/* Carousel
***********************/

.carousel {margin-top:12px;}
.carousel #container{ position:relative; width:100%; max-width:1600px; padding:0 0 53px 0; margin:0 auto;}

.carousel .tabContentText { position:absolute; display:inline; padding:25px 25px 10px 25px; bottom:0px; right:30px; width:240px; background:#867537 url("../images/sections/fulltime/template_responsive/tab_blue_arrow.png") no-repeat -10px 0px; border-left:10px solid #09adeb; z-index:500;}
.carousel .tabContentText a, .carousel .tabContentText h2, .carousel .tabContentText p  { color:#fff;}
.carousel .tabContentText h2, .carousel .tabContentText h3 { margin:0;}
.carousel .tabContentText h3 { color:#fff; font-size:100%}
.carousel .tabContentText li { margin:5px 0; color:#fff;} 
.carousel .tabContentText li:before {color:#fff;content:"\f054"; font-family:"Font Awesome 6 Pro"; float:left; padding-right:10px;}
.carousel .tabContentCorners {background: url("../images/sections/fulltime/template_responsive/tab_squares.png") no-repeat top left; height:50px; width:1600px;z-index:100; position:absolute; bottom:0px; left:0px; }

/*  == tab heading */
.carousel .tabs {position:absolute; bottom:0; left: 50%; transform: translate(-50%, 0); background:#b55e12; border-top:5px solid #867537;width:100%; max-width:1200px;}
.carousel .tabs ul { margin:0; padding:0 200px; text-align:center; }
.carousel .tabs li{ float:left; margin:0;}
.carousel .tabs li a{ font-size: 120%; color:#fff; display:block; font-weight:bold; padding: 15px 20px; margin:0 10px;}
.carousel .tabs li a:hover{ color:#fff;  background:#867537;}
.carousel .tabs li.active a{ color: #fff; background:#867537;}

/* == accordion */
.accordion_tabs { display:none; background: #ccc; padding: 10px; font-weight:bold; border-bottom:1px solid #fff;}
a.accordion_tabs:after {color:#fff;content:"\f054"; font-family:"Font Awesome 6 Pro"; float:right; padding-right:10px;}
a.accordion_tabs:link, a.accordion_tabs:visited{ color: #fff; text-decoration: none;}
#coursedetails a.accordion_tabs:link, #coursedetails a.accordion_tabs:visited, #coursedetails a.accordion_tabs:after{ color: #333; }
a.accordion_tabs:hover{ color:#867537; }
a.accordion_tabs.active, #coursedetails a.accordion_tabs.active{ color: #fff; background:#867537;}
a.accordion_tabs.active:after, #coursedetails a.accordion_tabs.active:after {color:#fff;content:"\f078";}

/*  == tab content  */
.carousel .tab_content{ display:none; position:relative; }

/* Basic
***********************/
.basic #container{ width:100%; padding:0; margin:10px 0;}

/*  == tab heading */
.basic .tabs { overflow:hidden;}
.basic .tabs ul { padding:0; margin:10px 5px 0 5px; }
.basic .tabs li{ float:left; margin:0; padding:0; background:none;}
.basic .tabs li:before { content: none}
.basic .tabs li a{ color:#666; display:block; font-weight:bold; margin:0 5px; padding: 10px 8px; border:1px solid #e3e3e3; border-bottom:0px; background:#fff;} 
/*.basic .tabs li:first-child a{ border-left: none; }*/
.basic .tabs li a:hover{ background:#867537; color:#fff; text-decoration:none; }
.basic li.active a{ background:#867537; color:#fff; }

.basic .tabContentText { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fff)); background: -moz-linear-gradient(top,  #f3f3f3,  #fff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff'); padding:20px; border-top:4px solid #867537;}

.basic .tabContentText hr { border-color: #fff;}

/* Home page
***********************/
.hp #container{ width:100%; padding:0; margin:10px 0;}

/*  == tab heading */
.hp .tabs { overflow:hidden;  text-align:center; }
.hp .tabs ul { padding:0; display:inline-block; margin:0;  }
.hp .tabs li{ float:left; margin:0; padding:0; background:fff;}
.hp .tabs li a{ font-size: 110%;  color:#666; display:block; font-weight:bold; margin:0 5px; padding: 10px 8px; border:1px solid #e3e3e3; border-bottom:0px; background:#fff} 
/*.basic .tabs li:first-child a{ border-left: none; }*/ 
.hp .tabs li a:hover{ background:#08203e; color:#fff; text-decoration:none; }
.hp li.active a{ background:#08203e; color:#fff; }

.hp .tabContentText { margin-top:-7px;  padding:20px; border-top:4px solid #08203e; }

/* == accordion */
.hp a.accordion_tabs:hover{ background:#08203e; }
.hp a.accordion_tabs.active{ color: #867537; background:#08203e;}

/* Media queries
***********************/
@media screen and (max-width: 800px) {
	.carousel {margin-top:0; }
	.carousel #container{ width:97%; padding:0 0 20px 0 ;}
	.basic #container{ width:100%;}
	.tabs{ display:none !important; }
	.accordion_tabs{ display:block;}
	.carousel .tab_content{ border:none;  position:relative; background:#efefef;}
	.basic .tabContentText{ border-top:0px solid #867537; padding:10px 20px; background:#efefef}
	.hp .tabContentText{ border-top:0px solid #867537; padding:10px 20px; background:#fff;}
	.carousel .tabContentText { position:relative; display:block; width:87%; margin-left:30px; padding:25px 10px 10px 25px; background:#efefef url("../images/sections/fulltime/template_responsive/tab_blue_arrow.png") no-repeat -10px 0px; border-left:10px solid #09adeb; }
	.carousel .tabContentText a, .carousel .tabContentText h2, .carousel .tabContentText h3, .carousel .tabContentText p, .carousel .tabContentText li:before, .carousel .tabContentText li  { color:#666;}
	
}


@media screen and (min-width:720px) and (max-width: 800px) {
	.carousel {margin-top:50px; }
}

@media screen and (max-width: 1200px) {
	.basic .tabs li a{ font-size: 100%; }  
	.carousel .tabs { left:0; transform: translate(0%, 0);}
	.carousel .tabs ul { padding:0 20px;}
}

@media screen and (max-width: 1600px) {
	.carousel .tabContentCorners { display:none;}
}
 