@charset "utf-8";

/* CSS Document */



@font-face {

font-family: "Elegant Icons";

src: url("fonts/ElegantIcons.eot");

src: 

url("fonts/ElegantIcons.woff") format("woff"),

url("fonts/ElegantIcons.otf") format("opentype"),

url("fonts/ElegantIcons.svg#filename") format("svg");

}







/*-----Theme-----*/

html, body {

	font-family: 'Poppins', sans-serif;

	line-height: 1.6;

	color: #6e6e6e;

}



h1, h2, h3, h4, h5, h6, .display-3 {

	font-weight: 700;

}



h1, h2, h3 {

	color: #271938;

}



.bg-dark {

	background-color: #2e2e2e !important;

}



.social-nav, .social-nav a, .social-group a {

	color: #bfbfbf;

}



.social-nav a:hover, .social-nav a.nav-link:hover, .social-group a:hover {

	color: #E62739;

	text-decoration: none;

	border-color: #E62739;

	background-color: transparent;

}



.list {

	float: left;

	margin: 0 10px;

}



.social-nav .contact-info {

	font-size: 13px;

}



.social-nav .contact-info span, .social-group a, .navbar-toggle-icon, #show-next-image, #show-previous-image {

	font-family: 'Elegant Icons';

}



.social-nav a.nav-link, .social-group a {

	border: 1px solid #ffffff;

	border-radius: 100%;

	font-family: 'Elegant Icons';

	padding: 0;

	text-align: center;

	vertical-align: middle;

	-webkit-transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -ms-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}



.social-nav a.nav-link {

	font-size: 14px;

	width: 25px;

	height: 25px;

	line-height: 22px;

}



.soc-hidden {

	opacity: 0;

	height: 0;

	-webkit-transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -ms-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}



.scrolled {

	background-color: #ffffff !important;

	-webkit-transition: background-color 200ms linear;

    -moz-transition: background-color 200ms linear;

    -ms-transition: background-color 200ms linear;

    -o-transition: background-color 200ms linear;

    transition: background-color 200ms linear;

	transition: background-color 200ms linear;

}



#nav {

	top: 51px;

	-webkit-transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -ms-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}



#nav.scrolled {

	top: 0px;

}



.navbar-toggler {

	border: 0;

}



.navbar-toggle-icon {

	color: rgba(255,255,255, .8);

	font-size: 40px;

}



.navbar-toggle-icon:hover, .navbar-toggle-icon:focus {

	color: rgba(255,255,255, 1);

}



.show {

	background-color: #212121;

	-webkit-transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -ms-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}



.scrolled .show {

	background-color: transparent;

}



.modal.show {

	background-color: transparent;

}

.navbar-dark {
	//background-color: rgba(0,0,0,0.65);
}

.scrolled .navbar-toggle-icon {

	color: rgba(37,33,41,0.8);

}



.scrolled .navbar-toggle-icon:hover, .scrolled .navbar-toggle-icon:focus {

	color: rgba(37,33,41,1);

}



#logo {

	transition: 0.5s ease;
	max-width: 100%;

}



.navbar-brand img {

	max-width: 215px;

}



.nav-link {

	color: #ffffff;

	margin: 0 5px;

	padding: .5rem 1rem;

	margin: 5px;

}





.scrolled .nav-link {

	color: #271938 !important;

}



.scrolled .nav-item.active .nav-link {

	border-color: #271938;

}



#nav .nav-link:hover {

	background-color: #fff;

	color: #252129 !important;

}





.scrolled .nav-link:hover {

	color: #fff !important;

	background-color: #271938;

}



.nav-item.active .nav-link {

	border: 1px solid #ffffff;

}



#nav .nav-link.btn-primary {

	color: #fff !important;

}
  
#item1 h1, #item2 h1, #gnw h1, #item4 h1, #amist h1, #vine h1 {

	//line-height: 32px;

	color: #ffffff;

}



#item1 p {

	margin-top: 1em;

}



.displayType {

	text-decoration: underline;

	text-decoration-color: #E62739;

	line-height: 0px;

}



.btn {

	text-transform: uppercase;	

	border-radius: 0px;

	font-weight: 500;

}



.btn-primary {

	background-color: #4f1782;

	border-color: #4f1782;

	color: #ffffff !important;

}



.btn-primary:hover {

	background-color: #E62739 !important;

	border-color: #E62739;

	color: #ffffff !important;

}



.btn-kickstarter {

	background-color: #05ce78;

	border-color: #05ce78;

	color: #ffffff;

}



.btn-kickstarter:hover {

	background-color: #E62739;

	border-color: #E62739;

	color: #ffffff;

}



.ks2:hover {

	color: #ffffff;

	background-color: #05ce78;

	border-color: #05ce78;

}



.carousel-inner.home-banner {

	height: 90vh;

	min-height: 700px;

}

.header-banner {
	bottom: 0;
}



.carousel-inner.page-banner {

	height: 90vh;

	min-height: 700px;

}



.carousel-item {

	height: 100%;

}

.banner-header {
	margin-top: 83px;
	z-index: 1;
	position: relative;
}

.carousel-caption {
	bottom: 0;
	padding-bottom: 0;
}


.carousel-caption h1 {

	font-weight: 700;
	line-height: 1em;
	padding-bottom: 15px;

}

.game-box {
	text-align: right;
}

.game-box img {
	max-width: 100%;
}

.banner-cta {
	text-align: left;
}

.logo {
	max-height: 35vh;
	max-width: 100%;
}



.overlay {

	position: absolute;

    width: 100%;

    height: 100%;

    z-index: 0;

	background-color: rgba(0, 0, 0, 0.5);
	
	bottom: 0;

}



#item1 {

	background-image: url("images/several-vines-top-down.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



#item2 {

	background-image: url("images/aboutBanner.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



#gnw {

	background-image: url("images/enchantment-wizards-bg.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	bottom: 0;

}



#item4 {

	background-image: url("images/family-banner.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



#item5 {

	background-image: url("images/thank-you-dance.mp4");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}

#amist {

	background-image: url("images/amist-metal-background.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}

#vine {

	background-image: url("images/leaves-background.png");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}

.iframe-container {
	position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
	
}

.responsive-iframe {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



.thank-you-dance {

	width: 80%;

	max-width: 570px;

	margin: 0 auto;

	display: block;

}

.dropdown:hover>.dropdown-menu {
  display: block;
}


.modal-button:hover {

	cursor: pointer;

}



.modal-trans-bg .modal-content {

	background-color: transparent;

	border: 0px;

}



.modal-trans-bg .modal-header {

	border: 0px;

	padding: 5px 18px;

    height: 0px;

    z-index: 1000;

}



.nav-screen {

	height: 124px;

	display: block;

	width: 100%;

	background-color: black;

	margin-bottom: 40px;

}



.img-thumbnail {

	border: 0px;

	padding: 0px;

	border-radius: 0px;

}



.img-thumbnail:hover {

	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);

	transform: translate(0%, -1%);

	-webkit-transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -ms-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}



.thumb-2 {

	padding: 20px;

}



.close {

	font-size: 2.5rem;

}



footer {

	padding: 50px 0;

	background-color: #323437;

}



.footer-social {

	text-align: center;

	margin-bottom: 20px;

}



.social-group {

	display: inline-block;

}



.social-group a {

	font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 27px;

}





/*----Content----*/

.page-preview {

	padding: 35px;

}



.content-block {

	padding: 70px 0;

	background-color: #f6f8f9;

}



.block-title {

	margin-bottom: 70px;

	text-align: center;

}



.form-control {

	border-radius: 0;

	border: 2px solid #e1e1e1;

	background: transparent;

	padding: 10px 5px 8px 15px;

	font-size: 13px;

    height: 46px;



}



textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.btn:focus {   

	border-color: rgba(144, 104, 190, 0.8) !important;

	box-shadow: 0 0 0 3px rgba(144, 104, 190, 0.6);

}



.submit-button {

	padding: 7px 60px;

}

.btn-gnw-primary {
	background-color:#89bc38; 
	color:#fff;
}

.btn-gnw-primary:hover {
	background-color:#578c2e;
	color: #fff;
}

.btn-amist-primary {
	background-color:#ED820E; 
	color:#fff;
}

.btn-amist-primary:hover {
	background-color:#B2560D;
	color: #fff;
}

.vine-text, .vine-text h2 {
	color: #2c642b;
}

.vine-bg {
	background-color: #f0ecd6;
}

.btn-vine-primary {
	color:#FFFFFF; 
	background-color:#c97e5b; 
	border-radius:3px; 
	border-width:0px; 
	white-space: nowrap;
}

.btn-vine-primary:hover {
	color:#FFFFFF; 
	background-color:#a56141; 
}



@media only screen and (max-width: 991.98px) {


	.overlay {
		height: 100%;
	}
	
	.navbar-dark {
		background-color: transparent;
	}

	.display-3 {

		line-height: 60px;

	}

}



@media only screen and (max-width: 767.98px) {

	.page-preview {

		padding: 30px;

	}

	

	#item1 h1 {

		font-size: 2.75rem;

	}

	

	.display-3 {

		font-size: 3.7rem;

		line-height: 49px;

	}

	.game-box {
		text-align: center;
	}

	.game-box img {

	}

	.banner-cta {
		text-align: center;
	}
	

}



@media only screen and (max-width: 575.98px) {


	.contact-info {

		display: none;

	}


}



@media (min-width: 992px) {

.navbar-expand-lg .navbar-nav .nav-link {

    padding: .5rem 1rem;

}

}