/*
Theme Name: DiviChild
Theme URI: http://10am.ca/
Version: 1.0.1
Author: http://10am.ca
Author URI: http://10am.ca
Tags: 

Template: Divi

*/

@import url("../Divi/style.css");

/* = customization starts here
-------------------------------------------------------------- */
body { font-size: 16px; }
img.alignleft { margin-right: 50px; }
img.alignright { margin-left: 50px; }
#main-content .container:before { display: none; }
.et_pb_row { width: 90%; }

/* = Top Menu
-------------------------------------------------------------- */
#top-menu .menu-item-has-children > a:first-child:after { display: none; }
#top-menu .menu-item-has-children > a:first-child { padding-right: 0; }
.mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; }
#top-menu li {
    font-weight: 400;
    letter-spacing: 0.01em;
    padding-left: 11px;
    padding-right:11px;
}

#et-secondary-menu > ul > li a { color: #231F20; }
#et-secondary-menu > ul > li a .fa-2x { font-size: 1.75em; }
ul#et-secondary-nav { padding-top: 30px; transition: all 0.4s ease-in-out; }
#et-secondary-menu { margin-right: 1%; }
.et-fixed-header ul#et-secondary-nav { padding-top: 14px; transition: all 0.4s ease-in-out; }
.et-fixed-header li.centered-inline-logo-wrap { width: 250px!important; }
.et-fixed-header .logo_container a { bottom: 3px; }
header#main-header { box-shadow: initial; }

.et_header_style_split #et_mobile_nav_menu {
    max-width: 280px;
    margin: 20px auto 0;
}
.et_mobile_menu li:last-of-type a {
    border-bottom: none;
    padding-bottom: 0;
}
.et_mobile_menu { border-bottom: 4px solid #58b947; text-align: center; }
.et_header_style_split .et_mobile_menu { top: 49px; }


/* = Typography
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { }

body h2 {
    font-weight: 900;
    text-transform: uppercase;
    color: #58B947;
    line-height: 1.2em;
}

body h4 {
    font-size: 32px;
    font-weight: 700;
    color:#E4126C;
}

body h5 {
    font-size: 20px;
    top: -10px;
    position: relative;
    line-height: 1.4em;
    color: #E4126C;
}


/* = Common Elements
-------------------------------------------------------------- */


/* = Home Page
-------------------------------------------------------------- */



.et_pb_code .sidebar {
    width: 275px;
    float: right;
    margin-left: 50px;
    margin-bottom: 15px;
}
.bullet-points {
    border: 2px #F47920 solid;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 2rem;
}
.book-size-price {
    background-color: #231F20;
    color:#fff;
    border-radius: 10px;
    padding: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
}

.retailer-links {
    padding-top: 1em;
}
.retailer-links a {
    display: inline-block;
}
.retailer-links img {
    max-width: 175px;
    margin-top: 1em;
    float: left;
}

body .gform_wrapper .gform_footer input.button { float: left; }
body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label { font-weight: 400; }
body.page-template .gform_wrapper ul li.field_description_below div.ginput_container_checkbox {
    margin-top: 0px;
    margin-bottom: 20px;
}


.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
    width: 22.25%;
    margin: 0 3.5% 3.5% 0;
}


.bullet-points li {
    margin-top: 1em;
}
.et_pb_toggle_title:before { left: -25px; font-size: 30px; }
.et_pb_toggle h5.et_pb_toggle_title, .et_pb_toggle p { padding-left: 20px; }
.et_pb_toggle { margin-top: 65px; }
h5.et_pb_toggle_title { position: relative; }
h5.et_pb_toggle_title::after {
    content: 'Question:';
    position: absolute;
    top: -40px;
    left: 19px;
    text-transform: uppercase;
    color: #58B947;
    font-weight: 700;
}
.et_pb_toggle_content { position: relative; padding-top: 35px; }
.et_pb_toggle_content::before {
    content: 'Answer:';
    position: relative;
    top: -13px;
    left: 19px;
    text-transform: uppercase;
    color: #58B947;
    font-weight: 700;
}
.et_pb_toggle ul {
    line-height: inherit;
    margin-left: 2em;
    padding-bottom: 0;
}
.et_pb_toggle li {
    margin-bottom: 1em;
}

body .event-listing h4 {
    margin: 0.5em 0 0.25em 0;
    padding: 0;
    font-size: 19px;
    text-transform: uppercase;
}

/* = Media Queries and Mobile
-------------------------------------------------------------- */
.et_mobile_menu {

}


@media only screen and (max-width: 1230px) and (min-width: 1101px) {
    
}

@media only screen and (max-width: 1100px) and (min-width: 981px) {
    .container.et_menu_container { width: 100%; }
}

@media only screen and (min-width: 981px) {
    .et_header_style_split #et-top-navigation { width: initial;} 
    .book-cover {
        -ms-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
        position:relative;
        width:100%;
    }
    .book-cover::after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        background-color: #e2e2e2;
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        transform-origin: center;
        backface-visibility: hidden;
        z-index: -1;
    }
}

@media only screen and (max-width: 980px) {
    .et_header_style_split .mobile_menu_bar {
        right: 50%;
        margin-right: -12px;
    }    
    .et_header_style_split #main-header .mobile_nav { background-color: initial; }
    ul#et-secondary-nav, #et-secondary-menu { display: block!important; padding-top:0; }
    #mobile_menu li.social-icon { display: none; }
    .et_mobile_menu li.menu-item-154 a { border-bottom: 0px; }
}

@media only screen and (max-width: 767px) {
    img.alignleft, img.alignright, .wp-caption.alignright, .wp-caption.alignleft { display: block; float: none; margin: 20px auto; }
    .et_pb_code .sidebar {
    width: initial;
    float: none;
    margin-left: initial;
}
}

@media only screen and (max-width: 479px) {
    .et_header_style_left #logo, .et_header_style_split #logo {
        max-width: 90%;
    }
}


/* Smooth Transitions on anchors  */

a {
    -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease opacity 0.3s ease;
}



/* IE fix  */

#ie6 .et_pb_column, #ie7 .et_pb_column, #ie8 .et_pb_column  {  margin-right: 25px; }