/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #c4c4c4;
  text-decoration: underline;
}
a:focus,
a:hover {
  text-decoration: none;
}
.btn {
  text-decoration: none;
}

pre {
  white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


h1 {
  font-family: Nunito;
}
h2 {
  font-family: Nunito;
  /*font-family: 'Permanent Marker';*/
  font-size: 40px;
  font-weight: 700;
}
h3 {
  font-family: Nunito;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 0px;
}
h4 {
  font-family: Nunito;
  font-size: 25px;
  font-weight: 600;
}


.cover-heading {
  font-weight: 700;
  font-size: 40px;
}

/*ul {
  max-width: 800px;
  margin: 0 auto;
}
li {
  text-align: left;
}*/

.btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Base structure
 */

html,
body {
  font-family: 'Open Sans';
  background-color: #333;
  color: #fff;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

::-webkit-scrollbar-track
{
  background-color: #333;
}

::-webkit-scrollbar
{
  width: 10px;
  background-color: #333;
}

::-webkit-scrollbar-thumb
{
  background-color: #656565;
}

.background {
  position: fixed;
  left: 0;
  right: 0;
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center bottom;
}

.background-pg {
  position: relative;
  height: 70px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center bottom;
}

.background-li-img {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://fcmodding.com/header.jpg);
}

.page-header {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0px;
}

.page-header-blur {
  background: #222222d1;
	background-image: url(https://downloads.fcmodding.com/pictures/noise.png);
	background-repeat: repeat;
	background-size: 256px 256px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.page-header-bg {
  position: fixed;
  z-index: 2;
  width: 100%;
  top: 0px;
}
.page-header-bg .navbar {
  margin: 10px 20px;
}
.page-header-bg-sp {
  height: 70px;
  width: 100%;
}

.form-control,
.form-control:focus
{
  color: #ffffff;
  background-color: #3a3a3a;
  border: 1px solid #727272;
}
.form-control:focus
{
  box-shadow: 0 0 0 0.25rem #72727266;
}
.form-control[readonly] {
  background-color: #3a3a3a;
  color: #c1c1c1;
}

/*
 * Header
 */
.masthead {
  margin-top: 15px;
  margin-bottom: 15px;
  z-index: 1;
}

.navbar {
  padding: 0;
}

.masthead-brand {
  font-size: 30px;
}
.masthead-brand a {
  color: #fff;
  text-decoration: none;
}
.masthead-brand a:hover, .masthead-brand a:focus {
  border-bottom: .25rem solid transparent;
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead {
  padding-left: 5px;
  padding-right: 5px;
}

.nav-masthead .nav-link {
  padding: 10px 0 !important;
  font-weight: 600;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  text-decoration: none;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 375px) {
  .main {
    top: 45%;
    transform: translateY(-45%);
  }

  .cover-heading {
    font-size: 50px;
  }
}

@media (min-width: 768px) {
  .masthead {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .background-pg, .page-header-bg-sp {
    height: 102px;
  }

  .nav-masthead .nav-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .nav-masthead .nav-link {
    padding: .25rem 0 !important;
  }
}

@media (min-width: 1200px) {
  .background-pg, .page-header-bg-sp {
    height: 66px;
  }
}


.proj-box {
  background-color: #222;
  padding-top: 20px;
  border-radius: 5px;
}
.mod-box {
  background-color: #222;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  transition: transform .2s;
  height: 100%;
}
.mod-box:hover {
  transform: scale(1.05);
}
.mod-box a {
  color: #fff;
  text-decoration: none;
}
.mod-box img {
  width: 100%;
  margin-bottom: 10px;
  
  margin-left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 576px) {
  .mod-box img {
    width: auto;
    height: 200px;
  }
}

.card-body {
  background-color: #181818;
}

#myprojs .row > div {
  margin-bottom: 20px;
}

.accordion-item {
  background-color: #222;
  border: 1px solid #4c4c4c;
}
.accordion-button {
  background-color: #222;
  color: #fff;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed) {
  background-color: #222;
  color: #fff;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.mb-50 {
  margin-bottom: 50px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.pt-40 {
  padding-top: 40px;
}


img.lazy {
  min-width: 100px;
  min-height: 100px;
  max-height: 300px;

  /* optional way, set loading as background */
  background: url(https://downloads.fcmodding.com/pictures/loading2.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

img.autosize {
  padding: 5px;
}

.modal-body {
  text-shadow: none;
  box-shadow: none;
}
.modal-content {
  background-color: #222;
}
.close {
  color: #fff;
  text-shadow: 0 1px 0 #000000;
}
.modal-footer {
  border-top: 1px solid #757575;
}
.modal-header {
  border-bottom: 1px solid #757575;
}
.modal-title {
  font-family: Nunito;
  font-weight: 700;
}
#nudedialog {
  background-color: #360000;
}


.grid {
	width: 100%;
}
.grid-sizer,.grid-item {
	width: 100%; padding: 10px;
}
@media (min-width: 425px) {
	.grid-sizer,.grid-item {
		width: 49%;
	}
}
@media (min-width: 768px) {
	.grid-sizer,.grid-item {
		width: 32%;
	}
}

.ph-space {
  display: inline-block;
  width: 20px;
}
.ph-space2 {
  display: inline-block;
  width: 10px;
}
@media (min-width: 768px) {
  .ph-space {
    width: 40px;
  }
}

.clr-yellow { color: #ffff00; }
.clr-green { color: #00ff00; }
.clr-blue { color: #00e7ff; }
.clr-orange { color: #f90; }
.clr-pink { color: #ff62f3; }

.max-500 {
  max-width: 800px!important;
  margin: 0 auto;
}

.no-limit {
  max-height: 500px!important;
}

.mainBox {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

.footer {
  background: #222;
  flex-grow: 1;
}

.faq-btn {
  background-color: #222;
  border-radius: 5px;
  border: 1px solid #4c4c4c;
  margin: 0px;
  padding: 15px;
  text-align: left;
  text-decoration: none;
}
.faq-btn a {
  text-decoration: none;
}
.faq-btn-sp {
  margin-bottom: 40px;
}

[data-fancybox="images"] {
  text-decoration: none;
}

img {
  border-radius: 5px;
}

/* nunito-regular - latin-ext_latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v13-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v13-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v13-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v13-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v13-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v13-latin-ext_latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-600 - latin-ext_latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v13-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
       url('../fonts/nunito-v13-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v13-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v13-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v13-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v13-latin-ext_latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-700 - latin-ext_latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v13-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Nunito Bold'), local('Nunito-Bold'),
       url('../fonts/nunito-v13-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v13-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v13-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v13-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v13-latin-ext_latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}