/*
Theme Name:     Car People Marketing
Description:    Child theme for Divi, made by Justin Boughton for CarPeopleMarketing.com
Author:         Justin Boughton
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header, #main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}

/* Center footer credits */
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}
/* Remove the sidebar line */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
 padding-bottom: 15px;
}
/* Button Fix */
/* #submit, .comment-reply-link, .et_pb_button { color: #222222 !important; } */
/* Subtle but large box shadow */
.box-shadow {
    box-shadow: 0px 20px 150px #d6dee4;
    transition: box-shadow 0.5s;
    overflow: visible;
}
.box-shadow:hover {
    box-shadow: 0px 20px 60px #ccc;
}
/* Values for rounded edges */
.rounded {
    border-radius: 5px;
}

/* Default padding for modules */
.padded {
    padding:40px !important;
}

/* Take out the divider line between content and sidebar */
#main-content .container:before {
    background: none;
}
/* Custom navigation */
#top-menu .current-menu-item a::before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
opacity: 1.0;
}
 
#top-menu li a:hover:before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
opacity: 1;
}
 
#top-menu li a:before {
content: '';
position: absolute;
top: 20px;
left: 0;
background: #F9BC0C; /* Change your color here */
width: 100%;
height: 2px;
-webkit-transform: translateY(24px);
transform: translateY(24px);
opacity: 0;
transition: 0.3s ease;
}
.nobullet li:before { display:none; padding-left:0px; }
#footer-widgets .footer-widget li:before {
padding-left: 0px; 
display:none;
} 
html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
line-height: 26px; 
padding-left: 0px; 
}
h1.entry-title {text-align:center;
font-size: 58px;
font-weight: 600;
letter-spacing: 1px;
color: #20292f;
padding-top: 40px;
}
 
.single-post #main-content {
background: #ffffff;
}
 
.post-meta {
text-align:center;
margin-bottom: 80px;
 
}
 
p.post-meta, .post-meta a {
color: #71818c !important;
font-size: 20px !important;
}
 
.single .et_pb_post {
margin-bottom: 27px;
box-shadow: 0px 20px 150px #d6dee4;
}
 
.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;
}
 
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: 48px;
}
.single.et_pb_pagebuilder_layout.et_full_width_page #main-content .container {
max-width: 960px;
}
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
width: 100%;
padding-top: 0px;
}
.et_pb_pagebuilder_layout .entry-content, .et_pb_pagebuilder_layout .et_pb_post .entry-content {
padding: 0 0 0;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #2EA3F2 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 
.corner-flair {
    background-image: url('/wp-content/uploads/2017/10/corner-flair.png');
    background-size: initial;
    background-position: right bottom;
    background-repeat: no-repeat;
	}