/*
Theme Name: BS4
Theme URI: 
Author: WebDev
Author URI: 
Description: This theme built with Twitter Bootstrap v.4.
Version: 1.0.0
Requires PHP: 5.5
Requires at least: 5.0
Tested up to: 5.9
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: bootstrap-basic4
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, post-formats, threaded-comments, translation-ready, editor-style, blog
*/

/* FONTS */
@font-face {
    font-family: 'helveticaneue';
    src: url('assets/fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneue';
    src: url('assets/fonts/helveticaneue_light-webfont.woff2') format('woff2'),
         url('assets/fonts/helveticaneue_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneue';
    src: url('assets/fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
         url('assets/fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneue';
    src: url('assets/fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('assets/fonts/helveticaneue-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/*
Required WordPress CSS
*/
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
/* WordPress gallery */
.gallery { margin-bottom: 1.6em; }
.gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
.wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; }
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* Theme's main style. */
.flex-video {
   position: relative;
   padding-top: 25px;
   padding-bottom: 67.5%;
   height: 0;
   margin-bottom: 16px;
   overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
   .flex-video { padding-top: 0; }
}
/* gutenberg support */
.wp-block-embed embed,
.wp-block-embed iframe,
.wp-block-embed object {
   max-width: 100%;
}
.pagination {
   margin: 0;
}
.pagination-center {
   text-align: center;
}
.pagination-row {
   margin-bottom: 20px;
}
.page-header {
   margin-bottom: 20px;
}
.page-header-top-right {
   margin-top: 10px;
}
.post-view-attachment .entry-attachment .attachment {
   text-align: center;
}
.post-view-attachment .entry-attachment .attachment .card {
   margin: 0 auto;
   width: 400px;
}
.post-view-attachment .entry-attachment .attachment .wp-video {
   margin: 0 auto;
}
.row-with-vspace {
   margin-bottom: 20px;
}
.site-footer {
   background-color: #f5f5f5;
   border-top: 3px solid #ddd;
   font-size: 12px;
   padding: 10px;
}
.site-main .format-aside {
   background: #f5f5f5;
}
.site-main .format-image {
   background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
   background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
   background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
   background: url('../img/content-post-format-video.png') left top no-repeat;
}
.site-title {
   margin-bottom: 0;
   margin-top: 10px;
}
.site-title > a {
   text-decoration: none;
}
.site-title > div {
   height: auto;
   line-height: 18px;
}
.site-title .site-description {
   color: #999;
   font-size: 16px;
}
.site-title .site-title-heading {
   margin: 0;
}
.widget_calendar .calendar_wrap table {
   font-size: 14px;
   margin: 0;
}
.widget_calendar .calendar_wrap table caption {
   caption-side: top;
}
.widget_calendar .calendar_wrap .table td,
.widget_calendar .calendar_wrap .table th {
   padding: 8px;
}
.widget_calendar .calendar_wrap .table #next {
   text-align: right;
}
#comments .comment-navigation,
#comments .comment-navigation-below {
   margin-bottom: 20px;
   margin-top: 15px;
}
#comments .comment-navigation {
   list-style: none;
   margin-top: 0;
   padding: 0;
}
#comments .comment-respond {
   margin-top: 20px;
}
#comments .media-list li .media {
   margin-top: 15px;
}
#comments .media-list li .media .media-body {
   border: 1px solid #eee;
   padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
   font-size: 12px;
   margin-bottom: 10px;
}
#comments .media-list ul.children {
   list-style: none;
   margin-left: 4em;
   padding-left: 0;
}
#main .wp-video-shortcode {
   display: block;
   height: auto;
   max-width: 100%;
}
#main .attachment .entry-content {
   margin-bottom: 20px;
}
#main .attachment .entry-content .attachment {
   text-align: center;
}
#main .attachment .entry-meta {
   margin-bottom: 20px;
}
/* fix auto img responsive */
#main .post .entry-content img {
   height: auto;
   max-width: 100%;
}
#main .post,
#main .page {
   border: 1px solid #eee;
   margin-bottom: 20px;
   overflow-x: auto;
   padding: 10px;
}
#main .post .entry-header .entry-meta {
   color: #999;
   font-size: 0.8rem;
}
#main .post .entry-header .entry-meta a {
   color: inherit;
}
#main .post .entry-header .entry-meta .posted-on .updated {
   display: none;
}
#main .post .entry-meta .categories-icon {
   cursor: default;
}
#main .post .entry-meta .comments-link a {
   color: #333;
}
#main .post .entry-meta .comments-link a .comment-total,
#main .page .entry-meta .comments-link a .comment-total {
   color: #555;
}
#main .attachment .edit-post-link a, 
#main .attachment .entry-meta .edit-post-link a, 
#main .post .entry-meta .edit-post-link a,
#main .page .entry-meta .edit-post-link a {
   color: #333;
}
#main .post .entry-meta .tags-icon {
   cursor: default;
}
#main .attachment .entry-title, 
#main .post .entry-title,
#main .page .entry-title {
   margin-top: 0;
   word-wrap: break-word;
}
#sidebar-left .widget,
#sidebar-right .widget {
   border: 1px solid #eee;
   margin-bottom: 20px;
   overflow: hidden;
   padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
   padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
   font-size: 18px;
   margin-top: 0;
}
/* Fix Bootstrap 4 */
.navbar {
   min-height: 54px;/* With this, we can use navbar without navbar-brand */
}

/* Custom CSS */
.site-header { background-color: #000; border-bottom: 1px solid #B79967; }
.site-header .container { max-width: 1340px; }
.site-title { position: absolute; right: 0; left: 0; z-index: 1; margin: auto; width: 175px; }
.header-menu, .navbar-nav { width: 100%; }
.navbar-nav li.active { position: relative; }
.navbar-nav li.active a:not(.quote-btn):after { content: ''; left: 0; right: 0; margin: auto; height: 6px; width: calc(100% - 1rem); background-color: #B79967; position: absolute; bottom: -28px; }
.navbar-nav li.active a.quote-btn, .navbar-dark .navbar-nav li a.quote-btn:hover{background-color: #B79967; color: #FFF !important;}
.navbar-dark .navbar-nav .nav-link { color: #fff !important; }
.navbar-dark .navbar-nav .nav-link:hover { color: #B79967 !important; }
.navbar-toggler-icon { filter: invert(1); }
.nav-link { font-family: 'helveticaneue'; font-weight: 500; color: #fff; }
.nav-link:hover { color: #B79967; }
#main .page { padding: 0; border: none; margin-bottom: 0; }
.page-header { margin-bottom: 0; }
.home #main .page .entry-header { display: none; }
.justify-content-center { justify-content: center; }
.banner-title { font-family: 'helveticaneue'; font-weight: 400; line-height: 1.2; margin-bottom: 45px; }
.mb-40 { margin-bottom: 40px; }
.custom-button a { -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; background: transparent; font-family: 'helveticaneue'; font-weight: 400; line-height: 13px; border: 1px solid !important; }
.custom-button a:hover { background: #b79967 !important; }

.alignwide .wp-block-group__inner-container { max-width: 1200px; margin: auto; }
.two-column-section { padding-top: 95px; padding-bottom: 65px; }
.two-column-section .wp-block-heading { font-family: 'helveticaneue'; font-weight: 400; }
.two-column-section h5 { margin-bottom: 35px; }
.two-column-section h2 { margin-bottom: 45px; }
.two-column-section p { font-family: 'helveticaneue'; font-weight: 400; font-size: 16px; }
.two-column-section .wp-block-buttons { margin-top: 40px; }

.testimonial-section { padding-top: 80px; padding-bottom: 80px; }
.testimonial-section .wp-block-columns { margin-bottom: 0; }
.testimonial-container .wp-block-group__inner-container { max-width: 875px; margin: auto; }
.mb-0 { margin-bottom: 0; }
.testimonial-text { position: relative; }
.testimonial-text:before { position: absolute; width: 30px; height: 37px; left: -57px; top: 8px; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='27' fill='none' viewBox='0 0 30 27'%3E%3Cpath d='M11.7 26.4H.6V15.3c0-2 .2-3.867.6-5.6.467-1.8 1.133-3.367 2-4.7.933-1.333 2.1-2.4 3.5-3.2S9.733.6 11.6.6v5c-1.133 0-2.067.3-2.8.9-.733.533-1.333 1.267-1.8 2.2s-.8 2-1 3.2c-.133 1.133-.2 2.267-.2 3.4h5.9v11.1zm18.3 0H18.9V15.3c0-2 .2-3.867.6-5.6.467-1.8 1.133-3.367 2-4.7.933-1.333 2.1-2.4 3.5-3.2S28.033.6 29.9.6v5c-1.133 0-2.067.3-2.8.9-.733.533-1.333 1.267-1.8 2.2s-.8 2-1 3.2a29.08 29.08 0 0 0-.2 3.4H30v11.1z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; }
.testimonial-slider .slick-dots button { font-size: 0; width: 10px; height: 10px; background-color: transparent; border-radius: 50%; border: 1px solid rgb(255, 255, 255); padding: 4px; }
.testimonial-slider .slick-dots .slick-active button { background-color: #fff; }
.testimonial-slider .slick-dots li { list-style: none; display: inline; margin-left: 8px; }
.testimonial-slider .slick-dots { max-width: 875px; margin: -30px auto 0; z-index: 1; position: relative; text-align: right; }

.bottom-footer { background-color: #000; }
#site-footer .container { max-width: 1340px; }
.copyrights p { color: #fff; }
.website-by ul { padding-left: 0; list-style: none; margin-bottom: 4px; }
.website-by ul li { display: inline; }
.website-by ul li:last-child { margin-left: 70px; }
.website-by ul li a { color: #fff; font-family: 'helveticaneue'; font-weight: 400; font-size: 14px; }
.website-by ul li a:hover { color: #b79967; }

.connect-with-us { float: left; margin-right: 6px; }
.top-footer h4 { font-family: 'helveticaneue'; font-weight: 500 !important; margin-bottom: 25px; }
.top-footer .widget_text p { font-family: 'helveticaneue' !important; }
.top-footer .widget_text a, .top-footer .widget_block a { color: #fff; }
.top-footer .widget_block h4 a { font-weight: 500 !important; }
.top-footer .widget_text a:hover, .top-footer .widget_block a:hover { color: #B79967; }
.quote-btn a { border-radius: 8px; border: 1px solid #B79967 !important; padding-left: 1.05em !important; padding-right: 1.05em !important; }
.top-footer .quote-btn a { margin-top: 5px; }
.bottom-footer .container:before { content: ''; height: 2px; background-color: rgba(183,153,103,0.45); width: 100%; max-width: 1310px; position: absolute; top: -20px; left: 0; right: 0; margin: auto; }
.bottom-footer .container { position: relative; }

/*Contact Page*/
.page-id-56 .banner-section h1 { font-size: 48px; font-family: 'helveticaneue'; }
.page-id-56 .banner-section .banner-title { background: rgba(0,0,0,0.45); position: absolute; z-index: 1; display: flex; justify-content: center; color: #fff; align-items: center; height: 100%; top: 0; left: 0; right: 0; }
.page-id-56 .banner-section .banner-wrapper { position: relative; }
.page-id-56 article header { display: none; }
.two-col-contact-text a { color: #000; }
.two-col-contact-text a:hover { color: #B79967; }

.wpcf7-form { margin-top: 20px; }
.form-row input, .form-row textarea, .form-row select { background: transparent; border: none; border-bottom: 2px solid #000; border-radius: 0px; padding-left: 0; padding-right: 0; }
.form-row select { -webkit-appearance: none; -moz-appearance: none; background: url(assets/img/icons8-expand-arrow-24.png); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 13px; background-size: 16px; }
.form-row textarea { height: 42px; }
.form-row input.g-btn { border: 1px solid #000; padding: 7px 25px; border-radius: 8px; }
.wpcf7-submit:hover { background-color: #B79967; color: #fff; }
.wpcf7-spinner { top: 7px; }

.page-id-56 .two-column-section { padding-top: 110px; padding-bottom: 55px; }
.leaflet-tile-pane { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.leaflet-container { height: 426px; width: 100%; }

.entry-content a{ color:#212529; text-decoration:underline; }
.entry-content a:hover{ color:#212529; }
.entry-content input[type="submit"], .wp-block-button a{ background:none; border: 1px solid #000; padding: 6px 25px; border-radius: 8px; font-size:15px; color:#666666; text-decoration:none; margin:10px 0px 0px 0px; font-family: 'helveticaneue'; }
.entry-content input[type="submit"]:hover, .wp-block-button a:hover{ background-color: #B79967; color: #fff !important; }
.mt-0 a { margin-top: 0; }
.mb-15 { margin-bottom: 15px; }
p { font-family: 'helveticaneue'; font-weight: 400; }
.custom-button.type-2 a { padding: 10px 20px; background-color: #B79967; color: #fff; border: 1px solid #B79967 !important; }
.custom-button.type-2 a:hover,
.custom-button.type-2 a:focus { background-color: transparent !important; border-color: #000 !important; color: #000 !important; } 
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { border: none; text-align: left; padding-left: 0; margin-left: 0; margin-top: 10px; font-weight: 500; }
.wpcf7 form.sent .wpcf7-response-output { color: #46b450; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { color: #e89600; }
.wpcf7 input:not([type=button]):not([type=submit]):focus, .wpcf7 select:focus, .wpcf7 textarea:focus { border-color: #B79967 !important; }
.top-footer { color: #fff; }
.mobile-menu-bottom-wrapp{display: none;color: #FFF;text-align: left;width: 100%;opacity: 0;}
.mobile-menu-bottom-wrapp .mm-bt-title{font-size: 16px;margin-bottom: 18px;}
.mobile-menu-bottom-wrapp .mm-bt-cinfo{display: flex;flex-direction: column;}
.mobile-menu-bottom-wrapp .mm-bt-cinfo a{color: #FFF;}
.mobile-menu-bottom-wrapp .mm-bt-cinfo a:hover{color: #B79967;}

.leaflet-marker-pane img { margin-top: -80px !important; }
.leaflet-popup { bottom: 70px !important; }
.leaflet-popup-content a { color: #212529 !important; }
.leaflet-popup-content a:hover { color: #B79967 !important; }

@media (min-width: 992px) {
   .navbar-nav li:nth-last-child(2) { margin-left: auto; }
   .navbar-nav li:first-child { margin-right: 75px; }
   .navbar-nav li:last-child { margin-left: 75px; }
	.mobile-menu-button { display: none; }
   .pr-80 { padding-right: 8%; }
}
@media (max-width: 1080px) {
   .testimonial-text { margin-top: 35px; font-size: 23px !important; }
   .testimonial-text:before { top: -35px; left: 0; }
}
@media (max-width: 991px) {
   .navbar-dark .navbar-toggler{ border:0 !important; }
   #bootstrap-basic4-topnavbar { text-align: center; position: absolute; left: 0px; right: 0px; top: 74px; background: #000; z-index: 9; padding: 50px 24px 100px; min-height: 82.7vh; height: 100%; overflow: scroll; border-top:1px solid #B79967; }
   #bootstrap-basic4-topnavbar ul.navbar-nav{ opacity: 0; }
   #bootstrap-basic4-topnavbar.show{ display: flex; justify-content: space-between; flex-direction: column; }
   #bootstrap-basic4-topnavbar.show ul.navbar-nav{ opacity: 1; }
   .boverlay .page-container:after{ content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; z-index: 2; top: 0; left: 0; }
   .navbar .navbar-nav{ margin-bottom: 100px; height: 100%; }
   .navbar .navbar-nav>li { border-bottom: 0; margin-bottom:8px; }
   .navbar .quote-btn a{ margin-top: 15px; }
   .navbar-toggler-icon { width: 1.2em !important; height: 1.2em !important; }
   .navbar-dark .navbar-nav .nav-link{ font-size: 20.122px; float: left; }
   .navbar-dark .navbar-nav .nav-link:hover,
   .navbar-dark .navbar-nav .nav-link:focus,
   div .navbar-dark .navbar-nav li.active a.nav-link { color: #B79967 !important; }
   .navbar-dark .navbar-nav li.active a.nav-link { color: #000 !important; }
   .navbar-nav li.active a:after { display: none; }
   .header-mobile-menu { display: none; }
   #bootstrap-basic4-topnavbar.show .mobile-menu-bottom-wrapp{display: block;opacity: 1;position: relative;top: 20px;}
   .boverlay header.site-header.page-header.page-header-sitebrand-topbar{position: relative; z-index: 99;}
}
@media only screen and (min-device-width: 480px)  and (max-device-width: 640px)  and (orientation: landscape) {
   #bootstrap-basic4-topnavbar.show .mobile-menu-bottom-wrapp{top:0;}
}
@media (max-width: 781px) {
   .hide-col-mobile {
      display: none;
   }
}
@media (max-width: 767px) {
   .website-by ul li:last-child { margin-left: 25px; }
   .mobile-left { justify-content: flex-start !important; }
   .page-id-260  .page-container { padding-top: 50px; }
}
@media (max-width: 575px) {
   .website-by ul { text-align: center; margin-top: 5px; margin-bottom: 0px; }
   .top-footer .footer-description { margin-top: 0; margin-bottom: 35px; }
   .top-footer { text-align: center; }
   .connect-with-us { float: none; text-align: center; }
   .wp-block-social-links { justify-content: center !important; }
   .top-footer .quote-btn { justify-content: center; }
   .banner-title { font-size: 34px !important; }
   .home-banner { min-height: 500px !important; }
   h2 { font-size: 30px !important; }
   .wp-block-image .alignright { margin: 0; }
   .page-header-bar { min-height: 350px !important; }
   .page-id-56 .two-column-section { padding-top: 55px; padding-bottom: 25px; }
   .two-column-section { padding-top: 60px; padding-bottom: 50px; }
   .website-by { margin-bottom: 10px; }
   .bottom-footer .row { flex-flow: column-reverse; }
   .page-header-bar h1 { font-size: 38px !important; }
}