/*
 Theme Name:     Cumming Landscape Supply
 Theme URI:      http://www.cummingmulch.com/
 Description:    Custom Mobile Responsive Web Design for Cumming Landscape Supply
 Author:         SkyQuest Corporation
 Author URI:     https://www.skyquestcorp.com
 Template:       Divi
 Version:        1.0.0
*/

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

/*** Hide Sidebar for 404 pages ***/
.error404  #sidebar {display:none;}

.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2) .fwidget {
    margin-bottom: 14.986%;
	margin-top:35px;
	padding-left:65px;
}

/*------ Mobile Hamburger icon turns to an x when opened -------*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d"!important;
}

/*------ Change Footer Widget Link on Hover -------*/
#footer-widgets .footer-widget li a {
	transition: ease-in-out 0.5s;
}
#footer-widgets .footer-widget li a:hover {
    color: #ffffff!important;
	transition: ease-in-out 0.5s;
}

/*------ Fixed Mobile Menu -------*/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
/*------ Four stacked images at home -------*/
.et_pb_image img {
   margin-top:0px;
}
}

/* Making the Mobile Dropdown Scrollable */
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

/*------ Divi Collapsing Mobile Menu -------*/
.et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
content: '+';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: 'x';
}
.second-level {
display:none;
}
.reveal-items {
display: block;
}
.et_mobile_menu {
width: 100%;
}

/*------ Center Align Footer Bottom Bar Info -------*/
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }


/*------ Margin top for main content -------*/
h1{
	margin-top: 35px;
}

/* About us page row section margin */
@media only screen and (max-width: 980px) {
.et_pb_row_2.et_pb_row {
   margin-top: 70px;
}
}

/*------ Display columns in one row on mobile -------*/
@media only screen and (max-width: 980px) {
	.two-columns .et_pb_column {width: 50%!important;}
	.four-columns .et_pb_column {width: 25%!important;}
	.five-columns .et_pb_column {width: 20%!important;}
}

/*------ Hover Line Effect on Menu -------*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 50%;
background: #114629;
height: 3px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
}