/*
Theme Name:   Divi Child Theme
Theme URI:    http://elegantthemes.com/
Description:  Divi Child Theme
Author:       Off the Page Creations
Author URI:   http://www.offthepagecreations.com
Template:     Divi
Version:      1.0.1
*/

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

.no-break {white-space:nowrap;}

#et-info {float:right;}
#et-info-email {text-align:right; padding-left:12px;}

.should-text-holder {
	width:30%;
	max-width:200px;
	float:left;
	padding:0 6px;
	background-color:rgb(255, 255, 255, .8);
	-moz-border-radius:  9px;
	-webkit-border-radius:  9px;
	-khtml-border-radius:  9px;
	border-radius: 9px;
}
.should-text {
	font-size: 32px;
	line-height:36px;
	color:#000;
	text-align:center;
	font-weight:bold;
	margin-top:18px;
}
.top-bottle-holder {
	width:90%;
	max-width:150px;
	display:block;
	margin: 18px auto;
}


#et-top-navigation {min-height:79px !important;} /* Set min-height so logo stays in box on desktop view  */
.logo_container img {min-height:59px !important; min-width:413px !important;} /* Set width/height of dektop logo  */

.custom-share-button-label {color:#efefef !important;}
.footer-link-head {color:#efefef !important;}
.copyright  {color:#efefef !important; font-size:16px; line-height:18px;}
.footer-email  {color:#99cc66 !important;}
.footer-disclaimer-text  {color:#ccc !important; font-size:14px; line-height:17px; padding-bottom:10px; margin-top:10px; }

.custom-share-button {width:50%; float:right;  text-align:right;}
.custom-share-button img {margin-left:12px;}
.my-footer {width:50%; float:left;}
.footer-disclaimer {width:100%; display:block; clear:both;}
.designer {color:#efefef !important; font-size:15px; line-height:17px; font-style:italic; margin-top:6px;}
#footer-bottom a {color:#99cc66 !important;}
.bottle-photo {
	width:100%;
	max-width:130px;
	display:block;
	margin:0 auto;
}
.bottle-photo-left {
	width:40%;
	max-width:130px;
	float:left;
	margin:18px 18px 18px 0;
}
.buy-button {
	width:170px;
	text-align:center;
	margin: 10px auto 10px auto;
	background-color:#3625c7;
	-moz-border-radius:  9px;
	-webkit-border-radius:  9px;
	-khtml-border-radius:  9px;
	border-radius: 9px;
}
.buy-button a {
	width:100%; 
	display:block;
	padding:10px 18px;
	color:#fff;
	text-transform:uppercase;
}
.buy-button a:hover {
	background-color:#215c2e;
	-moz-border-radius:  9px;
	-webkit-border-radius:  9px;
	-khtml-border-radius:  9px;
	border-radius: 9px;
}
.testimonial {
	font-size:18px;
	font-style:italic;
	line-height:24px;
	font-style:italic;
	margin-top:12px;
}
.author {
	font-size:16px;
	line-height:20px;
	margin-top:2px;
}
.testimonial-icon {
	text-align:center;
	font-size:40px;
	color:#09809b;
	margin-top:30px 0 18px 0;
}
.woocommerce-product-gallery__imageX {max-width:400px; display:block;}
.woocommerce-product-gallery__wrapper img {max-width:400px; display:block; margin: 0 auto;}
#sidebar a {color:#09809b;}
h1, h2, h3 {line-height:1.25em;}

.videoHolder {
	float:left;
	width:100%;
	margin:12px 0;	
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.et_mobile_menu {
		margin-top:-12px; 
		float:right !important;
		left:auto;
		right:0;
	}

#main-header {
	background-image:url(https://bunkerrepellent.com/wp-content/uploads/2025/08/deep-sand-bunker-5_2560x1500.jpg);
	border-bottom:1px solid #215c2e;
	-moz-box-shadow:  0 2px 6px 4px rgba(51, 51, 51, .5);
	-webkit-box-shadow:  0 2px 6px 4px rgba(51, 51, 51, .5);
	box-shadow: 0 2px 6px 4px rgba(51, 51, 51, .5);
}
.home #main-header {
	background-image:none;
	border:none;
}
.footer-privacy-link {
	font-size:14px !important;
	line-height:18px !important;
	margin-top:6px;
}
.footer-privacy-link a {color:#99cc66;}
.question {
	font-weight:bold;
	font-size:26px;
	line-height:30px;
	margin-top:12px;
}
.answer {
	font-weight:bold;
	font-size:22px;
	line-height:26px;
	margin:8px 0 12px 0;
	text-decoration:underline;
}


/* Contact Form-------------------------------------------------------------------*/
.wpcf7 {
 	padding: 24px;
	border:1px solid #99cc66;
	-moz-border-radius:  9px;
	-webkit-border-radius:  9px;
	-khtml-border-radius:  9px;
	border-radius: 9px;
}
.wpcf7-text {font-size:16px; color:#333 !important; }
.et_pb_contact_message {font-family: "Open Sans", Helvetica, Arial, sans-serif !important;}
.wpcf7 {margin-top:0 !important;}
.wpcf7-form-control {width:100% !important;}
.wpcf7-submit {
	width:150px !important; 
	display:block; 
	margin: 12px auto 0 auto; 
	background-color:#215c2e; 
	border-color: #99cc66; 
	font-size:1.0625em; 
	color: #ffffff; 
	cursor:pointer; 
	padding: 8px; 
	text-transform:uppercase; 
	-moz-border-radius:  9px;
	-webkit-border-radius:  9px;
	-khtml-border-radius:  9px;
	border-radius: 9px;
}
.wpcf7-submit:hover {
	background-color:#3625c7;
	color:#fff;
}
.wpcf7 input {
	box-shadow: inset 4px 4px 4px 1px rgba(0, 0, 0, .2);
}
.wpcf7 input[type='radio'] {
	box-shadow: none;
}
.wpcf7 select {
	padding:12px;
	box-shadow: inset 4px 4px 4px 1px rgba(0, 0, 0, .2);
}
.wpcf7-textarea {
	font-size:16px; 
	color:#333 !important;
	height:100px !important; 
	padding:12px; 
	box-shadow: inset 4px 4px 4px 1px rgba(0, 0, 0, .2);
}
input.wpcf7-text {padding:12px;}
.wpcf7-form div.wpcf7-response-output {
    background-color: #3625c7;
	color:#fff;
    border: 0;
    padding: 10px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
}
.wpcf7 form .wpcf7-response-output {margin-top:6px;}
label {
	font-size:.875em !important; 
	line-height:1em !important;
	color:#99cc66;
	text-shadow: 1px 1px 2px #000;
	font-weight:bold;
}
.privacy-link {
	font-size:14px;
	line-height:18px;
}
.privacy-link a {color:#3625c7;}
.form-smaller {
	font-size:14px;
	line-height:18px;
	font-style:italic;
}
.et_pb_bg_layout_dark a  {color:#99cc66;}
.form-left-col {
	float:left;
	width:49%;
	margin-right:1%;
}
.form-right-col {
	float:right;
	width:49%;
	margin-left:1%;
	margin-bottom:18px;
}
/* end Contact Form-------------------------------------------------------------------*/


/* MEDIA QUERRIES BELOW-------------------------------------------------------------------*/

@media only screen and (max-width:1099px) {
	#et_mobile_nav_menu {display:block;}
	#top-menu-nav {display:none;}
	#main-header .et_mobile_menu {
    	background-color: rgba(255, 255, 255, 1) !important;
		width:150px;
	}
}

@media all and (min-width: 981px) {
	.main-image {height:700px;}
}
@media all and (max-width: 980px) {
	.et_pb_row { padding-top: 0 !important; }
	.main-image {height:600px;}
	.photo-text {
		display:block;
		margin: 40px auto 0 auto;
		text-align:center;
	}
	.footer-disclaimer-text {padding-top:12px; padding-bottom:6px;}
	.testimonial-icon {	margin-top:0;}
}
@media all and (max-width: 768px) {
.photo-text {
	font-size:50px;
	line-height:60px;
	display:block;
	margin: 40px auto 0 auto;
	text-align:center;
	}
.custom-share-button {width:100%; float:none; text-align:center; padding-bottom:12px;}
.my-footer {width:100%; float:none; text-align:center;}
.footer-disclaimer-text {text-align:center; padding-top:12px; padding-bottom:6px;}
	.form-left-col, .form-right-col {float:none; width:100%; margin: 0 0 18px 0;}
}
.should-text-holder {
	width:40%;
	max-width:300px;
}
@media all and (max-width: 600px) {
		.main-image {height:500px;}
		#main-header .container {width:96%;}
.should-text {
	font-size: 26px;
	line-height:30px;
	}
.should-text-holder {
	width:30%;
	max-width:220px;
	}
}
@media all and (max-width: 479px) {
.photo-text {
	font-size:30px;
	line-height:36px;
	margin: 0 auto 0 auto;
	}
	.main-image {height:250px !important;}
	#et-top-navigation {min-height:63px !important;} /* Set min-height so logo stays in box on desktop view  */
	.logo_container img {min-height:43px !important; min-width:300px !important;} /* Set width/height of dektop logo  */
	.should-text {
		font-size: 20px;
		line-height:24px;
	}
}
@media all and (max-width: 360px) {
	.should-text-holder {
		width:35%;
		max-width:250px;
	}
	#et-top-navigation {min-height:60px !important;} /* Set min-height so logo stays in box on desktop view  */
	.logo_container img {min-height:40px !important; min-width:280px !important;} /* Set width/height of dektop logo  */
}

