Theme Name:   Divi Child Theme
 Description:  Acciline Child Theme
 Author:       Jose Encarnacion
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child-theme



/* Add CSS below this line */

/*prevent horizontal scroll on page*/
#page-container {
    overflow: hidden;
}

/*prevent horizontal scroll on mobile*/
@media all and (max-width: 980px) {

    html,
    body {
        overflow-x: hidden;
        scroll-padding-top: 4rem;
    }

    body {
        position: relative
    }
}

header {
    position: relative;
    z-index: 99999;
}

/*bullet checklist by www.peeayecreative.com*/
.pa-bullet-list-1 ul {
    list-style-type: none !important;
}

.pa-bullet-list-1 ul li:before {
    content: '\e052' !important;
    color: #1898c2;
    font-family: 'ETMODULES' !important;
    margin-right: 10px;
    margin-left: -14px;
    font-size: 1.2em !important;

}

ul {
    list-style-position: outside;
}

/*make the width of menu containers 100% wide to make room for the menu items to move*/

.pa-split-menu .et_pb_menu__menu,
.pa-split-menu .et_pb_menu__menu>nav,
.pa-split-menu .et_pb_menu__menu>nav>ul {
    width: 100%;
}


/*push the nth menu item and any other items to the right of it to the right*/

.pa-split-menu .et_pb_menu__menu>nav>ul li:nth-child(4) {
    margin-left: auto;
}


/*this keeps the search and/or cart icons inline*/

.pa-split-menu .et_pb_menu__wrap,
.pa-split-menu .et_pb_menu__wrap .et-menu.nav {
    flex-wrap: nowrap !important;
}


/* CTA button styles */
.menu-dir-cta a {
    color: #fff !important;
    /* Change button text color here */
    background-color: #1898C2;
    /* Change button background color here */
    font-size: 12px !important;
    /* Change text size here */
    border-radius: 50px;
    /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    text-align: center;
    line-height: 9px;
    font-weight: 600;
    padding: 18px 16px !important;
    text-transform: uppercase;
    display: block;
    border: 0px;
}

.menu-ind-cta a {
    color: #1898C2 !important;
    /* Change button text color here */
    background-color: #fff !important;
    /* Change button background color here */
    font-size: 12px !important;
    /* Change text size here */
    border-radius: 50px;
    /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    text-align: center;
    line-height: 9px;
    font-weight: 600;
    padding: 18px 45px !important;
    text-transform: uppercase;
    display: block;
    border: 1px solid #b6b6b6;
}

/* Media query to ensure hover styles are only applied to desktop */

@media (min-width: 981px) {

    /* Hover styles for our CTA Button */
    .menu-dir-cta a:hover {
        opacity: 1 !important;
        color: #fff !important;
        /* Change hover button text color here */
        background-color: #1898C2;
        /* Change hover button background color here */
        transform: scale(1.1);
        /* If you don't want the button to get bigger when you hover on it, delete this line */
    }

    .menu-ind-cta a:hover {
        opacity: 1 !important;
        color: #1898C2 !important;
        /* Change hover button text color here */
        background-color: #fff;
        /* Change hover button background color here */
        transform: scale(1.1);
        /* If you don't want the button to get bigger when you hover on it, delete this line */
    }
}

/* Fix the padding in the primary menu to accomodate the button */
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Make sure that the alignment in the menu is correct */
.et_pb_menu .et_pb_menu__menu>nav>ul>li {
    align-items: center;
}