/********************************/
/**  RESPONSIVE TABLETS AND + ***/
/********************************/

@media (max-width:320px) {

}

@media (max-width:575px) {

}

@media (max-width:767px) {

}

@media (min-width: 576px) {
	.swiper-inner-slide h1 {
		font-size: 4rem;
	}

	.swiper-slide a.btn {
		padding: 1rem 2rem;
		font-size: 1.4rem;
	}

	.swiper-inner-slide .cta-zone {
		margin-top: 40px;
		display: block;
	  	flex-direction: column;
	}

	.swiper-inner-slide .cta-zone a + a {
		margin-left: 30px;
		margin-top: 0;
	}

	.page-content h2.big {
		font-size: 50px;
	}
}


@media (min-width: 600px) {
	.wp-block-latest-posts.columns-3 li {
	    width: 100%;
	}

	.wp-block-latest-posts.columns-3 li:nth-child(3n) {
    	margin: 0 1.25em 1.25em 0;
    }
}


@media (min-width:768px) {


	/*********** BOUTONS ***********/
	.btn.teasco.white.double.slim,
	.btn.white.double.slim .wp-block-button__link {
		padding: 1rem 3rem;
	}


	.btn.teasco.white.double,
	.btn.white.double .wp-block-button__link {
		padding: 2rem 3rem;
		font-size: 1.6rem;
	}

	.btn.wp-block-button {
		padding: 0; /* remove default Gutenberg padding */
	}

	body {
		padding-top: 150px;
	}

	#siteHeader.nav-up,
	body.admin-bar #siteHeader.nav-up {
	  top: -150px;
	}

	body.admin-bar #siteHeader {
		top: 46px;
	}

	#siteHeader {
  		height: 150px;
  	}

	#siteHeader img {
		height: 100px;
		margin: 0 auto;
	}

	#teascoMenuIcon + #teascoMenu {
		padding-top: .2rem;
		height: auto;
		background: transparent;
	}

	#siteHeader .teasco-menu .menu {
		flex-direction: row;
		padding: 0;
  		align-items: unset;
	}

	#siteHeader .teasco-menu .menu li a {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		font-size: .9rem;
	}

	#teascoMenuIcon {
		display: none;
	}

	#content,
	body.woocommerce #main {
		padding-top: 100px;
	}

	.newsletter-banner-inner {
		padding: 50px;
		bottom: -50px;
		margin: 0 50px;
	}

	.newsletter-banner-inner h2 {
		margin: 2rem 0 .5rem;
		font-size: 40px;
	}

	.home-product .backdrop-links {
		overflow: unset;
	}

	.valeurs-container .valeur-image {
		padding-top: 33%;
	}

	.valeurs-container h2 {
		margin: 0 0 0 -100px;	
	}

	.valeurs-container .valeurs-texte {
		justify-content: flex-start;
	}

	.valeurs-container .valeurs-texte.order-md-0 {
		justify-content: flex-end;
	}
	.valeurs-container .valeurs-texte.order-md-0 h2 {
		margin: 0 -100px 0 0
	}

	#home-actualites a .home-post-details {
		height: 200px;
	}

	#home-actualites a .home-post-details h2 {
		height: 105px;
	}

	.wp-block-latest-posts.columns-3 li {
	    width: calc(33.33333% - 0.83333em);
	}

	.wp-block-latest-posts.columns-3 li:nth-child(3n) {
    	margin-right: 0;
    }

  .woocommerce .quantity .qty {
  	width: 3.631em;
  }

  .woocommerce div.product .product_title {
		font-size: 2.4rem;
	}

    .woocommerce div.product div.images {
		width: 43%;
	}

	.woocommerce div.product div.summary {
		width: 50%;
		margin-left: 6%;
	}


	#bottomCitation> div:before,
	#bottomCitation> div:after {
		font-size: 500px;
	}

	#barContent.page-content > h1 {
		font-size: 3rem;
	}

	#barContent.page-content > h1:before {
		transform: skewX(-10deg);
	}
	#barContent.page-content > h1:after {
		width: 100%;
	}

	#barContent.page-content > h1:before {
		position: absolute;
		top: -20px;
		left: -20px;
		right: -30px;
		bottom:-20px;
		content: "";
		display: block;
		z-index: -1;
		background: var(--copper);
		opacity: .4;
		transform: skewX(-10deg) translateX(-15px);
		border-radius: 10px;
	}

	#barCocktailsZones {
		flex-direction: row;
	}

	#barCocktailsZones article {
		flex: 0 0 33%
	}

	#recipeModal .modal-body > div.line {
		margin-left: 150px;
	}

	#recipeModal .modal-body > div.line > span {
	  width: 150px;
	  float: left;
	  margin-left: -150px;
	  margin-bottom: 0;
	}

}

@media (min-width: 783px) {
	body.admin-bar #siteHeader {
		top:32px;
	}

}

@media (min-width:992px) {

	#homeSlider {
		padding-top: 500px;
	}

	.kiwi-social-overlap {
		bottom: 30px;
		right: 30px;
		color:var(--copper);
		transform: none;
		background: rgba(255,255,255,.8);
	}

	.cart-contents {
		top: 110px
	}

	body.admin-bar .cart-contents {
		top: 150px
	}

	#siteHeader.nav-up .cart-contents {
		top: 20px;
	}

	body.admin-bar #siteHeader.nav-up .cart-contents {
		top: 52px;
	}

	#siteHeader .teasco-menu .menu li a {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	#home-actualites a .home-post-details {
		left: 30px;
		right: 30px;
		padding: 30px;
		height: 200px;
	}

	#home-actualites a .home-post-details h2 {
		font-size: 1.4rem;
	}

	.woocommerce ul.products {
		margin: 2rem 6rem;
	}

	#recipeModal .list-group {
		width: 50%;
	}
}

@media (min-width:1400px) {

}

@media (max-width: 526px) {
	.wp-block-buttons.is-content-justification-center {
		margin-left: .5rem;
		margin-right: .5rem;
	}

	.wp-block-media-text__content {
		margin: 3rem 0;
	}

	#mailpoet_form_1 .mailpoet_form_column:not(:first-child) {
		margin-top: 15px;
	}

	#mailpoet_form_1 .mailpoet_form_column:not(:first-child) input {
		width: auto !important;
	}
}