/*
Theme Name: Prunelle
Theme URI: https://prunelle.com/
Author: WAOUH MONDE - (Stéphane GANSETO)
Author URI: http://stephaneganseto.com/
Description: Prunelle est un logiciel pensé et conçu dans l’optique de faciliter le suivi des clients et de simplifier le quotidien des équipes exerçant au sein des cabinets d’avocats et des directions juridiques. Il s’agit d’un logiciel tout en un qui offre une grande facilité d’utilisation grâce à une interface simple et intuitive. Plus qu'une application de gestion, Prunelle propose des solutions qui simplifient la coordination des équipes et la gestion de votre activité.
Version: 1.0
*/


/* **************************** CSS GÉNÉRAL ANCHOR********************************* */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

::-moz-selection { 
  color: #FFF;
  background: #3385B8;
}

::selection {
  color: #FFF;
  background: #3385B8;
}

body { 
  font-family: 'Poppins', sans-serif!important; 
  font-weight: 400; 
  font-size:14px; 
  margin: 0; 
  padding: 0; 
}

.container {
  max-width: 90% !important;
}

a {
  text-decoration: none !important;
}

.section-title>div {
  width: 7%;
  height: 4px;
  border-radius: 26px;
  background-color: #3385B8;
}

.h-85 {
  height: 85%;
}

.w-80 {
  width: 80%;
}

.h-95 {
  height: 95%;
}

.mb-70 {
  margin-bottom: 70px;
}

.dlist-align {
  display: flex;
}

.dlist-align dt {
  white-space: nowrap;
  width: 32px;
}

.dlist-align dd {
  color: #6B6B6B;
  line-height: 1.8;
}

.d-md-block {
  z-index: 1;
}

.form-inline {
  align-items: center;
}

.list-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: .5rem;
}



/* ******************************* SECTION HEADER ********************************** */

#prunelle-header { 
  width: auto; 
  height: 500px; 
  background-color: #fff; 
  position: relative; 
  border-bottom: 0.75px solid #D9D9D9; 
}

#prunelle-header:before { 
  content: ""; 
  position: absolute; 
  width: 60%; 
  height: 100%; 
  right: 0; 
  top: 0; 
  bottom: 0; 
  margin-top: auto; 
  margin-bottom: auto; 
  background-image: url(assets/svg/polygone.svg); 
  background-color: transparent; 
  background-repeat: no-repeat; 
  background-size: cover; 
}

@media only screen and (min-width: 992px) {
  #prunelle-header .form-inline {
    margin-top: -25px;
  }

  #main-nav ul li:last-child {
    margin-left: 150px;
  }
}

.home-banner h1 { 
  color: #3385B8; 
  font-weight: 650; 
  font-size: 60px; 
  text-transform: uppercase; 
  margin: 0; 
  line-height: 2;  
}

.home-banner p { 
  color: #434343; 
  font-size: 30px; 
  /*text-align: justify;*/
  font-weight: normal; 
  margin-bottom: 0; 
}

#main-nav {
  justify-content: flex-end;
}

#main-nav ul li {
  padding: 0 1.5rem;
}

#main-nav ul li a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
}

#main-nav ul li.active a {
  border-bottom: 3px solid #FFF;
}

#main-nav.show {
  background-color: #27295C;
}

#main-nav.show ul li a {
  color: #FFF;
}

@media only screen and (max-width: 991px) {
  .home-banner {
      z-index: 9;
    }
}

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

@media only screen and (max-width: 767px) {
  #prunelle-header:before {
    width: 30% !important;
  }
}



/* *************************** SECTION ABOUT US ********************************* */

#prunelle-about {
  background-color: #FFF;
  margin-top: 50px;
}

#prunelle-about .row {
  align-items: center;
}

.text-paragraph {
  font-size: 16px;
  line-height: 2.5;
  font-weight: normal;
  text-align: justify;
  color: #6B6B6B;
}

.text-paragraph span {
  font-weight: 600;
}

.section-title.about-us h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 700 !important;
  line-height: 38px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
  color: #3385B8;
}

.section-title h1 {
  margin: 0;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  color: #3385B8;
}

.image-size-contain {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}

.image-size-contain.illustration {
  text-align: right;
  height: 415px;
}

.image-size-contain.about-us {
  position: absolute;
  top: 30px;
  right: 35px;
  height: 385px;
}



/* ****************************** SECTION FEATURES ************************************** */

@media only screen and (min-width: 992px) {
  .col-lg-2.col-xl-2.point5 {
    width: 20% !important;
  }
}

@media only screen and (max-width: 991px) {
  #myTab.nav {
    justify-content: center;
  }
}

#prunelle-features .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #434343 !important;
}

#prunelle-features .nav-link:focus,
#prunelle-features .nav-link:hover {
  background-color: #94C9E6;
  border-radius: 6px;
  color: #fff !important;
}

#prunelle-features .nav-link.active {
  background-color: #3385B8;
  border-radius: 6px;
  color: #fff !important;
}

/* #prunelle-features .nav-link.active {
  background-image: url(assets/svg/union.svg);
} */

.features-box-content .title h4 {
  font-weight: 700;
  color: #3385B8;
  margin-top: 0 !important;
}

.features-box-content .body p {
  color: #6B6B6B;
  font-size: 16px;
  line-height: 2;
  text-align: justify;
}

.features-box-content .dlist-align dd {
  font-size: 16px;
}

.features-box-content .list-icon i {
  font-size: 12px;
  color: #3385B8;
}


/* ******************************** PRICING ******************************** */

#pricing-table thead tr {
  background-color: #3385B8;
  border: none !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#pricing-table thead tr th {
  border: none !important;
  padding: 20px !important;
}

#pricing-table thead tr .h5 {
  font-size: 20px !important;
  color: #fff !important;
}

#pricing-table tbody tr {
  vertical-align: middle;
}

#pricing-table tbody tr.color {
  background-color: #F1F2F2;
}

#pricing-table tbody td {
  font-size: 24px !important;
  font-weight: 600;
  line-height: 2;
  color: #434343 !important;
}

#pricing-table tbody td.padding {
  padding: 25px 0px;
}

#pricing-table tbody td span.color {
  color: #3385B8;
}

.border-left {
  border-top-left-radius: 12px;
}

.border-right {
  border-top-right-radius: 12px;
}

.border-bottom-left {
  border-bottom-left-radius: 12px;
}

.border-bottom-right {
  border-bottom-right-radius: 12px;
}

#pricing-table tbody tr.border {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}




/* *********************** 6- FOOTER ***************************** */

#prunelle-footer .prunelle-footer-bottom {
  background-color: #94C9E6;
  text-align: center;
  font-size: 14px;
  padding: .8rem 0;
  border-top: rgb(255 255 255 / 31%) solid 1px;
}

#prunelle-footer {
  color: #FFF;
}

#prunelle-footer .title {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 3;
}

#prunelle-footer .list-unstyled.follow-us i {
  font-size: 30px;
}

#prunelle-footer .dlist-align dd {
  color: #FFF;
}

#prunelle-footer .footer-nav li {
  margin-bottom: 1.5rem;
}

#prunelle-footer .footer-nav li a:hover, #prunelle-footer .list-unstyled li a:hover {
  color: #F1F2F2;
}

#prunelle-newsletter h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* #prunelle-newsletter .search form {
  width: 80% !important;
}

#prunelle-newsletter .search form input, #prunelle-newsletter .search form button {
  line-height: 2.2 !important;
  border-radius: 8px !important;
}

#prunelle-newsletter .search form button {
  background-color: #94C9E6 !important;
  color: #fff !important;
  border-color: #94C9E6;
}

#prunelle-newsletter .search form input.form-control {
  margin-right: 20px !important;
}
*/

#mailpoet_form_1 .mailpoet_form.mailpoet_form_form.mailpoet_form_widget {
  padding: 20px 0px !important;
}

@media only screen and (min-width:992px) {
  #mailpoet_form_1 .mailpoet_form.mailpoet_form_form.mailpoet_form_widget {
    display: flex;
    padding: 20px 0px !important;
    position: relative;
  }

  .mailpoet_message {
    position: absolute;
    width: 80%;
  }
}

@media only screen and (min-width:992px) and (max-width:1400px) {
  #mailpoet_form_1 .mailpoet_text {
    width: 300px !important;
  }
}

@media only screen and (min-width:1401px) {
  #mailpoet_form_1 .mailpoet_text {
    width: 350px !important;
  }
}

@media only screen and (max-width:991px) {
  #mailpoet_form_1 .mailpoet_text {
    width: 100% !important;
  }

  #mailpoet_form_1 .mailpoet_paragraph.prunelle-newsletter.last {
    text-align: right !important;
  }
}

#mailpoet_form_1 .mailpoet_text {
  border: none !important;
  border-radius: 8px !important;
  padding: 15px !important;
  margin-right: 20px;
}

.mailpoet_validate_success, .mailpoet_validate_error {
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  font-size: 18px;
}

.mailpoet_validate_success {
  color: green !important;
}

.mailpoet_validate_error {
  color: red !important;
}

/* #mailpoet_form_1 .mailpoet_text.parsley-error {
  width: 300px !important;
  margin-right: 20px !important;
} */

#mailpoet_form_1 .mailpoet_submit {
  padding: 15px !important;
  border-radius: 8px !important;
  border: none !important;
  background-color: #94C9E6 !important;
  color: #fff !important;
}





.image-size-cover { background-repeat: no-repeat; background-position: center; background-size: cover; background-color: transparent; }

.prunelle-home-section { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.prunelle-car { font-weight: bolder; color: #27295C; }
.prunelle-car span { color: var(--orange); }


.o-title { color: var(--orange); font-weight: 900; font-size: 22px; margin: 0; }
#prunelle-features .row { padding-right: -2.5%!important; padding-bottom: -2.5%!important; justify-content: space-between; }
#prunelle-features .row [class*="col-"] { padding-right: 2.5%; margin-bottom: 2.5%; }
#prunelle-features .row [class*="col-"] .card { border-radius: 20px; box-shadow: 0px 0px 3px rgb(0 0 0 / 15%); background: #F9F9F9; }
#prunelle-features .row [class*="col-"] .card-title { display: block; color: var(--orange); text-align: center; font-weight: 900; text-decoration: none; font-size: 18px; }
#prunelle-features .row [class*="col-"] .card figcaption p:first-child { color: #6B6B6B; line-height: 1.8; text-align: justify; }

.prunelle-home-section [class*="image-size-"] { min-height: 200px; }
.bootbox.modal.fade { opacity: 1!important; }
.modal-content { border-radius: 16px!important; }