/*
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.  CAREER/INTERNSHIP PAGE STYLES - DESKTOP
 * 2.  RESPONSIVE STYLES - MOBILE
 * 3.  RESPONSIVE STYLES - TABLET 
 *
 *
************************************************************************************
 */
 
 /* CAREER PAGE STYLES - ALL Devices */

/* Overide style to remove wierdness in I-pad potrait */
.row{
	margin-left: 0px;
	margin-right: 0px;
} 

.orange-circle-career{
	background:#BE5F28;
    border-radius: 50%;
	height: 435px;
	width: 435px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
	line-height:75px;
	text-align: left;
}


.advertise.row,
.careers.row,
.contact2.row,
.contact-first.row,
.promo.row{
	padding-top: 25px;
	padding-left: 20px;
	padding-bottom: 30px;
}

.career2.row{
	padding-top: 25px;
	padding-left: 20px;
	padding-bottom: 15px;
}

.subshop2.row{
 	padding-bottom: 30px;
    padding-left: 25px;
    padding-top: 30px;
}

.TextWrap{
	float: left;
	margin-right: 1em;
    margin-bottom: 1em;
	line-break:normal;
	width: auto;
}

.search-jobs {
    padding-top: 10px;
}

.internships.col-xs-6.col-md-4 {
    padding-right: 50px;
	width: 30%;
}

.first.arial-12-wbold {
	padding-top: 5px;
    margin-bottom: 0px;
}

.showleftborder {
    border-right: 1px solid #59595a;
}

.alignnone.size-full.wp-image-140.TextWrap {
    padding-right: 5px;
}

.second.col-xs-6.col-md-4 {
    padding-left: 15px;
	  width: 30%;
}

.first.col-xs-12.col-sm-6.col-md-8,
.second.col-xs-12.col-sm-6.col-md-8{
    padding-right: 75px;
	padding-bottom: 5px;
	width: 65%;
}

.internbutton.arial-14pt {
    margin-top: 15px;
}

div .internbutton{ 
  position:relative; 
  font-weight: bold;
  height: 27px;
  width: 202px;
  padding: 5px;
  background-color: #be5f28;
} 

div .getstartedbutton{ 
  position:relative; 
  font-weight: bold;
  height: 27px;
  width: 110px;
  padding: 5px;
  background-color: #be5f28;
} 

div .jobsbutton{ 
  position:relative; 
  font-weight: bold;
  height: 27px;
  width: 112px;
  padding: 5px;
  background-color: #be5f28;
} 

div .loginbutton{ 
  position:relative; 
  font-weight: bold;
  height: 27px;
  width: 69px;
  padding: 5px 10px 5px 10px;
  background-color: #be5f28;
} 

.shopbutton{ 
  position:relative; 
  font-weight: bold;
  height: 24px;
  width: 114px;
  padding: 5px;
  background-color: #be5f28;
}

.getstartedbutton.arial-14pt > a:hover,
.internbutton.arial-14pt > a:hover,
.jobsbutton.arial-14pt > a:hover,
.loginbutton.arial-14pt > a:hover{
    text-decoration: none;
}

.subshop2.col-first.col-xs-12.col-sm-6.col-md-8 > a,
.subshop2.col-last.col-xs-6.col-md-4 > a{
    text-decoration: none;
}

.shopbutton.arial-14pt {
    color: #ffffff;
}

a:hover.shopbutton.arial-14pt{
	text-decoration: none;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

p.internships.belo-style10 {
	margin-bottom: 15px;
	line-height: 1.0;
}

.showleftborder,
.first.col-xs-12.col-sm-6.col-md-8{
	width: 65%;
	padding-right: 50px;
}

.TextWrap {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
    width: auto;
}

.alignnone.size-full.wp-image-140.TextWrap{
	float: left;
	margin-bottom: 0em;
    margin-left: 0em;
    width: auto;
}

}


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

.first.col-xs-12.col-sm-6.col-md-8, .second.col-xs-12.col-sm-6.col-md-8{
	padding-right: 15px;	
}

.contact.col-xs-6.col-sm-4{
	padding-left: 0px;	
}

.second.col-xs-6.col-md-4{
	padding-right: 20px;	
	padding-top: 15px;
	padding-left: 0px;
}

p.internships.din-style02 {
   padding-left: 27px;
}

p.internships.belo-style10 {
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 1.0;
}

.first.col-xs-12.col-sm-6.col-md-8, .second.col-xs-12.col-sm-6.col-md-8,
.showleftborder.col-xs-6.col-md-4, .first.col-xs-12.col-sm-6.col-md-8,
.second.col-xs-6.col-md-4, .internships.col-xs-6.col-md-4{
	width: 100%;
}

.second.col-xs-12.col-sm-6.col-md-8{
	padding-left: 0px;	
}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

.orange-circle-career{
	height: 275px;
	width: 275px;
	line-height:75px;
}

p.orange.belo-style12 {
   font-size: 60px;
   font-family: 'belo-dincondensed_bold';
   color: #ffffff;	
   padding-top: 75px;
   padding-left: 24px;
   line-height: 0.8em;
   margin-bottom: 5px;
}

.careers.row,
.career2.row
.contact2.row,
.advertise.row,
.contact-first.row,
.promo.row,
.contact2.col-xs-12.col-sm-6.col-md-8{
	padding-top: 15px;
	padding-left:5px;
	padding-right:5px;
}

.showleftborder {
    border-left: none;
	padding-left: 15px;
}

.internships.col-xs-6.col-md-4 {
    width: 95%;
}

.TextWrap{
	float: left;
	margin-left: 0em;
}

.alignnone.size-full.wp-image-140.TextWrap{
	margin-left: 0em;
}

.TextWrap {
	margin-right: 0em;
}
}