/*
 Theme Name:  Divi Child
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Me
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/*-------------------------------------------------------*/

                                         /* THE FOOTER REVEAL CSS IS ON THE DIVI INDIVIDUAL PAGES VIA GEAR ICON > CSS  */

/* Hide only the phone icon - leave the phone number visible */
#et-info-phone:before { content:'';}

/* Hide the cart icon */
.et-cart-info {
	display:none;
}


/**   Turned off "display:none" in order to show new Search box in secondary   **/

#et-secondary-menu {

    display: none;
}



/**  New Search Box in Secondary Menu Area - Not Certain if this is Neccessary  **/

input#searchsubmit {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #000000;
}
form#searchform {
float: right;
}
@media screen and (min-width: 480px) {
#top-header .container {
padding-bottom: 5px;
}
#et-secondary-menu .et-social-icons {
margin-top: 6px;
}}
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
	background-color: #fff;
	/* border: 1px solid #bbb; */
	padding: 2px;
	color: #4e4e4e;
	border-radius: 8px;
}


/** Top Nav Font Weight **/

#et-top-navigation #top-menu-nav{
	font-weight: 500;
}
#tdWeight {
	font-weight:bold;
	color: 900;
}


/** Top Nav Hover Effect **/

#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: #fc3; /*** COLOR OF THE LINE ***/
 height: 1px; /*** THICKNESS OF THE LINE ***/
 -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%;
}


/** 5 column Mega Menu   Went back to 4 Columns, so this Disabled Until Winter**/

#top-menu li.mega-menu > ul > li:nth-of-type(5n) {
clear: none;
}
#top-menu li.mega-menu > ul > li:nth-of-type(6n) {
clear: none;
}
#top-menu li.mega-menu > ul > li {
width: 20%;
margin: 0;
}



/**   Mobile Nav Rules  **/

/** Rules Top Hamburger Menu color **/

span.mobile_menu_bar:before{
  color:#ffffff;
}


/** Background Color for Back-to-Top Button **/				

.et_pb_scroll_top.et-pb-icon {background: rgb(24, 152, 16);}


/** Youtube Responsive Containers **/

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/**  Woocommerce stuff  **/

p.woocommerce-result-count {
	padding-bottom: 40px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	padding-top: 50px;
}
.orderby, .woocommerce div.product form.cart .variations td select {
	padding: 20px 30px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #000 !important;
	background-color: #fff;
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin: 20px 30px;
}


/**  Adjustments to Product Pages  **/

/**.product .related h2 {
	font-size: 20px !important;
	padding-bottom: 16px;
}
.related.products {
	width: 50%;
}**/


/**   Search Images at 35%   **/

/**.et_pb_image_container img, .et_pb_post a img {
	vertical-align: bottom;
	max-width: 35%;
}**/


/**   Individual product pages images 65%   **/

/**.woocommerce div.product div.images img {
	display: block;
	width: 65%;
	height: auto;
	box-shadow: none;
}


/** Hides default Divi Footer to Allow Global Footer**/

#main-footer {
display: none;
}


/**  Unknown  **/

/**#page-container {
padding-top: 0px !important;
}

#main-header {
top: 63px !important;
}
**/


/**  Various Media Queries  **/

/**  Made .three columns class for Frnt Page Sales Badges for Tablets & Phones - May No Longer be Neccessary **/

/** @media only screen and (max-width: 980px) {
	.three-columns .et_pb_column {
width: 33%!important;
}
}  **/


/**  Sales Badges on Home Page go to 2 columns for Devices under 480px  **/

@media (max-width: 479px){
    .twoX2 .et_pb_column{
        max-width: 47.25% !important;
    }
/* these bottom two are for a three column row */
    .twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){
        margin: 0 25%; /*this centers the third column */
    }
    .twoX2 .et_pb_column_1_3:nth-of-type(2) {
       float: right; /* this puts space between the first and second columns */
    }
}

/**  This Group of 3 for Walleye Intro just above Sale Icons  **/

@media only screen and ( max-width: 320px ) { 
.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
	margin-bottom: 150px !important;
}
}
/**  For Walleye Intro just above sale icons  **/
@media only screen and ( max-width: 360px ) { 
.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
	margin-bottom: 100px !important;
}
}
/**  For Walleye Intro just above sale icons  **/
@media only screen and ( min-width: 375px ) {
.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
	margin-bottom: 50px !important;
}
}


/**  Corrects Height of Upper Sonar ad on Home Page  **/

@media only screen and ( max-width: 479px ) { 
.et_pb_shop_0.et_pb_shop {
    height: auto !important;
}
}

/**  Habitat Page Makes Two Columns for Sales Badges in Phone View  **/

@media only screen and ( max-width: 479px ) {
.mobileColumn1 .et_pb_column{
width: 50% !important;
}
}

/**  Grow Sales Badges on Hover on Front Page - Must do same for each Image Module on other Pages as well (assign the class) (DONE!)  **/

.badge-hover-grow:hover {
	transform:scale(1.05) translateY(-3px);
	box-shadow:1px 15px 35px -10px rgba(0,0,0,0.4);
}


/**  Centers Column Better for Smaller Devices  **/

@media all and (max-width: 479px) {
.page-id-25727 .et_pb_row {
	margin-right: 70px;
}
}


/** Makes 4 Columns on Catalogue Pages - Remaining at 6 for Now - For Future Reference  **/

@media screen and (min-width:1024px) {
    .woocommerce ul.products li.product { 
	width: 21% !important;
	margin: 2% !important;
	clear: none !important;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
	clear: both !important;
    }
}


/**  This Should Set Font Size on Mobile Menu **/

.et_mobile_menu li a {
	font-size: 16px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}





/** not sure what this is for   **/

/*media only screen and (min-width: 981px) {
    .et_header_style_left #et_top_search {
        position: absolute !important;
        right: 40px;
    }
    .et_header_style_left #et-top-navigation {
        padding-right: 40px !important;
    }
    .et_header_style_centered #et_top_search {
        position: absolute !important;
        right: -20px;
        top: 10px;
    }
    .et_header_style_centered #et-top-navigation {
        padding-right: 0px !important;
	}