/******************************************
    HAWLEY LAKE v2
    Developed 11/11/2021

    COLOR REF:
    LT Blue:    #6699cc
    DK Blue:    #003366
    Teal:       #339999
/******************************************/

:root { 
    --lt-blue: #6699cc;
    --dk-blue: #003366;
    --teal  : #339999;
}


@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Questrial&display=swap');


/******************************************
    CONVENIENCE
******************************************/
body {  font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.5; color: #333; font-weight: 400; }

h1 { text-transform: uppercase; font-weight: 700; font-size: 1.8rem; }

h4 { font-size: 1.2rem; }


a { color: #339999; text-decoration: none; }
.btn { text-decoration: none !important; }

/******************************************
    CLASSES
******************************************/

.bg-teal { background-color: var(--teal); color: #fff; }
.bg-dk-blue { background-color: var(--dk-blue); color: #fff; }
.bg-lt-blue { background-color: var(--lt-blue); color: #fff; }
    .bg-dk-blue a, .bg-teal a, .bg-lt-blue a { color: inherit; text-decoration: none !important; }

.btn-gc { background-color: #00ccff !important; color: #fff; }
.btn-facebook { background-color: #4f76bb !important; color: #fff; }

.button { display: inline-block; padding: .475rem .95rem; border-radius: .25rem; color: #fff; background-color: var(--lt-blue); border: 0px; border-collapse: collapse; text-decoration: none !important; 
          transition: all 0.5s ease-in-out; }
    .button:hover { background-color: var(--dk-blue); color: #fff; }

.box-link { position: relative; overflow: hidden; display: block; transition: all 0.5s ease-in-out; text-decoration: none !important; color: #fff !important; text-transform: uppercase; }
    .box-link:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 1; }
    .box-link img { max-width: 100%; z-index: 0; transition: all 0.7s ease-in-out; }
    .box-link span { position: absolute; bottom: 15px; left: 30px; right: 30px; text-align: left; font-size: 1.8rem; z-index: 2; }
        .box-link:hover img { transform: scale(1.2); }

.course-link { text-decoration: none !important; color: inherit !important; }
    .course-link p { position: relative; overflow: hidden; }
    .course-link img { display: block; transition: all 0.5s ease-in-out; }
        .course-link:hover img { transform: scale(1.2) }


.message { display: block; background-color: var(--teal); color: #fff !important; transition: all 0.5s ease-in-out; text-decoration: none !important; }
    .message:hover { background-color: var(--lt-blue); }

.page-header { background-color: var(--teal); color: #fff; }
    .page-header h1 { margin: 0px; }

li.widget { list-style-type: none; }
.widget h2 { font-size: 1.5rem; }
.widget ul { padding-left: 15px; }
.widget li { list-style-type: square; } 

.icon-pdf:before { color: #AA0002; display: #B90003; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: FontAwesome; content: "\f1c1"; margin-right: 8px; }

.wc-pao-addon-select_user_id { display: none; }

.woocommerce-product-gallery { display: none !important; }
.summary { width: 100% !important; float: none !important; }
div.quantity { display: none; }
.woocommerce div.product form.cart .variations label { font-weight: 300 !important; margin-top: 10px; }
.summary > .price { color: var(--dk-blue) !important; display: none !important; }
.woocommerce-variation-price { margin-bottom: 15px; border: none; padding: 15px; background: #fff; }
.woocommerce-variation-price .price { color: var(--dk-blue) !important; }
.woocommerce-tabs, .product_meta { display: none !important; }

.first-payment-date { margin-bottom: 15px; border: 1px solid #ced4da; padding: 15px; background: var(--dk-blue); color: #fff !important; font-size: 1.25rem !important; }

.wc-pao-addon-heading { font-size: 1.2rem; margin: 0 !important; }
.wc-pao-addon-select-user-to-assign-membership { background: #eaeaea; padding: 9px !important; }
.extra-options .nobg { background: #fff !important; }
.extra-options tr { background: #eaeaea; margin-bottom: 15px; }
.extra-options td.leftside { padding: 7px 0; }
.extra-options h4 { margin: .5rem; }

.wpcf7-acceptance .wpcf7-list-item { margin-left: 0 !important; }
.wpcf7-radio .wpcf7-list-item { margin: 20px 0 !important; }
.wpcf7-radio .wpcf7-list-item:not(:first-child) { margin-left: 15px !important; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee;
}

blockquote p::after {
    font-family: 'FontAwesome';
    content: "\f10e";
    margin-left: 5px;
}
blockquote p::before {
    font-family: 'FontAwesome';
    content: "\f10d";
    margin-right: 8px;
}

/******************************************
    LAYOUT
******************************************/
#site-header {  }
    #site-header > #main-header { position: relative; z-index: 1000; background-color: #fff; }
    #site-header #site-logo { font-size: 1.5rem; color: #003366; font-family: 'Questrial', sans-serif; text-decoration: none !important; }
        #site-header #site-logo img { max-height: 100px; }
    
    #site-header #site-nav { position: absolute; top: 50%; right: 15px; transform: translateY(-50%);  }
        #site-header #site-nav a { display: inline-block; font-weight: 400; margin: 0px 10px; color: inherit; transition: all 0.5s ease-in-out; }
            #site-header #site-nav a:hover { color: #339999; text-decoration: underline; }
        #site-header #site-nav a.btn { color: #fff; }


    /* Menu */
    #site-header #site-menu { background-color: #fff; display: none;  position: absolute; left: 0px; right: 0px; z-index: 10;  box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
        #site-header #site-menu ul { list-style: none; margin: 0px; padding: 0px; }
        #site-header #site-menu a { display: block; color: inherit; margin: 5px 0px; transition: all 0.5s ease-in-out; }
            #site-header #site-menu a:hover { color: #339999; text-decoration: underline;  }
        #site-header #site-menu .rya > img { max-width: 150px; }
        #site-header #site-nav .nav-toggle { position: relative; height: 38px; padding: 0px 20px; }
        #site-header #site-nav .nav-toggle .hamburger { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 50px; }
        #site-header #site-nav .nav-toggle .hamburger:before, #site-header #site-nav .nav-toggle .hamburger:after, #site-header #site-nav .nav-toggle .hamburger div { background: #fff; content: ""; display: block; height: 2px; border-radius: 3px; margin: 5px 15px; transition: 0.5s; }
        #site-header #site-nav .nav-toggle.open .hamburger:before { transform: translateY(8px) rotate(135deg); }
        #site-header #site-nav .nav-toggle.open .hamburger:after { transform: translateY(-6px) rotate(-135deg); }
        #site-header #site-nav .nav-toggle.open .hamburger div { transform: scale(0); }		

    body.page #site-header { border-bottom: solid 4px var(--teal); }
        body.page #site-content { border-top: solid 2px var(--teal); margin-top: 3px; }
 
#site-content { }
    #site-content #home-nav a { position: relative; text-decoration: none !important; text-transform: uppercase !important; transition: all 0.5s ease-in-out;  }
        #site-content #home-nav a:hover { background-color: var(--dk-blue); }

        #site-content #home-nav a+a:before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 1px; background-color: rgba(255,255,255,0.4); }

#home-why { position: relative; background: url(../images/img-why.jpg); background-position: right; background-size: cover; color: #fff; }
    #home-why:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 1; }
    #home-why article { position: relative; z-index: 2; }

#site-footer { color: #fff; }
    #site-footer hr { background-color: rgba(255,255,255,0.3);}
    #site-footer a { color: inherit; }
    #site-footer #site-legal a { display: block; }


#cta a { transition: all 0.5s ease-in-out; text-decoration: none !important; }
    #cta a:hover { transform: translateY(-10px); }
	
#swp-form-1587936079 .input-group { margin-bottom: 1rem; }
#swp-form-1587936079 .fa { margin-right: 8px; }

	

/******************************************
    WOOCOMMERCE
******************************************/

.input-text { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 0px; }
.input-text::-ms-expand {
  background-color: transparent;
  border: 0;
}

.input-text:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.input-text::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.input-text::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.input-text:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.input-text::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.input-text::placeholder {
  color: #6c757d;
  opacity: 1;
}

.input-text:disabled, .input-text[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff !important; background: #6c757d !important; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff !important; background: #6c757d !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-top: 15px !important; margin-bottom: 15px !important; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 300 !important; text-transform: unset !important; }
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { font-family: WooCommerce !important; /* content: "\e017"; */ margin-left: 0.53em !important; /*vertical-align: bottom !important;*/ }
	
/*.product-category img { display: none !important; }*/
.product-category a { color: var(--dk-blue); }
.product-category a h2 { border: 1px solid var(--dk-blue); padding: 15px !important; }
.product-category a h2:hover { background: var(--dk-blue); color: #fff; }
.product-category a h2 mark { display: none !important; }

.aioseo-breadcrumbs { margin-bottom: 15px; }

/*.col-sku { content: "Ref" !important; }*/

.wc-product-table td { border-bottom: 1px solid #E7E7E7 !important; }
table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: none !important; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--dk-blue) !important; color: #fff !important; }

.cart_item img { display: none !important; }

#order_review_heading { margin-top: 15px; }
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row { display: block; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: unset; padding: 0; }
.woocommerce-checkout h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 15px; color: var(--dk-blue); }

.woocommerce-MyAccount-navigation ul { padding: 0; }
.woocommerce-MyAccount-navigation li { list-style-type: none; display: inline-flex; }
.woocommerce-MyAccount-navigation li a { color: var(--dk-blue); }
.woocommerce-MyAccount-navigation a { border: 1px solid var(--dk-blue); padding: 15px !important; text-decoration: none; }
.woocommerce-MyAccount-navigation a:hover { background: var(--dk-blue); color: #fff; text-decoration: none; }
.woocommerce-MyAccount-navigation a mark { display: none !important; }


/******************************************
    CALENDAR 
******************************************/

.tribe-common .tribe-common-h3 { font-family: inherit !important; }
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 { font-family: inherit !important; }
.tribe-common-h8 { font-family: inherit !important; }
.tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small { font-family: inherit !important; }
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday { font-family: inherit !important; }
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 { font-family: inherit !important; font-size: 21px !important; }
.tribe-common .tribe-common-b2 { font-family: inherit !important; }
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border { font-family: inherit !important; }
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item { font-family: inherit !important; }
.tribe-events-calendar-list__event-details address { display: none !important; }
.nocomments { display: none !important; }
.tribe-events-single-event-title { font-size: 24px !important; }
.tribe-events-back { margin-bottom: 15px !important; }

.tribe-events-single h1 { font-size: 24px !important; }  
.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary { width: 100% !important; }
 .tribe-events-venue-map { width: 100% !important; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { min-height: 200px !important; padding-bottom: 0 !important; padding-top: 0 !important; }


/******************************************
    OVERRIDES 
******************************************/

/* BS Carousel */
.carousel-item .carousel-caption { position: relative; left: auto; right: auto; top: auto; bottom: auto; background-color: var(--teal); }
.bf:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8) !important; z-index: 2 }
.carousel-item:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.35); z-index: 2 }
.carousel-item img { animation: banner-zoom 2s ease-in-out; }
.carousel-indicators { z-index: 10; }

/* Cards */
.card, .card-header { border-radius: 0px; }

/* Accordion*/
#accordion .card { border: 0px; }
#accordion .card-header { background: transparent !important; border: 0px !important; padding: 0px; border-radius: 0px !important; }
    #accordion .card-header h2 { font-size: inherit !important; font-weight: 700; }
    #accordion .card-header a { text-transform: none; display: block; cursor: pointer; background: transparent !important; position: relative; color: var(--dk-blue); text-decoration: none !important;  border-bottom: solid 1px var(--dk-blue);  transition: all 0.5s ease-in-out; padding: 10px 0px; border-radius: 0px !important; }
    #accordion .card-header a.collapsed { color: inherit; color: inherit; border-bottom: solid 1px #ccc;} 

    #accordion .card-header a:before, #accordion .card-header a:after { content: ""; position: absolute; right: 15px; width: 2px; height: 12px; background-color: var(--dk-blue); transition: all 0.5s ease-in-out; }
        /* Horizontal */
        #accordion .card-header a:before { transform: rotate(180deg); right: 15px; opacity: 0; }
        #accordion .card-header a:after { transform: rotate(90deg); right: 15px; }

        #accordion .card-header a.collapsed:before { transform: rotate(90deg); opacity: 1; background-color: #ccc; }
        #accordion .card-header a.collapsed:after { transform: rotate(0deg); background-color: #ccc;  }

    #accordion .card-body { padding: 1.25rem 0px; }

/* Forms */
.form-control { height: 50px; border-radius: 0px; }

/******************************************
    MEDIA QUERIES
******************************************/

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    /* Carousel */
    .carousel-item { height: 450px; }
        .carousel-item img { position: absolute; left: 0px; top: 50%; animation: banner-zoom-md 2s ease-in-out forwards; z-index: 0; }
        .carousel-item .carousel-caption { background: transparent; position: absolute; text-align: left; left: 80px; width: 80%; top: 0px; bottom: 60px; right: auto; color: #ffffff; z-index: 5; }
        .carousel-item .carousel-caption .content { position: absolute; bottom: 0px; left: 30px; right: 30px; transform: translateY(130%); transition: all 0.5s 1s ease-in-out; animation: slide-up 1.5s 0.5s forwards; }

    /* Homepage */
    #home-why { background-attachment: fixed; }
}

@media (min-width: 992px) {

    .h1, h1, .box-link span { font-size: 2.5rem; }

    /* Carousel */  
    .carousel-item { height: 550px; }
    .carousel-item .carousel-caption { left: 60px; width: 60%; }

    /* Footer */
    #site-footer #site-legal a { display: inline; }
        #site-footer #site-legal a:before { content: "|"; display: inline-block; margin: 0px 5px; text-decoration: none !important; }
}

@media (min-width: 1200px) {

}


/* Carousel Banner caption Anim */

@keyframes slide-up {
    0% { transform: translateY(110%); }
    100% { transform: none; }
}


@keyframes banner-zoom { 
    0% { transform: scale(1.2); }
    100% { transform: scale(1.0); }
}

@keyframes banner-zoom-md { 
    0% { transform: scale(1.2) translateY(-50%); }
    100% { transform: scale(1.0) translateY(-50%); }
}


/* ----------------------------------------------
 * Generated by Animista on 2021-3-25 8:58:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-3-25 8:59:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-14 16:7:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */

.slide-in-left, h1.in-view:before, h1.in-view:after {
	-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/* Menu bounce in*/
.slide-in-top, #site-menu {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-11-17 9:24:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}