/**
Theme Name: astra-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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: astra-child
Template: astra
*/

h1, h2, h3, h4, h5, h6, a {
  text-transform: none !important;
  /* font-family: 'Playfair Display',serif !important; */
}
h1 {
  font-size: 3rem !important;
}
p, .entry-content p {
  font-size: 15px !important;
}
.elementor-button-text {
  text-transform: none !important;
  font-size: 0.9rem !important;
}
.menu-text {
  font-size: 13px !important;
  color: #fff !important;
}

nav .sub-menu li .menu-text {
  color: #000 !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
}

#title-inline, #second-title-inline {
  width: auto !important;
}
#title-inline h3 {
  display: inline !important;
  padding: 5px;
}
#second-title-inline {
  margin-top: -20px;
}

#accordeon {
  color: #fff !important;
}

#accueil-notre-histoire h6, #accueil-rse h6, #carriere-rounded h6 {
  color: #fff !important;
  display: inline;
  margin-bottom: 0 !important;
  padding-left: 8px;
}
.savoir-faire-home .elementor-icon-box-wrapper h5 {
  text-align: left !important;
}

.menu-item-5839 {
  
}
.homeicon {
  background-image: url('https://dev.davricourt.com/wp-content/uploads/2021/05/accueil-icone.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 5px;
}
/*
#accueil-notre-histoire #image .elementor-column-wrap, #accueil-notre-histoire #rounded>div {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
#accueil-rse #image .elementor-column-wrap, #carriere-rounded .elementor-column-wrap, #engagements-rounded .elementor-column-wrap {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
*/

.counter-groupe div div {
  justify-content: center !important;
}

#temoignage svg {
  width: 20px !important;
  height: 20px !important;
}

#clients img {
  padding: 20px 30px;
}

#highlight h2 {
  display: inline;
  background-color: #FBBA00;
  padding: 5px 10px;
}

#candidature-spontanee form button[type="submit"], #candidature-spontanee form input[type="submit"], .single-offre-form form input[type="submit"], #candidature-spontanee-form form button[type="submit"], #candidature-spontanee-form form input[type="submit"] {
  background-color: #FBBA00 !important;
  border-color: #FBBA00 !important;
  transition: 0.3s ease;
  border: 1px solid #FBBA00 !important;
}
#candidature-spontanee form button[type="submit"]:hover, #candidature-spontanee form input[type="submit"]:hover, .single-offre-form form input[type="submit"]:hover, #candidature-spontanee-form form button[type="submit"]:hover, #candidature-spontanee-form form input[type="submit"]:hover {
  background-color: rgba(10,10,10,0) !important;
  color: #FBBA00 !important;
  border-color: #FBBA00 !important;
}
.offre-pourvue {
  text-align: center !important;
}

button[type="submit"], input[type="submit"] {
  background-color: #129DA1 !important;
  border-color: #129DA1 !important;
  transition: 0.3s ease;
  border: 1px solid #129DA1 !important;
}

button[type="submit"]:hover, input[type="submit"]:hover {
  background-color: rgba(10,10,10,0) !important;
  color: #129DA1 !important;
  border-color: #129DA1 !important;
}

#chiffres-carbone {
  display: flex;
  align-items: center;
  justify-content: center;
}

#chiffres-carbone #bubble-carbone {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 20px;
  background: #fff;
}
#chiffres-carbone #bubble-carbone h2, #chiffres-carbone #bubble-carbone h6, #chiffres-carbone #bubble-carbone p {
  color: #129DA1 !important;
}

#chiffres-societale #bubble-societale {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 20px;
  background: #F25771;
}
#chiffres-societale #bubble-societale h2, #chiffres-societale #bubble-societale h6, #chiffres-societale #bubble-societale p {
  color: #fff !important;
}

#chiffres-rse {
  display: flex;
  align-items: center;
  justify-content: center;
}

#chiffres-rse #bubble-rse {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 20px;
  background: #129DA1;
}
#chiffres-rse #bubble-rse h2, #chiffres-rse #bubble-rse h6, #chiffres-rse #bubble-rse p {
  color: #fff !important;
}
#rse-jaune h6 {
  display: inline;
}
#rse-jaune h3 {
  display: inline;
  color: #FBBA00;
  margin-right: 5px;
}

#secteurs-metiers p {
  line-height: 1.5 !important;
}

section .fonction, section .description {
  font-size: 12px !important;
}

/* ACTUALITES */
.ht-post {
  margin: 0px 16px 0px 0px;
  border-radius: 8px;
}
.ht-post {
  box-shadow: 0px 24px 120px -24px rgb(0 0 0 / 24%);
}
.ht-post .thumb a img {
  height: 250px;
  object-fit: cover;
}
.ht-post .thumb a::before {
  background: none !important;
  background-color: none !important;
  background-image: none !important;
}
.ht-post .post-content {
  position: relative;
  background: #fff;
  padding: 20px;
}
.ht-post .post-content .title a {
  color: #000 !important;
  font-size: 20px;
}
#single-article-title, #single-article-categories {
  padding-top: 130px;
}
#single-article, #single-article-categories {
  padding-top: 50px;
  padding-bottom: 80px;
}
#single-article a {
  text-decoration: underline !important;
}
#single-article-categories a, #single-article .metas {
  font-size: 13px !important;
}
#single-article-categories .active {
  font-weight: bold;
  text-decoration: underline;
}
.single-article-categories a {
  font-size: 13px !important;
}
.single-article-categories ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.htb-col-lg-6:not(:nth-child(1),:nth-child(2)) {
  padding-top: 30px;
}
.single-article-categories .active {
  font-weight: bold;
  text-decoration: underline;
}
#single-article h1, #single-article h2, #single-article h3, #single-article h4, #single-article h5 {
  margin: 30px 0 20px 0;
}
#single-article blockquote {
  margin: 20px 0;
}

.ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle {
  background: none !important;
}

/* OFFRES */
#candidature-spontanee {
  padding-top: 35px;
}
#liste-offres:not(#liste-offres-form) {
  padding-top: 130px;
}
#liste-offres {
  background: #f5f5f5;
}
#liste-offres .filters {
  margin-bottom: 50px;
  margin-top: 40px;
}
#liste-offres .filters ul {
  list-style: none;
  margin: 0;
}
#liste-offres .filters a.active {
  text-decoration: underline !important;
  font-weight: bold !important;
}
#liste-offres .filters a.active::before {
  background-image: url('https://dev.davricourt.com/wp-content/uploads/2021/03/cancel.png');
  background-size: 8px 8px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 8px;
  height: 8px;
  content:"";
  margin-right: 5px;
}
#liste-offres .filters .title, .liste-filters .title {
  margin-top: 15px;
  color: #9B1636;
  font-size: 14px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.liste-filters .filterCol {
  display: inline-block;
  padding-right: 15px;
}
.liste-filters h3 {
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
}
.search input {
  width: 100%;
  height: 66px;
  padding-left: 55px;
  font-size: 18px;
  color: #9b9b9b;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAnlJREFUOBGllUtoU0EUhs01CULVoKImgoK7JiGE4iZEi2QnVReChGyttij1AXahy6y7CVRUrFJ3LgJFF4riJkhrycZAyNNVBAVjFUtCRQx5+J3QDJNLcq164DBnzvn/f2ZOZm5s2ywsnU7vdrlceztYvV5fD4VCdQu4KtlUpAWlUumszWabJBXG90sJ3TWGVXzR6/U+l9ww6xMtFosexO7i5xDZgPQGfy9kcqPkTjKOMC612+2rfr+/KjWzKdFNwReQxiAlms1mIhAIfNQJhULhCPWbhmHcAPMOzGkwX3SMipPJ5PZyufwM7yB+URWGBLRnWrCMS/F43BgIo3hGQHhiIGBAEs68cNj9KXO5t8oUhTp9mjMDhs0bjcYcLdigFcLtM0OuDX0KA1j2+Xyf+6oWk2Aw+AneCpDj7HanDjXkHpLYh5f0whbjMsJy5URDWe/4KvEPQYe2dXSeUavVvpP4xoo+vbCVmJZ58a+IioYyY/PprVIc59c8pCp/CHK53GEgJ/AV+vtDh3ePz0oL7HQXwrf0olXscDhuwxkB88iM64py+V8h+BTQdbnYZpB5zgO5Qu4ynCd8B16b6+qZcpyDdrtdnukxwPMAExA+6IRsNnvU6XTOgpmRPCdczOfz09FotKXjlKgkuW9uLvMdSOeZ/kR8mbGMC26U/DjjDtkh4y/mF4gXqtXqTCQSaZLrWp9oL8nxJiBMMg8zHoAoV2aN+G2r1XrM1+mlvPlYLPaA/CWz8EDRnri8FI64R+acYB0x+RwqS6VSdrfbfY/FpnRhS1HFtghMwg8rlcq1/xaV9UTY4/HcZ7cTfGjGLPbwdyXpcSaT6f71/AZk7zZq9rDdDgAAAABJRU5ErkJggg==) 15px center no-repeat;
  border: none;
}
.search input:active, .search input:focus {
  border: none;
}
.single-contact .title, .single-details .title {
  color: #9B1636;
  font-size: 12px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.single-contact .content {
  text-align: center !important;
  font-size: 12px;
}
.single-contact .content img {
  margin-bottom: 20px;
  border-radius: 50%;
}
.single-offre .content .content-offre .title-content {
  margin-top: 30px;
  color: #9B1636;
  font-size: 16px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.single-offre .content .content-offre h4 {
  text-align: center;
  margin: 50px 0 30px;
}
.single-offre-form {
  margin-bottom: 80px;
}
.single-offre-form .content form {
  margin-top: 50px;
  width: 100% !important;
}
.single-offre-form form input:not(input[type="checkbox"]), .single-offre-form form label {
  width: 100% !important;
}
.single-offre-form form input[type="submit"] {
  margin-top: 30px;
}
#liste-offres .filters ul li {
  margin: 0;
  font-size: 12px;
}
#liste-offres .filters a:hover {
  text-decoration: underline;
}
#liste-offres .liste {
  margin: 35px 0;
}
#liste-offres .liste ul {
  margin: 0;
  list-style: none;
  padding: 0 30px;
  background: #fff;
}
#liste-offres .liste ul li {
  padding: 20px 0;
  border-top: 1px solid #f2f2f2;
}
#liste-offres h3 {
  font-size: 20px;
  padding-bottom: 20px;
}
#liste-offres .liste-informations {
  font-size: 15px;
  padding-bottom: 5px;
}
#liste-offres .liste-competences span {
  display: inline-block;
  line-height: 28px;
  margin: 0 8px 8px 0;
  padding: 0 8px;
  font-size: 12px;
  color: #393939;
  text-decoration: none !important;
  text-transform: uppercase;
  background-color: #f2f2f2;
}
.liste-filtres {
  display: inline-block;
  margin: 0;
}
.liste-filtres span {
  display: inline-block;
  line-height: 28px;
  margin: 0 8px 15px 0;
  padding: 0 8px;
  font-size: 12px;
  color: #9B1636;
  text-decoration: none !important;
  text-transform: uppercase;
  background-color: #ddd;
}
#liste-offres .bouton-candidature .elementor-button {
  background: #9B1636 !important;
  border: 1px solid #9B1636;
}
#liste-offres .bouton-candidature .elementor-button:hover {
  background: transparent !important;
  color: #9B1636 !important;
  border-color: #9B1636 !important;
}
.single-offre, .single-details {
  padding-left: 20px;
}
.single-offre .content {
  padding: 30px;
  background: #fff;
}
.single-contact .content, .single-details .content {
  padding: 30px 20px;
  background: #fff;
}
.single-offre .content h1, .single-offre .content h2 {
  font-size: 28px !important;
  padding-bottom: 30px;
}
.single-offre .content .content-offre p, .single-offre .content .content-offre li, .single-offre .content .content-offre span {
  font-size: 12px !important;
}
.titre-bouton-offres {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#candidature-spontanee-form form {
  width: 50%;
  margin: 0 auto;
}
#candidature-spontanee-form form input:not(input[type="checkbox"]), #candidature-spontanee-form form label {
  width: 100% !important;
}

/* EQUIPE */
.titre-gif-equipe div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gif-equipe, .titre-gif-equipe {
  height: 180px;
}
.gif-equipe h3, .titre-gif-equipe h3 {
  font-size: 1.2rem !important;
}
.gif-equipe h3, .gif-equipe .elementor-widget-text-editor {
  opacity: 0;
  margin-left: -20px !important;
}
.gif-equipe:hover h3, .gif-equipe:hover .elementor-widget-text-editor {
  opacity: 1 !important;
  margin-left: 0 !important;
  transition: 0.3s ease;
}

/* NOS ENGAGEMENTS */
#rse-title h2 {
  display: inline;
  background: #FBBA00;
  color: #fff;
  padding: 5px 10px;
}
#rse-title-vert h2 {
  display: inline;
  background: #fff;
  color: #129DA1;
  padding: 5px 10px;
}
#rse-title-red h2 {
  display: inline;
  background: #9B1636;
  color: #fff;
  padding: 5px 10px;
}
#rse-title-rose h2 {
  display: inline;
  background: #F25771;
  color: #fff;
  padding: 5px 10px;
}

.chart-box {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.chart-card {
  padding: 0 !important;
}
#chart-rse {
  width: 240px !important;
}
.date {
  color: #000 !important;
  font-size: 11px !important;
  letter-spacing: 0px !important;
}
.date i {
  padding-right: 6px;
}

/* CONTACT */
#contact-phone h6 {
  display: inline;
  margin: 0;
  padding: 0;
}
#contact-phone p {
  display: inline;
  margin-bottom: 10px;
  padding-left: 10px;
}

.wpcf7 textarea {
  height: 100px;
}

#maps-agences {
  height: 100% !important;
}
#map-paris:hover, #map-lyon:hover, #map-lille:hover, #map-tours:hover, #map-toulouse:hover {
  cursor: pointer;
}
.gm-svpc img {
  position: relative !important;
}
.gm-style-mtc button, .gm-style-mtc ul li label {
  font-size: 12px !important;
}
.gm-style-mtc:first-child {
  padding-right: 10px !important;
}

/* FOOTER */
footer a {
  text-decoration: none !important;
  font-weight: bold !important;
}
footer p, footer a {
  font-size: 11px !important;
  color: #fff !important;
}
footer .reseaux a {
  font-size: 15px !important;
}
footer h5 {
  font-size: 1rem !important;
}

/* RESPONSIVE TABLETTE */
@media screen and (max-width: 1024px) {
  .responsive-show {
    display: inherit !important;
  }
  .responsive-hide {
    display: none !important;
  }
  .menu-text {
    color: #000 !important;
  }
  nav .sub-menu li .menu-text {
    color: #000 !important;
  }
}

/* RESPONSIVE MOBILE */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 35px !important;
  }
  #chiffres-rse .elementor-row, #chiffres-carbone .elementor-row, #chiffres-societale .elementor-row {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .htb-col-lg-4, .htb-col-md-4, .htb-col-12 {
    margin-top: 30px;
  }
  .ht-post {
    margin: 0 !important;
  }
  #liste-offres {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .titre-bouton-offres {
    display: block;
  }
  .titre-bouton-offres h2 {
    padding-bottom: 30px;
  }
  .filters-groupe {
    display: flex;
    justify-content: space-between;
  }
  .filters-groupe:last-child {
    padding-top: 20px;
  }
  .filters-groupe .groupe {
    width: 30%;
  }
  #candidature-spontanee-form form {
    width: 100%;
  }
  #map-agences {
    height: 400px !important;
  }
  .elementor-element#map-paris, .elementor-element#map-lyon, .elementor-element#map-lille, .elementor-element#map-tours, .elementor-element#map-toulouse {
    width: 50% !important;
  }
  #map-paris a, #map-lyon a, #map-lille a, #map-tours a, #map-toulouse a {
    margin: 0 10px !important;
  }
  .htmega-post-grid-area, .single-article-categories {
    margin: 0 10px;
  }
  .single-article-categories {
    margin-top: 30px;
  }
  #liste-offres .filters .title, .liste-filters .title {
    font-size: 13px;
  }
  section .fonction, section .description {
    font-size: 10px !important;
  }
}

/* RESPONSIVE ORDI */
@media screen and (min-width: 1025px) {
  .responsive-show {
    display: none !important;
  }
  .responsive-hide {
    display: inherit !important;
  }
}