/*
Theme Name: Arbuckle Lodge Mobile
Description: WordPress mobile theme for Arbuckle Lodge
Author: Fused Interactive
Author URI: http://fusedinteractive.com
Version: 1.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
    
strong { font-weight: bold; }

.bg-dark-red { background-color: #6a170c !important; }
.bg-tan { background-color: #d1b879 !important; }
.bg-blue { background-color: #246785 !important; }
.bg-dark-blue { background-color: #14475d !important; }
.border-brown { border-color: #a36826 !important; }
.border-dark-blue { border-color: #0a3143 !important; }
.c-tan, .c-tan * { color: #f5bd8c !important; }
.c-red, .c-red * { color: #a33426 !important; }
.c-brown, .c-brown * { color: #6a3e0c !important; }
.c-offwhite, .c-offwhite * { color: #fef9eb !important; }
.c-blue, .c-blue * { color: #1c5067 !important; }
.c-dark-red, .c-dark-red * { color: #6a170c !important; }
.c-black, c-black * { color: #16141c !important; }

body {
    font-family: Georgia;
    font-size: 15px;
    background: #fef5d9;
}

a[rel="noclick"]{
    border: 0 !important;
    text-decoration: none !important;
}

/**
*
* Header 
*
**/

#promo-banner {
    background: #426784;
    padding: 20px 10px;
}
    #promo-banner .content {
        text-align: center;
        font-size: 13px;
        color: #fff;
    }
    #promo-banner .content a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }

header {
    height: 110px;
    padding: 0 20px;
    background: #6a170c;
    position: relative;
}
    header h1 {
        top: 11px;
        width: 111px;
        height: 63px;
        position: absolute;
        left: 20px;
        background: url(img/logo.png) 0 0 no-repeat;
        z-index: 2;
        text-indent: -999em;
        overflow: hidden;
    }
        header h1 a {
            display: block;
            width: 100%;
            height: 100%;
        }
    header h2 {
        width: 100%;
        height: 20px;
        top: 0;
        left: 0;
        position: absolute;
        background: #d1b879;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8px;
        font-weight: bold;
        line-height: 20px;
        text-align: right;
    }
        header h2 span {
            padding: 0 20px 0 0;
        }
    header nav {
        width: 100%;
        position: absolute;
        left: 0;
        top: 80px;
        padding: 30px 0 0;
        background: #6a170c;
        z-index: 100;
        display: none;
    }
        header nav ul {
            padding: 0 20px;
        }
            header nav ul li {
                width: 50%;
                float: left;
                display: inline;
                padding: 0 0 30px;
            }
        header nav a {
            color: #fff;
            text-decoration: none;
        }
    header .show-menu {
        display: block;
        position: absolute;
        right: 20px;
        top: 40px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }
        header .show-menu.open {
            color: #d1b87a;
        }

#container {
    padding: 0 20px;
}

#feature-banner {
    margin-top: -30px;
    z-index: 1;
}
    #feature-banner .item {
        width: 276px;
        overflow: hidden;
        border: 2px solid #a36826;
    }
        #feature-banner .item img {
            max-width: 100%;
        }
    #feature-banner h2 {
        width: 198px;
        height: 35px;
        position: absolute;
        bottom: -17px;
        left: 50%;
        margin-left: -99px;
        line-height: 35px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background: url(img/home-location.png) 0 0 no-repeat;
        color: #fff;
    }

#feature-image {
    margin-top: -30px;
    position: relative;
    z-index: 1;
}
    #feature-image img {
        max-width: 100%;
        height: auto;
        border: 2px solid #996633;
    }

#reservation {
    margin: 30px 0;
    padding: 20px 12px 5px 12px;
    background: #426784;
    border: 2px solid #093143;
    position: relative;
    color: #fef5d9;
}
    #reservation:before {
        content: " ";
        width: 23px;
        height: 7px;
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -11.5px;
        background: url(img/reservation-flare.png) 0 0 no-repeat;
        z-index: 2;
    }
    #reservation:after {
        content: " ";
        width: 23px;
        height: 7px;
        position: absolute;
        bottom: -2px;
        left: 50%;
        margin-left: -11.5px;
        background: url(img/reservation-flare.png) 0 -7px no-repeat;
        z-index: 2;
    }
    #reservation h3 {
        font-size: 18px;
        line-height: 18px;
    }
        #reservation h3 a {
            float: right;
            font-size: 13px;
            color: #fef5d9;
            text-decoration: none;
        }
    #reservation .or {
        margin: 12px 0;
        font-size: 9px;
        text-align: center;
        font-weight: bold;
        background: url(img/reservation-divide.png) center center no-repeat;
    }
    #reservation .action {
        margin: 0 0 15px;
        padding: 12px 0;
        display: block;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 3px;
        border: 1px solid #094f1c;
        color: #fef5d9;
        background: #239842;
        background: -webkit-gradient(linear, 0 100%, 0 0, from(#239842), to(#1c7a35));
        background: -webkit-linear-gradient(#239842 0%, #1c7a35 100%);
        background: -moz-linear-gradient(#239842 0%, #1c7a35 100%);
        background: -o-linear-gradient(#239842 0%, #1c7a35 100%);
        background: linear-gradient(#239842 0%, #1c7a35 100%);
    }
.home #reservation {
    margin-top: 50px;
}

#home-mid {
    text-align: center;
}
    #home-mid h3 {
        margin: 30px 0 0;
        font-size: 24px;
        line-height: 30px;
        color: #6a170c;
    }
    #home-mid address {
        margin: 25px 0;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #16141c;
        line-height: 20px;
    }
    #home-mid .get-directions {
        background: #1c5067;
        background: -webkit-gradient(linear, 0 100%, 0 0, from(#1c5067), to(#093143));
        background: -webkit-linear-gradient(#1c5067 0%, #093143 100%);
        background: -moz-linear-gradient(#1c5067 0%, #093143 100%);
        background: -o-linear-gradient(#1c5067 0%, #093143 100%);
        background: linear-gradient(#1c5067 0%, #093143 100%);
        font-size: 12px;
        color: #fef5d9;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        padding: 10px 0;
        border-radius: 3px;
        border: 1px solid #093143;
    }

#quote {
    background: #d1b87a;
    padding: 25px;
    margin: 30px 0;
    position: relative;
}
    #quote:before {
        content: " ";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fef5d9;
        border-bottom-right-radius: 10px;
    }
    #quote:after {
        content: " ";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        right: 0;
        background: #fef5d9;
        border-bottom-left-radius: 10px;
    }
    #quote h4 {
        margin: 0 0 20px;
        font-size: 18px;
        color: #6a170c;
    }
    #quote blockquote {
        font-size: 14px;
        line-height: 20px;
    }
        #quote blockquote p {
            font-style: italic;
        }
        #quote blockquote cite {
            margin: 15px 0 0;
            display: block;
        }
        #quote blockquote:before {
            content: " ";
            width: 10px;
            height: 10px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: #fef5d9;
            border-top-right-radius: 10px;
        }
        #quote blockquote:after {
            content: " ";
            width: 10px;
            height: 10px;
            position: absolute;
            bottom: 0;
            right: 0;
            background: #fef5d9;
            border-top-left-radius: 10px;
        }

#home-bottom-menu {
    margin: 0 0 30px;
    text-align: center;
    overflow: hidden;
}
    #home-bottom-menu li {
        width: 48%;
        float: right;
        display: inline;
    }
        #home-bottom-menu li:first-child {
            float: left;
        }
    #home-bottom-menu a {
        background: #1c5067;
        background: -webkit-gradient(linear, 0 100%, 0 0, from(#1c5067), to(#093143));
        background: -webkit-linear-gradient(#1c5067 0%, #093143 100%);
        background: -moz-linear-gradient(#1c5067 0%, #093143 100%);
        background: -o-linear-gradient(#1c5067 0%, #093143 100%);
        background: linear-gradient(#1c5067 0%, #093143 100%);
        font-size: 12px;
        color: #fef5d9;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        padding: 10px 0;
        border-radius: 3px;
        border: 1px solid #093143;
    }

footer {
    background: #6a170c;
    padding: 20px;
    color: #d1b87a;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
}
    footer a {
        color: #fef5d9;
        text-decoration: none;
    }

#content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #6a170c;
}
#content h2 {
    margin: 35px 0 25px;
    font-size: 30px;
}
#content h3, #content h4, #content h5, #content h6 {
    margin: 25px 0 15px;
    font-size: 20px;
    font-weight: normal;
}
#content p, #content ul, #content ol {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 22px;
}
#content p {
    margin: 0 0 1em;
}
#content ul, #content ol {
    margin: 0 0 2em;
    padding: 0 0 0 20px;
}
#content ul {
    list-style: outside disc;
}
#content ol {
    list-style: outside decimal;
}
#content a {
    color: #1c5067;
    text-decoration: none;
}
#content a.big-button {
    background: #1c5067;
    background: -webkit-gradient(linear, 0 100%, 0 0, from(#1c5067), to(#093143));
    background: -webkit-linear-gradient(#1c5067 0%, #093143 100%);
    background: -moz-linear-gradient(#1c5067 0%, #093143 100%);
    background: -o-linear-gradient(#1c5067 0%, #093143 100%);
    background: linear-gradient(#1c5067 0%, #093143 100%);
    font-size: 12px;
    color: #fef5d9;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    border: 1px solid #093143;
    text-align: center;
}

/* Retina */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    header h1 {
        background-image: url(img/logo@2x.png);
        background-size: 111px 63px;
    }
    /*
    header .show-menu {
        background-image: url(img/open-menu@2x.png);
        background-size: 32px 42px;
    }
    */

    #feature-banner h2 {
        background-image: url(img/home-location@2x.png);
        background-size: 198px 35px;
    }

    #reservation:before, #reservation:after {
        background-image: url(img/reservation-flare@2x.png);
        background-size: 23px 14px;
    }
}

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.carousel{position:relative;margin-bottom:20px;line-height:1;}
.carousel-inner{overflow:hidden;width:100%;position:relative;}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
.carousel-inner>.active{left:0;}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
.carousel-inner>.next{left:100%;}
.carousel-inner>.prev{left:-100%;}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
.carousel-inner>.active.left{left:-100%;}
.carousel-inner>.active.right{left:100%;}
/* IBC widget css override */
#feature-banner .item img {max-width: 100% !important;height: auto;max-height: unset !important;min-height: unset !important;line-height: unset !important;}
.hotel-breadcrumb-box ul{display:none;}
#trust-review-container header .container .overview h1{background: none !important;}
ul#mobile-menu  li a:hover{color:#fff !important;}
.loader{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.7);opacity: 0.9;position: fixed;z-index: 999;}
.load {border: 16px solid #f3f3f3;border-top: 16px solid #ccc;border-radius: 50%;width: 80px;height: 80px;animation: spin 2s linear infinite;position: absolute;left: 38%;top:50%;z-index:9999;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media only screen and (max-width: 450px) {
    .filter-languages,div#filter-travelers-mobile-all{display: none;}
    #confirm-booking-container .image-header .top-content .btn-wrapper .btn{padding: 6px 10px !important;}
}
@media only screen and (max-width: 900px) {
    #feature-banner .item{width:100% !important;}
}