/* --- Montserrat --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
    --cobalt: rgb(0,97,255);
    --navy: rgb(4,0,97);
    --purple: rgb(99,15,255);
    --light-blue: rgb(0,209,255);
    --light-green: rgb(64,242,191);
    --pink: rgb(194,106,255);
    --dark-grey:rgb(16,24,40);
    --light-grey:rgb(234,236,240);

    --grey-15: rgb(245,245,245);
    --grey-25: rgb(240,240,240);
    --grey-35: rgb(235,235,235);
    --grey-50: rgb(230,230,230);
    --grey-100: #ccc;
    --grey-200: #b3b3b3;
    --grey-300: #999;
    --grey-400: #808080;
    --grey-500: #666;
    --grey-600: #4d4d4d;
    --grey-700: #333;
    --grey-800: #1a1a1a;
    --grey-900: rgb(15,15,15);

	--red: red;
    --red-5:#ffedee;
    --red-7:#ffedee;
    --red-15:#fedbdd;
    --red-25: #ffedee;
    --red-50: #ffedee;
    --red-75: #ffedee;
    --red-200: #fb0d1c;
    --red-700: #fb0d1c;
    --red-800: #fb0d1c;
	
    --green-25: #e6f2e6;
    --green-50: #cce6cc;
    --green-100: #b3d9b3;
    --green-200: #99cc99;
    --green-300: #80c080;
    --green-400: #66b366;
    --green-500: #4da64d;
    --green-600: #339933;
    --green-700: #1a8d1a;
}

/* ----- General ----- */
.site-content .ast-container {
    display:block !important;
    max-width:100vw !important;
}
.ast-container, .ast-container-fluid {
    padding:0 !important;
}
body {
    margin:0;
}
.site-header,
.footer-section,
#rmp_menu_trigger-38 {
    display:none;
}
.grecaptcha-badge {
    visibility:hidden;
}
#cc-window {
    display:none !important;
}
#wpadminbar {
    display:none !Important;
}
html {
    margin-top:0 !important;
}

/* General Utilities */
.hover {
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.hidden {
    display:none !important;
}
.invisible {
    opacity:0;
}
.divider {
    display:block;
    margin:24px 0;
    height:2px;
    background-color:var(--light-grey);
    width:100%;
    float:left;
}
.mobile {
    display:none !important;
}
@media(max-width:768px) {
    .mobile {
        display:inherit !important;
    }
}

html {
    font-family: 'Montserrat', sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    height:100%;
    line-height:0;
}
body, div {
    font-family: 'Montserrat', sans-serif;
}

/* --- Baseline Text Styles --- */
.heading-2xl, .heading-xl, .heading-lg, .heading-md, .heading-sm, .heading-xs, h1, h2, h3, h4, h5, h6 {
	color:var(--navy);
	font-weight:700;
    font-family: 'Montserrat', sans-serif;
}
.text-xl, .text-lg, .text-md, .text-sm, .text-xs, p, a, strong, em, i {
	color:var(--dark-grey);
	font-weight:400;
    font-family: 'Montserrat', sans-serif;
    margin:0;
}
span {
    font-family: 'Montserrat', sans-serif;
}


/* --- Text Styles --- */

.no-margin {
    margin-bottom:0 !important;
}
.pre-subheading {
    color:var(--cobalt);
    font-weight:600;
    font-size:15px;
    margin-bottom:10px;
}
.underline__link {
    -webkit-text-decoration:underline 2px var(--cobalt) !important;
            text-decoration:underline 2px var(--cobalt) !important;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-underline-offset: 3px;
    font-weight:600;
    color:var(--cobalt);
}
.weight-light {
    font-weight:300;
}
.weight-regular {
    font-weight:400;
}
.weight-medium {
    font-weight:500;
}
.weight-semibold {
    font-weight:600;
}
.weight-bold,
strong,
.bold {
    font-weight:700;
}
.weight-black {
	font-weight:800;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.text-center {
    text-align:center;
}

/* --- Headings --- */
.heading-2xl {
    font-size:4.5rem;
    /* font size:72px */
    line-height:5rem;
}
.heading-xl,
h1 {
    font-size:3.25rem;
    /* font size:60px */
    line-height:4rem;
    font-weight:700;
}
.heading-lg,
h2 {
    font-size:2.5rem;
    /* font size:48px */
    line-height:3rem;
    font-weight:700;
}
.heading-md,
h3 {
    font-size:2.25rem;
    /* font size:36px */
    line-height:2.75rem;
    font-weight:700;
}
.heading-sm,
h4 {
    font-size:1.875rem;
    /* font size:30px */
    line-height:2.375rem;
}
.heading-xs,
h5 {
    font-size:1.5rem;
    /* font size:24px */
    line-height:2rem;
}
.underline {
    text-decoration:underline;
    -webkit-text-decoration-color:var(--cobalt);
            text-decoration-color:var(--cobalt);
    text-underline-offset:5px;
    text-decoration-thickness:2px !important;
}
.underline:hover {
    text-decoration:underline !important;
    -webkit-text-decoration-color:var(--purple) !important;
    text-decoration-color:var(--purple) !important;
    text-underline-offset:5px;
    text-decoration-thickness:2px !important;
}
p a {
    color:var(--dark-grey);
    -webkit-text-decoration-color:var(--cobalt);
            text-decoration-color:var(--cobalt);
    text-underline-offset:1px;
    text-decoration-thickness:2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
p a:hover {
    color:var(--purple);
}

@media(max-width:768px) {
    /* --- Headings --- */
    .heading-2xl {
        font-size:3.25rem;
        line-height:3.5rem;
    }
    .heading-xl,
    h1 {
        font-size:2.5rem;
        line-height:3.25rem;
    }
    .heading-lg,
    h2 {
        font-size:2rem;
        line-height:2.5rem;
    }
    .heading-md,
    h3 {
        font-size:1.75rem;
        line-height:2.25rem;
    }
    .heading-sm,
    h4 {
        font-size:1.5rem;
        /* font size:30px */
        line-height:2rem;
    }
    .heading-xs,
    h5 {
        font-size:1.375rem;
        /* font size:24px */
        line-height:1.75rem;
    }
}

/* --- Body Text --- */
.text-2xl {
    font-size:1.375rem;
    /* font size:20px */
    line-height:1.8;
}
.text-xl {
    font-size:1.2rem;
    /* font size:20px */
    line-height:1.6;
}
.text-rg {
    font-size:1.1rem;
    /* font size:20px */
    line-height:1.65;
}
.text-lg {
    font-size:1rem;
    /* font size:18px */
    line-height:1.65;
}
.text-md,
p {
    font-size:1rem;
    /* font size:16px */
    line-height:1.54rem;
}
.text-sm {
    font-size:0.9rem;
    /* font size:14px */
    line-height:1.65rem;
}
.text-xs {
    font-size:0.75rem;
    /* font size:12px */
    line-height:1.5rem;
}

@media(max-width:768px) {
    /* --- Body Text --- */
    .text-2xl {
        font-size:1.125rem;
        /* font size:20px */
        line-height:1.8;
    }
    .text-xl {
        font-size:1.125rem;
        /* font size:20px */
        line-height:1.65;
    }
    .text-lg {
        font-size:1.125rem;
        /* font size:18px */
        line-height:1.65;
    }
    .text-md {
        font-size:1rem;
        /* font size:16px */
        line-height:1.65rem;
    }
    .text-sm {
        font-size:1rem;
        /* font size:14px */
        line-height:1.5rem;
    }
    .text-xs {
        font-size:0.85rem;
        /* font size:12px */
        line-height:1.5rem;
    }
}

/* Lists */
ul {
    padding-left:22px;
    float:left;
    margin:0;
    width:100%;
    margin-bottom:8px;
}
ul li {
    font-size:1rem;
    line-height:1.54rem;
    margin-bottom:0.45rem;
}
ul li::marker {
    color:var(--cobalt);
}
ul li:last-child {
    margin-bottom:0;
}
@media(max-width:768px) {
    ul {
        padding-left:18px;
    }
}

/* --- Brand Colors --- */
.cobalt {color:var(--cobalt)};
.navy {color:var(--navy)};
.purple {color:var(--purple)};
.light-blue {color:var(--light-blue)};
.light-green {color:var(--light-green)};
.pink {color:var(--pink)};
.dark-grey {color:var(--dark-grey)};
.light-grey {color:var(--light-grey)};
.bg-cobalt  {background-color:var(--cobalt)};
.bg-navy {background-color:var(--navy)};
.bg-purple {background-color:var(--purple)};
.bg-light-blue {background-color:var(--light-blue)};
.bg-light-green {background-color:var(--light-green)};
.bg-pink {background-color:var(--pink)};
.bg-dark-grey {background-color:var(--dark-grey)};
.bg-light-grey {background-color:var(--light-grey)};


/* ----- Containers ----- */

.container-outer {
    text-align:center;
    display:inline-block;
    width:100%;
}
.container-inner {
    display:inline-block;
    max-width:90%;
    width:1310px;
    float:none;
    margin-left:auto;
    margin-right:auto;
}
.container-inner_small {
    display:inline-block;
    max-width:95%;
    width:1200px;
    float:none;
    margin-left:auto;
    margin-right:auto;
}
.container-inner__rounded {
    border-radius:15px;
    overflow:hidden;
}
.block {
    display:block;
    float:left;
}


/* --- Flexbox --- */
.width-100 {
    width:100% !important;
}
.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.inline-flex {
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
}
.flex-row {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
}
.flex-row-reverse {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	    -ms-flex-direction:row-reverse;
	        flex-direction:row-reverse;
}
.flex-column {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.flex-column-reverse {
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	    -ms-flex-direction:column-reverse;
	        flex-direction:column-reverse;
}
.flex-start {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-center {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.flex-end {
	-webkit-box-align:end;
	    -ms-flex-align:end;
	        align-items:flex-end;
}
.flex-distribute {
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

/* --- Grid --- */
.grid-2 {
    display:-ms-grid;
    display:grid;
    width:100%;
    float:left;
    -ms-grid-columns:1fr 16px 1fr;
    grid-template-columns:1fr 1fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    -webkit-column-gap:16px;
       -moz-column-gap:16px;
            column-gap:16px;
    row-gap:16px;
}
.grid-2 > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.grid-2 > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.grid-3 {
    display:-ms-grid;
    display:grid;
    width:100%;
    float:left;
    -ms-grid-columns:1fr 16px 1fr 16px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    -webkit-column-gap:16px;
       -moz-column-gap:16px;
            column-gap:16px;
    row-gap:16px;
}
.grid-3 > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.grid-3 > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.grid-3 > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}
@media(max-width:1200px) {
    .grid-3 {
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:768px) {
    .grid-2,
    .grid-3 {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        row-gap:8px;
    }
}

/* Gap */
.gap-y-4 {
    row-gap:12px;
}

/***** Spacing *****/

/* --- Margin (base 16) --- */
.m-xs {
	margin:4px;
}
.m-sm {
	margin:8px;
}
.m-md {
	margin:16px;
}
.m-lg {
	margin:32px;
}
.m-xl {
	margin:64px;
}
.m-2xl {
	margin:128px;
}
/* --- Margin Top --- */
.mt-xs {
	margin-top:4px;
}
.mt-sm {
	margin-top:8px;
}
.mt-md {
	margin-top:16px;
}
.mt-lg {
	margin-top:32px;
}
.mt-xl {
	margin-top:64px;
}
.mt-2xl {
	margin-top:128px;
}

.pt-xs {
	padding-top:4px;
}
.pt-sm {
	padding-top:8px;
}
.pt-md {
	padding-top:16px;
}
.pt-lg {
	padding-top:32px;
}
.pt-xl {
	padding-top:64px;
}
.pt-2xl {
	padding-top:128px;
}
/* --- Margin Right --- */
.mr-xs {
	margin-right:4px;
}
.mr-sm {
	margin-right:8px;
}
.mr-md {
	margin-right:16px;
}
.mr-lg {
	margin-right:32px;
}
.mr-xl {
	margin-right:64px;
}
.mr-2xl {
	margin-right:128px;
}
/* --- Margin Bottom --- */
.mb-xs {
	margin-bottom:4px;
}
.mb-sm {
	margin-bottom:8px;
}
.mb-md {
	margin-bottom:16px;
}
.mb-lg {
	margin-bottom:32px;
}
.mb-xl {
	margin-bottom:64px;
}
.mb-2xl {
	margin-bottom:128px;
}
/* --- Margin Left --- */
.ml-xs {
	margin-left:4px;
}
.ml-sm {
	margin-left:8px;
}
.ml-md {
	margin-left:16px;
}
.ml-lg {
	margin-left:32px;
}
.ml-xl {
	margin-left:64px;
}
.ml-2xl {
	margin-left:128px;
}

@media(max-width:768px) {

    .mt-xs {
        margin-top:2px;
    }
	.mt-2xl {
		margin-top:64px;
	}

	.mb-lg {
		margin-bottom:24px;
	}
	.mb-xl {
		margin-bottom:40px;
	}
	.mb-2xl {
		margin-bottom:64px;
	}

	.pt-lg {
		padding-top:24px;
	}
	.pt-xl {
		padding-top:40px;
	}
	.pt-2xl {
		padding-top:64px;
	}
}


/* ----- Buttons ----- */

.button {
    text-decoration:none !important;
    -webkit-transition:all .3s ease !important;
    -o-transition:all .3s ease !important;
    transition:all .3s ease !important;
    border-radius:10px;
    font-weight:600;
	font-family: 'Montserrat', sans-serif; 
    padding:8px 16px;
    font-size:15px; 
    display:inline-block;
    cursor:pointer;
    min-width:100px;
    color:#fff;
    border:2px solid var(--cobalt);
}
button {box-shadow:none !important;}
.button img {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.button:hover,
.button:active,
.button:focus,
.button:focus-within {
    border:2px solid var(--purple);
    color:#fff;
}
.button__solid {
    background-color:var(--cobalt);
    color:#fff;
}
.button__solid:hover,
.button__solid:active,
.button__solid:focus,
.button__solid:focus-within {
    background-color:var(--purple);
}
.button__outline {
    color:var(--cobalt);
    background-color:rgba(0,0,0,0);
    border:2px solid var(--cobalt);
}
.button__outline:hover,
.button__outline:active,
.button__outline:focus,
.button__outline:focus-within {
    background-color:var(--purple);
    border:2px solid var(--purple);
}
.button__outline__white {
    color:white;
    background-color:rgba(0,0,0,0);
    border:2px solid white;
}
.button__outline__white:hover {
    background-color:white;
    border:2px solid white;
    color:var(--cobalt)
}
.button__outline__white:active,
.button__outline__white:focus,
.button__outline__white:focus-within {
    background-color:rgba(0,0,0,0);
    border:2px solid white;
}

/* ----- Inputs ----- */

input[type=email], 
input[type=number], 
input[type=password], 
input[type=reset], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea {
    border-color:var(--grey-50);
}
textarea {
    background-color:white;
    border-radius:5px !important;
    border:1px solid var(--grey-50) !important; 
}
textarea:hover,
textarea:focus {
    border-color:var(--cobalt) !important;
}


/* ----- Header Menu ----- */

.menu-container {
    position:relative;
    width:100%;
    padding:20px;
    box-sizing:border-box;
    max-width:100%;
    background-color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
}
.desktop-menu {
    max-width:95%;
    width:1480px;
}
@media(max-width:768px) {
    .menu-container img {
        width:200px;
        max-width:60vw;
    }
    .menu-container .menu-item {
        display:none;
    }
    .menu-container.flex {
        align-items:center;
        flex-direction:row !important;
    }
}





/* ----- home Page ----- */

#home-banner {
    display:flex;
    min-height:450px;
    align-items:center;
    justify-content:center;
    padding-bottom:50px;
}

#home-banner p {
    margin-top:5px;
    margin-bottom:20px;
    font-size:20px;
}

/* Icon Grid */
.icon-grid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:auto;
    column-gap:30px;
    row-gap:30px;
}

.icon-grid > div {
    padding:25px;
    background-color:var(--light-grey);
    border-radius:10px;
    display:inline-block;
    width:100%;
}

/* CTA Section */
#cta .container-inner_rounded {
    padding:60px; 
}

#cta h2 {
    font-size:26px;
    margin-bottom:22px;
}




.menu-container .button,
.page-menu .button,
#home-banner .button {
    padding:16px 24px;
    border-radius:10px;
    color:white;
      font-weight:700;
      text-decoration:none;
      border:2px solid var(--cobalt);
      background-color:var(--cobalt);
      font-size:18px;
      transition: all .3s ease;
  }
  .menu-container .square_button,
  .page-menu .square_button,
  #home-banner .square_button {
    font-size:1rem;
    padding:8px 16px;
    line-height:1.65;
    min-width:81px;
  }
  .menu-container .button:hover,
  .menu-container .button:active,
  .menu-container .button:focus,
  .page-menu  .button:hover,
  .page-menu  .button:active,
  .page-menu .button:focus,
  #home-banner .button:hover,
  #home-banner .button:active,
  #home-banner .button:focus {
      color:var(--purple);
      border-color:var(--purple);
      background-color:white;
  }

  .button_square {
      border-radius:10px;
  }

  #home-banner .button_outline {
      border-color:var(--cobalt);
      background-color:white;
      color:var(--cobalt);
  }

  #home-banner .button_outline:hover,
  #home-banner .button_outline:active,
  #home-banner .button_outline:focus {
      color:white;
      border-color:var(--purple);
      background-color:var(--purple);
  }


/* --- Events Tab --- */

.events-grid .card {
    margin-bottom:0 !important;
}
.event {
    width:100%;
    border-radius:10px;
    position:relative;
    padding:16px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:start;
}

.event-info {
    display:inline-block;
    float:left; 
    width:calc(100% - 115px);
}
.event-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.event-icon img {
    width: 32px;
    height: auto;
    min-width: 32px;
}
.events-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    column-gap:16px;
    row-gap:16px;
}
.event-container {
    padding:40px;
    background-color:white;
    border-radius:10px;
    display:inline-block;
    width:100%;
    transition: all 1.5s ease;
}
.event-container .button svg {
    margin-right: 4px;
    width: 18px;
    color: white;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.event-container .button:hover {
    background-color: var(--purple);
    color: white;
}
.event-container .button:hover svg {
    color: white;
}
.event-date {
    background-color: rgba(0,97,255,0.05);
    border-radius: 100px;
    line-height: 0;
    padding: 8px 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    width: auto;
    margin-right: 10px;
    font-weight: 600;
}
.event-time {
    background-color: rgba(0,97,255,0.05);
    border-radius: 100px;
    line-height: 0;
    padding: 8px 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    width: auto;
    font-weight: 600;
}
.event-container .event-date svg,
.event-container .event-time svg,
.event-container .event-icon svg {
    color: var(--cobalt);
    height: 18px;
    width: auto;
    margin-right: 7px;
}
.file-asset {
    background-color: rgba(0,97,255,0.05);
    color:var(--dark-grey) !important;
    border-radius: 5px;
    padding: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    width: auto;
    font-weight: 600;
    font-size:14px;
    margin-right:12px;
    margin-top:6px;
    margin-bottom:6px;
    line-height:14px;
    cursor:pointer;
    border:2px solid rgba(0,97,255,0.05);
    -webkit-transition:border .3s ease;
    -o-transition:border .3s ease;
    transition:border .3s ease;
}
.file-asset:hover {
    border-color:var(--purple)
}

.event-description p {margin-bottom:8px;}
.event-description > *:nth-last-child(2) {margin-bottom:0;}
.event-description a {font-weight:700;color:var(--cobalt);}
@media(max-width:768px) {
    .file-asset {
        padding: 6px;
        font-size:13px;
        margin-right:8px;
        margin-top:4px;
        margin-bottom:4px;
        line-height:12px;
    }
}
@media(min-width:1600px) {
    #events .grid-2 {
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
    }
}
@media(max-width:768px) {
    .event {
        padding:10px;
    }
    .event-cover {
        width:50px;
        height:50px;
        border-radius:10px;
    }
    .event-cover svg {
        width:22px;
    }
    .event-info {
        display:inline-block;
        float:left; 
        width:calc(100% - 60px);
    }
}

/* Upcoming Events */

.benefits-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    column-gap:16px;
    row-gap:16px;
    padding-top:16px;
}

@media(max-width:767px) {
    .benefits-grid {
        grid-template-columns:1fr;
        column-gap:15px;
        row-gap:15px;
    }
    .events-grid {
        grid-template-columns:1fr;
    }
    .event-container {
        padding:25px;
        background-color:white;
    }
}


/* Footer */

#footer--bar .container-inner {
    border-top:1px solid #E6E6E6;
}
.footer-logo {
    width:220px;
    height:auto;
}
.footer-text {
    display:inline-flex;
    width:auto;
}
.footer-text {
    font-size: 1rem;
    line-height: 1.54rem;
}
.footer-text p {
    font-size: 1rem;
    line-height: 1.54rem;
}
@media(max-width:768px) {
    #footer-bar .flex {
        flex-direction:column;
        row-gap:16px;
        align-items:flex-start;
    }
    #footer-bar  .footer-text {
        flex-direction:column;
        row-gap:8px;
    }
    #footer-bar  .footer-text p {
        margin-right:0;
    }
}




/* Shared Interface Components */

.notification {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width:350px;
    max-width:80vw;
    position:fixed;
    bottom:32px;
    right:32px;
    margin-left:auto;
    margin-right:auto;
    border-radius:0 10px 10px 0;
    padding:20px 15px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family:Montserrat;
    font-size:15px;
    font-weight:600;
    text-align:left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height:1.4;
    z-index:1000; 
    left:auto;
    top:auto;
}
.notification svg {
    width:30px;
    height:auto;
    margin-right:8px;
}
.notification.error {
    background-color:var(--red-50);
    color:var(--red-700);
    border-left:4px solid var(--red-700)
}
.notification.success {
    background-color:var(--green-25);
    color:var(--green-700);
    border-left:4px solid var(--green-700)
}

/* Platform */
#dashboard--container {
    background-color:var(--light-grey);
    height:100vh;
    width:100%;
    padding:12px;
    -webkit-column-gap:12px;
       -moz-column-gap:12px;
            column-gap:12px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    max-width:100%;
}
@media(max-width:768px) {
    #dashboard--container {
        padding:0;
        -webkit-column-gap:0;
           -moz-column-gap:0;
                column-gap:0;
    }
}


/* --- Navigation Pane --- */

nav {
    /*min-width:72px;
    width:72px;*/
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    text-align:left;
    height:calc(100vh - 24px);
    float:left;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding:24px 16px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background-color:white;
    border-radius:10px;
    -webkit-transition:width .3s ease;
    -o-transition:width .3s ease;
    transition:width .3s ease;
    overflow-x:hidden;
    width:300px;
}
.nav-logo {
    margin-bottom:12px;
}
nav button,
nav .profile--nav a,
.mobile-settings button,
.mobile-settings a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-radius:0.5rem;
    color:rgb(160,160,160);
    border:none;
    cursor:pointer;
    background-color:transparent;
	padding:10px 10px 10px 10px;
    max-width:100%;
    width:100%;
    height:auto;
    -webkit-transition:background .3s ease;
    -o-transition:background .3s ease;
    transition:background .3s ease;
}  

nav form,
.mobile-settings form {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
}
nav button svg,
nav .profile--nav a svg,
.mobile-settings button svg,
.mobile-settings a svg {
    width:28px;
    height:28px;
    min-width:28px;
    min-height:28px;
}
nav button:hover,
nav .profile--nav a:hover,
.mobile-settings button:hover,
.mobile-settings a:hover {
    color:rgb(160,160,160);
    background-color:var(--grey-15);
}
nav button:focus,
nav button.active,
nav .profile--nav a :focus,
nav .profile--nav a.active,
.mobile-settings button:focus,
.mobile-settings button.active,
.mobile-settings a :focus,
.mobile-settings a.active {
    background-color:rgba(0,97,255,0.07);
    color:var(--cobalt);
}
nav button.profile {
    background-color:transparent !important;
    outline:none !important;
}
nav button span,
nav .profile--nav a span,
.mobile-settings button span,
.mobile-settings a span {
    font-family:'Montserrat';
    font-weight:400;
    opacity:0;
    margin-left:10px;
    font-size:14px;
    font-weight:600;
    color:black !important;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease;
    word-break: keep-all;
    white-space: nowrap;
}
nav .invisible {
    opacity:1 !important;
}   

nav button:focus span,
nav button.active span,
nav .profile--nav a:focus span,
nav .profile--nav a.active span{
    color:var(--cobalt) !important;
}

@media(max-width:768px) {
    #dashboard-nav {
        width:100vw !important;
        height:71px;
        padding:10px;
        position:fixed;
        bottom:0;
        left:0;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        border-radius:0;
        border-top:1px solid var(--grey-50);
        z-index:10;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
    }
    #dashboard-nav .tab--nav {
        display:-ms-inline-grid;
        display:inline-grid;
        width:83.33%; float:left;
        -ms-grid-columns:1fr 1fr 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;

    }
    .profile--nav {
        display:-ms-inline-grid;
        display:inline-grid;
        width:16.66%; float:left;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
    }
    .logout {
        display:none;
    }
    #dashboard-nav .invisible {
        display:none;
    }
    #dashboard-nav button,
    #dashboard-nav a {
        margin:0 auto;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        padding:0px;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        height:50px;
        width:50px;
    }
    nav button span, nav a span {
        font-size:13px;
        margin-left:0;
    }
    .tab--nav {
        -webkit-box-pack:justify;
            -ms-flex-pack:justify;
                justify-content:space-between;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;
    }
    nav img {
        display:none;
    }

    .mobile-settings {
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
        float:left;
        width:100%;
    }

    .mobile-settings button,
    .mobile-settings a {
        margin:0 auto;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        padding:0px;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        height:50px;
        width:50px;
    }
    .mobile-settings button span, .mobile-settings a span {
        font-size:13px;
        margin-left:0;
        opacity:1;
        line-height:13px;
    }
}

/* --- Content Pane --- */

main {
    width:100%;
    display:inline-block;
    float:left;
    height:calc(100vh - 24px);
    overflow-y:scroll;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    max-width:100%;
}
main::-webkit-scrollbar {
  display: none;
}
main.expand {
    width:calc(100% - 416);
}
@media(max-width:768px) {
    main {
        border-radius:0;
        width:100%;
        height:calc(100vh - 70px);
        padding:8px;
    }
}

.card-container {
    background-color:transparent;
    display:inline-block;
    width:100%;
    float:left;
}
.card {
    border-radius:10px;
    padding:24px;
    background-color:white;
    width:100%;
    float:left;
    margin-bottom:12px;
}
.card_outline {
    border-radius:10px;
    padding:24px;
    background-color:white;
    width:100%;
    float:left;
    border:2pt solid rgb(235,235,235);
}
.card_outline .week-title {
    font-size:1.35rem;
}
.card:last-child {
    margin-bottom:0;
}
.grid-2 .card-container {
    margin-bottom:0;
}
@media(max-width:768px) {
    .card {
        margin-bottom:8px;
    }
    .card,
    .card_outline {
        padding:16px !important;
    }
    .card-container {
        padding:0;
        border-radius:10px;
    }
    .card_outline .week-title {
        font-size:1.25rem;
    }
}
.border-top {
    border-top:1pt solid rgb(235,235,235);
}

/* --- Tabs --- */
.tab {
    float:left;
    width:100%;
}
.tab__overview {
    max-width:850px;
    clear:both;
}

/* --- Dashboard Tab --- */

#dashboard .profile-pic {
	width:60px;
	height:60px;
    border-radius:100px;
    overflow:hidden;
    -o-object-fit:cover;
       object-fit:cover;
}
@media(max-width:1550px) {
    #dashboard .grid-2 {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
    }
}

/* --- Directory Tab --- */

/* Sorting Options */
.sorting-options {
    display:inline-block;
    float:left;
    text-align:left;
    width:100%;
    clear:both;
}
.sorting-options h6 {
    display:inline-block;
    width:100%;
    float:left;
    margin-bottom:10px;
    font-weight:700;
    font-size:16px;
}
.sorting-option {
    color:var(--cobalt);
    background-color:white;
    font-size:12px;
    padding:10px 20px;
    border-radius:100px;
    margin-right:5px;
    display:inline-block;
    float:left;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    cursor:pointer;
    line-height:13px;
    font-weight:700;
    font-family:'Montserrat', sans-serif;
    margin-bottom:5px;
    border:1px solid var(--cobalt);
}
.sorting-option:last-child {
    margin-right:0;
}
.sorting-option.sortactive {
    color:#fff;
    background-color:var(--purple);
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    border:1px solid var(--purple);
}
@media(max-width:768px) {
    .sorting-options h6 {
        margin-bottom:10px;
        font-size:14px;
    }
    .sorting-option {
        font-size:11px;
        padding:7px 14px;
        margin-right:7px;
        margin-bottom:7px;
        line-height:11px;
    }
}

/* Filter Options */
.filter-options {
    display:block;
    float:left;
    text-align:left;
    width:100%;
    clear:both;
}

/* Profile Grid */
.network__container {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 12px 1fr 12px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    width:100%;
    margin-top:12px;
    -webkit-column-gap:12px;
       -moz-column-gap:12px;
            column-gap:12px;
    row-gap:12px;
    float:left;
}
@media(max-width:1450px) {
    .network__container {
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:768px) {
    .network__container {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        margin-top:8px;
        row-gap:8px;
    }
}

/* Profiles */

.network__profile {
    display:inline-block;
    max-width:100%;
    float:left;
    background-color:#fff;
    border-radius:10px;
    padding:16px;
    clear:both;
    -webkit-transition:border .3s ease;
    -o-transition:border .3s ease;
    transition:border .3s ease;
}
.profile-picture {
    display:inline-block;
    width:60px;
    height:60px;
    -o-object-fit:cover;
       object-fit:cover;
    border-radius:100px;
}
.default-profile-picture {
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:100px;
    -o-object-fit:cover;
       object-fit:cover;
}
.profile-col-1 {
    display:inline-block;
    float:left;
    width:60px;
    margin-right:12px;
}
.profile-col-2 {
    padding-top:5px;
    display:inline-block;
    float:left;
    width:calc(100% - 112px);
    text-align:left;
}
.profile-col-3 {
    display:inline-block;
    float:right;
    width:30px;
    text-align:right;
}
.full-name {
    display:block;
    float:left;
    font-size:15px;
    font-weight:700;
    font-family: 'Montserrat', sans-serif; 
    color:var(--heading);
    line-height:15px;
}
.pronouns {
    margin-left:4px;
    font-weight:500;
}
.profile-name-line {
    width:100%;
    display:inline-block;
    float:left;
}
.profile__socials svg {
    width:100%;
    max-width:100%;
    color:var(--cobalt) !important;
}
.profile__socials a {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    background-color:white;
    border-radius:100px;
    padding:6px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    width:32px;
    height:32px;
    margin-bottom:8px;
    border:2px solid var(--cobalt);
}
.profile__socials a:hover {
    border:2px solid var(--purple);
}
.job-title, .department, .organization {
    font-size:14px;
    font-weight:400;
    font-family: 'Montserrat', sans-serif; 
    color:var(--grey-800);
    display:inline-block;
    float:left;
}
.job-title {
    line-height:1.5;
    width:auto;
    margin-top:4px;
}
.department {
    line-height:1.5;
    width:auto;
    clear:both;
}
.organization {
    line-height:1.5;
    width:100%;
}

@media(max-width:768px) {
    .network__profile {
        padding:15px;
    }
    .profile-col-1 {
        width:50px;
        margin-right:12px;
    }
    .profile-col-2 {
        padding-top:3px;
        width:calc(100% - 87px);
    }
    .profile-col-3 {
        width:25px;
    }
    .profile-picture {
        width:50px;
        height:50px;
    }
    .default-profile-picture {
        width:50px;
        height:50px;
    }
    .full-name {
        font-size:14px;
    }
    .job-title, .department, .organization {
        font-size:13px;
    }
    .job-title {
        margin-top:6px;
    }
    .department {
        margin-top:3px;
    }
    .organization {
        margin-top:3px;
    }
    .profile__socials a {
        padding:5px;
        width:25px;
        height:25px;
        margin-bottom:10px;
    }
}

/* User Interests */
.user-interests {
    display:block;
    width:100%;
    float:left;
    margin-top:5px;
}
.interest {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: black;
    background-color:var(--grey-25);
    line-height: 16px;
    display: inline-block;
    width: auto;
    line-height: 1.4;
    padding:3px 12px;
    margin-right:5px;
    display:inline-block;
    float:left;
    border-radius:100px;
    margin-top:5px;
}
@media(max-width:768px) {
    .interest {
        font-size: 11px;
        line-height: 1.4;
        padding:3px 10px;
        margin-right:5px;
        margin-top:5px;
    }
}
.resource-category {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: black;
    background-color:var(--grey-25);
    line-height: 16px;
    display: inline-block;
    width: auto;
    line-height: 1.4;
    padding:4px 10px;
    margin-right:8px;
    display:inline-block;
    float:left;
    border-radius:100px;
    margin-bottom:8px;
}
@media(max-width:768px) {
    .resource-category {
        font-size: 11px;
        line-height: 1.4;
        padding:4px 10px;
        margin-right:8px;
    }
}

/* --- Resources Tab --- */
.resources-grid {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    -webkit-column-gap:12px;
       -moz-column-gap:12px;
            column-gap:12px;
    row-gap:12px;
}
@media(max-width:768px) {
    .resources-grid {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        row-gap:8px;
    }
}
.resources-grid .card {
    margin-bottom:0 !important;
}
.resource {
    width:100%;
    border-radius:10px;
    overflow:hidden;
    position:relative;
    padding:15px;
    border:2px solid var(--light-grey);
}
.resource-container p a {
    color:var(--cobalt);
    font-weight:600;
    text-decoration:underline;
}
.resource-type {
    border-radius:100px;
    background-color:var(--cobalt);
    color:white;
    padding:2px 10px;
    position:absolute;
    top:30px;
    left:30px;
    z-index:2;
}
.play-resource {
    width:50px;
    height:50px;
    position:absolute;
    z-index:2;
    border-radius:100px;
    color:var(--cobalt);
    pointer-events:none;
}
.resource-info {
    display:block;
    float:left; 
}
.resource.active .play-resource,
.resource.active .resource-type,
.resource.active .resource-cover img {
    display:none;
}
.resource.active video {
    width:100%;
    height:auto;
}
.download-resource {
    width:45px;
    height:45px;
    position:absolute;
    z-index:2;
    border-radius:10px;
    pointer-events:none;
    color:var(--cobalt);
}
.document .resource-cover {
    aspect-ratio:16 / 9;
    background-color:var(--red-50);
    cursor:pointer;
}

/* --- Discussion Tab --- */

.topic-grid {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 12px 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap:12px;
       -moz-column-gap:12px;
            column-gap:12px;
    row-gap:12px;
    margin-top:12px;
}
.create-new-topic {
    min-width:200px;
    margin-left:16px;
    text-align:center;
}
.create-new-topic:hover {
    background-color:white;
    color:var(--purple)
}
@media(max-width:768px) {
    .topic-grid {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -webkit-column-gap:8px;
       -moz-column-gap:8px;
            column-gap:8px;
    row-gap:8px;
    margin-top:8px;
    }
}
@media(max-width:768px) {
    .create-new-topic {
        display:none;
    }
    .topic-item {
        padding:16px !important;
        position:relative;
    }
    .topic-author {
        width:100%;
    }
    .topic-date {
        position:absolute;
        bottom:20px;
        right:16px;
        font-size:13px;
    }
    .comment-count-value {
        font-size:13px;
    }
    .comment-author-organization {
        display:none;
    }
}
.topic-item {
    margin-bottom:0 !important;
}
.topic-window .forminator-label {
    margin-bottom:4px !important;
    color:black !important;
    font-weight:600 !important;
}
 .forminator-input {
    font-family:'Montserrat';
}
.forminator-ui#forminator-module-931.forminator-design--flat .forminator-input:hover,
.forminator-ui#forminator-module-931.forminator-design--flat .forminator-input:focus-within,
.forminator-ui#forminator-module-931.forminator-design--flat .forminator-input:active {
    border:1px solid black;
    background-color:#fff;
}
.forminator-field .mce-container > div > div:nth-child(6),
.forminator-field .mce-container > div > div:nth-child(7),
.forminator-field .mce-container > div > div:nth-child(8),
.forminator-field .mce-container > div > div:nth-child(9),
.forminator-field .mce-container > div > div:nth-child(10),
.forminator-field .mce-container > div > div:nth-child(11),
.forminator-field .mce-container > div > div:nth-child(12),
.forminator-field .mce-container > div > div:nth-child(13),
.forminator-field .mce-container > div > div:nth-child(14),
.forminator-edit-module {
    display:none !important;
}
.forminator-ui#forminator-module-931.forminator-design--flat .forminator-button-submit {
    background-color:var(--cobalt) !important;
    padding:8px 16px !important;
    border-radius:10px;
    -webkit-box-shadow:none !important;
            box-shadow:none !important;
}

/* --- Profile Tab --- */
            
/* Notifications */
.profile-update-success {
    display:none;
    width:auto;
    float:none;
    margin-left:auto;
    margin-right:auto;
    padding:15px;
    font-weight:700;
    font-family: 'Montserrat', sans-serif; 
    font-size:15px;
    line-height:15px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    border-radius:5px;
    color:#fff;
    background-color:var(--cobalt);
    margin-bottom:50px;
    line-height:1.5;
}
.profile-update-success.active {
    display:inline-block;
}
.profile-update-error {
    display:none;
    width:auto;
    float:none;
    margin-left:auto;
    margin-right:auto;
    padding:15px;
    font-weight:700;
    font-family: 'Montserrat', sans-serif; 
    font-size:15px;
    line-height:15px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    border-radius:5px;
    color:#fff;
    background-color:red;
    margin-bottom:50px;
    line-height:1.5;
}
.profile-update-error.active {
    display:inline-block;
}
.acf-notice.-error {
    background-color:red;
    border-color:red;
    padding:15px;
    font-weight:700;
    font-family: 'Montserrat', sans-serif; 
    font-size:15px;
    line-height:15px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    border-radius:5px;
}

/* Form */
#settings #acf-form {
    display:inline-block;
    float:left;
    clear:both;
    width:100%;

}
#settings .acf-field {
    text-align:left;
    border:none !important;
}
#settings .acf-field input[type=text], 
#settings .acf-field input[type=email], 
#settings .acf-field input[type=url], 
#settings .acf-field textarea {
    background-color:#fff;
    font-size:15px;
    border-radius:5px;
    padding:10px;
    outline:none;
    color:#282828;
}
#settings .acf-fields > .acf-field {
    padding:16px 0;
}
.acf-icon.-small {
    line-height:26px !important;
}
#settings .text-input {
    background-color: #fff;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px;
    outline: none;
    color: #282828;
}
#settings label {
    display:block;
    font-weight:700;
    margin-bottom:8px;
    font-size:14px;
    line-height:14px;
    line-height:1.3;
    color:black;
}
#settings .acf-field-taxonomy .acf-input label {
    font-weight:500;
    cursor:pointer;
}
#updateuser {
    border-radius:10px;
    color:#fff;
    padding:15px 30px;
    font-weight:700;
    font-family: 'Montserrat', sans-serif; 
    font-size:15px;
    line-height:15px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    float:left;
}
#updateuser:hover {
    background-color:#1c1c1c;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}
#adduser {
    display:inline-block;
    width:100%;
}
.form-email {text-align:left;}
.form-email input {width:100%;}

.acf-form-submit .acf-button {
    border-radius:10px;
    color:#fff;
    padding:8px 16px;
    font-weight:600;
    font-family: 'Montserrat', sans-serif; 
    font-size:15px;
    line-height:15px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    float:left;
    border:2px solid var(--cobalt) !important;
}
.acf-form-submit .acf-button:hover,
.acf-form-submit .acf-button:active,
.acf-form-submit .acf-button:focus,
.acf-form-submit .acf-button:focus-within {
    border:2px solid var(--purple) !important;
    color:var(--purple);
    background-color:white;
}
.acf-form-submit {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
.acf-spinner {
    float:left;
    margin-top:0;
    margin-left:12px;	
}
 #settings .acf-field {
    width:calc(50% - 8px);
    margin-right:16px;
    clear:none;
    display:inline-block;
    float:left;
 }
 #settings .acf-field:nth-child(2n+1) {
    margin-right:0;
 }
 #settings .acf-field:nth-child(2n+2) {
    clear:both;
 }
 #settings .acf-field-taxonomy,
 #settings  .acf-field-image-aspect-ratio-crop {
    width:100%;
    margin-right:0;
 }
 input[type=checkbox], input[type=radio] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--cobalt);
    border-radius: 5px;
    margin-right: 4px;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    cursor:pointer;
}
.selected input[type=checkbox]:checked,
.selected input[type=radio]:checked {
    background-image:url(/assets/checkmark.svg);
    background-position: center center;
    background-color:var(--cobalt);
    background-size:12px auto;
    background-repeat:no-repeat;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
    background-image:url(/assets/checkmark.svg);
    background-position: center center;
    background-color:var(--cobalt);
    background-size:12px auto;
    background-repeat:no-repeat;
}

#settings .acf-field-range,
#settings .acf-field-select {
    width:100%;
    margin-right:0;
}

.acf-range-wrap input[type=range] {
    outline:none !important;
    border:none !important;
    width:90%;
    -webkit-appearance: none;
    appearance: none;
}

/***** Track Styles *****/
/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {
    background: var(--grey-50) !important;
    box-shadow:none;
  }
  
  /******** Firefox ********/
  input[type="range"]::-moz-range-track {
    background: var(--grey-50) !important;
    box-shadow:none;
  }

  .acf-range-wrap input[type=number] {
    border-radius:5px;
  }
#settings .acf-field select {
    width:250px;
    padding: 8px 16px;
    -webkit-appearance: none;
    appearance:none;
    border-radius:5px;
    background-color:white;
    background-image:url(/assets/chevron.svg);
    background-size:12px 7px;
    background-position: 95% 50%;
    background-repeat:no-repeat;
    cursor:pointer;
}
@media(max-width:768px) {
    #settings .acf-field {
        width:100%;
        margin-right:0;
        clear:both;
    }
}


/* Profile Picture */
.hide-if-value p {
    font-size:0;
}
.acf-image-uploader-aspect-ratio-crop .acf-button {
    border-radius:10px;
    color:#fff;
    padding:8px 16px;
    font-weight:600;
    font-family: 'Montserrat', sans-serif; 
    font-size:15px;
    line-height:15px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    float:left;
    border:2px solid var(--cobalt) !important;
    background-color:var(--cobalt);
}
.acf-image-uploader-aspect-ratio-crop .acf-button:hover {
    border:2px solid var(--purple) !important;
    color:var(--purple);
    background-color:white;
}
.acf-icon.-pencil {
    display:none;
}
.acf-icon.-cancel-custom.dark {
    background-color:var(--cobalt) !important;
}

/* User Interests Field */
#acf-form .acf-taxonomy-field .categorychecklist-holder {
    border:none !important;
    max-height:none;
}
#acf-form  .acf-taxonomy-field .acf-checkbox-list {
    padding:0;
    border:none !important;
}
#acf-form  .acf-taxonomy-field .acf-checkbox-list li {
    display:inline-block;
    width:auto;
    float:left;
    margin-right:16px;
    margin-top:8px;
    cursor:pointer;
}

@media(max-width:768px) {
    .acf-image-uploader-aspect-ratio-crop .acf-button {
        display:inline-block;
        clear:both;
        width:auto;
        margin-left:0;
        margin-top:10px;
    }
}

/* --- Invalid Subscription --- */

.invalid-subscription-message {
    display:none !important;
}

/* Hide left pane nav items */
.invalid-subscription #dashboard-nav > div:first-child > button {
    display:none !important;
}

/* hide relevent tabs */ 
.invalid-subscription #network,
.invalid-subscription #events,
.invalid-subscription #resources, 
.invalid-subscription #discussion,
.invalid-subscription #scorecard,
.invalid-subscription #dashboard .card-container {
    display:none !important;
}

/* Show Invalid Subscription message on dashboard */
.invalid-subscription #dashboard .card-container.invalid-subscription-message {
    display:inline-block !important;
}


/* Profile Pic Image crop interface */
.acf-image-aspect-ratio-crop-backdrop {
    background-color:rgba(0,0,0,.8) !important;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
/* Primary Button */
.acf-image-aspect-ratio-crop-modal .aiarc-button-primary {
    background-color:var(--cobalt) !important;
    color:white !important;
    font-family:'Montserrat', sans-serif;
    border:2px solid var(--cobalt) !important;
    font-weight:600;
    font-size:14px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.acf-image-aspect-ratio-crop-modal .aiarc-button-primary:hover {
    background-color:white !important;
    color:var(--purple) !important;
    border:2px solid var(--purple) !important;
}
/* Secondary Button */
.acf-image-aspect-ratio-crop-modal .aiarc-button-default {
    background-color:white !important;
    color:var(--cobalt) !important;
    font-family:'Montserrat', sans-serif;
    border:2px solid var(--cobalt) !important;
    font-weight:600;
    font-size:14px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.acf-image-aspect-ratio-crop-modal .aiarc-button-default:hover {
    background-color:white !important;
    color:var(--purple) !important;
    border:2px solid var(--purple) !important;
}
/* Reset crop */
.acf-image-aspect-ratio-crop-modal .aiarc-button-link {
    color:var(--cobalt) !important;
    font-weight:600;
    font-size:14px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-reset svg {
    fill:var(--cobalt) !important;
}
/* Close button */
.acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading-close svg path {
    fill:var(--cobalt) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading-close:hover svg path, .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading-close:active svg path {
    fill:var(--cobalt) !important;
}
/* Modal Window */
.acf-image-aspect-ratio-crop-modal-heading-text {
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    color:var(--dark-grey)
}
.acf-image-aspect-ratio-crop-modal {
    
    border-radius:15px;
    overflow:hidden;
}

/* Delete Image */
.acf-icon.-cancel-custom.dark {
    color:white !important;
    background-color:var(--cobalt);
    border:none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.acf-icon.-cancel-custom.dark:hover {
    background-color:black !important;
}
.acf-icon.-cancel-custom.dark::before {
    background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23f7efef' stroke-width='2'%3E%3Cpath d='M10.084 10.251 2 2M1.917 10.167l8.25-8.084'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
    background-repeat:no-repeat !important;
}

/* Redo Crop */
.acf-icon.-crop {
    color:var(--cobalt) !important;
    background-color:var(--cobalt);
    border:none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.acf-icon.-crop:hover {
    background-color:black;
}
.acf-icon.-crop::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23EEEEEE' fill-rule='evenodd' transform='translate%28.5%29'%3E%3Crect width='1.5' height='4' x='3' rx='.5'/%3E%3Crect width='1.5' height='3.5' x='10' y='12' rx='.5'/%3E%3Crect width='1.5' height='6.5' x='10' y='3' rx='.5'/%3E%3Crect width='12' height='1.5' x='3' y='11' rx='.5'/%3E%3Crect width='11' height='1.5' y='3' rx='.5'/%3E%3Crect width='1.5' height='6' x='3' y='6' rx='.5'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
}

.page-container {
    padding:24px;
    background-color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
}
.menu-container {display:none;}
.page-border {
    background-color:white;
    border-radius:24px;
    overflow:hidden;
    width:100%;
    position:relative;
}
.page-menu {
    position:absolute;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:24px;
    top:0;
    left:0;
    width:100%;
    z-index:5;
  }
  .page-menu .breadcrumbs {
    display:none;
  }

/* --- Site Menu--- */
.menu-item {
    font-weight:700;
    text-decoration:none;
    margin-right:24px;
    cursor:pointer;
    border-bottom:2px solid rgba(0,0,0,0);
    color:var(--dark-grey) !important;
}
.menu-item:hover {
  border-bottom:2px solid var(--purple);
}
.menu-item:last-child {
    margin-right:0;
}

@media(max-width:900px) {
    .page-container {
        padding:8px;
    }
    .page-menu {display:none;}
}

.card_outline {
    transition: all 0.6s ease !important;
}
.card_outline:hover {
    border-color:var(--purple);
}

.container-outer {
    text-align:center;
    display:inline-block;
    width:100%;
}