/*
CTC Separate Stylesheet
Updated: 2020-02-20 09:59:42
Theme Name: Artefactory
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Thème de la boutique Artefactory
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.1.6
*/

.header-navigation-wrapper {
	display: flex;
}

body {
	color: #7c6a53; /*3oct*/
}

* {
	font-family: lato, sans-serif!important;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.pt-cv-wrapper .h3{
    margin: 0 0 20px 0;
    font-weight: 500;
	text-transform: uppercase!important;
}
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    /* 3oct color: #252222a1; */
    font-weight: 400!important;
	
}
h3 {
	letter-spacing: 3px;
}

.post-inner {
	padding-top: 13vh!important;
}


.entry-content hr:not(.has-background), hr.styled-separator {
    color: #7c6a53;
}
.s
.pt-cv-content *,
p {
    font-size: 18px;
    text-align: justify;
	font-weight: 300;
}

figure {
	/*
	margin: auto!important;
	padding: 0!important;
	*/
}
.wpcf7-submit,
.button {
	font-size: 12px!important;
    color: white!important;
    background-color: #9db7d4!important;
}

.header-widget {
	width: 135px;
	height: 44px;
	display: flex;
}
.header-widget div {
    height: fit-content;
	width: fit-content;
	margin: auto;
	display: flex;
}
.header-widget-left {
    margin-left: 103px;  /* juste à droite du logo */
	width: 32px;
}
.header-widget-right {
    margin-right: 0;
}
.wpm-language-switcher li img {
	width:48px;
	height:20px;
	margin-top: 3px;
}
.site-accueil {
    height: 65vh;
/*3oct    background: url(http://gab.orate.fr/wp-content/uploads/2020/02/IMG-20200220-WA0001.jpg) no-repeat center; */
	background-size: cover;
    margin-top: 45px;
	margin-bottom: 8vh;

}

.site-accueil .site-titre {
    margin-block-start: 0px;
    margin-block-end: 40px;
    font-size: 39px;	
	letter-spacing: 3px;
}
.site-accueil .site-sous-titre {
	font-size: 22px;
	letter-spacing: 2px;
}
.site-accueil .site-description {
	margin: auto;
	font-size: 16px;
	display: contents;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.page-header {
    position: relative;
    width: 100%;
    height: fit-content; /*  calc(100vh - 44px); */
    margin-top: 44px;
    
}

.page-header-content {
    z-index: 2;
    position: absolute;
	height: 255px;
    width: 480px;
    padding: 67px 0 0 0;
    left: calc((100vw - 480px) /2);
    top: calc((72vh - 255px) /2);
    margin: auto;
    background-color: rgba(255,255,255,.9);
    text-align: center;
}

.page-header-content:after {
    z-index: -1;
    position: absolute;

    top: -10px;
    left: -10px;
    width: calc(100% - -18px);
    height: calc(100% - -18px);

    border: 1px solid #fff;
    content: "";
}
/*
.page-header-title {
    margin-bottom: 2vh;
    font-size: 23px;
    line-height: 26px;
    letter-spacing: 9px;
    text-transform: uppercase;
}

.page-header-subtitle {
    margin-top: 6px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
*/
.page-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.primary-menu-wrapper {
	display:flex;	
	width: 100%;
}
#site-header {	
	position: fixed;
	top: 0;
    z-index: 100;
    width: 100vw;
	height: 60px;
}
#site-content {
	overflow: unset;
}
.site-title {
	color: #222222b8;
	font-weight: 300;
	margin-bottom: 3vh;
    font-size: 2.5vw;
}

/*
.primary-menu > li {
	display: flex;
	margin: 0;
}

.primary-menu > li::before {
	content: none;
}
*/
/*
.primary-menu > li:not(:first-child)::before {
  content: "\2022"; 
  color: #AAAAAA;
  width: 1em; 
  margin: 17px 2vw; 
  font-size: 10px;
}

@media (max-width: 1250px) {
	.primary-menu > li:not(:first-child)::before {
		margin: 17px 1vw;
	}
}

@media (max-width: 1200px) {
	.primary-menu > li:not(:first-child)::before {
		margin: 17px 0.2vw;
	}
}
*/

.primary-menu > li > a,
.menu-item a{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	line-height: 44px;
	color: #7c6a53!important; /*3oct #272B2F!important;*/
	letter-spacing: 4px;
	padding: 0 1vw!important;
	margin-right: 0!important;
}

.footer-inner * .menu-item a {
	padding: 0!important;
}
/*
@media (max-width: 1250px) {
	.primary-menu > li > a,
	.menu-item a{
		font-size: 14px;
	}
}
*/
.primary-menu li.current-menu-item > a {
	text-decoration-line: none;
}
/*
.menu-item-has-children {
	min-width: 12.5vw;
}
*/
.menu-item a::hover{
	color: #333333;
	font-weight: 400;
 }
/*
.primary-menu > li a::before {
	text-decoration-color : #272B2F;	
	transition-duration: 1s;
	width: 0;
	content: "";
	bottom: -2px;
}

.primary-menu > li > .icon {
	display: none;
}
*/

.sub-menu {
	display: none;
	height: 0;
	max-height:0;
	background-color: transparent;
}
/*
.primary-menu > li:hover > ul {
	//display:block;
	height: unset;
	max-height:unset;
}
*/
.primary-menu > li:hover a,
.primary-menu > li.menu-item-has-children a {
	text-decoration: unset;
}

.primary-menu > li:hover a {
    background-color: #c5a46e;  /* #d1b382d4; */
	color: white!important; 
	transition: background 0s revert, color 0.05s linear!important;
}

.primary-menu > li.menu-item-has-children:hover a {
    background-color: #fbeacedb;  /* #d1b382d4; */
	color: #7c6a53!important; 
	transition: background 0s revert, color 0.05s linear!important;
}

.primary-menu > li.menu-item-has-children:hover .sub-menu {
	display: block;
	height: unset;
	max-height:unset;
	transition: display:0s, height:0.3s, max-height:03s, background 0.4s linear 0.5s!important;
	
}

.primary-menu > li.menu-item-has-children:hover > ul li a {
	transition: all 0.2s linear;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.primary-menu > li.menu-item-has-children:hover > ul li a:hover {
	background-color: #c5a46e;
	color: white!important;
	text-decoration: unset;
}

/*
.reset-list-style ul,
.sub-menu {
	position: relative;
    margin: 45px 0 0 -160px;
    background-color: transparent!important; 
    padding: 0 15px 0 15px;
}
*/
/*
.primary-menu li ul {
	max-height: 2.3;
	
}

.sub-menu li a {
	letter-spacing: 0;
    font-size: 0;
    text-transform: none;
	line-height: 2.3;
}
*/
/**
.primary-menu > li.menu-item-has-children:hover ul {
    background-color: yellow!important;
	transition: all 2s linear!important;
	transition-delay: 1s!important;
}
**/

.menu-modal {
	z-index: 200;
}
.menu-modal.active {
    left: 0;
    opacity: .9;
    right: 0;
    transition: opacity .5s ease-out;
}
.menu-modal.show-modal {
    display: flex;
}
.mobile-nav-toggle:not(.active) {
	display:none;
}
.wpm-language-switcher {
	display: flex;
	margin: auto 0 auto 10px;
	background-color: transparent!important;
}
.widget_language_switcher {
	height: fit-content;
    margin: auto!important;
}
.wpm-language-switcher li {
	margin: 0 5px;
}


.page_item>a {
	color: #5d484e!important;
}

.header-inner,
.section-inner {
	margin: 0 auto;
    padding: 0;
}
.site-logo {
	position: absolute;
	margin: 0 0 0 1vw;
}

.thin .entry-content  {
    max-width: 95vw;
    margin: 0 auto;
}

.galerie {
	margin: 7vh 2.5vw 2vh 2.5vw;
}
.large60 {
	max-width : 60vw;
	margin: auto;
}
.large90 {
	width : 90vw;
}
.large95 {
	width : 95vw;
}
.large75 * .pt-cv-wrapper {
	width : 75vw;
}
.large85 * .pt-cv-wrapper {
	width : 85vw;
}
.centrage {
	margin-left: auto;
	margin-right: auto;
}
.pleine-page>img {
	max-height: calc(100vh - 44px);
    width: auto;
    margin: 0 auto;
}

.widget_nav_menu li {
	margin: 0;
	height: 32px;
	line-height: 1.1;
}
.widget .widget-title {
    margin: 0 0 1rem;
}

.footer-nav-widgets-wrapper {
    background:  #f7eddc; /*3oct #f1f1f1;*/
    padding: 0;
    border-top: 1px solid #ddd;
}
.footer-nav-widgets-wrapper .footer-inner section-inner {
	width: fit-content;
}
.footer-nav-widgets-wrapper * .widget {
	width: fit-content;
	margin-left: 5vw;
	margin-top: 0;
}
.footer-nav-widgets-wrapper * .widget-title {
    font-size: 20px;
    font-weight: 400!important;
}

.footer-widgets-wrapper .column-one {
	display: flex;
	width: fit-content;
    margin: auto;
}

.entry-content hr {
    background: unset;
	background-color: #ababab!important;
	width: 50%;
}

#site-footer a {
	color: black;
	font-size: 75%;
}



div.contact-pro {
	display: flex;
}
	
.contact-pro-image {
    position: absolute;
    top: calc(30vh - 3vw);
    left: 59vw;
    max-height: 65vh;
    max-width: 35vw;
}

.contact-pro-image img {
	max-height: -webkit-fill-available;
    width: auto;
}

.contact-pro .entry-content {
	z-index: 1;
}

.contact-pro * textarea {
	width: 36vw;
}

.contact-pro * input {
	width: fit-content;
}
.contact-pro * span.wpcf7-list-item {
    display: block;
    margin: 1vh 0 0 0;
}

.portfolio h2 {
	margin-left: 10px;
}
.portfolio * .wp-block-columns .wp-block-column:first-child {
	background-color: #d1b481;
    width: 25%;
    min-width: 25%;
    padding: 14px;
}

.portfolio * .wp-block-columns .wp-block-column:first-child p,
.portfolio * .wp-block-columns .wp-block-column:first-child p * {
	text-align: left;
	color: #EFEFEF;
}

.portfolio * .wp-block-columns .wp-block-column:not(:first-child) {
	border: none;
	/*
	border-color: #d1b481;
    border-width: 3px;
    border-style: solid;
    */
	width: 20%;
    min-width: 20%;
}

.gab-title p {
	font-size: 3.5vw;
	font-weight: 400;
	color: #d1b481;
	font-style: italic;
	text-transform: uppercase;
    letter-spacing: 0.4vw;
	margin: 5vh auto 0 auto;
	width: fit-content;
}

.term-description p {
	font-size: 1.5vw;
	font-weight: 400;
	color: #d1b481;
	font-style: italic;
	text-transform: uppercase;
	margin: 2vh auto 0 auto;
	width: fit-content;
}

.button,
.wc-forward,
.single_add_to_cart_button,
.wpcf7-submit {
	background-color: #d1b382!important;
}

.cart-collaterals {
	margin-bottom: 5vh;
}

.checkout-button {
	width: 100%;
}