/* 
    Theme Name: Natasha Callaghan
    Author: Orqa Design
    Author URI: https://orqadesign.com/
    Description: 2025 Custom built theme for Natasha Callaghan
    Version: 1.0
    License: For use by Natasha Callaghan Only
/*
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fas, .fab, .fab-brands { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.bullet-icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: 'FontAwesome' !important; }
.fa.fa-handshake-o { font-family: 'FontAwesome' !important; }
/* Admin */
body#tinymce { font-family: 'Poppins', sans-serif; }
* { -webkit-font-smoothing: antialiased; }
/*-------------------- MAIN STYLES ----------------------------------------------------*/
html { scroll-behavior: smooth; overflow-x: hidden; }
.fontawesome { font-family: 'FontAwesome'; }
body { -webkit-font-smoothing: antialiased; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 18px; line-height: 26px; color: #000; overflow-x: hidden; }
.menu-icon img { width: 29px; height: 29px; }
h1 { font-family: "Prata", serif; font-weight: 400; font-style: normal; font-size: 60px; line-height: 60px; letter-spacing: 1px; display: block; width: 100%;}
.basic-page { padding-top: 100px; padding-bottom: 100px; }
.home h1 { text-transform: uppercase; }
h3 { font-weight: 400; }
h6 { font-weight: 400; font-size: 16px; }
.basic-page .content { padding-top: 40px; }
.basic-page ul { padding-top: 20px; padding-left: 20px; padding-bottom: 20px; }
.basic-page li { padding-left: 20px; }
h4 { text-transform: uppercase; letter-spacing: 2px; }
h2 { font-family: "Prata", serif; font-weight: 400; font-size: 60px; line-height: 60px; font-style: normal; color: #647665; padding-bottom: 40px; }
h3 { }
footer { }
#header { }
.basic-page { }
a { color: #000; text-decoration: underline; font-weight: 700; }
p { margin-bottom: 20px; }
div { box-sizing: border-box; }
.wrapper { width: 1530px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; float: none!important; }
b { font-weight: 700; }
strong { font-weight: 700; }
em { font-style: italic; }
.copy { font-size: 10px; line-height: 12px; text-transform: uppercase; letter-spacing: 3px; text-align: center; font-weight: 400; color: #647665 }
.copy a { font-weight: 400; text-decoration: none; color: #647665 }
/*-------------------- Buttons ----------------------------------------------------*/
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 9px 26px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; cursor: pointer; text-decoration: none; transition: all 0.2s ease; }
.btn-outline { background: transparent; color: var(--accent); border-color: var(--accent); }
/* Header */
.icon { width: 50px; padding: 20px; float: left; }
/* Footer */

.footer-left { float: left; }
.footer-right { float: right; text-align: right; }
/* Menu  Home */
a#menu-icon { display: none; }
.menu-main-menu-container ul { }
.menu-main-menu-container li a { font-weight: 300; text-transform: uppercase; text-decoration: none; }
.menu-main-menu-container li { display: inline-block; padding: 10px; }
#navigation { padding-top: 20px; }
.hero { background-color: #d9d0bf; padding-top: 100px; background-image: url('/wp-content/themes/natashacallaghan-theme/images/hero.png'); background-repeat: no-repeat; background-position: bottom left; background-size: auto; }
.home header { background-color: #d9d0bf; }
.seventy-layout-right { width: 65%; float: right; padding: 0px 50px; }
.seventy-layout-left { width: 65%; float: left; }
.thirty-layout-left { width: 35%; float: left; }
.thirty-layout-right { width: 35%; float: right; }
.thirty-layout-right img, .show-mob img, .get-in-touch .how-it-works .right img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; /* avoids inline-img gaps */ }
.show-mob { display: none; }
.thirty-layout-right { margin-top: -80px; overflow: hidden; }
.description { padding-top: 50px; padding-bottom: 70px; }
.hero-tag { font-family: "Prata", serif; font-size: 36px; line-height: 36px; padding-top: 120px; padding-left: 230px; }
.why-choose-therapy { padding-top: 70px; padding-bottom: 70px; width: 100%; float: left; color: #647665 }
.why-choose-therapy .btn, .who-i-work-with .btn { color: #647665; border-color: #647665 }
.icon-bullets .bullet { padding-bottom: 15px; width: 100%; float: left; }
.icon-bullets .bullet i { width: 40px; padding-right: 5px; text-align: center; float: left; margin-top: 5px; }
.iconbullet-inner { float: left; width: 90% }
.divider { background: #647665; background-image: url('/wp-content/themes/natashacallaghan-theme/images/wild.png'); background-repeat: no-repeat; background-position: bottom right; background-size: auto; height: 190px; }
.who-i-work-with { padding-top: 70px; padding-bottom: 70px; color: #647665; }
.who-i-work-with h2 { padding-bottom: 20px; }
.who-i-work-with .btn { float: right; margin-top: -90px; }
.how-it-works { background-color: #d9d0bf; width: 100%; float: left; }
.how-it-works h2 { color: #000; }
.how-it-works .left, .how-it-works .right { width: 50%; }
.how-it-works .right { padding-top: 100px; padding-bottom: 50px; padding-left: 50px; }
.how-it-works .intro { font-weight: 400; padding-bottom: 20px; }
 ol li::marker {
 font-weight: 700;
text-align: center;  /* bold */
}
ol { padding-left: 20px; padding-bottom: 40px; }
ol li { padding-left: 20px; padding-bottom: 15px; }
/* Wrapper */
.img-bullets { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;                 /* space between items */ margin: 40px 0; }
.quote-strip { float: left; width: 100%; background-color: #647665; color: #fff; text-align: center; padding-top: 50px; padding-bottom: 50px; }
.quote { font-family: "Prata", serif; font-size: 30px; line-height: 40px; letter-spacing: 1px; }
.home .quote { font-style: italic;  }
.intro-quote { font-weight: 700; }
/* Single bullet block */
.img-bullets .bullet { display: flex; align-items: flex-start; flex: 1 1 220px;          /* 4-ish per row on large screens, 2 on medium */ max-width: 320px; font-family: 'Poppins', system-ui, sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; line-height: 1.4; color: #6d7a64;           /* your green */ }
/* Icon */
.img-bullets .bullet img { flex-shrink: 0; display: block; }
.inner-bullet { padding-top: 20px; }
.how-it-works .left img { margin-top: -9%; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
footer { padding-top: 100px; padding-bottom: 50px; text-align: center; background-image: url('/wp-content/themes/natashacallaghan-theme/images/flowers.png'); background-repeat: no-repeat; background-position: bottom right; background-size: auto; }
footer .icon { width: 100px; float: none; padding: 0px; }
h5 { font-size: 14px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding-bottom: 70px; }
.tagline { color: #647665; font-size: 60px; line-height: 60px; font-family: "Prata", serif; }
.footer-text { color: #647665; font-size: 22px; line-height: 26px; padding-bottom: 40px; padding-top: 15px; margin-top: -10px; }
.socials a { color: #647665; font-size: 36px; }
footer .btn { color: #647665; border-color: #647665; min-width: 290px; padding: 9px 16px; }
.socials { padding-top: 60px; padding-bottom: 80px; }
.socials a { padding: 5px; }
.home .show-page { display: none; }
.show-page { float: right; margin-top: -50px; letter-spacing: 1px; padding: 9px 20px; }
.pages-wrapper h1 { color: #647665; display:block; }
.pages-wrapper .hero { background-color: #fff; background-image: none; color: #647665; padding-bottom: 70px; height: initial!important; }
.pages-wrapper .description { padding-right: 50px; text-align: justify; padding-bottom: 20px; }
.pages-wrapper .thirty-layout-right { margin-top: 0px; height: initial!important; }
.pages-wrapper .hero-tag { padding-top: 0px; padding-left: 0px; padding-bottom: 0px; }
.therapy-practice { background-color: #647665; color: #fff; padding-top: 50px; padding-bottom: 50px; }
.therapy-practice h3 { font-size: 30px; line-height: 30px; font-family: "Prata", serif; padding-bottom: 40px; }
.therapy-practice .icon-bullets .bullet i { width: 90px; padding-right: 5px; text-align: center; float: left; margin-top: 5px; font-size: 50px; }
.homelink { display: block; }
.therapy-practice .icon-bullets { padding-right:350px; }
.therapy-practice { background-image: url('/wp-content/themes/natashacallaghan-theme/images/fleurs.png'); background-repeat: no-repeat; background-position: center right; background-size: auto; }
.acreditations { padding-top: 50px; padding-bottom: 50px; }
.acreditations h2 { text-align: center; }
.pages-wrapper .quote-strip { background-image: url('/wp-content/themes/natashacallaghan-theme/images/bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.therapeutic-services .quote-strip { background-image: url('/wp-content/themes/natashacallaghan-theme/images/bg-thera.jpg'); margin-top: 100px;}

.therapy-practice.wcih-with ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.therapy-practice.wcih-with ul li {
  position: relative;
  padding-left: 2rem;   /* space for icon */
  margin-bottom: 15px;
}

.therapy-practice.wcih-with ul li::before {
  content: "\f105";      /* Font Awesome: chevron-right */
  font-family: "Font Awesome 5 Free"; /* or "Font Awesome 6 Free" */
  font-weight: 900;       /* solid */
  font-size: 0.9rem;
  position: absolute;
  left: 0;
  top: 0.05rem;
  color: inherit;         /* or set a colour */
}
.therapy-practice.wcih-with { background-position: bottom right;}

/* Bullet layout */
.acreditations-bullets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 4rem; align-items: flex-start; }
/* Each bullet */
.acreditations .bullet { text-align: center; }
/* Logo block */
.acreditations .bullet img { display: block; width: 100%; max-width: 320px; margin: 0 auto 1rem; aspect-ratio: 4 / 3;      /* keeps a nice rectangle */ object-fit: contain;      /* show full logo */ padding: 1.25rem; }
/* Text under logo */
.acreditations .inner-bullet { font-weight: 600; text-transform: uppercase; letter-spacing: 0.09em; font-size: 0.8rem; line-height: 1.5; color: #5b6c5b; text-align:center;          /* muted green like your example */ }
/* Clear (if you still need it elsewhere) */
.acreditations .clear { clear: both; }

.fees h3 {font-family: "Prata", serif; font-size: 48px; padding-right:20px; float:left; }

.fees .info {float: left;}

.fees {padding-top: 50px;
  padding-bottom: 50px;}

.second-theme .hero, .second-theme h1 {color: #000;}
.second-theme .hero-tag {color: #d9d0bf}

.second-theme .how-it-works .left img {
  margin-top: 70px;}

.second-theme .how-it-works ol {
  padding-bottom: 0px;
}

.second-theme .how-it-works .right {
  padding-bottom: 20px;}

.your-first-session .pages-wrapper .quote-strip {background-image: url('/wp-content/themes/natashacallaghan-theme/images/bg-first.jpg'); color: #d9d0bf}
.get-in-touch .pages-wrapper .quote-strip {background-image: url('/wp-content/themes/natashacallaghan-theme/images/bg-con.jpg'); color: #d9d0bf}

.get-in-touch .how-it-works .intro {
  font-weight: 300;}

 .get-in-touch .how-it-works .left {padding-top: 50px; padding-bottom: 50px;}

/* Responsive breakpoints */
/* === Contact form basic layout === */
.wpcf7-form {
  margin: 0;
  font-family: inherit;
  color: #231b16;
}

.wpcf7-form p {
  margin: 0;
}

.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: -10px;
}

/* === Text inputs (name / email / phone / presenting problem) === */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"] {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 0.9rem 1.1rem;
  border-radius: 4px;
  border: 1px solid #221915;
         /* same tone as page background */
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: none;  font-family: 'Poppins', sans-serif; background: transparent;
}

.wpcf7-form input::placeholder {
  color: #221915;
  opacity: 1;
  font-weight: 600;
}

/* remove blue glow on focus, keep clean border */
.wpcf7-form input:focus {
  outline: none;
  border-color: #221915;
}

/* === “Preferred Contact Method” label === */
.wpcf7-form br + span[data-name="checkbox-399"] {
  margin-top: 0.6rem;
  display: inline-block;  font-family: 'Poppins', sans-serif;
}

/* === Checkboxes (Email / Phone) === */
.wpcf7-form span[data-name="checkbox-399"] .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin-right: 2rem;
  margin-top: 0.6rem;  font-family: 'Poppins', sans-serif;
}

.wpcf7-form span[data-name="checkbox-399"] input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  border: 1px solid #221915;
  background: transparent;
  margin: 0;
  cursor: pointer;  font-family: 'Poppins', sans-serif; margin-bottom: -7px;
}
.wpcf7-acceptance input {float: left;}
.wpcf7-acceptance span.wpcf7-list-item-label {display: block;
  float: left;
  width: 90%; padding-left: 20px;}

.wpcf7-form span[data-name="checkbox-399"] .wpcf7-list-item-label {
  margin-left: 0.6rem;
  font-weight: 600;
}

/* === GDPR consent checkbox + text === */
.wpcf7-form span[data-name="acceptance-690"] .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin-top: 1rem;
}

.wpcf7-form span[data-name="acceptance-690"] input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  border: 1px solid #221915;
  background: transparent;
  margin-top: 0.15rem;
  cursor: pointer; margin-left: 0px;
}

.wpcf7-form span[data-name="acceptance-690"] input[type="checkbox"]:checked {
  background: #221915;
}

.wpcf7-form span[data-name="checkbox-399"] input[type="checkbox"]:checked {
  background: #221915;
}

.wpcf7-form span[data-name="acceptance-690"] .wpcf7-list-item-label {
  font-size: 0.85rem;
  line-height: 1.5;
}

.wpcf7-form span[data-name="acceptance-690"] a {
  text-decoration: underline;
}

/* === Submit button (“Send Enquiry”) === */
.wpcf7-form .wpcf7-submit {
  margin-top: 1.6rem;
  padding: 0.9rem 2.4rem;
  border-radius: 0;
  border: 1px solid #221915;
  background: transparent;
  color: #221915;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;  font-family: 'Poppins', sans-serif;
}

.wpcf7-form .wpcf7-submit:hover {
  background: #221915;
  color: #d2c2a6;
}
.img-bullets .bullet {
  opacity: 0;
  transform: translateY(10px);
}

.fade-in-load {
  opacity: 0;
  animation: fadeInLoad 2s ease-out 0.5s forwards;
}

@keyframes fadeInLoad {
  to {
    opacity: 1;
  }
}

.img-bullets .bullet,
.icon-bullets .bullet,
.step-bullets .step-bullet {
  opacity: 0;
  transform: translateY(10px);
}

.img-bullets .bullet.revealed,
.icon-bullets .bullet.revealed,
.step-bullets .step-bullet.revealed {
  animation: bulletFadeIn 0.4s ease-out forwards;
}

@keyframes bulletFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* === Small-screen tweaks === */
@media (max-width: 600px) {
  .wpcf7-form span[data-name="checkbox-399"] .wpcf7-list-item {
    margin-right: 1.2rem;
  }

  .wpcf7-form .wpcf7-submit {
    width: 100%;
    text-align: center;
  }
}



/* Mobile: 1 per row */
@media (max-width: 600px) {
.acreditations { padding: 2.5rem 0; }
.acreditations-bullets { grid-template-columns: 1fr; gap: 2rem; }
.acreditations .bullet img { max-width: 260px; }
.acreditations .inner-bullet {padding-top: 0px;}
.acreditations .bullet img {padding: 0px;}
}

/* -------------------------
   Responsive tweaks
-------------------------- */

/* Tablets – 2 per row */
@media (max-width: 1050px) {
.img-bullets { justify-content: center; }
.img-bullets .bullet { flex: 1 1 45%; max-width: 320px; }
}

/* Mobile – 1 per row, centred */
@media (max-width: 600px) {
.img-bullets { gap: 28px; }
.img-bullets .bullet { flex: 1 1 100%; max-width: 100%; }
}
/*-------------------- FADE TRANSITION ----------------------------------------------------*/

a { opacity: 1; transition: opacity 0.3s ease; }
a:hover { opacity: 0.2; }
 @keyframes fadeInOpacity { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.contacts-bar-wrap img { animation: zoom-in-zoom-out 20s ease; }
 @keyframes zoom-in-zoom-out { 0% {
 transform: scale(1.5, 1.5);
}
 100% {
 transform: scale(1, 1);
}
}
/*-------------------- SIMPLE SITEMAP ----------------------------------------------------*/
.simple-sitemap-container h3 { display: none; }
.simple-sitemap-container h3.term-tag { display: block; }
.simple-sitemap-container { text-align: left; }
.simple-sitemap-container ul { margin: 0 0 0 40px!important; margin-top: 20px!important; }
.simple-sitemap-container a { color: #000; }
.basic-page h2 { padding-bottom: 20px; font-size: 30px; }





/*-------------------- CHROME only override -------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: 0.001dpcm) {
 @supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
/* CSS rules that only apply to Chrome */
}
}

/*-------------------- EDGE only override -------------------------------------------------------------*/
@supports (-ms-accelerator:true) {
/* CSS rules that only apply to Edge */
}

/*-------------------- MEDIA QUERIES ---------------------------------------------------------------*/

@media only screen and (max-width:1746px) {
.hero-tag { font-family: "Prata", serif; font-size: 36px; line-height: 36px; padding-top: 60px; padding-left: 320px; padding-bottom: 70px; }
.hero { height: 700px; }
.thirty-layout-right { margin-top: -80px; }
.thirty-layout-right { height: 780px; overflow: hidden; }
.hero { background-size: 300px; }
}
/*-------------------- MEDIA QUERIES ---------------------------------------------------------------*/

@media only screen and (max-width:1600px) {
.wrapper { width: 1200px; }
.hero-tag { padding-top: 30px; }
.how-it-works .left img { margin-top: 50px; }
.hero-tag { font-family: "Prata", serif; font-size: 30px; line-height: 36px; padding-top: 20px; padding-left: 0px; padding-bottom: 0px; }
.description { padding-top: 50px; padding-bottom: 40px; }
.therapy-practice .icon-bullets {

  padding-right: 250px;
}
.therapy-practice .iconbullet-inner {

  width: 80%;
}
}

/*-------------------- MEDIA QUERIES ---------------------------------------------------------------*/

 @media only screen and (max-width:1350px) {
.menu-main-menu-container li a { font-size: 16px; }
}

/*-------------------- MEDIA QUERIES -------------------------------------------------------------------*/

@media only screen and (max-width:1270px) {
.wrapper { width: 1000px; }
.thirty-layout-right { margin-top: 20px; }
.hero { height: 900px; }
.thirty-layout-right { height: 880px; overflow: hidden; }
.how-it-works .left img { margin-top: 80px; }
footer { background-size: 400px; }
.menu-main-menu-container li a { font-size: 18px; }
.show-page { margin-top: 20px; }
.wpcf7-acceptance span.wpcf7-list-item-label {
  width: 85%;
}
}

/*-------------------- MEDIA QUERIES ----------------------------------------------------------------------*/
 @media only screen and (max-width:1050px) {
.wrapper { width: 800px; }
.hero { height: 1000px; }
.thirty-layout-right { height: 980px; overflow: hidden; }
.hero .btn-outline { margin-bottom: 10px; }
.iconbullet-inner { float: left; width: 80%; }
.thirty-layout-left .btn { font-size: 14px; }
.who-i-work-with .btn { float: none; margin: auto; margin-top: auto; margin-top: 20px; }
.who-i-work-with { padding-top: 70px; padding-bottom: 70px; color: #647665; text-align: center; }
.inner-bullet { padding-top: 20px; text-align: left; }
.therapy-practice {
  background-position: right bottom;
  background-size: 200px;
}
  .therapy-practice .icon-bullets {
    padding-right: 0px;
  }
}





/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------*/
 @media only screen and (max-width:950px) {
#navigation ul#menu-primary li { list-style-type: none; float: none; margin-right: 0px; padding-left: 0px; display: block; }
ul#menu-primary { z-index: 201; background: none repeat scroll 0 0 #482b7d; border: 0px; float: none; padding: 10px; position: absolute; right: 0; width: 100%; margin-top: 0px; text-align: center; -webkit-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); -moz-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-sizing: border-box; margin-top: 55px; }
.menu-main-menu-container li { display: inline-block; padding: 5px; width: 100%; text-align: center; }
.menu { display: none; }
.menu.active { display: block; padding-top: 10px; padding-bottom: 20px; }
#navigation { position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; padding-top: 0px; margin-top: 90px; z-index:1; }
.menu { width: 100%; background-color: #d9d0bf; }
.home .menu { width: 100%; background-color: #ffffff; }
a#menu-icon { display: block; float: right; font-size: 40px; padding-top: 10px; padding-right: 0px; margin-top: -78px; margin-bottom: 5px; cursor: pointer; margin-right: 50px; }
.thirty-layout-right { margin-top: 0px; }
.show-page { margin-top: 20px; margin-right: 0px; float: left; width: auto !important}
}

/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------*/
 @media only screen and (max-width:850px) {
.wrapper { width: 700px; }
.home .thirty-layout-right { margin-top: 0px; display: none; }
.pages-wrapper .description { padding-right: 0px; }
.thirty-layout-right { margin-top: 0px; }
.pages-wrapper .thirty-layout-right { width: 100%; margin-top: 20px; }
.hero { height: auto; width: 100%; background-image: none; padding-bottom: 20px; }
.seventy-layout-left { width: 100%; }
.hero { background-size: 200px; }
.hero-tag { padding-bottom: 40px; }
.description { text-align: justify; }
.show-mob { display: block; }
.thirty-layout-left .btn { font-size: 13px; }
.divider { background-size: 600px; height: 100px; }
.how-it-works .left, .how-it-works .right { width: 100%; }
.how-it-works .left img { margin-top: -100px; }
.how-it-works .right { padding-top: 0px; padding-bottom: 50px; padding-left: 0px; }
 .therapy-practice {
    background-position: right bottom;
    background-size: 200px;
    padding-bottom: 160px;
  }
}


/*-------------------- MEDIA QUERIES ----------------------------------------------------------------------------*/
 @media only screen and (max-width:720px) {
.wrapper { width: auto; margin-left: 40px; margin-right: 40px; }
.left, .right { width: 100%!important; }
.seventy-layout-right { width: 100%; float: right; padding: 0px 50px; }
.seventy-layout-left { width: 100%; float: left; }
.thirty-layout-left { width: 100%; float: left; }
.thirty-layout-right { width: 100%; float: right; }
.how-it-works .left, .how-it-works .right { width: 100%; }
.thirty-layout-left .btn { font-size: 18px; }
.seventy-layout-right { width: 100%; float: right; padding: 0px 0px; padding-top: 0px; padding-top: 40px; }
footer .btn { margin-bottom: 10px; }
footer { padding-bottom: 150px; background-size: 300px; }
}




/*-------------------- MEDIA QUERIES -----------------------------------------------------------------------------*/
 @media only screen and (max-width:600px) {
h1, h2 { font-size: 40px; line-height: 40px; }
.btn { font-size: 14px; width: 100%; box-sizing: border-box; }
.thirty-layout-left .btn { font-size: 16px; }
.quote { font-size: 20px; line-height: 35px; }
.tagline { font-size: 40px; line-height: 40px; }
.socials { padding-top: 50px; padding-bottom: 20px; }
.footer-text { color: #647665; font-size: 16px; line-height: 20px; padding-bottom: 40px; padding-top: 10px; margin-top: 10px; }
h5 { padding-bottom: 40px; }
footer { padding-top: 50px; padding-bottom: 100px; }

 .therapy-practice .iconbullet-inner {
    width: 100%;
  }
    .therapy-practice .icon-bullets {
    text-align: center;
  }
.therapy-practice .icon-bullets .bullet i {
 
  float: none;
  padding-bottom: 20px;
}
.therapy-practice h3 {text-align: center;}
}

/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------------*/
 @media only screen and (max-width:580px) {
.wrapper, .inner-wrapper, .menu-overlay .inner-wrapper { margin-left: 20px; margin-right: 20px; }
.contacts {font-size: 13px;}
}
/*-------------------- MEDIA QUERIES ------------------------------------------------------------------------------*/
 @media only screen and (max-width:420px) {
.show-page {display: none;}
.wpcf7-acceptance span.wpcf7-list-item-label {
  width: 80%;
}
}

/*-------------------- MEDIA QUERIES --------------------------------------------------------------------------------------*/
 @media only screen and (max-width:319px) {
body { min-width: 319px; }
}