/*
CUSTOM 0020 ========= HTML BUILD BETA v1.0 - Adriana  - UPDATED 09-09-2020 
NEW STYLESHEET FOR RESPONSIVE -- CUSTOM WIDE using Bootstrap v4.3.1 --
*/


/* EXCLUSIVE STYLES FOR CUSTOM TEMPLATE - Wide Layout (styles based on my template 0010)
===========================================================================================================*/
body { 
	/*background: var(--siteBkgImage);*/
	background-color: var(--siteBkgColor);
}



/* HEADER SECTION
===========================================================================================================*/
/*IMPORTANT - Move styles from include here*/



/* TOP NAV (use this nav section or the one below)
===========================================================================================================*/
/*IMPORTANT - Move styles from include here*/
 
 /* OR ---- TOP NAV WITH BRAND LOGO 
===========================================================================================================*/
/*IMPORTANT - Move styles from include here*/ 
 
 
 
/* HERO CAROUSEL / MAIN SLIDESHOW 
===========================================================================================================*/
#hero-section { background-color: transparent; padding: 0; }



/* FEATURED BOXES
===========================================================================================================*/

#boxes-featured-section { 
	background-color: #3E5FAC; 
	padding: 3rem 3rem 2.5rem 2em;
	border-top: 45px solid #fff;
	border-bottom: solid 45px #fff;
	

	}
	



	#custom-content-hotel-section{
		background-color: #6BCBD7;
		padding: 4.5rem 0;
		background-image: url(../images/sitelook/hotel_back.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right center;
	}


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
   #custom-content-hotel-section{ background-position: center center;}

}



@media (max-width: 991.98px) { 
   #custom-content-hotel-section{
	   padding: 9.5rem 0 2.5 0;
	   background-position: center top;
	   background-image: url(../images/sitelook/hotel_mobile.jpg);
	}

}
	



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



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



/* 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: 2px solid #2181AE;
	margin-bottom: 1rem;
}
.side-col-header-text {
	font-size: 1.7rem;
	color: var(--primaryColor);
	font-weight: bold;
	text-align: left; 
}


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



	#highlights-section{
		overflow: hidden;
		background-color: var(--primaryColor);
		background-image: url(../images/sitelook/highlights_back.png);     
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;

	}	


@media (max-width: 1199px) {
	#highlights-section{
		   background-position: center center;}	

}




/* SUMMARY
===========================================================================================================*/
#custom-content-summary-section { 
	background-color: #fff; 
	padding: 4rem 0 4rem 0;
	background-image: url(../images/sitelook/summary_back.png);      
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	}


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 

#custom-content-summary-section { 
  padding: 1rem 0 1rem 0;
	}
}



/*Large devices (desktops, less than 1200px)*/
@media (max-width: 767.98px) { 

#custom-content-summary-section { 
  padding: 1rem 0 .5rem 0;
	}
}

/* SPEAKER
===========================================================================================================*/
#carousel-speakers-section  { 
	background-color: #53BAC8; 
	padding: 3rem 0 1rem 0;
	background-image: url(../images/sitelook/partners_back.png);     
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	}

.carousel-speakers-container { background-color: transparent; padding: 0; }


/* theme SECTION - CUSTOM CONTENT - four COLUMNS 
===========================================================================================================*/
		#carousel-theme-section{
		background-color:#F3F4F0;
		padding: 5rem 0;
		background-image: url(../images/sitelook/phase_back.png);      
		background-position: center top;
		background-size: cover;
	}








/* CUSTOM CONTENT - ONE COLUMN
===========================================================================================================*/
/*IMPORTANT - Move styles from include here*/

#signup-section { 
	background-color: #fff; 
	padding: 4.5rem 0 5rem 0;
	background-image: url(../images/sitelook/signup_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

/* TESTIMONIALS CAROUSEL
===========================================================================================================*/
/*IMPORTANT - Move styles from include here*/



/* SPONSOR WIDE CAROUSEL OWL
===========================================================================================================*/
#carousel-wide-section { 
	padding: 1rem 0 2rem 0;
	background-color: var(--siteBkgColor); 
	/*background-image: url(../images/sitelook/sponsor_back.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
    }


/* FOOTER 
===========================================================================================================*/
#footer-section { 
	background-color: #fff; 
	padding: 1rem 0 1rem 0; 
	background-image: url(../images/sitelook/footer-back.png);      
	background-position: top left;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 991.98px) { 

#footer-section {background-position: top center;}
}

/* eSHOW FOOTER
===========================================================================================================*/
/*IMPORTANT - Move styles from include here*/