/* Begin classes for common SPIN elements */

.dropdown-menu {
	background: rgba(0,0,0,0.4);
}
.dropdown-menu.wd_menu {
	right: -10px;
}

.navbar.navbar-default.navbar-fixed-top.transparent {
	background: rgba(0,0,0,0.4);
}

.navbar-right .dropdown-menu .dropdown-menu {
	display: none !important;
}
.navbar-right .dropdown-menu li.dropdown:hover .dropdown-menu {
	display: block !important;
	left: -170px;
    right: 100%;
    top: 0;
}

.container.wd_maincontent {
	margin-top: 50px;
}











/* Header styles */

.detail_header,
.detail_subheader,
.category_name {
    font-weight: bold;
}

.category_intro {
	margin-bottom: 15px;
}

/* END Header styles */

.item {
    margin: 0px 0px 10px 0px;
    overflow: auto;
	line-height: 1.4em;
}

.item_name {
	font-weight: bold;
	position: relative;
}

.item_date {
    font-weight: bold;
}

.item_summary {}

table.wd_imagetable {}

table.wd_imagetable[align=left] {
	margin: 0 20px 20px 0 !important;
}
table.wd_imagetable[align=right] {
	margin: 0 0px 20px 20px !important;
}

td.imagecaption {
    text-align: left;
    padding: 3px 5px 3px 5px;
    font-size: .9em;
    font-style: italic;
}

.wd_calculator_input_column input,
.wd_calculator_input_column label {
	margin-bottom: 15px;
}

/* Toolbar styles */
/* END Toolbar styles */

/* Begin classes for individual PCTs */

/* Standard */
div.wd_standard {}
/* END Standard */

/* Events */
div.wd_events {}
/* END Events */

/* Gallery */
div.wd_gallery {}

div.wd_gallery span.filesize {
    font-weight: normal;
}

/* hi-res link for gallery */
ul.hi_res-links {
    margin: 20px 0;
    list-style: none;
}

ul.hi_res-links li {
    display: inline; /*For ignore double margin in IE6*/
}

ul.hi_res-links li a, ul.hi_res-links li a:hover, ul.hi_res-links li a:link, ul.hi_res-links li a:visited {
    color: #FFF;
}

ul.hi_res-links li a {
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}

ul.hi_res-links li a span {
    display: block;
    text-align: center;
    margin: 0;
    padding: 2px 10px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    background: #666 url(../images/webdriver/gradient_bg.gif) repeat-x top;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 1px 5px #888;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* END hi-res link for gallery */
/* END Gallery */

/* Newsfeed Releases */
div.wd_newsfeed_releases {
	
}

/* override font size set in feed releases */
.wd_newsfeed_releases-detail .news_body p.prnews_p {
    font-family: inherit;
    font-size: 100%;
    color: inherit;
}

.wd_newsfeed_releases-teaser .tools {
    text-decoration: none;
    margin-bottom: 12px;
}

/* slider and tooltip style for Press Release Summary */
.item_slider {
	margin: 20px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FEFDE1;
}

.item_more {
	margin: 20px 0px 0px 0px;
}

.item_tooltip {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

.item_tooltip_contents {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FEFDE1;
	border: 2px solid #a5a5a5;
}
/* END slider and tooltip style for Press Release Summary */

/* items for Press Release Summary */
.item_with_slider {
	padding: 0px 0px 0px 20px;
}

.slider_control_closed {
	position: absolute;
	left: -20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/slider_open.png) no-repeat right center;
}

.slider_control_open {
	position: absolute;
	left: -20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/slider_close.png) no-repeat right center;
}
/* END items for Press Release Summary */

/* END Newsfeed Releases */

/* Stories */
div.wd_stories {
	
}
/* END Stories */

/* Formbuilder */

div.wd_formbuilder {

}

table.wd_formbuilder {

}

input.wd_formbuilder_submit {

}

table.wd_formbuilder p {
    margin: 0px;
}
/* END Formbuilder */

/* Search Results */
.wd_webinator_search {
	
}

p.search_result {
}

span.search_url {
}
/* END Search Results */

/* Events Calendar */

table.wd_calendar_header {
	padding: 5px 0px;
	margin: 0px;
}

table.wd_calendar_header a,
table.wd_calendar_header a:visited,
table.wd_calendar_header a:active,
table.wd_calendar_header a:link {
	color: #6095C3;
}

td.wd_calendar_header_label {
	text-align: center;
	width: 100%;
}

.wd_events-teaser td.wd_calendar_header_label {
	font-weight: bold;
}

.wd_calendar_header td.wd_calendar_header_prev a {
	display: block;
	background: #fff url(../images/webdriver/assets_left_arrow.gif) left center no-repeat;
	border: 1px solid #e1e1e1;
	padding: 12px; /* padding: 0px 12px 0px 40px; *//* good default if text is added */
	text-decoration: none;
	text-indent: -9999px;
	line-height: 0;
}

.wd_calendar_header td.wd_calendar_header_next a {
	display: block;
	background: #fff url(../images/webdriver/assets_right_arrow.gif) right center no-repeat;
	border: 1px solid #e1e1e1;
	padding: 12px; /* padding: 0px 40px 0px 12px; *//* good default if text is added */
	text-decoration: none;
	text-align: left;
	text-indent: -9999px;
	line-height: 0;
}

.wd_events-teaser .wd_calendar_header td.wd_calendar_header_prev a,
.wd_events-teaser .wd_calendar_header td.wd_calendar_header_next a {
	padding: 0px 12px;
	line-height: 24px;
}

table.wd_calendar {
	background-color: #ffffff;
	table-layout: fixed;
	border-spacing:0;
	border-collapse:collapse;
}

th.wd_calendar_dayofweek_header {
	padding: 4px 0;
	text-align: center;
	background: url("../images/webdriver/events/tab_background.gif") repeat-x scroll 0 bottom #FFFFFF;
	border: 1px solid #E1E1E1;
	font-weight: bold;
	border-right: 1px solid #CCC;
}

td.wd_calendar_day {
	margin: 0px;
	vertical-align: top;
	padding: 0px 2px 30px 2px;   /* account for event padding+border where width = content only */
}

.wd_events-teaser td.wd_calendar_day {
	margin: 0px;
	vertical-align: top;
	padding: 0px 2px 0px 2px;   /* account for event padding+border where width = content only */
}

td.wd_calendar_this_month {
	background-color: #fff;
	border: 1px #ccc solid;
}

td.wd_calendar_prev_month,
td.wd_calendar_next_month {
	background-color: #F8F8F8;
	border: 1px #ccc solid;
}

td.wd_calendar_today {
	background-color: #F2F9FC;
}

div.wd_calendar_day_header {
	text-align: left;
	font-weight: bold;
	padding: 3px;
}

td.wd_calendar_prev_month div.wd_calendar_day_header,
td.wd_calendar_next_month div.wd_calendar_day_header {
}

div.wd_calendar_no_event {
	margin: 1px 0px 1px 0px;
	padding: 2px;
}

.wd_events-teaser div.wd_calendar_no_event {
	padding: 2px;
	text-align: center;
}

div.wd_calendar_event {
	cursor: pointer;
	padding: 2px 5px;
	position: relative;
	left: 0px;
	white-space: nowrap;
	overflow: hidden;
	background: #6095C3;
	border-radius: 4px;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;	
	color: #FFF;
	text-decoration: none;
}

.wd_events-teaser div.wd_calendar_event {
	padding: 2px;
	text-align: center;
}

div.wd_event_tip_header {
	line-height: 20px;
	border-bottom: #BBB;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

div.wd_event_tip_info {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

div.wd_event_tip_info p {
	margin: 2px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

div.wd_event_tip_title {
	font-size: 16px;
	font-weight: bold;
}

div.wd_event_tip_time, 
div.wd_event_tip_location_name,
div.wd_event_tip_more {
}

div.wd_event_tip_date {
}

div.calendar_subscribe_links img {
	margin-right: 5px;
}

div.calendar_subscribe_links a {
	text-decoration: none;
}

.wd_calendar_event_tip {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

.wd_calendar_event_tip .qtip-titlebar {
	background: #6095C3;
	color: #FFF;
}
/* END Events Calendar */

/* Popup Fader */
div#wdFadeBackground {
    background-color: #555555;
    border: 5px;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}

div#wdFadePopup {
    background-color: #333333;
    padding: 2px;
    z-index: 100;
}

td#wdFadeContent {
    background-color: #ffffff;
}

td#wdFadeClose {
    text-align: right;
}

/* END Popup Fader */ 

.tools img {
    vertical-align: top;
}

/* Featureboxes */

div.wd_featurebox_container {
	margin-bottom: 20px;
}

div.wd_featurebox_title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 29px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
    padding-bottom: 10px;
    border-bottom: 1px #eeeeee solid;
    height: 50px;
    position: relative;
    clear: both;
    font-weight: 200;
    color: #484848;
}

.wd_featurebox_title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #00315c;
    display: block;
    width: 7% !important;
    height: 2px;
}

.wd_featureboxes_top .wd_featurebox_container {
    width: 46%;
    float: left;
    margin: 0 2%;
    min-height: 492px;
}


div.wd_featurebox {
    margin-bottom: 10px;
    overflow: auto;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Lora', serif;
    line-height: 175%;
    color: #484848;
    margin: 25px 0;
}

div.wd_featurebox p {}
div.wd_featurebox div {}

div.wd_featureboxes_top {}
div.wd_featureboxes_top div.wd_featurebox_container {}
div.wd_featureboxes_top div.wd_featurebox_title {}
div.wd_featureboxes_top div.wd_featurebox {}

div.wd_featureboxes_left {}
div.wd_featureboxes_left div.wd_featurebox_container {}
div.wd_featureboxes_left div.wd_featurebox_title {}
div.wd_featureboxes_left div.wd_featurebox {}
	
div.wd_featureboxes_left .wd_imagetable {}

div.wd_featureboxes_middle {}
div.wd_featureboxes_middle div.wd_featurebox_container {
    width: 46%;
    float: left;
    margin: 0 2%;
}
div.wd_featureboxes_middle div.wd_featurebox_title {}
div.wd_featureboxes_middle div.wd_featurebox {}

div.wd_featureboxes_right {}
div.wd_featureboxes_right div.wd_featurebox_container {}
div.wd_featureboxes_right div.wd_featurebox_title {}
div.wd_featureboxes_right div.wd_featurebox {}

.wd_featureboxes_socialhub {}
.wd_featureboxes_socialhub .wd_tabs_container {}

.wd_featureboxes_socialhub .wd_tabs_wrapper {
    background: 0 none;
    padding: 5px;
}

.wd_featureboxes_socialhub .wd_tabs {}

.wd_featureboxes_socialhub .wd_tab {
    margin: 1px;
    padding: 4px;
    border: 0px;
    background-color: transparent;
}

.wd_featureboxes_socialhub .wd_tab-inactive {}
.wd_featureboxes_socialhub .wd_tab-active {
    padding: 3px;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.wd_featureboxes_socialhub .wd_tabs_content_wrapper {}
.wd_featureboxes_socialhub .wd_tabs_content_wrapper .wd_tab_content {}
.wd_featureboxes_socialhub .wd_tabs_content_wrapper .wd_tab_content-active {}
.wd_featureboxes_socialhub .wd_tabs_content_wrapper .wd_tab_content-inactive {}
.wd_featureboxes_socialhub .wd_tabs_content_wrapper .wd_tab_content .wd_featurebox_container {}
.wd_featureboxes_socialhub .wd_tabs_content_wrapper .wd_tab_content .wd_featurebox_container .wd_featurebox {}

.wd_featureboxes_tabbed {}
.wd_featureboxes_tabbed .wd_tabs_container {}

.wd_featureboxes_tabbed .wd_tabs_wrapper {
    background: 0 none;
    border: 0 none;
    width: 100%;
    display: block;
    height: 33px;
}

.wd_featureboxes_tabbed .wd_tabs_wrapper .wd_tabs {
	overflow: visible;
}

.wd_featureboxes_tabbed .wd_tabs_wrapper .wd_tab {
    margin: 0 0.3em 0 0;
    padding: 0.5em;
    border: 1px solid #cccccc;
    border-bottom-width: 0px;
    border-top-left-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -webkit-border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em; -moz-border-radius-topright: 0.5em; -webkit-border-top-right-radius: 0.5em;
}

.wd_featureboxes_tabbed .wd_tabs_wrapper .wd_tab-active {
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}

.wd_featureboxes_tabbed .wd_tabs_wrapper .wd_tab-inactive {
    background-color: #eeeeee;
}

.wd_featureboxes_tabbed .wd_tabs_wrapper .wd_tab-inactive:hover {
    background-color: #dddddd;
    border-color: #aaaaaa;
}

.wd_featureboxes_tabbed .wd_tabs_container {}
	
.wd_featureboxes_tabbed .wd_tabs_container .wd_tabs_content_wrapper {
	width: 100%;
	padding-top: 0px;
	border-top: 1px solid #DEDEDE;
}
.wd_featureboxes_tabbed .wd_tabs_container .wd_tabs_content_wrapper .wd_tab_content.wd_tab_content-active .wd_featurebox_container .wd_featurebox {}

.wd_featureboxes_tabbed .wd_tabs_wrapper {
    background: 0 none;
    border: 0 none;
}

/* END Featureboxes */

div.wd_rssfeeds_item {
    margin-bottom: 10px;
}

/* sponsorbar */
div.wd_sponsors {
	padding: 0 15px 10px 15px;
}

div.wd_sponsors p {
	background: #CCCCCC;
	margin: 0 0 5px 0;
	padding: 5px;
}

div.wd_sponsors img {
	padding: 10px;
}
/* END sponsorbar */

/* Shadows for Press Release Summary */
.shadowTR {
    margin: 0px;
    border: 0px;
    padding: 8px 0px 0px 0px;
    background: transparent url(../images/shadowTR.png) no-repeat top right;
}

.shadowBL {
    margin: 0px;
    border: 0px;
    padding: 0px 0px 0px 8px;
    background: transparent url(../images/shadowBL.png) no-repeat bottom left;
}

.shadowBR {
    margin: 0px;
    border: 0px;
    padding: 0px 8px 0px 0px;
    background: transparent url(../images/shadowBR.png) no-repeat bottom right;
}

.shadowB {
    margin: 0px;
    border: 0px;
    padding: 0px 1px 8px 0px;
    background: transparent url(../images/shadowB.png) repeat-x bottom center;
}

.shadowR {
    margin: 0px -9px 0px 0px;
    border: 0px;
    padding: 1px 8px 1px 1px;
    background: transparent url(../images/shadowR.png) repeat-y center right;
}

.shadow-content {
    margin: -9px 0px -1px -9px;
    border: 0px;
    padding: 0px;
    background: transparent;
}
/* END Shadows for Press Release Summary */

.subscribe_links a {
    padding-right: 20px;
    background: url(../images/webdriver/email_alerts.png) no-repeat center right;
}


.wd_member_col .wd_title {
     padding-left: 5px;
}

.wd_member_col {
  border-bottom: 1px solid #f3f3f3;
}

/* New News Releases Tweaks */

#wd_printable_content  ul.wd_layout-simple.wd_item_list {margin-left: 0px; padding-left: 0;}

.wd_newsfeed_search_form_container {margin-bottom: 10px;}

.wd_news_headlines .wd_item,
.wd_newsfeed_releases .wd_item {
     margin: 0 0 15px 0;
     border-bottom: 1px solid #ccc;
     padding-bottom: 15px;
     display: block;
}

.wd_news_headlines .wd_item:last-child,
.wd_newsfeed_releases .wd_item:last-child{
     border-bottom: 0px solid #ccc;
}

.wd_stories .wd_date,
.wd_assets .wd_date,
.wd_news_headlines .wd_item .wd_date,
.wd_newsfeed_releases .wd_item .wd_date {
     font-size: 15px;
     line-height: 17px;

     color: #999;
}
.wd_stories .wd_title,
.wd_assets .wd_title,
.wd_assets .detail_header,
.wd_news_headlines .wd_item .wd_title,
.wd_newsfeed_releases .wd_item .wd_title {
     font-size: 18px;
     line-height: 20px;
}
.wd_stories .wd_title a,
.wd_assets .wd_title a,
.wd_assets .detail_header a,
.wd_news_headlines .wd_item .wd_title a,
.wd_newsfeed_releases .wd_item .wd_title a {
    text-decoration: none;
}
.wd_news_headlines .wd_item .wd_asset_type_link .wd_title,
.wd_newsfeed_releases .wd_item .wd_asset_type_link .wd_title {
     font-size: 15px;
     line-height: 17px;
}
.wd_news_headlines .wd_item .wd_subtitle,
.wd_newsfeed_releases .wd_item .wd_subtitle {
     font-size: 15px;
     line-height: 17px;

}

.wd_slider-button {
     display: inline-block;
     width: 14px;
}

.wd_search_basic_fields {
     background: #eee;
     padding: 5px;
     border: 1px solid #ccc;
}

.wd_page_limit select,
#wd_printable_content .wd_search_basic_fields select {
     margin-right: 5px;
     margin-bottom: 0px;
     padding: 4px;
     display: inline-block;
     height: 30px;
}

#wd_printable_content .wd_search_basic_fields input {
     margin-right: 5px;
     margin-bottom: 0px;
     padding: 0px;
     height: 26px;
     text-indent: 5px;
}

/* Asset Links on Press Release items */

ul.wd_asset_type_link_list {
  margin: 10px 0 0 0;
  padding: 0;
  overflow: auto;
  list-style: none;
  color: #cccccc;
  font-size: 0.8333em;
  border: 0;
}


.wd_selector select {margin-left: 5px;}

.ui-datepicker select {color: #000;}


div.wd_snapshot h2 {
     margin: 0;
     padding: 3px 0;
     border-top: 2px solid #999999;
     border-bottom: 1px solid #999999;
     text-transform: uppercase;
     font-weight: bold;
     text-align: left;
     font-size: 1.2em;
}
table.wd_snapshot_values th, table.wd_snapshot_values td {
     vertical-align: top;
     font-size: 1em;
     line-height: 1.3em;
     padding: 5px;
     border-bottom: 1px solid #999999;
}

.recaptcha_terms {float: right;}



ul.wd_asset_type_tabs,
ul.wd_asset_icons {
     padding-left: 0px;
     margin-left: 0px;
}
ul.wd_page_links li:before,
ul.wd_asset_type_tabs li:before,
ul.wd_asset_icons li:before {
     display: none;
}
ul.wd_asset_type_tabs li,
ul.wd_asset_icons li {
     list-style-type: none;
     padding-left: 4px;
     margin: 0px !important;
}

ul.wd_page_links li {
     list-style-type: none;
     margin: 0px !important;
}
ul.wd_page_links li a{
     display: block;
}

ul.wd_asset_type_tabs li img,
ul.wd_asset_icons li img {
     display: inline;
}

ul.wd_events_tabs {
    float: right;
    overflow: hidden;
    margin: 0px 0 !important;
    padding: 0px;
}
.wd_events_list .wd_attachment_icon {float: left; margin-right: 5px;}

.wd_ir_fundamentals table tbody tr th,
.wd_ir_fundamentals table tbody tr td {
     border: 0;
     margin: 0;
     padding: 0;
}
.wd_parent_category input[type=radio]{margin-right: 5px;}

div.wd_page_toolbar {}
div.wd_page_toolbar table {width: auto; border: 0px;}
div.wd_page_toolbar tbody {}
div.wd_page_toolbar tr {}
div.wd_page_toolbar td { line-height: 16px; margin: 0; padding: 0 2px; vertical-align: top;}
div.wd_page_toolbar td span.wd_page_tool { line-height: 16px; margin: 0; padding: 0; vertical-align: top;}
div.wd_page_toolbar a { line-height: 16px; margin: 0; padding: 0; vertical-align: top;}
div.wd_page_toolbar img {width: 16px; height: 16px;vertical-align: top;}

/*BUTTON STYLES*/
.wd_events_input_go,
.wd_calculator_form_buttons input[type=submit],
.wd_form_buttons input[type=submit] {
	    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	
	border-radius: 2px;
    background-color: #ee964b;
    width: 300px;
    z-index: 65;
    color: #ffffff;
    padding: 15px 35px;
    margin: 10px auto;
}


.wd_events_input_go {
	width: 75px;
    padding: 5px 15px;
}
.wd_calculator_form_buttons input[type=submit] {
	width: 150px;
}

.wd_events_input_go:hover,
.wd_calculator_form_buttons input[type=submit]:hover,
.wd_form_buttons input[type=submit]:hover {
	color: #333;
    text-decoration: none;
}

.wd_breadcrumb a::after {
    content: '\200B';
    display: inline-block;
    position: relative;
    top: 13px;
    bottom: 0;
    right: -8px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 3px 0 3px 3px;
    border-color: transparent transparent transparent #007bff;
    margin-left: 25px;
}

.wd_breadcrumb {
    margin-top: 53px;
    width: 100%;
    height: 58px;
    padding-left: 0;
}

.wd_breadcrumb_wrapper {
    max-width: 974px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
    top: 14px;
    color: #004684 !important;
    font-weight: bold;
}

.wd_breadcrumb a {
    padding-right: 25px;
    display: inline;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #525252;
}

h2.hero {
    font-weight: 300;
    font-size: 48px;
    color: #004684;
    margin-bottom: 40px;
}

.more a {
    background: #ee964b;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: auto;
    padding: 10px 22px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -ms-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    position: relative;
}

.more a:hover {
    background:#f0a462;
    text-decoration:none;
}

p.wd_subnav a:hover {
    text-decoration: underline !important;
}

header#header {
    height: 570px;
    background-size: cover;
}

header h1 {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
    position: relative;
    line-height: 125%;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: auto;
    top: 330px;
    width: 500px;
}
header p {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
    position: relative;
    line-height: 125%;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: auto;
    top: 290px;
    width: 500px;
}

.wd_nav li {
    width: 16.66%;
    float: left;
    text-align: left;
}

.subnav-wrap .container-large ul.wd_nav li.wd_investors {
    text-align: right;
}

.wd_breadcrumb li {
    display: inline-block;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #525252;
}

.wd_breadcrumb li a {
    text-decoration: none;
}

p.wd_subnav a {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #525252;
    text-decoration: none !important;
}

.wd_content h1.page_header {
    display: none;
}

a {
    color: #092646;
    text-decoration: underline;
}

/* ========================== DEFAULT STYLES FOR NEW ROOMS ============================= */

.wd_member_col .wd_title {
     padding-left: 5px;
}

.wd_member_col {
  border-bottom: 1px solid #f3f3f3;
}

div.wd_form_field select{
    width: 274px;
}
div.wd_form_field {
     margin: 0 0 15px 0;
}
.wd_standard .item,
.wd_events_month_events .wd_event {
     margin: 0 0 25px 0;
     padding-top: 25px;
}

/* New News Releases Tweaks */
.wd_newsfeed_search_form_container {margin-bottom: 10px;}

.wd_news_headlines .wd_item,
.wd_newsfeed_releases .wd_item {
     margin: 0 0 25px 0;
     padding-bottom: 25px;
     border-bottom: 1px solid #ccc;
     display: block;
}

.wd_news_headlines .wd_item:last-child,
.wd_newsfeed_releases .wd_item :last-child{
     border-bottom: 0px solid #ccc;
}

.wd_stories .wd_date,
.wd_assets .wd_date,
.wd_news_headlines .wd_item .wd_date,
.wd_newsfeed_releases .wd_item .wd_date {
     font-size: 10pt;
     line-height: 12pt;
     color: #999;
}
.wd_stories .wd_title,
.wd_assets .wd_title,
.wd_assets .detail_header,
.wd_news_headlines .wd_item .wd_title,
.wd_newsfeed_releases .wd_item .wd_title {
     font-size: 16pt;
     line-height: 18pt;
	 margin-top: 10px;
}
.wd_stories .wd_title a,
.wd_assets .wd_title a,
.wd_assets .detail_header a,
.wd_news_headlines .wd_item .wd_title a,
.wd_newsfeed_releases .wd_item .wd_title a {
    text-decoration: none;
}
.wd_news_headlines .wd_item .wd_asset_type_link .wd_title,
.wd_newsfeed_releases .wd_item .wd_asset_type_link .wd_title {
     font-size: 10pt;
     line-height: 12pt;
}
.wd_news_headlines .wd_item .wd_subtitle,
.wd_newsfeed_releases .wd_item .wd_subtitle {
     font-size: 12pt;
     line-height: 13pt;
}

.wd_slider-button {
     display: inline-block;
     width: 14px;
}

.wd_search_basic_fields {
     background: #eee;
     padding: 5px;
     border: 1px solid #ccc;
}

.wd_page_limit select,
.wd_search_basic_fields select {
     margin-right: 5px;
     margin-bottom: 0px;
     padding: 4px;
     display: inline-block;
     height: 30px;
}

.wd_search_basic_fields input {
margin-right: 5px;
margin-bottom: 0px;
padding: 0;
height: 26px;
text-indent: 5px;
}

/* Asset Links on Press Release items */

ul.wd_asset_type_link_list {
  margin: 10px 0 0 0;
  padding: 0;
  overflow: auto;
  list-style: none;
  color: #cccccc;
  font-size: 0.8333em;
  border: 0;
}


.wd_selector select {margin-left: 5px;}

.ui-datepicker select {color: #000;}


div.wd_snapshot h2 {
     margin: 0;
     padding: 3px 0;
     border-top: 2px solid #999999;
     border-bottom: 1px solid #999999;
     text-transform: uppercase;
     font-weight: bold;
     text-align: left;
     font-size: 1.2em;
}
table.wd_snapshot_values th, table.wd_snapshot_values td {
     vertical-align: top;
     font-size: 1em;
     line-height: 1.3em;
     padding: 5px;
     border-bottom: 1px solid #999999;
}

.recaptcha_terms {float: right;}



ul.wd_asset_type_tabs,
ul.wd_asset_icons {
     padding-left: 0px;
     margin-left: 0px;
}
ul.wd_page_links li:before,
ul.wd_asset_type_tabs li:before,
ul.wd_asset_icons li:before {
     display: none;
}
ul.wd_page_links li,
ul.wd_asset_type_tabs li,
ul.wd_asset_icons li {
     list-style-type: none;
     padding-left: 4px;
     margin: 0px !important;
}
ul.wd_asset_type_tabs li img,
ul.wd_asset_icons li img {
     display: inline;
}

ul.wd_events_tabs {
    float: right;
    overflow: hidden;
    margin: 0px 0 !important;
    padding: 0px;
}
.wd_events_list .wd_attachment_icon {float: left; margin-right: 5px;}

.wd_pageid_45 div.wd_page_toolbar {
    margin-left: 2%;
}
div.wd_page_toolbar table {width: auto; border: 0px;}
div.wd_page_toolbar tbody {}
div.wd_page_toolbar tr {}
div.wd_page_toolbar td { line-height: 16px; margin: 0; padding: 0 2px; vertical-align: top;}
div.wd_page_toolbar td span.wd_page_tool { line-height: 16px; margin: 0; padding: 0; vertical-align: top;}
div.wd_page_toolbar a { line-height: 16px; margin: 0; padding: 0; vertical-align: top;}
div.wd_page_toolbar img {width: 16px; height: 16px;vertical-align: top;}

/* ========================== END DEFAULT STYLES FOR NEW ROOMS ========================= */

.wd_newsfeed_releases .wd_item .wd_thumbnail,
.wd_item ul.wd_layout-simple.wd_asset_type_link_list,
.wd_newsfeed_releases-detail .wd_assets_container {
    display: none;
}

.wd_item_wrapper {
    margin-left: 0;
}

.wd_events_inputs select {
    margin-left: 5px;
}

.main {
    margin: 30px 0 110px;
    font-family: "Lora", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.wd_pageid_121 .wd_content .wd_standard .item,
.wd_pageid_120 .wd_content .wd_standard .item,
.wd_pageid_66 .wd_content .wd_standard .item,
.wd_pageid_63 .wd_content .wd_standard .item,
.wd_pageid_123 .wd_content .wd_standard .item {
    width: 48%;
    float: left;
    margin-right: 1%;
}

.wd_board_members .wd_item{
  width: 48%;
  float: left;
  margin-right: 1%;
  margin: 0 0 25px 0;
  padding-top: 25px;
}

.wd_board_members .wd_item .wd_thumbnail img a{
  display: block;
}

.wd_board_members .wd_item .wd_thumbnail img{ 

  width: 70px;

}

.wd_pageid_120 ul.categories {
	clear:both;
}

div#wd_featurebox-financial_5 .wd_featurebox_title {
    display: none;
}

.mobile-navigation.open {
    right: 0;
    top: 36px;
}

li.navigation__list-item.selected > a {
    border-bottom: 1px #ee964b solid;
}

@media (max-width:1024px) {
    .navigation__list-item.navigation__list-item--search {
        display: none !important;
    }

    .header-text-container {
        width: 90%;
    }

    header h1 {
        right:0;
    }
	
	.wd_investors .subnav-wrap {
		display: block !important;
	}
	ul.navigation__list .wd_investors div.subnav-wrap {
		top: 100% !important;
	}
	ul.navigation__list .wd_investors ul.sublevel li {
		padding: 5px 0px;
	}
	
	
}

@media (max-width:670px) and (min-width:571px) {
    header h1 {
        top:280px;
    }

    header .container {
        margin: 0;
    }
}

@media (max-width:570px) {
    header h1 {
        top:0px;
        font-size: 30px;
    }

    header .container {
        margin: 0;
    }
}

@media (max-width: 400px) {
    .header-text-container {
        height: 77%;
        width: 50%;
        min-width: 300px;
        position: relative;
        right: 70px;
    }
}

/* =========================================== CLIENT MEDIA QUERIES ====================================== */

/* Mobile - Media Query */

/* Small Displays - (some tablets and smaller desktops) */
@media (max-width: 1400px)  {
  .corporate-responsibility .columns__column p {
      font-size: .8em;
  }

  .corporate-responsibility .stacking-boxes .columns--1 .columns__column__right {
      padding-top: 1%;
      padding-left: 4%;
  }

  .corporate-responsibility .stacking-boxes .columns--1 .columns__column__right {
      padding-top: 5px;
      padding-left: 4%;
  }

  .home .main-navigation--short .navigation__list-item--search {padding: 17px 10px!important;}
  
  .main-navigation .navigation__list-item--search {
    padding: 30px 18px;
  }
 

}


/* big landscape tablets, laptops, and desktops */
@media (max-width: 1290px) and (min-width: 480px)  {
  .columns__column p {
      font-size: 13px;
  }
  .columns__column__right h2 {
      font-size: 23px;
  }

  .blue-rule {
      margin: 15px 0px 0px;
  }

  img.wesco-one {
    margin: 5%;
  }
  
  .cd-timeline-img.cd-picture {position: relative;left: -27px;width: 10px;height: 10px;}

   

}


/* IPad Pro */
@media (max-width:1115px) and (min-width: 480px) { 

  .alert-box{
      position: relative !important;
    }

  .main-navigation .navigation__list {
      margin: 0px;
  }

  .main-navigation .navigation__list a {
      padding: 19px 4px 11px;
      margin: 10px 2px;
  }

  body.landing-page header {
      background-size: 200% 100%;
  }


}



/* Tablet */
@media (max-width:1024px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 

      .main-navigation li.navigation__list-item {
          display: none;
      }

      .main-navigation .navigation__list-item > a:hover{
        border-bottom: none;
      }

      .mobile-navigation .navigation__list .navigation__list-item .subnav-wrap .navigation__sub-list li:first-child{
        display: none;
      }

      .plus-button{
        display: block;
      }

      a.fa.fa-bars.menu-toggle--js {
        font-size: 26px;
        padding: 0px !important;
        margin: 15px;
    }

    .navigation__list-item--search{
      display: none !important;
    }

    section.columns.columns--2 .columns__column {
        border: none;
    }

    div.footer-blocks {
        min-width: 100px;
        height: auto;
    }

    .mobile-navigation .navigation__list .navigation__list-item--mobile-menu {
        display: none !important;
    }

    li.navigation__list-item.navigation__list-item--mobile-menu {
      display: inline-block !important;
      position: absolute;
      top: 0px;
      right: 0px;
    }

    .stacking-boxes .columns--1 .columns__column__right {
        width: 100%;
        padding: 4%;
    }

    .stacking-boxes .columns--1 .columns__column__left {
        width: 100%;
    }

    .companies-map {
        display: none;
    }

    header .career-opportunities .button {
        margin: 10px 0px;
    }

    header .career-opportunities a.button.button--clear {
        width: 230px;
        margin-left: 20px;
    }

    .careers-col-right {
        width: 100%;
    }

    .careers-col-left {
        width: 100%;
    }

    .careers-box-content {
        padding: 0 0 51px;
    }

    .listings-wrapper {
        border: none;
    }

    section.main {
        margin: 75px 20px;
    }

    section.hubspot-contact-form {
        margin: 75px 20px;
    }

    .whatwedo-cols {
        width: 100%;
    }

    .whatwedo-cols img{
        max-width: 100%;
    }
    .whatwedo-box-content {
        padding: 0px;
    }
    .right-container {
        width: 60%;
    }

    .main .numbers-feature {
        width: 33%;
    }

    .inner-copy-block {
        width: 100%;
    }

    .about section.main {
        margin: 75px 0px;
    }

    .cd-timeline-img.cd-picture {position: relative;left: -27px;width: 10px;height: 10px;}

    .cd-timeline-img.cd-picture {
        background: #004684 !important;
    }

    .cd-timeline-content p {
        margin: 10px !important;
    }

    .cd-timeline-img.cd-picture {
        left: -8%;
    }

    #cd-timeline::before {
        height: 102% !important;
        top: 61px;
    }

    .inner-timeline-warpper {
        background-color: #eeeeee;
    }

    .inner-timeline-warpper {
        /* height: 600px; */
    }

    section#cd-timeline {
        height: auto;
        /* border-bottom: 1px #000000 solid; */
        overflow: visible !important;
    }

    .outer-timeline-warpper {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-timeline-warpper {
        position: relative !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .fadeout {
        display: none;
    }
    #cd-timeline::before {
        left: 4% !important;
    }

    .about .inner-wrapper {
        max-width: 697px;
    }

    .additional-links .additional-links__link:nth-child(2n+1) {
        width: 100% !important;
        height: auto !important;
    }

    section.columns.columns--2 .columns__column {
        width: 100%;
        float: left;
    }

    .corp-responsibility-cols {
        width: 100%;
    }

    .corporate-responsibility .columns--1 .columns__column__right {
        width: 100%;
    }

    .corporate-responsibility .columns--1 .columns__column__left {
        width: 100%;
    }

    .header-text-container {
        width: 90%;
    }

    .what-we-do section.columns.columns--2 {
        max-width: 730px;
    }

    body.landing-page header {
      background-size: 200% 100%;
    }


    .home .button--clear {
        width: 183px;
    }
    
    img#footer-wesco-logo {
        width: 150px;
    }

    .sub-navigation {
        display: none;
    }

    .a-connected-world .outer-text-container, .a-safer-world .outer-text-container, .a-cleaner-world .outer-text-container, .sustainability .outer-text-container, .community .outer-text-container, .wesco-foundation .outer-text-container, .all-around-the-world .outer-text-container {
        margin-bottom: 10px;
    }

    div.subnav-wrap {
        position: relative !important;
        box-shadow: none;
    }

    ul.navigation__list ul.sublevel {
        text-align: left;
        width: 100%;
        padding-left: 0px;
    }

    ul.navigation__sub-list.sublevel.level-3 li:first-child {
        border: none;
        font-weight: 100;
    }

    ul.navigation__list ul.sublevel li {
        padding: 20px 0px;
    }

    .mobile-navigation .navigation__list .navigation__list-item a{
        padding: 15px 0px 5px 3px;
    }

    .corp-responsibility-cols img {
        margin-top: 63px;
    }

    .corporate-responsibility .columns--1 .columns__column__right {
        margin-top: 30px;
    }

    .button--short {
        margin-top: 20px;
    }

    .mobile-navigation .navigation__list .navigation__list-item:hover .subnav-wrap {
      display: none;
    }
    
    .mobile-navigation .navigation__list .navigation__list-item .subnav-wrap .navigation__sub-list li:first-child {
      display: none;
    }
    
    .mobile-navigation .navigation__list .navigation__list-item .subnav-wrap .navigation__sub-list li {
      display: block; 
    }
    
    .plus-button {
      display: block;
      padding: 12px 30px;
    }

    .box-slider__box p {
      font-size: 11px;
    }

    .box-slider__box {
        height: 350px;
    }

    .home .box-slider__box-container{
        height: 300px;
    }

    .alert-block__title{
        padding: 7px 18px;
    }




}/* End Tablet Media Query */




/* Smartphones */
@media (max-width: 480px)  {
    


  body, html{
    overflow-x: hidden;
  }

  .plus-button{
    top: -5px;
  }

    .alert-block{
      position: relative;
    }
    
    .home .main__text{
        margin:0px;
    }
      
    .stacking-boxes .columns--1 .columns__column__left{
      width: 100% !important;
    }

    .columns__column__right{
      padding-left: 0px;
    }

    .main-navigation .navigation__list-item--search{
      display: none !important;
    }

    .search{
      position: relative;
    }

    .main-navigation{
      position: relative;
    }

    body.landing-page header{
      top: 0px;
    }

    .stacking-boxes .columns__container{
      display: block;
    }

    .columns__row{
      display: block;
    }

    .stacking-boxes .columns--1 .columns__column__right{
      min-width: 300px;
      width: 100%;
      padding-top: 20px;
    }

    body.landing-page header{
      padding: 90px 0px;
    }

    p.inner-lead-text{
      padding: 0 10px;
    }
    
    .columns--2 .columns__column__left{
      width: 100% !important;
      height: auto;
    }

    .columns__column__left img{
      width: 100% !important;
      height: auto;
    }

    .columns--2 .columns__column__right{
      width: 100%;
    }

    body.home header, body.landing-page header, body.sub-page header{
      top: 0px;
      background-size: 300%;
      background-position: -140px;
    }

    .landing-page.our-companies header {
        background-size: 390%;
        background-position: -600px;
    }
  
    .corporate-responsibility header#header {
        background-size: 280%;
        background-position: -460px;
    }

    .home .main__text{
      width: 90%;
      margin-right: auto;
      margin-left: auto; 
    }

    .additional-links__link p{
        width: 100%;
    }

    .additional-links--single .additional-links__link{
        padding: 0px;
    }

    div.orange-block {
    height: 190px;
  }

  div.orange-block h3 {
      text-align: center;
      margin: 0px;
      line-height: normal;
      top: 20px;
  }

  .orange-block a.button.button--clear {
      /* margin-top: 50px; */
      display: block;
      width: 183px;
      margin: 50px auto;
  }

  div#inner-footer-container {
      padding: 30px 30px;
  }

  div#footer-block-1, div#footer-block-2,  div#footer-block-3 {
      width: 100%;
      padding-right: 0px;
      border-right: none;
  }

  .footer-blocks h4{
    padding-left: 0px;
  }

  #inner-footer-container ul{
      padding-left: 10px;
  }

  div#footer-block-3 {
      min-width: 0px;
      width: 50%;
      float: left;
      height: 180px;
  }

  div#footer-block-4 {
      width: 50%;
      min-width: 0px;
      float: left;
      height: 180px;
  }

  span.copyright {
      font-size: 8px;
  }

  span.privacy {
      font-size: 8px;
      padding: 8px 0;
  }

  .home .box-slider__box-container {
      width: 100%;
  }

  .box-slider__box {
      width: 100%;
      height: auto;
  }

  .box-slider__box p {
      font-size: 21px;
  }

  section.box-slider {
      padding: 30px 0 !important;
  }


  body.home header{
        padding: 90px 30px;
        z-index: 1;
  }

  .main-navigation .container-large {
      width: 75%;
      margin: 0px;
  }

  .main-navigation .navigation__list-item--mobile-menu {
      position: absolute;
      right: 0px;
      padding: 0px;
      top: 0px;
  }

  .tab-item {
      display: block;
      width: 100%;
      border-bottom: 1px solid #eaeaea;
      height: 255px;
      margin: 30px 0;
      padding: 30px 0;
  }

  .tab-row {
      border-bottom: none; 
      font-size: 0;
  }

  .companies-map{
    display: none;
  }

  span.county-header {
      font-size: 58px;
      line-height: 70px;
  }

  .our-companies .tab{
    height: 255px;
  }

  .stacking-boxes .columns__row .columns__column {
      float: left;
  }

  .columns__column__right {
      margin-top: 21px;
  }

  .columns.columns--2 .columns__column__right {
      height: 170px !important;
  }
  .sub-navigation{
      display: none;
  }

  .whatwedo-cols {
      width: 100%;
  }
  .whatwedo-box-content {
      padding: 10px;
  }

  .tab-item {
      width: 100% !important;
      margin: 0px !important;
  }

  .corp-responsibility-cols {
      width: 100%;
  }

  .corp-responsibility-cols img {
      width: 100%;
      margin: 0px;
      height: auto;
  }

  .corp-box-content {
      width: 100%;
  }

  .columns--1 .columns__column__left {
      width: 100%;
  }

  .columns--1 .columns__column__right {
      width: 100%;
  }

  .corporate-responsibility .columns__column p {
      font-size: inherit;
  }


  div.subnav-wrap {
      position: relative !important;
      box-shadow: none;
  }

  ul.navigation__list ul.sublevel {
      text-align: left;
      width: 100%;
      padding-left: 0px;
  }

  ul.navigation__sub-list.sublevel.level-3 li:first-child {
      border: none;
      font-weight: 100;
  }

  ul.navigation__list ul.sublevel li {
      padding: 20px 0px;
  }

  .contact section.main {
      margin: 10px;
  }

  section.hubspot-contact-form {
      margin: 10px;
  }

  .landing-page .header-text-container {
      padding: 0px 20px;
      width: 100% !important;
  }
  .careers .button {
      margin: 11px 0px;
  }

  .careers .columns--2 .columns__column__right {
      padding-right: 10px;
  }

  .careers-col-left {
      width: 100%;
      height: auto;
      overflow: auto;
  }

  .careers-col-right {
      width: 100%;
  }

  .careers-box-content {
      padding: 0;
  }

  .listings-wrapper {
      height: auto;
  }

  .main section.numbers-feature {
      width: 100%;
      margin: 0 10px;
  }

  .right-container {width: 100%;padding: 0 20px;}

  .inner-copy-block {
      width: 100%;
  }

  .cd-timeline-img.cd-picture {position: relative;left: -27px;width: 10px;height: 10px;}

  .cd-timeline-img.cd-picture {
      background: #004684 !important;
  }

  .cd-timeline-content p {
      margin: 10px !important;
  }

  .cd-timeline-img.cd-picture {
      left: -8%;
  }

  #cd-timeline::before {
      height: 102% !important;
      top: 61px;
  }

  .inner-timeline-warpper {
      background-color: #eeeeee;
  }

  .inner-timeline-warpper {
      /* height: 600px; */
  }

  section#cd-timeline {
      height: auto;
      /* border-bottom: 1px #000000 solid; */
      overflow: visible !important;
  }

  .outer-text-container {
      margin: 0px 10px;
  }

  .background-video-container__video {
      display: none;
  }

  .home .header-text-container {
      width: 100%;
      min-width: 100%;
      height: auto;
  }

  .a-connected-world .outer-text-container, .a-safer-world .outer-text-container, .a-cleaner-world .outer-text-container, .sustainability .outer-text-container, .community .outer-text-container, .wesco-foundation .outer-text-container, .all-around-the-world .outer-text-container {
      margin: 0px 10px;
  }

  section.columns.columns--2 .columns__column {
      border: none;
  }

  .what-we-do header#header {
      background-size: 380%;
      background-position: -350px;
  }

  .corporate-responsibility section.main {
      margin: 75px 0px;
      padding: 0px 10px;
  }

  .corporate-responsibility .row {
    width: 100%;
  }

  .careers header#header {
      background-size: 420%;
      background-position: -330px;
  }

  .all-around-the-world header#header {
      background-size: 350%;
  }

  .a-safer-world header#header {
      background-size: 300%;
      background-position: -130px 0px;
  }

  .whatwedo-cols img {
      padding: 50px 0px 0px 0px;
  }

  .tab-row {
      border: none !important;
  }

  .tab-item {
      height: 165px !important;
  }

  header .career-opportunities a.button.button--clear {
      width: 230px;
      margin-left: 0px;
  }

  .wesco-foundation header#header {
      background-size: 420%;
  }
  .community header#header {
      background-size: 350%;
      background-position: -98px;
  }

  .sustainability header#header {
      background-size: 310%;
  }
  .main-navigation .navigation__list-item > a:hover {
      border: none;
  }

  .outer-timeline-warpper {
      height: auto !important;
      overflow: visible !important;
  }

  .inner-timeline-warpper {
      position: relative !important;
      overflow-x: visible !important;
      overflow-y: visible !important;
  }

  .fadeout {
      display: none;
  }

  .mobile-navigation .navigation__list .navigation__list-item a {
      padding: 15px 0px 5px 3px;
  }


  .stacking-boxes .columns--1 .columns__column__right div {
      width: 93%;
  }

  .careers .additional-links__link a.button.button--clear {
      margin-left: 0px;
  }

  .home .box-slider__box-container {
      height: auto;
  }

} /* End Smartphone Media Query */

/* Smaller Smartphones */
@media (max-width: 320px)  {

  .careers-box-content p {
      margin-right: 30px;
  }

  .what-we-do header#header, body.home header, body.sub-page header {
      background-size: 450%;
      background-position: -430px;
  }

  body.landing-page header{
      background-size: 400%;
      background-position: -240px;
  }

  .corporate-responsibility header#header {
      background-size: 350%;
      background-position: -560px;
  }

  .careers header#header {
      background-size: 500%;
      background-position: -470px;
  }
}


/* Device Specific Style */


  /* Galaxy Tab Landscape */
    /* Landscape & Portrait */
    @media 
      (min-device-width: 800px) 
      and (max-device-width: 1280px) {
      .background-video-container{
        display: none !important;
      }
    }
    

  /* Ipad Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {

    .navigation__list-item.navigation__list-item--search {
        display: none;
    }

    .main-navigation--short .navigation__list a {
        padding: 19px 4px 11px !important;
    }

    .main-navigation--short .wesco-logo{
      padding: 10px 0 0;
    }

    .contact section.main {
        margin: auto 20px;
    }

    section.hubspot-contact-form {
        margin: auto 20px;
    }

    .outer-timeline-warpper {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-timeline-warpper {
        position: relative !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .fadeout {
        display: none;
    }
  
    .cd-timeline-img.cd-picture {position: relative;left: -27px;width: 10px;height: 10px;}

    .cd-timeline-img.cd-picture {
        background: #004684 !important;
    }

    .cd-timeline-content p {
        margin: 10px !important;
    }

    .cd-timeline-img.cd-picture {
        left: -8%;
    }

    #cd-timeline::before {
        height: 102% !important;
        top: 61px;
        left: 40px !important;
    }

    .inner-timeline-warpper {
        background-color: #eeeeee;
    }

    #cd-timeline{
      height: auto !important;
    }
    .inner-timeline-warpper{
      width: 100%;
    }

    .about .inner-wrapper {
      max-width: 947px;
    }

    .inner-copy-block {
        width: 100%;
    }

    img.wesco-one {
      width: 50%;
      margin: 10px auto;
      display: inline-block;
  }
}
 


/* Move to main css file */

#marker-container {
  margin-top: 20px;
  margin-left: 30px;
  position: relative;
}

.pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #f7f14c;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
}

.dot {
  border: 5px solid #ffffff;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 2s ease-out;
  -moz-animation: pulse 2s ease-out;
  animation: pulse 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 1;
}

@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
 }
 25% {
    -moz-transform: scale(0);
 }
 50% {
    -moz-transform: scale(0.1);
 }
 75% {
    -moz-transform: scale(0.5);
 }
 100% {
    -moz-transform: scale(1);
 }
}

@-webkit-keyframes "pulse" {
 0% {
    -webkit-transform: scale(0);
    opacity: 1;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 1;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0;
 }
}

 /* =========================================== END CLIENT MEDIA QUERIES ====================================== */

li.navigation__list-item.selected .subnav-wrap {
    display: block;
    z-index: 1 ;
}

header .container {
    width: auto;
    z-index: auto;
    height: 100%;
    margin: 0;
}

.wd_subnav {}
.wd_subnav .on {
	color: #004684;
	text-decoration: underline !important;
	/* border-bottom: 1px solid #004684; */
}

@media (max-width: 1248px) and (min-width: 1020px){
	ul.navigation__list ul.sublevel li a {
		font-size: 10px !important;
	}
}

.wd_historical_calendar .ui-widget-content {
	border: 1px solid #004684;
    background: transparent none 50% bottom repeat-x;
}
.wd_historical_calendar .ui-widget-header {
	background: #004684;
}
.wd_historical_calendar .ui-widget-header {}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background: rgba(46, 110, 158, .3);
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0px;
}

table td {
	padding: 5px;
}
table.wd_imagetable td {
	padding: 0px;
}
.wd_pageid_119 table td {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

input.wd_ownership_date {
    width: 130px;
    margin: 0 2px 0 0;
    text-align: center;
}

.wd_attachment .wd_attachment_spacer {
	display: none;
}



@media (max-width: 1275px){
	.container {
		width: 95%;
		max-width: 1214px;
		margin: 0 auto;
		display: block;
		position: relative;
		padding: 0 0px;
	}
}
@media (max-width: 768px){
	header#header {
		height: 200px;
		background-size: cover;
	}
	div#wd_featurebox-standard_8,
	div#wd_featurebox-teaser_2,
	div#wd_featurebox-teaser_4,
	.wd_featureboxes_top .wd_featurebox_container {
		width: 95%;
		float: none;
		margin: 0 auto;
		min-height: auto;
		display: block;
	}
	.header-text-container div {bottom: 50% !important}
	div#footer-block-1,
	div#footer-block-2,
	div#footer-block-3,
	div#footer-block-4,
	div#footer-block-2a,
	div#footer-block-2b {float: none;     width: 100%;}
}

.wd_board_members .wd_item .wd_captioned_image {
    margin-top: 25px !important;
}

.wd_events .wd_title {
    margin-bottom: 10px;
}

.wd_events .wd_attachment_title {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.wd_events .wd_more {
    display: none;
}

.wd_featureboxes_middle .wd_featurebox_container {
    min-height: 378px;
}

@media (max-width: 700px) {

  div#footer-block-2 {
      display: block;
      min-height: 235px;
  }

  div#footer-block-1 {
      display: block;
      clear: both;
      min-height: 183px;
  }

  .footer-blocks h4 {
      padding-left: 0px;
      clear: both;
      display: inline-block;
  }
}

@media (max-width: 550px) {
  div#wd_featurebox-standard_11 {
      width: 100%;
      min-height: 100px;
  }

  div#wd_featurebox-teaser_3 {
      width: 100%;
      min-height: 100px;
  }

}