@import url('https://fonts.googleapis.com/css2?family=Poiret+One&family=Sacramento&display=swap');


/*-----------------------------------------------------------------------------------*/
/*	H E R O
/*-----------------------------------------------------------------------------------*/
/*.hero								{ background: #000; height:100vh; }
.hero > .content					{ padding-top:7rem; }
.hero .column						{ padding-top:0; }

.hero .text-transitioning			{ position:relative; transition: all 1s cubic-bezier(.16,1.08,.38,.98); -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.hero .text-transitioning			{  }*/

.hero-headline						{ display:block; font:1rem/1 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; word-spacing:0.063em; }
.hero-headline.boxed				{ display:inline-block; padding:.5em .8em; line-height:1; text-align:center; white-space:nowrap; vertical-align:baseline; background-color:#3B6EC0; }
.hero-headline.gradient 			{ display:inline-block; padding:.5em .8em; line-height:1; text-align:center; white-space:nowrap; vertical-align:baseline; border:1px solid #ff00c6; -moz-border-image:-moz-linear-gradient(top,#ff00c6 0,#06f 100%); -webkit-border-image:-webkit-linear-gradient(top,#ff00c6 0,#06f 100%); border-image:linear-gradient(to bottom,#ff00c6 0,#06f 100%); border-image-slice:1; }

.hero-subhead						{ display:table; width:100%; }
<!--.hero-subhead .top-section			{ display:table-row; margin-bottom:-15px; font:3rem/1 'Sacramento', Arial, Helvetica, sans-serif; color:#fff; font-size:4vh; }-->
.hero-subhead .top-section			{ display:table-row; margin-bottom:-10px; font:3rem/1 'Poiret One', Arial, Helvetica, sans-serif; color:#fff; font-size:4vh; }
.hero-subhead .mid-section			{ display:block; font:5rem/1 'Poiret One', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-align:right; font-size:8vh; padding-top:5px; }
.hero-subhead .btm-section			{ display:table-row; font:3rem/1 'Poiret One', Arial, Helvetica, sans-serif; color:#fff; text-align:right; font-size:4vh; }

.hero-subheadline 					{ position:relative; font:1.125rem/1 'Roboto', Arial, Helvetica, sans-serif; color:#fff; word-spacing:0.063em; padding:1em 0; }

.hero-blockquote 					{ position:relative; font-family:'Roboto', sans-serif; margin:45px auto; padding:30px 0; width:100%; z-index:1; border-top:2px solid #CAAF45; }
.hero-blockquote p					{ font-size:1rem; color:#fff; padding:0 1em; }

.linear-wipe {
  text-align: center;
  background: linear-gradient(124deg,#ffff00,#ff3860,#ffffa4,#a8a800);
  background-size: 800% 800%;
  color: #ffff00;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 8s ease infinite;
          animation: shine 8s ease infinite;
}


@-webkit-keyframes shine {
	0% { background-position:1% 80% } 50% { background-position:99% 20% } to { background-position:1% 80% } 
}
@keyframes shine { 
	0% { background-position:1% 80% } 50% { background-position:99% 20% } to { background-position:1% 80% }
}


/*   
	remember these are child pages from pyrorific!   

.hero.is-child-page					{ height:auto; }
.hero.is-child-page .wrapper		{ padding:calc(5.56% + 0px) calc(6% + 0px); }
.hero.is-child-page h1				{ font:500 2.500rem/125% 'Russo One', Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:0.063em; }
.super-hero							{ width:100%; height:125px; border:1px dashed white; }

.child-page-background				{ background:url('https://www.pyrorific.com/images/child-page-accent-waves.png') bottom right no-repeat; background-size:contain !important; }

@media (min-width:75rem) and (max-width:100rem) {

}

@media (min-width:30.063rem) and (max-width:50rem) {
	.hero-background-image			{ opacity:0.7; filter:alpha(opacity=70); background-size:cover; }
	.columns.is-tablet 				{ display: flex; }
}

@media (min-width:20rem) and (max-width:30rem) {
	.intro > .content				{ padding-top:4.500rem; }
	.hero-background				{ width:75%; z-index:-1; }
	.hero-background-image			{ background:url('https://www.pyrorific.com/images/pyrorific-mobile-chrysanthemum.png') no-repeat left top; background-size:cover; opacity:0.7; filter:alpha(opacity=70); }
}
*/

.hero-section	{ position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; }
.hero-section	{ -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; }
.hero-section	{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
.hero-section	{ height:100vh; background-color:#000; }

.hero-grid		{ display:-ms-grid; display:grid; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.hero-grid		{ grid-auto-columns:1fr; grid-column-gap:4px; grid-row-gap:16px; -ms-grid-columns:1fr minmax(auto,60%); grid-template-columns:1fr minmax(auto,60%); -ms-grid-rows:auto; grid-template-rows:auto; }
.hero-grid		{ position:relative; width:100%; max-width:1280px; margin-top:20%; }

.hero-content	{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-self:flex-start; margin-top:20%; }
.hero-content	{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.hero-content	{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch; }

.hero-image		{ position:relative; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -ms-grid-column-align:stretch; justify-self:stretch; }
.hero-image		{ grid-auto-columns:1fr; grid-column-gap:16px; grid-row-gap:16px; -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; -ms-grid-rows:auto; grid-template-rows:auto; }
.hero-image		{ background:url('https://www.midtownsoundexpress.com/sandbox/images/wedding-first-dance-700w.jpg') no-repeat center border-box; background-size:contain; min-height:60vh; max-height:100%; }


/* TABLET */
@media (min-width:30.063rem) and (max-width:52rem) {
	.hero-section			{ height:100%; }
	.hero-content			{ margin:16px auto 0; }
	.hero-grid 				{ margin:90px 30px 0; grid-row-gap:30px; -ms-grid-columns:1fr; grid-template-columns:1fr; -ms-grid-rows:auto auto; grid-template-rows:auto auto; width:auto; }
	.hero-headline.gradient	{ display:block; margin-top:24px; }
	.hero-image				{ min-height:40vh; background-position:center top; }
	.hero-blockquote 		{ padding-bottom:0; }
}

/* PHONE */
@media (min-width:20rem) and (max-width:30rem) {
	.hero-section			{ height:100%; }
	.hero-content			{ margin:16px auto 0; }
	.hero-grid 				{ margin:90px 30px 0; grid-row-gap:30px; -ms-grid-columns:1fr; grid-template-columns:1fr; -ms-grid-rows:auto auto; grid-template-rows:auto auto; width:auto; }
	.hero-headline.gradient	{ display:block; }
	/*.hero-image				{ height:400px; background-position:bottom; }*/
	.append-btm-32			{ padding-bottom: 3.000rem!important; }
}