/*!
Theme Name: Vault Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: vault
Version: 1.0.0
Text Domain: vault
*/
 /* Add your custom style here */

@font-face {
  font-family: "Roza";
  src:
    local("Roza"),
    url("assets/fonts/Roza.otf") format("opentype"),
    url("assets/fonts/Roza.woff") format("woff");
}

h1, h2, h3, .spantitle { font-family: "Roza"!important; }

input[text], textarea { color: #000!important; }

.spantitle { font-size: 18px; text-transform: uppercase; letter-spacing: 3px; }
.ft-17 { font-size: 17px; }
.lh-21 { line-height: 21px; }
.w100, .w100 a { width: 100%!important; }

.bloc-round { -webkit-border-radius: 20px!important; border-radius: 20px!important; overflow: hidden; }
.blueborder { border: 2px solid #4EA5FC; }
.link-borderbottom { border-bottom: 1px solid #000; color: #000; }
.other-expertise-logo { display: inline-block; padding: 10px 20px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.1); }
.inline-block { display: inline-block; }
.hero-text-pres { font-size: 20px; }
.block-white { color: #FFF; }
.over-hidden { overflow: hidden; }

.avis-bloc { color: #404040; margin-bottom: 0!important; }
.avis-note { display: inline-block; font-weight: 500; font-size: 20px; }
.avis-note span { display: inline-block; -webkit-border-radius: 20px; border-radius: 20px; background: #FFF; margin-left: 0; padding: 5px 10px; font-size: 13px; }

.video-bloc { position: static; width: 100%; max-width: 570px; height: 207px; background: #FFF; }
.video-bloc { background: #FFF; }
.video-illustration { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.bdt-lightbox { background: rgba(0, 0, 0, 0.5); }

#uicore-page::before {
  background: #FFF!important;
}

.uicore-extra a { border: 1px solid #4ea5fc !important;  white-space: nowrap; }
.uicore-hca a { border-radius: 50px 50px 50px 50px; padding: 12px 29px; color: #4ea5fc!important; font-weight: 500; }
.uicore-hca a:hover { background: #4ea5fc!important; color: #FFF!important; }

.formtolp { display: inline-block; border: 1px solid #dadada; padding: 6px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.1); }
.formtolp .inpText { display: inline-block; width: 270px; }
.formtolp .inpText input { border: 0; width: 100%;  -webkit-border-radius: 30px; border-radius: 30px; background: none; font-size: 16px!important; }
.formtolp .inpButton { display: inline-block; width: 200px; }
.formtolp .inpButton button { width: 100%; padding: 12px 10px; }
.formtolp .inpButton button .bdt-newsletter-btn-text bdt-display-inline-block { font-weight: 400!important; }

.elementor-widget-tabs { }
.elementor-tabs-wrapper .elementor-tab-title { border: 1px solid #4ea5fc!important; }
.elementor-183 .elementor-element.elementor-element-bb6458a .elementor-tab-title.elementor-active, .stepnextmenu .elementor-tab-title.elementor-active { background: #4ea5fc!important; color: #FFF!important;}
.elementor-183 .elementor-element.elementor-element-bb6458a .elementor-tab-title, .elementor-183 .elementor-element.elementor-element-bb6458a .elementor-tab-title.elementor-active, .stepnextmenu .elementor-tab-title, .stepnextmenu .elementor-tab-title.elementor-active { margin: 0 5px; -webkit-border-radius: 40px!important; border-radius: 40px!important;  }
.elementor-widget-tabs .elementor-tab-content { padding: 20px 0!important; }

.methode-block { width: 100%; min-height: 570px!important; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 50px; }
.methode-cnt { width: 400px; padding: 50px; background: #FFF; background-color:rgba(255, 255, 255, 0.9); border: 2px solid #FFF; }
.methode-cnt h3 { margin: 0 0 10px 0; color: #4ea5fc; font-size: 48px; }
.methode-cnt a { margin-top: 20px; color: #4ea5fc; font-size: 48px; }

.uicore-navbar a.uicore-btn { /*background: #1c2b41!important; border-color: #1c2b41!important;*/ }

.stepnextbutton { width: 30px!important; height: 30px!important; text-align: center!important; padding: 10px !important; background: none!important; border: none!important; float: right!important; display: block; margin-top: 20px !important; }
.stepnextbutton i { color: #4ea5fc!important; font-size: 20px; }

.carousel-fonctionnement { max-width: 900px!important; margin: 0 auto; }

.bg-horaire { background: #a3aab2; padding: 10px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; font-size: 16px; font-weight: 600; }
.uicore-footer-wrapper { display: none!important; }

.comments-area { display: none; }

.tem-textes .bdt-ep-static-carousel-image { text-align: center; }
.tem-textes .bdt-ep-static-carousel-image img { width: 200px; margin-top: 20px; }
.tem-textes .bdt-ep-static-carousel-content { padding: 5px 40px 10px; }
.tem-textes .bdt-ep-static-carousel-readmore-wrap { display: none; }

.ui-menu-img { margin-left: .8em; }

.wpcf7-response-output { display: none!important; visibility: hidden!important; opacity: 0!important; }

.single-post article .entry-content, .single-post article .elementor-element { color: #333!important; font-size: 18px!important; line-height: 24px!important; }
.single-post article .elementor-element h2.elementor-heading-title, .single-post article .elementor-element h2 { font-size: 28px!important; font-size: 400!important; }
.single-post article .elementor-element h3 { font-size: 24px!important; font-size: 400!important; }


@media (min-width: 1025px) {
  .uicore-navbar .uicore-extra {
      gap: 10px!important;
  }

  .uicore-navbar ul.sub-menu { transform: translate3d(0, 0px, 0)!important; }
  .uicore-navbar nav.uicore ul.sub-menu { border-top: 2px solid #4ea5fc; border-radius: initial!important; -webkit-border-radius: 0 0 20px 20px!important; border-radius: 0 0 20px 20px!important; }
  .uicore-menu .ui-menu-item-wrapper { padding: 8px 5px!important; color: #000!important; }
  .uicore-menu .ui-svg-wrapp { margin-left: 15px; }
  .uicore-menu .sub-menu li>a:before { left: 10px!important; right: 10px!important; }
  .uicore-h-classic.uicore-navbar .uicore-menu>.menu-item-has-children>a:after { margin-right: 2px!important; }

  .uicore-navbar .uicore-cta-wrapper a { padding: 14px 30px !important; }

  .bg-horaire { width: 66%; }

  .formsub,  .formsub a { min-width: 50%!important; margin: 0 auto !important; }

  ul.ui-category-list { text-align: center!important; }

  .single-post.uicore-narow .uicore-post-content:not(.uicore-related) { max-width: 720px!important; }
  .uicore-sidebar-right aside.uicore-sidebar { padding-left: 0!important; }
  .uicore-sidebar { width: 28%!important; }

  .bdt-lightbox .bdt-slide-active { padding: 220px!important; }

  .brmob { display: none; }

}

@media (max-width: 1025px) {

  .formtolp .inpText, .formtolp .inpButton { width: 49.2%; }

  .methode-block { padding: 20px; }
  .methode-cnt { padding: 30px; width: 100%; }
  .methode-cnt h3 { font-size: 26px; }
  .elementor-183 .elementor-element.elementor-element-bb6458a .elementor-tab-title, .elementor-183 .elementor-element.elementor-element-bb6458a .elementor-tab-title.elementor-active { margin-bottom: 2px; }

  .uicore-header-wrapper>nav>div .uicore-cta-wrapper a { font-size: 17px!important; font-weight: 400; line-height: 32px!important;  padding: 3px 14px!important; }

  .uicore-navigation-wrapper .uicore-navigation-content .uicore-extra .uicore-btn { width: 175px !important; padding: 16px 25px 18px 25px!important; }
  .uicore-mobile-menu-wrapper .uicore-hca:last-child a { width: 200px!important; padding:  14px 25px 16px 25px!important; }

  .nobrmob { display: none; }

  h1{ font-size: 46px!important; }
  h2{ font-size: 36px!important; }
  h3{ font-size: 24px!important; }
  body, p { font-size: 17px; }

  .formsub,  .formsub a { width: 100%!important; }
  .bdt-lightbox .bdt-slide-active iframe { height: 80% !important; }

  .tem-textes .bdt-ep-static-carousel-image img { width: 100px; }

}

@media (max-width: 720px) {

  .bg-horaire { width: 66%; }

}