/*
Theme Name: Shoemaker Irrigation Supply
Author:     Provident Pro
Author URI: http://providentpro.com/
Version:    1.1.6
*/

@import url('editor-style.css?ver=1.1.6');

body { background-color:#1f1f1f; }

.wrapper { margin:0 auto; padding:0 30px; max-width:100%; width:1500px; }

.columns { display:flex; }

.text-center { text-align:center; }

.slick-slide, .slick-slide a { outline-width:0; }
.slick-arrow { background-color:transparent; border-width:0; color:#fff; cursor:pointer; outline-width:0; padding:0; position:absolute; top:50%; }

/* Mobile Menu */
#mobile-menu { background-color:#4b9f46; bottom:0; box-shadow:3px 0px 6px 0px rgba(0, 0, 0, 0.25); left:0; padding:48px 0; position:fixed; overflow-x:hidden; top:0; transition:width 0.5s; width:0; z-index:3; }
.admin-bar #mobile-menu { top:32px; }
#mobile-menu .close { border-radius:50%; color:#fff; display:block; font-size:21px; height:36px; line-height:36px; position:absolute; top:6px; right:6px; width:36px; text-align:center; transition:background-color 0.5s; }
#mobile-menu .close:hover { background-color:rgba(0, 0, 0, 0.15); }
#mobile-menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#mobile-menu ul li { font-size:12px; font-weight:500; line-height:48px; white-space:nowrap; }
#mobile-menu ul li a { color:#fff; display:block; padding:0 12px; transition:background-color 0.5s; }
#mobile-menu ul li.menu-item-has-children > a { padding-right:0; }
#mobile-menu ul li a:hover { background-color:rgba(0, 0, 0, 0.15); text-decoration:none; }
#mobile-menu ul li.active > a { background-color:rgba(0, 0, 0, 0.15); }
#mobile-menu ul li a .sub-menu-toggle { display:block; float:right; font-size:16px; height:48px; text-align:center; transition:background-color 0.5s; width:48px; }
#mobile-menu ul li a .sub-menu-toggle:hover, #mobile-menu ul li.active > a .sub-menu-toggle { background-color:rgba(0, 0, 0, 0.15); }

#mobile-menu .sub-menu { background-color:#fff; display:none; }
#mobile-menu .sub-menu li { font-weight:400; }
#mobile-menu .sub-menu li a { color:#2a2a2a; }
#mobile-menu .sub-menu li a:hover, #mobile-menu .sub-menu li.active > a { background-color:#2a2a2a; color:#fff; }
#mobile-menu .sub-menu li a .sub-menu-toggle:hover, #mobile-menu .sub-menu li.active > a .sub-menu-toggle { background-color:rgba(0, 0, 0, 0.15); }

/* Header */
#header { left:0; padding-top:18px; position:absolute; top:0; width:100%; z-index:1; }
.admin-bar #header { top:32px; }

#header .columns { gap:30px; align-items:center; justify-content:space-between; }

#header-logo { width:180px; }
#header-logo img { vertical-align:bottom; }

#header-menu ul { display:flex; gap:12px; list-style-type:none; margin-bottom:0; padding-left:0; }
#header-menu ul li { font-size:12px; font-weight:500; position:relative; white-space:nowrap; }
#header-menu ul li::after { background-color:#4b9f46; content:''; display:block; height:3px; transition:width 0.5s; width:0; }
#header-menu ul li.menu-item.hover::after { width:100%; }
#header-menu ul li a { color:#fff; display:block; padding:6px 0; transition:color 0.5s; }
#header-menu ul li a:hover { text-decoration:none; }
#header-menu ul li.menu-item-has-children > a::after { content:'\f107'; font-family:'Font Awesome 6 Pro'; font-weight:400; margin-left:6px; }

#header-menu .sub-menu { display:none; left:0; min-width:200px; position:absolute; top:100%; z-index:1; }
#header-menu .sub-menu li { font-weight:300; }
#header-menu .sub-menu li::after { content:none; }
#header-menu .sub-menu li a { background-color:#4b9f46; border-width:0; transition:background-color 0.5s; padding:9px; }
#header-menu .sub-menu li a::after { content:none; }
#header-menu .sub-menu li.hover > a, #header-menu .sub-menu li a:hover { background-color:#428B3D; }
#header-menu .sub-menu li.menu-item-has-children > a { padding-right:30px; }
#header-menu .sub-menu li.menu-item-has-children > a::after { content:'\f105'; margin-left:0; position:absolute; right:12px; }

#header-menu .sub-menu .sub-menu { left:100%; top:0; }

#mobile-menu-toggle { display:none; font-size:30px; }
#mobile-menu-toggle a { color:#fff; }

/* Home Slider */
#home-slider { display:none; }
#home-slider.slick-initialized { display:block; }

#home-slider .slick-slide { height:600px; overflow:hidden; }

#home-slider .slide-bg { background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute; transition:transform 1s; transform:scale(1.1); width:100%; }
#home-slider .slick-slide.slick-active .slide-bg { transform:scale(1); }

#home-slider .slide-overlay { background-color:#000; height:100%; opacity:0.6; position:absolute; width:100%; }

#home-slider .slide-content { color:#fff; font-size:60px; font-weight:300; line-height:1.2; margin:0 auto; opacity:0; position:relative; top:50%; transition:transform 1s, opacity 1s; text-align:center; text-transform:uppercase; transition-delay:0.5s; transform:translateY(-40%); width:50%; }
#home-slider .slick-slide.slick-active .slide-content { opacity:1; transform:translateY(-50%); }
#home-slider .slide-content strong { font-size:72px; font-weight:700; }
#home-slider .slide-content a { border:1px solid #fff; color:#fff; display:inline-block; font-size:12px; font-weight:500; padding:18px; transition:background-color 0.5s, border-color 0.5s; }
#home-slider .slide-content a:hover { background-color:#4b9f46; border-color:#4b9f46; text-decoration:none; }

#home-slider .slick-arrow { font-size:48px; height:48px; line-height:48px; margin-top:-24px; width:48px; z-index:2; }
#home-slider .slick-prev { left:24px; }
#home-slider .slick-next { right:24px; }

#home-slider .slick-dots { bottom:24px; list-style-type:none; margin-bottom:0; padding-left:0; position:absolute; text-align:center; width:100%; }
#home-slider .slick-dots li { display:inline-block; }
#home-slider .slick-dots li button { background-color:transparent; border-width:0; cursor:pointer; display:block; font-size:0; height:24px; outline-width:0; padding:0; position:relative; width:24px; }
#home-slider .slick-dots li button::before { color:#fff; content:'\f111'; font-family:'Font Awesome 6 Pro'; font-size:15px; font-weight:400; height:24px; left:0; line-height:24px; opacity:0.5; position:absolute; top:0; transition:opacity 0.5s; width:24px; }
#home-slider .slick-dots li button:hover::before { opacity:1; }
#home-slider .slick-dots li.slick-active button::before { font-weight:900; opacity:1; }

/* Precontent */
#precontent { background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }

#precontent-overlay { background-color:#000; height:100%; opacity:0.5; position:absolute; width:100%; }

#precontent .wrapper { height:400px; position:relative; }

#page-title { bottom:48px; position:absolute; left:15px; }
#page-title h1 { color:#fff; margin-bottom:12px; }
#page-title .breadcrumbs { color:#fff; font-size:12px; }
#page-title .breadcrumbs a { color:#fff; text-decoration:underline; }
#page-title .breadcrumbs i { margin:0 6px; }

/* Icon Boxes */
.icon-box { padding-left:30px; position:relative; }
.icon-box::before { color:#4b9f46; font-family:'Font Awesome 6 Pro'; position:absolute; top:0; left:0; }

.icon-box .title { color:#fff; font-weight:500; margin-bottom:6px; }

.icon-box.location::before { content:'\f3c5'; }
.icon-box.location .address { color:rgba(255, 255, 255, 0.5); font-size:12px; margin-bottom:6px; }
.icon-box.location a { color:#fff; transition:color 0.5s; }
.icon-box.location a:hover { color:#4b9f46; text-decoration:none; }

.icon-box.hours::before { content:'\f017'; }
.icon-box.hours table { margin-bottom:0; }
.icon-box.hours td { color:#fff; font-size:12px; font-weight:300; padding:0 0 6px; }
.icon-box.hours td:first-child { color:rgba(255, 255, 255, 0.5); font-weight:500; margin-right:12px; text-transform:uppercase; width:72px; }

/* Home Locations */
#home-locations { padding:30px 0; }

#home-locations .slider { display:none; }
#home-locations .slider.slick-initialized { display:block; }
#home-locations .slider .slick-slide { padding:0 30px; }
#home-locations .slider .slick-arrow { font-size:18px; height:18px; line-height:18px; margin-top:-9px; width:18px; }
#home-locations .slider .slick-prev { left:0; }
#home-locations .slider .slick-next { right:0; }

/* Body */
#body { background-color:#fff; padding:60px 0; }

.widget-title { font-weight:700; }

/* Products */
.product { margin:24px auto; text-align:center; }
.product-thumbnail { border:1px solid #ddd; border-radius:3px; margin-bottom:12px; padding-bottom:100%; position:relative; }
a.product-thumbnail { display:block; }
.product-thumbnail img { left:50%; max-height:100%; padding:12px; position:absolute; top:50%; transform:translate(-50%, -50%); }
.product-thumbnail .overlay { background-color:rgba(0, 0, 0, 0.75); height:100%; left:0; opacity:0; position:absolute; top:0; transition:opacity 0.5s; width:100%; }
.product-thumbnail:hover .overlay { opacity:1; }
.product-thumbnail .overlay-content { left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); }
.product-thumbnail .plus { background-color:#4b9f46; border-radius:50%; color:#fff; font-size:13px; height:36px; line-height:36px; margin:0 auto; width:36px; }
.product p { color:#4b9f46; font-size:12px; font-weight:500; margin-bottom:0; text-transform:uppercase; }

/* Our Companies */
#our-companies { background-color:#4b9f46; color:#fff; font-style:italic; padding:30px 0; text-transform:uppercase; }

#our-companies .columns { align-items:center; gap:30px; }

#our-companies .heading { width:calc(20% - 15px); }

#our-companies .companies { width:calc(80% - 15px); }

#our-companies .slider { display:none; }
#our-companies .slider.slick-initialized { display:block; }
#our-companies .slider .slick-slide { display:inline-block; float:none; padding:0 48px; vertical-align:middle; }
#our-companies .slider .slick-slide img { margin:0 auto; }
#our-companies .slider .slick-arrow { font-size:18px; height:18px; line-height:18px; margin-top:-9px; width:18px; }
#our-companies .slider .slick-prev { left:0; }
#our-companies .slider .slick-next { right:0; }

/* Footer */
#footer-top { background-color:#2a2a2a; padding:48px 0; }

#footer-top .columns { gap:48px; }

#footer-top .store-hours { width:calc(30% - 24px); }

#footer-top .locations { width:calc(70% - 24px); }

#footer-top .slider { display:none; }
#footer-top .slider.slick-initialized { display:block; }
#footer-top .slider .slick-slide { padding:0 30px; }
#footer-top .slider .slick-arrow { font-size:18px; height:18px; line-height:18px; margin-top:-9px; width:18px; }
#footer-top .slider .slick-prev { left:0; }
#footer-top .slider .slick-next { right:0; }

#footer-bottom { color:#fff; font-size:10px; padding:15px 0; text-transform:uppercase; }
#footer-bottom a { color:#fff; }
#footer-bottom-left { float:left; }
#footer-bottom-right { float:right; text-align:right; }

/* Media Queries */
@media (max-width:1199px) {
	/* Header */
	#header-menu { display:none; }
	#mobile-menu-toggle { display:block; }

	/* Footer */
	#footer-top .store-hours { width:calc(40% - 24px); }

	#footer-top .locations { width:calc(60% - 24px); }
}

@media (max-width:991px) {
	.wrapper { padding:0 15px; }

	/* Home Slider */	
	#home-slider .slide-content { font-size:48px; width:70%; }
	#home-slider .slide-content strong { font-size:60px; }

	/* Footer */
	#footer-top .store-hours, #footer-top .locations { width:calc(50% - 24px); }

	#footer-top .icon-box { padding-left:0; padding-top:30px; text-align:center; }
	#footer-top .icon-box::before { left:50%; transform:translateX(-50%); }
	#footer-top .icon-box.hours table { margin:0 auto; text-align:left; }
}

@media (max-width:782px) {
	.admin-bar #header, .admin-bar #mobile-menu { top:46px; }
}

@media (max-width:767px) {
	/* Home Slider */
	#home-slider .slide-content { font-size:36px; width:90%; }
	#home-slider .slide-content strong { font-size:48px; }

	/* Precontent */
	#page-title h1 { font-size:30px; }

	/* Icon Boxes */
	.icon-box { padding-left:0; padding-top:30px; text-align:center; }
	.icon-box::before { left:50%; transform:translateX(-50%); }

	/* Products */
	.product { max-width:50%; }

	/* Our Companies */
	#our-companies .columns { flex-direction:column; }

	#our-companies .heading { text-align:center; width:100%; }

	#our-companies .companies { width:100%; }

	/* Footer */
	#footer-top .columns { flex-direction:column; }

	#footer-top .store-hours, #footer-top .locations { width:100%; }
}

@media (max-width:479px) {
	/* Products */
	.product { max-width:75%; }
}