@charset 'utf-8';
/*
Theme Name: Academee-child
Theme URI: http://academee.themerex.net/
Description: Academee - Multipurpose and Multiskin Responsive Wordpress theme
Author: ThemeREX
Author URI:  https://themerex.net/
Template: academee
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: academee
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
p,li{
	font-size: 18px !important;
    color: #212323;
}
.vc_tta-title-text{
	font-size: 20px !important;
}
.no-margin{
    margin-bottom: 0px !important;
}
.smaller-header h2{
    font-size: 3em;
}
/* Icons Cirlces filled */
.circle-icon .vc_icon_element-inner.vc_icon_element-color-white.vc_icon_element-have-style-inner.vc_icon_element-size-lg.vc_icon_element-style-rounded.vc_icon_element-background.vc_icon_element-background-color-custom{
	padding: 0px 7px;
	max-width: 45px !important;
    max-height: 60px;
}

.circle-icon.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon{
	font-size: 2em !important;
}
.icon-text h3 {
	    margin-bottom: 0px;
}
.icon-text p{
	margin-bottom: 15px !important;
}

@media (max-width: 479px) {
    .circle-icon div.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner{
	padding: 0px 7px;
	max-width: 45px !important;
    max-height: 60px;
}
}

/*Color For Button*/
.sc_button_default.whiteButton{
	color:#212323 !important;
	background-color: white !important ;
	box-shadow: 0px 0px 0 13px rgba(255,255,255,0.35) !important;
    -webkit-box-shadow: 0px 0px 0 13px rgba(255,255,255,0.35) !important;
}
/* Buttons */
.scheme_default .button_slider, .sc_button_default {
	background: #168fee !important; 
	border-color: #168fee !important;
	 box-shadow: 0px 0px 0 13px rgba(22,143,238,0.35) !important;
    -webkit-box-shadow: 0px 0px 0 13px rgba(22,143,238,0.35) !important;
}
.scheme_default .button_slider:hover, .sc_button_default:hover,input[type=submit]:hover{
	background: #212323 !important;
	border-color: #212323 !important;
	color: white !important;
	 box-shadow: 0px 0px 0 13px rgba(0, 0, 0,0.35) !important;
    -webkit-box-shadow: 0px 0px 0 13px rgba(0, 0, 0,0.35) !important;
}
/* Footer*/
footer ul li a, footer .textwidget a, footer p{
	color: #e6e6e6!important ;
}
footer ul li a, footer .textwidget a{
		font-weight:600 !important;

}
footer ul li a:hover, footer .textwidget a:hover{
	color: #c4c6c6 !important ;
}
a.forcedBlueLink{
	color: #168fee !important ;
}
.scheme_dark .footer_wrap .socials_wrap .social_item .social_icon, .scheme_dark.footer_wrap .socials_wrap .social_item .social_icon{
	color:white;
	background-color: #168fee;
}
.scheme_dark .footer_wrap .socials_wrap .social_item .social_icon:hover, .scheme_dark.footer_wrap .socials_wrap .social_item .social_icon:hover{
	background-color: #06f;
}
.footer_wrap .widget.widget_contacts{
	margin-top: 0.2em !important;
}
.widget.widget_contacts .contacts_description{
	margin-top: 2em !important;
}

/* Header Logo*/
header #menu-main-menu li a span{
	font-size:17px
}
.sc_layouts_menu_nav>li>a{
	padding: 0em .8em !important;
}

.sc_layouts_row_type_compact .sc_layouts_logo img {
    max-height: 5.5em !important;
}
@media(max-width: 1439px) {
    .mobile_device .menu_mobile .sc_layouts_logo img, .mobile_layout .menu_mobile .sc_layouts_logo img, .sc_layouts_row_type_compact .sc_layouts_logo img {
        max-height: 6em !important;
    }
	.sc_layouts_item{
		margin:0px !important;	
	}
	
}


    .sc_layouts_menu_nav .menu-collapse>a:before {
        left: 0 !important;
    }
.scheme_default .sc_layouts_menu_nav .menu-collapse>a:after,
.trx_addons_dropcap.trx_addons_dropcap_style_1{
	background-color: #C33794 !important;
}
.scheme_default .sc_layouts_menu_nav .menu-collapse>a:hover:after{
	background-color: black !important;
}
.scheme_default .sc_layouts_menu_nav .menu-collapse>a:before{
	color:black;
}
.scheme_default .sc_layouts_menu_nav .menu-collapse>a:hover:before{
	color: #C33794;
}
/* --- Home screen --- */


/* 3 Säulen */
.whiteLinkButtonTop, .sc_button_simple.color_style_link2.whiteLinkButtonTop:after{
	color:white !important;
}
.scheme_dark  .sc_button_simple:not(.sc_button_bg_image).whiteLinkButtonTop:hover,.scheme_dark .sc_button_simple:not(.sc_button_bg_image).whiteLinkButtonTop:hover:before{
	color:#212323 !important;
}
.scheme_dark  .sc_button_simple:not(.sc_button_bg_image):hover,.scheme_dark .sc_button_simple:not(.sc_button_bg_image):hover:before{
	color:white !important;
}
/* Step List*/
.stepsToCodingMagician .sc_title {
	 padding-right: 25px !important;
}
.stepsToCodingMagician .vc_column-inner{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.stepsToCodingMagician h2{
	font-family: Rajdhani, sans-serif !important;
	font-size: 3.33em;
	color:	#168fee !important; 
	font-weight:700 !important;
	 padding-right: 25px;
}
.stepsToCodingMagician h4 {
    position: relative;
    font-size: 1.6em;
    font-family: Rajdhani, sans-serif !important;
    font-weight: 700 !important;
    padding-right: 25px;
}

.stepsToCodingMagician h4.trx_addons_list:after { 
    content: "\f054"; 
    position: absolute;
    right: 5px;
    top: 50%; 
    transform: translateY(-50%) scaleY(1.2); 
    font-size: 1em; 
    color: #c4c6c673; 
    font-family: "Font Awesome 5 Free";
  
}
@media(max-width: 1439px) {
    .stepsToCodingMagician h4 {
    font-size: 1.3em;
}
	
}

/* Course price*/
.scheme_default .sc_courses_default .sc_courses_item_price{
	color:	#168fee !important; 
	font-weight:700 !important;
}
.scheme_default .sc_courses_default .sc_courses_item_period {
	font-weight:700 !important;
}
.sc_courses_item_title{
	font-weight:700 !important;
}

/* Courses Page */
ul[class*=trx_addons_sublist]>li:before{
	content: '\e877';
	color:	#168fee !important; 
}	
ul[class*=trx_addons_sublist]>li{
	padding-left: 10px
}
.courses_page_header,
span.sc_courses_item_meta_item.sc_courses_item_meta_date{
	display: none;	
}
/* ---- FAQ Accordion ----*/
.vc_tta-panel-body{
	margin-top: 0px !important;
}
/* Coloring the accordion*/
.scheme_default .vc_tta.vc_tta-accordion .vc_tta-panel-heading .vc_tta-controls-icon{
	background-color: #168fee !important;
}
.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-sky.vc_tta-style-classic .vc_active .vc_tta-panel-heading  i.vc_tta-controls-icon::before{
	border-color: white !important;
}
.vc_tta-accordion .vc_active.vc_tta-panel .vc_tta-panel-title>a span{
	color: #168fee !important; 
}
.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title>a span {
	color: black !important; 
}


.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body{
	padding-left: 15px !important;
}

/* ---- Warum MagicCoding? ---- */
.numberList ol li::marker {
    color: #168fee !important;
    font-size: 1.2em !important;
}
/* ---- Unternehmen ---- */

@media(max-width: 1439px) {
	.callToActionOnPageContainer{
		padding: 5px !important;
	}
    .callToActionOnPageButton{
	padding: 0.8em 1.6em !important;
		font-size: 11px!important;
}
}

/* Functional layout adjustments */
.sib-email-area {
   width: 100%;
}
.sib-email-area::placeholder,
.black {
	color: #212323 !important;
}
.sib-email-area:hover::placeholder {
	color: white !important;
}

p.submit-row {
    text-align: right; /* Align the submit button to the right */
}

label[for="terms"] {
    padding-left: 20px; /* Adds space between checkbox and text */
}

.disable{
	display:none !important;
}
/* Buchungen*/
.buchungen button{
}
.buchungen .ws-step-nav-group.ws-flex.ws-flex-row button{
	padding: 3px !important;
}
.buchungen .ROymW:not(:disabled){
	color: white !important;
	padding: 12px 15px;
}
.buchungen button {
	 box-shadow: 0px 0px 0 3px rgba(22,143,238,0.35) !important;
    -webkit-box-shadow: 0px 0px 0 3px rgba(22,143,238,0.35) !important;
}
.buchungen button:disabled {
	 box-shadow: 0px 0px 0 3px rgba(0, 0, 0,0.35) !important;
    -webkit-box-shadow: 0px 0px 0 3px rgba(0, 0, 0,0.35) !important;
}
.buchungen button:hover {
	 box-shadow: 0px 0px 0 3px rgba(0, 0, 0,0.35) !important;
    -webkit-box-shadow: 0px 0px 0 3px rgba(0, 0, 0,0.35) !important;
}
.buchungen .ws-form-description a:hover{
	color: black !important;
}
.buchungen .sc-evZas.sc-jOrMOR.ecAOp.hhupGc.ws-flex.ws-flex-row {
	gap: 15px;
}
/* Termine*/
.termine button{
	 background-color: unset;
    box-shadow:unset;
    -webkit-box-shadow:unset;
}
.termine button:hover{
	 background-color: unset;
    box-shadow:unset;
    -webkit-box-shadow:unset;
	color: black !important;
}
.termine button:focus{
	 background-color: unset;
    box-shadow:unset;
    -webkit-box-shadow:unset;
	color: black !important;
}
.termine .gfDLId td:last-child{
	padding: 20px;
}

.termine .ws-accordion-body{
	padding-left: 15px;
}
.termine a.ws-cell-link.ws-book-now-link {
    background: var(--ws-link-color);
    color: white;
    padding: 11px;
    border-radius: 5px;
}
.termine a.ws-cell-link.ws-book-now-link:hover {
    background: black;
	color: white;
}
.ws-container-wscourselist > div > div>div:last-child{
    display: none;

}

.sc_team_item img {
    max-height: 400px;
    object-fit: cover;
    object-position: top;
}


/* --- 25.11.2025 --- */
.zeile-rahmen{
    border: #3e3e3e 1px solid;
}

/* --- Neu 21.9.2026 --- */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left {
	--vc-tta-color: #212323 !important;
	--vc-tta-color-contrast: #ffffff !important;
	--vc-tta-active-color: #212323 !important;
	--vc-tta-active-color-contrast: #168fee !important;
	--vc-tta-spacing: 1px !important;
	--vc-tta-gap: 0px !important;

	color: #717778;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;

	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 26.7855px;
}

/* =========================================================
   TOP TAB BAR
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container {
	display: block;
	position: relative;
	z-index: 3;

	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;

	color: #717778;
	text-align: left;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list {
	display: block;
	box-sizing: border-box;

	margin: -1px 0 0 -1px;
	padding: 0;
	border: 0;

	list-style: none;
	background: transparent;

	color: #717778;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 35.25px;
	text-align: left;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab {
	display: inline-block;
	position: relative;
	box-sizing: content-box;

	margin: 0px;
	padding: 0;
	border: 0;
	background: transparent;

	vertical-align: top;
}

/*
 * The new HTML adds this H4 wrapper around the top-tab anchor.
 * Neutralize it so the tab has the same geometry as the source.
 */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab > .vc_tta-panel-title {
	display: block;

	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;

	color: inherit;
	font-family: inherit !important;
	font-size: inherit !important;
	font-style: normal !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	text-align: inherit !important;
	text-transform: none !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab > .vc_tta-panel-title > a {
	display: block;
	position: relative;
	box-sizing: border-box;

	margin: 0 !important;
	padding: 44.1px 39.9px 42px !important;
	border: 0 !important;
	border-radius: 0 !important;

	background: #212323 !important;
	color: #ffffff !important;

	font-family: Roboto, sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 35.25px !important;
	letter-spacing: normal !important;

	text-align: left !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: nowrap;

	box-shadow: none !important;
	outline: 0;
}



div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab:last-child > .vc_tta-panel-title > a {
	padding-right: 67.2px !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab.vc_active > .vc_tta-panel-title > a,
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab.vc_active > .vc_tta-panel-title > a > .vc_tta-title-text {
	color: #168fee  !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab:not(.vc_active) > .vc_tta-panel-title > a,
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab:not(.vc_active) > .vc_tta-panel-title > a > .vc_tta-title-text {
	color: #ffffff !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab > .vc_tta-panel-title > a > .vc_tta-title-text {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-transform: inherit;
}

/* Diamond under the active tab. */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab::after {
	content: " ";
	display: block;
	position: absolute;
	z-index: 2;

	left: 50%;
	bottom: -7px;

	width: 15px;
	height: 15px;
	margin: 0;

	background: #212323;
	border: 0;

	opacity: 0;
	pointer-events: none;

	transform: translateX(-50%) rotate(45deg);
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab.vc_active::after {
	opacity: 1;
}

/* =========================================================
   PANELS
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-panels-container {
	display: block;
	position: relative;
	box-sizing: border-box;

	margin: 0;
	padding: 0;
	border: 0;

	background: transparent;
	color: #717778;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-panels-container > .vc_tta-panels {
	display: block;
	position: relative;
	box-sizing: border-box;

	margin: 0;
	padding: 0;
	border: 0;

	border-radius: 0 5px 5px 5px;

	background: transparent;
	color: #717778;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-panels-container > .vc_tta-panels > .vc_tta-panel {
	display: block;
	box-sizing: content-box;

	margin: -1px;
	padding: 0;
	border: 0;

	background: transparent;
	color: #717778;
}

/* Desktop source state: accordion headings are hidden. */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading {
	margin: 0 0 1px;
	padding: 0;
	border: 0;

	background: #212323;
	color: #ffffff;
	text-align: left;
}

@media (min-width: 768px) {
	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading {
		display: none !important;
	}
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading > .vc_tta-panel-title {
	display: block;

	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;

	color: #212323;
	font-family: "Bree Serif", serif !important;
	font-size: 40.0005px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 40.0005px !important;
	letter-spacing: -0.3px !important;
	text-align: left !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading > .vc_tta-panel-title > a {
	display: block;
	position: relative;
	box-sizing: border-box;

	margin: 0 !important;
	padding: 14px 20px !important;
	border: 0 !important;

	background: transparent !important;
	color: #168fee !important;

	font: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-decoration: none !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading .vc_tta-title-text {
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
}

/* Non-active bodies are not part of the visible layout. */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel:not(.vc_active) > .vc_tta-panel-body {
	display: none !important;
}

/*
 * The new markup leaves height:0px inline after a panel has previously
 * been closed. vc_active must win over that inline value.
 */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel.vc_active > .vc_tta-panel-body {
	display: block !important;
	height: auto !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-body {
	box-sizing: content-box;

	margin: 97.5px 0 0;
	padding: 36px 0;

	border: 0 solid transparent;
	border-radius: 0;

	background: transparent;
	color: #717778;

	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 26.7855px;

	overflow: hidden;
	box-shadow: none;
}

/* Extra wrapper that exists only in the new HTML. */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-body > .sc_layouts_item {
	display: block;
	box-sizing: content-box;
	width: 100%;

	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;

	background: transparent !important;
	color: inherit;
}

/* =========================================================
   COURSE GRID
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses {
	display: block;
	box-sizing: content-box;
	width: 100%;

	margin: 0;
	padding: 0;
	border: 0;

	background: transparent;
	color: #717778;

	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 26.7855px;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns {
	display: block;
	box-sizing: content-box;

	width: auto;
	margin: 0 -30px 0 0;
	padding: 0;
	border: 0;

	background: transparent;
	color: #717778;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns::before {
	content: " ";
	display: table;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns::after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns > .trx_addons_column-1_3 {
	display: inline-block;
	position: relative;
	box-sizing: border-box;

	width: 33.3333333333%;

	margin: 0;
	padding: 0 30px 30px 0;
	border: 0;

	background: transparent;
	color: #717778;

	vertical-align: top;
}

/* =========================================================
   COURSE CARD
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item {
	display: block;
	position: relative;
	box-sizing: content-box;

	width: auto;
	height: auto;

	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;

	background: #ffffff;
	color: #02bdc3;

	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 26.7855px;

	overflow: hidden;
	box-shadow: none;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_thumb {
	display: block;
	position: relative;
	box-sizing: content-box;

	width: 100%;
	height: auto;

	margin: 0;
	padding: 0;
	border: 0;

	background: transparent;
	color: #02bdc3;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_thumb > img {
	display: block;
	position: relative;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;

	background: transparent;
	vertical-align: top;
}

/* Source computed state has course-category badges hidden. */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_categories {
	display: none !important;
	position: absolute;

	top: 27.858px;
	left: 27.858px;

	margin: 0;
	padding: 0 9.7503px;

	background: #333333;
	color: #02bdc3;

	font-family: Roboto, sans-serif;
	font-size: 13.929px;
	font-weight: 300;
	line-height: 27.858px;
	text-transform: uppercase;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_categories > a {
	color: #ffffff !important;
	font: inherit;
	line-height: inherit;
	text-decoration: none !important;
	text-transform: inherit;
}

/* =========================================================
   COURSE INFORMATION
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_info {
	display: block;
	box-sizing: content-box;

	width: auto;
	height: auto;

	margin: 0;
	padding: 39.75px 30px 37.5px;

	border: 0;
	background: transparent;

	color: #02bdc3;
	text-align: center;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_header {
	display: block;

	width: auto;
	height: auto;

	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;

	color: #02bdc3;
	text-align: center;
}

/* =========================================================
   COURSE TITLE
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_title {
	display: block;

	width: auto;
	height: auto;

	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;

	background: transparent !important;
	color: #212323 !important;

	font-family: "Bree Serif", serif !important;
	font-size: 21px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 25.2px !important;
	letter-spacing: -0.3px !important;

	text-align: center !important;
	text-transform: none !important;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_title > a {
	display: block;

	margin: 0;
	padding: 0;
	border: 0;

	background: transparent !important;
	color: #212323 !important;

	font: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;

	text-align: inherit !important;
	text-decoration: none !important;
	text-transform: inherit !important;
}

/* =========================================================
   COURSE META
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta {
	display: block;

	width: auto;
	height: auto;

	margin: 4.5px 0 0;
	padding: 0;
	border: 0;

	background: transparent;
	color: #717778;

	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 22.5px;

	text-align: center;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_item,
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_date {
	color: #717778;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 22.5px;
	text-align: center;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_date,
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_duration {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

/* Exact visual separator found in the source computed CSS. */
div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_date::after {
	content: "";
	display: inline-block;
	position: relative;

	top: 9px;

	width: 1px;
	height: 29px;

	margin-left: 19.5px;
	margin-right: 15px;

	background-image: url("/wp-content/themes/academee/images/bg_courses.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto;
}

/* =========================================================
   PRICE
   ========================================================= */

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_price {
	display: block;

	width: auto;
	height: auto;

	margin: 20.0025px 0 0;
	padding: 0;
	border: 0;

	background: transparent;
	color: #02bdc3;

	font-family: "Bree Serif", serif;
	font-size: 40.005px;
	font-style: normal;
	font-weight: 300;
	line-height: 40.005px;

	text-align: center;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_period {
	display: inline;

	color: #212323;

	font-family: "Bree Serif", serif;
	font-size: 16.002px;
	font-style: normal;
	font-weight: 300;
	line-height: 40.005px;

	text-transform: lowercase;
}

div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_period::before {
	content: "/";
	margin-left: 2px;
	margin-right: 2px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

/*
 * The computed source was captured at the desktop 1170px layout.
 * These responsive rules preserve the same visual language while
 * allowing the new, longer course titles/meta text to reflow.
 */
@media (max-width: 900px) {
	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns > .trx_addons_column-1_3 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left > .vc_tta-tabs-container {
		display: none !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading {
		display: block !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel {
		margin: 0;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-body {
		margin-top: 0;
		padding: 30px 0;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading > .vc_tta-panel-title {
		font-size: 24px !important;
		line-height: 30px !important;
		letter-spacing: -0.2px !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel-heading > .vc_tta-panel-title > a {
		padding: 16px 20px !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel:not(.vc_active) > .vc_tta-panel-heading > .vc_tta-panel-title > a {
		color: #ffffff !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .vc_tta-panel.vc_active > .vc_tta-panel-heading > .vc_tta-panel-title > a {
		color: #168fee !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns {
		margin-right: 0;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_columns > .trx_addons_column-1_3 {
		width: 100%;
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_info {
		padding-left: 20px;
		padding-right: 20px;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_title {
		font-size: 19px !important;
		line-height: 24px !important;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_price {
		font-size: 34px;
		line-height: 38px;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_date::after {
		display: none;
	}

	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_date,
	div.vc_general.vc_tta.vc_tta-tabs.vc_tta-color-custom.vc_tta-style-classic.vc_tta-shape-rounded.vc_tta-spacing-1.vc_tta-gap-0.vc_tta-tabs-position-top.vc_tta-controls-align-left .sc_courses_item_meta_duration {
		display: block;
	}
}