/*
	Theme Name: KACC
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700&display=swap');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:500 16px/1.4 'Montserrat', Helvetica, Arial, sans-serif;
	color:#232323;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#232323;
	text-decoration:none;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
span.text-bold,
p strong {
	font-weight:700;
}
span.text-italic {
	font-style: italic;
}

p a:hover {
	color:#D98E32;
}

p.lrg-text {
	font-size:1.1em;
}

span.text-orange {
	color:#D98E32;
}

/*------------------------------------*\
    HEADER/SIDEBAR
\*------------------------------------*/
header {
	position:fixed;
	width:300px;
	height:100%;
	background:#fff;
	box-sizing: border-box;
	-webkit-box-shadow: 4px 0px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 0px 4px 0px rgba(0,0,0,0.1);
	box-shadow: 4px 0px 4px 0px rgba(0,0,0,0.1);
	z-index:1001;
}

/*h1 {
	font-size:25px;
	margin:65px 0 0 40px;
	font-weight:500;
	line-height:1.1;
}

h1 span.text-bold {
	display:block;
}*/

a#logo {
	width:200px;
	height:107px;
	/*background:url(/wp-content/themes/kacc/img/logo.png) left top no-repeat;
	background-size:100% auto;*/
	float:left;
	margin:65px 0 0 40px;
}

a#logo img {
	width:100%;
	display:block;
}

nav {
	margin-top:65px;
	width:100%;
	height:auto;
	float:left;
}

nav a {
	width:100%;
	padding:11px 40px;
	border-top:1px solid #efefef;
	display:block;
	transition:all .2s linear;
	border-left:0px solid #232323;
}

nav a:last-of-type {
	border-bottom:1px solid #efefef;
}

nav a:hover {
	border-left:8px solid #454545;
	background-color:#f8f8f8;
}

nav a.active {
	border-left:8px solid #D98E32;
	font-weight:700;
	color:#D98E32;
	background:#efefef;
}

a#menu-btn {
	width:40px;
	height:24px;
	z-index:1001;
	position:absolute;
	right:4%;
	top:33px;
	display:none;
}

a#menu-btn:hover .burger-line {
	background:#D98E32;
}

.burger-line {
	height:4px;
	background:#232323;
	position:absolute;
	right:0;
	width:100%;
}

#burger-2 {
	top:50%;
	margin-top:-2px;
}

#burger-3 {
	bottom:0;
}

#header-social {
	position:absolute;
	bottom:40px;
	left:40px;
	z-index:0;
}

#header-social h5 {
	font-size:13px;
	display:block;
	margin-bottom:10px;
	font-weight:500;
	text-transform: uppercase;
}

#featured-event {
	width:auto;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:20px;
	right:0;
	/*border:1px solid #efefef;*/
	background:#D98E32;
	-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
    padding:10px 15px;
    transition:.35s all linear;
    z-index:1000;
}

#featured-event:hover {
	background:#AF6E27;
}

/*#featured-event h5 {
	padding:10px 15px;
	border-bottom:1px solid #efefef;
	background:#efefef;
	color:#fff;
	font-size:15px;
	margin:0;
	text-transform:uppercase;
}*/

#featured-event h6 {
	margin:0;
	font-size:14px;
	color:#fff;
}

#featured-event p {
	font-size:13px;
	margin:0;
	color:#fff;
}

#footer-social {
	float:right;
	margin:30px 40px;
}

#header-social a:hover,
#footer-social a:hover,
#contact-social a:hover {
	opacity:.6;
}

/*#footer-social .facebook {
	background-image:url(/wp-content/themes/kacc/img/facebook-icon.svg);
}

#footer-social .instagram {
	background-image:url(/wp-content/themes/kacc/img/instagram-icon.svg);
}*/

#header-social .facebook,
#contact-social .facebook,
#footer-social .facebook {
	background-image:url(/wp-content/themes/kacc/img/facebook-icon-dark.svg);
}

#header-social .instagram,
#contact-social .instagram,
#footer-social .instagram {
	background-image:url(/wp-content/themes/kacc/img/instagram-icon-dark.svg);
}

#contact-social a,
#header-social a,
#footer-social a {
	width:20px;
	height:20px;
	background-size:100% auto;
	background-position: center center;
	float:left;
	margin-right:13px;
	
}

#contact-social a {
	margin-top:5px;
}

#footer-social a {
	margin-right:0;
	margin-left:10px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
p {
	line-height:1.7;
}

p,ul {
	margin:0 0 25px;
	float:left;
	width:100%;
}


ul li {
	line-height:1.7;
}

ul {
	padding-left:40px;
}

.col ul,
.col p {
	clear:both;
}

h1,
h2 {
	font-size:38px;
	margin:0 0 35px;
	line-height:1.1;
	text-transform:uppercase;
	color:#232323;
}

h1::after,
h2::after {
	content:'';
	width:95px;
	height:3px;
	background-color:#D98E32;
	display:block;
	margin-top:35px;
}


h3 {
	font-size:20px;
	margin:0 0 25px;
	text-transform:uppercase;
}

h4 {
	font-size:17px;
	margin:0;
}

h3 span.text-italic {
	font-weight:500;
	display:block;
	font-size:.75em;
	text-transform:none;
}

#wrapper {
	width:100%;
	padding-left:300px;
	background:#fff;
	box-sizing: border-box;
	float:left;
	height:auto;
	overflow:hidden;
}

.row {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}

.row>img {
	width:100%;
}

#intro-row {
	min-height:570px;
}

.light-grey-ground {
	background:#f8f8f8;
}

.col-20 {
	width:20%;
}

.col-100 {
	width:100%;
}

.category-gallery .col-20 {
	height:auto;
	box-sizing: border-box;
	width:19.92%;
	margin-right:.1%;
}

.category-gallery .col-20:last-of-type {
	margin-right:0;
}

.category-gallery img {
	width:100%;
}

.border-bottom {
	border-bottom:1px solid #efefef;
}

.col {
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
}

.col-50 {
	width:50%;
}

.col-66 {
	width:66.66%;
}

.col-33 {
	width:33.33%;
}

#homepage-gallery {
	height:700px;
}

.image-col {
	background-size:cover;
	background-position: center center;
}

.absolute-col-50,
.absolute-col-33 {
	position:absolute;
	width:50%;
	height:100%;
	left:0;
	top:0;
}

.absolute-col-33 {
	width:33.33%;
}

.absolute-col-50:nth-child(2n+2){
	left:50%;
}

#right-side {
	right:0;
	left:auto;
}

.height-50 {
	position:absolute;
	width:100%;
	height:50%;
	background-size:cover;
	background-position: center center;
	left:0;
	top:0;
}

.height-50:nth-child(2n+2){
	top:50%;
}

#homepage-gallery-bottom {
	height:600px;
}

.service-link {
	
}

.service-link {
	float:left;
	width:32%;
	margin:10px 2% 35px 0;
	position:relative;
	background:#000;
	height:auto;
	overflow:hidden;
}

.service-link:nth-child(3n+3){
	margin-right:0;
}

.service-link img {
	display:block;
	width:100%;
	transition:.35s all linear;
}

.service-link:hover .link-label{
	/*background-color:#232323;*/
	padding-left:55px;
}

.service-link:hover img{
	transform:scale(1.1);
	opacity:.5;
}

.link-label {
	position:absolute;
	left:0;
	bottom:0;
	padding:9px 20px 10px;
	font-size:20px;
	background:#D98E32;
	color:#fff;
	font-weight:700;
	transition:.35s all linear;
}

.text-block {
	padding:80px 80px 55px;
}

.image-block {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

#top-home-image {
	width:100%;
	height:400px;
	background-image:url(/wp-content/themes/kacc/img/home-image.jpg);
}

#meetup-times {
	position:absolute;
	float:none;
	right:0;
	height:100%;
	background:#efefef;
	padding:80px 4%;
}

#meetup-times h4 {
	margin-bottom:6px;
	float:left;
	width:100%;
}

.meetup-time-row {
	font-size:16px;
	margin-bottom:5px;
	float:left;
	width:100%;
}

.meetup-day {
	width:100%;
	float:left;
	white-space: nowrap;
}

.meetup-time {
	width:50%;
	float:left;
	text-align:right;
	white-space: nowrap;
}

a.meetup-btn,
a.poster-link {
	font-size:16px;
	font-weight:700;
	color:#fff;
	background:url(/wp-content/themes/kacc/img/btn-arrow.svg) right center #D98E32 no-repeat;
	background-size:auto 25%;
	padding:13px 60px 13px 20px;
	float:left;
	clear:both;
	width:auto;
	margin-bottom:35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height:1.4;
	transition:.35s all linear;
	text-transform:uppercase;
}

a.meetup-btn {
	margin-top:10px;
}

a.poster-link-featured {
	font-size:12px;
	margin-top:15px;
	padding:0 35px 0 0;
	background:url(/wp-content/themes/kacc/img/btn-arrow-nopadding.svg) right center no-repeat;
	background-size:auto 80%;
	font-weight:700;
	float:left;
	transition: .25s all linear;
	color:#fff;
}

a.poster-link-featured:hover {
	padding-right:45px;
}

a.meetup-btn:hover,
a.poster-link:hover {
	background-color:#AA6821;
}

footer {
	width:100%;
	height:80px;
	background:#fff;
	border-top:1px solid #efefef;
	float:left;
}

p.copyright {
	margin:26px 40px;
	float:right;
	font-size:13px;
	width:auto;
}

#events {
	background:#efefef;
}

#classes {
	background:#ddd;
}

#classes-expand {
	margin-top:20px;
	float:left;
}

.event-block {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
	background:#fff;
	padding:35px 35px 5px;
}

.event-block h4 {
	font-size:22px;
	margin:0 0 15px;
}

.event-block p {
	margin-bottom:25px;
}

#contact-details {

}

#google-map {
	position:absolute;
	width:50%;
	height:100%;
	background:#ccc;
	left:50%;
	background:url(/wp-content/themes/kacc/img/map.jpg) center center no-repeat;
	background-size:cover;
}

/*------------- FAQs - START ----------------------*/

.collapse-expand {
	width:100%;
	border:1px solid #ddd;
	border-bottom:none;
	height:auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    clear:both;
    margin-bottom:25px;
}

.question-answer,
.collapse-reason {
	border-bottom:1px solid #ddd;
}

.question {
	padding:15px 60px 15px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:700;
    font-size:20px;
    line-height:1.5;
    background:url(/wp-content/themes/kacc/img/expand-arrow.png) right center #fff no-repeat;
    background-size:auto 7px;
    cursor:pointer;
    height:auto;
    overflow:hidden;
    color:#232323;
}

.class-subtitle {
	font-size:.8em;
	font-weight:500;
	display:block;
}

.question:hover {
	background-color:#dadada;
}

.question.expanded {
	background-color:#D98E32;
	border-color:#D98E32;
	color:#fff;
}



.question.expanded {
	background-image:url(/wp-content/themes/kacc/img/expand-up.png);
}

.question h3 {
	line-height:26px;
	margin-top:7px;
}

.answer {
	background:#fff;
	padding:0;
	height:0;
	overflow:hidden;
}

.collapse-reason .answer {
	background-position:95% center;
	background-repeat:no-repeat;
	background-size:50px auto;
}

.answer-wrapper {
	padding:50px 50px 25px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:auto;
    overflow:hidden;
    background:#efefef;
}

.answer p.collapse-block,
.answer ul.collapse-block {
	margin-bottom:50px;
	clear:both;
	max-width:750px;
}

.collapse-reason .answer p.collapse-block {
	margin-left:40px;
	margin-right:40px;
}

/*------------- FAQs - END ------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-height:670px) {
	/*h1 {
		margin-top:40px;
	}*/

	a#logo {
		margin-top:40px;
	}

	nav {
		margin-top:40px;
	}

	nav a {
		padding-top:9px;
		padding-bottom:6px;
	}

	#header-social {
		left:25px;
		bottom:25px;
	}
	
}

@media only screen and (max-height:540px) {
	/*h1 {
		margin-top:25px;
	}*/

	a#logo {
		margin-top:20px;
		width:180px;
		height:96px;
	}

	nav a {
		font-size:14px;
	}

	nav {
		margin-top:20px;
	}

}

@media only screen and (max-height:490px) {
	#header-social {
		display:none;
	}
}


@media only screen and (max-width:1650px) {
	/*.category-gallery .col-20 {
		height:220px;
	}*/

	#intro-row {
		min-height:0;
	}

	.event-block {
		padding:25px 25px 5px;
	}

	.event-block h4 {
		font-size:18px;
	}
}

@media only screen and (max-width:1400px) {
	/*.category-gallery .col-20 {
		height:180px;
	}*/

}

@media only screen and (max-width:1300px) {
	body {
		font-size:14px;
	}

	h2,
	h1 {
		font-size:35px;
	}

	h3 {
		font-size:16px;
	}

	.text-block {
		padding:50px 50px 35px;
	}

	#meetup-times {
		padding:50px 4%;
		position:relative;
		float:right;
		height:auto;
	}

	#meetup-times p {
		font-size:12px;
	}

	.link-label {
		font-size:16px;
	}

	a.meetup-btn,
	a.poster-link {
		font-size:11px;
	}

	header {
		width:240px;
	}

	#wrapper {
		padding-left:240px;
	}

	/*h1 {
		margin-left:25px;
		font-size:23px;
	}*/

	a#logo {
		width:160px;
		height:85px;
		margin-left:25px;
	}

	nav a {
		padding-left:25px;
	}

	/*#featured-event {
		padding:10px;
		
	}

	#featured-event h6{
		font-size:13px;
	}

	#featured-event p {
		font-size:12px;
	}*/

	a.poster-link-featured {
		font-size:11px;
	}

	#top-home-image {
		width:100%;
		height:300px;
	}

	#homepage-gallery {
		height:550px;
	}

	#homepage-gallery-bottom {
		height:400px;
	}
}

@media only screen and (max-width:1200px) {
	/*.category-gallery .col-20 {
		height:150px;
	}*/
}

@media only screen and (max-width:1000px) {
	.col-50 {
		width:100%;
	}

	header {
		width:100%;
		height:95px;
		-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
	}

	#wrapper {
		padding-left:0;
		padding-top:95px;
	}

	nav {
		display:none;
	}

	#header-social {
		top:35px;
		bottom:auto;
		right:12%;
		left:auto;
		display:block !important;
	}

	/*#featured-event {
		position:fixed;
		width:100%;
		bottom:0;
		left:0;
		-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	display:block !important;
	}*/

	nav {
		margin-top:17px;
		background:#444;
	}

	nav a {
		color:#efefef;
		border-top:1px solid #333;
		padding:10px 4% 12px;
		font-size:15px;
	}

	nav a:last-of-type {
		border-bottom:none;
	}

	nav a:hover {
		background-color:#343434;
		border-left:8px solid #efefef;
	}

	nav a.active {
		background:#232323;
	}

	a#logo {
		width:114px;
		height:60px;
		margin:17px 0 0 4%;
	}

	/*h1 {
		margin:15px 0 0 4%;
		font-size:20px;
	}*/

	a#menu-btn {
		display:block;
	}

	body {
		font-size:13px;
	}

	h2,
	h1 {
		font-size:30px;
		margin-bottom:25px;
	}

	h2::after,
	h1::after {
		width:65px;
		height:2px;
		margin-top:25px;
	}

	h3 {
		font-size:15px;
	}

	#google-map {
		width:100%;
		height:300px;
		position:relative;
		float:left;
		left:auto;
	}

	#contact-details {
		margin-left:0;
		padding-bottom:50px;
		width:100%;
	}

	/*.link-label {
		font-size:13px;
		bottom:10px;
	}*/

	#homepage-gallery {
		height:500px;
	}

	#homepage-gallery-bottom {
		height:350px;
	}

	p.copyright {
		margin-right:4%;
	}

	#footer-social {
		margin-right:4%;
		margin-left:0;
	}

	.text-block {
		padding:50px 4% 35px;
	}
	
}

@media only screen and (max-width:800px) {
	/*.category-gallery .col-20 {
		height:125px;
	}*/
}

@media only screen and (max-width:700px) {
	.col-66 {
		width:100%;
	}

	.text-block {
		padding:50px 4% 35px;
	}

	#meetup-times {
		width:100%;
		position:relative;
		float:left;
		padding:50px 4%;
		background:#efefef;
	}

	#meetup-times p {
		clear:both;
	}

	a.meetup-btn {
		clear:both;
		margin-bottom:0;
	}

	.absolute-col-33 {
		width:100%;
		position:relative;
		float:left;
		height:350px;
	}

	h2,
	h1 {
		font-size:25px;
	}

	.question {
		font-size:16px;
	}

	.answer-wrapper {
		padding:25px 25px 0;
	}

	.event-block h4 { 
		font-size:16px;
	}

	#header-social {
		right:15%;
	}

	footer {
		height:60px;
	}

	p.copyright {
		margin:16px 4%;
	}

	#footer-social {
		margin:20px 4%;
	}

	#featured-event h6 {
	font-size:12px;
	}

#featured-event p {
	font-size:11px;
	
}

}

@media only screen and (max-width:550px) {
	.col-33 {
		width:100%;
	}

	/*.service-link {
		width:33.33%;
	}

	.link-label {
		font-size:12px;
		padding:5px 15px;
		bottom:0;
	}

	.service-link:hover .link-label {
		padding-left:20px;
	}*/

	#homepage-gallery {
		height:300px;
	}

	#homepage-gallery-bottom {
		height:250px;
	}

	.text-block {
		padding:40px 4% 20px;
	}

	#meetup-times {
		padding:40px 4%;
	}

	#top-home-image {
		height:200px;
	}

	

	.category-gallery .col-20 {
		width:19.6%;
		margin-right:.25%;
	}

	#header-social {
		right:17%;
	}

	footer {
		height:70px;
	}

	p.copyright {
		font-size:10px;
		margin-top:23px;
	}

	#footer-social {
		margin-top:25px;
	}

	

	.event-block {
		padding:20px 20px 0;
	}

	.absolute-col-33 {
		height:250px;
	}

	.question {
		font-size:14px;
		padding:10px 60px 10px 15px;
	}

	.answer-wrapper {
		padding:15px 15px 0;
	}

	p,ul {
		margin-bottom:20px;
	}

	.service-link {
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
}

@media only screen and (max-width:450px) {
	/*.category-gallery .col-20 {
		height:70px;
	}*/
}



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}