body {
height: 100%;
width:100%;
background-color: #fff;
color: #5a646e;
font-family: 'Montserrat', sans-serif;
font-size:19px;
line-height:27px;
position:relative;
}

pre, code {
  font-family: monospace, monospace;
}
pre {
  overflow: auto;
}
pre > code {
  display: block;
  padding: 2rem;
  word-wrap: normal;
background-color:#f1f1f1;
}

input:required,
select:required,
textarea:required {
border-left:2px solid #a94442 !important;
}

input:required:focus,
select:required:focus,
checkbox:required:focus,
radio:required:focus,
textarea:required:focus {
border:2px solid #a94442 !important;
}

.medium{
font-size:125%;
}

.large{
font-size:150%;
}

[class*="col-"]:not(:last-child){ margin-bottom: 25px; }

/* Make all images responsive */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

.nomargin {
margin: 0px !important;
}
.novmargin {
margin-top: 0px;
margin-bottom: 0px;
}
.nopadding {
padding: 0px;
}

#wrapper {
position:relative;
margin: 0px auto;
max-width: 1800px;
border:0px solid red;
}

.container-fluid {
  padding: 0px;
  margin: 0 auto;
width:100%;
position:relative;
}

#site-alert{
background-color:#ffa500;
padding:10px;
-webkit-transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
-o-transition: all 3s;
transition: all 3s;
}

#site-alert #site-alert-container{
margin:0 auto;
padding:20px;
text-align:center;
color:black;
font-size:110%;
max-width:1200px;
}

#site-alert #site-alert-container .close{
display:block;
font-size:90%;
}

#header {
position:relative;
background-color: #002f5f;
padding:0;
color:white;
height:90px;
border:0px solid green;
box-shadow: 0 8px #eee;
}

#header-logo {
position: absolute;
z-index: 10;
left: 20px;
top: 20px;
}

#header-logo img {
max-width: 250px;
height: auto;
}

#nav-wrapper {
border:0px solid red !important;
margin-top:17px;
margin-right:0px;
float:right;
border:0px solid red;
max-width:1200px;
background-color:  transparent !important;
color:white !important;
}

.navbar-toggler{
background-color:white !important;;
border: 0px solid red !important;
}

#nav-wrapper ul#header-my-account {
margin:0 10px 0 0;
border:0px solid red;
display:block;
list-style-type: none;
text-align:right !important;
}

#nav-wrapper ul#header-my-account i{
color:white !important;
}

#nav-wrapper .nav-icon {
width:14px;
height:14px;
margin-right:4px;
display:inline-block;
border:0px solid red;
}

nav {
position:relative;
min-height:45px;
background-color:  white !important;
background-color:  transparent !important;
padding:0;
text-align:center;
margin:0 auto;
border-radius:8px;
}

nav ul.navbar-nav {
margin:0 auto;
text-align:center;
border:0px solid red;
color: #5a646e;
color: #fff;
}

nav ul.navbar-nav li {
margin-right:20px;
border:0px solid red;
}

#nav-wrapper a.nav-link:link{
font-weight: normal;
font-size:100%;
text-decoration:none;
color: #fff !important;
border:0px solid red;
}

#nav-wrapper a.nav-link:visited{
text-decoration:none;
color: #fff !important;
}

#nav-wrapper a.nav-link:hover {
text-decoration: none;
color:#fff !important;
border-bottom:3px solid #ed174b;
padding-bottom:0;
}

#nav-wrapper a.nav-link:active {
text-decoration: none;
color: #fff !important;
}

#nav-wrapper ul.navbar-nav li:last-child{
margin-right:0 !important;
padding-right:0 !important;
border:0px solid red;
}

#navToggle {
border: 1px solid #004583;
float: right !important;
}

#navToggle .icon-bar {
background-color: #004583;
}

#header nav .dropdown-menu{
margin-left:-50px !important;
}

/*
.border {
border: 1px solid red !important;
}
*/

#donate-image {
display: inline;
padding-left: 10px;
padding-right: 10px;
}





#donate-image img {
display: inline;
}

.header-row{
text-align: right;
}


.home-text {
font-size: 20px;
text-align: center;

}

.home-text:first-child{
margin-bottom: 0px;
}

#Homepage-Carousel img{
height:600px;
width:auto;
margin:0 auto;
overflow:hidden;
}

#content{
position:relative;
clear:both;
display:block;
background-color:white;
text-align:left;
border:0px solid green;
margin:70px 0;
padding:0 20px;
}

body#home #content{
position:relative;
clear:both;
display:block;
background-color:white;
text-align:left;
border:0px solid green;
margin-top:0 !important;
}

#content h1 {
color: #5a646e;
        font-size: 2em;
        font-weight: normal;
        margin-bottom:10px;
padding-bottom:10px;
text-transform:Uppercase;
}

#content h2 {
color: #5a646e;
font-size: 1.75em;
font-weight: normal;
margin-bottom:10px;
}

#content h3 {
font-weight:normal;
font-size: 1.45em;
color:#ffa500;
color:#c1ca00;
margin-bottom:20px;
}


#content a:link {
color: #08331C;
text-decoration: underline;
}

#content a:visited {
color: #08331C;
text-decoration: underline;
}

#content a:hover {
color: #ffa500;
text-decoration: underline;
}

#content a:active {
color: #08331C;
text-decoration: underline;
}

#content a:link.white {
color: #fff;
text-decoration: underline;
}

body#about #content ul li{
padding-bottom:10px;
}

body#home #Homepage-Carousel{
background-color: #468339 /* ORIG COLOR */;
background-color: #fff;
max-height:800px;
overflow:hidden;
display:block;
} 

body#home #Homepage-Carousel .carousel-inner img {
width:100%;
object-fit:cover !important;
border:0px solid red;
}

#content #home-welcome{
margin:40px auto;
padding:0 30px;
text-align:center;
max-width:1200px;
}

#content #home-welcome p{
font-size:25px;
line-height:34px;
}

body:not(#home) #content {
padding-left: 40px;
padding-top: 3px;
padding-bottom: 100px;
}

body#members-portal-home ul li {
padding-bottom: 20px !important;
}

body#home #home-scholarships{
margin:40px auto !important;
text-align:center;
padding: 0 20px;
max-width: 1200px;
}

#content #home-portfolio-wrapper {
border:0px solid red;
margin:40px auto !important;
text-align:center;
background-color:#c9c9c9;
width:100%;
position:relative;
border-radius:8px;
padding:20px;
overflow:auto;
color:#333 !important;
}

#content #home-portfolio {
padding:20px !important;
margin:0 auto;
max-width:1000px;
text-align:center;
}


#content #home-portfolio-testimonial {
border:0px solid red;
margin:20px auto 0 auto;
padding:0;
text-align:left;
line-height:29px;
font-size:110%;
font-style: italic;
}


#home-portfolio-footer {
text-align:right;
margin:20px;
padding:0;
font-size:90%;
}

body#home #home-newsletter {
    position: relative;
margin-bottom:50px;
height:250px;
margin:auto;
background-image: url("/images/layout/moor-newsletter-2000.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
background-color: rgba(91, 100, 109, 0.3);
border-radius:8px;
}

body#home #home-newsletter div.contents{
text-align: center;
padding: 15px;
}

body#home #home-newsletter div.contents .btn-newsletter {
padding: 10px 20px;
font-weight: bold;
font-size:110%;
color: #5b646d;
color:#f2a83d;
color:#fff;
background-color:#5b646d;
background-color:#f2a83d;
width:400px;
text-decoration:none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
border:0px solid #999;
box-shadow: 5px 5px 5px #999;
}

ul.photo-list li img {
max-width: 300px;
margin-bottom: 5px;
}
ul.photo-list {
text-align: center;
margin: 0 auto;
}
ul.photo-list li img {
max-height: 195px;
margin-left: auto;
margin-right: auto;
}

ul.photo-list li {
vertical-align: top;
max-width: 300px;
font-weight: bold;
text-align: center;
margin: 10px 10px;
line-height: 17px;
}
#small-give-button {
display: none;
}
#photo-gallery.list-inline {
	max-width: 1300px;
}
#photo-gallery.list-inline img {
   max-width: 200px;
   max-height: 130px;
}
#photoGallery .modal-dialog {
margin-top: 10%;
width: auto;
max-width: 800px;
}


body#home .intro-text {
margin:0 auto;
padding:35px !important;
text-align: center;
font-size:105%;
background-color:#e2e2e2;
}

body#home .intro-text .emphasisItalic {
line-height: 48px !important;
color:#66130C;
color:#c96c4c;
}

body#home .intro-text ul {
margin:30px auto;
display:block;
}

body#home .intro-text ul li{
margin-right:70px;
margin-bottom:25px;
font-size:135%;
}

body#home .intro-text a.btn {
text-decoration: none;
}

.green-button {
margin:0 auto;
text-align:center;
background-color:#c9cb44;
border-radius:20px;
padding:20px;
max-width:300px;
}

.gray-button {
margin:0 auto;
text-align:center;
background-color:#999;
color:white;
border-radius:20px;
padding:20px;
max-width:300px;
}

#next-meeting {
margin:20px auto;
text-align:center;
background-color:#5c656e;
background-color:#c9cb44;
border-radius:20px;
padding:20px;
max-width:800px;
}

#next-meeting .col-md-3{
/*
margin-top: auto;
margin-bottom: auto;
*/
}

#next-meeting h2 {
margin: 0px auto;
padding:0px;
font-size: 32px;
color:#c9cb44;
color:#5c656e;
text-shadow: 0px 0px white; 
}

#next-meeting #time{
margin:10px auto 20px auto;
border:0px solid red;
font-size:125%;
}

#next-meeting #day-calendar{
position:relative;
display:inline;
border:0px solid red;
font-size:100px;
color:white;
margin:0 auto 10px auto;
}

#next-meeting #day-calendar #month-badge{
font-size:20px;
color:#5c656e;
position:absolute;
z-index:1;
top: 15%;
left: 50%;
-ms-transform: translate(-50%, -15%);
transform: translate(-50%, -15%);
}

#next-meeting #day-calendar #day-badge{
font-size:55px;
color:#5c656e;
position:absolute;
z-index:1;
bottom: 5%;
left: 50%;
-ms-transform: translate(-50%, 5%);
transform: translate(-50%, 5%);
}

#next-meeting a.btn{
margin:20px auto;
text-decoration:none;
display:block;
color:white;
background-color:#999;
max-width:300px
}

#next-meeting a.btn:hover{
color:#eee;
}


body#home #sponsored-events{
margin:30px auto;
padding:20px;
}

body#home #sponsored-events h2{
margin:20px auto;
padding:20px;
text-align:center;
border-top:1px solid #5a646e;
border-bottom:1px solid #5a646e;
}

body#home #sponsored-events p{
text-align:center;
}

#sponsored-events #flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:flex-start;
justify-content:center;
}

#sponsored-events #flex div{
margin:0;
border:0px solid red;
padding:20px;
}

#sponsored-events #flex div img{
max-width:500px;
height:auto;
border-radius:9px;
box-shadow: 5px 5px 5px #999;
}

#sponsored-events #flex div .description{
margin:20px auto;
text-align:center;
font-weight:bold;
display:block;
font-size:115%;
}

body#members #members-list {
margin:20px auto;
background-color:white;
}

        
body#members #members-list [class*="row"]{
border: 1px solid #efefef;
margin:15px 0;
padding-top:8px;
}

        body#members #members-list [class*="row"]:first-child{
	border-bottom: 0px solid #efefef;
        margin-bottom:0;
	}

body#memberships-members #members-list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-items: stretch;
align-items: center;
align-content: stretch;
align-content: center;
}

body#memberships-members #members-list div {
border:0px solid #f1f1f1 !important;
width: 30%;
background-color:transparent; 
margin: 20px;
text-align:center;
padding: 20px;
border-radius:8px;
text-align:center;
}

body#memberships-members #members-list div img{
display:block;
max-width:400px;
max-height:250px;
margin:20px auto;
border:0px solid red;
}

body#memberships-members #memberModal #company,
body#memberships-members #memberModal #address,
body#memberships-members #memberModal #csz,
body#memberships-members #memberModal #phone,
body#memberships-members #memberModal #fax,
body#memberships-members #memberModal #website,
body#memberships-members #memberModal #contact_full_name,
body#memberships-members #memberModal #contact_phone,
body#memberships-members #memberModal #email{
display:block;
}

body#memberships-members #memberModal #company{
font-weight:bold;
font-size:110%;
margin:10px auto;
}


body#members .members-company{
font-size:125%;
color:#66130C;
color:#c96c4c;
}

body#contact #submit{
font-size:125%;
padding:12px 25px;
}



body#gallery #gallery-list img {
max-width:220px;
height:auto;
}

body#calendar #add-event-button{
background-color:#66130C;
background-color:#c96c4c;
font-weight:bold;
color:white;
text-decoration:none;
}

body#calendar #add-event-button:hover {
  color: #333;
  background-color: #e6e6e6 !important;
  border-color: #adadad;
text-decoration:underline;
}


body#calendar-add-event form#agree ,
body#calendar-add-event form#add-event {
max-width:600px;
}

/* Hover to open dropdown menus */
	


body#about #content img{
margin-bottom:20px;
border-radius:10px;
display:block;
max-width:400px;
}


#footer{
position:relative;
display:block;
clear:both;
margin:0 auto;
padding:20px;
background-color: #5a646e;
background-color: #fff;
color:#032d50;
font-weight:normal;
}

#footer #nav-wrapper ul#header-my-account {
text-align:center !important;
border:0px solid yellow;
margin:0 10px 0 0;
border:0px solid red;
display:block;
list-style-type: none;
text-align:right !center;
}

#footer #nav-wrapper ul#header-my-account li{
max-width:300px;
}

#footer #copyright{
text-align:right;
margin-bottom:20px;
}

#footer #logo-address{
text-align:left;
}

#footer #footer-logo {
max-height:145px;
display:block;
margin:0 14px;
}


#footer .col-md-4{
text-align:center;
vertical-align:top;
}

#footer ul {
float: none;
display: block;
text-align:center;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 0px;
}

#footer #nav-wrapper {
float: none;
position:relative !important;
margin:0 auto !important;
border:0px solid red !important;
padding:0;
}

#footer nav {
position:relative;
background-color:  transparent !important;
padding: 0 15px;
margin:0 auto;
text-align:center;
color:white;
border:0px solid red;
}

#footer ul.navbar-nav {
margin:0 auto !important;
text-align:center !important;
border:0px solid red;
color: #5a646e;
}

#footer ul li {
margin:0;
padding: 0px;
}

#footer #social-media ul{
display: block;
margin:30px 0 ;
list-style-type: none;
padding: 0;
color:white;
float:right;
}

#footer #social-media ul li{
margin: 0 0 20px 0;
text-align:left;
}

#footer #social-media ul li .fab{
font-size:24px;
color:white !important;
}

#footer #social-media ul li a:link{
font-size:20px;
color:white !important;
}

#footer #social-media img {
max-height: 75px;
width: auto;
margin:0 auto;
}

#footer #footer-credits{
margin:10px auto;
text-align:center;
font-size:80%;
}

/* unvisited link */
#footer a:link {
  color: #fff;
}

/* visited link */
#footer a:visited {
  color:#fff 
}

/* mouse over link */
#footer a:hover {
  color: #ccc; 
}

/* selected link */
#footer a:active {
  color: #fff;
}

#footer nav a.dropdown-item:link {
color: #5a646e !important;
}

#footer nav a.dropdown-item:visited{
color: #5a646e !important;
}

#footer nav a.dropdown-item:hover {
color:#ffa500 !important;
}

#footer nav a.dropdown-item:active {
color: #5a646e !important;
}

body#memberships-members #members-list img{
max-width:400px !important;
border:0px solid red !important;
}

/************************
ACCOUNT PORTAL
************************/

body[id^=myaccount] #column-left li.nav-item ,
body[id^=myaccount] #column-left a{
color:#333 !important;
color: #5a646e;
border:0px solid red;
}


/************************
MEDIA VIEWPOINTS
************************/


@media (max-width: 1250px) {

	#header{
	height:270px;
	}
	#header #nav-wrapper {
	margin-top:0 !important;
	}
	
	#nav-wrapper ul{
	display:block;
	}

	#content{
	margin:30px 0;
	}
}


@media (max-width: 767px) {

	#footer #social-media ul{
        float:none !important;
        margin:0 auto;
        text-align:center;
        border:0px solid red;
	}

	body#home #sponsored-events #flex div img{
	max-width:350px;
	}

	body#memberships-members #members-list div {
	border:1px solid #f1f1f1 !important;
	width: 48%;
	}

	body#memberships-members #members-list div img{
	max-width:500px;
	}
}


@media screen and (max-width: 550px) {

	#header{
        height:500px;
        }

	#header-logo{
	left: 50%;
  	-ms-transform: translate(-50%, 0%);
  	transform: translate(-50%, 0%); 
	}

        #header #nav-wrapper {
	background-color:white !important;;
        background-color:transparent !important;;
        border-radius:8px;
	position:absolute !important;
       	top:210px;
	left: 50%;
  	-ms-transform: translate(-50%, 0%);
  	transform: translate(-50%, 0%); 
	}

	#nav-wrapper ul#header-my-account {
	float:none;
	}

	
}


@keyframes fixedMenu {
  from {opacity: 0;}
  to {opacity: 1;}
}