@charset "UTF-8";

/*
Theme Name: The Update Company - Paddlers Inn Theme
Author: Nick Ward - The Update Company
Version: 0.1.0
Description: Wordpress + Bootstrap
*/

/* >>>>>>>>>> GLOBAL <<<<<<<<<< */
body {
    background-color: #ffffff;
}


.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin: 0;
}


/* Header Logo - Duh */
.logo {
    width: 60%;
    padding: 20px 0;
}

.padding-5 {
    padding-left: 5px;
    padding-right: 5px;
}

/*  Removes bullets from all lists */
.widget ul {
    list-style-type: none;
    padding: 0;
}

/* TRIP ADVISOR WIDGET */
#CDSWIDFRR {
    margin: 10px 0 !important;
}

a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

/* >>>>>>>>>> @FONT-FACE IMPORT <<<<<<<<<< */
@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proxima/proximanova-light-webfont.eot');
    src: url('fonts/proxima/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima/proximanova-light-webfont.woff2') format('woff2'),
        url('fonts/proxima/proximanova-light-webfont.woff') format('woff'),
        url('fonts/proxima/proximanova-light-webfont.ttf') format('truetype'),
        url('fonts/proxima/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('fonts/proxima/proximanova-boldit-webfont.eot');
    src: url('fonts/proxima/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima/proximanova-boldit-webfont.woff2') format('woff2'),
        url('fonts/proxima/proximanova-boldit-webfont.woff') format('woff'),
        url('fonts/proxima/proximanova-boldit-webfont.ttf') format('truetype'),
        url('fonts/proxima/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proxima/proximanova-regular-webfont.eot');
    src: url('fonts/proxima/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima/proximanova-regular-webfont.woff2') format('woff2'),
        url('fonts/proxima/proximanova-regular-webfont.woff') format('woff'),
        url('fonts/proxima/proximanova-regular-webfont.ttf') format('truetype'),
        url('fonts/proxima/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('fonts/proxima/proximanova-lightitalic-webfont.eot');
    src: url('fonts/proxima/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima/proximanova-lightitalic-webfont.woff2') format('woff2'),
        url('fonts/proxima/proximanova-lightitalic-webfont.woff') format('woff'),
        url('fonts/proxima/proximanova-lightitalic-webfont.ttf') format('truetype'),
        url('fonts/proxima/proximanova-lightitalic-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('fonts/proxima/proximanova-regularitalic-webfont.eot');
    src: url('fonts/proxima/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima/proximanova-regularitalic-webfont.woff2') format('woff2'),
        url('fonts/proxima/proximanova-regularitalic-webfont.woff') format('woff'),
        url('fonts/proxima/proximanova-regularitalic-webfont.ttf') format('truetype'),
        url('fonts/proxima/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proxima/proximanova-bold-webfont.eot');
    src: url('fonts/proxima/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/proxima/proximanova-bold-webfont.woff2') format('woff2'),
        url('fonts/proxima/proximanova-bold-webfont.woff') format('woff'),
        url('fonts/proxima/proximanova-bold-webfont.ttf') format('truetype'),
        url('fonts/proxima/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* >>>>>>>>>> TYPOGRAPHY RESET <<<<<<<<<< */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "proxima_nova_rgbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p,
ol,
ul,
li,
span,
pre,
label,
input,
textarea {
    font-family: "proxima_nova_rgregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    font-family: "proxima_nova_rgbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}




h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 10px;
}

h6 {
    font-size: 8px;
}

p,
ol,
ul,
li,
span,
pre,
label,
input,
textarea {
    font-size: 14px;
}



@media (min-width: 767px) {

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 12px;
    }

    h6 {
        font-size: 10px;
    }

    p,
    ol,
    ul,
    li,
    span,
    pre,
    label,
    input,
    textarea {
        font-size: 18px;
    }

}

/* >>>>>>>>>> TYPOGRAPHY STYLES <<<<<<<<<< */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #689d67;
}

a {
    color: #689d67;
    text-decoration: none;
}

a:hover,
a:active {
    color: #594B46;
    text-decoration: none;
}


.whiteText {
    color: #fff;
}

/* MASON.JS STYLES */

/* GRID 1 */
/* Containing div for MASON.JS plugin */
#img_grid_container {
    width: 100%;
    position: relative;
    font-size: 25px;
    font-family: Helvetica, Arial, sans-serif;
    color: #eaeaea;

}

/* All individually rendered photos in the MASON.JS grid */
.img_grid_item {
    color: #ffffff;
    background-color: #18a5d9;
    background-image: url('http://lorempixel.com/600/500/nature/');
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    position: relative;
}

.img_grid_item_inner {
    padding: 10px;
}

/* Filler div for MASON.JS plugin */
#img_grid_filler {
    display: none;
}

/* Filler divs for MASON.JS plugin */
.img_grid_filler_item {
    color: #ffffff;
    background-color: #eeeeee;
    background-image: url('http://lorempixel.com/400/350/abstract/');
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    position: relative;

}

.img_grid_filler_item_inner {
    padding: 10px;
}

/* GRID 2 */
/* Containing div for MASON.JS plugin */
#img_grid_container2 {
    width: 100%;
    position: relative;
    font-size: 25px;
    font-family: Helvetica, Arial, sans-serif;
    color: #eaeaea;
}

/* All individually rendered photos in the MASON.JS grid */
.img_grid_item2 {
    color: #ffffff;
    background-color: #18a5d9;
    background-image: url('http://lorempixel.com/600/500/people/');
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    position: relative;
}

.img_grid_item_inner {
    padding: 10px;
}

/* Filler div for MASON.JS plugin */
#img_grid_filler2 {
    display: none;
}

/* Filler divs for MASON.JS plugin */
.img_grid_filler_item2 {
    color: #ffffff;
    background-color: #eeeeee;
    background-image: url('http://lorempixel.com/400/350/animals/');
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    position: relative;
}

.img_grid_filler_item_inner {
    padding: 10px;
}

.fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
    opacity: 0.5;
}

/* Nav styles */
.navbar-default {
    background-color: #689d67;
    border-color: #594B46;
    min-height: 70px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #4C694C;
}

.navbar-default .navbar-text {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #4C694C;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFF;
    background-color: #594B46;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #FFF;
    background-color: #594B46;
}

.navbar-default .navbar-toggle {
    border-color: #594B46;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #594B46;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

.navbar-default .navbar-link:hover {
    color: #4C694C;
}

.navbar-nav>li {
    font-size: 14px;
}

/* Nav Dropdown */

.a {
    margin: 0 auto;
    width: 0;
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 10px;
}


.navbar-nav>li>.dropdown-menu {
    margin-top: -15px;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: transparent;
    border: 0 solid #594B46;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}

.dropdown-menu li {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33);
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #689D67;
    text-align: center;
    white-space: nowrap;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #689D67;
}

.navbar-right .dropdown-menu {
    left: auto;
    right: -50px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #594B46;
}

ul#menu-explore-menu li {
    font-size: 14px;
}

.green_tourism_section {
    display: block;
    position: relative;
    margin: 40px 0;
}

.green_tourism_section img {
    margin: 0 auto;
}

.green_tourism_section_text {
    display: block;
    position: relative;
    margin: 40px 0 0 0;
    text-align: center;
}

@media (max-width: 767px) {

    .navbar-collapse {
        margin-top: 20px;
    }

    .dropdown-menu li {
        background-color: #594B46;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.33);
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #594B46;
    }


}

.navbar-header {
    /*height: 70px;*/
}

#brand {
    text-transform: uppercase;
    font-size: 32px;
    padding-bottom: 5px;
}

#sub-brand {
    text-transform: uppercase;
    font-size: 18px;
}

#menu-main-menu {
    text-transform: uppercase;
    margin-top: 12px;
}


/* Panels */

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    transition: background 0.25s, color 0.25s;
    min-height: 430px;
}

.panel:hover {
    background-color: #594B46;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.33);
}


.panel:hover h1,
.panel:hover h2,
.panel:hover h3,
.panel:hover h4,
.panel:hover h5,
.panel:hover h6,
.panel:hover p {
    color: #fff;

}

.panel:hover .btn-default {
    color: #fff;
    background-color: #594B46;
    border-color: #fff;
}

.panel:hover .btn-default:hover {
    color: #594B46;
    background-color: #fff;
    border-color: #fff;
}

.panel .info-box-subtitle h3 {
    font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel img {
    width: 100%;
}

/* Buttons */

.btn-default {
    color: #689d67;
    background-color: #fff;
    /* border-color: #689d67; */
    border: 3px solid #689d67;
    border-radius: 5px;
    margin: 5px 0;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #594B46;
    border-color: #fff;
}


/* PAGE STYLING */

.entry {
    margin-top: 40px;
}

.entry-title {
    text-transform: uppercase;
}

.entry-img img {
    width: 100%;
}


/* Footer */
.footer {
    background-color: #282828;
    color: #ffffff;
    margin-top: 40px;
}

.footer hr {
    border: none;
    background-color: #689d67;
    color: #689d67;
    height: 2px;
    width: 83%;
    padding: 0 15px;
}

.footer h2 {
    color: #689d67;
}

.footer-contact-block {
    text-align: center;
    margin: 12px 0;
}

.footer a {
    color: #ffffff;
}

.footer a:hover,
.footer a:active {
    color: #689d67;
}

.footer .footer-contact-block a:hover,
.footer a:active {
    color: #e3e3e3;
}


#footer-contact {
    font-size: 20px;
    padding: 50px 0;
    background-color: #689d67;
}

.footer .widget-title {
    text-transform: uppercase;
    color: #689d67;
    font-size: 16px;
}

.footerImage {
    text-align: center;
    margin: 40px 0;
}

.footer-connect {
    margin-bottom: 10px;
}

/* Carousel */
#paddlers-carousel {
    min-height: 200px;
}

#accommodationCarousel {
    margin: 15px 0 15px;
}


.carousel-inner {
    max-height: 800px;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
}

.carousel-indicators {
    top: 20px;
    right: 10%;
    left: inherit;
    bottom: inherit;
    width: inherit;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-caption {
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 10px;
    z-index: 10;
    padding: 20px;
    color: #666;
    text-align: center;
    text-shadow: none;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
}

/* Backgrounds */
.info-boxes {
    background-color: #689d67;
}

.info-box {
    text-align: center;
    margin: -60px 0 60px 0;
    min-height: 430px;
}

.explore-box {
    background-color: #689d67;
    padding: 0;
    min-height: 150px;
    text-align: center;
    position: relative;
}

.explore-box img {
    width: 100%;
}

.exploreCaption {
    position: absolute;
    top: 40%;
}


.exploreCaption.sea_wolf_adventures {
    position: absolute;
    top: 40%;
    right: 26%;
}

.exploreCaption .btn-default {
    width: 300px;
    background: rgba(0, 0, 0, 0.3);
    border: 3px solid #fff;
    padding: 15px;
    color: #fff;
}



.exploreCaption .btn-default.sea_wolf_adventures {
    width: 360px;
    background: rgba(0, 0, 0, 0.5);
    border: 3px solid #fff;
    padding: 15px;

}

.exploreCaption .btn-default:hover,
.exploreCaption .btn-default:active {
    background: #fff;
}

.exploreCaption a {
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}

.call-to-action {
    margin: -160px 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    background: #594B46;
    background: rgba(89, 75, 70, 0.8);
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.8);
}



.call-to-action h1 {
    margin-top: 0;
    font-size: 40px;
}

iframe.gMap {
    width: 100%;
    height: 600px;
}

@media (max-width: 768px) {


    #brand {
        text-transform: uppercase;
        font-size: 30px;
        padding-bottom: 5px;
    }

    #sub-brand {
        text-transform: uppercase;
        font-size: 16px;
    }


    .call-to-action {
        margin-top: 20px;
        text-align: center;
        color: #ffffff;
        font-size: 24px;
        text-transform: uppercase;
    }

    .call-to-action h1 {
        margin-top: 0;
        font-size: 36px;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
    }

    .exploreCaption {
        position: relative;
        top: inherit;
        margin: 0 auto;
        left: initial;
    }

    .exploreCaption.sea_wolf_adventures {
        position: relative;
        top: inherit;
        margin: 0 auto;
        left: initial;
        right: initial;
    }


    .exploreCaption .btn-default {
        width: 100%;
        margin-top: 15px;
        background: transparent;
        border: 3px solid #ffffff;
        padding: 15px;
        color: #fff;
    }

    .exploreCaption .btn-default.sea_wolf_adventures {
        width: 100%;
        margin-top: 15px;
        background: transparent;
        border: 3px solid #ffffff;
        padding: 15px;
        color: #fff;
    }


    .info-boxes {
        /*background-color: #ffffff;*/
    }

    .info-box {

        margin: 20px 0;
    }

    iframe.gMap {
        width: 100%;
        height: 360px;
    }

}

.info-boxes .panel-body {
    padding: 5px;
}

.info-box h2 {
    text-transform: uppercase;
    font-size: 16px;
}

.info-box h3 {
    text-transform: capitalize;
    font-size: 14px;
}

.info-box-subtitle {
    min-height: 40px;
}

#about-hosts {
    margin: 30px 0;
}


.leftSidebar h3 {
    text-transform: uppercase;
}

.leftSidebar {
    margin: 20px 0;
    padding-bottom: 20px;
}

/* Sticky */
.stick {
    position: fixed;
    top: 10px;
}

/*google calendar grid */

.gce-day-past {
    background: #DDDDDD;
}

.gce-has-events {
    background: #689d67;
}

/* Accommodation */
.roomRow {
    margin-bottom: 20px;
}

.roomRow .col-md-3 {
    padding-left: 0;
}

.roomImage {
    margin-top: 20px;
}



/* Sea Wolf Adventure */

/* Mobile */

#sea_wolf_details {
    display: inline-block;
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: auto;
    background: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

#sea_wolf_details .left {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

#sea_wolf_details .right {
    display: inline-block;
    position: relative;
    float: left;
    padding: 10px;
    width: 100%;
    height: auto;
}

#sea_wolf_details .left ul {
    display: inherit;
    position: inherit;
    list-style: none;
    padding: 0;
    margin: 0;
}

#sea_wolf_details .left ul li {
    padding: 10px;
    background: #E8F5E9;
}

#sea_wolf_details .left p {
    font-size: 16px;
    padding: 10px;
    background: #f8f8f8;
    margin: 0;
}

#sea_wolf_details .right p {
    color: #689D67;
    text-align: center;
}

#sea_wolf_details .right img {
    display: block;
    position: relative;
    width: 260px;
    height: auto;
    margin: 0 auto;
}

#sea_wolf_details .right a.book_now_button {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #689D67;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

#sea_wolf_details .right a.book_now_button:hover,
#sea_wolf_details .right a.book_now_button:focus {
    background: #388E3C;
}

#sea_wolf_details .right a.book_now_button:active {
    background: #1B5E20;
}

#sea_wolf_details .left ul>li:nth-child(odd) {
    background: #C8E6C9;
}

@media (min-width: 768px) {

    /* Desktop */
    #sea_wolf_details .left {
        display: inline-block;
        position: relative;
        float: left;
        width: 60%;
    }

    #sea_wolf_details .right {
        display: inline-block;
        position: relative;
        float: left;
        width: 40%;
    }

    .green_tourism_section_text {
        margin: 80px 0 0 0;
    }

}


.prev-next {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

/* Responsive youtube */
.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}