/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. Learn more and check out our powerful premium version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles
Version: 1.4.1.1631167551
Updated: 2021-09-09 06:05:51

*/

/* Testing DEI Notify Bar */

.mtsnb-container-outer {
	min-height: 83px;
}

/* Custom Preloader */

body #load {
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9901;
    opacity: 1;
    background-color: #000000;
    visibility: visible;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}

body #load.loader-removed {
    opacity: 0;
    visibility: hidden;
}

.spinner-loader .load-wrap {
    background-image: url("/wp-content/uploads/nica-loading-blkbg.gif");
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height: 100%;
}

/* Desktop Nav */

.navbar-nav a {
	text-transform: uppercase !important;
	font-family: Libre Franklin, sans-serif !important;
	font-size: 0.9em;
	color: rgba(255,255,255,1) !important;
}

.navbar-nav ul {
	border-top: 2px solid #ca3604 !important;
}

.navbar-nav > li > ul::before {
	border-bottom: 8px solid #ca3604 !important;
}

/* Mobile Nav Fix */

.navbar-nav ul .menu-item-has-children .svg-icon {
  z-index: 9999;
}

@media screen and (max-width: 1000px) {
	.navbar-nav ul .menu-item-has-children .svg-icon {
  top: 0;
	}
}

/* Custom Typography */

p.site-description {
	font-weight: 700;
	opacity: 1 !important;
}

body, p, input, li {
	font-family: Libre Franklin, sans-serif !important;
	font-weight: 400 !important;
	color: #444444;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Metric, sans-serif !important;
	font-weight: 700 !important;
	color: #444444;
}

main.site-main p, main.site-main h1, main.site-main h2, main.site-main h3, main.site-main h4, main.site-main h5, main.site-main h6, main.site-main li {
	color: #444444;
	padding-top: 0;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
	text-transform: uppercase;
}

h4 {
    font-size: 18px;
	text-transform: uppercase;
}

h5 {
    font-size: 16px;
	text-transform: uppercase;
}

h6 {
    font-size: 14px;
}

/* Custom HR */

hr {
	background-color: #d9d9d9;
	border: 0;
  	height: 1px;
  	margin-bottom: 1.5em !important;
}

/* Custom Links */

.entry-content a, .cs-content a, .x-modal-content a {
  	text-decoration: none;
	color: rgba(202,54,4,1) !important;
  	transition: all 0.2s ease;
}

.entry-content a:hover, .cs-content a:hover, .x-modal-content a:hover, .entry-content a:active, .cs-content a:active, .x-modal-content a:active, .entry-content a:visited, .cs-content a:visited, .x-modal-content a:visited {
	color: rgba(202,54,4,0.7) !important;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
	color: rgba(255,255,255,1) !important;
}

#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:visited {
	color: rgba(255,255,255,0.7) !important;
}

.darkBG {
	color: rgba(255,255,255,1) !important;
}

a.darkBG {
	color: rgba(255,255,255,1) !important;
	text-decoration: underline;
  	transition: all 0.2s ease;
}

a.darkBG:hover, a.darkBG:active, a.darkBG:visited {
	color: rgba(255,255,255,0.7) !important;
}

/* Fix Inspiro Defaults 9/4/23 */

input:focus, textarea:focus {
    border-color: inherit;
}

.wpzabb-post-grid-more,
.button,
.btn,
.more-link,
.more_link,
.side-nav .search-form .search-submit {
    font-family: inherit;
}

.button:hover,
.btn:hover,
.side-nav .search-form .search-submit:hover,
.site-footer .search-form .search-submit:hover,
.infinite-scroll #infinite-handle span:hover {
    color: #ca3604;
    border-color: #ca3604;
}

.btn-primary,
.side-nav .search-form .search-submit,
.site-footer .search-form .search-submit {
    color: #ca3604;
    border-color: #ca3604;
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
button, input[type=button], input[type=reset], input[type=submit] {
    font-family: inherit;
}

/* Homepage title edits */

.site-title {
		margin-bottom: 0;
}
.site-title::after {
		display: none;
}

h4.x-feature-box-title {
	padding-top: .5em !important;
}

/* Custom Layouts */

form.post-password-form {
	text-align: center;
	padding-top: 5em;
}

/* Custom Header */
.custom-logo-link img {
	min-width: 150px;
	max-width: 190px;
}

#content.site-content {
	min-height: calc(100vh - 260px) !important;
}

/* Fix gap under header for pages */
:not(.home) #content.site-content, section.error-404 {
	margin-top: 0px !important;
	padding-top: 106px !important;
}

:is(.home) #content.site-content {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

:is(.single-post) #content.site-content { 			
	margin-top: 0px !important;
	padding-top: 0px !important;
}

/* Fix Header Resize */
.headroom--top .navbar, .headroom--not-top .navbar {
	padding-top: 18px !important;
	padding-bottom: 12px !important;
}

:is(.home) .headroom--top .navbar, .headroom--not-top .navbar, :is(.single-post) .headroom--top .navbar, .headroom--not-top .navbar {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.headroom--not-top .navbar {
	background-color: rgba(0, 0, 0, 1) !important;
}

@media screen and (max-width: 1250px) {
	.nav .menu-item {
		margin: 0 0.5em !important;
		font-size: 11px !important;
	}
	.navbar-nav .menu-item-has-children .svg-icon {
		margin-left: 0.1em !important;
	}
}

header.site-header div.breadcrumbs {
	background: rgba(0,0,0,0.5);
	padding: 0 1.7em;
	margin: 0;
	min-width: 100% !important;
	border-top: 2px solid #ca3604;
}

:is(.home) header.site-header div.breadcrumbs {
	display: none;
}

div.breadcrumbs p {
	padding: 0.4em 0 0.25em 0;
	text-align: left;
	text-transform: uppercase;
	font-size: 12px !important;
	margin: 0 !important;
	color: #ffffff;
}

div.breadcrumbs p a {
	color: rgba(255,255,255,1);
}

div.breadcrumbs p a:hover {
	color: rgba(255,255,255,0.8);
}

/* Custom 404 Page */
div.hero-404 {
	min-width: 100%;
	min-height: 600px;
	background: url(https://nationalmtb.org/wp-content/uploads/IMG_2220.jpg) no-repeat center;
	background-size: cover;
	margin-top: -110px;
}

section.error-404 {
	min-height: 50vh;
}

.error-404 button.search-submit {
	height: 90% !important;
}

/* Content Width Limiter */
.x-row, .x-container, #cs-content .x-container.max, :is(#cs-content, #cs-footer) .x-section {
	max-width: 1600px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.maxWide {
	max-width: 100% !important;
}

:is(#cs-content, #cs-footer) .x-section.maxWide {
	min-width: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

:is(.storySection) .x-row, .x-container {
	max-width: 100% !important;
}

/* STR Story Section Fix */
:is(#cs-content, #cs-footer) .storySection .mhdt-d > .x-row-inner > * {
	margin-bottom: 0;
}

/* Instagram Feed Corners */
input[type=text], #sb_instagram .sbi_photo_wrap {
	border-radius: 0.25em;
}

/* Custom Buttons */
.btn, .button, a.button, input.button, .buttonLight, a.buttonLight, input.buttonLight, .buttonDark, a.buttonDark, input.buttonDark, .more-link, .more_link, .side-nav .search-form .search-submit, .wpzabb-post-grid-more, :is(.home) .custom-header-button-wrapper .custom-header-button, div.wpforms-container-full .wpforms-form .wpforms-page-button, .entry-content a.buttonLight, .cs-content a.buttonLight, .x-modal-content a.buttonLight, input[type=submit] {
	font-family: Metric, sans-serif !important;
	font-weight: 700 !important;
	text-align: center;
	white-space: normal;
	/* white-space: nowrap; */
	text-transform: uppercase;
	font-size: .9em;
	display: inline-block;
	margin: .5em !important;
	padding: .75em 1em .5em 1em !important;
	border-width: 2px;
	border-style: solid;
	border-radius: .25em !important;
	background-image: none;
	background-color: transparent !important;
	background: transparent !important;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.2s ease;
}
/* Light BG Button */
.buttonLight, a.buttonLight, input.buttonLight, input[type=submit] {
	color: rgba(202,54,4,1) !important;
	border-color: rgba(202,54,4,1) !important;
}

.buttonLight:hover, .buttonLight:active, .buttonLight:visited, a.buttonLight:hover, a.buttonLight:active, a.buttonLight:visited, input.buttonLight:hover, input.buttonLight:active, input.buttonLight:visited, input[type=submit]:hover, input[type=submit]:active {
	color: rgba(202,54,4,0.7) !important;
	border-color: rgba(202,54,4,0.7) !important;
}

.entry-content a.buttonLight:hover, .entry-content a.buttonLight:active, .entry-content a.buttonLight:visited, .cs-content a.buttonLight:hover, .cs-content a.buttonLight:active, .cs-content a.buttonLight:visited, .x-modal-content a.buttonLight:hover, .x-modal-content a.buttonLight:active, .x-modal-content a.buttonLight:visited {
    color: rgba(202,54,4,0.7) !important;
	border-color: rgba(202,54,4,0.7) !important;
}

/* Dark BG Button */
.buttonDark, a.buttonDark, input.buttonDark {
	color: rgba(255,255,255,1) !important;
	border-color: rgba(255,255,255,1) !important;
}

.buttonDark:hover, .buttonDark:active, .buttonDark:visited, a.buttonDark:hover, a.buttonDark:active, a.buttonDark:visited, input.buttonDark:hover, input.buttonDark:active, input.buttonDark:visited {
	color: rgba(255,255,255,0.7) !important;
	border-color: rgba(255,255,255,0.7) !important;
}

/* Sunset Button */
.buttonSunset, a.buttonsunset, input.buttonSunset {
	font-family: Metric, sans-serif !important;
	font-weight: 700 !important;
	text-align: center;
	white-space: normal;
	/* white-space: nowrap; */
	text-transform: uppercase;
	font-size: .9em;
	display: inline-block;
	margin: .5em !important;
	padding: .75em 1em .5em 1em !important;
	border-width: 0px;
	border-radius: .25em !important;
	background-image: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.2s ease;
}

.buttonSunset, a.buttonSunset, input.buttonSunset {
	color: rgba(255,255,255,1) !important;
	background-color: rgba(237,155,51,1) !important;
}

.buttonSunset:hover, .buttonSunset:active, .buttonSunset:visited, a.buttonSunset:hover, a.buttonSunset:active, a.buttonSunset:visited, input.buttonSunset:hover, input.buttonSunset:active, input.buttonSunset:visited {
	color: rgba(255,255,255,0.8) !important;
	background-color: rgba(237,155,51,0.7) !important;
}

/* Effing Homepage Button */
:is(.home) .custom-header-button-wrapper .custom-header-button {
	font-size: 1.25em;
	margin-top: 2em !important;
	color: rgba(255,255,255,1) !important;
	border-color: rgba(255,255,255,1) !important;
	background-color: transparent !important;
	background: transparent !important;
}

:is(.home) .custom-header-button-wrapper .custom-header-button:hover, :is(.home) .custom-header-button-wrapper .custom-header-button:active, :is(.home) .custom-header-button-wrapper .custom-header-button:visited {
	color: rgba(255,255,255,0.7) !important;
	border-color: rgba(255,255,255,0.7) !important;
	background-color: transparent !important;
	background: transparent !important;
}

body.has-header-image .custom-header-button:hover, body.has-header-video .custom-header-button:hover {
    opacity: none;
}

/* Modal Toggle Transitions */
.x-col a.x-anchor-toggle {
	transition: all 0.2s ease;
}

/* Page Hero Section (not Home or Post) */
.page-hero {
	min-height: 500px !important;
	margin-top: -30px !important;
}

.page-hero h3 {
		font-size: 4em !important;
	}

@media screen and (max-width: 760px) {
	.page-hero h3 {
		font-size: 2.5em !important;
	}
}

/* Post Page Hero */
:is(.single-post) header.site-header div.breadcrumbs, body:is(.single-post) footer.entry-footer,  body:is(.single-post) header .entry-meta .entry-categories.cat-links {
	display: none;
}

:is(.single-post) .page .entry-cover-image .entry-header .entry-title, .single .entry-cover-image .entry-header .entry-title {
	font-size: 2.1em !important;
	font-family: Metric, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
}

:is(.search-results) .entry-title {
	font-size: 1.5em !important;
	font-family: Metric, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
}

:is(.single-post) .page .entry-cover-image .entry-header .entry-meta, .single .entry-cover-image .entry-header .entry-meta {
	font-size: 0.8em !important;
}

@media screen and (max-width: 767px) {
	:is(.single-post) .page .entry-cover-image .entry-header .entry-title, .single .entry-cover-image .entry-header .entry-title {
	font-size: 1.8em !important;
	}
}

/* Pre-Footer */

#pre_footer_left {
	width: 80%;
}

#pre_footer_right {
	width: 20%;
}

@media only screen and (max-width: 868px) {
    #pre_footer_left {
		width: 100% !important;
	}
	#pre_footer_right {
		width: 100% !important;
		padding-top: 1em;
		margin-top: 1em;
		border-top: 1px solid #c0c0c0;
	}
}

#pre_footer_nav {
    line-height: .8em !important;
    font-size: .6em;
}

#pre_footer_nav a {
    color: #c0c0c0 !important;
    text-decoration: none;
}

#pre_footer_nav .title {
    color: #c0c0c0 !important;
    font-size: 1.5em;
	padding-top: 0;
	margin-top: 0;
}

#pre_footer_nav hr {
    color: #c0c0c0 !important;
	border: 0;
	height: 1px;
    padding: 0;
	margin-bottom: 0 !important;
}

#pre_footer_nav div p.menu-item-top {
    font-weight: bold;
    padding: .25em 0;
    margin: 0;
    color: #ffffff !important;
}

#pre_footer_nav div p.menu-item-sub {
    padding: .15em 0;
    margin: 0;
    color: #c0c0c0 !important;
}

#pre_footer_nav div.menu-item {
    padding: 0 .5em .75em .5em;
}

#pre_footer_nav div.menu {
    margin: 0 !important;
}

#pre_footer_nav div ul.sub-menu {
    padding: .5em;
    margin: 0;
}

#pre_footer_nav div ul.sub-menu li {
    padding: .35em 0 .15em 0;
    margin: 0;
    list-style-type: none;
}

#pre_footer_nav div ul.sub-menu li ul {
    padding: .25em 0 0 .5em;
    margin: 0;
    list-style-type: none;
}

#pre_footer_nav div.menu-menu-top-nav-container {
    justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
    #pre_footer_nav div.menu-menu-top-nav-container {
        justify-content: center;
    }
}

/* Custom Footer */

footer.site-footer .footer-widgets, .site-footer-separator {
	visibility: hidden !important;
	display: none;
}

footer .site-info {
	margin: auto 2em !important;
}

footer .inner-wrap {
    max-width: 100% !important;
}

footer .inner-wrap, .wrap {
	padding: 0 !important;
}

.FooterColumn {
    float: left;
    width: 33.33%;
}
  
/* Clear floats after the columns */
.FooterRow:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 760px) {
	.FooterColumn {
      width: 100%;
			text-align: center !important;
  }
	.FooterColumn {
      padding-top: 1em !important;
  }
	.mPaddingTop {
		padding-top: 1em !important;
	}
}

@media screen and (max-width: 1000px) and (min-width: 760px) {
	.FooterColumn span {
      font-size: .6em !important;
  }
}

/* Custom Form Fields */
form input, form textarea {
	padding: .25em .5em;
	margin: .25em;
	border: 1px solid #d9d9d9;
}

form input:focus, form textarea:focus {
	border: 1px solid #ca3604;
	outline: none;
}

/* Stories Subscribe Blocks Form Fields */

div#stdSubscribe form input[type=text]#fName {
	width: 130px;
}

div#stdSubscribe form input[type=text]#lName {
	width: 170px;
}

div#stdSubscribe form input[type=text]#eMail {
	width: 312px;
}

@media screen and (max-width: 760px) {
	div#stdSubscribe form input[type=text]#fName, div#stdSubscribe form input[type=text]#lName, div#stdSubscribe form input[type=text]#eMail {
	width: 95%;
	}
}

/* Blog Post Display Image Fix */
#cs-header .x-image img, #cs-content .x-image img, #cs-footer .x-image img {
	height: 100%;
}

/* GRiT Page Quote */
.entry-content blockquote::after, .entry-content blockquote::before {
	display: none;
}

/* League Page Padding */
div.leaguecontsec {
	padding-top: 1em !important;
	padding-bottom: 1em;
}

.callOutTag {
	font-size: 0.7em !important;
	border-radius: .25em;
}

@media screen and (max-width: 760px) {
	div.leaguecontsec-top2 {
		padding-top: 1em !important;
	}
}

/* Programs Section Homepage */
.programsSec .x-row {
	max-width: 100% !important;
}
.programsSec h3, .programsSec p {
	text-align: left;
}
/* may need adjustment - image dependent */
.programLogo {
	position: absolute;
	width: 250px;
	right: 80px;
	top: -80px;
}

@media screen and (max-width: 760px) {
	.programsSec h3, .programsSec p {
		 text-align: center;
		}
	.programLogo {
		position: absolute;
		width: 250px;
		left: 0; 
  	right: 8px; 
  	margin-left: auto; 
  	margin-right: auto;
		top: -120px;
		}
}

/* Blog Post Customization */
.page .entry-content, .page .entry-header .inner-wrap, .page:not(.inspiro-front-page) .entry-footer, .single .entry-content, .single .entry-footer, .single .entry-header .inner-wrap {
  max-width: 1600px;
	padding-left: 1.7em;
	padding-right: 1.7em;
}

/* Stories Page Transition Fix */
:is(#cs-content, #cs-footer) .mbrf-8 {
  filter: grayscale(100%);
	transition-duration: 300ms;
}

:is(#cs-content, #cs-footer) .mbrf-8:hover {
  filter: grayscale(0%);
	transition-duration: 300ms;
}

/* STR Form Container */
#STRForms form {
	min-width: 100% !important;
	height: 100% !important;
	resize: both;
	position: relative;
	z-index: 2;
}

#STRForms form iframe {
	width: 100% !important;
	min-width: 1200px;
	min-height: 1850px !important;
	border: none;
}

#STRForms form .visuallyhidden {
  visibility: hidden;
}

#STRForms form.hideInit {
  display: none;
}

@media screen and (max-width: 760px) {
	#STRForms form img {
		width: 100px !important;
	}
	#STRForms .formTitle {
		font-size: .7em !important;
	}
	#STRForms form iframe {
	min-width: 100% !important;
	min-height: 2300px !important;
	}
}

.x-icon-o-calendar-check.circle {
	margin-top: .5em !important;
}