.fluff {
    background: url(../images/wave-top.svg);
}
header.fusion-header-wrapper {
	padding-top:0; /* header 1 - 12px */
}

header.fusion-header-wrapper::after {
    background: url(../images/wave-top@2x.png);
    background-size: cover;
    background-position: bottom;
    position: absolute;
	height: calc(100% + 48px);
    z-index:-1
}

header.fusion-header-wrapper .fusion-header {
/*     background: url(../images/2019-sea-mystic-card@0.5x.png); */
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: calc(50% - 100px) center;
}

.fusion-header-wrapper .fusion-logo {
	max-width: 70%;
}

.fusion-header-v2 .fusion-header, .fusion-header-v3 .fusion-header, .fusion-header-v4 .fusion-header, .fusion-header-v5 .fusion-header {
	border-bottom: none !important;
}

.callout {
	color: #032A5B !important;
}

.callout-large{}

.callout-medium.fusion-title{
	margin-bottom:20px !important;
}

.callout-small{
	max-width:80%;
	font-size:2em;
	margin:0px auto 20px auto !important;
}

.flex-center .fusion-column-wrapper {
    display: flex;
	margin-left: auto;
	margin-right: auto;
}

.flex-center .fusion-column-wrapper > * {
	margin: 36px;
}

.flex-center .fusion-column-wrapper > * {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 200px;
}

.flex-center .fusion-column-wrapper .fusion-clearfix {
    display: none;
}

.flex-center .fusion-text p {
    margin: 0;
}

.fusion-footer-widget-area > .fusion-row > .fusion-widget-area{
	display:flex;
	align-items:baseline;
	max-width:1100px !important;
	margin: 0 auto;
}

.fusion-row{
	max-width:none !important;	
}

/*
 *	For the Purchase page, there was no side margin
 *	so the content was right against the edge of the viewport
 */
.less-than-full{
    max-width: 90% !important;
    margin: 80px auto 0px auto;
}

.fusion-layout-column .fusion-column-wrapper{
	width:100%;
}

#main{
	padding:0;
}

.dt-header{
	border-top: 20px solid #DCAF06;
	border-bottom: 20px solid #DCAF06;
	background-image: url(https://mystic.org/wp-content/uploads/2019/04/Downtown-Mystic-1.jpg);
	background-position: center 65% !important;
	background-size:cover;
}

.dt-center{
	font-size:28px;
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0%);
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
    padding-top:20px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:20px;
    background: #fff;
    text-align: center;
	line-height:1;
	color:#516C93;
}

/*
 * The image on the homepage isn't centered in it's
 * block so this is to fix that
 */
.pass_card_fix{
	display:block;
	margin:36px auto;
}

/*
 * This is the only solution to fix the text color on the 
 * buy now button on the purchase page, because avada loves important
 * tags.
 */
.fusion-button.button-1 .fusion-button-text{
	color:#032A5B !important;
	font-weight:bold;
}

.fusion-button.button-1:visited .fusion-button-text{
	color:#032A5B !important;
}

/*
 * Layouts use floats which is janky in avada
 * so this is just going to be a quick
 * layout modification
 */
.split-medium{	
	margin:10px;
}

.split-medium-container{
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction:row;
}

nav.fusion-mobile-nav-holder.fusion-mobile-menu-text-align-center {
    position: absolute;
    width: calc(100vw + 30px);
/*     left: -30px; */
	    left: 0px;
    padding: 0px 0px;
/*     margin: 0; */
/*     background: lightgray; */
    top: 20px;
}


/*
 *	Because there was a margin-bottom of
 *  50px because avada is amazing so I removed
 *  it using it's favorite tag
 */
#content{
	margin-bottom: 0px !important;
}

.slider-title--label {
 color: #032A5B !important;
 margin: 0 auto;
 width: 70%;
 padding: 16px 0;
 text-align: center;
 text-transform: uppercase;
 font-size:68px !important;
}

.slider-label-wrapper {
 position: relative;
 top: -82px;
 margin-bottom: -82px;
 z-index: 30;
 background: rgba(255,255,255,0.8) !important;
}

.slider-label-wrapper .fusion-layout-column {
 margin: 0 !important;
}

/** 
 * Mobile viewports
 */
@media only screen and (max-width: 768px) {
	.split-medium-container{
		flex-direction:column;
	}
	
	header.fusion-header-wrapper .fusion-header {
		/*     background: url(../images/2019-sea-mystic-card@0.5x.png); */
		/*     background-repeat: no-repeat; */
	    background-size: 100px;
    	background-position: calc(50% + 28px) 8px;
	}
	
	header.fusion-header-wrapper::after {
	    height: calc(100% + 6vw);
	}
	
	.slider-label-wrapper {
		 top: unset;
		 margin-bottom: unset;
	}
	.slider-title--label{
		font-size:58px !important;
	}
	
}

/* make the card in the header a link */
#menu-main-menu .menu-item.graphic-card {
	    position: absolute;
    left: calc(-50vw + 277px);
    z-index: 99999;
    display: block;
    padding-right: 0;
    
}

#menu-main-menu .menu-item.graphic-card a:link{
    background: url(/wp-content/themes/Avada-Child-Theme/assets/images/2019-sea-mystic-card@0.5x.png);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: center;
    height: 121px;
    width: 200px;
    font-size: 0;
    color: transparent;
}

nav.fusion-main-menu {
    overflow: initial;
}