/* ===================================
    Crafto - Wedding invitation
    Cores e tipografia WineBeing / Casamento
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* variable */
:root {
	--w-white: #FFFFFF;
	--w-beige: #e3d9bd;
	--w-green: #1d4d37;
	--w-gold: #ebca9d;

	--base-color: var(--w-green);
	--dark-gray: var(--w-green);
	--light-medium-gray: #5f6f66;
	--extra-medium-gray: var(--w-beige);
	--very-light-gray: var(--w-white);
	--medium-gray: var(--w-beige);
	--primary-font: 'Jost', sans-serif;
	--alt-font: 'Bebas Neue', sans-serif;
}

body {
	font-size: 17px;
	line-height: 30px;
	color: var(--light-medium-gray);
	font-family: var(--primary-font);
	background-color: var(--w-white);
}

/* header */
header .navbar-brand img {
	max-height: 32px;
}

.navbar .navbar-nav .nav-link {
	font-size: 20px;
}

/* text gradient color */
.text-gradient-cerise-salmon-red {
	background: var(--w-green);
	background: linear-gradient(135deg, var(--w-green) 25%, var(--w-gold) 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.text-gradient-salmon-red-cerise {
	background: var(--w-gold);
	background: linear-gradient(45deg, var(--w-gold) 25%, var(--w-green) 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* bg color */
.bg-gradient-porcelain-grey {
	background-image: linear-gradient(
		to bottom,
		var(--w-white) 0%,
		#faf8f4 35%,
		var(--w-beige) 100%
	);
}

/* text outline color */
.text-outline-color-westar-grey {
	-webkit-text-stroke-color: var(--w-beige);
}

/* social icon style 09 */
.medium-icon li {
	margin: 0 5px;
}

.social-icon-style-09 ul li a {
	border-color: var(--w-beige);
}

.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: 4.375rem;
	line-height: 2.813rem;
}

.countdown-style-04 .countdown-box span {
	color: var(--light-medium-gray);
	text-transform: inherit;
	line-height: 20px;
	font-size: 15px;
}

.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);
}

.form-select: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;
	}
}