/*
 Theme Name:   Lusa Language School Template
 Theme URI:    https://lusaschool.com
 Description:  Lusa Language School Template
 Author:       Tiago Martins
 Author URI:   https://tiagomartins.eu
 Template:     understrap
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         lusa, language, school, portuguese
 Text Domain:  lusaschool-template

 =============================================================

 Sections:
 - Header navigation
 - Homepage
 - Divided callout section (Do you want to learn <language>?)
 - Info/slideshow section
 - Courses
 - Courses carousel
 - Courses tabs (list-group nav)
 - Courses individual
 - Reasons to study Portuguese.online-intensive-course-icons
 - Testimonials
 - Video Testimonials
 - Our facebook
 - Social row
 - Footer
 - Header top & nav bars
 - Map
 - Page template
 - Forms
 - Confirmation pages
 - Blog
 - Sidebars
 - Certification
 - Social activities
 - Teaching Methodology
 - Testimonials
 - WPML
*/

/* ========================================================================= */

/*body {
    overflow-y: hidden;
    max-width: 100%;
}*/

/* ========================================================================= */

*
{
    font-family: 'Poppins', sans-serif;
}

/*body {
    max-width: 100%;
    overflow-x: hidden;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/

.container-fluid {
    overflow-x: hidden;
}

a {
    color: #0097CE !important;  /*#5EC0E1*/
}

b {
    color: #0097CE;
}

ul, ol {
    /* Reset list style */
    list-style: none;
    margin-block-start: 0;
    padding-inline-start: 0;
}

.tab-content > .active {
    display: flex !important;
}

.py-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.px-10 {
    padding-left: 6rem;
    padding-right: 6rem;
}

.pt-10 {
    padding-top: 6rem;
}

.pb-10 {
    padding-bottom: 6rem;
}

.pl-6 {
    padding-left: 6rem !important;
}

.pr-6 {
    padding-right: 6rem !important;
}

.h-400 {
    height: 400px;
}

.mh-400 {
    min-height: 400px;
}

.text-blue {
    color: #0097CE !important;
}

.text-blue-2 {
    color: #00719C !important;
}

.text-blue-3 {
    color: #00ACD8 !important;
}

.text-dark {
    color: #231F20 !important;
}

.decor-line:after {
    content: "";
    display: block;
    height: 5px;
    width: 57px;
    background-color: #0097CE;
    margin: 26px 0;
}

.decor-line-large:after {
    width: 80px;
}

.decor-line.decor-center:after {
    margin: 0 auto !important;
    margin-top: 26px !important;
    margin-bottom: 26px !important;
}

.decor-line.decor-bright:after {
    background-color: #5EC0E1;
}

.decor-line.half-margin:after {
    margin: 10px 0 !important;
}

.decor-line.decor-white:after {
    background-color: #FFF;
}

.decor-line.m-0:after {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.decor-line.m-1:after {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important;
}

.decor-line.mb-2:after {
    margin-bottom: .5rem!important;
}

img.fit-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.fa-1dot5em {
    font-size: 1.5em !important;
}

.font-size-14 {
    font-size: 14px !important;
}

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

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-35 {
    font-size: 35px !important;
}

.font-size-39 {
    font-size: 39px !important;
}

.line-height-53 {
    line-height: 53px !important;
}

.line-height-65 {
    line-height: 65px !important;
}

@media only screen and (max-width: 768px) {
    .font-size-35-smallscreens {
        font-size: 35px !important;
    }
}

.btn-lusa {
    background-color: #0097CE !important;
    color: #FFF !important;
    font-size:17px !important;
    font-weight:500 !important;
    line-height:26px !important;
    border-radius:2px !important;

    padding-left:80px !important;
    padding-right:80px !important;
}

.btn-lusa:hover {
    background-color:#00719C !important;
}

.btn-lusa:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 163, 255, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(51, 163, 255, 0.25) !important;
}

.btn-lusa.btn-negative {
    background-color:#FFF !important;
    color: #0097CE !important;
}

.btn-lusa.btn-negative:hover {
    background-color: #CEE9F4 !important;
}

.btn-lusa.btn-outline {
    background-color: transparent !important;
    border: 2px solid #FFF;
}

.btn-lusa-o {
    background-color: transparent !important;
    color: #0097CE !important;
    border: 2px solid #0097CE !important;
    border-radius: 2px !important;
}

.btn-lusa-o:hover {
    color: #FFF !important;
    border-color: #00719C !important;
}

.btn-rounded {
    height: 35px;
    width: 190px;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-align: center;
    background-color: transparent !important;
    border: 2px solid #FFF !important;
    border-radius: 50px !important;
    padding: 7px 0 0 0 !important;
}

.btn-rounded:hover,
.btn-rounded:active,
.btn-rounded.active {
    background-color: #FFF !important;
    color: #0097CE !important;
}

.btn-blue {
    background-color: #00719C !important;
    color: #FFF;
}

.btn-white {
    background-color: #FFF !important;
    color: #0097CE !important;
}

.btn-white:hover {
    color: #FFF !important;
    background-color: #0097CE !important;
}

.btn-no-mw {
    min-width: 0;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 68px;
    line-height: 50px !important;
}

.btn-no-mw i.fa {
    padding: 7px;
}

.input-group-append > input.btn {
    color: #FFF !important;
    background-color: #0097CE !important;
    border-color: #0097CE !important;
    border-radius: 2px;
    transition: 500ms linear;
}

.input-group-append > input.btn:hover {
    border-color: #024C67 !important;
    background-color: #024C67 !important;
}

div.input-group > input.form-control:active,
div.input-group > input.form-control:focus,
.input-group-append > input.btn:active,
.input-group-append > input.btn:focus {
    outline: 0;
    border-color: #b3dbff !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 192, 225, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(94, 192, 225, 0.25) !important;
}

.bg-white {
    background-color: #FFF;
}

.bg-blue-1 {
    background-color: #00719C;
}

.bg-blue-2 {
    background-color: #024C67;
}

.bg-blue-3 {
    background-color: #012634;
}

.bg-blue-4 {
    background-color: #CEE9F4;
}

.bg-blue-5 {
    background-color: #0097CE;
}

.bg-gray {
    background-color: #E0E0E0;
}

.bg-dark-gray {
    background-color: #545755 !important;
}

.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-image-1 {
    background-image: url('assets/images/bg-1.jpg');
}

.bg-image-2 {
    background-image: url('assets/images/bg-2.jpg');
}

.bg-image-3 {
    background-image: url('../../../wp-content/uploads/2019/10/Home-Parallax-1920-1080-Why-Chose.jpg');
}

.bg-image-4 {
    background-image: url('../../../wp-content/uploads/2019/10/Parallax-1920-1080-Certification.jpg');
}

.bg-image-5 {
    background-image: url('../../../wp-content/uploads/2019/11/Teachinh-Parallax-1920-1080-Materiais.jpg');
}

.bg-image-blog {
    background-image: url('../../../wp-content/uploads/2019/10/Hero-Image-Title-1920-650-Blog.jpg');
}

.bg-image-home-1 {
    background-image: url('../../../wp-content/uploads/2022/01/Home-Slider-1920-650-011.jpg');
}

.bg-image-video-preview {
    background-image: url('assets/images/video-preview.jpg');
}

.bg-image-half-1 {
    background-image: url('assets/images/bg-half-1.jpg');
    background-size: cover;
}

.bg-image-half-2 {
    background-image: url('../../../wp-content/uploads/2019/10/Home-Sections-1024-768-Levels.jpg');
    background-size: cover;
}

.bg-image-half-3 {
    background-image: url('../../../wp-content/uploads/2019/10/Home-Sections-1024-768-Caple.jpg');
    background-size: cover;
}

.bg-image-half-4 {
    background-image: url('../../../wp-content/uploads/2019/10/Home-Sections-1024-768-Accreditations.jpg');
    background-size: cover;
}

.bg-image-half-5 {
    background-image: url('../../../wp-content/uploads/2019/10/Business.jpg');
    background-size: cover;
}

.bg-image-accomodation {
    background-image: url('assets/images/bg-accomodation.jpg');
}

.text-white {
    color: #FFF !important;
}

.text-light-gray {
    color: #E0E0E0;
}

.text-darkblue {
    color: #012634;
}

.text-darker {
    color: #231F20 !important;
}

table.table-lusa > thead > tr {
    height: 60px;
    font-size: 15px;
    background-color: #00719C;
    color: #FFF;
}

table.table-lusa > thead > tr > th,
table.table-lusa > tbody > tr > td {
    vertical-align: middle;
}

table.table-lusa > tbody > tr {
    height: 60px;
    color: #231F20;
    font-size: 15px;
    /*line-height: 23px;*/
}

td.post-title {
    white-space: nowrap;
}

#full-width-page-wrapper {
    padding: 0;
}

img.grayscale {
    transition: 0.3s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
img.grayscale:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.icon-in-row {
    max-width: 150px;
}

.icon-in-row-small {
    max-width: 100px;
}

.cursor-pointer {
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .compact-font {
        letter-spacing: -4px;
    }
}

.icon-swipe-helper {
    max-width: 100px;
}

/* Fix link insertion in certain blocks */
.d-inline-flex > a,
.d-flex > a {
    display: contents;
}

/* =========================================================================
 * Header
 * =========================================================================*/

/*
@media only screen and (max-width: 1200px) {
    header.entry-header {
        max-height: 35vh;
        overflow: hidden;
    }
}
*/

.hero-page {
    background-size: cover;
}

@media only screen and (min-width: 1200px) {
    .hero-page {
        height: 60vh;
    }
}

.overlay-blue {
    background: linear-gradient(180deg, #012634 0.12%, rgba(1,38,52,0.3) 100%);
}

/* =========================================================================
 *  	Header navigation
 * =========================================================================*/

#wrapper-navbar {
    /*position: fixed;*/
    z-index: 1000;
    width: 100%;
    background: #FFF;
}

/*#wrapper-navbar.toggled {
    top: 0;
    position: fixed;
}*/

/* When its toggled */
#wrapper-navbar.fixed-top {
    top: 41px;
}

/* Fixed navbar needs extra spacing when user is logged in */
@media only screen and (min-width: 768px) {
    body.logged-in #wrapper-topbar.fixed-top {
        top: 32px;
    }

    body.logged-in #wrapper-navbar.fixed-top {
        top: 73px;  /* 32px (adminbar) + 45px (topbar) */
    }
}

button.navbar-toggler {
    background: #0097ce;
}

#navbarNavDropdown {
    background: #FFF;
    z-index: 2;
}

ul.dropdown-menu {
    width: 100%;
}

ul.dropdown-menu.show {
    display: inline-table;
}

ul.dropdown-menu > li.menu-item {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

ul.dropdown-menu > li.menu-item > a:active {
    background-color: WhiteSmoke;
}

/*ul.dropdown-menu > li.menu-item > a.dropdown-item {
	padding-left: 2.5rem;
}*/

/*ul.dropdown-menu > li.menu-item {
	display: flex;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	
	/* align-items-center
	-webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -moz-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}*/

/* =========================================================================
 * Navigation third level fix (not supported by Bootstrap and therefore neither by Understrap)
 *
 * Adressed in:
 * https://github.com/understrap/understrap/issues/483
 * https://github.com/understrap/understrap/issues/567#issuecomment-406863994
 * =========================================================================*/

.menu-item-has-children .menu-item-has-children:hover > .dropdown-menu {
    display: inline-table !important;
    top: -9px;
    /*left: 215px;*/
    left:100%;
    float:left;
}

.menu-item-has-children .menu-item-has-children:hover {
    background-color: WhiteSmoke;
}

/* Submenus */

ul.dropdown-menu {
    border-radius: 0;
    border: none;
    margin: 0;
}

ul.dropdown-menu > li.menu-item {
    height: 45px !important;
    width: 100%;
}

@media (max-width:991px) {
    ul#main-menu li.menu-item {
        clear:both;
    }
}
/*
ul.dropdown-menu > li.menu-item:before {
	content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url('/wp-content/uploads/icons/blue-light/Arrow-M-Right.svg');
    background-size: cover;
    background-position: center;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
*/

/*2nd level*/
ul.dropdown-menu > li.menu-item > ul.dropdown-menu > li.menu-item:before {
	content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url('/wp-content/uploads/icons/blue-light/Arrow-M-Right.svg');
    background-size: cover;
    background-position: center;
    left: 1rem;
    /*top: 50%;
    transform: translateY(-50%);*/
    transform: translateY(175%);
}

ul.dropdown-menu > li.menu-item > ul.dropdown-menu > li.menu-item > a.dropdown-item {
    padding-left: 2rem !important;
}

li.menu-item {
    display: list-item !important;
}

/* 1st level */
.dropdown-item {
    padding-right: 2rem !important;
}

/* 2nd level */
/*ul.dropdown-menu > li.menu-item > ul.dropdown-menu > li.menu-item {
    padding-right: 3rem !important;
}*/

/* ul.dropdown-menu > li.menu-item:after */
.menu-item-has-children > .dropdown-item:after {
	content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background-image: url('/wp-content/uploads/icons/grey/Arrow-Right.svg');
    background-size: cover;
    background-position: center;
    /*transform: translateY(-50%);*/
	top: 50%;
    margin-top: -4px;
	right: 1rem;
}

/*ul.dropdown-menu > li.menu-item:before {
	/*content: url('/wp-content/uploads/icons/blue/Arrow-M-Right.svg');
	width: 32px;
	height: 32px;
	background: url('/wp-content/uploads/icons/blue/Arrow-M-Right.svg');
}
*/

/*ul.dropdown-menu {
	list-style-image: url('/wp-content/uploads/icons/blue/Arrow-M-Right.svg');
	list-style-position: inside;
}*/

/*ul.dropdown-menu > li.menu-item:before {
    font-family: FontAwesome;
    content: "\f061";
    display: inline-block;
    font-size: 10px;
}*/

/*.dropdown-item {
    display: inline !important;
}*/

ul.dropdown-menu > li.menu-item > a.dropdown-item {
    height: 100%;
    width: 100% !important;
    color: #231F20 !important;
    font-size: 15px;
}

ul.dropdown-menu > li.menu-item:hover:before,
ul.dropdown-menu > li.menu-item:hover > a.dropdown-item,
ul.dropdown-menu > li.menu-item.active > a.dropdown-item {
    border: none;
    color: #00ACD8 !important;
}

li.menu-item.active > a {
    border-bottom: 6px solid #0097CE;
}

li.menu-item:not(.menu-item-has-children) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*max-height: 41px;*/
}

div#navbarNavDropdown,
ul#main-menu,
ul#main-menu > li {
	height: 100%;
}

@media only screen and (min-width: 992px) {
	ul#main-menu {
		align-items: center;
	}
	
	ul#main-menu > li.menu-item {
		display: flex !important;
	}
	
	#wrapper-navbar,
	#wrapper-navbar .navbar {
		height: 95px;
	}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .3rem!important;
        padding-left: .3rem!important;
    }
}

ul#main-menu > li > a.nav-link {
	-webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    align-self: center!important;
    outline:0!important;
    box-shadow:none!important;
}

/* =========================================================================
 * Header Top & Nav bars
 * =========================================================================*/

#wrapper-topbar {
    height: auto;
    background-color: #024C67;  /* #383939 */
    color: #FFF;
}

.header-link {
    color: #FFF !important;
    font-size: 12px;
    line-height: 17px;
    /*text-transform: capitalize;*/
    text-decoration:none!important;
}

@media (min-width:992px) {
    .header-link {
        font-size:13px;
    }
}

.header-link:hover,
.header-link.active {
    color: #5EC0E1 !important;
}

.header-link i.fa {
    padding-right: 0.5rem;
    font-size: 14px;
}

.header-link.language-selector {
    font-size: 14px !important;
}

.language-selector.selected {
    font-weight: bold;
}

.navbar-brand > img {
    max-height: 50px;
    width: auto;
}

ul#main-menu li.menu-item {
    padding: 0 10px;
}

@media (min-width:992px) and (max-width:1199px) {
    ul#main-menu li.menu-item {
        padding:0 2px;
    }
    ul#main-menu li.menu-item a {
        font-size:14px;
    }
}



@media (min-width: 992px) {
    ul#main-menu li.menu-item:last-of-type {
        padding-right: 0px!important;
    }
    .navbar-expand-lg .navbar-nav  li.menu-item:last-of-type .nav-link:last-of-type {
        padding-right: 0px!important
    }
}


a.nav-link {
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    color: #231F20 !important;
    text-transform: uppercase;
    white-space: nowrap;
}

a.nav-link:hover,
a.nav-link.active {
    color: #5EC0E1 !important;
}

/* =========================================================================
 * Homepage
 * =========================================================================*/

.custom-card-1 {
    height: 100%;
    background: #FFF;
}

/*div.slick-slider.justify-content-center > div.slick-list,
div.slick-slider.justify-content-center > div.slick-list > div.slick-track {
    text-align: center !important;
    justify-content: center!important;
}*/

/*@media only screen and (min-width: 768px) {
    #slick-slider-language-school-in-lisbon div.col-12 {
        min-height: 500px !important;
    }
}*/

#expand-reasons-to-study-portuguese {
    color: #0097CE;
    font-size: 35px;
    cursor: pointer;
}

#expansion-panel-reasons-to-study-portuguese {
    display: none;
}

/* =========================================================================
 *      Homepage header slider
 * =========================================================================*/

.hero-home {
    background-size: cover;
    /*background: linear-gradient(180deg, #012634 0.12%, rgba(1,38,52,0.3) 100%);*/
}

.hero-home-title {
    font-weight: bold;
    font-size: 3.125rem;    /*50px;*/ /*58px*/
    line-height: 87px;
}

@media only screen and (max-width: 767px) {
    .hero-home-title {
        font-size: 45px;
        line-height: 67px;
    }
}

h2.hero-home-title {
    font-weight: bold;
    font-size: 40px; /*58px*/
    line-height: 87px;
}

.hero-home-lead {
    font-size: 19px;
    line-height: 29px;
}

.slick-slide:focus {
    outline: none !important;
}

div.slider-preview {
    /*background-image: url('assets/images/slider-1.jpg');*/
    background-size: cover;
    height:102px;
    max-width:288px;
    padding:10px;
    
    transition: 500ms linear;
}

div.slider-preview-content {
    position: relative;
    width: 100%;
    height: 100%;
}

i.slider-preview-arrow {
    right: 5px;
    top: -2px;
    position: absolute;
    font-size: 32px;
    color: #00ACD8;
}

.slider-preview-title {
    position: absolute;
    bottom: 0;

    font-size: 17px;
    line-height: 20px;
    text-align:left;
    color: #FFF;    /*#00ACD8;*/ /*#CEE9F4*/
}

div.slider-preview:hover,
div.slider-preview.active {
    cursor: pointer;
    border: 3px solid #FFFFFF;
    border-radius: 2px;
}

div.slider-preview:hover .slider-preview-title,
div.slider-preview.active .slider-preview-title {
    color:#FFF;
    /*font-weight:bold;*/
}

div.slider-preview:hover i.slider-preview-arrow,
div.slider-preview.active i.slider-preview-arrow {
    color:#FFF;
}

.hero-after-title {
    font-weight: bold;
    font-size: 45px;
    line-height: 58px;
    color: #231F20;
}

.hero-after-text {
    color: #383939;
    font-size: 19px;
    line-height: 29px;
}

/* =========================================================================
 * Divided callout section (Do you want to learn <language>?)
 * =========================================================================*/

.callout-title {
    font-size: 45px;
    font-weight: bold;
    line-height: 58px;
}

.row-callout {
    /*height: 485px;*/
    min-height: 485px;
}

ul.split-section-list {
    color: #FFF;
    font-size: 21px;
    line-height: 38px;
}

ul.list-style-1,
ul.list-style-2 {
    list-style:none;
}

ul.list-style-1 li:before {
    font-family: FontAwesome;
    content: "\f054"; /* FontAwesome Unicode */
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

ul.list-style-2 li:before {
    font-family: FontAwesome;
    content: "\f061"; /* FontAwesome Unicode */
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

ul.list-style-color-blue li:before {
    color: #0097CE;
}

ul.list-style-color-white li:before {
    color: #FFF;
}

ul.list-adjust-ml {
    margin-left: 1em !important;
}

ul.list-adjust-ml-2 {
    margin-left: 2em !important;
}

/* =========================================================================
 * Info-slideshow section
 * =========================================================================*/

 /* =========================================================================
 * Courses
 * =========================================================================*/

 .card-course {
    cursor: pointer;
}

.card-course, .card-text {
    -webkit-transition: opacity .75s ease-in-out;
    -moz-transition: opacity .75s ease-in-out;
    -ms-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
    transition: opacity .75s ease-in-out;
}

.course-overlay-background {
    background: linear-gradient(180deg, rgba(44,44,44,0) 0%, #2C2C2C 100%);
}

.card-course:hover .course-overlay-background,
.card-course.active .course-overlay-background {
    background: linear-gradient(180deg, rgba(1,38,52,0.3) 0%, #012634 100%);
}

.bookmark-right {
    height: 42px;
    width: 175px;
    background-color: #0097CE;
    color: #FFF;
}

.course-bookmark {
    top: 30px;
    right: 0;    /* 15px equal to the padding imposed by the .col class */
}

.card-course .card-title {
    font-size: 20px;
    line-height: 30px;
}

.card-course .card-text {
    font-size: 14px;
    line-height: 23px;

    /* hide until hover */
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.card-course:hover .card-text,
.card-course.active .card-text {
    opacity: 1;
    position: relative;
    visibility: visible;
}

.card-course:hover h2.card-course-title:after {
    /* Emulate 'decor-line' class on hover */
    content: "";
    display: block;
    height: 5px;
    width: 57px;
    background-color: #0097CE;
}

@media only screen and (max-width: 1200px) {
    h2.card-course-title {
        line-height: 27px !important;
    }
}

/* Always show card overlay on mobile (no hover necessary) */
@media only screen and (max-width: 767px) {
    .card-course .course-overlay-background {
        background: linear-gradient(180deg, rgba(1,38,52,0.3) 0%, #012634 100%);
    }

    .card-course .card-text {
        opacity: 1;
        position: relative;
        visibility: visible;    
    }
}

/* =========================================================================
 * Courses carousel
 * =========================================================================*/

.text-carousel-body {
    color: #0097CE;
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
}

.carousel-selector {
    height:60px;
    line-height: 60px;
    max-width:90%;

    border-bottom:2px dotted #CCC;
    color: #231F20;
    font-size: 20px;
    font-weight: bold;
}

.carousel-selector.active {
    color:#0097CE;
}

.selected-indicator:before {
    content: "";
    display: block;
    height: 5px;
    width: 38px;
    background-color: #231F20;;
    margin: 26px 0;
    margin-right: 28px;
}

/* 50% background slider */

.slick-slider.bg-slider.h-100 div.slick-list,
.slick-slider.bg-slider.h-100 div.slick-track {
    height: 100%;
}

.slick-slider.bg-slider.h-100 img.slick-slide {
    object-fit: cover;
}

/* =========================================================================
 * Courses tabs (list-group nav)
 * =========================================================================*/

.courses-select-tab {
    text-align: center;
    color: #231F20;
    background-color: #C2C3C3;
    transition: 200ms linear;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .courses-select-tab {
        border-left: 1px solid #FFF;
    }
}

.courses-select-tab:first-child {
    border-left: none;
}

.courses-select-tab:hover,
.courses-select-tab.selected,
.courses-select-tab:active {
    color: #FFF;
    background-color: #383939;
}

.courses-select-tab > a[role="tab"] {
    color: #231F20 !important;
    text-decoration: none;
}

.courses-select-tab > a[role="tab"].active,
.courses-select-tab > a[role="tab"]:hover {
    color: #FFF !important;
}

img.course-custom-border {
    border: 4px solid #0097CE;
}

img.course-custom-border-gray {
    border: 4px solid #6F7271;
}

img.course-custom-border-white {
    border: 4px solid #FFF;
}

/* =========================================================================
 * Courses individual page
 * =========================================================================*/

/* =========================================================================
 * Reasons to study Portuguese
 * =========================================================================*/

.reasons-list {
    font-size: 15px;
    line-height: 23px;
    color: #231F20;
}

/* =========================================================================
 * Testimonials
 * =========================================================================*/

.testimonial-author {
    color: #231F20;
    font-size: 19px;
    line-height: 29px;
 }

div.nav-testimonials i {
    transition: 200ms linear;
 }

div.nav-testimonials i:hover,
div.nav-testimonials i.active {
    cursor: pointer;
    color: #5EC0E1 !important;
    /*font-size: 3.5em;*/
}

.testimonials-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}


.testimonials-container {
    background: #FFF;
    border: 4px solid #0097CE;
    border-radius: 4px;
    text-align: center;
}

.testimonials-author-image {
    border: 4px solid #0097CE;
    border-radius: 50%;
    width: 100px;
}

/* =========================================================================
 * Video Testimonials (Hear what our students have to say about our school)
 * =========================================================================*/

.circle-bg {
    width: 65px;
    height: 65px;
    background-color: #00ACD8;
    border-radius: 50%;
}

.circle-bg i.video-testimonial-play {
    color: #FFF;
    position: relative;
    top: 16px;
    left: 3px;
}

.video-testimonial * {
    transition: 200ms linear;
}

.video-testimonial:hover {
    cursor: pointer;
}

.video-testimonial:hover i.video-testimonial-play,
.video-testimonial.active i.video-testimonial-play {
    color: #00ACD8;
}

.video-testimonial:hover .circle-bg,
.video-testimonial.active .circle-bg {
    background-color: #FFF;
}

.carousel-control-prev.inverted,
.carousel-control-next.inverted {
    filter: invert(100%);
}

.carousel-control-prev-icon > img,
.carousel-control-next-icon > img {
    max-width: none;
    width: 50px;
}

@media only screen and (max-width: 767px) {
    .carousel-control-prev img,
    .carousel-control-next img {
        max-width: none;
        width: 25px;
        height: auto;
    }
}

.color-white {
    color: #FFF !important;
}

/* =========================================================================
 * Social Row
 * =========================================================================*/

/* =========================================================================
 *      Our Facebook
 * =========================================================================*/

.post-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.post-excerpt {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 23px;

    /* text overflow and ellipsis properties
    height: 85px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;*/
}

.post-link {
    color: #024C67 !important; /* original: #FFF */
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    text-decoration:underline;
}

.post-image-preview {
    max-height: 175px;
    object-fit: cover;
}

/* =========================================================================
 *      Our Instagram
 * =========================================================================*/

#instagram-image-display {
    height: 175px;
    width: 400px;
    background-image: url('assets/images/sample-instagram.jpg');
    background-size: cover;
}

/* =========================================================================
 *      Our Blog
 * =========================================================================*/

/* =========================================================================
 * Supported by
 * =========================================================================*/

/* =========================================================================
 * Footer nav
 * =========================================================================*/

/* =========================================================================
 *      Footer courses nav menu
 * =========================================================================*/

#menu-footer-courses > li > a,
#menu-footer-courses-pt-pt > li > a
{
    color: #FFF !important;
    font-size: 14px;
    line-height: 28px;
    text-decoration: underline;
    text-transform: capitalize;
}

/* =========================================================================
 * Footer
 * =========================================================================*/

#wrapper-footer {
    padding: 20px 0 !important;
    background-color: #1B1D1C;
    color:#E0E0E0;
}

h5.footer-nav-header {
    color: #00ACD8;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

a.link-social {
    color:#E0E0E0 !important;
    padding-left: 10px;
}

a.link-social:hover {
    color:#5EC0E1 !important;
}

.footer-about {
    color: #E0E0E0;
    font-size: 14px;
    line-height: 21px;
}

.footer-nav {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.footer-nav a {
    color: #FFF !important;
    font-size: 14px;
    line-height: 28px;
    text-decoration: underline;
    text-transform: capitalize;
}

.footer-nav a:hover,
.footer-nav a.active {
    color: #5EC0E1 !important;
}

#footer-instagram-posts img.card-img {
    max-width: 135px;
    /*height: auto;*/
}



/* =========================================================================
 * Map
 * =========================================================================*/

#wrapper-map,
#wrapper-map > div.container-fluid {
    height: 410px;
}

.map-box-col-6 {
    height: 250px;
}

/* =========================================================================
 * Page template
 * =========================================================================*/

/* Moved to 'Header' section */

/* =========================================================================
 * Forms
 * =========================================================================*/

.rectangle-wrapper {
    background-color: #E0E0E0;
    border-radius: 2px;
}

.bold-1 {
    color: #0097CE;
    font-weight: bold;
}

.border-social {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    text-align: center;
    padding-top: 11px;

    color: #FFF;
    background-color: #0097CE;
    
    transition: 500ms linear;
}

.border-social:hover {
    background-color: #024C67;
}

.wpcf7-mw-0 .wpcf7 {
    max-width: none !important;
}

.wpcf7-textarea,
.wpcf7-text {
    height: 50px;
    background-color: #FFFFFF;
    border: 2px solid #E0E0E0;
    border-radius: 2px;
}

.wpcf7-form-control:focus,
.wpcf7-form-control:active {
    outline: 0;
    border-color: #b3dbff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 192, 225, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(94, 192, 225, 0.25) !important;
}

.wpcf7-submit {
    color: #FFF !important;
    background-color: #0097CE !important;
    border-color: #0097CE !important;
    border-radius: 2px;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    width: 290px;
    max-width: 290px;

    transition: 500ms linear;
}

.wpcf7-submit:hover {
    border-color: #024C67 !important;
    background-color: #024C67 !important;
}

.input-label {
    color: #1B1D1C;
    font-size: 15px;
    line-height: 23px;
}

.textarea-h-110 {
    height: 110px !important;
}

.textarea-h-250 {
    height: 250px !important;
}

.label-highlight {
    color: #00719C;
    font-style: italic;
}

.logo-enrolment-form {
    max-width: 240px;
}

@media only screen and (max-width: 767px) {
    #enrolment-form form.wpcf7-form > div.row > div:not(:first-child) {
        padding-top: 1.5rem;
    }
}

input[name="like-date-day"],
input[name="like-date-month"] {
    width: 70px !important;
}

input[name="like-date-year"] {
    width: 80px !important;
}

span.date-separator {
    width: 20px;
    text-align: center;
    padding-top: 7px;
}

/* =========================================================================
 * Confirmation pages
 * =========================================================================*/

.text-subheader {
    font-size: 36px;
}

.border-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    padding-top: 32px;
    color: #FFF;
    font-size: 32px !important;
}

.bg-color-success {
    background-color: #4CE2A7;
}

.bg-color-error {
    background-color: #E24C4C;
}

.follow-us-text {
    font-size: 26px;
}

/* =========================================================================
 * Blog
 * =========================================================================*/

.btn-read-more {
    height: 68px;
    width: 288px;
}

.blog-archive-title {
    color: #231F20;
    font-size: 35px;
    font-weight: bold;
}

.blog-archive-title > a {
    color: #231F20 !important;
}

.blog-archive-title > a:hover {
    color: #5EC0E1 !important;
}

img.archive-blog-post-image {
    width: 100%;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0097CE !important;
    border-color: #0097CE !important;
}

article.post:not(:first-child) {
    padding-top: 3rem;
}

.entry-footer-holder {
    background-color: #E0E0E0;
    border-radius: 2px;
    min-height: 60px;
}

div#comments {
    padding-top: 3rem!important;
}

/* =========================================================================
 * Sidebars
 * =========================================================================*/

/* =========================================================================
 *      Courses sidebar (left)
 * =========================================================================*/

aside.widget_nav_menu > h3.widget-title {
    color: #A6A7A7;
    font-size: 20px;
    line-height: 38px;
}

/*aside.widget_nav_menu > div > ul*/
ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt),
ul > li.cat-item {
    /* Customization */
    color: #383939;
    font-size: 14px;
    line-height: 21px;
}

ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt) > li,
ul > li.cat-item {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dotted #8A8C8B;
}

ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt) > li > a,
ul > li.cat-item > a {
    color: #383939 !important;
}

ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt) > li > a:hover,
ul > li.cat-item > a:hover {
    color: #0097CE !important;
}

ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt) > li.active,
ul > li.cat-item.active {
    border-bottom: 4px solid #0097CE;
}

ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt) > li.active > a,
ul > li.cat-item.active > a {
    color: #0097CE !important;
    font-weight: bold;
}


ul.menu:not(#menu-footer-courses):not(#menu-footer-courses-pt-pt) > li.active > a:before,
ul > li.cat-item.active > a:before {
    font-family: FontAwesome;
    content: "\f061"; /* FontAwesome Unicode */
    display: inline-block;
    margin-left: 0;
    width: 1.3em; /* same as padding-left set on li */
}

@media only screen and (max-width: 991px) {
    div.col-left-sidebar ul.menu {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    div.col-left-sidebar ul.menu {
        width: 220px;
    }
}

/* =========================================================================
 *      Blog sidebar (right)
 * =========================================================================*/

aside.widget:not(.widget_nav_menu) > h3.widget-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #00ACD8;
}

aside.widget:not(:first-child):not(.widget_nav_menu) h3.widget-title {
    padding-top: 3rem;  /* pt-5 */
}

/* We want the :first-child to have a padding-top on mobile */
@media only screen and (max-width: 768px) {
    aside.widget:not(.widget_nav_menu) h3.widget-title {
        padding-top: 3rem;  /* pt-5 */
    }
}

aside#fblikebox_widget_shortcode-2 > h3.widget-title {
    display: none;
}

/* =========================================================================
 * Certification
 * =========================================================================*/

img.certification {
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
}

div.accordion.certification {
    width: 100%;
}

div.accordion.certification .card {
    background-color: transparent;
    border: 2px solid #FFFFFF !important;
    border-radius: 8px !important;
    transition: 500ms linear;
}

div.accordion.certification .card-header i.fa {
    color: #A6A7A7;
}

div.accordion.certification .card-header button {
    font-weight: bold;
    font-size: 20px;
    color: #FFF;
}

div.accordion.certification div.collapsing,
div.accordion.certification div.collapse.show {
    background-color: #FFF;
}

div.accordion button.btn-link {
    text-align: left;
}

/*div.accordion-icon-holder {
    max-width: 51px;
}*/

/* Active card */

div.accordion.certification .card.active {
    background-color: #FFF;
}

div.accordion.certification .card.active .card-header {
    background-color: #FFF;
}

div.accordion.certification .card.active .card-header button {
    color: #231F20;
}

div.accordion.certification .card.active .card-header i.fa:before {
    content: "\f068";
    color: #00ACD8;
}

/* Dark card */

div.accordion.certification .card.card-dark:not(.active) {
    border-color: #6F7271 !important;
}

div.accordion.certification .card.card-dark:not(.active) span.accordion-tab-title {
    color: #231F20;
}

/* Fix multi-line cards un-adjusted padding */

div.accordion button.btn-link .col-md-1 {
    /*max-width: 5.33333%;*/
}

/* Behaviour */

div.accordion button.btn-link:hover,
div.accordion button.btn-link:active,
div.accordion button.btn-link:focus {
    text-decoration: none;
}


/* =========================================================================
 * Social activities
 * =========================================================================*/

.btn-contact-us-social-activities {
    height: 68px;
    width: 288px;
}

/* =========================================================================
 * Teaching Methodology
 * =========================================================================*/

.border-blue {
    border: 2px solid #0097CE;
    border-radius: 4px;
}

ul.list-style-wildcard > li:before {
    content: "*";
    font-size: 20px;
    font-weight: bold;
}

ul.list-style-slash > li:before {
    content: "-";
    font-size: 20px;
    font-weight: bold;
}

.certification-list-holder {
    height: 125px;
    background-color: #0097CE;
    border-radius: 4px;
}

/* =========================================================================
 * WPML
 * =========================================================================*/

.wpml-ls-item {
	font-size: 14px;
}

.wpml-ls-item > a.wpml-ls-link {
	color: #FFF !important;
	text-decoration:none!important;
}

.wpml-ls-item > a.wpml-ls-link:hover {
    color: #5EC0E1 !important;
}

.wpml-ls-current-language span.wpml-ls-native {
    font-weight: bold;
}

/* Fix topbar language selector on mobile */
@media only screen and (max-width: 767px) {
    span.wpml-ls-native {
        display: none;
    }

    .wpml-ls-legacy-list-horizontal {
        padding: 0px;
        margin-top: 8px;
    }
}

 /* =========================================================================
 * Tests
 * =========================================================================*/

div.card-course {
    width: 100px;
}

.topbar-right .bd-highlight {
    border-left: 1px solid rgba(255,255,255,0.2);
    padding: 0!important;
}

.topbar-right .bd-highlight a {
     padding: .8rem 1rem!important;
    display: inline-block;
}



.wpml-ls-legacy-list-horizontal li:first-of-type a {
    padding-left:0px;
}

.wpml-ls-legacy-list-horizontal {
    padding-left:0px!important;
}

@media (max-width:336px) {
    .topbar-right .bd-highlight a {
        padding: .8rem .6rem!important;
    }
    .header-link i.fa {
        padding-right: 0.2rem;
    }
    .wpml-ls-legacy-list-horizontal a {
            padding: 5px 5px;
    }
    
}

@media (max-width:767px) {
    .topbar-right .bd-highlight:first-of-type {
        padding-left:0px!important;
        border-left:0px;
    }
    .topbar-right .bd-highlight:first-of-type a {
        padding-left:0px!important;
    }
    
}

.topbar-right .bd-highlight:last-of-type {
    border-left:0px;
    background: #5EC0E1 !important;
    color:#fff!important;
}

.topbar-right .bd-highlight:last-of-type:hover {
    background: rgba(0, 0, 0, 0.2) !important;
    color:#fff!important;
}

.topbar-right .bd-highlight:last-of-type:hover a {
    color:#fff!important;
}

.navbar {
    padding:0px!important;
}

.wrapper-table-form-online-group-course {
    margin-top:90px;
}

.wrapper-table-form-private-online-classes {
    margin-top:90px;
    margin-bottom:90px;
}

.wrapper-table-form-online-group-course h5, .wrapper-table-form-private-online-classes h5 {
    font-size: 1.4rem;
       margin-bottom: 15px;
    font-weight: 600;
}

.box-form {
    -moz-box-shadow:   0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    padding: 30px;
    border-radius: 5px;
}

.box-form input[type="submit"] {
        width: 100%!important;
    display: inherit;
    max-width: 100%;
}

.box-form div.wpcf7 .ajax-loader {
    position: absolute;
    left: -8px;
    bottom: 25px;
}

.box-form .wpcf7 .wpcf7-validation-errors {
display:table!important;
}


.box-form .wpcf7-form p:last-of-type {
    margin:0px!important;
}

.bg-orange {
    background-color:#da7502;
}

.bg-orange a {
    color:#fea532!important;
}

.online-portuguese-courses {}
.private-online-classes {}

.online-portuguese-courses .decor-line:after {
        background-color: #fe9204;
}

.description-box-form {
    font-size:14.5px;
}


.online-portuguese-courses .box-form h5 {
    color: #fe9204;
}

.online-portuguese-courses .wpcf7 input[type=submit] {
    background-color: #fe9204!important;
    border-color: #fe9204!important;
}

.online-portuguese-courses .wpcf7 input[type=submit]:hover {
    background-color: #da7502!important;
    border-color: #da7502!important;
}

.table.table-lusa.table-online-intensive-course > thead > tr {
    background-color: #fe9204!important;
}

.table.table-lusa.table-parttime-course > thead > tr {
    background-color: #da7502!important;
}

.private-online-classes .box-form h5 {
    color:#0097ce;
}

.private-online-icons {
    margin-top:30px;
}

.online-portuguese-courses-icons > .row {
    padding: 20px 9px;
}

.col-single-icon .col-2 span {
    width: 40px;
    height: 40px;
    background: #0097ce;
    display: block;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 50%;
}

.col-single-icon {
        margin: 7px 0px;
}

.col-single-icon span.post-title {
    font-size:17px;
}

.col-single-icon span.font-size-14 {
    font-size:13.7px!important;
    color:#a7d4e7;
}

.col-single-icon .col-10 span {
    padding-left:7px;
}

.col-single-icon i {
    margin:auto;
    font-size: 18px!important;
}

.col-single-icon .fa-sort-amount-asc {
    moz-transform: scaleX(-1) rotate(180deg);
    -o-transform: scaleX(-1) rotate(180deg);
    -webkit-transform: scaleX(-1) rotate(180deg);
    transform: scaleX(-1) rotate(180deg);
    margin-top: 10px;
}

.online-intensive-course-icons {
    margin-bottom:15px;
}

.parttime-course-icons {
    margin-bottom:15px;
}

.table-online-intensive-course {
    margin-bottom:20px!important;
}

.online-intensive-course-icons > .row { 
background-color: #fe9204!important;
}


.online-intensive-course-icons .col-single-icon .col-2 span 
{
     background-color: #da7502!important;
}

.online-intensive-course-icons .col-single-icon span.font-size-14,
.parttime-course-icons .col-single-icon span.font-size-14 {
    font-size: 13.7px!important;
    color: #ffe1bf;
}

.parttime-course-icons > .row {
    background-color: #da7502!important;
}

.parttime-course-icons .col-single-icon .col-2 span 
{
    background-color: #fe9204!important;
}

.title-online-intensive-course {
    font-size: 1.4rem;
    margin-bottom: 14px;
    font-weight: 600;
    color:#fe9204!important;
}

.title-online-parttime-course {
    font-size: 1.4rem;
    margin-bottom: 14px;
    font-weight: 600;
    color:#da7502!important;
}
.title-online-intensive-course span,
.title-online-parttime-course span {
    color:#343a40!important;
}

.online-portuguese-courses .slick-arrow img {
    width:40px!important; 
    height:40px!important;
}

.online-portuguese-courses .slick-slider.bg-slider.h-100 img.slick-slide,
.private-online-classes .slick-slider.bg-slider.h-100 img.slick-slide
{
       object-fit: contain;
    background: #ccc;
}

body .title-section-private-online-classes,
body .title-section-group-online-classes
{
    padding-bottom:1rem!important;
}

.page-id-3480 .jumbotron.jumbotron-fluid,
.page-id-3675 .jumbotron.jumbotron-fluid
{
    background-size: cover;
    text-align:center;
}

.page-id-3480 .jumbotron.jumbotron-fluid .decor-line:after,
.page-id-3675 .jumbotron.jumbotron-fluid .decor-line:after
{
    margin-left:auto;
    margin-right:auto;
}



@media (min-width:991px) {
   .page-id-3480 .hero-home-lead,
   .page-id-3675 .hero-home-lead {
        font-size:20px;
        
        line-height: 35px;

    }
}

@media (max-width:767px) {
    .page-id-3480 .jumbotron.jumbotron-fluid,
    .page-id-3675 .jumbotron.jumbotron-fluid  {
        background-size: cover;
        background-position:top center;
    }
}

.online-courses-menu a {
    color:#5EC0E1 !important;
}

.online-courses-menu a:hover {
    color:#231F20 !important;
}

li.online-courses-menu.menu-item.active > a {
        color: #231F20 !important;
}

.all-courses-item > a {
    font-weight:600;
}



.sale-popup {
    position: fixed;
     z-index:99999999;
    bottom: 30px;
    left: 30px;
    
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.15);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 1px 6px rgba(0,0,0,0.15);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 1px 6px rgba(0,0,0,0.15);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  
   -webkit-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  display:none;
}

.sale-popup i {
    width: 21px;
    height: 21px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
    justify-content: center;
    font-size: 15px;
   
}

.sale-popup:hover {
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.23);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 2px 6px rgba(0,0,0,0.23);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 2px 6px rgba(0,0,0,0.23);
  
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}

.sale-popup a {
    text-decoration:none!important;
}

.sale-popup .header-sale-popup {
    padding: 10px 15px;
    background-color:#fe9204;
    color:#fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    
    /*-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;*/
   
}

.sale-popup:hover .header-sale-popup {
    /*background-color:#0097CE;
    -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;*/
}

.sale-popup .body-sale-popup {
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 400;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size:14px;
    color:#000!important;
}

.sale-popup .body-sale-popup b {
    color:#000;
        font-weight: 600;
}

@media (max-width:991px) {
    .sale-popup {
        bottom:15px;
        left:15px;
    }
    .sale-popup .header-sale-popup,
    .sale-popup .body-sale-popup {
        padding:8px 11px;
        font-size:13px;
    }
}

@media (max-width:767px) {
    .sale-popup {
        bottom:25px;
    }
    .hide-mobile {
        display:none!important;
    }
    
    .wrapper-map .container.h-100, .wrapper-map .container.h-100 .row, .wrapper-map .container.h-100 .row iframe  { 
        height: 290px!important;
        min-height: auto!important;
    }
    
    
     .wrapper-map .row-callout {
         min-height:auto!important;
     }
     
     #cta-contact-us {
         display:none!important;
     }
     .sale-popup {
        width: 92%;
        left: 4%;
        text-align: center;
    }
    .sale-popup br {
        display:none;
    }
    .sale-popup .header-sale-popup, .sale-popup .body-sale-popup {
    padding: 13px 5px;
    font-size: 14px;
}
}

@media (max-width:280px) {
    .sale-popup .header-sale-popup, .sale-popup .body-sale-popup {
        font-size: 13px;
    }
}

.classes-mobile-accordion {
    margin-top:30px;
}

.classes-mobile-accordion .card {
    border:0px;
    margin-top:15px;
}

.classes-mobile-accordion .card-header {
    padding:0px;
    border-bottom:0px;
}

.classes-mobile-accordion .card-body {
    background-color:#f3f5f7;
    text-align: left;
    font-size: 14px;

}

.classes-mobile-accordion-orange .card-header {
    background-color:transparent;
}

.classes-mobile-accordion-orange button {
    background-color:#fe9204;
    font-size: 16px;
    font-weight: 600;
}

.classes-mobile-accordion button i {
        position: absolute;
    right: 13px;
    top: 12px;
}




.classes-mobile-accordion .card-header button {
    width:100%;
    text-decoration:none;
    text-align:left;
    color:#fff!important;
    font-weight:500;
    padding: 10px 13px;
    font-size: 17px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


.classes-mobile-accordion-orange button {
    background-color:#fe9204;
    color:#fff!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}



.classes-mobile-accordion-orange-darker button {
    background-color:#da7502;
    color:#fff!important;
}

.classes-mobile-accordion button span {
        font-weight:700;
        opacity:0.8;
}

.classes-mobile-accordion-blue button {
    background-color:#0097CE;
    color:#fff!important;
}

.classes-mobile-accordion .card-header button:not(.collapsed) {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.classes-mobile-accordion-orange ul.list-style-2 li:before {
    color:#fe9204;
}

.classes-mobile-accordion-blue ul.list-style-2 li:before {
    color:#0097CE;
}

.classes-mobile-accordion .title-online-intensive-course {
    font-size: 1.1rem;
}
.classes-mobile-accordion .title-online-parttime-course {
    font-size: 1.1rem;
}

.classes-mobile-accordion .col-single-icon span.post-title {
    font-size:16px;
}

.classes-mobile-accordion .online-intensive-course-icons {
    margin-bottom:25px;
}

.classes-mobile-accordion .label-prices {
    padding:0px;
    text-align:left;
    font-size: 16px;
}

.classes-mobile-accordion .label-prices  span {
   color:#343a40!important;
}

.classes-mobile-accordion .btn-lusa {
    margin-top:5px;
    padding: 10px 10px!important;
    width: 100%;
    font-size: 15px!important;
    text-transform: inherit;
    border-radius: 5px!important;
     border:0px;
     color:#fff!important;
     outline:none!important;
     box-shadow: none!important;
}

.btn-lusa-see-all-courses {
     margin-top:5px;
    padding: 10px 10px!important;
    width: 100%;
    font-size: 15px!important;
    text-transform: inherit;
    border-radius: 5px!important;
     border:0px;
     color:#fff!important;
     outline:none!important;
     box-shadow: none!important;
}


.btn-lusa-see-all-courses:after {
    display:none!important;
}

.classes-mobile-accordion .label-prices a:hover {
    color:#fff!important;
}

.classes-mobile-accordion .btn-lusa:after {
    display:none!important;
}



.classes-mobile-accordion .fa-arrow-right {
    margin-left:5px;
}

.classes-mobile-accordion  .dark-orange {
        color:#da7502!important;
    }
   
.classes-mobile-accordion .btn-dark-orange {
        background-color:#da7502!important;
    }
    
    .classes-mobile-accordion .btn-blue {
        background-color:#0097CE!important;
    }
    
    .classes-mobile-accordion .orange {
        color:#fe9204!important;
    }
    .classes-mobile-accordion .blue {
        color:#0097CE;
    }
   
.classes-mobile-accordion .btn-orange {
        background-color:#fe9204!important;
    }
    
.classes-mobile-accordion hr {
    margin-top: 2rem;
    margin-bottom: 1.8rem;
}

b.price-cut {
    margin: 0 5px;
    font-weight: normal;
    color: #ffe1bf;
    text-decoration: line-through;
}

@media (min-width:768px) {
    .hide-desktop-tablet {
        display:none!important;
    }
}

@media (max-width:767px) {
    .hero-after-text {
        font-size:15px;
            line-height: 26px;
    }
    
    .font-size-39 {
        font-size: 31px !important;
        line-height: 39px!important;
    }
    
    .hero-after-title {
        font-size: 31px !important;
        line-height: 39px!important;
    }
    
    .hero-home-title {
        font-size: 35px;
        line-height: 45px;
    }
    
    .hero-home-lead {
        font-size: 15px;
        line-height: 27px;
    }
    #hero-home-learn-more {
        display:none;
    }
    .hero-home.py-5 {
        padding-bottom:1rem!important;
    }
}

.text-carousel-body {
    font-size: 22px;
    line-height: 31px;
}

#testimonials a {
    outline:none!important;
}

.modal .text-carousel-body {
        color: #383939;
    font-size: 19px;
    line-height: 29px;
        font-weight: normal;
    font-size: 16px;
}

.modal .close {
    float: right;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #0097CE;
    text-shadow: 0 1px 0 #fff;
    opacity: 1!important;
}

.modal button {
    outline:none!important;
}

#slider-testimonials .hero-after-text {
    font-size:15px;
}

ul.list {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

body .col-menu-blog ul li > a {
    color: #FFF !important;
    font-size: 14px;
    line-height: 28px;
    text-decoration: underline!important;
    text-transform: capitalize;
}