/*
Theme Name: YMCA Gadsden
Version: 1.0
Template: hello-elementor
*/

.interior-page-style h2 {
    color: #0060AF;
    font: 600 36px/1.3 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.3em;
}

.interior-page-style h3 {
    color: #111;
    font: 600 32px/1.3 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.3em;
}

.interior-page-style h4 {
    color: #0060AF;
    font: 600 28px/1.3 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.3em;
}

.interior-page-style h5 {
    color: #111;
    font: 600 24px/1.3 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.3em;
}

.interior-page-style h6 {
    color: #0060AF;
    font: 600 20px/1.3 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.3em;
}

.interior-page-style ul li,
.interior-page-style ol li{
    color: #111;
    font: 400 18px/1.5 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style p {
    color: #111;
    font: 400 18px/1.5 "Verdana", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style img {
    display: block;
    margin: 32px auto;
    max-height: 400px;
    min-height: 400px;
    object-fit: cover;
    object-position: top;
}

.interior-page-style em{
    font-style: italic;
}

.interior-page-style strong {
    font-weight: bold;
}

.interior-page-style a:-webkit-any-link {
    cursor: pointer;
}

.interior-page-style a:hover {
    transition: all .2s ease;
    text-decoration: none;
}

.interior-page-style a.btn.button {
    color: #fff !important;
    background: #000 !important;
}

.interior-page-style .wrapper-buttons {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

a.interior-btn {
    background-color: #0060AF;
    padding: 12px 24px;
    border-radius: 48px;
    color: #fff;
    display: inline-block;
    margin-top: 24px;
}

a.interior-btn:hover {
    background-color: #0060AFCC;
}

.gform_wrapper div.gform_validation_errors {
    padding: 16px 16px 16px 48px !important;
  	color: #000 !important;
  	font-size: 14px !important;
  	font-family: "Outfit" !important;
  	letter-spacing: 0.6px;
}

@media(max-width:767px){
  .interior-page-style h1 {
      font-size: 29px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h2 {
      font-size: 26px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h3 {
      font-size: 22px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h4 {
      font-size: 20px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 18px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 17px !important;
      line-height: 1.3;
	}
}

/* single events */
/*
.single-mec-events .mec-container {
    width: 1280px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 64px;
    padding-bottom: 64px;
}

.single-mec-events .mec-single-title {
    color: #000;
    font-family: "Verdana";
    font-size: 2.5rem;
    letter-spacing: 1.2px;
  	font-weight: 600;
}

.single-mec-events .mec-events-meta-group.mec-events-meta-group-countdown{
 	display: none; 
}


.single-mec-events section#comments{
  display: none;
}
*/

/* monthly events archive */
.post-type-archive-mec-events .main-header{
    background-color: #000 !important;
}

.post-type-archive-mec-events .mec-container{
    margin-top: 130px;
  	margin-bottom: 100px;
}


.post-type-archive-mec-events .mec-container > h1 {
    display: none;
}

.post-type-archive-mec-events .mec-container{
	padding-top: 48px !important;
}

.post-type-archive-mec-events .mec-load-month-link {
    color: #000000;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.post-type-archive-mec-events i.mec-sl-angle-left{
  color: #0061b0 !important;
}

.post-type-archive-mec-events i.mec-sl-angle-right{
  color: #0061b0 !important;
}

.post-type-archive-mec-events dt.mec-calendar-day.mec-selected-day {
    color: #0061b0 !important;
}

.post-type-archive-mec-events .mec-wrap .mec-calendar.mec-event-calendar-classic:not(.mec-event-container-simple) .mec-selected-day:hover {
    color: #000 !important;
}

/* single events page */
.single-mec-events .main-header{
    background-color: #000 !important;
}

.single-mec-events .mec-events-meta-group-countdown, .single-mec-events aside, .single-mec-events .comments-area{
	display: none;
}

.single-mec-events .mec-single-event{
	margin-top: 48px;
}

.single-mec-events .mec-single-title{
	color: #070707;
}

.single-mec-events .mec-event-content p{
  	font-family: 'Verdana' !important;
    font-size: 1rem;
    color: #333;
    font-weight: 400;
  	letter-spacing: 0.6px;
  	word-spacing: 0.6px;
}

.single-mec-events .mec-date, .single-mec-events .mec-time{
	text-transform: capitalize !important;
    font-weight: 600;
    font-size: 1.2rem;
}

.single-mec-events .mec-container{
	width: 1280px;
  	padding-left: 0;
  	padding-right: 0;
  	padding-bottom: 64px;
  	padding-top: 120px;
}

.mec-container h1.mec-single-title{
	font-family: "Verdana";
  	color: #000;
} 

.single-mec-events .mec-container i.mec-sl-calendar::before, i.mec-sl-clock::before {
	color: #0061b0 !important;
}

.single-mec-events .mec-frontbox-title::before {
	border-bottom: 4px solid #0061b0!important;
}

.single-mec-events .mec-container .mec-color{
  	border-color: #0061b0 !important;
	color: #0061b0 !important;
}

.single-mec-events .mec-container .mec-color:hover{
  	color: #fff !important;
	background-color: #0061b0 !important;
}


/* 1600px width interior page */
@media(min-width: 1600px){
  .constraint-1600{
  	max-width: 1600px;
    margin: auto;
  }
}

/* hiding title of home */
body.home div.page-header{
  	display: none;
}

/* menu donate btn */
li.menu-item{
	display: flex;
    flex-direction: column;
    justify-content: center !important;
}

li.donate-menu {
    background-color: #0060AF;
    border-radius: 48px;
    margin-left: 24px;
}

li.donate-menu:hover {
    background-color: #0060AFCC;
}