/* Nunito Sans
- 900 Black 
- 800 ExtraBold 
- 700 Bold 
- 400 Regular  */
@font-face {
    font-family: 'Nunito Sans';
    src: url('../fonts/NunitoSans-Regular.woff2') format('woff2'),
        url('../fonts/NunitoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans Bold';
    src: url('../fonts/NunitoSans-Bold.woff2') format('woff2'),
        url('../fonts/NunitoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans ExtraBold';
    src: url('../fonts/NunitoSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/NunitoSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans Black';
    src: url('../fonts/NunitoSans-Black.woff2') format('woff2'),
        url('../fonts/NunitoSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/*-- Slick Slider --*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }

/*-- Ico Moon --*/
@font-face {
  font-family: 'icomoon';
  src:  url('../icon/icomoon.eot?q08a73');
  src:  url('../icon/icomoon.eot?q08a73#iefix') format('embedded-opentype'),
    url('../icon/icomoon.ttf?q08a73') format('truetype'),
    url('../icon/icomoon.woff?q08a73') format('woff'),
    url('../icon/icomoon.svg?q08a73#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-left:before {
  content: "\e900";
}
.icon-left-pagination:before {
  content: "\e901";
}
.icon-link-icon:before {
  content: "\e902";
}
.icon-location:before {
  content: "\e903";
}
.icon-map-location:before {
  content: "\e904";
}
.icon-news:before {
  content: "\e905";
}
.icon-ongoing-event:before {
  content: "\e906";
}
.icon-organizer:before {
  content: "\e907";
}
.icon-pause:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-play:before {
  content: "\e90a";
}
.icon-right:before {
  content: "\e90b";
}
.icon-right-pagination:before {
  content: "\e90c";
}
.icon-time:before {
  content: "\e90d";
}
.icon-upcoming-event:before {
  content: "\e90e";
}
.icon-input-calendar:before {
  content: "\e90f";
}
.icon-calender:before {
  content: "\e910";
}
.icon-cross:before {
  content: "\e911";
}
.icon-down:before {
  content: "\e912";
}
.icon-email:before {
  content: "\e913";
}
.icon-facebook:before {
  content: "\e914";
}
.icon-leaf:before {
  content: "\e915";
}

body{
    position: relative;
    font-family: 'Nunito Sans';
    font-size:18px;
    line-height:1.39;
    color:#000000;
}
a,span,i{display:inline-block;}
img{max-width:100%;height:auto;}

/*-- Fonts --*/
h1,.h1{
    font-family: 'Nunito Sans Black';
    font-size:105px;
    line-height:1.2;
    letter-spacing:-1px;
    margin: 0;
}
h2,.h2{
    font-family: 'Nunito Sans Black';
    font-size:45px;
    line-height:1.2;
    margin: 0;
}
h3,.h3{
    font-family: 'Nunito Sans ExtraBold';
    font-size:26px;
    line-height:1.2;
    margin: 0;
}
p,.p{
    margin: 0;
}
.primarybttn {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1;
    padding: 19px 37px;
    background: #E31E24;
    box-shadow: 0px 5px 10px 0px #00000026;
    color: #ffffff;
    text-decoration: none;
    border-radius: 60px;
    transition:0.3s all ease-in-out;
    outline:0;
    border:0;
}
.primarybttn:hover{
    background-color:#B79A57;
}
.pt130{padding-top: 130px;}
.bgblue{background-color:#377BDE;}
.bgcream{background: linear-gradient(270deg, rgba(183, 154, 87, 0.3) 0%, rgba(255, 255, 255, 0.3) 50%);}
.bgcreaminv{background: linear-gradient(90deg, rgba(183, 154, 87, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);}
.bordertop{border-top:20px solid #B79A57;}
.borderbottom{border-bottom:20px solid #B79A57;}

/*-- Header --*/
.primaryheader {
    /* position: sticky;
    top: 0;
    left: 0;
    right: 0; */
    position: relative;
    z-index: 999;
    border-bottom:20px solid #B79A57;
    background-color:#ffffff;
}
.primaryheaderwrap > .header-logo { margin-bottom: -120px;transition:0.3s all ease-in-out;}
.primaryheaderwrap > .header-logo > img { filter: drop-shadow(0px 5px 10px #00000033); display: block; }
.primaryheaderwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}
.headermenunav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:60px;
}
.headermenunav > ul > li > a,.headermenunav > ul > li > span > a {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    display: block;
    color: #B79A57;
    transition: 0.3s all ease-in-out;
    padding:15px 20px;
    position: relative;
}
.headermenunav > ul > li > a:hover,.headermenunav > ul > li > span > a:hover{ color:#E31E24; }

@media screen and (min-width:1201px) {
    .headermenunav > ul > li > a::after,.headermenunav > ul > li > span > a::after{
        content:'';
        position:absolute;
        width:100%;
        height:5px;
        background-color:transparent;
        bottom:0;
        left:0;
        right:0;
        margin:0 auto;
    }
    .headermenunav > ul > li.active > a,.headermenunav > ul > li.active > span > a{color:#E31E24;}
    .headermenunav > ul > li.active > a::after,.headermenunav > ul > li.active > span > a::after{
        background-color:#E31E24;
    }
}

/*-- Home --*/
.herobannerslidercontent { max-width: 785px;padding:211px 0 178px;}
.herobannerslidercontent .smtitle {
    font-family: 'Nunito Sans Black';
    font-size: 32px;
    line-height: 1;
    color: #E31E24;
    text-transform: uppercase;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 19px 31px;
    border-radius: 20px;
    margin: 30px 0 20px;
}
.herobannerslidercontent p {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1.2;
    color: #FFFFFF;
    margin-bottom: 25px;
}
.herobannerslider {
    background-repeat: no-repeat;
    background-position: right center;
    background-size:cover;
}
.herobannerslider::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(270deg, rgba(55, 123, 222, 0) 37.92%, rgba(55, 123, 222, 0.6) 54.12%, #377BDE 72.56%, #377BDE 100%);
}
.herobannersliderwrap ul.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom:80px;
    right:80px;
    z-index: 9;
    gap: 18px;
}
.herobannersliderwrap .slick-dots button {
    font-size: 0;
    line-height: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #000000;
    border: 3px solid #ffffff;
    outline: 0;
    display: block;
    transition:0.3s all ease-in-out;
    padding:0;
}
.herobannersliderwrap .slick-dots .slick-active button {
    width: 72px;
    border-radius: 30px;
    background-color: #B79A57;
}
.herobannerslider .container {
    position: relative;
    z-index: 9;
}
.herobannerslidercontent h1{color:#ffffff;}
.titlewrap i { font-size: 46px; line-height: 1; color: #2E6BC4; }
.titlewrap h2 { position: relative; color: #B79A57; padding-bottom: 22px; }
.titlewrap i + h2{margin-top: 18px;}
.titlewrap h2::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 4px;
    background: #377BDE;
    left: 0;
    bottom: 0;
}
.mt32{ margin-top: 32px; }
.upcmgcntboximgwrap {
    position: relative;
    border-radius:20px;
    overflow: hidden;
}
.datemeta {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 26px;
    line-height: 1;
    text-transform: uppercase;
    background: #B79A57;
    border: 1px solid #FFFFFF;
    color: #ffffff;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 10px;
}
.datemeta span {
    font-family: 'Nunito Sans Bold';
    font-size: 14px;
    line-height: 1;
    background-color: #ffffff;
    color: #377BDE;
    padding: 3px 6px;
    border-radius: 5px;
    display: inline-flex;
}
.upcmgcntboxtitlewrap {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: calc(100% - 60px);
    z-index: 2;
}
.upcmgcntboxtitlewrap h3 { margin-top: 20px; }
.upcmgcntboxtitlewrap h3 a { text-decoration: none; color: #ffffff; }
.upcmgcntboximgwrap > img { aspect-ratio: 765/520; object-fit: cover; object-position: center; }
.upcmgcntboxcntnwrap p { padding-top: 20px;padding-bottom: 25px; }
.textlink {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
    gap: 15px;
    color: #000000;
    border-bottom: 3px solid #E31E24;
    padding-bottom: 4px;
    transition: 0.3s all ease-in-out;
}
.textlink i { font-size: 53%; line-height: 1; color: #E31E24; transition: 0.3s all ease-in-out; }
.textlink:hover i { transform: translateX(5px); }
.eventsection{padding-bottom: 215px;}
.eventboximgwrp {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.eventboximgwrp::before,
.upcmgcntboximgwrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    background: linear-gradient(181.51deg, rgba(0, 0, 0, 0) 1.08%, rgba(0, 0, 0, 0.8) 93.94%);
}

.upcmgcntboximgwrap::before {
    height: 38.46%;
}

.eventboximgwrp > img {
    aspect-ratio: 370/252;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.eventboximgwrp .datemeta {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.eventboximgwrp .fulllink {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.eventboxcntwrp { padding-top: 16px; }
.eventboxcntwrp > h3 > a {
    font-size: 22px;
    line-height: 1.2;
    color: #000000;
    text-decoration: none;
}
.eventboxcntwrp p { margin-top: 5px; }
.datechoosldr {
    border: 1px solid #B79A57;
    border-radius: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 4px 0px 7px;
    /* max-width: 60px; */
}
.datechoosldr h3 {
    width: 100%;
    color: #B79A57;
    margin-bottom: 6px;
}

.datechoosldr span {
    font-family: 'Nunito Sans Bold';
    font-size: 14px;
    line-height: 1;
    background: #B79A57;
    color: #ffffff;
    padding: 5px 6px 1px;
    border-radius: 5px;
}
.datechoosldr.slick-active.slick-current {
    background: #377BDE;
    border-color: #377BDE;
    box-shadow: 0px 5px 10px 0px #00000040;
    color: #ffffff;
}
.datechoosldr.slick-active.slick-current h3 { color: #ffffff; }
.datechoosldr.slick-active.slick-current span { background-color: #ffffff; color: #377BDE; }
.datechoosldrwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}
.datechoosldrwrap .slick-list { max-width: calc(100% - 76px); margin: 0 auto; }
.datechoosldrwrap button.slick-arrow {
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: 32px;
    line-height: 1;
    color: #377BDE;
}
.datechoosldrwrap button.slick-arrow.slick-disabled { opacity: .4; cursor: auto; }
.datechoosldrwrap .datechoosldr { margin: 0 15px;cursor:pointer;}
.datechoosldrwrap .slick-list .slick-track{margin:0 -15px;}
.titlewrap.white i,.titlewrap.white h2 { color: #ffffff; }
.titlewrap.text-center h2::after{
    margin: 0 auto;
    left: 0;
    right: 0;
}
.titlewrap.white h2::after { background-color: #ffffff; }
.calendarhomsection { padding: 50px 0 64px;position: relative;}
.calendarhomsection .inuvik-blue-logo{
    position:absolute;
    bottom:29px;
    left:-375px;
    z-index:0;
}
.calendarhomsection > .container { position: relative; z-index: 1; }
.featuresection { padding: 130px 0 160px;position: relative;overflow: hidden;}
.featurecols .titlewrap {padding: 20px 0;}
/* .featurecols .titlewrap h2::after { background-color: #B79A57; } */
.featurecols p{margin-bottom: 34px;}
.newscolsection { max-width: 1176px; width: 100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:60px;}
.newpgsection { padding: 90px 0 76px;position: relative;}
.featuresection .flowericonn {
    position: absolute;
    bottom: 0;
    left: -133px;
    transform: rotate(15deg);
    z-index: 0;
}
.featuresection > .container { position: relative; z-index: 1; }
.newscontentboxwrap {
    background: #FFFFFF;
    border-radius: 20px;
}
.newscontentboximgwrap {
    border-radius: 15px;
    margin: 10px 10px 0;
    overflow: hidden;
    position: relative;
}
.newscontentboxcontentwrap { padding: 23px 30px 30px; }
.newscontentboxcontentwrap > p { margin-bottom: 30px; }
.newscontentboximgwrap > img { aspect-ratio: 539/366; display: block; }
.topdatebox {
    max-width: 70px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 20px;
    text-align: center;
    padding: 4px 14px 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.topdatebox h3 { color: #377BDE; margin-bottom: 10px; }
.topdatebox span {
    font-family: 'Nunito Sans Bold';
    font-size: 14px;
    line-height: 1;
    background: #B79A57;
    color: #ffffff;
    padding: 5px 6px 1px;
    border-radius: 5px;
}
.newscontentboximgwrap > h3 {
    width: 100%;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    color: #ffffff;
}
.newscontentboximgwrap .fulllink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.newscontentboximgwrap::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(179.83deg, rgba(0, 0, 0, 0) 46.91%, rgba(0, 0, 0, 0.8) 94.96%);
}
.newpgsection .newannouncementimg { position: absolute; bottom: 0; right:0px; }
.ourstorysection{padding-bottom: 174px;position: relative;overflow: hidden;}
.ourstoryslidersection { position: relative; }
.ourstoryslidersection .storysldrwrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: calc(100% - 170px);
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index:99;
}
.ourstoryslidersection .storysldrwrap > div { font-size: 34px; line-height: 1; color: #377BDE; }
.legionredsection{
    background-image:url('../img/skybg.webp');
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.legionredrightcontent { max-width: 560px; margin-left: auto;padding:104px 0;}
.legionredrightcontent > p {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1.2;
    padding: 30px 0 21px;
}
.legionredsection .royal-canadian-legion {
    position: absolute;
    left: 0;
    bottom: 0;
}
.ourstorysection > .whiteleaf {
    position: absolute;
    right: -240px;
    bottom: -60px;
    transform: rotate(90deg);
}
.ourstoryslider {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.ourstoryslider > img {
    aspect-ratio: 930/633;
    object-fit: cover;
    object-position: center;
}
.ourstorysliderwrap .swiper-slide-shadow-left,.ourstorysliderwrap .swiper-slide-shadow-right {background: transparent;}
.ourstoryslider > p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    font-size: 26px;
    line-height: 1.2;
    font-family: 'Nunito Sans ExtraBold';
    z-index: 1;
    color: #ffffff;
}
.ourstoryslider::before {
    content: '';
    position: absolute;
    width: 100%;
    background: linear-gradient(181.51deg, rgba(0, 0, 0, 0) 1.08%, rgba(0, 0, 0, 0.8) 93.94%);
    height: 200px;
    bottom: 0;
}





/*-- Footer --*/
.footerwrap {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: flex-end;
    gap:30px;
}
.footerfirst { max-width: 490px; }
.footerthird {
    max-width: 490px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.footerthird iframe { display: block; width: 100%; height: 330px;}
.footerfirst > p { color: #ffffff; margin-top: 20px; }
.footerfirst > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footerfirst > ul a {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.footerfirst > ul a i { font-size: 24px; }
.footerfirst > ul > li  a { gap: 22px; }
.footerfirst > ul > li:nth-child(2) > a > i { font-size: 18px; }
.footerfirst > ul > li { margin-top: 17px; }
.footerlogo > img { filter: drop-shadow(0px 5px 10px #00000033); display: block; }
.footerlogo { margin-top: -60px; }
.footerfirst .titlewrap { margin-top: 34px; }
.footertopsection{
    padding-bottom: 84px;
    background-image:url('../img/inuvik-blue-logo.svg');
    background-repeat:no-repeat;
    background-position: right -449px center;
    background-size:1044px 1030px;
}
.footerbottomwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.footerbottomsection { background-color: #ffffff; padding:25px 0; }
.footerbottomwrap p {font-family: 'Nunito Sans';font-size: 16px;line-height: 1;}
.footerbottomwrap a { font-family: 'Nunito Sans Bold'; color: #000000; }
.footersecond { text-align: center; }
.footersecond iframe {
    display: block;
    max-width: 100%;
    height: auto;
    /* aspect-ratio: 490 / 130; */
    margin: 0 auto;
}
.fb-page-wrapper {
  max-width: 100%;
  overflow: hidden;
}

.fb-page {
  width: 100% !important;
}

.footersecond h3 {
    color: #ffffff;
    margin-top: 30px;
}

/*-- Legacy --*/
.innerbnrsection{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position: relative;
    padding:173px 0 74px;
    overflow: hidden;
    background-color: #377BDE;
}
.innerbnrimg {
    position: absolute;
    right: 0;
    top:-30px;
    width:727px;
    max-width:100%;
    height:auto;
    z-index:0;
}

.banner-volunteer img {
    right: 13.28vw;
    top: -122px;
}

.banner-legacy img {
    right: 76px;
    top: -65px;
}

.banner-contact img {
    top: -110px;
    right: -30px;
    width: 802px;
}

.innerbnrsection.aboutusinrbnr { padding: 213px 0 234px; }
.innerbnrsection.aboutusinrbnr .innerbnrimg {
    bottom: -80px;
    top: auto;
    width: 903px;
    right: 120px;
}
.legacycardboxheader { position: relative;overflow: hidden;border-radius:20px;}
.legacycardboxheader::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: linear-gradient(181.51deg, rgba(0, 0, 0, 0) 1.08%, rgba(0, 0, 0, 0.8) 93.94%);
    z-index:1;
}
.legacycardboxheader > img {
    aspect-ratio: 490/333;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.legacycardboxheader > h3 {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1.2;
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #fff;
    z-index:1;
}
.legacycardboxheader .fulllink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index:2;
}
.legacycardboxbody { padding-top: 20px; }
.legacycardboxheader .topdatebox { z-index: 2; }
.legacycardrows {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 60px;
}
.tabsfilterheaderwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content:space-between;
    margin-bottom: 50px;
}
.dropdownwrap span {
    display: block;
    font-family: 'Nunito Sans Bold';
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 7px;
}

.dropdownwrap select {
    font-family: 'Nunito Sans';
    font-size: 18px;
    line-height: 1;
    padding: 20px 40px 20px 30px;
    border-radius: 10px;
    border: 1px solid #00000080;
    background: #FFFFFF;
    min-width: 275px;
    appearance: none;
    cursor: pointer;
    outline: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7123 0.888593L17.1227 0.294881C16.9371 0.109464 16.6902 0.0073173 16.4264 0.0073173C16.1627 0.0073173 15.9155 0.109464 15.7299 0.294881L9.00402 7.02108L2.27036 0.287417C2.08509 0.102001 1.83792 0 1.57421 0C1.3105 0 1.06318 0.102001 0.877763 0.287417L0.288002 0.877471C-0.0960008 1.26118 -0.0960008 1.88621 0.288002 2.26992L8.30524 10.316C8.49051 10.5013 8.73739 10.6318 9.00344 10.6318H9.00651C9.27037 10.6318 9.51725 10.5011 9.70252 10.316L17.7123 2.29173C17.8979 2.10646 17.9997 1.85211 18 1.5884C18 1.32455 17.8979 1.07372 17.7123 0.888593Z' fill='%23377BDE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 22px;
    width:100%;
}
.tabsfilterheaderwrap > ul {
    border-bottom: 1px solid #377BDE;
    width: 100%;
    max-width: calc(100% - 335px);
}
.tabsfilterheaderwrap > ul > li > button {font-family: 'Nunito Sans Black';font-size: 45px;line-height: 1;color: #377BDE;background-color: transparent;padding: 20px 78px;position: relative;}
.tabsfilterheaderwrap > ul > li > button.nav-link.active { background-color: transparent; color: #E31E24; }
.tabsfilterheaderwrap > ul > li > button::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    background-color: #E31E24;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s all ease-in-out;
}
.tabsfilterheaderwrap > ul > li > button.nav-link.active::after { height: 4px; }
.breadcrumbwrap { padding: 20px 0 0; }
.breadcrumbwrap > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.breadcrumbwrap > ul li {
    font-family: 'Nunito Sans';
    font-size: 18px;
    line-height: 1;
}
.breadcrumbwrap > ul li > a { color: #000000; text-decoration: none; }
.breadcrumbwrap > ul li > p { color: #377BDE; }
.breadcrumbwrap > ul > li + li {
    margin-left: 10px;
    padding-left: 16px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.breadcrumbwrap > ul > li + li::before {
    content: '/';
    position: absolute;
    left: 0;
    top: 0;
}
.filtertopwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 60px;
}
.filtertopwrap > .dropdownwrap.wordtagwrap { width: 825px; max-width: 100%; }
input.primarybttn { width: auto; }
.wordtagwrap input {
    font-size: 18px;
    line-height: 1;
    border: 1px solid #00000080;
    padding: 17px 10px;
    border-radius: 10px;
    outline: 0;
    width: 100%;
}
.filtertopwrap > .dropdownwrap { width: 490px; max-width: 100%; }
.legacypgsection .filtertopwrap{padding: 40px 0 70px;}
.paginationwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.tabsfilterbodywrap .paginationwrap { padding-top: 100px; }
.paginationwrap > a {
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
}
.paginationwrap > ul {
    margin: 0 30px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.paginationwrap > ul > li > a {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    width: 50px;
    height: 50px;
    border: 1px solid #377BDE;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.paginationwrap > ul > li > a.active {
    border-color: #E31E24;
    color: #E31E24;
    border-width: 2px;
}
.legacypgwrap { padding: 120px 0 140px; }
.whiteleafbox { position: relative; overflow: hidden; }
.whiteleafbox > .whiteleaf {
    position: absolute;
    right: -230px;
    top: -30px;
    z-index: 0;
}
.whiteleafbox > .container { position: relative; z-index: 1; }
.legacycardboxheader .videolink {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 9;
    font-size: 60px;
    line-height: 1;
    color: #E31E24;
    background: #FFFFFF;
    width: 70px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
}
.pastpageeventsection { padding: 100px 0 144px; }
.eventtopspace{padding-top: 85px;}
.banner-membership img { top: -102px; right: 176px; width: auto; }
.membershipcontentwrap h2 { color: #377BDE; margin-bottom: 20px; }
.membershipcontentwrap p { margin-bottom: 30px; }
.membershipcontentwrap > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.membershipcontentwrap > ul > li {
    font-family: 'Nunito Sans Black';
    font-size: 18px;
    line-height: 1.4;
    color: #377BDE;
    position: relative;
    padding-left: 30px;
}

.membershipcontentwrap > ul > li::before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9784 6.14424C13.2531 6.4189 13.2531 6.86412 12.9784 7.13864L8.26144 11.8558C7.98679 12.1303 7.5417 12.1303 7.26704 11.8558L5.02158 9.61015C4.74692 9.33563 4.74692 8.89041 5.02158 8.61589C5.2961 8.34123 5.74132 8.34123 6.01584 8.61589L7.76418 10.3642L11.984 6.14424C12.2587 5.86972 12.7039 5.86972 12.9784 6.14424ZM18 9C18 13.9747 13.9741 18 9 18C4.02525 18 0 13.9741 0 9C0 4.02525 4.02594 0 9 0C13.9747 0 18 4.02594 18 9ZM16.5938 9C16.5938 4.80254 13.1969 1.40625 9 1.40625C4.80254 1.40625 1.40625 4.80309 1.40625 9C1.40625 13.1975 4.80309 16.5938 9 16.5938C13.1975 16.5938 16.5938 13.1969 16.5938 9Z' fill='%23E31E24'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 2px;
}
.membershipcontentwrap > ul > li + li { margin-top: 16px; }
.membershipcontentwrap {
    padding-top: 100px;
    padding-bottom: 100px;
}
.membersappformsection { padding: 100px 0 150px;position: relative;overflow: hidden;}
.membersappformsection .membersappformflower {
    position: absolute;
    left: -100px;
    top: -70px;
    transform: rotate(15deg);
}
h3.titlebox {
    background: #B79A57;
    display: inline-flex;
    flex-wrap: wrap;
    color: #ffffff;
    padding: 7px 17px;
    border-radius: 10px;
}
label {
    font-family: 'Nunito Sans Bold';
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-bottom: 7px;
}
select,input:not([type="checkbox"],[type="radio"],[type="submit"]),textarea {
    font-family: 'Nunito Sans';
    font-size: 18px;
    line-height: 1;
    width: 100%;
    appearance: none;
    outline: 0;
    border: 1px solid #00000080;
    border-radius: 10px;
    padding: 20px 30px;
}
input{padding:17px 30px;}
textarea{padding: 18px 30px;min-height:160px;}
select {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7123 0.888593L17.1227 0.294881C16.9371 0.109464 16.6902 0.0073173 16.4264 0.0073173C16.1627 0.0073173 15.9155 0.109464 15.7299 0.294881L9.00402 7.02108L2.27036 0.287417C2.08509 0.102001 1.83792 0 1.57421 0C1.3105 0 1.06318 0.102001 0.877763 0.287417L0.288002 0.877471C-0.0960008 1.26118 -0.0960008 1.88621 0.288002 2.26992L8.30524 10.316C8.49051 10.5013 8.73739 10.6318 9.00344 10.6318H9.00651C9.27037 10.6318 9.51725 10.5011 9.70252 10.316L17.7123 2.29173C17.8979 2.10646 17.9997 1.85211 18 1.5884C18 1.32455 17.8979 1.07372 17.7123 0.888593Z' fill='%23377BDE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 22px;
    padding-right: 40px;
}
label span { color: #E31E24; }
.membersappforrows {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px 60px;
}
.memberrradiowrap,.membersappforrows{
    max-width: 1040px;
    margin:30px auto 0;
}
.fullspan { grid-column: 1 / span 2; }
.checkboxwrap {
    margin: 0;
    font-size: 16px;
    line-height: 1;
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.checkboxwrap input {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.checkboxwrap > span::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #00000080;
    background: #FFFFFF;
    border-radius: 5px;
    position: absolute;
    left: 0;
}
.checkboxwrap > span::after{
    content:'';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='512' height='369' viewBox='0 0 512 369' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500.103 11.8931C484.262 -3.96937 458.538 -3.95937 442.675 11.8931L184.211 270.368L69.3345 155.492C53.4721 139.63 27.7593 139.63 11.8968 155.492C-3.96562 171.355 -3.96562 197.068 11.8968 212.93L155.486 356.519C163.412 364.445 173.806 368.419 184.2 368.419C194.594 368.419 204.998 364.455 212.924 356.519L500.103 69.3298C515.966 53.4783 515.966 27.7546 500.103 11.8931Z' fill='%23377BDE'/%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    background-position: center;
    background-size: 15px;
    width: 13px;
    height: 13px;
    position: absolute;
    left:4px;
    top:5px;
    opacity:0;
    transition:0.3s all ease-in-out;
}
.membersappforcols.checkboxwrapcols { display: flex; flex-wrap: wrap; align-items: center; }
.membersappforcols.checkboxwrapcols > .checkboxwrap { margin-top: 16px; }
span.checkbox { position: relative; min-width: 22px; height: 22px; }
.checkboxwrap > input:checked + span::after { opacity: 1; }
.membersappformwrap + .membersappformwrap { margin-top: 70px; }
.memberrradiowrap {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 60px;
}
.memberrradiocols .checkboxwrap {
    flex-wrap: nowrap;
    gap: 11px;
    font-family: 'Nunito Sans Black';
    align-items: flex-start;
    font-size: 18px;
    line-height: 1.4;
}
label.radioboxwrap {
    font-family: 'Nunito Sans Black';
    font-size: 18px;
    line-height: 1.2;
    display: flex;
    align-items: flex-start;
    margin: 0;
    gap:10px;
    cursor: pointer;
}
label.radioboxwrap input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.memberrradiocols .radioboxwrap { margin-bottom: 10px; }
label.radioboxwrap .radiobox {
    min-width: 22px;
    height: 22px;
    border: 2px solid #B79A57;
    background: #FFFFFF;
    border-radius: 50%;
    position: relative;
}
label.radioboxwrap .radiobox::before{
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    background-color:#377BDE;
    border-radius:50%;
    left:3px;
    top:3px;
    transform:scale(0);
    transition:0.3s all ease-in-out;
}
label.radioboxwrap input:checked + .radiobox{
    border-color:#377BDE;
}
label.radioboxwrap input:checked + .radiobox::before{transform:scale(1);}

.availabilitywrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 823px;
    margin:30px auto 0;
    align-items: center;
    gap:22px 0;
}
.availabilitycol { width: 20%; }
.availabilitycol.availabilitycoltext { width: 40%; }
.preferredboxrows {
    max-width: 1040px;
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:30px 0;
}
.preferredboxcols { width: 33.33%; }
.preferredboxcols.preferredboxcolsfull{width:100%;}
.banner-events img { top: -149px; right: -35px; width: auto; }
.eventpglatestrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #377BDE;
    border-radius: 20px;
    background: #FFFFFF;
    padding: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 15px 30px 0px #00000026;
}
.eventpglatestleft {
    max-width: 765px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.eventpglatestleft > img {
    aspect-ratio: 765/520;
    object-fit: cover;
    object-position: center;
}
.eventpglatestleft .datechoosldr {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9;
    background-color: #377BDE;
    color: #ffffff;
    border-color: #ffffff;
}
.eventpglatestleft .datechoosldr h3 { color: #ffffff; }
.eventpglatestleft .datechoosldr span {
    background-color: #ffffff;
    color: #377BDE;
}
.eventpglatestleft > .fulllink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}
.eventpglatestright {
    max-width: calc(100% - 765px);
    padding: 20px 60px 20px 50px;
}
.eventpglatestright > p { margin: 20px 0; }
.eventpglatestright h2 a { text-decoration: none; color: #377BDE; }
.eventpglatestright > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.eventpglatestright > ul > li + li { margin-top: 18px; }
.eventpglatestright > ul > li i {
    font-size: 30px;
    line-height: 1;
    color: #377BDE;
    margin-right: 14px;
}
.eventpglatestright > ul > li > p {
    display: flex;
    align-items: center;
    font-family: 'Nunito Sans Bold';
}
.eventpglatestright > ul > li > p > span { color: #377BDE; }
.eventpglatestright > ul > li > p label {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}

.eventpglatestright > ul > li > p label span {
    color: #377BDE;
}
.eventpglstsection { padding: 50px 0 100px; }
.upcomingeventsection{padding:87px 0 125px;position: relative;overflow: hidden;}
.upcomingeventslider .upcmgcntboxwrap { max-width: 765px;margin:0 auto;}
.upcomingeventslidersection button.slick-arrow,.moreeventsliderwrap button.slick-arrow {
    position: absolute;
    background-color: transparent;
    z-index: 9;
    border: 0;
    padding: 0;
    outline: 0;
    color: #377BDE;
    font-size: 54px;
    line-height: 1;
    display: inline-flex;
    top: 230px;
}
.upcomingeventslidersection .slick-arrow.prev-arrow,.moreeventsliderwrap .slick-arrow.prev-arrow { left: -50px; }
.upcomingeventslidersection .slick-arrow.next-arrow,.moreeventsliderwrap .slick-arrow.next-arrow { right: -50px; }
.upcomingeventslidersection{margin-top: 40px;}
.upcomingeventsection > .floralbottomright {
    position: absolute;
    bottom: 10px;
    right: -160px;
    transform: rotate(15deg);
    z-index:1;
}
.upcomingeventsection > .container { position: relative; z-index:2; }
.banner-eventdetail img { top: -108px; right: 104px; width: auto; }
.eventdetailsection{padding: 100px 0;}
.eventdetailrows {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.eventdetailright { max-width: 490px;width:100%;}
.eventdetailleft {
    max-width: calc(100% - 550px);
    width:100%;
}
.eventdetailrightbox {
    display: flex; flex-wrap: wrap;align-items: center;
    border: 1px solid #377BDE;
    box-shadow: 0px 15px 30px 0px #00000026;
    padding: 10px;
    background: #FFFFFF;
    border-radius:15px;
}
.eventdetailrightboxlft {
    max-width: 205px;
    border-radius: 10px;
    overflow: hidden;
}
.eventdetailrightboxlft img {
    aspect-ratio: 205/140;
    object-fit: cover;
    object-position: center;
}
.eventdetailrightboxrgt {
    width: 100%;
    max-width: calc(100% - 205px);
    padding-left: 20px;
}
.eventdetailrightboxrgt p {
    font-family: 'Nunito Sans Bold';
    margin-top: 10px;
}
.eventdetailrightboxrgt p a {
    text-decoration: none;
    color: #000000;
}
.eventdetailrightbox + .eventdetailrightbox{margin-top: 15px;}
.eventdetailrightboxrgt p { font-family: 'Nunito Sans Bold'; margin-top: 10px; }
.eventdetailrightboxrgt p a { text-decoration: none; color: #000000; }
.eventdetailimgwrap {
    background: #377BDE;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.eventdetailimgwrap > img { aspect-ratio: 1040/706; object-fit: cover; object-position: center; }
.eventdetailimgrows {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 17px 50px;
    justify-content: space-between;
    gap: 0px 0px;
    background: #377BDE;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 66px;
}
.eventdetailimgwrap > .eventdetailimgtitlwrap {
    position: absolute;
    bottom: 30px;
    width: 100%;
    max-width: calc(100% - 60px);
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    z-index: 2;
    color: #ffffff;
}
.eventdetailimgtitlwrap h2{margin-top: 20px;}
.eventdetailimgcols { display: flex; flex-wrap: wrap; align-items: center; }
.eventdetailimgcols i { font-size: 28px; line-height: 1; }
.eventdetailimgcols > p {
    max-width: 230px;
    width: 100%;
    padding-left: 14px;
    font-family: 'Nunito Sans Bold';
    font-size: 22px;
    line-height: 1.3;
    color: #ffffff;
}
.eventdetailimgwrap::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 270px;
    background: linear-gradient(181.51deg, rgba(0, 0, 0, 0) 1.08%, rgba(0, 0, 0, 0.8) 93.94%);
    bottom: 0;
    left: 0;
    right: 0;
}
.eventdetailimgtitlwrap .datechoosldr {
    border-color: #ffffff;
    background-color: #377BDE;
}
.eventdetailimgtitlwrap .datechoosldr h3 { color: #ffffff; }
.eventdetailimgtitlwrap .datechoosldr span {
    background-color: #ffffff;
    color: #377BDE;
}
.eventdetailleft > p{margin-bottom: 30px;}
.text-blue { color: #377BDE; }
.eventdetailleft ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.eventdetailleft ul > li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #377BDE;
    border-radius: 50%;
    left: 0;
    top: 3px;
}
.eventdetailleft ul > li { position: relative; padding-left: 24px; margin-top: 10px; }
.moreeventsliderwrap button.slick-arrow{top:140px;}
.moreeventsection{padding: 100px 0 116px;position: relative;overflow: hidden;}
.moreeventsection .whiteleafimg{
    position:absolute;
    right:-208px;
    bottom:-52px;
    transform: rotate(85deg);
}
.moreeventsection .container { position: relative; z-index: 1; }
.row.formrows { gap: 40px 0; margin-top: 40px; }
.contactformwrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.contactformleft {
    max-width: calc(100% - 490px);
    width: 100%;
}
.followusbttn {
    font-family: 'Nunito Sans Bold';
    font-size: 35px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 23px;
    border: 1px solid #377BDE;
    box-shadow: 0px 15px 30px 0px #377BDE66;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 31px 35px;
}
.followusbttn span {
    font-family: 'Nunito Sans ExtraBold';
    color: #000000;
}
.contactformright {
    width: 100%;
    max-width: 490px;
    padding-left: 60px;
}
.contactinfolist i {
    display: block;
    font-size: 42px;
    line-height: 1;
    color: #E31E24;
}
.contactinfolistwrap > .contactinfolist:nth-child(2) i { font-size: 32px; }
.contactinfolist a {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 35px;
    line-height: 1.4;
    text-decoration: none;
    margin-top: 10px;
    color:#377BDE;
}
.contactinfolist { margin-bottom: 70px; }
.contactformsection { padding: 121px 0 147px;position: relative;overflow: hidden;}
.contactformsection > .whiteleafimg {
    position: absolute;
    right:-230px;
    top:-60px;
    z-index: 1;
}
.contactformsection > .container { position: relative; z-index: 1; }
.welcomerows {
    display: flex;
    flex-wrap: wrap;
    gap: 141px;
    align-items: flex-start;
    max-width: 1481px;
    margin: 0 auto;
}
.welcomesection{padding-top: 70px;}
.welcomeright { max-width: 765px; width: 100%;padding-top: 50px;}
.welcomeleft { width: 100%; max-width: calc(100% - 906px);margin-bottom:-136px;}
.welcomeright .titlewrap { margin-bottom: 27px;}
.welcomeright .titlewrap h2 { color: #377BDE; }
.welcomeright .titlewrap h2::after { background: #B79A57; }
.careerwithrows {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.careerwithleft { width: 100%; max-width: 765px; }
.careerwithleft > p {
    font-size: 22px;
    line-height: 1.4;
    padding: 20px 0;
}
.careerwithsection { padding: 88px 0 130px; }
.howoperaterows {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 60px;
    margin-top: 78px;
}
.howoperatecols h4 {
    font-family: 'Nunito Sans ExtraBold';
    font-size: 26px;
    line-height: 1;
    margin: 0 0 15px;
    background: #B79A57;
    display: inline-flex;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
}
.howoperatesection { padding: 95px 0;position: relative;overflow: hidden;}
.howoperatesection .flowericon { position: absolute; left: -118px; top: -80px; transform: rotate(15deg); }
.aboutinfocardrows {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 60px;
}
.aboutinfocardcols > .titlewrap { margin: 13px 0 20px; }
.aboutinfocardcols > .titlewrap h2 { color: #377BDE; }
.aboutinfocardcols > .titlewrap h2::after { background-color: #B79A57; }
.aboutinfocardsection { padding: 100px 0; }
.ourhistoryswipersldr {
    position: relative;
    overflow: hidden;
    border: 4px solid #ffffff;
    border-radius: 20px;
}
.ourhistoryswipersldr > img {
    aspect-ratio: 765/520;
    object-fit: cover;
    object-position: center;
    
}
.ourhistoryswipersldrcont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    z-index: 1;
}
.ourhistoryswipersldrcont h3,.ourhistoryswipersldrcont p { color: #ffffff; }
.ourhistoryswipersldrcont p { font-family: 'Nunito Sans ExtraBold';margin-top: 12px;}
.ourhistoryswipersldr::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(181.51deg, rgba(0, 0, 0, 0) 1.08%, #000000 93.94%);
}
.ourhistoryswipersldrcont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    z-index: 1;
}
.ourhistoryswiperguide .year {
    font-family: 'Nunito Sans Black';
    display: block;
    background:#C3D7F5;
    max-width: 160px;
    margin: 40px auto 0;
    text-align: center;
    color: #377BDE;
    border-radius: 20px;
    padding: 18px 10px;
    transition:0.3s all ease-in-out;
}
.ourhistoryswiperguide .swiper-slide-shadow-left,.ourhistoryswiperguide .swiper-slide-shadow-right { background: none; }
.swipernavigationwrap {
    overflow: visible;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    bottom: 28px;
    padding: 0 50px;
}
.swipernavigationwrap .swiper-button-prev,.swipernavigationwrap .swiper-button-next {
    position: static;
    margin: 0;
    display: inline-flex;
    color: #ffffff;
    width: 48px;
    height: 48px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition:0.3s all ease-in-out;
}
.swipernavigationwrap .swiper-button-prev:hover,.swipernavigationwrap .swiper-button-next:hover{background-color:#ffffff;color:#377BDE;}
.swipernavigationwrap .swiper-button-prev::after, .swipernavigationwrap .swiper-button-next::after { font-size: 22px; display: inline-flex; }
.swipernavigationwrap::before {
    content: '';
    position: absolute;
    width: calc(100% - 120px);
    height: 2px;
    background-color: rgba(255, 255, 255, 0.3);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ourhistoryswiperguide .swiper-slide-active .year { background-color: #ffffff; }
.ourhistorysection{padding:90px 0;}

.ourhistoryswiper .swiper-slide { opacity: 0.8; transition:0.3s all ease-in-out; }
.ourhistoryswiper .swiper-slide.swiper-slide-active { opacity: 1; transition:0.3s all ease-in-out; }
.swipernavigationwrap .swiper-button-prev {transform: translateX(-50px);}
.swipernavigationwrap .swiper-button-next {transform: translateX(50px);}
.ourhistoryswiperguide .swiper-slide { opacity: 0; visibility: hidden; }
.ourhistoryswiperguide .swiper-slide.swiper-slide-visible { opacity: 1; visibility: visible; }
.innerbnrwrap h1 { position: relative; color: #ffffff; z-index: 1; }
.eventpglatestright > ul{margin-bottom: 10px;}
.eventboxcols { max-width: 490px; margin: 0 auto; }
.howoperatesection > .container { position: relative; z-index: 9; }



/*-- Submenu --*/
.submenuwrap { position: relative; }
.submenuwrap > .submenu {
    position: absolute;
    background-color: #ffffff;
    gap: 0;
    border: 1px solid #B79A57;
    box-shadow: 0px 15px 30px 0px #00000026;
    transform:translateY(20px);
    opacity:0;
    visibility: hidden;
    transition:0.3s all ease-in-out;
}
.headermenunav > ul > li.submenuwrap > span > a {
    padding: 15px 30px 15px 10px;
}

.submenuwrap:hover > .submenu{
    transform:translateY(0);
    visibility:visible;
    opacity:1;
}
.submenuwrap > .submenu > li > a {
    font-family: 'Nunito Sans Bold';
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    color: #B79A57;
    padding: 20px 25px;
    white-space: nowrap;
    text-align: left;
    width: 100%;
    display: block;
    transition: 0.3s all ease-in-out;
}
.submenuwrap > .submenu > li { width: 100%; }
.submenuwrap > .submenu > li > a:hover,.submenuwrap > .submenu > li.active > a{
    background-color: #E31E24;
    color: #ffffff;
}
.submenuwrap > span { position: relative; }
.submenuwrap > span > img {
    position: absolute;
    bottom: 15px;
    right: 0;
    z-index: 9;
    cursor: pointer;
}

/*Resources*/
.banner-res .innerbnrimg { right: 125px; top: -65px; }

.resources {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
    padding-bottom: 120px;
}

.res-item h3 {
    font-family: 'Nunito Sans';
    margin-bottom: 8px;
}

.res-item h3 a {
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
}

.res-btn {
    font-family: 'Nunito Sans ExtraBold';
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 8px;
    margin-top: 26px;
    color: #000000;
    border-bottom: 3px solid #E31E24;
    text-decoration: none;
}


@media screen and (min-width: 1600px) {
    .container{max-width:1614px;}
}

@media screen and (max-width: 1700px) {
    h1, .h1 { font-size: 96px; }
    h2, .h2 { font-size: 38px; }
    .featuresection .flowericonn { position: absolute; bottom: 0; left: -133px; transform: rotate(15deg); z-index: 0; }
    .featuresection > .container { position: relative; z-index: 1; }
    .herobannerslidercontent { padding: 130px 0 130px; }
    .primaryheaderwrap > .header-logo { margin-bottom: -90px; }
    .primaryheaderwrap > .header-logo > img { width: 190px; }
    .headermenunav ul { gap:50px; }
    .herobannerslidercontent .smtitle { font-size: 30px; }
    .primarybttn { font-size: 20px; padding: 16px 32px; }
    .herobannersliderwrap ul.slick-dots { bottom: 60px; right: 60px; }
    .whiteleafbox > .whiteleaf { width: 560px; }
    .titlewrap i { font-size: 42px; }
    .titlewrap i + h2 { margin-top: 10px; }
    .titlewrap h2 { padding-bottom: 18px; }
    .eventsection { padding-bottom: 120px; }
    .pt130 { padding-top: 80px; }
    .newscolsection { gap: 20px; max-width: 1000px; }
    .newpgsection .newannouncementimg { width: 470px; }
    .newpgsection { padding: 70px 0 56px; }
    .ourstorysection > .whiteleaf { width: 580px; right: -190px; }
    .ourstorysection { padding-bottom: 100px; }
    .legionredsection .royal-canadian-legion { width: 820px; }
    .legionredrightcontent { padding: 40px 0; }
    .legionredrightcontent > img { width: 260px; }
    .legionredrightcontent > p { font-size: 20px; }
    .footerbottomwrap { justify-content: center; gap: 16px; flex-direction: column-reverse; }
    .footerlogo > img { width: 180px; }
    .footerfirst .titlewrap { margin-top: 16px; }
    .footertopsection { padding-bottom: 60px; }
    .datechoosldrwrap .datechoosldr{margin:0 10px;}
    .footerbottomwrap p{text-align: center;line-height:1.4;}

    .eventboxcols { max-width: 460px; }
    .moreeventsliderwrap { max-width: calc(100% - 120px); margin-left:auto;margin-right: auto;}
    .ourstorysliderwrap { max-width: calc(100% - 200px); }
    .calendarhomsection .inuvik-blue-logo { width: 1000px; }

    .banner-res .innerbnrimg { right: 35px; }
}

@media screen and (max-width: 1600px) {
    .filtertopwrap > .dropdownwrap.wordtagwrap { width: 597px; }
    .legacypgsection .filtertopwrap { padding: 30px 0 50px; gap: 40px; }
    select, input:not([type="checkbox"],[type="radio"],[type="submit"]), textarea { padding: 16px 26px; }
    .dropdownwrap select { padding: 19px 40px 19px 30px; min-width: 0; }
    .tabsfilterheaderwrap > ul > li > button { font-size: 38px; }
    .legacycardrows { gap: 40px; }
    .tabsfilterbodywrap .paginationwrap { padding-top: 80px; }
    .legacypgwrap { padding: 100px 0 90px; }
    .eventtopspace{padding-top: 60px;}
    .eventpglatestleft { max-width: 700px; }
    .eventpglatestright { max-width: calc(100% - 700px); padding: 20px 20px 20px 40px; }
    .upcomingeventslider .upcmgcntboxwrap { max-width: 600px; }
    .eventpglatestright > ul > li + li { margin-top: 15px; }
    .pastpageeventsection { padding: 80px 0 100px; }
    .upcomingeventsection { padding: 75px 0 85px; }
    .eventdetailimgcols > p { font-size: 15px; max-width: 165px; }
    .eventdetailimgrows { padding: 17px 30px; }
    .eventdetailimgcols { max-width: 220px; width: 100%; }
    .eventdetailimgcols i { font-size: 22px; }
    .eventboxcols { max-width: 375px; }
    .eventdetailleft { max-width: calc(100% - 520px); }

    .welcomeright { max-width: 826px; }
    .welcomerows { gap: 80px; }
    .welcomesection { padding: 60px 0; }
    .careerwithright { max-width: 520px; }
    .careerwithsection { padding: 60px 0; }
    .howoperatecols h4 { font-size: 20px; }

    .footerfirst {max-width: 450px;}
    .footerthird { max-width: 340px; }
    .calendarhomsection .inuvik-blue-logo { width: 890px; }
    .banner-membership img { right: 40px; }
}

@media screen and (max-width: 1500px) {
    h1, .h1 { font-size: 90px; }
    h2, .h2 { font-size: 34px; }
    h3, .h3 { font-size: 24px; }
    
    .primaryheaderwrap > .header-logo > img { width: 180px; }
    .herobannerslidercontent .smtitle { font-size: 26px; }
    .herobannerslidercontent p { font-size: 20px; }
    .herobannerslidercontent { max-width: 700px; }
    .datemeta { font-size: 20px; border-radius: 6px; }
    .datemeta span { font-size: 12px; border-radius: 2px; }
    .mt32 { margin-top: 30px; }
    .eventboximgwrp { border-radius: 14px; }
    .eventboxcntwrp > h3 > a { font-size: 20px; }
    .featuresection { padding: 100px 0 110px; }
    .newpgsection .newannouncementimg { width: 420px; }
    .newscolsection { max-width: 850px; }
    .topdatebox h3 { margin-bottom: 6px; }
    .topdatebox span { font-size: 12px; padding: 4px 6px; }
    .topdatebox { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
    .textlink { font-size: 20px; gap: 12px; }
    .headermenunav > ul > li > a,.headermenunav > ul > li > span > a { font-size: 20px; }
    .legionredrightcontent > img { width: 200px; }
    .legionredrightcontent { max-width: 480px; }
    .legionredsection .royal-canadian-legion { width: 710px; }
    .legionredrightcontent > p { padding: 20px 0 16px; font-size: 18px; line-height: 25px; }
    .featurecols > img { width: 280px; }
    .filtertopwrap > .dropdownwrap.wordtagwrap { width: 417px; }
    .tabsfilterheaderwrap > ul > li > button { font-size: 32px; }


    .innerbnrsection.aboutusinrbnr .innerbnrimg { width: 850px; bottom: -60px; right: 30px; }


    .submenuwrap > .submenu > li > a { padding: 16px 20px; font-size: 20px; }
}

@media screen and (max-width: 1400px) {
    .eventpglatestleft { max-width: 580px; }
    .eventpglatestright { max-width: calc(100% - 580px); }
    .upcomingeventslider .upcmgcntboxwrap { max-width: 520px; }
    .upcomingeventslidersection button.slick-arrow, .moreeventsliderwrap button.slick-arrow { font-size: 40px; }
    .contactinfolist a { font-size: 30px; }
    .contactinfolist { margin-bottom: 40px; }
    .followusbttn { font-size: 30px; padding: 18px 24px; border-radius: 10px; }
    .moreeventsection{padding:80px 0;}

    .welcomeleft { max-width: calc(100% - 700px); }
    .welcomeright { max-width: 620px; }
    .howoperaterows { margin-top: 50px; gap: 20px; }
    .howoperatecols h4 { font-size: 18px; }
    .careerwithright { max-width: 350px; }
    .headermenunav ul { gap: 30px; }
    .footerfirst { max-width: 404px; }
    .footerthird { max-width: 271px; }
    .footerfirst > ul > li a { gap: 12px; }
    .moreeventsection .whiteleafimg { width: 580px; }
    .calendarhomsection .inuvik-blue-logo { width:760px; }

    .innerbnrsection.aboutusinrbnr .innerbnrimg { width: 710px; bottom: -120px; }
    .innerbnrsection.aboutusinrbnr { padding: 160px 0; }
    
    .footerwrap { gap: 20px; }
    .footerwrap > * { flex: 1 0 auto; }
    .footerfirst > ul a { font-size: 20px; }
    .footersecond h3 { font-size: 24px; }
    .banner-volunteer img { width: 600px; top: -60px; right: 50px; }
    .banner-membership img { right: 40px; top: -60px; width: 570px; }
    .banner-res .innerbnrimg { right: 0; }
}

@media screen and (max-width: 1299px) {
    h1, .h1 { font-size: 78px; }
    h2, .h2 { font-size: 30px; }
    .herobannerslidercontent .smtitle { font-size: 24px; margin: 10px 0 20px; }
    .herobannerslidercontent { max-width: 620px; padding: 110px 0  80px; }
    .primaryheaderwrap > .header-logo > img { width: 160px; }
    .primaryheader { border-bottom-width: 16px; }
    .borderbottom { border-bottom-width: 16px; }
    .bordertop { border-top-width: 16px; }
    .eventsection { padding-bottom: 60px; }
    .titlewrap i { font-size: 36px; }
    .featuresection .flowericonn { width: 320px; }
    .legionredsection .royal-canadian-legion { width: 650px; }
    .footerlogo > img { width: 140px; }
    .footerfirst > ul a { font-size: 20px; }
    .ourstoryslider > p{font-size:22px;}
    .datechoosldrwrap button.slick-arrow { font-size: 26px; }
    .tabsfilterheaderwrap > ul > li > button { padding: 20px 50px; font-size: 28px; }
    .upcomingeventslider .upcmgcntboxwrap { max-width: 520px; }
    .upcomingeventslidersection button.slick-arrow, .moreeventsliderwrap button.slick-arrow { font-size: 40px; }
    .eventpglatestright > ul > li > p { font-size: 16px; }
    .eventpglatestright > ul > li i { font-size: 22px; }
    .eventpglstsection{padding:50px 0 60px;}
    .upcomingeventslidersection .slick-arrow.next-arrow, .moreeventsliderwrap .slick-arrow.next-arrow { right: -20px; }
    .upcomingeventslidersection .slick-arrow.prev-arrow, .moreeventsliderwrap .slick-arrow.prev-arrow { left: -20px; }
    .innerbnrimg { width: 600px; }
    .upcmgcntboxtitlewrap { max-width: calc(100% - 40px); bottom: 20px; }

    .contactinfolist a { font-size: 24px; }
    .contactinfolist { margin-bottom: 30px; }
    .followusbttn { font-size: 24px; }
    .contactformsection { padding: 100px 0; }


    .eventdetailright { max-width: 430px; }
    .eventdetailleft { max-width: calc(100% - 460px); }
    .eventdetailimgcols { max-width: 190px; }
    .eventdetailimgcols > p { max-width: 160px; }
    .eventdetailimgrows { padding: 15px 20px; }
    .eventboxcols { max-width: 310px; }
    .banner-legacy img { top: -35px; }
    .banner-events img { width: 800px; top: -110px; }
    .banner-eventdetail img { top: -97px; right: 54px; width: 700px; }
    .resources { gap: 30px; }
}

@media screen and (max-width: 1199px) {
    h1, .h1 { font-size: 72px; }
    h2, .h2 { font-size: 26px; }
    .headermenunav ul { gap:20px; }
    .headermenunav > ul > li > a,.headermenunav > ul > li > span > a { padding: 15px 10px; }
    .herobannerslidercontent .smtitle { font-size: 20px; padding: 16px 20px; border-radius: 14px; }
    .herobannerslidercontent p { font-size: 18px; }
    .herobannerslidercontent { max-width: 560px; }
    .herobannersliderwrap .slick-dots .slick-active button { width: 50px; }
    .herobannersliderwrap ul.slick-dots { gap: 14px; }
    .primarybttn { padding: 14px 28px; }
    .featurecols p { margin-bottom: 20px; }
    .newpgsection .newannouncementimg { width: 370px; opacity: 1; }
    .newscolsection { position: relative; z-index: 9; max-width: 100%; }
    .legionredsection .royal-canadian-legion { opacity: 1; margin: 0 auto; }
    .legionredrightcontent { position: relative; z-index: 9; max-width: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 30px 30px; margin: 40px 0; text-align: center; }
    .footerfirst { max-width: 420px; }
    .footerfirst > ul > li a { gap: 14px; font-size: 18px; }
    .footerthird { max-width: 390px; }
    .footerthird > iframe { height: 260px; }
    .footerlogo { margin-top: -40px; }
    .ourstorysection > .whiteleaf{width:400px;}
    .datechoosldrwrap button.slick-arrow { font-size: 22px; }

    .filtertopwrap > .dropdownwrap { width: 350px; }
    .filtertopwrap > .dropdownwrap.wordtagwrap { width: 385px; }
    .legacycardrows { gap: 40px 30px; }
    .legacycardboxheader { border-radius: 14px; }
    .tabsfilterbodywrap .paginationwrap { padding-top: 60px; }
    .paginationwrap > ul > li > a { font-size: 20px; }

    .legacypgwrap { padding: 80px 0; }
    .tabsfilterheaderwrap > ul > li > button { font-size: 24px; }
    .legacycardboxheader .videolink { font-size: 40px; width: 50px; height: 50px; border: 20px; right: 20px; }
    .legacycardboxheader > h3 { left: 20px; font-size: 20px; }
    .eventpglatestright { max-width: 100%; padding: 20px 0 0; }
    .eventpglatestrow { padding: 20px; }
    .membersappformsection > .container { position: relative; z-index: 9; }
    .membersappformsection .membersappformflower{width:400px;}

    .contactformright { padding: 0; max-width: 100%; }
    .contactformleft { max-width: 100%; margin-bottom: 60px; }
    .contactformsection { padding: 70px 0; }
    .innerbnrimg { width: 450px; }

    .eventpglatestrow { max-width: 600px; margin: 0 auto; }
    .upcomingeventslider .upcmgcntboxwrap { max-width: 430px; }


    .eventdetailleft { max-width: calc(100% - 410px); }
    .eventdetailright {max-width: 390px;}
    .eventdetailsection { padding: 80px 0; }
    .eventdetailimgcols { max-width: 160px; }
    .eventdetailimgcols > p { max-width: 132px; }
    .eventboxcols { max-width: 360px; }

    .welcomerows { align-items: center; gap: 40px; }
    .welcomeright { padding: 0; }
    .welcomeleft { margin: 0; max-width: calc(100% - 660px); }
    .ourhistoryswiperguide .year { max-width: 140px; }
    .aboutinfocardrows { gap: 20px; }
    .aboutinfocardsection,.howoperatesection { padding: 60px 0; }
    .howoperatesection .flowericon { width: 320px; }
    .howoperaterows { grid-template-columns: repeat(2, 1fr); gap: 40px 40px; }
    .careerwithleft { max-width: 550px; }
    .careerwithleft > p { font-size: 20px; }

    .ourhistoryswiperguide .swipernavigationwrap::before { top:20px; }
    .ourhistoryswiperguide .swipernavigationwrap { bottom: 9px; }

    .footerfirst { max-width: 370px; } .footersecond { max-width: 300px; } .footerthird { max-width: 240px; }
    .moreeventsection .whiteleafimg { width:400px;right:-50px;}

    .calendarhomsection .inuvik-blue-logo { width: 700px; }

    .innerbnrsection { padding: 120px 0 50px; }
    .innerbnrsection.aboutusinrbnr { padding: 120px 0; }
    .innerbnrsection.aboutusinrbnr .innerbnrimg { width: 590px; bottom: -110px; }
    .banner-volunteer img { width: 540px; top: -94px; right: 10px; }
    .banner-events img { width: 750px; top: -160px; }
    .banner-eventdetail img { top: -77px; right: 54px; width: 560px; }
    .banner-membership img { top: -90px; width: 530px; }
    .banner-contact img { top: -90px; right: -30px; width: 592px; }

    .banner-res .innerbnrimg { top: -75px; width: 530px; }
    .resources { padding-bottom: 60px; }
}

@media screen and (max-width: 1200px) {
    .mobilemenu {
        display: flex;
        flex-wrap: wrap;
        width: 33px;
        height: 22px;
        position: relative;
        margin-bottom: 0;
        border: 0;
        background-color: transparent;
        padding: 0;
    }
    .mobilemenu > span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #377BDE;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform .5s cubic-bezier(.77,.2,.05,1), background .5s cubic-bezier(.77,.2,.05,1), opacity .55s ease;
    }
    .mobilemenu > span:last-child { margin: 0; }
    .mobilemenu.togglemenu > span:first-child { opacity: 0; transform: rotate(0deg) scale(.2, .2); }
    .mobilemenu.togglemenu > span:last-child { opacity: 1; transform: rotate(45deg) translate(-8px, -14px); }
    .mobilemenu.togglemenu > span:nth-child(2) { transform: rotate(-45deg) translate(-7px, 9px); }
    .headermenunav > ul {
        position: absolute;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        left: 0;
        top: 100%;
        gap: 0;
        opacity:0;
        visibility: hidden;
        transition:0.3s all ease-in-out;
        transform:translateY(50px);
        overflow:auto;
        max-height:calc(100vh - 80px);
    }
    .toggleheadmenu .headermenunav > ul {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    .headermenunav > ul > li { width: 100%; border-top: 1px solid rgba(55, 123, 222, 0.3); }
    .headermenunav > ul > li > a,.headermenunav > ul > li > span > a { padding: 20px 20px; }
    .toggleheadmenu .header-logo { opacity: 0; }
    h1, .h1 { font-size: 68px; }
    h2, .h2 { font-size: 24px; }
    h3, .h3 { font-size: 22px; }
    .primaryheaderwrap > .header-logo > img { width: 140px; }
    .herobannerslidercontent { padding: 90px 0  60px; max-width: 540px; }
    .herobannersliderwrap ul.slick-dots {gap: 12px;bottom: 30px;right: 40px;}
    .herobannerslidercontent .smtitle { font-size: 18px; }
    .herobannerslidercontent p { font-size: 16px; }
    .herobannerslider::before { background: linear-gradient(270deg, rgba(55, 123, 222, 0) -5%, rgba(55, 123, 222, 0.6) 30%, #377BDE 72.56%, #377BDE 100%); }
    .whiteleafbox > .whiteleaf { width: 400px; right: -150px; }
    .pt130 { padding-top: 60px; }
    .titlewrap h2::after { height: 2px; width: 100px;}
    .titlewrap i { font-size: 32px; }
    .newpgsection .newannouncementimg { width: 380px; }
    .topdatebox { max-width: 70px; padding: 4px 10px 8px; }
    .topdatebox h3 { margin-bottom: 4px; }
    .newscontentboxcontentwrap { padding: 18px 20px 30px; }
    .newscontentboxcontentwrap > p { margin-bottom: 20px; }
    .footerfirst { margin: 0 auto; text-align: center; max-width: 100%; }
    .footerwrap .footerfirst .titlewrap.white h2::after { margin: 0 auto; left: 0; right: 0; }
    .footerthird { margin: 0 auto; max-width: 100%; }
    .footerwrap { gap: 20px; }
    .footertopsection { background-size: 60%; background-position: center; }
    .featurecols .titlewrap h2::after { right: 0; margin: 0 auto; }
    .datechoosldrwrap button.slick-arrow { font-size: 20px; }
    .legacycardrows { grid-template-columns: repeat(2, 1fr); }
    .tabsfilterheaderwrap > ul > li > button { font-size: 22px; padding: 20px 30px; }
    .legacypgsection .filtertopwrap { gap: 20px; }
    .filtertopwrap > .dropdownwrap.wordtagwrap { width: 326px; }
    .dropdownwrap select { padding: 17px 40px 17px 20px;width:100%;}
    .membersappforrows { gap: 30px 40px; }
    .membersappformsection { padding: 80px 0 120px; }
    .memberrradiowrap { grid-template-columns: repeat(2, 1fr); }
    .innerbnrimg { top: auto; bottom: 0; }
    .upcomingeventslider .upcmgcntboxwrap{max-width:340px;}

    .eventboxcols { max-width: 360px; }
    .eventdetailleft { max-width: 100%; }
    .eventdetailright { max-width: 100%; margin-top: 50px; }
    .eventdetailimgcols { max-width: 190px; flex-wrap: nowrap; }
    .eventdetailimgcols > p { max-width: 100%; }

    .eventdetailimgcols { max-width: 190px; flex-wrap: nowrap; }
    .eventdetailimgcols > p { max-width: 100%; }
    .moreeventsliderwrap { max-width: calc(100% - 60px); }
    .upcomingeventslidersection button.slick-arrow, .moreeventsliderwrap button.slick-arrow { font-size: 24px; }
    .eventboxcols { max-width: 300px; }


    .careerwithleft { max-width: 340px; }
    .welcomeright { max-width: 400px; }
    .welcomeleft { max-width: calc(100% - 440px); }
    .ourhistorysection,.aboutinfocardsection, .howoperatesection { padding: 50px 0; }
    .headermenunav > ul > li > a:hover,.headermenunav > ul > li.active > a,.headermenunav > ul > li > span > a:hover,.headermenunav > ul > li.active > span > a{background-color:#E31E24;color:#ffffff;}
    .primaryheaderwrap{padding:2px 0;}
    .moreeventsection .whiteleafimg { width:350px; }

    .ourstoryslidersection .storysldrwrap { display: none; }
    .ourstorysliderwrap { max-width: 100%; }

    .calendarhomsection .inuvik-blue-logo { width: 560px; left: -230px; }

    .innerbnrsection.aboutusinrbnr .innerbnrimg { width: 440px; right: 0; bottom: -100px; }
    .innerbnrsection.aboutusinrbnr { padding: 70px 0; }
    .footerwrap { flex-wrap: wrap; }
    .footersecond { text-align: center; width: 100%; max-width: 100%; }
    .banner-legacy img { width: 47vw; top: -10px; right: 0; }
    .banner-events img { width: 550px; top: -70px; }
    .banner-eventdetail img { top: -67px; right: 0px; width: 520px; }
    .banner-membership img { right: 0px; top: -40px; width: 420px; }
    .banner-contact img { top: -54px; right: -70px; width: 522px; }

    .submenuwrap > .submenu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none;display:none;transition:none;}
    .submenuwrap > .submenu > li > a { padding: 16px 30px; }


    .submenuwrap > span > img { position: static; width: 50px; height: auto; padding: 15px; }
    .submenuwrap > span { display: flex; flex-wrap: wrap; }
    .headermenunav > ul > li.submenuwrap > span > a { flex: 1; }
    .banner-res .innerbnrimg { top: -36px; width: 430px; }
    .resources { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width: 767px) {
    h1, .h1 { font-size: 63px; }
    h2, .h2 { font-size: 22px; }
    .herobannerslidercontent .smtitle { padding: 12px 18px; border-radius: 10px; }
    .herobannersliderwrap .slick-dots button { height: 16px; width: 16px; padding: 0; }
    .titlewrap i { font-size: 28px; }
    .titlewrap h2 { padding-bottom: 12px; }
    .textlink { font-size: 18px; gap: 10px; }
    .upcmgcntboxcntnwrap p { padding-bottom: 20px; }
    .upcmgcntboximgwrap { border-radius: 14px; }
    .calendarhomsection { padding: 50px 0 60px; }
    .newscolsection { grid-template-columns: repeat(1, 1fr); }
    .newpgsection .newannouncementimg { opacity: 0; }
    .ourstoryslider > p { font-size: 20px; padding: 20px; }
    .ourstoryslider { border-radius: 14px; }
    .ourstorysection { padding-bottom: 60px; }
    .tabsfilterheaderwrap > ul { max-width: 100%; justify-content: center; order: 1; }
    .filtertopwrap > .dropdownwrap,.filtertopwrap > .dropdownwrap.wordtagwrap { width: calc(50% - 10px); }
    .tabsfilterheaderwrap .dropdownwrap { width: 100%; margin-bottom: 20px; }

    .availabilitycol { width: 33%; }
    .preferredboxcols { width: 50%; }
    .availabilitycol.availabilitycoltext { width: 100%; }
    .membersappformsection { padding:60px 0 80px; }
    .membersappformsection .membersappformflower{width:300px;}

    .memberrradiowrap { grid-template-columns: repeat(1, 1fr); gap: 40px; }
    .membersappforrows { grid-template-columns: repeat(1, 1fr); }
    .fullspan { grid-column: 1; }
    .membersappforcols.checkboxwrapcols > .checkboxwrap{margin-top: 0;}
    .innerbnrimg { width: 240px; }
    .innerbnrsection { padding: 90px 0 40px; }
    .upcomingeventslider .upcmgcntboxwrap{max-width:400px;}
    .eventboxcols { max-width: 400px; }

    .eventdetailimgcols { max-width: 47%; width: 100%; }
    .eventdetailimgrows { gap: 20px 10px; margin-bottom: 40px; }
    .breadcrumbwrap > ul { gap: 10px 0; }
    .eventdetailimgwrap > .eventdetailimgtitlwrap { max-width: calc(100% - 40px); bottom: 20px; }


    .welcomeleft { max-width: 300px; margin: 0 auto; }
    .welcomeright { max-width: 100%; }
    .aboutinfocardrows { grid-template-columns: repeat(1, 1fr); gap: 40px 0; }
    .howoperaterows { grid-template-columns: repeat(1, 1fr); text-align: center; }
    .careerwithleft { max-width: 100%; order: 1; }
    .careerwithright { margin: 0 auto; margin-bottom: 50px; }

    .welcomeright { text-align: center; }
    .welcomeright .titlewrap h2::after, .aboutinfocardcols > .titlewrap h2::after,.careerwithleft .titlewrap h2::after { right: 0; margin: 0 auto; }
    .aboutinfocardcols { text-align: center; }
    .careerwithleft { text-align: center; }
    .calendarhomsection .inuvik-blue-logo { width: 480px; }
    .innerbnrsection.aboutusinrbnr .innerbnrimg{display:none;}
    .innerbnrsection.aboutusinrbnr { padding: 100px 0 30px; }
    .membershipcontentwrap { padding-top: 60px; padding-bottom: 60px; }
    .preferredboxrows {gap: 20px 0; }
    select, input:not([type="checkbox"],[type="radio"],[type="submit"]), textarea { padding: 14px 15px; }
    .innerbnrimg {display:none;}

    .resources { gap: 30px 20px; }
}

@media screen and (max-width: 575px) {
    .datechoosldrwrap .slick-list{max-width:calc(100% - 60px);}
    h1, .h1 { font-size: 50px; }
    .herobannerslidercontent .smtitle { font-size: 14px;line-height:1.4;padding: 10px 12px; }
    .primarybttn { font-size: 18px; padding: 12px 24px; line-height: 25px; }
    .herobannerslidercontent p { margin-bottom: 20px; }
    .datemeta { font-size: 18px; padding: 6px 6px; line-height: 25px; }
    .featuresection { padding: 70px 0; }
    .newscontentboxwrap { border-radius: 16px; }
    .ourstoryslider { border-radius: 10px; }
    .ourstoryslider > p { padding: 12px; font-size: 18px; line-height: 25px; }
    .legionredrightcontent > img { width: 170px; }
    .legionredrightcontent > p { font-size: 16px; }

    .herobannersliderwrap ul.slick-dots { bottom: 20px; left: 0; right: 0; margin: 0 auto; justify-content: center; }
    .legacycardrows { grid-template-columns: repeat(1, 1fr); }
    .filtertopwrap > .dropdownwrap, .filtertopwrap > .dropdownwrap.wordtagwrap { width: 100%; }
    .tabsfilterheaderwrap > ul > li > button { font-size: 20px; padding: 14px 22px; }


    .membersappforrows { grid-template-columns: repeat(1, 1fr); }
    .availabilitycol { width: 50%; }
    .preferredboxcols { width: 100%; }
    .contactinfolist a { font-size: 20px; }
    .contactinfolist i { font-size: 34px; }
    .row.formrows { gap: 26px 0; }

    .paginationwrap > ul > li > a { width: 40px; height: 40px; font-size: 16px; line-height: 1; }
    .paginationwrap > ul { margin: 0 10px; }

    .upcmgcntboxtitlewrap h3 { font-size: 20px; }
    .upcmgcntboximgwrap > img { aspect-ratio: 765 / 630; }
    .eventpglatestright > ul > li > p label{font-size:16px;}
    .moreeventsection{padding: 60px 0;}
    .eventdetailrightboxrgt { max-width: 100%; padding-left: 0; padding-top: 20px; }


    .ourhistoryswipersldr > img { aspect-ratio: 765/650; }
    .ourhistoryswipersldrcont { padding: 20px; }

    .resources { grid-template-columns: 1fr; gap: 30px; }
}

@media screen and (max-width: 420px) {
    .herobannerslidercontent .smtitle { font-size: 12px; padding: 8px 8px; border-radius: 6px; } 
    .footerfirst > ul > li a { font-size: 16px; gap: 10px; line-height: 1.4; text-align: center; justify-content: center; }
    .footerfirst > ul a i { font-size: 20px; display: block; width: 100%; }
    .footerfirst > ul { text-align: center; }

    .paginationwrap > ul > li > a { width: 36px; height: 36px; }
    .paginationwrap > a { font-size: 16px; }

    .eventdetailimgwrap > .eventdetailimgtitlwrap { max-width: calc(100% - 40px); bottom: 20px; }
    .eventdetailimgcols { max-width: 100%; }
    .eventdetailimgwrap > img { aspect-ratio: 1040/1000; }
    .eventdetailimgtitlwrap h2 { font-size: 18px; }
    .moreeventsliderwrap{max-width:100%;}
}