/* _________________________________________________

VERB Interactive CSS Framework (Zion National Park Lodge)

Author: VERB Interactive
URL: http://www.verbinteractive.com
_____________________________________________________

*/

/* CSS Reset */

.clearfix{ zoom:1; }.clearfix:before,.clearfix:after{ content:"\0020";display:block;height:0;overflow:hidden; }
.clearfix:after{ clear:both; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

html {overflow-x: hidden;}
body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: "pragmatica-web", sans-serif; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

.booking select, .booking input {-webkit-appearance: none;}

/* typography */

@font-face {
    font-family: 'bodegaserifregular';
    src: url('bodega/bodegaserif-medium-webfont.eot');
    src: url('bodega/bodegaserif-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('bodega/bodegaserif-medium-webfont.woff') format('woff'),
         url('bodega/bodegaserif-medium-webfont.ttf') format('truetype'),
         url('bodega/bodegaserif-medium-webfont.svg#bodegaserifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1em;}
nav, #book, .button, #connect h1, #signup h1, .booking .title-block p, .booking .button, .search-query {font-family: 'Roboto Condensed', sans-serif; line-height: 1.5em; font-weight: 400;}
footer, p,  .booking select, .booking input, #error ul, div.tabBox, table {font-family: 'Roboto', sans-serif; font-weight: 400;}
.booking .title-block h1, .slider .title {font-family: 'bodegaserifregular';}
p {color: #333;}
h1 {color: #000;}
h2 {color: #727b2f;}
a {color: #727b2f; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}


/* Special Attributes */

input[type=search], input[type=submit] {-moz-appearance:none; -webkit-appearance:none;}
.button, #book, .facebook, .twitter, .google, .youtube, .pintrest, .instagram, input, #signup .button, .booking input, .booking select, .flex-direction-nav a, .search-query  {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#call-outs .button {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
a, #full-menu, #signup .button, .booking .button, #error .button, .dropdown-menu, #call-outs ul li p, #activity-form input {-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}

.slider p, #page-header h1, #page-header-short h1, #page-header-404 h1 {-webkit-text-shadow: 0px 0px 15px rgba(0,0,0,.55); -moz-text-shadow: 0px 0px 15px rgba(0,0,0,.55); text-shadow: 0px 0px 15px rgba(0,0,0,.55); zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#444444, Strength=3, Direction=180),filter: progid:DXImageTransform.Microsoft.Shadow(Color=#888888, Strength=1, Direction=0);}

.slider p, #page-header h1, #page-header-short h1, #page-header-404 h1 {-webkit-text-shadow: 0px 2px 1px rgba(0,0,0,.55); -moz-text-shadow: 0px 2px 1px rgba(0,0,0,.55); text-shadow: 0px 2px 1px rgba(0,0,0,.55);}

#logo {-moz-box-shadow: inset 0 0 32px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 32px rgba(0,0,0,0.3); box-shadow: inset 0 0 32px rgba(0,0,0,0.3);}


/* Main Structure Components */

html {background: #f3ede8;}
body {max-width: 1600px; margin: 0 auto; background: #fff;}

header, footer, section {max-width: 1600px; margin: 0 auto;}
section {background: #fff;}
header > div, footer > div, section > div {max-width: 960px; margin: 0 auto;}

/* Heading Nav & Logo */

header {background: #000; border-bottom: solid 1px #fff; position: relative; z-index: 25;}
header > div {max-width: 960px; margin: 0 auto; }
header .block {display: block; height: 101px;}

#logo {width: 170px; height: 42px; padding: 29px 20px 30px; display: block; background: #727b2f; position: absolute; z-index: 100; top: 0;}
#logo img {max-width: 100%; }

#menu-secondary-navigation, #menu-primary-navigation {font-size: 1em; text-transform: uppercase; line-height: 1;}
#menu-secondary-navigation li a, #menu-primary-navigation li a {display: block; padding: 12px 5%;}
#menu-primary-navigation a, #menu-secondary-navigation a {color: #1f1f1f; width: 90%; border-top: dotted 1px #e5e5e5; }
#menu-primary-navigation a:hover, #menu-secondary-navigation a:hover {background-color: #f5f5f5;}
#menu-primary-navigation li.current-menu-item a, #menu-primary-navigation li.current-menu-parent a, #menu-secondary-navigation li.active a {color: #727b2f;}
#menu-primary-navigation ul.dropdown-menu li a {color: #fff;} 

#book {color: #fff; position: absolute; top: 10px; right: 0; background: url(../img/button-arrows.png) right 14px no-repeat; padding: 12px 35px 12px 15px; font-size: 0.9375em; text-decoration: none; text-transform: uppercase; line-height: 1;}
#book:hover {color: #bac3b5;}
#book b {display: inline; font-weight: normal;}
#book em {display: none;}

#menu-secondary-navigation a, #menu-primary-navigation a {text-decoration: none;}
#menu-secondary-navigation a:hover, #menu-primary-navigation a:hover {color: #727b2f;} 
#menu-secondary-navigation a em, #menu-primary-navigation a em  {display: inline; font-style: normal;}

footer {padding: 30px 4%; line-height: 1.5; background: #000;}

#footer-left, #footer-right {display: inline-block; vertical-align: top; width: 100%; }
#footer-right a {padding-right: 9px; margin-right: 6px; border-right: solid 1px #acac9d;}
#footer-right h1 {padding-top: 30px;}
#footer-right h2 {display: block; margin-right: 6px;}

#footer-right a[title="Zion National Park"], #footer-right a[title="Salt Fork Lodge and Conference Center"], #footer-right a[title="Windstar Cruises"], #footer-right a:last-child {border-right: none;}

footer h1 {font-size: 1.125em; text-transform: uppercase; color: #fff; padding-bottom: 10px;}
footer h2 {font-size: 1em; text-transform: uppercase; color: #727b2f; display: inline-block; padding-top: 10px; }
footer a {color: #d5d5d5; text-decoration: none; font-size: 0.8125em; }
footer a:hover {color: #ffffff;}
footer p {color: #d5d5d5; text-transform: uppercase; padding-top: 20px; font-size: 0.8125em;}
footer ul {padding-top: 10px;}
footer ul li {display: inline-block; width: auto; padding-right: 10px; border-right: solid 1px #acac9d; margin-right: 10px; text-transform: uppercase; line-height: 0.8; }
.xanterra-logo {display: block; float: right; padding: 30px 0 10px 30px; width: 120px;}
.nsp-logo{height:100px; width:auto !important; float:right; display:block; margin-bottom:10px;}
#footer-right a.no-border {border: none;}

.button {color: #fff; background: url(../img/button-arrows.png) right 14px no-repeat #727b2f; padding: 13px 40px 14px 15px; font-size: 0.9375em; text-decoration: none; text-transform: uppercase; line-height: 1; font-weight: 500; cursor: pointer;}
.button:hover, #error .button:hover {background-color: #000; }

#content .button {color: #fff; background: url(../img/button-arrows.png) right 17px no-repeat #727b2f; padding: 15px 40px 15px 15px; margin-bottom: 10px; display: inline-block;}
#content .button:hover, #error .button:hover {color: #fff; background-color: #727b2f; text-decoration: none;}


.dropdown-menu {display: none;}

/* IE FIXES */

.ie7 #footer-left, .ie7 #footer-right, .ie7 footer ul li, .ie7 footer h2 {display: inline; zoom: 1;}
.ie7 footer ul li a {line-height: 1.8em;}


/* Table Styles*/
.table-wrap{
	width:100%;
	float:left;
	display:none;
	margin-bottom:20px;
}
.table-leader{
	width:100%;
	float:left;
	margin-bottom:20px;
}

.table-container{
    display:table;
    width:100%;
    border-collapse: collapse;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    }
.full-table{
	width:100%;
}
 .heading{
     font-weight: normal;
     display:table-row;
     background-color:#1b1b1b;
     text-align: center;
     line-height: 25px;
     font-size: 16px;
     color:#fff;
 }
 .table-row:nth-child(odd){  
     display:table-row;
     text-align: center;
     background: #e9f5ff;
 }
.table-row:nth-child(even){  
     display:table-row;
     text-align: center;
     background: #ffffff;
 }

.data-wrapper .col{ 
	display:table-cell;
 	border: 1px solid #CCC;
	padding:4px;
	width:15%;
	vertical-align:middle;
 }

 .col{ 
	display:table-cell;
 	border: 1px solid #CCC;
	padding:7px;
	/*width:10%;*/
	vertical-align:middle;
	float:none;
 }

/* End table Styles*/

/* Privacy Policy Toggle style*/
.togglewrap {width: 100%;float: left;border-bottom: 1px solid #cacaca;}
.toggle-title{ color:#727B2F; font-size:1.3em;width: 100%;float: left;font-weight: 400;cursor: pointer;padding: 0px 0 0 0px;
margin: 20px 0px;}
.toggle-slide {display: none; float: left;width: 100%;margin: 5px 0 10px;}
.toggle-slide li{ font-size: 1.03em !important; font-weight: normal; font-family: 'Roboto', sans-serif; color:#1f1f1f;}

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

nav #menu {display: block; text-align: center; position: absolute; top: 55px; right: 5%; cursor: pointer; font-size: 2em;}
nav #menu:hover, nav #menu:active {color: #2e6207;}
.active {color: #2e6207;}
nav #nav.drop {display: none; margin: 0; padding: 0; position: relative; z-index: 10; background: #fff; zoom: 1;}

}


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

header > div, footer > div, section > div {padding-left: 2%; padding-right: 2%;}
header > div {position: relative;}
header .block {height: 110px;}

#logo {width: 180px; height: 44px; padding: 40px 20px 40px;}
#menu-secondary-navigation li a, #menu-primary-navigation li a {color: #fff; width: auto;}

nav #menu {display: none;}

#menu-secondary-navigation {height: 30px; position: absolute; top: 20px; right: 195px; font-size: 0.875em; text-align: right; text-transform: none;}
#menu-secondary-navigation li a {padding: 12px 2px 0 10px;} 
#menu-secondary-navigation li, #menu-primary-navigation li {float: left; display: block;}

#menu-secondary-navigation li a, #menu-primary-navigation li a {width: 100%;}

#menu-primary-navigation a, #menu-secondary-navigation a {border-top: none;}
#menu-primary-navigation {height: 40px; position: absolute; top: 60px; right: 2.01%; font-size: 1em;}
#menu-primary-navigation li a {padding: 15px 0 27px 12px;}

#menu-primary-navigation a:hover, #menu-secondary-navigation a:hover {background: transparent; color: #727b2f;}
#menu-secondary-navigation li a, #menu-primary-navigation li a {background: transparent;} 
#menu-secondary-navigation a em {display: none;}
#menu-primary-navigation a em {display: none;}

/* Dropdown */
.dropdown-menu {position: absolute; right: 0; top: 50px; display: block; z-index: 2000; background: url(../img/drop-bg.png) top center repeat #000; display: none; padding: 30px 2.5%; width: 95%; font-size: 0.8125em;}
#menu-primary-navigation a:hover + .dropdown-menu {display:block;}
#menu-primary-navigation .dropdown-menu:hover {display:block;}
#menu-primary-navigation .dropdown-menu a:hover {color: #727b2f;} 

ul.dropdown-menu li {width: 45%; padding: 0; margin: 0 2.5%; border-bottom: solid 1px #333;}
ul.dropdown-menu li a {padding: 12px 2.5% 12px!important; color: #fff;}
ul.dropdown-menu li:nth-child(1) {border-top: solid 1px #333;}
ul.dropdown-menu li:nth-child(2) {border-top: solid 1px #333;}
ul.dropdown-menu li.current-menu-item {color: #92451e;}

#menu-primary-navigation li.current-menu-parent ul.dropdown-menu li a {color: #fff;} 
#menu-primary-navigation li.current-menu-parent ul.dropdown-menu li.current-menu-item a, #menu-primary-navigation li ul.dropdown-menu li a:hover {color: #727b2f;}

#book {top: 20px; right: 2.01%; background-color: #727b2f;}
#book:hover {color: #fff; background-color: #bac3b5;}
#book b {display: none;}
#book em {display: inline; font-style: normal;}

footer {padding: 30px 0; overflow: auto;}
#footer-left {width: 32.5%; float: left;}
#footer-right {width: 62.5%; float: right;}
footer ul li {width: 45%; padding-right: 0; margin-right: 0; border: none;}
#footer-right h1 {padding-top: 0;}
.xanterra-logo {padding: 0 0 10px 30px;}
.nsp-logo{height:100px; width:auto !important; float:right; display:block; margin-bottom:10px;}
#footer-right h2 {display: inline-block; }

/* IE Fixes */

.ie7 #footer-right h2 {display: inline; zoom: 1; }

}


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

header .block {height: 130px;}

#menu-primary-navigation li a {padding: 15px 0 27px 23px;}

#logo {width: 240px; height: 59px; padding: 40px 25px 45px;}
#menu-secondary-navigation {height: 40px; top: 27px; right: 205px; font-size: 1em;}
#menu-primary-navigation {height: 60px; top: 70px; right: 2.01%; font-size: 1.125em;}

.dropdown-menu {top: 60px; font-size: 0.875em;}

#book {top: 27px; right: 2.01%;}

#menu-secondary-navigation a em, #menu-primary-navigation a em {display: inline; font-style: normal;}

footer {padding: 40px 0;}
#footer-right {width: 66%;}

}
/* Mobile */
.mobileshow {display: none!important;}
.mobilehide {display: block!important;}
.phonecallout {display:none!important;}

@media screen and (max-width: 767px) {
    .mobileshow {display: block!important;}
    .mobilehide {display: none!important;}
    .phonecallout {display:none!important;}
    .booking-widget .field-container.arrival {width: 80% !important; height: auto; padding: 0 10%;margin-bottom: 10px;}
    table.ui-datepicker-calendar {margin: 0 !important;width: 100%;border-collapse: collapse;}


    .booking-widget .mobileshow .ui-datepicker {
        width: 100%;
    }
}

/* Booking Widget */
.packages-booking {
    background: #000;
    padding:31px 29px;
    margin-bottom:30px;
    text-align: center;
}
.package-booking-img img {
    width:100%;
    display: block;
}
.package-booking-img + .packages-booking-call.booking-details {
    margin-top: 20px;
}
.packages-booking .full {
    width:100%;
}
.packages-booking .button {
    border: 0 none;
    margin-bottom: 0;
}
.packages-booking h3 {
    color:#fff;
    text-align: center;
    font-size:20px;
    margin: 0 0 10px;
}
.packages-booking ul {
    text-align: left;
    margin:0 -7px;
    padding:0 0 20px;
    display: block;
    font-size: 0;
}
.packages-booking li {
    margin:0;
    padding:5px 7px;
    display: inline-block;
    width:50%;
    background: none;
    box-sizing: border-box;
}
#navigation .packages-booking ul li {
    border: 0 none;
}
#navigation .packages-booking ul li a {
    border: 0 none;
    padding: 0;
}
.packages-booking label {
    display: block;
    color:#fff;
    font-size:14px;
    line-height: 18px;
}
.packages-booking input[type=text],.packages-booking select {
    border:none;
    width:100%;
    border-radius: 3px;
    font-size:14px;
    box-sizing: border-box;
    padding:12px 10px;
    line-height:14px;
}
.packages-booking button {
    border:1px solid #d19222;
    text-transform: uppercase;
}
.packages-booking-call .package-phone-number {
    margin: 0 0 14px 0;
    font-size: 22px;
    font-style: italic;
    text-align: center;
}
.packages-booking-call .call-line {
    position: relative;
    margin: 0 0 5px 0;
}
.packages-booking-call .call-line::before {
    content:" ";
    display: block;
    position: absolute;
    top:50%;
    left:0;
    right:0;
    border-top:1px solid #bcbcbc;
}
.packages-booking-call .call-line span {
    background: #fff;
    color:#727b2f;
    padding:0 20px;
    display: inline-block;
    position: relative;
}
.package-phone-number a {
    font-size: 36px;
    font-style: normal;
    text-decoration: none;
}
.packages-booking-call a {
    color:#000;
}

.mobileshow .ui-datepicker-inline {
    width:100%;
    .ui-datepicker-calendar {
        tbody td {
            width:100/7 *1%;
        }
        a {
            width:100%;
        }
    }
}

/* Date picker */
.packages-booking input.hasDatepicker {
    background-image: url(../img/calendar-icon.png);
    background-repeat:no-repeat;
    background-size: 38px auto;
    background-position:right center;
    cursor:pointer;
}

.ui-datepicker-month,
#booking_snuggle .ui-datepicker-month,
.ui-datepicker-year,
#booking_snuggle .ui-datepicker-year,
.parent-pageid-47 .ui-datepicker-month,
.parent-pageid-47 .ui-datepicker-year,
.packages-booking .ui-datepicker-month,
.packages-booking .ui-datepicker-year {
    border: 0 none;
    font-size: 14px!important; 
    -webkit-appearance: none;
}

.ui-datepicker tbody tr,
#booking_snuggle .ui-datepicker tbody tr,
.ui-datepicker thead,
#booking_snuggle .ui-datepicker thead,
.parent-pageid-47 .ui-datepicker tbody tr,
.parent-pageid-47 .ui-datepicker thead,
.packages-booking .ui-datepicker tbody tr,
.packages-booking .ui-datepicker thead {
    border-bottom: 1px solid #bbb
}

.ui-datepicker,
#booking_snuggle .ui-datepicker,
.parent-pageid-47 .ui-datepicker,
.packages-booking .ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 15px Arial, sans-serif;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

#booking_snuggle .ui-datepicker {
    width: 100%;
}

.ui-datepicker table,
#booking_snuggle .ui-datepicker table,
.parent-pageid-47 .ui-datepicker table,
.packages-booking .ui-datepicker table {
    font-size: 15px;
}

.ui-datepicker a,
#booking_snuggle .ui-datepicker a,
.parent-pageid-47 .ui-datepicker a,
.packages-booking .ui-datepicker a {
    text-decoration: none
}

.ui-datepicker table,
#booking_snuggle .ui-datepicker table,
.parent-pageid-47 .ui-datepicker table,
.packages-booking .ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.ui-datepicker-header,
#booking_snuggle .ui-datepicker-header,
.parent-pageid-47 .ui-datepicker-header,
.packages-booking .ui-datepicker-header {
    background-color: #1a1a1a;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .2);
    text-shadow: 1px -1px 0 rgba(0,0,0,0.5);
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    min-height: 30px!important;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #1a1a1a;
    position: relative;
}
.ui-datepicker-title,
#booking_snuggle .ui-datepicker-title,
.parent-pageid-47 .ui-datepicker-title,
.packages-booking .ui-datepicker-title {
    text-align: center
}

.ui-datepicker-title select,
#booking_snuggle .ui-datepicker-title select,
.parent-pageid-47 .ui-datepicker-title select,
.packages-booking .ui-datepicker-title select {
    margin-top: 2.5%
}

.ui-datepicker-next,
#booking_snuggle .ui-datepicker-next,
.ui-datepicker-prev,
#booking_snuggle .ui-datepicker-prev,
.parent-pageid-47 .ui-datepicker-next,
.parent-pageid-47 .ui-datepicker-prev,
.packages-booking .ui-datepicker-next,
.packages-booking .ui-datepicker-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url(../img/calendar-arrows.png);
    background-repeat: no-repeat;
    background-size: 60px 30px;
    line-height: 600%;
    overflow: hidden
}

.ui-datepicker-prev,
#booking_snuggle .ui-datepicker-prev,
.parent-pageid-47 .ui-datepicker-prev,
.packages-booking .ui-datepicker-prev {
    left: 10px;
    background-position: 0 0;
}

.ui-datepicker-next,
#booking_snuggle .ui-datepicker-next,
.parent-pageid-47 .ui-datepicker-next,
.packages-booking .ui-datepicker-next {
    right: 10px;
    background-position: -30px 0;
}

.ui-datepicker-header .ui-state-disabled,
#booking_snuggle .ui-datepicker-header .ui-state-disabled,
.parent-pageid-47 .ui-datepicker-header .ui-state-disabled,
.packages-booking .ui-datepicker-header .ui-state-disabled {
    @include opacity(0.3);
    cursor:default;
}

.ui-datepicker thead,
#booking_snuggle .ui-datepicker thead,
.parent-pageid-47 .ui-datepicker thead,
.packages-booking .ui-datepicker thead {
    background: #ebebeb;

}

.ui-datepicker th,
#booking_snuggle .ui-datepicker th,
.parent-pageid-47 .ui-datepicker th,
.packages-booking .ui-datepicker th {
    text-transform: uppercase;
    text-align: center;
    font-size: 6pt;
    padding: 5px 0;
    color: #666;
    text-shadow: 1px 0 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0)
}

.ui-datepicker tbody td,
#booking_snuggle .ui-datepicker tbody td,
.parent-pageid-47 .ui-datepicker tbody td,
.packages-booking .ui-datepicker tbody td {
    padding: 0;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb
}

.ui-datepicker tbody td:last-child,
#booking_snuggle .ui-datepicker tbody td:last-child,
.parent-pageid-47 .ui-datepicker tbody td:last-child,
.packages-booking .ui-datepicker tbody td:last-child {
    border-right: 0
}

.ui-datepicker tbody tr:last-child,
#booking_snuggle .ui-datepicker tbody tr:last-child,
.parent-pageid-47 .ui-datepicker tbody tr:last-child,
.packages-booking .ui-datepicker tbody tr:last-child {
    border-bottom: 0
}

.ui-datepicker td a,
#booking_snuggle .ui-datepicker td a,
.ui-datepicker td span,
#booking_snuggle .ui-datepicker td span,
.parent-pageid-47 .ui-datepicker td a,
.parent-pageid-47 .ui-datepicker td span,
.packages-booking .ui-datepicker td a,
.packages-booking .ui-datepicker td span {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666;
    text-shadow: 1px 1px 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
    text-decoration:none!important;
}

.ui-datepicker-calendar .ui-state-default,
#booking_snuggle .ui-datepicker-calendar .ui-state-default,
.parent-pageid-47 .ui-datepicker-calendar .ui-state-default,
.packages-booking .ui-datepicker-calendar .ui-state-default {
    background: -moz-linear-gradient(top, #ededed 0, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #ededed 0, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0, #dedede 100%);
    background: linear-gradient(to bottom, #ededed 0, #dedede 100%);
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .5);
    box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .5)
}

.ui-datepicker-calendar .ui-state-hover,
#booking_snuggle .ui-datepicker-calendar .ui-state-hover,
.parent-pageid-47 .ui-datepicker-calendar .ui-state-hover,
.packages-booking .ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7
}

.ui-datepicker-calendar .ui-state-active,
#booking_snuggle .ui-datepicker-calendar .ui-state-active,
.parent-pageid-47 .ui-datepicker-calendar .ui-state-active,
.packages-booking .ui-datepicker-calendar .ui-state-active {
    background: #727b2f;
    border: 1px solid #727b2f;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    position: relative;
    margin: -1px
}

.ui-datepicker-unselectable .ui-state-default,
#booking_snuggle .ui-datepicker-unselectable .ui-state-default,
.parent-pageid-47 .ui-datepicker-unselectable .ui-state-default,
.packages-booking .ui-datepicker-unselectable .ui-state-default {
    background: #ebebeb;
    color: #aaa
}

.ui-datepicker-calendar td:first-child .ui-state-active,
#booking_snuggle .ui-datepicker-calendar td:first-child .ui-state-active,
.parent-pageid-47 .ui-datepicker-calendar td:first-child .ui-state-active,
.packages-booking .ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0
}

.ui-datepicker-calendar td:last-child .ui-state-active,
#booking_snuggle .ui-datepicker-calendar td:last-child .ui-state-active,
.parent-pageid-47 .ui-datepicker-calendar td:last-child .ui-state-active,
.packages-booking .ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0
}

.ui-datepicker-calendar tr:last-child .ui-state-active,
#booking_snuggle .ui-datepicker-calendar tr:last-child .ui-state-active,
.parent-pageid-47 .ui-datepicker-calendar tr:last-child .ui-state-active,
.packages-booking .ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0
}

td.ui-datepicker-unselectable.ui-state-disabled,
#booking_snuggle td.ui-datepicker-unselectable.ui-state-disabled,
.parent-pageid-47 td.ui-datepicker-unselectable.ui-state-disabled,
.packages-booking td.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #ebebeb
}

table.ui-datepicker-calendar,
#booking_snuggle table.ui-datepicker-calendar,
.parent-pageid-47 table.ui-datepicker-calendar,
.packages-booking table.ui-datepicker-calendar {
    margin: 0!important
}

div#ui-datepicker-div[style],
#booking_snuggle div#ui-datepicker-div[style],
body.parent-pageid-47 div#ui-datepicker-div[style],
body.packages-booking div#ui-datepicker-div[style] {
    z-index: 9999!important
}

.ui-datepicker-title select,
#booking_snuggle .ui-datepicker-title select,
.parent-pageid-47 .ui-datepicker-title select,
.packages-booking .ui-datepicker-title select {
    width: auto;
    margin-top: 0;
    padding: 2px;
    color: #000;
    background: #fff;
    font-size: 14px;
    height: auto;
}

.mobileshow .ui-datepicker-inline,
.mobileshow .ui-datepicker-inline .ui-datepicker-calendar a {
    width: 100% !important;
}

.mobileshow .ui-datepicker-inline .ui-datepicker-calendar tbody td {
    width: 14.2857142857%;
}

/* SCREEN READER/ACCESSIBILITY NOTIFICATION */
.screen-reader-notification {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    text-align:center;
    width: 100%;
    z-index: 999;
}
.screen-reader-notification a {
    text-decoration:underline;
}
.screen-reader-notification a:hover {
    cursor:pointer;
}
.visually-hidden {
    font-size:0;
    height:0;
}