/*
Theme Name: CW Mag
Template: magazine
Author: ViV Web Solutions
Version: 1.0
Updated: 2014-07-16 21:31:37
*/

@charset "UTF-8";
@import url('../magazine/style.css');


 /*
 COLOR REFERENCE
 ===============================================
 #A01525 - CW Red
 #752225 - Dark Red (temporary, not matched up yet)

 #115388 - Dark blue (bylines)

 #E6DDB8 - Light gold - box borders, widget title underlines

 #F2EEDB - Light Gold (Opinion background)

 #CAB76A - Gold (category tags)

 Less saturated:
 #E5DBBA - Light Gold
 #CAB76A - Gold
 #A89456 - Dark Gold
 #C0A962 - Semi-dark gold (site tagline)

 #ECE9E2 - Sand (Twitter page background color)

 = Categories =
 #468D3B - Green
 #0E316E - Blue
 #8C8988 - Gray
 #DE8B3D - Orange
 #8500B2 - Purple (Adam)
 **/

 /**
 PRINT to WEB colors [ *NOT* used as these are not matching print magazine PDFs ]
 ===============================================
 Hex - CMYK - Name (Description)

 #910039 - 0/100/61/43 - Maroon
 #CCD9A6 -  20/15/35/0 - Tan (weird, showing as a green)
 #CCCC80 -  20/20/50/0 - Gold
 #005C99 - 100/40/0/40 - Blue

 Extras for charts etc:
 #FF8000 -  0/50/100/0 - Orange
 0/20/65/5 yellow
 30/0/60/15 light green
 60/0/70/20 mid green
 60/0/80/35 dark green
 #A8A05F - 3/8/45/32 - Dark Tan


 **/

 /**
  Breakpoints
  **/
  /*

  1266px and over = widest fixed.
  */

/* Call list of component CSS here */
@import url('../../fonts/stylesheet.css');
@import url('css/main.4.css?v=1.0.2');
@import url('css/navigation.2.css');
@import url('css/story-blocks.4.css');
@import url('css/single.css');
@import url('css/index-pages.css');
@import url('css/users.css?v=1.0.0');
/*@import url('css/banner.3.css?v=1.0.3');*/
@import url('css/footer.1.css');

/** Note: this does NOT include media-queries.css as this needs to be loaded after the parent 'magazine' theme's media-queries CSS. Thus it is loaded in the global.php functions **/
	
/* SEARCH FORM */
body #headerwrap #searchform-wrap{background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
bottom: 0;
display: none;
left: 0;
margin: 0;
padding: 10% 0 0;
position: fixed;
right: 0;
top: 0;}
#top-nav-menu li a i{display: inline-block;  width: 35px;  line-height: 21px; vertical-align: top;
    height: 21px; padding: 2px 0px 3px 0px; margin: 0px 0px -6px -15px; text-align: center; background: #CAB76A; color: #fff;  border-radius: 4px;}
#top-nav-menu li a i + i{display:none;}
#searchform-wrap{ display: none; position: fixed !important;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: rgba(0,0,0,.9);  margin: 0;  padding: 10% 0 0 0;   top:0px!important; right:0px!important;}
#searchform-wrap #search-icon:before{content: '\f00d';  display: inline-block;  font-size: 32px;   font-family: FontAwesome;  font-style: normal;  font-weight: normal;  line-height: 1;   -webkit-font-smoothing: antialiased;}
#searchform-wrap #search-icon{display: block!important;   width: 40px;  height: 40px;  color: #fff;    cursor: pointer;  padding: 20px;  position: absolute;  left: 20px;   top:0;}
.logged-in #searchform-wrap #search-icon{ top:38px;}
#searchform-wrap form#searchform{box-sizing: border-box;  max-width: 1050px;  padding: 0 15px;  width: 100%; margin: 0px auto; margin-top:142px;  left: 100px;}
#searchform-wrap #searchform .icon-search{}
#headerwrap #searchform-wrap #searchform input[type="text"]#s{ background:#fff; color:#000; float:left; margin-right:2%; max-width:83%; width:100%;  font-size:100%!important; font-family:inherit	!important;}
 #searchform-wrap #searchform input[type="submit"].search-submit{ background:#CAB76A; border-radius:3px; float:left; padding:5px 10px 7px; width:15%;  font-size:100%!important; font-family:inherit!important;}
#searchform .fa-search{display:none;}
#headerwrap #searchform #s{box-sizing: border-box; padding: 5px 10px; border: 3px solid #fff;}
#searchform-wrap #search-icon:hover{ color: #CAB76A;}
/*
#nav-bar{    z-index: 0 !important;}
*/
nav#top-nav-sidr > ul#sidr-nav-quicklinks > li.open-search-form{ display:none;}

.close-form{ background:#cab76a; border-radius:4px; color:#fff!important; display:inline-block; font-size:0.65em; height:21px; left:-8px; line-height:21px; padding:2px 0 3px; position:absolute; text-align:center; text-decoration:none; top:3px; width:35px;}
.top-nav-aux.open-form-icon .close-form{ display:none!important;}
.top-nav-aux .close-form{ display:block!important; z-index:9999;}
.top-nav-aux .close-form i{ display:block; margin-top:4px;}
.close-form:hover{ text-decoration:none;}

@media (max-width: 1200px) { 

#searchform-wrap form#searchform{max-width:80%;}
}

@media (min-width: 785px) and (max-width: 990px) {
	
#headerwrap #nav-bar nav#top-nav-aux{ top:60px!important;}
#searchform-wrap form#searchform{max-width:80%; margin-top:135px;}
#site-logo img{width: 300px !important; display:inline-block;}
#headerwrap #searchform-wrap #searchform input#s[type="text"], #searchform-wrap #searchform input.search-submit[type="submit"]{font-size:17px !important;}
#searchform-wrap #search-icon{ top:39px;}
.logged-in #searchform-wrap #search-icon{ top:71px;}
}

@media (min-width: 781px) and (max-width: 784px) {

#searchform-wrap #search-icon{ top:41px;}
.logged-in #searchform-wrap #search-icon{ top:72px;}
#searchform-wrap #searchform input.search-submit[type="submit"]{ letter-spacing:0;}
}

@media (min-width: 641px) and (max-width: 780px) { 

#headerwrap #nav-bar nav#top-nav-aux{ top:33px!important;}
.logged-in #headerwrap #nav-bar nav#top-nav-aux{ top:79px!important;}
#site-logo img{width: 300px !important; display:inline-block;}
#searchform-wrap form#searchform{display:block; background: transparent; border: 0px; margin-top:95px;}
#headerwrap #searchform-wrap #searchform input#s[type="text"]{background:#fff!important;}
#headerwrap #searchform-wrap #searchform input#s[type="text"], #searchform-wrap #searchform input.search-submit[type="submit"]{font-size:13px !important;}
#searchform-wrap #searchform input.search-submit[type="submit"]{padding: 7px 10px 7px;}
#searchform-wrap #search-icon{ top:9px;}
.logged-in #searchform-wrap #search-icon{ top:63px;}
}

@media (max-width: 640px) {

#site-logo a, #site-logo img{ width:300px!important;}
nav#top-nav-sidr > ul#sidr-nav-quicklinks > li.open-search-form{ display:inline-block;}
nav#top-nav-sidr .closer{ top:13px; width:25px; height:25px;}
nav.top-nav-sidr{ z-index:0;}
header#header #searchform{ display:block;}
div#searchform-wrap form#searchform{ background:none; border:none; padding:0; max-width:420px;}
header#header #searchform #s{ background:#fff!important;}
div#headerwrap #searchform-wrap #searchform input#s[type="text"]{ font-size:13px!important; width:78%;}
div#searchform-wrap #searchform input.search-submit[type="submit"]{ font-size:13px!important; padding:7px 10px; width:20%;}
}

@media (max-width: 440px) {

div#searchform-wrap form#searchform{ max-width:300px;}
div#headerwrap #searchform-wrap #searchform input#s[type="text"]{ width:73%;}
div#searchform-wrap #searchform input.search-submit[type="submit"]{ width:25%;}
}

/** new category template **/
.caregory-top-post .post-image {
	float: left;
	width: 40%;
	margin-right: 20px;
}
.caregory-top-post {
	width: 100%;
	overflow: hidden;
	border-bottom: 2px solid #c6b46f;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.caregory-top-post .post {
	margin-bottom: 0;
}
.author.sidebar-left #sidebar,
.tag.sidebar-left #sidebar,
.category.sidebar-left #sidebar {
	float: right;
	border: none;
	padding-top: 0;
}
.author.sidebar-left #contentwrap,
.tag.sidebar-left #contentwrap,
.category.sidebar-left #contentwrap {
	float: left;
}
.author .one_post_element .one_post_author,
.tag .one_post_element .one_post_author,
.category .one_post_element .one_post_author {
	overflow: hidden;
}
.author .one_post_element .one_post_author a.author,
.tag .one_post_element .one_post_author a.author,
.category .one_post_element .one_post_author a.author {
	float: left;
}
.author .one_post_element .one_post_author .arhive-cat-meta,
.tag .one_post_element .one_post_author .arhive-cat-meta,
.category .one_post_element .one_post_author .arhive-cat-meta {
    border-left: 1px solid #b9b9b9;
    padding-left: 10px;	
    float: left;
    margin: 0 0 0 10px;
}
.author .one_post_element .one_post_author .arhive-cat-meta a,
.tag .one_post_element .one_post_author .arhive-cat-meta a,
.category .one_post_element .one_post_author .arhive-cat-meta a {
    color: #4f96e6!important;
    display: inline-block;
    display: none;
}
.author .one_post_element .one_post_author .arhive-cat-meta a:first-child,
.tag .one_post_element .one_post_author .arhive-cat-meta a:first-child,
.category .one_post_element .one_post_author .arhive-cat-meta a:first-child {
	display: inline-block;
}
.tag .wp-pagenavi {
	margin-top: 50px;
}
.author .wp-pagenavi,
.category .wp-pagenavi {
	margin-top: 50px;
}
.author .one_post_element .img-scale-wrap > a ,
.tag .one_post_element .img-scale-wrap > a ,
.category .one_post_element .img-scale-wrap > a  {
	max-height: 180px;
	display: block;
	overflow: hidden;
}
.caregory-top-post.is-hidden {
	display: none;
}
.author .one_post_element h4.one_post_title,
.category .one_post_element h4.one_post_title,
.tag .one_post_element h4.one_post_title {
	margin: 15px 0;
}
.author .one_post_element .one_post_text_wrap .one_post_subtitle,
.category .one_post_element .one_post_text_wrap .one_post_subtitle,
.tag .one_post_element .one_post_text_wrap .one_post_subtitle {
	margin: 0 0 15px;
	padding-top: 0;
}
.author-social-links .label, .author-social-links .label {
    color: #A01525;
}
@media screen and (max-width: 780px) {
	.caregory-top-post .post-image {
		float: none;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	.author .one_post_element .img-scale-wrap > a,
	.tag .one_post_element .img-scale-wrap > a,
	.category .one_post_element .img-scale-wrap > a  {
		max-height: inherit;

	}
}

/** Print styles */
@media print {
  #main-nav, .left-header-top-col,
  .mobile-wrapper, #top-nav-aux,
  #sidebar, .sign-up-bottom,
  .stb-container, .ad-unit,
  .author-bios, .addthis_sharing_toolbox,
  .social-share-title, .related-posts,
  .post-nav, #disqus_thread, .back-top,
  .footer-widgets, #top-nav-menu, #sidr-nav-quicklinks,
  .edit-button, .social-share-title, .at-share-btn-elements,
  .social-share-title.bottom, .social-share-title.top,
  .gold-divider{
    display: none !important;
  }
  a[href]:after {
    content: none !important;
  }
  #contentwrap{
    width: 100%;
  }
  #footerwrap.footer-new #text-1020.widget:after,
  .footer-text{
    content: none !important;
  }
}