/*
Theme Name: Divi Digital Marketing
Theme URI: https://divilife.com/
Version: 1.0
Description: Divi Digital Marketing is a bold and bright child theme from Divi Life :)
Author: Divi Life — Tim Strifler
Template: Divi
Author URI: https://divilife.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*****Add any custom CSS below this line*****/

/*****General and Typography*****/
body {font-weight: 400;}
/**change color line below titles**/
.title_underline {font-weight:400; background-image: linear-gradient(120deg, #ffb27e 0%, #ffb27e 100%);  background-repeat: no-repeat;  background-size: 100% 0.2em;
    background-position: 0 78%;}
/***dont stack columns tablets***/
@media all and (min-width:601px) and (max-width:980px) { #no_stack .et_pb_column {width: 50% !important;margin-right:0!important}#no_stack .et_pb_column:last-of-type {margin-right:0%!important}}
/**reverse columns on mobile**/
@media all and (max-width: 980px) {.dl-flip {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;flex-direction: column-reverse;}}
/***Pagecontent***/
#pagecontent .et_pb_row  {width:100%!important;}
#pagecontent .et_pb_section {padding-top:0!important}
/*****Navigation*****/
/**active menu link line color and bold**/
#top-menu li.current-menu-item a {font-weight: 600!important;background-image: linear-gradient(120deg, #ffb27e 0%, #ffb27e 100%);
    background-repeat: no-repeat;    background-size: 100% 0.2em;    background-position: 0px 58%;display: flex;    padding: 31px 0;    white-space: nowrap;    align-items: center;}
/****desktop menu padding and change logo on scroll****/
@media all and (min-width:981px) {#et-top-navigation {font-weight: 400;} .page #et-top-navigation{padding-top:0!important;}
#top-menu li {padding-right: 42px;}
}
/****Mobile Nav fixed****/
@media all and (max-width:980px) {.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {position:fixed!important}}

/*featured-carousel*/
.slick-prev,
.slick-next {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 0;
    font-weight: 400;
    font-style: normal;
    font-family: 'ETModules';
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    position: absolute;
    top:-6%;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0;
    vertical-align: top;
    z-index: 9;
    color: transparent;
    background: transparent;
    -webkit-transition: color .1s ease-in 0;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/***change color hex to change carousel arrow color**/
.slick-prev {right: 20%;}
.slick-next {right: 15%;}
.slick-prev:before {
    color: #ff6700;padding: 4px 30px;
    font-size: 35px;
    content: "\23";
}
.slick-next:before {
        color: #fff;
    background-color: #ff6700;
    font-size: 32px;
    content: "\24";box-shadow: 0px 0px 18px 0px rgba(255,103,0,0.2);
    padding: 4px 30px;
    border-radius: 10px;
}
@media all and (min-width:981px) and (max-width:1280px) {.slick-prev {right: 25%!important;}}
@media all and (max-width:980px) {.slick-prev {	left: -2%!important;}.slick-next {left: 23%;}.slick-prev,.slick-next {top: -2%!important;}}
@media all and (min-width:968px) and (max-width:1280px) {.featured_images {padding-right:20px!important}}
@media all and (min-width:1281px) and (max-width:1800px) {.featured_images {padding-right:30px!important}}
@media all and (min-width:1920px){.featured_images .et_pb_image_wrap img {max-width:520px!important}}

/*****Counts section tablets*****/
@media all and (min-width:981px) and (max-width:1279px) {#home_section {padding-top: 7vh;padding-bottom: 7vh;}}
@media all and (min-width:981px) and (max-width:1025px) {#home_section .counts {padding-left: 10px!important;max-width:180px!important;}}


/*****Blog meta icons*****/
.DL_blog .author:before, .DL_blog .published:before, .archive .published:before, .search .published:before, .archive .author:before, .search .author:before, .single span.author:before, .single .published:before, .single .comments-number:before, .archive .comments-number:before, .search .comments-number:before {
    font-family: 'ETModules';}
.DL_blog .published:before, .archive .published:before, .search .published:before, .single .published:before {content: '\7d';font-size: 18px; margin-right: 8px;}
.DL_blog .author:after, .archive .author:after, .search .author:after, .single .author:after {content: '|';font-size: 16px;color:#eaeaea;margin-left: 10px;}
.single .comments-number:before, .archive .comments-number:before, .search .comments-number:before { content: '\76';margin-right: 10px;margin-left:4px;font-size: 1em;}
.comments-number {float: right;}
/*****Blog meta link color and hover color*****/

.DL_blogpost .DL_posttitle .et_pb_title_meta_container a:hover, .DL_blog .et_pb_post .post-meta a:hover {color:#ff6700!important}
.comments-number:hover {color:#ff6700}
/*****Blog submit button left*****/
.form-submit {text-align: left;}

/*****WP-pagenavi*****/
.wp-pagenavi {border-top: none;text-align: left;padding-top: 30px;}
.wp-pagenavi span.current {color:#fff!important;background-color:#ff6700;font-size: 18px !important;border-radius: 8px;padding: 6px 14px;}
.wp-pagenavi a, .wp-pagenavi a:hover {color: #353638!important;font-size: 18px !important;background-color: #e8e7e7;border-radius: 8px;padding: 6px 14px;}

/*****Sidebar*****/
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
.widget_search input#s {border: 1px solid #353638;border-radius: 10px;font-size: 1em;
    padding-right: 55px !important;padding-top:1.4em!important;padding-bottom:1.4em!important;
}
@media all and (max-width:980px) {#services_menu .et_pb_menu__menu {
	display: block!important;}#services_menu .et_mobile_nav_menu {display:none!important}}
/**search button**/
.widget_search::before {
    content: '\55';
    position: absolute;color:#fff!important;
    font-family: 'ETModules';
    z-index: 1;box-shadow: 0px 0px 24px 0px rgba(255,103,0,0.25);
    right: 0;background-color: #ff6700;
    border-top-right-radius: 10px;background-image: linear-gradient(48deg,#ff6700 50%,#ffb27e 100%)!important;
    border-bottom-right-radius: 10px;
    font-size: 18px!important;
    padding: 9px 30px!important;
}
.widget_search, .et_pb_widget:last-of-type {padding-bottom:0px!important;border-bottom:0px solid!important;}
@media all and (min-width:768px) and (max-width:980px) {.widget_search {width:100%!important}}
h4.widgettitle {font-size:1.5em;padding-bottom: 18px;}
.et_pb_widget a {color: inherit!important;}
/**widget link hover color**/
.et_pb_widget li a:hover, .cat-item:hover, #categories-2 .cat-item:hover {color:#ff6700!important}
/**tagcloud**/
.tagcloud a {
    margin-right: 6px;margin-bottom: 10px;
    padding: 3px 12px;border-radius: 6px;
    background: #e8e7e7;
	font-size: 13px !important;}
#tag_cloud-2 .tagcloud a:hover {background:#ff6700!important;color:#fff!important;box-shadow: 0px 0px 24px 0px rgba(255,103,0,0.25);}
/**recent posts widget**/
#rpwwt-recent-posts-widget-with-thumbnails-2 img {border-radius: 10px;    margin-top: 0px;}
.rpwwt-post-title{font-weight:600;font-size:18px}
#rpwwt-recent-posts-widget-with-thumbnails-2 ul {line-height:1.4em!important}
.rpwwt-post-date {font-size: 13px;}
/**widgets divider**/
.et_pb_widget {border-bottom: 1px solid #ccc;
    padding-bottom: 30px;margin-bottom: 40px!important;}

/*****Contact*****/
.cntc_form .et_contact_bottom_container {float:left!important}

/*****Testimonial slider*****/
.testimonial_slider .et_pb_slide_content img {border-radius:15px;margin-bottom:10px}
.testimonial_slider .et_pb_slide_content h4 {font-weight:600;font-size:1.6em}
.testimonial_slider .et_pb_slide_content h5{font-size: 18px;font-weight: 400; margin-bottom: 25px;}
.testimonial_slider .et_pb_slide_content  .one_half {padding: 0 4%;margin-right: 0%;width:50%;}
.testimonial_slider .et_pb_slide_content .et_column_last {border-left: 1px solid #ccc}
.testimonial_slider .et_pb_slides {padding-bottom:50px!important}
.testimonial_slider .et_pb_slide {padding:0!important}

@media all and (max-width:479px) {.testimonial_slider .et_pb_slide_content  .one_half {padding: 6% 0%;margin-right: 0%;width:100%;}
.testimonial_slider .et_pb_slide_content .et_column_last {border-left: 0px solid #ccc}}
/*****Testimonial arrows*****/
.testimonial_slider .et-pb-arrow-next:before {color: #fff!important;background-color: #ff6700;font-size: 32px;content: "\24";box-shadow: 0px 0px 18px 0px rgba(255,103,0,0.2);
    padding: 4px 30px;border-radius: 10px;} 
.testimonial_slider .et-pb-arrow-prev:before {padding: 4px 30px;font-size: 35px;content: "\23";}
.testimonial_slider  .et-pb-arrow-prev, .testimonial_slider .et-pb-arrow-next {top:98%!important;margin-top: -40px!important;opacity: 1;}
@media all and (min-width:981px) {.testimonial_slider .et-pb-arrow-next {left:50%} .testimonial_slider .et-pb-arrow-prev {left:42%!important}}
.testimonial_slider:hover  .testimonial_slider  .et-pb-arrow-prev, .testimonial_slider .et-pb-arrow-next {top:98%!important;margin-top: -40px!important;}
@media all and (min-width:480px) and (max-width:980px) {.testimonial_slider .et-pb-arrow-prev {left: 34%!important;}.testimonial_slider .et-pb-arrow-next {left:50%} }
@media all and (max-width:479px) {.testimonial_slider .et-pb-arrow-prev {left: 10%!important;}.testimonial_slider .et-pb-arrow-next {left:42%} }

/*****team-person-modules*****/
.DL_person .et_pb_font_icon {border: 1px solid #999;width:32px;height:32px;padding:4px;border-radius:10px}.DL_person .et_pb_font_icon:hover:before {color:#ff6700!important; }.DL_person .et_pb_font_icon:hover {border: 1px solid #ff6700!important;}
/*****Footer*****/
.DLfooter_row .divilife_optin .et_pb_newsletter_field {flex-basis: 65%!important;}
.DLfooter_row .divilife_optin .et_pb_newsletter_button_wrap {flex-basis: 35%;}
@media (max-width: 767px){
.DLfooter_row .divilife_optin .et_pb_newsletter_field, .divilife_optin .et_pb_newsletter_button_wrap {
    flex-basis: 100%!important;}}
@media all and (min-width:1168px) {.DLfooter_row .left_clm {width: 27%!important; margin-right: 5%!important;}
.DLfooter_row .second_clm, .DLfooter_row .third_clm {width:20%!important}.DLfooter_row .last_clm {width:22%!important}}