/*
TEMPLATE 0010 ========= HTML BUILD BETA v1.0 - Adriana  - UPDATED 08-05-2020 
NEW STYLESHEET FOR RESPONSIVE TEMPLATE using Bootstrap v4.3.1 - 
*/


/* EXCLUSIVE STYLES FOR TEMPLATE - Boxed Layout, Magazine style with white border
===========================================================================================================*/
body { 
	background: var(--siteBkgImage);
	background-color: var(--siteBkgColor);
}

.white-site-border {
  background-color: #FFF;
  max-width: 1290px;
  margin: 0 auto;
}


/* HEADER SECTION
===========================================================================================================*/
#header-section { background-color: transparent; padding: 1.5rem 0 0 0; }

.header-container { 
	background-color: #FFF; 
	padding: 0; 
}
.header-logo,
.header-logo-full { 
	max-width: 100%; 
}
.header-button { 
	text-align: right; 
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	#header-section { padding: 1rem 0 0 0; }
	.header-logo {
		max-width: 320px;
		margin: 0 auto;
	}
	.header-button {
	  margin: 1.75rem 0 1rem 0;
	  text-align: center;
	}
}


/* TOP NAV 
===========================================================================================================*/
#nav-section {
	background-color: transparent; 
	padding: 0 0 0 0;}
 
 
/* HERO CAROUSEL / MAIN SLIDESHOW 
===========================================================================================================*/
#hero-section { background-color: transparent; padding: 0 0 0 0; }



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


/* SIDE COLUMN - GENERAL
===========================================================================================================*/
#side-column-content { background-color: #FFF; }

.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: 2px solid #EBEBEB;
	margin-bottom: 1rem;
}
.side-col-header-text {
	font-size: 1.35rem;
	color: var(--primaryColor);
	font-weight: bold;
	text-align: center; 
}


/* 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_icon {
	margin-right: 0.65rem;
}
.quick_links ul {
	padding-left: 20px;
}
.quick_links ul li {
	text-align: left; 
	line-height: 2.25rem;
	display: block;
	list-style: none;
}
.quick_links ul li a {
	color: var(--textColor);
	font-size: 1rem;
	text-decoration: none;
}
.quick_links ul li a:hover,
.quick_links ul li a:focus {
	color: var(--thirdColor);
	text-decoration: none;
}


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


/* SIDE COLUMN - PURE CSS COUNTDOWN (NO IMAGE)
===========================================================================================================*/
.countdown-area { padding-bottom: 4rem;}

.countdown-date {
	font-size: 1.25rem;
	font-weight: normal;
	text-align: center;
}
ul#count-down-col {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center; 
}
ul#count-down-col li { 
	display: inline-block; 
}
.countdown-text {
	color: var(--primaryColor);
	font-size: 1.65rem;
	font-weight: bold;
	line-height: 4rem;
}
ul#count-down-col li.seperator {
	color: var(--thirdColor);
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5rem;
	vertical-align: top;
	padding: 1rem 0.35rem;
}
ul#count-down-col li p {
	color: var(--textColor);
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: normal;
}


/* SIDE COLUMN - TWITTER
===========================================================================================================*/
.twitter-area { padding-bottom: 2rem;}

.es-twitter-widget { 
	margin: 0 auto;
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.es-twitter-widget { max-width: 70%;}
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.es-twitter-widget { max-width: 85%;}
}


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


/* SPONSOR WIDE CAROUSEL
===========================================================================================================*/
#carousel-wide-section { background-color: transparent; padding: 1.5rem 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 h3 { color: var(--primaryColor); }


/* SPONSOR WIDE CAROUSEL
===========================================================================================================*/
/* =============== Custom for TESTIMONIALS owl ===================  */ 
#carousel-testimonials .owl-prev { left: -30px; }
#carousel-testimonials .owl-next { right: -30px; }
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	#carousel-testimonials .owl-prev { left: 0;}
	#carousel-testimonials .owl-next { right: 0;}
}

#carousel-wide-section { background-color: transparent; padding: 1.5rem 0 1.5rem 0;}
.carousel-wide-container { background-color: #FFF; }
#carousel-wide-section .section-title-container { background-color: #FFF; }
#carousel-wide-section .section-title-container h3 { color: #8f8d9e; }




/* FOOTER 
===========================================================================================================*/
#footer-section { background-color: transparent; padding: 1.5rem 0 0 0; }

.footer-container { 
	background-color: #fff; 
  border-top: 2px solid #EBEBEB;
  border-bottom: 2px solid #EBEBEB;
  padding-top: 1.5rem; padding-bottom: 1.5rem; 
}

.footer-logo { 
	max-width: 260px;
	padding: 1rem 0;
}
.footer-text {
	color: var(--textColor);
	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); 
}

.footer-social { }
.social-media-links { 
	text-align: right; 
	padding: 1rem 0;
}
.social-media-links a {
	font-size: 0.6rem;
	color: var(--primaryColor);
	text-decoration: none;
	padding: 0 0.2rem;
}
.social-media-links a:hover,
.social-media-links a:focus { color: var(--thirdColor); }

.social-media-links i.fa-inverse  { color: var(--primaryColor-text); }
.social-media-links i.fa-inverse:hover  { color: var(--thirdColor-text); }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	.footer-logo {
		margin: 0 auto;
		padding: 1.25rem 0;
	}
	.social-media-links { 
		text-align: center; 
		padding: 1.25rem 0;
	}
}


/* eSHOW FOOTER
===========================================================================================================*/
#footer-eshow-section { background-color: transparent; padding: 1.5rem 0 1.5rem 0; }
.footer-eshow-container { background-color: #FFF; padding-top: 1.5rem; padding-bottom: 1.5rem; }

.eshow-footer-logo { padding: 0.5rem; max-width: 170px; width: 170px;}
.copyright-year { 
	font-family: var(--siteFont-forms); /*DO NOT Change*/
	font-size: 0.85rem;
	line-height: 1.65;
	color: var(--textColor); 
	padding: 0 0.5rem 0.5rem 0.5rem;
}