@charset "utf-8";

* {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

body { 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 1rem;
	color: #424242; 
}

a { color: inherit; text-decoration: none; }
a:hover   { color: inherit; text-decoration: inherit; }
a:link    { color: inherit; text-decoration: inherit; }
a:active  { color: inherit; text-decoration: inherit; }
a:visited { color: inherit; text-decoration: inherit; }
header{ color: #ffffff; margin: 0; padding: 0;}

.custom-hr hr { border-top-color: #B7BDBF; }

h1, h2, h3, h4, h5{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica, Arial", "Lucida Grande", sans-serif; }

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #006f71;
	text-transform: uppercase;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	color: #006f71;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	font-weight: bold;
	color: #006f71;
}


h4 {
	font-size: 18px;
	font-weight: bold;
	color: #a27752;
}

h5 {
	font-size: 16px;
	font-weight: bold;
}

p {
	font-size: 16px
}

@media (min-width:768px) {
	h1 {
		font-size: 52px;
	}
	
	h2 {
		font-size: 46px
	}
	
	h3 {
		font-size: 39px
	}
	
	h4 {
		font-size: 28px
	}
	
	h5 {
		font-size: 22px
	}
}


@media (min-width: 576px) {
	body { 
		font-size: 1rem;
		line-height: 1.5;
	}
}

@media (max-width: 768px) {
	.g-recaptcha {
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}
}

/**************************************************
	Session Expire Modal Styles
**************************************************/
.sessionTimeout{
	z-index: 99999999!important;
	font-size: 16px!important;
}

.sessionTimeout-content{
	font-size: 16px!important;
}

.sessionTimeout-buttons { text-align: center!important; }

.sessionTimeout-btn { border-radius: 5px!important; }

.sessionTimeout-btn--primary { 
	color: #fff!important;
    background-color: #006F71!important;
    border-color: #006F71!important; 
}

.sessionTimeout-btn--primary:hover { 
	color: #fff!important;
    background-color: #006466!important;
    border-color: #006466!important;
}

.sessionTimeout-btn--secondary { 
    color: #fff!important;
    background-color: #A27752!important;
    border-color: #A27752!important;
}

.sessionTimeout-btn--secondary:hover { 
   	color: #fff!important;
    background-color: #886444!important;
    border-color: #886444!important;
}





/**************************************************
	bootstrap fixes
**************************************************/

.container{
	max-width: 1250px;
}



/**************************************************
	featherlight lightbox style overrides
	see usage examples below:
	<a href="imagename.jpg" data-featherlight="image"><img src="imagename.jpg" /></a>
	<a href="#" data-featherlight="imagename.jpg"><img src="imagename.jpg" /></a>
**************************************************/
.featherlight .featherlight-close-icon { font-weight: bold; }
.featherlight-content { max-width: 94%; }
.featherlight-inner { max-width: 100%; }



/****************************************************

Mobile Header hamburger menu Nav styles

****************************************************/

/* Icon 1 */

.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon3 span {
background: #f3e5f5;
}


/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}


/***************************************************
  CAROUSEL
****************************************************/
.carousel_main  { max-width: 1250px; margin: 0 auto; }

.caption{
	bottom: 0;
	height: auto;
	padding: 29px 55px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute; 
	z-index:999;
	width:100%; 
	left:0;
	background-color: rgba(0, 0, 0, .5);
	text-align: left;
}

.caption .slide-title{
	font-size:28px;
}

.caption .slide-desc, .caption a{
	font-size: 18px;
}

.main_slider .carousel-control-prev, .main_slider .carousel-control-next{
	top:50%;
	margin-top: -27px;
	width: 52px;
	height: 52px;
	background-color: #a27752;
	border-radius: 50%;
	opacity: 1;
}

.main_slider .carousel-control-prev{
	left: 20px;
	display: block;
	text-indent: -999999px;
	position: absolute;
	z-index: 1000;
	outline: none;
	transition: none;
	border: 3px solid #a27752;
}

.main_slider .carousel-control-prev::after{
	content: "";
	background-image: url("../img/carousel/arrow-prev@2x.png");
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 14px center;
}

.main_slider .carousel-control-next{
	right: 20px;
	display: block;
	text-indent: -999999px;
	position: absolute;
	z-index: 999999;
	outline: none;
	transition: none;
	border: 3px solid #a27752;
}

.main_slider .carousel-control-next::after{
	content: "";
	background-image: url("../img/carousel/arrow-next@2x.png");
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center center;
}

.main_slider .carousel-control-prev::after, .main_slider .carousel-control-next::after{
	top: 0;
	left: 0;
	padding: 2px;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	border: 1px solid #a27752;
	background-color: #a27752;	
}

.main_slider .carousel-control-prev:hover::after{
	background-size: 12px;
	border: 1px solid #ffffff;
	background-position: 15px center;
}

.main_slider .carousel-control-next:hover::after{
	background-size: 12px;
	border: 1px solid #ffffff;
	background-position: 15px center;
}

.caption a.slider-link::after {
    content: "";
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center left;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative;
    margin-top: -5px;
	margin-left: 8px;
	vertical-align: middle; 
    transition: right 0.05s;
    -moz-transition: right 0.05s;
    -webkit-transition: right 0.05s;
    background-image: url("../img/carousel/white-arrow-trans@2x.png");
}

.caption a.slider-link:hover::after {
    margin-left: 11px;
}


@media screen and (max-width: 930px) {
	.main_slider .carousel-control-prev, .main_slider .carousel-control-next{
		top:0;
		bottom:0;
		margin: 15px;
		width: 35px;
		height: 35px;
		background-color: #a27752;
		border-radius: 50%;
		opacity: 1;
		position: relative;
		
	}
	
	.main_slider .carousel-control-prev{
		left:0;
		float:left;
	}
	
	.main_slider .carousel-control-next{
		right:0;
		float:right;
	}
	
	.custom-hr hr {
    clear:both;
}

	.caption{
	   padding:25px;
		-moz-box-sizing: border-box;
	   box-sizing: border-box;
	   position: relative; 
		bottom: 0;
		display:block;
		width:100%;
		left: 0;
		background-color: #e9f2f5;
	}
	
	
	.caption .slide-title{
		font-size:22px;
	}

	.caption .slide-desc, .caption a{
		font-size: 16px;
	}
	
	.caption .slide-title, .caption .slide-desc{
		color: #424242;
	}
	
	.caption a{
		color: #A27752!important;
	}
	
	.caption a.slider-link::after {
    	background-image: url("../img/carousel/brown-arrow@2x.png");
	}
	
	.main_slider .carousel-control-prev::after{
		background-size: 8px;
		background-position: 9px center;
	}
	
	.main_slider .carousel-control-next::after{
		background-size: 8px;
		background-position: 10px center;
	}
	
	.main_slider .carousel-control-prev:hover::after{
		background-size: 6px;
		background-position: 10px center;
	}	
	
	.main_slider .carousel-control-next:hover::after{
		background-size: 6px;
		background-position: 11px center;
	}		
}



/**************************************************
	status bar styles
**************************************************/
.status_bar_wrapper { width: 100%; min-height: 81px; }

.util-bar {width: 100%;  padding: 20px 0; border-bottom: 1px solid #B7BDBF; }

.util-bar .breadcrumb{
	background: initial;
	margin-bottom: 0;
	font-size: 16px;
}

.util-bar .breadcrumb a:hover{
	text-decoration: underline;
}

.util-bar .breadcrumb-item{
	color: #A27752;
	padding-right: .5rem;
}

.util-bar .breadcrumb-item::before {
    padding-right: 1rem;
	padding-left: .5rem;
    color: #A27752;
}

.status_bar { padding: 0; }
.status_bar_wrapper .status_bar p { display: inline-block; color: #ffffff; line-height: 30px; }


.ccu_header_logo a {
	display: inline-block;
	margin: 16px 0;
	width: 250px;
	height: 45px;
	background-repeat: no-repeat; 
	background-size: cover; 
	vertical-align: middle;
}


button:focus{
	outline:0;
}

span.section_menu::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	background-image: url("../img/top_nav/section-menu.png");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;	
	top:3px;
	margin-right:10px;
	background-color: #E9F2F5;
}

.mobile-nav-list ul li a:hover{
	color: #424242;
}

.mobile-nav-list ul li.active a{
	color:  #424242;
}


@media screen and (max-width: 991px) {
	.ccu_header_logo a{
		display: block;
		width: 34px;
		height: 45px;
	}
	
	.top-nav-icon{
		display: none;
	}
	
	.mobile-nav-list{
		border-top-color: #424242!important;
	}
}



/**************************************************
	HEADER 4 ICONS STYLES
**************************************************/
.cta-group {
	float: right;
    display: inline-block;
    overflow: hidden;
    padding: 3px;
    min-width: 174px;
}

.social-block{
    overflow: hidden;
    padding: 0px;
   
}

.social-block a{
	vertical-align: bottom;
}


.cta-group a.apply, .cta-group a.visit, .cta-group a.info, .cta-group a.tour, .social-block a.facebook {
	width:44px;
	height:44px;
}

.cta-group a.apply{
	background-color: #006f71;
}

.cta-group a.visit{
	background-color: #A27752;
}

.cta-group a.info{
	background-color: #424242;
}

.cta-group a.tour{
	background-color: #006f71;
}

.cta-group a{
    display: inline-block;
    float: left;
    width: 38px;
    height: 38px;
    text-indent: -9999px;
    border-radius: 50%;
    margin-left: 15px;
}

.cta-group a.apply::after, .cta-group a.visit::after, .cta-group a.tour::after{
    background-size: 22px;
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
	transition: background 0.2s; 
} 

.cta-group a.info::after{
    background-size: 12px;
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
	transition: background 0.2s; 
}

.cta-group a.apply::after {
    background-color: #006f71;
    background-image: url("../img/top_nav/top_nav_icons/cta_apply@2x.png");
}

.cta-group a.visit::after {
    background-color: #A27752;
    background-image: url("../img/top_nav/top_nav_icons/cta_visit@2x.png");
}

.cta-group a.info::after {
    background-color: #424242;
    background-image: url("../img/top_nav/top_nav_icons/cta_info@2x.png");
}

.cta-group a.tour::after {
    background-color: white;
    background-image: url("../img/top_nav/top_nav_icons/cta_tour-teal@2x.png");
}

.apply, .visit, .info, .tour{
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    z-index: 1;
    position: relative;
}

.apply { border: 3px solid #006f71; }

.visit { border: 3px solid #A27752; }

.info { border: 3px solid #424242; }

.tour { border: 3px solid #006f71; }

.apply::after, .visit::after, .info::after, .tour::after {
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
}

.apply::after {
    background-color: #006f71;
	border: 1px solid #006f71;
}

.visit::after {
    background-color: #A27752;
	border: 1px solid #A27752;
}

.info::after {
    background-color: #424242;
	border: 1px solid #424242;
}

.tour::after {
    background-color: #ffffff;
	border: 1px solid #ffffff;
}

.apply:hover::after, .visit:hover::after, .info:hover::after {
	border: 1px solid #ffffff;
	-webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
	transition: border 0.5s; 
}

.tour:hover::after{
	border: 1px solid #006f71;
	 background-color: #006f71;
	-webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
	transition: border 0.5s; 
}

.cta-group a.apply:hover::after, .cta-group a.visit:hover::after, .cta-group a.tour:hover::after {
    background-size: 18px;
}

.cta-group a.info:hover::after {
    background-size: 10px;
}



/**************************************************
	main content area styles
**************************************************/

.webpage_banner img { margin: 0 auto; width: 1600px; max-height:450px;}




/**************************************************
	footer styles
**************************************************/

/**************************************************
	SOCIAL MEDIA ICONS STYLES
**************************************************/
.social-block a:not(.coastal-now){
	display: inline-block;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    border-radius: 50%;
    margin-left: 5px;
}

.social-block a:not(.coastal-now).facebook::after, .social-block a:not(.coastal-now).twitter::after, .social-block a:not(.coastal-now).youtube::after, .social-block a:not(.coastal-now).instagram::after, .social-block a:not(.coastal-now).pinterest::after, .social-block a:not(.coastal-now).linkedin::after, .social-block a:not(.coastal-now).snapchat::after {
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
	transition: background 0.2s;
}

.social-block a:not(.coastal-now).facebook::after {
	background-size: 16px;
    background-color: #3b5998;
    background-image: url("../img/bottom_nav_icons/facebook@2x.png");
}

.social-block a:not(.coastal-now).twitter::after {
	background-size: 30px;
    background-color: #55acee;
    background-image: url("../img/bottom_nav_icons/twitter@2_3.png");
}

.social-block a:not(.coastal-now).youtube::after {
	background-size: 30px;
    background-color: #e52d27;
    background-image: url("../img/bottom_nav_icons/youtube@2x2.png");
    
}

.social-block a:not(.coastal-now).instagram::after {
	background-size: 27px;
    background-color: #46769e;
    background-image: url("../img/bottom_nav_icons/instagram@2_3.png");
}

.social-block a:not(.coastal-now).pinterest::after {
    background-color: #bd071d;
    background-image: url("../img/bottom_nav_icons/pinterest@2x.png");
    background-size: 27px;
    
}

.social-block a:not(.coastal-now).linkedin::after {
    background-color: #0077b5;
    background-image: url("../img/bottom_nav_icons/linkedin@2x.png");
    background-size: 27px;
}

.social-block a:not(.coastal-now).snapchat::after {
    background-color: #ffcf2a;
    background-image: url("../img/bottom_nav_icons/snapchat@2_3.png");
    background-size: 27px;
}

.facebook, .twitter, .youtube, .instagram, .pinterest, .linkedin, .snapchat{
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    z-index: 1;
    position: relative;
}

.facebook { border: 3px solid #3b5998; }
.twitter { border: 3px solid #55acee; }
.youtube { border: 3px solid #e52d27; }
.instagram { border: 3px solid #46769e; }
.pinterest { border: 3px solid #bd071d; }
.linkedin { border: 3px solid #0077b5; }
.snapchat { border: 3px solid #ffcf2a; }

.facebook::after, .twitter::after, .youtube::after, .instagram::after, .pinterest::after, .linkedin::after, .snapchat::after {
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
}

.facebook::after {
    background-color: #3b5998;
	border: 1px solid #3b5998;
}

.twitter::after {
    background-color: #55acee;
	border: 1px solid #55acee;
}

.youtube::after {
    background-color: #e52d27;
	border: 1px solid #e52d27;
}

.instagram::after {
    background-color: #46769e;
	border: 1px solid #46769e;
}

.pinterest::after {
    background-color: #bd071d;
	border: 1px solid #bd071d;
}

.linkedin::after {
    background-color: #0077b5;
	border: 1px solid #0077b5;
}

.snapchat::after {
    background-color: #ffcf2a;
	border: 1px solid #ffcf2a;
}

.facebook:hover::after, .twitter:hover::after, .youtube:hover::after, .instagram:hover::after, .pinterest:hover::after, .linkedin:hover::after, .snapchat:hover::after {
	border: 1px solid #ffffff;
	-webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
	transition: border 0.5s; 
}

.social-block a.facebook:hover::after{
    background-size: 14px;
}

.social-block a.twitter:hover::after, .social-block a.youtube:hover::after, .social-block a.instagram:hover::after, .social-block a.pinterest:hover::after, .social-block a.linkedin:hover::after, .social-block a.snapchat:hover::after {
    background-size: 22px;
}
/**************************************************
	END OF SOCIAL MEDIA ICONS STYLES
**************************************************/


footer .footer-logo a img{
	max-width: 180px;
}

footer .footer-logo a {
    display: block;
    margin: 18px 0 22px 0;
}

footer p, footer a{
	font-weight: 300;
	font-size: 18px;
}

footer a:hover{
	text-decoration: underline!important;
}

footer p.titleIX a{
	text-decoration: underline;
	font-size:14px;
	font-weight: lighter;
}

@media screen and (max-width: 1200px) {
	
	footer a.border-md-remove{
		border-right:none!important;
	}
	
}

@media screen and (max-width: 992px) {
	footer .footer-logo a img{
		max-width: 230px; 
	}
	
	footer .footer-logo a {
		display: block;
		margin: 20px 0 22px 0;
	}
}

@media screen and (max-width: 768px) {
	footer p, footer a{
		font-size: 16px;
	}	
}





/*Calendar Styles*/

.day_number.current_date {
	background-color: #A27752;
	color: #fff;
	border-radius: 50%;
	width:18px;
	height:18px;
	text-align: center;
	line-height: 18px;
}


/*h1 { font-size: 40px; color: #C7E9EE; }
h2 { font-size: 35px; color: #C7E9EE; }*/

@media (min-width: 750px) {
	/*h1 { font-size: 52px; }
	h2 { font-size: 46px; }*/
}




/**************************************************
	web fonts
**************************************************/



/**************************************************
	bootstrap overrides
**************************************************/
.main_content_container .img-responsive { width: 100%; }


/**************************************************
	main body styles - all pages
**************************************************/




/**************************************************
	header styles
**************************************************/



/**************************************************
	main navigation - primary style
**************************************************/
@media (min-width: 768px) {
	.nav_center .navbar-nav { float: inherit; text-align: center; font-size: 0; }
	.nav_center .navbar-nav>li { float: inherit; display: inline-block; font-size: 14px; }
}


/**************************************************
	main navigation - alternate style
**************************************************/
/*nav.altnav .jquery_hide { display: none; }
nav.altnav .jquery_show { display: inherit; }

nav.altnav { width: 100%; margin-bottom: 15px; padding-left: 0; padding-right: 0; color: #000000; font-weight: bold; }

nav.altnav .menu_bar_wrapper { position: relative; cursor: pointer; }
nav.altnav .menu_bar_wrapper .menu_bar { position: relative; display: table; width: 100%; height: 75px; background: #cccccc; }
nav.altnav .menu_bar_wrapper .menu_bar p { margin: 0; }
nav.altnav .menu_bar_wrapper .menu_bar .menu_bar_left  { display: table-cell; padding: 0 0 0 15px; vertical-align: middle; text-align: left;  font-size: 24px; }
nav.altnav .menu_bar_wrapper .menu_bar .menu_bar_right { display: table-cell; padding: 0 15px 0 0; vertical-align: middle; text-align: right; font-size: 42px; }

nav.altnav .nav_wrapper { background: #cccccc; }
nav.altnav .nav_wrapper .nav_element_wrapper a { display:table; width: 100%; height: 75px; text-align: center; text-decoration: none; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element { display:table-cell; vertical-align: middle; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text { font-size: 18px; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text p { margin: 0; }
nav.altnav .nav_wrapper .nav_element_wrapper { border-bottom: 1px solid #aaaaaa; }
nav.altnav .nav_wrapper .nav_element_wrapper:first-of-type { border-top: 1px solid #aaaaaa; }
nav.altnav .nav_wrapper .nav_element_wrapper:last-of-type { border-bottom: none; }
nav.altnav .nav_wrapper .nav_element_wrapper .nav_element:hover { background: #bbbbbb; }

@media (min-width: 768px) {
	nav.altnav .jquery_hide { display: inherit; }
	nav.altnav #show_menu { display: none; }
	nav.altnav #hide_menu { display: none; }
	nav.altnav .nav_wrapper { height: 32px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align: center; }
	nav.altnav .nav_wrapper .nav_element_wrapper a { height: 30px; }
	nav.altnav .nav_wrapper .nav_element_wrapper { display: inline-block; width: 12.5%; border-bottom: none; font-size: 0; }
	nav.altnav .nav_wrapper .nav_element_wrapper:first-of-type { border-top: none; }
	nav.altnav .nav_wrapper .nav_element_wrapper .nav_element .nav_text { font-size: 14px; margin: 0 5px 0 5px; height: 30px; line-height: 30px; }
}
*/

/**************************************************
	main content area styles
**************************************************/
.content_wrapper { margin-bottom: 15px; }
.main_content    {  }
.sidebar         {  }
.sidebar_left    {  }
.sidebar_right   {  }

ul.lsb_level1{
	padding-left: 30px!important;
	list-style: none;
}

sidebar_left li{
	line-height: 1.5;
	display:block;
	
}

.sidebar_left li a{
	color: #006f71;
	text-decoration: none;
	font-weight: 600;
	outline: none;
	padding: 8px 20px 8px 0;
	display: inline-block;
	z-index: 1;
	background-color: white;
	position:relative;
}

.sidebar_left ul li a:hover{
	color:#424242;
}

.sidebar_left li a.active_nav{
	color:#424242;
}

.sidebar_left li .lsb_current_section{
	display: block;
	position: relative;
}

.sidebar_left ul ul li{
	position:relative;
	list-style: none;
}

.sidebar_left li .lsb_current_section::after{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: 1px;
	border-top: 1px solid #b7bdbf;
	z-index: 0;
}

.sidebar_left li .toggle_icon{
    position: absolute;
    left: 15px;
	height: 19px;
    width: 19px;
    cursor: pointer;
    background-image: url(../img/toggle.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: -1px -39px;
}


.sidebar_left li .toggle_icon1{
    position: absolute;
    left: -30px;
	height: 19px;
    width: 19px;
    cursor: pointer;
    background-image: url(../img/toggle.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: -1px -39px;
}

.sidebar_left li .toggle_icon:hover, .sidebar_left li .toggle_icon1:hover{
	background-position: -1px -58px;	
}

.sidebar_left li .toggle_icon { top: 11px; }

.sidebar_left li .toggle_icon1 { top: 11px;  }

.sidebar_disp_ctrl, .sidebar_disp_ctrl1{
	display: none;
}

 .sidebar_left li .toggle_icon_plus, .sidebar_left li .toggle_icon_plus1{
   	background-position: -1px -1px;
}

.sidebar_left li .toggle_icon_plus:hover, .sidebar_left li .toggle_icon_plus1:hover{
   	background-position: -1px -20px;
}

/*.content_wrapper h1 { font-size: 24px; line-height: 30px; margin: 0 0 20px 0; }*/


/**************************************************
	footer styles
**************************************************/
footer { border-top-width: 1px!important;}
/*.footer_wrapper  { display: table; height: 130px; }
.footer_contents { display: table-cell; vertical-align: middle; padding: 20px 0 20px 0; }

.footer_navigation { margin: 0 0 20px 0; color: #000000; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.footer_copyright  { color: #cccccc; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }

.footer_navigation ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.footer_navigation li { display: inline-block; height: 24px; line-height: 24px; margin: 0 10px 0 10px; }
*/

/**************************************************
	sidebar (social media) styles
**************************************************/
/*.sidebar_social_media { width: 100%; margin: 15px 0 15px 0; }
.sidebar_social_media h4 { margin-top: 0; margin-bottom: 15px; text-align: center; font-size: 20px; font-weight: bold; }
.sidebar_social_media ul { margin: 0; padding: 0; font-size: 0; }
.sidebar_social_media li { display: inline-block; width: 25%; }
.sidebar_social_media p  { margin: 0; font-size: 24px; text-align: center; }
*/

/****************************************************
		Articles page
*****************************************************/

.article_list_item:nth-child(odd){
	background-color: #E6E6E6;
}
.article_list_pagination .page-item.active .page-link, .article_list_pagination .page-item.active .page-link:hover{
	background-color: #006F71;
	border-color:  #006F71;
	color: #fff;
}

.article_list_pagination .page-item .page-link:focus{
	box-shadow: none;
}
.article_list_pagination .page-item .page-link{
	color: #006F71;
}

.article_list_pagination .page-item .page-link:hover{
	color: #A27752;
}

.article_list_pagination .page-item.disabled .page-link{
	color: #ccc;
	background-color: #E6E6E6;
}


/******************************************************
	TINY MCE OVERRIDES
******************************************************/

.tiny_mce_styles img{
	border: 1px solid #ccc;
	width:250px!important;
	height:auto!important;
}

.tiny_mce_styles figure.align-left, .tiny_mce_styles img.align-left{
	float: left;
	margin: 5px 15px 15px 0;
}

.tiny_mce_styles figure.align-right, .tiny_mce_styles img.align-right {
	float: right;
	margin: 5px 0 15px 15px;
}

.tiny_mce_styles figure.image figcaption
{
	font-style: italic;
	font-size:12px;
	color: #006F71;
	margin-bottom: 15px;
}

.tiny_mce_styles figure.image{
	width:250px;
}

.tiny_mce_styles figure.image img{
	width:100%;
	height:auto;
}

.tiny_mce_styles h1, .tiny_mce_styles h2, .tiny_mce_styles h3{
	clear: both;
}

.tiny_mce_styles a{
	color: #006F71!important;
	font-weight: 700;
	text-decoration: none!important;
}

.tiny_mce_styles a:hover{
	color: #A27752!important;
	text-decoration: underline!important;
	
}

.tiny_mce_styles.alert-info, .tiny_mce_styles.alert-success {
    color: #006F71;
    background-color: #C7E9EE;
    border-color: #C7E9EE;
}

.tiny_mce_styles.alert-info .alert-link, .tiny_mce_styles.alert-success .alert-link {
	color: #006F71;
}

.tiny_mce_styles .alert-info a, .tiny_mce_styles.alert-success a{
	color: #006F71;
}

.tiny_mce_styles .alert-warning, .tiny_mce_styles.alert-warning a{
	color: #886444!important;
}

.tiny_mce_styles.alert-info a:hover, .tiny_mce_styles.alert-success a:hover, .tiny_mce_styles.alert-info .alert-link:hover, .tiny_mce_styles .alert-success.alert-link:hover{
	color: #886444;
}

.tiny_mce_styles.alert-danger a{
	color: #491217!important;
}

.tiny_mce_styles.alert-danger a:hover, .tiny_mce_styles.alert-danger .alert-link:hover{
	color: #491217!important;
}

.tiny_mce_styles.alert-dark a{
	color: #040505!important;
}

@media screen and (max-width: 470px) {
		.tiny_mce_styles figure.align-left, .tiny_mce_styles img.align-left, .tiny_mce_styles figure.align-right, .tiny_mce_styles img.align-right{
		float:none;
		width:100%!important;
		margin: 0;
	}
	
	.tiny_mce_styles img{
		width:100%!important;
	}
}
