/*
Theme Name: Boutique AW3
Theme URI: https://atelierw3.com
Author: aw3
Author URI: https://atelierw3.com
Description: Boutique AW3 description to come.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boutiqueaw3
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*AW3 Boutique styling*/
/*header rules**/
html {
  scroll-behavior: smooth;
}

header nav ul li:not(li:nth-child(3)) {
	border-right: 1px solid #bfbfbf;
	padding-right: 23px
}

#is-open-panel-button {
    background-image: url("assets/images/mailico.png");
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: right 40%;
    padding: 0px 40px 0px 0px;
    cursor: pointer;
}

#is-open-panel-button a .hide-mobile {
	display: none;
}	

header .wp-block-navigation ul li.show-mobile {
	display: none
}

.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
}
/*header rules*/

.aw3_is-relative-pos {
	position: relative;
}

.aw3_is-middle-layer {
	z-index: 100
}

.aw3_is-top-layer {
	z-index: 1000
}

.aw3_is-bottom-layer {
    z-index: 0
}

.aw3_is-absolute-pos {
	position:absolute
}

.aw3_translate-x {
	transform: translateX(15%);
}

.aw3_is-positioned-bottom {
    bottom:0
}

#aw3_feature-negative-y {
    transform: translateY(350px);
}

#aw3_hero-2-columns .aw3_hero-content {
     top: 45%;
	 left: 10%;
}

#abs-pos-border-bg {
	width: 85vw;
	max-width: 1735px;
	left: 50%;
	margin-left: -39vw !important;
	top: 200px
}

#abs-pos-border-bg-2 {
	width: 85vw;
	max-width: 1735px;
	left: 50%;
	margin-left: -39vw !important;
	top: 225px
}


/*#aw3_hero-2-columns .aw3_hero-content h1 {
	text-align: right
}*/

/* IMAGE :: pour conserver hauteur
element.style {
    width: 100%;
    height: 750px;
    object-fit: cover;
}
*/

#aw3_hero-image-tall {
	width: 100%
}

#aw3_hero-image-tall > img {
    width: 100% !important;
	object-fit:cover;
	aspect-ratio: 16 / 9;
}

.aw3_max-width {
	width:100%
}

.aw3_display-wide {
	display: block
}

.page-template-default.page {
    overflow-x:hidden
}

.wp-block-template-part .slideIn {
	height:100%;
    width: 500px;
	position: fixed;
	right:-500px;
	top:0;
	z-index:100000;
	overflow: scroll
}

.closeButton:hover {
    cursor: pointer;
}

.closeButton {
	width: 50px;
	text-align:center
}

.disabled {
    opacity: 0.3; 
    cursor: crosshair;
	pointer-events: none;
}	

.noScroll {
    overflow: hidden !important;
}

.lightsOff {
   opacity: 0.3;   
}

#map-ico-btn {
    background-image: url("assets/images/mapico.png");
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: 90% center;
    
}

.aw3_roudedHeading {
	width: 150px;
	height: 150px;
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 50%;
	margin: auto
}

.aw3_headinglight {
	border: 1px solid #fafafa;

}

.aw3_rounded-button {
    background-image: url("assets/images/arrowDown.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
	border-width:2px
}

.aw3_rounded-button .wp-block-button, .aw3_rounded-button .wp-block-button a {
    background: transparent none;
    border-radius: 50%;
    border-color: #ffffff;
    border-width: 2px; 
    border-style: solid;
    color: currentColor;
	width: 135px;
	height: 135px
}

.aw3_rounded-button .wp-block-button a {
    background: transparent none;
    border: none
}

#aw3_backtotop .wp-block-button, #aw3_backtotop .wp-block-button a {
	background-image: url("assets/images/arrowUp.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center center;
	border-color: var(--wp--preset--color--contrast);
	width: 100px !important;
	height: 100px !important;
}


#aw3_productsection-heading {
	top:-75px
}

.aw3_arrowDown {
    background-image: url("assets/images/arrowDown.png");
    background-repeat: no-repeat;
    background-size: 33px;
    background-position: center center;
}

footer {
	margin-top: 0
}


/*CONTACT FORM STYLING*/
.wp-block-contact-form-7-contact-form-selector {
	width: 100%
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #25354500;
    border: none;
    border-bottom: 1px solid #919191;
    color: #d6d6d6;
    width: 100%;
    padding: 10px 0 1px 0;
    font-size: 1rem
}

.wpcf7 textarea
{
    border: 1px solid #919191;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none !important
}

.wpcf7 p {
    margin: 50px 0 0 0    
}

label {
    color: #919191;
    font-weight: 300;
	text-transform: uppercase;
}

input[type="submit"] {
    appearance: auto;
    user-select: none;
    align-items: flex-start;
    text-align: left;
	text-transform:uppercase;
	font-weight: bold;
    cursor: default;
    box-sizing: border-box;
    background-color: transparent;
    color:#919191;
    white-space: pre;
    padding: 23px 5px 22px 25px;
    border-width: 1px;
    border-style: solid;
    border-color: #919191;
    border-image: initial;
    min-width: 375px;
	width: 100%
    /*background: url("assets/images/btn-ico.svg") 94% center no-repeat;*/
}

.wpcf7-submit:hover,
input[type="submit"]:hover {
    cursor: pointer;
    background-color: #919191;
	color:#ffffff
}

.wpcf7 select,
.wpcf7 .wpcf7-select {
	width: 100%;
	height:65px;
	background-color: #fafafa;
	border-color:#d6d6d6;	
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--fluid-small);
	font-weight: 300;
	margin-top: 15px
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid white;
    color: #ffffff
}
 
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
 
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffffff; 
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #ffffff; /* Red */
}
 
.wpcf7 form.spam .wpcf7-response-output {
    border-color: red;
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: red; /* Yellow */
}

@media (min-width:1920px) {
	#abs-pos-border-bg,
	#abs-pos-border-bg-2 {
	margin-left: -860px !important;
}

}

@media (min-width:1024px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: block;
        position: relative;
        width: 100%;
        z-index: auto;
    }
	
	#is-open-panel-button a .hide-mobile {
		display: block 
	}	

}

@media (max-width: 782px) {
   .aw3-footer-logo img {
       width: 50%;
	   min-width: 150px
   }

   	.aw3_vh-wide {
       min-height: 0 !important		
	}

	.aw3_display-wide {
		display: none
	}

}

@media (max-width:1024px) {
    header .wp-block-site-logo img {
        width: 195px;   
		min-width: 195px
	}

	#headerinfo div {
		display: none
	}

    header .wp-block-navigation ul li.show-mobile {
	    display: none
    }

    header nav ul li:not(li:nth-child(3)) {
	    border-right: none;
    }

	header nav ul li {
		align-self: center;
		padding: 0 !important
	}

	.wp-block-navigation ul {
		margin: auto
    }

    .wp-block-navigation__responsive-close	{
		padding: 0 20px
	}

    #aw3_hero-2-columns .aw3_hero-content {
	    left: 0;		
		width:100% 
    }
 
    #aw3_hero-2-columns .aw3_hero-content h1 {
	    text-align: center;
    }

	#aw3_hero-img-col-wrapper
	 {
		flex-basis: 100%
	}

    .wp-block-template-part .slideIn {
        width: 100%;
	    right: -100vw;
	}		

	#aw3_hero-image-tall img {
	    object-position:right;
	}

	.hide-mobile {
		display: none
	}

}



@media (max-width:1180px) {
    header .wp-block-navigation ul li a,
	#is-open-panel-button a {
		font-size: .75rem !important
    }

    #is-open-panel-button {
        background-image: url("assets/images/mailico.png");
        background-size: 25px;
        padding: 0px 30px 0px 5px;
	}

    #hero-content {
	    transform: translateY( 0 );
    }

	#abs-pos-border-bg,
	#abs-pos-border-bg-2 {
		display: none
	}

	.aw3_flex-height-small-screen {
		flex-basis: 35px;
		height: 35px !important
	}

	.aw3_translate-none-small-screen {
		transform: translateX(0);
	}


}