/*-------------------------------------------------------
Theme Name: CWT Theme Styles
Description: A child theme template for Divi
Author: PepperStreet Web Design
Author URI: https://www.pepperstreetwebdesign.co.uk
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
button, .et_pb_button                 {padding:1.4em !important;}
button:hover, .et_pb_button:hover     {padding-right:2em !important;}


.mobile_menu_bar:before {color:#3B82F6 !important;
background:#ffffff !important;
padding:7px;}


.et_toggle_slide_menu:after {color:#3B82F6 !important;
background:#ffffff !important;
padding:7px;}

.et_toggle_slide_menu:after, .mobile_menu_bar:before {font-size:38px !important;}
.et_slide_in_menu_container #mobile_menu_slide li li a {opacity:0.9 !important;}

.et_pb_slides .et_pb_slider_container_inner {vertical-align:top !important;}pb_slider_container_inner {vertical-align:top !important;}


.widget_media_image {margin-bottom:0 !important;}

/* widget styles for sidebar */

#blog-sidebar .et_pb_widget a:hover {color:#ffffff !important;}


/* CONTACT FORM  */
.et-pb-contact-message p {
    color:#ffffff;
    font-size:19px;
    }

.cwf-contact-form a{color:#ffffff !important;
text-decoration:underline;}

.flex-row-wrapper {display:flex; }


/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 768px ) {

.three-column-grid .et_pb_grid_item {
width: 28.333% !important;
margin: 0 4% 4% 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}

.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}

.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}

}






/*  WIDGETS  */
#post-widgets {padding-right:0;}

#post-widgets h4.widgettitle {
padding-bottom: 20px;
border-bottom: solid 2px #ffffff;
margin-bottom: 25px;
font-family:'Born Ready',Helvetica,Arial,Lucida,sans-serif;
}

#post-widgets .et_pb_widget ul li {
background-color: rgba(0,0,0,0.2);
padding: 10px;

}

#post-widgets .et_pb_widget ul li:hover {
background-color: rgba(255,255,255,0.7);
}

#post-widgets .et_pb_widget ul li:hover a:link,
#post-widgets .et_pb_widget ul li:hover a:visited  {color:#ffffff;}