/*
 Theme Name:  Divi SAAS
 Description:  Premium Divi Child Theme by Divi Life
 Author:       Divi Life — Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

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

/*Navigation*/
.sdsnav .et_pb_button_module_wrapper {
    display: inline-block;
}
@media only screen and (min-width:981px) and (max-width: 1199px) {
    #DLnav .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
   #DLnav .et_mobile_nav_menu {
        display: block;
    }
	#DLnav .nav_clm1, #DLnav .sdsnav {width:50%!important}
}

/*Footer*/
.ftr-optin .et_pb_newsletter_field {flex-basis:85%!important;} 
.ftr-optin .et_pb_newsletter_button_wrap {flex-basis:15%!important;}
.ftr-optin .et_pb_newsletter_button.et_pb_button:after {margin-left:-0.6em!important}
.ftr-optin .et_pb_newsletter_button.et_pb_button {height: 47.4px!important;}
/*Contact*/
.divicontact .et_contact_bottom_container {float:left!important;padding-left: 3%!important;}
/*Home*/
.sbscolumn .et_pb_button_module_wrapper {
    display: inline-block;
}
@media all and (min-width:981px) and (max-width:1200px){.main_title h1 {font-size:50px!important}}
  .DL-price-toggle-row .et_pb_button_module_wrapper {margin-bottom:0!important}
/* ### Pricing toggle  - active bg and text color ### */
body #page-container .et_pb_section .DL-active-price-toggle.et_pb_button {
	background-color: #000d83 !important; /* toggle color */
	color: #fff !important; /* toggle text color */
}
.DL-month-item {
	display: none;
}
.DL-year-item {
	display: none;
}
.DL-switch-toggle-item {
	display: block;
}
/*move wrapped title, meta, and text up over the image*/

.DLblog-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 30px;
	z-index: 1;display:flex;flex-direction:column;
}
  .DLblog .entry-title {order:2;}
  .DLblog .post-meta {order:1}
  .DLblog .post-content {order:3}
  @media all and (max-width:980px) {.DLblog .entry-title {padding-bottom:6vh}}
   @media all and (min-width:981px) {.DLblog .entry-title {padding-bottom:34%}}
/*keep the moved items positioned with their parent items*/

.DLblog .et_pb_blog_grid article {
	position: relative;
}


/*remove spacing around entire blog post*/

.DLblog .et_pb_blog_grid .et_pb_post {
	padding: 0px;
}


/*remove negative margins on blog featured image*/

.DLblog .et_pb_image_container {
	margin: 0;
}


/*remove the margin below the featured image frame*/

.DLblog .et_pb_post .entry-featured-image-url {
	margin: 0;
}
.DLblog .entry-featured-image-url {
  padding-top: 82%;
  display: block;
}
.DLblog .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


.DLblog .et_pb_blog_grid .entry-featured-image-url::after {
position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	background: rgba(0, 0, 0, 0.35);
}  
/*Instagram*/
#sb_instagram .sbi_photo {border-radius:12px!important}

/*Blog*/
.saasblog .et_pb_post .post-meta{display: flex;
	justify-content: space-between;}
.comments-number:before {
position: absolute;
    top: 0px;
    right: 98px;
  	content: url("http://divisaas.divilife.site/wp-content/uploads/2023/09/comm.png");
}
.comments-number a {padding-left:10px}
.saasblog .et_pb_post {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;margin-bottom:60px;
}

.saasblog .et_pb_post .entry-featured-image-url { margin: 0; order: 1; }
.saasblog .et_pb_post .post-meta { order: 3; }
.saasblog .et_pb_post .entry-title { order: 2; }
.saasblog .et_pb_post .post-content { order: 4; }

.saasblog .et_pb_post .entry-featured-image-url .et_overlay {
  z-index: -1 !important;
  opacity: 1;
  width: 300%;
  border: none;
}
  
@media(min-width: 768px) {
  .saasblog .et_pb_post .post-meta,
  .saasblog .et_pb_post .entry-title,
  .saasblog .et_pb_post .post-content {
    width: 50%;
    margin: 0 0 0 auto;
  }
  .saasblog .et_pb_post .entry-featured-image-url {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
  }
  .saasblog .et_pb_post .entry-featured-image-url img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media(max-width: 767px) {
 .saasblog .et_pb_post .entry-featured-image-url .et_overlay {
    top: 100%;
    height: 300%;
  }
}

.DL-comments:before {
position: absolute;
  	content: url("http://divisaas.divilife.site/wp-content/uploads/2023/09/comm.png");
  }
  @media all and (min-width:981px){.DL-comments:before {
    right: 160px;
  	  }}
@media all and (max-width:767px){.DL-comments:before {
    right: 32%!important;
  }}
@media all and (min-width:768px) and (max-width:980px){.DL-comments:before {
    right: 34%!important;
  }}

/*Blog Posts*/
.siblogs .nav-previous:before {content:"Previous";position:absolute;top:-35px;font-weight:600;left:26px;font-size:1.3em}
.siblogs .nav-next:before {content:"Next";position:absolute;top:-35px;font-weight:600;right:26px;font-size:1.3em}
.siblogs {width:100%!important;max-width:1600px!important}
.catsblog a {border:1px solid #000;padding: 10px 15px;}
.ftrimg img {object-fit: cover;}
.post-cmnts .comment_postinfo .fn {font-size:1.2em!important;color:#000!important;}
.post-cmnts span.comment_date {font-weight:500}
.post-cmnts .page_title {border-bottom: 2px solid #eee;margin-bottom: 35px;}
.post-cmnts .form-submit {text-align: left;}
body #page-container .et_pb_section .post-cmnts .comment_area .comment-reply-link {padding-left:0!important;color:#184be9!important}
@media all and (min-width:768px){body #page-container .et_pb_section .post-cmnts .comment_area .comment-reply-link {left:98px;bottom:-65px;top:auto!important;right:auto;}}
@media all and (max-width:767px){body #page-container .et_pb_section .post-cmnts .comment_area .comment-reply-link {left:0px;bottom:5px;top:auto!important;right:auto;}}
body #page-container .et_pb_section .post-cmnts .form-submit .et_pb_button {color: #FFFFFF!important;
    background-color: #184be9!important;padding:10px 35px!important;border-radius:10px}
body #page-container .et_pb_section #post-cmnts .et_pb_button {color: #FFFFFF!important;
    background-color: #184be9!important;padding:10px 35px!important;border-radius:10px}
.post-cmnts  #respond {padding-top: 50px!important;}
.post-cmnts #reply-title {color:#191234!important;font-size:2.5em!important;font-weight:600}
@media all and (max-width:980px){.soc_share  .et_social_1col li {
   display: inline-block;
    width: 33.3%!important;
    clear: none !important;
    text-align: center!important;
}}
.comments-number:before {
position: absolute;
    top: 0px;
    right: 102px;
	content: url("http://divisaas.divilife.site/wp-content/uploads/2023/09/comm.png");
}
/*Testimonial slider*/
.reviewslider .et-pb-controllers a {margin: 0 -10px!important;opacity: 1;}
.reviewslider .et-pb-controllers .et-pb-active-control {transform: scaleX(1.24) scaleY(1.24);}

/*size and position of images*/
.reviewslider .et-pb-controllers a {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  margin: 0 15px;
}
/*change opacity on hover*/
.reviewslider .et-pb-controllers a:hover {
 opacity: 1;
}
/*make the active slide slightly bigger*/
.reviewslider .et-pb-controllers .et-pb-active-control {
  width: 100px;
  height: 100px;
  margin-bottom: -5px;
}
/*force off the text shadows*/
.reviewslider .et_pb_slide_description {
text-shadow: none!important;
  margin-bottom: 20px!important;
}
/*change the slide description animation*/
.reviewslider .et-pb-active-slide .et_pb_slide_description {
 animation-name: fadeIn;
}
@media (max-width: 980px) {
/*size and position of images - mobile*/
.reviewslider .et-pb-controllers a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 10px;
}
  /*make the active slide slightly bigger - mobile*/
.reviewslider .et-pb-controllers .et-pb-active-control {
  width: 60px;
  height: 60px;
  margin-bottom: -5px;
}
  /*adjust image position - mobile*/
.reviewslider .et-pb-controllers {
    bottom: 10%;
}
}
/*position the images - mobile*/
@media (max-width: 767px) {
.reviewslider .et-pb-controllers {
  bottom: 20%;
}
/*position the images - mobile*/
.reviewslider .et_pb_slide_description {
  margin-bottom: 50px!important;
}
}
/*About*/
  .divnrs .et_pb_column:hover  .et_pb_divider:before{border-top-color:#184be9!important}

/*Portfolio*/
.pfpages .nav-previous:before {content:"Previous";position:absolute;top:-35px;font-weight:600;left:27px;}
.pfpages .nav-next:before {content:"Next";position:absolute;top:-35px;font-weight:600;right:28px;}
.pfpages {width:100%!important;max-width:1480px!important}
@media (min-width: 981px) {
 .DLprojects .et_pb_grid_item {
        width: 29.66%!important;
        margin-right: 5.5%!important;  
    }
  .DLprojects .et_pb_grid_item:hover .et_overlay:before {content:"view project \2192";color:#fff!important;font-family: 'Urbanist'!important;font-weight:600;font-size:1.1em;transition: none;}
.DLprojects .et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }
  
.DLprojects .et_pb_grid_item:nth-child(4n) {
        margin-right: 5.5%!important;
    }
  
    .DLprojects .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
    .DLprojects .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}
.DLprojects .et_portfolio_image {
  padding-top: 100%;
  display: block;
}
.DLprojects .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
 .DLprojects .et_pb_portfolio_filters ul {
text-align: center;
margin: 0 auto;
}

.DLprojects li.et_pb_portfolio_filter {
float: none !important;
display: inline-block;
}
  .DLprojects .et_pb_portfolio_filters li a {border:0px solid}
  .DLprojects .et_pb_portfolio_filters li a.active {background-color:#fff!important}
@media only screen and ( max-width: 479px ) {

.DLprojects li.et_pb_portfolio_filter {
display: block;
width: 100% !important;
}
}