/*
 Theme Name:     Thimble Island
 Theme URI:      
 Description:  	 Flat Child Theme
 Author:         ABC Marketing
 Author URI:     http://www.abcprintingink.com
 Template:       flat
 Version:        1.0.0
*/
 
@import url("../thimble-island/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.booki {
    overflow: auto;
}

body.page-id-807 {
    padding: 60px 0 !important;
    background-size: initial !important;
}

body.page-id-807 .container {
    width: auto !important;
}

body.page-id-807 #page {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

body.page-id-807 div#primary {
    width: 100% !important;
}

body.page-id-807 div#secondary {
    display: none !important;
}


body.page-id-807 form#loginform label {
    width: 100%;
}

body.page-id-807 #login ul {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 92px;
    left: 170px;
}

body.page-id-807 #login ul li {
    list-style: none;
    margin: 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

body.page-id-807 .site-info {
    display: none;
}

#TA_excellent904 {
    display: block;
    margin: 40px auto 0;
    width: 170px;
}



/*--------------------------------------------
   ALL SCREEN WIDTH
--------------------------------------------*/

body {
    padding: 240px 0 300px;
    background-size: cover !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 30px;
    margin-bottom: 8px;
}

.hentry .entry-title,
body h1 {
    margin-top: 0;
    text-align: center;
    font-family: 'Satisfy';
    font-size: 42pt;
}

hr {
    border-top: 1px solid #ddd;
}

table,
tr,
td,
th {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

table th,
table td {
    border: 1px solid #ddd !important;
    padding: 10px !important;
    border-collapse: collapse !important;
}

#primary .btn,
#primary .button,
#primary .woocommerce-page button.button.alt,
#primary input[type="submit"] {
    position: relative !important;
    top: 0 !important;
    width: auto !important;
    display: inline-block !important;
    padding: 10px !important;
    color: #fff!important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    letter-spacing: 1px !important;
    background: #1dd2af !important;
    border: 0 !important;
    outline: 0 !important;
    cursor: pointer !important;
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -ms-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
    -webkit-box-shadow: inset 0 100px 0 rgba(255, 255, 255, 0), inset 0 -3px rgba(0, 0, 0, .34) !important;
    -moz-box-shadow: inset 0 100px 0 rgba(255, 255, 255, 0), inset 0 -3px rgba(0, 0, 0, .34) !important;
    -ms-box-shadow: inset 0 100px 0 rgba(255, 255, 255, 0), inset 0 -3px rgba(0, 0, 0, .34) !important;
    -o-box-shadow: inset 0 100px 0 rgba(255, 255, 255, 0), inset 0 -3px rgba(0, 0, 0, .34) !important;
    box-shadow: inset 0 100px 0 rgba(255, 255, 255, 0), inset 0 -3px rgba(0, 0, 0, .34) !important;
}

#primary .btn:hover,
#primary .woocommerce-page button.button.alt:hover,
#primary .button:hover,
#primary input[type="submit"]:hover {
    top: -3px !important;
    text-shadow: none !important;
    background: #19b698!important
}

#primary .btn:focus,
#primary .woocommerce-page button.button.alt:focus,
#primary .button:focus,
#primary input[type="submit"]:focus {
    border: 0 !important;
    outline: 0 !important;
}

.clear {
    clear: both;
}

#res-logo {
    display: none;
    padding: 10px 0;
    text-align: center;
    position: relative;
    top: -174px;
}

/* Add drop shadow to main container for ALL devices */

@media all {
    .container {
        box-shadow: 0 5px 15px 2px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 5px 15px 2px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 5px 15px 2px rgba(0, 0, 0, .3);
        -ms-box-shadow: 0 5px 15px 2px rgba(0, 0, 0, .3);
        -o-box-shadow: 0 5px 15px 2px rgba(0, 0, 0, .3);
    }
}

/* Hide all comment boxes */

#comments {
    display: none;
}

/* Adjust position of logo */

#masthead .display-logo img {
    margin: -100px auto 0;
}

/* Hide Search Sidebar */

@media (max-width: 1199px) {
    .row-offcanvas-left .sidebar-offcanvas {
        left: -300px;
        display: none;
    }
}

/* Display Search Sidebar on click */

.active div.sidebar-offcanvas {
    display: block !important;
}

/* Color of main level menu items on hover */

#site-navigation li:hover {
    background: #444;
}

/* Color of sub level menu items on hover */

#site-navigation .sub-menu,
#site-navigation .children {
    background: #282828;
}

/* Indent sub level menu items */

#site-navigation ul li ul li a {
    margin: 0 0 0 20px;
}

/* Color of submenu items on hover */

#site-navigation li ul li:hover {
    background: #222;
}

/* Navigation Links */

#site-navigation li {
    position: relative;
}

#site-navigation li a {
    font-family: Roboto slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
    text-transform: none;
    padding: 0 25px;
    display: block;
    width: 100%;
}

/* Color of all navigation links on hover */

#site-navigation li a:hover,
#site-navigation li a:focus {
    color: #dcb727;
}

/* Navigation Links caret*/

#site-navigation li i {
    position: absolute;
    top: 0;
    right: 0;
}

/* Search Field */

#searchform .field {
    background: #555;
    color: #fff;
    border-radius: 100px;
    padding: 6px 20px;
}

/* Testimonials */

.pixelovely_testimonial p {
    font-size: 16pt;
    font-style: italic;
    text-align: center;
    line-height: 20pt;
    padding: 0 8px 0 0;
}

.pixelovely_testimonial_attribution {
    margin: 0;
    font-weight: normal;
    font-style: normal;
    display: block;
    text-align: center;
    letter-spacing: 2px;
}

.pixelovely_testimonial_attribution:after {
    content: " -";
}

/* Add border and shadow around all images within the entry content... */

.hentry .entry-content img,
.hentry .entry-summary img {
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

/* ... except on these pages */

.page-id-8 .hentry .entry-content img,
.page-id-8 .hentry .entry-summary img {
    border: 0 !important;
    box-shadow: none !important;
}

/* Make shadows visible on gallery thumbnails */

.gallery-item {
    overflow: visible;
}

/* Set padding for image gallery thumbnails */

.gallery-item {
    margin: 2% 5.3% 2% 0;
}

/* Adjust border of lightbox display */

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    border-radius: 0 !important;
    padding: 10px !important;
}

/* Rooms & Rates */

.room {
    width: 46.4%;
    margin: 0 1.8%;
    padding: 4%;
    float: left;
    text-align: center;
}

.room p {
    margin: 0;
}

.room:hover {
    background: #eee;
}

.attraction .location-pin {
    float: left;
    margin: 8px 0 0;
    width: 40px;
    border: 0 !important;
    box-shadow: none !important;
}

.attraction .info {
    width: 100%;
    padding: 0;
}

/* Booking Popup */

#TB_window {
    top: 10% !important;
    margin-top: 0 !important;
    position: absolute !important;
}

#TB_ajaxContent {
    padding: 0 !important;
    width: 100% !important;
    overflow: initial !important;
}

#TB_ajaxContent h2 {
    margin: 20px;
    !important;
    text-transform: initial !important;
}

#TB_ajaxContent .instruct {
    padding: 0 !important;
    margin: 0 0 15px !important;
    font-size: 10pt !important;
    color: #888 !important;
    line-height: 16pt !important;
    width: 304px !important;
}

#TB_ajaxContent p {
    padding: 0 !important;
}

.wpdevbk label {
    display: block !important;
    margin-top: 7px;
    margin-bottom: 0 !important;
    color: #888 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wpdevbk input,
.wpdevbk textarea,
.wpdevbk select,
.wpdevbk .uneditable-input {
    height: initial;
    padding: 4px 10px !important;
    margin-bottom: 4px !important;
    font-size: 12pt;
    line-height: initial;
    color: #1abc9c;
    border-color: #bbb !important;
}

.paypal_div form {
    line-height: 18pt;
    font-size: 12pt;
    color: #888;
}

.paypal_div strong {
    font-weight: bold;
    margin: 15px 0 0;
    display: block;
    text-align: center;
}

.paypal_div input[type="image"] {
    margin: auto !important;
    display: block;
    padding: 0;
}

.wpdevbk .alert {
    position: absolute;
    left: 253px;
}

#TB_window {
    position: absolute !important;
}

.wpdevbk select {
    padding: 5px 10px;
    outline: 0 !important;
}

.wpdevbk select:focus {
    border: 1px solid #1abc9c !important;
}

.wpdevbk li {
    line-height: 16pt !important;
    margin-bottom: 12px !important;
    font-size: 14px;
}


.block_hints .date_approved.block_check_in_out,
.block_hints .block_booked,
.datepick-inline .date_approved {
    background-color: #1abc9c !important;
}

.block_hints .date_approved.block_check_in_out,
.block_hints .block_booked,
.datepick-inline .date_approved,
.block_hints .block_booked a,
.datepick-inline .date_approved a {
    color: #005947 !important;
    font-weight: bold !important;
    text-shadow: none !important;
}


.calendar .left {
    float: left;
    width: 45%;
}

.calendar .right {
    float: right;
    width: 50%;
    line-height: 20px;
}

/* TRIP ADVISOR WIDGET */

#CDSSCROLLINGRAVE.wide {
    width: 100% !important;
    background-color: #eee;
    white-space: nowrap;
    overflow: hidden;
    font: normal 14px Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: left;
    border: 1px solid #ddd;
    text-decoration: none;
    outline: none;
    color: #333;
    padding: 7px;
}

#CDSSCROLLINGRAVE.wide img {
    box-shadow: none !important;
}

/* WOOCOMMERCE STYLES */

/* Hide This Stuff */

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .images,
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce .product_meta,
#wc-deposits-options-form,
.woocommerce legend {
    display: none;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
    margin: 0;
    padding: 80px 90px;
}

.woocommerce-page form.cart {
    overflow: hidden;
    min-height: 416px;
}

.wc-bookings-booking-form .form-field {
    margin: 0;
    width: 220px;
    background: #eee;
    padding: 10px 20px;
}

.wc-bookings-booking-form .form-field input[type=number] {
    width: 100%;
}

.wc-bookings-booking-form {
    border: 0;
    padding: 0;
    margin: 0;
    position: Relative;
}

.wc-bookings-booking-form fieldset {
    margin: 0 1px 0 0;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 460px;
}

.wc-bookings-booking-form fieldset:before {
    content: 'Please select a check-in date';
    font-family: "Roboto Slab";
    font-size: 24px;
    line-height: 100%;
    margin: 0 0 15px 0;
    display: block;
}

.wc-bookings-booking-form .wc-bookings-booking-cost {
    background: #eee;
    border-top: 1px solid #ddd;
    position: relative;
    margin: 0;
    padding: 10px 30px;
    width: 220px;
}

.woocommerce #primary form.cart .button {
    vertical-align: middle;
    float: none;
    padding: 16px !important;
    width: auto !important;
    margin: 10px 38px;
    font-size: 20px !important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a,
.block-available {
    background-color: #1DD2AF!important;
}

.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a,
.block-selected {
    background: #0FA387!important;
}

.wc-bookings-date-picker .ui-datepicker td.fully_booked a,
.wc-bookings-date-picker .ui-datepicker td.fully_booked span {
    background-color: #000000!important;
}

.block-unavailable {
    background-color: #A6A6A6!important;
}

.block-selected,
.block-available,
.block-unavailable {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

p.cal-legend {
    position: absolute;
    bottom: 60px;
    right: 90px;
}

.wc-bookings-date-picker .ui-datepicker-header {
    background: #333 !important;
}

.wc-bookings-date-picker .ui-datepicker th {
    background: #eee !important;
}

table.ui-datepicker-calendar td {
    border: 1px solid #fff !important;
    border-collapse: collapse;
}

.wc-bookings-date-picker .ui-widget-content {
    box-shadow: none !important;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next,
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev {
    background: #555 !important;
}

.woocommerce td.product-name dl.variation dd,
.woocommerce-page td.product-name dl.variation dd {
    margin: 0;
    padding: 0;
}

.cart_totals table th {
    width: 200px !important;
}




/* Woocommerce Error Messages */

.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
    display: none;
}


.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
    margin: 0 0 15px !important;
    padding: 20px !important;
    border-radius: 0;
    width: 100%;
    z-index: 1;
    border: 0 !important;
    color: #fff;
    text-shadow: none;
}

.woocommerce.single-product .woocommerce-message,
.woocommerce.single-product .woocommerce-error {
    position: absolute;
}

.woocommerce .woocommerce-message {
    background: #1DD2AF;
}

.woocommerce .woocommerce-error {
    background: #FF5757;
}






/* WOOCOMMERCE CHECKOUT */

.woocommerce-cart .tax-total {
    display: none;
}




/*--------------------------------------------
   MAX SCREEN WIDTH 1199px
--------------------------------------------*/

@media (max-width: 1199px) {
    body {
        padding: 280px 0 300px;
    }

    h1 {
        font-size: 42pt !important;
    }

    .row-offcanvas {
        overflow: visible;
    }

    .row-offcanvas-left.active {
        left: 0;
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: 0 !important;
        top: 40px;
        z-index: 1;
    }

    #masthead .hgroup {
        height: 41px;
    }

    #masthead .display-logo img {
        margin: -270px auto 39PX;
    }

    /*#logo {
										display: none;
									}
									
									#res-logo {
										display: block;
									}*/
    #TB_window {
        position: absolute;
    }
}

/*--------------------------------------------
   MAX SCREEN WIDTH 991px
--------------------------------------------*/

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


    .hentry .entry-title,
    body h1 {
        font-size: 4.5rem !important;
    }

}


}

/*--------------------------------------------
   MAX SCREEN WIDTH 767px
--------------------------------------------*/

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


    .hentry .entry-title,
    body h1 {
        font-size: 5.5rem !important;
    }

    .wc-bookings-booking-form .form-field {
        margin: 0 -4px 0 0;
        width: 50%;
        background: #eee;
        padding: 10px 20px;
        display: inline-block;
    }
    .wc-bookings-booking-form fieldset {
        margin: 30px 0 0 0;
        line-height: 0;
        position: relative !important;
        top: 0;
        right: 0;
        width: 100%;
    }
    p.cal-legend {
        position: absolute;
        bottom: 140px;
        right: 30px;
    }
    .woocommerce #primary form.cart .button {
        margin: 30px 0;
    }

    body {
        background-size: 100% !important;
        padding: 170px 0 0;
    }

    #logo {
        display: none;
    }

    #res-logo {
        display: block;
    }

    /* Rooms & Rates */
    .page-id-6 .hentry .entry-title {
        font-size: 40pt !important;
    }

    /* Heron Suite */
    .page-id-33 .hentry .entry-title {
        font-size: 28pt !important;
    }

    /* Egret Room */
    .page-id-50 .hentry .entry-title {
        font-size: 28pt !important;
    }

    /* Locations & Contact */
    .page-id-8 .hentry .entry-title {
        font-size: 30pt !important;
    }

    /* Area Attractions */
    .page-id-66 .hentry .entry-title {
        font-size: 32pt !important;
    }

    /* Outlet Shopping */
    .page-id-107 .hentry .entry-title {
        font-size: 34pt !important;
    }

    /* Book Your Stay */
    .page-id-251 .hentry .entry-title {
        font-size: 34pt !important;
    }

    h2 {
        font-size: 18pt !important;
    }

    #TB_window {
        position: absolute;
    }


}

/*--------------------------------------------
   MAX SCREEN WIDTH 665px
--------------------------------------------*/

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

    .hentry .entry-title,
    body h1 {
        font-size: 4.5rem !important;
    }

}

/*--------------------------------------------
   MAX SCREEN WIDTH 560px
--------------------------------------------*/

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

    body {
        padding: 120px 0 300px;
      	background-size: 100% !important;
    }

    #masthead .display-logo img {
        height: 100px;
        margin: -125px auto 39PX;
    }
  
    .hentry .entry-title,
    body h1 {
        font-size: 3.7rem !important;
    }

    body .subheader {
        text-align: center;
        font-size: 1.5rem;
        padding: .5rem;
        border: 1px solid #1dd2af;
        color: #1dd2af;
        margin-top: -10px;
      	margin-bottom: 1.5rem;
    }
  
    .room {
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
        padding: 20px;
        float: none;
        text-align: center;
    }


    .calendar .left {
        float: none;
        width: 100%;
    }

    .calendar .right {
        float: none;
        width: 100%;
        line-height: 20px;
    }

    #infoform td {
        display: block;
    }
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        padding: 30px;
    }

}

/*--------------------------------------------
   MAX SCREEN WIDTH 480px
--------------------------------------------*/

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

    .hentry .entry-title,
    body h1 {
        font-size: 2.8rem !important;
    }

    #TB_ajaxContent {
        padding: 30px 0 5px 25px;
    }

    .wpdevbk select {
        margin: 0 !important;
        padding: 5px 10px !important;
        outline: 0 !important;
        height: initial !important;
    }
}