/*
Theme Name: Secrets of the City Responsive v1
Author: Seventhfury Studios
Author URI: http://seventhfury.com/
Description: Secrets fully responsive site theme.
Version: 1.1
*/
/* ----- SCSS STYLES ----- */
/*  @include border-radius(10px); */
/*  @include box-shadow(0px 0px 8px $color_dark); */
/* Add CSS3 animations to elements below */
a, a:active, a:link, a:visited, a:hover, input, input:focus, .brand, .hero_wrap img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* ----- CSS STYLES ----- */
* { outline: none !important; -webkit-font-smoothing: antialiased !important; }

body, html { background: white; font-family: "Raleway", sans-serif; font-weight: 400; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 13px; font-weight: 400; }

ul, li { padding: 0; list-style: none; margin: 0; }

#content-wrap { padding-top: 100px; }

.container { max-width: 960px; }

.row { width: 100% !important; margin: 0 !important; padding: 0 !important; }

.pagewrap { padding-top: 0px; }

.img-margin { margin-bottom: 50px; }

h1, h2, h3, h4, h5 { text-align: center; }

h1 { font-family: "Raleway", sans-serif; font-size: 51px; font-weight: 800; text-transform: uppercase; text-align: center; color: black; margin-bottom: 30px; }

h2 { font-family: "Raleway", sans-serif; font-size: 40px; text-align: center; line-height: 1.1; color: #262626; text-transform: uppercase; font-weight: 800; }

h3 { font-family: "Raleway", sans-serif; font-size: 24px; color: white; line-height: 1; margin-top: 0; color: #262626; text-transform: uppercase; margin-bottom: 15px; font-weight: 800; }

h4 { font-family: "Raleway", sans-serif; font-weight: 800; font-size: 18px; text-transform: uppercase; text-align: left; }

.left { width: 49%; float: left; }

.right { width: 49%; float: right; }

.floatleft { float: left; }

.floatright { float: right; }

.clear { clear: both; }

strong { font-family: "Raleway", sans-serif; font-weight: 800; }

a, a:link, a:active, a:visited { color: #d11a20; }

a:hover { color: #d11a20 !important; }

a.btn_red, a.btn_red:link, a.btn_red:active, a.btn_red:visited, .nav-next a, .nav-next a:link, .nav-next a:active, .nav-next a:visited, .nav-previous a, .nav-previous a:link, .nav-previous a:active, .nav-previous a:visited, #searchsubmit, .categoriespage a, .categoriespage a:link, .categoriespage a:active, .categoriespage a:visited, #comments #submit, .standardpage a, .standardpage a:link, .standardpage a:active, .standardpage a:visited { background: #d11a20; color: white !important; line-height: 1; font-weight: 800; text-transform: uppercase; padding: 15px 45px; margin: 20px auto; display: inline-block; border: none; }

a.btn_red:hover, .nav-previous a:hover, .nav-next a:hover, #searchsubmit:hover, .categoriespage a:hover, .standardpage a:hover, #comments #submit:hover { background: #262626; color: #e5e5e5; text-decoration: none; }

.nav-previous a, .nav-next a { max-width: 300px; }

.categoriespage { text-align: center; }

.categoriespage a, .categoriespage a:link, .categoriespage a:active, .categoriespage a:visited { display: block; text-align: center; max-width: 200px; }

p { margin-bottom: 20px; }

hr { margin: 60px 0; clear: both; }

.alignright { text-align: right !important; }

.alignleft { text-align: left !important; }

.aligncenter { text-align: center !important; }

.entry-date { color: #9c9ea0; }

.homeposts .entry-date { text-align: center; margin: 20px auto; }

.entrylist img, .singlepost img, .archives img { width: 45%; height: auto; float: left; margin: 23px 25px 20px 0; }

.singlepost img, .archives img { margin-top: 5px; }

.pagination { margin: auto; display: block; }

.nav-next { float: right; }

.nav-single .assistive-text { display: none; }

h2.comments-title { font-size: 20px; }

#comments { display: block; margin: auto !important; text-align: center !important; width: 100%; padding: 0; }

#comments textarea, #comments input { display: block; padding: 9px; border: none; background: #e5e5e5; width: 80%; margin: auto; }

#comments label { float: none; padding: 5px; }

#comments #recaptcha_image { display: block; margin-left: auto; margin-right: auto; text-align: center !important; }

#comments #submit { text-align: center !important; margin: 40px auto; display: block; width: 60%; }

.site-content .form-allowed-tags { display: none; }

#searchform { max-width: 80%; margin: auto; text-align: center; }

#searchform .searchforminput { padding: 10px; width: 40%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.error404 p { text-align: center !important; }

/* ----- OVERLAY ----- */
.overlay { display: none; z-index: 9999999999999 !important; position: fixed; overflow: scroll !important; width: 100%; height: 100%; min-height: 100%; margin: 0; top: 0; bottom: 0; padding: 0; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.9); }
.overlay h2 { margin-bottom: 40px; color: white !important; font-size: 35px; }
.overlay .centering { max-width: 800px; z-index: 99999999999999; margin: 40% auto auto auto !important; }
.overlay .overlayclose { background: rgba(0, 0, 0, 0.7); font-family: "Raleway", sans-serif; position: relative; font-size: 13px !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: 1px solid white; color: white; display: block; width: 26px; height: 26px; padding-top: 2px; float: right; text-shadow: none; text-align: center; }
.overlay .overlayclose:hover { background: #d11a20; border-color: white; color: white; cursor: pointer; }

/* ----- ICONS ----- */
a.social_icon, a.social_icon:active, a.social_icon:visited { position: relative; color: #4e4f50 !important; background: #9c9ea0; text-shadow: none; display: inline-block !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; font-size: 15px; line-height: 1; padding: 9px 8px 7px 8px; text-align: center; margin: 15px 0 0 15px; width: 35px; height: 35px; top: -70px; right: 12px;
 }
 
a.dt_social_icon,a.dt_social_icon:active, a.dt_social_icon:visited { color:#4e4f50 !important; position:relative; background: #9c9ea0; text-shadow:none; display:inline-block !important; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; font-size:15px; line-height:1; padding: 9px 8px 7px 8px !important; text-align:center; margin: 5px 0 0 15px; width:35px; height:35px !important; top:15px; right:20px; } 

a.social_icon:hover { background: #d11a20; color: white !important; }
a.dt_social_icon:hover { background: #d11a20; color: white !important; }

/* ----- NEWSLETTER FORM ----- */



img.sponsor_brand { position: absolute; display: block; top: 43px; z-index: 1000000; max-width: 68px; left:38%; overflow: visible; } 

.newsletterarea { margin: 0px !important; padding: 0 !important; }

.newsletter-label { font-size: 11px; color: #9c9ea0; text-align: right; }

#mc_embed_signup { margin-bottom: 0px !important; padding: 0 !important; line-height: 1 !important; height: 1px !important; /* Hide Placeholder Input Text on Focus in Webkit and Firefox */ }

#mc_embed_signup input.email, #mc_embed_signup .btn_submit { font-family: "Raleway", sans-serif !important; text-transform: uppercase; display: inline-block !important; line-height: 1.5; border: none !important; box-shadow: none !important; text-transform: uppercase !important; }

#mc_embed_signup input.email { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: #262626; background: #9c9ea0; width: 75%; font-size: 12px; padding: 7px 10px; height: auto; }

#mc_embed_signup .choosestate { text-align: center !important; width: 100%; margin-bottom: 10px; }

#mc_embed_signup input[type=checkbox], #mc_embed_signup label { font-size: 1.2em; line-height: 2; display: inline-block; }

#mc_embed_signup label { padding-left: 5px; margin-right: 15px; }

#mc_embed_signup .btn_submit { color: black; background: #d11a20 !important; margin-left: -7%; width: 32%; font-size: 12px; text-transform: uppercase; margin-top: -7px; line-height: 1.5; padding: 7px 10px !important; }

#mc_embed_signup .btn_submit:hover { color: white; background: #262626 !important; }

#mc_embed_signup input[type=text]:focus, #mc_embed_signup textarea:focus, #mc_embed_signup .form-group input:focus, #mc_embed_signup input[type=email]:focus { box-shadow: none !important; border: none !important; outline: none !important; background: #262626; color: #9c9ea0; }

#mc_embed_signup input.email::-webkit-input-placeholder { background: #9c9ea0; color: #262626; text-transform: uppercase !important; }

#mc_embed_signup input.email:focus::-webkit-input-placeholder { text-indent: -999px; outline: none !important; }

#mc_embed_signup input.email::-moz-placeholder { background: #9c9ea0; color: #262626; text-transform: uppercase !important; }

#mc_embed_signup input.email:focus::-moz-placeholder { text-indent: -999px; outline: none !important; }

/* -- NAVIGATION -- */
.topbar { background: #e5e5e5; padding: 19px 0 17px 0 !important; height: auto; }
.topbar .topbarinfo { float: right; width: 100%; }

/* Mobile Nav */
.navbar { z-index: 999999999; background: #262626 !important; }

.mobile-nav-title { font-size: 10px; text-transform: uppercase; text-align: center; color: #4e4f50; }

.icon-bar { width: 100% !important; background-color: #4e4f50 !important; }

.mobilenav a, .mobilenav a:active, .mobilenav a:visited { color: white !important; text-decoration: none !important; }

.mobilenav a:hover { color: white !important; background: #d11a20 !important; }

.extranav { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; }

/* Desktop Nav */
.navrow { background: #262626; padding: 0px 0; margin: 0; }
.navrow .brand { position: absolute; display: block; top: 10px; z-index: 9999999999; max-width: 210px; }
.navrow .brand:hover { top: 20px; }
.navrow .brand a:hover { background: none !important; }
.navrow ul { padding: 0; margin: 0; text-align: right !important; }
.navrow li { display: inline-block; }
.navrow a, .navrow a:link, .navrow a:active, .navrow a:visited { color: white !important; font-size: 17px; font-family: "Raleway", sans-serif !important; font-weight: 800; padding: 28px 10px !important; text-decoration: none !important; text-shadow: none !important; text-transform: uppercase; display: inline-block; }
.navrow a:hover { background: #d11a20 !important; }

h2 a, h2 a:link, h2 a:active, h2 a:visited { color: #262626 !important; text-decoration: none !important; text-shadow: none !important; text-transform: uppercase; display: inline-block; }
h2 a:hover { color: #d11a20 !important; }

/* -- HERO WRAP -- */
.hero_wrap { width: 100% !important; padding: 0 !important; margin: 0 -30px 60px 0 !important; overflow: hidden; }
.hero_wrap .row { width: 100% !important; margin: 0 !important; padding: 0 !important; }
.hero_wrap a, .hero_wrap a:link, .hero_wrap a:active, .hero_wrap a:visited { color: white !important; text-decoration: none !important; text-shadow: none !important; text-transform: uppercase; display: block; }
.hero_wrap a:hover { color: #d11a20 !important; text-decoration: none !important; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.hero_wrap .hero_post_wrap { padding: 0 !important; margin: 0px !important; display: block; overflow: hidden; }
.hero_wrap .hero_post { overflow: hidden; height: 460px; display: block; padding: 0 !important; margin: 0 !important; }
.hero_wrap h2 { position: relative; /* padding: 160px 30px!important;*/ color: white !important; text-shadow: 0px 0px 10px black; z-index: 9; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hero_wrap img { width: auto; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

/* -- CONTACT -- */
.contactpage h2 { text-align: left; font-size: 34px !important; }
.contactpage h4 { text-align: left; color: #4e4f50; font-size: 18px; }

.contactinfo h2 { text-align: center; margin-top: 30px; }
.contactinfo p { text-align: justify; }
.contactinfo ul { padding: 0; margin: 0; }
.contactinfo li { border-bottom: 1px dashed #9c9ea0; padding: 9px 0; }
.contactinfo li:last-child { border-bottom: none; }
.contactinfo .graybox { min-height: 450px; background: #e5e5e5; padding: 15px; margin-bottom: 40px; }

/* -- SPONSOR BOX -- */
.sponsorbox { background: #e5e5e5; padding: 15px !important; }
.sponsorbox h2 { font-size: 18px; text-align: left; margin-top: 0 !important; }
.sponsorbox img { float: left; margin: 0px 20px 0px 0; display: block; max-width: 100px; height: auto; display: block; }
.sponsorbox p { margin: 0 !important; }

/* -- FOOTER -- */
.footersignup { margin-bottom: 200px; margin-top: 150px !important; clear: both; margin: auto; text-align: center; height: 275px; }
.footersignup .newsletter-label { font-size: 18px; font-weight: 800; color: #262626; text-transform: uppercase; text-align: center; margin-bottom: 30px; }
.footersignup #mc_embed_signup { max-width: 350px; margin: auto; }
.footersignup #mc_embed_signup input { font-size: 15px; height: 40px !important; }

.footernav { background: #262626; text-align: center; padding-bottom: 40px; }
.footernav .brand { position: relative; margin: auto; top: -90px; }
.footernav .brand img { width: 140px; }
.footernav .brand:hover { top: -80px; }
.footernav ul { margin: 0; padding: 0; }
.footernav li { display: inline-block; }
.footernav #menu-footer { margin-bottom: 10px; }
.footernav #menu-footer a, .footernav #menu-footer a:link, .footernav #menu-footer a:visited, .footernav #menu-footer a:active, .footernav #menu-footer-submenu a, .footernav #menu-footer-submenu a:link, .footernav #menu-footer-submenu a:visited, .footernav #menu-footer-submenu a:active { font-size: 15px; color: #e5e5e5 !important; text-decoration: none; text-transform: uppercase; padding: 2px 5px; display: inline-block; }
.footernav #menu-footer a:hover, .footernav #menu-footer-submenu a:hover { color: white !important; background: #d11a20 !important; }
.footernav #menu-footer-submenu a, .footernav #menu-footer-submenu a:link, .footernav #menu-footer-submenu a:visited, .footernav #menu-footer-submenu a:active { font-size: 12px; color: #9c9ea0 !important; text-decoration: none; padding: 2px 5px; display: block; }
.footernav .footersocial { max-width: 400px; clear: both; margin: 0 auto; padding: 60px 0; display: block; }
.footernav .footersocial a.social_icon { width: 40px; display: inline-block !important; margin: 0 5px; background: #171717; padding: 10px 0; }
.footernav .footersocial a.social_icon:hover { background: #d11a20; }
.footernav .copyright { font-size: 11px; color: #9c9ea0; }

/* ----- SPECIFIC RESPONSIVE SIZE SETTINGS----- */
@media (min-width: 1200px) { /* beyond large size */
  .hero_wrap img { height: 120%; width: auto; } }
/* min-width:1200px */
@media (min-width: 1500px) { /* beyond large size */
  .hero_wrap img { height: 150%; width: auto; } }
/* min-width:1500px */
@media (max-width: 993px) { /* up to large size */
  .navrow .brand { top: 55px !important; left: -10px !important; }
  .navrow .brand img { max-width: 100px !important; }
  .navrow .brand a:hover { background: none !important; }
  .navrow a, .navrow a:link, .navrow a:active, .navrow a:visited { color: white !important; font-size: 16px; padding: 28px 10px !important; } }
/* max-width:993px */
/* min-width:769px */
@media (max-width: 768px) { .topbar { padding-top: 70px !important; }
  .navbar .brand { top: 7px !important; left: 6px !important; position: relative; float: left; }
  .navbar .brand img { max-width: 75px !important; }
  .topbar a.social_icon, .topbar a.social_icon:active, .topbar a.social_icon:visited { display: block !important; font-size: 15px; padding: 9px 8px 7px 8px; width: auto; }
  #mc_embed_signup { margin: 20px 0px 40px 0px !important; }
  hr { margin: 40px 0; }
  .graybox { min-height: auto !important; }
  .hero_wrap .hero_post { height: inherit; }
  .hero_wrap img { width: 150%; height: auto; }
  .hero_wrap h2 { padding: 120px 0; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
/* max-width:768px */
@media (max-width: 550px) { h1 { font-size: 40px; }
  h2 { font-size: 33px; }
  .topbar { padding-top: 110px !important; }
  .hero_wrap .hero_post { height: inherit; }
  .hero_wrap h2 { padding: 120px 0; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .nav-previous a, .nav-next a { width: 100%; }
  .nav-previous a { float: left; }
  .nav-next a { float: right; }
  /*.hero_wrap { width:100%!important; padding: 0!important; margin: 0 -30px 60px 0!important; overflow: hidden;
 .row { width:110%!important; margin: 0 0px 0 -20px!important; padding: 0!important; }
 .hero_post { background: $color_red; overflow: hidden; height: auto; max-height: auto; display: block; padding: 0!important; margin: 0!important; }
 h2 {  position:relative; padding: 100px 30px!important; color: white!important; text-shadow: (0px 0px 10px black); z-index: 9; } }*/ }
/* max-width:550px */
.standardpage { text-align: left !important; }
.standardpage h2, .standardpage h3, .standardpage h4 { text-align: left !important; }