/* A class called .eq_height is also available with lovely javascript.  Woop woop! */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700|Sintony:400,700);

/*------------- fonts */

body {
    font-size: 12px;
    /* sets font size for page so em's work */
}

@media (max-width: 991px) {
	body:has(#mms-admin-sidebar:not(.is-collapsed)) .container, 
	body:has(#mms-admin-sidebar:not(.is-collapsed)) .container-fluid {
		max-width: calc(100vw - 312px - 60px) !important;
	}

	body:has(#mms-admin-sidebar.is-collapsed) .container, 
	body:has(#mms-admin-sidebar.is-collapsed) .container-fluid {
		max-width: calc(100vw - 64px - 60px) !important;
	}
}

.txt-s {
    font-size: 10px;
}

.txt-lg {
    font-size: 14px;
}

.txt-xl {
    font-size: 18px;
}

.txt-16 {
    font-size: 16px;
}

.txt-white {
    color: #ffffff;
}

.txt-open-sans {
    font-family: "Open Sans", arial, sans;
}

.txt-cinzel {
    font-family: "Cinzel", "Times New Roman", serif;
}

.txt-bold {
    font-weight: 700;
}

.txt-c {
    text-align: center;
}

.txt-l {
    text-align: left;
}

.txt-r {
    text-align: right;
}


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

a {
    color: #7B2C26;
    text-decoration: underline;
}

a:hover {
    color: #3E1613;
}

a:is(:hover, :focus) {
    outline: 0px;
}

a:focus-visible {
    outline: 2px solid #831434; /*hex color can be replaced here with org color or link color*/
}

a.white {
    color: #ffffff;
}

a.white:hover {
    color: #cecece;
}

a.black {
    color: #000000;
}

a.black:hover {
    color: #292929;
}

.box-w a {
    color: #7B2C26;
}

.box-w a strong,
.box-w strong a {
    color: #5a9596;
}

.box-w a:hover {
    color: #3E1613;
}


/*------------- forms */

.li-form {
    padding: 10px;
    padding: 10px;
}

.li-input {
    /* log in */
    border: 0px;
    background-color: #ffffff;
    margin: 5px auto;
    width: 100%;
    padding: 5px;
}

.li-button {
    background-color: #414D78;
    color: #ffffff;
    font-weight: 700;
    border: 0px;
    font-size: 14px;
    font-size: 14px;
}

input[type=text].search-input {
    background-color: white;
    display: inline;
    padding: 2px;
    margin: 3px 0px;
    width: 70% !important;
    max-width: 70% !important;
}

.search-faux-placeholder {
    color: #7a7a7a;
}

.search-button {
    background-color: #414D78;
    /*	background-image: url('../images/bg-search.png');
	background-repeat: no-repeat;
	background-position: right center;*/
    padding: 4px;
    border: 0px;
    border-radius: 2px;
    color: #ffffff;
    font-weight: 700;
}

::-webkit-input-placeholder {
    color: #7a7a7a;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #7a7a7a;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #7a7a7a;
}

:-ms-input-placeholder {
    color: #7a7a7a;
}


/*------------- images */

img {
    border: 0px;
}


/*-------------  Bootstrap Fix */

.row {}

ul:not(#member_menu_wrap_5 .navbar ul, #admin_menu_wrap_5 .navbar ul, #admin_stats_tabs ul) li {
    list-style-image: url('../images/bullet.png');
}

td {
    vertical-align: top;
}


/*------------- Areas */

/* rows and columns margin inside grid+ */
#gm-canvas .row, #gm-canvas .column {
    margin-top: 1em;
    margin-bottom: 1em;
}

.embed-wrapper { display: contents; }

body {
    font-family: "Open Sans";
    font-size: 12px;
    background-color: #B2B8BE;
    background-image: url('../images/bg-page.png');
}

.box-db,
.box-lb,
.box-w {
    padding: 5px;
}

.content-sidebar .box-db,
.content-sidebar .box-lb {
    border-bottom: 5px solid #ffffff;
}

.content-sidebar {
    background-color: green;
}

.box-db {
    background-color: #95B6C1;
}

.box-lb {
    background-color: #C6DBE0;
}

.box-w {}

.red-page-container {
    background: #7B2C26;
    margin-right: 0px;
}

.sb-correct {
    margin-left: 15px;
    margin-right: -15px;
}

.title-r,
.title-b {
    border-radius: 0px 5px 5px 0px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.54);
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.54);
    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.54);
    font-family: "Cinzel", "Times New Roman", serif;
    color: #ffffff;
    width: 98%;
    padding: 3px 3px 3px 10px;
    margin-left: -5px;
    margin-bottom: 10px;
}

.title-r {
    background-color: #7B2C26;
    font-size: 18px;
}

.title-b {
    background-color: #414D78;
    font-size: 24px;
}

.bg-white {
    background-color: #ffffff;
}

.content-sidebar {
    margin-left: -15px;
    margin-right: 15px;
    height: 100%;
    background: #A43A33;
    /* Old browsers */
    background: -moz-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A43A33), color-stop(100%, #8E3535));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* IE10+ */
    background: linear-gradient(to right, #A43A33 0%, #8E3535 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#A43A33', endColorstr='#8E3535', GradientType=1);
    /* IE6-9 */
}

.content-main-right {
    padding-right: 25px;
}

.content-main-right .box-db {
    margin-bottom: 15px;
}

.content-main {
    padding: 0px 15px;
    margin-left: -15px;
    border-left: 5px solid #7B2C26;
}


/* header */

.header {
    background-color: #ffffff;
    background-image: url('../images/MTAP_Website_Header_Background_2015.png');
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 5px solid #7B2C26;
    font-family: "Open Sans", arial, sans;
    font-style: italic;
    font-size: 24px;
    color: #335d8a;
    font-weight: 600;
    height: 132px;
}

.header img {
    padding: 10px;
    float: left;
    margin-top: -10px;
    display: block;
    max-width: 100%;
    height: auto;
}

.header span {
    display: inline-block;
    margin-top: 20px;
    font-family: Tahoma;
    color: #7B2C26;
    text-align: center;
    font-style: normal;
}

.header .disclaimer {
    font-size: 10px !important;
    font-style: italic;
    position: absolute;
    right: 20px;
    bottom: 0px;
    color: black;
}


/* slider */

#slider-container {
    width: 100%;
}

.carousel-indicators {
    bottom: 0px !important;
    display: none;
}

.carousel-control {
    top: 50% !important;
}

.carousel-control.right {
    background-image: none !important;
    text-align: right;
    padding-right: 15px;
}

.carousel-control.left {
    background-image: none !important;
    text-align: left;
    padding-left: 10px;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
}

#slider_FD2>a>img,
#slider_FD2>img {
    max-width: 250px !important;
}

#slider_FD2 {
    width: 250px !important;
}


/*Events*/

.ev-item {
    padding: 5px;
    overflow: auto;
    margin: 5px -5px -5px -5px;
}

.ev-item:nth-child(even) {
    background-color: #C6DBE0;
}

.ev-list,
.sb-breadcrumbs #subnav {
    list-style-image: url('../images/bullet.png');
}

.ev-title {
    font-size: 14px;
    color: #000000;
    font-weight: 700;
}

.ev-date {
    text-align: center;
    float: left;
    font-weight: 700;
    width: 15%
}

.ev-stuff {
    float: right;
    border-left: 5px solid #7B2C26;
    width: 81%;
    padding-left: 5px;
}

.ev-stuff a {
    font-weight: bold;
    display: block;
    text-align: right;
}


/*Videos*/

.vid-feature {}


/* Front page news */

.nws-photo img {}

.nws-icon {}

.nws-blurb {
    width: 100%;
}

.nws-wrap {
    margin: 10px 0px;
}

.nws-photo {
    display: inline-block;
    width: 30;
}

.nws-link {
    text-decoration: underline;
}

.nws-icon {}

.nws-content img {
    float: left;
}

.nws-blurb {
    display: inline-block;
    min-height: 115px;
    padding: 10px;
}

.nws-title {
    font-size: 18px;
    font-weight: 700;
    font-family: "arial", sans;
    color: #831434;
}

.nws-date {
    font-size: 10px;
    font-family: arial, sans;
    color: #909090;
    font-style: italics;
}

.nws-link {
    color: #831434;
}

.nws-content {}

.nws-readmore {}


/* footer */

.foot-wrapper {
    text-align: center;
    padding: 20px;
}

.foot-spacer {
    height: 100px !important;
}

.foot-item {
    display: inline-block;
    margin: 10px;
}

.foot-item img {
    padding-right: 10px;
}

.foot-item,
.foot-item a {
    color: #ffffff;
}


/* Front Page */

.slider {
    margin: 10px auto;
}

#slider_FD1 a img,
#slider_FD1 img {
    width: 100%;
    max-width: 750px;
}

.hlp-wrapper {
    /* Help Section */
    background-color: #6A8B7F;
    background-color: rgba(106, 139, 127, .9);
    color: #ffffff;
    width: 350px;
    float: right;
    position: relative;
    height: 420px;
    top: -410px;
    margin-right: 20px;
    bottom: -10px;
    margin-bottom: -420px;
}

.hlp-title {
    background-color: #A5412A;
    background-color: rgba(165, 65, 42, .9);
    font-size: 24px;
    margin-top: 10px;
    padding: 3px 10px;
}

.hlp-content {
    padding: 3px 10px;
}

.hlp-item {
    background-color: #6A8B7F;
    background-color: rgba(255, 255, 255, .2);
    margin-bottom: 5px;
    padding: 3px 10px;
}

.hlp-button {
    display: inline-block;
    background-color: #A5412A;
    padding: 10px;
    color: #ffffff;
    text-decoration: none;
    transition: .2s;
    width: 47%;
    text-align: center;
    font-weight: 700;
}

.hlp-button:first-of-type {
    margin-right: 3%;
}

.hlp-button:hover {
    background-color: #641d0d;
    color: #ffffff;
    transition: .2s;
    text-decoration: none;
}

.hlp-item a {
    color: #ffffff;
}

.spl-wrapper {
    /*sub page links*/
    width: 30%;
    height: 285px;
    display: inline-block;
    float: left;
    overflow: hidden;
    text-decoration: none !important;
    transition: .2s;
    padding: 10px;
    min-width: 200px;
    margin-right: 2%;
}

.spl-wrapper:hover {
    /*sub page links*/
    background-color: #E9EAEB;
    transition: .2s;
}

.spl-title {
    font-size: 18px;
    text-decoration: none;
    color: #000000;
}

.spl-image img {
    width: 100% !important;
    max-width: 225px !important;
}

.spl-content {
    font-size: 14px;
    color: #4a4a4a;
    border-bottom: 1px solid #C7D0D6;
    padding: 8px;
    text-decoration: none;
}

.spl-image a {
    color: #000000;
    text-decoration: none !important;
}

.txt-nav-toggle {
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
}


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

.nav-wrapper {
    background-color: #8BA5C1;
}

.mobile-nav {
    height: 50px;
    display: block;
    margin: 10px;
    min-height: 16px;
}

.mobile-nav span {
    font-size: 12px;
    color: #ffffff;
    padding-left: 25px;
    font-weight: 700;
}

.nav-wrapper .navbar-nav .caret {
    border-top-color: #D16661;
    border-bottom-color: #D16661;
}


/****************************/

.navbar-default {}

.navbar-toggle {
    /* The little button in small mode */
    margin-top: ;
    background-color: #7E0132;
    background-image: url(../images/nav-button.png);
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    border-radius: 5px;
    float: left;
    margin-left: 20px;
    display: none;
}

.nav-wrapper .navbar {
    min-height: 30px !important;
    color: #000000;
    margin-top: ;
    margin-bottom: 0px;
}

.nav-wrapper .navbar-nav li {
    font-size: 13px;
    font-weight: 400;
    position: relative;
    list-style-type: none;
    display: block;
    width: 100%;
    background: #A43A33;
    /* Old browsers */
    background: -moz-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #A43A33), color-stop(100%, #8E3535));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #A43A33 0%, #8E3535 100%);
    /* IE10+ */
    background: linear-gradient(to right, #A43A33 0%, #8E3535 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#A43A33', endColorstr='#8E3535', GradientType=1);
    /* IE6-9 */
    border-bottom: 3px solid #ffffff;
}

.nav-wrapper .navbar-nav li a {
    /* All the menu items */
    color: #ffffff;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: ;
    height: 35px;
    font-size: 14px;
    transition: .3s;
    font-weight: 700;
    border-left: 18px solid #7B2C26;
}

.nav-wrapper .navbar-default .navbar-nav>.open>a,
.nav-wrapper .navbar-default .navbar-nav>.open>a:hover,
.nav-wrapper .navbar-default .navbar-nav>.open>a:focus {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-bottom: 3px solid #B0422E;
}

.nav-wrapper .navbar-nav .open>a,
.nav-wrapper .navbar-nav .open>a:hover,
.nav-wrapper .navbar-nav .open>a:focus {
    background-color: #ffffff;
    color: #000000;
}

.nav-wrapper .navbar-nav>li>a:hover,
.nav-wrapper .navbar-nav>li>a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

.nav-wrapper .navbar-nav>li>a:hover {
    background-color: #ffffff !important;
    border-bottom: ;
    color: #000000 !important;
    transition: .3s;
}

.nav-wrapper .dropdown-submenu>.dropdown-menu {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
}

.nav-wrapper .dropdown-submenu:hover>.dropdown-menu {
    display: none;
}

.nav-wrapper .shown {
    display: block;
}

.nav-wrapper .dropdown-submenu:hover>.shown {
    display: block;
}

.nav-wrapper .navbar-nav li ul li a:hover {
    background: #;
    color: #;
    transition: .3s;
}

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

.nav-wrapper .dropdown-menu {
    background-color: #ffffff;
    padding: 0px;
    left: 100%;
    margin-top: -35px !important;
    margin-bottom: -100%;
}

.nav-wrapper .navbar-collapse {
    max-height: none;
    padding-right: 0px;
    padding-left: 0px;
}

.nav-wrapper .dropdown-menu>li>a:hover,
.nav-wrapper .dropdown-menu>li>a:focus {
    color: #000000;
    text-decoration: none;
    background-color: #F4DAD5;
}


/*-------------  utility (floats/clears/margins n' padding) */

.o-no {
    overflow: auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}


/* z-indices */

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

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