/*
Theme Name: Avocat Pau
Template: Impreza
Version: 1.0
Author:	Reactive Communication
Theme URI: https://reactive-com.com
Author URI: Adeline W
*/

  @font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Bold.woff2') format('woff2'),
        url('fonts/CormorantGaramond-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/Outfit-Light.woff2') format('woff2'),
        url('fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
	--font-family: Outfit,sans-serif;
	--h1-font-family: "Cormorant Garamond",serif;
	--h2-font-family: var(--h1-font-family);
	--h3-font-family: var(--h1-font-family);
	--h4-font-family: var(--h1-font-family);
	--h5-font-family: var(--h1-font-family);
	--h6-font-family: var(--h1-font-family);
}

/* FA icons styles */
@font-face {
	font-family: 'fontawesome';
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/fa-light-300.woff2) format("woff");
	}
.fal,
.fas,
.far {
	font-family: 'fontawesome';
	display: inline-block;
	line-height: 1;
	font-weight: 300;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	}

html, .l-header .widget, .menu-item-object-us_page_block {
	font-family: var(--font-family,inherit);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--h1-font-family,inherit);
}
a:focus, button:focus {
	outline: none!important;
}
.boite {
    color: var(--color-content-bg);
    padding: 10%;
    background: var(--color-content-primary-grad);
	text-align: justify;
}
.wpb_text_column p {
	text-align: justify;
}
.w-tabs[style*="--sections-title-size"]>div>div>.w-tabs-section-header>.w-tabs-section-title {
    font-weight: 700!important;
}
.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
    background: var(--color-content-bg-alt-grad);
}
.no-touch .w-btn:after {
	z-index: -1;
	top: inherit !important;
	bottom: 0;
}

ol { 
	counter-reset: Num; 
	margin: 1rem 1.5rem;
}
ol li:before { 
	counter-increment: Num;
	content:counter(Num)!important;
	background:var(--color-content-link);
	display: inline-block; 
	text-align: center; 
	margin: 0 .5rem;
	line-height: 1.2rem; 
	width: 1.2rem; 
	height: 1.2rem;
	border-radius: 50%;
	font-weight: 600;
	color: #fff;
}

main .wpb_wrapper ul, .l-section ul {
	list-style-type: none;
	margin-left: 0; }
main .wpb_wrapper ul li:not(.panel), .l-section ul li:not(.panel), ol li {
	  list-style: none; }
main .wpb_wrapper ul li:not(.panel):before, .l-section ul li:not(.panel):before, .listform p a:before {
		content: " ";
		display: inline-block;
		height: 2px;
		width: 1rem;
		margin: 0 .5rem 0 0;
		list-style: none;
		background: var(--color-content-bg-alt);
		vertical-align: middle; }
.intro {
	font-size: 1.3rem;
	line-height: 1.4;
	padding-top: 1rem;
	text-align: justify;
}
.g-breadcrumbs {
	font-size: .9rem;
	margin-top: 2rem;
}
.ariane {
	font-size: .9rem;
	margin:1rem 0 .5rem;
}
.single-post .g-breadcrumbs {
	top:-5rem;
	bottom: inherit;
}
/* Actualités */
.post_content .w-image-h {
	border-radius: .3rem;
}
.g-filters-item {
	line-height: 2rem;
	padding: 0 .5rem;
}
.g-filters.style_2 .g-filters-item.active {
    background: var(--color-content-link);
    border: solid 1px var(--color-content-link);
}
.g-filters.style_2 .g-filters-item {
	font-size: .85rem;
    border: solid 1px #000;
    margin: 0 .2rem .5rem;
    color: var(--color-content-link-hover);
	transition-property: background,box-shadow,border,color,opacity,transform;
    transition-duration: 0.3s;
}
.actu .w-grid-item-h:hover, .layout_28991 .w-grid-item-h:hover, .layout_29321 .w-grid-item-h:hover {
	transition-property: background,box-shadow,border,color,opacity,transform;
    transition-duration: 0.3s;
	background: var(--color-header-middle-text-hover);
}
.actu .w-grid-item-h:hover, .layout_28991 .w-grid-item-h:hover, .layout_29321 .w-grid-item-h:hover {
    box-shadow: 0 5px 30px 0 rgba(30, 48, 67,.2);
	background: none;
}
.owl-nav {
    position: absolute;
	top: 0;
    right: 0;
}
.owl-carousel.navstyle_circle .owl-nav button {
    height: 2rem;
    width: 2rem;
	background: var(--color-content-link);
}

.home h1 {
	margin-bottom: 1rem;
}
.home h2, .home .titre .w-btn {
	margin-bottom: 2rem;
}

.home  .w-grid[class*="ratio_"] .w-post-elm.type_image img {
	object-fit: contain !important;
}

/*cat avocat*/
.titre h1, .titre h2 {
	position: relative;
	z-index: 2;
	color:#fff;
	text-shadow: 2px 2px 2px var(--color-footer-bg);
}
.droit .w-post-elm {
	margin:2rem 0 -4rem;
}
.droit .w-post-elm > div {
	background: rgb(82 137 193 / .2)!important;
	position: relative;
	z-index: 1;
}

.doc .w-btn.us-btn-style_4 {
	padding: 0.5rem
	;
}

/*faq*/
.faq .with_collapsible_content>.toggle-links>button {
    border-bottom: none;
    position: absolute;
    right: 0;
    top: -1rem;
    font-size: 3rem;
	width: 100%;
    text-align: right;
	z-index: 2;
}
.faq .w-grid-item-h {
    border-bottom: solid 1px var(--color-content-primary);
}
.faq .w-post-elm.post_title {
    padding: 1rem 0 .5rem;
	font-size: 1.25rem;
}
.faq .show_content {
    padding: 0.5rem 1rem;
}

/* form  */
.w-form-row.for_agreement {
	display: flex;
	flex-flow: column wrap;
}
.for_agreement .w-form-row-label {width: 96%;}
.for_agreement .w-form-row-field {
	width: 10%;
	order: -1;
}
.for_agreement .w-form-row-description {
	width: 100%;
}
span.wpcf7-list-item {
    display: flex;
    margin: 0 1.5rem 0 0;
    padding: 0.5vw 0;
}
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select {
    margin-top: 0;
}
.wpcf7 form label {
	font-weight: 700 !important;
}
.wpcf7 form  label .wpcf7-list-item-label {
	font-weight: 400 !important;
}
.wpcf7 .g-cols.via_grid {
	margin-bottom: 1.5rem;
}

.wpcf7 form .wpcf7-acceptance label {
	font-weight: 400 !important;
    font-size: .85rem;
    line-height: 1.3;
}
span.wpcf7-list-item {
    display: inline-flex;
}
.w-form-row-description { color: inherit!important; }
.w-form-row.for_agreement{	
	font-size: .75rem;
}
.for_info {
	font-size: .65rem;
}
.wpcf7-file {
	color: transparent;
  }
  .wpcf7-file::-webkit-file-upload-button {
	visibility: hidden;
  }
  .wpcf7-file::before {
	content: 'Choisir un fichier';
	color: white;
	display: inline-block;
	background: var(--color-content-secondary);
	border: 2px solid var(--color-content-secondary);
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 10pt;
  }
  .wpcf7-file:active {
	outline: 0;
  }
  .wpcf7-file:hover::before {
	border-color: var(--color-content-link);
  }
  .wpcf7-file:active::before {
	background-color: var(--color-content-link);
  }
  input[type=file] {
	padding: 0;
	background: none !important;
  }
/* carousel */
.owl-nav { display: inherit!important;}
.owl-carousel.navpos_inside>.owl-nav div {background: var(--color-content-text);}
.owl-carousel.navstyle_circle .owl-nav div { height: 2rem; width: 2rem; top:0; }
.owl-carousel.navpos_inside .owl-prev { right: 3rem; left:inherit; }
.owl-carousel .owl-nav.disabled { display: none!important;}
.owl-carousel button.owl-dot { margin: 0 0.3rem;}
/* POPUP */ 
.w-popup-box-content {
	border: solid 2px var(--color-content-secondary);
	border-radius: 1rem;
}
.usoverlay_fixed body .l-header, .usoverlay_fixed body .l-main, .w-popup-overlay.active {
	background: rgba(0,22,89,0.3);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px); 
}
/*contact*/
.us_custom_6d149020 a {
	color:#fff;
}
.us_custom_6d149020 a:hover {
	color: var(--color-content-bg-alt)
}
/* FOOTER */
.avocat h3 {
	font-size: 1.5rem !important;
}
.avocat .w-iconbox.style_circle .w-iconbox-icon, .w-iconbox.style_outlined .w-iconbox-icon {
    line-height: 2em;
    height: 2em;
    width: 2em;
}
a.lien {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 22;
    top: 0;
    left: 0;
}

#menu-domaines li:before {
	display: none;
}
#menu-domaines li:last-child {
    margin-right: var(--main-gap,0) !important;
}
#menu-domaines a {
	color: var(--color-footer-bg);
}
#menu-domaines a:hover {
	color: #fff;
}

div div.grecaptcha-badge {display: none}
.l-section.color_footer-bottom h2 {
	color:var(--color-content-secondary);
}
.g-cols.mobi.type_default>div[class*="vc_col-xs-"] {
    margin: 0!important;
}
.mob {
    width: 100%!important;
    grid-gap: 0!important;
    position: fixed!important;
    bottom: 0!important;
    left: 0;
    z-index: 3!important;
    background: var(--color-content-secondary);
    display: flex!important;
    justify-content: space-around;
	margin: 0 !important;
}
.mob .w-btn-wrapper {
    margin:0
}
.mob .w-btn.icon_atleft i {
    margin: 0 0 .35rem;
    clear: both;
    display: block;
    font-size: 1.5rem;
}
.w-toplink.active {
	bottom: 3.5rem;
}
/*@media (min-width: 811px) and (max-width: 1380px) {
	.titre {
		margin-right: -13rem!important;
	}
}
@media screen and (max-width: 810px) {
	.titre {
		margin-right: 0!important;
	}
}*/
@media  and (min-width:1240px) {
	.g-breadcrumbs {
		position: absolute;
		bottom: .5rem;
	}
}
@media screen and (min-width: 810px) {
	#menu-domaines-1 li {
		width: calc(50% - var(--main-gap));
		line-height: 2rem;
	}
}
/* tablette to laptop */
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
/* tablette et + */

	@media screen and (max-width: 998px) {}

@media screen and (min-width: 601px) {
	#menu-domaines li {
		width: 45%;
		margin-bottom: .5rem;
	}
	.doc .w-btn.us-btn-style_4 {
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 800px) and (max-width: 1099px) {
	.actu .usg_post_image_1 > div{ 
		padding-bottom: 50% !important;
	}
}
/* Portable */
@media screen and (max-width: 600px) {
	#menu-domaines li {
		margin-bottom: .75rem !important;
	}
}
