/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: Aretha Bridge;
  src: url("./fonts/ArethaBridge.otf") format("opentype");
}
/***************    GENERAL.    ***************/
h1,
h2,
h3,
h4,
h5,
h6,
p,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a,
.ux-menu-link__text {
  font-family: "mendl-sans-dusk", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
  font-weight: 400 !important;
}

a.button.secondary {
  background-color: #b19e5f !important;
  opacity: 1 !important;
}

a.button.secondary:active {
  background-color: #af7762 !important;
}

a.button.primary:hover {
  background-color: #7f9b9c !important;
  opacity: 1 !important;
}

a.button.secondary:hover {
  background-color: #9d8b4e !important;
  color: #fff !important;
  opacity: 1 !important;
}

a.button.primary.custom-btn-green:hover,
a.button.primary.custom-btn-pink:hover,
a.button.primary.custom-btn-gold:hover {
  box-shadow: none !important;
}

a.button.primary.custom-btn-green:hover {
  background-color: #456261 !important;
}

a.button.primary.custom-btn-pink:hover {
  background-color: #c39987 !important;
}

a.button.primary.custom-btn-gold:hover {
  background-color: #917a2c !important;
}

.custom-btn-pink {
  background-color: #d4ad9c !important;
}

.custom-btn-gold {
  background-color: #b19e5f !important;
}

.custom-plus:hover {
  color: #b19e5f !important;
}

/***************    HEADER.    ***************/
#header {
  border-bottom: 1px solid #fff;
}

.header-full-width .container {
  padding: 0 5rem;
}

.custom-icons-header i {
  padding-right: 5px;
  font-size: 1.2rem;
}

.custom-icons-header i:last-child {
  padding-right: 0px;
  font-size: 1.2rem;
}

.custom-icons-header i:hover,
.icons-custom-mobile i {
  color: #b19e5f !important;
}

/***************    NAVIGATION.    ***************/
.nav-sidebar.nav-vertical > li.menu-item:hover {
  background-color: #52706f;
}

.nav-sidebar.nav-vertical > li.menu-item:hover a {
  color: #ccbe89;
}

.icons-custom-mobile i {
  color: #343233 !important;
}

.nav-dark .nav-divided > li + li > a:after,
.nav-dark .nav > li.header-divider {
  border-color: #fff;
}

.nav-divided > li a:hover {
  color: #b19e5f !important;
  font-weight: 700;
}

.nav > li.active > a {
  color: #b19e5f !important;
  font-weight: 700;
  border-bottom: 5px solid #b19e5f;
}

.nav > li.active > a {
  color: #b19e5f !important;
  font-weight: 700 !important;

  padding-bottom: 5px !important;
}

.header-main .nav > li.active > a {
  line-height: 70px !important;
}

.header-main.nav-dark.toggle-nav-dark .nav > li.active > a,
.stuck .header-main .nav > li.active > a {
  line-height: 70px !important;
}

.nav-dark .nav > li > a {
  color: #fff;
}

.nav > li > a {
  font-weight: 400 !important;
}

.header-button a {
  text-transform: none;
}

.header-social-icons i:hover,
.custom-menu-footer span:hover {
  color: #ccbe89;
}

.nav-dark a.plain:hover {
  opacity: 1 !important;
}

.stuck {
  z-index: 1100 !important;
}

.stuck .header-main .nav > li.active > a {
  color: #52706f !important;
  border-bottom: 5px solid #52706f !important;
  padding-bottom: 5px !important;
}

.stuck .header-main .nav > li > a:hover {
  color: #52706f !important;
}

.header:not(.transparent) .header-social-icons i:hover {
  color: #ae9e67 !important;
}

.header-social-icons {
  display: flex;
  flex-flow: row nowrap;
}

.header-social-icons a {
  display: block;
  margin: 0 6px 0 0;
}

.header-social-icons a:first-child {
  margin-top: 2px;
}

.header-social-icons a:last-child {
  margin-top: -1px;
}

.header-social-icons a:last-child i {
  font-size: 1.4rem;
}

.header-social-icons i {
  font-size: 1.1rem;
  color: #fff;
}

.header:not(.transparent) .header-social-icons i {
  color: #343233;
}

/***************    HOMEPAGE.    ***************/
.custom-title-section {
  background-color: #7f9c9c;
  border-radius: 100px;
  padding: 1rem 0 0.5rem 0;
  position: relative;
}

.custom-title-section span {
  font-family: "Aretha Bridge";
  text-transform: none;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.1rem;
}

.custom-title-section b {
  color: #7f9c9c;
}

.custom-title-right .section-title-center b:first-child {
  opacity: 0;
}

.custom-title-left .section-title-center b:last-child,
.custom-title-left-home .section-title-center b:last-child {
  opacity: 0;
}

.custom-title-right .section-title-center b,
.custom-title-left .section-title-center b,
.custom-title-left-home .section-title-center b {
  opacity: 1;
  height: 1px;
  margin-top: 10px;
}

.custom-title-right .section-title-center b,
.custom-title-right span,
.custom-title-left-home .section-title-center b,
.custom-title-left-home span {
  color: #343233;
}

.custom-title-right .section-title-center b,
.custom-title-left-home .section-title-center b {
  color: #adabad;
}

.custom-title-right span,
.custom-title-left span,
.custom-title-left-home span {
  text-transform: none;
  font-weight: 600;
  font-style: italic;
  font-family: "abril-text";
}

.custom-title-left .section-title-center b,
.custom-title-left span {
  color: #fff;
}

.custom-col-about-img img {
  position: relative;
  z-index: 100;
}

.custom-col-about-img::after {
  content: url(/wp-content/uploads/2022/03/Motif_cercle_pointilles_home_page-e1648379346543.png);
  position: absolute;
  top: 62%;
  left: -80%;
  z-index: -1;
}

.custom-col-about-txt::before {
  content: url(/wp-content/uploads/2022/03/Motif_soleil_home_page-e1648380002489.png);
  position: absolute;
  top: -33%;
  right: -50%;
}

.custom-seance-1-txt div,
.custom-seance-3-txt div {
  border-radius: 0 50px 0 0;
}

.custom-seance-2-txt div,
.custom-seance-2-col div {
  border-radius: 50px 0 0 0;
}

.custom-seance-2-txt div::before {
  content: url(/wp-content/uploads/2022/03/Etoile_filigrane_home_page-e1648386412291.png);
  position: absolute;
  top: 8%;
  left: -50%;
}

.custom-halo-one-img::before {
  content: url(/wp-content/uploads/2022/03/hallo_vert-e1648387441533.png);
  position: absolute;
  top: -200%;
  left: -600%;
}

.custom-halo-two-img::after {
  content: url(/wp-content/uploads/2022/03/hallo_rose-e1648387666759.png);
  position: absolute;
  top: -170%;
}

.custom-halo-three-img::before {
  content: url(/wp-content/uploads/2022/03/hallo_kaki-e1648387863767.png);
  position: absolute;
  top: -200%;
  left: -500%;
}

.custom-font-abril span {
  font-family: "abril-text";
  font-style: italic;
  font-size: 2rem;
}

.custom-font-abril-contact span {
  font-family: "abril-text";
  font-style: italic;
  font-size: 1.8rem;
  line-height: 0.7rem;
}

.custom-font-abril-contact blockquote {
  padding: 0;
}

.custom-font-mendl span {
  font-family: "mendl-sans-dusk";
  font-style: normal !important;
  font-size: 2rem;
  line-height: 1em;
}

blockquote {
  border: none;
}

.custom-text-intro-hyp strong,
.custom-text-intro-hyp b,
.custom-title-block-color h3,
.custom-title-block-color h2 {
  font-weight: 500 !important;
}

.white.button.is-outline {
  border-width: 1px !important;
}

.custom-home-blog h5 {
  text-transform: uppercase;
  font-weight: 500 !important;
}

.custom-home-blog .box-text .button {
  font-family: "mendl-sans-dusk" !important;
  font-weight: normal !important;
  font-size: 1rem;
  position: relative;
  left: 8%;
}

.custom-home-blog .box-text .button::before {
  content: "\002794 ";
  position: absolute;
  left: -21%;
  font-size: 1.1rem;
  color: #b19e60;
}

.custom-home-blog h5.post-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 275px;
}

.custom-home-blog img {
  border-radius: 15px !important;
}

/***************    L'HYPNOSE THERAPEUTIQUE.    ***************/
.custom-quote::before {
  content: url(/wp-content/uploads/2022/05/Cot_filigrane_page_hypnose-e1652851192787.png);
  position: absolute;
  left: 36%;
  top: 13%;
}

.custom-tabs ul {
  display: flex;
  flex-flow: row;
  justify-content: center;
}

.custom-tabs .nav-line > li.active > a:before {
  content: " ";
  position: absolute;
  top: 40px;
  left: 45%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  background-color: #b07863;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1 !important;
  height: 3px;
}

.custom-tabs .nav-line > li.active > a {
  border-bottom: none;
}

.custom-tabs .nav-line > li.active > a > span {
  color: #b07863;
}

.custom-tabs .nav-line > li > a > span {
  color: #343233;
  text-transform: normal;
  font-family: "mendl-sans-dusk", sans-serif !important;
  font-size: 1.4em;
  padding-right: 5px;
  border-right: 2px solid #343233;
  line-height: 1em;
}

.custom-tabs .nav-line > li:last-child > a > span {
  border-right: none;
}

.custom-tabs .nav-line > li:hover > a > span {
  color: #b07863;
}

.custom-tabs .nav-line > li > a:before {
  opacity: 0 !important;
}

.custom-img-aura-green::after,
.custom-img-aura-gold::before,
.custom-img-aura-pink::after,
.custom-btn-deco-green::before,
.custom-btn-deco-gold::after,
.custom-btn-deco-pink::before {
  position: absolute;
}

.custom-img-aura-green::after {
  content: url(/wp-content/uploads/2022/03/hallo_vert-e1648387441533.png);
  top: -144%;
  left: -31%;
}

.custom-img-aura-gold::before {
  content: url(/wp-content/uploads/2022/03/hallo_kaki-e1648387863767.png);
  top: -125%;
  right: 15%;
}

.custom-img-aura-pink::after {
  content: url(/wp-content/uploads/2022/03/hallo_rose-e1648387666759.png);
  top: -144%;
  left: -31%;
}

.custom-btn-deco-green::before {
  content: url(/wp-content/uploads/2022/05/motif_soleil_page_hypnose-e1653647437994.png);
  top: -163%;
  left: -126%;
}

.custom-btn-deco-gold::after {
  content: url(/wp-content/uploads/2022/05/motif_cercle_page_hypnose-e1653647495244.png);
  top: 25%;
  right: -110%;
}

.custom-btn-deco-pink::before {
  content: url(/wp-content/uploads/2022/05/motif_cercle_pointilles_page_hypnose-e1653647518228.png);
  left: -102%;
  bottom: -290%;
}

/***************    CONTACT    ***************/
.wpcf7-response-output {
  border-color: #b19e5f !important;
  color: #b19e5f !important;
}
div.custom-contact-tel-title,
div.custom-contact-adress-title,
div.custom-contact-rs-title {
  display: flex;
  flex-flow: row;
  align-items: baseline;
  padding: 30px 50px;
}

span.custom-tel-title,
span.custom-adress-title,
span.custom-rs-title {
  font-weight: 700;
  font-style: italic;
  font-family: "abril-text";
  font-size: 1.25rem;
}

span.custom-tel-title-divider,
span.custom-adress-title-divider,
span.custom-rs-title-divider {
  display: inline-block;
  border-bottom: 1px solid #fff;
  margin-right: 15px;
}

span.custom-tel-title-divider {
  width: 150px;
}

span.custom-adress-title-divider {
  width: 450px;
}

span.custom-rs-title-divider {
  width: 300px;
}

span.custom-divider {
  display: inline-block;
  width: 45px;
  height: 3px;
  background-color: #fff;
  margin: 0 75px;
}

span.custom-tel,
span.custom-adress {
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "mendl-sans-dusk", sans-serif !important;
}

span.custom-adress {
  line-height: 1.8rem;
}

span.custom-rs {
  font-size: 2rem;
}

span.custom-rs a img {
  margin: 0 5px !important;
}

.custom-contact-author {
  margin-right: 8rem;
  margin-top: -25px;
}

input.custom-btn-send {
  border-radius: 25px;
  background-color: #c68e79 !important;
  font-weight: 400 !important;
  margin-top: 25px;
}

input.custom-btn-send:hover {
  background-color: #b19e60 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

textarea.custom-textarea {
  min-height: 200px !important;
}

/***************    MON APPROCHE.    ***************/
.custom-col-about-img-approche::after {
  content: url(/wp-content/uploads/2022/03/Motif_soleil_home_page-e1648380002489.png);
  position: absolute;
  top: 105%;
  left: -65%;
}

.custom-col-about-txt-approche::before {
  content: url(/wp-content/uploads/2022/03/Motif_cercle_pointilles_home_page-e1648379346543.png);
  position: absolute;
  top: -60%;
  right: 0%;
  max-width: 100px;
  max-height: 100px;
}

.custom-section-cheminement {
  margin-top: -30px !important;
}

.custom-span-block {
  font-weight: 500 !important;
}

/***************    SÉANCES & TARIFS.    ***************/
.custom-title-section-seance span {
  font-family: "Aretha Bridge";
  font-weight: 500;
}

.custom-bar-right-1::after,
.custom-bar-right-2::after,
.custom-bar-left-1::before {
  position: absolute;
}

.custom-bar-right-1::after {
  content: url(/wp-content/uploads/2022/05/Barre_droite_1B.png);
  right: 0;
  top: -5%;
}

.custom-bar-left-1::before {
  content: url(/wp-content/uploads/2022/05/Barre_gauche_2B.png);
  left: 0;
  top: 26%;
}

.custom-bar-right-2::after {
  content: url(/wp-content/uploads/2022/05/Barre_droite_3B.png);
  right: 0;
  bottom: -2%;
}

::placeholder {
  color: #a9a9a9 !important;
}

/***************    BLOG    ***************/
.entry-image.relative {
  z-index: 10 !important;
}
.post-704 .article-inner::before {
  position: absolute;
  content: url(/wp-content/uploads/2022/03/hallo_vert-e1648387441533.png);
  left: -310px;
}

.post-704 .article-inner::after {
  position: absolute;
  content: url(/wp-content/uploads/2022/05/motif_soleil_page_hypnose-e1653647437994.png);
  right: -430px;
  top: 0;
}

.post-701 .article-inner::before {
  position: absolute;
  content: url(/wp-content/uploads/2022/05/motif_cercle_page_hypnose-e1653647495244.png);
  left: -435px;
  bottom: 1150px;
}

.blog-single .post-701 .article-inner::before {
  position: absolute;
  content: url(/wp-content/uploads/2022/05/motif_cercle_page_hypnose-e1653647495244.png);
  left: -435px;
  bottom: 750px;
}

.post-701 .article-inner::after {
  position: absolute;
  content: url(/wp-content/uploads/2022/03/hallo_kaki-e1648387863767.png);
  right: -310px;
  top: 900px;
}

.blog-single .post-701 .article-inner::after {
  position: absolute;
  content: url(/wp-content/uploads/2022/03/hallo_kaki-e1648387863767.png);
  right: -310px;
  top: 100px;
}

.post-696 .article-inner::before {
  position: absolute;
  content: url(/wp-content/uploads/2022/03/hallo_rose-e1648387666759.png);
  left: -310px;
}

.post-696 .article-inner::after {
  position: absolute;
  content: url(/wp-content/uploads/2022/05/motif_cercle_pointilles_page_hypnose-e1653647518228.png);
  right: -450px;
  bottom: 150px;
}

.social-icons i:hover {
  color: #ae9e67 !important;
}

/***************    FOOTER.    ***************/
.custom-title-footer {
  font-family: "mendl-sans-dusk", sans-serif !important;
}

.absolute-footer {
  border-top: solid 1px #fff;
}

.custom-icons-footer img:not(:first-child) {
  margin: 0 5px;
  width: 1.5rem;
}

.custom-icons-footer img:first-child {
  margin: 0 5px 0 0;
  width: 1.5rem;
}

.custom-icons-footer i:hover {
  color: #ccbe89;
}

.custom-icon-box-footer p {
  margin-bottom: 0 !important;
}

.back-to-top {
  border-color: #b19e5f !important;
}

.back-to-top:hover {
  background-color: #b19e5f !important;
}

.back-to-top i {
  color: #b19e5f !important;
}

.back-to-top:hover i {
  color: #fff !important;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .header-full-width .container {
    padding: 0 1rem;
  }
  div.custom-contact-tel-title,
  div.custom-contact-adress-title,
  div.custom-contact-rs-title {
    display: flex;
    flex-flow: column;
    align-items: baseline;
    padding: 30px 50px;
  }
  span.custom-tel-title-divider {
    width: 50px;
  }
  span.custom-adress-title-divider {
    width: 100px;
  }
  span.custom-rs-title-divider {
    width: 70px;
  }
  span.custom-divider {
    display: none;
  }
  .custom-font-mendl span,
  .custom-font-abril span {
    font-size: 1.5rem;
  }
  .custom-quote::before {
    left: 7%;
    top: 16%;
  }
  .custom-bar-right-1::after {
    content: "";
    right: 0;
  }
  .custom-bar-left-1::before {
    content: "";
    left: 0;
  }
  .custom-bar-right-2::after {
    content: "";
    right: 0;
  }
  .custom-title-section span {
    font-size: 1.1rem;
  }
  .title-page-custom span {
    font-size: 0.8rem !important;
  }
  .custom-title-section {
    margin-top: -30px !important;
  }
  .custom-col-about-img::after {
    content: "";
  }
  .custom-seance-1-txt div,
  .custom-seance-3-txt div {
    border-radius: 0 75px 0 0;
  }
  .custom-seance-2-txt div {
    border-radius: 75px 0 0 0;
  }
  .custom-col-about-img-approche::after {
    content: "";
  }
  .custom-col-about-txt-approche::before {
    content: "";
  }
  .font-mobile span {
    font-size: 1.2rem !important;
  }
  .menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item
    a {
    color: #b19e5f !important;
  }
  .custom-contact-author {
    margin-right: 9rem;
    margin-top: -25px;
  }
}