﻿/* CSS Document - leisuretime centre */


/*body {
	/*fancy theme overrides*/
	font-family: 'Avenir LT Std';
}

h1, h2, h3 {
	font-family: 'Avenir LT Std';
	word-break: break-word;
	letter-spacing: -0.03em;
	word-break: break-word;
}*/


/*.lead {
	font-family: 'Brandon Grotesque';
	font-weight: bold;
	letter-spacing: -0.02em;
}*/


h2, h3, .news h3 {
	border-color: #5BCBF5 !important;
	padding: 10px 0px 10px 0px;
}

h2, h3, .related-sidebar h3, .related h3 {
	border-color: #dd1c1d;
}

.navbar-header {
	display: none !important;
}

.navbar-custom .navbar-nav > li > a {
	font-weight: bold;
}

/*header style*/

.fw-title h1 {
	color: white;
	position: relative;
	margin: 0px 0px 0px;
	font-size: 43px;
	line-height: 46px;
	font-weight: 900;
	letter-spacing: 0.08em;
}


.fw-title a:hover {
	color: white;
	text-decoration: underline;
}

.fw-title a:visited {
	color: #fff;
}


.fw-title h1, .fw-subtitle {
	/*font-family: 'Brandon Grotesque';*/
	text-transform: uppercase;
	word-break: break-word;
	color: #fff;
}

.cc-header {
	position: relative;
	overflow: hidden;
	background: #63b692;
}

	.cc-header .container {
		position: relative;
	}

.cc-cont {
	position: relative;
	padding: 25px 0px;
	width: 100%;
}

.cc-svg-l, .cc-svg-r {
	position: absolute;
}

.cc-svg-l {
	right: -180px;
	bottom: 0;
}
/*.cc-svg-r {
        display: none;
    }*/
.cc-svg-w {
	z-index: 3;
}

.cc-svg-c {
	z-index: 4;
}

.cc-svg-w polygon {
	fill: #fff;
}

.cc-svg-c polygon {
	fill: #63b692;
}

.cc-bg {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #5d7e81;
	background-size: cover;
	background-position: center;
	
}

.cc-cont-logo {
	position: relative;
	max-width: 483px;
}

.cc-logo {
	position: absolute;
	display: block;
}

	.cc-logo:focus {
		background-color: rgba(0, 82, 153, 0.3);
		outline: none;
	}

.cc-logo-nwm {
	height: 100%;
	width: 25%;
	top: 0px;
	left: 0px;
}

.cc-logo-cogg {
	height: 70%;
	width: 64%;
	top: 16%;
	right: 0px;
}

@media (min-width: 768px) {
	.cc-cont {
		width: 470px;
		padding: 40px 0px 30px;
	}

	.cc-bg {
		width: calc(((100% - 720px) / 2) + (720px - 475px));
		background-image: url(https://www.geelongaustralia.com.au/common/public/images/balyang/balyang-par3-md.jpg);
	}

	.fw-title h1 {
		font-size: 40px;
		line-height: 40px;
		margin: 0px 0px 0px;
	}
}

@media (min-width: 992px) {
	.cc-cont {
		padding: 45px 0px 35px;
	}
	/*.cc-svg-r {
            display: block;
            top: 0;
            right: -204px;
        }
        .cc-bg {
            width: calc(100% - 416px);
            right: -115px;
        }*/
	.cc-bg {
		width: calc(((100% - 940px) / 2) + (940px - 475px));
		background-image: url(https://www.geelongaustralia.com.au/common/public/images/balyang/balyang-par3-md.jpg);
	}

	.fw-title h1 {
		font-size: 40px;
		line-height: 40px;
		margin: 0px 0px 0px;
	}
}

@media (min-width: 1200px) {
	.cc-cont {
		padding: 50px 0px 40px;
	}

	/*.cc-svg-r {
            top: 0;
            right: -105px;
        }
        .cc-bg {
            width: calc(100% - 442px);
            right: -89px;
        }*/
	.cc-bg {
		width: calc(((100% - 1140px) / 2) + (1140px - 475px));
		background-image: url(https://www.geelongaustralia.com.au/common/public/images/balyang/balyang-par3-2.jpg);
	}

	.fw-title h1 {
		font-size: 43px;
		line-height: 46px;
		font-weight: 900;
		letter-spacing: 0.08em;
		margin: 0px 0px 0px;
	}
}

@media (max-width: 767px) {
	.cc-cont {
		max-width: 350px;
	}

	.cc-bg {
		max-width: calc(100% - 370px);
		background-image: url(https://www.geelongaustralia.com.au/common/public/images/balyang/balyang-par3-2.jpg);
	}

	.fw-title h1 {
		font-size: 28px;
		line-height: 28px;
		margin: 0px 0px 0px;
	}
}

@media (max-width: 600px) {
	.cc-bg {
		background-image: none;
		max-width: calc(100% - 300px);
	}

	.cc-cont {
		max-width: 280px;
		padding: 15px 0px;
	}

	.fw-title h1 {
		font-size: 25px;
		line-height: 25px;
		margin: 0px 0px 0px;
	}
}

@media (max-width: 330px) {
	.cc-bg, .cc-svg-l {
		display: none;
	}

	.cc-cont {
		max-width: 280px;
		padding: 15px 0px;
	}

	.fw-title h1 {
		font-size: 22px;
		line-height: 22px;
		margin: 0px 0px 0px;
	}
}
