/*
 Theme Name:   Carbon Child
 Theme URI:    https://codestag.com/themese/carbon
 Description:  Carbon Child Theme
 Author:       Hamilton Steele
 Author URI:   http://priztats.com
 Template:     carbon
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  carbon-child
*/
.front-page-cont {
	min-width: 100vw;
	min-height: 60vh;
}

body.page-template-homepage {
/*	max-height: 100vh;
	max-width: 100vw;
	overflow: hidden;
	background-color: black;*/
	margin: 0;
	background-color: #000;
}

div.call_to_action {
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	max-width: 35rem;
	min-height: 100%;
	background-color: black;
	padding: 5rem 3rem;
	color: white;
	transform: translateX(100%);
	transition: 1s transform;

}

div.call_to_action.slide_left {
	transform: translateX(0%);
	transition: 1s transform;

}
@media (max-width: 775px) {
	div.call_to_action.slide_left {
		display: none;
	}
}

.cta_cont {
	/*margin-top: 37vh;*/
}

.cta_cont .cta_image {
	display: block;
	max-height: 36vh;
	margin-right: auto;
	margin-left: auto;
}

div.call_to_action h1.cta_title,
div.call_to_action .cta_desc {
	font-weight: 900;
	font-size: 2.4rem;
}

div.call_to_action h1.cta_title {
	color: #fedb31;
	font-size: 5rem;
}

div.call_to_action div.cta_desc {
	margin: 0 0 5rem 0;
}

div.call_to_action div.cta_desc a, div.call_to_action div.cta_desc a:link, div.call_to_action div.cta_desc a:visited {
	color: #ffdd00;
}

div.call_to_action div.cta_desc a:hover, div.call_to_action div.cta_desc a:active {
	color: white;
}

.main_logo_cont {
	top: 50%;
	left: 50%;
	margin-top: -10vh;
	margin-left: -37.5vw;
	position: absolute;
	/*top: 50%;
	margin-top: -15rem;
	left: 50%;
	margin-left: -20rem;*/
	display: block;
	width: 75vw;
	height: 37vh;
	transition: width 1s, height 1s, margin-left 1s;
}

.logo_slide {
	width: 50vw;
	height: 25vh;
	margin-left: -45vw;
	transition: width 1s, height 1s, margin-left 1s;
}

@media (max-width: 775px) {
	.logo_slide {
		width: 75vw;
		height: 37vh;
		margin-left: -40vw;
	}
}

.front-page-cont .enter {
	position: absolute;
	width: 75vw;
	bottom: 20vh;
	text-align: left;
	margin-top: 40rem;
	left: 13vw;
}

.front-page-cont .enter a {
	font-size: 7rem;
	font-weight: 900;
	text-align: right;
	text-transform: lowercase;
	color: black;
}


.page-template-homepage .font-page-cont {
	padding: 60px;
}

.page-template-homepage .front-page-cont .page {
	margin-top: 20%;
}



.page-template-homepage video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('http://treymcintyre.com/image/wp-content/uploads/2013/12/09water09.jpg');
	background-size: cover;
	transition: 1s opacity;
	object-fit: cover;
}

.dynamic-bg-image {
  background-size: contain;
  webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-repeat: no-repeat;
  /*background-position: 50% 50%;*/
}

.page-template-homepage .page {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#supersized li img {
	object-fit: cover;
}

/* This is the custom CSS to fix the board of directors on the NON-PROFIT page. If you do give the Stag Theme people a call/send an email, show them this code... */
.board_directors_gallery .gallery-columns-5.gallery-size-thumbnail {
	display: flex;
	flex-wrap: wrap;
}

.board_directors_gallery .gallery-columns-5.gallery-size-thumbnail .gallery-item {
	width: 17%;
	margin: 0 3% 3% 0;
	display: inline-block;
}

.instagram-widget.thumbnail img {
	max-width: 85px;
}