/*
Theme Name: PDN Pulse Theme (June 2016)
Theme URI: http://wordpress.org/
Description: This is a modified version of the PDN Photo of the Day theme 
Version: .01
Author: Ash Mulcunry and Novie Jabagat

*/
/* apply a natural box layout model to all elements, but allowing components to change */
body {
    font:normal 16px/20px 'PT Serif', sans-serif;
	color:#363636;
	background-color:#e1e1e1;
}
.alignleft { float:left;margin:0px 10px 10px 0px; }
.alignright { float:right;margin:0px 0px 10px 10px; }


html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

img {max-width: 100%; width:auto}
p img {margin-bottom:5px;}

strong {font-weight:600;}

/* Remove width on image content */

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

/* Video Resizing */
video {
  width: 100%    !important;
  height: auto   !important;
}


/*-- reset --*/
*{margin: 0;    padding: 0; }



.container{margin: auto;  }
#main.container {background-color:#FFF}
#sidebar {
		padding-right:20px;
		padding-left:20px;
		-webkit-box-shadow: inset 0px 10px 30px -15px rgba(204,204,204,1);
		-moz-box-shadow: inset 0px 10px 30px -15px rgba(204,204,204,1);
		box-shadow: inset 0px 10px 30px -15px rgba(204,204,204,1);		
		width:340px;
		}
		
	@media (max-width: 480px) {
		#sidebar {
			width: 300px;
			padding-right:0px;
			padding-left:0px;			
			
		}
	}
/*-- fix the clears --*/
.cf:before, .cf:after,
.container:before, .container:after {
  display: table;
  content: "";
}
.cf:after, .container:after {
  clear: both;
}

.fluid-width {background-color:#FFF;}

/********************** HEADER ***********************/
header.container  {
	background-color:#fff;
	position:relative;
}
header.full-width {
		width: 100%;
		margin:0px;
		}

		header h3 {
/*	    background: url(img/site-logo.png) no-repeat 0% bottom;
    	height: 100px;
	    max-width: 260px;*/
		margin:0px;
		margin-right:10px;
		display:inline-block;
		padding-bottom:0px;
		}
		
		header h3 a {
/*		    width: 260px;
		    height: 100px;*/
			display:block;
			padding-bottom:0px;
		}	
		
		@media (max-width: 767px) {
			header h3 {	
				display: block;
				margin:0 auto;
				text-align:center;
				background-color:#b61c39;
			}

		}

		
	
header .show-info {display:none; vertical-align:bottom; text-align:center;  border-bottom:1px solid #000;}
header .show-info h4 {font:bold 1.5em 'Source Sans Pro', sans-serif; margin-top:1em;}

	}
		
	@media (min-width: 1200px) {
		header .show-info {display:inline-block;}
	}


/******* Search *******/
#search {
    margin: 0;
}

#search form {
    display: none;
    position: relative;
    padding: 0px;
    top: 0px;
    border: 0px;
}
	#search h5 {display: block; font-size:16px}

	#search h5 a  {
	    background: transparent url(img/search-glass.png) no-repeat scroll center center;
    	width: 20px;
	    height: 20px;
    	display: inline-block;
	    padding: 0px;
    	float: left;
	    text-indent: -9999px;
	}
	#search h5 a {height: 50px; width:50px;}
	
	#search h5:hover a, #search h5 a:hover, #search h5 a.active  {
	    background: #000 url(img/search-hover.png) no-repeat scroll center center;		
		}


		@media (min-width: 958px) {
			#search { width: 300px;	float:right; display:inline-block; vertical-align:bottom; margin-right:20px; margin-top:45px;}
			#search form {display: block;}
			aside .rc-search {padding-bottom:0px !important; border-top:0; padding-top:0;}			
		    #search h5 span {padding:0 2px 27px; }			
			#search h5 { display: none;}			
		}
		@media (max-width: 957px) {
			.social-icons {
				display: inline-block;
				float: right;
				margin-top: 30px;
				width: 100px;
			}
			#search {
				float: none;
				display:inline-block;
				vertical-align:top;
				margin-top:38px;
				margin-left:0;
				width:50px;
				}
		}		
		@media (max-width: 767px) {		
			#search {
				margin-top:0px;
				margin-left:0px;
			}		
			.hdr-right-col {float:right;}
			
			.social-icons {		
				margin-top: 15px;			
			}	
		}
		
		
	

	#search h5 a:hover, #search h5 a.active {color:#ffff; background-color:#000}
	

	a.active .fa-search {padding-bottom:18px;}	
	
	#search input:focus {color: #333;}
	#search input {
    	border: none;
	    float: none;
    	background-color: #FFF;
	    padding: 7px 10px;
	}	
	#search form input[type='text']{
	    width: calc(98% - 40px);
    	border: 0;
	    padding-left: 15px;
	}
	#search form input[type='submit']{
    	width: 40px;
	    border: 0;
    	color: transparent;
	    background: url(img/search-glass.png) no-repeat center center;
		padding:8px;
		overflow:hidden;
		background-color:#ebebeb
	}	

/********************* Header Styles ****************/
h1 {
    font: normal 1.875em/1.067em 'Source Sans Pro', sans-serif;
    color: #000;
    margin-bottom: 15px;
	padding:0px;
}

	h1.tagline {    	
		font: bold 2.5em/1.9em 'Source Sans Pro', sans-serif;
		color:#707070;
		}
	@media (min-width: 1200px) {
		h1.tagline {    	
			font: bold 2.99em/1.9em 'Source Sans Pro', sans-serif;
			}		
	}
		
	h1.article-headline {
    	font: 600 2em/1.25em 'Source Sans Pro', sans-serif;
	    color: #111;
    	margin-bottom: 0px;
		padding:12px 1% 10px;
		width:98%;
		text-transform:uppercase;
	}
	h2 {
	    font: normal 1.5em/1em 'Source Sans Pro', sans-serif;
	    color: #000;
	    padding: 0;
		text-transform:uppercase;
	}
	#contentarea h2{
		margin-top: 20px;
	}
	#product-list h2 {font-size: 1em;}
	
	h2 a {
    font: normal 1em/1em 'Source Sans Pro', sans-serif;
    color: #000;
	display:block;
	padding-bottom:8px;
	}
	
	h3 a {
    font: bold 1em 'Source Sans Pro', sans-serif;
    color: #000;
	display:block;
	padding-bottom:8px;	
	}	
	@media (max-width: 999px) {
		.hp-feature h2 {font-weight: bold; font-size:1em;}
		.hp-feature h2 a {font-weight:bold; line-height:1.222em}	
	}

	h1.header, h2.header, .hp-feature h2.header {
	    font: 300 1.66667em/1.4em 'Source Sans Pro', sans-serif;
	    color: #363636;
    	margin:0 1% 15px 0;
	    padding: 20px 0 0px;
		display:table;
		letter-spacing: 0px;
		text-transform:uppercase;
	}


	aside h3.header {
	    font: 300 1.5em/1.4em 'Source Sans Pro', sans-serif;
	    color: #363636;
    	margin:0 1% 15px 0;
	    padding: 0px;
		display:table;
		letter-spacing: 0px;
		text-transform:uppercase;
		display: block;		
		border-bottom:1px solid #959595;		
	}	
		h1.header {border-bottom: 1px solid #000; display: block}
		
		.home h2.header, .hp-feature h2.header {border-bottom: 1px solid #959595; display: block}
		.home h2.header a, .hp-feature h2.header a, h3.header {font-weight:300;}
		h2.header a, h1.header a {display: inline-block;}
			.home h2.no-border {border-top: none;}
	
	header .featured h2, header .nav-products h2  {
	    font: 700 1.3333em/1.4em 'Merriweather', sans-serif;
		border-bottom: 5px solid #333;	
		display:table;
		letter-spacing:-2px;			
	}	

	.search-items h2 {    
		font: 600 1em 'Source Sans Pro', sans-serif;
		color:#111;
	}	
		
		.more-gallery {position:relative}
	    .more-gallery h2.more-title {padding-bottom:20px; display:block; margin-top:20px;}
		.more-block h2.more-title { border-top:1px solid #111; padding-top:20px; display:block; padding-bottom:0}
		
		.projects .more-block {float:right}
	
			@media (min-width: 1150px) {.more-gallery h2.more-title {margin-top:-10px }}
			@media (max-width: 999px) {.projects h2.more-title {border-top:none; padding-top:0px; }}
	
	h3 {
    	font: bold 1.125em 'Source Sans Pro', sans-serif;
		color:#000;
		text-transform:uppercase;
	}	
	
	.footer-nav h3	{color: #555; font: bold 1.125em 'Source Sans Pro', sans-serif; }
	
	footer h4 {
    font: 600 1em 'Source Sans Pro', sans-serif;
	color:#111;
	}		

	/******** Aside header style ***********/
	aside {}
	
	aside h2 {font:bold 1.5em "Source Sans Pro", serif}
	aside h4, aside h5 {padding: 4px 10px;}
	aside h3 {
	}	
	
	aside h5 {
    	font: bold 1.5em 'Source Sans Pro', sans-serif;
	    color: #000;	
	}
	aside p.med-font {font: normal 1.125em 'Source Sans Pro', sans-serif;}

	@media (min-width: 768px) {
		 h1.header {margin-left:0; margin-right:20px;}
		.columns h1.header {margin-left:0; margin-right:0px;}		
		
		.more-block h2 {margin-right:20px; margin-left:0px;}
		.columns h2.more-title {margin-right: 0px;}				
	}

	@media (min-width: 958px) { 
		h1.article-headline {
    		font: 600 2.25em/1em 'Source Sans Pro', sans-serif;		
			padding:12px 0 10px; 
		}	
	}
	

/********************* Containers ******************/
#main {}

.inner-block {
	-webkit-box-shadow: inset -10px 10px 30px -15px rgba(204,204,204,1);
	-moz-box-shadow: inset -10px 10px 30px -15px rgba(204,204,204,1);
	box-shadow: inset -10px 10px 30px -15px rgba(204,204,204,1);	
	padding-bottom: 30px;
}	

    .network-container {background-color: #111; padding: 10px 0}	
	.ad-container { display:block}
	
	.nav-container {border-bottom:1px solid #000; border-top:1px solid #000;}
	
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; 
		padding-top: 25px;
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.gap30 {margin-bottom:30px;}
	
	/************** footer ***********************/

	footer {min-height:200px;}
	
	.footer-container { display:block;}
	footer.container {background-color:#707070; padding-bottom:50px;}
	
	.footer-nav {padding:10px 0;border-top: 1px solid #b7b7b7;}
	footer .copyright {border-top:1px solid #b7b7b7; padding:20px;}
	
		.copyright {width:calc(100%/16 * 16)!important;}
		
		.copyright p, .copyright a {color:#b7b7b7}
		.copyright p {font:normal 0.875em "Source Sans Pro", sans-serif; margin-bottom:25px;}
		
	
	footer ul {margin:0px;display:table; }
	footer ul li {list-style:none; font-size:0.8888em; color:#111; font-weight:300; display: table-row}
	

	footer ul li:before {
		content: '\00b7';
		font-size: 30px;
		vertical-align: top;
		line-height: 18px;
		margin-left: 0px;
		padding-right: 3px;
		color: #000;
		display:table-cell;

		}
		
	.footer-nav-column {padding:20px 7% 20px 0; width:calc(100%/2); min-width:150px;}
	.footer-nav-column:nth-of-type(6) {padding-right: 0px;}
	
	@media (min-width: 768px) {
	.footer-nav-column {padding-right:20px; width:calc(100%/4);}		
		}
	
	@media (min-width: 1000px) {
	.footer-nav-column {width:calc(100%/6);}

		}

	.footer-nav-column ul li a {color:#555555; font:normal 16px 'Source Sans Pro', sans-serif}
	.footer-nav-column ul li a:hover {color:#b61c39; text-decoration: underline}

	footer .footer-links {margin:25px 0; }
	footer .social-icons {margin-top:20px;}
	
	
	.copyright p.misc-links {
    	font: 700 1.125em 'Source Sans Pro',sans-serif;
	    text-transform: uppercase;
    	margin-bottom: 20px;
	}	
	.copyright div p	{display: block;}
	.copyright div p a	{color:#555;}	
	.copyright div p a:hover {color:#b61c39}	
	@media (min-width: 480px) {	
	.copyright div p	{display: inline-block;}
	}
	/*************** ads ***************************/
	
	.btm-ad {}		
	

/******************** Links *************************/
a {text-decoration:none; color: #000;}
article p a, #contentarea a {
	color: #b61c39;
}
	a:hover {color:#b61c39; text-decoration:underline}

	a.readmore, a span.readmore {
    	font: normal 1em/1.75em 'Pt Serif', sans-serif;
	    color: #b61c39;
	}
	.hp-feature a.readmore {
    	font: bold 1.125em/1.75em 'Pt Serif', sans-serif;
	    color: #b61c39;
	}	
	
	a.readmore:hover, a span.readmore:hover {color:#b61c39; text-decoration:none;}
	a.readmore span:hover {
    	border-bottom: 1px solid #b61c39 !important;
	    padding-bottom: 0px;
	}
 

	/***** Aside ********/
a.attend, a.exhibit {
    display: block;
    color: #FFF;
    font: bold 1.5em 'Source Sans Pro', sans-serif;
    text-align: center;
    padding: 12px 0px;
    text-transform: uppercase;
	margin-bottom:6px;
}
a.attend { background-color:#244c5a; }
a.exhibit { background-color:#b61c39; }
	a.attend:hover {background: #b61c39 none repeat scroll 0% 0%;}
	a.exhibit:hover {background: #244c5a none repeat scroll 0% 0%;}
	
a.exhibitor-list, 
a.floorplan {	
	padding: 15px 0;
	width:52%;
	display:inline-block;
	}
	a.floorplan	{width:46%}
	a.exhibitor-list span, a.floorplan span {
		font: 600 1.25em 'Source Sans Pro', sans-serif;
		color:#f28b00;
		vertical-align:-2px;
	}
	a.exhibitor-list span:hover, a.floorplan span:hover	{color: #b61c39;}
	.fa-list-ul::before, .fa-map-marker::before {color:#b61c39; padding: 0 6px 0 10px;}
	.fa-envelope-o {color:#f28b00; float:left;margin-left:10px;}

aside .btn {font:bold 0.8888em/1em 'Source Sans Pro', serif; text-transform:uppercase}
	.rc-nl .btn {display:inline-block; margin-top:10px; font-size:0.8888em;}
	.rc-mz .btn {display:block; margin-top:10px; font-size:0.8888em; padding: 10px !important;}	
	
	.rc-wp {margin-top: 10px;}
	.rc-wp img { float:left; margin-right:8px;}

	.rc-latest {}
		 ol.simple-list {
			list-style-type: none;
			list-style-type: decimal !ie; /*IE 7- hack*/
			margin: 0;
			margin-left: 0.5em;
			padding: 0;
			counter-reset: li-counter;
		
		}
		ol.simple-list > li{
			position: relative;
			margin-bottom: 20px;
			padding-left: 0;
		}
		
/*		ol.simple-list > li:before {
			position: absolute;
			top: 0;
			left: -.5em;
			width: 0.8em;
			font-size: 3em;
			line-height: 1;
			font-weight: normal;
			font-style:italic;
			font-size:60px;
			text-align: right;
			color: #b61c39;
			background:url(img/dot.png) no-repeat 100% 45px;
			content: counter(li-counter);
			counter-increment: li-counter;
			padding-right:10px;
		}*/
	
	.rc-latest ol li span.date {font:italic 16px "Source Sans Pro", serif !important; color:#363636}
	.rc-latest ol li p {font:normal 20px "Source Sans Pro", serif !important; color:#000; display:inline-block}
	
	
	.rc-latest ol li p:nth-of-type(1) {float:left;  }		
	.rc-latest ol li p:nth-of-type(2)  {padding-left: 70px; display:block; padding-right:7px;}
	
	.rc-latest ol li p a.number {font:italic 3.75em/1em "PT Serif", sans-serif; color:#b61c39}
	.rc-latest ol li p a.number:hover {text-decoration: none;}			
			
	.rc-latest ol li p a.readmore {font:normal 16px "Source Sans Pro", serif ; color:#b61c39}

	aside .rc-ts strong {font-weight:600}

aside p {font-size:1em; margin-bottom: 5px;}
	aside .flex-parent div {max-width:calc(50% - 8px);}
	aside .flex-parent div.black-box {background-color:#000; margin-right:8px;}
	
aside .rc-content {
    display: block;
   	width: 100%;
	padding-bottom:20px;
}
	aside .rc-latest {	padding-bottom:0px;}

	aside .rc-content div { 
		padding:0
		}

	aside .rc-content h4  {
		margin-bottom:10px;
		font:normal 1.25em "Source Sans Pro", serif;
		padding: 0px;
	}

.btn-shade {
    color: #fff;
    padding: 10px 15px;
	text-align:center;
	background-color:#b61c39;
	font-weight:bold;
}
.btn-shade:hover {background-color: #000; color:#fff;}

.btn-block-centered {
    color: #b61c39;
    padding: 10px 15px;
	text-align:center;
	font-weight:bold;
	border: 2px solid #b61c39;	
	background-color: transparent;

}
.btn-block-centered:hover {background-color: #b61c39; color:#fff;}

.btn-block {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px 0;
	text-transform:uppercase;
	font-family:"Source Sans Pro",sans-serif;
}
aside .btn-block {font:bold 1.125em "Source Sans Pro", serif; width: 77%}


.orange-bdr, .red-bdr  {
    border: 2px solid #b61c39;
    color: #b61c39;
    padding: 8px 10px;
    font-weight: bold;
    display: inline-block;
}

.red-bdr {
	color: #b61c39;
	 border: 2px solid #b61c39;
	 }


.bright-orange-bdr {
    border: 2px solid #ff3a00;
    color: #ff3a00;
    padding: 8px 10px;
    font-weight: bold;
    display: inline-block;
	margin-top:5px;
	width: 65% !important;	
}

.purple-bdr {
    border: 2px solid #ca4c9c;
    color: #ca4c9c;
    padding: 8px 10px;
    font-weight: bold;
    display: inline-block;
	width: 65% !important;
	margin-top:5px;	
}


.orange-bdr:hover {background-color:#b61c39; color:#FFF; text-decoration:none;border: 2px solid #b61c39;}
.red-bdr:hover {background-color:#000; color:#FFF; text-decoration:none;border: 2px solid #000;}
.bright-orange-bdr:hover {background-color:#ff3a00; color:#FFF; text-decoration:none;border: 2px solid #ff3a00;}
.black-bdr:hover {background-color:#000; color:#FFF; text-decoration:none;border: 2px solid #000;}
.purple-bdr:hover {background-color:#ca4c9c; color:#FFF; text-decoration:none;border: 2px solid #ca4c9c;}

.black-bdr {
    border: 2px solid #000;
    color: #000;
    padding: 8px 25px;
    font-weight: bold;
    display: inline-block;
}



.lm-block {
    display: block;
    text-align: center;
    padding-top: 20px;
	border-top:1px solid #111;
	width: 100%;
	margin:30px 0 50px;

}
	@media (min-width: 768px) {
		.lm-block {width: calc(100% - 20px) !important;}
	}

	.learnmorebtn {
		padding: 4px 22px;
		text-transform:uppercase;
		font:bold 18px "Source Sans Pro",sans-serif;			
		}


/****************** Font Awesome **************/

a.fa {font-family: 'Source Sans Pro', sans-serif; }
a.fa:before {font: normal normal normal 14px/1 FontAwesome;}
a.fa-lg:before {font-size:1.33em}

.fa-file-pdf-o:before, a.fa-phone-square:before, .fa-print:before
   {
	margin-right:5px;
	color:#000;
	}
	
div.headerOptions.fa:before {margin-right:5px; position:absolute; top:10px;}	
	
a.fa-mobile:before {font-size:1.5em; margin-right:7px;}

nav.product-nav a .fa-chevron-down {float:right; line-height:1.5em;}

a.fa-phone-square, 
a.fa-mobile {color:#000;}
	
a.fa-phone-square:hover, 
a.fa-mobile:hover {color:#b61c39;}

.social-icons .fa { padding-right:10px; font-weight:bold; font-size:24px}

.fa-bars {font-size:18px !important; color:#fff; vertical-align:6px;}
.fa-search {display:inline}
.fa-gear {color:#b61c39; font-size:27px !important}

.dropdown_box .fa-angle-down {font-size:1.5em; font-weight:bold; color:#555555}
	
/************** Search Result ***************/
.search-box {margin: 25px 0}

#search form.show {width:300px;}
.search-box input#s {
    border: 1px solid #b7b7b7;
    color: #000;
    padding: 6px 10px;
	display:inline-block;
	width:calc(100%/12 * 8 - 6px);
	vertical-align:top;
	margin-right:6px;
	}
	
#searchsubmit {padding: 8px 15px; border: none; text-transform:uppercase; font: 600 0.8888em "Source Sans Pro", serif; display:inline-block; vertical-align:top;}	

	@media (min-width: 768px) 
	{
	#search form.show {width:300px;}	
		.search-box input#s {
			width:calc(100%/12 * 7 - 6px);
			margin-right:6px;
			}
		
		}

.search-result ul, .search-result ol {list-style:none; margin-left:0px;}
.search-nav {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 15px 0;
    padding: 5px 0px;
}
.search-nav ol { display:block; text-align:left; margin-left:0 }	
.search-nav ol li {display: inline-block; font-weight:600;}
.search-nav ol li a { color:#b61c39;}
	.search-nav ol li a:hover {color:#111;}
	.num-results span {color:#ca306c; font-weight:600}
    .num-results {margin-bottom:1em; }
	.sort {margin-bottom:1em; text-align:right}

.search-nav li::before {
    content: "|";
    padding: 0 4px;
}
.search-nav li.sp-first::before {
    content: " ";
    padding: 0 4px;
}
.search-nav ul li > .current, 
.search-nav ol li > .current,
.search-nav ul li > .disabled,
.search-nav ol li > .disabled,
.search-nav ol li > .disabled:hover  {
	color:#888888; text-decoration:none;
	}

section ul.search-items , section ol.search-items  {margin-left:0px;}
	
.search-items li {
	padding:30px 0;
	display:block;
	list-style:none;
	border-top:1px solid #eee;
}
.search-items li:nth-of-type(1) {	border-top:none;}
.search-items li span {color:#ca306c; font-weight:600}
.search-items a {color:#000; font-weight:600;}
.search-items a.readmore {color:#ca306c;}
.search-items a.readmore:hover, .search-items a.readmore span:hover, .search-items a:hover {color:#b61c39}


	/* Larger than tablet */
	@media (min-width: 768px) {
	
	/********************** HEADER ***********************/
		header .show-info{text-align:left}
	}

	h1.header.top {margin-right:20px;}
	
/*	#search h5 {display:none;}*/
	
	.videoWrapper iframe {width: calc(100% - 20px);}	
	.videoWrapper {
		padding-bottom: 45%; 
	}	
	

	section #search form {
    	display: none;
	    position: absolute;
    	padding: 0px;
	    top: 67px;
    	border: 0px;
		right:0px;
	}

	
	@media screen and (max-width: 957px) {
		#search form.show {
			display:block !important;
			right:20px;
			position:absolute;
			top:88px;
			z-index:999;
		}		
	}
	@media screen and (max-width: 767px) {
		#search form.show {
			display:block !important;
			left:1%;
			position:absolute;
			top:100%;
			z-index:999;
			width:98%;
		}				
		}


	#search form input{
    	height: 36px;
	    float: left;
    	background-color: #fff;
		margin-bottom:0px;
	}
	#search input#s {
    	border: none;
	    float: right;
    	padding: 6px 25px 6px 10px;
	    width: 320px;
	}
	
	#search input#s {
    	border: 0px solid #4c4c4c;
    	background: #ebebeb;
	    color: #959595;
    	float: left;
	    font-size: 100%;
	    padding: 5px 15px;
    	width: calc(100% - 40px);
		font:normal 0.875em "Source Sans Pro",serif;
		text-transform:uppercase; 
	}	
	#search input#s.focus {color: #000;}	
	
	#search form input[type='text']{
    	width: calc(100% - 40px);
	}
	
	/********** Misc ************/
	.media-right .image-box {
    	float: right;
	    max-width: 150px;  /* editable */
	    margin-left: 20px; /* editable */
		width:30%;        /* editable */
	}
	.media-right .div-left {
		float: none;
		width: auto;
		overflow: hidden;
		padding-bottom: 5px;
	}
	
	.alignRight {text-align: right;}
	
	@media screen and (min-width: 768px) {.media-right { overflow: hidden; }}
	@media screen and (min-width: 1280px) {}


	.more-gallery .four.columns {width: calc(100%/16 * 16)}		
		

	
	
	@media screen and (min-width: 480px) and (max-width: 999px){
		.half-tab {width: calc(100%/12 * 12) !important; padding-right:0px; margin-bottom:0px !important;}
		
		.half-tab div, .home .half-tab div  {width: 48%; display: inline-block; vertical-align:top}
		.half-tab img, .home .half-tab img {
			max-width: calc(50% - 20px); display: inline-block; 
			vertical-align:top; margin-right:20px; margin-top:8px; width:auto;
		}		
		.home .half-tab {padding-bottom:10px; width: calc(100%/12 * 12) !important;}		
		
	}
	@media (min-width: 480px) {
		.more-gallery .four.columns {max-width: calc(100%/16 * 8);}		
		}
		
	@media (min-width: 767px) {
		.more-gallery .four.columns {max-width: calc(100%/16 * 4)}		

		}
	@media (max-width: 479px) {		
	.home .inner-block .half-tab {width: 98%;}	
	.home .half-tab	img {display: block; max-width:98%;}
	.home .half-tab div  {width: 100%; display: block; }		
	}

/***** Misc ***********/
section ul, section ol {
    margin-left: 1.8em;
}
    /*.title {font:bold 1.125em "Source Sans Pro",sans-serif; text-transform:uppercase}*/
	section .open-text ul {margin-left: 0em;}
	.open-text {padding-bottom:25px;}
	.open-text ul li {list-style:none; line-height:1.4em}
	.open-text ul li:before {
		content: '\00b7';
		font-size: 50px;
		vertical-align: text-top;
		line-height: 18px;
		margin-left: 0px;
		margin-right: 3px;
		color: #000;
		}

.no-marginList {
    margin-left: 0px;
	list-style:none;
}

.open-text p {padding:15px 0;}
.open-text a {color:#b61c39}
.open-text a:hover {color:#111;}
	/**** Share This ***/
.share {
	display: inline-block; 
	padding:0; 
	float:left;
	}
	.article-copy .share {width:auto; float:none;}
	@media screen and (min-width: 480px) {
		.article-copy .share {float:left;}
		}
	
	.share span {
    	float: left;
	    height: 29px;
	    margin-right: 15px;
	}

	.st_facebook_custom {
		background: transparent url(img/share-icons.jpg) no-repeat scroll 0px 0px; width:16px;}
    .st_twitter_custom {
		background: transparent url(img/share-icons.jpg) no-repeat scroll -30px 0px;width:29px;}
    .st_googleplus_custom {
		background: transparent url(img/share-icons.jpg) no-repeat scroll -73px 0px;width:40px;}
    .st_tumblr_custom {
		background: transparent url(img/share-icons.jpg) no-repeat scroll -128px 0px;width:16px;}

    .st_email_custom {
		background: transparent url(img/share-icons.jpg) no-repeat scroll -159px 0px;width:31px;}		
    .print {
		background: transparent url(img/share-icons.jpg) no-repeat scroll -205px 0px; text-indent: -9999px;width:28px;}
    .st_facebook_custom:hover, .st_linkedin_custom:hover, .st_twitter_custom:hover, 
	.st_googleplus_custom:hover, .st_email_custom:hover, .print:hover, .st_tumblr_custom:hover {cursor: pointer;}	
	
	 .st_facebook_custom:hover {
        background: transparent url(img/article-social-icons-hover.png) no-repeat scroll 0px 0px; width:16px;}
    .st_twitter_custom:hover {
        background: transparent url(img/article-social-icons-hover.png) no-repeat scroll -30px 0px;width:29px;}
    .st_googleplus_custom:hover {
        background: transparent url(img/article-social-icons-hover.png) no-repeat scroll -73px 0px;width:40px;}
    .st_tumblr_custom:hover {
        background: transparent url(img/article-social-icons-hover.png) no-repeat scroll -128px 0px;width:16px;}
    .st_email_custom:hover {
        background: transparent url(img/article-social-icons-hover.png) no-repeat scroll -159px 0px;width:31px;}       
    .print:hover {
        background: transparent url(img/article-social-icons-hover.png) no-repeat scroll -205px 0px; text-indent: -9999px;width:28px;}   
	
	
	/*********** homepage Blog ******************/
	#blog-article-list {padding: 0px 2%;}
		@media (min-width: 768px) {
			#blog-article-list {padding: 0 20px;}			
			}
	
	#blog-article-list article {padding-top:25px; padding-bottom:25px; border-bottom:1px solid #959595}
	#blog-article-list .more-block article:last-child {border-bottom:none;}	
	#blog-article-list article .image-box { 
		/*margin-top:20px;*/
		text-align: center;
max-width: 100%;
float: left;
margin: 0px 10px 10px 0px;
	}
	#blog-article-list article .image-box a {width: 100%; text-align:center}
	#blog-article-list article figcaption {
		font:normal 0.75em/1.666em "Source Sans Pro", sans-serif; color:#959595; 
		text-transform:uppercase; 
		text-align:left;
	}
	#blog-article-list article p {color:#333333; line-height:1.25em; margin-top:18px;}
	#blog-article-list article .tags {	font:normal 0.875em/1.42em "Source Sans Pro", sans-serif; color:#000}
	#blog-article-list article .tags span {color:#7d7d7d}
	#blog-article-list article .photo-caption {font:600 1em "Source Sans Pro", sans-serif; color:#000; text-align:left;border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;}	



	.postedBy {
		font:normal 0.875em/1.42em "Source Sans Pro", sans-serif !important; color:#959595 !important; 
		display:block; 
	}
	.postedBy a {color:#959595}
	.postedBy a:hover {color:#b61c39} 
	
	.photo-credit {
		font:normal 0.875em/1.42em "Source Sans Pro", sans-serif !important; color:#959595; 
		display:block; 
		margin-bottom:18px;
	}	

	figure {
    	display: inline-block;
	}
	figure img {
    	vertical-align: top;
	}
	figure figcaption {
	    text-align: center;
	}


	.blockquote {
	    margin: 0;
	    quotes: "\201C""\201D""\2018""\2019";
    	font: normal 1em "PT Serif", sans-serif;
	}

	.blockquote span {margin-left:3%}
	
	blockquote::before {
    	color: #333333;
	    content: open-quote;
    	margin-right: 0em;
	    vertical-align: -0.40em;
    	font: normal 1em/0em 'PT Serif', sans-serif;
	}

	blockquote::after {
    	color: #333333;
	    content: close-quote;
    	margin-right: 0.1em;
	    vertical-align: -0.5em;
    	font: normal 1em/0em 'PT Serif', sans-serif;
	}
	#blog-article-list .pagination ul {margin-left:0px;margin-top:10px;}
	#blog-article-list .pagination ul li {display: inline-block; width: 49%; vertical-align:middle}
	#blog-article-list .pagination ul li:nth-of-type(1) {text-align:left;}
	#blog-article-list .pagination ul li:nth-of-type(2) {text-align:right;}	
	#blog-article-list .pagination ul li span {color:#000; display:inline-block}
	#blog-article-list .pagination ul li a {color: #b61c39; display:inline-block}
	
		#blog-article-list a.prev:before {
		content: url(img/prev-arrow-btn.png);
		font-size: 30px;
		font-weight:bold;
		vertical-align: middle;
		line-height: 18px;
		margin-left: 0px;
		padding-right: 3px;
		}
		#blog-article-list a.next:after {		
		content: url(img/next-arrow-btn.png);
		font-size: 30px;
		font-weight:bold;
		vertical-align: middle;
		line-height: 18px;
		margin-left: 0px;
		padding-right: 3px;		
		}
		
    
	@media (max-width: 957px) { #blog-article-list .pagination ul li a.title, #blog-article-list .pagination ul li span.colon {display: none; }  }		
		
	
	@media (max-width: 999px) { 
	.inner-block .five.columns.hp-news  {width: calc(100%/12 * 12);}	
	}
	
	


	/********** Article Styles **************/
	.article-block {}
	.article-block p {font:300 1em/1.3333em "Source Sans Pro", serif; margin:18px 0 0}
	
		.article-block .more-block p {margin: 0px;}
		.article-image {margin-left:auto; margin-right:auto;margin-bottom:10px; text-align:center}		
	.article-block .l {float:right; }

	.article-block .left-col .share {border-top:0;}
	.article-block .left-col p {font:300 1em/1.3333em "Source Sans Pro", serif;  } 
	.article-block .left-col p strong {font-weight:600;}
	
		.article-block .left-col .left-copy  { border-bottom:1px solid #111; padding-bottom:18px;}
		.news .article-block .left-col .left-copy p {border-top:1px solid #eee; padding-top:18px;}

		.article-block .left-col .left-copy p:nth-of-type(1) {border-top:none; padding-top:0px;}		
	
		.article-block .share-col {font:600 1.3333em "Source Sans Pro";}	

		.more-block {margin-top:10px; }
	
		 .hr-divider article {border-top:1px solid #eee; padding:18px 0;}	
		 .hr-divider article:nth-of-type(1) {border-top:none;}
	
		 

	/**** general settings styles ******/
/*	#article-list {float:none;}
	#article-list article {display:block; border-top:1px solid #eee; padding:20px 0; }
		#article-list article:nth-of-type(1) {border-top:0;}	
	*/
	#article-list article .black-box {
		background-color:#000; 
		height:212px; 
		text-align:center; 
		display:inline-block; 
		line-height:212px; width:100%; overflow: hidden;
		border:1px solid #000;

	}	
	#article-list article .black-box img {		 }
	
		@media screen and (min-width: 420px) {
			#article-list article .black-box { height:280px; line-height:280px; }			
			}
		@media screen and (min-width: 768px) {
			#article-list article .black-box { height:310px; line-height:310px; }			
			}
			
		@media screen and (min-width: 958px) {
			#article-list article .black-box { height:320px; line-height:314px;}						
			}
	
	#article-list article .black-box img {vertical-align:middle;}	
	#article-list article p.photo-credit {
		background-color:#fff; 
		text-align:right; font:normal 0.75em "Source Sans Pro",sans-serif; color:#898989;
		}
	.media-right {
    	height: auto;
    	padding:0;
	}
	
	p.img-fr {max-width:220px; width:55%; float:right; padding-left:20px; margin-top:5px;}
	p.img-fr img {min-width:144px; }	
	
	
	.date {font:italic 1em/2em "PT Serif", serif !important; color:#000; font-weight:normal !important; margin:0 !important;}
	.author {font:normal 1em/2em "PT Serif", serif !important; margin: 5px 0}
	.article-copy {font:normal 1.125em/1.333em "PT Serif", serif; margin: 0 auto; max-width:660px; 
	padding-top: 0px}
	
		.article-copy p {margin: 20px 0 }	

		
	.floatRight {float:right;}
		img.floatRight {margin: 8px 0 8px 12px;}	

		.comments-top { color:#b61c39; text-align:right;}
		.comments-top a {color:#b61c39;}

	.feature article {padding-top:25px; margin-bottom:0px; }
		.feature-section {background-color:#eeeeee; display:inline-block; width:100%;}
		.feature-section img {width:100%;}
	.feature .fcopy p {font-weight:300; }	

	.feature .fcopy {padding:0 6% !important; text-align:left}		
	.feature div {text-align:center;}
	
		.inner-block .feature .seven.columns, 
		.inner-block .feature .five.columns {
		    width: calc(100%/12 * 12);
			padding-right:0px;
			padding-left:0px;
			
		}		

	p.img-fl  {max-width:234px; width:100%; padding-right:20px; margin:0 auto ;}	

	.hp-news .img-fl, .hp-feature .img-fl {text-align: right}
		
		
	@media (max-width: 767px) {
		.hp-news .img-fl, 
		.hp-feature .img-fl {
			float:right; padding-right:0px; padding-left:20px; padding-bottom: 15px;text-align:left; max-width:165px;
		}
		.hp-feature p.img-fl {max-width:165px; width:100%; padding-left:20px; padding-bottom:15px; margin:0 auto ;}				
		.hp-feature .media-right p	{font-size:1em;}	
	}
		
	@media screen and (min-width: 768px) {	
 	 p.img-fl {width:55%; float:left;}
	.feature .fcopy {padding:0 3% !important;}
	.feature-section img {width: auto;}
	}
		
	@media screen and (min-width: 958px) {
				
	.inner-block .feature .seven.columns {width: calc(100%/12 * 7);margin-bottom:0px;}
	.inner-block .feature .five.columns {width: calc(100%/12 * 5);margin-bottom:0px;}				
	}

	@media screen and (max-width: 999px) {
	.inner-block .three.columns.left-col {width: calc(100%/12 * 12);}	
	section .left-col hr {margin-top:0px;}
	}

	@media screen and (min-width: 1100px) {
	.feature .fcopy {padding:3% 3% 0 3% !important; }		
	.inner-block .feature .five.columns,
	.inner-block .feature .seven.columns {padding-right:20px;}		
	}	
		
	/**** gallery thumbnails ******/
	#gallery-list {float:none}
	#gallery-list article {padding-top:25px }
	#gallery-list article img {padding-bottom:10px;}	
	#gallery-list article p {font-weight:300;}

		
		/********** News ********/
		.news #article-list article  {border-bottom:1px solid #eee; padding:25px 0}			
		
			.inner-block .product-container .three.columns	{
				width: calc(100%/12 * 12); 
				float:none; 
				margin-bottom:0px;
				position:relative;
			}	
			.inner-block .product-container .four.columns {
				width: calc(100%/12 * 6);
			}


		@media screen and (min-width: 1000px) {
			.inner-block .product-container .three.columns	{width: calc(100%/12 * 3); float:left;}			
			.inner-block .product-container .four.columns {width: calc(100%/12 * 4);}
			nav.product-nav {padding-top:25px;}			
			nav.product-nav h4 {display:none;} 
			nav.product-nav ul {display:block;} 
			nav.product-nav ul.show {width: 100%;}			
		}
		
		

	
/*************** Error 404 ***************/
.error-block section {padding-left:20px;}

	@media screen and (min-width: 768px) {
		.error-block .inner-block {min-height:980px;}
		}
.error-block section h3 {
    font: bold 2em 'Source Sans Pro', sans-serif;
    color: #b61c39;
    border: none;
    text-align: center;
	text-transform:inherit;
}
.error-block section h4 {
     font: bold 1.5em 'Source Sans Pro', sans-serif;
    color: #000;
    font-weight: bold;
}

.error-block section p {color:#363636;  font: normal 1.125em 'PT Serif', sans-serif;}

.error-block section a {color:#b61c39;  font: normal 1.125em 'PT Serif', sans-serif;}
.error-block section a:hover {color:#b61c39; text-decoration:underline}

@media screen and (min-width: 768px) {
.error-block section h3 {
    font-size: 2.5em;
}	
	}

@media screen and (min-width: 958px) {
.error-block section h3 {
    font-size: 3.0em;}
}
	
	
/************** Contact Us **************/
	div .contact-us p {max-width:200px; width:50%; padding:25px 20px 25px 0;}	
	.contact-us a {font-weight: 600; color:#b61c39}
	.contact-us a:hover {color:#111;} 	
		@media screen and (min-width: 958px) {	
		div .contact-us p {width:100%; }
		}
		
#search h5 span.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}