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


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

.main_wrapper { background: transparent url("/css/images/bkg_body.jpg") repeat-y center -30px; } /* Everything but footer. Put background here if need full-height background. Min-height and position in main_top.css */
.masthead, .banner, .content, .section, .footer { width: 720px; }

/* 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%; }
*/

/* SOCIAL ICONS */

.social_icons { display: block; }
	
/* BANNER */

.banner_wrapper, .banner, .bx-wrapper, .bxslider, .bxslider li {  __height: 405px; /* 16:9 - height: 394px; if width is standard 700px */ }
.banner_wrapper {  }
.banner {  }
.banner_overlay { __height: 405px; }
.banner_overlay_text { font-size: 2.0625em; }
	
/* MENU */

.masthead_logo {  }

/* 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; }

.record_sidebar { 
	box-sizing: border-box;
	width: 340px; 
	float: right;
	padding-bottom: 20px; 
	}
.record_main { 
	box-sizing: border-box;
	width: 355px; 
	float: left;
	padding-bottom: 20px; 
	}

/* FEATURES */

.section_feature { margin-top: -100px; }
.feature { height: 150px; margin-bottom: 20px; }
.feature_text { __padding-top: 39px; font-size: 34px; line-height: 34px; }

/* BROWSE BUSINESSES */

.section_businesses { margin-top: -100px; padding-bottom: 80px; }

/* BUSINESS RECORD */

.record_business_title, .overview_title {
	font-size: 26px;
	line-height: 26px;
	padding: 16px 15px 8px 15px;
	}
.gallery { padding: 15px 0px 0px 0px; margin: 0px; }
.gallery_main { width: 340px; height: 227px; }
.gallery_thumb { width: 85px; height: 57px; }
.gallery_count { padding-top: 14px; }
.record_buttons { padding-left: 0px; }
.record_buttons .browse_button { margin-right: 17px; }
.read_more_grad, .desc_more, .desc_less { display: none; }
.business_description, .browse_records {  
	padding: 15px;
	height: auto;
	}
.record_business_logo {
	width: 150px;
	height: 150px;
	float: right;
	margin: 5px 0px 20px 20px;
	}
.record_info {
	background-color: #23909f;
	padding: 14px 20px 20px 20px;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	}
.record_info h3 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #91c7cf;
	padding-top: 12px;
	clear: both;
	display: block;
	}
.record_contact {
	margin: 0px;
	}
.record_info .record_phone, .record_info .record_website, .record_info .record_hours { margin-top: 0px; }
.record_info .record_hours .tred, .record_info .record_hours .torange, .record_info .record_hours .tgreen { color: #FFF; font-weight: 700; font-style: italic; }
.record_info .hours_table {
	margin: 0px 0px 0px 0px;
	display: block;
	}

.record_date { padding: 10px 15px 0px 15px; }
.record_date span { display: inline; }

/* 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; }

/* DOWNLOADS */

.downloads { float: right; margin: 18px 0px 10px 20px; width: 380px; clear: right; }

/* BROWSE */

.browse_pic_box { }
.browse_more {  }
.browse_more a { }

/* HOME NEWS & EVENTS */

.section_wrapper_newsevents {
	background: transparent url("/css/images/bkg_newsevents.png") no-repeat center top; 
	}
.col_events { padding-left: 19px; }

/* LIST */

.list_pic {
	width: 200px;
	height: 133px;
	margin: 0px;
	float: left;
	}
.list_title, .list_subtitle, .list_description, .list_more, .list_date { padding-left: 220px; }
.list_date span { display: inline; }

/* HOME TOWER */

.section_wrapper_tower { background: transparent url(/css/images/bkg_tower.jpg) no-repeat center top; height: 1010px; }
.tower_text {
	width: 495px;
	}
.small_header {
	font-size: 85px;
	line-height: 85px;
	margin-top: 120px;
	}
.small_header.renaissance {
	font-size: 52px;
	line-height: 52px;
	}
.medium_header {
	font-size: 56px;
	line-height: 62px;
	}
.medium_header.renaissance {
	font-size: 52px;
	line-height: 58px;
	}
.large_header {
	font-size: 100px;
	line-height: 100px;
	}
.large_header.renaissance_header {
	font-size: 75px;
	line-height: 80px;
	}
.be_a_part {
	font-size: 68px;
	line-height: 80px;
	}
.tower_text .description p {
	font-size: 16px;
	line-height: 32px;
	}
.tower_text .more {
	font-size: 24px;
	line-height: 24px;
	}

/* EVENT MICROSITE PAGES */

.microsite_section { padding: 40px 0px; }
	
.vendor_list {
	column-count: 2;
	column-gap: 40px;
	column-rule-style: dotted;
	column-rule-width: 2px;
	column-rule-color: rgba(0,0,0,0.25);
	}
.fsmap { height: 25vw; }
.slick_slide {
	height: 33.33vw;
	}
.microsite_date {
	font-size: 1.75em;
	}

/* FOOTER */

.content_wrapper { padding-bottom: 475px; } /* 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 { height: 475px; } 
.footer_wrapper { margin-top: -475px; background-image: url("/css/images/bkg_footer.jpg"); }
.footer_topper { width: 210px; height: 70px; top: 0px; margin: -70px 0px 0px -105px; background-image: url("/css/images/footer_topper.png"); }
.footer_edge { display: none; }
.footer_logoblock, .footer_partnerblock, .footer_socialblock {
	width: 220px;
	position: absolute;
	top: 35px;
	}
.footer_logoblock { left: 250px; top: 10px; }
.footer_socialblock { left: 10px; }
.footer_partnerblock { left: 490px; }
.footer_socialblock h2, .footer_partnerblock h2 {
	font-size: 36px;
	line-height: 36px;
	margin-top: 0px;
	}
.footer_partnerblock { text-align: right; }
.footer_partnerblock h2 {
	text-align: right;
	}
.footer_siteby {
	position: absolute;
	top: 375px;
	padding-top: 0px;
	}
.footer_company, .footer_address, .footer_phone {  
	font-size: 16px;
	line-height: 22px; 
	}
.footer_address, .footer_phone {
	font-size: 14px;
	}
.footer_text, .fineprint { 
	text-align: left;
	padding-left: 10px; 
	}
.footer_companylogo {
	margin: 0px;
	}
.company_name { padding-top: 10px; }
.company, .tagline {  
	
	}
.company { }
.tagline { 
	font-size: 20px;
	line-height: 26px; 
	display: inline; 
	}
.company_name .divider, .footer .divider {  }
.address {
	padding-top: 5px;
	}
.fineprint {
	padding-top: 10px;
	}
.contact_numbers, .phone, .fax, .credits { display: inline; }
.footer_logos { bottom: 4px; left: auto; margin-left: 0px; right: 10px; }
	
}

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

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