/*
 Theme Name:     OSBC
 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
*/
 /*** Take out the divider line between content and sidebar ***/
  #main-content .container:before {background: none;}

/*** Hide Sidebar ***/
  #sidebar {display:none;}

/*** Expand the content area to fullwidth ***/
  @media (min-width: 981px){
  #left-area {
  width: 100%;
  padding: 23px 0px 0px !important;
  float: none !important;
  }
  }
/*--------------------------------*/
/*--[Hide Vertical Sidebar line]--*/
/*--------------------------------*/
@media (min-width: 981px)
#main-content .container:before {
    position: absolute;
    top: 0;
    width: 0px;
    height: 100%;
    content: "";
}
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

/* =Theme customization starts here
------------------------------------------------------- */
.hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
    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: 80px;
padding-right: 80px;
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: 55px !important;
width: 100%;
text-align: center;
padding-left: 120px;
padding-right: 120px;
font-weight: 800;
text-transform: uppercase;
color: #fff;	
}
 }
/* ---- 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('ENTER IMAGE URL HERE');
background-repeat: no-repeat;
background-size: cover;
 }
 
/* ---- Hide the Duplicate Audio Player  ------ */
div#mep_1 {display: none;}

/* ---- 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(ENTER IMAGE URL HERE);
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;}

/* ---- section on page ---- */	
@media only screen and (min-width: 1350px)
.et_pb_section {
	padding: 34px 0;}