/* ===================================
    Crafto - Wedding invitation
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* variable */
:root {     
    --base-color: #818a71; 
    --dark-gray:#2d2928;
    --light-medium-gray:#75726f; 
    --extra-medium-gray: #d2cbc3;
    --very-light-gray:#f5f2ef;
    --medium-gray: #e7dcd3;
    --alt-font: 'Marcellus', serif;
    --primary-font: 'Urbanist', sans-serif;
}

body {
    font-size: 17px;
    line-height: 26px;
    color:var(--light-medium-gray);
}

.bg-light-blue-gray {
	background-color: #ebeff6;
}

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 5px !important;
    background: transparent;
    border: 1px solid #818a71;
    opacity: 1;
    transition: all .3s ease;
}

.swiper-pagination-bullet-active {
    background: #818a71;
    transform: scale(1.2);
}

.frase-noivos {
	transform: translate3d(27.819549px, 0px, 0px);
}

/* Tablet e Mobile */
@media (min-width: 992px) {
	.xl-h-600px {
		height: 600px !important;
	}
}

/* Tablet e Mobile */
@media (max-width: 991px) {
    .hide-mobile-tablet {
        display: none !important;
    }
	.frase-noivos {
		transform: initial;
	}
	header.sticky .navbar-brand {
		padding: 0 !important;
	}
	.mt-minus-130 {
		margin-top: -130px;
	}
	header .navbar-brand .mobile-logo {
		width: 80px !important;
		max-width: 100%;
		height: auto;
	}
	header .navbar-brand {
		padding: 0;
	}
	.text-center-mobile {
		text-align: center !important;
	}
	.swiper-pagination-bullet {
		width: 15px;
		height: 15px;
	}
	.countdown-style-04 .countdown-box:before {
  		right: -4px !important;
	}
	.mh-logo-letters-footer {
		width: 160px;
		max-width: 100%;
		height: auto;
	}
	#confirmar {
        background-attachment: scroll !important;
        background-position: center center;
        background-size: cover;
    }
	.countdown-style-04 .countdown-box {
		width: 160px;
		display: inline-block;
		margin: 0 !important;
		text-align: center;
		position: relative;
	}
	.countdown-style-04 .countdown-box:after {
		top: 5px !important;
		right: -3px !important;
		margin-top: -5px !important;
	}
	.countdown-style-04 .countdown-box .number {
		font-size: 2,8rem !important;
	}
	.countdown-style-04 .countdown-box {
		width: 75px !important;
	}
	#countdown h3 {
		font-size: 2.5rem !important;
	}
}

.top-menu {
	padding: 20px !important;
}

.sticky-active .top-menu {
	top: 0px !important;
}

@media (max-width: 1024px) {
    .top-menu {
        top: 0 !important;
    }
}

.mh-logo-letters {
    width: 240px;
    max-width: 100%;
    height: auto;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6));
}

.mh-logo-letters-footer {
    width: 180px;
    max-width: 100%;
    height: auto;
}

.default-logo {
    width: 90px !important;
    max-width: 100%;
    height: auto;
}

header.sticky.sticky-active .navbar-brand .default-logo {
	visibility: visible;
	opacity: 1;
	width: 0;
}

/* Texto */
.mh-title,
.mh-date {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* header */
header .navbar-brand img {
    max-height: none;
}
.navbar .navbar-nav .nav-link {
    font-size: 16px;
}
/* text gradient color */
.text-gradient-cerise-salmon-red {
    background: #e30050;
    background: linear-gradient(135deg, #e30050 30%, #ff7423 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-gradient-salmon-red-cerise {
    background: #ff7423;
    background: linear-gradient(45deg, #ff7423 30%, #e30050 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* bg color */
.bg-gradient-porcelain-grey { 
    background-image: linear-gradient(to bottom, #e6e3e2, #e6e3e2, #e7e4e3, #f5f2ef, #f5f2ef);
}
/* text outline color */
.text-outline-color-westar-grey {
    -webkit-text-stroke-color: #d2cac3;
}
/* social icon style 09 */
.medium-icon li {
    margin: 0 5px;
}
.social-icon-style-09 ul li a {
    border-color:#e3e1df;
}
.medium-icon a {
    font-size: 20px;
    width: 60px;
    height: 60px;
}
.countdown-style-04 .countdown-box .number {
    color: var(--base-color); 
    font-weight: normal;
    font-size: 3rem;
    line-height: 2.8rem;
	font-family: var(--primary-font);
}
.countdown-style-04 .countdown-box span {
    color: var(--light-medium-gray);
    text-transform: inherit;
    line-height: 20px;
    font-size: 14px;
}
.countdown-style-04 .countdown-box:before {
    color: var(--dark-gray); 
    opacity: 1;
}
.countdown-style-04 .countdown-box {
    width: 100px;
}
.btn {
    font-family: var(--primary-font);
    text-transform: none
}
footer {
    padding-top: 80px;
    padding-bottom: 80px;
}
input, select, textarea, .form-control, .form-select {
    color: var(--dark-gray);
}
input:focus, select:focus, textarea:focus, .form-control:focus {
    color: var(--dark-gray);
}
.form-select {
    color: var(--light-medium-gray);
    &:focus {
        color: var(--light-medium-gray);
    }
}
::-webkit-input-placeholder { color: var(--light-medium-gray) !important; text-overflow: ellipsis; }
::-moz-placeholder { color: var(--light-medium-gray) !important; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder { color: var(--light-medium-gray) !important; text-overflow: ellipsis; opacity:1; }
@media (min-width: 992px) {
    .order-inherit {
        order: inherit !important;
    }
}
@media (max-width: 1199px) {
    .medium-icon a {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 767px) {
    .sliding-box .sliding-box-item {
        width: 100% !important;
    }
}
@media (max-width: 575px){
    .xs-mb-50px {
        margin-bottom: 50px !important; }
}