/*
Homepage – Mobile – Text cuts off on the intro video.
Requires additional discussion on how the video should be handled based on viewport sizes.
Temporary fix, just throw this into the aos.css (or global) file.
*/
 
@media ( max-width: 940px ){
    .full-media-stripe__overlay h1 { font-size: 2.5em; }
    }
    @media ( max-width: 870px ){
        .full-width-container__overlay { top: 47% !important; }
    .full-media-stripe__overlay h1 { font-size: 2.0em; }
    }
    @media ( max-width: 830px ){
        .full-width-container__overlay { top: 45% !important; }
    .full-media-stripe__overlay h1 { font-size: 1.5em; }
    }
    @media ( max-width: 830px ){
    .full-media-stripe__overlay h1 { font-size: 1.25em; }
    }
    
    
/*
Homepage – Mobile – Latest News thumbnails and title format is wonky.  Image is small and title text goes on and on in a narrow vertical format.  Too much scrolling.

Temporary fix, just throw this into the aos.css (or global) file.
*/

@media (max-width: 768px){
    .posts-feed {
        display: block !important;
    }
}


/*
News Posts – Mobile – In individual posts, the feature image (landscape) looks wonky/zoomed in.  Most people will read in portrait mode on their cell phones.

Temporary fix, just throw this into the aos.css (or global) file, should be limnited to this page type.
*/

@media (max-width: 768px){
    .post-template-default .fullscreen-media-element img { height: auto; width: 100%; min-height: 0!important; }
    .post-template-default .fullscreen-media-element__content { min-height: 0!important; height: auto!important;}
   
}


/*
News Posts – Mobile and Desktop – We would like to be able to post portrait images without proportions being compromised and with no cropping needed.

The above temporary fix will address this as well.

Design

Menu Button – Mobile – The gray menu is “boring.”

This would require design and development.

Estimate - 3 hours based on the final design elements.

Temporary fix, just throw this into the aos.css (or global) file.
*/

@media (max-width: 767px){
    .main-navigation ul { background: #ec008c!important;}
    .main-navigation ul a { color: #ffffff; }
    .main-navigation li.icon-link a { border-color: #ffffff!important; }
}


/*
Homepage – Mobile and Desktop - White Space – There is too much blank space between sections on the homepage.  Need a better flow.  

The theme you are using is forcing sections to full height.

Temporary fix, just throw this into the aos.css (or global) file.
*/

.full-width-container.full-height { height: auto!important; }

/*Remove news letter sign-up across the site*/
.newsletter-signup { display: none; }

/*Center the footer content*/
.site-footer .site-info, .site-footer .social-navigation { text-align: center!important; }
.footer-inner > div { margin: 0 auto; }

.single-blog__content .videoWrapper {
	border: 1px solid #000000;
    max-width: 900px;
    margin: 2rem auto;
}
.single-blog__content .videoWrapperInner {
	width: 100%;
    padding: 56.4% 0 0 0;
    box-sizing: border-box;
    position: relative;
    
}
.single-blog__content .videoWrapper iframe {
	max-width: 100%;
    width: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%!important; 
}


/*****BEGIN EMPLOYEE ADJUSTMENTS*****/

.employee-profile-image img {
	filter: grayscale(0)!important;
}

@media (min-width: 768px){
    .employee-post__profile_image { height: auto; }
    .employee-post__header {
        background-color: transparent;
        color: #ffffff;
    }
    .employee-post__header a { color: #dddddd; }
    .employee-post__header a:hover { color: #ffffff; text-decoration: underline; }
    .employee-post__header.profileImageAlignmentLeft { right: 30px; left: auto; text-align: right; }
    .employee-post__header.profileImageAlignmentLeft .employee-post__contact { justify-content: right; }
    .employee-post__contact > div:last-child { margin-right: 0; }
}

@media (max-width: 1150px){
    .employee-post__header {
        transform: scale(.85)!important;
        transform-origin: bottom left;
    }
    .employee-post__header.profileImageAlignmentLeft {
        transform-origin: bottom right;
    }
}
@media (max-width: 1078px){
    .employee-post__header {
        transform: scale(.75)!important;
    }
}
@media (max-width: 1000px){
    .employee-post__header {
        transform: scale(.65)!important;
    }
}
@media (max-width: 900px){
    .employee-post__header {
        transform: scale(1)!important;
    }
}

/*****END EMPLOYEE ADJUSTMENTS*****/

/*****BEGIN RESUME FORM*****/
.resumeForm { max-width: 500px; margin: 0 auto; }
.wpforms-field-description {
	font-size: 11px!important;
    font-style: italic!important;
    text-align: right!important; } 
.demoview { display: none!important; }
/*****END RESUME FORM*****

/*****BEGIN NEWS LISTING OVERRIDES*****/
.news-post-blog a.post-thumbnail-link { display: block; 
    height: 0;
    padding: 56.25% 0 0 0;
    position: relative; }

.news-post-blog a.post-thumbnail-link img {
    display: block;
    width: 100%;
    position: absolute;;
    top: 50%;
    transform: translate(0, -50%)
}

.news-post-blog a.post-thumbnail-link.position_default img {
    top: 50%;
    transform: translate(0, -50%)
}
.news-post-blog a.post-thumbnail-link.position_top img { top: 0; transform: none; }
.news-post-blog a.post-thumbnail-link.position_middle img { top: 50%; transform: translate(0, -50%); }
.news-post-blog a.post-thumbnail-link.position_bottom img { bottom: 0; top: auto; transform: none; }
/*****END NEWS LISTING OVERRIDES*****/

.project-slides .awards li img { width: revert-layer; max-width: 200px; }

.tiles-section {
	margin: 0;
    padding: 0;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: none;
}
.tiles-section h2 { padding: 1rem 2rem; }


@media ( max-width: 940px ){
.gridLink h3 { font-size: 24px; }
}
@media ( max-width: 767px ){
.gridLink h3 { font-size: 18px; }
.gridItem {
    flex: 0 0 100%!important;
    max-width: calc(100% - 2rem)!important;
   }
}