/*
Theme Name: David Moss 2021
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Brad Dalton http://wpsites.net
Template: Divi
*/

@import url("../Divi/style.css");

#main-content {background-image: url(/assets/bg_waves.jpg)}

#main-header {
  overflow: visible !important;
}

/******
 * Vertical Menu
 * ***/

/* @media (min-width: 981px) {
.et_vertical_nav #main-header #top-menu>li>a {
    margin-right: 0px !important; 
}
	} */

/*Fix menu not scrolling*/
/* @media only screen and (min-width: 981px) {
header#main-header {
    max-height: 100vw !important;
    overflow: scroll!important;
}} */

/**********************************
 * Custom Menu Description 
 * *******************************/
.menu-item-description, .et_mobile_menu .menu-item-description {display:block; font-size:.8em;color:#989898;}
.menu-item-description {padding-top:5px;}
ul.sub-menu .menu-item-description {line-height:1.5em;}



/**********************************
 * Drop down menu title line height
 * *******************************/
 #top-menu li.mega-menu ul li {line-height: 1.5em;}

/*****************************
Remove sidebar on single posts
******************************/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/*** Hide Sidebar for single posts ***/
.single  #sidebar {display:none;}

/***********************
 * Gravity Forms
 * ********************/
body .gform_wrapper .gform_body .gform_fields .gfield_error .gfield_label, .gform_wrapper div.validation_error, .gform_wrapper .validation_message, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {color:#fff}

.gform_wrapper table.gfield_list thead th {color:white;}

body li#field_1_8 .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img {background-color: #ffffff!important;opacity: 1!important;} /*list add icon*/

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border-top:5px solid red;border-bottom:5px solid red;} /*GF errors*/

input[type="submit"] {padding:10px; background-color:#BD4226;color:white;font-size:1em;width:100% !important;cursor:pointer;}

input[type="submit"]:hover {background-color:rgba(255, 0, 0,.8)}

/******************
 * Buttons general
 * ***************/
.button {
	font-size: 12px;
    display: inline-block;
    background: #BD4226;
    color: #fff;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 15px 7px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 3px 0 0;
    line-height: normal !important;}

.button:hover {background-color:rgba(204,51,51,0.5);}

/*******************************
 * Links & Hovers
 * ****************************/
.et_pb_post .entry-featured-image-url, h2 a {cursor:pointer;}
h2 a {color:#bd4226;}

/**************
 * Text general
 * ***********/
.lede {font-size:1.2em;line-height:1.5em;padding-bottom:15px;}
.archive h1 {
	margin:0 auto 20px auto;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	max-width:600px;
	position:relative;	
	
}


/********************
 * Portfolio Blurbs
 *******************/

.portfolio-blurb {
	min-height: 170px;
	padding: 40px;
	overflow: hidden;
}

.portfolio-blurb .et_pb_blurb_content {
    max-width: none;
}

.portfolio-blurb .et_pb_module_header {
	position: relative;
	top: -40px;
	opacity: 0;
	transition: all 0.4s;
}

.portfolio-blurb:hover .et_pb_module_header {
	top: 0;
	opacity: 1;
}

.portfolio-blurb .et_pb_blurb_description {
	position: relative;
	left: -40px;
	opacity: 0;
	transition: all 0.4s;
}

.portfolio-blurb:hover .et_pb_blurb_description {
	left: 0;
	opacity: 1;
	transition-delay: 0.2s;
}

.portfolio-blurb:after {
	content: 'View project →';
	position: absolute;
	opacity: 0;
	bottom: 0;
	transition: all 0.4s;
}

.portfolio-blurb:hover:after {
	opacity: 1;
	bottom: 40px;
	transition-delay: 0.4s;
}

.portfolio-column {
	overflow: hidden;
	border-radius: 10px;
}


/* Style Footer Credits - Lines 948 & 949 */

#footer-info { 
text-align: left; 
color: whitesmoke; 
padding-bottom: 10px; 
float: left; 
}

#footer-info a { 
font-weight: 700; 
color: white; 
}

#footer-info a:hover { 
color: antiquewhite; 
}


/* Style Footer Social Icons - Lines 1185 to 1198 */

#footer-bottom .et-social-facebook a {
	color: blue;
}
#footer-bottom .et-social-twitter a {
	color: powderblue;
}
#footer-bottom .et-social-google-plus a {
	color: red;
}
#footer-bottom .et-social-rss a {
	color: orange;
}

/* Hover Colors*/
#footer-bottom .et-social-facebook a:hover {
	color: pink;
}
#footer-bottom .et-social-twitter a:hover {
	color: pink;
}
#footer-bottom .et-social-google-plus a:hover {
	color: pink;
}
#footer-bottom .et-social-rss a:hover {
	color: pink;
}