/*-------------------------------------------------------------
                        Fonts, Titles, Text
-------------------------------------------------------------*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #262728;
    height: 100%;
    position: static;
    background-color: white;
}

.body-wrap {
    height: 100%;
    position: relative;
    background-color: white;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    filter: progid: DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
}

p {
    /*Bootstrap reset*/
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: georgia, serif;
    margin: 0px;
    padding: 0px;
    padding-bottom: 22.65px;
    font-weight: 400;
    display: block;
    color: #05308C;
}

h1 {
    font-size: 38px;
}

h1.title {
    margin-top: 15px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 28px;
    padding-bottom: 14px;
}

h4 {
    font-size: 24px;
    padding-bottom: 14px;
}

.feed h4 {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 0px;
    font-weight: 700;
}

b,
strong {
    font-weight: 700;
}


/*font, option, input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}*/


/* ---------------------Others */

*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    /*Anytime a header follows another object, it will be 29px below that object*/
    /*margin-top: 2em;*/
}

*+#front-contents h1 {
    /*Anytime h1 follows another object, it will be 29px below that object*/
    /*margin-top: 0px;*/
}

*+#front-contents h2 {
    /*Anytime h1 follows another object, it will be 29px below that object*/
    /*margin-top: 20px;*/
}

p {
    padding-bottom: 14px;
}

h1+*,
h2+*,
h3+* {
    /*Any sibbling following a header will have x-px between them*/
    /*margin-top: 1.5em;*/
}

abbr {
    border-bottom: 0px !important;
}

*:active {
    text-decoration: none;
}


/*------------------------------- links */

a {
    color: #05308C;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
    cursor: pointer;
}


/*#subpage a{
    color: #00AFE6;
    text-decoration: underline;
}*/


/*--------------------------------------------------------------
                        Images/Objects
--------------------------------------------------------------*/

img {
    border: 0px;
}


/*------------------------Slideshow*/

.front-slide img {
    margin-left: 0px !important;
    margin-right: 0px !important;
    /* overwrites Bootstrap inline style */
}

#slide-container img {
    width: 100%;
}

#slide-container .carousel-control {
    /*display: none;*/
}

.carousel-caption {
    position: absolute;
    z-index: 100;
    background: rgba(0, 0, 0, .3);
    left: auto;
    top: auto;
    right: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    /* text-shadow: none; */
    padding-left: 50px;
    padding-right: 50px;
}

.carousel-caption p:first-of-type {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
    display: block;
    color: #fff;
    margin-bottom: 10px;
    /* text-shadow: none; */
}

.carousel-caption p:last-of-type {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    /* text-shadow: none; */
}

.carousel-caption a {
    font-weight: bold;
    background: #05308C;
    max-width: 220px;
    display: block;
    padding: 10px 30px;
    text-align: center;
    margin: 0px auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 10px;
}

.carousel-caption a:hover,
.carousel-caption a:focus {
    text-decoration: none;
    background: #fff;
    color: #05308C;
}

.carousel-indicators {
    bottom: 0px;
    z-index: 200;
}


/* New slideshow styles 10-25 */

.carousel-caption {
    padding: 10px 30px;
}

.carousel-caption p:first-of-type {
    font-size: 28px;
    text-transform: capitalize;
    padding-bottom: 0;
    margin-bottom: 0;
}

.carousel-caption p:last-of-type {
    margin-bottom: 0;
    font-size: 20px;
}

.carousel-caption a {
    max-width: 100%;
    font-size: 20px;
    text-shadow: none;
    transition: .125s color ease-in-out, .125s background ease-in-out;
    width: fit-content;
    padding-inline: 1.5ch;
    text-transform: capitalize;
}

.carousel-indicators {
    bottom: 0;
    z-index: 200;
    left: unset;
    right: 30px;
    margin: unset;
    width: 100%;
    text-align: right;
}

.carousel-indicators li {
    border-color: #05308C;
    background: white;
}

.carousel-indicators .active {
    background: #05308C;
}

.carousel-control {
    /* color: #05308C; */
    text-shadow: none;
    font-weight: bold;
    font-size: 50px;
    opacity: .6;
    transition: .125s color ease-in-out, .125s opacity ease-in-out;
}

.carousel-control:is(:hover, :focus) {
    opacity: .9;
}


/* Sponsor Slideshow */

#sponsor-wrap .carousel-control {
    display: none;
}


/*buttons*/


/*--------------------------------------------------------------
                            Log In
--------------------------------------------------------------*/


/*.modal{
    overflow-y: visible;
}
.modal-dialog{
    max-width: 250px;
}
.modal-header{
    text-align: center;
}*/

.modal-dialog {
    width: 280px;
    margin: 30px auto 0;
}

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

.modal-header button {
    width: 20px;
    margin-top: -15px;
    box-shadow: none;
}

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


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


/*-------------------------------------Head Row*/

#head-row {
    /* height: 137px; */
    position: relative;
    /* background: -moz-linear-gradient(50% 100% 90deg, rgba(0, 22, 94, 1) 0%, rgba(6, 51, 146, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 22, 94, 1) 0%, rgba(6, 51, 146, 1) 100%);
    background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(0, 22, 94, 1)), color-stop(1, rgba(6, 51, 146, 1)));
    background: -o-linear-gradient(90deg, rgba(0, 22, 94, 1) 0%, rgba(6, 51, 146, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(0, 22, 94, 1) 0%, rgba(6, 51, 146, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00165E', endColorstr='#063392' ,GradientType=0)";
    background: linear-gradient(0deg, rgba(0, 22, 94, 1) 0%, rgba(6, 51, 146, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#063392', endColorstr='#00165E', GradientType=0); */
    background-color: #1a2574;
}


/*-------------------------------------Logo column*/

#head-row .col-md-4 {
    height: 100%;
}


/*#logo-col img{
    max-width: 350.27px;
    height: auto;
    display: block;
    margin: 58px auto;
    padding-right: 17px;
    /* ^^ use this to compensate for left-right adjustments
}*/

#head-row .logo-link img {
    max-width: 100%;
    height: auto;
    padding-block: 15px;
}
/*-------------------------------------Search column*/

#search {
    /* width: 100%; */
    padding-bottom: 10px;
    display: inline-block;
}

#q {
    border: 2px solid #fff;
    color: #fff;
    height: 31px;
    max-width: 100%;
    width: 175px;
    text-align: center;
    overflow: hidden;
    background: transparent;
}

.search-col-wrapper {
    position: absolute;
    top: 18px;
    right: 16px;
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
}

#search-input input::-webkit-input-placeholder {
    color: #fff;
}

#q input::-webkit-input-placeholder {
    padding-top: 2px;
    background: transparent;
    color: #0891C8;
}

#q input:-moz-placeholder {
    /* Firefox 18- */
    padding-top: 2px;
    background: transparent;
    color: #0891C8;
}

#q input::-moz-placeholder {
    /* Firefox 19+ */
    padding-top: 2px;
    background: transparent;
    color: #0891C8;
}

#q input:-ms-input-placeholder {
    padding-top: 2px;
    background: transparent;
    color: #0891C8;
}

input.search-button {
    display: none;
}


/*-------------------------------------Social-Media Span*/

span.social-media {
    display: inline-block;
    padding-left: 13px;
    vertical-align: middle;
}

.social-media svg:not(:root) {
    width: 30px;
    background-color: white;
    margin-right: 10px;
}

g#facebook rect,
g#twitter rect,
g#linkedin rect,
g#contact rect {
    stroke: transparent;
}

g#facebook path,
g#twitter path {
    fill: #05308C;
}

g#linkedin g#ob circle,
g#linkedin g#ob rect,
g#linkedin g#ob path {
    fill: #05308C;
}

g#contact g#ob path,
g#contact g#ob polygon {
    fill: #05308C;
}

.social-media a:hover,
.social-media a:focus {
    text-decoration: none;
}

.mobile-social-media a {
    width: 30px !important;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}

.mobile-social-media svg:not(:root) {
    width: 30px;
    background-color: #05308C;
    margin-right: 10px;
}

.mobile-social-media g#facebook path,
.mobile-social-media g#twitter path,
.mobile-social-media g#contact g#ob path,
.mobile-social-media g#contact g#ob polygon {
    fill: #fff;
}


/*-------------------------------------Nav row*/

#nav-row {
    background-color: white;
    /*height: 50px;*/
    position: relative;
}

ul.navbar-nav,
.navbar-nav li,
.navbar-nav li a {
    font-size: 18px;
    color: #666;
}

.navbar-nav>li>.dropdown-menu {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dropdown-menu li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


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

button#mobile-toggle {
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0px;
    position: relative;
    left: 30px;
}

#menu_toggle {
    height: 25px;
    width: 25px;
}

#menu_toggle #toggle_strokes {
    stroke-width: 3;
    stroke-linecap: round;
}


/*-------------------------------------------------------------
                        Body
-------------------------------------------------------------*/

#form-wrapper {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
}

#mheader_5_wrapper div {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
}


/*---------------------------Front Contents*/

#front-contents {
    margin-bottom: 45px;
    margin-top: 45px;
}


/*---------------------------News and Events*/

.event-date-wrap {
    background: #05308C;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

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

.event-date {
    font-size: 30px;
    font-weight: bold;
}

#feeds-col {
    padding: 0px 30px;
}

.feed a:hover,
.feed a:focus {
    text-decoration: none;
    color: #05308C;
}

.date {
    font-weight: 600;
    padding-bottom: 5.35px;
}

.description {
    font-size: 14px;
    padding-bottom: 14px;
}

.feed h2 a:hover,
.feed h2 a:focus {
    text-decoration: none;
}

h3.event-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

p.event-blurb {
    /*display: none;*/
}

a.ev-title-link {
    font-size: 22px;
    color: #262728;
}

a.news-title-link {
    color: #262728;
}


/* New event feed styles 10-25 */

.event-item .row {
    margin-inline: 0;
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 1rem 1.5ch;
}

.event-item .row>div {
    width: unset;
    padding: unset;
    float: unset;
}

.event-item ::before,
.event-item ::after {
    content: none;
}

.event-date {
    font-size: 24px;
}

h3.event-title {
    padding-bottom: 5px;
    line-height: 1;
}


/* ---------------------Main Contents---------*/

#main-content {
    padding: 0px 30px;
}

@media(max-width: 990px) {
    #main-content {
        /*padding-left: 0px;
        margin-left: -30px;*/
    }
    #feeds-col {
        padding-left: 30px;
        padding-right: 50px;
    }
}

@media (max-width: 767px) {
    #main-content,
    #feeds-col {
        /*padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;*/
    }
    #head-row .col-md-4 {
        height: 50%;
    }
    .search-col-wrapper {
        position: relative;
    }
    iframe {
        width: 100%;
    }
}


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

#foot-row {
    position: relative;
    padding: 30px 15px;
    background: #00175F;
}

#foot-row * {
    color: white;
}

#foot-row p {
    padding-bottom: 14px;
}

#foot-row .col-md-6:first-of-type {
    text-align: right;
}

@media (max-width: 991px) {
    #foot-row .col-md-6:first-of-type {
        text-align: left;
    }
}


/*--------------------------------------------------------------
                        Utilities
--------------------------------------------------------------*/

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.z-50 {
    position: relative;
    z-index: 50;
}

.z-100 {
    position: relative;
    z-index: 99;
}

a.block-link {
    display: block;
}

a.inline-block-link {
    display: inline-block;
}

a.underlined {
    text-decoration: underline;
}

sup {
    vertical-align: super;
    font-size: .5em;
}

.mms-hidden {
    display: none;
}


/*------ Bootstrap Resets */

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover,
.navbar-nav .open>a,
.navbar-nav .open>a:focus,
.navbar-nav .open>a:hover {
    background-color: transparent;
    border: none;
}


/*------------------------------------------------------------------------------------
                                    The Wrapper
--------------------------------------------------------------------------------------*/


/*The Wrapper */

.nav-wrapper {}


/*------------------------------------------------------------------------------------
                                    The Toggle
--------------------------------------------------------------------------------------*/

.navbar-toggle {}

.navbar-toggle:focus {
    border: 0px;
    outline: 0px;
}

.navbar-toggle>span
/*For color of icon inside toggle*/

{
    color: #ffffff;
}


/*------------------------------------------------------------------------------------
                                    Full State
--------------------------------------------------------------------------------------*/

ul.navbar-nav {
    /*  margin-left: -15px;*/
    width: 100%;
}

.navbar-nav li {}

.navbar-nav li a
/*Navigation text*/

{
    color: #646464;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding-top: 13px;
    padding-bottom: 13px;
    text-decoration: none;
    box-sizing: border-box;
    text-transform: uppercase;
    transition: color .3s;
}


/*.nav li #mobile-login + .nav>li>a{
    padding-left: 20px;
}*/

.navbar-nav li a:hover,
.navbar-nav li a:active {
    color: #05308C !important;
}


/*------ Third level Items/Multi Tier */

.navbar-nav li ul li a {}

.navbar-nav li ul li a:hover {}


/*------ On Hover/Focus/.open */

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {}

.navbar-nav .open>a,
.navbar-nav .open>a:hover,
.navbar-nav .open>a:focus,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus {
    text-decoration: none;
}


/*------------------------------------------------------------------------------------
                                    Collapsed State
--------------------------------------------------------------------------------------*/

.navbar-collapse.collapse {
    position: relative;
}

.navbar-collapse {
    max-height: none;
    padding: 0px;
}


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

.dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
}

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


/* New menu styles 10-25 */

#nav_menu>ul {
    display: flex;
    justify-content: space-around;
    gap: 2ch;
}

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

#nav_menu>ul>li>a {
    white-space: nowrap;
}

#nav_menu li {
    position: relative;
}

#nav_menu .dropdown-submenu>ul {
    top: 0;
}

#nav_menu .dropdown-menu a {
    text-transform: capitalize;
}


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

button.mobileMenuTrigger {
    width: 37px;
    height: 37px;
    border: 2px solid white;
    position: absolute;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0px;
    background-color: #022171;
    box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    /*z-index: 5000;*/
    bottom: 30px;
    right: 16px;
}

#menu_toggle {
    height: 100%;
    width: auto;
}

#menu_toggle #toggle_strokes {
    stroke-width: 3;
    stroke-linecap: round;
}

button.mobileMenuTrigger svg #toggle_wrapper {
    fill: transparent;
}

button.mobileMenuTrigger svg line {
    stroke: white;
}

#mobile-menu>li#triggerClose {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    right: 17px;
    top: 10px;
}

#mobile-menu>li#mobile-logo {
    position: absolute;
    top: 0px;
}

#mobile-menu>li#mobile-logo #accronym {
    /*  display:none;*/
}

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

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

#mobile-menu>li>a {
    min-height: 32px;
    margin-bottom: 6px;
    background-color: transparent;
    padding-left: 8px;
    padding-top: 10px;
    padding-right: 5px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none;
}

#mobile-login {
    text-align: center;
    /*  position: relative;*/
    bottom: 70px;
    left: 0px;
    right: 0px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px solid white;
}

#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: 1000;
    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: #fff;
    border-right: 2px solid white;
    /* 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%;
    font-weight: bold;
    padding-bottom: 10px !important;
    margin-bottom: 0px;
}

#mobileMenuWrapper #mobile-menu a:hover,
#mobileMenuWrapper #mobile-menu a:focus {
    color: #05308C;
    text-decoration: none;
}

#mobileMenuWrapper #mobile-menu * {
    color: #646464;
    text-transform: uppercase;
}


/* dropdown only */

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

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

ul.mDropdown.open {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background: #fff !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

ul.mDropdown.open a {
    padding-bottom: 0px !important;
    padding-top: 10px !important;
}

ul.mDropdown.open a:hover {
    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) {}


/*--------------------------------------------------------------
                        Media Queries
--------------------------------------------------------------*/

@media (min-width: 1200px) {
    /*------------------------ Bootstrap default Desktop Big*/
}

@media (min-width: 990px) and (max-width: 1199px) {
    /*------------------------ Bootstrap default = col-md Desktop old */
}

@media(max-width: 990px) {
    /*------------------------ Bootstrap default = col-sm Tablet */
    #logo-col #logo {
        max-width: 500px;
        height: auto;
        width: 90%;
        margin-top: 20px;
        /*Overwrites 67px margin from full screen*/
    }
    .social-media svg:not(:root) {
        margin-right: 5px;
    }
    /*#logo-col img {
        max-width: 320px;
        height: auto;
        padding-right: 12px;
    }*/
}

@media (min-width: 768px) and (max-width: 990px) {
    .search-col-wrapper {
        /*right: 50px;*/
        text-align: right;
    }
    span.social-media {
        padding-right: 40px;
    }
    button.mobileMenuTrigger {
        bottom: 43px;
    }
}

@media (max-width: 767px) {
    /*------------------------ Bootstrap default = col-xs Mobile */
    #search {
        display: inline-block;
        padding-right: 5px;
        padding-left: 10px;
        padding-bottom: 50px;
    }
    /*  button.mobileMenuTrigger{
        bottom: inherit;
    }*/
    #head-row {
        height: auto;
    }
    #logo-col img {
        margin: 10px auto;
        max-width: 100%;
    }
    .event-content .row {
        margin-right: 0px;
    }
    .carousel-caption {
        position: static;
        background: rgba(0, 0, 0, 0.5);
    }
    .carousel-caption a {
        margin-bottom: 20px;
    }
    #front-contents {
        margin-top: 25px;
    }
    #main-content h1 {
        font-size: 38px;
    }
    #main-content h2 {
        font-size: 32px;
    }
}

@media (max-width: 420px) {
    #head-row {
        padding-bottom: 20px;
    }
    #search {
        display: block;
        padding-bottom: 10px;
    }
    .social-media {
        /*padding-left: 10px;*/
        display: none;
    }
    button.mobileMenuTrigger {
        bottom: -10px;
    }
}


/*--------------------------------------------------------------
                       MMS Styles
--------------------------------------------------------------*/


/*Gets rid of the extra spacing caused by adding blank paragraphs inbetween each paragraph. Couldn't she just stop adding blank paragraphs after every paragraph? Don't be silly, this is much easier.*/

#mheader_5_wrapper .nl-container p {
    padding-bottom: 0px !important;
}