/* header styling */

.tabsHeader {
	
	padding: 20px;
	background: #608a45;
	text-shadow: -1px 1px #000000;
	margin: 20px -30px;
	width: CALC(100% + 60px);
	color: white;
	font-family: Francois One;
	font-weight: normal;
	text-align: center;
	font-size: 21pt;
	
}

.tabsTopText {
	
	margin: 20px -30px;
	width: CALC(100% + 60px;);
	padding: 30px 50px;
	box-sizing: border-box;
	color: white;
	background: linear-gradient(to right, #32759A, #3190c4);
	font-size: 14pt;
	
}

/* image gallery styling */

.tabsGallery {
	
	width: CALC(100% + 50px);
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-left: -20px;
	
}

.tabsGallery a {
	
	display: block;
	box-sizing: border-box;
	width: 33%;
	padding: 10px;
	color: black;
	text-align: center;
	
}



.tabsGallery a:hover {
	text-decoration: none;
}

.tabsGallery img {
	
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px;
	box-sizing: border-box;
	width: CALC(100% - 20px);
	
}

.infoBox {
	
	padding: 20px;
	margin: 20px auto;
	background: #e3f2ed;
	border: 1px solid #9c875f;
	
}


/* page elements */

.tabsWhiteBG {
	
	max-width: 1200px;
	margin: auto;
	padding: 30px;
	border-radius: 5px;
	background: white;
	padding-top: 10px;
	
	
}

.mobileVersion {
	display: none;
}





/* tab styling */

.tabsContainer {

	display: flex;
	display: -webkit-flex;
	max-width: 1200px;
	margin: auto;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: left;
	webkit-justify-content: left;
	align-items: center;
	-webkit-align-items: center;
	margin-top: 20px;
	padding-left: 15px;
	font-family: 'Varela Round', sans-serif;
	
}

a.tab1, a.tab2, a.tab3, a.tab4, a.tab5, a.tab6, a.tab1Selected, a.tab2Selected, a.tab3Selected, a.tab4Selected, a.tab5Selected, a.tab6Selected {

	display: block;
	padding: 10px 15px;
	color: white;
	border-radius: 15px 15px 0 0;
	font-weight: bold;
	font-size: 12pt;
	transition: all .1s;
	
}

a.tab2, a.tab3, a.tab4, a.tab5, a.tab6, a.tab2Selected, a.tab3Selected, a.tab4Selected, a.tab5Selected, a.tab6Selected {

	margin-left: 4px;
	
}

a.tab1 {
	background: #B40ADF;
}

a.tab1Selected:hover, a.tab2Selected:hover, a.tab3Selected:hover, a.tab4Selected:hover, a.tab5Selected:hover, a.tab6Selected:hover {
	
	text-decoration: none;
	
}

a.tab1Selected {
	
	background: white;
	color: #B40ADF;
	
}


a.tab2 {
	background: #0072FF;
}

a.tab2Selected {

	background: white;
	color: #0072FF;
	
}

a.tab1:hover, a.tab2:hover, a.tab3:hover, a.tab4:hover, a.tab5:hover, a.tab6:hover, a.tab1Selected, a.tab2Selected, a.tab3Selected, a.tab4Selected, a.tab5Selected, a.tab6Selected  {

	padding-bottom: 14px;
	margin-top: -14px;
	margin-bottom: -10px;
	text-decoration: none;
	
}

a.tab1:hover, a.tab2:hover, a.tab3:hover, a.tab4:hover, a.tab5:hover, a.tab6:hover {
	
	color: white;
	
}

a.tab3 {
	background: #E32D7A;
}

a.tab3Selected {

	background: white;
	color: #E32D7A;
	
}

a.tab4 {
	background: #FB8410;
}

a.tab4Selected {

	background: white;
	color: #FB8410;
	
}

a.tab5 {
	background: #27C412;
}

a.tab5Selected {

	background: white;
	color: #27C412;
	
}

a.tab6 {
	background: red;
}

a.tab6Selected {

	background: white;
	color: red;
	
}






/* Media Queries */

/* smart phone portrait */

@media only screen and (max-width: 600px) {

	h1.a3AccommName {
		
		margin: 0 -15px;
		width: CALC(100% + 30px);
		margin-top: 0;
		
	}
	
	.tabsContainer {
		
		margin-top: 10px;
		padding-left: 0;
		
	}
	
	.mobileVersion {
		/*display: block;*/
	}
	

	
	.reviewsList {
		
		margin: auto;
		margin-top: 20px;
		padding: 0;
		
	}
	
	.reviewBox {

		width: 100%;
		
	}
	
	.tabsGallery {
	
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		margin: auto;
		
	}

	
		
	.tabsGallery a {
		
		display: block;
		width: 100%;
		padding: 0;
		text-align: center;
		margin-bottom: 20px;
		
	}
	
	.tabsGallery img {
		
		display: block;
		border: 1px solid #ccc;
		padding: 8px;
		margin: auto;
		width: 100%;
		margin-bottom: 9px;
		
	}
	
	a.tab1, a.tab2, a.tab3, a.tab4, a.tab5, a.tab6, a.tab1Selected, a.tab2Selected, a.tab3Selected, a.tab4Selected, a.tab5Selected, a.tab6Selected, a.tab1:hover, a.tab2:hover, a.tab3:hover, a.tab4:hover, a.tab5:hover, a.tab6:hover {

		font-size: 8pt;
		padding: 5px;
		border-radius: 5px 5px 0 0;
		text-align: center;
		margin: auto;
		
	}
	
	.tabsH1 {

		margin: 0 -15px;
		width: CALC(100% + 30px);
		border-radius: 0;
		font-size: 18pt;
		
	}
	
	.tabsTopText {
		
		padding: 15px;
		font-size: 10.5pt;
		margin: 15px -15px;
		width: CALC(100% + 30px);
		
	}
	
	h2.tabsHeader {
		
		font-size: 17pt;
		text-align: center;
		margin: 15px -15px;
		width: CALC(100% + 30px);
		padding: 10px;
		
	}


	
	.mobbyH2 {
		
		font-size: 14pt;	
		
	}
	
	.tabsWhiteBG {
		padding: 15px;
		border-radius: 0;
	}


}

	
@media only screen and (max-width: 400px) {
	

	
	
}