/*
 Theme Name:   NMB Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  A Bricks Child Theme dedicated for Melot & Buchet Avocats Website.
 Author:       Salem KACEM
 Author URI:   mailto:salem.kacem@pragmatic.page
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* Global */
html, body {
	/*height: 100%;*/
}

.home #brx-content {
	margin-top: calc((var(--header-height) * -1) + 1px);
}

.brxe-post-content hr {
	margin: 2em 0;
}

.brxe-post-content table {
	margin: 1.5em 0;
	border-spacing: 0;
	border: 1px solid var(--black-t-4);
	border-radius: 0.5em;
	overflow: hidden;
}

.brxe-post-content table tr:first-child {
	background-color: var(--primary-color-t-5);
}

.brxe-post-content table td {
	padding: 5px 10px;
	border-color: var(--black-t-5);
	border-block-width: 1px 0;
	border-inline-width: 1px 0;
}

main .search-highlight {
    background-color: #eeff99;
}

/* Header / Navbar */
body:not(.home) header, body.home header.scrolling {
	background: var(--white);
	box-shadow: 0 15px 15px var(--black-t-5);
}

@media (max-width: 360px) {
    .main-logo {
        width: 100%;
		min-width: 100px;
		max-width: 150px;
    }
}

.home header .main-logo * {
	transition: all 0.2s ease;
}

.home.video-hero header:not(.scrolling) {
	/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0) 100%);*/
}

.home.video-hero header:not(.scrolling) * {
	color: var(--white);
}

.home.video-hero header:not(.scrolling) .main-logo * {
	fill: var(--white);
}

header .bricks-nav-menu {
	align-items: center;
}

header .bricks-nav-menu .sub-menu > .menu-item, header .bricks-nav-menu > .menu-item {
	transition: all 0.2s ease;
}

header .bricks-nav-menu .bricks-button a {
	background-color: none !important;
}

body:not(.home) header .bricks-nav-menu > .menu-item > *, body.home.video-hero header.scrolling .bricks-nav-menu > .menu-item > *, body:not(.home) header .bricks-nav-menu > .menu-item .brx-submenu-toggle > *, body.home.video-hero header.scrolling .bricks-nav-menu > .menu-item .brx-submenu-toggle > * {
	color: var(--primary-color);
	fill: var(--primary-color);
}

body:not(.home) header .bricks-nav-menu .bricks-button a, body.home.video-hero header.scrolling .bricks-nav-menu .bricks-button a, body.home.video-hero header:not(.scrolling) .bricks-nav-menu > .menu-item > .brx-submenu-toggle > * {
	color: var(--white);
	fill: var(--white);
}

body.home.video-hero header:not(.scrolling) .bricks-nav-menu > .menu-item:hover > *, body.home.video-hero header:not(.scrolling) .bricks-nav-menu > .menu-item:hover > .brx-submenu-toggle > * {
	color: var(--white-t-2);
	fill: var(--white-t-2);
}

body:not(.home) header .bricks-nav-menu > .menu-item:hover > *, body.home header.scrolling .bricks-nav-menu > .menu-item:hover > *, body:not(.home) header .bricks-nav-menu > .menu-item:hover .brx-submenu-toggle > *, body.home header.scrolling .bricks-nav-menu > .menu-item:hover > .brx-submenu-toggle > *, header .bricks-nav-menu .sub-menu > .menu-item:hover > *, header .bricks-nav-menu .sub-menu > .menu-item:hover > .brx-submenu-toggle > * {
	color: var(--primary-color-d-2) !important;
	fill: var(--primary-color-d-2) !important;
}

body.home header:not(.scrolling) .bricks-nav-menu > .menu-item .sub-menu .brx-submenu-toggle > * {
	color: var(--primary-color);
	fill: var(--primary-color);
}

body.home header:not(.scrolling) .bricks-nav-menu .bricks-button {
	color: var(--primary-color);
	background-color: var(--white);
}

body.home header:not(.scrolling) .bricks-nav-menu .bricks-button a {
	color: var(--primary-color);
}

body.home header:not(.scrolling) .bricks-nav-menu .bricks-button:hover {
	background-color: var(--white-t-1);
}

header .bricks-nav-menu .brx-submenu-toggle {
	justify-content: space-between;
}

header .bricks-mobile-menu-wrapper {
	padding-top: 70px;
}

header .bricks-mobile-menu .menu-item > .brx-submenu-toggle button {
	transition: all 0.2s ease;
}

header .bricks-mobile-menu .menu-item.active > .brx-submenu-toggle button {
	transform: rotate(180deg);
}

.bricks-search-overlay .close {
	top: 30px;
}

/* WMPL Language Switcher */
.wpml-ls {
	width: auto !important;
	z-index: 1001;
}

.wpml-ls a.wpml-ls-item-toggle, .wpml-ls a.wpml-ls-item-toggle:focus {
    line-height: 20px;
	color: var(--primary-color) !important;
    border: none !important;
	background: none !important;
}

.wpml-ls a.wpml-ls-item-toggle::after {
    font-family: "Feathericons" !important;
    content: '\e916' !important;
	border: none !important;
	border-top: none !important;
	top: calc(50% - .5em) !important;
	transition: all 0.2s ease;
}

.wpml-ls-sub-menu {
	overflow: hidden;
	background-color: var(--white);
	border-top: 2px solid var(--primary-color) !important;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 5px 15px var(--black-t-5);
	z-index: 1001 !important;
}

.wpml-ls-sub-menu a.wpml-ls-link, .wpml-ls-sub-menu a.wpml-ls-link:focus {
    padding: 8px 10px;
	color: inherit !important;
    border: none !important;
	background: none !important;
}

/* Search */
.bricks-search-overlay.show {
	z-index: 9999;
}


/* Animate Popups when opened */
.brx-popup.hide .brx-popup-content {
	opacity: 0;
	transform: translateY(100px) scale(0.9);
	transition: all 0.5s ease;
}

.brx-popup .brx-popup-content {
	opacity: 1;
	transform: translateY(0) scale(1);
	transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Forms */
form input, form textarea {
	border-radius: 5px;
	transition: all 0.5s ease;
}

form input:focus, form textarea:focus {
	border-color: var(--primary-color);
	box-shadow: 0 3px 15px 0 var(--black-t-5);
}

/* Page elements */
.section-title {
	align-self: center;
	text-align: center;
	text-transform: uppercase;
	color: var(--primary-color);
}

.centered-title {
	align-self: center;
	text-align: center;
	color: var(--primary-color);
}

.bricks-pagination ul li * {
	transition: all 0.2s ease;
}

/* Footer */
footer a {
	color: var(--white);
}

footer a:hover {
	color: var(--white-t-2);
}