/*
Theme Name: www.premotanks.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
html, body {width:100%;}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:0 0;border:0;margin:0;padding:0}
ol,ul{list-style:none}
table{border-collapse:collapse;width:100%}
td{vertical-align:top}
address,article,footer,header,nav{display:block}

/*-------- PRIMARY STYLES --------*/
:root {
--primary: #0345FB;
--secondary: #EBAE37;
--grey: #757575;
--offwhite: #F7F7F7;
--black: #000000;
--white: #ffffff;
--header:"Barlow Condensed", sans-serif;
--body: "Barlow", sans-serif;
}
html{scroll-behavior:smooth}
h1,h2,h3,h4,h5,h6{font-family:var(--header)!important;line-height:1.5}
body{font-family:var(--body)!important;overflow-x:hidden}
p{font-family:var(--body)!important;font-size:16px;line-height:1.75}
a:active,a:link,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:none}
strong{font-weight:800}
hr{border:none;height:1px;background:rgba(0,0,0,.1)}
/*---HEADER---*/
#header{box-shadow:rgba(0,0,0,.1) 0 10px 15px -3px,rgba(0,0,0,.05) 0 4px 6px -2px}
.contact-corner{width:10%;background:url("https://media.sandhills.com/img.axd?id=11039919151&wid=0&rwl=False&p=&ext=png&w=212&h=226&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=XoJGBJ6yYywo0jXJIPZl6UOTo25ADHgU");background-size:cover;background-repeat:no-repeat;background-position:left center;padding:50px 0;text-align:center;min-width:150px!important}
li.yellow-link a{background-color:var(--secondary);padding:0 15px!important;transition:.4s all;display:inline-block}
li.yellow-link a:hover{background-color:var(--primary);color:#fff!important}
.logo{display:inline-flex!important;max-width:220px;align-items:center;margin-left:1.5%!important}
/*---BODY--------------------------------*/
.wid90{width:90%;margin:0 auto}
.wid80{width:80%;margin:0 auto}
.flex-container{display:flex}
.grid-container{display:grid}
.page-wid{max-width:1250px;margin: 0 auto;width: 90%;}
.center{text-align:center}
.pad-xl{padding-top:60px!important;padding-bottom:60px!important}
.pad-xl-top{padding-top:60px!important}
.pad-l-top{padding-top:40px!important}
.pad-l-bottom{padding-bottom:40px!important}
.pad-xl-bottom{padding-bottom:60px!important}
.pad-l{padding-top:40px!important;padding-bottom:40px!important}
.relative{position:relative}
.base-align{align-items:baseline}
.align-center{align-items:center}
.align-top{align-items:flex-start!important}
.content-center{align-content:center!important}
.just-center{justify-content:center}
.just-between{justify-content:space-between}
.just-end{justify-content:flex-end}
.align-right{text-align:right}
.align-left{text-align:left}
#block,.block{display:block}
.offwhite-bg {background-color:var(--offwhite) !important;}
.home-banner-options.flex-container.wid90 { padding: 0 0 25px 0; gap: 50px; justify-content: space-between;}
.left-banner,
.right-banner {margin: -50px 0 50px 0;flex: 1;width: 100% !important;}
.left-banner h2,
.right-banner h2 {text-align: center;font-weight: 900;font-size: 32px;letter-spacing: 1px;color: #fff;line-height: 1;text-transform: uppercase;}
.left-banner p,
.right-banner p {color:#fff !important;}
.text-upper {text-transform: uppercase !important;}

.rf-breadcrumbs{padding: 16px 0 !important;font-size: 15px !important;color: #000 !important;line-height: 1.5;border-bottom: 1px solid rgba(166, 166, 166, 0.25);}
.rf-breadcrumbs a {display: inline-block;color:#000;font-weight: 800;transition:.3s all;}
.rf-breadcrumbs a:hover {color:var(--primary)}
.rf-breadcrumbs span {font-weight: 700;}

/*---HERO STYLES---*/
.Hero {}
.Hero h1, .Hero h2 {font-size: 55px; line-height: 55px;text-transform: uppercase; color: var(--secondary); font-weight: 900 !important;}
.Hero p {font-weight: 500;font-size: 18px;color:#fff;}
.Hero hr {width: 200px; height: 2px; background: #fff !important; margin: 15px auto; text-align: center}
.hero-box {min-height: 265px !important;}
/*---LOCATION----*/
.blk-address {background:#000; width: 50%; padding: 50px 0;}
.blk-address p, .blk-address a{color:#fff;}
.blk-address p strong {font-weight: 700; font-family: 'Barlow Condensed', sans-serif; letter-spacing: 1px; font-size: 18px;}
.gray-address {box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;background:#F7F7F7; width: 50%; padding: 50px;box-sizing: border-box;text-align: left;margin: 35px 0 !important;}
.blk-address h3 {color:var(--secondary); font-weight: 900; font-size: 30px;}
.gray-address h3 {color:var(--primary); font-weight: 900; font-size: 30px;}
.map {width: 50%;position: relative;}
.map iframe {width: 100%;height: 100%;position: absolute;top:0;left:0;right:0;bottom:0;}
.gray-address a,.flex-social a {color:var(--primary);transition:.3s all;}
.flex-social {gap: 15px;font-size: 22px;}
/*---inner pages---*/
.resource a {transition: transform 0.3s ease;}
.resource a:hover {transform: translateX(10px);}
.resource h2{ text-transform: uppercase;font-weight: 800;letter-spacing: 1px;transition:.3s all;line-height: 1 !important;}
.resource h2 i {color:var(--primary);transition:.3s all;}
.resource a:hover h2 i {color:var(--secondary)}

.yellow-bar {height: 150px !important;}

.custom-form{background:var(--white)!important;box-shadow:rgba(0,0,0,.15) 0 5px 15px 0;margin:-100px auto 50px auto!important;position:relative;padding:70px!important;box-shadow:1px 1px 3px #ccc;width:70%!important;z-index:9}
.custom-form h2{font-size:36px;font-weight:900;color:#000;line-height:1;text-transform:uppercase;margin-bottom:30px;letter-spacing:1px;border-bottom:1px solid #ddd;padding-bottom:15px}
.contact-box{box-shadow:1px 2px 3px #f1f1f1}
.contactbox h3{font-size:22px!important;font-weight:700;margin-bottom:10px;line-height:1}
.contactbox h3 i{color:var(--secondary);margin-right:10px}
.contactbox a{line-height:2;transition:.3s all}
.contactbox a i{color:var(--primary)}
section#sandhills_editable_area_38{margin-top:0!important;max-height:100vh!important;top:0!important}
    /*---POPUP---*/
    /* Pop up */
#overlay{display:none}
.popup{width:100%;display:none;position:fixed;top:0;z-index:500}
.popup-container{width:100%;height:100vh;margin:0 auto;background:#fff;position:relative;z-index:103;padding:15% 15px 15px 15px;box-sizing:border-box}
.popup-container p{font-size:22px;font-weight:800;color:#000;line-height:30px;padding:15px 15px 30px 15px;max-width:1000px;margin:0 auto}
.popup-container p.bold{font-size:60px;font-family:Barlow,sans-serif;font-weight:900;color:#0045ff}
.pop-link:hover{color:#34b91c!important}
.popup-container .x{float:right;height:35px;left:22px;color:#000!important;position:relative;width:34px}
.popup-container .x:hover{cursor:pointer}
/* CAREER PAGE */
.column-padding-careers{border-bottom:1px solid #e8e8e8!important}
.career-pg hr{border:none;background:#f1f1f1;height:1px}
.career h2{font-size:28px!important;font-weight:800;text-transform:uppercase}
.career h2 i{font-size:28px!important;color:var(--primary)}
.career{display:flex;align-items:flex-start;justify-content:center;gap:90px;width:100%;margin:50px auto}
.career-info{text-align:left;flex:1}
.cat-hero{background-color:#000;background-image:url("https://media.sandhills.com/img.axd?id=11042739427&wid=0&rwl=False&p=&ext=png&w=800&h=473&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=JEVj93Og62C%2biOzQkqx7GIiP1bN76pA1");background-color:#000;background-size:contain;background-attachment:fixed;background-position:top;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:900;text-align:center;padding:100px 0}
.cat-hero h1{font-size:84px;line-height:1;text-transform:uppercase;background-clip:text;-webkit-background-clip:text;font-weight:900;text-align:center;color: #fff;-webkit-text-fill-color: transparent;}
.brochure-cat h4{text-transform:uppercase;letter-spacing:1px;line-height:2;font-size:20px}
.brochure-cat h4 i{color:var(--secondary)!important}
.brochure-cat{border-radius:10px!important;background:#f7f7f7!important;transition-color:.4s all;margin:5px!important;font-size:16px;line-height:1.5;padding:30px!important;display:block!important;color:#000;box-sizing:border-box;overflow:hidden!important}
.brochure-cat:hover{box-shadow:rgba(0,0,0,.15) 0 2px 8px}
.brochure-cat a{line-height:2!important;box-sizing:border-box;display:block;color:#000!important}
.brochure-cat a:hover{color:var(--primary)!important}
.column-tank h2{font-weight:800;font-size:36px;color:var(--primary);padding-bottom:25px}
.caret-list li:before{color:var(--primary);font-weight:900;margin-right:5px;content:"\f0da";font-family:"Font Awesome 5 Free"}
.caret-list li{display:flex;gap:5px;margin-bottom:10px}
/* ==========================
   TABLES
   ========================== */
table.capacity{width:100%;margin:25px 0;padding:0;border-collapse:collapse;table-layout:fixed}
.hydrema-h2,table.capacity caption{margin:.5em 0 .75em;font:900 35px 'Barlow Condensed',sans-serif;color:#0345fb;text-align:left}
table.capacity tr{padding:.35em;border:1px solid #fff;background-color:#f8f8f8}
table.capacity td,table.capacity th{padding:.625em;text-align:left;border-right:1px solid #fff}
table.capacity th{background:#0345fb;color:#fff;font:18px 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase}
table.capacity th.lrg{background:#000}
table.capacity td.lrg,table.capacity th.lrg,table.capacity tr.lrg{width:35%}

/* ==========================
   FLEX TABLES
   ========================== */

.flex-container.flex-tables{display:flex;gap:60px}
.capacity-small{flex:1 1 50%!important}
.capacity-small table.capacity td.col,.capacity-small table.capacity th.col{text-align:center}
.capacity-small table.capacity td.lrg,.capacity-small table.capacity th.lrg,.capacity-small table.capacity tr.lrg{width:70%}
.flex-tables .feat-flex{display:flex;flex-direction:column;flex-basis:35%;gap:20px;margin-top:25px}
.flex-tables .feat-flex .ft{width:100%;margin:0}
/*---buttons---*/
.primary-btn,.sheSubmitButton{background:#000;padding:15px;text-align:center;color:#fff;border:1px solid #000;font-weight:700;box-sizing:border-box;max-width:100%;font-family:var(--head);display:inline-block;vertical-align:middle;text-transform:uppercase;letter-spacing:1px;font-size:16px}
.home-banner-options .primary-btn{width:100%;max-width:100%!important}
.secondary-btn{background:var(--secondary);padding:15px;text-align:center;color:#000;border:1px solid var(--secondary);font-weight:700;box-sizing:border-box;max-width:100%;font-family:var(--head);display:inline-block;vertical-align:middle;text-transform:uppercase;letter-spacing:1px;font-size:16px}
.sheSubmitButton:hover{background:var(--secondary);border:1px solid var(--primary)}
.sheSubmitButton{margin-top:30px!important}
.link-btn{color:#000;text-transform:uppercase;font-family:var(--head);font-weight:800;letter-spacing:1px;border-bottom:5px solid transparent;padding:10px 0;transition:.3s ease;border-top:none;border-left:none;border-right:none;background:0 0}
.link-btn::after{content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:5px;color:var(--primary)}
.link-btn:hover{border-bottom:5px solid #ebad37}

/*========== FOOTER STYLES  ==========*/
.footer{background-color:#000}
.footer-wrap{padding:15px 0!important;width:90%;margin:0 auto}
/*----INVENTORY TSYLES----*/

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:var(--primary) !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:var(--primary) !important;color:#fff !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px var(--primary) !important; transition: ease all 0.2s !important;color: #fff !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: var(--primary) !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width :1480px){
  .logo {max-width: 175px !important;}
}
@media only screen and (max-width :1250px){
.head-wrap{gap:20px}
.nav-wrap{text-align:right;flex:1}
.home-banner-options{gap:25px!important}
}
@media only screen and (max-width :1200px){
.home-banner-options{flex-wrap:wrap;gap:10px!important}
.home-banner-options .left-banner,.home-banner-options .right-banner{flex-basis:100%}
.flex-locations{flex-wrap:wrap}
.gray-address,.map{flex-basis:100%;margin:0!important}
.map{height:350px}
}
@media only screen and (max-width :900px){
.custom-form{width:90%!important;padding:50px!important}
.career{flex-wrap:wrap;gap:25px;justify-content:flex-start!important}
.career-info{flex-basis:100%}
}
@media screen and (max-width:600px){
table.capacity{border:0}
table.capacity caption{font-size:30px}
table.capacity thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:none;clip:rect(0 0 0 0)}
table.capacity tr{display:block;margin-bottom:.625em;border-bottom:3px solid #ddd}
table.capacity td.lrg,table.capacity th.lrg,table.capacity tr.lrg{width:95%!important;font-weight:600}
table.capacity td{display:block;font-size:.8em;text-align:right!important;border-right:0;border-bottom:1px solid #ddd}
table.capacity td::before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}
table.capacity td:last-child{border-bottom:0}
.flex-tables .feat-flex{flex-wrap:wrap}
.flex-tables .feat-flex .ft{flex-basis:100%}
}
@media only screen and (max-width :480px){
.head-wrap{flex-wrap:wrap!important;gap:0!important}
.contact-corner{width:100%;background:var(--secondary);padding:10px!important;flex-basis:100%}
.logo{margin-left:5%!important;max-width:150px!important}
.nav-wrap{margin-right:5%!important}
.custom-form{width:90%!important;padding:30px!important}
.gray-address{padding:30px!important}
.cat-hero h1{font-size:36px!important}
}