/* Used for Color Schemes, don't edit */

body{
    background: none;
    /* color background #272727 */
	background-color:#272727;
    /* endcolor */
    
    /* color background-image url('templates/option1_5/images/background.png') */
    background-image: url('templates/option1_5/images/background.png');
    /* endcolor */
}

a, a:hover {
    /* color link #000000 */
    color: #000000;
    /* endcolor */
}

#toolbar-l a{
    /* color toolbar-link #ffffff */
    color: #ffffff;
    /* endcolor */
}

#toolbar-r .uk-icon-button{
    /* color toolbar-social #ffffff */
    background: #ffffff;
    /* endcolor */
  
    /* color toolbar-social-color #232829 */
    color: #232829;
    /* endcolor */
}

#toolbar-r .searchstyle-blank form, #toolbar-r .mod_search164 form{
    /* color toolbar-search #ffffff */
    border: 1px solid #ffffff;
    /* endcolor */
}

#toolbar-r .searchstyle-blank:after, #toolbar-r .mod_search164:after, #toolbar-r ::placeholder, #toolbar-r #mod-search-searchword, #toolbar-r #mod-search-searchword164{
    /* color toolbar-search-text #ffffff */
    color: #ffffff;
    /* endcolor */
}

nav li > a, nav li > a:hover {
    /* color menu-item #ffffff */
    color: #ffffff;
    /* endcolor */
}

nav li.active > a, nav li.active > a:hover{
    /* color active-menu-item #ffffff */
    color: #ffffff;
    /* endcolor */
}

#menu-container, .dropdown-menu, #offcanvas-container ul > li{
    /* color menu-background #353535 */
    background: #353535;
    /*background-image: linear-gradient(#353535, #525252);*/
    /* endcolor */
}

#menu-container .appointment-link{
    /* color appointment-button-background #009444 */
    background: #353535;
    /* endcolor */
}

.page-frontpage #bottom-a-container, .page-frontpage #bottom-c-container{
    border-top: 8px solid #353535;
    border-bottom: 8px solid #353535;
}

/*.page-frontpage #main-container .before-container{
    background: #353535;
}*/

/* Mobile Menu #offcanvas-container ul > li{
    background: #353535;
}*/

.uk-button-primary, .readmore .btn, .btn-primary, .btn-primary:hover, .uk-button-primary:focus, .uk-button-primary:hover{
    background: #353535;
    background-image: linear-gradient(#353535, #525252);
    border-color: #353535;
}

.rounded-btn{
    background: #353535;
    background-image: linear-gradient(#353535, #525252);
    color: white;
}

.page-frontpage #bottom-a-container .reviews-flag{
    background-image: url('templates/option1_5/images/dark/ribbon.png');
}

.city-map{
    background: url('templates/option1_5/images/dark/city.jpg');
}

.main-color{
    color: #353535;
}

/* Need to do some SQL Replace on Color Scheme Change thru Modules */

#toolbar-container{
    padding-top: 0;
    background: black;
    font-size: 18px;
}

#menu-container nav > ul.mx-auto{
    margin-right: 0px !important;
}

#menu-container{
    background: #790F1D;/*white;*/
}

@media(min-width: 767px)
{
  #menu-container{
    padding: 10px 0;
  }
}

#menu-container, .dropdown-menu, #offcanvas-container ul > li{
    background: #790F1D;/*white;*/
}

nav li > a, nav li > a:hover, #offcanvas-container ul > li a{
    color: white;/*black;*/
}

nav li.active > a, nav li.active > a:hover, #menu-container .appointment-link{
    font-weight: bold;
    background: #fff;
    color: #790F1D;
}

/*#bottom-d-container{
    background: white;
    color: black;
    text-align: center;
}*/

#search-container{
  background: white;
  padding: 10px;
}

#menu-container .fa-bars{
  color: white;
}

@media(min-width: 1800px)
{
  .sppb-row-container{
    max-width: 1740px;
  }
}

.serv-btns .btn{
  margin: 5px;
}

@media(max-width: 767px){
  .sppb-testimonial-pro-advanced .sppb-item .sppb-testimonial-message{
    padding: 5px 35px 45px;
    height: 10.3em;
  }
  
  .sppb-testimonial-pro-advanced .sppb-item .sppb-testimonial-client{
    height: 4.2em;
  }
}

@media (max-width: 1024px){
  .serv-contact a {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 5px;
  }
  
  .serv-btns .btn {
    width: 100%;
  }
  
  .serv-btns .spacing{
    display: none;
  }
}

@media(min-width: 576px){
  #menu-container .container{
    max-width: 100%;
  }
}

@media(max-width: 767px){
  
  .before-container-2 .banners4, .before-container-2 .banners5{
    font-size: 24pt;
  }
  
  .before-container-2 .banners, .before-container-2 .banners2, .before-container-2 .banners3{
    font-size: 24pt;
    padding-top: 3.3em;
  }
}

#locations-bar-container{
  background: #000000;
}

#menu-container .searchstyle-blank form{
  margin-top: 15px;
}

@media(min-width: 1200px){
  #menu-container .searchstyle-blank form{
    /*float: right;*/
  }
}


@media (min-width: 1200px){
  .sppb-row-container {
    max-width: 90%;
  }
}

@media (min-width: 1800px){
  .sppb-row-container {
    max-width: 90%;
  }
}

#bottom-d-container .uk-icon-button{
  background: black;
  color: white;
}

/* Services 2 Col */
#menu-container .item-187:hover>.dropdown-menu, #menu-container .item-187.open>.dropdown-menu{
  display: block;
  flex-wrap: none;
  min-width: auto;
}

#menu-container .item-187 ul li.nav-item{
  flex: 1 1 230px;
}

.column {
  float: left;
  width: 50%;
}

/* End Services 2 Col */

@media(max-width: 767px){
  #menu-container{
    background: black;
  }
  
  #menu-container .d-sm-block .row:first-child{
    background: #790F1D !important;
    margin-top: -10px;
  }
}

#locations-bar-container > div > div > div.row > div.col-9 > div > div{
  font-size: 0.8em;
}

#locations-bar-container > div > div > div.row > div.col-9 > div > div > div > a{
  font-size: 15px !important;
}

@media(min-width: 1300px)
{
  #locations-bar-container > div > div > div.row > div.col-md-3 > div > p > a > img{
    max-height: 95px;
    width: auto;
  }
}

body.services-page .jasper-button .uk-button{
  border: none !important;
  background: none;
}