/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.1.0
*/

.wp-caption-text {
    display: none !important
}

img.custom-logo {
    image-rendering: auto;
}

.site-header .custom-logo-link img {
    height: 53px !important
}

table td,
table th {
    margin: 3px !important;
    border: 1px solid #82895e;
    padding: 6px !important
}

#post-117 {
    padding-top: 60px
}
.single .type-mphb_room_type > img{
    width: 100%
}

body table {
    width: 100% !important
}

#cmplz-document {
    max-width: 100% !important
}

.bannerpage .entry-header {
    display: none
}

#field_3_8 {
    background: #eee;
    padding: 20px;
    border: 2px dashed #ccc
}

#gform_wrapper_3 {
    max-width: 900px;
    margin: 0 auto
}

.mphb-regular-price {
    display: none !important
}

.menu-primary-menu-container > ul > li > a {
    font-weight: normal !important
}

.page-id-54 .mphb_sc_rooms-wrapper .mphb-room-type {
    margin-top: 0 !important;
    height: 600px
}

.secondary-navigation ul li a {
    font-size: 18px !important
}

.column_text {
    margin-top: 20px
}

.subpages.fullwidthsection {
    margin: 0 !important;
    padding: 0;
}

.column_text > p {
    font-weight: normal !important
}

.bannerimage {
    padding: 30% 0 5%;
    background-position: center !important;
    background-size: cover !important
}

.post-thumbnail.mphb-single-room-type-post-thumbnail {
    text-align: center
}

.post-thumbnail.mphb-single-room-type-post-thumbnail img {
    display: block;
    text-align: center;
    margin: 0 auto
}

.elementor-slideshow__title {
    display: none !important
}

.col-full-nav {
    position: relative;
    z-index: 2
}

.bannerimage h1 {
    color: #fff;
    position: relative;
    z-index: 1
}

.home .subpages.fullwidthsection .col-full {
    max-width: 100%;
    padding: 0;
    margin: 0
}

.single-mphb_room_type .content-area {
    width: 100%
}

.single-mphb_room_type .entry-title {
    text-align: center;
    margin-top: 30px
}

.gallery.gallery-columns-4 .gallery-item {
    width: auto !important;
    float: none !important;
    display: inline-block !important;
    clear: none !important
}

.gallery.gallery-columns-4 {
    text-align: center !important;
    width: 100% !important
}

.gallery {
    max-width: 1140px;
    margin: 20px auto !important;
    float: none
}

.single-mphb_room_type .posted-on {
    display: none
}

.column_image {
    display: block;
    height: 350px;
    width: 100%;
    background-size: cover !important
}

.column_image:hover {
    opacity: .7
}

.column_text > p {
    min-height: 90px;
    font-size: 16px
}

#gform_widget-2 {
    text-align: center
}

#menu-item-125 {
    margin-top: 30px
}

#gform_widget-2 .widget-title {
    font-size: 40px !important;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;

    letter-spacing: 2px !important
}

footer.site-footer {
    background: #fff
}

.home a.box:before {
    content: none !important
}

#post-196 h3 {
    background: #efefef !important;
    padding: 10px 20px
}

.mphb-booking-form,
.mphb_sc_checkout-form {
    background: #efefef;
    padding: 20px
}

.mphb_sc_checkout-form {
    max-width: 900px;
    margin: 0 auto
}

.mphb_sc_checkout-form select {
    background: #fff !important
}

footer:last-child:not(:only-of-type) {
    margin-top: 0;
    background: #fff;
    border-top: 1px solid #ccc !important
}

footer:last-child:not(:only-of-type) p,
footer:last-child:not(:only-of-type) a {
    font-size: 16px;
    color: #1a2928
}

.mphb-login-form-wrap > p {
    text-align: center
}

footer.site-footer a,
footer.site-footer p {
    color: #1a2928
}

.mphb-booking-form select {
    background: #fff !important
}

.mphb-total-price {
    font-size: 30px
}

#mphb-billing-details {
    background: #fff;
    padding: 20px;
    border: 1px dashed #ccc;
    margin: 20px 0
}

.mphb-price-breakdown {
    background: #fff
}

.mphb-check-in-date,
.mphb-check-out-date {
    padding: 10px;
    background: #fff
}

#mphb-stripe-card-element {
    border: 1px solid #ccc
}

.single .mphb-booking-form:before {
    content: "Book Online";
    font-size: 34px;
    color: #131315;
    margin: 20px 0
}

.entry-header {
    padding-top: 30px
}

footer.site-footer a:hover {
    color: #1a2928 !important
}

#gform_1 {
    max-width: 600px;
    margin: 0 auto;
    text-align: center
}

a.box {
    display: inline-block;
    width: 33.3%;
    float: left;
    text-align: center;
    padding: 10% 0;
    background-size: cover !important;
    position: relative;
}

body:not(.header-4).sticky-d .col-full-nav.is_stuck {
    -webkit-box-shadow: -3px 0px 11px 3px rgba(0, 0, 0, 0.48);
    box-shadow: -3px 0px 11px 3px rgba(0, 0, 0, 0.48);
    z-index: 100 !important;
}

.boxes {
    float: left;
    width: 100%;
    background-color: #82895e
}

a.box h2 {
    color: #fff;
    margin: 0 !important;
    position: relative;
    z-index: 10
}


.caption-wrap a.button {
    display: inline-block !important;
    background: #fff !important;
    position: relative;
    z-index: 2;
    opacity: 1
}

.below-content {
    background: url(images/news.jpg);
    background-size: cover !important;
    color: #fff;
    padding: 80px 0 !important
}

.below-content h2,
.below-content p,
.below-content a {
    color: #fff !important
}

.below-content a {
    font-size: 22px
}

#input_1_1 {
    padding: 20px;
    border-radius: 50px
}

img.wptripadvisor_t1_star_img_file {
    margin-bottom: 20px !important
}

a.box:hover {
    opacity: .7
}

.home a.box {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
    padding: 20% 0;
    background-size: cover !important;
    position: relative;
}

.secondary-navigation .menu li:not(.ri) a {
    padding-top: 0 !important;
    font-size: 24px
}

#menu-primary-menu,
.menu-primary-menu-container,
#menu-main-menu {
    width: 100%
}

.shoptimizer-primary-navigation {
    display: block
}

#metaslider-id-71 a {
    position: relative;
    display: block
}

.metaslider .caption-wrap {
    bottom: 35% !important
}

.below-content #gform_widget-2 {
    color: #fff !important
}

.caption-wrap h1,
.below-content .widget-title {
    color: #fff
}

#cottages,
#loft {
    padding-top: 40%;
    background-size: cover !important
}

#cottages h2,
#loft h2 {
    color: #fff
}

.below-content {
    position: relative;
    clear: both
}

#loft,
footer.site-footer {
    position: relative
}

#loft:before,
.below-content:before {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
    content: "";
}

#input_1_1:focus {
    background: #ccc
}

.below-content .col-full {
    position: relative;
    z-index: 10
}

#insta h2,
#insta a {
    color: #fff
}

.fourcolumns {
    clear: both;
    padding: 40px 0 !important;
}

.fourcolumns .column {
    width: 48%;
    padding: 1%;
    float: left
}


.entry-header h1 {
    text-transform: uppercase;
    text-align: center
}

#insta a {
    font-size: 44px
}

#insta a:hover {
    text-decoration: underline
}

#loft h2 {
    position: relative;
    z-index: 10
}

footer a,
footer p,
footeer {
    font-weight: normal !important
}

.button {
    background: #fff !important;
    border-radius: 0px !important;
    margin-top: 20px;
    color: #3f434c !important;
    border: 1px solid #828a5e !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal !important;

    padding: 15px 40px !important
}

.button:hover {
    opacity: .7
}

.bannerimage {
    position: relative
}

#metaslider-id-71 a:before,
a.box:before,
.bannerimage:before {

    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    content: "";
}

#metaslider-id-71 a.button:before {
    content: none
}
.fullwidthsection {
clear: both!important}
a.box:last-child:before {
    content: none !important
}

a.box {
    position: relative
}

.boxtext {
    position: absolute;
    top: 30%;
    padding-left: 15%;
    padding-right: 15%
}

.boxtext {
    color: #fff
}

.fullwidthsection {
    padding: 80px 0;
    background-size: cover !important;
}


#border {

    border-bottom: 1px solid #82895E;
    border-top: 1px solid #82895E
}

.metaslider .flexslider .slides p {
    font-weight: bolder
}

#narrowdark .col-full {
    max-width: 1200px
}


body .elementor-section,
body .elementor-section p {
    font-family: Lato !important
}

.menu-toggle .bar,
.site-header-cart a.cart-contents:hover .count {
    background: #fff !important
}

.menu-toggle .bar-text,
.menu-toggle:hover .bar-text,
.site-header-cart a.cart-contents .count {
    color: #fff !important
}

.metaslider .caption-wrap,
.metaslider .caption {
    z-index: 250 !important;
    opacity: 1 !important;
    text-align: center;
    background: none !important
}

h1,
h2,
h3 {
    font-weight: 300 !important
}

.site-content h2 {
    color: #82895e
}

.home #main {
    padding: 80px 0
}

.home #explore .col-full {
    max-width: 100%
}

#explore .imagebox {
    background-size: cover !important;
    padding-right: 1em;
    padding-left: 1em;
    height: 300px;
    margin-bottom: 20px
}

#text-5 h5, #text-5 p {
    font-weight: bolder!important
}



#text-6 a.button {
    margin-top: 0; display: block; text-align: center
}
.bannerimage h1 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal !important
}
    .main-navigation ul ul li a{
text-transform: none!important; font-weight: normal!important}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 992px) {
    
    body .main-navigation ul.menu>li:not(.full-width)>.sub-menu-wrapper, body .main-navigation ul.menu>li:not(.full-width)>.sub-menu-wrapper {
width: 400px!important}
    /* Desktop styles go below this line */

    .bannerimage h1 {
        font-size: 50px !important
    }
    
    .main-navigation ul ul li a{
text-transform: none!important}

    .header-2 .col-full-nav {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

    .subpages > h2,
    .fourcolumns > h2 {
        font-size: 40px
    }


    .textbox {
        width: 33%;
        float: right
    }

    #explore .imagebox {
        width: 60%;
        float: left;
        height: 500px
    }

    .page-id-58 #explore .imagebox {
        float: right
    }

    .page-id-58 .textbox {
        width: 33%;
        float: left
    }

    .page-id-58 .textbox h2 {
        font-size: 50px
    }

    .site-content h2 {
        font-size: 40px
    }

    .home #main {
        max-width: 1200px;
        margin-top: -180px;
        position: relative;
        z-index: 50;
        background: #fff;
        padding: 80px;
        margin-left: auto;
        margin-right: auto
    }



    .caption-wrap h1 {
        font-size: 80px;
        margin-bottom: 20px
    }


    .shoptimizer-primary-navigation {
        display: block !important
    }

    #menu-main-menu {
        text-align: center
    }

    .main-navigation ul li,
    .secondary-navigation ul li {
        display: inline;
        float: none;
        text-align: center
    }


}


@media only screen and (max-width: 992px) {
    #rmp-menu-wrap-585 {
        padding-top: 40px!important
    }
    #rmp-menu-wrap-585 .rmp-menu-item-link {
        border-bottom: 1px solid #ccc
}
    
    .home #main, .fullwidthsection {
padding: 40px 0}
    
    .page-id-54 .mphb_sc_rooms-wrapper .mphb-room-type {
height: auto; margin-bottom: 20px}
    
    
}

 

.home a.box h2 {
    font-size: 22px;
    font-weight: bolder !important
}

.page-id-54 .mphb_room_type {
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 2%
}
#rmp-menu-wrap-585 .rmp-menu-current-item .rmp-menu-item-link {
background: #82895e!important}

@media only screen and (max-width: 1450px) {

    .fourcolumns {
        padding-right: 4% !important;
        padding-left: 4% !important
    }

}

@media only screen and (max-width: 1240px) {

    a.box h2 {
        font-size: 22px
    }

}

h2.mphb-room-type-title {
    font-size: 28px;
    margin-top: 20px
}

.mphb_room_type > p {
    font-size: 16px
}

@media only screen and (min-width: 780px) {

    .page-id-54 .mphb_room_type {
        width: 48%;
        margin: 1%;
        float: left
    }

}

/* Smartphones (landscape & portait) ----------- */

@media only screen and (max-width: 780px) {

    .fourcolumns .column {
        width: 100%;
        clear: both;
        margin-bottom: 30px
    }

    .twocol-one {
        clear: both !Important
    }

    a.box {
        width: 100%;
        height: 250px
    }

    a.box h2 {
        font-size: 40px
    }


    footer .col-full {
        display: block !important;
        padding-right: 1em !important;
        padding-left: 1em !important;
        max-width: 100% !important;
    }

    footer .widget {
        width: 100% !important;
        margin-bottom: 30px !important
    }
}






/* Smartphones (portait) ----------- */

@media only screen and (max-width: 640px) {
   body .fullwidthsection#cottages {
padding: 40px 20px!important; background: #82895e!important; background-image: none!important;
    border-bottom: 30px solid #82895e}
    

    .metaslider .caption-wrap {
top: 40px!important}
    
    #hidemobile {
    display: none!important
    }
    
}