/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/

.section-title:after, .page .entry-title:after {
    background: #414040;
}

.button:hover, .button:focus, .btn:hover, .more-link:hover, .more_link:hover, .side-nav .search-form .search-submit:hover, .site-footer .search-form .search-submit:hover, .btn:focus, .more-link:focus, .more_link:focus, .side-nav .search-form .search-submit:focus, .site-footer .search-form .search-submit:focus, .infinite-scroll #infinite-handle span:hover  {
    color: #b7ca79;
    border-color: #b7ca79;
}

.button:active, .button:focus, .btn:active, .more-link:active, .more_link:active, .side-nav .search-form .search-submit:active, .site-footer .search-form .search-submit:active, .btn:focus, .more-link:focus, .more_link:focus, .side-nav .search-form .search-submit:focus, .site-footer .search-form .search-submit:focus {
    outline: 1px solid #b7ca79;
}

.btn-primary, .side-nav .search-form .search-submit, .site-footer .search-form .search-submit {
    color: #b7ca79;
    border-color: #b7ca79;
}

input:focus, textarea:focus {
    border-color: #b7ca79;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    color: #b7ca79;
    border-color: #b7ca79;
}

a {
    color: #b7ca79;
}

.navbar-nav > li > ul:before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #b7ca79; border-right: 8px solid transparent; border-left: 8px solid transparent; }


.woocommerce-pagination .page-numbers.current, .woocommerce-pagination .page-numbers:hover, .paging-navigation .page-numbers.current, .paging-navigation .page-numbers:hover { text-decoration: none; color: #b7ca79; }

.slides > li h3 a:hover:after { border-color: #b7ca79; }

.slides > li .slide_button a:hover  {
    border-color: #b7ca79;
    background: #b7ca79;
}

.featured_page_wrap--with-background .btn:hover {
    border-color: #b7ca79;
    color: #b7ca79
}

.widgetized-section .feature-posts-list h3 a:hover {
    color: #b7ca79;
}

.widgetized-section .featured-products .price:hover {
    color: #b7ca79;
    border-color: #b7ca79;
}

.portfolio-view_all-link .btn:hover {
    border-color: #b7ca79;

    color: #b7ca79;
}

.portfolio-archive-taxonomies a:hover {
    border-color: #b7ca79;
    color: #b7ca79;
}

.entry-thumbnail-popover-content h3:hover {
    color: #b7ca79;
}

.entry-thumbnail-popover-content span:hover {
    color: #b7ca79;
}

.entry-thumbnail-popover-content .btn:hover {
    border-color: #b7ca79
}

.entry-title a:hover {
    color: #b7ca79;
}

.entry-meta a:hover {
    color: #b7ca79;
}

.page .has-post-cover .entry-header .entry-meta a:hover,
.single .has-post-cover .entry-header .entry-meta a:hover {
    color: #b7ca79;
}

.page .post_author a:hover,
.single .post_author a:hover {
    color: #b7ca79;
}

.comment-author .fn a:hover { text-decoration: none; color: #b7ca79; }

.site-info a:hover { color: #b7ca79 }

.search-form input:focus {
    border-color: #b7ca79;
}

.woocommerce-page #content input.button:focus { color: #b7ca79 !important; border-color: #b7ca79 !important; background: rgba(11, 180, 170, 0.05) !important; }

.woocommerce-page ul.products li.product .price { font-family: Montserrat, sans-serif; color: #b7ca79; }

.woocommerce-page div.product span.price { font-family: Montserrat, sans-serif; color: #b7ca79; }

.woocommerce-page #content input.button.alt { color: #b7ca79 !important; border-color: #b7ca79 !important; }

.woocommerce .quantity .minus:hover { background: #b7ca79 !important; color: #fff !important; }

.woocommerce-pagination .page-numbers:hover { color: #b7ca79 !important }

.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #b7ca79; }

.woocommerce-cart table.cart td.actions .coupon .input-text:focus { border-color: #b7ca79; }

.site-footer {
    color: #0c0c0c;
}


.side-nav__scrollable-container {
    background-color: #b7ca79;
    color: #0c0c0c;
}

.navbar { background: #88725b;  position: fixed; width: 100%; }
.navbar-nav { padding: 18px 0 0 0; }

.navbar-nav ul { left: 50%; width: 350px; margin-top: 15px; border-top: 2px solid #b7ca79; background: #b7ca79; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.navbar-nav ul li { border-top: 0px solid #75624e}

.navbar-nav ul a { color: #fff}

.navbar-nav ul a:hover { color: #88725b ; }

.navbar.page-with-cover { position: fixed }

.navbar-brand {
    line-height: 1;
    float: left;
    display: inline-block;
    height: 0px;
    padding: 0px 10px 0px 5px;
}

.navbar-nav ul .current-menu-item a, .navbar-nav ul .current_page_item a, .navbar-nav ul .current-menu-parent a, .navbar-nav ul .current_page_parent a { color: #88725b; }

.current-menu-item a, .current_page_item a, .current-menu-parent a, .current_page_parent a { color: #88725b; }

.page .entry-content,
.single .entry-content {
    max-width: 1080px;
    margin: 0;
    padding: 0 10px;
}

/* FOR FB MESSENGER */
.fb-messenger { display: none; position: relative; float: right;  border-color: transparent; background: transparent; padding: 21px 5px 15px 45px; }
.inspiro--with-page-nav .fb-messenger { display: block; }
.fb-messenger:hover, .fb-messenger:focus, .fb-messenger:active {  text-decoration: none;
    color: transparent;
    border-color: transparent;
    background: transparent }
/* FOR FB MESSENGER END */


/* FOR ROSA CAFE */
.cafe-menu table { width: 70%; margin-left: auto; margin-right: auto; border-width: 1; border-style: solid; margin-top: 25px; }
    .cafe-menu th { text-align: center; vertical-align: middle; font-weight: bold; font-size: 18px; padding: 5px; background: #b7ca79}
    .cafe-menu td { text-align: center; vertical-align: middle; padding: 5px }
/* FOR ROSA CAFE END*/

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 0px;
}
.entry-content p { margin-bottom: 8px; }
.entry-content {
    line-height: 1.3;
}
.navbar-brand img {
    width: 250px;
    padding: 8px 0;
}

.navbar-toggle { margin: 15px 5px 0 1px; }

.sec-header-title { font-size: 32px; margin-top: 30px; }
.paragraph-title { font-size: 23px; margin-top: 25px;}

/* FOR ROSA CALENDAR */
.calendarFrame {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}

.calendarFrame iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 640px) {
    body { font-size: 13px }
    .entry-content > * { margin-left: 10px; margin-right: 10px; }
    .navbar-brand img {
        padding-top: 0px;
        max-width: 65%;
        padding-bottom: 0px;
    }
    .fb-messenger { padding: 6px 0px 6px 20px; }
    .navbar-toggle { padding: 0px 10px 10px 10px; margin: 0px 8px 10px 10px; }
    .navbar-nav li a { font-size: 12px; }
    .sec-header-title { font-size: 18px; margin-top: 10px; }
    .paragraph-title { font-size: 14px; margin-top: 10px;}
    .navbar-nav ul {
        left: 75%;
        width: 300px;
        margin-top: 0;
        margin-left: 90px !important;
    }

.calendarFrame { padding-bottom: 75%; }

.cafe-menu table { width: 100%; }
}

@media screen and (max-width: 1024px) {
    body { font-size: 13px }
    .entry-content > * { margin-left: 10px; margin-right: 10px; }
    .navbar-nav li a { font-size: 12px; }
    .navbar-nav li li a {color: #fff; }
    .navbar-brand img { padding-top: 0px; padding-bottom: 0px; width: 300px; }
    .navbar-toggle { padding: 12px 0px 0px 0px; }
    .fb-messenger { margin: auto 0px auto 20px; }
    .sec-header-title { font-size: 18px; margin-top: 10px; }
    .paragraph-title { font-size: 14px; margin-top: 10px;}
    .navbar-nav ul {
        left: 55%;
        width: 300px;
        margin-top: 0;
        margin-left: 0px;
    }
}

@media screen and (max-width: 736px) {
    .navbar-nav ul {
        left: 35%;
        width: 300px;
        margin-top: 0;
    }
.calendarFrame { padding-bottom: 75%; }
.cafe-menu table { width: 100%; }
}