/*
Theme Name: TWFL
Author: Fat Beehive
Author URI: http://www.fatbeehive.com/
Text Domain: twfl
Version: 1.21
*/

.article-header-summary .button {
    background-color: #000;
    color: #fff;
    margin-top: 2em;
}

.article-header-summary .button:hover {
    background-color: #fff;
    color: #000;
}

.video iframe {
    width: 100%!important;
}

.gfield.opt-in ul {
    margin-top: 1em!important;
}

@media screen and (max-width: 559px) {
    .news .item-image {
        margin: 2em auto;
        width: 250px;
        height: 250px
        /*border-radius: 0;*/
    }

    .news .item-image img {
        width: 250px;
        height: 250px;
    }
}

.sidebar-nav li {
    display: none;
}

.menu-on-root-page>li {
    display: block;
}

.sidebar-block > div > nav > ul > nav > ul > li {
    display: block;
}

.sidebar-nav li.current-menu-item {
    display: block;
}

.sidebar-nav li.current-menu-item * {
    display: block;
}

.sidebar-nav li.current-menu-ancestor {
    display: block;
}

.sidebar-nav li.current-menu-ancestor > ul > li {
    display: block;
}

#sub_cat_div {
    margin-top: .25em;
}

.footer-cta-img img {
    max-width: 530px;
}

@media(min-width: 700px) {
    .footer-details, .footer-nav {
        flex: 0 22.22%;
    }
}

.header-links {
    position: relative;
    z-index: 1;
}

#ccc[dark][slider-optin] .checkbox-toggle {
    background-color: #fff !important;
}


#ccc[slider-optin] .checkbox-toggle-off, 
#ccc[slider-optin] .checkbox-toggle-on {
    color: darkgrey !important;
    font-size: 0.9em !important;
    margin-top: 0 !important;
}

#ccc[dark] #ccc-content {
    background-color: #000 !important;
}

#ccc[dark] .checkbox-toggle-toggle {
   background-color: #000 !important;
}

#ccc[slider-optin] .checkbox-toggle-toggle {
    background-color: #000;
    margin-top: 0 !important;
}

#ccc[dark][slider-optin] .checkbox-toggle {
   border: 4px solid #fff !important;
}

.cookie-popup-launcher {
   border-bottom: 60px solid black;
   border-right: 60px solid transparent;
   transition: ease 0.3s 0s;
}

#ccc-overlay,
#ccc-module {
    margin-top: 0;
}

.ccc-title-new {
    font-size: 21px;
}

#ccc-end button {
    font-size: 14px !important;
}

.wysiwyg-component {
    margin-bottom: 3em;
}

.wysiwyg-component + .footer-cta {
    padding-top: 1em;
}

/* brand colors */
#ccc[light] .ccc-button-solid {
    background-color: #FE7808 !important;
    border-color: #FE7808 !important;
}

ul.dropdown  {min-width:180px!important;}

@media screen and (min-width: 960px) {
.footer-cta-info {
    flex: 0 50%;
}}

@media screen and (min-width: 700px) {
	#mc_embed_signup form .mc-field-group {width: 90%!important;}
}
.main-section {
	background: #fff!important;
	position: relative;
}


/*

.intro video {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}


@media screen and (max-width: 500px) {
    .intro video {
        display: none;
    }
}

*/
@media(max-width: 1024px) and (min-width: 768px){
	.hero-image+.hero-header{
		padding-top: 35vw;
	}
}

@media screen and (max-width: 1024px) {
	
/* video background adjustments for mobile / ipad */

	.page-id-5 .intro {
		background-image:url('https://www.twowheelsforlife.org/wp-content/uploads/2024/10/intro-bg-mobile-1.jpg')!important;
		background-position: center;
		background-repeat: no-repeat !important;
		height: auto !important;
		margin-bottom: 12%;
	}
	
	.page-id-9 .intro {
		background-image:url('https://www.twowheelsforlife.org/wp-content/uploads/2025/02/day-of-champions-mobile-background-1.jpg')!important;
		background-size: cover;
	}
	
	
	.intro {
		background-position: center;
		background-repeat: no-repeat !important;
		height: auto !important;
		margin-bottom: 12%;
	}
	
	/*
	.hero-header {
    position: absolute;
    z-index: 2;
    bottom: 0;
}
	*/
	
	.intro-info {
    	background-color: rgba(99, 47, 13, 0.5);
	}
	.intro-shape {
		display:none!important;
	}
	.intro-img {
		display:none!important;
	}
	 .strip {
		background:none!important;
		display: none;
	}
	
	/* homepage stats responsive adjustments */
	
	.stats-outer .stats-icon {
    	height: 100px;
    	max-width: 125px;
    	margin-left: 0px;
}
	
	.stats-outer .stats-heading {
    	font-size: 4em;
    	margin: 0;
    	padding: .2em 0em 0 0;
    	align-content: flex-start;
}
}

.intro video {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

/* footer newsletter image adjustment */


@media screen and (max-width: 960px) {
	.footer-cta-img {
    min-width: 320px;
}
}

@media screen and (max-width: 360px) {
	.header .tagline {
		 font-size: 1.3em;
	}
}


.page-id-9038 .sidebar-block .sidebar-nav ul.sidebar-nav-list.sub-list.subnav_level1 {
    display: none;
}