/*
Theme Name: Divi Child Theme
Theme URI: https://myck.com.au/
Description: Divi Child Theme
Author: Myck
Author URI: https://myck.com.au/
Template: Divi
Version: Updated for Divi 4+
*/

/***** TYPOGRAPHY *****/

body {
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  color: #1e4555;
}
h1 {
  font-family: 'Catamaran', sans-serif;
  font-weight: 900;
  color: #0e2c48;
  margin-top: 0;
}
h2 {
  font-family: 'Catamaran', sans-serif;
  font-weight: 900;
  color: #0e2c48;
}
h3 {
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  color: #1c293b;
}
h4 {
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  color: #28b68d;
}
h5 {
  font-family: 'Catamaran', sans-serif;
  font-weight: 700;
  color: #1c293b;
}

.et_pb_column_1_3 h4, .et_pb_column_1_4 h4, .et_pb_column_1_5 h4, .et_pb_column_1_6 h4, .et_pb_column_2_5 h4 {
  font-size: 26px;
}
.et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2 {
  font-size: 40px;
}

/***** PADDING ******/

/* Row */

.row-padding-none {
  padding: 0;
}
.et_pb_row.row-padding-large, .et_pb_section.row-padding-large {
  padding: 110px 0 110px 0;
}
.et_pb_row.row-padding-medium, .et_pb_section.row-padding-medium {
  padding: 90px 0 90px 0;
}
.et_pb_row.row-padding-small, .et_pb_section.row-padding-small {
  padding: 60px 0 60px 0;
}

.bg-image-60 {
  background-size: 50% !important;
}

/* Column */

.column-padding-large, .column-padding-large .et_pb_column {
  padding: 110px 60px 150px 60px;
}
.column-padding-medium, .column-padding-medium .et_pb_column {
  padding: 80px 80px 80px 80px;
}
.column-padding-small, .column-padding-small .et_pb_column {
  padding: 50px 50px 50px 50px;
}

/***** BUTTONS ******/

/* Inline buttons */

.inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
  margin-right: 20px;
}

/***** HEADER ******/

/* Logo */

.et_pb_menu__logo img {}

/* Extra space between menu and dropdown */

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
margin-top: 20px;
}
.et-menu .menu-item-has-children>a:first-child {
padding-bottom: 20px;
}

/* Dropdown design */

@media (min-width: 981px) {

    .dd-dme-2a .et-menu li li.menu-item-has-children > a:first-child:after {
        font-family: "ETmodules";
        content: "L";
        font-size: 14px;
        text-align: center;
        top: calc(50% - 14px);
        background-color: rgba(0, 0, 0, 0.05);
        width: 26px;
        border-radius: 5px;
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out;
    }

    .dd-dme-2a .et-menu li li.menu-item-has-children > a:first-child:hover:after {
        background-color: #41d9d2; /* Paste the color/hovered color before 12 */
    }

    .dd-dme-2a .nav li ul {
        border-top: none;
        border-radius: 5px; /* Border-radius of dropdown menu */
        -webkit-box-shadow: 0 0 50px 0 rgba(37, 45, 73, 0.15); /* Box-shadow of dropdown menu */
        box-shadow: 0 0 50px 0 rgba(37, 45, 73, 0.15); /* Box-shadow of dropdown menu */
    }

    .dd-dme-2a .nav li li {
        padding: 0;
    }

    .dd-dme-2a .nav li li a {
        width: 240px;
        padding: 6px 25px;
        font-size: 14px !important; /* Font-size of dropdown menu items */
        -webkit-transition: all .3s ease-in-out !important;
        transition: all .3s ease-in-out !important;
    }

    .dd-dme-2a .nav li li a:hover {
        background: transparent;
        opacity: 1;
        padding-left: 30px;
    }

    .dd-dme-2a li li a > span:before {
        content: "";
        position: absolute;
        width: 0;
        top: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: width .3s ease-in-out, background-color .3s ease-in-out;
        transition: width .3s ease-in-out, background-color .3s ease-in-out;
    }
    
    .dd-dme-2a li li a:hover > span:before {
        width: 4px;
        background-color: #41d9d2; /* Set the color/hovered color */
    }
    
	.dd-dme-2a .nav li ul.sub-menu li.current-menu-item > a {
		color: #41d9d2 !important; /* Set the color/hovered color */
        padding-left: 30px;
	}
	
	.dd-dme-2a li li.current-menu-item > a > span:before {
        width: 4px;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #41d9d2; /* Set the color/hovered color */
    }
}


.nav-button {
	color: #2a3e6b!important;
border-color: #ffd744;
border-radius: 40px;
font-size: 16px;
font-weight: 500!important;
background-color: #ffd744;
	padding: 10px 20px!important;
}

.nav-button:hover {
border-color: #fff;
background-color: #fff;
}


/***** FOOTER ******/



/***** MOBILE MENU ******/



/***** FORM ******/

.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);
}



/***** RESPONSIVE ******/

/* Reverse Columns - use reverse-columns class on row */

.reverse-columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
}

/* Reverse Columns - order columns using class on column */

.column1 {
  -webkit-order: 1;
  order: 1;
}
.column2 {
  -webkit-order: 2;
  order: 2;
}
.column3 {
  -webkit-order: 3;
  order: 3;
}
.column4 {
  -webkit-order: 4;
  order: 4;
}

/* Add margin to last column */

.custom_row:last-child .et_pb_column:last-child {
  margin-bottom: 30px;
}


/***** MEDIA QUERIES ******/

@media only screen and (max-width: 1030px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 768px) {}

@media all and (max-width: 640px) {
	
	
  /***** PADDING ******/
	
   /* Row */
     
     .et_pb_row.row-padding-large, .et_pb_section.row-padding-large {
       padding: 60px 0 60px 0;
     }
     .et_pb_row.row-padding-medium, .et_pb_section.row-padding-medium {
       padding: 40px 0 40px 0;
     }
     .et_pb_row.row-padding-small, .et_pb_section.row-padding-small {
       padding: 20px 0 20px 0;
     }
     
     /* Column */
     
     .column-padding-large, .column-padding-large .et_pb_column {
       padding: 60px 20px;
     }
     .column-padding-medium, .column-padding-medium .et_pb_column {
       padding: 40px 20px;
     }
     .column-padding-small, .column-padding-small .et_pb_column {
       padding: 40px 20px;
     }
}