/* Gobal */
.wolf-core-row {
	width: 100%;
	max-width: 100vw;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	//overflow: hidden;
	padding: 80px 0; // default padding
	//z-index: 2;
}

.wolf-core-row-content {
}

.wolf-core-row-is-fullwidth {
	padding: 0;
}

.wolf-core-row-is-large {
	padding: 50px 0;
}

.wolf-core-row-bg-video-parallax,
.wolf-core-row-bg-effect-parallax,
.wolf-core-row-bg-transparent,
.wolf-core-row-bg-slideshow {
	background-color: transparent !important;
	background: none !important;

	.wolf-core-img-bg {
		//opacity: 0;
	}
}

.wolf-core-row-bg-effect-fixed {
	& > .wolf-core-img-bg {
		//position:fixed;
	}
}

.wolf-core-row-bg-effect-blur {
	overflow: hidden;

	& > .wolf-core-img-bg {
		filter: blur(6px);
		transform: scale(1.05);
	}

	&.fp-section > .fp-tableCell > .wolf-core-img-bg {
		filter: blur(6px);
		transform: scale(1.05);
	}
}

.wolf-core-column-bg-effect-blur {
	overflow: hidden;
	& > .wolf-core-img-bg {
		filter: blur(6px);
		transform: scale(1.05);
	}
}

// .wolf-core-is-mobile{
// 	.wolf-core-img-bg-marquee-aux{
// 		display: none;
// 	}
// }

//.wolf-core-is-desktop{
.wolf-core-row-bg-effect-marquee,
.wolf-core-column-bg-effect-marquee {
	.wolf-core-img-bg {
		overflow: visible;
		//max-width: none;
		//width: auto;
		//width: 200%;
		//transform:translate3d(-50%,0,0);
		animation-name: marquee-background;
		animation-duration: 44s;
		//animation-duration:11s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0s;
		//animation-fill-mode:forwards;
		display: flex;
		align-items: center;

		img {
			//min-height: 100%;
			max-width: none;
			width: auto;
			vertical-align: middle;
		}

		.wolf-core-img-bg-marquee-aux {
			//transform:translate3d(99.5%,-100%,0);
		}
	}

	&.wolf-core-row-bg-marquee-stretch {
		.wolf-core-img-bg {
			//align-items:stretch;

			img {
				min-height: 100%;
			}
		}
	}

	&.wolf-core-row-bg-marquee-top {
		.wolf-core-img-bg {
			align-items: flex-start;
		}
	}

	&.wolf-core-row-bg-marquee-middle {
		.wolf-core-img-bg {
			align-items: center;
		}
	}

	&.wolf-core-row-bg-marquee-bottom {
		.wolf-core-img-bg {
			align-items: flex-end;
		}
	}
}

.wolf-core-row-bigtext-marquee {
	.wolf-core-row-bigtext-content {
		overflow: visible;
	}

	.wolf-core-element {
		//display: inline-block;
		width: 100vh;
		//max-width: none;
		//width: auto;
		//width: 200%;
		//transform:translate3d(-50%,0,0);
		animation-name: marquee1;
		animation-duration: 33s;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-delay: 0s;
	}

	.wolf-core-element:last-child {
		animation-name: marquee2;
		padding-left: 50px;
		//transform:translate3d(99.5%,-100%,0);
	}
}
//}

@keyframes marquee-background {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes marquee1 {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes marquee2 {
	from {
		// transform: translateX(0%);
		transform: translate3d(0, -100%, 0);
	}
	to {
		// transform: translateX(-200%);
		transform: translate3d(-200%, -100%, 0);
	}
}

.wolf-core-row-bg-transparent,
.wolf-core-row-bg-slideshow {
	& > .wolf-core-img-bg {
		opacity: 0;
	}
}

.wolf-core-background-color-transparent {
	background-color: transparent !important;

	& > .wolf-core-img-bg {
		background-color: transparent !important;
	}

	&.wolf-core-row-bg-effect-marquee > .wolf-core-img-bg {
		background-color: transparent !important;
	}
}

.wolf-core-row-full-height {
	min-height: 100vh;
}

.wolf-core-row-wrapper {
	position: relative;
}

// fix safari?
.wolf-core-is-apple {
	.wolf-core-row-full-height.wolf-core-row-layout-block {
		.wolf-core-img-bg-overlay {
			height: 100vh;
		}
		.wolf-core-row-wrapper {
			overflow: hidden;
		}
	}
}

/* Box shadow */
.wolf-core-row-box-shadow {
	padding-bottom: 80px !important;

	.wolf-core-row-wrapper {
		box-shadow: 0px 15px 44px 0 rgba(0, 0, 0, 0.14);
	}
}

/* Boxed row width */
.wolf-core-row-width-boxed,
.wolf-core-row-width-boxed-large,
.wolf-core-row-width-boxed-small {
	padding: 0;
	.wolf-core-row-wrapper {
		@include wrap();
		padding: 35px;
	}
}

.wolf-core-row-width-boxed-large {
	.wolf-core-row-wrapper {
		max-width: none;
	}
}

.wolf-core-row-width-boxed-small {
	.wolf-core-row-wrapper {
		max-width: 750px;
	}
}

/* Row content width */
.wolf-core-row-wrapper-width-full {
	width: 100%;
}

.wolf-core-row-wrapper-width-standard {
	@include wrap();
}

.wolf-core-row-wrapper-width-small {
	@include wrap();
	max-width: 750px;
}

.wolf-core-row-wrapper-width-large {
	@include wrap();
	width: 92%;
	max-width: none;
}

/* No padding for block layout by default */
.wolf-core-row-layout-block {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;

	.wolf-core-row-wrapper {
		width: 100%;
		align-self: stretch;
	}

	.wolf-core-columns-container {
		width: 100%;
		align-self: stretch;
	}

	.wolf-core-column-container {
		height: 100%;
		//display: flex;
		align-self: stretch; // force column stretch
	}

	.wolf-core-column {
		//height: 100%; // nope causing block overlapping on mobile
	}

	.wolf-core-column-inner {
		align-self: center;
	}

	// In case sticky column is set, cancel the equal height stuff
	&.wolf-core-no-equal-height {
		.wolf-core-column {
			align-self: flex-start;
			height: auto;
		}

		.wolf-core-column-container {
			height: auto;
		}

		.wolf-core-row-wrapper {
			align-self: flex-start;
		}

		.wolf-core-row-content {
			align-items: flex-start;
		}

		.wolf-core-column-container {
			align-self: flex-start;
		}
	}
}

/* Equal height */
.wolf-core-row-column-equal-height-yes {
	.wolf-core-row-content {
		align-items: stretch;
	}
}

/* Equal height wide */
.wolf-core-row-width-wide {
	.wolf-core-row-column-equal-height-yes {
		align-self: stretch;
	}
}

.wolf-core-row {
	align-items: center;
}

.wolf-core-row-content {
	align-items: flex-start;
}

.wolf-core-row-content {
	display: table;
	width: 100%;
	height: 100%;
}

.wolf-core-columns-container {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

/* Full height & min height CONTENT position */
.wolf-core-row-full-height,
.wolf-core-row-min-height {
	display: flex; // set display flex by default

	.wolf-core-column {
		align-self: center;
	}

	&.wolf-core-row-inner {
		align-items: center; // default inner row content position
	}

	// Blocks
	&.wolf-core-row-layout-block {
		.wolf-core-column {
			//height: 100%;
		}
	}

	& > .wolf-core-row-wrapper {
		align-self: stretch;
	}

	.wolf-core-row-column-equal-height-yes {
		.wolf-core-row-wrapper,
		&.wolf-core-row-wrapper {
			align-self: stretch;
		}
	}

	&.wolf-core-row-columns-placement-middle {
		.wolf-core-row-wrapper {
			align-self: center;
		}
	}

	&.wolf-core-row-columns-placement-top {
		.wolf-core-row-wrapper {
			align-self: flex-start;
		}
	}

	&.wolf-core-row-columns-placement-bottom {
		.wolf-core-row-wrapper {
			align-self: flex-end;
		}
	}

	&.wolf-core-row-columns-placement-stretch {
		.wolf-core-row-wrapper {
			align-self: stretch;
		}
	}
}

.fp-section {
	&.wolf-core-row-columns-placement-middle {
		.wolf-core-row-wrapper {
			align-self: center !important;
		}
	}

	&.wolf-core-row-columns-placement-top {
		.wolf-core-row-wrapper {
			align-self: flex-start !important;
		}
	}

	&.wolf-core-row-columns-placement-bottom {
		.wolf-core-row-wrapper {
			align-self: flex-end !important;
		}
	}

	&.wolf-core-row-columns-placement-stretch {
		.wolf-core-row-wrapper {
			align-self: stretch !important;
		}
	}
}

/* COLUMN CONTENT placement default setting that can be overwritten on each column */
.wolf-core-row-content-placement-top {
	.wolf-core-row-content .wolf-core-column-inner {
		align-self: flex-start;
	}
}
.wolf-core-row-content-placement-middle {
	.wolf-core-row-content .wolf-core-column-inner {
		align-self: center;
	}
}
.wolf-core-row-content-placement-bottom {
	.wolf-core-row-content .wolf-core-column-inner {
		align-self: flex-end;
	}
}

/* Scroll down arrow */
.wolf-core-arrow-down {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -6px;
	z-index: 5;
	transition: all 0.2s;
	cursor: pointer;

	&:before {
		font-size: 24px;
		font-family: FontAwesome;
		content: '\f107';
	}

	&:hover {
		//bottom: 5px;
	}

	&.wolf-core-arrow-down-alignement-left {
		left: 44px;
		right: auto;
	}

	&.wolf-core-arrow-down-alignement-right {
		left: auto;
		right: 44px;
	}
}

.wolf-core-row-has-sticky-player {
	.wolf-core-arrow-down {
		bottom: 60px;
	}
}

.wolf-core-arrow-down-text {
	text-align: center;
	position: absolute;
	display: inline-block;
	opacity: 0;
	top: -30px;
	left: 50%;
	transition: 0.44s ease;
	transform: translateX(-50%);
	width: 250px;
}

.wolf-core-arrow-down:hover {
	.wolf-core-arrow-down-text {
		top: -35px;
		opacity: 1;
	}
}

.wolf-core-no-next-section {
	.wolf-core-arrow-down {
		display: none !important;
		height: 0;
		visibility: hidden;
	}
}

.wolf-core-row-sticky-player-container .wpm-sticky-playlist-container {
	position: absolute;
}

/* One column parent row */
.wolf-core-row-one-column > .wolf-core-row-wrapper > .wolf-core-row-content {
	width: 100% !important;
	margin-left: 0 !important;
}

/* Big Text Background */
.wolf-core-row-bigtext-container {
	display: block;
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	text-align: center;

	.wolf-core-element {
		//max-width: 92%;
		margin: 0 auto 0;
	}

	.wolf-core-bigtext {
		user-select: none;
		cursor: default;
		max-width: none !important;
	}
}

.wolf-core-row-bigtext-content {
	width: 100%;
	height: auto;
	max-width: 2000px;
	min-width: 1000px;
	position: absolute;
	transform: translate3d(-50%, -50%, 0);
	left: 50%;
	top: 50%;
}

.wolf-core-row-big-text-vertical-align-middle .wolf-core-row-bigtext-content {
}

.wolf-core-row-big-text-vertical-align-top .wolf-core-row-bigtext-content {
	top: 0;
	transform: translate3d(-50%, 0, 0);
}

.wolf-core-row-big-text-vertical-align-bottom .wolf-core-row-bigtext-content {
	bottom: 0;
	top: auto;
	transform: translate3d(-50%, 0, 0);
}

/* YT video bg mute button */
.wolf-core-row-video-bg-mute-button-container {
	position: absolute;
	left: 25px;
	bottom: 25px;
	z-index: 9999;
}

.wolf-core-row-video-bg-mute-button {
	cursor: pointer;
}

.wolf-core-row-video-bg-mute-default {
	display: block;
	width: 50px;
	height: 50px;
	background: #000;
}

.wolf-core-row-has-sticky-player {
	.wolf-core-row-video-bg-mute-button-container {
		bottom: 100px;
	}
}

/* Volume "Equalizer" */
$eq_w: 44px;
$eq_half: $eq_w / 2;
$eq_margin: 12px;
.wolf-core-bg-video-mute-equalizer {
	overflow: hidden;
	height: 50px;
	width: 50px;
	margin: 0 auto;
	position: relative;
	//background:#000;
	//padding: 10px!important;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 9999em;
	transition: all 0.2s ease;
}

.wolf-core-bg-video-mute-equalizer-bar {
	height: 6px;
	width: 3px;
	display: inline-block;
	background-color: #fff;
	bottom: 0;
	bottom: 13px;
	top: auto;
	position: absolute;
	animation-duration: 0.44s;
	animation-play-state: running;
	animation-direction: alternate;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.wolf-core-bg-video-mute-equalizer-bar-1 {
	left: $eq_margin + 0;
}

.wolf-core-bg-video-mute-equalizer-bar-2 {
	left: $eq_margin + 7px;
}

.wolf-core-bg-video-mute-equalizer-bar-3 {
	left: $eq_margin + 14px;
}

.wolf-core-bg-video-mute-equalizer-bar-4 {
	left: $eq_margin + 21px;
}

//.wolf-core-video-bg-is-unmute{

.wolf-core-bg-video-mute-equalizer-bar-1 {
	animation-name: moveHeight1;
	animation-delay: 0.1s;
}

.wolf-core-bg-video-mute-equalizer-bar-2 {
	animation-name: moveHeight3;
	animation-delay: 0.2s;
}

.wolf-core-bg-video-mute-equalizer-bar-3 {
	animation-name: moveHeight4;
	animation-delay: 0.3s;
}

.wolf-core-bg-video-mute-equalizer-bar-4 {
	animation-name: moveHeight2;
	animation-delay: 0.4s;
}
//}

.wolf-core-video-bg-is-unmute {
	.wolf-core-bg-video-mute-equalizer {
		border-color: rgba(255, 255, 255, 0.8);
	}
}

@keyframes moveHeight1 {
	from {
		height: 1px;
	}
	to {
		height: 22px;
	}
}
@keyframes moveHeight2 {
	from {
		height: 1px;
	}
	to {
		height: 15px;
	}
}
@keyframes moveHeight3 {
	from {
		height: 1px;
	}
	to {
		height: 17px;
	}
}
@keyframes moveHeight4 {
	from {
		height: 1px;
	}
	to {
		height: 24px;
	}
}

.wolf-core-is-mobile {
	.wolf-core-bg-video-mute-equalizer {
		display: none;
	}
}

/*Shape divider */
.wolf-core-shape-divider {
	position: absolute;
	width: 100%;
	left: 0;
	height: 25%; // default height
	pointer-events: none;

	svg {
		width: 100%;
		height: 100%;
		left: 50%;
		position: absolute;
		transform: translatex(-50%);
	}
}

.wolf-core-sd-preserve-ratio {
	svg {
		width: auto;
	}
}

.wolf-core-sd-svg-flip {
	transform: rotateZ(180deg) translatex(-50%);
}

.wolf-core-sd-flip {
	transform: scaleX(-1) translateZ(0) !important;
}

.wolf-core-sd-invert {
	transform: translatex(-50%) scaley(-1);
}

.wolf-core-sd-position-top {
	top: -1px;
	transform: rotate(-180deg);

	img,
	svg {
		top: 1px;
	}
}

.wolf-core-sd-position-bottom {
	bottom: -1px;

	img,
	svg {
		bottom: -1px;
	}
}

.wolf-core-sd-type-custom {
	//background-size: cover;
	background-repeat: repeat-x;
	.wolf-core-sd-position-top {
		background-position: center top;
	}

	.wolf-core-sd-position-bottom {
		background-position: center bottom;
	}
}

.wolf-core-row-inner-wrapper {
	position: relative;
	width: 100%;
}

.wolf-core-row-inner-wrapper-width-standard {
	max-width: 1140px;
	margin: 0 auto;
}

.wolf-core-row-inner-wrapper-width-small {
	max-width: 750px;
	margin: 0 auto;
}

.wolf-core-row-inner-content {
	width: 100%; // force full width in flex layout
}

/* Inner row default bottom margin */
.wolf-core-row-inner {
	position: relative; // 1.9.9
	padding-bottom: 35px; // default padding bottom
}

.wolf-core-row {
	.wolf-core-row-inner:last-child {
		padding-bottom: 0;
	}
}

.wolf-core-row-inner-column-equal-height-yes {
	.wolf-core-row-inner-content {
		align-items: stretch;

		.wolf-core-column {
			align-self: center;
		}

		.wolf-core-column-container {
			height: 100%;
		}
	}
}

// to do
.wolf-core-row-inner-layout-block {
	.wolf-core-column-container {
		//padding: 4em;
	}
}

.wolf-core-column-bg-video-parallax,
.wolf-core-column-bg-effect-parallax,
.wolf-core-column-bg-transparent,
.wolf-core-column-bg-slideshow {
	background-color: transparent !important;
	background: none !important;
}

.wolf-core-column-inner {
	width: 100%;
	position: relative;
	z-index: 5;
}

.wolf-core-column-link-mask {
	display: block;
	position: absolute;
	z-index: 6;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.wolf-core-column {
	position: static !important;
	width: 100%; // default width for grid
}

.wolf-core-column-container {
	z-index: 0;
	position: relative;
	display: flex;
	width: 100%;
}

.wolf-core-column-wrapper {
	width: 100%;
	margin: 0 auto;
}

/* Default padding when background is there */
.wolf-core-column-has-fill {
	padding: 35px;
}

/* Box shadow style */
.wolf-core-column-style-box-shadow {
	padding: 30px;
	box-shadow: 0px 15px 33px 0 rgba(0, 0, 0, 0.14);
}

/* Boxed style */
.wolf-core-column-style-boxed {
	padding: 30px;
	transition: all 0.3s ease;
	transform: translateY(0);

	&:hover {
		transform: translateY(-4px);
	}
}

/* Alignment */
.wolf-core-column-content-alignment-left {
	.wolf-core-column-wrapper {
		margin-left: 0;
	}
}

.wolf-core-column-content-alignment-right {
	.wolf-core-column-wrapper {
		margin-right: 0;
	}
}

/* Text Alignment */
.wolf-core-column-text-alignment-left {
	text-align: left;
}

.wolf-core-column-text-alignment-center {
	text-align: center;
}

.wolf-core-column-text-alignment-right {
	text-align: right;
}

/* Column content placement */
.wolf-core-row-column-equal-height-,
.wolf-core-row-column-equal-height-no {
	.wolf-core-column-content-placement-top {
		align-self: flex-start;
		//vertical-align: top;
	}

	.wolf-core-column-content-placement-middle {
		align-self: center;
		//vertical-align: middle;
	}

	.wolf-core-column-content-placement-bottom {
		align-self: flex-end;
		//vertical-align: bottom;
	}
}

.wolf-core-row-column-equal-height-yes,
.wolf-core-row-layout-block {
	.wolf-core-column-content-placement-top .wolf-core-column-inner {
		align-self: flex-start;
	}

	.wolf-core-column-content-placement-middle .wolf-core-column-inner {
		align-self: center;
	}

	.wolf-core-column-content-placement-bottom .wolf-core-column-inner {
		align-self: flex-end;
	}
}

/* Default bottom margin on mobile */
.wolf-core-row-layout-column {
	.wolf-core-column {
		margin-bottom: 35px;
	}

	.wolf-core-column:last-child {
		margin-bottom: 0;
	}
}

/* Block default */
.wolf-core-row-layout-block {
	// .wolf-core-columns-container{
	// 	min-height: 50px!important;
	// }

	.wolf-core-column-container {
		padding-top: 50px;
		padding-bottom: 50px;
		//margin-bottom: 35px;
	}

	.wolf-core-column:last-child {
		//margin-bottom: 0;
	}

	.wolf-core-row-inner {
		padding-bottom: 0;
	}

	.wolf-core-column-wrapper {
		width: 92%;
	}

	// .wolf-core-column-content-type-block-text > .wolf-core-column-container,
	// .wolf-core-column-content-type-default > .wolf-core-column-container{
	// 	padding: 4em;

	// 	.wolf-core-column-wrapper{
	// 		max-width: 600px;
	// 	}
	// }
}

@media screen and (max-width: 800px) {
	.wolf-core-row-layout-block {
		.wolf-core-columns-container {
			min-height: 50px !important;
		}
	}
}

.wolf-core-font-dark {
	.wolf-core-column-style-boxed {
		background: #fff;
		box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.14);

		&:hover {
			box-shadow: 0px 15px 33px 0 rgba(0, 0, 0, 0.14);
		}
	}
}

.wolf-core-font-light {
	.wolf-core-column-style-boxed {
		background: #444;
		box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.44);

		&:hover {
			box-shadow: 0px 15px 33px 0 rgba(0, 0, 0, 0.44);
		}
	}
}

@media screen and (max-width: 800px) {
	.wolf-core-row-mobile-reverse .wolf-core-columns-container {
		flex-direction: column-reverse;
		display: flex;
	}

	.wolf-core-row-mobile-reverse
		.wolf-core-columns-container
		.wolf-core-element {
		margin-bottom: 35px;
	}
}