@charset "utf-8";
/* CSS Castlefield Hotel */
/* Animated Nav Slide Down */
@keyframes showNav {
    from {top: -65px;}
    to {top: 0px;}
}
@keyframes showsubNav {
    from {top: -105px;}
    to {top: 65px;}
}
html {
    width: 100%;
    height: 100%;
}
html.isIE {
    overflow-x:hidden; 
}

pre {
    display:  none;
}

body {
    background-color:#f1f1f1;
    position: relative;
    height: 100%;
    font-size: 16px;
    line-height:22px;
    color: #211d1e;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight:400;
    overflow-x: hidden;
}
* {-webkit-overflow-scrolling: touch;}

.vh-introSlide-desktop-50 {
    min-height:  400px!important;
}

#gue_obm {
    width: 100%;
}

#gue_obm,
#gue_obm iframe {
    min-height: 1900px;
}

#gue_obm iframe {
    width: 100%;
}

#inlineEditor.active {
    bottom: 0;
}

#inlineEditor {
    position: fixed;
    bottom: -400px;
    right: 20px;
    background: #fff;
    padding: 10px;
    border: 1px solid #bbb;
    border-bottom: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.is-contact input.submitbutton {
    padding:  0 50px 0px;
    margin:  initial;
}

.is-contact textarea.form-control {
    width:  100%;
    resize:  vertical;
}

.is-dining .testimonial {
    width:  100%;
    margin-left: 0;
}

.checkboxes_form {
    margin-top:  30px;
}

.checkboxes_form .checkbox {
    display:  block;
    width:  100%;
    min-height:  40px;
}

.checkboxes_form .checkbox input {
    vertical-align: top;
    display:  inline-block;
    float:  left;
}

.checkboxes_form .checkbox > label {
    display:  inline;
    line-height: 19px!important;
    padding: 0 20px!important;
}



@media screen and (max-width: 768px) {
    .checkboxes_form {
            padding-left: 35px;
    }
    
    .truncate {
      width: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
}

/* ------------------------------------------------------------------- General Style ------------------------------------------------------------------- */

/* Remove dotted outline */
a, a:active, a:focus, 
button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}
input::-moz-focus-inner {
    border: 0;
}

/* General */
section {
    position: relative;
}
img { 
    max-width:100%;
}

p strong.text-color {
    font-weight: normal;
    color: #6e0056;
}

#google_translate_element {
    position: absolute;
    top: -40px;
    right: 0;
}

#google_translate_element .goog-te-gadget-simple {
    border-top: 1px solid #d5d5d5;
}


/* select box drop down arrows */
.selectParent{
    overflow:hidden;
}
.selectParent select{
    width:100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f1f1f1 url("../img/home/down-arrow.png") no-repeat right center;

}
select::-ms-expand {    display: none; }
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Swiper */
.swiper-container {
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 100%;
}

/* Center Content Vertical  */
.vertCenter {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* Center Content Vertical/Horizontal  */
.center-div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
/* Centering Content */
.parent {
    display: table;
    height: 100%; /* For at least Firefox */
    min-height: 100%;
}
.child {
    display: table-cell;
    vertical-align: middle;
}
.grandchild {
      text-align: center;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 0;
}

/* Form placeholder text */
::-webkit-input-placeholder { color:#211d1e !important; opacity: 1;}
::-moz-placeholder {color:#211d1e !important; opacity: 1;}
:-ms-input-placeholder { color:#211d1e !important; opacity: 1;} 
:-o-input-placeholder { color:#211d1e !important; opacity: 1;}
input:-moz-placeholder { color: #211d1e; opacity: 1;}

/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}


/* ------------------------------------------------------------------- Begin Base Template ------------------------------------------------------------------- */
/* Text Style */
h1, h2, h3, h4, h5, h6 {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight:300;

    
}

h1 {font-size: 20px; line-height: 22px;}
h2 {font-size: 20px; line-height: 22px;}
h3 {font-size: 20px; line-height: 22px;}
h4 {font-size: 18px; line-height: 20px;}
h5 {font-size: 16px; line-height: 18px;}
h6 {font-size: 16px; line-height: 18px;}
p {
    font-size: 16px;
    line-height:22px;
    color:#211d1e;
    margin: 0 0 15px;
    text-align: center;
}
em {
    font-style: normal;
}
b, strong {
    font-weight: 300;
}
a {color: #211d1e;text-decoration: none;}
a:focus, a:hover {color: #6e0056;text-decoration: none;}
/* Selected Text */
::selection {background: #6e0056; color:#fff; opacity: 1;}
::-moz-selection {background: #6e0056; color:#fff; opacity: 1;}

/* Buttons */
.btn.btn-default {
    position: relative;
    color: #fff;
    padding:8px 20px 6px;
    margin: 0 auto;
    text-transform:none;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    border-radius: 0;
    border:0;
    background-color: #6e0056;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.btn.btn-default.focus, .btn.btn-default:focus, .btn.btn-default:hover {
    background-color: #4b063c;
}


/* Template Layout */
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-color: #fff;
    margin-top: 100px;
 }
 .sideBorders {
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
 }
 /* Splits */
.lineSplitter {
    height: 3px;
    width: 100%;
    background-color: #bdbcbc;
}
.topSplitter {
    height:3px;
    width: 100%;
    display: block;
    background-color: #bdbcbc;
}



/* ------------------------------------------------------------------- DINING CSS or MAIN CONTENT ------------------------------------------------------------------- */

.foodmenu h1,
.foodmenu h3,
.foodmenu p {
    text-align: left;
}

/* ------------------------------------------------------------------- Media Queries ------------------------------------------------------------------- */

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

@media only screen and (max-width: 768px) {
    #mainContent .mainInfo {
        text-align: center;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {



#wrapper {
    margin-bottom: 40px;
 }
/* Equal columns */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    }
/* 5 Columns */
.col-sm-15 {
    width: 20%;
    float: left;
    }
}
                
@media only screen and (min-width : 992px) {
#wrapper {
    border-left: 55px solid #fff;
    border-right: 55px solid #fff;
    border-top: 70px solid #fff;
    border-bottom: 70px solid #fff;
    }
/* 5 Columns */
.col-md-15 {
    width: 20%;
    float: left;
    }
}

@media only screen and (min-width : 1200px) {
h1 {font-size: 30px; line-height: 30px;}
h2 {font-size: 30px; line-height: 30px;}
h3 {font-size: 30px; line-height: 30px;}
h4 {font-size: 18px; line-height: 20px;}
h5 {font-size: 16px; line-height: 18px;}
h6 {font-size: 16px; line-height: 18px;}

.is-roomslanding h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0;
    text-align: left;
    margin-bottom: 0;
}


/* Button Default */
.btn.btn-default {
    padding:8px 60px 6px;
    }
/* 5 Columns */
.col-lg-15 {
    width: 20%;
    float: left;
    }
}

@media only screen and (max-width: 1300px) {
    #google_translate_element {
        text-align: center;
        position: relative;
        z-index: 999;
    }
}

@media only screen and (min-width : 1300px) {
#wrapper {
    margin-top: 40px;
    }
}

@media (max-width: 1499px) {

}

@media (max-width: 1499px) {

}
@media (max-width: 1299px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
/* Iphone swipe issue */
html {
    -webkit-overflow-scrolling: touch; 
    }
}

@media (max-width : 767px) {
    .testimonial {
        text-align: center;
    }


}

/*  targeting IE browsers only IE8, IE9, IE10 */
@media screen\0 {

}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parent {
    min-height: 300px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.parent {
    min-height: 300px;
    }
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {

}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {

}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}


#google_translate_element {
    z-index: 0 !important;
}