/*
$color-1: #1A1A1A; // Cod Gray
$color-2: #DB6356; // Roman
$color-3: #FFFFFF; // White
$color-4: #548c7e; // Patina
*/
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box; }

html {
  /*font-size: 62.5%;*/ }

body {
  font-size: 1.0rem;
  font-family: "Lato", sans-serif;
  color: #212529;
  background-color: #FFFFFF; }

a {
  color: #f6064c;
  text-decoration: none; }

h1.page-title {
  text-align: center;
  font-size: 2vw;
  font-weight: bolder;
  color: #24293e;
  text-transform: uppercase; }

h3 {
  color: #ff0; }

footer {
  background-color: #f1f1f1;
  padding: 10px; }

footer p {
  margin: 0;
  padding: 0;
  font-size: 12px !important; }

h2.row-title {
  color: #f6064c;
  text-transform: none;
  text-transform: uppercase;
  border-bottom: none !important;
  width: 100%;
  text-align: center;
  margin: 0 auto 20px auto;
  margin-bottom: 20px;
  padding-bottom: 0px;
  font-size: 15px; 
  letter-spacing:3px;
  font-weight:bold;}

h2.row-title::after {
  content: " ";
  display: block;
  border-bottom: 2px solid #e5e5e5;
  width: 50px;
  margin: 0 auto;
  margin-top: 10px; }

h2 {
  font-size: 18px; }

h3 {
  color: #990000; }

h4 {
  font-size: 1rem; }

.ign-row-content-dark H1, .ign-row-content-dark H2, .ign-row-content-dark H3, .ign-row-content-dark H4, .ign-row-content-dark H5, .ign-row-content-dark H6 {color:#eb363a;}

.hero h3 {bottom:10px;}

.hero h2 {font-weight:bold; font-size:18px; padding-left:20px; padding-right:20px; line-height:100%; bottom:35px;}
.hero h2::after {border-bottom: solid 3px #ffffff; opacity:0.2;}
.hero .img-hold {height:210px}
.hero-multi .slideshow {height:850px; width:100%;}

blockquote {
  font-style: italic;
  font-size: 2rem;
  color: #990000;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 3px solid #f1f1f1;
  padding: 30px; }

.text-image-plugin H2, .text-plugin H2 {
  color: #990000;
  margin-bottom: 10px;
  line-height: 110%; 
  font-size:18px;
  font-weight:300;
}

.btn {
  font-size: 15px;
  padding: 10px; }

button.btn-primary {
  background-image: linear-gradient(to right, #ee3c27 , #f6064c);
  border: solid 1px #ffffff;
  padding:20px;
  text-transform:uppercase;
  letter-spacing:3px;
  font-weight:bold;
  color:#ffffff !important;}

button:HOVER.btn-primary {
  background-image: linear-gradient(to right, #d71e54 , #ee3c27);
  border: solid 1px #ffffff;
  padding:20px 40px;
  ;}

A.btn-primary {
  background-image: linear-gradient(to right, #eb363a , #a4090c);
  border: solid 1px #ffffff;
  padding:20px;
  text-transform:uppercase;
  letter-spacing:3px;
  font-weight:bold;
  color:#ffffff !important;
}

A:HOVER.btn-primary {
  background-image: linear-gradient(to right, #a4090c , #eb363a);
  border: solid 1px #ffffff;
  padding:20px 40px;
  ;}

.cd-morph-dropdown {
  background-color: #f03133;
  color: #fff; 
  z-index:10;}

.cd-morph-dropdown .morph-dropdown-wrapper {
  background-image: linear-gradient(to right, #eb363a , #a4090c);
  height:100vh;
}

.cd-morph-dropdown .label {
  color:#ffffff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 3px;
}

.logo-bar {
  background: #f03133 !important;
  height: 100px; }

.logo-bar img {
  margin: 15px auto; 
  width:300px;
  }

.card h3.card-title {
  font-size: 1.5rem; }

.cd-morph-dropdown .dropdown-list > ul > li {
  text-align:center;
  margin-bottom:0;
}

.cd-morph-dropdown .dropdown-list > ul > li > a {
  padding-top:40px;
  padding-bottom:40px;
  border-bottom:1px solid #cf7476;
}

.cd-morph-dropdown .label {
  margin-bottom:0;
}

.cd-morph-dropdown .main-nav > ul > li > a {
  text-transform:uppercase;
  font-size: 13px; 
  color:#fff;
  font-weight:bold;
  letter-spacing:1px;
  }

.ign-profile .nav-tabs.nav-stacked .active > .nav-link i, .ign-profile .nav-tabs.nav-stacked .active > .nav-link:hover i, .ign-profile .nav-tabs.nav-stacked .nav-link.active i, .ign-profile .nav-tabs.nav-stacked .nav-link.active:hover i {color:#f6064c;}
.ign-profile .nav-tabs .active > .nav-link, .ign-profile .nav-tabs .active > .nav-link:hover, .ign-profile .nav-tabs .nav-link.active, .ign-profile .nav-tabs .nav-link.active:hover, .ign-profile .nav-tabs .active > .nav-link:focus, .ign-profile .nav-tabs .nav-link.active:focus {color:#f6064c;}
.ign-profile .nav-tabs .active > .nav-link:before, .ign-profile .nav-tabs .nav-link.active:before {background: linear-gradient(to right, #3493b6 , #4cb390)}
.ign-profile .nav-tabs-bold .nav-link.active {color:#f6064c;}
.ign-profile h3 {color: #f6064c;text-transform: none;text-transform: uppercase;font-size: 20px;letter-spacing: 3px;font-weight: bold;}
.ign-profile .nav-item span {text-transform: none;text-transform: uppercase;font-size: 15px;letter-spacing: 3px;font-weight: bold;}



.ign-row-content-light .table td {color:#fff;}



/* =============== MEDIA QUERIES ================ */


/*# iphone 6/7/8 */
@media only screen and (min-width: 375px) {
.hero .img-hold {height:210px}
}

/*# iphone 6/7/8 plus */
@media only screen and (min-width: 414px) {
.hero .img-hold {height:215px}
.hero h2 {bottom:32px; font-size:25px}
}

/*# larger devices */
@media only screen and (min-width: 767px) {
.hero .img-hold {height:280px}
.hero h2 { font-size:35px; padding-left:20%; padding-right:20%;}
.text-image-plugin H2, .text-plugin H2 {
  line-height: 120%; 
  font-size:27px;
  }
}

@media only screen and (max-width: 999px) {
  .cd-morph-dropdown .nav-trigger {background-color:#3493b6; background-image: linear-gradient(to right, #eb363a , #a4090c);}
  .cd-morph-dropdown .morph-dropdown-wrapper a {color: #fff;}
}

@media only screen and (min-width: 1000px) {
  .cd-main-content {padding-top: 70px; }
  .cd-morph-dropdown {
    position: absolute;
    height: 70px;
    left: 0;
    top: 100px;
    width: 100%;
    padding: 0;
    background-color:#3493b6;
    background-image: linear-gradient(to right, #eb363a , #a4090c);
    text-align: center; } 
  .hero .img-hold {height:420px}
  .hero h2 { font-size:40px; padding-left:20%; padding-right:20%; bottom:121px;}
  .cd-morph-dropdown .main-nav > ul > li > a {border-left:1px solid #cf7476;}
  .cd-morph-dropdown .main-nav > ul > li:last-child > a {border-right:1px solid #cf7476;}
  .cd-morph-dropdown .label {margin-bottom:.8em;}

}

@media only screen and (min-width: 1200px) {
  .hero .img-hold {height:414px}
  .hero h2 {font-size:50px; bottom:80px;}
}


.cd-morph-dropdown.nav-is-visible  .cd-main-nav.nav-is-visible {overflow: hidden;}
.cd-morph-dropdown.nav-is-visible  .cd-main-nav a {text-align: left;}