/*
 Theme Name:   Divi Child Theme
 Theme URI:    https://swapstreet.io
 Description:  A child theme for Divi built for SwapStreet
 Author:       SwapStreet
 Author URI:   https://swapstreet.io
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
/*****[MUST HAVES]*****/
/*ADA Compliance - Dropdown menu focus*/
ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

#top-menu li.current-menu-item>a {
	color: #057ac9;
}

.da11y-screen-reader-text {
	background: #707579;
}

.et_pb_search_module_input_0 {
	background: #707579;
}

/*Vertical Alignment for Modules within Row*/
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* Reverse Column Stack on Mobile */
@media (max-width:980px) {
	.reverse-columns-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
}

/* Remove Items on Mobile Menu */
@media(max-width:980px){
.remove-mobile{
display:none;
}}

/* ADA Underline ALL Links on Hover */
a:focus, a:hover {
text-decoration: underline!important;
}

/* Remove Default Divi Footer */
#footer-bottom {	
display: none!important;
}


/* Keep Columns on Mobile */
@media only screen and (max-width: 980px) {
 .two-columns .et_pb_column {
width: 50%!important;
}
.three-columns .et_pb_column {
width: 33.33%!important;
}
.four-columns .et_pb_column {
width: 25%!important;
}
.five-columns .et_pb_column {
width: 20%!important;
}}

/* BG Image Overlay using Parallax */
.gradient-overlay:before {
	content:""; 
	position:absolute; 
	z-index:1; 
	background:inherit; 
	top:0; bottom:0; 
	width:100%; 
} 
.gradient-overlay .et_pb_row {
	z-index:2 !important; 
} 
.gradient-overlay {
	background-color: transparent; 
}




/* CTA button styles */
.menu-cta a {
	color: #FFFFFF!important;
    border-width: 5px!important;
    border-color: rgba(18,18,18,0.78)!important;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #10B8EC;
    border-radius: 100px; /* Set this to 0px if you want a square CTA button */
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	text-align: center;
    line-height: 1.7em!important;
    font-weight: 600;
    padding: 10px 10px!important;
    text-transform: uppercase;
    display: block;
    padding-left: 35px!important;
    padding-right: 35px!important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
	border: 2px solid;
}

/* Media query to ensure hover styles are only applied to desktop */
@media (min-width: 981px) {
/* Hover styles for our CTA Button */
    .menu-cta a:hover {
        opacity: 1!important;
        color: #fff!important; /* Change hover button text color here */
        background-color: #96D628; /* Change hover button background color here */
        transform: scale(1.025); /* If you don't want the button to get bigger when you hover on it, delete this line */
    }
}
    
/* Fix the padding in the primary menu to accomodate the button */
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
 
/* Make sure that the alignment in the menu is correct */
.et_pb_menu .et_pb_menu__menu>nav>ul>li {
    align-items: center;
}

@media only screen and (min-width: 981px){
.et_header_style_left #et-top-navigation {
    padding-top: 0px!important;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	}}

#main-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Window Scroll Bars*/
/* width */
::-webkit-scrollbar {
 width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #edf6ff; 
	border-left: 1px solid rgb(15,15,15,.05);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #333333; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0a0000; 
}

/* Change Title & Icon on Module Hover */
.hover-text-icon:hover h4 {
color: #10B8EC!important;
}

.hover-text-icon:hover h3 {
color: #96D628!important;
}

/* Mobile Menu BG Color */
.et_mobile_menu {
    background-color: #0a0000!important;
}

.et_mobile_menu li a {
	text-align: center!important;
}