/*
Theme Name: Spectral Vision Divi Child Theme
Theme URI: https://spectralvision.media/
Description: Divi Child Theme
Author: Spectral Vision
Author URI: https://spectralvision.media/
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/
.et_pb_image .et_pb_image_wrap img{object-fit: cover!important}

/* Fix homepage image alignment */
@media (min-width: 981px) {
  .et_pb_row.et_pb_equal_columns, 
  .et_pb_row_inner.et_pb_equal_columns, 
  .et_pb_section.et_pb_equal_columns > .et_pb_row {align-items: flex-start;}
}

@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {-webkit-order: 1; order: 1;}
  .second-on-mobile {-webkit-order: 2; order: 2;}
  .third-on-mobile {-webkit-order: 3; order: 3;}
  .fourth-on-mobile {-webkit-order: 4; order: 4;}

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {margin-bottom: 40px;}
  .special-row .et_pb_row{display: flex; flex-direction: column-reverse;}
}


/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/

@media only screen and (max-width: 600px) {
  .footer-sec .et_pb_column{
    width: 100%!important;
  }
}

/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


/*************/
/* Blog Post */
/*************/
/* Blog > Headline */
body.single-post div.et_pb_section.et_pb_section_0 {background-image:linear-gradient(180deg,rgba(243,249,239,0.8) 0%,rgba(243,249,239,0.8) 100%),url('/wp-content/uploads/2025/01/custody-attorney-near-me.jpg')!important}
body.single-post .et_pb_section_0.et_pb_section{padding-top:162px;background-color:#f3f7f1!important}
body.single-post .et_pb_section_0.et_pb_section h1 {text-align: center;}

@media (max-width: 980px) {
  body.single-post .et_pb_section_0.et_pb_section {padding-top: 140px;}
  body.single-post .et_pb_section_0.et_pb_section h1 {font-size: 55px;}
}

@media (max-width: 767px) {
  body.single-post .et_pb_section_0.et_pb_section h1 {font-size: 55px;}
}

/* Blog > CTA */
body.single-post .cta-area {background-color: #609b35; padding: 30px 15px; text-align: center; margin: 30px auto; border-radius: 5px;}
body.single-post .cta-area p {color: #ffffff; margin: 0 auto 25px; text-align: center; font-weight: 700; font-size: 21px; max-width: 550px;}
body.single-post .cta-area p a {color: #ffffff; -webkit-transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out,border-color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out,border-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out,color 0.3s ease-in-out,border-color 0.3s ease-in-out;}
body.single-post .cta-area p a:hover {color: #ffffff;}
body.single-post .cta-area .et_pb_button_0 {color: #ffffff !important; border-color: #2A3B4D; font-size: 21px; background-color: #2A3B4D; display: inline-block; padding: 18px 34px !important;}
body.single-post .cta-area .et_pb_button_0:hover {border-color: #ffffff !important; background-image: initial; background-color: #ffffff; color: #2A3B4D !important;}

@media (max-width: 767px) {
  body.single-post .cta-area {padding: 25px 15px;}
  body.single-post .cta-area p {font-size: 18px;}
}

/* Blog > Featured image */
body.single-post .et_post_meta_wrapper .featuredimage-area img {display: block;}
body.single-post .et_post_meta_wrapper .featuredimage-area .show-for-mobile {display: none;}

@media (max-width: 500px) {
  body.single-post .et_post_meta_wrapper .featuredimage-area .show-for-mobile {display: block; width: 100%;}
  body.single-post .et_post_meta_wrapper .featuredimage-area .show-for-desktop {display: none;}
}

/* Blog > Content */
body.single-post .et_pb_post .entry-content h2 {font-size: 40px;}
body.single-post .et_pb_post .entry-content h3 {font-size: 30px;}

@media (max-width: 980px) {
  body.single-post .et_pb_post .entry-content {padding-right: 0 !important;}
  body.single-post .et_pb_post .entry-content h2 {font-size: 30px;}
  body.single-post .et_pb_post .entry-content h2 {font-size: 24px;}
}