/*
Theme Name:   Divi Child
Theme URI:    https://www.elegantthemes.com/gallery/divi/
Description:  Divi Child Theme
Author:       Brian Stephens
Author URI:   https://www.moulinwebsitedesign.com/
Template:     Divi
Version:      1.0.0
*/

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

/* =Theme customization starts here
------------------------------------------------------- */

/*******************************************************
This sets blog pagination font styling
*******************************************************/

.pagination a {
font-size: 20px;
font-weight: bold;
color: #99CC33;
}

/*******************************************************
Removing the gap between the drop down menu block and the main nav menu
*******************************************************/

.et-fixed-header .nav li ul {
    top: 24px!important;
}

/*******************************************************
This controls the grid blog box height
*******************************************************/
.et_pb_post {
height: 450px !important;
}

/*******************************************************
This changes the colour of the nav icon in mobile views
*******************************************************/

.mobile_menu_bar:before {
color: #333333 !important;}

@media only screen and (max-width: 767px){
.et_pb_slider .et_pb_slide_0 .et_pb_slide_description .et_pb_slide_title {
font-size: 29px !important;
}}


/****************************************************
Changing captcha question colour
*****************************************************/
 
.et_pb_contact_captcha_question {
color:#ffffff !important;
}

.input.et_pb_contact_captcha {
padding: 3px 10px !important;
}

.et_pb_contact_right p {
color: #fff !important;
}


/*******************************************************
This is the styling section for the sales landing 'page boost my sales'
*******************************************************/

.sidebarcta { margin-top: -50px; padding-bottom: 15px;}
.sidebarcta p { font-size: 18px; color: #ffffff; }


.sidebarcta img { margin: 10px 0; }
.sidebarcta .formheader,
.sidebarcta .formsubheader {
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    color: #ffffff;
}
.sidebarcta .formheader { font-size: 34px; line-height: 25px; padding: 25px 0;}
.sidebarcta .formsubheader { font-size: 18px; }
.sidebarcta ._form {
    margin: 20px 0;
}

.topicons { font-size: 18px; }
.topicons ul { 
    font-size: 16px;
    list-style: none;
    margin: 0 0 0 6px;
    padding: 0 0 0px 14px;
    line-height: 1.5
}
.topicons ul:after { 
    display: block;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    content: ".";
}
.topicons li {
    padding: 3px 15px 3px 40px;
    list-style: none;
    margin: 0;
    float: left;
}
.topicons li.ilearn { background: url(/wp-content/uploads/2016/04/package-business.png) no-repeat left top; }
.topicons li.itrain { background: url(/wp-content/uploads/2016/04/routes-to-market.png) no-repeat left top; }
.topicons li.ilaunch { background: url(/wp-content/uploads/2016/04/launch-sales.png) no-repeat left top; }


.toptxt.headline p { font-size: 70px; line-height: 70px; font-weight: 400; margin-bottom: 10px; }
.toptxt.headlinered p { font-size: 70px; line-height: 70px; font-weight: 400; margin-bottom: 10px; }
.toptxt.subheadline p { font-size: 24px; line-height: 25px; color: #333333}
.toptxt.textheadline p { font-size: 36px; line-height: 38px; color: #99cc33; }
.toptxt.textheadlinered p { font-size: 36px; line-height: 38px; color: #ff5f5f; }
.toptxt.topheadline p { font-size: 51px; line-height: 53px; color: #99cc33; }
.toptxt.subtopheadline p { font-size: 18px; color: #000000; }


.conversiontext { font-size: 20px; text-transform: uppercase; }
.conversionicon { size: inherit; }

.howheader p { font-size: 36px; line-height: 36px; color: #333333; }
.howtext { font-size: 16px; color: #000000; }
.shouldyoutext { font-size: 16px; color: #000000; }
.coursebreakdown p { font-size: 36px; color: #ffffff !important; }

.courseweek p { font-size: 26px; line-height: 36px; color: #003BA3;}
span.courseweekheader { font-size: 26px; color: #ffffff !important; font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; }
.courseweektext p 
{ color: #ffffff; 
  font-size: 16px;
}

div.courseweektext.border {
    padding-left: 20px;
    border-left: 2px dashed #ffffff;
    margin-left: -4.5%;
}

ul.tenreasons,
ul.howitworks {
    font-size: 16px;
    margin-top: 20px;
}
ul.tenreasons li,
ul.howitworks li {
    list-style: none;
    margin-bottom: 20px;
}
ul.tenreasons li .hdr,
ul.howitworks li .hdr {
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    font-size: 20px;
    color: #ff6600;
}

.et_pb_column_1_3 .et_pb_promo.enrollbox {
    padding: 0 0 0 0;
    border-style: solid;
    border-width: 5px;
    border-color: #ff6600;
}
.enrollbox .et_pb_promo_description { min-height: 250px; }
.enrollbox .et_pb_promo_description h2 {
    color: #ffffff;
    background-color: #ff6600;
    padding: 10px 0 !important;
}
.enrollbox .et_pb_promo_description p {
    padding: 20px !important;
    font-size: 22px !important;
}
.et_pb_promo_description p:last-of-type {
    padding: 0 20px 0 20px !important;
    line-height: 24px;
}
.enrollbox a.et_pb_promo_button {
    margin-bottom: 15px !important;
    font-size: 18px !important;
}

.enrollbox a.et_pb_promo_button {
    color: #ffffff!important;
    background: #99CC33;
    letter-spacing: 0px;
    font-size: 20px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important;
}

body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:hover {
    background: #bbd616!important;
    letter-spacing: 0px;
    padding-left: 0.7em;
    padding-right: 2em;
}



/*******************************************************
End of the styling section for the sales landing 'page boost my sales'
*******************************************************/

/********************************************************
Media Queries (Mobile settings) for sales page
********************************************************/
}

@media (max-width: 980px) {
    .sidebarcta {
        margin-top: 10px;
        padding-bottom: 15px;
    }
    .trainingsolutions .et_pb_row:nth-child(n+2) {
        padding: 10px 0;
    }
    .trainingsolutions .et_pb_column_1_4 { display: none; }

}
@media (max-width: 768px) {
    .et_pb_section_1 { padding-top: 10px; }
    .et_pb_row_1 { padding: 10px 0; }
    .topicons ul { 
        font-size: 15px;
    }
}
@media (max-width: 425px) {
    p {
        font-size: 14px;
    }
    .et_pb_section, .et_pb_row {
        padding: 15px 0;
    }
    .topelement .toptxt.headline p {
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .topelement .toptxt.subheadline p {
        font-size: 16px;
        line-height: 18px;
    }
    .toptxt.textheadline p {
        font-size: 28px;
        line-height: 30px;
    }
    .toptxt.topheadline p {
        font-size: 31px;
        line-height: 38px;
    }
    .coursebreakdown p {
        font-size: 23px !important;
    }
    span.courseweekheader {
        font-size: 20px;
    }
}
@media (min-width: 360px) and (max-width: 980px) {
    .trainingicons.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
        width: 47.25% !important;
        margin-right: 5.5%;
    }
    .et_pb_row_4col > .et_pb_column.et_pb_column_1_4:nth-child(even) {
        margin-right: 0;
    }
}

/***********************************************************************
Setting bullets for price list
***********************************************************************/



.et_pb_pricing li {
list-style: outside url("http://makeithappenhub.com/wp-content/uploads/2016/04/tick.png") disc;
padding-left: 0;
}
.et_pb_pricing li.et_pb_not_available {
list-style: outside url("http://makeithappenhub.com/wp-content/uploads/2016/04/cross.png") disc;
padding-left: 0;
}

ul.et_pb_pricing {
list-style: outside none none !important;
margin-left: 30px;
}
.et_pb_pricing li span::before {
border: medium none;
}

/*****************************************************************************
Fixing links on the inset text
*****************************************************************************/
.et_pb_text_0{
position: relative;
z-index: 1000;}

/****************************************************************************
Changing block quote line/border colour
****************************************************************************/
blockquote {
border-color:#ff5f5f;
}

/****************************************************************************
Inset Text Boxes Link colours
****************************************************************************/
.insetlinks a {
    color: #fff;
    font-style: italic;
}
.insetlinks a:hover {
    color: #000;
    font-style: italic;
}

/*******************************************************************************
Adding a Hover Colour to blog posts Link Plus Blog Spacing
*******************************************************************************/

.et_pb_blog_0 .et_pb_post a:hover {
color: #99cc33;
}
.single .et_pb_post p a:hover {
color: #99cc33;
}

#fullwidth .et_pb_post {
height: 200px !important;
}

/****************************************************************************
Swap slide image to the right
****************************************************************************/

.et_pb_slide_with_image .et_pb_slide_description 
{
float: left;
}

.et_pb_slide_image {
float: right !important;
right: 0;
}

/****************************************************************************
Force Tablets to Use Mobile Menu
****************************************************************************/
@media (max-width: 1293px){
#top-menu {
display: none;
}
#et_mobile_nav_menu {
display: block;
}
}

@media only screen and ( max-width: 1293px ) {
.et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: absolute;
}
/***************************************************
Sales Page Nav Bar Fix 
****************************************************/
.page-id-326 .et_pb_widget_area #nav_menu-4 {
width: 100%;
}
.page-id-326 .et_pb_widget_area.et_pb_widget_area_left.clearfix.et_pb_module.et_pb_bg_layout_dark.et_pb_sidebar_0 {
padding: 0 31%;
}


/******************************************************************************
Fotis header page link colours
******************************************************************************/
.fotisheader a {
color: #ffffff !important;
}
.fotisheader a:link {
    color: #ffffff !important;
}
.fotisheader a:hover {
    color: #999999 !important;
}

.fotisheader a:visited {
color: #666666 !important;
}


}