/* CSS Document */

/* overide tinymce admin */
body#tinymce .container, body#tinymce .container-fluid { margin: 0 auto; }
body#tinymce .col, body#tinymce [class*="col-"] { padding:0 5px; margin:0; }
body#tinymce *[data-aos],
.pf-container *[data-aos] { opacity:1; transform: translateZ(0); }
body#tinymce .collapse,
body#tinymce .collapse:not(.show),
#page-content-blocks .collapse,
#page-content-blocks .collapse:not(.show){ display: block; }
body#tinymce section:hover:not([data-mce-bogus]),
body#tinymce div:hover:not([data-mce-bogus]),
body#tinymce p:hover:not([data-mce-bogus]){   border: 1px dashed #000 !important; }
body#tinymce .btn { -webkit-user-select:auto !important;  -moz-user-select:auto !important;  user-select: auto !important; }

.pf-widget-rmv {display: inline !important; }

:root {
  --rgb-blue:56,114,184;
  --rgb-green:148,201,61;
  --font-body:'Open Sans',sans-serif;
  --font-headers:'PT Serif',serif;
}

html {font-size:14px; 'Open Sans',sans-serif;}
@media (min-width:960px){
    html {font-size:16px;}
}
@media (min-width:1024px){
    html {font-size:18px;}
}
@media (min-width:1600px){
    html {font-size:20px;}
}
/* https://unsplash.com/photos/viNPa2F7fnw */
body {background-image:url('/theme/uikit/images/bg-body.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover;}
#tinymce {background:none;}

a {color:#094F95;}

.rsa-color-blue {color:rgb(56,114,184);}
.rsa-color-green {color:rgb(148,201,61);}
.rsa-bg-color-blue {background-color:#252525; background-color:rgb(56,114,184); color:#fff;}
.rsa-bg-color-green {background-color:#252525;  background-color:rgb(148,201,61); color:#fff;}

.rsa-font-body {font-family:'Open Sans',sans-serif;}
.rsa-font-headers {font-family:'PT Serif',serif;}

h1, h2, h3 {font-family:'PT Serif',serif; color:rgb(56,114,184);}

.site-nav ul {margin:0; padding:0;}
.site-nav li {display:inline-block;}
.site-nav li a {display:block; padding:0.5rem 0.9rem; color:#fff!important; text-decoration:none!important; background-color:rgb(56,114,184); transition:background-color ease 0.5s; font-family:'PT Serif',serif;}
.site-nav li a:hover {background-color:rgb(148,201,61);}

.site-header {display:table; width:100%; position:relative; z-index:1000; background-image:url('/theme/uikit/images/bg-header.jpg?v=6'); background-position:center center; background-repeat:no-repeat; background-size:cover;}

.site-menu {position:fixed; top:1rem; left:1rem; z-index:10000;}

/*.site-logo-menu {display:table-cell; vertical-align:middle; text-align:center; padding-left:10rem;}
.site-logo-menu > div {display:inline-block; vertical-align:middle; text-align:center; padding:0.5rem;}*/

.site-header .site-logo {display:table-cell; vertical-align:middle; text-align:center; padding-left:10rem;}
.site-header .site-logo a {display:inline-block; max-width:13rem; width:100%;}
.site-header .site-logo img {display:block; width:100%;}
.site-header .site-logo hr {margin-top:0.5rem; margin-bottom:0.5rem;}

.site-header .site-phone {text-align:center;}
.site-header .site-phone img {display:inline-block; max-width:100%; width:auto;}

.site-header .site-nav {display:none;}
@media (min-width:1024px){
    .site-logo-menu {direction:rtl; text-align:left;}
    .site-logo-menu > div {padding:1rem;}
    .site-header .site-nav {display:table-cell; vertical-align:middle; text-align:right; width:50%; padding:1rem;}
    .site-header .site-nav ul {margin-bottom:1rem; margin-right:-0.25rem;}
    .site-header .site-nav li {margin:0.25rem;}
}
@media (min-width:1600px){
    .site-header .site-nav {width:70%;}
}

@media (min-width:1024px){
    .banner-desktop {display:block;}
    .banner-mobile {display:none;}
}
@media (max-width:1023px){
    .banner-desktop {display:none;}
    .banner-mobile {display:block; margin-top:1rem; text-align:center;}
    .site-header .site-logo {display:block; padding-left:0;}
    .site-header {padding:0.5rem; box-sizing:border-box;}
    .site-footer .site-nav {display:none;}
}

@media (max-width:480px){
    .site-header .site-logo {
        padding-left: 10rem;
    }
}

.site-phone {font-family:'PT Serif',serif; color:#666;}

.rsa-services-list {margin:0; padding:0; text-align:center;}
.rsa-services-list li {display:inline-block; padding:1rem; margin-bottom:2rem; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); margin-left:1rem; margin-right:1rem; background-color:#fff; background-color:rgba(255,255,255,0.95);}
.rsa-services-list a {display:block; font-family:'PT Serif',serif; background-size:auto 8rem; background-repeat:no-repeat; background-position:top center; padding-top:9rem; min-width:12rem; text-decoration:none!important;}
.rsa-services-list a span {padding:1rem 2rem; background-color:rgb(56,114,184); color:#fff; display:block; transition:background-color ease 0.5s;}
.rsa-services-list a:hover span {background-color:rgb(148,201,61);}

.rsa-services-list-residential {background-image:url('/assets/images/uploads/residential.png?v=6');}
.rsa-services-list-commercial {background-image:url('/assets/images/uploads/commercial.png?v=6');}
.rsa-services-list-construction {background-image:url('/assets/images/uploads/construction.png?v=6');}
.rsa-services-list-recycling {background-image:url('/assets/images/uploads/recycling.png?v=6');}
.rsa-services-list-transfer-station {background-image:url('/theme/uikit/images/transfer-station.png?v=6');}
.rsa-services-list-employment {background-image:url('/assets/images/uploads/arrow-sanitary-service-careers.jpg?v=6');}
.rsa-services-list-news {background-image:url('/assets/images/uploads/bikes.jpg?v=6');}
.rsa-services-list-service-area {background-image:url('/assets/images/uploads/service-map-static.jpg?v=6');}

.home-landscape {background-image:url('/theme/uikit/images/GettyImages-941542688-cropped.jpg'); background-size:cover; background-position:center center; height:60vh; background-repeat: no-repeat;}

.site-footer {padding:2rem;}

.site-footer .site-nav {text-align:center;}
.site-footer .colophon {background-color:#252525; font-size:75%; color:#fff; text-align:center; margin:-2rem; margin-top:2rem; padding:2rem;}
.site-footer .colophon a {color:#fff!important;}

.uk-table {border:1px solid #ddd;}
/*.uk-table th, .uk-table td {padding:3rem;}*/

.uk-breadcrumb {display:inline-flex;}

#site-content {padding-top:3rem;}
#page-content {min-height:50vh;}

.uk-button-default {background-color:#fff!important;}
.uk-button-primary {background-color:rgb(56,114,184); font-family:'PT Serif',serif; line-height:inherit; font-size:inherit; padding:0.5rem 1rem; text-transform:none;}
.uk-description-list>dt {color:rgb(56,114,184);}
.uk-alert-danger {background-color:#600; color:#fff;}

#totop {position:fixed; bottom:-100%; left:-100%; background-color:#eee; display:block; width:2rem; height:2rem; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); line-height: 1.75rem; text-align: center; transition:bottom ease 0.5s, left ease 0.5s;}
#totop.active {bottom:2rem; left:2rem;}

#menu-nav-button {position:relative;}
@media (max-width:1024px){
    #menu-nav-button {padding:0.25rem 0.5rem; font-size:75%;}
}

#offcanvas-nav-primary {z-index:10000;}
#offcanvas-nav-primary .uk-nav-header {border-bottom: 1px solid rgba(255,255,255,0.25); }
#offcanvas-nav-primary .site-logo {background-image:url('/theme/uikit/images/bg-header.jpg?v=6'); background-position:center center; background-repeat:no-repeat; background-size:cover; margin:-20px; margin-bottom:1rem; padding:20px; padding-top:2rem;}
#offcanvas-nav-primary .site-logo a {display:block; max-width:10rem; margin-left:auto; margin-right:auto;}
#offcanvas-nav-primary .site-logo img {display:block; width:100%;}

#close-off-canvas {position:absolute; background-color:#fff; color:#252525; right:0; top:0; padding:0.5rem;}

@media (min-width: 960px){
    #offcanvas-nav-primary .site-logo {margin:-40px; margin-bottom:1rem;}    
}

.uk-section {padding-top:2rem; padding-bottom:2rem;}
@media (min-width: 960px){
    .uk-section {padding-top:2rem; padding-bottom:2rem;}
}

em {color:inherit;}

.page-nav {padding:0; margin:0;}
.page-nav li {display:inline-block; margin-right:0.25rem; margin-bottom:0.25rem;}
.page-nav a {display:block; background-color:#252525; background-color:rgb(56,114,184); color:#fff; font-family:'PT Serif',serif; padding:0.5rem 1rem; text-decoration:none!important;}

*, *:before, *:after {box-sizing: border-box;}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.home-landscape {background-image:url('/assets/images/uploads/2020/GettyImages-521291413-cropped.jpg');}

.rsa-services-list-news {background-image:url('/theme/uikit/images/gettyimages-485587710-170667a.jpg');}
.rsa-services-list-employment {background-image:url('/assets/images/uploads/gettyimages-584772506-170667a.jpg');}

.referral-cta {margin:20px auto; max-width:640px; background-color:#fff; padding:2rem; text-align:center;}
.referral-cta ul {padding:0; margin:0;}
.referral-cta li {list-style:none; display:inline-block; margin-top:5px; margin-bottom:5px;}
.referral-cta a {display:block; padding:1rem 2rem; color:#fff; background-color:#252525; background-color:rgb(56,114,184); text-decoration:none;}

.uk-totop {padding:0;}

.slick-next {right:5px;}
.slick-prev {left:5px; z-index:10;}
.slick-dots {position:absolute; left:0; bottom:0; width:100%;}
.slick-dotted.slick-slider {margin-bottom:0;}


.slick-slide img {margin-left:auto; margin-right:auto}
.slick-next:before, .slick-prev:before {color:#222; background-color:#fff; border-radius:100%;}

.icon-btn {position:absolute; top:50%; margin-top:-15px; left:0.9rem;}
.icon-btn {background-image: url('/assets/images/uploads/icon-header-btns.png'); background-repeat: no-repeat; width:30px; height:30px; display:block;}
.icon-btn.store {background-position:-90px 0;}
    .start-residential-service-button {position:relative; margin-bottom:0.5rem; display:inline-block; padding:0.5rem 0.9rem; padding-left:calc(0.9rem + 30px); color:#fff!important; text-decoration:none!important; background-color:rgb(148,201,61); transition:background-color ease 0.5s; font-family:'PT Serif',serif;}    
    .start-residential-service-button:hover {background-color:rgb(0,0,0);}

#wc-alerts-button-container,
#wc-alerts-close {display:none;}

#wc-alerts {background-color: #660000; color: #fff; box-sizing:border-box; padding:20px; width:100%; text-align:center;}
.js #wc-alerts {transform:scaleY(0); transform-origin:top; transition:transform 0.3s ease-in-out; position:fixed; z-index:100000;}
.js #wc-alerts.show-alerts {transform:scaleY(1);}
.js #wc-alerts-button-container {background-color:#c9eed4; padding:10px; text-align:center; position:relative; z-index:10000;}
.js #wc-alerts-close {display:inline-block;}
.js #wc-alerts-button-container {display:block;}
#wc-alerts a {color: #fff;}
#wc-alerts .wc-alert {margin-left:auto; margin-right:auto; max-width:600px; margin-bottom:20px;}
#wc-alerts-close,
#wc-alerts-open {border:0; color:#fff; padding:0.5rem 1rem;}
#wc-alerts-close {cursor:pointer; background-color:#252525;}
#wc-alerts-open {cursor:pointer; background-color:#660000; display:inline-block;}    

.header-image,
.header-image img { position: relative; }
.header-image .overlay { position: absolute; top: 0; left: 0;  z-index: 100;
 width: 35vw; height: 100%; background-color: rgba(12, 70, 34, 0.7); padding: 15px;
}
.header-image .overlay * { color: #fff;}
.header-image .overlay h1 { font-size: clamp(24px, 3vw, 10vw); line-height: clamp(1.4rem, 3.2vw, 6vw); font-weight: bold; padding-top: 40px; }
@media screen and (max-width: 1200px) {
    .header-image .overlay h1 { padding-top: 20px; }
}
@media screen and (max-width: 992px) {
    .header-image .overlay { width: 100%; height: 100%; }
}
@media screen and (max-width: 900px) {
    .header-image { min-height: 250px; }
}
@media screen and (max-width: 600px) {
    .header-image { min-height: 350px; }
}