/*
Theme Name: 	Emotion Studios Child
Theme URI: 		http://themes.emotionstudios.co.za
Author: 		Emotions
Author URI: 	https://emotionstudios.co.za
Description:	Whitelabel child theme for Emotion Studios
Template:		hello-elementor
Version: 		1.0.1
*/

/* **Table of contents - Desktop **
 
    1. Header & Menu
    2. Forms
    3. Pages 
    4. Buttons and icons
    5. Headings & text elements
    6. Animations
    7. Woocommerce / Course pages
    8. Footer */

/*---------------------------*/
/*- DESKTOP CSS -------------*/
/*---------------------------*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
 * 1. Header & menu
 * --------------------------------------------------------------------------- */

.headermenu.elementor-sticky--effects nav.elementor-nav-menu--main li.menu-item a.elementor-item {
    color: #FFFFFF;
}

.headermenu.elementor-sticky--effects nav.elementor-nav-menu--main li.menu-item a.elementor-item:hover {
    color: #777676 !important;
}

.elementor-582 .elementor-element.elementor-element-10c0267 .elementor-nav-menu--main .elementor-item {
    margin-right: 15px;
}

.headermenu.elementor-sticky--effects nav.elementor-nav-menu--main li.menu-item a.elementor-item:hover {
    color: rgb(47, 202, 230);
}

.headermenu.elementor-sticky--effects a.elementor-item.elementor-item-active {
    color: #7a7a7a !important;
}

.elementor-page .elementor-location-header .elementor-section-wrap .navheaderarea {
    margin-bottom: -108px;
}

.single-product .elementor-location-header .elementor-section-wrap .navheaderarea {
    margin-bottom: -108px;
}

.headermenu .elementor-widget-container .logo-header {
    background-image: url("https://storage.googleapis.com/dcc-ftf-assets/emotionswhitelabel/wpassets/2019/10/9214cda9-blue-logo.png");
    width: 200px;
    height: 100px;
}

.headermenu.elementor-sticky--effects .elementor-widget-container .logo-header {
    display: none;
}

.headermenu .elementor-widget-container .logo-header-white {
    visibility: hidden;
}

.headermenu.elementor-sticky--effects .elementor-widget-container .logo-header-white {
    background-image: url("https://storage.googleapis.com/dcc-ftf-assets/emotionswhitelabel/wpassets/2019/10/1583ee4b-new-white-logo.png");
    width: 134px;
    height: 63px;
    visibility: visible;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1734 {
    border: 3px solid #01aeef;
    border-radius: 30px;
}



.headermenu.elementor-sticky--effects nav {
    margin-top: 23px;
    margin-bottom: 25px;
}

a.elementor-item.elementor-item-active {
    color: #7a7a7a;
}

/* Student portal button */

.studentportal a.elementor-item.elementor-item-active {
    color: #ffffff;
}

/* .studentportal a.elementor-item.elementor-item-active {
    color: #ffffff !important;
} */


.studentportal a {
    text-transform: uppercase;
    background-color: #014479;
    border-radius: 1x 1px 1px 1px;
    border: solid 2px #014479;
    color: #ffffff !important;
    padding: 6px 19px;
    transition: ease-in-out 0.2s;
    margin-top: -2px
}

.studentportal a:hover {
    background-color: #ffffff;
    border-color: #014479 !important;
    color: #014479 !important;

}

/* Pay Now button */

.paynow a {
    text-transform: uppercase;
    background-color: white;
    border-radius: 1x 1px 1px 1px;
    border: solid 2px #014479;
    color: #014479 !important;
    padding: 6px 19px;
    transition: ease-in-out 0.2s;
    margin-top: -2px
}

.paynow a:hover {
    background-color: #014479;
    border-color: #014479 !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------------------------
   * 2. Forms
   * --------------------------------------------------------------------------- */

/* Google Recaptcha */

.grecaptcha-badge {
    visibility: hidden;
}

.grecap {
    color: #979797;
    font-size: 10px;
    margin-bottom: 0em;
}

.grecap a {
    color: #01aeef;
    transition: ease-in-out 0.2s;
}

.grecap a:hover {
    color: #014479;
}

/* input#form-field-email {
    padding-left: 5%;
} */

/* ---------------------------------------------------------------------------
   * 3. Pages
   * --------------------------------------------------------------------------- */

/* Course Cards */

.fac-course-cards .jet-carousel__item-inner {
    box-shadow: 8px 17px 22px -16px rgba(173, 173, 173, 1);
    background-color: #ffffff;
}



.ice-course-cards .jet-carousel__item-inner {
    box-shadow: 11px 11px 22px -16px rgba(173, 173, 173, 1);
    background-color: #ffffff;
}

img.jet-carousel__item-img {
    width: 365px;
}

.elementor-element.cards {
    background: #ffffff;
    box-shadow: 11px 14px 105px -10px rgba(173, 173, 173, 1);
    margin-left: 20px;
    margin-right: 20px;
}

.newsletter h6 {
    color: #000000;
    font-size: 13px;
}

.elementor-element.cards-white-bg {
    background: #ffffff;
    box-shadow: 11px 14px 105px -10px rgba(173, 173, 173, 1);
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 50px;
}



/* Home course cards */

.home-course-cards {
    background: #FFFFFF;
    box-shadow: 0px 30px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding-bottom: 15%;
}

.home-course-cards p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 2%;
    padding-top: 10%;
    color: #666666;

}

.home-course-cards:hover {
    box-shadow: 0 60px 50px rgba(0, 0, 0, .1);
    transition: all 0.5s ease;
}


.cards-faculty {
    padding: 0 10% 0 10%;
}

/* Programme course cards */

.prog-cards .elementor-posts .elementor-post__read-more {
    /* font-family: "Montserrat", Sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important; */
    background-color: #01447A;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #01447A;
    border-radius: 0px 0px 0px 0px;
    color: #ffffff;
    padding: 7px 18px;
    transition: ease-in-out 0.3s;
    box-shadow: unset;
}

.prog-cards .elementor-post__read-more:hover {
    color: #01447A;
    background-color: #FFFFFF;
}

/* Single page template */

.coursetab .elementor-tabs-wrapper {
    background: #01AEEF;
}

.coursetab .elementor-tab-title.elementor-tab-desktop-title.elementor-active {
    background: #E5E5E5;
}

.coursetab .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content.elementor-active {
    border-left: 1px solid #01AEEF;
}

p.incontact {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
    color: #b5b5b5;
    margin-top: 10px;
}


/* Student Portal Page */

.spheadings h5 {
    color: #01aeef;
    margin-bottom: 0.3em;
}

.spheadings p {
    margin-bottom: 1.5rem;
}

/* Zapper page */
.flex-bankdetails {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    color: #ffffff;
}

.bankdetails1 {
    width: 30%;

}

.bankdetails2 {
    width: 70%;
}


/* Contact Us Page */

.consultation-section p {
    color: #ffffff;
}

.consultation-section p a {
    color: #ffffff;
}

.consultation-section {
    margin-bottom: -20px;
}

/* ---------------------------------------------------------------------------
   * 4. Buttons and icons
   * --------------------------------------------------------------------------- */

/* Course card buttons */


[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    color: #014479 !important;
    background-color: #ffffff !important;
    ;
    text-decoration: none;
}

button.learn-more-btn {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 0px;
    color: #014479;
    border: 2px solid #014479;
}

button.learn-more-btn {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 0px;
    color: #014479;
    border: 2px solid #014479;
}

.elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-75.elementor-field-required {
    padding-right: 25px;
}

/* Zapper Pay now iconx */

.appicons .elementor-image img {
    max-width: 40px;
}


/* ---------------------------------------------------------------------------
   * 5. Headings & text elements
   * --------------------------------------------------------------------------- */


.pagelinks a {
    color: #01aeef;
    transition: .2s ease-in-out;
}

.pagelinks a:hover {
    color: #014479;
}

/*  Notice single post page */

.notices-tag-section h5 {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.notices-tag-section div.tagcloud a {
    color: #01aeef;
    font-size: 12pt !important;
    font-weight: 400;

}

.other-notices-section h5 {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    ;
    text-transform: uppercase;
}

.other-notices-section ul li {
    list-style: none;
    font-family: "Montserrat", Sans-serif;
    margin-left: -37px;
    padding-bottom: 10px;
    line-height: 1.2;
    font-weight: 400;
}

.other-notices-section ul li a {
    color: #01aeef;
    font-size: 10pt !important;
}

span.elementor-post-info__terms-list a {
    color: #01aeef !important;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
}

.Sitetags .tagcloud a {
    color: #01aeef;
    font-family: "Montserrat", Sans-serif;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 24px !important;
}

.tag-cloud-link.tag-link-34.tag-link-position-1 {
    font-size: larger !important;
    padding-right: 10px;
}



.Sitetags h5 {
    font-family: "Montserrat", Sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    color: #01aeef;
}

.elementor-widget-posts .elementor-post__card .elementor-post__badge {
    background-color: #014479 !important;
    font-family: "Open Sans", Sans-serif;
    font-weight: 500;
    border-radius: 0px;
}

.elementor-post__badge {
    font-family: "Open Sans", Sans-serif !important;
}




.elementor-posts .elementor-post__read-more {
    font-family: "Montserrat", Sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    background-color: #01447A;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #01447A;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    color: #ffffff !important;
    padding: 6px;
    transition: ease-in-out 0.5s;
}

.elementor-post__read-more:hover {
    color: #01447A !important;
    background-color: #FFFFFF;
}


/* ---------------------------------------------------------------------------
   * 6. Animations
   * --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
   * 7. Woocommerce pages
   * --------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------
   * 8. Footer styling
   * --------------------------------------------------------------------------- */

.footer-logo img {
    width: 63%;
}

ul.footerquicklinks {
    list-style: none;
    padding-left: 0;
    font-family: "Lato", Arial, Tahoma, sans-serif;
    font-weight: 400;
    color: #C2C2C2;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
}

.footerquicklinks li {
    margin-bottom: 23px;
}

.dccfooter a {
    color: #C2C2C2;
    transition: .2s ease-in-out;
}

.dccfooter a:hover {
    color: #01aeef;
}





/* **Table of contents - Responsive **
   
      1. Header & Menu
      2. Forms
      3. Pages 
      4. Buttons and icons
      5. Headings & text elements
      6. Animations
      7. Woocommerce / Course pages
      8. Footer */

/*--------------------------------------------*/
/*- Responsive CSS Small devices (phones etc)
  /*--------------------------------------------*/

@media (max-width: 768px) {

    /* ---------------------------------------------------------------------------
   * 1. Header & menu
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 2. Forms
   * --------------------------------------------------------------------------- */
    .request-a-call-heading h2 {
        padding-left: 20px !important;
    }

    .req-a-call-back-contact input {
        margin-left: 20px;
        margin-right: 20px;
    }

    .req-a-call-back-contact select {
        margin-left: 20px;
        margin-right: 20px;
    }

    .home-news-letter-sign input {
        margin-left: 20px;
        margin-right: 20px;
    }

    .home-news-letter-sign button {
        margin-left: 20px;
        margin-right: 20px;
    }

    .elementor-accordion .elementor-accordion-item {
        border: 0px !important;
    }


    /* ---------------------------------------------------------------------------
   * 3. Pages
   * --------------------------------------------------------------------------- */

/* Single Course  */

.elementor-tab-mobile-title {
    background: #01aeef;
    border-bottom: 1px solid #69c9ec;
}
    /* ---------------------------------------------------------------------------
   * 4. Buttons and icons
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 5. Headings & text elements
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 6. Header & menu
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 7. Woocommerce / Course pages
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 8. Footer
   * --------------------------------------------------------------------------- */



}

/*--------------------------------------------*/
/*- Larger devices (tablets, 1025px and up)
  /*--------------------------------------------*/
@media (max-width: 1025px) {

    /* ---------------------------------------------------------------------------
   * 1. Header & menu
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 2. Forms
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 3. Pages
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 4. Buttons and icons
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 5. Headings & text elements
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 6. Header & menu
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 7. Woocommerce / Course pages
   * --------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------
   * 8. Footer
   * --------------------------------------------------------------------------- */



}