/*
Theme Name: STcorp child
Theme URI: http://wordpress.org/themes/stcorp
Authors: Daniel Meis, Kavitha Perla
Description: Child Theme For ST Corporate Theme
Template: stcorp
Version:  1.0
Text Domain: stcorp-child
*/


/***********************************************************************************
 * Table of Contents:
 *
 * 1.  WHO WE ARE STYLES - DESKTOP
 * 2.  RESPONSIVE STYLES - MOBILE
 * 3.  RESPONSIVE STYLES - TABLET 
 *
 *
************************************************************************************
 */
 
/* 2) WHO WE ARE PAGE STYLES - ALL Devices*/

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

.orange-header{
	background-color: #BE5F28;
    float: right;
    height: 350px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
   	-khtml-opacity: 0.80;
   	opacity: 0.80;
    position: relative;
    right: 75px;
    width: 506px;
	display: inline-block;
}

.who-we-are-orange-text{
    float: right;
    height: 350px;
    position: absolute;
    right: 75px;
    width: 506px;
	display: inline-block;
}
	
.products-backgrd{
    background: url(../stcorp/images/wwa_productsection.jpg) no-repeat;
	background-position: center;
	height: 235px;	
	width: 100%;
}

.white-circle {
    display: inline-block;
    height: 190px;
    margin-top: 45px;
    overflow: hidden;
    position: absolute;
    right: 1%;
    width: 300px;
}
.white-circle:before {
    background-color: #fff;
    border-radius: 250px;
    content: "";
    display: block;
    height: 250px;
    width: 250px;
}
#products .white-circle p.wwr {
    margin-left: 40px;
    margin-top: 28px;
    position: absolute;
    top: 0;
}
.wwr-black-bg-links ul {
	width: 100%;
	text-align: left;
	position: relative;
}

.wwr-black-bg ul li {
	display: inline-block;
	vertical-align: top;
}
img.wwr-leadership {
	max-width: 50px;
	vertical-align: top;
}

#ppimgs {
    display: block;
    margin-top: 15px;
}

#test{
	display: none;
}

.pic-thumb1{
	cursor:pointer;	
}

#bio2,
#bio3,
#bio4,
#bio5,
#bio6,
#bio7,
#bio8,
#bio9,
#bio10{
	display:none;
	position: absolute;	
}

.wwr-lead-black-bg ul{
	width: 90%;
	margin-right: 0;
}

div.ui-accordion {
    	padding-left: 20px;
	}
	.ntcc div.ui-accordion {
    	padding-left: 0;
		padding-top: 5px;
	}
	
	.ui-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		margin: 2px 0 0 0;
		padding: 0.6em;
		min-height: 45px; /* support: IE7 */
		font-size: 96%;
		border: 1px solid #59595a;
	}
	.ui-accordion .ui-accordion-header-active{
		border-bottom:none;
	}
	
	.ui-accordion .ui-accordion-content-active{
		border-right: 1px solid #59595a;
		border-left: 1px solid #59595a;
		border-bottom: 1px solid #59595a;
	}
	
	.ui-accordion .ui-accordion-icons {
		padding-left: 0.6em;
	}
	.ui-accordion .ui-accordion-icons .ui-accordion-icons {
		padding-left: 2.2em;
	}
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		position: absolute;
		left: .5em;
		top: 50%;
		margin-top: -8px;
		display: none;
	}
	.ui-accordion .ui-accordion-content {
		border-top: 0;
		overflow: auto;
		padding-bottom: 5px;
	}
	
	.ui-accordion-content {
		padding-right: 15px;
		padding-left: 10px;
	}
	
	#leadersaccordion .ui-accordion-content {
		padding-left: 0.2em;
	}
	
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		position: absolute;
		left: 91%;
		top: 50%;
		margin-top: -20px;
		display: block;
	}
	
	.ui-icon.ui-icon-open {
		width:40px;
		height:40px;
		top: 0px;
		background-image:url(../stcorp/images/Mobile_Plus.gif);
		right:5px;
		cursor: pointer;
	}
	
	
	.ui-icon.ui-icon-close {
		width:40px;
		height:40px;
		background-color: #3f4040;
		background-image:url(../stcorp/images/Mobile_Minus.gif);
		right:5px;
		cursor: pointer;
	}
	
	.ui-icon {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
		float:right;
	}

#full_leadership_wrapper ul.leaders-image li img {
	border-right: 2px solid #000;
}

.wwr-lead-black-bg ul li{
	display: inline-block;
	padding-top: 10px;
}

.wwr-lead-black-bg.col-xs-12.col-md-8{
	width:100%;
}

.bio.col-xs-12.col-md-8{
	width: 95%;
}

.ppshow {
	display: none;
}

.ntm.hidden-xs {
	padding-left: 20px;
	padding-bottom: 30px;
}

.wwr.belo-style01,
.wwr.belo-style04,
.wwr.belo-style10{
    padding-left: 20px;
    padding-top: 25px;
}

#products .wwr.belo-style04 {
    padding-top: 35px;
}
#products .wwr.arial-12-black {
	margin-top: 10px;
}
.wwr.arial-20pt{
	font-weight: normal;
	margin-bottom: -5px;
	padding-left: 5px;
}

.wwr.arial-10pt-lead{
	font-weight: normal;
	margin-bottom: 10px;
	padding-left: 5px;
}

.wwr.arial-125pt{
	font-weight: normal;
	margin-bottom: 10px;
	padding-left: 5px;
}

p.meet.belo-style06{
	width: 38%;
	float:left;
	padding-top: 12px;
	padding-left: 12px;
}

.meet.din-style02{
	width: 58%;
	display: inline-block;
	padding-top: 114px;
	padding-left: 5px;
}

.arial-12pt > a,
.ntm-1.arial-12pt > a,
.ntcc.arial-12pt > a,
.prizes.arial-12pt > a,
.arial-14pt > a{
    color: #ffffff;
	text-decoration: none;
}

.arial-12pt > a:hover,
.ntm-1.arial-12pt > a:hover,
.ntcc.arial-12pt > a:hover,
.prizes.arial-12pt > a:hover,
.arial-14pt > a:hover{
	text-decoration: underline;
}

.wwr.arial-12pt {
    padding-left: 20px;
}

.wwr.arial-12-black {
    padding-left: 20px;
}

.showrgbord{
	padding-left: 15px;
    border-left: 1px solid #59595a;
    width: 14.0rem;
	margin-top: 25px;
}

.wwr.showrgbord.col-xs-6.col-md-4 {  /*for div border*/
    margin-bottom: 25px;
}

.ppimgs{
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.ntm.col-md-8 {
    width: 75%;
}

.ntm.col-md-4 {
    width: 21%;
}

.ntmimg,.ntccimg{
    display: inline block;
}

.ntm.row1 {
    min-width: 215px;
	max-width: 230px;
	width: 30%;
}

.ntm.rowmid {    
	max-width: 230px;
	min-width: 215px;
	padding-bottom: 2px;
	width: 30%;
}

.ntm.rowend {
	max-width: 230px;
	min-width: 215px;
	width: 30%;
}


.alignnone.size-full.wp-image-99{
	padding-left: 2px;
}

.alignnone.size-full.wp-image-86,
.alignnone.size-full.wp-image-87,
.alignnone.size-full.wp-image-88
{
	padding-top: 15px;	
}

div.meteor-slides.pulitzerprizes{
	display: none;
}
#leadersaccordion .ui-accordion-header > .lead_header_wrap {
	display: inline-block;
	margin-left: 10px;
	max-width: 59%;
}

#leadersaccordion .ui-accordion-header > span .expandedtitle {
	visibility: hidden;
}
#leadersaccordion .ui-accordion-header-active > span .expandedtitle {
	display: inline;
	visibility: visible;
}

#leadersaccordion .ui-accordion-header > span .ellipsis {
	display: inline;
}
#leadersaccordion .ui-accordion-header-active > span .ellipsis {
	display: none;
}

#leadersaccordion .ui-accordion-header .leadtitle {
	display: inline-block;
	line-height: 1.3;
}
.leaders-image li {
	margin-right: -3px;
	width: 9.8%;
}

.more-link,
.meet-ellipsis{
	display:none;
}
.more-block {display: inline;}

		#products_mobile{
		display: none;
	}

@media only screen and (max-width : 959px){
	#primary.content-area {
		padding-top: 0;	
	}
	.ntm.col-md-8 {
    	width: 95%;
	}
	wwr.showrgbord.col-md-4.col-xs-6 {
		width: 100%;
	}
	
	.showrgbord {
		width: 100%;
	}
	
}

@media only screen and (max-width : 900px){
		
	#slideshow .who-we-are.fullBG {
		left: -55%;
		margin-left: inherit;
	}
	#slideshow .press.fullBG {
		left: -45%;
		margin-left: inherit;
	}
	#slideshow .advertise.fullBG {
		left: 58%;
	}
	/* Subscribe-shop begins adjusting at 599px media*/
	#slideshow .careers.fullBG {
		left: 8%;
	}
	
	.products-backgrd{
		background-position: top right -65px;
	}
	
	.ntm.row1 {
		min-width: 190px;
		width: 32%;
	}
	
	.ntm.rowmid {
		min-width: 190px;
		padding-bottom: 2px;
		width: 32%;
	}
	
	.ntm.rowend {
		min-width: 190px;
		width: 32%;
	}
	
	.ntm.col-md-8.col-xs-12.col-sm-6{
		width: 100%;
	}
	.wwr.arial-12pt {
    	padding-left: 20px;
	}
	#accordion .wwr.arial-12pt {
    	padding-left: 0;
	}
	.pp.belo-style01{
		padding-left: 20px;	
	}
	
	.prizes.arial-12pt{
		padding: 0 20px;
	}
	
	#ppimgs {
		margin: 20px;
	}
	
	div.meteor-slides.pulitzerprizes{
		display: none;
	}

}

@media only screen and (max-width : 768px){ 
	
	#primary.content-area {
    	padding-top: 0px;
	}
	.page-subscribe-shop-body #primary.content-area {
    	padding-top: 0px;
	}
	.wwr.showrgbord.col-xs-6,
	.wwr.showrgbord.col-md-4{
		border-left: none;
	}
	
	.wwr-lead-black-bg ul {
		width: 100%;
	}
	
	.wwr-lead-black-bg ul li {
		padding-left: 0px;
	}
	#full_leadership_wrapper ul.leaders-image li {
 	    margin-right: -6px;
    	width: 9.7%;
	}
	p.meet.belo-style06 {
    	float: left;
		font-size: 4.4em;
		margin-top: 12px;
		padding: 12px 0 12px 3px;
    	width: 38%;
	}
	
	.pic-thumb1{
		width: 95%;
	}
	
	.pic-thumb2,
	.pic-thumb3,
	.pic-thumb4,
	.pic-thumb5,
	.pic-thumb6,
	.pic-thumb7,
	.pic-thumb8,
	.pic-thumb9,
	.pic-thumb10{
		width: 95%;
	}
	
	p.arial-12pt{
		margin-bottom: -10px;	
	}
	
	.wwr.belo-style04 {
		padding-left: 20px;
		padding-top: 20px;
	}
	
	#ppimgs{
		margin: 20px;
	}
	
	.white-circle {
		padding-left: 50px;
		padding-top: 10px;
	}
		
	.who-we-are-orange-text {
		max-width: 500px;
		padding-left: 14px;
		position: absolute;
		right: 75px;
		width: 87%;
	}	
	
}

@media only screen and (min-width : 600px){ 

	
	.pic-thumb2,
	.pic-thumb3,
	.pic-thumb4,
	.pic-thumb5,
	.pic-thumb6,
	.pic-thumb7,
	.pic-thumb8,
	.pic-thumb9,
	.pic-thumb10{
		cursor:pointer;
		opacity: 0.4;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
		-moz-opacity: 0.40;
	    -khtml-opacity: 0.40;
	}
	#leadersaccordion {
		display: none;
	}
	
}

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

	.header-bg-images-who-we-are,
	.header-bg-images-press {
	    background-position: left 20% top -10px;    
	}
	#slideshow .contact-us.fullBG {
		left: inherit;
	}
	#slideshow .press.fullBG {
		left: -50%;
	}
	.who-we-are-orange-text {
		padding-left: 18px;	
	}
	p.meet.belo-style06 {
		font-size: 4.4em;
		min-width: 315px;
		width: 75%;
	}
	.meet.din-style02 {
		font-size: 13px;
		padding-top: 0px;
		width: 95%;		
	}
	.orange-header,
	.who-we-are-orange-text {
		right: 10%;
	}

	#full_leadership_wrapper {
		display: none;
	}
	
	#products{
		display: none;
	}
	
	#products_mobile{
		display: block;
	}
	
	#leadersaccordion {
		display: block;
	}
	.pic-thumb2,
	.pic-thumb3,
	.pic-thumb4,
	.pic-thumb5,
	.pic-thumb6,
	.pic-thumb7,
	.pic-thumb8,
	.pic-thumb9,
	.pic-thumb10{
		cursor:pointer;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
	}
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		left: 91%;	
	}
	
		
	/* WHO WE ARE PRODUCT STYLES*/

	ul.products-list{
			list-style-type: none;
			margin-left: 20px;
			margin-right: 15px;
		}
	
	.products-list li a{
		display: block;
		width: 100%;
		cursor: pointer;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	li.products-list {
    	border-bottom: 1px solid #bcbdbc;
		padding-bottom: 5px;
		padding-top: 5px;
		background-image: url(../stcorp/images/orange_arrow.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		width: 100%;
	}
	
}

@media only screen and (max-width : 500px){
	
	#slideshow .subscribe-shop.fullBG {
		left: 15%;
	}		
	
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		left: 88%;	
	}
	
	.who-we-are-orange-text {
		padding-left: 20px;	
		margin-top: 15px;
	}	
	
	p.meet.belo-style06 {
		padding: 12px 0 0px 3px;
	}

}


@media only screen and (max-width : 450px){
	.more-block{
		display:none;	
	}
	.meet .more-link,
	.meet-ellipsis{
		display:inline;
	}
	p.meet.belo-style06 {
		font-size: 4.4em;
		max-width: 195px;
		min-width: 180px;
		width: 95%;
	}

	.wwr-lead-black-bg .wwr.arial-12pt {
		margin-left: 20px;
		margin-right: 30px;
		padding-left: 0;
	}

}
@media only screen and (max-width : 400px){
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		left: 84%;	
	}	

}

/* Accordian styles from Jquery UI*/

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px)  {
	
	.who-we-are-orange-text {
		padding-left: 14px;	
		margin-top: 0;
	}
	.wwr-lead-black-bg .wwr.arial-12pt {
		margin-left: inherit;
    	padding-left: 8px;
	}
	.orange-header {
		background-color: #be5f28;
		float: left;
		height: 350px;
		left: 0;
		opacity: 0.8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		-moz-opacity: 0.80;
	    -khtml-opacity: 0.80;
		position: relative;
		width: 88%;
	}
	.prizes.arial-12pt{
		padding-right: 15px;	
	}	
	div.ui-accordion {
    	padding-left: 5px;
	}
	p.meet.belo-style06 {
		-moz-s: none;
		color: #FFFFFF;
		font-family: 'belo-dincondensed_bold';
		font-size: 4.4em;
		line-height: 0.72em;
		width: 80%;
		margin: 12px 0 12px 0px;
		
	}
	
	.who-we-are-orange-text {
		left: 0;
		position: absolute;
		width: 87%;
	}
		
	.wwr.arial-125pt, 	
	.prizes.arial-12pt,
	.wwr.arial-12-black,
	.wwr.belo-style10,
	.wwr.belo-style04,
	.wwr.arial-12pt{
		padding-left: 5px;
		margin-bottom: 10px;
	}
	
	.meet.din-style02 {
		display: inline-block;
		padding-top: 0px;
		width: 98%;
	}

	.wwr.arial-12-black{
		margin-bottom: 5px;
	}
	
	p.wwr.arial-12-black > a {
		margin-bottom: 5px;
	}
	
	.ntm.col-md-8 {
    	width: 100%;
	}
	
	ul.products-list {
    	margin-left: 5px;
	}
	
	.col-xs-6,
	.col-md-4{
		width: 50%;
		padding-right: 0px;	
	}
	
	.wwr.belo-style01,
	.pp.belo-style01{
		font-size: 30px;
		font-family: 'belo-dincondensed_bold';
		color: #ffffff;
		padding-left: 5px;
	}
	
	#accordion .ui-accordion-header .wwr.arial-14pt {
		line-height: 2.2em;
	}
	.wwr.arial-14pt{
		font-size: 96%;
		font-family: Arial, Helvetica, sans-serif;;
		color: #ffffff;
		text-align: left;
	}
	
	.showrgbord {
		margin-top: 30px;
		padding-left: 15px;
		width: 100%
	}
	
	#accordion {   
		margin:auto;
	}
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		left: 83%;	
	}
	.ui-accordion a.wwr.arial-12-black{
		padding-bottom: 5px;
	}	
			
	.ui-accordion .ui-accordion-content .wwr.arial-12pt {
		border-top: 0;
		overflow: auto;
		padding: 0px;
		padding-left: 0px;	
	}
	
	.ui-button {
		display: inline-block;
		position: relative;
		padding: 0;
		line-height: normal;
		margin-right: .1em;
		cursor: pointer;
		vertical-align: middle;
		text-align: center;
		overflow: visible; /* removes extra width in IE */
	}
	
	.ui-button,
	.ui-button:link,
	.ui-button:visited,
	.ui-button:hover,
	.ui-button:active {
		text-decoration: none;
	}
	
	/* to make room for the icon, a width needs to be set here */
	.ui-button-icon-only {
		width: 2.2em;
	}
	
	/* button elements seem to need a little more width */
	button.ui-button-icon-only {
		width: 2.4em;
	}
	
	.ui-button-icons-only {
		width: 3.4em;
	}
	
	button.ui-button-icons-only {
		width: 3.7em;
	}
	
	
	#test{
		margin: 25px 0px 0px 60px;
		display: block;
	}
	
	#ppimgs {
		margin-left: 7px;
	}
	

}