@charset "UTF-8";

html, body {
  scroll-behavior: auto !important;
  
}

body {
  background-color: #fff;
  color: #000;
  font-family: "Inter", Helvetica, Arial, sans-serif;
}

div,
p,
li {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-size: 1 rem;
  font-weight: 400;
  line-height: 130%;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  font-weight: 700;
}

body h1 {
  font-size: 3rem;
}

@media (max-width: 991px) {
  body h1 {
    font-size: 8vw;
  }
}

body h2 {
  font-size: 2rem;
  padding-top: 1.5rem;
}

body h3 {
  font-size: 1.325rem;
}

body h4,
body h2.h4 {
  font-size: 1.2rem;
}

h1.border-primary {
  border-color: #000000 !important;
}

.wp-block-image img {
  height: auto;
}

.header {
  font-size: 1rem;
  font-weight: 700;
}

.subheader {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}

.button,
.btn,
button {
  font-size: 1rem;
  font-weight: 700;
}

caption,
.caption {
  font-size: 0.875rem;
  font-weight: 500;
}

.container-black {
  background-color: #000;
  color: #fff;
}

td,
th {
  padding: 0.85rem;
}

body .card {
  border-bottom: 1px solid #000;
  border-top: none;
  border-left: none;
  border-right: none;
}

.entry-content img {
  height: auto;
}

/* Footer styles */
footer .bg-dark {
  background-color: #000 !important;
  color: #fff;
}

footer h2.h4 {
  border-bottom: 1px solid #fff;
}

footer ul {
  list-style: none;
  padding-left: 0rem;
}

footer ul a {
  color: #fff;
  text-decoration: none;
  line-height: 2rem;
}

footer ul a:hover,
footer ul a:focus {
  text-decoration: underline;
  color: #c0ece2;
}

/* Secondary Navigation ie second bar on Program pages */
.dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "" !important;
  border-top: none !important;
  position: absolute;
  top: 9px;
  right: 5px;
}

.menu-item-has-children {
  padding-right: 1.5rem;
}

.second-brand {
  font-size: 1.625rem;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  padding-right: 25px;
  line-height: 2.5rem;
}

.second-brand:focus::after,
.second-brand:hover::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "" !important;
  border-top: none !important;
  position: absolute;
  top: 0px;
  right: 0px;
}

/* Secondary Navigation when on white background */
.navbar-secondary {
  border-bottom: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
}

.navbar-secondary a {
  color: #000;
}

.navbar-secondary.navbar-dark .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-secondary.navbar-dark .navbar-nav .current-menu-item .nav-link,
.navbar-secondary.navbar-dark .navbar-nav .nav-link:hover,
.navbar-secondary.navbar-dark .navbar-nav .nav-link:focus,
.navbar-secondary.navbar-dark .navbar-nav .current-menu-parent .nav-link {
  color: black;
}

.navbar-secondary ul li {
  border-bottom: 3px solid #fff;
}

.navbar-secondary ul li.current-menu-item,
.navbar-secondary ul li.current-menu-parent,
.navbar-secondary ul li:hover,
.navbar-secondary ul li:focus {
  border-bottom: 3px solid #000;
}

.navbar-secondary ul.dropdown-menu.dropdown-menu-dark {
  border: 1px solid #000;
  border-radius: 0px;
  background-color: #fff;
}

/* Secondary Navigation when in .container-black */
.navbar-secondary.container-black {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.navbar-secondary.container-black a {
  color: #fff;
}

.navbar-secondary.container-black.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.navbar-secondary.container-black.navbar-dark
  .navbar-nav
  .current-menu-item
  .nav-link,
.navbar-secondary.container-black.navbar-dark .navbar-nav .nav-link:hover,
.navbar-secondary.container-black.navbar-dark .navbar-nav .nav-link:focus,
.navbar-secondary.container-black.navbar-dark
  .navbar-nav
  .current-menu-parent
  .nav-link {
  color: white;
}

.navbar-secondary.container-black ul li {
  border-bottom: 3px solid #000;
}

.navbar-secondary.container-black ul li.current-menu-item,
.navbar-secondary.container-black ul li.current-menu-parent,
.navbar-secondary.container-black ul li:hover,
.navbar-secondary.container-black ul li:focus {
  border-bottom: 3px solid #fff;
}

.navbar-secondary.container-black ul.dropdown-menu.dropdown-menu-dark {
  border: 1px solid #fff;
  border-radius: 0px;
  background-color: #000;
}

/* Program Menu Matrix */
.program-matrix a.card {
  border-radius: 0px;
  border: 1px solid #000;
  text-decoration: none;
  color: #000;
}

/* .program-matrix a.card-marina a.card {background-color:$col-sea;color:#000;} */
.program-matrix a.card:hover,
.program-matrix a.card:focus {
  background-color: #000;
  color: #fff !important;
  text-decoration: none !important;
}

/* Program Menu Matrix Dark */
.program-matrix.program-matrix-dark a.card {
  border-radius: 0px;
  border: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  background-color: #000;
}

/* .program-matrix.program-matrix-dark .card-marina a.card {background-color:$col-sea;color:#000;} */
.program-matrix.program-matrix-dark a.card:hover,
.program-matrix.program-matrix-dark a.card:focus {
  background-color: #fff;
  color: #000 !important;
  text-decoration: none !important;
}

/* 
DP styles 
*/
#content p {
  line-height: 150%;
}

.cd-form .gform_wrapper.gravity-theme .gf_page_steps {
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
}

.cd-form .gform_wrapper.gravity-theme .wp-editor-container {
  margin-bottom: 2rem !important;
}

.cd-form .gform_wrapper.gravity-theme .gform_fileupload_rules {
  font-style: italic;
}

.cd-form fieldset.gfield {
  margin-bottom: 2.4rem !important;
}

.cd-form .gfield_label {
  font-size: 20px !important;
}

.cd-form .cd-choice {
  display: inline-block !important;
  padding-right: 1rem;
}

.cd-form .cd-image-upload-section {
  margin-top: 3rem !important;
  padding-bottom: 8px !important;
}

.cd-form .cd-image-upload {
  margin-top: 1.5rem !important;
  padding-bottom: 8px !important;
}

.cd-form .cd-image {
  padding: 0 !important;
  border: none !important;
}

.cd-form .cd-image h3 {
  border-top: 1px solid #ccc;
  padding-top: 1.4rem;
}

.cd-form .cd-image-details .gfield_label {
  font-size: 1.1rem !important;
  font-weight: normal !important;
}

.cd-form .cd-image-upload .gfield_label {
  font-size: 1.1rem !important;
  font-weight: normal !important;
  padding-top: 0 !important;
}

.cd-form .cd-image-upload .ginput_container_fileupload {
  padding-bottom: 1rem !important;
}

.buy-btn-float {
  z-index: 2 !important;
}

/* 
TR styles 
*/
body .gfield {
  text-align: left;
}

.har-img-left img {
  float: left;
  margin: 0 10px 10px 0;
}

h2.c-accordion__title:hover,
h2.c-accordion__title:focus {
  background-color: #cccccc;
}

.entry-heading-date {
  font-weight: 500;
  font-size: 1rem;
  line-height: 0.5rem;
}

.btn.btn-primary,
.btn.btn-primary:active {
  border-radius: 0px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.btn.btn-primary-reverse,
.btn.btn-primary-reverse:active {
  border-radius: 0px;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.btn.btn-primary-reverse:hover,
.btn.btn-primary-reverse:focus {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

figcaption {
  text-align: right;
  padding: 1rem;
  font-size: 0.85rem;
}

.single-event .entry-header figcaption {
  margin-top: -52px;
}

a.individual-term,
.individual-term {
  background-color: #cccccc;
  padding: 5px;
  margin: 15px 15px 0 0;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
}

a.individual-term:focus,
a.individual-term:hover {
  text-decoration: none;
  background-color: #000;
  color: #fff;
}

p.hf-bold {
  font-weight: 700;
}

p a {
  color: #000;
}

p a:hover,
p a:focus {
  color: #000;
  text-decoration: none;
}

p.hf-header {
  margin-bottom: 0px;
  font-weight: 700;
}

.entry-title-block p.hf-date {
  text-transform: uppercase;
  font-size: 0.95rem;
  font-weight: 400;
}

a.list-link:active,
a.list-link {
  text-decoration: none;
  color: #000;
}

a.list-link:hover,
a.list-link:focus {
  text-decoration: underline;
  color: #000;
}

a.card {
  text-decoration: none;
  color: #000;
  overflow: hidden;
}

div.nordic-box {
  border: 1px solid #c0ece2;
  background-color: #c0ece2;
}

.home .slides-container a.nordic-spotlight:hover,
.home .slides-container a.nordic-spotlight:focus,
a.nordic-spotlight:hover,
a.nordic-spotlight:focus {
  color: #c0ece2;
}

a.card.nordic-spotlight-box,
a.card.nordic-spotlight-box .card-body,
a.nordic-spotlight-box:focus .card-body {
  background-color: #c0ece2 !important;
}

a.card:hover,
a.card:focus {
  color: #000;
  -webkit-box-shadow: 5px 3px 7px -2px rgba(0, 0, 0, 0.73);
  box-shadow: 5px 3px 7px -2px rgba(0, 0, 0, 0.73);
}

a.card img {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.card:hover img,
a.card:focus img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.site-header .bg-light {
  background-color: #ffffff !important;
}

#nav-main {
  border-bottom: 1px solid #dadada;
}

#nav-main a {
  color: #000;
}

#nav-main a:hover,
#nav-main a:focus {
  text-decoration: underline;
}

#masthead .btn-link {
  color: #000;
}

#masthead .btn-link:hover,
#masthead .btn-link:focus {
  color: #000;
  border: 1px solid #000;
}

p.top-featured {
  text-align: left;
  margin-top: 6px;
}

p.top-featured a {
  text-decoration: none;
  font-weight: 700;
}

p.top-featured a:focus,
p.top-featured a:hover {
  text-decoration: underline;
}

.entry-content-below .card {
  border-radius: 0px !important;
  border: none;
  background-color: #000;
  color: #fff;
}

.entry-content-below .card a {
  color: #fff;
  text-decoration: underline;
}

.entry-content-below .card a:hover,
.entry-content-below .card a:focus {
  color: #fff;
  text-decoration: none;
}

.single-event .entry-header {
  background-color: #f7f7f7;
}

.event-feature-image {
  width: calc(100% - 2rem);
  margin: 1rem 1rem 0rem 1rem;
  height: auto;
}

.entry-title-block {
  background-color: #000;
  color: #fff;
  display: block;
}

.entry-title-block p {
  font-weight: 700;
}

.entry-title-block h1 {
  padding-bottom: 0px;
}

.entry-header {
  position: relative;
}

.entry-title-block {
  left: 0;
  right: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 2rem 2.25rem 1rem 1rem;
}

.entry-title-block.collapsed {
  right: calc(100% - 35px);
  left: auto;
}

.event-slider-control {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 0px;
  right: 10px;
  cursor: pointer;
}

.entry-title-block.collapsed .event-slider-control p,
.entry-title-block p.show-button {
  display: none;
}

.entry-title-block.collapsed .event-slider-control p.show-button {
  display: block;
}

.discipline-container p {
  text-align: right;
  padding-right: 1rem;
  padding-bottom: 10px;
}

.discipline-container a {
  text-decoration: none;
}

.discipline-container a:focus,
.discipline-container a:hover {
  text-decoration: underline;
  color: #000;
}

.btn-buy,
.gform_button {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 8px;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-top: -1rem;
}

.btn-buy:hover,
.btn-buy:focus,
.gform_button:hover,
.gform_button:focus {
  background-color: #fff;
  color: #000;
}

.wp-block-pb-accordion-item h2 {
  font-size: 1.25rem;
}

h2.entry-heading {
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
  margin-bottom: 1rem;
  font-weight: 700;
}

.buy-btn-float {
  position: fixed;
  bottom: 25px;
  width: calc(100% - 24px);
  left: 12px;
  font-size: 1.5rem;
}

img.series-feature-image {
  width: 100%;
  height: auto;
}

.single-series .entry-header {
  position: relative;
}

.single-series .entry-header .size-header-logo {
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 20%;
  left: 0;
  right: 0;
  max-height: 75%;
  width: auto;
}

img.card-series-event {
  width: 100%;
  height: auto;
}

.program-header img {
  width: 100%;
  height: auto;
}

.wp-block-pb-accordion-item {
  border-bottom: 1px solid #666666;
  margin-top: 15px;
}

.test {
  border: none;
  background-color: #fff;
}

.har-table-icons {
  margin-bottom: 0px;
}

.har-table-icons figcaption {
  font-size: 0.85rem;
  display: block;
  text-align: center;
}

figcaption {
  position: relative;
}

.signup-section {
  margin-top: 5rem;
}

.entry-content .wp-block-button__link {
  background-color: #000;
  border: 1px solid #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus {
  color: #000;
  background-color: #fff;
}

.map-legend img {
  width: 60px;
  height: auto;
  padding: 3px;
}

/* Search */
.card.horizontal {
  border-radius: 0px;
}

h2.blog-post-title a {
  color: #000;
  text-decoration: none;
}

body h2.blog-post-title a:hover,
body h2.blog-post-title a:focus {
  color: #000;
  text-decoration: underline !important;
}

/* FacetWP */
.facetwp-facet-craft_status .facetwp-checkbox,
.facetwp-facet-craft_studio .facetwp-checkbox {
  display: inline-block;
  margin-right: 15px;
}

.facetwp-checkbox input {
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  background: #fff;
}

.facetwp-checkbox input:checked {
  -webkit-box-shadow: inset 0 0 20px #000;
  box-shadow: inset 0 0 20px #000;
}

/* AiR */
.air-social .fab,
.air-social .fas {
  color: #000;
  font-size: 1.75rem;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  margin-right: 15px;
}

.air-social a:hover .fas,
.air-social a:focus .fas,
.air-social a:hover .fab,
.air-social a:focus .fab {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.air-gallery img {
  width: 100%;
  height: auto;
}

/* Calendar */
.selection-popup
  .caleran-container
  .caleran-input
  .caleran-header
  .caleran-header-start
  .caleran-header-start-day,
.selection-popup
  .caleran-container
  .caleran-input
  .caleran-header
  .caleran-header-end
  .caleran-header-end-day {
  color: #000;
}

.row-event-day .event-day-date h2 {
  display: inline-block;
}

.row-event-day .event-day-date h2 .date-text {
  font-size: 26px;
}

.row-event-day .event-day-date h2 .date-number {
  font-size: 100px;
}

/* Jobs */
.job-list-item h3 a {
  color: #000;
  text-decoration: none;
}

.job-list-item h3 a:hover,
.job-list-item h3 a:focus {
  color: #000;
  text-decoration: underline !important;
}

/* Gforms */
#gform_15 #gform_submit_button_15 {
  border-radius: 0px;
  font-weight: 500;
  font-size: 1.25rem;
  padding: 5px 20px;
}

.signup-section {
  border-top: 1px solid #000;
  background-color: #eeeeee;
}

/* Blockquotes */
blockquote {
  position: relative;
  padding: 1rem 1.2rem;
  width: 80%;
  /* create space for the quotes */
  color: #484748;
  margin-left: 10% !important;
  display: block;
}

blockquote {
  background: linear-gradient(to right, #000000 2px, transparent 4px) 0 100%,
    linear-gradient(to left, #000000 2px, transparent 4px) 100% 0,
    linear-gradient(to bottom, #000000 2px, transparent 4px) 100% 0,
    linear-gradient(to top, #000000 2px, transparent 4px) 0 100%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

cite {
  font-style: normal;
  font-weight: 500;
}

/* Single Events */
.event-signup {
  z-index: 2020;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
  min-width: 325px !important;
  max-width: 600px !important;
  width: auto;
  position: relative !important;
  /* margin: 0; */
  top: 0;
  left: 0;
  border: none;
  margin: 0 auto !important;
}

.event-signup .modal-title {
  padding-bottom: 0;
}

.event-signup .gform_wrapper.gravity-theme .gfield_label {
  padding: 0 0 0 3px !important;
}

.event-signup .gform_wrapper.gravity-theme .ginput_container_address span {
  -ms-flex-preferred-size: 100% !important;
  flex-basis: 100% !important;
}

.event-signup
  .gform_wrapper.gravity-theme
  .ginput_container_address
  .ginput_right {
  padding-left: 0 !important;
}

.acf-range-wrap input[type="number"] {
  width: 4em !important;
}

@media (max-width: 991px) {
  body.single h1 {
    font-size: 2.25rem;
  }
}

@media (min-width: 768px) {
  .har-table-icons img {
    padding: 0 5px;
  }
  .entry-title-block {
    position: absolute;
    height: 100%;
    width: 35%;
    min-width: 400px;
    z-index: 2;
    padding-top: 6rem;
  }
  .event-slider-control {
    display: block;
  }
  .event-feature-image {
    width: 50%;
    max-width: 1200px;
    margin: 100px 0px;
    height: auto;
  }
  .buy-btn-float {
    display: none;
  }
  .figcap-txt {
    position: absolute;
    right: 1rem;
    width: 50%;
    max-width: 750px;
    bottom: 0;
  }
}

@media screen and (min-width: 960px) {
  .har-table-icons img {
    padding: 0 15px;
  }
  .alignwide,
  .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

/* 
DS styles 
*/
/* 
JL styles 
*/
/*
Example of nested SCSS that I did for another site.
You can use vanilla CSS, this kind of SCSS or a mix of both in any which way you want.
The end result is it just gets saved to a final vanilla CSS file.

.home-flavors {
    background-image: url(../img/bckn-dark.jpg);
    background-attachment: fixed;
    background-color: #000000;
    min-height: 400px;   
    padding-top: 80px;
    padding-bottom: 40px;
    .flavor-intro-text {
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
        padding-bottom: 30px;
        h2 {            
            text-transform: uppercase;
            color: $mikes-yellow;
        }
        p {
            color: #ffffff;
            padding: 4px;
        }
    }
    .flavor-carousel {
        padding-top: 20px;
        padding-bottom: 40px;
        max-width: 1314px;
        text-align: center;
        .swiper-container {
            background-color: transparent;
            padding-left: 5%;
            padding-right: 5%;
            text-align: center;
            width: 90%;
            max-width: 2000px;
            .swiper-wrapper {
                text-align: center;
                .swiper-slide {                    
                    height: auto; padding-top: 20px;
                    background-color: transparent;
                    text-align: center;
                    overflow: visible;
                    img {                
                        transition: 0.4s ease;
                    }
                    &:hover img { 
                        @media (min-width: $tablet-width) {               
                            transform: scale(1.08);
                        }
                    }
                    .slide-caption {
                        padding-top: 30px;
                        text-transform: uppercase;
                        text-align: center;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                        width: 100%;
                        h4 {
                            font-size: 2.5vw;
                            line-height: 2.5vw;
                            text-transform: uppercase;
                            text-align: center;
                            margin-left: auto;
                            margin-right: auto;
                            padding-bottom: 0px;
                            height: 46px;
                            font-weight: 400;
                            color: $mikes-yellow;
                            @media (min-width: 1500px) {
                                font-size: 32px;
                                line-height: 38px;
                            }
                            @media (max-width: 800px) {
                                font-size: 4.7vw;
                                line-height: 4.8vw;
                            }
                            @media (max-width: 600px) {
                                font-size: 5.2vw;
                                line-height: 5.3vw;
                            }
                            @media (max-width: $phone-width) {
                                font-size: 30px;
                                line-height: 34px;
                            }
                            
                        }
                        .learn-more-button {
                            @include action_button;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 50px;
                            line-height: 50px;
                            letter-spacing: 2px;
                            margin-left: auto;
                            margin-right: auto;
                            font-weight: 700;
                            &:link, &:active, &:visited {
                                background-color: #ffffff;
                                color: $mikes-black;
                                text-decoration: none;
                            }
                            
                            &:hover, &:focus {
                                background-color: $mikes-yellow;
                                color: $mikes-black;
                                text-decoration: none;
                            } 
                        }
                    }
                }
            }
            .swiper-button-next, .swiper-button-prev {
                color: $mikes-yellow !important;
                outline: none !important;
            }
            .swiper-button-next:hover, .swiper-button-next:focus, .swiper-button-prev:hover, .swiper-button-prev:focus {
                color: $mikes-yellow !important;
            }
        }
    }
}

*/
/*# sourceMappingURL=styles.css.map */