/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

.myPostEx + p.et_pb_title_meta_container {
    margin-bottom: 6vw;
}

/* Add Slack, etc. social icons in top menu bar*/
.et-social-slack a.icon:before {
    content: "\f198";
}
.et-social-buffer a.icon:before {
content: url(https://www.executiveinsider.org/wp-content/uploads/2023/10/logo-slack-40x40-black-b.svg);
}
/* Step 1/2 for Azure: Load Melody Southern Script Font */
@font-face {
  font-family: 'MelodySouthernScript';
  src: url('/wp-content/uploads/et-fonts/MelodySouthernScript.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
/* Step 2/2 for Azure: Apply the Melody Southern Script font when editing a Text Module in Divi:
 * Go to the Text Module > Advanced > CSS ID & Classes
 * Add melodysouthernscript to the CSS Class field */
/* .melodysouthernscript, .melodysouthernscript h4, .melodysouthernscript h4 span {
  font-family: 'MelodySouthernScript', cursive !important;
	color: #3493a5 !important;
}
*/
/* Customize Divi headers */
h1 {
color: #565656; /* dk gray - a3c9ae dusty green */
font-weight: bold;
font-size: 48px;
font-family: Libre Baskerville, Serif;
text-transform: none;
text-align: left;
line-height: 1.2em;
}
/*Default font sizes based on H1 = 48px in Appearance>Customize; cannot change in frontend modules
H1: 48px left bold
H2: 41.28px center bold
H3: 35.04px center bold
H4: 28.8px blue center bold MelodySouthernScript
H5: 25.44px center bold
H6: 22.56px center bold
*/
/*
body {
    background: purple !important;
}
*/
h2 {
color: #565656; /* dk gray - a3c9ae dusty green */
font-weight: bold;
font-size: 41.28px;
font-family: Libre Baskerville, Serif;
text-transform: none;
text-align: center;
line-height: 1.2em;
}
h3 {
color: #565656; /* dk gray */
font-weight: bold;
font-size: 35.04px;
font-family: Libre Baskerville, Serif;
text-transform: none;
text-align: center;
line-height: 1.2em;
}
h4, h4 span {
font-family: 'MelodySouthernScript', cursive !important;
color: #3493a5 !important; /* blue munsell */
font-weight: normal !important;
font-size: 31px !important; /* see @font-face code in Divi CSS for making this work */
text-transform: normal;
text-align: center;
line-height: 1.2em;
}
h5 {
color: #565656; /* dk gray; rose gold - b62f77 magenta - #f0f8ff; pale blue - #6CADE0; CU sky blue - 87cefa sky blue - 35c3a9 green - #cecece; gray - #f6f529; yellow - #d52db1; pink; blue munsell - b62f77 magenta - f3cfc6; mil pink - f0c3c4; blush - #35c3a9; green */
font-weight: bold;
font-size: 25.44px; /* 30px; */
font-family: Libre Baskerville, Serif;
text-transform: none;
text-align: center;
line-height: 1.2em;
}
h6 {
color: #565656; /* blue munsell 3493a5 - b62f77 magenta - 483d8b purple - bba0b3 light dusty purple - #d52db1; pink */
font-weight: bold;
font-size: 22.56px; /* 24px; */
font-family: Libre Baskerville, Serif;
text-transform: normal;
text-align: center;
line-height: 1.2em;
}
sup {
    font-size: 0.7em;
    vertical-align: 0.2em; /* ensures proper vertical alignment */
}
/* This will be applied to all H2 on mobile view. */
@media only screen and ( max-width: 767px ) {
h2 {
  font-size: 36px !important;
}
}
/* end */
/* To add spacing before bullet points and numbers */
ul li {
    margin-top: 20px; /* Adjust bullet spacing as needed */
}
ul ol {
    margin-top: 20px; /* Adjust number spacing as needed */
}
/* Forminator, to force the form to display with the shortcode */
    form.forminator-custom-form {
        display: block !important;
}
/* Forminator, to hide the quiz results from displaying on the webpage */
.forminator-result {
  display: none !important;
}
/* Custom bg of widgets - see blog page side bars & Divi help page: 5 Easy Ways to Beautify Your Divi Sidebar */
.et_pb_widget .recent-posts-widget-with-thumbnails ul{
    background: #d3d3d3 !important; /* medium gray */	
	 padding: 1vw;
}
.et_pb_widget ul li {
background-color: #efefef; /* medium gray */
border-bottom: solid 1px #000000;
padding: 10px;
}
/* Style the Widget Titles */
.widgettitle {
text-align:center;
color: #565656;
font-size:18px;
padding-bottom: 20px;
/* border-bottom: solid 2px #000000; */ /*bottom border to the widget title*/
/* margin-bottom: 25px; */ /* activate this when using border-bottom */
text-transform: none;
}
/* Adjust the Margin Between Widgets */
.et_pb_sidebar .et_pb_widget {
margin-bottom: 14% !important;
}
/*List Style Divi Blog Feed*/
@media only screen and ( min-width: 800px ) {
.bbb_blog_list a img  {
    float: left;
    width: 60%;
    padding-right: 20px;
    padding-bottom: 30px;
}
}
/*Style Your Blog Post Title on the Blog page (not single blog page view): don't know what's going on; this is not working for font-size; I'm assuming color doesn't work because gridcard CSS here futher down overrides this*/
.et_pb_post h4 a, .entry-title {
    font-family: Libre Baskerville, Serif;
	color: #000000;
	font-size: 40px;
    font-weight: bold;
    line-height: 1.3em;
}
/*Style Read More Button on Blog page (not single page post); not working: have to put .bbb_blog_list in module if want this to work, but even then it conflicts with gridcard in module; furthermore, have code inside Custom CSS in module for Read More Button section: also some conflicts there but can be overrode with settings in Design tab in Blog Settings module */
.bbb_blog_list a.more-link {
    display: inline-block;
    background: #ffffff;
	font-size: 16px;
    font-weight: bold;
    width: 250px;
    padding: 5px 10px;
    text-align: center;
    margin: 20px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: solid 2px #bd9887; /* brown */
}

/*Read More Button Hover Style*/
.bbb_blog_list a.more-link:hover {
    background: #f9f9f9;
    border: solid 2px #000000;
    color: #000000;
}
/*add an icon to the Divi blog read more button*/
.et_pb_post .more-link:after {
	content: "24";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 10px;
}
/*Remove Sidebar Divider on All Posts*/
#main-content .container:before {
	background-color: transparent;
}

/*Style Sidebar Widget Title*/
h6.widgettitle {
	font-size: 16px;
	font-weight: bold;
	font-family: Libre Baskerville, Serif;
	/* text-transform: normal; */
	text-align: center;
	letter-spacing: 1px;
}
/*Style Sidebar Widget Body Text*/
.et_pb_widget p, .et_pb_widget ul li, .et_pb_widget ul li a:link, .et_pb_widget ul li a:visited  {
	text-align: center;
	line-height: 1.5em;
}

/* This is for customizing stuff on Blog Archive page e.g., all posts that appear in same category */
@media (min-width: 981px) {
body.archive h2.entry-title a {
font-size: 22px;
    }
}
.archive .entry-title {
line-height: 0.6em!important;
}
/* end Blog Archive page */
.et_pb_widget a {
font-size: 14px;
color: #20292f; /* charcoal */
line-height: 1em;
padding-bottom: 50px;
}
 /* On the blog page; not single post page */
p.post-meta, .post-meta a {
color: #707070 !important; /* lighter charcoal */
font-size: 12px !important;
}
 
.single .et_pb_post {
margin-bottom: 27px;
box-shadow: 0px 20px 150px #d6dee4; /* light gray, almost like efefef */
}
 
.et_pb_post .entry-content {
padding: 40px;
line-height: 26px;
}
 
.et_pb_post .entry-content p:first-of-type {
padding-top: 40px;
}
.et_pb_post .entry-content p {
padding-bottom: 40px;
}
 
.with-border {
border-radius: 4px;
box-shadow: 0px 20px 150px #d6dee4; /* light gray, almost like efefef */
}
 
ol.commentlist > li.comment, #respond{
background-color: #fff !important;
padding: 40px !important;
box-shadow: 0px 20px 150px #d6dee4;
margin-bottom: 80px;
}
 
h1#comments {
margin-bottom: 40px;
}
 
h3#reply-title {
    font-size: 35px;
    letter-spacing: 0px;
}
 
.comment_area .comment-reply-link, .form-submit .et_pb_button {
font-size: 14px;
color: #71818c;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px;
float: right;
display: inline-block;
padding: 8px 16px;
border-radius: 60px;
background-color: #f7f9fb;
border: 2px solid #e9eff5;
position: inherit;
float: right;
}
 
.form-submit .et_pb_button:hover {
padding: 8px 16px;
}
 
.comment-reply-link.et_pb_button:hover:after {
opacity: 0;
}
 
#commentform textarea {
background-color: #f7f9fb;
border: 2px solid #eff1f3;
font-size: 18px;
padding: 20px;
color: #20292f;
}
 
.comment-body {
padding: 0 0 0 100px;
}
 
@media only screen and (max-width: 768px) {
h1.entry-title {
    font-size: 30px;
}
}
/* Blog Post Grid Layout */
#gridcard .column:first-child article:nth-child(odd){
background: #dba095;
}
#gridcard .column:first-child article:nth-child(odd) .entry-title, 
#gridcard .column:first-child article:nth-child(odd) .post-meta, 
#gridcard .column:first-child article:nth-child(odd) .post-meta a, 
#gridcard .column:first-child article:nth-child(odd) .post-content p {
color: #ffffff;
}
#gridcard .column:last-child article:nth-child(odd){
background: #dba095;
}
 
#gridcard .column:last-child article:nth-child(odd) .entry-title, 
#gridcard .column:last-child article:nth-child(odd) .post-meta, 
#gridcard .column:last-child article:nth-child(odd) .post-meta a, 
#gridcard .column:last-child article:nth-child(odd) .post-content p {
color: #ffffff;
}
#gridcard .column:nth-child(2) article:nth-child(even) {
background: #dba095;
}
 
#gridcard .column:nth-child(2) article:nth-child(even) .entry-title, 
#gridcard .column:nth-child(2) article:nth-child(even) .post-meta, 
#gridcard .column:nth-child(2) article:nth-child(even) .post-meta a, 
#gridcard .column:nth-child(2) article:nth-child(even) .post-content p  {
color: #fff;
}
/* Divi Skinny Email Opt-in; put skinny in CSS ID if want to use this*/
 @media (min-width: 980px){
#skinny.et_pb_newsletter .et_pb_newsletter_fields {
  flex-wrap: nowrap !important;
}
#skinny.et_pb_newsletter .et_pb_newsletter_fields>* {
  flex-basis: 23%;
}
} 
#skinny .et_pb_newsletter_form {
  padding-left: 0px;
}

/*move the testimonial image position to the top*/
.home-uzzi-testimonial-image-top .et_pb_testimonial_portrait {
	float: none;
	display: block;
	margin: 0 auto 20px;
}
/*remove the margin to the left of the testimonial text*/
.home-uzzi-testimonial-image-top .et_pb_testimonial_description {
	margin-left: 0px !important;
}