/* 
 Theme Name:     Divi Child
 Description:    Created for FastPass Class (https://fastpassclass.com//) 
 Author:         Ocho.Works
 Author URI:     https://ocho.works 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- CUSTOM CSS BELOW THIS LINE --  --------------------------- */ 



/* ------ ET line icon font imported */



@font-face {
	font-family: 'et-line';
	src:url('fonts/et-line.eot');
	src:url('fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('fonts/et-line.woff') format('woff'),
		url('fonts/et-line.ttf') format('truetype'),
		url('fonts/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* ------ ET line icon font imported END */



/* shrink menu on smaller laptop screens instead of overlapping */
@media only screen and (max-width : 1200px) {
.container.clearfix.et_menu_container, #top-header .container.clearfix {
max-width: 100%!important;
width: 95%!important;}
}
@media only screen and (max-width : 1100px) {
#top-menu li {
padding-right: 13px!important;
}
#top-menu li a {
font-size: 13px!important;}
}

/* END */



/* remove top border from submenu and add shadow under main menu */

.nav li ul {  
        border-top: none;
	box-shadow: 0px 10px 20px rgba(30, 30, 30, 0.08);
}



/* submenu hover background opacity or colour */
.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: rgba(0,0,0,.01);
  opacity: .7;
}


/*menu underline hover and submenu lineheight last item */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
	
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #dddddd; /*** COLOR OF THE LINE ***/
 height: 1px; /*** THICKNESS OF THE LINE ***/

 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 0%;
}

.nav li li {
  line-height: 1.5em;
}


/* change toggle icon by 180 degrees on opening of accordion or toggle */


.et_pb_toggle_title:before {
   content: "\33";
   transition: all .3s ease-in-out;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\33";
   transform: rotate(180deg);
}


/* END */


#logo {
width: auto;
}


/* Text MENU left of MOBILE hamburger in Theme Builder */

.et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 40px;
margin-top:5px;
color: #333;
font-size:16px;
}

/* Text left of hamburger in Divi 3 */

#et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 33px;
bottom:30px;
color: #333;
font-size:16px;
}




/* turn hamburger to X icon in expanded mobile menu */

.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}


/* Change X icon color - change #000 to your desired color */

.mobile_nav.opened .mobile_menu_bar:before {
color: #000;
}



/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}



/*** Change tablet Columns  ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

.three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

.four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}