@CHARSET "UTF-8";

@media all and (max-width:1770px){
	section.basic_content, section.basic_content_width, section[class*='frontpage_'] .container{
		padding-right: 10%;
		padding-left: 10%;
	}
}

@media all and (max-width:1600px){
	html,body {
		font-size: 18px;
	}
/*	.navbar {
		padding: 1rem 2rem;
	}
	.navbar-brand img {
		width: 100px;
	}
	
	.navbar a.nav-link {
		padding: .5rem 1rem !important;
	}
	.navbar .navbar-nav {
		margin: 1rem auto;
	}
	
	*/
}

@media all and (max-width:1300px){
	html,body {
		font-size: 16px;
	}
	/*.navbar {
		padding: 1rem 1rem;
	}
	.navbar-brand img {
		width: 80px;
	}
	*/
	.navbar a.nav-link {
		padding: .5rem .5rem !important;
	}
	
	section.basic_content, section.basic_content_width, section[class*='frontpage_'] .container{
		padding-right: 7%;
		padding-left: 7%;
	}
}

@media all and (max-width:991px){
	.navbar-expand-md .navbar-collapse {
	    display: none ;
	}
	.navbar{
		min-height:90px;
	}
		.navbar-toggler{
			position: absolute;
    		top: 7px;
		}
		.navbar-brand{
			position:absolute;
			left:30px;
			top:15px;
		}
		
		.myclub_link {
			right: 100px;
			position:absolute;
		}
		
		.frontpage_padding{
			padding-bottom:30px;
		}
		#navbarSupportedContent{
			position: fixed;
		    width: 100%;
		    height: 100%;
		    top: 46px;
		    left: 0px;
		    background-color: #042c59;
		    overflow-y: auto;
			padding-bottom:70px;
		}
		.navbar .navbar-nav{			
			position:fixed;
			margin:30px 0px 0px -16px;
			padding:30px 30px 150px;
			width:100%;
			height:100%;
			overflow-y: auto;
			background-color: #fff;
		}
			.navbar a.nav-link{
				font-size:1rem;
				padding:1px 0px !important;
			}
			.navbar a.nav-link:hover{
				coslor:rgba(255,255,255,1) !important;
			}
		.navbar .navbar-brand img{
			width:60px;
		}
		.navbar-nav li > .dropdown-menu {
			display: block;
			margin-top:-5px;
			background:transparent;
			border:0px;
		}
			.navbar-nav li > .dropdown-menu  a{
				colsor:rgba(255,255,255,0.7) !important;
				font-size:0.9rem;
			}
				.navbar-nav .dropdown-item{
					padding:1px 10px 1px 20px;
					background:transparent !important;
				}
				.navbar-nav .dropdown-item:hover{
					color:rgba(255,255,255,1) !important;
				}
					.navbar-nav .dropdown-sub-item{
						display:block;
						padding:1px 10px 1px 50px;
						background:transparent !important;
					}
					.navbar-nav .dropdown-sub-item:hover{
						color:rgba(255,255,255,1) !important;
					}
		.header_spacer{
			height:46px;
		}
		.mobile_menu{
			display:block;
			position:absolute;
			right:30px;
			width:32px;
			cursor:pointer;
			z-index:99998;
			top:27px;
			padding-top:4px;
			text-align:right;
			padding-left:0px;
			font-size:0.9em;

		}
			.navbar-toggle {
				display: block;
				float:none;
				width:100%;
				z-index:999;
				border: none;
				text-align:center;
				color:#8296ac;
				font-weight:600;
				background: transparent !important;	
				position:relative;
			}
				.navbar-toggle  .icon-bar {
				  width:100%;
				  max-width: 32px;
				  background-color:#8296ac;
				  height:2px;
				  display:block;
				  margin:6px 0px;
				  transition: all 0.4s;
				}
				.navbar-toggle.open .top-bar {
				  -ms-transform: rotate(45deg);
				  -ms-transform-origin: 0%;
				  -moz-transform: rotate(45deg);
				  -moz-transform-origin: 0%;
				  -webkit-transform: rotate(45deg);
				  -webkit-transform-origin: 0%;
				  transform: rotate(45deg);
				  transform-origin: 0%;
				  max-width:23px;
				}
				.navbar-toggle .top-bar{
					transform: rotate(0);
					-ms-transform: rotate(0);
					-webkit-transform: rotate(0);
				}
				
				.navbar-toggle.open .middle-bar {
				    opacity: 0;
				}
				.navbar-toggle .middle-bar{
					opacity: 1;
				}
				
				.navbar-toggle.open .bottom-bar {
				  -ms-transform: rotate(-45deg);
				  -ms-transform-origin: 0% 100%;
				  -moz-transform: rotate(-45deg);
				  -moz-transform-origin: 0% 100%;
				  -webkit-transform: rotate(-45deg);
				  -webkit-transform-origin: 0% 100%;
				  transform: rotate(-45deg);
				  transform-origin: 0% 100%;
				  max-width:23px;
				}
				.navbar-toggle .bottom-bar{
					transform: rotate(0);
					-ms-transform: rotate(0);
					-webkit-transform: rotate(0);
				}
}

@media all and (max-width:768px){
	
	.fc-listDay-button{display:none;}
	
	/*.top_hero{
		height:auto;
		padding:10%;
	}*/
	footer{
		position:relative;
		bottom:auto;
		font-size: 0.8rem;
		padding: 3rem 1.5rem;
		background-size: auto 17%;
		background-position: 100% 15%;
	}
	footer .col-md {
        text-align: center;
	}
	.footer_logo{
	    float: none;
	    width: 100px;
	    margin: 0 auto;
    }
    .footer_links {
        padding: 0;
    }
	.right_side_block{
		padding-left:15px;
	}
	.feature_box{
		margin-bottom:30px;
	}
	.feature_box img{
		width:100%;
	}
	
	/*.carousel_image {
		display: none;
	}
	
	.carousel_mobile_image {
		display: block;
	}*/
	
	.carousel-item{
		height:300px;
	}
		.carousel-caption {
			bottom:80px;
			padding: 0 1rem;
		}
		.carousel-caption h1, .carousel-caption h2{
			font-size:1.9rem;
		}
		.carousel-caption p{
			font-size:1.1rem;
		}
	.timeline_icon,.timeline_arrow{
		display:none;
	}
	.timeline_block{
		margin-right:0px !important;
		margin-left:0px !important;
	}
	.group_select_container > div{
		margin-bottom:20px;
	}
	
	.notice_popup {
		padding: .5rem;
		font-size: 0.8rem;
	}
	
	.frontpage_mercs {
		background-color:#1849A6;
		padding:2rem 2rem 5rem;
	}
	
	.frontpage_mercs_image {
		display: none;
	}
	.frontpage_mercs_mobile_image {
		display: block;
		margin-bottom: 20px;
	}
	.mercs_content {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
		max-width: none;
	}
	.news_item {
		padding-bottom: 4rem;
	}
	
	.frontpage_lifts {
		display: none;
	}
	
	.frontpage_lifts_mobile {
		display: block;
	}
	
	.feature_box_mobile {
		background-color: #F8A45B;
		padding: 1rem 2rem;
		color:#fff;
		margin-bottom: 1rem;
	}
	
	.feature_box_mobile .row {
		align-items: center;
		flex-wrap: nowrap;
	}
	
	
	.feature_box_mobile img {
		border-radius: 50%;
	}
	
	.feature_box_mobile h3 {
		margin: 0;
	}
	
	.feature_box_mobile .icon {
		font-weight: 700;
		font-size: 2rem;
	}
	
	/*.top_hero {
		display: none;
	}
	.top_hero_mobile {
		display: block;
	}*/
	
	.content_img_box_img {
		padding: 1rem 1rem 0;
	}
	
}

@media all and (max-width:700px){
	tr.fc-list-heading.normal{
		display:none;
	}
	tr.fc-list-heading.weekday{
		display:block;
		width:100% !important;
		margin:0px;
		box-sizing: border-box;
	}
		tr.fc-list-heading.weekday > td{
			display:block;
			float:left;
			width:50%;
			margin:0px;
			box-sizing: border-box;
		}
		tr.fc-list-heading.weekday.others > td{
			width:100%;
		}
	tr.fc-list-heading.weekday:after{content: "";display: table;clear: both;}
	tr.event_container_list, tr.event_container_list > td{
		display:block;
		width:100% !important;
	}
	.event_container_list .event_time{
		border-top: 5px solid #e6e6e6;
		border-left: 0px;
	}
	.event_container_list.type_1 .event_time{
		border-top-color: #00beff;
	}
	.event_container_list.type_2 .event_time{
		border-top-color: #ffc505;
	}
	.event_container_list.type_3 .event_time{
		border-top-color: #16d803;
	}
	.event_container_list.type_4 .event_time{
		border-top-color: #6c6c6c;
	}
	.event_container_list .event_book a {
		float:none;
	}
}

@media all and (max-width:500px){
	section.basic_content, section.basic_content_width, section[class*='frontpage_'] .container{
		padding-left:20px;
		padding-right:20px;
	}
	h1 {font-size: 1.8rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.2rem;}
	h4{font-size: 1rem;}
	.headline {
		margin-top: 1rem;
	}
		
	.feature_box_mobile .row > div{
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.feature_box_mobile h3 {
		font-size: 1rem;
	}
	
	
	
	.content_img_box_content, .grey_box  {
		padding: 1rem;
	}
	
	.ck_content > p, .ck_content > h2, .ck_content > h3, .ck_content > h4, .content-padding{
		padding: 0 1rem;
	}
	
	.ck_content > ul, .ck_content > ol {
		padding-left: 2rem;
	}
	
	.ck_content > table {
		margin-left: 1rem;
	}
	
	.accordion_container {
		padding: 1rem;
	}
}