/***** BEGIN RESET *****/
@import url("https://use.typekit.net/aqc4qda.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------*/
:root {
  --orange: #d43316;
  --grey: #E1DBDA;
  --dark-grey: #0F0E0E;
  --orange-grey: #FAF6F5;
  --white: #FFFFFF;
}

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

h1, h2, h3 {
	font-family: 'new-frank', sans-serif;
	text-transform: uppercase;
}

#home p, #thankyou p, #about p, #blog p, #concrete-supplies p, #contact p, #dealer-bath-NY p, #dealer-wellsville-NY p, #locations p, #rentals p, #services p, #locations-inner p, #inner-blog p  {
	font-family: 'figtree', sans-serif;
	font-size: 17px;
	line-height: 32px;
	color: var(--dark-grey);
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HERO STYLES ---------------------*/
.home-hero {background: url("/siteart/home-hero.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
.home-hero > div {background-color: rgba(15,14,14,.6);}
.home-hero .wrapper {padding-top: 200px!important; padding-bottom: 200px!important;}
.home-hero .heading-lg {max-width: 880px;}

.inner-hero {padding-top: 30px!important; padding-bottom: 30px!important;}
.inner-hero .flex {gap: 30px; flex-wrap: wrap; align-items: center;}
.inner-hero a {color: var(--dark-grey); transition: all .4s ease-out; font-size: 17px; font-weight: 700; font-family: 'figtree', sans-serif;}
.inner-hero a:hover {color: var(--orange)!important;}
.inner-hero hr {margin: 0;border: #101010 solid 1px;height: 25px;}
/*---BODY--------------------------------*/
/*--img-right--*/
.img-right {background: linear-gradient(to bottom, #fff 95%, #FAF6F5 5%);}
.img-right .wrapper {padding-top: 130px!important; gap: 60px; justify-content: space-between; align-items: center;}
.img-right .img-height {box-shadow: -40px 40px 0 0 #E1DBDA; max-width: 740px; width: 100%; height: 795px; min-width: 300px; margin-bottom: 40px;}
.img-right .img-height img, .img-left .img-height img {width: 100%; height: 100%; object-fit: cover;}
.img-right .content-left, .img-left .content-right {max-width: 940px;}
.text-color {color: var(--orange);}
.img-right .wrapper .flex, .img-left .content-right .flex {gap: 20px; flex-wrap: wrap;}

#concrete-supplies .img-right .img-height, #services .img-right .img-height, #dealer-bath-NY .img-right .img-height, #dealer-wellsville-NY .img-right .img-height, #about .img-right .img-height {height: 700px;}
#concrete-supplies .img-right .wrapper, #services .img-right .wrapper, #dealer-bath-NY .img-right .wrapper, #dealer-wellsville-NY .img-right .wrapper, #about .img-right .wrapper {padding-top: 0!important;}

/*--col-3--*/
.col-3 {background: var(--orange-grey); padding-top: 130px; padding-bottom: 130px;}
.col-3 .wrapper .flex:first-child {justify-content: space-between; align-items: center; gap: 40px; margin-bottom: 40px;}
.col-3 .heading-md {margin-bottom: 0!important;}
.col-3 .wrapper .flex:last-child {justify-content: center; gap: 20px;}
.col-3 .wrapper .flex:last-child .img-height {max-width: 597px; width: 100%; height: 365px; background: var(--dark-grey);transition: all .4s ease-out; position: relative;}
.col-3 .wrapper .flex:last-child .img-height img {width: 100%; height: 100%; object-fit: cover; opacity: .5;}
.col-3 .wrapper .flex:last-child .img-height:hover {background: var(--orange);}
.col-3 .wrapper .flex:last-child .img-height:hover img {opacity: .1;}
.col-3 .wrapper .flex:last-child .img-height div {position: absolute; left: 30px; bottom: 30px; padding-right: 30px;}
.col-3 p {color: #fff!important; font-family: 'new-frank', sans-serif!important; margin-top: 10px;}
.col-3 p i {margin-left: 20px;}

/*--video--*/
.video {background: linear-gradient(to bottom, #FAF6F5 65%, #fff 65%);}
.video .heading-md {text-align: center; margin-bottom: 40px;}
.video .img-height {height: 550px; max-width: 1600px; width: 100%; margin: 0 auto;}
.video .img-height iframe {object-fit: cover;}

/*--img-left--*/
.img-left {padding-top: 130px!important; padding-bottom: 130px!important; gap: 60px; justify-content: space-between; align-items: center;}
.img-left .img-height {box-shadow: 40px 40px 0 0 #E1DBDA; max-width: 740px; width: 100%; height: 795px; min-width: 300px; margin-bottom: 40px;}
.img-left .img-height img {object-position: 90%;}
.img-left p a {color: var(--orange);}
.img-left p a:hover {text-decoration: underline;}

.hyrax-section {background: var(--orange-grey); padding-bottom: 0!important;}
.hyrax-section .img-height {position: relative; height: 600px;}
.hyrax-dealer__badge {
    position: absolute;
    top: -20px;
    left: 60px;
    background: #d43316;
    color: #fff;
    padding: 15px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'new-frank', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    z-index: 1;
	letter-spacing: 1.2px;
}

/*--col-2--*/
.col-2 {background: var(--orange-grey); padding-top: 130px!important; padding-bottom: 110px!important;}
.col-2 .wrapper {justify-content: space-between; gap: 40px;}
.col-2 .content-left {max-width: 690px; width: 100%;}

.col-2 .wrapper > div:last-child > .flex {gap: 20px; margin-bottom: 20px; }
.col-2 .white-box {padding: 30px 40px; background: #fff; border: solid 2px #0F0E0E; align-items: center; gap: 30px; justify-content: space-between; max-width: 460px; width: 100%; box-sizing: border-box;}

.col-2 .white-box > div:last-child {width: 50%;}
.col-2 .img-height img {max-width: 172px; width: 100%; height: auto;}
.col-2 .wrapper > div:last-child > .flex:last-child .img-height img {max-width: 90px!important;}

.col-2 .wrapper .white-box .flex {gap: 20px;}
.col-2 .white-box .flex {margin-bottom: 20px; flex-wrap: wrap;}
.col-2 .white-box > div > a {font-weight: 700;}
.col-2 .white-box > div > a i {margin-left: 20px;}
.col-2 .white-box a {color: var(--dark-grey); font-family: 'figtree', sans-serif; font-size: 17px;}
.col-2 .white-box a:hover, .col-2 .white-box a:hover i {text-decoration: underline;}
.col-2 .white-box .flex i {color: var(--orange)!important;}
.col-2 .white-box .social-media {display: flex; gap: 15px;}
.col-2 .white-box .flex > a {text-wrap: nowrap;}

/*--------PAGE STYLES--------------------*/
/*---thankyou---*/
#thankyou .center-section .wrapper {max-width: 600px!important;}
#thankyou .center-section {padding-top: 60px!important;}

/*---concrete-supplies---*/
.img-col-2 {padding-top: 130px; padding-bottom: 130px;}
.img-col-2 .flex {justify-content: center; gap: 60px;}
.img-col-2 .img-height {max-width: 750px; width: 100%; height: 375px;}
.img-col-2 .img-height img {width: 100%; height: 100%; object-fit: cover;}
.img-col-2 .heading-md {text-align: center; margin-bottom: 50px;}
.img-col-2 .heading-sm {color: var(--orange)!important; text-shadow: none!important; margin-top: 30px; margin-bottom: 20px;}
.img-col-2 p {max-width: 750px;}

.bg-img {background: url("/siteart/husqvarna-equipment.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
.bg-img > div {background-color: rgba(15,14,14,.8);}
.bg-img .wrapper {text-align: center; padding-top: 130px!important; padding-bottom: 130px!important; max-width: 1000px;}
.bg-img .heading-md, .bg-img p {color: #fff!important;}

/*---services---*/
.center-section {padding-top: 130px; padding-bottom: 130px;}
.center-section .wrapper {max-width: 1100px; text-align: center;}
.col-3-inner {padding-top: 130px!important; padding-bottom: 110px!important;}
.col-3-inner > .flex:first-child {justify-content: space-between; align-items: center; gap: 30px; flex-wrap: wrap; margin-bottom: 50px;}
.col-3-inner .white-box {gap: 20px; margin-bottom: 20px;}
.col-3-inner .black-border-bx {max-width: 596px; width: 100%; padding: 40px; border: solid 2px #0F0E0E; box-sizing: border-box;}
.col-3-inner .heading-sm {color: var(--orange)!important; margin-bottom: 20px;}
#services .img-left .img-height {height: 530px;}
.img-left .wrapper {justify-content: space-between; gap: 60px; align-items: center;}

/*---rentals---*/
#rentals .img-right .wrapper {padding-top: 50px!important; padding-bottom: 130px!important;}
#rentals .img-right .img-height img {object-fit: inherit!important;}
#rentals .img-right .img-height {height: auto; min-width: 100px;}
#rentals .img-right {background: none;}
#rentals .img-right ul li {list-style: disc; margin-left: 30px;}
.rental-section {padding-top: 50px!important; padding-bottom: 110px!important;}
.rental-section > .flex {gap: 20px; justify-content: space-between; margin-bottom: 20px;}
.rental-section .black-border-bx {padding: 40px; box-sizing: border-box; border: solid 2px #0F0E0E; max-width: 596px; width: 100%; transition: transform .2s;}
.rental-section .black-border-bx {cursor: default;}
.rental-section .img-height {max-width: 350px; width: 100%; height: auto; margin: 0 auto;}
.rental-section .img-height img {width: 100%;}
.rental-section .heading-sm {text-align: center; margin-top: 40px; color: var(--orange)!important;}

.table_component {overflow: auto;width: 100%;}
.table_component table {height: 100%; width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 20px;text-align: center;border: #0F0E0E solid 2px;padding: 40px;}
.table_component th {border: 0px solid #0F0E0E;background-color: #fff;color: #0F0E0E;padding: 40px 5px 30px;}
.table_component td {border: 0px solid #0F0E0E;color: #0F0E0E;padding: 5px;}
tbody tr:nth-child(even) {background-color: var(--orange-grey)!important;}
.table_component tr strong {display: none;}
.p-head {font-size: 30px!important; font-weight: 700;}

.rate-btn > .flex {justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 30px;}
.rate-btn > .flex .flex {gap: 20px; flex-wrap: wrap;}
.rate-btn .heading-md {margin-bottom: 0;}

/*---contact---*/
/*---about---*/
.col-2-box {padding-top: 130px!important; padding-bottom: 130px!important;}
#about .col-2-box .flex:first-child {margin-bottom: 50px; gap: 30px; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.col-2-box .white-box, .staff .white-box {gap: 20px; justify-content: space-between;}
.col-2-box .white-box .black-border-bx, .staff .white-box .black-border-bx {background: #fff; max-width: 884px; width: 100%; padding: 40px; border: solid 2px #0F0E0E; box-sizing: border-box;}
.col-2-box .white-box .heading-sm a, .col-2-box .white-box .heading-sm {color: var(--orange)!important;}
.col-2-box .white-box .heading-sm a:hover {text-decoration: underline;}
.staff {padding-top: 130px; padding-bottom: 110px;}
.staff .wrapper > div:first-child {text-align: center; max-width: 940px; margin: 0 auto 50px;}
.staff .white-box {margin-bottom: 60px;}
.staff .white-box .heading-sm {color: var(--orange);}
.staff .white-box .img-height {max-width: 300px; height: 390px; width: 100%; min-width: 200px;}
.staff .white-box .img-height img {width: 100%; height: 100%; object-fit: cover;}
.staff .white-box .black-border-bx {gap: 20px; align-items: center; justify-content: space-between;}
.staff .white-box .black-border-bx > div:last-child {max-width: 460px;}

/*---blog---*/
#blog .col-2-box {padding-top: 80px!important; padding-bottom: 110px!important;}
#blog .col-2-box > div:first-child {flex-wrap: wrap; gap: 20px; justify-content: space-between; align-items: center; margin-bottom: 50px;}
#blog .col-2-box .heading-md {margin-bottom: 0;}
.col-2-box .blog-flex {justify-content: space-between; gap: 20px; margin-bottom: 20px;}
.col-2-box .blog-box {background: #fff; max-width: 905px; width: 100%; padding: 40px; border: solid 2px #0F0E0E; box-sizing: border-box;}
.col-2-box .blog-box .img-height {max-width: 900px; width: 100%; height: 300px;}
.col-2-box .blog-box .img-height img {width: 100%; height: 100%; object-fit: cover;}
.col-2-box .blog-box .heading-sm {color: var(--orange); margin-top: 20px;}
.col-2-box .blog-box a {display: inline-block; margin-top: 10px; color: var(--orange); font-family: 'figtree', sans-serif; font-size: 20px; font-weight: 700; transition: all .4s ease-out;}
.col-2-box .blog-box a:hover {color: var(--dark-grey); text-decoration: underline;}
.col-2-box .blog-box i {margin-left: 20px;}

/*---blog-inner---*/
.inner-hero-img > div {background-color: rgba(15,14,14,.6);}
.inner-hero-img .wrapper {padding-top: 250px!important; padding-bottom: 80px!important;}
.inner-hero-img p {color: #fff!important; margin-top: 20px;}
.inner-hero-img .heading-lg {max-width: 880px;}

#inner-blog .concrete {background: url("/siteart/blog/buying-guide-concrete.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .mower-belts {background: url("/siteart/blog/mower-belts.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .winterize-mower {background: url("/siteart/blog/winterize-mower.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .buying-trailers {background: url("/siteart/blog/buying-guide-trailers.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .mower-tips {background: url("/siteart/blog/mower-tips.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .ownership {background: url("/siteart/blog/owernship-tips.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .tractor {background: url("/siteart/blog/tractor.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .mower-blade {background: url("/siteart/blog/mower-blade.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .buying-tractor {background: url("/siteart/blog/buying-guide-tractor.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .safty-golf-cart {background: url("/siteart/blog/safty-golf-cart.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .buying-utv {background: url("/siteart/blog/buying-guide-utv.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .buying-construction {background: url("/siteart/blog/buying-guide-construction.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .safty-tractor {background: url("/siteart/blog/safty-tractor.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .winterize-equipment {background: url("/siteart/blog/winterize-equipment.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}
#inner-blog .buying-skid-steer {background: url("/siteart/blog/buying-guide-skid-steer.jpg") no-repeat; background-size: cover; background-position: center; background-color: var(--dark-grey);}

.blog-content .wrapper {padding-top: 70px!important; padding-bottom: 70px!important;}
.blog-content .wrapper p {max-width: 1330px; }
.blog-content .wrapper .heading-md {max-width: 1330px; color: var(--orange)!important; text-transform: none!important; font-size: 40px!important;}
.blog-content ul li {list-style: disc; margin-left: 30px;}


/*---locations---*//*---locations-inner---*/
#locations .img-right, #locations-inner .img-right, #contact .img-right {background: none;}
#locations .img-right .wrapper, #locations-inner .img-right .wrapper, #contact .img-right .wrapper {padding-top: 0!important; padding-bottom: 130px!important;}
#locations .img-right .img-height, #locations-inner .img-right .img-height, #contact .img-right .img-height {max-width: 900px!important; height: 700px;}
#locations .img-right .content-left {max-width: 800px!important;}
#locations .img-right ul li {list-style: disc; margin-left: 30px; color: var(--orange);}
#locations .img-right ul a {font-family: 'figtree', sans-serif; font-size: 17px; color: var(--orange); line-height: 35px;}
#locations .img-right ul a:hover, #locations-inner .img-right ul a:hover, #locations-inner .img-right ul a:hover i {text-decoration: underline;}
#locations .center-section .wrapper {max-width: 1300px;}
#locations .center-section .flex {gap: 20px; justify-content: center; flex-wrap: wrap;}
#locations-inner .heading-sm {color: var(--orange)!important; font-size: 20px!important; margin-top: 30px;}
#locations-inner ul span {font-weight: 700;}
#locations-inner .img-right ul a {font-family: 'figtree', sans-serif; font-size: 17px; color: var(--dark-grey); line-height: 35px;}
#locations-inner .img-right ul a i {color: var(--orange)!important;}

/*---dealer-bath-NY---*//*---dealer-wellsville-NY---*/
.col-3-inner .black-border-bx a:hover {text-decoration: underline; color: var(--orange);}
.img-left .img-height iframe {width: 100%; height: 100%; object-fit: cover;}

/*--------FORM STYLES--------------------*/
.contact-form {padding-top: 130px; padding-bottom: 130px;}
.form-all p {margin-bottom: 20px;}
.form-all {
	box-sizing: border-box;
	max-width: 1160px!important; 
	width: 100%;
	margin: 0 auto 100px!important;
	text-align: center;
}

.label {font-family: 'figtree', sans-serif;text-align: left!important;font-weight: 500;}
.label-row {margin-bottom: 15px;}
.flex-row {display: flex;width: 100%;}

.form-half {display: inline-block;width: calc(50% - 8px);margin: 15px 15px 15px 0;}
.form-half input {padding: 15px;width: 100%;border: 2px solid #0F0E0E;background: #fff;font-family: 'figtree', sans-serif;box-sizing: border-box;}
.form-2nd-row {margin-right: 0;}

.form-full textarea {width: 100%;padding: 15px; background: #fff;box-sizing: border-box;margin-bottom: -8px;font-family: 'figtree', sans-serif; border: 2px solid #0F0E0E;}
.form-full {margin: 15px 0 30px 0;}

.form-full-sm {display: inline-block;width: 100%;margin: 15px 0;}
.form-full-sm select {padding: 17px;width: 100%;border: 2px solid #0F0E0E;background: #fff;font-family: 'figtree', sans-serif;box-sizing: border-box;color: var(--dark-grey);}
.form-full-sm select {color: var(--dark-grey)!important;}

/*--------Captcha--------------------*/
.include-captcha{display:none;}
#submit-btn {float: right;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: var(--dark-grey);font-family: 'figtree', sans-serif;}
.CaptchaPanel {text-align: right!important;}
.captcha-button {float: right;}




/*-------- FOOTER STYLES ----------------*/
.my-site-footer {background: var(--dark-grey); padding-top: 80px; padding-bottom: 65px;}
.my-site-footer .img-height {display: inline-block; max-width: 300px; width: 100%;}
.my-site-footer .img-height img {width: 100%;}
.footer-heading {color: #fff; font-size: 20px!important; font-family: 'new-frank', sans-serif!important; font-weight: 700; text-transform: uppercase; margin-bottom: 30px;}
.my-site-footer li {margin-bottom: 20px;}
.my-site-footer a {color: #fff; font-family: 'figtree', sans-serif; font-size: 17px; transition: all .4s ease-out; line-height: 25px;}
.my-site-footer a:hover {color: var(--orange);}
.my-site-footer .btn-orange {font-size:20px!important; font-family: 'new-frank', sans-serif!important;}
.my-site-footer .btn-orange:hover {background: #fff!important; color: var(--dark-grey)!important;}

.my-site-footer .page-links {justify-content: space-between; gap: 40px; margin-bottom: 100px;}
.my-site-footer .page-links i {font-size: 20px; padding: 30px; background: var(--orange);}
.my-site-footer .page-links i:hover {background: #fff; color: var(--dark-grey);}
.my-site-footer .page-links > .flex {gap: 130px; }
.my-site-footer .page-links p {color: #fff; font-size: 17px; font-family: 'figtree', sans-serif;} 
.my-site-footer .page-links p span {font-weight: 700;}
.page-links .btn-top {gap: 20px; flex-wrap:wrap;}

.my-site-footer .locations {justify-content: space-between; gap: 30px; padding-top: 40px; border-top: 1px solid #fff;flex-wrap: wrap;}
.my-site-footer .locations .footer-heading {margin-bottom: 20px!important; display: block!important;}
.my-site-footer .locations i {color: #EC4023; transition: all .4s ease-out; }
.my-site-footer .locations i:hover {color: #fff!important;}
.my-site-footer .location-box > a{display: inline-block;}
.my-site-footer .location-box .space-top-bottom {margin-top: 10px; margin-bottom: 20px;}
.my-site-footer .location-box > div {display: flex; gap: 20px;}

/*-------- UNIVERSAL STYLES ----------------*/
.wrapper {
	padding: 0 15px; 
	margin: 0 auto;
	max-width: 1830px;
}

.flex {display: flex;}

.p-top {margin-top: 20px;}
.btn-top {margin-top: 60px;}

/*---Headings---*/
.heading-lg {font-size: 55px; color: #fff; font-weight: 700;}
.heading-md {font-size: 45px; color: var(--dark-grey); font-weight: 700; margin-bottom: 20px;}
.heading-sm {font-size: 35px; color: #fff; font-weight: 700;}

.h2-span {font-size: 25px; font-weight: 400!important;}
.h1-span {font-size: 20px!important; color: #fff!important; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}
.bg-light-orange {background: var(--orange-grey);}

/*---Buttons---*/
.btn-orange, .btn-black, .btn-white {
	display: inline-block;
	border: none;
	width: 230px;
	color: #fff;
	background: var(--orange);
	padding: 25px 0; 
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	transition: all .4s ease-out;
	font-family: 'new-frank', sans-serif;
}

.btn-black {background: var(--dark-grey)!important;}
.btn-white {background: #fff!important; color: var(--dark-grey)!important;}

.btn-orange:hover {background: var(--dark-grey);}
.btn-black:hover, .btn-white:hover {background: var(--orange)!important; color: #fff!important;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count, .parts-list-content .error-message, .parts-list-content .parts-title-and-breadcrumbs .parts-listings-count, .listing-prices__retail-price {color: var(--orange)!important;}

.list-container-flexrow .view-listing-details-link, .list-content .list-error-container .info button:not(.login-button), .faceted-search-content .selected-facets-container .selected-facet, .section-title a {background: var(--orange)!important; transition: all .4s ease-out;}
.list-container-flexrow .view-listing-details-link:hover, .list-content .list-error-container .info button:not(.login-button):hover, .section-title a:hover, .detail__cta-buttons button:hover, .dealer-contact__buttons button:hover, .detail-contact-bar button:hover {background: var(--dark-grey)!important;}

.dealer-contact__details_right-col span {color: var(--dark-grey)!important;}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1850px) {
	.staff .white-box {margin-bottom: 20px;}
}

@media only screen and (max-width: 1490px) {
	.col-2 .wrapper > div:last-child > .flex {flex-direction: column;}
}

@media only screen and (max-width: 1300px) {
	.staff .white-box {flex-wrap: wrap; justify-content: center;}
}

@media only screen and (max-width: 1130px) {
	.col-2 .wrapper > div:last-child {min-width: 350px;}
	.rental-section > .flex {flex-wrap: wrap;}
	.rental-section .black-border-bx {max-width: 1130px; padding: 20px;}
	.rental-section .heading-sm {margin-top: 20px;}
}

@media only screen and (max-width: 1100px) {
	.col-3-inner .white-box {flex-wrap: wrap;}
	.col-3-inner .black-border-bx {max-width: 1100px;}
}

@media only screen and (max-width: 950px) {
	.my-site-footer .page-links > .flex {gap: 40px;}
}

@media only screen and (max-width: 900px) {
	.img-right .wrapper, .img-left, .img-left .wrapper, .col-2-box .blog-flex {flex-wrap: wrap;}
	.img-left, .img-left .wrapper {gap: 40px;}
	.col-2-box .blog-box .img-height {height: 200px;}
	.col-2-box .blog-box {padding: 20px;}
	
	#concrete-supplies .img-right .img-height, #services .img-right .img-height, #services .img-left .img-height, #dealer-bath-NY .img-right .img-height, #dealer-wellsville-NY .img-right .img-height, #locations .img-right .img-height, #locations-inner .img-right .img-height, #about .img-right .img-height, #contact .img-right .img-height {height: 250px;}
	
	.img-right .img-height {max-width: 100%; height: 250px; box-shadow: -20px 20px 0 0 #E1DBDA; margin-left: 20px; margin-bottom: 20px; min-width: 100px;}
	.img-left .img-height {max-width: 100%; height: 250px; box-shadow: 20px 20px 0 0 #E1DBDA; margin-right: 30px; margin-bottom: 20px; min-width: 100px;}
	.img-col-2 .flex {flex-wrap: wrap; gap: 20px;}
	.img-col-2 .img-height {height: 200px;}
}

@media only screen and (max-width: 880px) {
	.my-site-footer .page-links > .flex {flex-direction: column;}
	#rentals .img-right .img-height {width: 93%;}
}

@media only screen and (max-width: 860px) {
	.col-3 .wrapper .flex:last-child {flex-wrap: wrap;}
	.col-3 .wrapper .flex:last-child .img-height {max-width: 100%; height: 200px;}
	.col-2-box .white-box {flex-wrap: wrap;}
	.col-2-box .white-box .black-border-bx {padding: 20px;}
	.hide-mobile {display: none;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 35px;}
	.heading-md, .blog-content .wrapper .heading-md {font-size: 30px!important;}
	.heading-sm {font-size: 25px;}
	.h2-span, .h1-span {font-size: 17px!important;}
	.video .img-height {height: 200px;}
	
	.inner-hero-img .wrapper {padding-top: 80px!important;}
	.blog-content .wrapper {padding-top: 50px!important; padding-bottom: 50px!important;}
}

@media only screen and (max-width: 700px) {
	.col-2 .wrapper {flex-wrap: wrap;}
	.col-2 .wrapper {justify-content: center;}
	.col-2 .white-box {padding: 20px;}
	.col-2 .wrapper > div:last-child {min-width: 100px;}
}

@media only screen and (max-width: 660px) {
	.my-site-footer .page-links {flex-direction: column; margin-bottom: 70px;}
	.my-site-footer .btn-top {margin-top: 40px!important;}
}

@media only screen and (max-width: 650px) {
	.home-hero .wrapper, .col-3, .img-col-2, .bg-img .wrapper, .center-section, .img-left, .col-2-box, .contact-form {padding-top: 80px!important; padding-bottom: 80px!important;}
	.img-right .wrapper {padding-top: 80px!important;}
	#rentals .img-right .wrapper, #locations-inner .img-right .wrapper, #locations .img-right .wrapper, #contact .img-right .wrapper  {padding-bottom: 80px!important;}
	.col-3-inner, .staff, .col-2 {padding-top: 80px!important; padding-bottom: 60px!important;}
	.rental-section {padding-bottom: 60px!important;}
	#blog .col-2-box {padding-bottom: 60px!important; padding-top: 30px!important;}
	.hyrax-section {padding-bottom: 0!important;}
	
	.staff .white-box .black-border-bx {padding: 20px; flex-wrap: wrap;}
	.staff .white-box .img-height {height: 260px;}
	.staff .white-box .black-border-bx > div:last-child {max-width: 650px;}
	
	.table_component thead {display: none;}
	.table_component tr {display: flex; flex-direction: column;}
	.table_component tr strong {display: inline-block;}
}

@media only screen and (max-width: 550px) {
	.col-3-inner .black-border-bx {padding: 20px;}
	.flex-row {flex-wrap: wrap;}
	.form-half {width: 100%; margin: 15px 0;}
}

@media only screen and (max-width: 500px) {
	.col-3 .wrapper .flex:first-child {flex-wrap: wrap;}
	.col-3 .wrapper .flex:last-child .img-height div {left: 20px; bottom: 20px; padding-right: 20px;}
}

@media only screen and (max-width: 450px) {
	.home-hero .wrapper {padding-top: 60px!important; padding-bottom: 60px!important;}
}

@media only screen and (max-width: 360px) {
	.col-2 .white-box {flex-wrap: wrap;}
}