/*
 Theme Name:   Elev8Kidz - 1..2..6 Designs 
 Theme URI:    https://elev8lifeholistic.com/
 Description:  A custom child theme from 1..2..6 Designs
 Author:       Lynne Jones
 Author URI:   https://126designs.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* popup */
a.et_pb_button.et_pb_button_0.btn_cmp.et_pb_bg_layout_light, a.et_pb_button.et_pb_button_1.btn_cmp.et_pb_bg_layout_light{background-color:#8747AD !important;color:#fff !important;}
.pum-container.popmake.theme-12.pum-responsive.pum-responsive-large.responsive.size-large.active.custom-position {top: 40px !important;}
/* Kidz */

body {
    opacity: 1;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

body.fade-out {
    opacity: 0;
    -webkit-transition: none;
    transition: none;
}

body {font-family:'open_sansregular', Arial, sans-serif;}

h1,h2,h3,h4,h5,h6, .front_blurb_title {font-family: 'Comic Neue', cursive;}

.tgl {width:100% !important;}

/* slider */

@media only screen and (max-width: 1919px)
{  
	img.lgo_cnt {min-height:35vh!important;height:35vh !important;width:auto;padding-top:0 !important;margin-top:0 !important;}
	.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {padding-top:0 !important;margin-top:0 !important;}
}
@media only screen and (min-width: 1920px)
{
	img.lgo_cnt {min-height:35vh!important;height:35vh !important;width:auto;padding-top:0 !important;margin-top:0 !important;}

}

/*--------------------------------------------------------------------*/
/*-------------Blurb Flips Cards--------------*/
/*--------------------------------------------------------------------*/
.ds-blurb-flip .ds-blurb-flip-front .et_pb_blurb_description{background-color:rgba(255,255,255,.6) !important;border-radius:5px;}
/*Set the height of the flip cards*/

.ds-blurb-flip {
    min-height: 350px;
}

@media only screen and (min-width: 981px) {
    /*Set the width of the columns and the cursor*/
    .ds-blurb-flip {
        width: 32% !important;
        cursor: pointer;
    }
    /*Add a margin to each column to get an even border*/
    .ds-flip-col1 {
        margin: 0 1% 0 0 !important;
    }
    .ds-flip-col2 {
        margin: 0 1% 0 1% !important;
    }
    .ds-flip-col3 {
        margin: 0 2% 0 1% !important;
    }
}


/*Set the size, start position for the cards and the animation speed*/

.ds-blurb-flip .ds-blurb-flip-front,
.ds-blurb-flip .ds-blurb-flip-back {
    width: 100%;
    height: 100%;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
}


/*Removes stray pixel in non-webkit browsers*/

.ds-blurb-flip .et_pb_animation_off {
    opacity: 0 !important;
}

.ds-blurb-flip-back .et_pb_blurb_content {
    max-width: inherit;
}


/*Position the back card so it sits in the same place as the front card and flip it 180 degrees so its start position is reversed*/

.ds-blurb-flip .ds-blurb-flip-back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/*Flip the front card on hover*/

.ds-blurb-flip:hover .ds-blurb-flip-front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 2;
}


/*Flip the back card on hover*/

.ds-blurb-flip:hover .ds-blurb-flip-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}


/*Set the margin and size for smaller screens*/

@media only screen and (max-width: 980px) {
    .ds-blurb-flip .ds-blurb-flip-front,
    .ds-blurb-flip .ds-blurb-flip-back {
        margin: 30px;
        width: auto;
        height: auto;
        max-width: 100% !important;
    }
}


/*Size and position the content*/

.ds-blurb-flip-front .et_pb_blurb_content {
    position: absolute;
    bottom: 30px;
    width: 85%;
    max-width: 85%;
}


/*Style the line*/

.ds-blurb-flip-back hr {
    height: 3px;
    background: #eac700;
    border: none;
    margin-right: -30px;
    margin-bottom: 20px;
}


/*Style the button*/

.ds-blurb-flip-back a {
    font-size: 18px;

    font-weight: bold;
    border: 3px solid #fff;
	border-radius:5px;
	background-color:#fff;
    padding: 5px 10px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
	text-align:center;
}

.ds-blurb-flip-back a:hover {
    color: #D5C148!important;
}
.flip_back {margin-bottom:10px;}

/*Control font size on smaller screens*/

@media only screen and (max-width: 1280px) {
    .ds-blurb-flip-front p {
        max-width: 100%;
        font-size: 80%;
    }
}


/*Keep the text to the center for the first 3 blurbs on smaller screens*/

@media only screen and (max-width: 766px) {
    .ds-blurb-flip-right .et_pb_blurb_content p {
        text-align: center !important;
    }
}


/*--------------------------------------------------------------------*/
/*-----------End Blurb Flips Cards------------*/
/*--------------------------------------------------------------------*/

/* End kidz */

/* Removing space from menu top */
#et-top-navigation {padding-top:20px !important;}

/* Styling the headers */
h1.slide_header {font-family: 'mineregular',Helvetica,Arial,Lucida,sans-serif;font-size:3em;padding-bottom:20px;color:#3BB99F!important;}
h1.slide_header2 {font-family: 'mineregular',Helvetica,Arial,Lucida,sans-serif;font-size:3em;padding-bottom:20px;color:#fff!important;}
.emph_text {font-family:'Italianno';font-size:2.8em;line-height:1.2em;}
.emph_text2 {font-family:'Italianno';font-size:2em;line-height:1.2em;}
.cntr {text-align:center;}

/* Extra text styling */
.lrg_text {font-size:1.4em;}
.lrg_text_clr {font-size:1.6em;color:#3BB99F;}

/* Styling the images */
#img_bs img{box-shadow: 0px 2px 18px 0px rgba(79,178,220,0.3);}

/* Styling the toggles */
.et_pb_module.et_pb_toggle.et_pb_toggle_0.et_pb_toggle_item.et_pb_toggle_close, .et_pb_module.et_pb_toggle.et_pb_toggle_0.et_pb_toggle_item.et_pb_toggle_open, .et_pb_module.et_pb_toggle.et_pb_toggle_1.et_pb_toggle_item.et_pb_toggle_open, .et_pb_module.et_pb_toggle.et_pb_toggle_1.et_pb_toggle_item.et_pb_toggle_close{padding-left:0;border:0;}


/* Styling the contact form */
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.nm, .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.eml,  .wpcf7-form-control.wpcf7-textarea.eml{font-size:1.1em;padding:10px;width:100%;}
.wpcf7-form-control.wpcf7-submit {font-size:1.3em;color:#fff;padding:10px 20px !important; border:4px solid #C5B33A !important; background-color:#C5B23A; float:right;}
.cnst {color:#fff !important;}

/* Styling the footer */

.sml {font-size:.8em; font-weight:600;}
#footer-bottom {display:none;}
/* Styling the back to top button */
.et_pb_scroll_top.et-visible {background-color:#C5B23A;}
.et_pb_scroll_top.et-hidden {background-color:rgba(197, 178, 58,.5);}

.et_mobile_menu {background-color:#fff !important;}

/* Vertical Slider */
.gq_m_vertical_slider {
        overflow: visible;
}
   
    .gq_m_vertical_slider .et-pb-arrow-next, .gq_m_vertical_slider .et-pb-arrow-prev {
        top: 0%;
        margin-top: 0px;
        opacity: 1;
        color: #ffffff!important;
        font-size: 35px;}
    .gq_m_vertical_slider .et-pb-arrow-prev, .gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-prev {
        top: 0;
        left: 5px!important;
        background: #3BB99F;}
		
		
		
    .gq_m_vertical_slider .et-pb-arrow-next,.gq_m_vertical_slider .et_pb_slider:hover .et-pb-arrow-next  {
        right: 5px!important;
        background: #3BB99F;
  
        top: inherit!important;}
    .gq_m_vertical_slider .et-pb-arrow-prev:before {
        content: "\32";}
    .gq_m_vertical_slider .et-pb-arrow-next:before {
        content: "\33";}

.gq_m_vertical_slider .et-pb-arrow-next span, .et-pb-arrow-prev span {background-color:#fff !important;}