/*
 ----------------------------- 
 These are the Custom styles created by Savio Designs
 https://saviodesigns.com
 Project Manager: Chris Knabenshue

Colors
#67C1AD Teal
#9A4D55 Lavendar

 -----------------------------
*/


/*
*************************************************************
                      SPECIAL ELEMENTS
*************************************************************
*/

body {
	background-image: url("../images/wand_bg.png");
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.magictypesbox
{
font-size:14px; color:#FFF;
background-color: rgba(88,87,85,0.6);
border-radius: 25px;
padding: 10px;
margin: 10px;
}

.testimonial {
	font-size: 1.5em;
	font-weight: bold;
}

.mainvideo {
	max-width: 1250px;
	max-height: 700px;
	margin: auto;
}

#vid {
   position: fixed;
   top: 0px;
   width: 100vw;
   height: 100vh;
   z-index: -1;	
}

.tagline {
	font-family: 'Luckiest Guy', cursive;
	font-size: 2.5em;
	font-weight: 600;
	font-style: italic;
	text-shadow:3px 3px 5px teal;
	
	
}

.second {
	color: white !important;
	border-top:medium;
	border-top-color: #00000;
	border-top-style: groove;
	border-bottom:medium;
	border-bottom-color: #00000;
	border-bottom-style: groove;
}

.footer {
	border-top:medium;
	border-top-color: #67C1AD;
	border-top-style: groove;
}

.shadow {
	text-shadow: 2px 2px 8px #000000 !important;
}

/*
--------------------------------------------------------
 Restrict height of logo image to a maximum of 60px
--------------------------------------------------------
*/
img.z-logo {max-height: 60px;}


/*
*************************************************************
                      FLOATS
*************************************************************
*/

.floatright {
	float: right;
	margin: 0px 0px 16px 20px;
}

.floatright-40 {
	float: right;
	margin: 0px 10px 5px 40px;
}

.floatleft {
	float: left;
	margin: 16px 20px 0px 0px;
}

.floatleft-lr {
	float: left;
	margin: 0px 20px 0px 20px;
}

figure.floatleft {
margin: 16px 20px 0px 0px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.clear {
	clear: both;
}