/*
Theme Name: Guerrero V2
Version: 2.1
Author: Josiah Spence
Author URI: http://bowlerhatcreative.com
Description: A custom theme.
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*BEGIN Typography*/

@font-face {
	font-family: 'bghicons';
	src:url('fonts/bghicons.eot');
	src:url('fonts/bghicons.eot?#iefix') format('embedded-opentype'),
		url('fonts/bghicons.svg#bghicons') format('svg'),
		url('fonts/bghicons.woff') format('woff'),
		url('fonts/bghicons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'bghicons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

html {
	background: #ffffff url('images/bg_grad.jpg') repeat-x;
	height:100%;
}

body{
	background: url(images/bg.png);
	color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:1.45em;
	min-height:100%;
	}
	
p{
	margin-bottom:1.45em;
	}
	
a{
	color: #ff1900;
	text-decoration:none;
	}
	
	a:hover{
		}
		
h1{
	font-size:2.4em;
	font-weight:normal;
	line-height:1.16em;
	}
	
	h1.pageheader{
		background-color: #9b999a;
		color:#fff;
		font-family:Verdana, Helvetica, Geneva, sans-serif;
		font-size:10px;
		font-weight:bold;
		margin-bottom:30px;
		padding:10px;
		text-transform:uppercase;
		}
		
h2{
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:.5em;
	}
	
	h2.issuetitle{
		background-color: #FF1900;
		color: #FFFFFF;
		display: inline-block;
		font-family: Verdana,Helvetica,Geneva,sans-serif;
		font-size: 1.15em;
		margin-bottom: 30px;
		padding: 5px 8px;
		text-transform: uppercase;
		}

h3{
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:.25em;
	}

h4{
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-bottom:1.45em;
	text-transform:uppercase;
	}

h5{}

h6{}

ul{
	}

li{
	list-style: square outside none;
    margin-left: 17px;
	}

/*END Typography*/

/*BEGIN Classes*/

img{
	height:auto;
	max-width:100%;
	}

.readmore{
	display:block;
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-top:5px;
	text-transform:uppercase;
	}
	
form.wpcf7-form label {
float: left;
display: block;
width: 150px;
margin: 5px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: black;
}

form.wpcf7-form .checklist label{
	float:none;
	font-weight:normal;
	margin:0;
	}

form.wpcf7-form span.email input, form.wpcf7-form span.firstname input, form.wpcf7-form span.lastname input, form.wpcf7-form span.title input, form.wpcf7-form span.company input, form.wpcf7-form span.address1 input, form.wpcf7-form span.address2 input, form.wpcf7-form span.city input, form.wpcf7-form span.zip input, form.wpcf7-form span.phone input, form.wpcf7-form span.fax input, form.wpcf7-form span.other_title input, form.wpcf7-form span.other_business input, form.wpcf7-form span.certifications input, form.wpcf7-form span.associations input {
width: 300px;
padding: 5px;
background-color: #E4E3E1;
border: 0px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-image: initial;
}

.callout{
	background-color:#9b999a;
	color:#fff;
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:10px;
	line-height:1.6em;
	padding:30px;
	width:160px;
	}
	
	.callout h2{
		font-size:1em;
		line-height:1.6em;
		margin-bottom:1.45em;
		}
		
#post-nav{
	clear:left;
	font-weight:bold;
	}
		
.post-next{
	float:left;
	}

.post-previous{
	text-align:right;
	}
	
.alignright{
	float:right !important;
	margin:0 0 20px 20px !important;
	}

.third-col{
	float: left;
	margin-right: 3%;
	width: 30%;
	}

.twothirds-col{
	width: 63%;
	float: left;
	margin-right: 3%;
	}

.half-col{
	width: 45%;
	float: left;
	margin-right: 5%;
	}

/*END Classes*/

/*BEGIN Structure*/

/*RESPONSIVE EDIT*/
#wrap{
	margin:0 auto;
	max-width:975px;
	}

#header{
	background-color:#f0efed;
	margin-bottom:15px;
	padding:15px 0 0;
	}

/*RESPONSIVE EDIT*/
#content{
	background: #f0efed;

	}

/*RESPONSIVE EDIT*/
#main-content {
	float: left;
	width: 71.75%;
	padding: 3.18%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
#wide-content{
	background-color:#fff;
	padding:38px 20px;
	}
	
.hentry{
	}

/*RESPONSIVE EDIT*/
#sidebar {
	background-color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	font-family: Verdana, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1.6em;
	padding: 3.9%;
	width: 28.25%;
	}

#footer{
	padding:20px 0;
	}

/*END Structure*/

/*BEGIN Header*/

#sitelogo{
	background-color:#fff;
	display:inline-block;
	margin:20px 0 32px -5px;
	padding: 22px 40px;
	}
	
.mag-subscribe{
	color:#828282;
	float:right;
	font-style:italic;
	font-weight:bold;
	margin:0 43px 12px 0;
	position:relative;
	text-align:right;
	width:300px;
	}

.mag-subscribe div{
	bottom: 9px;
    position: absolute;
    width: 175px;
	}
	
	.mag-subscribe p{
		font-size:10px;
		line-height:1.4em;
		}
	
	.subscribeimg{
		-moz-box-shadow: 3px 3px 3px #ddd;
		-webkit-box-shadow: 3px 3px 3px #ddd;
		box-shadow: 3px 3px 3px #ddd;
		float:right;
		line-height:0;
		margin-left:13px;
		}
		
	.mag-subscribe .button{
		background-color:#ff1900;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		font-size:10px;
		padding:9px 8px;
		}

h1 a{}
	/*BEGIN Nav*/
	
	#main-nav{
		background-color:#000;
		font-size:10px;
		}
	
		#main-nav li{
			height:20px;
			margin:0 -3px 0 0;
			padding:4px 14px;
			-webkit-transition:All .4s ease;
				-moz-transition:All .4s ease;
				-o-transition:All .4s ease;
				transition:All .4s ease;
			}
			#main-nav li:hover{
				background-color:#4c4d4f;
				-webkit-transition:All .4s ease;
				-moz-transition:All .4s ease;
				-o-transition:All .4s ease;
				transition:All .4s ease;
				}
				
			#main-nav li.current_page_item, .single-issue.newestpost #main-nav li.current_issue{
				background-color:#aaa6a7;
				}
	
	/*BEGIN Son Of Suckerfish Dropdown*/
		
/*RESPONSIVE EDIT*/
#main-nav, #main-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#menu-primary-navigation{
	display:inline;
	vertical-align:top;
	}

	#main-nav a {
		color:#fff;
		display: block;
		font-family:Verdana, Helvetica, Geneva, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	#main-nav li {
		display:inline-block;
	}
	
		#main-nav li ul {
			background-color: #000;
			left: -999em;
			margin: 5px 0 0 -14px;
			position: absolute;
			z-index: 10;
		}
	
			#main-nav li:hover ul {
				left: auto;
			}
			
			#main-nav li ul li{
				background-color: #000;
				display:block;
				}
	
			#main-nav li:hover ul, #main-nav li.sfhover ul {
				left: auto;
			}

/*END Son Of Suckerfish Dropdown*/
	
	/*RESPONSIVE EDIT*/
	nav #searchform{
		background-color:#9b999a;
		display:inline-block;
		float:right;
		height:20px;
		margin-left:14px;
		padding:4px 10px 4px;
		vertical-align:middle;
		}
		
		
	
#searchform input{
	border:none;
	padding:0;
	vertical-align:inherit;
	}
	
	#searchform input[type="text"]{
		background-color:#f0efed;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding:1px;
		}
		
		#searchform input[type="text"]:active, #searchform input[type="text"]:focus{
			background-color:#fff;
		}
		
	#searchform input[type="submit"]{
		background-color:transparent;
		color:#dfdfdf;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		}
		
		#searchform input[type="submit"]:hover{
			color:#fff;
			}
	
	/*END Nav*/

/*END Header*/

/*BEGIN Sidebar*/

.widget{
	margin-bottom:20px;
	}

.widget-title{
	background-color:#EAE9E7;
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-bottom:18px;
	padding:3px 10px;
	text-transform:uppercase;
	}
	
	.widget-title a{
		color:#000;
		}
	
.textwidget{
	padding:0 10px;
	}
	
	.widget_basis_social_icons span {
		margin-right: 5px;
		}

/*END Sidebar*/

/*BEGIN Home Page*/

#slider{
	background-color:#fff;
	margin-bottom:28px;
	padding-bottom:25px;
	position:relative;
	}
		
	.slidertext{
		margin:10px 20px 20px;
		}
		
	.slidertext h1 a{
		color:#000;
		}
		
		.slidertext span a{
			color:#000;
			font-family:Verdana, Helvetica, Geneva, sans-serif;
			font-size:10px;
			text-transform:uppercase;
			}

/*RESPONSIVE EDIT*/
.bxslider{
	background-color:#fff;
	list-style:none;
	margin-bottom:28px;
	padding-bottom:25px;
	}

	.bxslider li{
		margin:0;
		}

	.bx-wrapper img {
		float: left;
		margin-right:20px;
		max-width: 66%;
		}


	.featuredissue{
		background-color: #ff1900;
		color:#fff;
		display:inline-block;
		font-family:Verdana, Helvetica, Geneva, sans-serif;
		font-size:10px;
		left:0;
		padding:3px 8px 4px;
		position:absolute;
		text-transform:uppercase;
		top:0;
		}
		
		.featuredissue a{
			color:#fff;
			}

.home article{
	background-color:#fff;
	margin-bottom:15px;
	}
	
	.home article img {
		float: left;
		margin-right: 20px;
		}
	
	.home article h2 a{
		color:#000;
		}
	
	.home .entry-content{
		padding:20px;
		}
		
		.home .entry-content p{
			margin-bottom:0;
			}

/*END Home Page*/

/*BEGIN List Pages*/

/*RESPONSIVE EDIT*/
#toc-content {
	background: white;
	float: left;
	margin: 1.675%;
	padding: 2.66%;
	width: 68.4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/*RESPONSIVE EDIT*/
.innerbox{
	margin-left: -18px;
	}

.deptlist{
	margin-left:-18px;
	}

.single-issue section.department{
	border-top:25px solid #000;
	display:inline-block;
	margin:0 0 28px 18px;
	}
	
h2.issue-section-title{
    color: #FFFFFF;
    font-family: Verdana,Helvetica,Geneva,sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 0 5px;
    padding: 3px 5px;
    position: relative;
    text-transform: uppercase;
    top: -25px;
    z-index: 100;
	}
	
	h2.issue-section-title a{
		color:#000;
		}
		
	.issuetaglist{
		margin-bottom:20px;
		}
		
		.issuetaglist li{
			background-color:#aca8a9;
			color:#fff;
			display:inline-block;
			font-family:Verdana, Helvetica, Geneva, sans-serif;
			font-size:10px;
			font-weight:bold;
			list-style:none none outside;
			margin:0 5px 6px 0;
			padding:3px 5px;
			text-transform:uppercase;
			}
			
			.issuetaglist li:hover{
				background-color:#4c4e4d;
				}
				
			.issuetaglist li.current-tag{
				background-color:#ff1900;
				}
			
			.issuetaglist li a{
				color:#fff;
				}

/*RESPONSIVE EDIT*/
.list-article{
	border-bottom:2px solid #b8b8b8;
	float:left;
	height:320px;
	margin:0 0 30px 18px;
	position:relative;
	overflow:hidden;
	width:140px;
	}
	
	.list-article:after{
    content: "";
    width: 140px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 56%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(56%,rgba(255,255,255,.8)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 56%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 56%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 56%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 56%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
	
.single-issue .list-article:last-child{
	margin-right:0;
	}
	
	.list-article h3 a{
		color:#000;
		font-size:.9em;
		}

/*RESPONSIVE EDIT*/
.issuelist{
	margin:0 15px 0 -46px;
	}
	
/*RESPONSIVE EDIT*/
.list-issue {
	float: left;
	margin: 0 0 20px 46px;
	width: 112px;
	height: 205px;
	}
	
	.list-issue h2{
		font-size: 13px;
    	font-weight: bold;
		line-height:1.4em;
    	text-align: center;
		}
	
	.list-issue h2 a{
		color:#333;
		font-size:1em;
		}
		
	.list-issue img{
		-moz-box-shadow: 3px 3px 3px #ddd;
		-webkit-box-shadow: 3px 3px 3px #ddd;
		box-shadow: 3px 3px 3px #ddd;
		}
	
	/*RESPONSIVE EDIT - Kill these bits
	.list-article.fourth-post, .list-issue.sixth-post{
		margin-right:0;
		}
		
	.list-article.fifth-post, .list-issue.seventh-post{
		clear:left;
		}
		/*

/*END List Pages*/

/*BEGIN Single Pages*/

.single-post-content{
	background-color:#fff;
	padding:40px 20px;
	position:relative;
	}
	
	.single-post-content header{
		margin-bottom:20px;
		}
	
.singlepostissue{
	background-color: #ff1900;
	color: #FFFFFF;
    display: inline-block;
    font-family: Verdana,Helvetica,Geneva,sans-serif;
    font-size: 10px;
    font-weight: bold;
	left:0;
    padding: 3px 5px;
    position: absolute;
    text-transform: uppercase;
	top:0;
	}
	
	.singlepostissue a{
		color:#fff;
		}
		
.byline{
	color:#828282;
	font-size:.825em;
	font-style:italic;
	}
	
	.byline a{
		color:#828282;
		}
		
.addthis_toolbox{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding: 9px 0;
	}
	
.banner{
	margin-bottom:20px;
	}
	
h2.subhead{
	color:#828282;
	font-size:1.1em;
	margin-top:.5em;
	}
	
	/*BEGIN Caption Hover*/
	
	figure.capimg { 
		display: block;
		float:left;
		margin:0 20px 20px 0;
		position: relative; 
		overflow: hidden; 
		}

		figure.capimg img{
			display:block;
			}

		.capimg figcaption { 
			position: absolute; 
			background: black;
			background: rgba(0,0,0,0.75); 
			color: white; 
			font-size:.9em;
			line-height:1.4em;
			padding: 10px 20px; 
			opacity: 0;
			-webkit-transition: all 0.6s ease;
			-moz-transition:    all 0.6s ease;
			-o-transition:      all 0.6s ease;
			}

		figure.capimg:hover figcaption {
			opacity: 1;
			}

		figure.capimg:before {
			content: url('images/caption-button.png'); 
			position: absolute; 
			text-shadow: 0 0 5px white;
			width: 24px;
			height: 24px;
			opacity:.75;
			-webkit-transition: all 0.6s ease;
			-moz-transition:    all 0.6s ease;
			-o-transition:      all 0.6s ease;	}
			
		figure.capimg:hover:before {
			opacity: 0;
			}

		.cap-bot:before { bottom: 10px; left: 10px; }
		.cap-bot figcaption { left: 0; bottom: -30%;}
		.cap-bot:hover figcaption { bottom: 0; }

	/*END Caption Hover*/
	
	/*BEGIN Gallery*/
	
	.gallery_reloaded_container .caption, .gallery_reloaded_container .thickbox{display:none !important;}
	.gallery_reloaded li img.thumb{margin:0 !important;}
	
	.gbackgr{position:relative;}
	
	p.gallery-nav{
		position: absolute;
		top: 150px;
		width: 590px;
		}
		
	.gallery_reloaded_container{
		min-height:300px;
		}
	
	/*END Gallery*/

/*END Single Pages*/

/*BEGIN Testimonials*/

.testimonial{
	padding:35px 20px 20px;
	}
	
	.testimonial:nth-child(Odd){
		background-color:#EAE9E7;
		}

/*END Testimonials*/

/*BEGIN Calendar*/

.calendarentry {
	min-height: 170px;
	margin: 0 0 20px;
	background: #F2F2F1;
	padding: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
	
	.calendarentry .details {
		background: none repeat scroll 0 0 #E7E6E4;
		border-radius:4px;
		float: right;
		font-size: 12px;
		margin:0 0 20px 20px;
		padding: 10px 15px 20px;
		}

/*END Calendar*/

/*BEGIN Footer*/

#footer a{
	color:#333333;
	}
	
	#footer a:hover{
		color: #ff1900;
		}

#footer-nav{
	float:left;
	}

#footer-nav li{
	display:inline;
	font-family:Verdana, Helvetica, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0 15px 0 0;
	text-transform:uppercase;
	}
	
#footer-copy{
	float:right;
	font-size: 10px;
	font-style:italic;
	text-align:right;
	}
	
	#footer-copy p{
		margin-bottom:0;
		}

/*END Footer*/

/*RESPONSIVE EDIT MEDIA QUERIES*/
@media screen and (max-width: 825px) {

#header{
	padding-bottom:6px;
	}

/*--Site Specific Edit--*/
#sitelogo a {
	display: block;
	overflow: hidden;
	width: 165px;
	}
	
	#sitelogo img{
		max-width:405px;
		}

nav #searchform{
	bottom:-3px;

	float:left;
	margin-left:0;
	position:relative;
	}

}

@media screen and (max-width: 800px) {

#main-content, #toc-content, #sidebar{
	clear:both;
	float:none;
	margin-bottom:20px;
	width:100%;
	}

.widget{
	float:left;
	margin-right:3%;
	width:48.5%;
	}

.widget:nth-child(odd){
	clear:left;
	}

.widget:nth-child(even){
	margin-right:0;
	}

#footer{
	padding:3.9%;
	}

#footer-nav, #footer-copy{
	float:none;
	margin-bottom:1em;
	text-align:left;
	}
}

@media screen and (max-width: 625px) {

.mag-subscribe{
	display:none;
	}

#header{
	padding:0 3.18% 0 0;
	}

#sitelogo{
	margin:0 0 0 -5px;
	}

/*BEGIN AnglerFish*/

#header{padding:0;}

.header-main{position:relative;}

#sitelogo{width:30%; min-width:145px;}

#toggle {
	background:transparent;
	border: 0;
	bottom:15%;
	/*color: white;*/
	font-size:2em;
	margin:0;
	padding:10px 12px;
	position: absolute;
	right: 7%;
	}

#toggle.open{
	background-color:#333;
	bottom:0;
	color:white;
	font-size:1.5em;
	}

    #main-nav{
		display:none;
		overflow:hidden;
		width:100%
		}
	
	#main-nav li {
		border-bottom:1px solid #333;
		display:block;
		height:auto;
		padding:0;
		position:relative;
		}
		
		#main-nav li:hover, #main-nav li.current_page_item, .single-issue.newestpost #main-nav li.current_issue {
			background-color: #333;
			}
    
    #main-nav li a{
		display:block;
		}

		#main-nav li ul {
            display:none;
			left: auto;
			margin-bottom:-8px;
			position: relative;
			}
			
			#main-nav li ul li{
				background-color:#222;
				}

			#main-nav li a{
				padding:8px;
				}
				
				#main-nav li li a{
					padding-left:22px;
					}
		
	nav #searchform{
		background-color:#333;
		bottom:0;
		display:block;
		float:none;
		margin:0;
		padding:8px;
		}
    
    .droptoggle{
        background-color: #222;
		color: white;
		padding: 0 2em;
		position: absolute;
		right: 0;
		height: 100%;
		top: 0;
		vertical-align: middle;
		line-height: 3.4em;
    }
}

@media screen and (max-width: 500px) {

.bx-wrapper img {
	float: none;
	margin:0 0 10px;
	max-width:100%;
	width: 100%;
	}

.third-col{
	float: left;
	margin-right: 3%;
	width: 47%;
	}

.twothirds-col{
	width: 100%;
	float: none;
	margin-right: 0;
	}

.issuetaglist, .issuetagtitle{
	display:none;
	}

.widget{
	float:none;
	margin-right:0;
	width:100%;
	}

.widget:nth-child(odd){
	clear:none;
	}
}

@media screen and (max-width: 400px) {

.third-col, .twothirds-col, .half-col{
	float: none;
	margin-right: 0;
	width: 100%;
	}

.issuelist{
	margin-left:0;
	}

.list-issue{
	float: left;
	margin: 0 8% 20px 0;
	max-width: 112px;
	height: 205px;
	width:42%
	}
}