/*
Theme Name: JMS Theme
Theme URI: https://jmstaxaudit.be
Author: BrandonDEV
Author URI: https://brandondev.be
Description: Theme pour le site des flux notaires
Requires at least: 6.3
Tested up to: 6.3
Requires PHP: 8.1
Version: 1.0
Text Domain: jmstheme
*/


/* ----------------------------------------------- START GLOBAL ----------------------------------------------- */
:root {
    --light: #fff;
    --dark: #000;
    --confirm: #70ad47;
    --error: #bf0000;
    --medium: #d9d9d9;
    --grey: #b3b3b3;
    --open: #8FCBEC;
    --closed: #929292;
    --hold: #ffac30;
    --juridique: #173D7C;
    --management: #D4851E;
    --social: #A31F2A;
    --fiscal: #000;
}

html {
    font-size: 10px;
}

body {
    font-size: 1.4rem;
    font-family: 'DepotNew', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.2;
    min-height: 100vh;
}

p {
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 300;
}

a {
    text-decoration: none;
    color: var(--dark);
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: var(--dark);
}

i {
    font-family: 'FontAwesome';
}

li {
    list-style-type: none;
}

ul {
    padding: 0;
}

button:focus {
    outline: none;
}

::selection {
    background-color: var(--dark);
    color: var(--light);
}
/* ----------------------------------------------- END GLOBAL ----------------------------------------------- */
/* /////////////////////////////////////////////// START CSS BRANDON /////////////////////////////////////////////// */
.progresses {
    display: flex;
    align-items: center;
}
.line {
    width: 50px;
    height: 6px;
    background: #6c757d;
}
.steps {
    display: flex;
    background-color: #6c757d;
    color: #fff;
    font-size: 14px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.active {
    background-color: #837591;
    color: #fff;
}
.done {
    background-color: #28a745;
    color: #fff;
}
.btn-next, .btn-previous {
    padding: 5px 40px;
    cursor: pointer;
}
.hidden {
    display: none;
}
.btn-previous {
    margin-right: 20px;
}
.btn-next {
    margin-left: 20px;
}
.minimum-size {
    padding-top: 3px;
    font-size: 9px;
}
.pt-5 {
    padding-top: 5px;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.new_actionnaire,
.input_new_actionnaire,
.delete_actionnaire,
.input_delete_actionnaire,
.input_new_admin,
.input_delete_admin,
.input_change_admin,
.new_admin,
.list_objects,
.delete_admin,
.change_admin,
.radio_digitalisation_livre,
.btn-recap,
.list_remove_objects,
.input_change_denomination,
.input_add_list_object,
.input_add_list_remove_objet,
.input_add_list_admin,
.input_add_denomination {
    display: none;
}

.small-container {
    margin-bottom: 100px;
    width: 1140px;
}

.juridique {
    background-color: var(--juridique);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
}

.management {
    background-color: var(--management);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
}

.social {
    background-color: var(--social);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
}

.fiscal {
    background-color: var(--fiscal);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
}

.icon_section {
    margin-left: 15px;
}

.white {
    color: white !important;
}
/* /////////////////////////////////////////////// END CSS BRANDON /////////////////////////////////////////////// */
/* /////////////////////////////////////////////// START CTA JMS /////////////////////////////////////////////// */
.cta_jms {
    width: fit-content;
    padding: 9px 20px 9px 10px;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.2;
    border: 1px solid;
    transition: .3s all;
    display: block;
}

.cta_light {
    background: var(--light);
    color: var(--dark);
    border-color: var(--dark);
}

.cta_dark {
    background: var(--dark);
    color: var(--light);
    border-color: var(--dark);
}

.cta_dark,
.cta_dark:hover,
.cta_dark:active,
.cta_dark:focus {
    background: var(--dark);
    color: var(--light);
    border-color: var(--dark);
    border-radius: 0;
}

.cta_light:hover,
.cta_light:active,
.cta_light:focus {
    transform: scale(0.95);
}

footer .cta_light:hover,
footer .cta_light:active,
footer .cta_light:focus {
    color: var(--light);
    background-color: var(--dark);
    border-color: var(--light);
    transform: scale(0.95);
}

.cta_jms svg {
    width: 20px;
    margin-right: 8px;
}

.arrow_white{
    fill: var(--light);
}

.arrow_black {
    fill: var(--dark);
}

.cta_light:hover .arrow_black,
.cta_light:active .arrow_black,
.cta_light:focus .arrow_black {
    fill: var(--light);
}

.btn-primary.focus, 
.btn-primary:focus {
    box-shadow: none;
}
/* /////////////////////////////////////////////// END CTA JMS /////////////////////////////////////////////// */
/* /////////////////////////////////////////////// START HEADER /////////////////////////////////////////////// */
/* start expertises */
.expertises {
	max-width: 1140px;
	margin: auto;
	padding: 30px 0 60px 0;
}

.expertise {
    padding: 20px;
    width: calc(100% / 4 - 10px);
    margin: 0 5px;
    transition: .3s all;
}

.expertise:hover {
	transform: scale(1.02);
}

.expertise:first-child {
    background-color: var(--juridique);
    border: 1px solid var(--juridique);
}

.expertise:nth-child(2) {
    background-color: var(--management);
    border: 1px solid var(--management);
}

.expertise:nth-child(3){
    background-color: var(--social);
    border: 1px solid var(--social);
}

.expertise:last-child{
    background-color: var(--light);
    border: 1px solid var(--dark);
}

.expertise:last-child .service {
    color: var(--dark);
}

.service {
    margin: 0;
    color: var(--light);
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
}

.expertise svg,
.expertise_img svg {
    width: 20px;
    fill: var(--light)
}

.expertise:last-child svg {
    fill: var(--black);
    width: 18px;
}

.expertise p svg {
    width: 4px;
    margin-right: 5px;
}

.expertise p circle {
    fill: var(--light);
}

.expertise:last-child p circle {
    fill: var(--dark);
}

.expertise:last-child p svg {
    margin-right: 0;
}
/* end expertises */
/* selecteur langues */
.selector button {
    font-size: 1.5rem;
    font-weight: 500;
    border: none;
    position: relative;
}

.selector button::before {
    content: 'langues';
    position: absolute;
    left: -91px;
    font-size: 1.6rem;
    top: 1px;
}

.selector button::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: var(--dark);
    transform: rotate(180deg);
    top: 13px;
    left: -35px;
    border: none;
}

.selector {
	position: relative;
}

.selector::after {
    content: '';
    background-image: url(/wp-content/themes/JMSTheme/assets/pics/arrow-jms.svg);
    background-size: 12px;
    width: 12px;
    height: 12px;
    border: none;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    right: -4px;
    top: 9px;
    position: absolute;
}

.selector ul {
    padding: 0;
    border: none;
    padding-right: 7px;
    width: fit-content;
    max-width: fit-content;
    min-width: fit-content;
    padding-left: 7px;
}

.selector ul * {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0;
    float: right;
}

.selector ul a {
    padding-bottom: 7px;
    width: fit-content;
}

.selector .dropdown-item:focus, 
.selector .dropdown-item:hover {
	background: transparent !important;
}
/* /////////////////////////////////////////////// END HEADER /////////////////////////////////////////////// */
/* /////////////////////////////////////////////// START TIMELINE /////////////////////////////////////////////// */
.nav-pills {
    max-width: 1140px;
    padding: 0 5px;
}


.nav-pills .nav-link {
    background: #e2e1e1;
    border-radius: 0;
    width: fit-content;
    max-width: fit-content;
    font-size: 1.4rem;
    color: var(--dark);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3px;
    padding: 0 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #e2e1e1;
}

.nav-step-13:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 40px;
    border-left: solid 20px #e2e1e1;
    border-bottom: solid 20px transparent;
    border-top: solid 20px transparent;
    top: -1px;
    right: -31px;
}

.nav-step-13.active:after {
    border-left: solid 20px #163d7c;
}

.nav-step-13.active {
    background: #163d7c !important;
    color: #fff !important;
    border-color: #163d7c !important;
}

.nav-step-13 {
    position: relative;
}

.nav-pills .nav-link.active {
    background: #fff;
    color: #000;
    border-color: #000;
}
/* /////////////////////////////////////////////// END TIMELINE /////////////////////////////////////////////// */
/* /////////////////////////////////////////////// START CONTENT /////////////////////////////////////////////// */
/* start form */
#flux_notaries .title-step,
.title-step-13,
.title-step-14 {
	font-size: 2.7rem;
	font-weight: 700;
	padding-top: 50px;
	padding-bottom: 15px;
}
.divider {
    display: none;
}

/* start step cta */
.btn_step {
	background: var(--dark);
    border: 1px solid var(--dark);
    border-radius: 0;
    height: auto;
    padding: 7px 20px 7px 10px;
    font-size: 1.7rem;
    font-weight: 500;
    color: var(--light);
    transition: .3s all;
}

.btn_step:hover,
.btn_step:active,
.btn_step:focus {
    background: var(--dark);
    color: var(--light);
    border-color: var(--dark);
    transform: scale(1.03);
}

.btn_step svg {
    fill: var(--light);
    width: 20px;
    margin-right: 10px;
}

.btn-previous-fake svg {
    transform: rotate(181deg);
}

.btn-previous svg {
    transform: rotate(181deg);
}

.btn:disabled svg {
    fill: var(--dark);
    opacity: .7;
}

.btn-previous {
    opacity: .3;
}

.btn-download-article a {
    background: transparent;
    border: none;
    text-decoration: underline;
    padding: 0;
    font-size: 1.7rem;
}

.btn-download-article svg {
    fill: var(--dark);
    width: 18px;
    margin-right: 6px;
}

.check_required label {
    font-size: 1.6rem;
}

.form-switch .form-check-input {
    border-color: var(--dark);
}

.form-check-input:checked {
    background-color: #2d5ba6;
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
	box-shadow: none;
	border-color: var(--dark);
}

.form-floating select, 
.form-floating input {
    min-height: 50px !important;
    border-radius: 0 !important;
    font-size: 1.6rem !important;
}

h4,
h6,
.fc-toolbar-title,
.step_14 th {
    text-transform: uppercase;
    letter-spacing: .2px;
    font-size: 1.8rem;
}

#email {
    margin-bottom: 30px;
}

.add_list_admin,
.input_actionnaire {
    font-size: 1.4rem;
    border: none;
    background: var(--juridique);
    font-weight: 500;
    color: var(--light);
    border-radius: 50px;
    padding: 3px 10px 3px 25px;
    position: relative;
    border: 1px solid var(--juridique);
}

.add_list_admin, .input_actionnaire {
    margin-bottom: 30px;
}

.add_list_admin::before,
.input_actionnaire::before {
    content: '+';
    position: absolute;
    left: 7px;
    top: -3px;
    font-size: 2.3rem;
}

.add_list_admin:hover,
.add_list_admin:focus,
.add_list_admin:active,
.add_list_admin:focus-visible,
.input_actionnaire:hover,
.input_actionnaire:active,
.input_actionnaire:focus,
.input_actionnaire:focus-visible {
    background: var(--light) !important;
    border-color: var(--dark) !important;
    box-shadow: none !important;
    color: var(--dark) !important;
}

.remove_admin {
    font-size: 1.8rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

input:-internal-autofill-selected {
	background-color: var(--light) !important;
}

.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after {
	background-color: transparent !important;
}

.btn-next-step {
    margin-top: 30px;
    margin-bottom: 30px;
}

.no_change_forme {
    border: 1px solid var(--dark);
    padding: 15px;
    margin-top: 30px;
    font-size: 1.6rem;
    font-weight: 500;
}

.text_procuration_notaire {
    border: 1px solid var(--dark);
    padding: 15px;
    margin-top: 30px;
    font-size: 1.6rem;
    font-weight: 500;
}

.validation-informations {
    border: 1px solid var(--dark);
    padding: 15px;
    margin-top: 30px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
}

.btn-last-step {
    width: fit-content;
}

.input_change_forme_legale label {
    font-size: 1.6rem;
}

.input_change_forme_legale {
    padding-top: 15px;
    padding-bottom: 20px;
}

.list-group-item {
    padding: 5px 0;
}

.step_11 p, 
.step_11 li {
    font-size: 1.6rem;
}

.btn-pay {
    background: var(--dark);
    border: none;
    padding: 7px 20px;
    font-size: 1.8rem;
    transition: .3s all;
    color: var(--light);
}

.btn-pay:hover,
.btn-pay:active,
.btn-pay:focus {
	transform: scale(1.03);
}

.pay {
    padding: 0;
    text-align: right;
    margin-top: 20px;
}

.step_14 th {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.8rem !important;
    padding: 10px 0;
}

.gdpr {
    font-size: 1.4rem;
    margin: 25px 0 10px 0;
}

.step_14 .btn-next-step {
    margin-top: -65px;
}

.step_14 thead th {
    padding-left: 6px;
    padding-right: 6px;
    background: var(--dark);
    color: var(--light);
}

.step_14 tbody td {
    padding: 10px 5px;
    border-bottom: 1px solid #4c4c4c;
}

/* calendar */
.step_13 .container {
    max-width: 1140px;
}

.fc .fc-daygrid-day.fc-day-today {
    background: rgb(0 0 0 / 10%);
}

.fc-col-header-cell {
    background: var(--dark);
    color: var(--light);
    font-weight: 500;
    padding: 10px !important;
}

.fc-header-toolbar {
    background: var(--dark);
    margin: 0 !important;
    padding: 15px;
    color: var(--light);
}

.fc-daygrid-dot-event {
    font-size: 1.5rem;
    cursor: pointer;
}

.fc-daygrid-event-dot {
    border-color: #49b649;
    border-width: 3px;
}

.fc-daygrid-day-number {
    padding: 10px !important;
}

.fc-header-toolbar button {
    background: var(--light) !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--dark) !important;
    font-size: 1.4rem;
}

.fc-header-toolbar button .bi {
    display: none;
}

#calendar {
    padding-bottom: 0 !important;
}

.fc .fc-toolbar-title {
    font-size: 1.8rem !important;
}

.radio-form span {
    display: block;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 1.6rem;
}

.radio-form .form-check {
    font-size: 1.5rem;
    padding: 3px 1.5em;
}

.radio-form .form-check:last-child {
    margin-bottom: 10px;
}

/* /////////////////////////////////////////////// END CONTENT /////////////////////////////////////////////// */
/* /////////////////////////////////////////////// START FOOTER /////////////////////////////////////////////// */
footer {
    background-color: var(--dark);
    color: var(--light);
    width: 100%;
    padding: 50px 40px 70px 40px;
}

.container_footer {
    max-width: 1140px;
    margin: auto;
    padding: 80px 0;
}
/* end cta back */
.title_footer {
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 0;
    padding-bottom: 10px;
    line-height: 1.2em;
}

footer li {
    margin-bottom: 3px;
    margin-right: 25px;
    font-size: 1.8rem;
    font-weight: 100;
}

footer a {
    color: var(--light);
    font-size: 1.8rem;
    font-weight: 100;
}

footer a:hover,
footer a:focus,
footer a:active {
    color: var(--light);
}

footer a span {
    font-weight: bold;
    display: inline-block;
    padding-right: 10px;
}

footer i {
    color: var(--light);
}
/* start col adresse */
.itinerary {
    padding-top: 10px;
}

.itinerary p {
    font-size: 1.8rem;
    font-weight: 100;
}

.icon_itinerary img {
    width: 25px;
}

footer .st0 {
    fill: var(--light) !important;
    transition: .3s all;
}

footer path:hover {
    fill: var(--medium) !important;
}

.itinerary svg {
    width: 20px;
    margin: 0 10px;
}

.icon_itinerary a {
    padding-right: 15px;
}

.icon_itinerary img {
    transition-duration: .3s;
    transition-property: transform;
}

.icon_itinerary img:hover, 
.icon_itinerary img:focus,
.icon_itinerary img:active {
    transform: scale(0.9);
}
/* start col adresse */
/* start col RS */
.social_list a {
    display: block;
}

.social_list svg {
    width: 25px;
    height: 25px;
}

.col_5 {
    max-width: fit-content;
}

.social_list li:not(:last-child) {
    padding-bottom: 20px;
}

.social_list li {
    margin: 0;
}

/* end col RS */
/* start copyright */
.container_copyright {
    max-width: 1140px;
    margin: auto;
}

.container_copyright * {
    font-size: 1.4rem;
    font-weight: 100;
}
/* end copyright */
/* ----------------------------------------------- RESPONSIVE ----------------------------------------------- */
/* /////////////////////////////////////////////// END FOOTER /////////////////////////////////////////////// */
/*
@media (max-width: 1399px) {
	.dropdown-menu.show {
		left:: -69px !important;
	}
}
*/

@media (max-width: 1024px) {
/* /////////////////////////////////////////////// START FOOTER /////////////////////////////////////////////// */
    footer {
        padding: 50px 25px 70px 25px;
    }

    .container_footer {
        display: flex;
        flex-direction: column;
        padding-bottom: 10px;
    }

    footer a,
    footer li,
    .itinerary p {
        font-size: 1.6rem;
    }

    .container_footer .col {
        padding-bottom: 30px;
    }

    .social_list {
        flex-direction: row;
        display: flex;
    }

    .social_list li:not(:last-child) {
        padding-bottom: 0;
        padding-right: 30px;
    }

    .social_list {
        padding-top: 5px;
    }
/* /////////////////////////////////////////////// END FOOTER /////////////////////////////////////////////// */
}
@media (max-width: 767px) {
	.container,
	.container-sm {
	    max-width: 100% !important;
	    padding: 0 27px !important;
	}
	
	.expertises {
	    max-width: 100%;
	    padding-left: 27px;
	    padding-right: 27px;
	}
	
	.nav-pills {
	    padding: 0;
	}
	
	.btn_step {
	    font-size: 1.5rem;
	}
/* /////////////////////////////////////////////// START HEADER /////////////////////////////////////////////// */
    .bkg_white .expertises {
        flex-direction: column;
    }

    .expertises {
        margin: 0;
        flex-direction: column;
    }

    .expertise_jms {
        width: 100%;
        margin: 0;
        padding-bottom: 30px;
    }

    .expertise {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    .bkg_white .expertise_jms:nth-child(2) .expertise_img,
    .bkg_white .expertise_jms:first-child .expertise_img,
    .bkg_white .expertise_jms:last-child .expertise_img {
        height: 200px;
    }
/* /////////////////////////////////////////////// END HEADER /////////////////////////////////////////////// */
/* /////////////////////////////////////////////// START FOOTER /////////////////////////////////////////////// */
    footer {
        padding: 50px 20px 70px 20px;
    }

    .title_footer {
        font-size: 1.4rem;
    }
/* /////////////////////////////////////////////// END FOOTER /////////////////////////////////////////////// */
}
@media (max-width: 575px) {
	.small-container {
	    width: 100%;
	}
}