/** Light Blue #add1e3     Blue #274586    Red #ED1D24  Dark Red #b91f2f ***/ 
/** Accordions **/
.eael-adv-accordion .eael-accordion-list .eael-accordion-header, .eael-adv-accordion .eael-accordion-list .eael-accordion-content { border: 1px solid #f5f5f5 !important; }
.eael-adv-accordion .eael-accordion-list .eael-accordion-content p { font-size:16px !important; } 
.course-feature .elementor-widget-container { border: 1px solid #274586; border-radius: 70px; padding:25px;} 
/** Mega Menu **/
#mega-menu-wrap-primary { background: transparent; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link { background: transparent; color: #4282bd; border-bottom: 4px solid #ff0000; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link { background: transparent; color: #274586; border-bottom: 4px solid #ff0000; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link { color: #274586; font-weight:600 !important; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu { background: #eff6ff !important; }
ul.mega-sub-menu a.mega-menu-link { color: #274586 !important; font-size: 14px !important; font-weight:500 !important; } 
ul.mega-sub-menu a.mega-menu-link:hover { color: #b91f2f !important; }
a.header-dropdown-button { font-weight: 500; color: #274586; background: #fff; padding: 10px 15px; border-radius: 15px; } 
a.header-dropdown-button:hover { color: #fff;  background: #b91f2f; } 
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {  max-width: 100%; position: fixed; margin-top: 32px; padding: 20px 5% 30px; }
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item, li.astm-search-menu.is-menu.is-dropdown.menu-item { float: left; }
.is-menu .search-icon-path { fill:  #add1e3; }
.is-menu svg {  height: 25px;  width: 25px;  margin-top: 6px;}
.is-menu { margin: 0 20px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after { content: '\f347'; margin: 0 0 0 3px;  color: #b91f2f; font-size: 20px; }
.menu-button { float: right !important;}
.menu-button a { font-weight: 500; color: #fff !important; background: #b91f2f !important; padding: 10px 15px !important; 
    line-height: 18px !important; border-radius: 15px !important;     text-decoration: none !important;} **/
    @include mobile {
	#main_menu_col col-xs{
		width:52px;}
}


/** General **/ 
a { text-decoration: none; }
.mesmerize-inner-page .page-content, .mesmerize-inner-page .content, .mesmerize-front-page.mesmerize-content-padding .page-content { background-color: #ffffff !important; }
.mesmerize-content-padding #page>.page-content /**, .mesmerize-inner-page #page>.page-content **/ { padding-top: 0 !important;  padding-bottom: 0 !important; }
.red-bar { z-index: 99; }
.elementor-custom-embed-play i { opacity: 1 !important; text-shadow: 1px 0 6px rgba(0,0,0,0) !important; background-color: #ed1d24 !important; border-radius: 100px !important; }
.inner-banner-top-section { z-index:99;}
/** Header **/
.header-wrapper { display: none; }
div#site-header-inner { margin-bottom: 10px;  margin-top: 10px; }
#site-navigation-wrap .dropdown-menu>li>a {font-size: 14px !important;}
.navigation-bar {padding-top: 5px !important;  padding-bottom: 5px !important; }
.header.color-overlay { display: none; }
.top-bar-field span { color: #ffffff; }
.top-bar-social-icons a { color: #ffffff !important; }
.top-bar-field i.fa.fa-envelope, .top-bar-field i.fa.fa-phone { color: #ffffff !important; }
.header-top { border-bottom: 4px solid #f0020e !important; position: relative !important;}
.coloured-nav ul.dropdown-menu.active-line-bottom>.current-menu-item>a, .coloured-nav ul.dropdown-menu.active-line-bottom>.current_page_item>a, 
.coloured-nav ul.dropdown-menu.default>.current-menu-item>a, .coloured-nav ul.dropdown-menu.default>.current_page_item>a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom>.current-menu-item>a, .fixto-fixed ul.dropdown-menu.active-line-bottom>.current_page_item>a, 
.fixto-fixed ul.dropdown-menu.default>.current-menu-item>a, .fixto-fixed ul.dropdown-menu.default>.current_page_item>a {
    border-bottom: 3px solid #f0020e !important; }
ul.dropdown-menu>li>a { font-size: 16px; }
.top-bar-field { float: right; font-size: 12px; text-align: right; color: #fff; padding: 10px 10px 10px 10px; }
/** home **/
.home-banner, .home-banner .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { min-height: 600px;  } 
.home-banner { padding: 0 10%;  }
.elementor-widget-htslider-slider-addons .htslider-slider .slick-arrow,
.elementor-7 .elementor-element.elementor-element-1a73567 .htslider-slider .slick-arrow { background-color: transparent !important; border: 0 !important; }

.htslider-slider .slick-dots li button { background-color: transparent;  border: 0px solid #4e4f4f; width: 70px;  height: 8px; border-radius: 0; }
.elementor-7 .elementor-element.elementor-element-1a73567 .htslider-slider .slick-dots li button { background-color: #b91f2f !important; }
.elementor-7 .elementor-element.elementor-element-1a73567 .htslider-slider .slick-dots li.slick-active button,
.elementor-7 .elementor-element.elementor-element-1a73567 .htslider-slider .slick-dots li button:hover { background-color: #add1e3 !important; }
.htslider-slider .slick-dots { bottom: 30px; left: 5%; transform: none; }
.htslider-slider .slick-dots li {margin: 0 10px !important; }
.home-courses-box, .home-misc-box, .showclick1, .showclick2, .showclick3, .showclick4 { padding: 0 5%; }
.home-course .elementor-column-wrap.elementor-element-populated { margin: 0px; padding: 30px 20px; border: 1px solid #000; } 
.misc-icon img { max-width: 120px; }
.elementor-widget-testimonial-carousel .elementor-testimonial__image img { width: 100% !important; height: auto !important; }
cite, figcaption, var { opacity: 1 !important; }
.elementor-testimonial--skin-default.elementor-testimonial--layout-image_left .elementor-testimonial__cite { display: inline-block !important; }
span.elementor-testimonial__title:before {  content: '|'; padding-left: 5px; }
.elementor-testimonial__text:before {  content: '“'; float: left; }
.elementor-testimonial__text:after {  content: '”'; float: right; }
.elementor-testimonial__text:before, .elementor-testimonial__text:after { font-size:55px; font-family: "Arial"; }
.home-course h3.elementor-image-box-title { font-size:22px; line-height: 1.4em;} 
h3.elementor-image-box-title a:hover { color: #b91f2f !important; }
.elementor-element.elementor-element-95382f5 .elementor-image-box-img img:hover {content: url('https://www.citylearning.com/wp-content/uploads/2020/10/course-icon-city-learning-1-red.png'); }
.elementor-element.elementor-element-6d5629d .elementor-image-box-img img:hover {content: url('https://www.citylearning.com/wp-content/uploads/2020/10/course-icon-city-learning-3-red.png'); }
.elementor-element.elementor-element-f2b4704 .elementor-image-box-img img:hover {content: url('https://www.citylearning.com/wp-content/uploads/2020/10/course-icon-city-learning-2-red.png'); }
.elementor-element.elementor-element-0890e22 .elementor-image-box-img img:hover {content: url('https://www.citylearning.com/wp-content/uploads/2020/10/course-icon-city-learning-4-red.png'); }
.elementor-element.elementor-element-eaddf97 .elementor-image-box-img img:hover {content: url('https://www.citylearning.com/wp-content/uploads/2020/10/course-icon-city-learning-5-red.png'); }
.home-misc-box h2.elementor-heading-title.elementor-size-default { font-size: 28px; line-height: 1.3em; }
/** Footer **/
.footer .bottom-bar { background-color: #f8f8f8; display: none;}
#footer-widgets img {max-width: 60%; height: auto;}
#footer-bottom.no-footer-nav #copyright {color: #ffffff !important;}
.oceanwp-about-me .oceanwp-about-me-avatar img { border-radius: 0 !important;}
.widget-title { font-size: 18px !important; font-weight: 600 !important; }
#footer-widgets { padding: 60px 0 !important;}
div#footer-widgets, div#footer-widgets p, p.copyright p { font-size: 18px !important; line-height: 30px !important; }
.row.widgets-row .col-sm-4 {  padding-top: 60px !important; padding-bottom: 60px !important; }
h4.widgettitle {  font-size: 20px;}
h4.widgettitle::after {  content: ""; display: block;  width: 55px;  height: 2px;  margin: 10px 0 15px;  background: #ffffff; }
.footer-content-lists a { color: #b2b2b2; }
.textwidget.custom-html-widget a { text-decoration: none; }
.footer-content-lists ul li a { line-height: 40px !important; }
.footer, .footer-width.full-container, .footer.footer-simple { background-color: #001440 !important; }
.footer-simple .footer-content { padding-top: 15px; padding-bottom: 15px;  border-top: 1px solid #e8e8e8; }
.footer p, div#footer-widgets p { color: #ffffff;   font-size: 14px; line-height: 20px; }
.footer a { text-decoration:none;}
ul#menu-main, ul#menu-footer-menu { margin: 0 !important;  }
ul#menu-main li, ul#menu-footer-menu li { list-style: none; line-height: 30px;  }
ul#menu-main li a, ul#menu-footer-menu li a { line-height: 40px; color: #ffffff !important; text-decoration:none;}
div#footer-widget3, div#footer-widget3 a, div#footer-widget4, div#footer-widget4 a { color: #ffffff; }
div#footer-widgets h2 {color: #ffffff; font-size: 20px !important; }
div#footer-widgets h2::after { content: ""; display: block; width: 50%; height: 1px;  margin-top: 0px;  background: #ed1d24; }
#footer-widget1{  padding: 0 10px 10px; }
#footer-widget2, #footer-widget3, #footer-widget4 {  padding: 20px 10px 10px; }
.footer .footer-content { padding-top: 30px; padding-bottom: 50px; }
/* Add this code to style.css file in your theme */
#footer-widgets h1 { color: #ffffff; text-transform:uppercase; font-size: 18px; }
#footer-widgets { display: block; width:1280px; margin: 0 auto; padding-top: 50px;}
@media only screen and (min-width: 320px) {
#footer-widget1-container, #footer-widget2-container, #footer-widget3-container, #footer-widget4-container {width: 100%; } }
@media only screen and (min-width: 768px) {
#footer-widget1-container, #footer-widget2-container, #footer-widget3-container, #footer-widget4-container {width: 25%; float: left; } }
/** Mobile **/
@media only screen and (max-width: 699px) { 
html, body, p, .textwidget p span, p.copyright {font-size: 18px !important; line-height: 32px !important; text-align:center !important;}
h1, h2, h3, h4 ,h5 { text-align:center !important;}
}
/** Small Desktop **/
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
.navigation-wrapper:not(.gridContainer) { padding-left: 2%; padding-right: 2%; }
.home-courses-box, .home-misc-box, .showclick1, .showclick2, .showclick3, .showclick4  {padding: 0px 2%; }
.home-banner, .home-banner .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { min-height: 440px;  } 
.home-banner h1.elementor-heading-title.elementor-size-default { font-size: 26px !important;}
.home-banner h4.elementor-heading-title.elementor-size-default { font-size: 15px !important;}
.home-misc-box h2.elementor-heading-title.elementor-size-default { font-size: 22px !important; }
.home-misc-box h3.elementor-heading-title.elementor-size-default { font-size: 17px !important; }
.home-course .elementor-column-wrap.elementor-element-populated { margin: 20px 10px;  padding: 30px 20px; }
.home-course h3.elementor-image-box-title {  font-size: 18px; }
}
/** Desktop **/
@media only screen and (min-width: 1440px) and (max-width: 1599px) { 
.home-banner, .home-banner .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { min-height: 500px;  } 
.home-banner h1.elementor-heading-title.elementor-size-default { font-size: 30px !important;}
.home-banner h4.elementor-heading-title.elementor-size-default { font-size: 16px !important;}
.home-misc-box h2.elementor-heading-title.elementor-size-default { font-size: 22px !important; }
.home-misc-box h3.elementor-heading-title.elementor-size-default { font-size: 20px !important; }
.home-course .elementor-column-wrap.elementor-element-populated { margin: 20px 10px;  padding: 30px 20px; }
.home-course h3.elementor-image-box-title {  font-size: 18px; }
}
  .is-menu svg {
margin-top: 0px; 
}
@media only screen and (max-width: 600px) {
  h4.widgettitle::after {
  margin-left: auto;
  margin-right: auto;}
  }
#mega-menu-wrap-primary .mega-menu-toggle {
  align:right;
}
.coloured-nav .main_menu_col [data-component=offcanvas], .fixto-fixed .main_menu_col [data-component=offcanvas] {
  visibility:hidden;
}
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0px; }
.mesmerize-content-padding #page>.page-content, .mesmerize-inner-page #page>.page-content {
    padding-top: 0rem;
    padding-bottom: 0rem;}
@media (min-width: 768px){
.elementor-column.elementor-col-25,
.elementor-column[data-col="25"] {
    width: 25%;
    margin: 20px;  }}
@media only screen and (max-width: 1439px) and (min-width: 1024px){
.home-course .elementor-column-wrap.elementor-element-populated {
    margin: 0px 0px;
    padding: 30px 20px;
}}
@media (max-width: 767px){
.elementor-column {
    width: 100%;
}}
@media (min-width: 768px){
.elementor-column.elementor-col-20, .elementor-column[data-col="20"] {
    width: 20%;
    padding: 10px;
}}


post-excerpt{font-family: Roboto, Helvetica, Arial, sans-serif;}