/**
Theme Name: FrenchLaw
Author: DigiXP
Author URI: https://www.digixp.fr/
Description: This is the child theme by DigiXP for the frenchlaw website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frenchlaw
Template: astra
*/

/*general*/
html {overflow-y: scroll}
.justify {text-align: justify}
.no-margin {margin: 0 !important}
.wp-block-uagb-buttons-child {transition: all .25s}
.wp-block-uagb-buttons-child:hover {transform: translateY(-2px)}
.wp-block-uagb-buttons-child .uagb-button__icon {transition: transform .2s}
.wp-block-uagb-buttons-child:hover .uagb-button__icon {transform: translateX(4px)}
/*header*/
.site-header-primary-section-left .header-widget-area {padding: 0 10px 0 0}
/*nav*/
nav .main-header-menu {display: flex; column-gap: 10px}
nav .main-header-menu .menu-item a {transition: background 0.2s ease, color 0.2s ease; border-radius: 8px}
.ast-builder-menu-mobile #ast-hf-mobile-menu {row-gap: 20px}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {background: none}
.menu-item-has-children .ast-menu-toggle {top: 0.3em !important; box-shadow: none; line-height: 1.8em !important}
.menu-item-has-children .ast-menu-toggle:focus {outline: none}
.menu-item-has-children ul.sub-menu {padding: 20px 0 0 0; background: var(--ast-global-color-2) !important}
.menu-item-has-children ul.sub-menu a {line-height: 1.2em !important; margin-bottom: 20px}
.menu-item-has-children ul.sub-menu li:last-child a {margin-bottom: 0}
.current-menu-item:hover a.uagb-infobox-link-wrap {background: none !important}
.current-menu-item:hover a, .current-page-ancestor a:not(.uagb-infobox-link-wrap) {background: var(--ast-global-color-1) !important; color: var(--ast-global-color-2) !important}
/*mega-menu*/
.astra-megamenu {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.astra-megamenu .ast-mm-custom-content {margin: 0 !important; padding: 0}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap {transition: background 0.2s ease}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap:hover {background: var(--ast-global-color-4)}
.astra-megamenu .ast-mm-custom-content .uagb-ifb-content {position: relative; z-index: 2; pointer-events: none}
.astra-megamenu .ast-mm-custom-content a.uagb-infobox-link-wrap.uagb-infbox__link-to-all {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent !important}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap.is-current-page {background: var(--ast-global-color-1)}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap.is-current-page a {cursor:auto}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap.is-current-page .uagb-ifb-content * {color:var(--ast-global-color-2)}
.astra-megamenu .uagb-infobox__content-wrap .uagb-ifb-content img {width: 100%; aspect-ratio: 350 / 150; border-top-left-radius: 8px !important; border-top-right-radius: 8px !important}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap img {transition: filter 0.2s ease}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap:hover:not(.is-current-page) img {filter: brightness(1.1)}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap .uagb-ifb-content .uagb-ifb-title {transition: color 0.2s ease}
.astra-megamenu .ast-mm-custom-content .uagb-infobox__content-wrap:hover:not(.is-current-page) .uagb-ifb-content .uagb-ifb-title {color: var(--ast-global-color-6)}
/*logo*/
.logo {display: flex; align-items: center; column-gap: 20px; text-decoration: none;}
.logo-icon {width: 50px; height: 50px; background: linear-gradient(135deg, #1A3F72 0%, #1E5BB5 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; color: var(--ast-global-color-2); font-weight: 600; letter-spacing: .05em; flex-shrink: 0}
.logo-text {line-height: 1.1}
.logo-text strong, .logo-text span {letter-spacing: 0.05em}
.logo-text strong {display: block; font-size: 1.4em; color: var(--ast-global-color-0)}
.logo-text span {font-size: 0.7em; color: var(--ast-global-color-5); text-transform: uppercase}
@media (max-width: 330px) {.logo-icon {display: none}}
/*footer*/
#menu-footer-menu .current-menu-item a, #menu-footer-menu-areas-of-law .current-menu-item a {color: var(--ast-global-color-0) !important}
#menu-footer-menu a, #menu-footer-menu-areas-of-law a {background: none !important}
#menu-footer-menu .current-page-ancestor a {color: var(--ast-global-color-0) !important}
/*home*/
.hero-label {text-transform: uppercase; margin: 0 !important; display: flex; align-items: center; gap: 10px}
.hero-label::before {content: ''; width: 30px; height: 1px; background: var(--ast-global-color-6)}
/*areas-of-law*/
.aeras-cards .uagb-infobox__content-wrap {max-width: 400px !important; margin: 0 auto}
.aeras-cards .uagb-ifb-content {position: relative; z-index: 2; pointer-events: none}
.aeras-cards a.uagb-infobox-link-wrap.uagb-infbox__link-to-all {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: var(--ast-global-color-2); border-radius: 8px}
.aeras-cards .uagb-ifb-content img {aspect-ratio: 1 / 1; border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border-bottom: 1px solid var(--ast-global-color-1); transition: filter 0.2s ease}
.aeras-cards .uagb-ifb-title {padding: 5px 5px 0 5px}
.aeras-cards .uagb-ifb-desc {padding: 0 5px}
.aeras-cards .uagb-infobox__content-wrap:hover img {filter: brightness(1.1)}
.aeras-cards .uagb-infobox__content-wrap:hover a {background: var(--ast-global-color-4) !important}
.aeras-cards .uagb-infobox__content-wrap .uagb-ifb-content .uagb-ifb-title {transition: color 0.2s ease}
.aeras-cards .uagb-infobox__content-wrap:hover .uagb-ifb-content .uagb-ifb-title {color: var(--ast-global-color-6)}
/*form*/
.gform-theme input, .gform-theme .gfield_label, .gform-theme textarea {font-size: 1em !important}
.gform-theme input:focus, .gform-theme textarea:focus, .gform-theme #gform_submit_button_1:focus {outline: none}
.gform-theme .gfield_required {font-size: 0.9em !important}
.gform-theme #gform_submit_button_1, .gform-theme a.home-button {line-height: 1.4em !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; border-radius: 8px !important; padding: 5px 40px 5px 40px !important; transition: background 0.2s ease}
.gform-theme a.home-button {background: var(--ast-global-color-1); color: var(--ast-global-color-2); font-weight: 400; font-size: 1em; text-decoration: none; margin-top: 10px}
.gform-theme #gform_submit_button_1:hover, .gform-theme a.home-button:hover {background: var(--ast-global-color-6) !important}
.gform-theme .ginput_container_consent input[type="checkbox"]:checked {background-color: var(--ast-global-color-2)}
.gform-theme .ginput_container_consent input:before {color: var(--ast-global-color-0)}
@media (max-width: 639px) {.gform-theme .gfield input.medium {inline-size: 100%}}
/*single-aera*/
.left-side-aera {margin: 0 auto}
.title-other-aeras {border-radius: 8px}
.left-side-aera .uagb-infobox__content-wrap .uagb-ifb-content {position: relative; z-index: 2; pointer-events: none}
.left-side-aera .uagb-infobox__content-wrap a.uagb-infobox-link-wrap.uagb-infbox__link-to-all {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: var(--ast-global-color-5); border-radius: 8px}
.left-side-aera .uagb-infobox__content-wrap .uagb-ifb-content img {aspect-ratio: 1 / 1; border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; transition: filter 0.2s ease}
.left-side-aera .uagb-infobox__content-wrap:hover .uagb-ifb-content img {filter: brightness(1.1)}
.left-side-aera .uagb-infobox__content-wrap .uagb-ifb-content .uagb-ifb-title {transition: color 0.2s ease}
.left-side-aera .uagb-infobox__content-wrap:hover .uagb-ifb-content .uagb-ifb-title {color: var(--ast-global-color-6)}
/*legal-mentions*/
.pix-digixp img {margin-bottom: 6px !important}