/*Accent Red #E74f3d Dark Blue #051c2c Medium Blue #6f87a3 Light Blue #9eadc1*/
/********************************** GLOBAL ************************************/
 body {
	 font-family: 'Open Sans', sans-serif;
}
 h1, h2 {
/*	 text-align: center;  */
}
 a {
}
 a:hover {color:#60B9BF; text-decoration:underline;
}
 fieldset, form, table {
	 margin: 0;
}
 figure{
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #ccc;
	 box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	 text-align: center;
}
 figure img{
	 display: block;
	 margin:0 auto;
	 border: 1px solid #ccc;
}
 blockquote {
	 padding: 30px;
	 margin: 0 0 20px;
	 border: 2px solid #e8eaed;
}
 blockquote:before {
	 content: "\f10d";
	 font-family: "Font Awesome 5 Free";
	 width: 70px;
	 height: 70px;
	 line-height: 70px;
	 text-align: center;
	 border-radius: 50%;
	 color: #3E5B5D;
	 font-size: 30px;
	 background: #fff;
	 border: 2px solid #e8eaed;
	 float: left;
	 margin-right: 10px;
	 font-weight:900;
}
 blockquote .blockquote-footer {
	 color: #686a6d;
}
 figure>figcaption {
	 font-size: 14px;
	 text-align: center;
	 margin-top: 10px;
	 font-style: italic;
	 color: #686a6d;
}

/*.no-container {*/
/*    min-width: 145% !important;*/
/*    margin-left: -15rem;*/
/*}*/

/*.no-container img  {*/
/*    min-width: 145% !important;*/
/*    margin-left: -15rem;*/
/*}*/
 .callout {
	 padding: 10px 20px;
	 margin: 0 0 20px;
	 font-size: 17.5px;
	 border-left: 5px solid;
}
 .callout h4 {
	 margin-top: 0;
	 margin-bottom: 5px;
}
 .callout p:last-child {
	 margin-bottom: 0;
}
 .callout + .bs-callout {
	 margin-top: -5px;
}
 .callout-default {
	 border-left-color: #eeeeee;
}
/*********************************** TOOLS ************************************/
 .sticky-top {
	 top: 4em;
}
 .side.sticky-top{
	 top: 135px;
}

 .hide{
	 display:none;
}
 .anchor{
	 display: block;
	 height: 120px;
	 margin-top: -120px;
	 visibility: hidden;
}
/********************************** TEMPLATE.MT.GOV ***************************/
/*Amber Alert*/
body.amber-alert .sticky-top{
	top: 112px;
}
body.amber-alert header .logo.tiny {
	top: 50px;
}

/* #template-layout-push {
	 height: 64px;
}
 */
/********************************** HEADER ************************************/
 header {
	 position: relative;
}
 header .logo {
	 display: block;
	 position: absolute;
	 z-index: 999;
	 top: -90px;
	 left: 50%;
	 transform: translate(-50%, 0);
	 width: 200px;
}
 header .logo.tiny {
	 position: fixed;
	 top: 2px;
	 width: 60px;
	 transition: all 0.4s ease-in-out 0s;
}
 .heading {
	 padding: 65px 30px 15px 30px;
	 background: rgba(111,135,163,0.75);
	 border: 2px solid rgb(111,135,163);
	 border-bottom: 0;
	 font-size: 20px;
}
 .heading span {
	 margin-bottom: .5rem;
	 color: #091C2A;
	 font-weight: 600;
	 font-size: 2.5rem;
	 line-height: 1.2;
	 text-transform: uppercase;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .heading .lead {
	 font-size: 1.2rem;
}

i.fa.fa-circle {
    color: #4D4D4F;
    width: 2%;
    font-size: 15px;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .heading .lead {font-size:1.4rem;}
} 

/*********************************** NAV **************************************/
 .navbar {
	 background: #051c2c;
}
 .dropdown-menu.custom-content {
	 width: 600px;
}
/*Hover Instead of Click Open*/
/* .dropdown:hover .dropdown-menu {
	 display: block;
	 margin-top: 0;
}
*/
/********************************** SEARCH ************************************/
 .gsc-control-cse.gsc-control-cse-en {
	 visibility: hidden;
	 width: 0px;
}
 .gsc-search-box.gsc-search-box-tools {
	 display: none;
}
 .gsc-modal-background-image-visible {
	 visibility: visible;
}
 .gsc-control-cse{
	 padding:0 !important;
}
/*********************************** MAIN *************************************/
 #content-wrapper {
	 padding-top: 100px;
	 margin: 7px;
}
 main .row.bg-light {
	 background-color: #CBB153 !important;
	 width: calc(100% + 6rem);
	 margin-left: -3rem;
	 padding: 15px;
}
 .frame {
	 width: 50%;
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #ccc;
	 text-align: center;
}
 .frame .portrait {
	 display: block;
	 width: 100%;
	 border: 1px solid #ccc;
}
/***************************** WIDGETS ******************************************/
 .content-block:not(:last-child){
	 margin-bottom:30px;
}
/***************************** TILES ******************************************/
 .tile {
	 position: relative;
	 float: left;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 background: #335455;
	 border:1px solid #ddd;
	 text-align: center;
	 cursor: default;
}
 .tile img {
	 display: block;
	 position: relative;
	 width: calc(100% + 20px);
	 max-width: none;
	 max-height: 400px;
	 backface-visibility: hidden;
	 object-fit: cover;
}
 .tile .overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 padding: 30% 15px 15px 15px;
	 overflow: hidden;
}
 .tile h2 {
	 position: relative;
	 margin-bottom: 0;
	 padding:0;
	 overflow: hidden;
	 background-color: rgba(26,59,60,0.75);
	 text-transform: uppercase;
	 font-size:22px;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	 text-align: center;
	 color: #fff;
}
 .tile p {
	 padding: 0 0 5px 0;
	 background-color: rgba(26,59,60, 0.75);
	 color: #fff;
}
 .hovereffect img {
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(-10px,0,0);
	 transform: translate3d(-10px,0,0);
	 -webkit-backface-visibility: hidden;
}
 .hovereffect:hover img {
	 opacity: 0.4;
	 filter: alpha(opacity=40);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect h2{
	 padding:6px 0;
}
 .hovereffect h2:after {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 2px;
	 background: #43A03F;
	 content: '';
	 -webkit-transition: -webkit-transform 0.35s;
	 transition: transform 0.35s;
	 -webkit-transform: translate3d(-100%,0,0);
	 transform: translate3d(-100%,0,0);
}
 .hovereffect:hover h2:after {
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect p {
	 background-color: transparent;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(100%,0,0);
	 transform: translate3d(100%,0,0);
}
 .hovereffect:hover p {
	 opacity: 1;
	 filter: alpha(opacity=100);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
/******************************** TILE CAROUSEL *******************************/
 .tile-carousel .carousel-item {
	 margin-right: 0px;
	 transition: -webkit-transform 0.6s ease;
	 transition: transform 0.6s ease;
	 transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
 .tile-carousel .carousel-inner .active, .tile-carousel .carousel-inner .active+.carousel-item {
	 display: block;
}
 .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
	 -webkit-transition: none;
	 transition: none;
}
 .tile-carousel .carousel-inner .carousel-item-next, .tile-carousel .carousel-inner .carousel-item-prev {
	 position: relative;
	 -webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
}
 .tile-carousel .carousel-inner .active.carousel-item+.carousel-item+.carousel-item {
	 position: absolute;
	 top: 0;
	 right: -50%;
	 display: block;
	 visibility: visible;
}
 .tile-carousel .active.carousel-item-left+.carousel-item-next.carousel-item-left, .tile-carousel .carousel-item-next.carousel-item-left+.carousel-item {
	 position: relative;
	 -webkit-transform: translate3d(-100%, 0, 0);
	 transform: translate3d(-100%, 0, 0);
	 visibility: visible;
}
 .tile-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: block;
	 visibility: visible;
}
 .tile-carousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item, .tile-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
	 position: relative;
	 -webkit-transform: translate3d(100%, 0, 0);
	 transform: translate3d(100%, 0, 0);
	 visibility: visible;
	 display: block;
}
/********************************* CAROUSEL ***********************************/
 .carousel {
	 width: 100%;
	 border: 1px solid rgba(0,0,0,.125);
}
.carousel-item{
	 background:#fff;    
}
/********************************** CARDS *************************************/
 .card-img-top {
	 background-size: cover;
}
 .cards a:hover .card {
	 background-color: #f5f5f5;
}

 .card-body:empty {
	 display: none;
}
 .card-title{
	 font-weight:bold;
	 text-align:center;
}
/*Horizontal Card*/
 .card-horizontal {
	 display: flex;
	 flex: 1 1 auto;
}
 .card-horizontal img{
	 width:144px;
}
 .card-horizontal .card-title{
	 text-align:left;
}
/*No Border Card*/
 .card.no-border{
	 border:0;
}
 .cards a:hover .no-border{
	 background:none;
}
/**************************** ACCORDIONS/TABS *********************************/
 .accordion .card-header {
	 padding: 0;
}
 .accordion .card-header:hover {
}
 .accordion .card{
	 border-radius: 0;
}
 .nav-tabs {
	 display:none;
}
 .tab-content{
	 padding: 30px;
}
 .accordion-toggle{
	 display:block;
	 padding: .75rem 1.25rem;
	 text-decoration:none;
}
 .accordion-toggle:after {
	 content: "\f078";
	 float: right;
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 [aria-expanded="true"].accordion-toggle:after {
	 content: "\f054";
}
 .accordion-toggle:hover{
	 text-decoration:none;
}
/*Nested Accordions*/
 .accordion .accordion .accordion-toggle {
	 padding: .5rem 1rem;
	 font-size: 13px;
}
/*FAQ*/
 .accordion.faq .card{
	 border-left:0;
	 border-right:0;
}
 .accordion.faq .card-header{
	 position: relative;
	 background:none;
	 border-bottom: 0;
	 font-weight:bold;
}
 .accordion.faq .card-header span{
	 padding-left:30px;
	 display:inline-block 
}
 .accordion.faq .accordion-toggle:before {
	 content: "\f054";
	 display: block;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 -moz-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 .accordion.faq [aria-expanded="true"].accordion-toggle:before {
	 content: "\f078";
}
 .accordion.faq .accordion-toggle:after {
	 display:none;
}
 .accordion.faq .accordion-toggle span:hover {
	 text-decoration: underline;
}
 .accordion.faq .card-body{
	 padding-left:50px;
	 padding-right:50px;
}
/********************************** SIDE NAV **********************************/
 .list-group{
	 border-radius: 0;
}
 .list-group a{
	 background-color: #FFFFFF;
	 color: #000000;
}
 .list-group-item.active {
	 color: #3E5B5D;
	 background-color: #fff;
	 border-color: #3E5B5D;
}
 .list-group-item-action:active {
	 color: #212529;
	 background-color: #e9ecef;
}
 .list-group-item-action:focus, .list-group-item-action:hover {
	 color: #fff;
	 background-color: #3E5B5D;
}
/********************************** CONTACT **********************************/
 @media (min-width: 768px) {
	/*Contact*/
	 form[name^="Contact"] .clive-field-wrapper:nth-child(-n+5){
		 width: 48%;
		 float: left;
	}
	 form[name^="Contact"] .clive-field-wrapper:nth-child(3), form[name^="Contact"] .clive-field-wrapper:nth-child(5){
		 float: right !important;
	}
	 form[name^="Contact"] .clive-field-wrapper:nth-child(6){
		 clear:both;
	}
}
/*All*/
 .clive-field > input, .clive-field select, .clive-submit, .clive-field textarea {
	 border: 1px solid rgba(0,0,0,0.5)!important;
}
 .clive-field select{
	 height:40px !important;
}
 .clive-field textarea{
	 min-height: 150px;
}
 .g-recaptcha div:first-child{
	 margin:15px auto;
}
 .clive-submit{
	 display: block !important;
	 width: auto !important;
	 margin: 0 auto;
	 align-content: space-around;
	 color: #fff;
	 background-color: #007bff !important;
	 border-color: #007bff !important;
	 font-weight: 400;
	 text-align: center;
	 white-space: nowrap;
	 vertical-align: middle;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 border: 1px solid transparent !important;
	 padding: .375rem .75rem !important;
	 font-size: 1rem !important;
	 line-height: 1.5;
	 border-radius: .25rem !important;
	 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 .clive-submit:hover, .clive-submit:focus {
	 color: #fff;
	 background-color: #0069d9 !important;
	 border-color: #0062cc !important;
}
 .clive-submit.active:focus, .clive-submit:active:focus, .clive-submit:focus {
	 box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5) !important;
}
/********************************** FOOTER ************************************/
 .footer {
	 padding: 30px;
	 background: #051c2c;
	 color: #9eadc1;
}
 .footer h4 {
	 width: 100%;
	 text-transform: uppercase;
	 border-bottom: 1px solid #E74f3d;
}
 .footer hr {
	 border-top: 1px solid #000;
}
 .footer a:not(.btn) {
	 color: #fff;
}
 .footer a:not(.btn):hover {
	 color: #fff;
	 text-decoration:underline;
}
 .footer img {
	 display:block;
	 margin:0 auto;
}
 .footer .list-unstyled li {
	 margin-bottom: 1em;
}
 #social img{
	 display:block;
	 width:24px;
}
 #back-to-top {
	 position: fixed;
	 bottom: 90px;
	 right: 90px;
	 display: none;
	 z-index:99;
}
/********************************** CALENDAR **************************************/
h3.s-lc-ea-h3 {
    text-align: center;
}

.homepage-cal {
    width: 60%;
    margin: 0 auto;
}
/********************************** CHAT **************************************/
 #chat-button, #chat-greet, #sn_va_web_client {
	 position:fixed;
	 right:10px;
	 bottom:10px;
	 z-index:9999;
	 background:#4169e1;
	 color:#fff;
}
 #sn_va_web_client {
	 margin-bottom: 80px;
}
 #chat-greet {
	 margin: 0 85px 17px 0;
	 padding: .375rem .75rem;
	 border-radius: .25rem;
}
 .btn-circle {
	 width: 70px;
	 height: 70px;
	 padding: 10px 16px;
	 border-radius: 35px;
	 transition: all .5s;
	 text-align: center;
	 font-size: 35px;
	 line-height: 1.33;
}
 #chat-button[aria-expanded="true"]{
	 border-top-left-radius: 0;
}
 #chat-button[aria-expanded="true"]:before {
	 content: "\f00d";
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 #chat-button[aria-expanded="true"] i{
	 display:none;
}
/********************************** LOADING ***********************************/
 .loader {
	 display: inline-block;
	 margin-top: 20px;
	 font-size: 150px;
	 width: 100%;
	 color: 051C2C;
	 text-align: center;
	 -webkit-animation-name: beat;
	 animation-name: beat;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
	 -webkit-animation-duration: 2.5s;
	 animation-duration: 2.5s;
}
 @-webkit-keyframes beat {
	 0% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 5% {
		 -webkit-transform: scale(1.05);
		 transform: scale(1.05);
	}
	 10% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 25% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 30% {
		 -webkit-transform: scale(1.05);
		 transform: scale(1.05);
	}
	 40% {
		 -webkit-transform: scale(1);
		 transform: scale(1) 
	}
	 50% {
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg);
	}
}
 @keyframes beat {
	 0% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 5% {
		 -webkit-transform: scale(1.05);
		 transform: scale(1.05);
	}
	 10% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 25% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 30% {
		 -webkit-transform: scale(1.05);
		 transform: scale(1.05);
	}
	 40% {
		 -webkit-transform: scale(1);
		 transform: scale(1) 
	}
	 50% {
		 -webkit-transform: rotate(360deg);
		 transform: rotate(360deg);
	}
}
/******************************** RESPONSIVE **********************************/
/*Extra large devices (large desktops, 1200px or less)*/
 @media (max-width: 1200px) {
	 header .logo {
		 top: -50px;
		 width: 100px;
	}
	 header .logo.tiny {
		 display: none;
	}
	 .heading {
		 padding-top: 55px;
	}
}
/*Large devices (desktops, 992px or less)*/
 @media (max-width: 992px) {
}

 @media (max-width: 576px) {
    .homepage-cal {
    width: 100%;
    } 
    
 }
/*Medium devices (tablets, 768px or less)*/
 @media (max-width: 768px) {
	 #content-wrapper {
		 padding-top: 60px;
	}
	 .sticky-top {
		 top: 0;
	}
	 .navbar-nav .nav-link {
		 text-align: center;
	}
	 .navbar .form-inline .input-group {
		 margin: 0 auto;
	}
	 #back-to-top {
		 bottom: 15px;
	}

	 .tab-content > .tab-pane {
		 display: block !important;
		 opacity: 1;
	}
	 .clive-field-wrapper:nth-child(-n+5){
		 width: 100%;
		 float: none;
	}
	 .footer [class^="col-"]{
		 margin-bottom:15px;
	}
	
    	#MTHSTrianglesLogo {
        width: 250px !important;
        margin-bottom: 0.5rem;
    }

    i {
        margin-right: 6px;
    }
}
/*Medium devices (tablets, 768px or more)*/
 @media (min-width: 768px) {
	 .navbar .nav-link.hover ~ .dropdown-menu {
		 display: none;
		 margin-top: 0;
	}
	 .navbar .nav-link.hover:hover ~ .dropdown-menu, .navbar .nav-link.hover ~ .dropdown-menu:hover {
		 display: block;
	}
	 .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu {
		 display: none;
	}
	 .navbar .dropdown-item.dropdown-toggle.hover:hover ~ .dropdown-menu, .navbar .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu:hover {
		 display: block;
	}
	/*Tabs To Accordions*/
	 .nav-tabs {
		 display: flex;
	}
	 .tab-content .card {
		 border: none;
	}
	 .tab-content .card .card-header {
		 display:none;
	}
	 .tab-content .card .collapse{
		 display:block;
	}
}
/*Large devices (desktops, 992px or more)*/
 @media screen and (min-width: 992px) {
	 .tile-carousel .carousel-inner .active, .carousel-inner .active+.carousel-item, .carousel-inner .active+.carousel-item+.carousel-item, .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
		 display: block;
		 position: static !important;
	}
	 .tile-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
		 -webkit-transition: none;
		 transition: none;
	}
	 .tile-carousel .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
		 position: relative;
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	}
	 .tile-carousel .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		 position: absolute;
		 top: 0;
		 right: -25%;
		 display: block;
		 visibility: visible;
	}
	 .tile-carousel .active.carousel-item-left+.carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		 position: relative;
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
		 visibility: visible;
	}
	 .tile-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
		 position: absolute;
		 top: 0;
		 left: 0;
		 display: block;
		 visibility: visible;
	}
	 .tile-carousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		 position: relative;
		 -webkit-transform: translate3d(100%, 0, 0);
		 transform: translate3d(100%, 0, 0);
		 visibility: visible;
		 display: block;
	}
}
 
 
/*****************RENNAN********************/
#template-layout-wrapper {
background-color: whitesmoke; 
overflow-x:hidden;
}
#content-wrapper {padding-top: 64px;padding-left:0;padding-right:0;}

.navbar, .footer {background-color:#22326D;}
.heading span {color:#22326D;}

#HomeResources div {border:1px solid #4D4D4F;background-color:#EFEBE5;}

.carousel-caption {filter: none;box-shadow: none !important;text-shadow: none;position: absolute;right: 0px;bottom: 0px;left: auto;ndex: 10;color: #000;text-align: left;background: white;padding: 20px 50px 20px 20px;max-width: 600px;}
.FeaturedItemsText {border-left: solid 3px black;padding-left: 10px;}
.FeaturedItemsText a {color:#DC6640;font-size: 2.4rem;font-weight: bold;line-height: 2.25rem;}

#MHSHeaderText a:hover {color:#DC6640;}
#MHSFooterText {border-left:3px solid #EFEBE5;text-align:left;}

.navbar-nav li:nth-child(1) div {right:auto;left:0;}

cite {font-style:italic;}


/*****************THIS IS FOR PUBS AND BOOKS BUT WILL ALSO AFFECT NEWS********************/
/*****************[TODO: SEPARATE PUBS AND BOOKS FROM NEWS]********************/

.news .article .text-muted, .text-muted .date {display:none;}

/*div.article:nth-child(odd) (float:left;width:45%;)
div.article:nth-child(even) (float:right;width:45%;)*/
#Books h3, #Magazines h3 {color:#DC6640;background-color:#FFFFFF;clear:both;margin-top:2rem;font-size:1.5rem;}

#Books .BuyItNow {}
#Books .BookMetaData {margin-bottom:0.5rem;}

.BookSummary {margin-bottom:0.5rem;}
.BookCover {padding:1rem 0;}
.MagCover {padding-top:1rem;}

/* Dropdown Button */

.fa-angle-down {
    padding-left: 4px;
    padding-right 2px;
}
.dropbtn {
  background-color:#22326D;
  color: white;
  padding: 8px;
  font-size: 12px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  max-height:200px;
  overflow:scroll; 
  overflow-x: hidden;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #22326D;}


html {
  scroll-padding-top: 120px; /* height of sticky header */
}

.MagArticleTitle, .MagReviews h4 {display:block;font-size: 1.2rem;
    color: #60B9BF;padding-top:1rem;line-height:125%;}

.MagReviews h4{margin-bottom:0;}


/*****************HOME PAGE NEWS********************/

.news .PubItem, .news .summary {display:none;}
.article {padding:0!important;margin:1rem!important;}
.title a {font-size:1rem;color:#4D4D4F;}
.side h3 {padding:0.5rem 0 0 1rem;font-weight:bold;color:#4D4D4F;}

/******************MTHS BRANDING UPDATE 2022***************/

#MTHSTrianglesLogo {width:450px;margin-bottom:.5rem;}

h3 {color:#4D4D4F;}

a, a.dropdown-item {color:#DC6640;}

a.dropdown-item:hover {background-color:#4D4D4F;color:#EFEBE5;}

.navbar-dark .navbar-nav a.nav-link {color: #EFEBE5;}

.heading .lead {font-weight:500;}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #60B9BF;}

a.btn-primary:hover {color: #4D4D4F;background-color: #EFEBE5;border-color: #EFEBE5;text-decoration:underline;}

a.btn-primary {color: #EFEBE5;background-color: #DC6640;border-color: #DC6640;}

.breadcrumb {background-color:#EFEBE5;}

.footer, .footer a:not(.btn) {color: #EFEBE5;}

.dropdown-item.active, .dropdown-item:active {color: #EFEBE5;text-decoration: none;background-color: #60B9BF;}

h5.card-title {font-size:1.8rem;color:#4D4D4F;}
.card-body {background-color:#EFEBE5;}
.card-text h6 {font-size:1.375rem;}

.btn-secondary:hover {color: #EFEBE5;background-color: #4D4D4F;border-color: #4D4D4F;}
.btn-secondary {color:#4D4D4F;background-color:#EFEBE5;border-color:#4D4D4F;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #EFEBE5;
    background-color: #60B9BF;
    border-color: #4D4D4F;
}


/******************FORMSTACK***************/
.fsRowBody input[type=checkbox], .fsRowBody input[type=radio] {
    top: 0!important;
    height: inherit!important;
}