//
//responsive
//


//HOme

@media (max-width: 1300px){
	.volunteer_section{
		.navigation_cnt{
			.ccol{
				&.ccol-lg-4 {-ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
			}
		}
	}
	.event_card{
		.event_card_cnt{ padding: 10px;
			h3{ margin: 5px 0 10px; font-size: 1.5rem;}
		}
		&:after {padding-bottom: 60%;}
		&.event_card_1:after {
		    padding-bottom: 50%;
		}
		&.event_card_2:after {
		    padding-bottom: 113%;
		}
	}
}

@include breakpoint_max(laptop){
	.event_card{
		.event_card_cnt{
			h3 {margin: 5px 0 10px; font-size: 1.25rem; }
		}
		&:after {padding-bottom: 66%; }
		&.event_card_1:after {padding-bottom: 55%; }
		&.event_card_2:after {padding-bottom: 123%; }
	}
}

@media (max-width: 992px){
	.event_section{
		.ccol{
			&.ccol-lg-2 {-ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
		}
	}
	.event_card{
		.event_card_cnt {padding: 20px; }
		&:after {padding-bottom: 90%;}
		&.event_card_1:after {padding-bottom: 50%; }
		&.event_card_2:after {padding-bottom: 110%; }
	}
	.volunteer_section{
		.ccol{
			&.ccol-lg-6 {-ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%;}
		}
		.navigation_cnt{
			.ccol{
				&.ccol-lg-4 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
			}
		}
	}
	.footer{
		.ccol{
			&.ccol-lg-1 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
			&.ccol-lg-2 { -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
			&.ccol-lg-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
		}
	}
}

@include breakpoint_max(mobileonly){
	.event_section{
		.ml-2{ margin-left: 0; }
		.mr-2{ margin-right: 0; }
	}	
	.event_section{margin-bottom: 2rem; background-size: 250px auto;
		.mb-1{ margin-bottom: 0; }
		h2.mb-1{ margin-bottom: .75rem; }
		.ccol-lg-2{
			.event_card{
				&:last-child{ margin-bottom: 0; }
			}
		}
		.ccol-lg-4{
			.event_card.ml-2, .event_card.mr-2{
				&:last-child{ margin-bottom: 0; }
			}
		}
		.event_card{margin-bottom: 1rem;
			&.mb-2 {margin-bottom: 1rem; }
		}
	}
	.map_area{
		&:after{content: ''; display: block; padding-bottom: 100%;}
		iframe{}
	}
	.volunteer_section{
		.ccol-lg-8, .ccol-lg-4{ padding-left: 0; padding-right: 0; }
	}
}

//HOme

//Banner
@media (max-width: 1300px){
	.bannerslider{
		.ccol{
			&.ccol-lg-4 {-ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
		}
	}
}
@include breakpoint_max(laptop){
	.bannerslider__content{
		h1{font-size: 3rem;}
	}
}
@media (max-width: 992px){
	.bannerslider{
		.ccol{
			&.ccol-lg-4 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
		}
	}
}	
@include breakpoint_max(mobileonly){
	.bannerslider{
		.ccol{
			&.ccol-lg-4{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		}
	}
	.bannerslider__content{
		h1{border-bottom:  none; padding-bottom: 20px;font-size: 2.75rem;}
		.d-flex {display: block; }
		.bannerslider__navigation p{ font-size: 1.125rem;}
	}
	.navigation_cnt{
		.d-flex {display: block; }
	}
	.navigation_cnt{
		h3{ padding-left: 0;
			span{position: relative; left: 0; top: 0; display:block; margin-bottom: 1.5rem; }
		}
		.bannerslider__navigation{margin-left: 0;}
	}
}
//Banner

//Footer
@include breakpoint_max(mobileonly){
	.footer{
		ul {
		    margin-bottom: 1.25rem;
		}
		.brand_logo .img-svg{margin-bottom: 1.25rem;}
	}
}
//Footer

//Topbar
@media (max-width: 767px){
	.banner{ background-position: -500% -15%; background-size: 90% auto;}
	.authentication_link{ display: none;}
	.nav-item.authentication_link{ display: block !important;
		a span{transform: translateY(-10px); right: $g_small}
	}
	.navbar-toggler{ display: block; }
	.navigation{
		.brand_logo{
			a{padding: $g_small $g_small $g_small 0 ; margin-top: 0;}
		}
		.crow{ display: block;
			.crow{ margin: 0; }
		}
		.navbar{
			.nav-item{ margin-top: 0;
				a{ padding:$g_medium  $g_small ; }
			}
		}
		.ccol{
			&.ccol-lg-6{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		}
		#top_navigation{position: absolute; left: 0; right: 0; top: 90px; z-index: 2; height: 0; background: $black;    overflow: hidden;
			&.open{ height: auto; min-height: 100px; }
		}
	}
}
//Topbar

@media (max-width: 1300px){
	.ticket_section{
		.crow{
			&.ticket_area {
				.ccol-lg-4{-ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; }
				.ccol-lg-2{-ms-flex: 0 0 31.25%; flex: 0 0 31.25%; max-width: 31.25%; }
			}
		}
	}
	.small_banner, .inner_nav{
		.ccol-lg-4 {-ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important;}
	}
}

@media (max-width: 992px){
	.ticket_section{
		.crow{
			&.ticket_area {
				.ccol-lg-4{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
				.ccol-lg-2{-ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
			}
		}
	}
}

@media (max-width: 767px){
	.ticket{ margin-bottom: 1.5rem;
		.ticket_cnt{min-height: 480px;} 
	}
}

@include breakpoint_max(mobileonly){
	.heading_1 {font-size: 3rem;}
	.ticket_section{padding-bottom: 4rem;
		.mt-4 {margin-top: 2rem; }
		.ticket h3 {font-size: 2.5rem; }
	}
	.bg_strip2 {top: -10%; width: 40%; }
	.bg_strip1{width: 40%;}
	.ticket_section{
		.crow{
			&.ticket_area {
				.ccol-lg-4, .ccol-lg-2{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
			}
		}
	}
	.ticket{ margin-bottom: 1.5rem;
		.ticket_cnt{min-height: 400px;}
	}
}