/* Developer: Alessio Zanghi */
/* CSS Cliente */

html .bg-primary, html .bg-color-primary {
        background-color: #2b626c !important;
}

#footer .footer-info .icons {
	color: #fff !important;
}

#footer .footer-info label {
    color: #fff !important;
}

#footer .footer-info strong, #footer a:not(.btn), #footer .footer-info .social-icons li a  {
    color: #fff !important;
}

.gold-gradient {
    background: #2b626c !important;
}

.footer-copyright p, .footer-copyright nav ul li a {
    opacity: 0.8 !important;
    color: #000;
}

#header .header-nav-main nav > ul > li > a.active, #header .header-nav-main nav > ul:hover > li > a.active, #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background-color: #2b626c !important;
    color: #FFF !important;
}

#header .header-nav-main nav > ul > li > a {
    color: #2b626c !important;
}

html .text-color-primary, html .text-primary {
    color: #2b626c !important;
}

a {
    color: #2b626c !important;
}

html section.section-tertiary, html section.section-quaternary {
    background-color: #fff !important;
}


html .btn-primary {
    background-color: #2b626c;
    border-color: #2b626c #2b626c #3b7681;
    color: #fff !important;
}

html .btn-primary:hover {
    background-color: #3b7681;
    border-color: #3b7681 #3b7681 #2b626c;
}

html .divider.divider-primary.divider-small hr {
    background: #2b626c;
}

html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: #2b626c;
    border-color: #2b626c;
}



#review-index-section {
    background-color: #2b626c !important;
    border-color: #2b626c !important;
}

#review-index-section .text-light, .testimonial.testimonial-style-custom .testimonial-author p strong, .testimonial.testimonial-style-custom .testimonial-author p span {
    color: #2b626c !important;
}

#review-index-section .divider.divider-light.divider-small hr {
    background: #2b626c;
}

#review-index-section .testimonial.testimonial-style-3 blockquote::before {
    color: #2b626c !important;
}

#review-index-section p strong, #review-index-section p span{
    color: #fff !important;
}
.nav-pills > li.active > a, .nav-pills .nav-link.active {
    background-color: #2b626c !important;
    color: #fff !important;
}

.nav-link {
    color: #2b626c !important;
}

.room-suite-info  a {
    color: #2b626c !important;
}

html .featured-box-primary .box-content{
    border-top-color: #2b626c;
}

#sidebar-facilities .featured-box-primary .icon-featured {
    color: #2b626c;
}

.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #2b626c;
    border-color: #2b626c;
}

.owl-carousel .owl-nav button[class*="owl-"] {
    background-color: #2b626c;
    border-color: #2b626c #2b626c #cbb7af;
}

.owl-carousel .owl-nav button[class*="owl-"]:hover, .owl-carousel .owl-nav button[class*="owl-"].hover {
    background-color: #79130b;
    border-color: #79130b #79130b #510d08;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: #2b626c !important;
    border-color: #2b626c !important;
    color: #2b626c !important;
}

.page-item a {
    color: #2b626c !important;
}

#apartment-title-section .text-light, #room-title-section .text-light, #listing-title-section .text-light, #book-now-title-section .text-light, #contact-us-title-section .text-light, #listings-title-section .text-light {
    color: #fff !important;
}

#header .header-btn-collapse-nav {
    background: #2b626c;
}

#contact-us-privacy-policy {
    color: #2b626c !important;
}

html section.section-tertiary p, html .text-light, .form-control-custom .form-control, .form-control-custom .form-control::placeholder {
    color: #000 !important;
}

#parallax-section .text-light {
    color: #fff !important;
}

#apartments-page .main {
    border-bottom: solid 3px #484f5e !important;
}

#book-now-page form section.section-tertiary,  form section.section-quaternary {
    border: solid 3px #484f5e !important;
}

#book-now-page h4, form section.section-quaternary p {
    color: #000;
}

#apartments-page .main {
    border-bottom: 0 !important;
}

.pin-wrapper .form-control-custom.form-control-datepicker-custom, .pin-wrapper .form-control-custom {
    border: 1px solid #ced4da;
    padding-left: 5px;
}

#header .header-top.header-top-simple-border-bottom {
    border-bottom-width: 0;
}

.toggle.toggle-simple .toggle > label:after, .toggle.toggle-simple .toggle > .toggle-title:after {
    background: #2b626c;
}

html .scroll-to-top.visible {
    opacity: 1.0;
    background-color: white;
}

#sb-container {
    width: 100%;
}
.sb__footer {
    display: none;
}

.sb-screen-l .sb__btn--verify {
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: bold;
}

.remove-ul-style {
    list-style: none;
    padding: 0px;
}

.star-point:before {
    content: '\272D';
    margin: 0 1em;    /* any design */
}

#header .header-nav-main nav > ul > li.dropdown:hover > a:before  {
    border-bottom-color: transparent !important;
}

.section.section-tertiary.section-no-border.m-0 {
    border-top: 4px solid #2b626c !important;
    padding-top: 40px;
}

@media (min-width: 992px) {
    #header {
        margin-bottom: 0px;
    }
}

@media (max-width: 1100px) {
    #header {
        margin-bottom: 0px;
    }
}

@media (max-width: 740px) {
    #header {
        margin-bottom: 140px;
    }
    #sb-container_sb__form-field--checkavailability {
        max-width: 45%;
        margin-left: 5%;
        margin-top: 33px;
    }
    .sb__guests-rooms{
        max-width: 50%;
    }
}

@media (max-width: 400px) {
    #header {
        margin-bottom: 120px;
    }
    .header-extra-info-text {
        display: none;
    }
}