: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-1159298339.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;}