/*
Theme Name: 	The Westin La Paloma Theme
Description: 	Custom Responsive WordPress Theme
Version: 		1.1.6.23
Author: 		O'Rourke Hospitality Marketing
Author URI: 	http://orourkehospitality.com
*/


/*	--------------------------------------------------
     TABLE OF CONTENTS
    --------------------------------------------------
    00 Reset
    01 Defaults
    02 Layout3
    03 Main Menu5
    04 Mobile Top Menu
    05 Header
    06 Footer
    07 Homepage
    08 Homepage Booking Form
    09 Interior
    10 Gallery39
    11 Page Defaults
    12 Forms
    XX Icon Fonts
    Overrides

*/



/*	--------------------------------------------------
     00 RESET
    -------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
li { /* list-style:none; */ }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #1a3b50 !important; margin: 2em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre	{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup	{ top: -0.5em; }
sub { bottom: -0.25em; }
img	{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; }
input, select, textarea	{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration	{ -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table	{ border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
*:first-child+html .clearfix { zoom: 1; }

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


html, body {
      width: 100%;
      height: 100%;
      /* overflow:hidden; // to avoid scrollbars */
}

.hide-for-screenreader {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

#main-menu li:focus-within ul { opacity: 1; left: 0; }

span.faux-h5{
    font-family: "EB Garamond", serif;
    font-size: 2em;
    color: #487C99;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 150%;
    display:block;
    margin-bottom: 10px;
}

span.faux-h6{
    font-family: 'Muli', sans-serif;
    font-size: .8em;
    color: #58585a;
    display:block;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 15px;
    text-transform: uppercase;
}


h3.faux-h4 {
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 130%;
    margin-bottom: 10px;
    text-transform: uppercase;
}

span.faux-h4{
	 font-family: 'Muli', sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 130%;
    margin-bottom: 10px;
    text-transform: uppercase;
	display:block;
}

h2.faux-h3{
  color: #487C99;
    font-family: 'Muli', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 130%;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.image-link-individual h2{
    background-color: rgba(76, 131, 161, 0.9);
    color: #ffffff !important;
    margin-left: 10%;
    padding: 10px 0 !important;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 80%;
    border: none;
    transition: background-color .2s ease-in;

    font-size: 1.5em;
    font-family: "EB Garamond", serif;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 130%;
    text-transform: none;
}
.image-link-individual:hover h2{background-color: #1a3b50;}



/*	--------------------------------------------------
     01 LAYOUT
    -------------------------------------------------- */

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    *behavior: url('js/boxsizing.htc');
}



    /* 1. 12 Column Grid 0px - Infinity
    -----------------------------------------------------------------------------

    Span 1:    5.58333333333%
    Span 2:    14.1666666667%
    Span 3:    22.75%
    Span 4:    31.3333333333%
    Span 5:    39.9166666667%
    Span 6:    48.5%
    Span 7:    57.0833333333%
    Span 8:    65.6666666667%
    Span 9:    74.25%
    Span 10:    82.8333333333%
    Span 11:    91.4166666667%
    Span 12:    100%

    ----------------------------------------------------------------------------- */

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

       .col {
            margin-left: 3%;
            margin: 3% 0;
            padding: 0 2% 1%;
        }

        .row .col:first-child {
            margin-left:0;
        }

        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.

        .span_3,
        .my_semantic_class_name {
            ...
        }
        */

        .span_1 {
            width:5.58333333333%;
        }
        .span_2 {
            width:14.1666666667%;
        }
        .span_3 {
            width:22.75%;
        }
        .span_4 {
            width:30%;
        }
        .span_5 {
            width:39.9166666667%;
        }
        .span_6 {
            width:48.5%;
        }
        .span_7 {
            width:57.0833333333%;
        }
        .span_8 {
            width:65.6666666667%;
        }
        .span_9 {
            width:76.25%;
        }
        .span_10 {
            width:82.8333333333%;
        }
        .span_11 {
            width:91.4166666667%;
        }
        .span_12 {
            margin-left:0;
            width:100%;
        }
    }

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

        .col {
            padding:5%;
        }
        }

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

        .span_9 {
            width:100% !important;
        }
        .span_3 {
            width: 100%;
        }
        .span_3.col {
            margin-left: 0;
        }
    }


.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}


/*	--------------------------------------------------
    02	DEFAULTS
    -------------------------------------------------- */



::-moz-selection 	{ background: #c3c3c3; color:#1a3b50; }
::selection 		{ background: #c3c3c3; color:#1a3b50; }

body {
    color: #58585a;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    line-height: 150%;
    font-weight:400;
    overflow-x: hidden;
}
.wrapper {
     background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    max-width: 75%;
}


@media only screen and (max-width : 1800px) {
    .wrapper {
    max-width: 90%;
    }
}


@media only screen and (max-width : 1300px) {
    .wrapper {
    max-width: 100%;
    }
}

.wrapper p {
    margin-bottom: 20px;
}

/*	--------------------------------------------------
     FONT STACK
    -------------------------------------------------- */

@font-face {
  font-family: 'complete';
  src: url('font/complete.eot?13384866');
  src: url('font/complete.eot?13384866#iefix') format('embedded-opentype'),
       url('font/complete.woff2?13384866') format('woff2'),
       url('font/complete.woff?13384866') format('woff'),
       url('font/complete.ttf?13384866') format('truetype'),
       url('font/complete.svg?13384866#complete') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'complete';
    src: url('../font/complete.svg?13384866#complete') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "complete";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-lock:before { content: '\e800'; } /* '' */
.icon-right-open-mini:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-down-open-big:before { content: '\e803'; } /* '' */
.icon-down-open-mini:before { content: '\e804'; } /* '' */
.icon-left-open-big:before { content: '\e805'; } /* '' */
.icon-right-open-big:before { content: '\e806'; } /* '' */
.icon-up-open-big:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-users:before { content: '\e809'; } /* '' */
.icon-clock:before { content: '\e80a'; } /* '' */
.icon-plus-circle:before { content: '\e80b'; } /* '' */
.icon-chat:before { content: '\e80c'; } /* '' */
.icon-quote-left:before { content: '\e80d'; } /* '' */
.icon-quote-right:before { content: '\e80e'; } /* '' */
.icon-home:before { content: '\e80f'; } /* '' */
.icon-doc:before { content: '\e810'; } /* '' */
.icon-chat-1:before { content: '\e811'; } /* '' */
.icon-videocam:before { content: '\e812'; } /* '' */
.icon-location:before { content: '\f031'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram-1:before { content: '\f16d'; } /* '' */
.icon-yelp:before { content: '\f1e9'; } /* '' */
.icon-bed:before { content: '\f236'; } /* '' */
.icon-tripadvisor:before { content: '\f262'; } /* '' */
.icon-map-o:before { content: '\f278'; } /* '' */
.icon-user-circle-o:before { content: '\f2be'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook-squared:before { content: '\f30e'; } /* '' */
.icon-linkedin-rect:before { content: '\f31b'; } /* '' */
.icon-newspaper:before { content: '\f4f0'; } /* '' */


h1, h2, h3, h4, h5, h6 {

    font-weight: normal;
}
H1 {
    color: #487C99;
    font-family: "EB Garamond", serif;
    font-size: 2.4em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 36px;
}
@media only screen and (max-width : 500px) {
H1 {
    font-size: 1.8em;
}
}
H2 {
     font-family: 'Muli', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 130%;
    margin-bottom: 5px;
    text-transform: uppercase;
}
@media only screen and (max-width : 500px) {
H2 {
    font-size: 1.2em;
}
}
H3 {
    color: #487C99;
    font-family: 'Muli', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 130%;
    margin-bottom: 10px;
    text-transform: uppercase;
}
H4 {
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 130%;
    margin-bottom: 10px;
    text-transform: uppercase;
}
H5 {
    color: #487C99;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 150%;
    margin-bottom: 10px;
    text-transform: uppercase;
}



a:link {
    text-decoration: none;
    color: #487C99;
    font-weight: 400;
}
a:visited { color: #487C99;}
a:active {color: #487C99;}
a:hover {
    color: #1a3b50;
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;

}

p a:link {
    text-decoration: none !important;
    font-weight: 700;
}
p a:visited {color: inherit;}
p a:active {color: inherit;}
p a:hover {
    text-decoration: underline;
    transition: color 0.5s ease-out 0s;
}

.entry p {
    margin-bottom: 1.25em;
    font-size: 1em;
    }

.entry ul, .entry ol {
  margin-bottom: 1.25em;

}

.entry ul li {
/*    list-style: outside none disc !important;*/
    margin-left: 20px;
    padding-left: 5px;
    font-size: inherit;
}

.entry ol li {
    list-style: decimal outside none;
    margin-left: 20px;
    padding-left: 5px;
    }

.entry li ul li {
    list-style: circle outside none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 400 !important;
}

/*	--------------------------------------------------
     03  MAIN MENU
    -------------------------------------------------- */
.logo {
    width: 250px;
}

.main-menu-wrapper {
    display: block;
    float: right;
    background-color: #ffffff;
    width: 100%;
    transition: all 0.4s ease;
/* 	margin-top: -91px; */
}

header .brand-topper.sticky,
.main-menu-wrapper.sticky {
    position: fixed;
    top: 0;
    transition: all 0.4s ease 0s;
    z-index: 99999 !important;
}
@media only screen and (max-width : 1025px) {
    header .brand-topper {
/* .main-menu-wrapper.sticky { */
/*     position: relative; */
        background: #fff;
}
}
.main-menu {
     display: block;
    margin: 0 auto;
    position: relative;
    width: 98%;
    z-index: 9999;
}


.main-menu-toggle {
    display: none;
}
.main-menu li {
    position: relative;
    float: left;
    list-style: none outside none;
}
.main-menu li.right-main-nav {
    float: right;
}

.main-menu li.last-right:hover ul {
    left: -150px !important;
}

.main-menu ul {
    margin:0 auto;
}
.main-menu a {
    color: #58585a;
    display: block;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    padding: 34px 20px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.main-menu a:hover{color: #487C99;}
/*
.right-main-nav > a {
    padding: 34px 67px;
}
*/
@media only screen and (max-width : 1555px) {
.main-menu a {
    padding: 34px 32px;
    }
.right-main-nav > a {
    padding: 34px 31px;
}
}

@media only screen and (max-width : 1380px) {
    .main-menu a {
    padding: 34px 20px;
    }
.right-main-nav > a {
    padding: 34px 18px;
}
}

@media only screen and (max-width : 1240px) {
.main-menu a {
    padding: 34px 10px;
    letter-spacing: 0;
    }
.right-main-nav > a {
    padding: 34px 10px;
}
}

header .brand-topper.sticky .main-menu a,
.main-menu-wrapper.sticky .main-menu a {
    padding-top: 14px;
    padding-bottom: 14px;
}
@media only screen and (max-width : 1025px) {
header .brand-topper.sticky .main-menu a,
.main-menu-wrapper.sticky .main-menu a {
    padding: 20px;
}
}



@media only screen and (max-width : 1025px) {
.main-menu li.right-main-nav {
    float: none;
}
.main-menu {
    width: 100%;
}
.main-menu li:first-child a {
    padding-left: 30px;
}
.main-menu li:last-child a {
    padding-right: 30px;
}
}
/*
.main-menu a:hover, .main-menu li:hover > a, .main-menu ul > li > a.active {
    color: #1a3b50;
}
*/



.main-menu li ul {
    position: absolute;
    opacity: 0;
    top: 82px;
    left: -9999px;
    min-width: 100%;
    width: auto;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    padding: 10px 0;

}

.sticky .main-menu li ul {
    top: 42px;
}




.main-menu li:hover ul {
    opacity: 1;
    left: 0;
}
.menu-item-71:hover .sub-menu {
    left: auto !important;
    right: 0;
}
.main-menu li li {
    float: none;
    white-space: nowrap;
}
.main-menu li li a {
    margin: 0;
    font-size: 0.8em;
    padding: 10px 20px !important;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #58585a;
}

.header-left {
    padding-left: 10px;
}

.header-left a, .header-right a, #utility-menu a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: .9em;
    font-family: 'Muli', sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 9px;
    margin: 0;
}


a.booking-btn {
    background-color: #487C99;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    margin-right: 20px;
    padding: 3px 30px;
    text-transform: uppercase;
}
a.booking-btn:hover {
    background-color: #3e6c85;
    color: #ffffff !important;
    transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}

.header-right a.booking-btn {
    margin-right: 0;
    float: right;
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-menu-wrapper {
    background: #1a3b50 none repeat scroll 0 0;
}
.header-right {
    display: block;
    float: right;
    height: auto;
    width: 50%;
}
.header-left {
    display: block;
    height: auto;
    width: 50%;
}
.header-left > a {
    color: #ffffff;
    font-weight: 400;
}
.header-left > a:hover {
    color: #487C99;
}

@media only screen and (max-width : 1025px) {
.header-left {
    background-color: #1a3b50;
    color: #ffffff !important;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.header-left > a {
    color: #fff;
}
a.booking-btn {
    background-color: #487C99;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-right: 20px;
    padding: 13px 30px;
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: -1px;
    z-index: 9999;
}
}
.utility-menu {
    float: right;
    width: auto;
    height: 30px;
    margin-right: 10px;
}
.right-aligned-nav .sub-menu {
    left: auto !important;
    right: 0 !important;
}
@media only screen and (min-width : 1025px) {
    .main-menu li:hover ul {
    opacity: 1;
    left: 0;
    }
}

@media only screen and (max-width : 1025px) {
    .main-menu li ul {
    opacity: 1;
    left: 0;
    }
    .header-right {
    width: 82%;
}

#utility-menu a {
    padding: 14px 2px;
    text-align: center;
    width: 39.25%;
}

}




.menu-item-parent:hover span:after {
    color: #fff;
}

@media only screen and (max-width : 1025px) {
    .main-menu-wrapper {
        float: none;
        margin: 0 auto;
    }
    .main-menu a {
        padding: 14px 0;
    }
    .main-menu li ul {
        top: 70px;
    }
}

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

    .main-menu li li a:hover {
        color: #fff;
        background: none repeat scroll 0 0 #1a3b50;
    }

    .brand-topper {
        border-bottom: none;
    }
    .main-menu-wrapper {
        clear: both;
        float: none;
        display: none;
        margin: 0 auto;
        background: #252525;
        width:100%;
    }
    .header-items-wrapper {
        text-align: center;
        width: 100%;
    }
    .header-items-wrapper a {
        display: block !important;
        text-transform: uppercase;
    }
    .header-items-wrapper a.main-menu-toggle {
        background-color: #1a3b50;
        width: 100%;
        font-family: 'Muli', sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fff;
        font-size: 1em;
        padding: 10px;

    }
    .sticky .main-menu li ul {
        top: 0;
    }
    .header-items-wrapper a.mobile-menu-book {
        margin-right: 0;
    }
    .main-menu-toggle a:hover {
        background: #faf3dd; /* Old browsers */
    }
    .main-menu-toggle a:active {
        background: #faf3dd; /* Old browsers */
    }
    .icon-menu-lines::before {
        width: 2em !important;
    }

    .main-menu {
        background: #012b5d;
        box-shadow: 0 1px 3px #1a3b50 inset;
        margin: 0 auto;
    }
    .main-menu a {
        color: #FFFFFF;
        display: block;
        font-size: .9em;
        font-weight: 200;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        text-decoration: none;
        line-height: 1;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .main-menu li {
        background: #1a3b50 none repeat scroll 0 0;
        border-top: 1px solid #fff;
        float: none;
    }
    .main-menu li ul {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
    }
    .main-menu .sub-menu .menu-item:active {
        background-color: #151515;
    }
    .menu-item-parent {
        position: relative;
    }
    .menu-item-parent span {
        color: #FFF;
        font-family: 'complete';
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .menu-item-parent span:after {
        content: "\e803";
    }

    .menu-item-parent.open:hover span:after {
        content: "\e807";
    }
        .menu-item-parent.open:focus span:after {
        content: "\e807";
    }

    .menu-item-parent.open span {
        top: 13px;
    }
    .main-menu .sub-menu {
        display: none;
        background: #1a3b50;
    }
    .main-menu .sub-menu a {
        background: #487C99;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: 100;
        padding: 15px 30px !important;
        text-shadow:none;
    }
    .main-menu a:hover{color:#fff;}
    .main-menu .sub-menu li {
        border-bottom: 1px solid  #1a3b50;
    }
    .main-menu .sub-menu li:first-child {
        border-top: 1px solid  #1a3b50;
    }
    .main-menu .sub-menu li:last-child {
        border-bottom: none;
    }
}


.utility-menu-mobile-wrapper {
    display: block;
    margin: 0 auto;
    width: 175px;
    padding-left:10px;
}
.utility-menu-mobile li {
    position: relative;
    float: left;
    list-style: none outside none;
}

.utility-menu-mobile ul {
    margin:0 auto;
}
.utility-menu-mobile a {
    color: #FFFFFF;
    display: block;
    font-size: 0.95em;
    line-height: 1;
    padding: 18px 8px;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.utility-menu-mobile a:hover, .utility-menu-mobile li:hover > a, .utility-menu-mobile ul > li > a.active {
    color: #1a3b50;
}



.utility-menu-mobile li ul {
    position: absolute;
    opacity: 0;
    top: 50px;
    left: -9999px;
    min-width: 100%;
    width: auto;
    /* padding: 15px 20px; */
    background: rgb(19, 19, 19, 0.8);
    background: rgba(19, 19, 19, 0.8);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-box-shadow: 2px 6px 6px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    2px 6px 6px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 6px 6px rgba(50, 50, 50, 0.5);
}

.utility-menu-mobile li ul:hover {
    /* background: rgba(255,255,255,1); */

}

.utility-menu-mobile li:hover ul {
    opacity: 1;
    left: 0;
}
.utility-menu-mobile li li {
    float: none;
    white-space: nowrap;
}
.utility-menu-mobile li li a {
    margin: 0;
    padding: 10px 20px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.utility-menu-mobile li li a:hover {
    color: #1a3b50;
}


#privacy-notice {
    font-size: 13px;
    background: #5F5F5F;
    color: #fefcf6;
    text-align: center;
    padding: 3px 15px;
}

#privacy-notice a {
    color: #fff !important;
}

@media screen and (max-width: 600px) {
    #privacy-notice {
        font-size: 12px;
    }
}


/*	--------------------------------------------------
     04  MOBILE TOP MENU
    -------------------------------------------------- */
/*
.top-menu-wrapper {
    display: block;
    margin: 0 auto;
    width: 90%;
    max-width: 1400px;
}
.top-menu {
    float:right;
}
.top-menu li {
     float: left;
     list-style: none outside none;
     position: relative;
}
.top-menu a {
    color: #807f7f;
    display: block;
    font-size: 0.75em;
    line-height: 1;
    padding: 18px 8px;
    text-decoration: none;
}


.top-menu a:hover {
    color: #010011;
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;
}



@media only screen and (max-width : 1025px) {
    .top-menu {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 560px;
    }


}
@media only screen and (max-width : 600px) {
    .top-menu {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 275px;
    }

}
*/
/*	--------------------------------------------------
     05  HEADER
    -------------------------------------------------- */

.header-wrapper {
    margin: 0 auto;
    width: 100%;
}
.home header.site-header {
    height: 100%;
    height: auto;
}

header.site-header {
    /* position: relative; */
    width: 100%;
/*    overflow: hidden;*/
}
header.site-header .logo {
    display: inline-block;
    float: none;
    left: 50%;
    margin: 0 0 0 -125px;
    position: absolute;
}
.logo.sticky {
    margin-left: -63px !important;
}
.logo.sticky {
    margin-top: 10px;
    transition: all 0.2s ease 0s;
    width: 126px !important;
}

.logo.sticky img {
    margin: 8px 0;
}

header.site-header-mobile {
    display: none;
}

@media only screen and (max-width : 1025px) {
.logo.sticky {
    margin: 0 auto !important;
}
header.site-header-mobile {
    position: relative !important;
    height: auto;
    display: block !important;
}
header.site-header-mobile .logo {
    float: none;
    padding: 15px;
}

header.site-header-mobile .logo.sticky {
    padding: 0;
}

header.site-header {
    display: none;
}
}

header.page-header {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
header.page-header img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}

.mobile-logo {
        display: none;
    }

.page-name-header-wrapper {
    position: absolute;
    top: 55%;
    width: 100%;
    z-index: 8020;
}
.page-name-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    border: 3px solid #FFFFFF !important;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 50px;
    letter-spacing: 1px;
    margin-right: 13%;
    padding: 25px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    z-index: 8888;
    line-height: 77%;
}
@media only screen and (min-width : 2000px) {
    .page-name-header {
        margin-right: 15%;

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

    .page-name-header {
        margin-right: 3%;

    }
    .page-name-header-wrapper {
            top: 60%;

        }
}
@media only screen and (max-width : 2000px) {
    .header-wrapper {
    max-width: 100%;
    }
}



@media only screen and (max-width : 1025px) {
    .header-wrapper {
     clear: both;
    }
}

@media only screen and (max-width : 1025px) {
    .main-menu-wrapper {
    padding-right: 0;
    }
}


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


    .rsOverflow {
    overflow:visible !important;
    }

    .home header.site-header-mobile {
    position: relative;
    /*height: 60%;*/
    z-index: 100;

    }
    header.site-header-mobile {
    position: relative;

    z-index: 100;

    }
    header.site-header-mobile .new-royalslider-1 .rsSBlock{
        display: none;
    }

    .home-cta-wrapper > .grid{
        padding-top: 0px;
    }

}

.brand-topper {
    height: auto;
    position: relative;
    z-index: 8888;
/*     top:0; */
    width: 100%;
/*     left:0; */
}

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

.brand-topper {
    height: auto;
    position: relative;
    z-index: 8888;
    top:0;
    width: 100%;
    left:0;
    border-bottom: none;
}
}


/*	--------------------------------------------------
     06  FOOTER
    -------------------------------------------------- */

.main-footer {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    color: #1a3b50;
}
.main-footer a {
    font-weight: 300 !important;
}
.orke-link {
    font-size: 0.65em;
    color: #58585a;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    margin-top: 30px !important;
}
footer.site-footer .main-footer a:hover {
    color: #1a3b50 !important;
    outline: medium none !important;
    text-decoration: none !important;
    transition: color 0.5s ease-out 0s !important;
}




.address {
    font-size: 0.9em;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    color: #58585a;
}
.address.tnc {
    font-size: 0.7em;
}
.footer-left {
    float: left;
    width: 40%;
}
.secondary-footer {
    float: left;
    width: 100%;
}
.footer-center {
    float: left;
    width: 20%;
}
.footer-credits {
    width: 100%;
    text-align: center;
}
.secondary-footer .footer-left {
     margin-top: 10px;
}
.footer-right {
     margin-top: 10px;
}

.footer-wrapper {
    margin: 0 auto;
    width: 95%;
    padding: 16px 0;
}
.main-footer .footer-wrapper {
    padding: 25px 0;
}
.footer-right {
    float: right;
    width: 40%;
    text-align: right;
}
@media only screen and (max-width : 1025px) {
.footer-right {
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0;
    clear: both;
    width: 100%;
}
.secondary-footer .footer-center {
    float: none;
    margin-top: 50px;
    width: 100%;
}
}
.secondary-footer {
    background: #1a3b50 none repeat scroll 0 0;
}
.footer-center {
    text-align: center;
}
.secondary-footer a:hover {
    color: #487C99;
}
.social-icons {
    float: right;
    margin-top: 10px;
    width: 100%;
}
@media only screen and (max-width : 1025px) {
.social-icons {
    float: none;
    margin: 0 auto;
}
}
.social-icons > a {
    color: #fff;
    font-size: 1.3em !important;
}
.social-icons [class^="icon-"]::before, [class*=" icon-"]::before {
    margin: 0;
    width: 1.3em;
}

@media only screen and (max-width : 425px) {
.social-icons > a {
    font-size: 1.35em;
}
}


.icon-tripadvisor {
    padding: 7px;
}
.footer-menu {
    clear: both;
    font-size: 14px;
}
.footer-menu li {
    float: left;
    list-style: none outside none;
    position: relative;
}
.footer-right-menu li, .footer-right-menu a {
    font-family: 'Muli', sans-serif;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-right: 10px;
}
.footer-menu a{
    color: #FFFFFF;
    font-weight: 700;
    padding-right: 20px;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.footer-menu a:hover {
    outline: medium none;
    text-decoration: none;
    transition: color 0.5s ease-out 0s;
}

.footer-awards {
    float: right;
    margin-top: 20px;
    width: 443px;
}
@media only screen and (max-width : 1025px) {

.secondary-footer .footer-center {
    float: none;
    margin-top: 10px;
    width: 100%;
}
.footer-awards {
    float: none;
    margin: 20px auto;
}
.footer-menu li {
    float: none;
    display: inline-block;
}
}
@media only screen and (max-width : 425px) {
.footer-awards {
    float: none;
    margin: 20px auto;
    width: 90%;
}
}
.trip-advisor-mobile {
    display: none ;
}
.website-design {
    font-size: .75em;
    margin: 1.5em 0 2em !important;
    display: block;
}




@media only screen and (max-width : 1025px) {
.footer-left {
    float:none;
    width:100%;
    text-align: center;
}
}

@media only screen and (max-width : 1025px) {
.footer-menu a {
    padding: 0 10px;
}
.footer-menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.footer-left {
    font-size: .9em;
}
.website-design {
    font-size: .9em;
}

        footer.site-footer .main-footer {
        padding-bottom: 80px;
/*        padding-bottom: 0;*/
    }

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

    footer.site-footer .first-column,
    footer.site-footer .third-column {
        text-align: center;
    }
}

.social-wrapper {
    padding: 60px 0px 0px 0px;
    margin: 0 auto;
    max-width: 70%;
}
.social-wrapper li {
    display: inline-block;
    float: left;
    margin-left: 20px;
}
.right {
    float:right;
}

@media only screen and (max-width : 1700px) {
    .social-wrapper {
    max-width: 90%;
    }
}


@media only screen and (max-width : 1025px) {
    .social-wrapper {
    margin: 0 auto;
    width: 320px;
    padding: 60px 0  0 0;
    }
}


/*	--------------------------------------------------
     07  HOMEPAGE
    -------------------------------------------------- */


/*#new-royalslider-1 {*/
/*    position: absolute;*/
/*    left: 0;*/
    /*top: 110px;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;  height of thumbs (if not required set to 0) */
/*    height: 84%;*/
/*    width: auto !important;*/
/*    z-index: 0;*/
/*    overflow: hidden;*/
/*}*/
/*
@media only screen and (min-width : 1026px) {
    #new-royalslider-1{
        height: 100% !important;
    }

}
*/


/*
@media only screen and (max-width : 1025px) {
#new-royalslider-1 {
    position: relative !important;
    height: auto;
    top: 0 !important;
    }
}
*/
.slideshow-book-wrapper {
    /*height: 100%;*/
    overflow: hidden;
    width: 100%;
    position: relative;
    /*margin-top: -34px;*/
    z-index: 1;
/*    max-height: 60vh;*/
}

.header-background-image {
    padding-bottom: 60vh;
    display: block;
}

.home .slideshow-book-wrapper {
    position: inherit;
/*    max-height: 100%;*/
/*    max-height: 83vh;*/
/*    max-height: 60vh;*/
}


.logo img {
      margin-top: 14px;
    margin-bottom: 15px;
}


@media only screen and (max-width : 1025px) {
    .logo {
    margin: 0 auto !important;
    float: none;
    }
    .logo img {
    margin: 0 auto;
    width: 95%;
    display: block;
    }
    .social-wrapper li {
    margin-bottom: 20px;
    }
}

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


    footer.site-footer .span_6, .col {
    display: block;
    float: none;
    clear: both;
    }

    .wrapper.pattern-bg.fullwidth-wrapper .col {
        float: left;
    }

    footer.site-footer .main-footer p {
    text-align: center;
    }
    .footer-left {
    margin-top: 0;
    }

}





.rooms-wrapper {
    width: 32%;
    float: left;
    text-align: left;
    margin: 0 .66%;
    min-width: 235px;
    margin-bottom: 20px;
}

@media only screen and (max-width : 765px) {
.rooms-wrapper {
    width: 100%;
    float: none;
    max-width: 450px;
    margin-bottom: 25px;
}
}

.rooms-image {
    margin-bottom: 25px;
}
.rooms-image img {
    width: 100%;
}
.rooms-text {
    padding-right: 15px;
}
.room-rates-bold {
    float: left;
    line-height: 140%;
    margin-right: 15px;
}
.rooms-text h2 a {
    color: #1a3b50;
}
.rooms-text .room-secondary-links {
    margin: 0;
}
.rooms-width {
    margin: 0 auto;
}






/*	--------------------------------------------------
     09  INTERIOR
    -------------------------------------------------- */
.content-interior {
    margin-left: 0px;
}

.ngg-gallery-thumbnail-box {
    float: left;
    padding-right: 0;
    width: 25%;
}

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

.ngg-gallery-thumbnail-box {
    padding-bottom: 0;
    width: 50%;
}

}

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

.ngg-gallery-thumbnail-box {
    width: 100%;
}

}




/*	--------------------------------------------------
     10  GALLERY
    -------------------------------------------------- */

.gallery {
    padding-bottom: 60px;
}
.gallery ul {
    padding: 0.25em;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    *behavior: url('js/boxsizing.htc');
}
.gallery ul li {
    float: left;
    width: 16.666666666%;
    padding: 0.25em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    *behavior: url('js/boxsizing.htc');
}
.gallery ul img {
    display: block;
    max-width: 100%;
}
@media only screen and (min-width : 1024px) {
    .gallery ul li:nth-child(6n+1) {
        clear: left;
    }
    .gallery ul li:nth-child(5n+1) {
        clear: none;
    }
}
@media only screen and (min-width : 800px) and (max-width : 1024px) {
    .gallery ul li {
      width: 20%;
    }
    .gallery ul li:nth-child(5n+1) {
        clear: left;
    }
    .gallery ul li:nth-child(4n+1) {
        clear: none;
    }
}

@media only screen and (min-width : 400px) and (max-width : 800px) {
    .gallery ul li {
        width: 33.3333333333333333%;
    }
    .gallery ul li:nth-child(3n+1) {
        clear: left;
    }
    .gallery ul li:nth-child(odd) {
        clear: none;
    }
}
@media only screen and (max-width : 400px) {
    .gallery ul li {
        width: 50%;
    }
    .gallery ul li:nth-child(odd) {
        clear: left;
    }
}




/*	--------------------------------------------------
     11  PAGE DEFAULTS
    -------------------------------------------------- */

.row {
    overflow: hidden;
}
.col3 {
    float: left;
    width:32%;
    margin-left:2%;
    padding:0 1.5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    *behavior: url('js/boxsizing.htc');
}
.row .col3:first-child {
  margin-left:0;
}
.col3 img {

}
.entry img,
.entry img[class*="align"],
.entry img[class*="wp-image-"] {
   max-width: 100%;
   height: auto;
}
section.content {
    background-color: #FFFFFF;

}
section.secondary-content {
    background-color: #FBFBFB !important;
    border-top: 2px solid #D1D1D1;
}

section.secondary-content .wrapper {
    background-color: #FBFBFB !important;
}
.room-accommodations-amenities {
    border-top: 1px solid #1a3b50;
     padding: 70px 0;
}
.button {
    background: #487C99 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: .9em;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 8px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .2s ease-in;
}
a.button {
    font-weight: 600 !important;
}
.page-links-content .button {
    margin-right: 20px;
}
p .button:first-of-type {
    margin-top: 30px;
}


.button:hover {
    background: #1a3b50;
    cursor: pointer;
}
.button > a {
    font-weight: 600 !important;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
}
.button:hover > a {
    color: #fff !important;
    transition: color 0.5s ease-out 0s;
}


@media only screen and (max-width : 650px) {
    .col3 {
        float: none;
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
    }
}




@media only screen and (max-width : 1240px) {
    .ngg-gallery-thumbnail-box {
    margin:0px;
    }
}

@media only screen and (max-width : 450px) {
    .abWhiteBox {
        padding:10px;
    }
}


/*	--------------------------------------------------
     12 FORMS
    -------------------------------------------------- */

body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {
    border-color: -moz-use-text-color -moz-use-text-color #1a3b50;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #1a3b50;
    display: block;
    font-size: 13px;
    padding: 9px;
    width: 98%;
    border-radius: 0 !important;
}
select {
    border-color: -moz-use-text-color -moz-use-text-color #1a3b50;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #58585a;
    display: block;
    font-family: 'Muli', sans-serif;
    font-size: .8em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5.5px 0 !important;
    width: 98%;
    -webkit-appearance: none;
    background: rgba(255,255,255,1) url("images/icon-arrow-basin.png") no-repeat scroll 98% center;
    -moz-appearance: none !important;
}
.gform_wrapper ul li {
    padding-left: 0;
}
.widget > h2 {
    margin-bottom: 0;
    margin-top: 20px;
}
/*
#gform_wrapper_1 .gform_body {
    float: left;
    width: 50%;
}
#gform_wrapper_1 .gform_footer.top_label {
    clear: none !important;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 10%;
}
*/
.gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
}
body .gform_wrapper label.gfield_label + div.ginput_container {
    margin-top: 0 !important;
}
@media only screen and (max-width : 1025px) {
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
        margin-top: 0;
        text-align: center;
}
}
@media only screen and (max-width : 600px) {
.name_first, .name_last {
        width: 100% !important;
}
}
.gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input {
    float: left;
    margin-top: 7px !important;
}

.gform_wrapper .top_label .gfield_label {
    clear: both;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3em;
    margin: 30px 0 12px !important;
}

.gform_wrapper table.gfield_list thead th {
    font-size: 0.85em;
    font-weight: bold;
    text-align: left;
}

body .gform_wrapper .gform_heading .gform_title {
    font-size: 2em !important;
    font-weight: 300 !important;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title {
    font-size: 1.6em !important;
    font-weight: 300 !important;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-size: 1.6em !important;
    font-weight: 300 !important;
}

.gform_wrapper .gsection {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    margin: 30px 0 20px !important;
    padding: 0 0 8px;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    border: 1px solid #1a3b50;
    box-shadow: none;
    color: #1a3b50;
    display: block;
    font-size: 13px;
    padding: 9px;
    width: 98%;
    border-radius: 0 !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus  {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC;
}

/*	--------------------------------------------------
     XX SLIDER OVERIDES
    -------------------------------------------------- */

.rsUni .rsBullets {
    text-align: center !important;
    margin-top: -30px !important;
    line-height: 20px !important;
}
.rsUni .rsBullet {
    padding-left: 10px !important;

}
.rsUni .rsBullet span {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.rsABlock, .rsSBlock {
    bottom: 19%;
    right: 2%;
}

.rsSBlock h1 {
    font-weight: 200;
}







.home-content {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}







.ngg-gallery-thumbnail-box {
    margin: 0 !important;

}
.ngg-gallery-thumbnail img {
    border: none !important;
    margin: 0px !important;
    padding: 0 !important;
    height: auto;
    width: 100%;
}



.terms_conditions {
    clear: both;
    font-size: 0.9em;
    font-style: italic;
}




/* BLOG STYLING */

.blog-header .page-name-header {
    text-align: center;
}
.blog-header .page-name-header-wrapper {
    top: 47%;
}
@media only screen and (max-width : 1110px) {
.blog-header .page-name-header {
    padding: 15px;
}
.blog-header .page-name-header-wrapper {
    top: 50%;
}
}
@media only screen and (max-width : 1025px) {

.blog-header .page-name-header-wrapper {
    line-height: 30%;
    top: 53%;
}

}
@media only screen and (max-width : 965px) {
.blog-header .page-name-header-wrapper {
    line-height: 30%;
    top: 55%;
}

}
@media only screen and (max-width : 910px) {
.blog-header .page-name-header-wrapper {
    top: 56%;
}

}

#archives-2 ul li,
ul li.cat-item {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
}


.entry article {
    border-bottom: 1px solid #efefef;
}
.pubdate {
    margin-bottom: .2em;
}
.blog-items {
    border-bottom: 1px solid #3F3E49;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.post-image {
    padding-bottom: 20px;
}
.blog-text {
    margin-top: 20px;
}
.blog-text h3 a {
    color: #1a3b50;
    font-weight: 300;
}

.more-link {
    font-size: 1em;
    font-weight: 300 !important;
    text-transform: uppercase;
}
.screen-reader-text {
    display: none;
}
#searchsubmit {
    background: #1a3b50 none repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 1em !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 10px 36px;
    text-decoration: none;
    border: none;
}
#searchsubmit:hover {

}
#searchform input {
    color: #1a3b50;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 40px;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 100%;

}
#s {
/*
    border-color: -moz-use-text-color -moz-use-text-color #1a3b50;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
*/
    border: 1px solid #1a3b50;

}

.widget-btn.button {
    margin: 20px 0;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width : 475px) {
.widget.widget_search {
    padding-left:0px;
    text-align: center
}
}
#categories-5 a, #archives-2 a {
    color: #1a3b50;
    display: block;
    font-size: 0.9em;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#archives-2 li {
    float: none;
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
}

@media only screen and (max-width : 831px) {
.entry article {
    float: none;
    width: 100%;
}
}
.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:11px;
    line-height:13px;
}

.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 8px 2px 0;
    padding:5px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#010011;
    height: 35px;
    width: 35px;
    line-height: 25px;
    text-align: center;
    background-color: none repeat scroll 0 0 #ffffff;
    border: 1px solid #f2f3f3;

}

.pagination a:hover{
    background: none repeat scroll 0 0 #f2f3f3;
    color: #1a3b50;
}

.pagination .current{
    padding:5px 9px 5px 9px;
    background: #f2f3f3;
    color:#1a3b50;
}

@media only screen and (max-width : 475px) {
    .blog-image {
        float: none;
        margin: 0 auto 20px;
        width: 100%;
    }
    .blog-text {
        float:none;
        width: 100%;
        margin: 0 auto;
    }
    .blog-items {
        text-align: center;
    }

    .widget.widget_categories {
        text-align: center;
        border-top: 1px solid #3F3E49;
        padding-top: 20px;
    }
    .widget.widget_archive {
        text-align: center;
        padding-bottom: 20px;
    }
    .pagination {
        width: 90px;
        margin: 0 auto 10px;
        padding: 0 0 45px;

    }
}



/* SIDEBAR MENUS */



.sidebar-menu-wrapper {
    background-color: #1a3b50;
}
.sidebar-menu-wrapper h2 {
    font-size: 1em;
    padding-left: 20px;
}
.sidebar-menu ul li {
    list-style: none outside none !important;
    margin-left: 0;
    padding-left: 0;
    margin: 0;
}
.sidebar-menu .current_page_item, .sidebar-menu .current-menu-item {
    background: #487C99 none repeat scroll 0 0;
}
.sidebar-menu a {
    color: #fff;
    display: block;
    font-size: 1em;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 14px 15px 14px 20px;
    text-align: left;

 }
.sidebar-menu a:hover {
    background: 
#487C99 none repeat scroll 0 0;
}

.sidebar-menu-toggle {
    display: none;
}
.sidebar-menu-wrapper > h1 {
    padding-left:20px;
}


.span_3.col {
    padding: 0 2%;
}

.sidebar-menu ul {
    margin-bottom: 0;
}

.promo-sidebar-wrapper {
    border-top: 2px solid #1a3b50;
    margin: 20px 0;
    padding-top: 30px;
    text-align: center;
}
.sidebar-promo-image {
    height: auto !important;
    margin-bottom: 20px;
    max-width: 200px !important;
    width: 80%;
}

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


.sidebar-menu-toggle {
    background-color: #1a3b50;
    color: #fff!important;
    display: block;
    letter-spacing: 2px;
    margin: 0 auto 10px;
    padding: 17px 30px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.sidebar-menu-wrapper > h1 {
    display: none;
}



.sidebar-menu-wrapper {
    display: none;
    width: 100%;
}
.sidebar-menu-wrapper > h2 {
    display: none;
}
#sidebar-menu {
    border-top: none;
    text-align: left;
}
.copy-wrapper {
    margin: 0 auto;
}

.sidenav-items-wrapper {
    position: relative;
}
    .sidenav-items-wrapper span {
        color: #fff;
        font-family: 'complete';
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1;
        position: absolute;
        right: 30px;
        top: 20px;
    }

    .sidenav-items-wrapper span:after {
        content: "\e803";
    }

    .sidenav-items-wrapper.open:hover span:after {
        content: "\e803";
    }
    .sidenav-items-wrapper.open:focus span:after {
        content: "\e803";
    }

    .sidenav-items-wrapper.open span {
        top: 15px;
    }


}


#packages-menu {
    border-top: 1px solid #3F3E49;
}

.packages-menu-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
}
.packages-menu-wrapper h2 {
    font-size: 1em;
    padding-left: 20px;
}
.packages-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
}
.packages-menu li {
    float: none;
    list-style: none outside none;
    position: relative;
    margin-left: 0;
    padding-left: 0;
}
.packages-menu a {
    color: #1a3b50;
    display: block;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
    text-decoration: none;

}

#packages-menu a:hover {
    color: #1a3b50;
    background-color: #fff9f1;
}
#packages-menu a:active {
    color: #1a3b50;
    background-color: #fff9f1;
}

.packages-menu-toggle {
    display: none;
}

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

.packages-menu-toggle {
    background: #FFF9F1;
    color: #1a3b50 !important;
    display: block;
    font-size: 1em;
    margin: 0 auto;
    padding: 20px 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    width: 100%
}

.packages-menu-toggle a:hover {
    color: #b30838 !important;
}

.packages-menu-wrapper {
    display: none;
    width: 100%;
}
.packages-menu-wrapper > h2 {
    display: none;
}
#packages-menu {
    border-top: none;
    text-align: center;
}
}



/*  SIDEBAR LINKS */
.sidebar-links {
    width: 100%;
}


.sidebar-links li {
    list-style: none outside none !important;
    padding-left:0;
    margin-left: 0;
}
.sidebar-links a {
    color: #1a3b50;
    display: block;
    font-size: 1.15em;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
.sidebar-links li {
    margin-bottom: 0;
}
.sidebar-links li {
    background-color: #f0f0f0;
    border-right: 4px solid #1a3b50;
    margin: 5px 0 !important;
}
.sidebar-links-title {
    padding-left:5px;
}
.sidebar-links li:hover {
    background-color: #E0E0E0;
}

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

.sidebar-links-title {
    padding-left:2px;
    font-size: .8em;
}
}

@media screen and (max-width: 840px) {
.sidebar-links-title {
    font-size: .7em;
}

}
@media screen and (max-width: 765px) {
.sidebar-links-title {
    font-size: 1em;
}
.sidebar-links li:last-child {
    margin: 5px 0 0 !important;
}
.sidebar-links > ul {
    margin-bottom: 0;
}

}
/* FORM STYLING */

.gform_fields.top_label.description_below li {
    margin-bottom: 15px;
}
.datepicker.medium.mdy.datepicker_no_icon.hasDatepicker {
    width: 100% !important;
}



.gform_wrapper div.validation_error,
.gform_wrapper .validation_message {
    color: #B30838 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: normal !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: none !important;
    border: none !important;
}


.green-btn {
    background: none repeat scroll 0 0 #1a3b50 !important;
    border: medium none;
    color: #FFFFFF;
    font-size: 0.8em !important;
    font-weight: normal;
    margin-top: 0;
    padding: 11px 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    max-width: 300px;
    width: auto;
    text-align: center;
}

p.green-btn a:link {
    color: #FFFFFF !important;
    padding: 15px;
}
p.green-btn:hover {
    background: none repeat scroll 0 0 #01584f !important;
}
.green-btn > a {
    color: #FFF !important;
}



b {
    font-weight: 700;
}

strong {
    font-weight: 700;
}

.rooms-text > p {
    line-height: 140%;
}

#html5-text {
    font-size: 18px !important;
    padding: 7px 10px !important;
   }


.alignright {
       float: right;
}


.gform_wrapper div.validation_error {
    display: none;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-bottom: none !important;
    margin-top: none !important;
    padding-left: none !important;

}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: none !important;
}


/* 404 ERROR PAGE STYLING */
.error-404 {
    font-size: 6em;
    line-height: 100%;
    text-align: center;
}
.error-404-headline {
    font-size: 1.4em;
    padding-top: 0;
    text-align: center;
}
.error-404-copy {
    font-weight: 300;
    font-size: 1.1em;
    padding-top: 20px;
    text-align: center;
}



@media screen and (max-width: 1025px) {
.gform_confirmation_message {
    text-align: center;
}
}











.alignleft {
    float: left;
    padding-right: 20px;
    clear: both;
    padding-bottom: 20px;
}

.alignright {
    float: right;
    padding-left: 20px;
    clear: both;
    padding-bottom: 20px;

}



.gform_wrapper {
    max-width: 100% !important;
}

.mgl_instagram_pagination {
    display: none;
}
.gform_wrapper .top_label .gfield_label {
    font-weight: normal !important;
}



.ngg-gallery-thumbnail-box {
    width: 33.333%;
}

.ngg-gallery-thumbnail {
    margin-right: 0;
    width: 100%;
}



.home-content a:hover {
    color: #1a3b50 !important;
}
.home-content a {
    color: #1a3b50 !important;
}



.fullwidth-wrapper {
    max-width: 100%;
    width: 100% !important;
}

.fullwidth-wrapper.alternate-bg {
    background-color: #f2f3f3;
    padding: 40px 0;
}

.gallery-wrapper.clearfix {
    margin: 0 auto;
    width: 88%;
}


/* HOVER EFFECT */

.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 2em;
    list-style: none;
    text-align: center;
    width: 100%;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 32.666666667%;
    background: #3b3b3b;
    text-align: center;
    cursor: pointer;
    max-height: 345px;
    margin-right: 1%;
}
.grid figure:last-child {
    margin-right: 0;
}

@media screen and (max-width: 850px) {
.grid figure {
    width: 100%;
    margin-bottom: 1em;
    margin-right: 0;
    max-height: 345px;
}

}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0.8;
    height: auto;
    min-width: 100%;
    margin-top: 0;
}
@media screen and (max-width: 1150px) {
.grid figure img {
    margin-left: -90px;
}
}
@media screen and (max-width: 1025px) {
.grid figure img {
    margin-top: -85px;
    margin-left: 0;
}
}
@media screen and (max-width: 500px) {
.grid figure img {
    margin-top: 0px;
}
}
@media screen and (max-width: 450px) {
.grid figure img {
    margin-left: -30px;
}
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 85%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 85%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}


figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    font-family: "EB Garamond", serif;
    font-size: 1.2em;
    font-weight: 500;
    left: 0;
    opacity: 0;
    padding: 30% 10px;
    position: absolute;
    transform: translate3d(0px, 10px, 0px);
    width: 100%;
    bottom: 0;
}
@media screen and (max-width: 1025px) {
.page-template-page-home .home-cta-wrapper figure.effect-sadie p {
    padding: 20% 10px;
}
}
@media screen and (max-width: 1045px) {
    figure.effect-sadie p {
        font-size: 1.2em;
    }
}
@media screen and (max-width: 825px) {
    figure.effect-sadie p {
        font-size: 1.5em;
    }
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-150%,0) translate3d(0,-250%,0);
    -ms-transform: translate3d(0,-150%,0) translate3d(0,-250%,0);
    transform: translate3d(0,-150%,0) translate3d(0,-250%,0);
}


figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.rsUni .rsBullet span {
    background: none repeat scroll 0 0 rgba(255,255,255,.75) !important;
    border: 2px solid rgba(255,255,255,.15) !important;
    display: block;
    height: 16px;
    width: 16px;
}
.rsUni .rsBullet.rsNavSelected span {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 2px solid rgba(255,255,255,.75) !important;
}


.attachment-post-thumbnail.wp-post-image {
    height: auto;
    width: 100%;
}
.entry img {
/*    display:none;*/
}
.entry.entry-center {
    text-align: center;
}
.entry.entry-90 {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
.page-links {
    margin: 0 auto;
    width: 80%;
}

.first_level_page_links_wrapper:nth-child(2n+1) {
    background: url('images/paper_bg.png');
}
.first_level_page_links_wrapper {
    padding: 40px 0;
}
.page-links-image {
    width: 45%;
}
.page-links-image  img {
    width: 100%;
    height: auto;
}
.first_level_page_links_wrapper:nth-child(2n+1) .page-links-image {
    float: left;
    margin-right: 5%;

}
.first_level_page_links_wrapper:nth-child(even) .page-links-image {
    float: right;
    margin-left: 5%;

}
.page-links-content {
    width: 50%;
    margin-top: 6%;

}
@media screen and (max-width: 1350px) {
.page-links-content {
    margin-top: 0;
}
}
@media screen and (min-width: 960px) {
.page-links-content {
    margin-top: 0;
    display: table;
    height: 326px;
}
.first_level_page_links_wrapper_full .page-links-wrap{
    display: table-cell;
    vertical-align: middle;
}
}
@media screen and (max-width: 800px) {
.page-links-content {
width: 100%;
text-align: center;
}
.page-links-image {
width: 100%;
margin-bottom: 30px;
}
}
.first_level_page_links_wrapper:nth-child(even) .page-links-content {
    float: left;

}
.first_level_page_links_wrapper:nth-child(2n+1) .page-links-content {
    float: right;

}

.column {
    float: left;
    margin: 0 1%;
    text-align: left;
    width: 23%;
}
@media screen and (max-width: 800px) {
.column {
     text-align: center;
    width: 100%;
  }
}
.column > br {
    margin-bottom: 13px;
}


.callout-image-copy-wrapper {
    border-bottom: 2px solid #1a3b50;
    border-top: 2px solid #1a3b50;
    margin: 40px 0;
    padding: 30px 0 10px;
}

.callout-image-default {
    float: left;
    margin-right: 3%;
    width: 45%;
}

.callout-copy-default {
    float: left;
    width: 52%;
}
@media screen and (max-width: 600px) {

.callout-image-default {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
}

.callout-copy-default {
    float: none;
    width: 100%;
}
}
.content-interior.span_9.col {
    float: right;
}


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

.content-interior.span_9.col {
    border-left: none;

}
}


.OT-reservations {
    border-top: 2px solid #1a3b50;
    margin-top: 20px;
    padding-top: 20px;
}

.powered-by-open-table {
    display: none;
}
.otw-submit {
    background: none;
    border: 2px solid #1a3b50 !important;
    border-radius: 0 !important;
    color: #1a3b50;
    font-family: "EB Garamond", serif;
    font-size: 1.2em !important;
    margin-top: 0;
    padding: 7px 20px;
    display: inline-block;
    font-weight: 300 !important;
}

.otw-submit:hover {
    background: #1a3b50 !important;
    color: #fff ;
    border: 2px solid #1a3b50 !important;
    border-radius: 0 !important;

}


/*
.wrapper.clearfix.fullwidth-wrapper > div:last-child {
    height: 25px;
    margin: 20px auto 30px;
    width: 270px;
}
*/
.nav-previous {
    float: left;
    margin-right: 20px;
}
.nav-next {
    float: left;
}



/* BEGIN SOCIAL MEDIA TEMPLATE STYLING */

.social-media-section {
    float: left;
    width: 45%;
    margin: 2%;
}

.social-media-section:nth-child(2n+1) {
    clear: both;
}
.social-media-section.social-full {
    width: 100%;
}
a.social-news {
    font-size: 0.5em;
    font-weight: 400 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}
a.social-news .icon-arrow-right {
    font-size: 0.75em;
}
.widSSP.widSSP {
    width: 100% !important;
}
@media only screen and (max-width : 800px) {
.social-media-section {
    width: 100%;
    min-height: auto;
    margin: 2% auto;

}
}
@media only screen and (min-width : 2030px) {
.social-media-section {
    min-height: 620px;
}

}
.social-media-header {
    font-size: 4em;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    background-color: #f2f3f3;
}
.social-media-interior {
    text-align: center;
}

/* END SOCIAL MEDIA TEMPLATE STYLING */


/* BEGIN ACTIVITIES/EVENTS TEMPLATE STYLING */

.events-act-wrapper.clearfix {
    float: left;
    margin-right: 1%;
    width: 32.333%;
    margin-bottom: 15px;
    min-height: 300px;
    position: relative;
}


.events-activities-content h2 {
    text-align: center;
}

.events-act-fullwrapper {
    margin-bottom: 50px;
    text-align: center;
}
.page-template-page-events-activities-overview .events-act-fullwrapper .effect-sadie > a{
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.page-template-page-events-activities-overview .events-act-fullwrapper .effect-sadie > a img{
    display: block;
    height: 100% !important;
    margin-top: 0;
    opacity: 0.8;
    position: relative;
    width: auto!important;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 10000%;
}


.events-act-wrapper a {
    display: block;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    color: #fff !important;
    height: auto;
}

.events-act-image {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
}
.events-act-wrapper a .events-act-text {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 85%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.events-act-wrapper a:hover .events-act-text {
    background-color: rgba(0, 0, 0, 0.5);

}



/* Common style */
.events-act-fullwrapper .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 32.666666667%;
    background: #3b3b3b;
    text-align: center;
    cursor: pointer;
    margin-right: 1%;
    height: 310px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    z-index: 1;
}
.events-act-fullwrapper .grid figure:last-child {
    margin-right: 0;
        height: 150px;

}



.events-act-fullwrapper .grid figure img {
    display: block;
    height: auto !important;
    margin-top: 0;
    opacity: 0.8;
    position: relative;
    width: auto !important;
    flex-shrink:0;
    min-width:100%;
    min-height:100%
}
/*
@media screen and (max-width: 1150px) {
.events-act-fullwrapper .grid figure img {
    margin-left: -90px;
}
}
@media screen and (max-width: 1025px) {
.events-act-fullwrapper .grid figure img {
    margin-top: -85px;
    margin-left: 0;
}
}
@media screen and (max-width: 500px) {
.events-act-fullwrapper .grid figure img {
    margin-top: 0px;
}
}
@media screen and (max-width: 450px) {
.events-act-fullwrapper .grid figure img {
    margin-left: -30px;
}
}
*/

.events-act-fullwrapper .grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.events-act-fullwrapper .grid figure figcaption::before,
.events-act-fullwrapper .grid figure figcaption::after {
    pointer-events: none;
}

.events-act-fullwrapper .grid figure figcaption,
.events-act-fullwrapper .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.events-act-fullwrapper .grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.events-act-fullwrapper .grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.events-act-fullwrapper .grid figure h2 span {
    font-weight: 800;
}

.events-act-fullwrapper .grid figure h2,
.events-act-fullwrapper .grid figure p {
    margin: 0;
}

.events-act-fullwrapper .grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

.events-act-fullwrapper figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 85%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 85%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}


.events-act-fullwrapper figure.effect-sadie figcaption::before,
.events-act-fullwrapper figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.events-act-fullwrapper figure.effect-sadie p {
    font-family: "EB Garamond", serif;
    font-size: 1em;
    font-weight: 500;
    left: 0;
    opacity: 1;
    padding: 2px 20px;
    position: absolute;
    text-align: left;
    top: 0;
    transform: translate3d(0px, 10px, 0px);
    width: 100%;
}
/*
@media screen and (max-width: 1025px) {
.events-act-fullwrapper figure.effect-sadie p {
    padding: 20% 10px;
}
}
@media screen and (max-width: 1045px) {
    .events-act-fullwrapper figure.effect-sadie p {
        font-size: 1.2em;
    }
}
@media screen and (max-width: 825px) {
    .events-act-fullwrapper figure.effect-sadie p {
        font-size: 1.5em;
    }
}
*/

.events-act-fullwrapper figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-150%,0) translate3d(0,-250%,0);
    -ms-transform: translate3d(0,-150%,0) translate3d(0,-250%,0);
    transform: translate3d(0,-150%,0) translate3d(0,-250%,0);
}


.events-act-fullwrapper figure.effect-sadie:hover figcaption::before ,
.events-act-fullwrapper figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0px, 19px, 0px);
    transform: translate3d(0px, 19px, 0px);
}


.events-act-fullwrapper .grid figure:first-child {
    width: 43%;
}
.events-act-fullwrapper .grid figure:nth-child(2) {
    width: 26%;
}
.events-act-fullwrapper .grid figure:nth-child(3) {
    height: 169px;
    margin-bottom: 15px;
    margin-right: 0;
    width: 29%;
}
.events-act-wrapper.wrapper-events-featured.clearfix:nth-child(3),
.events-act-wrapper.wrapper-activities-childrens.clearfix:nth-child(3),
.events-act-wrapper.wrapper-activities-land.clearfix:nth-child(3),
.events-act-wrapper.wrapper-activities-water.clearfix:nth-child(3)
 {
    width: 26%;
}
.events-act-wrapper.wrapper-events-featured.clearfix:nth-child(4),
.events-act-wrapper.wrapper-activities-childrens.clearfix:nth-child(4),
.events-act-wrapper.wrapper-activities-land.clearfix:nth-child(4),
.events-act-wrapper.wrapper-activities-water.clearfix:nth-child(4)
 {
    width: 29%;
    margin-right: 0;
    min-height: 160px;
}

@media screen and (max-width: 760px) {
.events-act-fullwrapper .grid figure {
    width: 100% !important;
    margin-bottom: 1em;
    margin-right: 0;
    max-height: 345px;
    height: 300px !important;
}

}
.date-time-events {
    font-family: "EB Garamond", serif;
    font-size: 1.1em;
    font-weight: 300;
    text-transform: none;
}



.fauxtable {
    display: table;
    height: 100%;
    width: 100%;
}

.fauxtable .fauxcell {
    display: table-cell;
    vertical-align: middle;
}
.title {
    font-size: 1.3em;
    padding: 20px;
    text-align: left;
}


h1.full-width-line {
  position: relative;
  text-align: center;
}

h1.full-width-line span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

h1.full-width-line:before {
  background: #1a3b50;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 55%;
  width: 100%;
}

h1.full-width-line:before {
  left: 0;
}
@media screen and (max-width: 400px) {
h1.full-width-line {
    font-size: 1.75em;
}
}
.events-activities-button {
    background-color: #f5a106;
    color: #ffffff !important;
    display: block;
    font-family: "EB Garamond", serif;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding: 51px 0;
    width: 29%;
    float: right;
}
@media screen and (max-width: 760px) {
.events-activities-button {
    width: 100%;
}
}
.events-act-fullwrapper:nth-child(2) .events-activities-button {
    background-color: #1a3b50;
}
.events-act-fullwrapper:nth-child(3) .events-activities-button {
    background-color: #969d47;
}
.events-act-fullwrapper:nth-child(4) .events-activities-button {
    background-color: #6796a7;
}
.events-act-text .title > p {
    font-size: 0.8em;
    font-weight: 300;
}

.events-act-text .title h5 {
    margin-bottom: 0;
}

.events-act-wrapper.wrapper-events-featured.clearfix:nth-child(2),
.events-act-wrapper.wrapper-activities-childrens.clearfix:nth-child(2),
.events-act-wrapper.wrapper-activities-land.clearfix:nth-child(2),
.events-act-wrapper.wrapper-activities-water.clearfix:nth-child(2) {
    width: 43%;
}
.events-act-wrapper.wrapper-events-featured.clearfix:nth-child(3),
.events-act-wrapper.wrapper-activities-childrens.clearfix:nth-child(3),
.events-act-wrapper.wrapper-activities-land.clearfix:nth-child(3),
.events-act-wrapper.wrapper-activities-water.clearfix:nth-child(3)
 {
    width: 26%;
}
.events-act-wrapper.wrapper-events-featured.clearfix:nth-child(4),
.events-act-wrapper.wrapper-activities-childrens.clearfix:nth-child(4),
.events-act-wrapper.wrapper-activities-land.clearfix:nth-child(4),
.events-act-wrapper.wrapper-activities-water.clearfix:nth-child(4)
 {
    width: 29%;
    margin-right: 0;
    min-height: 160px;
}







.spi-flickr-carousel-controls {
   font-family: "EB Garamond", serif;
    margin: 30px auto;
    width: 200px;
    }

.slick-prev, .slick-next {
    font-weight: 300 !important;
}

.slick-initialized .slick-slide a {
    border-bottom: 6px solid #ffffff;
    border-right: 6px solid #ffffff;
   }




.mapp-layout.mapp-align-default {
    border-bottom: 1px solid #1a3b50;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.mapp-layout {
    font-family: "EB Garamond", serif;
    font-weight: 300 !important;
     border: medium none;
    margin: 10px auto;
}

.mapp-directions, .mapp-route, .mapp-route, .mapp-dir-daddr, .mapp-dir-saddr {
    font-family: "EB Garamond", serif;
}

.mapp-dir-get {
    background: #1a3b50 none repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-family: "EB Garamond", serif;
    font-size: 1em !important;
    font-weight: 400;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding: 10px 36px;
    text-decoration: none;
    border: none;
}
.mapp-dir-get:hover {

}
.mapp-route > div {
    margin: 10px 0;
}

.mapp-iw a:link, .mapp-iw a:visited {
    color: #1a3b50 !important;
}
img.adp-marker {
    margin: 10px !important;
}

.adp-step, .adp-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}


/* DATEPICKER STYLING */

.ui-datepicker-title {
    font-family: "EB Garamond", serif;
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border-radius: 0;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: none repeat scroll 0 0 #e1e0e1;
    border: medium none;
    border-radius: 0;
}

.ui-widget-header .ui-icon {
    background-image: url("images/grey-arrows.png");
}
.ui-icon-circle-triangle-e {
    background-position: -11px 0;
}
.ui-icon-circle-triangle-w {
    background-position: 0 0;
}
.ui-icon {
    height: 17px;
    width: 11px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    left: 60%;
}
.ui-state-hover {
    border: none !important;
    background: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #ededed !important;
    border: medium none !important;
    margin: 0 !important;
    text-align: center !important;
    font-family: "EB Garamond", serif;
    font-weight: 100;
    width: 100%;
    text-shadow: none;
}
.ui-datepicker tbody td {
    width: 14.285714286%;
}
.ui-datepicker th {
    font-family: "EB Garamond", serif;
    font-weight: 100;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    background: none repeat scroll 0 0 #e1e0e1 !important;
}
.ui-state-active {
    background: none repeat scroll 0 0 #e1e0e1 !important;
}

.ui-widget-content {
    border: 1px solid #e1e0e1;
}
.ui-datepicker table {
    margin: 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-image: none !important;
}

.ui-datepicker {
    padding: 0 !important;
}
.wsp-pages-list {
    text-align: left;
}
select {
    width: 98% !important;
}

h2.wsp-pages-title, ul.wsp-pages-list, h2.wsp-activitiess-title, ul.wsp-activitiess-list, h2.wsp-eventss-title, ul.wsp-eventss-list {
    text-align: left !important;
}

img.trip-advisor-badge {
    width: 100%;
    max-width: 355px;
}


.callout-slider-content {
    background-color: #f1f1ea;
    display: table;
    float: left;
    height: 355px;
    padding: 20px 80px;
    text-align: center;
    width: 46%;
}
@media screen and (max-width: 1075px) {
.callout-slider-content {
    padding: 20px 40px;
}
}
.callout-content-interior {
    display: table-cell;
    vertical-align: middle;
}
.callout-content-interior > p {
    font-size: 1em;
    color: #58585a;
}
.callout-content-interior > h2 {
    color: #487C99;
    font-family: 'EB Garamond', serif;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 1.85em;
}
.callout-slider-image {
    background-position: center center;
    background-size: cover;
    float: left;
    height: 355px;
    width: 54%;
}

.opposite-slider .bx-wrapper .callout-slider-image {
    float: right;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 6px !important;
    width: 54% !important;
}

.opposite-slider .bx-wrapper .bx-pager, .opposite-slider .bx-wrapper .bx-controls-auto {
    bottom: 6px !important;
    width: 54% !important;
    margin-left: 46% !important;
}
@media screen and (max-width: 900px) {
.callout-slider-content, .callout-slider-image {
    width: 100% !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    top: 310px !important;
    width: 100% !important;
}
.opposite-slider .bx-wrapper .bx-pager, .opposite-slider .bx-wrapper .bx-controls-auto {
    width: 100% !important;
    margin-left: 0 !important;
}
.callout-slider-content {
    padding: 20px 20px;
}
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ffffff none repeat scroll 0 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 1px solid #ffffff !important;
}
.bx-wrapper {
    margin: 0 auto !important;
}
.bx-wrapper .bx-viewport {
    border: none !important;
    left: 0 !important;
}
.bx-wrapper .button {
    margin-bottom: 0 !important;
}
.fullwidth-callout-image {
    background-position: center center;
    background-size: cover;
    height: 355px;
    width: 100%;
    position: relative;
}
.callout-title {
/*
    background-color: rgba(76, 131, 161, 0.9);
    left: 50%;
    margin-left: -305px;
    margin-top: -52px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 610px;
*/
    display: table;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 355px
}
.callout-title .callout-wrapper {
    display: table-cell;
    vertical-align: middle;
}
 .callout-title h1 {
     color: #fff !important;
     margin-bottom: 0;
     background-color: rgba(76, 131, 161, 0.9);
     padding: 20px;
     width: 60%;
     margin: 0 auto;
     display: inline-block;
     transition: background-color .2s ease-in;
 }

.callout-title:hover h1 {
    background-color: #1a3b50;
}

@media screen and (max-width: 680px) {
.callout-title h1 {
    font-size: 1.5em;
    letter-spacing: 1px;
    width: 80%;
}
}
@media screen and (max-width: 415px) {
.callout-title h1 {
    font-size: 1.5em;
    letter-spacing: 1px;
    padding: 15px;
}
}
.book-form-wrapper {
    background: rgba(27,27,27,.7) none repeat scroll 0 0;
    position: relative;
}

.home .book-form-wrapper {
    bottom: 0;
    position: absolute;
    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: -78px;
    margin-top: 0;
}
.book-form-wrapper > form {
    margin: 0 auto;
    padding: 20px 0;
    width: 95%;
}
.form-select {
    float: left;
    margin-right: 2%;
    width: 18%;
}
/*
.form-select.select {
    width: 20%;
}
*/
/*
.form-actions {
    width: 18%;
}
*/
.book-form-wrapper input {
   background: rgba(0, 0, 0, 0) url("images/icons-calendar.png") no-repeat scroll 96% center;
    border-color: -moz-use-text-color -moz-use-text-color #ffffff;
    border-radius: 0 !important;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #fefcf6;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    width: 95%;
 }

.book-form-wrapper input::-webkit-input-placeholder {
  color: #fefcf6;
    opacity: 1;
}
.book-form-wrapper input::-moz-placeholder {
  color: #fefcf6;
    opacity: 1;
}
.book-form-wrapper input:-ms-input-placeholder {
    color: #fefcf6;
    opacity: 1;
}
.book-form-wrapper input:-moz-placeholder {
  color: #fefcf6;
    opacity: 1;
}

.form-actions > input {
    background: #487C99 none no-repeat scroll 96% center;
    border: medium none;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: .9em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	color: #fff;
}
.form-actions > input:hover {
    background-color: #3e6c85;
    color: #ffffff;
    transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}

.book-form-wrapper select {
    background: rgba(0, 0, 0, 0) url("images/icon-arrow-white.png") no-repeat scroll 96% center;
    border-color: -moz-use-text-color -moz-use-text-color #ffffff;
    border-radius: 0 !important;
    border-style: none none solid;
    border-width: medium medium 1px;
    border-bottom-color: rgb(254, 252, 246);
    color: #fefcf6;
     font-family: 'Muli', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px !important;
    width: 95%;
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    -moz-appearance: none !important;
    opacity: 1 !important;
    font-size: 16px;
}

.book-form-wrapper select option{
color: rgba(27,27,27,.7);
}

.form-select.select {
    border-bottom: 1px solid #fff;
}
@media only screen and (max-width : 1025px) {
.book-form-wrapper {
    display: none;
}
}
/*
@media only screen and (max-width : 840px) {
.form-select {
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
}
.book-form-wrapper select, .book-form-wrapper input {
    width: 100%;
}
}
*/
.pattern-bg {
    background: url('images/PalmLeaves-Wide.jpg') repeat;
    background-position: center center;
}

.full-width-alternate {
    background: url('images/PalmLeaves-Wide.jpg') repeat;
}

/*.full-width-alternate {
    background: #fff;
}*/
.image-links-section {
    margin: 0 auto;
    width: 90%;
    padding: 40px 0;
}
.image-link-individual {
    float: left;
    height: auto;
    width: 25%;
    position: relative;
}

.image-links-section.three-across {
    width: 100%;
}

.image-links-section.three-across .image-link-individual {
    width: 33.33%;
}
.image-link-individual h4 {
    background-color: rgba(76, 131, 161, 0.9);
    color: #ffffff;
    margin-left: 10%;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 80%;
}
@media only screen and (max-width : 840px) {
.image-link-individual {
    width: 50%;
}
    .image-links-section.three-across .image-link-individual {
    width: 50%;
}
}
@media only screen and (max-width : 500px) {
.image-link-individual {
    width: 100%;
}
    .image-links-section.three-across .image-link-individual {
    width: 100%;
}
}
.entry.entry-center {
    margin: 30px auto;
    width: 80%;
}
@media only screen and (max-width : 700px) {
.entry.entry-center {
    width: 95%;
}

}

@media only screen and (max-width : 500px) {
.home .entry.entry-center {
    width: 95%;
}

}

.piazzavenezia .fcg-grid-item .fcg-container-portfolio {
    opacity: 1;
    top: 37%;
}

.piazzavenezia .fcg-container-portfolio .fcg-title {
    background-color: rgba(76, 131, 161, 0.9);
    color: #ffffff !important;
    padding: 10px 0 !important;
    position: absolute;
    text-align: center;
    width: 80%;
    font-size: 1.5em;
    font-family: "EB Garamond", serif;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 130%;
    margin-bottom: 5px;
    left: 42px;
}

@media only screen and (max-width : 797px) {
.piazzavenezia .fcg-container-portfolio .fcg-title {
    font-size: 1em !important;
    line-height: 170% !important;
    width: 90% !important;
}
}
.fcg-grid.fcg-1 .fcg-grid-item .fcg-container-portfolio {
    background: transparent !important;
}
.fcg-text {
    opacity: 0;
}

.piazzavenezia .fcg-grid-item .fcg-container-portfolio {
    top: 0 !important;
}
.fcg-grid.fcg-1 .fcg-grid-item:hover .fcg-container-portfolio {
/*    background-color: rgba(76, 131, 161, 0.9) !important;*/
    }
.fcg-grid.fcg-1 .fcg-grid-item:hover .fcg-container-portfolio .fcg-title {
/*    background-color: rgba(76, 131, 161, 0.9);*/
}
.fcg-grid.fcg-1 .fcg-grid-item .fcg-container-portfolio .fcg-title {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 !important;
    padding: 10px !important;
    text-overflow: unset !important;
    overflow: visible !important;
    white-space: normal !important;
}
.fcg-grid.fcg-1 .fcg-grid-item:hover .fcg-container-portfolio .fcg-title {
    background-color: #1a3b50;
}

.fcg-grid.fcg-1 .fcg-grid-item .fcg-container-portfolio a.fcg-read-more {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    opacity: 0 !important;
}

.fcg-grid.fcg-1 .fcg-grid-item:hover .fcg-text {
    display: none;
}


.first-level-links > li:nth-child(2n+0) .callout-slider-image {
    float: right;
}

/* WEDDING CONTENT STYLES */
#weddingcontent {
    position: relative;
    width: 1600px;
    z-index: 300;
}
.wedding-section.wedding-section-one {
    background-position: center center;
    background-size: cover;
    height: 610px;
    padding: 75px 20px;
}
.wedding-section {
    text-align: center;
}
.wedding-section h1 {
}

.wedding-section h2 {

}

.wedding-section-one p {
    margin: 20px auto;
    max-width: 1000px;
    width: 80%;
}
.wedding-section .royalSlider {
    margin: 0 auto;
}

.wedding-section .rsNav {
    position: absolute;
    bottom: auto;
}
.wedding-section.wedding-section-two .rsNav {
    top: -600px;
}

.wedding-section.wedding-section-four .rsNav {
    top: -590px;
}
.wedding-section img.rsImg {
    margin-top: 70px !important;
}
.wedding-section .rsContentSlider h3 {
    display: none;
}
.wedding-section .rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: none !important;
}
ul.tabs li {
        color: #1a3b50 !important;
    font-family: "EB Garamond", serif;
    font-size: 1em !important;
    text-transform: capitalize !important;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    font-weight: 400;
    border-right: 0 none;
    cursor: pointer;
    display: inline-block;
    margin: 0 1% 0 0;
    padding: 0 20px 25px;
}
.tabs img {
    width: 100%;
}
#tabs {
    max-width: 815px;
    margin: 0 auto;
}
ul.tabs li a.active {
    border-bottom: 1px solid #1a3b50 !important;
    padding-bottom: 5px;
}
ul.tabs li a {
    font-weight: 300 !important;
}
.wedding-section .rsDefaultInv .rsTab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: inherit;
    background-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 400;
    height: auto;
    min-width: 72px;
    padding: 5px 30px 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
.wedding-section .rsDefaultInv .rsTab.rsNavSelected {
    background: none;
    border: none;
    box-shadow: none;
    color: #666666;
    font-weight: bold;
    text-shadow: none;
}

.wedding-section .rsDefaultInv .rsTab:last-child {
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-right-radius: 0;
}

.wedding-section .rsDefaultInv .rsTab:active {
    background-color: none;
    border: none;
    box-shadow:none;
}
.wedding-section .rsDefaultInv .rsTabs {
    border-bottom: 1px solid #A7A6A6;
    border-top: 1px solid #A7A6A6;
    padding: 10px 0 7px;
    }

.tabs h4 {
    padding-bottom: 10px;
    padding-top: 30px;
}
.wedding-section img.rsImg {
    border: 10px solid #FFF;
}

.wedding-button {
    background-color: #c41230;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 50px;
    margin-top: 20px !important;
    padding: 10px 20px;
    text-transform: uppercase;
}

.wedding-images-button {
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 50px;
    margin-top: 20px !important;
    padding: 10px 15px 10px 40px;
    text-transform: uppercase;
}

.ls-slide p {
    color: #666666;
    text-align: left;
}
.ls-slide h3 {
    color: #666666;
    text-transform: uppercase;
    font-weight: 300;
}


.section-copy {
    position: relative;
}



.wedding-section-five h2 {
    color: #FFFFFF !important;
    position: absolute;
    top: 0;
    width: 100%;
}
.wedding-section.wedding-section-five img.rsImg {
    margin-top: 0 !important;
}
.royalSlider.new-royalslider-7.white_arrows.rs-default-template.rsHor.rsFade {
    height: 483px !important;
}

.wedding-section.wedding-section-five h2 {
    margin-top: -60px;
}
.wedding-section.wedding-section-two .rsDefaultInv .rsTab {
    font-size: 1.1em;
    font-weight: 400;
}
.wedding-section.wedding-section-two .rsDefaultInv .rsTab.rsNavSelected {
    font-weight: 700;
}

.fcg-grid.grid-columns-1 .fcg-grid-item:nth-of-type(n+1), .fcg-grid.grid-columns-2 .fcg-grid-item:nth-of-type(2n+1), .fcg-grid.grid-columns-3 .fcg-grid-item:nth-of-type(3n+1), .fcg-grid.grid-columns-4 .fcg-grid-item:nth-of-type(4n+1), .fcg-grid.grid-columns-5 .fcg-grid-item:nth-of-type(5n+1) {
    clear: none !important;
}

.fcg-controls ul li {
    color: #1a3b50 !important;
    font-family: "EB Garamond", serif;
    text-transform: capitalize !important;
    font-size: .9em !important;

}
.fcg-container-number-1 .fcg-controls.filter-piazzavenezia ul li, .fcg-container-number-1 .fcg-pagination.piazzavenezia a {
    background: transparent !important;
}

.filter.active {
    border-bottom: 1px solid #1a3b50 !important;
}
.fcg-grid.grid-columns-3.fcg-1.wpfcg_grid .fcg-grid-item {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    width: 33.3333% !important;
}

@media only screen and (max-width : 1260px) {
.fcg-grid.grid-columns-3.fcg-1.wpfcg_grid .fcg-grid-item {
    width: 50% !important;
    max-width: 50% !important;
}
}
@media only screen and (max-width : 695px) {

    .fcg-controls ul {margin-bottom: 0;}


    .fcg-controls.filter-piazzavenezia ul li {
        display: block;
        padding: 6px 20px;
        margin-bottom: 5px !important;
        border: 1px solid transparent;
        width: 49%;
        float: left;
    }

/*
    .fcg-controls.filter-piazzavenezia ul li.active {
        display: block;
    }
*/

    .filter.active {
        border: 1px solid #1a3b50 !important;
    }

    .fcg-grid {padding-top: 2em;}

.fcg-grid.grid-columns-3.fcg-1.wpfcg_grid .fcg-grid-item {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}
}

@media only screen and (max-width : 360px) {
    .fcg-controls.filter-piazzavenezia ul li {
        display: block;
        padding: 6px 20px;
        margin-bottom: 5px !important;
        border: 1px solid transparent;
        width: 100%;
        float: none;
    }
}
.fcg-grid figure p {
    font-family: "EB Garamond", serif;
    font-size: 1.1em !important;
    color: #fff;
    font-weight: 400;
    line-height: 150% !important;
}
.fcg-general-container .read-more-link {
    display: none;
}
.fcg-grid.fcg-1 .fcg-grid-item .fcg-container-portfolio a.fcg-read-more {
    top: 160px;
    background-color: #1a3b50 !important;
    border: none !important;
}

.piazzavenezia .fcg-container-portfolio .fcg-read-more {
    background: #1a3b50 none repeat scroll 0 0 !important;
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    text-transform:uppercase;
    letter-spacing: 1px;
    padding: 15px 36px 10px 36px;
    text-decoration: none;
    width: auto !important;
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
}

.button .fcg-read-more:hover { background-color: #487C99;}
.fcg-grid-item:hover .fcg-read-more {
    margin-top: 10px !important;
}
.fcg-grid.fcg-1 .fcg-grid-item .fcg-container-portfolio a.fcg-read-more:hover {
    color: #fff !important;
}
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 25% !important;
}
@media only screen and (max-width : 1910px) {
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 20% !important;
}
}
@media only screen and (max-width : 1736px) {
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 13% !important;
}
}
@media only screen and (max-width : 1260px) {
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 20% !important;
}
}
@media only screen and (max-width : 975px) {
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 17% !important;
}
}
@media only screen and (max-width : 870px) {
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 10% !important;
}
}
@media only screen and (max-width : 797px) {
.piazzavenezia .fcg-grid-item:hover .fcg-title {
    margin-top: 23% !important;
}
}
.fcg-read-more {
    opacity: 0;
}
.fcg-grid figure:hover .fcg-read-more {
    opacity: 1;
}
.breadcrumbs {
    display: none;
}


.entry tbody tr:nth-of-type(2n+1) {
    background-color: #f2f3f3;
}

.entry th {
    background-color:#1a3b50;
    color:#fff;
}
.entry tbody tr:nth-of-type(1) {
    background-color: #1a3b50 !important;
    color: #ffffff !important;
}

.tribe-events-calendar tbody tr:nth-of-type(2n+1) {
    background-color: #ffffff;
}

.tribe-events-calendar th {
    background-color:#1a3b50;
    color:#1a3b50;
}
.tribe-events-calendar tbody tr:nth-of-type(1) {
    background-color: #ffffff !important;
    color: #1a3b50 !important;
}

.entry tbody tr td:nth-of-type(1) {
    width: 70%;
    background: #fff;

}
.entry tbody tr td:nth-of-type(2) {
    width: 40%;
    background: #fff;
}
.entry tbody tr td:nth-of-type(2) p{
    color: #58585a;
}

.cap-chart tbody tr td {
    text-align: center;
    width: 14.285% !important;
}
.cap-chart tbody tr:nth-of-type(1) {
    background-color: #f2f3f3 !important;
    color: #1a3b50 !important;
}

.adp-directions tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.adp-directions th {
    background-color:#fff;
    color:#1a3b50;
}
.adp-directions tbody tr:nth-of-type(1) {
    background-color: #fff !important;
    color: #1a3b50 !important;
}
.adp-directions tbody tr td:nth-of-type(1) {
    width: auto;

}
.adp-directions tbody tr td:nth-of-type(2) {
    width: auto;

}

#privacy-policy-table td {
    border: 1px solid;
    padding: 4px;
}

#privacy-policy-table tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

#privacy-policy-table tbody tr:nth-of-type(1) {
    background-color: #fff !important;
    color: #58585a !important;
}

#privacy-policy-table tbody tr td:nth-of-type(1) {
    width: 25%;
}

#privacy-policy-table tbody tr td:nth-of-type(2) {
    width: 25%;
}


/*
tbody tr td:nth-of-type(3) {
    width: 17.5%;

}
*/
/*
.rates-table tbody tr td:nth-of-type(1) {
    width: 25%;

}
.rates-table tbody tr td:nth-of-type(2) {
    width: 25%;
    text-align: center;

}
.rates-table tbody tr td:nth-of-type(3) {
    width: 25%;
    text-align: center;

}
.rates-table tbody tr td:nth-of-type(4) {
    width: 25%;
    text-align: center;

}
*/

tbody tr td {
    padding: 0;
}
tbody tr td p {
    margin-bottom: 0 !important;
    font-size: inherit !important;
    color: #58585a !important;
}
tbody tr td ul li, tbody tr td ol li{
    font-size: inherit !important;
    color: #58585a !important;
}
tbody tr td {
        font-size: inherit;
}
tbody tr td h4 {
    font-size: inherit;
    color: #58585a !important;
}
table {
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
}
@media screen and (max-width: 500px) {
table {width:100%;
        text-align:left !important;

}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {}
tbody td {display: block; }
tbody td:before {
    content: attr(data-th);
    display: block;
    text-align:left !important;
  }
  tbody tr td:nth-of-type(1) {
    width: 100%;

}
tbody tr td:nth-of-type(2) {
    padding:0 20px 20px;
}


/*
.rates-table tbody tr td:nth-of-type(1) {
    width: 100%;

}
.rates-table tbody tr td:nth-of-type(2) {
    width: 100%;
    text-align: left;
}
.rates-table tbody tr td:nth-of-type(3) {
    width: 100%;
    text-align: left;
}
.rates-table tbody tr td:nth-of-type(3) {
    padding:0 20px;
}
.rates-table tbody tr td:nth-of-type(4) {
    width: 100%;
    text-align: left;

}
*/
}


.product-text {
    float: left;
    width: 78%;
}
.product-image {
    float: left;
    height: 200px;
    margin-right: 2%;
    width: 20%;
    background-size: cover;
    background-position: center;
}
.product-text tbody tr:nth-of-type(1) {
    background-color: #fff !important;
    color: #1a3b50 !important;
}
.product-text tbody tr:nth-of-type(2n+1) {
    background-color: #fff !important;
}
.product-text tbody tr td:nth-of-type(1) {
    width: auto !important;
}
.product-text tbody tr td {
    padding: 10px 20px;
}
@media screen and (max-width: 895px) {
.product-image {
    width: 30%;
    height: 150px;
}
.product-text {
    width: 68%;
}
}
@media screen and (max-width: 550px) {
.product-image {
    width: 100%;
    float: none;
    height: 200px;
    margin-bottom: 20px;
}
.product-text {
    float: none;
    width: 100%;
}
}

#search-4 input {
    text-align: center;
}
#search-4 {
    margin-bottom: 30px;
}

.product-wrapper.clearfix {
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.zoomtimeline .the-content a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #1a3b50 !important;
    display: block !important;
    font-weight: 300 !important;
    margin-top: 10px !important;
}
.zoomtimeline h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}
.zoomtimeline .scroller-con.skin_luna .scrollbarx_bg {
    background-color: #1a3b50 !important;
}
.zoomtimeline.mode-slider-variation .hexa-mark-con .hexa-inshow {
     line-height: 12px !important;
     color: #fff !important;
     display: none;
}
.zoomtimeline.mode-slider-variation .sc-descriptions .sc-description > .the-bg {
    background-color: #fcfefd !important;
     border-right: 2px solid #f3f6f5 !important;
}

.featherlight .featherlight-inner {
    padding-bottom: 40px !important;
    text-align: center !important;
}

.page-template-page-weddings .ngg-gallery-thumbnail-box {
    width: 20%;
}
@media screen and (max-width: 750px) {
.page-template-page-weddings .ngg-gallery-thumbnail-box {
    width: 33.333%;
}
}
@media screen and (max-width: 750px) {
.page-template-page-weddings .ngg-gallery-thumbnail-box {
    width: 33.333%;
}
}

.button.mobile-only {
    display: none;
}
@media screen and (max-width: 750px) {
.button.mobile-only {
    display: inline-block;
}
.cap-chart {
    display: none;
}
}
.utility-menu li {
    list-style: outside none none;
    display: inline-block;
}
.utility-menu li a:hover{color:#487C99 !important;}
#wpc-weather .forecast .temp_max, #wpc-weather .forecast .temp_min {
    font-weight: bold !important;
}
#wpc-weather.small .now .time_temperature::after, #wpc-weather .forecast .temp_max::after, #wpc-weather .forecast .temp_min::after, #wpc-weather .hours .temperature::after, #wpc-weather .today .time_temperature_max::after, #wpc-weather .today .time_temperature_min::after, #wpc-weather .now .time_temperature::after, #wpc-weather .today .time_temperature_ave::after {
    font-weight: normal !important;
}
.gform_wrapper.gf_browser_gecko .gfield_checkbox li input, .gform_wrapper.gf_browser_gecko .gfield_checkbox li input[type="checkbox"], .gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
    margin-top: 3px !important;
}
.gform_wrapper.gf_browser_safari .gfield_checkbox li input, .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio] {
    margin-top: 3px !important;
}
@media screen and (max-width: 500px) {
#tribe-events-content .tribe-events-calendar td {
    float: left;
}
#tribe-events-content table.tribe-events-calendar {
    border-top: 1px solid #d2d2d2;
}
}

/*
img.rsImg {
    bottom: 0;
    height: 100%;
    position: absolute;
    width: auto;
}
*/
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    display: none !important;
}
.tribe-events-loop .tribe-events-content {
    width: 100% !important;
}
.astero.astero-forecast {
    color: #1a3b50 !important;
}
.astero-credit {
    display: none !important;
}
.callout-block h2 {
    color: #fff;
}
.callout-block {
    background-color: #1a3b50;
    color: #fff;
    margin: 20px auto 0;
    padding: 60px 40px 40px;
    width: 60%;
}
.callout-block {
    background-color: #1a3b50;
    color: #fff;
    margin: 30px auto 0;
    padding: 40px 40px 23px;
    width: 100%;
}
#wpc-weather {
    margin: 0 !important;
    padding: 0 !important;
}
.location_name {
    display: none;
}
.time_symbol.climacon {
    float: left;
    line-height: 0 !important;
    margin-bottom: 0 !important;
    text-align: right !important;
    width: 50%;
}
#wpc-weather.small .now .time_symbol svg {
    margin-bottom: 0 !important;
}
.time_temperature {
    display: inline-block !important;
    margin-top: 20px !important;
    text-align: left !important;
    width: 50% !important;
    font-family: arial;
    font-size: 18px !important;
    letter-spacing: 6px;
}
#wpc-weather.small .now .time_temperature::after, #wpc-weather .forecast .temp_max::after, #wpc-weather .forecast .temp_min::after, #wpc-weather .hours .temperature::after, #wpc-weather .today .time_temperature_max::after, #wpc-weather .today .time_temperature_min::after, #wpc-weather .now .time_temperature::after, #wpc-weather .today .time_temperature_ave::after {
    content: "°" !important;
    font-family: arial !important;
    font-size: 18px !important;
}
.home-intro {
    background-position: center center;
    background-size: cover;
    bottom: 0;
/*    height: calc(100% - 146px);*/
    height: calc(100vh - 146px);
    left: 0;
    overflow: hidden;
/*    position: absolute;*/
    position: relative;
    right: 0;
    width: 100%;
    display: block;
}
@media screen and (max-width: 1025px) {
.home-intro {
    height: 500px;
    position: relative;
}
}
.room-callouts {
    display: block;
    font-size: 0.8em;
    letter-spacing: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.room-callout-title {
    border-right: 1px solid;
    margin-right: 6px;
    padding-right: 10px;
}


.flex-direction-nav a:before {
  font-family: "complete" !important;
  font-size: 30px !important;
  display: inline-block;
  content: '\e803' !important;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\e806' !important;
}
.flex-direction-nav a {
    height: 30px !important;
}
.tribe-events-day {
    padding: 0 !important;
}
#tribe-bar-views li.tribe-bar-views-option {
    list-style: none !important;
}
span.button {
    padding: 0;
}
.button > a {
    padding: 10px 36px;
}
.ngg-gallery-thumbnail {
    background-color: transparent !important;
    border: medium none !important;
    margin: 0 !important;
}

html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.pum-container,
.pum-container .pum-content,
.pum-container .pum-content iframe {min-height: 80vh !important;}

.image-content-image {
    padding: 0 !important;
    margin: 0;
}

.image-content-image-content {
    margin: 0;
}

.image-content-content {
    padding: 0 !important;
    margin: 0;
}

.image-content-image-content p:last-of-type, .image-content-content p:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
    .image-content-image {
        margin-bottom: 15px;
    }
    .image-content-image-content {
        padding: 0 !important;
    }
}

@media screen and (max-width: 500px) {
.home-intro {
    height: 300px;
}
}
#sp_menus0 > div.sp_mf.sp_pb { color: #FF0000 !important;}


/* ----------- YouTube Full Width Background ----------- */
.video-background { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; top: -25%; background: #fff; overflow:hidden; pointer-events: none; z-index: 1; margin-bottom: -60px;}
.video-background iframe, .video-background object, .video-background embed { background: #fff; position: absolute; left:0; width:100%; height:100%; top: -60px;}
.video-foreground {opacity: 0; transition: opacity .5s ease-in; position: absolute; top: 0;left: 0; width: 100%; height: 100%; pointer-events: none; background: #fff;}



body.admin-bar .datepicker {margin-top: 0;}

#tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 {font-size: 2.4em;}
.tribe-events-page-title {font-weight: 300;}
.tribe-events-list-event-description {text-align: left;}

#the_map {margin-right: 30px;}
.imgl-map .imgl-tooltips .imgl-tooltip-zoom {transform: none !important;}
.imgl-map .imgl-tooltips .imgl-tooltip {width: 400px !important; max-width: 90vw !important; text-align: center;}
.imgl-map .imgl-tooltips .imgl-tooltip p {text-align: center; padding: 0 15px; line-height: 1.4;}
.imgl-map .imgl-tooltips .imgl-tooltip h2 {padding: 0 15px;}
.imgl-map .imgl-tooltips .imgl-tooltip p .button:first-of-type {margin-top: 0;}

@media screen and (max-width: 1400px) {
    .imgl-map .imgl-tooltips .imgl-tooltip {width: 350px !important;}
}

@media screen and (max-width: 1300px) {
    #the_map {margin-right: 50px;}
    .imgl-map .imgl-tooltips .imgl-tooltip {width: 300px !important;}
}

@media screen and (max-width: 1150px) {
    .span_3.col {padding: 0 1%;}
    .col {padding: 0 1% 1%;}
    .span_9 {width: 77.25%;}
    .imgl-map .imgl-tooltips .imgl-tooltip {width: 270px !important;}
}

@media screen and (max-width: 900px) {
    #the_map {min-width: 900px; cursor: grab; margin-right: 0;}
    .imgl-map .imgl-tooltips .imgl-tooltip {width: 300px !important;}
}

@media screen and (max-width: 767px) {
    .mobile-100 {width: 100%;}
}

@media screen and (max-width: 700px) {
    #the_map {min-width: 700px; cursor: grab; margin-right: 0;}
    .imgl-map .imgl-tooltips .imgl-tooltip {width: 300px !important;}
}

@media screen and (max-width: 500px) {
    .imgl-map .imgl-tooltips .imgl-tooltip {width: 240px !important;}
}




#website-callout.hidden {
    left: -350px;
}

#website-callout {
    position: absolute;
    left: 0;
    top: 155px;
    z-index: 100;
    background: #487C99;
    padding: 20px;
    width: 350px;
    transition: left .3s ease-in;
}
.website-callout-image {
    width: 100%;
    height: 150px;
}
.website-callout-text {
    background: #fff;
    padding: 15px;
}
.website-callout-text h3 {
    margin-bottom: 5px;
}
.website-callout-text p {
    line-height: 1.3;
}
.website-callout-text a.button {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
}

#close-website-callout,
#open-website-callout {
    position: absolute;
    left: 100%;
    top: 50%;
    right: 0;
    background: #487C99;
    color: #fff;
    padding: 5px;
    width: 150px;
    text-align: center;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(90deg) translate(-50%, -50%);
    -moz-transform: rotate(90deg) translate(-50%, -50%);
    -ms-transform: rotate(90deg) translate(-50%, -50%);
    -o-transform: rotate(90deg) translate(-50%, -50%);
    transform: rotate(90deg) translate(-50%, -50%);
    margin-left: 15px;
    cursor: pointer;
}

#open-website-callout {display: none; width: 250px;}

#website-callout.hidden #close-website-callout {display: none;}
#website-callout.hidden #open-website-callout {display: block;}

#website-callout.change-top {top: 80px;}


@media screen and (max-width: 700px) {
    #website-callout.hidden {
        left: -250px;
    }

    #website-callout {
        width: 250px;
    }
}

@media screen and (max-width: 535px) {
    #website-callout {
        top: 174px;
    }
}

#header-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



#footer-form-container {
    background: rgba(27,27,27,.7);
    color: #fefcf6;
}

#footer-form-container input[type="text"] {
    background: #fefcf6;
    border-color: #fefcf6;
    border-radius: 0 !important;
    border-style: solid;
    border-width: 1px;
    color: rgba(27,27,27,.7);
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
}


#footer-form-container input::-webkit-input-placeholder {
  color: rgba(27,27,27,.7);
    opacity: 1;
}
#footer-form-container input::-moz-placeholder {
  color: rgba(27,27,27,.7);
    opacity: 1;
}
#footer-form-container input:-ms-input-placeholder {
    color: rgba(27,27,27,.7);
    opacity: 1;
}
#footer-form-container input:-moz-placeholder {
  color: rgba(27,27,27,.7);
    opacity: 1;
}
.display-block-mobile {display: block;}


@media screen and (max-width: 768px) {
    #footer-form-container input[type="text"] {
        width: 100%;
        margin: 7px 0;
    }
}

.footer-logo{
position: absolute;
    right: 50px;
    top: 30px;
    max-width: 200px;
}

.footer-credits{
	position:relative;
}

@media screen and (max-width: 1200px) {
	.footer-logo{
		right:0;
		top:0;
		position:relative;
	margin-top:10px;
	}
}

.video-hero{
	width: 100%;
    object-fit: cover;
	
}