/*
Theme Name: Summit Golf
Theme URI: https://golfsummit.com
Author: Justin Benner
Author URI: http://justinbenner.ca
Description: A theme custom built for Summit Golf.
Version: 9999.99
*/

/*RESET*/

	* {
		text-decoration: none;
		box-sizing: border-box;
		color: inherit;
		padding: 0;
		margin: 0;
	}

	body {
		overflow-x: hidden;
	}

/*UTILITY CLASSES*/

	.full {
		width: 100%;
	}

	.center {
		width: 85%;
		margin: 0 auto;
	}

	.flex-row-start-start {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.flex-row-between-stretch {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}

	.flex-row-between-stretch-nowrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
	}

	.flex-row-between-center {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.flex-col-between-stretch {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}

	.flex-row-center-center {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.flex-row-end-center {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
	}

	.flex-col-center-center {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.flex-col-end-end {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.flex-col-start-start {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.flex-col-start-center {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
	}

	.flex-col-end-start {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-start;
	}

	/*FONTS*/

		/*TITLE*/

			.title {
				font-family: "Roboto Slab", sans-serif;
				font-size: 32pt;
				line-height: 1.1;
				font-weight: 700;
				padding-bottom: 15px;
			}

		/*TEXT*/

			.text {
				max-width: 600px;
				font-family: "Roboto", sans-serif;
				font-size: 14pt;
				line-height: 1.5;
			}

		/*SUBHEAD*/

			.subhead {
				font-family: "Roboto Slab", sans-serif;
				font-size: 18pt;
				color: #00795a;
			}

/*BODY REVERSE*/

	#main-body {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}

/*HEADER*/

	header {
		position: fixed;
		z-index: 10001;
		overflow: hidden;
	}

	/*SECTIONS*/

		/*SECTION 1*/

			header section:nth-of-type(1) {
				background: #00795a;
				width: 100px;
				height: 50vh;
				padding-top: 50px;
				z-index: 1000;
			}

			/*MOBILE LOGO*/

				header section #mobile-logo {
					display: none;
				}

				header section #mobile-logo img {
					width: 150px;
					margin: 0 auto;
				}

			/*HAMBURGER*/

				header section #hamburger {
					position: relative;
					z-index: 10001;
					font-size: 24pt;
					text-align: center;
					color: #FFF;
					user-select: none;
					cursor: pointer;
				}

				/*NAV ICON*/

					#nav-icon1 {
						width: 30px;
						height: 45px;
						position: relative;
						-webkit-transform: rotate(0deg);
						-moz-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
						-webkit-transition: .5s ease-in-out;
						-moz-transition: .5s ease-in-out;
						-o-transition: .5s ease-in-out;
						transition: .5s ease-in-out;
						cursor: pointer;
					}

					/*SPAN*/

						#nav-icon1 span {
							display: block;
							position: absolute;
							height: 3px;
							width: 100%;
							background: #FFF;
							border-radius: 5px;
							opacity: 1;
							left: 0;
							-webkit-transform: rotate(0deg);
							-moz-transform: rotate(0deg);
							-o-transform: rotate(0deg);
							transform: rotate(0deg);
							-webkit-transition: .25s ease-in-out;
							-moz-transition: .25s ease-in-out;
							-o-transition: .25s ease-in-out;
							transition: .25s ease-in-out;
						}

						/*CHILDREN*/

							#nav-icon1 span:nth-child(1) {
								top: 0px;
							}

							#nav-icon1 span:nth-child(2) {
								top: 10px;
							}

							#nav-icon1 span:nth-child(3) {
								top: 20px;
							}

						/*OPEN*/

							#nav-icon1.open span:nth-child(1) {
								top: 10px;
								-webkit-transform: rotate(135deg);
								-moz-transform: rotate(135deg);
								-o-transform: rotate(135deg);
								transform: rotate(135deg);
							}

							#nav-icon1.open span:nth-child(2) {
								opacity: 0;
								left: -60px;
							}

							#nav-icon1.open span:nth-child(3) {
								top: 10px;
								-webkit-transform: rotate(-135deg);
								-moz-transform: rotate(-135deg);
								-o-transform: rotate(-135deg);
								transform: rotate(-135deg);
							}

		/*SECTION 2*/

			header section:nth-of-type(2) {
				background: #f1f2f2;
				width: 100px;
				height: 50vh;
			}

			/*ARROWS*/

				header section:nth-of-type(2) #arrows {
					cursor: pointer;
					font-size: 22pt;
					padding-bottom: 25px;
					text-align: center;
				}

				/*ARROWS*/

					header section:nth-of-type(2) #arrows .arrows-up {
						display: block;
						margin-bottom: 15px;
						width: 100%;
						text-align: center;
						transition: .25s ease-out;
					}

					/*HOVER*/

						header section:nth-of-type(2) #arrows span:hover {
							color: #00795a;
							transition: .25s ease-in;
						}

/*FIXED LOGO*/

	#logo {
		position: fixed;
		top: 50px;
		right: 50px;
		z-index: 10000;
	}

	/*IMAGE*/

		#logo img {
			width: 200px;
		}

/*NAV*/

	nav {
		position: fixed;
		z-index: 10000;
		top: 0px;
		margin-left: -100vw;
		width: 100%;
		min-height: 50vh;
		background: #00795a;
		transition: .5s ease-in;
		padding: 50px;
		padding-left: 150px;
	}

	/*MENU HOLDER*/

		nav #menu-holder {
			width: 100%;
			position: fixed;
			left: -100%;
			opacity: 0;
			transition: .5s ease-out;
		}

		/*APPEAR*/

			nav .appear {
				opacity: 1 !important;
				position: relative !important;
				left: 0px !important;
				transition: 1s ease-in-out !important;
			}

		/*LIST*/

			nav ul {
				list-style-type: none;
				columns: 2;
				column-gap: 100px;
				padding-bottom: 25px;
			}

			/*LIST ITEM*/

				nav ul li {
					width: 100%;
					font-family: "Roboto Slab",  sans-serif;
					font-size: 32pt;
					font-weight: bold;
					color: #FFF;
					transition: .25s ease-out;
				}

				/*HOVER*/

					nav ul li:hover {
						color: #ccc;
						transition: .25s ease-in;
					}

		/*ADDRESS*/

			nav #menu-holder #address {
				border-top: 2px solid #FFF;
			}

			/*CONTACT*/

				nav #menu-holder #address .contact {
					margin-top: 25px;
					font-family: "Roboto", sans-serif;
					font-size: 12pt;
					color: #FFF;
				}

			/*SOCIAL*/

				nav #menu-holder #address #social {
					padding-top: 25px;
				}

				/*ITEM*/

					nav #menu-holder #address #social span {
						width: 50px;
						height: 50px;
						border-radius: 50px;
						border: 1px solid #000;
						color: #000;
						background: #FFF;
						margin-right: 15px;
						cursor: pointer;
					}

					/*LAST OF TYPE*/

						nav #menu-holder #address #social span:last-of-type {
							margin-right: 0px;
						}

	/*MENU SHOW*/

		.menushow {
			margin-left: 0px;
		}

/*MAIN*/

	main {
		margin-left: 100px;
		width: calc(100% - 100px);
	}

	/*SECTIONS*/

		/*TITLE AND TEXT BLOCK*/

			.sections-01 {
				position: relative;
				z-index: 10;
				overflow: hidden;
				background: #FFF;
				padding-top: 100px;
			}

			/*IMAGE*/

				.sections-01 .image {
					height: auto;
				}

			/*LINK*/

				.sections-01 a {
					font-family: "Roboto Slab", sans-serif;
					font-size: 14pt;
					color: #00795a;
				}

			/*TEXT*/

				.sections-01 .text {
					padding-bottom: 100px;
				}

		/*PICTURE BLOCK*/

			.sections-02 {
				position: relative;
				z-index: 10;
				height: 100vh;
				overflow: hidden;
			}

			.sections-02 .center {
				padding-bottom: 200px;
			}

			/*TITLE*/

				.sections-02 .center .title {
					color: #FFF !important;
				}

			/*TEXT*/

				.sections-02 .center .text {
					color: #FFF !important;
				}

			/*BUTTON*/

				.sections-02 .center button {
					margin-top: 15px;
					background: none;
					border: 1px solid white;
					padding: 15px;
					font-family: "Roboto Slab", sans-serif;
					font-size: 14pt;
					color: #FFF;
					text-transform: uppercase;
					transition: .25s ease-out;
					cursor: pointer;
				}

				/*HOVER*/

					/*.sections-02 .center button:hover {
						background: #2f2f2f;
						transition: .25s ease-in;
					}*/

		/*HEADSHOT BLOCK*/

			.sections-03 {
				position: relative;
				z-index: 10;
				background: #FAFAFA;
				padding-top: 100px;
				padding-bottom: 100px;
			}

			/*TAB SECTION*/

				.tab {
					width: 500px;
				}

				/*HEADSHOTS*/

					.tablinks {
						margin-bottom: 25px;
					}

					/*BUTTON*/

						.tablinks button {
							width: 250px;
							height: 250px;
							border: none;
							opacity: 0.5;
							cursor: pointer;
							transition: .25s ease-out;	
						}

						/*ACTIVE CLASS*/

							.tablinks.active button {
								opacity: 1;
							}

						/*REMOVE FOCUS ONCLICK*/

							.tablinks button:focus {
								outline: none;
							}

					/*TEXT*/

						.tablinks .text {
							font-family: "Roboto Slab", sans-serif;
							color: #00795a;
							text-align: center;
						}

			/*CONTENT*/

				.content {
					width: calc(100% - 600px);
				}

				/*TITLE*/

					.content .title {
						margin-bottom: 0px !important;
					}

				/*TEXT*/

					.content .text {
						max-width: none;
					}

				/*HIDE CONTENT BY DEFAULT*/

					.tabcontent {
						display: none;
					}

				/*DISPLAY FIRST ROW BY DEFAULT*/

					.tabcontent-default {
						display: block;
					}

		/*WHITE BLOCK*/

			.sections-04 {
				position: relative;
				z-index: 10;
				background: #FAFAFA;
				padding-top: 100px;
				padding-bottom: 100px;
			}

			/*HOLDER*/

				.sections-04 .holder {
					width: 50%;
				}

				/*TEXT*/

					.sections-04 .holder .text {
						max-width: none;
						padding-right: 50px;
					}

				/*LINKS*/

					.sections-04 a {
						font-family: "Roboto Slab", sans-serif;
						font-size: 14pt;
						color: #00795a;
					}

			/*AODA FIX*/

				.page-id-404 .sections-04 .holder {
					width: 85%;
				}

		/*TESTIMONIALS BLOCK*/

			.sections-05 {
				position: relative;
				z-index: 10;
			}

			/*FULL*/

				.sections-05 .sections-05-full {
					height: 50vh;
				}

			/*HALF*/

				.sections-05 .sections-05-half {
					width: 50%;
				}

				/*GREEN BACKGROUND*/

					.sections-05 .sections-05-bg {
						background: #00795a;
					}

				/*OWL CAROUSEL*/

					.sections-05 .owl-carousel .owl-item {
						position: relative;
						z-index: 1;
						padding-top: 25px;
						padding-bottom: 25px;
						min-height: 50vh;
						height: auto;
						display: flex;
						flex-direction: column;
						flex-wrap: wrap;
						justify-content: center;
						align-items: center;
						text-align: center;
					}

					.sections-05 .owl-carousel .owl-item div .text {
						font-family: "Roboto Slab", sans-serif;
						font-size: 22pt;
						margin-bottom: 25px;
						color: #FFF;
						max-width: none;
						opacity: 1 !important;
						padding-left: 50px;
						padding-right: 50px;
					}

					.sections-05 .owl-carousel .owl-item div .author {
						font-family: "Roboto", sans-serif;
						font-size: 12pt;
						color: #FFF;
						max-width: none;
						padding-left: 50px;
						padding-right: 50px;
					}

		/*VIDEO BLOCK*/

			.sections-06  {
				position: relative;
				z-index: 10;
			}

			/*HOLDER*/

				.sections-06 .center {
					position: absolute;
					left: 7.5%;
					bottom: 200px;
				}

				/*TITLE*/

					.sections-06 .title {
						color: #FFF !important;
					}

				/*TEXT*/

					.sections-06 .text {
						color: #FFF;
					}

			/*POSTER*/

				.vjs-poster {
					background-size: cover !important;
					object-fit: cover !important;
					height: 100% !important;
				}

		/*YOUTUBE BLOCK*/

			.sections-07 {
				position: relative;
				z-index: 10;
			}

		/*STAFF BLOCK*/

			.sections-08 {
				position: relative;
				z-index: 10;
				background: #FFF;
				padding-top: 100px;
				padding-bottom: 100px;
			}

			/*HOLDER*/

				.sections-08 .center .holder {
					margin-top: 50px;
				}

				/*SUBHOLDER*/

					.sections-08 .center .holder .subholder {
						width: 31.33333%;
						margin-right: 2%;
						margin-bottom: 2%;
						text-align: center;
					}

					/*PICTURE*/

						.sections-08 .center .holder .subholder .picture {
							height: 350px;
						}

					/*NAME*/

						.sections-08 .center .holder .subholder .name {
							margin-top: 25px;
							font-family: "Roboto Slab", sans-serif;
							font-size: 16pt;
							color: #00795a;
						}

					/*JOB*/

						.sections-08 .center .holder .subholder .job {
							font-family: "Roboto", sans-serif;
							font-size: 14pt;
							color: #00795a;
						}

					/*LINK*/

						.sections-08 .center .holder .subholder a {
							font-family: "Roboto", sans-serif;
							font-size: 14pt;
						}

		/*MAP BLOCK*/

			.sections-09 {
				position: relative;
				z-index: 10;
			}

		/*TIMELINE BLOCK*/

			.sections-10 {
				position: relative;
				z-index: 10;
				padding-top: 100px;
				padding-bottom: 100px;
			}

	/*FOOTER*/

		.footer {
			position: relative;
			z-index: 10;
			background: #000;
			padding-top: 50px;
			padding-bottom: 50px;
		}

		/*SPLIT HOLDER*/

			/*ICONS*/

				.footer .icon {
					background: #fff;
					width: 50px;
					height: 50px;
					border-radius: 50px;
					margin-right: 15px;
				}

				.footer i {
					color: #00795a;
				}

				/*LAST OF TYPE*/

					footer .icon:last-of-type {
						margin-right: 0px;
					}

			/*TEXT*/

				.footer .text {
					max-width: none;
					color: #FFF;
					text-align: right;
				}

/*QUERIES*/

	@media (max-width: 1400px) {

		nav ul {
			padding-bottom: 50px;
		}

		nav ul li {
			font-size: 24pt;
		}

	}

	@media (max-width: 1200px) {

		.tab {
			width: 100%;
			margin-bottom: 25px;
		}

		.tablinks {
			width: 50%;
		}

		.tablinks button {
			width: 95%;
			height: 400px;
		}

		.content {
			width: 100%;
		}

		.sections-08 .center .holder .subholder {
			width: 48%;
			text-align: center;
		}

	}

	@media (max-width: 1150px) {

		#logo img {
			width: 150px;
		}

	}

	@media (max-width: 1000px) {

		.flex-row-between-stretch-nowrap {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: stretch;
		}	

		header {
			position: relative;
			width: 100%;
		}

		header section #mobile-logo {
			display: flex;
			margin-bottom: 10px;
		}

		header section:nth-of-type(1) {
			padding-top: 25px;
			width: 100%;
			height: auto;
		}

		header section:nth-of-type(2) {
			display: none;
		}

		nav {
			padding-left: 25px;
			top: 230px;
			position: absolute;
			height: calc(100% - 230px);
			justify-content: flex-end;
			align-items: center;
		}

		nav ul {
			columns: 1;
		}

		nav ul li {
			font-size: 16pt;
		}

		nav .contact {
			display: none;
		}

		#logo {
			display: none;
		}

		main {
			margin-left: 0px;
			width: 100%;
		}

		.sections-01 {
			padding-top: 50px;
			padding-bottom: 50px;
		}

		.sections-01 .text {
			padding-bottom: 0px;
		}
		
		.sections-02 {
			height: auto;
			padding-top: 100px;
			padding-bottom: 100px;
		}

		.sections-03 {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.sections-04 {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.sections-04 .holder {
			width: 100%;
		}
		
		.sections-04 .holder:nth-of-type(1) {
			margin-bottom: 25px;
		}
		
		.sections-05-full {
			background-attachment: scroll !important;
		}
		
		.sections-05 .sections-05-half:nth-of-type(1) {
			display: none;
		}
		
		.sections-05 .sections-05-half {
			width: 100%;
		}
		
		.sections-05 .owl-carousel .owl-item div .text {
			font-size: 14pt;
		}
		
		.sections-06 {
			height: auto;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.sections-06 .center {
			position: relative;
			top: 0;
			left: 0;
		}
		
		.sections-06 video {
			display: none;
		}
		
		.sections-06 .center .title {
			font-size: 22pt;
		}
		
		.video-js {
			display: none !important;
		}
		
		.sections-08 {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.sections-08 .center .holder .subholder {
			width: 100%;
			margin-bottom: 25px;
			margin-right: 0px;
		}
		
		.sections-10 {
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
		.footer .holder {
			width: 100%;
		}
		
		.footer .icons {
			margin-bottom: 25px;
			justify-content: center !important;
		}
		
		.footer .text {
			text-align: center;
		}

	}

	@media (max-width: 600px) {

		.sections-02 {
			transform: none !important;
		}

		.content {
			margin-bottom: 75px;
		}
		
		.vjs-big-play-button {
			display: none !important;
		}

	}