/************************************/
/*                                  */
/*  TABLET STYLES @ 720px - 1023px  */
/*                                  */
/************************************/


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

/* Set defaults for primary text containers and headers */
p { margin-top: 1em; }

.masthead, .banner, .feature, .banner_content, .content, .section, .footer, .footer_extra { width: 720px; }
.masthead_wrapper, .masthead, .banner { height: 480px; }
.masthead_wrapper.banner_short, .banner_short .masthead, .banner_short .banner { height: 380px; }

/* MASTHEAD */

/* Add this to make the masthead be transparent over the slide show. Probably best for it not to kick in until Tablet size. */
/*
.masthead_wrapper { background-color: transparent; position: absolute; top: 0px; left: 0px; width: 100%; }
*/
	
/* SLIDESHOW */
    
.banner {  }
.banner_bottom {
    height: 223px;
    background: transparent url("/css/images/banner_bottom_4k.svg") no-repeat center bottom;
}
.banner_overlay { 
    padding-top: 176px;  
    font-size: 42px;
    line-height: 44px;
}
.banner_short .banner_overlay { padding-top: 136px; }
    
/* FEATURE 3UP */

.feature_3up {  
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    grid-template-areas:
    "left center right";
}
    
.feature { margin-top: -146px; }
.feature_text p { font-size: 14px; line-height: 20px; }
.feature_button { padding: 8px 0 8px 0; }
.feature_cta { font: normal normal 500 14px/18px "Oswald", sans-serif; }
.feature_button_label { font-size: 12px; }
.feature_left, .feature_right, .feature_center { height: 468px; }
    
/* RECORD SIDEBAR */

.sidebar {
    width: 50%;
    margin: -106px 0 0 0;
    float: left;
}

/* MAIN */

.main {
    width: 50%;
    margin: 0 0 0 0;
    float: right;
    padding: 20px 10px 30px 40px; 
    text-align: left;
}
    
/* RED/GREY SECTION */

.home_redsection_wrapper { background-image: url(/css/images/bkg_red_top_4k.jpg); margin-top: -110px; }
.home_redsection { padding: 134px 0 30px 0; }
.home_redsection_title { font: normal normal 500 36px/42px 'Oswald', sans-serif; }
.red_cta { font: normal normal 500 48px/48px "Oswald", sans-serif; }
.red_cta span.fa-solid {  }
.red_cta_email { display: inline; margin: 0 0 0 40px; }
    
.home_greysection_wrapper { background-image: url(/css/images/bkg_grey_bottom_4k.png); margin-top: -40px; }
.home_greysection { padding: 72px 0 104px 0; color: #FFF; text-align: center; }
.home_greysection_title { font: normal normal 500 36px/42px 'Oswald', sans-serif; }
.home_greysection_bottom { height: 125px; background-image: url(/css/images/bkg_grey_bottomedge_4k.png); }

/* CONTENT */

.col { float: left; }
.col_full { width: 700px; float: none; clear: both; }
.col_full.nomargin { width: 720px; }
.col_half { width: 340px; }
.col_half.nomargin { width: 360px; }
	.col_half.nomargin .col_half { width: 160px; }
	.col_half.nomargin .col_third { width: 100px; }
	.col_half.nomargin .col_quarter { width: 70px; }
.col_third { width: 220px; }
.col_third.nomargin { width: 240px; }
.col_twothirds { width: 460px; }
.col_twothirds.nomargin { width: 480px; }
	.col_twothirds.nomargin .col_half { width: 220px; }
	.col_twothirds.nomargin .col_third { width: 140px; } /* Can't do on DESKTOP - Not Divisible */
	.col_twothirds.nomargin .col_quarter { width: 100px; }
.col_quarter { width: 160px; }
.col_quarter.nomargin { width: 180px; }
.col_threequarters { width: 520px; }
.col_threequarters.nomargin { width: 540px; }
	.col_threequarters.nomargin .col_half { width: 250px; }
	.col_threequarters.nomargin .col_third { width: 160px; }
	.col_threequarters.nomargin .col_quarter { width: 115px; }

/* OVERVIEW */

.pic_half { width: 50%; float: right; margin: 8px 0px 20px 20px; }

/* OVERVIEW PICS */

.pic_box {
	clear: right;
	float: right;
	margin: 18px 0px 10px 20px;
	width: 380px;
	}
.pic { margin: 0px auto; }
.caption { padding: 8px 0px 0px 0px; }
.youtube_box { margin-bottom: 0px; }
.youtube { width: 380px; height: 214px; }
.pic_multi { width: 120px; height: 80px; }
.pic_multi:nth-child(2n) { margin-right: 10px; }
.pic_multi:nth-child(3n) { margin-right: 0px; }
.pic_multi_spacer { width: 120px; height: 80px; }

/* OVERVIEW MULTI-PIC GALLERY */

.gallery { padding: 10px 0px 0px 0px; margin: 15px 0px 0px 15px; float: right; }
.gallery_main { width: 340px; height: 227px; }
.gallery_thumb { width: 85px; height: 57px; }
.gallery_count { padding-top: 14px; }
    
/* ABOUT US / TEAM */

.team_header {  }
.team_box { width: calc((100% - 80px) / 3); }
.team_box:nth-last-of-type(1) {  }
.team_pic {  }
.team_name { margin-top: 10px; font-size: 24px; line-height: 28px; }
.team_name span { display: inline; }
.team_title { font-size: 16px; line-height: 18px; margin-top: 5px; }

/* DOWNLOADS */

.downloads { float: none; __margin: 18px 0px 10px 20px; __width: 380px; clear: right; }

/* BROWSE */

.browse_pic_box { }
.browse_more { width: 40%; }
.browse_more a { }

/* FOOTER */

.content_wrapper {  } /* Padding matches footer height. This container JUST makes room for footer. Add about 20px to footer height to ensure bottom content pad */
.footer_wrapper, .footer {  } 
.footer_wrapper {  }
.footer { padding-top: 60px; }

.footer_logo { width: 300px; padding-top: 12px; }
.footer_company, .footer_tag { display: block; font-weight: 500; }
.footer_company {  }
.footer_address_block { font-size: 30px; line-height: 30px; padding-top: 20px; }
.footer_divider { padding: 0 .5em; }
.footer_contact { display: block; }
	
}

/* HIDE ON TABLETS @ 720px - 1023px */

@media only screen and (min-width: 720px) AND (max-width: 959px) { 
	.t_hide { display: none !important; visibility: hidden !important; }

	}