@charset "UTF-8";
/* CSS Defined by F3 Designs (March 2019) f3designs.ca */


/* CUSTOM COLOUR PALETTE ================================================================================================ */
/* orange: #F05A26 */
/* black: #222222 */
/* green: #839c48 */
/* grey: #D9D8D6 */


/* CUSTOM FONTS: ADOBE TYPEKIT =========================================================================================== */
/* Calibri (Light, Regular, Bold):
	font-family: calibri, sans-serif;
	font-weight: 300;
	font-weight: 400;
	font-weight: 700;
	

/* MEDIA QUERIES ======================================================================================================== */
/* Smartphones (portrait and landscape)
@media (min-width: 320px) and (max-width: 568px) {
 ...
}
/* Tablets (portrait and landscape)
@media (min-width: 768px) and (max-width: 1024px) {
 ...
}
/* Tablets (portrait)
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
 ...
}
/* Tablets (landscape)
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 ...
}


/* TYPE SELECTORS ======================================================================================================== */
html, body {
	height: 100% !important;
	font-family: calibri, sans-serif;
	font-weight: 400;
	color: #222222;
	-webkit-font-smoothing: antialiased; /* resolves issue with font displaying much bolder than it should in Mac Chrome and Safari */
	-moz-osx-font-smoothing: grayscale; /* resolves issue with font displaying much bolder than it should in Mac Firefox */
	text-align: center !important;
	margin: 0px auto 0px auto !important;
	scroll-behavior: smooth;
}
p {
	margin: 0px auto 30px auto;
	line-height: 24px;
}
h1 {
	text-transform: uppercase;
	font-weight: 700;
	margin: 60px 0px 30px 0px;
	line-height: 30px;
}
h2 {
	text-transform: uppercase;
	padding: 0px 5px 2px 5px;
	border-top: solid 1px #222222;	
	display: inline-block;
	margin-bottom: 20px;
}


/* MISCELLANEOUS CLASSES ================================================================================================== */
/* flex (equalizes col height) */
.flex {
	display: -webkit-flex; /* css3 flexbox (equalizes col height) */
	display: -ms-flexbox;   /* css3 flexbox (equalizes col height */
	display: flex; /* css3 flexbox (equalizes col height */
	overflow: hidden; /* css3 flexbox (equalizes col height */
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.flex {
	display: inline;
}
}
/* Tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
.flex {
	display: inline;
}
}
.container {
}
.container-fluid {
	padding: 0px !important;
}
.row {
	margin: 0px;
}
[class*="col-"] {
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
[class*="col-"] {
}
}
/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
[class*="col-"] {
}
}
.toast {
	position: absolute;
	top: 0;
	left: auto;
	background-color: rgba(34, 34, 34, 0.7);
	color: #ffffff;
	width: 100%;
	padding: 15px 15px 5px 15px;
}
.toast-header {
	font-size: 24px;
}
.toast .close {
	color: #ffffff;
}


/* BUTTONS =============================================================================================================== */
/* btn-default */
.btn-default {
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #222222;
	border-color: #ffffff;
	border-radius: 0px;
	text-shadow: none;
	margin: 30px 15px 30px 15px;
}
.btn-default:link {
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
.btn-default:visited {
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
.btn-default:hover {
	color: #ffffff;
	background-color: #222222;
	border-color: #222222;
}
.btn-default:active {
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
/* btn-social */
.btn-social {
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #222222;
	border-color: #ffffff;
	border-radius: 0px;
	text-shadow: none;
	margin: 30px 15px 30px 15px;
	height: 45px;
	width: 45px;
}
.btn-social:link {
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
.btn-social:visited {
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
.btn-social:hover {
	color: #ffffff;
	background-color: #222222;
	border-color: #222222;
}
.btn-social:active {
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}


/* JUMBOTRON =========================================================================================================== */
.jumbotron {
	background-image: url(../img/bg-jumbotron.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0px;
	width: 100%;
	height: 100%;
	background-position: top;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.jumbotron img {
	margin: 15px auto 30px auto;
	max-width: 200px;
}
}
.jumbotron h1 {
	text-shadow: 0 0 10px #ffffff;
	margin: 0px 0px 30px 0px;
}
.jumbotron h2 {
	text-shadow: 0 0 10px #ffffff;
	border-bottom: solid 1px #222222;
	margin-bottom: 0px;
}
/* Smartphones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 568px) {
.jumbotron h2 {
	font-size: 24px;
}
}


/* CONTENT ============================================================================================================= */
.content-index {
}
/* row1 (derek) */
.content-index .row1 {
	padding: 120px 0px 120px 0px;
}
.content-index .row1 .callout {
	text-transform: uppercase;
	color: #839c48;
	border-top: solid 1px #F05A26;
	padding-top: 15px;
	font-size: 18px;
}
.content-index .row1 .justify {
	text-align: justify;
    text-justify: inter-word;
}
/* row2 (event/register) */
.content-index .row2col1 {
	background-color: #F05A26;	
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.content-index .row2col2 {
	background-color: #D9D8D6;	
	display: flex;
	justify-content: center;
	flex-direction: column;
}
/* row3 (contact/connect) */
.content-index .row3col1 {
	background-color: #D9D8D6;	
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.content-index .row3col2 {
	background-color: #F05A26;	
	display: flex;
	justify-content: center;
	flex-direction: column;
}
/* row4 (instagram) */
.content-index .row4 {
}
/* row5 (thankyou) */
.content-index .row5 {
	background-color: #839c48;
}


/* MODAL =============================================================================================================== */
.modal-body h2 {
	font-size: 22px !important;
	margin: 60px 0px 5px 0px;
}
.modal-body p {
	color: #262626;
	margin: 6px 0px 0px 6px !important;
	font-size: 18px !important;
}
.modal-body a:link {
	color: #222222;
	text-decoration: none;
}
.modal-body a:visited {
	color: #222222;
	text-decoration: none;
}
.modal-body a:hover {
	color: #222222;
	text-decoration: none;
}
.modal-body a:active {
	color: #222222;
	text-decoration: none;
}


/* 404 NOT FOUND ======================================================================================================== */
.notfound {
	height: 100%;
}
.notfound-message {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 360px;
	width: 100%;
	text-align: center;
	color: #000000;
}
.notfound-message img {
	margin: 0 auto !important;
	text-align: center !important;
}