/*
 Theme Name:     ABCOFFEE
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for ABCOFFEE
 Author:         Geiras (geiras.com)
 Template:       Divi
 Version:        0.0.1
*/



/*.......................................................................................................................................................................
//........AAAAAAAA........BBBBBBBBBBBBBBBB..........CCCCCCCCCCC...........OOOOOOOOOOO........FFFFFFFFFFFFFFFF..FFFFFFFFFFFFFFFF..EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//........AAAAAAAA........BBBBBBBBBBBBBBBBB........CCCCCCCCCCCCC........OOOOOOOOOOOOOOO......FFFFFFFFFFFFFFFF..FFFFFFFFFFFFFFFF..EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.......AAAAAAAAA........BBBBBBBBBBBBBBBBBB......CCCCCCCCCCCCCCCC.....OOOOOOOOOOOOOOOOO.....FFFFFFFFFFFFFFFF..FFFFFFFFFFFFFFFF..EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.......AAAAAAAAAA.......BBBBBBBBBBBBBBBBBBB....CCCCCCCCCCCCCCCCC.....OOOOOOOOOOOOOOOOOO....FFFFFFFFFFFFFFFF..FFFFFFFFFFFFFFFF..EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.......AAAAAAAAAA.......BBBBBB.....BBBBBBBB...CCCCCCCCC.CCCCCCCCC...OOOOOOOOO.OOOOOOOOO....FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//......AAAAAAAAAAA.......BBBBBB.......BBBBBB...CCCCCCC.....CCCCCCC..OOOOOOOO.....OOOOOOOO...FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//......AAAAAAAAAAAA......BBBBBB.......BBBBBB..CCCCCCC.......CCCCCC..OOOOOOO.......OOOOOOO...FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//.....AAAAAA.AAAAAA......BBBBBB.......BBBBBB..CCCCCC................OOOOOO.........OOOOOO...FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//.....AAAAAA.AAAAAA......BBBBBB.....BBBBBBB...CCCCCC................OOOOOO.........OOOOOOO..FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//.....AAAAAA..AAAAAA.....BBBBBBBBBBBBBBBBBB...CCCCCC................OOOOOO..........OOOOOO..FFFFFFFFFFFFFFF...FFFFFFFFFFFFFFF...EEEEEEEEEEEEEEEEE...EEEEEEEEEEEEEEEEE...
//....AAAAAA...AAAAAA.....BBBBBBBBBBBBBBBBB....CCCCCC................OOOOOO..........OOOOOO..FFFFFFFFFFFFFFF...FFFFFFFFFFFFFFF...EEEEEEEEEEEEEEEEE...EEEEEEEEEEEEEEEEE...
//....AAAAAA...AAAAAAA....BBBBBBBBBBBBBBBBBB...CCCCCC................OOOOOO..........OOOOOO..FFFFFFFFFFFFFFF...FFFFFFFFFFFFFFF...EEEEEEEEEEEEEEEEE...EEEEEEEEEEEEEEEEE...
//....AAAAAA....AAAAAA....BBBBBBBBBBBBBBBBBBB..CCCCCC................OOOOOO..........OOOOOO..FFFFFFFFFFFFFFF...FFFFFFFFFFFFFFF...EEEEEEEEEEEEEEEEE...EEEEEEEEEEEEEEEEE...
//...AAAAAAAAAAAAAAAAA....BBBBBB.....BBBBBBBBB.CCCCCC........CCCCCC..OOOOOO.........OOOOOOO..FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//...AAAAAAAAAAAAAAAAAA...BBBBBB.......BBBBBBB.CCCCCCC.......CCCCCC..OOOOOO.........OOOOOO...FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//...AAAAAAAAAAAAAAAAAA...BBBBBB........BBBBBB.CCCCCCC......CCCCCCC..OOOOOOO.......OOOOOOO...FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//..AAAAAAAAAAAAAAAAAAA...BBBBBB........BBBBBB..CCCCCCC.....CCCCCCC..OOOOOOOO.....OOOOOOOO...FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//..AAAAAA.......AAAAAAA..BBBBBB......BBBBBBBB..CCCCCCCCC.CCCCCCCC....OOOOOOOOO.OOOOOOOOO....FFFFF.............FFFFFF............EEEEEE..............EEEEEE..............
//.AAAAAA.........AAAAAA..BBBBBBBBBBBBBBBBBBBB...CCCCCCCCCCCCCCCCC.....OOOOOOOOOOOOOOOOOO....FFFFF.............FFFFFF............EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.AAAAAA.........AAAAAA..BBBBBBBBBBBBBBBBBBB.....CCCCCCCCCCCCCCC......OOOOOOOOOOOOOOOOO.....FFFFF.............FFFFFF............EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.AAAAAA.........AAAAAAA.BBBBBBBBBBBBBBBBBB.......CCCCCCCCCCCCC.........OOOOOOOOOOOOOO......FFFFF.............FFFFFF............EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.AAAAA...........AAAAAA.BBBBBBBBBBBBBBBBB.........CCCCCCCCCC............OOOOOOOOOOO........FFFFF.............FFFFFF............EEEEEEEEEEEEEEEEEE..EEEEEEEEEEEEEEEEEE..
//.....................................................................................................................................................................*/


/* ------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:400,400i,600,600i,700,700i');

.h1-p {font-family: "Barlow Condensed", sans-serif !important; font-weight: 600 !important;}

@media only screen and (min-width: 981px) {
/*CHANGE HEADER TEXT COLOR ON ABOUT US PAGE */
.page-id-535 #main-header, .page-id-6061 #main-header { background-color: rgba(255,255,255, 0.60);}
}

/*FIX BACKGROUND POSITION ON ABOUT US PAGE*/
.page-id-535 div.et_pb_section.et_pb_section_0, .page-id-6061 div.et_pb_section.et_pb_section_0 {background-position: 90%}

.caldera-grid label {
    margin-bottom: 0 !important;
}

.caldera-grid .control-label {
    margin-top: 20px !important;
}

.caldera-grid label,
.caldera-grid .help-block {
    color: #e2e2e2; 
    /*** LABEL AND DESCRIPTION TEXT COLOR ***/
}

@media only screen and (min-width: 981px) {
    .caldera-grid .checkbox input[type=checkbox],
    .caldera-grid .checkbox-inline input[type=checkbox],
    .caldera-grid .radio input[type=radio],
    .caldera-grid .radio-inline input[type=radio] {
        margin-right: 26px;
        width: 0;
    }
    .caldera-grid input[type=checkbox]:hover,
    .caldera-grid input[type=radio]:hover {
        cursor: pointer;
    }
    input[type=radio]:before,
    input[type=checkbox]:before {
        font-family: FontAwesome !important;
        font-size: 16px;
    }
    input[type=radio]:before {
        content: '\f111';
        color: #000;
        /*** COLOR OF RADIO WHEN UNSELECTED ***/
        background: #fff;
        border-radius: 50%;
        padding: 2px;
    }
    input[type=checkbox]:before {
        content: '\f096';
        color: #666666;
        /*** COLOR OF CHECKBOX WHEN UNSELECTED ***/
        font-size: 18px;
        transition: all 0.3s ease-in-out;
    }
    input[type=radio]:checked:before {
        color: #15bf86;
        /*** COLOR OF RADIO WHEN SELECTED ***/
    }
    input[type=checkbox]:checked:before {
        color: #5b8899;
        content: '\f14a';

        /*** COLOR OF CHECKBOX WHEN SELECTED ***/

    }
}

/*** FORM STYLING - START ***/

/*NOTICE TEXT*/
.caldera-grid .help-block {
    display: block;
    margin-bottom: 10px;
    color: #adadad;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9em;
}

/* COUNTRY PICKER */
.intl-tel-input .country-list .country.highlight {
    background-color: transparent;
}

.intl-tel-input  {
    width: 100% !important;
}

.intl-tel-input .country-list {
    padding: 10px !important;;
    box-shadow: none !important;;
    background-color: #232323 !important;;
    border: none !important;;
    overflow-y: scroll !important;;
}

.caldera-grid .phone_number .form-control  {
    padding-left: 52px !important;
}


/* ERROR COLOR */ 
.caldera-grid .has-error .help-block {
color: #de3e3b !important;
}


/* SECTION TITLE */
.section_title p{
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4em;
    margin-top: 40px!important;
    margin-bottom: 20px !important;
    font-family: 'Barlow Condensed',sans-serif;
    color: #666666 !important;
}


/*** THIS CHANGES THE LOOK OF THE FORM FIELDS ***/
.caldera-grid .form-control {
    padding: 10px 10px !important;
    height: auto !important;
    background: transparent !important;
    border-bottom: 1px solid #ffffff73 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    transition: all 0.3s ease-in-out;
    color: #fff;
    box-shadow: none !important;

}

.caldera-grid .form-control, .caldera-grid output {
    color: #fff !important;
    font-weight: 400;

}


.caldera-grid .form-control:hover {
    border-color: #fff !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #fff !important;
}

.caldera-grid .form-control:focus {
    border-color: #5b8899 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
 
/*** THIS CHANGES THE BUTTON STYLE ***/
.caldera-grid input[type=submit] {
    padding: 10px 20px;
    border-radius: 1px;
    border-width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;
    transition: all 0.3s ease-in-out;
    font-size: 20px;
    font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif!important;
    font-weight: 600!important;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;    
    transition: all 0.3s ease-in-out;

}
 
/*** THIS CHANGES THE BUTTON HOVER STYLE ***/
.caldera-grid input[type=submit]:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: transparent !important;
    color: #fff !important;
}
 
 
/*** THIS CHANGES THE PLACEHOLDER TEXT COLOR WHICH IS IMPORTANT FOR THIS PARTICULAR STYLE ***/
input::-webkit-input-placeholder {
 color: #adadad !important;
transition: all 0.3s ease-in-out;
}
input:-moz-placeholder {
 /* Firefox 18- */
 color: #adadad !important;
transition: all 0.3s ease-in-out;
}
input::-moz-placeholder {
 /* Firefox 19+ */
 color: #adadad !important;
transition: all 0.3s ease-in-out;
}
input:-ms-input-placeholder {
 color: #adadad !important;
transition: all 0.3s ease-in-out;
}
textarea::-webkit-input-placeholder {
 color: #adadad !important;
}
textarea:-moz-placeholder {
 /* Firefox 18- */
 color: #adadad !important;
}
textarea::-moz-placeholder {
 /* Firefox 19+ */
 color: #adadad !important;
}
textarea:-ms-input-placeholder {
 color: #adadad !important;
}

/*HOVER*/
input:hover::-webkit-input-placeholder {
 color: #fff !important;
}
input:hover:-moz-placeholder {
 /* Firefox 18- */
 color: #fff !important;
}
input:hover::-moz-placeholder {
 /* Firefox 19+ */
 color: #fff !important;
}
input:hover:-ms-input-placeholder {
 color: #fff !important;
}
textarea:hover::-webkit-input-placeholder {
 color: #fff !important;
}
textarea:hover:-moz-placeholder {
 /* Firefox 18- */
 color: #fff !important;
}
textarea:hover::-moz-placeholder {
 /* Firefox 19+ */
 color: #fff !important;
}
textarea:hover:-ms-input-placeholder {
 color: #fff !important;
}
/*** FORM STYLING - END ***/



.agenda {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.agenda_cat {
	margin: auto 0 0 !important;
}



/* FIX TRANSPARENT MOBILE MENU */
#main-header .et_mobile_menu {
    background-color: #ffffff !important;
}

/* FIX MENU COLOR FOR MENU ITEMS WITH DROPDOWN */
.et_mobile_menu .menu-item-has-children>a {background-color: #ffffff !important; font-weight: 600;}

/* LESS PADDING ON MOBILE MENU */
.et_mobile_menu li a {padding: 8px 5% !important; font-size: 13px;}

/* ADD SHADOW TO MAIN HEADER */
.et-fixed-header#main-header {
box-shadow: 0 3px 0 rgba(102, 102, 102, 0.1) !important;
}

/* MAKE HEADER FULL HEIGHT */
.header_fh {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

/* MAKE HEADER FULL HEIGHT */
.header_fh .about_us {
	margin: auto auto 0 auto;
}

.page-id-535 .header_fh, .page-id-6061 .header_fh {
	height: 90vh;
}



/* MAKE DIVI MENU WIDER */
#main-header .container.et_menu_container {
    max-width: 1200px !important;
}

/* MAKE BLURB TOP ALIGNED ON MOBILE*/
@media (max-width: 980px) {
    .blurb_align_top {
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flex !important;
        display: -o-flex !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center !important;
    }
}


/* ENABLE FLEXBOX ON MOBILE*/
@media (max-width: 980px) {
    .mobile_flex  {
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flex !important;
        display: -o-flex !important;
        display: flex !important;
    }
}

/* FIX SVG LOGO DISAPPEARING WHEN USING FLEXBOX*/
.sca-logo .et_pb_image_wrap img {width: 100% !important;}

/* CHANGE MOBILE MENU BREAKPOINT */
@media (max-width: 980px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }

/* HIDE LOGO UNTIL SCROLL ON HOMEPAGE */
.page-id-8 #main-header #logo, .page-id-4836 #main-header #logo {
    display: none;
}

.page-id-8 #main-header.et-fixed-header #logo, .page-id-4836 #main-header.et-fixed-header #logo {
    display: inline-block ;
}

/* CHANGE COLUMN STACKING ORDER ON MOBILE */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.column-order {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
} 
}


/* CHANGE CURSOR TO POINTER */
.home_professionals, .home_enthusiasts, .home_entusiastas, .home_profissionais {
    cursor: pointer;
    transition: 0.5s ease;
}

.home_professionals:hover, .home_enthusiasts:hover, .home_entusiastas:hover, .home_profissionais:hover {
    cursor: pointer;
    filter: brightness(1.07) saturate(1.1);
    box-shadow: 0 0 55px rgba(0, 0, 0, 0.05);
}


/*HIDES FOOTER*/
  #main-footer {
    display: none;
}

/* ENABLE FLEXBOX ALIGN*/
.flex_align {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: column;
}

/*RESPONSIVE LINE BREAKS*/
@media screen and (max-width: 1040px){
    .d_line-break { display: none; }
    }

/* FIX OVERFLOW*/
div#page-container {overflow-x: hidden;}


/* MAKE YOUTUBE LIGHTBOX BIGGER */
.YouTubePopUp-Content {
    max-width: 70% !important;
}

.YouTubePopUp-Content iframe {
    height: 70% !important;
}

.YouTubePopUp-Close {
    bottom: 70%;
    right: -8%;
    z-index: 1;
}

/* Float */
.thumb_hover {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition: 0.5s ease;
  z-index: 19;
  background-color: #ffffff;

}
.thumb_hover:hover, .thumb_hover:focus, .thumb_hover:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  box-shadow: 0 0 55px rgba(0, 0, 0, 0.05);
  z-index: 20;
  border-bottom-color: transparent !important;
}


/*ENABLE FLEXBOX ON DESKTOP ONLY*/
@media only screen and (min-width: 980px) {
    .h_align {
        display: flex;
        align-items: center;
    }
}

/* CUSTOM ALIGNED BLURB IMAGES */
.footer-blurb .et_pb_blurb_container {
    vertical-align: middle !important;
}
@media only screen and (max-width: 980px) {
    .footer-blurb {display: flex;}
}


/* STYLE FOR MODULE PRICE */
.module_price {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 20px;
}

/* CHANGE BLURB IMAGE SIZE - COFFEE LEVELS */
.coffee-levels .et_pb_main_blurb_image {
    width: 15px !important;
}

.coffee-levels .et_pb_blurb_container {
    position: relative;
    margin-top: -7px;
    vertical-align: baseline !important;

}

.coffee-levels .et_pb_blurb_container {
    padding-left: 5px !important;
}


/* CHANGE BLURB IMAGE SIZE - SCA ICONS */
/*DESKTOP*/
.sca-icon .et_pb_main_blurb_image {width: 70px !important;}
.sca-icon .et_pb_blurb_container {position: relative; padding-left: 20px !important; vertical-align: middle;}
.sca-icon .et_pb_blurb_container .et_pb_module_header {padding-bottom: 0px;} 

/*TABLET*/
@media only screen and (max-width:1280px) and (min-width:981px) {
.sca-icon .et_pb_main_blurb_image {width: 45px !important;}
.sca-icon .et_pb_blurb_container {position: relative; padding-left: 15px !important; vertical-align: middle;}
.sca-icon .et_pb_blurb_container .et_pb_module_header {padding-bottom: 0px;}
.sca-icon .et_pb_blurb_description {margin-top: 5px;}
}

/*MOBILE*/
@media only screen and (max-width:980px) {
.sca-icon .et_pb_main_blurb_image {width: 35px !important; margin-bottom: 10px;}
.sca-icon .et_pb_blurb .et_pb_module_header, .sca-icon .et_pb_blurn .et_pb_blurb_description {text-align: center;}
}


/* INLINE BLOCK */
@media only screen and (min-width: 981px) {
    .inline_block {
        display: inline-block;
    }
}

/* INLINE BUTTONS */
.inline_buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

/* VERTICALLY ALIGN CONTENT ON ROWS*/
@media only screen and (min-width: 981px) {
    .vertical-align { 
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}


/*--------Header Drop Shadow-----*/
 #main-header {
 -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 }

/*--------FIXED Header Drop Shadow-----*/
 #main-header.et-fixed-header {
 -webkit-box-shadow: 0px 10px 50px 2px rgba(0,0,0,0.24)!important;
 -moz-box-shadow: 0px 10px 50px 2px rgba(0,0,0,0.24)!important;
 box-shadow: 0px 10px 50px 2px rgba(0,0,0,0.24)!important;
 }


/*MEDIA QUERIES START*/

/* LARGE SCREENS (1405px upwards) */
@media only screen and ( min-width: 1405px) {}

/* LAPTOPS/DESKTOPS (1100-1405px) */
@media only screen and ( min-width: 1100px) and ( max-width: 1405px) {}

/* TABLETS - Landscape (981-1100px) */
@media only screen and (max-width:1280px) and (min-width:981px) {    

    /* MAKE ROW WIDER*/
    .course_padding {padding: 30px 40px 30px 0px !important;}
    
    .reverse_column_order {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    }

    /* RESPONSIVE TEXT SIZE */
    .text_mobile_vw {font-size: 10vw !important;}
    }

    }

/* TABLETS - Portrait(768-980px) */
@media only screen and ( min-width: 768px) and ( max-width: 980px) {    

    /* MAKE ROW WIDER*/
    .extra_wide {width: 95% !important; padding: 3%!important;}
    .course_padding {padding: 30px 40px 30px 0px !important;}
    
    /* CENTER CONTENT IN MOBILE. USED WITH IMAGES/TEXT */
    .mobile-center {
    display: block;
    margin: 0 auto !important;
    text-align: center !important;
    }
}

/* SMARTPHONES - Landscape (480-768px) */
@media only screen and ( min-width: 480px) and ( max-width: 767px) {    

    /* MAKE ROW WIDER*/
    .extra_wide {width: 95% !important; padding: 3%!important;}
    .course_padding {padding: 30px 40px 30px 0px !important;}

    /* CENTER CONTENT IN MOBILE. USED WITH IMAGES/TEXT */
    .mobile-center {
    display: block;
    margin: 0 auto !important;
    text-align: center !important;
    }
}

/* SMARTPHONES - Portrait (0-479px) */
@media only screen and ( max-width: 479px) {
    
    /* MAKE ROW WIDER*/
    .extra_wide {width: 95% !important; padding: 3%!important;}
    .course_padding {padding: 30px 40px 30px 0px !important;}
    
    /* CENTER CONTENT IN MOBILE. USED WITH IMAGES/TEXT */
    .mobile-center {
    display: block;
    margin: 0 auto !important;
    text-align: center !important;
    }

    .sca_premier_icon {
        margin-right: auto !important;
    }
}

/* SMARTPHONES - Portrait (0-320px) */
@media only screen and (max-width: 320px) {
    
    /* MAKE ROW WIDER*/
    .extra_wide {width: 95% !important; padding: 3%!important;}
    .course_padding {padding: 30px 40px 30px 0px !important;}
    
    /* CENTER CONTENT IN MOBILE. USED WITH IMAGES/TEXT */
    .mobile-center {
    display: block;
    margin: 0 auto !important;
    text-align: center !important;
    }
}