/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  David Tierney
Author URI:  http://designsbytierney.com
Template: Divi
Version:  1.0.3
*/


/* =Theme customizations
------------------------------------------------------- */
.product-tab .tab_content{position: relative;overflow: visible;}
.product-tab .tab-arrow{margin-top: 0}
.product-tab .tab-prev, .product-tab .tab-next{position: absolute;top: 50%;left: -50px;transform: translateY(-50%);}
.product-tab .tab-next{left: auto;right: -50px}

.single-drum .et_pb_main_blurb_image{margin-bottom: 0;}
.single-drum .et_pb_main_blurb_image .et_pb_image_wrap{max-width: 100% !important}
.single-drum .et_pb_main_blurb_image img{width: 122px;}
.single-drum h4 {font-weight: 600;font-size: 30px;margin: 0;position: absolute;right: 70%;top: 0}
.single-drum .et_pb_blurb_description{font-weight: 600;font-size: 22px;line-height: 22px;padding: 0;margin: 7px 0 10px;}

/** Store Locator **/
.location-finder{display: flex;flex-wrap: wrap;border: 1px solid #ccc;}
.location-finder .left-col{width: 400px;float: left;}
.location-finder .right-col{width: calc(100% - 400px);float: left;}
.locations{height: 500px;overflow: auto;}
.locations .each{position: relative;padding: 30px 150px 30px 20px;border-bottom: 1px solid #ccc;}
.locations .each:last-child{border-bottom: 0}
.locations .each h3{font-size: 20px;color: #000;font-weight: 600;}
.locations .each p{font-size: 16px;padding-bottom: 0;line-height: 1.6em;}
.locations .actions{position: absolute;right: 20px;top: 30px;}
.locations .actions ul{list-style: none;margin: 0;padding: 0;}
.locations .actions li{display: inline-block;margin-right: 10px;}
.locations .actions li:last-child{margin-right: 0;}
.locations .actions li a{display: block;font-size: 14px;padding-top: 30px;position: relative;}
.locations .actions li a img{position: absolute;left: 50%;top: 0;width: 25px;transform: translateX(-50%);}

.location-map iframe{display: block;}

@media(max-width:1199px){
	.location-finder .left-col{width: 260px;}
	.location-finder .right-col{width: calc(100% - 260px);}
	.locations .each{padding: 15px;}
	.locations .actions{position: static;margin-top: 16px;}
}

@media(max-width:767px){
	.location-finder .left-col{width: 100%;}
	.location-finder .right-col{width: 100%;}
}

/** Home banner **/
.home_banner .et_pb_slide .et_pb_section_video_bg .mejs-video{top: 50%;transform: translateY(-50%);}

@keyframes jumpInfinite {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
  100% {
    bottom: 0;
  }
}

@media(max-width:979px){
	.home_banner .et_pb_slide.et_pb_section_video{padding:35% 0 !important}
}

html, body{overflow-x:hidden}

/*Privacy/Consent*/
.cky-notice-group{flex-wrap: wrap;text-align: center;} 
.cky-notice-des{width:100%}
.cky-notice-btn-wrapper{width: 100%;margin-top: 15px;}
.cky-notice-des p a{color:#264397}

/** Weather Widget **/
/*#main-footer{margin-bottom: 80px;}*/

.weather-widget-sec{background-color: #02234e;padding: 0;width: 100%;z-index: 100;}
.weather-widget-sec .weather-bar{padding: 24px 0;font-size: 20px;}
.weather-bar a{color: #fdd134;text-decoration: underline;}

.weather-widget-sec .weather-widget{display: flex;flex-wrap: wrap;align-items: stretch;padding: 30px 0;justify-content: center;font-size: 18px;line-height: 1.4em;}
.weather-widget .et_pb_column{border-right: 1px solid #fff;padding: 10px 30px;display: flex;justify-content: center;align-items: center;}
.weather-widget .et_pb_column:last-child{border-right: 0;}

.weather-condition ul li{display: flex;justify-content:center}
.weather-condition ul li img{width: 22px;height: 22px;margin-right: 5px;}

.use-product{position: relative;padding-left: 86px;min-height: 100px;display: flex;flex-direction: column;justify-content: flex-end;}
.use-product .img-con{position: absolute;left: 0;top: 0;width: 64px;}
.use-product .img-con img{display: block;}
.use-product p{font-size: 18px;color: #fff;line-height: 1.4em;}
.use-product p a{color: #fdd134;text-decoration: underline;margin-top: 15px;}
.use-product p a:hover{text-decoration: none;}
.use-product .more{font-size: 18px;color: #fff;text-decoration: underline;display: inline-block;line-height: 1.4em;margin-top: 8px;}
.use-product .more:hover{color: #fdd134;}

.close-widget{display: none;position: absolute;right: 10px;top: 10px;width: 24px;height: 24px;font-size: 20px;font-weight: 300;color: #fff;line-height: 24px;text-align: center;z-index: 1;}

@media screen and (max-width:980px) {
	.et_fixed_nav #main-header{position: fixed;}
}

@media(max-width:767px){
  .weather-widget-sec .weather-widget{padding: 0;}
  .weather-widget-sec .weather-bar{font-size: 18px;}	
  .weather-widget .et_pb_column{border-right: 0;border-bottom: 1px solid #fff;padding: 15px 0;}
  .weather-widget .et_pb_column:last-child{border-bottom: 0;}
}

.code-of-conduct{width: 100%;display: flex;justify-content: center;padding: 0 0 30px;background-color: #fdd134}
.code-of-conduct .btn{display: inline-block;padding: 5px 20px;background-color: transparent;font-size: 14px;font-weight: 600;text-transform: uppercase;color: #02234e;border: 2px solid #02234e;transition: .3s;}
.code-of-conduct .btn:hover{background-color: #02234e;color: #fff;}