/*
CUSTOM 0020 ========= HTML BUILD - Adriana  - UPDATED 10-29-2020 
NEW STYLESHEET FOR RESPONSIVE -- CUSTOM WIDE using Bootstrap v4.5.3 --
*/


/* EXCLUSIVE STYLES FOR CUSTOM TEMPLATE - ASAE Tech 2020
===========================================================================================================*/



/* EYEBROW SECTION
===========================================================================================================*/
#eyebrow-nav-section { background-color: var(--fifthColor);  padding: 0; }
.eyebrow-container { background-color: transparent;  }
.eyebrow-container .row { text-align: center  }

.explore {
	padding: .5rem 0;
}
.explore li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	list-style: none;
	font-size: 14px;
}
.explore li.nolink {
	color: #ccc;
}
.explore li a {
	margin: 0 1.35rem;
}
.explore li::after {
	content: ' ';
	position: absolute;
	width: 1px;
	background: #FFF;
	top: 15px;
	bottom: 15px;
	height: 1rem;
}
.explore li:last-child, .explore li:first-child {
	border: none;
}
.explore li:last-child::after, .explore li:first-child::after {
	content: none;
	display: none
}
.explore a {
	color: var(--fifthColor-text);
	text-decoration: none;
	line-height: inherit;
	cursor: pointer;
}
.explore a:hover {
    color: #B0B43F;
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.explore li a { margin: 0 0.5rem;}
}



/* HEADER / HERO SECTION
===========================================================================================================*/
#header-section { 
	background-color: var(--siteBkgColor); 
	padding: 0; 
	background: url(../images/sitelook/hero.jpg);
	background-repeat: no-repeat; 
	background-size:100%; 
	background-position:50%;
}
.header-container { 
	background-color: transparent; 
	/*padding: 0; */
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	max-width: 67rem;
	margin: 0 auto; 
}
.conf_logo {
    max-width: 370px;
    margin-top: .7rem;
    padding-bottom: 0;
    padding-left: .4rem;
}
.block20 {  
    float: right;
    width: 6rem;
    background-size: 100%;
}
.block20 img {
    margin-bottom: -9rem;
}
.locationimage {
	    display: block;
    margin: 2rem auto 1.5rem;
    max-width: 500px;
    height: auto;
    text-align: center;

}
.locationimage img.large_hero {
   /* display: none;*/
	/*height:100px; width:500px;*/
}
.locationimage img.small_hero {
  display: none;   
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	#header-section { background-size:1900px; }
	.header-container { padding-right: 0; padding-left: 0; }
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.conf_logo { width: 15rem; margin-right:0; float:left;}
	.locationimage img.large_hero { }
	.locationimage img.small_hero {  max-width:300px; margin:0 auto; }
	.locationimage {  padding-bottom:2rem; clear:both; padding-top:2rem; }
	.block20  { width: 4rem; margin-top: -3rem; }
}



/* SERVICE NAV BAR
===========================================================================================================*/
.servicebar a.button {
	float: right;
	color: var(--fourthColor-text);
	background-color: var(--fourthColor);
	border-radius: 0;
	margin-bottom: 0;
}
.servicebar a.button:hover {
	text-decoration: underline;
}
.servicebar a.info_b {
	margin-right: 0;
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 570px) {
	.servicebar {text-align:center;}
.servicebar a.button { float:none;  margin:.2rem 0; display:block;}
}
/* CUSTOM TOP NAV
===========================================================================================================*/
/* all styles are in navigation_top_custom.css */

#custom_top_nav ul li:last-child {
     background-color: var(--primaryColor); 
}



#sched_table td {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
     
    text-align: left;
}

#search_table h2 { font-size:1.3rem;}



/* OFF-CANVAS NAVIGATION
============================================================================================*/
/* all styles are in navigation_top_custom.css */


/* SPLIT SIDE NAV
===========================================================================================================*/
/* all styles are in navigation_split_custom.css */

 

/* CUSTOM CONTENT - KEYNOTE SPEAKERS 
===========================================================================================================*/
#custom-content-keynote-section { background-color: var(--siteBkgColor); padding: 1.5rem 0 1.5rem 0;}
.custom-content-keynote-section-container { background-color: #FFF; }

#custom-content-keynote-section .section-title-container { background-color: transparent; }
#custom-content-keynote-section .section-title-container h2 { 
	color: var(--primaryColor); 
	font-size: 1.8rem;
	text-align: center; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	padding-bottom: 2rem;
}
.keynote-area {
	padding: 1rem 0;
}
.keynote-area img {
	width: 200px;
	margin: 0 1rem;
	margin-left: 1rem;
	margin-left: 0;
	float: left;
}
.keynote-area h5 {
	font-weight: 600;
	margin-top: 0;
}
.keynote-area p {
	font-size: .9rem;
}



/* FEATURED BOXES
===========================================================================================================*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .featured-box-cards .card-deck .card { /*DO NOT CHANGE*/
    -ms-flex: 0 0 96.7%;
    flex: 0 0 96.7%;
  }
}

#boxes-featured-section { background-color: var(--siteBkgColor); padding: 3.5rem 0 1.5rem 0;}
.boxes-featured-container { background-color: transparent; }

.featured-box-cards {
	text-align: left;
}
.featured-box-cards .card {
	background-color: var(--primaryColor);
}
.featured-box-cards .card-body {
    padding-bottom: 0.25rem;
}
.featured-box-cards h4 a {
	color: var(--primaryColor-text);
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0.5rem 0;
	text-transform: uppercase;
}
.featured-box-cards .box-text {
	color: var(--primaryColor-text);
	font-size: .9rem;
}
.featured-box-cards .box-footer {
	padding-top: 0;
	padding-bottom: 3rem;
	border-top: 0;
	background-color: transparent;
}
.featured-box-cards p a {
	color: var(--primaryColor-text);
	font-size: .9rem;
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.featured-box-cards .card-deck .card { margin-bottom: 3rem; } /*If using icon images, change this margin-bottom to 3rem*/
  .featured-box-cards .card-deck .card:last-child { margin-bottom: 1rem;} /*leave this one as is*/
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.featured-box-cards .card-deck {margin: 0 15px;}
}



/* PAGE CONTENT (SIDE COL and ADMIN) - GENERAL OVERALL SECTION
===========================================================================================================*/
#content-section { background-color: var(--siteBkgColor); padding: 1.5rem 0 1.5rem 0;}


h1, h1.pageTitle {font-size:2rem;}



/*#content-section*/ p a {/* color: #8e930f;*/ font-weight:bold;}





/* MAIN ADMIN CONTENT - GENERAL
===========================================================================================================*/
#admin-page-content { background-color: transparent; }
.admincontent9, .admincontent12 { padding: 15px 15px; margin-bottom: 1.75rem;}

/* ASAE for INDEX page only */
.positioning {
    padding: 2rem 0 0;
    text-align: center;
}


/* SIDE COLUMN - GENERAL
===========================================================================================================*/
#side-column-content { background-color: transparent; }
.sidecolumn3 { padding: 15px 0; }

.side-col-items { 
	background: transparent; 
	margin: 0; 
	padding: 0;
}
.side-col-headers {
	background-color: #FFF;
	padding: 0 0 0.25rem 0;
	border-bottom: 0 solid #EBEBEB;
	margin-bottom: 0.85rem;
}
.side-col-header-text {
	font-size: 1.4rem;
	color: var(--textColor);
	font-weight: 400;
	text-align: left; 
}


/* SIDE COLUMN - SIDE NAV (only if side nav is called and used)
===========================================================================================================*/
.nav-side-area { padding-bottom: 3rem;}



/* SIDE COLUMN - QUICK LINKS
===========================================================================================================*/
.quick-links-area { padding-bottom: 3rem; }

.quick-links ul {
	padding-left: 20px;
	margin: 0;
	padding: 0;
	margin-left: 1.25rem;
}
.quick-links ul li {
	text-align: left; 
	line-height: 1.5rem;
	list-style-type: disc;
	padding-bottom: .75rem;
}
.quick-links ul li a {
	color: var(--navside-secondaryColor);
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.5rem;
	text-decoration: underline;
}
.quick-links ul li a:hover,
.quick-links ul li a:focus {
	color: var(--navside-thirdColor);
	text-decoration: underline;
}



/* SIDE COLUMN - CAROUSEL SPONSOR (one image at a time)
===========================================================================================================*/
.sponsor-col-area { background-color: transparent; padding-bottom: 4rem; }

.view-partners { text-align: center; }


/* === overrides here to owl_overrides.css === */
#carousel-sponsor-col .owl-prev, #carousel-sponsor-col .owl-next {
	position: relative;
}
#carousel-sponsor-col .owl-theme .owl-nav {
	margin-top: 10px;
}
#carousel-sponsor-col .owl-prev { left: -15px; }
#carousel-sponsor-col .owl-next { right: -15px;}

#carousel-sponsor-col .item  {
	height: 180px !important;
	width: auto;
}
#carousel-sponsor-col .item img {
	max-width: 280px;
  height: 180px !important;
	width: auto;
	margin: 0 !important;
  padding: 2rem !important;
}
#carousel-sponsor-col .partner-carousel-img { 
	width: 230px !important; 
	height: auto;
}



/* SPONSOR WIDE CAROUSEL OWL
===========================================================================================================*/
#carousel-wide-section { background-color: transparent; padding: 1.7rem 0 1.5rem 0;  }
.carousel-wide-container { background-color: #FFF; }

#carousel-wide-section .section-title-container { background-color: transparent; }
#carousel-wide-section .section-title-container h2 { 
	color: var(--primaryColor); 
	font-size: 1.8rem;
	text-align: center; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	padding-bottom: 2rem;
}

/* === overrides here to owl_overrides.css === */
#carousel-sponsor-wide .item {
	height: 250px !important;
}
#carousel-sponsor-wide .item img {
	max-width: none;
	height: 250px !important;
	margin: 0 !important;
	padding: 2rem !important;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	#carousel-sponsor-wide .item {
		height: 200px !important;
	}
	#carousel-sponsor-wide .item img {
		height: 200px !important;
	}
}



/* FOOTER 
===========================================================================================================*/
#footer-section { 
	color: var(--fifthColor-text); 
	background-color: var(--fifthColor); 
	padding: 0; 
	margin-top: 4rem;
	font-size: 1rem;
}
.footer-container { 
	background-color: transparent; 
  padding: 0.25rem 0; 
}
.footer-logo { 
	width: 190px;
	padding: 1rem 0;
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	.footer-logo {
		margin: 0 auto;
		padding: 1.25rem 0;
	}
}

/*== Footer social media styles ==*/
#footer-section .social-media-links { 
	text-align: right; 
}
#footer-section .social-media-links a {
	text-decoration: none;
	display: inline-block;
	margin: 0 .5rem;
}
.social-media-links img {
    width: 30px;
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	#footer-section .social-media-links { 
		text-align: center; 
		padding: 1.25rem 0;
	}
}



/* eSHOW FOOTER
===========================================================================================================*/
#footer-eshow-section { background-color: var(--siteBkgColor); padding: 0; }
.footer-eshow-container { background-color: transparent; padding: 1.5rem 0;  }

.footer-text {
	color: var(--textColor);
	font-size: 1rem;
	text-align: center; 
	padding: 1rem;
}
.footer-text a { 
	color: var(--primaryColor); 
	text-decoration: underline; 
}
.footer-text a:hover,
.footer-text a:focus { 
	color: var(--thirdColor); 
}
.eshow-footer-logo { padding: 0.5rem; max-width: 170px; width: 170px;}