body {font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: normal; color: var(--body); font-size: 1rem;}
p {color: var(--body); line-height: 1.3; font-size: 1rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'fira sans condensed', sans-serif; font-weight: 700; color: var(--petrol); }
a {color: var(--primary);}
a:hover,
a:focus { color: var(--secondary); }

/* Small only max:639px */
@media print, screen and (max-width:39.937em) {
     .display1 { font-size: 3rem; line-height: normal; margin-top: 2rem; margin-bottom: 0.5rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: 200;}
    .display2 { font-size: 2.7rem; line-height: normal; margin-top: 2rem; margin-bottom: 0.5rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: 200;}
    h1, .h1 { font-size: 2.687rem; }
    h2, .h2 { font-size: 2.312rem; }
    h3, .h3 { font-size: 1.9375rem; }
    h4, .h4 { font-size: 1.5625rem; }
    h5, .h5 { font-size: 1.25rem; }
    h6, .h6 { font-size: 1rem; }
}
/* Medium and up min:640px */
@media print, screen and (min-width:40em) {
    .display1 { font-size: 4rem; line-height: 1; margin-top: 2rem; margin-bottom: 0.5rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: 200;}
    .display2 { font-size: 3.7rem; line-height: 1; margin-top: 2rem; margin-bottom: 0.5rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: 200;}
    h1, .h1 { font-size: 3rem; }
    h2, .h2 { font-size: 2.5rem; }
    h3, .h3 { font-size: 2.15rem; }
    h4, .h4 { font-size: 1.65rem; }
    h5, .h5 { font-size: 1.35rem; }
    h6, .h6 { font-size: 1.1rem; }
}
/* Large and up min:1024px */
@media screen and (min-width:64em) {
    .display1 { font-size: 5rem; line-height: 1; margin-top: 2rem; margin-bottom: 0.5rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: 200; }
    .display2 { font-size: 3.818rem; line-height: 1; margin-top: 2rem; margin-bottom: 0.5rem; font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif; font-weight: 200; }

    /*.display1 { font-size: 6rem; line-height: 1.4; margin-top: 2rem; margin-bottom: 0.5rem; font-family: 'inter', sans-serif; font-weight: 200;}
    .display2 { font-size: 4.818rem; line-height: 1.4; margin-top: 2rem; margin-bottom: 0.5rem; font-family: 'inter', sans-serif; font-weight: 200;}
    .display3 { font-size: 3em; line-height: 1.4; margin-top: 2rem; margin-bottom: 0.5rem; font-family: 'inter', sans-serif; font-weight: 200;}
    h1, .h1 { font-size: 3.815rem; line-height: 1.4; margin-top: 2rem; margin-bottom: 0.5rem; }
    h2, .h2 { font-size: 3.052rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; font-weight: bold;}
    h3, .h3 { font-size: 2.441rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }
    h4, .h4 { font-size: 1.953rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; font-weight: 600; color: #555;}
    h5, .h5 { font-size: 1.563rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }
    h6, .h6 { font-size: 1.25rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }*/ }



.page-homepage .full-screen .comp-banner-media { height: 100vh; }
.page-homepage .full-screen .comp-banner-media video,
.page-homepage .full-screen .comp-banner-media img {min-height: 100vh;}

.enable-top-padding, .padding-top-enable {}

ul.cheeseburger-menu__mainmenu li a { font-size: 18px; }
.cheeseburger-menu__backdrop { z-index: 8; }
.cheeseburger-menu__backdrop { z-index: 8; }
.cheeseburger-menu__item-label { min-height: 30px;}
.block-cheeseburgermenu-container { position: fixed; top: 0; right: 0; left: unset;}


[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea{
    margin-bottom:0 ;
}


.ui-dialog { max-width: 63.937rem; }
.ui-widget-header { border: 0; background: transparent; color: #333333; font-weight: bold; }
.ui-dialog .ui-dialog-title { display: none; }
.ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { border: 0; z-index: 1000; top: 11px; position: relative; right: 0px; float: right; width: 2rem; height: 2rem; background: transparent;}
.ui-widget-header .ui-icon { background-image: url(/themes/custom/component_theme/images/close.svg) !important; width: 2rem; height: 2rem; background: transparent; top: 0; left: 0; margin-top: 0; margin-left: 0; }
/*.ui-icon-closethick { background-position: 0px 0px; }*/
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {background: transparent;}

.comp-banner-content {width: 100%;}

/*.upper_menu nav  { background-color: #007cbd;}
.main_menu nav ul,
.upper_menu nav ul {margin: 0;}
.main_menu nav ul li,
.upper_menu nav ul li {margin: 0.5rem;}
.upper_menu nav ul li a {font-size: 0.8rem;}*/

.form-container { padding: 2rem 0 }
.form-container h2 { max-width: 90rem; margin: 0 auto; padding: 0rem 0.9rem 2rem; }

.ui-accordion .ui-accordion-header { background-color:transparent; border: solid 1px #ccc; border-right: unset; border-left: unset; border-bottom: unset; border-radius: 0;}
.ui-accordion-header a {font-weight: bold;}
.ui-accordion-header.ui-state-active a,
.ui-accordion-header.ui-state-active a:link,
.ui-accordion-header.ui-state-active a:visited { color: #dc006b /*{fcActive}*/ ; text-decoration: none; }
.ui-accordion .ui-accordion-content { border: solid 0px #ccc; border-bottom: solid 1px #ccc; border-radius: 0;}

.sidebar-grid.grid-container.grid-x { margin-top: 3rem; }
.lessons-page {padding: 0.9375rem;}

 
/*FOOTER*/
.footer-social { padding: 2rem; }
nav.footer-menu-2 .block-menu__content ul,
nav.footer-menu .block-menu__content ul { display: flex; flex-direction: column; align-items: flex-start; }
nav.footer-menu-2 .block-menu__content ul li,
nav.footer-menu .block-menu__content ul li { margin: 0 }
.footer-columns.grid-container.grid-x.grid-padding-x.small-up-1.medium-up-3.large-up-3:nth-child(2) div { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.footer-columns .cell.col-2 div { display: flex; justify-content: center; }
.footer-menu-2 { margin-left: 2rem; padding-left: 1rem; border-left: 1px solid #fff; }
.footer-columns-out { position: relative; }
 
.footer-logo { margin-bottom: 1rem; }
.contact-info { margin: 0; }
.contact-info p { color: #fff; margin: 1rem 0 }
.contact-info a { color: #fff; }
.footer-logo-emblem img { width: 130px; margin: auto; }
.footer-logo-emblem { display: flex; justify-content: center; flex-direction: column; align-items: center; }



/*SOCIAL MEDIA*/

.social { display: table; margin:1rem 0.5rem; }
.social { width: 25px; }
.social img { width: 25px; height: 25px; }
/*.footer-social { margin: 2rem; width: 25px; }*/
/*.footer-free-trial .comp-text-btn a { margin: 0; line-height: 1; display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(280deg, #9640AA 0%, #1B2029 70%), #00B5E2; border-radius: 10px; color: #fff; }*/


/*PARAGAPHS GENERIC*/

.remove-side-padding {padding: 0;}
.enable-top-padding,
.padding-top-enable { padding-top: 2rem; }
.enable-bottom-padding,
.padding-bottom-enable { padding-bottom: 2rem; }
.enable-top-margin,
.margin-top-enable { margin-top: 2rem !important; }
.enable-bottom-margin,
.margin-bottom-enable { margin-bottom: 2rem !important; }



/* Small only */
@media screen and (max-width:39.9375em) {
    .hero-image .comp-banner-body p { font-size: 1.5rem; padding: 0.2rem 1rem; line-height: 1; }
    .hero-image .comp-banner-body p { margin: 0rem; font-size: 1.8rem; }
    .sup-menu ul { display: flex; flex-direction: column; justify-content: flex-end; align-items: start !important; }
}

/* Medium and up */
@media screen and (min-width:40em) { }

/* Medium only 
@media screen and (min-width:40em) and (max-width:63.9375em) { 
.comp-sidebar-image-content {width: 100%;}
}

/* Large and up */
@media screen and (min-width:64em) { }

/* Large only */
@media screen and (min-width:64em) and (max-width:74.9375em) { }