/*
Theme Name: Lawyer (Child Theme)
Theme URI: http://themeforest.net/user/ThemeMakers/portfolio
Author: ThemeMakers
Author URI: URI: http://themeforest.net/user/ThemeMakers
Description: A WordPress Theme for a legal business. Lawyer & Co, designed and developed specifically for building directories for lawyers, attorneys and barristers at law or legal counsel business.
Tags: light, dark, gray, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Version: 5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lawyer
Template: lawyer
*/

/* = Add your own modification from here
-------------------------------------------------------------- */

.liencv {
    background: #4c6760 !important;
    padding: 20px;
    border-radius: 30px;
    display: block;
}

.liencv::before {
    content: '\e892';
    font-family: fontello;
    margin-right: 15px;
}

.divcv {
    margin-top: 50px;
    text-align: center;
}

.ripple {
    background-position: center;
    transition: background 0.8s;
}

.ripple:hover {
    background: #4c6760 radial-gradient(circle, transparent 1%, #4c6760 1%) center/15000%;
}

.ripple:active {
    background-color: #ffffff;
    background-size: 100%;
    transition: background 0s;
}

.invis {
    color: inherit !important;
}

/* Button style 
button {
  border: none;
  border-radius: 2px;
  padding: 12px 18px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  background-color: #2196f3;
  box-shadow: 0 0 4px #999;
  outline: none;
}*/


.logo {
    width: 170px;
}

.contact-phone {
    /*
    float: right !important;
    font-size: 20px !important;
*/
    color: 4c6760 !important;
    /*    margin: 10px !important;*/
}

.d2b {
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
}

.fort {
    font-weight: 600;
}

.chp {
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.single-people ul.list li a {
    color: #859b96;
}

.texteblanc * {
    color: #fff !important;
}

.btnctc {
    border: 2px #4c6760 solid;
}

.btnctc a {
    color: #222 !important;
    font-weight: 900;
}

.btnctc:hover,
.btnctc:hover a {
    background: #fff !important;
    color: #fff !important;
    /*    border: 1px solid #777 !important;*/
}

.logo {
    width: 130px !important;
}

.textwidget p, .main-footer .widget-title {
    color: #000 !important;
}

.vc_row.wpb_row.vc_row-fluid.vc_row-has-fill.vc_general {
    padding-bottom: 35px;
}

.txtcenter {
    text-align: center;
}

.row-fluid--socials {
    background-color: white !important;
}

p,
ul,
li {
    color: #000 !important;
}

.trois-encart p {
    color: white !important;
}

.trois-encart h3 {
    color: white !important;
}

.about-section__column:hover .about-section__title {
    color: #4c6760 !important;
}

.textwidget p,
.widget_text.widget {
    margin-bottom: 10px !important;
}

@-webkit-keyframes anime-btn-core-web-vital {
    from {
        transform: scale(1) translate(0, 0);
    }

    to {
        transform: scale(1.1) translate(-10px, 0);
    }
}

@keyframes anime-btn-core-web-vital {
    from {
        transform: scale(1) translate(0, 0);
    }

    to {
        transform: scale(1.1) translate(-10px, 0);
    }
}

@media only screen and (min-width: 0px) and (max-width: 1239px) {


    .vc_row {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
    }

    header.main-header .row.align-middle .columns {
        width: 100%;
    }
}

@media only screen and (min-width: 0px) {
    .forme-ronde {
        border-radius: 3000px !important;
    }

    a.btn.btn--small.red {
        background-color: #4c6760 !important;
        box-shadow: inset 0 0 0 2px #4c6760, 0 0 1px transparent !important;
        color: white !important;
    }

    input[value="Envoyer"] {
        background-color: #4c6760 !important;
        box-shadow: inset 0 0 0 2px #4c6760, 0 0 1px transparent !important;
    }

    ul li:before {
        color: #4c6760 !important;
    }

    .menu-item--active.menu-item > a {
        color: #fff !important;
        background-color: #4c6760 !important;
    }

    .effect-apollo {
        background-color: #4c6760 !important;
    }

    a {
        color: #4c6760 !important;
    }

    .about-section__column [class^='icon-'] {
        color: #4c6760 !important;
    }

    .main-menu > li.current-menu-parent > a,
    .main-menu > li.current-menu-item > a {
        color: #fff !important;
        background-color: #4c6760 !important;
    }

    /*---------------------------------------------------------------------09-02-21-*/
    .contact-phone.contact-phone--home-2 {
        display: flex;
        /*        flex-wrap: wrap;*/
        width: 100%;
        float: none !important;
        margin: 0 !important;
    }

    /*
    .contact-phone.contact-phone--home-2 * {
        width: 100%;
    }
*/

    #btn-fixed {
        position: fixed;
        top: 70%;
        right: 0;
        width: 70px;
        height: 170px;
        transform: translate(0px, -50%);
        display: flex !important;
        z-index: 10000;
        flex-direction: column;
        justify-content: space-around;
    }

    .btn-fixed-tel,
    .btn-fixed-mail {
        height: 70px;
        width: 70px;
        display: flex;
        margin: 0;
        box-shadow: 0 0 5px black;
        animation-name: anime-btn-core-web-vital;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    /*-mettre la couleur voulu au background-color-*/
    .btn-fixed-tel {
        background-color: #4c6760 !important;
    }

    .btn-fixed-mail {
        background-color: #4c6760 !important;
    }

    /*-FIN-mettre la couleur voulu au background-color-*/
    /*-mettre l'url de l'image voulu au background-image-*/
    .btn-fixed-tel {
        background-image: url(/wp-content/uploads/2022/03/telephone-1.png);
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    .btn-fixed-mail {
        background-image: url(/wp-content/uploads/2022/03/enveloppe-1.png);
        background-position: 50% 25%;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    /*-FIN-mettre l'url de l'image voulu au background-image-*/
    .btn-fixed-tel *,
    .btn-fixed-mail * {
        width: 100%;
        height: 100%;
        display: flex;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a {
        display: flex !important;
        align-items: flex-end;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
    }

    .btn-fixed-tel a,
    .btn-fixed-mail a {
        padding-bottom: 5px
    }

    .btn-fixed-tel *,
    .btn-fixed-mail * {
        color: white !important;
        text-align: center;
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .contact-phone.contact-phone--home-2 a {
        /* width: 35%; */
        margin: 0 10px;
        font-size: 14px;
    }

    .row-fluid.row-fluid--menu.align-middle.js-sticky.sticky-menu.scrolling .logo {
        display: flex;
    }

    .row-fluid.row-fluid--menu.align-middle.js-sticky.sticky-menu.scrolling .logo a {
        width: 50%;
        margin: auto;
    }

    .sticky-container {
        height: auto !important;
    }

    /*---------------------------------------------------------------------09-02-21-*/
    .trois-encart-gris h3 {
        color: white !important;
    }

    p.about-section__item-content {
        color: white !important;
    }

    .trois-encart-gris .wpb_column.vc_column_container.vc_col-sm-4:hover h3 {
        color: #4c6760 !important;
    }

    ul.sub-menu li a {
        color: white !important;
    }

    .page-heading.page-heading--no-img h2.page-heading__title {
        font-size: 40px;
        line-height: 40px;
        padding: 0 20px;
    }

    .page-heading {
        min-height: 150px;
        padding: 10px 0;
        height: inherit !important;
    }
}

@media only screen and (max-width: 767px) {

    .contact-phone {
        float: right !important;
        font-size: 15px !important;
        color: #4c6760 !important;
        margin: 10px !important;
    }

    .logo {
        margin: auto;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1582632566463.vc_row-o-equal-height.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-4 {
        background-color: #aeaeb5;
        width: 80%;
        margin: 20px auto;
        box-sizing: border-box;
        padding: 10px;
        -webkit-border-top-left-radius: 40px;
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-topleft: 40px;
        -moz-border-radius-bottomright: 40px;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        overflow: hidden;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    }

    .get-a-quote {
        background-color: #4c6760 !important;
    }

    .main-menu > li > a:hover {
        color: #fff !important;
        background-color: #4c6760 !important;
        /* margin: 5px; */
        border-radius: 0;
    }

    .main-menu .sub-menu .menu-item a:hover {
        background-color: #fff !important;
        color: #303030 !important;
        font-weight: 800;
    }

    .row-fluid.row-fluid--menu.align-middle.js-sticky.sticky-menu.scrolling {
        width: 100vw;
    }

    .row-fluid.row-fluid--menu.align-middle.js-sticky.sticky-menu--active {
        width: 100vw;
    }

    .row-menu--home-2.active .columns:nth-child(2) {
        width: 100%;
    }

    .row-menu--home-2.active .columns:nth-child(2) .main-navigation--home-2 {
        width: 100%;
        margin: 0;
    }

    .row-menu--home-2.active .columns:nth-child(2) .main-navigation--home-2 .columns.small-order-2.large-order-1 {
        width: 100%;
    }

    .row-menu--home-2.active .columns:nth-child(2) .main-navigation--home-2 .columns.small-order-2.large-order-1 nav ul.menu li ul.sub-menu li a {
        white-space: pre-wrap;
    }

    .page-heading__title {
        font-size: 34px;
        line-height: 36px;
    }
}

@media only screen and (min-width: 768px) {

    /*---------------------------------------------------------------------09-02-21-*/
    .contact-phone.contact-phone--home-2 {
        align-items: center;
    }

    .column {
        padding-right: 0;
        padding-left: 0;
    }

    /*---------------------------------------------------------------------09-02-21-*/
}

@media only screen and (min-width: 601px) and (max-width: 767px) {}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1582632566463.vc_row-o-equal-height.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-4 {
        background-color: #4c6760;
        width: 80%;
        margin: 20px auto;
        box-sizing: border-box;
        padding: 10px;
        -webkit-border-top-left-radius: 40px;
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-topleft: 40px;
        -moz-border-radius-bottomright: 40px;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        overflow: hidden;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    }

    .get-a-quote {
        background-color: #4c6760 !important;
    }

    .main-menu > li > a:hover {
        color: #fff !important;
        background-color: #4c6760 !important;
        margin: 5px;
        border-radius: 5px;
    }

    .main-menu .sub-menu .menu-item a:hover {
        background-color: #fff !important;
        color: #303030 !important;
        font-weight: 800;
    }

    .columns.small-12.shrink {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (min-width: 1023px) {}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .main-navigation.row-menu--home-2 {
        flex-direction: row !important;
    }

    .main-navigation.row-menu--home-2 .columns:nth-child(2) > .row.large-collapse.main-navigation--home-2 > div:nth-child(1) > nav > ul.menu {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .main-navigation.row-menu--home-2 .columns:nth-child(2) > .row.large-collapse.main-navigation--home-2 > div:nth-child(1) > nav > ul.menu li {
        width: 16%;
        height: 100px;
        margin: 2px;
    }

    .main-navigation.row-menu--home-2 .columns:nth-child(2) > .row.large-collapse.main-navigation--home-2 > div:nth-child(1) > nav > ul.menu li > a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 !important;
    }

    .main-navigation.row-menu--home-2 .columns:nth-child(2) > .row.large-collapse.main-navigation--home-2 > div:nth-child(1) > nav > ul.menu li > ul.sub-menu {
        left: -50%;
    }

    .main-navigation.row-menu--home-2 .columns:nth-child(2) > .row.large-collapse.main-navigation--home-2 > div:nth-child(1) > nav > ul.menu li > ul.sub-menu li {
        height: 100%;
        width: 100%;
        padding: 5px;
        margin: 0 !important;
    }

    .main-menu > li > a:after {
        top: 25px !important;
        height: 50px !important;
    }
}

@media only screen and (min-width: 1024px) {

    /*--menu--*/

    .main-menu .sub-menu .menu-item a {
        color: #fff !important;
    }

    .main-menu .sub-menu .menu-item a:hover {
        background-color: #fff !important;
        color: #303030 !important;
        font-weight: 800;
    }

    .page-heading--no-img {
        background-color: #4c6760 !important;
    }

    ul.menu.main-menu {
        display: flex;
        flex-wrap: nowrap;
    }

    .main-menu li:hover > a,
    .main-menu .current-menu-parent:not(.mega-menu-item) > a,
    .main-menu .current-menu-item > a,
    .main-menu .sub-menu .menu-item.current-menu-item > a {
        color: #fff !important;
        background-color: #4c6760 !important;
        border-radius: 5px;
    }

    .btnctc:hover {
        background: #4c6760 !important;
        color: #fff !important;
        border: 2px #4c6760 solid !important;
    }

    .main-menu > li a {
        margin: 0px;
        transition: .5s;
    }

    .main-menu > li > a:hover {
        color: #fff !important;
        background-color: #4c6760 !important;
        margin: 0px;
        border-radius: 0px;
    }

    .main-menu > li.current-menu-parent > a,
    .main-menu > li.current-menu-item > a {
        color: #fff;
        background-color: #4c6760 !important;
        margin: 5px;
        border-radius: 5px;
    }

    /*--menu--*/

    h3.about-section__title {
        font-weight: 600;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1582632566463.vc_row-o-equal-height.vc_row-flex {
        justify-content: space-between;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1582632566463.vc_row-o-equal-height.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-4 {
        background-color: #aeaeb5;
        width: 30%;
        box-sizing: border-box;
        padding: 10px;
        -webkit-border-top-left-radius: 40px;
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-topleft: 40px;
        -moz-border-radius-bottomright: 40px;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        overflow: hidden;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    }

    /*
    .vc_row.wpb_row.vc_row-fluid.vc_custom_1499905829430.vc_row-has-fill {
        background-color: #fffff3 !important;
    }
*/

    .about-section__column [class^='icon-']:before {
        transition: 0.5s;
    }

    .trois-encart-gris h3 {
        color: white !important;
    }

    .trois-encart-gris .wpb_column.vc_column_container.vc_col-sm-4:hover h3 {
        color: #4c6760 !important;
    }

    p.about-section__item-content {
        font-size: 20px;
        color: white !important;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1582632566463.vc_row-o-equal-height.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-4:before,
    .page-heading.page-heading--no-img:before {
        content: '';
        position: absolute;
        top: 0;
        left: -121%;
        width: 120%;
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
        transition: 0.5s;
        pointer-events: none;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1582632566463.vc_row-o-equal-height.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-4:hover:before,
    .page-heading.page-heading--no-img:hover:before {
        left: -50%;
        transform: skewX(-5deg);
    }

    @keyframes bganimation {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .get-a-quote {
        background-color: #4c6760 !important;
    }
}

@media only screen and (min-width: 1240px) {
    a.widget-address__link {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {}

@media only screen and (min-width: 1919px) {}

.txtblanc {
    color: #fff !important;
}