/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


 /* ---- Styling the Hero Section for all Post Formats ---- */

.hero-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-height: 450px;
    background-color: #333;
}
 
.single-post #main-content #left-area {padding-top: 0px;}
 
/* ---- Sidebar Settings ---- */
.single #sidebar {background: #efefef; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
 
/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-title, .single p.post-meta {
width: 100%;
text-align: center;
padding-left: 8px;
padding-right: 8px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
}
 
 @media only screen and (min-width: 980px) {
/*** Set title font size for desktop ***/
.single h1.entry-title {
font-size: 65px !important;
}
 }
 
 
 /* ---- Format the Position of the Video Wrapper ---- */
  
@media only screen and (min-width: 980px) {
 /*** elevate the video to overlap the hero section ***/
.single-post.single-format-video .et_main_video_container {margin-top: -120px; background: #fff; outline: 10px solid #ffffff !important; z-index: 100; margin-bottom: -100px;}
}

/* ----- Add Background Image to the Audio Player & Change size of the player ----- */
body.single .et_audio_content, .blog .et_audio_content {
margin-bottom: 0px !important;
height: 300px !important;
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('https://rftd.gpgdesigns.com/thebridaloasis/wp-content/uploads/sites/2/2024/08/photo-3014859.jpg');
background-repeat: no-repeat;
background-size: cover;
 }
 
/* ---- Hide the Duplicate Audio Player  ------ */
div#mep_1 {display: none;}


/* ---- Add Background Image to the Quote Box ---- */
  
.et_quote_content {
  
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('https://rftd.gpgdesigns.com/thebridaloasis/wp-content/uploads/sites/2/2024/08/photo-3014859.jpg')!important;
background-repeat: no-repeat;
background-size: cover;
  
}
 
/* ---- Add the Quotation Symbol to the Quote Box ---- */
  
.et_quote_content blockquote p::before {
font-family: Cardo;
position: absolute;
top: 16px;
left: 5%;
margin-left: -16px;
border-radius: 31px;
background: rgba(255, 255, 255, .0);
font-size: 70px; 
font-color: #fff;
content: "\201C" !important;
}
 
/* ---- Text Format Inside of quote ---- */
@media only screen and (min-width: 980px) {
.single-post.single-format-quote blockquote p {
font-size: 30px !important;
font-weight: 600 !important;
}
}

/* ---- Position & Style the Gallery to Overlap the Featured Image ---- */
  
@media only screen and (min-width: 980px) {
  
.single-format-gallery .et_post_meta_wrapper { margin-top: -100px;}
  
.et_post_gallery {
z-index: 100;
position: relative;
border-top: 8px solid #fff !important;
border-left: 8px solid #fff !important; 
background: #fff !important;
}
 
/* ---- Set Background Color, Margins & Padding for the Gallery Image ---- */
  
.et_gallery_item { margin: 0 0 0 0 !important;}
  
.et_gallery_item {
width: 33.3%;
margin: 0 0% 0% 0 !important;
padding-right: 8px !important;
background: #fff !important;
padding-bottom: 8px !important;
}
}


/* ---- Add thick border to the left side and Lower the link box ---- */
 
.et_link_content {
border-bottom: 8px solid #ddd; 
background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://rftd.gpgdesigns.com/thebridaloasis/wp-content/uploads/sites/2/2024/08/photo-3014859.jpg');
background-size: cover;
background-color:#edb059; 
border-radius: 25px; 
}
 
/* ---- Font Settings within the Link box ---- */
 
.et_link_content a.et_link_main_url { font-size: 21px; font-weight: 600; color: #fff !important;}
 
/* ---- Link Symbol on the right side ---- */
  
.et_link_content::before {
font-family: "ETmodules";
position: absolute;
top: 38%;
left: 5%;
margin-right: -26px;
border-radius: 31px;
background: rgba(255, 255, 255, .0);
font-size: 48px; 
color: #fff;
content: "\e02c";
}
 
/* ---- Position & Style the Gallery to Overlap the Featured Image ---- */
 
@media only screen and (min-width: 980px) {
  
.single-format-gallery .et_post_meta_wrapper { margin-top: -100px;}