/*
// VALUE:COLOR_1:#003c55
// VALUE:COLOR_2:#4d8375
// VALUE:COLOR_3:#135498
// VALUE:COLOR_4:#4d8375
*/


/* ------------------------------------------------ */


/*   Main Section
/* ------------------------------------------------ */

body {
    background: #E0E1E1;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

#body-container {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

p {
    color: #333333;
    font-size: 16px;
    line-height: 22px;
}

a {
    color: #4d8375;
    /* REPLACE_COLOR:COLOR_4 */
}

h1 {
    color: #003c55;
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

h2 {
    color: #003c55;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

h3 {
    color: #003c55;
    font-size: 21px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
}

h4 {
    color: #135498;
    /* REPLACE_COLOR:COLOR_3 */
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
}

img {
    max-width: 100%;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#shadow-wrapper {
    box-shadow: 0px 0px 22.98px rgba(0, 0, 0, 0.5);
    filter: progid: DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
    margin: 0px auto;
}

@media (min-width: 768px) {
    #shadow-wrapper {
        width: 750px;
    }
}

@media (min-width: 992px) {
    #shadow-wrapper {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    #shadow-wrapper {
        width: 1170px;
    }
}

#body-container {
    background: #FFFFFF;
}


/* ------------------------------------------------ */


/*   Modal Section 
/* ------------------------------------------------ */

.modal-dialog {
    width: 235px;
    margin: 10px auto;
}

.modal-body {
    padding: 10px 20px 20px;
}

#login form input {
    border: 1px solid;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 10px 0 0;
}


/* ------------------------------------------------ */


/*   Header Section 
/* ------------------------------------------------ */

#header-left .logo-wrap {
    width: 255px;
    height: 95px;
    margin: 20px 0 15px;
}

.logo-wrap a:hover {
    text-decoration: none;
}

svg#logo {
    max-width: 100%;
}

svg#logo path#circle {
    fill: #135498;
    /* REPLACE_COLOR:COLOR_3 */
}

svg#logo text {
    font-weight: 900;
    font-family: Source Sans Pro;
    fill: #135498;
    /* REPLACE_COLOR:COLOR_3 */
}

svg#logo text:hover {
    text-decoration: none;
}

#header-right {
    padding-top: 20px;
}

#header-right .social-wrap {
    float: left;
}

.social-wrap a {
    margin-right: 8px;
    text-decoration: none;
}

.social-wrap a:hover {
    text-decoration: none;
}

.social-wrap svg {
    width: 34px;
    height: 34px;
}

#header-right .search-wrap {
    float: right;
    width: 61.5%;
}

#searchbox .input-group #q {
    width: 229px;
    border-color: #6D6E70;
    border-radius: 0px;
}

#searchbox .input-group-addon {
    border-color: #6D6E70;
    background: transparent;
    padding: 3px 6px 6px 12px;
    border-radius: 0px;
}

#searchbox .input-group-addon .search-button {
    /*width: 22px;
        height: 22px;
        border: none;
        background-repeat: no-repeat;
        background-color: transparent;*/
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 5px;
    border: 2px solid #0E569B;
    border-radius: 15px;
    background: transparent;
}

#searchbox .input-group-addon .search-button::before {
    content: "";
    display: inline-block;
    position: absolute;
    background: #0E569B none repeat scroll 0% 0%;
    transform: rotate(-48deg);
    height: 4px;
    width: 8px;
    right: 9px;
    bottom: -5px;
    border-width: 0;
    border-radius: 5px 0 0 5px;
}


/* Search Bar */

#search-input {
    max-width: 258px;
    display: inline-block;
    margin-bottom: 20px;
}

.search-main-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

.search-input {
    background: transparent;
    border: 2px solid #fff;
}

.icon-search:before {
    content: url("../images/search-icon.png");
    position: relative;
    top: 2px;
}

#search-input input {
    border: 0px;
    box-shadow: none;
    height: 32px;
    font-size: 14px;
    padding-left: 12px;
}

#search-input button {
    background: transparent;
    box-shadow: none;
    border: 0;
    color: #fff;
    border-left: 1px solid #6D6E70;
    padding: 0px 10px;
    height: 32px;
    border-radius: 0px;
}

#search-input button[type="submit"]:focus {
    outline: 0;
}

.input-group.search-input-wrap {
    border: 1px solid #6D6E70;
}


/* Search on Mobile */

li.mobile-search-wrap {
    margin-top: 45px;
    margin-bottom: 10px;
}

.mobile-search-wrap input {
    border: 0px;
    box-shadow: none;
    height: 32px;
    font-size: 14px;
    padding-left: 12px;
}

.mobile-search-wrap button {
    background: white;
    box-shadow: none;
    border: 0;
    color: #fff;
    border-left: 1px solid #6D6E70;
    padding: 0px 10px;
    height: 32px;
    border-radius: 0px;
}

.mobile-search-wrap button:is(:focus, :hover) {
    background-color: white;
}

.mobile-search-wrap .input-group.search-input-wrap {
    border: 1px solid #6D6E70;
}

#mobile-menu #searchbox :is(button[type="submit"], .input-group-btn):is(:focus-visible, :focus, :hover) {
    outline: 0;
}

#mobile-menu #searchbox .btn-info:active {
    background-color: white;
    box-shadow: none;
}

#nav-wrap #nav-col {
    position: relative;
    top: -20px;
    margin-top: -40px;
    padding-left: 0;
}

#nav-wrap #NP {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

#nav_menu {
    padding-inline: 0;
}

#nav_menu ::before,
#nav_menu ::after {
    content: none;
}

#nav_menu>ul {
    display: flex;
    float: none;
    justify-content: space-between;
}

#nav-col .navbar-nav>li>a {
    font-size: 16px;
    color: #4D4D4D;
    padding: 10px 11px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    padding-inline: 0;
}

#nav-col .navbar-nav>li>a:hover,
#nav-col .navbar-nav>li>a:focus {
    color: #135498;
    background-color: transparent;
}

#nav-col .navbar-nav .open>a,
#nav-col .navbar-nav .open>a:hover,
#nav-col .navbar-nav .open>a:focus {
    background-color: transparent;
    color: #135498;
}


/* ------------------------------------------------ */


/*   Mobile Menu Section 
/* ------------------------------------------------ */

#mobileMenuWrapper {
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;
    left: -120%;
    width: 315px;
    background-color: #FFF;
    border: 1px solid #CCC;
    transition: all 300ms cubic-bezier(1, 0.01, 0, 1) 0s;
}

#mobileMenuWrapper.open {
    left: 0px;
    bottom: 0px;
}

#mobileMenuWrapper #mobile-menu {
    overflow: auto;
    padding: 0px 20px 10px;
}

#mobileMenuWrapper ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#mobile-menu>li#triggerClose {
    float: right;
    display: inline;
    font-size: 22px;
    cursor: pointer;
    transform: rotate(45deg);
}

#mobile-menu .btn-info:hover {
    color: #fff;
    background-color: #fff;
    border-color: #333;
}

#mobileMenuWrapper #mobile-menu a {
    display: inline-block;
    width: 100%;
    color: #333333;
    /* margin: 10px 0 0 15px; */
}

#mobileMenuWrapper #mobile-menu a:hover,
#mobileMenuWrapper #mobile-menu a:focus {
    color: #135498;
}

#mobileMenuWrapper ul.mDropdown {
    margin: 0 15px;
}

/* #mobile-menu a {} */

#mobile-toggle {
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}

#mobile-menu-col {
    top: 0px;
    right: 0px;
    float: right;
    position: relative;
}

#mobile-logo {
    width: 40%;
    float: left;
    margin-top: 27px;
    margin-bottom: 20px;
}

#mobile-logo a {
    margin: 0 !important;
}

#mobile-logo svg#logo {
    width: 250px;
    max-width: 250px;
}

#mobile-logo svg#logo path#circle {
    fill: #135498;
    /* REPLACE_COLOR:COLOR_3 */
}

svg#burger {
    width: 34px;
}

g#burger-path rect {
    fill: #003c55;
}

#mobile-search {
    margin-top: 35px;
}

#mobile-search .input-group-addon {
    top: 0px;
    border-radius: 0px;
    position: relative;
    background-color: transparent;
    padding: 6px 7px 2px 7px;
    border-radius: 0px 5px 5px 0px;
}

#mobile-search #searchbox .input-group #q {
    width: 115px;
    border-radius: 0px;
}

#mobile-search #q {
    width: 92%;
    float: right;
}

#mobile-search .input-group-addon .search-button {}

.mobile-social-icons {
    display: inline-block;
    float: right;
    padding: 10px 2px 0 5px;
}

.mobile-social-icons a {
    margin: 0 !important;
}

.mobile-social-icons a svg {
    width: 33px;
}


/* ------------------------------------------------ */


/*   Index Section 
/* ------------------------------------------------ */

#index-wrap {
    padding-bottom: 20px;
}

/* slideshow-row */

#slide-wrap .carousel-control {
    display: block;
    text-indent: -9999px;
}

#slide-wrap .carousel-control.left,
#slide-wrap .carousel-control.right {
    display: unset;
    background-image: none;
}

#slide-wrap .carousel-control.left {
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    padding-right: 5px;
    width: 28px;
    height: 28px;
}

#slide-wrap .carousel-control.right {
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    padding-left: 5px;
    width: 28px;
    height: 28px;
}

#slide-wrap .carousel-control.left:after {
    content: '';
    background-image: url(../images/left-arrow-new.svg.php?fc=003c55);
    background-position: center;
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    top: -29px;
    left: 25px;
    text-indent: 0;
}

#slide-wrap .carousel-control.right:after {
    content: '';
    background-image: url(../images/right-arrow-new.svg.php?fc=003c55);
    background-position: center;
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    top: -29px;
    right: 30px;
    text-indent: 0;
}

/* sidebar */

#slide-col br,
.sidebar-events br,
.sidebar-news br {
    display: none;
}

#sidebar-col h3 {
    padding-bottom: 5px;
    border-bottom: 5px solid #003c55;
}

#sidebar-events {
    padding-left: 0px;
    padding-right: 0px;
}

#sidebar-news {
    padding-left: 0px;
    padding-right: 0px;
}

.event-wrapper {
    margin-bottom: 30px;
}

.date-wrapper {
    display: table-cell;
    padding-right: 10px;
}

.event-date {
    border: 1px solid #4d8375;
    /* REPLACE_COLOR:COLOR_2 */
    max-width: 100%;
    height: 42px;
    text-align: center;
    padding-bottom: 2px;
    margin-top: 3px;
}

.event-month {
    background-color: #4d8375;
    /* REPLACE:COLOR_2 */
    color: #fff;
    text-align: center;
    width: 33px;
    max-width: 100%;
    font-size: 12px;
    font-weight: 600;
}

.event-day {
    font-size: 20px;
    font-weight: 700;
    color: #4d8375;
    /* REPLACE:COLOR_2 */
    position: relative;
    bottom: 3px;
    letter-spacing: -1px;
}

.event-content {
    display: table-cell;
    vertical-align: top;
}

.event-content h4.side {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.event-content p.description {
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.event-content p.read-more {
    display: none;
}

.news-item {
    margin-bottom: 15px;
}

.news-item h4.news-title {
    margin: 0;
}

.news-item p.news-blurb {
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

/* homepage main content section */

#main-content-col img {
    margin-block: 30px;
}

#main-content-col .row {
    padding-block: 2rem;
}

/* ------------------------------------------------ */
/*   Footer Section 
/* ------------------------------------------------ */

.footer-container {
    background-color: #003c55;
    /* REPLACE:COLOR_1 */
}

#footer-wrap {
    padding-top: 20px;
    padding-bottom: 60px;
}

#footer-wrap #footer-left p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    text-align: left;
}

#footer-wrap #footer-left a {
    color: #FFF;
    font-size: 13px;
    text-align: left;
}

#footer-wrap #footer-right p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    text-align: right;
}

#footer-wrap #footer-right a {
    color: #fff;
    font-size: 13px;
}


/* ------------------------------------------------ */


/*   Media Query
/* ------------------------------------------------ */

@media (min-width: 990px) and (max-width: 1199px) {
    .container {}
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    #header-right {
        padding-top: 50px;
    }
    #header-right .social-wrap {
        margin-right: 8px;
    }
    #header-right .search-wrap {
        width: auto;
        float: none;
    }
    #search-input {
        max-width: 165px;
    }
    #searchbox .input-group #q {
        width: 90px;
    }
    #searchbox .input-group-addon {
        padding: 3px 8px 5px 11px;
    }
    #nav-wrap {
        margin-top: -70px;
    }
    #nav-wrap #nav-col {
        display: none;
    }
    #nav-col .navbar-nav>li>a {
        font-size: 14px;
        padding: 10px 8px;
    }
    #sidebar-events,
    #sidebar-news {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    #nav-wrap {}
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {}
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 17px;
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    #nav-wrap #nav-col {
        display: none;
    }
    #header-wrap {
        margin-bottom: -40px;
    }
    #header-right {
        padding-top: 50px;
    }
    #header-right .social-wrap {
        margin-left: 50px;
        margin-right: 8px;
    }
    #header-right .search-wrap {
        width: auto;
        float: none;
    }
    #search-input {
        max-width: 210px;
    }
    #searchbox .input-group #q {
        width: 140px;
    }
    #searchbox .input-group-addon {
        padding: 3px 8px 5px 12px;
    }
    #sidebar-events {
        padding-right: 15px;
    }
    #sidebar-news {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .container {}
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 17px;
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    #header-left .logo-wrap {
        margin: 20px auto 0;
    }
    #header-right {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }
    #header-right .social-wrap {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
        margin-right: 8px;
    }
    #mobile-menu-col {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
    }
    .logo-wrap img {
        margin: 0 auto;
    }
    #footer-left p,
    #footer-right p {
        text-align: center !important;
    }
}

@media (max-width: 480px) {
    .container {}
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 17px;
    }
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    #header-left .logo-wrap {
        margin: 20px auto 0;
    }
    .logo-wrap img {
        margin: 0 auto;
    }
    #header-wrap {
        margin-bottom: -40px;
    }
    #header-right {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }
    #header-right .social-wrap {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
        margin-right: 8px;
    }
    #mobile-menu-col {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
    }
    #sidebar-events {
        padding-right: 0;
        width: 100%;
    }
    #sidebar-news {
        padding-left: 0;
        width: 100%;
    }
    #footer-left p,
    #footer-right p {
        text-align: center !important;
    }
}

@media (max-width: 991px) {
    .container {}
}


/*------------------------------------------------------------------------------------
                            Dropdown Menus - full/collapsed
--------------------------------------------------------------------------------------*/

.dropdown-menu li {
    width: 100%;
}


/*----------------------------
    Mobile Menu
    
    --- INSTRUCTIONS ---
    For the most part, these mobile menu styles will be exactly like your regular navigation styles.
    There are a few things to watch out for however. I've marked specific items with two hash tags and caps,
    like ##ITEM. 
    
    ##TOP - There are three places where this exists, and each one should be the same as the other three.
            This item tells the mobile menu to start lower than the toggle button.
            
    ##DIRECTION - This item tells your mobile menu which direction to slide in from, and has a few
        different parts. Changing "left" to "top" in each ##DIRECTION would have the menu slide in from the top. Bottom is a bad choice here.
        ##DIRECTION-01 - slides in from the side you specify. This one is set negative as it is the starting position of the menu.
        ##DIRECTION-02 - sets the duration of the slide, and again which direction it slides from.
        ##DIRECTION-03 - sets the "open" position. This will be the zeroed out version of ##DIRECTION-01
    
    --------------------
------------------------------*/


/*---------------------------------------------
        Mobile Menu
---------------------------------------------*/


/*-------------------------------------toggle*/

button#mobile-toggle {
    width: 37px;
    height: 37px;
    display: none;
    position: absolute;
    right: 15px;
    bottom: 30px;
    border: 2px solid #002857;
    border-radius: 4px;
    padding: 8px 5px;
    background-color: white;
    box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

@media (max-width: 990px) {
    button#mobile-toggle {
        display: inline-block;
    }
}

button#mobile-toggle svg * {
    fill: #002857;
}


/*--------------------------------end--toggle*/

#mobile-menu>li#triggerClose {
    display: inline;
    float: right;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 22px;
    cursor: pointer;
}

#mobile-menu>li#mobile-logo {
    position: relative;
    left: -15px;
    top: -10px;
}

#mobile-menu>li#mobile-logo>a {
    display: inline;
    max-width: 80%;
}

#mobile-menu>li #q {
    width: 100%;
}

#mobile-menu>li>a {
    width: 174px;
    min-height: 32px;
    margin-bottom: 6px;
    border-radius: 3px;
    background-color: transparent;
    padding-left: 8px;
    padding-top: 10px;
    padding-right: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #5485A3;
    -webkit-transition: color .25s;
    transition: color .25s;
    text-decoration: none;
}

#mobileMenuWrapper {
    /*
    The menu wrapper is the div that surrounds the mobile menu.
    You'll want to make sure this has a background of some sort so the text shows up/doesn't appear over other text
    Setting bottom:0px; is needed to make a long menu scroll-able.
    
    
    
    /* REQUIRED */
    position: fixed;
    top: 0px;
    bottom: 0px;
    /* If having the menu slide in from the top or bottom, comment out this line */
    z-index: 200;
    overflow-y: auto;
    overflow-x: hidden;
    /* CHANGEABLE-ISH */
    left: -120%;
    /* Change this to left, right, top, or bottom.  You'll also have to make a change in the open state */
    width: 300px;
    /* The mobile menu works best with a pre-defined width. Percentages also work great here. */
    /* CHANGEABLE */
    background-color: white;
    border-right: 2px solid #014C8D;
    /* Transition - bump */
    transition: left .3s;
    /* ##DIRECTION-02 */
    -webkit-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    /* older webkit */
    -webkit-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    -moz-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    -o-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
}

#mobileMenuWrapper.open {
    left: 0px;
    /* This is required.  If you changed the direction attribute above, change it here too. */
    bottom: 0px;
    /* This line is here for bottom/top slide-ins.  See note on bottom above.*/
}


/* REQUIRED - Dropdown menu item transition states*/

#mobileMenuWrapper .mDropdown {
    display: none;
}

#mobileMenuWrapper .mDropdown.open {
    display: block;
}


/* REQUIRED - Sets the ULs to not have dots, or be spaced in the typical UL fashion. */

#mobileMenuWrapper ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


/* OPTIONAL-ISH - These are the settings for the base menu UL */

#mobileMenuWrapper #mobile-menu {
    overflow: auto;
    padding: 15px 15px 15px 10px;
}


/* OPTIONAL-ISH - This sets each link on its own line fo' sho' */


/*#mobileMenuWrapper a, #mobileMenuWrapper div{
    display: block;
}*/


/* OPTIONAL - The actual A's. Style them as you wish*/


/* Top Level / all*/

#mobileMenuWrapper #mobile-menu a {
    display: inline-block;
    width: 100%;
}


/* dropdown only */

#mobileMenuWrapper .mDropdown a {
    padding: 8px;
    margin-bottom: 10px;
}

#mobile-menu>li>ul {
    background-color: rgba(0, 0, 0, .04);
}


/*------------------------------------------------------------------------------------
                                @Media and Sizes
--------------------------------------------------------------------------------------*/


/*------ Nav collapse @ Tablet size ------*/

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    /*.dropdown-menu {
        border: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }*/
}

@media (min-width: 768px) and (max-width: 990px) {}

@media (max-width: 767px) {}

@media (max-width: 480px) {}


/*--------------------------------------------------------
    CSS STYLE FOR INNER PAGES
--------------------------------------------------------*/

#subpage {
    min-height: calc(100vh - 254px);
    padding-top: 30px;
    padding-bottom: 40px;
}