/* ========================================================================== */
/* MOBILE-FIRST STYLING */
/* ========================================================================== */

/* ========================================================================== */
/* 400px and above */

@media only screen
and (min-width: 400px) {

    /* GLOBAL =============================================================== */

    /* HEADER =============================================================== */
    .header--inner,
    .header-tab--a {
        margin-top: var(--v30);
    }
    .header-tab--links {
        width: 6.5rem;
        flex-wrap: wrap;
        align-content: center;
        position: absolute;
        right: calc(var(--gutter-body) + 4.5rem);
        top: calc(-1 * var(--v20));
        margin: 0;
        height: 5.5rem;
    }
    .header-tab--links a {
        padding: 2px 0;
        width: 100%;
        text-align: left;
    }

    /* GRIDS ================================================================ */
    .span-1-cols-400       { grid-column: auto / span 1; }
    .span-3-cols-400       { grid-column: auto / span 3; }
    .span-6-cols-400       { grid-column: auto / span 6; }

    /* FORMS ================================================================ */
	.rtb-form .inline-row::before {
		width: 100px;
	}

	.rtb-form .inline-label {
		width: 100px;
	}

	.rtb-form .inline-input {
		width: calc(100% - 100px) !important;
	}

}

/* ========================================================================== */
/* 500px and above */

@media only screen
and (min-width: 500px) {

    /* GLOBAL =============================================================== */

    /* GRIDS ================================================================ */
    .span-3-cols-500  { grid-column: auto / span 3; }
    .span-4-cols-500  { grid-column: auto / span 4; }
    .span-5-cols-500  { grid-column: auto / span 5; }
    .span-6-cols-500  { grid-column: auto / span 6; }
    .span-7-cols-500  { grid-column: auto / span 7; }
    .span-8-cols-500  { grid-column: auto / span 8; }

}

/* ========================================================================== */
/* 600px and above */

@media only screen
and (min-width: 600px) {



    /* PAGE TITLE =========================================================== */
	.page-title--bg {
		width: 200%;
	}

    /* NEWS LISTING ========================================================= */
    .news--list-img   { width: 40%; margin-left: calc(-1 * var(--v45)); margin-right: var(--v20); margin-bottom: 0; }
    .news--list-copy.has-image { width: 60%; }

    /* NEWS POSTS =========================================================== */
    .post--meta-date, .post--meta-tags {
        width: auto;
    }

    /* STRIPE PAYMENT FORMS ================================================= */
    .payment-card-meta {
        display: flex;
        gap: 10px;
    }
    .payment-card-meta .form-row {
        margin-bottom: 0;
    }
    .payment-card-meta .form-row.expiry {
        width: 60%;
    }
    .payment-card-meta .form-row.cvc {
        width: calc(40% - 10px);
    }

    .rtb-form .radio-inputs {
        flex-wrap: nowrap;
    }
    .rtb-form .radio-wrap {
		width: 20%;
	}


    /* MEMBER NEWS HOME POSTS =============================================== */
	.member-news--list {
		padding-top: 31rem;
	}
	.member-news--img {
		height: 30rem;
		width: 100%;
	}

    /* MEMBER LISTING ======================================================= */
    .accordion-member-col.alpha { width: 40%; }
    .accordion-member-col.omega { width: 60%; border: 0; }
    .member-list-header-cols    { display: flex; }

    /* GRIDS ================================================================ */
    .span-1-cols-600  { grid-column: auto / span 1; }
    .span-2-cols-600  { grid-column: auto / span 2; }
    .span-3-cols-600  { grid-column: auto / span 3; }
    .span-4-cols-600  { grid-column: auto / span 4; }
    .span-5-cols-600  { grid-column: auto / span 5; }
    .span-6-cols-600  { grid-column: auto / span 6; }
    .span-8-cols-600  { grid-column: auto / span 8; }
    .span-10-cols-600  { grid-column: auto / span 10; }

}

/* ========================================================================== */
/* 700px and above */

@media only screen
and (min-width: 700px) {

    /* GLOBAL =============================================================== */

    /* HEADER =============================================================== */
    .header-tab--links {
        width: auto;
        flex-wrap: nowrap;
        align-content: center;
        margin: 0;
        height: auto;
        width: auto;
        right: calc(var(--gutter-body) + 5rem);
        gap: 10px;
        top: 1rem;
    }
    .header-tab--links a {
        width: auto;
        text-align: left;

    }

    /* GRIDS ================================================================ */
    .span-2-cols-700  { grid-column: auto / span 2; }
    .span-3-cols-700  { grid-column: auto / span 3; }
    .span-6-cols-700  { grid-column: auto / span 6; }

    /* EVENTS =============================================================== */
    .event--row-date {
		width: 85px;
	}
	.event--row-body {
		width: calc(100% - 90px);
	}


}

/* ========================================================================== */
/* 800px and above */

@media only screen
and (min-width: 800px) {

    /* GLOBAL =============================================================== */
    .text-left-800          { text-align: left; }
    .text-right-800         { text-align: right; }
    .block-800              { display: block; }

    /* EVENTS =============================================================== */
    .event--row-date {
		width: 100px;
	}
	.event--row-body {
		width: calc(100% - 105px);
	}

    /* GRIDS ================================================================ */
    .span-2-cols-800  { grid-column: auto / span 2; }
    .span-3-cols-800  { grid-column: auto / span 3; }
    .span-4-cols-800  { grid-column: auto / span 4; }
    .span-5-cols-800  { grid-column: auto / span 5; }
    .span-6-cols-800  { grid-column: auto / span 6; }
    .span-7-cols-800  { grid-column: auto / span 7; }
    .span-8-cols-800  { grid-column: auto / span 8; }

    /* GALLERY ============================================================== */
    .block__gallery-ul > .w-50-tablet	{ width: calc(100% / 2 - ( var(--v15) * 1 / 2 )); }
    .block__gallery-ul > .w-33-tablet	{ width: calc(100% / 3 - ( var(--v15) * 2 / 3 )); }
    .block__gallery-ul > .w-25-tablet	{ width: calc(100% / 4 - ( var(--v15) * 3 / 4 )); }
    .block__gallery-ul > .w-20-tablet	{ width: calc(100% / 5 - ( var(--v15) * 4 / 5 )); }
    .block__gallery-ul > .w-17-tablet	{ width: calc(100% / 6 - ( var(--v15) * 5 / 6 )); }
    

}

/* ========================================================================== */
/* 1000px and above */

@media only screen
and (min-width: 1000px) {

    /* GLOBAL =============================================================== */
    .text-left-1000     { text-align: left; }
    .op100-1000         { opacity: 1; }
    .max-none-1000      { max-width: none; }
    .none-1000          { display: none; }

    /* MAIN & SIDEBAR ======================================================= */
    .main--inner { gap: var(--v45); }
    .sidebar--main { border-top: 0; padding-top: 0; }
    .sidebar--main::before { display: none; }

    /* PAGE TITLE =========================================================== */
	.page-title--bg {
        left: 0;
		width: 100%;
    }
    .slideshow-container {
        position: absolute;
        left: 0; top: 0; right: 0; bottom: 0;
        height: auto;
    }
    .page-title--pad.full-pad {
        padding-bottom: var(--v120);
        padding-top: var(--v120);
    }

    /* MEMBER NEWS HOME POSTS =============================================== */
    .member-news--list {
		padding-top: 0;
        position: static;
	}

	.member-news--img {
		height: 100%;
		width: calc(50% - 10px);
        bottom: 0;
	}

    .member-news--home {
        justify-content: flex-end;
    }

    .member-news--heading, 
    .member-news--footer,
    .member-news--item {
        margin-left: 10px;
        padding-left: 10px;
        width: 50%;
    }


    /* GRIDS ================================================================ */
    .span-2-cols-1000  { grid-column: auto / span 2; }
    .span-3-cols-1000  { grid-column: auto / span 3; }
    .span-4-cols-1000  { grid-column: auto / span 4; }
    .span-5-cols-1000  { grid-column: auto / span 5; }
    .span-6-cols-1000  { grid-column: auto / span 6; }
    .span-7-cols-1000  { grid-column: auto / span 7; }
    .span-8-cols-1000  { grid-column: auto / span 8; }

    /* HEADER NAVIGATION ==================================================== */
    .header-nav--wrap									 { max-width: calc(100% - 250px); align-items: flex-start; }
    
    .logo--a                                             { margin-top: var(--v45); margin-bottom: var(--v45); }
    .logo--img                                           { width: 200px; height: auto; }

    .header--inner,
    .header-tab--a {
        margin-top: 0;
    }
    .header-tab--links {
        position: static;
        right: auto;
        top: auto;
        gap: var(--v15);
    }
    .header-tab--links a {
        padding: 5px;
    }
    .header-tab--a {
        border-radius: 0 0 var(--rad-s) var(--rad-s);
        display: inline-block;
        margin-left: var(--v20);
        padding: var(--v20);
        width: auto;
    }
    .header-tab--wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    

    /* Swap to visible nav */
    .menu-btn-wrap                  { display: none; }
    .pushy                          { background: transparent; height: auto; padding: 0; overflow: visible; position: static; width: auto; }
    .pushy-content                  { visibility: visible; }
    .pushy-right, .pushy-left       { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .header-nav-ul                  { display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 0; }
    .header-nav-parent-link	        { display: flex; align-items: center; line-height: 1; margin: 0; padding-top: 7px; padding-bottom: 7px; position: relative; text-align: center; }
    .header-nav-parent.omega        { border: 0; margin-left: 1rem; }
    .header-nav-parent-link.btn	    { max-width: 9rem; padding: 1rem; white-space: normal; }
    .header-nav-dropdown-icon.im    { display: block; position: absolute; height: 1rem; left: 50%; margin: 0 0 0 -0.5rem; bottom: -0.25rem; width: 1rem; text-align: center; }
	.header-nav-parent:hover > ul	{ display: block; }
	.header-nav-drop-down           { background: rgb(var(--white)); border: 0; border-radius: var(--rad-xs); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; box-shadow: 0 0 2rem rgba(var(--black), 0.1); display: none; line-height: 1; list-style-type: none; overflow: hidden; left: 50%; margin: 0 0 0 -8rem; padding: 0.5rem; position: absolute; text-align: center; top: 100%; width: 16rem; z-index: 10001; -webkit-animation: fade 0.4s; animation: fade 0.4s; }
	.header-nav-drop-down li		{ position: relative; }
	.header-nav-drop-down a         { border: 0; display: block; margin: 0; padding: 0.75rem; text-decoration: none; width: 100%; }
	.header-nav-drop-down a:hover   { background-color: rgb(var(--light)); }
	.header-child-toggle            { display: none; }
    .site-overlay                   { display: none !important; }

}

/* ========================================================================== */
/* 1100px and above */

@media only screen
and (min-width: 1100px) {



}

/* ========================================================================== */
/* 1200px and above */

@media only screen
and (min-width: 1200px) {

    /* GLOBAL =============================================================== */

    /* MAIN ================================================================= */
    .main--inner { gap: var(--v75); }

    /* PAGE TITLE =========================================================== */
	.page-title--gradient {
		background: transparent linear-gradient(90deg, rgba(0, 86, 149, 0.95) 0%, rgba(27, 105, 163, 0.7) 50%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
	}

    /* HEADER =============================================================== */
    .logo--img                                           { width: 250px; height: auto; }
    
    /* GRIDS ================================================================ */
    .span-2-cols-1200      { grid-column: auto / span 2; }
    .span-3-cols-1200      { grid-column: auto / span 3; }
    .span-4-cols-1200      { grid-column: auto / span 4; }
    .span-5-cols-1200      { grid-column: auto / span 5; }
    .span-6-cols-1200      { grid-column: auto / span 6; }

}

/* ========================================================================== */
/* 1400px and above */

@media only screen
and (min-width: 1400px) {
    
    .span-3-cols-1400      { grid-column: auto / span 3; }
    .span-4-cols-1400      { grid-column: auto / span 4; }
    .span-5-cols-1400      { grid-column: auto / span 5; }

    /* MAIN ================================================================= */
    .main--inner { gap: var(--v90); }

    /* PAGE TITLE =========================================================== */
    .page-title--pad.full-pad {
        padding-bottom: var(--v150);
        padding-top: var(--v150);
    }

}