/*#region wave*/
#wave-container {
    max-width: 100%;
    overflow: hidden;
    position: relative;   
    top: -2.5rem;
    height:45px;
}
/*#endregion*/

/*#region things to do*/
#section-ttd {
    position: relative;
    top: -4rem;
    margin-bottom: 4rem;   
}
#ttd-inner-container {
    margin-bottom:1rem;
}
#things-to-do-inner {
    margin: 0 auto clamp(1rem, 1.5vw, 1.25rem);
}
.ttd-item {
    margin: 1rem;
    border: 4px solid var(--colorCream);
    border-radius: var(--radiusLarge);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    transition: box-shadow .3s ease-in-out;
    height: 400px;
}
.ttd-item img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.ttd-item:hover {
    box-shadow: rgba(var(--primaryRGB), 0.5) 2px 12px 24px;
}
.ttd-item-inner {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
}
.ttd-item-label {
    padding: 1rem;
    font-size:1.15rem;
    color: var(--colorCream);
    font-weight: 700;    
    background: rgb(0,0,0,.5);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 60%);
    text-align:left;
    transition:color .3s ease-in-out;
}
.ttd-item:hover .ttd-item-label {
    color: var(--secondary);
}
#ttd-right {
   text-align: left;
}
#ttd-botton-container {
    padding:1rem 2rem;
}
#pnlThingsToDo {
    background: url('/img/bkg-splash.svg');
    background-size: cover;
    padding: 4rem 0 8rem 0;
}

#pnlThingsToDo .cs-content {
    padding:0 2rem;
    width: 100%;    
    box-sizing: border-box;
}

#ttd-right .cs-text {
    font-size: 1.15rem;
    font-size: clamp(1.15rem, 1.0899rem + 0.3vw, 1.45rem);
    line-height: 1.75em;
    text-align: inherit;
    width: 100%;
}

#ttd-right .cs-text {
    margin: 0 0 2rem;
}

#ttd-right .cs-button-solid {
    font-family: var(--fontHeader);
    font-size: 1rem;
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    color: var(--colorCream);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    min-width: 9.375rem;
    padding: 0 2rem;
    background-color: var(--primaryDark);
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border-radius: var(--radiusLarge);
}

.cs-button-solid:before {
    content: '';
    position: absolute;
    height: 101%;
    background: var(--secondary);
    opacity: 0;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: var(--radiusLarge);    
    transform: scaleX(0);
    transform-origin: top;
    transition: transform .3s, opacity .3s;
    width: 100%;
}

.cs-button-solid:hover:before {        
    opacity: 1;
    transform: scaleX(1.01);
}

#pnlThingsToDo .cs-picture {
    height: 100%;
    margin: 0 0.625rem 0 0;
}
#ttd-left {   
    padding:0 2rem 2rem 2rem;
}
#ttd-left .cs-picture {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;       
    border: 4px solid var(--colorCream);
    border-radius: var(--radiusLarge);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    transition: box-shadow .3s ease-in-out;
    min-height: 400px;
}
#ttd-left .cs-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.cs-image-group {
    display: grid;
    grid-template-columns: auto auto auto auto 31.75%;
    grid-gap: 10px;
    padding: 1.8rem;
    height: 600px;
    position: relative;
    top: -4.5rem;
}
#ttd-image-group > div {    
    text-align: center;
    padding: 0 0;
}
#ttd-image-group .cs-image {
    position:relative;
    padding:1rem;
}
#ttd-image-group .cs-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;             
    border: 4px solid var(--colorCream);
    border-radius: var(--radiusLarge);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
}

#ttd-image-group .cs-image:nth-of-type(1) {
    grid-area: 1 / 1 / span 1 / span 2;
}
#ttd-image-group .cs-image:nth-of-type(3) {
    grid-area: 1 / 4 / span 2 / span 2;  
}
#ttd-image-group .cs-image:nth-of-type(5) {
    grid-area: 2 / 2 / span 1 / span 2;
}

/* Tablet - 768px */
@media only screen and (min-width: 48rem) {   

    #section-things-to-do .cs-image {
        grid-column: span 4;
    }

    #section-things-to-do .cs-image:nth-of-type(3) {
        display: block;
    }
}


/* Large Desktop - 1200px */
@media only screen and (min-width: 75rem) {
    #section-things-to-do .cs-image-group {
        grid-template-columns: repeat(5, 1fr);
    }

    #section-things-to-do .cs-image {
        grid-column: span 1;
    }

    #section-things-to-do .cs-image:nth-of-type(4),
    #section-things-to-do .cs-image:nth-of-type(5) {
        display: block;
    }
}
/*#endregion*/

/*#region events*/
#section-events {
    position: relative;
    background: url(/img/bkg-waves-15.png);
    background-position-y: -3rem;
    background-position-x: -1rem;
    background-color: var(--primary);
    padding: 10rem 4rem 7rem 1.75rem;
    /*padding: 0rem 4rem 7rem 1.75rem;*/
    top: -3rem;
   /* z-index: 200;*/
}
#eventsImage {
    padding: 0 2rem;       
}
#eventsImageInner {
    width: 100%;   
    display: block;
    position: relative;
    border: 4px solid var(--colorCream);
    border-radius: var(--radiusLarge);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    transition: box-shadow .3s ease-in-out;
    min-height: 600px;
}
#eventsImageInner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
#eventsContent {
    padding-left:3rem;
}
#eventsContent .colorPrimaryDark {
    color: var(--colorCream) !important;
}
.eventCard {
    padding: 1.35rem 0 .5rem 0;
    border-bottom: 2px solid #e3eefb;
}
.eventCardOuter a {
    text-decoration: none !important;
    color: var(--colorWhite);
    transition: color .3s ease-in-out;
}
.eventCardOuter a:hover, eventCardOuter a:focus, eventCardOuter a:active {
    color: var(--secondary);
}
/*#endregion*/

/*#region content*/
#section-content {
    background: url('/img/bkg-home-content1920.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-color: var(--primary);
    padding-bottom: 15rem;
    min-height: 80vh;
    padding: 4rem 0;
}
#content-right {
    padding:4rem;
}
#content-container {
    background: var(--colorCream);
    width: 100%;  
    max-width:600px;
    border: 4px solid var(--accentTwo);
    border-radius: var(--radiusLarge);    
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;    
    min-height: 600px;
    padding:2rem;
}
.wysiwyg {
    color: var(--primaryDark);
    font-size: 1.15rem;
    font-size: clamp(1.15rem, 1.1099999999999999rem + 0.20000000000000018vw, 1.35rem);
    line-height: 1.5;
    padding-top: 1rem;
    clear: both;
}
.wysiwyg-title {
    margin-bottom: 1rem;
    color: var(--primaryDark);
    font-size: 1.35rem !important;
    font-size: clamp(1.35rem, 1.2200000000000002rem + 0.6499999999999999vw, 2rem) !important;
    font-family: var(--fontHeader);
    width: 100%;
    font-weight: 700;
}

.wysiwyg .contentButton a {
    color: #FFF;
    text-decoration: none;
}

.wysiwyg .contentButton:hover, .wysiwyg .contentButton:active, .wysiwyg .contentButton:focus {
    background: rgba(247,119,12,.8)
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*#endregion*/

/*#region news*/
#sectionNews {
    padding: 2rem 0;
    background: #f9f9f9;
}

#newsInner {
    padding: 2rem;
}

    #newsInner h2 {
        font-size: 2rem;
        letter-spacing: 5px;
        font-family: proxima-nova, sans-serif;
        color: #3C3C3D;
        margin-bottom: 0;
    }

    #newsInner h3 {
        font-size: 3rem;
        font-family: Jubilat, serif;
        font-weight: 600;
        color: #EF3E39;
        margin-bottom: 2rem;
    }

#newsContainer {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.newsItem {
    width: 33.3333333%;
    padding: 2rem 2rem 2rem 0;
    text-align: center;
}
.newsItem a {
    text-decoration: none !important;
}
.newsImage {
    border: 1px solid #707070;
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 12px;
}

.newsImage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all .75s ease-in-out;
}

.newsTitle {
    font-family: proxima-nova, sans-serif;
    padding: 1rem;
    text-align: left;
    color: #00334A;
    font-size: 1.35rem;
    font-weight: 300;
    
}

a:hover .newsTitle, a:focus .newsTitle, a:active .newsTitle {
    color: #3C3C3D;
    
}

a:hover .newsImage, a:active .newsImage, a:focus .newsImage {
    border: 1px solid #3C3C3D;
}

.newsItem:hover .newsImage img {
    transform: scale(1.1);
}
/*#endregion*/

/*#region agenda*/

.agendaOuter {
    font-size:1rem !important;
    padding-bottom:2rem;
}
.agendaMainTitle {
    width: 100%;
    clear: both;
    background: #336890;
    padding: .5rem 1rem;
}

.agendaMainTitle h2 {
    color: #FFF;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.agendaRow {
    border-bottom: 1px solid #CCC;
    position: relative;
    display: flex;
    width: 100%;
}

.agendaTitle {
    width: 25%;
    display: inline-block;
    background: #f5f5f5;
    padding: 1rem;
    text-align: center;
    color: #113141;
    font-weight:700;
}

.agendaContent {
    width: 75%;
    display: inline-block;
    padding: 1rem;
}
/*#endregion*/

/*#region media breaks*/
@media(max-width:1680px) {
    #sectionContent {
        min-height: 40vh;
        padding: 2rem 0 4rem 0;
    }
    #section-content {
        background: url('/img/bkg-home-content1680.jpg');
        background-attachment: fixed;
        background-size: cover;
    }
}
@media(max-width:1290px) {
    #sectionContent {       
        padding: 2rem 2rem 4rem 2rem;
    }
    #section-ttd {       
        top: -11rem; 
        top:-2rem;
    }
    #things-to-do-inner {       
        height: 500px;
    }
    #section-content {
        height: 650px;
        min-height: 100px;
        background: url('/img/bkg-home-content1290.jpg');
        background-attachment: fixed;
        background-size: cover;
    }
    #content-right {
        padding: 0 2rem;
    }
    #content-container {        
        min-height: 100px;
    }
}
@media(max-width:1199px) {
    #hero-left, #hero-right {
        width:100% !important;
    }
    #hero-inner {
        height: auto;        
    }
}
@media(max-width:1023px) {
    #ttd-items-container {
        padding:0 1rem;
    }
    #ttd-inner-container {
        margin-bottom: 0;
        padding: 0 3rem;
    }
    #ttd-image-group .cs-image:nth-of-type(1) {
        grid-area: 1 / 1 / span 1 / span 3;
    }
    #ttd-image-group .cs-image:nth-of-type(2), #ttd-image-group .cs-image:nth-of-type(4) {
        display: none;
    }
    #ttd-image-group .cs-image:nth-of-type(5) {
        grid-area: 2 / 1 / span 1 / span 3;
    }
    #content-container {
        width: 100%;
        max-width:100%;
    }
    #section-content {
        background: url('/img/bkg-home-content1023.jpg');
        height: auto;
    }
}
    @media(max-width:920px) {
        #things-to-do-inner {
            height: 600px;
        }
        .cs-image-group {           
            display:none;
        }        
        #sectionContent {
            padding: 0rem 2rem 4rem 2rem;
        }
        #section-events {
           padding: 0rem 4rem 7rem 1.75rem;
        }
        #eventsImage {
            display: none;
        }
        #eventsContent {
            padding: 4rem 0 0 1rem;
            width: 100% !important;
        }
        
    }
    
    @media(max-width:736px) {        
        #things-to-do-inner {
            height: 850px;
            height:auto;
        }        
        #ttd-right, #ttd-left {           
            width: 100%;
        }
        #pnlThingsToDo {           
            padding: 2rem 0 4rem 0;
        }

        #sectionContent {
            padding: 4rem 1.5rem;
        }                
        #section-content {
            background: url('/img/bkg-home-content736.jpg');
        }
        #content-container {            
            padding: 1rem;
        }
     }
    /*#endregion*/