/*
Theme Name: Glanztheme
Theme URI: https://themeforest.net/user/starkethemes
Author: StarkeThemes
Author URI: https://themeforest.net/user/starkethemes/portfolio
Description: Wedding Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: glanztheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Social Media Links 
--------------------------------------------------------------*/

.sociallinks {
	position: fixed;
	z-index: 5;
	bottom: 10px;
}

/*@media screen and (max-width: 36rem) {
	.sociallinks {
		transform: translateY(-50%) rotate(90deg) translateX(-50%);
	}
}*/

.buy, .callus {
	vertical-align: middle;
}

.followus, .share {
	display: inline-block;
	cursor: default;
	padding: 0;
	margin: 10px;
	position: relative;
	text-align: center;
}

	.followus:hover .sociallabel, .share:hover .sociallabel {
		opacity: 0;
		transition: opacity .5s .125s ease-out;
	}

	.followus:hover .socialicon, .share:hover .socialicon {
		border-radius: 1em;
		margin: 0 0;
	}

.socialicon, .sociallabel {
	background-color: #7fd2c2;
	line-height: 2rem;
}

.sociallabel {
	border-radius: 1rem;
	position: absolute;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.0916em;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	pointer-events: none;
	text-transform: capitalize;
	transition: opacity .5s .75s ease-out;
	line-height: 45px;
	font-family: Dosis, Arial;
}

.socialicon {
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 3em;
	margin: 0 -.5em;
	transition: background-color .5s ease-out, border-radius .5s .25s ease-out, margin .5s .25s ease-out;
	width: 3em;
	line-height: 45px;
}

	.socialicon.firstbutton {
		border-bottom-left-radius: 1em;
		border-top-left-radius: 1em;
		margin-left: 0;
	}

	.socialicon.lastbutton {
		border-bottom-right-radius: 1em;
		border-top-right-radius: 1em;
		margin-right: 0;
	}

	.socialicon:hover {
		background-color: #efe5dd;
		color: #111;
	}

.socialbutton {
	appearance: none;
	border-radius: 50%;
	border: 0;
	background-color: #25D366;
	color: #EEE;
	cursor: pointer;
	font-family: inherit;
	font-weight: 900;
	letter-spacing: .0816em;
	position: relative;
	text-transform: uppercase;
	transition: background-color .25s ease-out, transform .5s ease-out;
}

button:hover {
	background-color: #76e084;
	color: #111;
}

.callus {
	font-size: 21px;
	height: 4rem;
	width: 4rem;
	margin: 20px;
}

	.callus:hover {
		transform: scale(1.3333);
	}

		.callus:hover .text {
			display: inline-block;
			transform: scale(0.75);
		}

		.callus:hover ~ .buy {
			transform: scale(0.75);
		}

	.callus .text {
		transition: transform .5s ease-out;
		transform: scale(1);
	}

.buy {
	width: 5rem;
	height: 5rem;
	background-color: #ebc247;
	color: #111;
}

	.buy .price, .buy .text {
		transition: opacity .25s ease-out;
	}

	.buy .price {
		font-size: 1.618em;
		opacity: 1;
	}

	.buy .text {
		display: block;
		font-size: .618em;
		font-weight: 900;
		letter-spacing: .0816em;
		position: absolute;
		opacity: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		vertical-align: baseline;
	}

	.buy:hover .price {
		opacity: 0;
	}

	.buy:hover .text {
		opacity: 1;
	}


/*--------------------------------------------------------------
## Video Slider Block 
--------------------------------------------------------------*/
.fnc-slider {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	height: 100vh;
}

	.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
		box-sizing: border-box;
	}

.fnc-slider__slides {
	position: relative;
	height: 100%;
	transition: transform 1s 0.6666666667s;
}

.fnc-slider .m--blend-dark .fnc-slide__inner {
	background-color: #8a8a8a;
}

.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
	background-color: #575757;
}

.fnc-slider .m--navbg-dark {
	background-color: #575757;
}

.fnc-slider .m--blend-green .fnc-slide__inner {
	background-color: #6d9b98;
}

.fnc-slider .m--blend-green .fnc-slide__mask-inner {
	background-color: #42605e;
}

.fnc-slider .m--navbg-green {
	background-color: #42605e;
}

.fnc-slider .m--navbg-red {
	background-color: #990e13;
}

.fnc-slider .m--blend-blue .fnc-slide__inner {
	background-color: #59aecb;
}

.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
	background-color: #2d7791;
}

.fnc-slider .m--navbg-blue {
	background-color: #2d7791;
}

.fnc-slide {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translate3d(0, 0, 0);
}

	.fnc-slide.m--before-sliding {
		z-index: 2 !important;
		transform: translate3d(100%, 0, 0);
	}

	.fnc-slide.m--active-slide {
		z-index: 1;
		transition: transform 1s 0.6666666667s ease-in-out;
		transform: translate3d(0, 0, 0);
	}

.fnc-slide__inner {
	position: relative;
	height: 100%;
	background-size: cover;
	background-position: center top;
	transform: translate3d(0, 0, 0);
}

.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
	background-blend-mode: luminosity;
}

.m--before-sliding .fnc-slide__inner {
	transform: translate3d(-100%, 0, 0);
}

.m--active-slide .fnc-slide__inner {
	transition: transform 1s 0.6666666667s ease-in-out;
	transform: translate3d(0, 0, 0);
}

.fnc-slide__mask {
	overflow: hidden;
	z-index: 1;
	position: absolute;
	right: 60%;
	top: 15%;
	width: 50.25vh;
	height: 67vh;
	margin-right: -90px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
	transform-origin: 50% 0;
	transition-timing-function: ease-in-out;
}

.m--before-sliding .fnc-slide__mask {
	transform: rotate(-10deg) translate3d(200px, 0, 0);
	opacity: 0;
}

.m--active-slide .fnc-slide__mask {
	transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.m--previous-slide .fnc-slide__mask {
	transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
	transform: rotate(10deg) translate3d(-200px, 0, 0);
	opacity: 0;
}

.fnc-slide__mask-inner {
	z-index: -1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vh;
	margin-left: -50vw;
	margin-top: -50vh;
	background-size: cover;
	background-position: center center;
	background-blend-mode: luminosity;
	transform-origin: 50% 16.5vh;
	transition-timing-function: ease-in-out;
}

.m--before-sliding .fnc-slide__mask-inner {
	transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}

.m--active-slide .fnc-slide__mask-inner {
	transition: transform 0.7s 1.2222222222s;
	transform: translateX(0);
}

.m--previous-slide .fnc-slide__mask-inner {
	transition: transform 0.7s 0.3333333333s;
	transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}

.fnc-slide__content {
	z-index: 2;
	position: absolute;
	left: 10%;
	top: 40%;
}

.fnc-slide__heading {
	margin-bottom: 10px;
	text-transform: uppercase;
}

.fnc-slide__heading-line {
	overflow: hidden;
	position: relative;
	padding-right: 20px;
	font-size: 99px;
	color: #fff;
	word-spacing: 10px;
	line-height: 120px;
}

	.fnc-slide__heading-line:nth-child(2) {
		padding-left: 30px;
	}

.m--before-sliding .fnc-slide__heading-line {
	transform: translateY(100%);
}

.m--active-slide .fnc-slide__heading-line {
	transition: transform 1.5s 1s;
	transform: translateY(0);
}

.m--previous-slide .fnc-slide__heading-line {
	transition: transform 1.5s;
	transform: translateY(-100%);
}

.fnc-slide__heading-line span {
	display: block;
}

.m--before-sliding .fnc-slide__heading-line span {
	transform: translateY(-100%);
}

.m--active-slide .fnc-slide__heading-line span {
	transition: transform 1.5s 1s;
	transform: translateY(0);
}

.m--previous-slide .fnc-slide__heading-line span {
	transition: transform 1.5s;
	transform: translateY(100%);
}

.fnc-slide__action-btn {
	position: relative;
	margin-left: 200px;
	padding: 5px 15px;
	font-size: 20px;
	line-height: 1;
	color: transparent;
	border: none;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	text-align: center;
	outline: none;
}

	.fnc-slide__action-btn span {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		perspective: 1000px;
		transform-style: preserve-3d;
		transition: transform 0.3s;
		transform-origin: 50% 0;
		line-height: 30px;
		color: #fff;
	}

		.fnc-slide__action-btn span:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border: 2px solid #fff;
			border-top: none;
			border-bottom: none;
		}

		.fnc-slide__action-btn span:after {
			content: attr(data-text);
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			line-height: 30px;
			background: #1f2833;
			opacity: 0;
			transform-origin: 50% 0;
			transform: translateY(100%) rotateX(-90deg);
			transition: opacity 0.15s 0.15s;
		}

	.fnc-slide__action-btn:hover span {
		transform: rotateX(90deg);
	}

		.fnc-slide__action-btn:hover span:after {
			opacity: 1;
			transition: opacity 0.15s;
		}

.fnc-nav {
	z-index: 5;
	position: absolute;
	right: 0;
	bottom: 0;
}

.fnc-nav__bgs {
	z-index: -1;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fnc-nav__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

	.fnc-nav__bg.m--nav-bg-before {
		z-index: 2 !important;
		transform: translateX(100%);
	}

	.fnc-nav__bg.m--active-nav-bg {
		z-index: 1;
		transition: transform 1s 0.6666666667s;
		transform: translateX(0);
	}

.fnc-nav__controls {
	font-size: 0;
}

.fnc-nav__control {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 50px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	transition: background-color 0.5s;
}

	.fnc-nav__control.m--active-control {
		background: #1f2833;
	}

.fnc-nav__control-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	transform-origin: 0 50%;
	transform: scaleX(0);
	transition-timing-function: linear !important;
}

.m--with-autosliding .m--active-control .fnc-nav__control-progress {
	transform: scaleX(1);
}

.m--prev-control .fnc-nav__control-progress {
	transform: translateX(100%);
	transition: transform 0.5s !important;
}

.m--reset-progress .fnc-nav__control-progress {
	transform: scaleX(0);
	transition: transform 0s 0s !important;
}

.m--autosliding-blocked .fnc-nav__control-progress {
	transition: all 0s 0s !important;
	transform: scaleX(0) !important;
}

@media (max-width:576px){
	.fnc-nav__control {
		width:70px
	}
}
/* NOT PART OF COMMON SLIDER STYLES */
body {
	margin: 0;
}

.demo-cont {
	overflow: hidden;
	position: relative;
	height: 100vh;
	perspective: 1500px;
	background: #000;
}

.example-slider {
	z-index: 2;
	transform: translate3d(0, 0, 0);
	transition: transform 0.7s;
}

	.example-slider .fnc-slide-3 .fnc-slide__inner:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.1);
	}


	.example-slider .fnc-slide-4 .fnc-slide__inner:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
	}

/* COLORFUL SWITCH STYLES ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
	position: relative;
	width: 180px;
	height: 77.1428571429px;
	margin: 0 auto;
	border-radius: 32.1428571429px;
	background: #cfcfcf;
}

	.colorful-switch:before {
		content: "";
		z-index: -1;
		position: absolute;
		left: -5px;
		top: -5px;
		width: 190px;
		height: 87.1428571429px;
		border-radius: 37.1428571429px;
		background: #314239;
		transition: background-color 0.3s;
	}

	.colorful-switch:hover:before {
		background: #4c735f;
	}

.colorful-switch__checkbox {
	z-index: -10;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.colorful-switch__label {
	z-index: 1;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 32.1428571429px;
	cursor: pointer;
}

.colorful-switch__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 540px;
	height: 100%;
	background: linear-gradient(90deg, #14dcd6 0, #10e7bd 180px, #ef9c29 360px, #e76339 100%);
	transition: transform 0.5s;
	transform: translate3d(-360px, 0, 0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
	transform: translate3d(0, 0, 0);
}

.colorful-switch__dot {
	position: absolute;
	left: 131.1428571429px;
	top: 50%;
	width: 5.1428571429px;
	height: 5.1428571429px;
	margin-left: -2.5714285714px;
	margin-top: -2.5714285714px;
	border-radius: 50%;
	background: #fff;
	transition: transform 0.5s;
	transform: translate3d(0, 0, 0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
	transform: translate3d(-80.3571428571px, 0, 0);
}

.colorful-switch__on {
	position: absolute;
	left: 104.1428571429px;
	top: 22.5px;
	width: 19.2857142857px;
	height: 36px;
	transition: transform 0.5s;
	transform: translate3d(0, 0, 0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
	transform: translate3d(-80.3571428571px, 0, 0);
}

.colorful-switch__on__inner {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
	transform-origin: 100% 50%;
	transform: rotate(45deg) scale(0) translateZ(0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
	transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
	transform: rotate(45deg) scale(1) translateZ(0);
}

.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
	content: "";
	position: absolute;
	border-radius: 2.5714285714px;
	background: #fff;
}

.colorful-switch__on__inner:before {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6.1428571429px;
}

.colorful-switch__on__inner:after {
	right: 0;
	top: 0;
	width: 6.1428571429px;
	height: 100%;
}

.colorful-switch__off {
	position: absolute;
	left: 131.1428571429px;
	top: 50%;
	width: 41.1428571429px;
	height: 41.1428571429px;
	margin-left: -20.5714285714px;
	margin-top: -20.5714285714px;
	transition: transform 0.5s;
	transform: translate3d(0, 0, 0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
	transform: translate3d(-80.3571428571px, 0, 0);
}

.colorful-switch__off:before, .colorful-switch__off:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 5.1428571429px;
	margin-top: -2.5714285714px;
	border-radius: 2.5714285714px;
	background: #fff;
	transition: transform 0.25s 0.25s;
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
	transition-delay: 0s;
}

.colorful-switch__off:before {
	transform: rotate(45deg) scaleX(1) translateZ(0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
	transform: rotate(45deg) scaleX(0) translateZ(0);
}

.colorful-switch__off:after {
	transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
	transform: rotate(-45deg) scaleX(1) translateZ(0);
}

.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
	transition-timing-function: ease;
	transform: rotate(-45deg) scaleX(0) translateZ(0);
}

.active {
	background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width:1200px) {
	.active {
		background-color: rgba(255, 255, 255, 0);
	}
}