/* campaign-hf.css */
#content-section > div:first-child + .section > h2  {
    font-size: 36px;
    line-height: 40px;
    margin: 11px auto 18px;
    padding: 11px 0 0;
}

html .mediaEngineContainer .middleHolder {
    height: 100%;
}

html .mediaEngineContainer .mediaSlider,
html .mediaEngineContainer.fullscreen .mediaSlider,
html .mediaEngineContainer .videoPlayer,
html .mediaEngineContainer .videoPlayer video {
    z-index: auto;
}

.small-generic-card,
.socialMediaCardContainer  {
    width: 51.5%;
}
h1:focus {
    border-color: transparent;
}

.mobileHeaderCard .small-generic-card {
    width: 100%;
}

.mobileHeaderCard .small-generic-card a {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0 0 -9px;
}

body{
    width: 100%;
}

.mobileHeaderCard .socialMediaCardContainer {
    margin: 0;
}

.mobileHeaderCard .socialMediaCard {
    margin: 0;
}

.blogLink,
.showLessButton,
.seeMoreButton {
	font-size: 14px;
}

body.dp {
    background-position: center 49px !important;
}
.twoby-generic-card-copy-content-arrow {
	color: #a1afc0;
}

.twoby-generic-card:hover .twoby-generic-card-copy-content-arrow {
	color: #1994d7;
}
/*
.dp .navigation .languageToggle,
.dp #chrome-container .languageToggle {
    display: none !important;
}*/
/*
#language-overlay-container {
	padding: 0 0 130px;
	-webkit-transform: translateZ(0);
}

.overlay-content-vertical-center {
	margin: 0 0 50px;
}

body.noscroll {
	overflow:hidden;
	position: fixed;	
}
*/
/* tablet overrides */
@media screen
and /*! tablet */(min-width:579px)
and /*! tablet */(max-width:964px),
screen
and /*! tablet */(min-device-width : 565px)
and /*! tablet */(max-device-width : 1024px)
and /*! tablet */(orientation : portrait) {
    .dp .chrome_controls {
        width: 100% !important;
    }
    
    .dp #header>div {
    	width: 100%;
    }
    
    .dp #header ul.navigation>li>div>a {
        padding: 10px 15px 11px;
    }
    
    .dp #footer-panel-container{
        width: 100%;
    }
    
    .dp .inside-page-width {
        width: 100%;
    }
    
    .dp #footer-panel-site-links {
        padding: 15px 4px 0 4px;
    }
    
    .dp #footer-panel-site-links>div.footer-panel-section {
        width: 186px;
	padding: 4px 0px 0 0;
    }

    
    .layout-container {
        width: 960px;
    }
    
    body {
        width: 980px;
	background-position: 0 69px !important;
	background-size: 980px !important;
    }
        
    html.responsiveMobile .mediaEngineContainer.videoPlaying .videoPlayer, 
    html.responsiveMobile .mediaEngineContainer.videoPlaying video {
        position: absolute;
        top: 0;
    }    
}

/* desktop overrides */
@media screen and (min-width: 750px) {
    html .mediaEngineContainer .mediaSlider {
        z-index: auto;
    }
    
    .small-generic-card,
    .socialMediaCardContainer  {
        width: 33.33%;
    }
    
    .col2 {
        margin: 0 0 50px -15px;
    }
    
    body.dp {
	    background-position: center 69px !important;
	}
	
	html .mediaEngineContainer .progressBar,
	html .mediaEngineContainer .thumbTouch {
	    z-index: 104;
	}
	
    .twoby-generic-card {
        width: 47.9%;
    }
}

/* tablet overrides */
@media screen
and /*! tablet */(min-width:579px)
and /*! tablet */(max-width:800px),
screen
and /*! tablet */(min-device-width : 565px)
and /*! tablet */(max-device-width : 1024px)
and /*! tablet */(orientation : portrait) {
    body.dp {
        background-position: 0 69px !important;
    }
}

.pepSyndicatedComponent .hide {
    left: initial;
    clip: auto;
    z-index: 1;
    margin-left: initial;
    position: initial;
    padding: inherit;
    border: initial;
    overflow: initial;
}
 
@media screen
and /*! mobile */(max-width:578px),
screen
and /*! mobile */(max-device-width : 564px)
and /*! mobile */(orientation : portrait) {
    .languageModal #languageVerticalSeparator {
       display: none;
    }
    
    .languageModal .languageOptions {
       min-height: initial;
    }
    
    .languageModal .languageOptions.column-2 {
       margin-right: 10px;
       margin-top: 0;
       margin-left: 10px;
    }
    
    .pepSyndicatedComponent.mobile-nav-open .globalNavigationBar .gnbLinkContainer .gnbCategory .mobileOnlyTitle {
       max-height: initial;
    }
}

a[name="pageContentStart"] {
    border: 0;
}