/*
Theme Name: sultanadream Child
Template: sultanadream
Author: Mehran Khan
Description: Description
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1685469500
Updated: 2023-05-30 19:58:20

*/
@import url('../sultanadream/style.css');

@import url('https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&display=swap');

@font-face {
    font-family: Madina;
    src: url(https://sultanadream.fr/wp-content/themes/sultanadream-child/fonts/Madina.ttf);
}

/** CART **/

#primary-menu .cart-section {
	height: 25px;
	width: 25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border: 1px solid #E3E8EF;
	border-radius: 50%;
	font-size: 13px;
	z-index: 9999;
	margin-left: -40px;
	color: #000;
}

h1.principal-title {
	font-family: "Madina", sans-serif;
    font-size: 200px;
    line-height: 1;
    font-weight: lighter;
    margin-bottom: 35px;
    text-align: center;
}

.banner-text-subtitle {
	text-align: center;
}

a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart.ineer-add-btn {
	line-height: 1.5;
}

.thank-content-wrap h3 {
	line-height: 1;
    margin: 0;
}

/*** MODAL ADD / REMOVE ITEM ***/
.modal-add-to-cart {
	position: fixed!important;
	top: 15px;
	right: -300px;
	background-color: #fff;
	width: 300px;
	height: 80px;
	z-index: 99999;
	border-bottom: 2px solid #3eca3e;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
}

.modal-add-to-cart div {
	height: fit-content !important;
}

.modal-add-to-cart div p {
	margin: 0!important;
}

.active-modal {
	animation: modal-animation 3s ease-in-out;
}

@keyframes modal-animation {
	0% {
		right: -300px;
	}
	30% {
		right: 15px;
	}
	70% {
		right: 15px;
	}
	100% {
		right: -300px;
	}
}

/*** CHECKOUT PAGE ***/
.woocommerce-notices-wrapper {
	display: none;
}

@media screen and (max-width: 991px) {
	#primary-menu .cart-section {
		margin-left: 0;
		position: absolute;
	}
}

@media screen and (max-width: 767px) {
	h1.principal-title {
        font-size: 150px;
    }
}