/* ------------------------------------ COMMON STYLING FOR ALL PAGES------------------------------------ */
body {
  overflow-x: hidden;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: #f7f7f7;
}
h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
}
.heading2 {
  letter-spacing: 0.15rem;
  font-size: 3.3rem;
}
.white {
  color: #f7f7f7;
}
h1.heading.white {
  border-color: #f7f7f7;
}
.white-bg {
  background-color: #f7f7f7 !important;
}
em {
  font-family: "AlFresco";
}
a {
  color: rgb(252, 70, 107);
}
a:hover {
  color: rgb(252, 70, 107);
}
b {
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}
.btn-primary,
.btn-primary:hover {
  padding: 1rem 2rem;
  background-color: transparent;
  color: #ebdfdf !important;
  border-color: transparent;
}
.btn-group {
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
  transition: 0.3s all ease-in-out;
  border: none;
  border-radius: 5px;
  font-weight: normal !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #212529;
  background-color: rgba(252, 70, 107, 1);
  border-color: rgba(252, 70, 107, 1);
}
.btn:focus {
  box-shadow: inset 0 0px 0 #ddd;
}
.flag {
  height: 100% !important;
}
.show .dropdown-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.show .dropdown-item {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem;
}
.btn-light {
  padding: 0.4rem 2rem;
  position: relative;
  background-color: #f7f7f7;
  color: #ebdfdf !important;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
  transition: 0.3s all ease-in-out;
  border: none;
  border-radius: 5px;
  font-weight: normal !important;
}
.btn-light:hover {
  color: white !important;
}
.btn-light:after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 5px;
  transition: 0.3s all ease-in-out;
  background-color: rgba(255, 0, 0, 0.2);
}
.btn-light:hover::after {
  opacity: 1;
}
.width-80 {
  width: 85%;
  margin: auto;
}
.free-color {
  border-bottom: 8px solid rgba(255, 217, 0, 1) !important;
}
.free-color-bg {
  background-color: rgba(255, 217, 0, 1) !important;
}
.workshop-color {
  border-bottom: 8px solid rgba(255, 0, 170, 1) !important;
}
.workshop-color-bg {
  background-color: rgba(255, 0, 170, 1) !important;
}
.seminar-color {
  border-bottom: 8px solid rgba(21, 18, 212, 1) !important;
}
.seminar-color-bg {
  background-color: rgba(21, 18, 212, 1) !important;
}

/** volgens mij niet gebruik ?!
.water-color-1 {
  background-image: url("../img/bulb_card_bck.jpg");
}
.water-color-2 {
  background-image: url("../img/key_card_bck.jpg");
}
.water-color-3 {
  background-image: url("../img/lotus_card_bck.jpg");
}

**/

div.section-separator-bottom,
div.section-separator-top {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  bottom: -3px;
  position: absolute;
  z-index: 0;
  display: flex;
}
svg.section-separator-bottom,
svg.section-separator-top {
  display: block;
  margin-left: -1%;
  max-height: 100%;
  width: 102%;
  height: 100%;
}
svg.section-separator-top[data-separator-name*="-negative"] {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.svg-white-bg {
  fill: #f7f7f7;
}
.language-switcher {
  background-color: #fff;
  position: fixed;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  right: -20px;
  opacity: 0.5;
  transition: 0.3s all ease-in-out;
  width: 40px;
  padding: 1rem 4px;
  top: 50%;
  filter: grayscale(100%);
  transform: translateY(-50%);
}
.language-switcher:hover {
  right: 0;
  opacity: 1;
  filter: grayscale(0);
}
.language-switcher .d-flex {
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 
------------------------ FONTS 
*/
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
@font-face {
  font-family: "AlFresco";
  src: url("../fonts/141029084db058008a2e75132a55dbb1.eot"); /* IE9*/
  src: url("../fonts/141029084db058008a2e75132a55dbb1.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/141029084db058008a2e75132a55dbb1.woff2")
      format("woff2"),
    /* chrome、firefox */ url("../fonts/141029084db058008a2e75132a55dbb1.woff")
      format("woff"),
    /* chrome、firefox */ url("../fonts/141029084db058008a2e75132a55dbb1.ttf")
      format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/141029084db058008a2e75132a55dbb1.svg#AlFresco")
      format("svg"); /* iOS 4.1- */
}

/* 
-------------------NAVBAR STYLING 
*/
nav {
  position: absolute;
  padding: 0.8rem 2rem !important;
  z-index: 1;
  background-color: #f7f7f7;
  border-radius: 20px;
  width: 90%;
  margin: auto;
  top: 2rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.navbar-brand img {
  width: 400px;
}
.nav-link {
  text-transform: uppercase;
  font-size: 1rem;
}
.nav-link {
  position: relative;
  transition: 0.2s all ease-in-out;
  overflow: hidden;
}
.navbar-nav .nav-item:hover,
.navbar-nav .nav-item.active {
  color: goldenrod !important;
}
.navbar-nav .nav-link.active:after,
.navbar-nav .nav-link:hover:after {
  width: auto;
  opacity: 1;
}
.navbar-nav .nav-link:after {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  content: "~~";
  font-size: 0.6;
  font-weight: 700;
  font-family: "Times New Roman", Serif;
  color: goldenrod;
  width: 0;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
/* ----------------------------------- HOME PAGE -------------------------------- */

/* 
------------------HEADER SECTION
 */
.white-box {
  border-radius: 10px;
  padding: 2rem;
  background-color: #f7f7f7;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
#home-header {
  background-size: cover;
  background: rgb(238, 181, 217);
  background: linear-gradient(
    45deg,
    rgba(238, 181, 217, 1) 0%,
    rgba(217, 159, 249, 1) 100%
  );
  position: relative;
  padding-bottom: 4rem;
}
section#welcome {
  padding: 5rem 1rem;
}
#welcome h1 {
  font-size: 4rem;
  letter-spacing: 0.1rem;
}
#welcome q {
  font-size: 1.2rem;
}

div.img {
  background-image: url("../images/rianneblue.jpeg");
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  height: 500px;
  width: 370px;
  position: relative;
  margin: auto;
}

.waves {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/* 
------------------SERVICES SECTION
 */
section#home-services {
  background-color: #f7f7f7;
  position: relative;
  padding-top: 2rem;
}
.home-services {
  text-align: center;
}
h1.heading {
  display: inline-block;
  text-transform: uppercase;
  border-bottom: 4px solid #fb9db5;
  padding-bottom: 10px;
  margin-top: 40px;
}
.cen {
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
}
.home-service {
  margin: 1rem;
  width: calc(33.33333333% - 2rem);
  padding: 4rem 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 5px;
  transition: 1.2s all ease !important;
  background-position: center;
  background-size: cover;
  background-color: #fff;
}
.home-service:hover {
  background-color: rgba(255, 217, 0, 0.3);
}
.home-service:hover i {
  color: rgba(252, 70, 107, 1);
}
.home-service h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
}
.home-service p {
  color: gray;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.home-service a {
  color: black;
}
.home-service a:hover {
  text-decoration: none;
}
.service-icon {
  margin: 0rem auto 1rem;
  width: 105px;
  height: 105px;
  background-color: #f7f7f7;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px;
  border-radius: 100%;
}

#service-free-group .service-icon {
  background-image: url("../images/lotus.png");
}
#service-group .service-icon {
  background-image: url("../images/groepen.png");
}
#service-private-group .service-icon {
  background-image: url("../images/hw.png");
}
#service-private-sessions .service-icon {
  background-image: url("../images/eh.png");
}
#service-support .service-icon {
  background-image: url("../images/key.png");
}
#service-business .service-icon {
  background-image: url("../images/bedrijf.png");
}

/* 
------------------TESTIMONIALS SECTION
 */
section#home-testimonials {
  background-size: cover;
  background: rgb(238, 181, 217);
  background: linear-gradient(
    45deg,
    rgba(238, 181, 217, 1) 0%,
    rgba(217, 159, 249, 1) 100%
  );
  margin-top: 4rem;
  padding-bottom: 13rem;
  padding-top: 10rem;
  position: relative;
}
.testimonial-wrapper p span {
  color: rgb(252, 70, 107);
  font-weight: bold;
}
#home-testimonials a:hover {
  text-decoration: none !important;
}
.home-testimonials-wrapper {
  position: relative;
  z-index: 2;
}
.testimonial-col {
  text-align: center;
  padding-top: 1rem;
}
#home-testimonials-wrapper .col-md-4 {
  margin-bottom: 3rem;
  margin-top: 2rem;
}
#reverse-wave-top {
  transform: rotate(180deg);
  top: -1px;
  bottom: unset;
}
#events-carousel .slider-col {
  color: #212529;
  font-size: 14px;
}
.slider-col .card {
  margin: 1rem;
}
.img-box {
  width: 125px;
  height: 125px;
  margin: 0 auto;
  border-radius: 100%;
  background-image: url("../images/userPink.svg");
  background-color: #fff;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}
[class*="person"] {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

/** volgens mij niet gebruikt 
.person2 {
  background-image: url("../img/yucel-moran-nd0AqhGk5ZI-unsplash.jpg");
}
.person3 {
  background-image: url("../img/stefan-stefancik-QXevDflbl8A-unsplash.jpg");
}
.person4 {
  background-image: url("../img/dan-ROJFuWCsfmA-unsplash.jpg");
}
.person5 {
  background-image: url("../img/christopher-campbell-rDEOVtE7vOs-unsplash.jpg");
}
.person6 {
  background-image: url("../img/111.jpg");
}
.person7 {
  background-image: url("../img/32.jpg");
}
.person8 {
  background-image: url("../img/44.jpg");
}
.person9 {
  background-image: url("../img/46.jpg");
} **/


.testimonial {
  padding: 20px 10px 0px 10px;
}
.overview {
  text-align: center;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}

/*
------------------------------READINGS SECTION
*/
section#home-readings {
  position: relative;
}

.reading-container {
  margin: 3rem 1rem 5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  background-color: #fff;
  border-radius: 5px;
}
.reading-card-img {
  border-radius: 5px;
  background-image: url("../images/cardback.gif");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.reading-card-img img {
  opacity: 0;
}
.is-animated {
  transition: 0.3s all ease-in-out;
  animation: fadein 0.35s;
}
@keyframes fadein {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.reading-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #000;
  width: 50%;
  padding: 2rem;
  text-align: center;
}
.reading-left strong {
  font-size: 1.4rem;
}
.free-reading-text {
  padding: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  margin: 0 1rem;
}
.free-reading-explanation {
  border-top: 0 !important;
  padding-top: 3rem !important;
}
.color,
.chakra,
.chakra-exp,
.affirmations {
  margin: 1rem;
  text-align: left;
}
.reading-right {
  width: 50%;
  padding: 2rem;
  margin-top: 1rem;
}
.reading-right strong {
  font-size: 1.4rem;
}
/*
------------------------------EVENTS SECTION
*/
#home-events {
  position: relative;
  background-size: cover;
  background: rgb(238, 181, 217);
  background: linear-gradient(
    45deg,
    rgba(238, 181, 217, 1) 0%,
    rgba(217, 159, 249, 1) 100%
  );
  padding-top: 10rem;
  padding-bottom: 10rem;
}
#events-carousel {
  padding: 1rem 0;
  position: relative;
}

#events-carousel .carousel-control {
  top: 0;
}
#events-carousel a:hover {
  text-decoration: none;
}
#home-events .carousel-indicators {
  bottom: 0 !important;
}
#home-events div.section-separator-bottom,
#home-events div.section-separator-top {
  bottom: unset;
  top: -1px;
}
#home-events div#reverse-wave {
  top: unset;
  bottom: -2px;
  transform: rotate(180deg);
}
#home-events .carousel-item .row {
  margin: 2rem 0rem;
}
.card {
  cursor: pointer;
  font-size: 1em;
  overflow: hidden;
  padding: 0;
  border: none;
  border-radius: 0.28571429rem;
  /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  height: 100%;
}
.card img {
  transition: 0.3s all ease-in-out;
}
#home-events .card:hover img {
  filter: brightness(90%);
}
.card-block {
  font-size: 1em;
  position: relative;
  margin: 0;
  padding: 1em;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  box-shadow: none;
}

.card-img-top {
  display: block;
  width: 100%;
  height: 20vw;
  min-height: 250px;
}

.card-title {
  font-size: 1.28571429em;
  font-weight: 700;
  line-height: 1.2857em;
  color: rgba(252, 70, 107, 1);
}

.card-text {
  clear: both;
  margin-top: 0.5em;
  color: rgba(0, 0, 0, 0.68);
}

.card-footer {
  font-size: 1em;
  position: static;
  top: 0;
  left: 0;
  max-width: 100%;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  background: #fff;
}

.card-inverse .btn {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.profile {
  position: absolute;
  top: -12px;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  margin: 0;
  border: 1px solid #fff;
  border-radius: 50%;
}

.profile-avatar {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.profile-inline {
  position: relative;
  top: 0;
  display: inline-block;
}

.profile-inline ~ .card-title {
  display: inline-block;
  margin-left: 4px;
  vertical-align: top;
}

.text-bold {
  font-weight: 700;
}

.meta {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.4);
}

.meta a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
}

.meta a:hover {
  color: rgba(0, 0, 0, 0.87);
}

/*
-----------------FOOTER SECTION
*/
footer {
  padding: 4rem 0;
  color: gray;
}
footer a {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  margin-top: 0.5rem;
  transition: 0.3s all ease-in-out;
  color: rgba(0, 0, 0, 0.8);
}

footer a.terms {
  color: gray;
  font-size: 1rem;
  font-weight: normal;
}


footer a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
}
.phone-box a i,
.email-box a i {
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.social-box a i {
  padding-right: 1rem;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.footer-mid {
  margin-top: 1rem;
  padding: 0.8rem 0;
  border-top: 1px solid rgba(128, 128, 128, 0.3);
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}
footer .heading {
  margin-bottom: 1rem;
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.8);
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-nav a {
  display: block;
  color: gray;
  font-size: 1rem;
  font-weight: normal;
}
#email-newsletter,
#mce-EMAIL {
  color: #495057;
  background-color: transparent;
  background-clip: padding-box;
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* ----------------------------------- EVENTS PAGE -------------------------------- */

/* 
------------------HEADER SECTION - EVENTS PAGE
 */
#other-header {
  background: rgb(238, 181, 217);
  background: linear-gradient(
    45deg,
    rgba(238, 181, 217, 1) 0%,
    rgba(217, 159, 249, 1) 100%
  );
}
#all-events {
  padding-top: 6rem;
  padding-bottom: 4rem;
}
#events-registeration {
  position: relative;
  padding-bottom: 10rem;
}
#events-registeration #reverse-wave {
  transform: rotate(180deg);
}
/* 
------------------HEADER SECTION - TESTIMONIALS PAGE
 */
section#all-testimonials {
  padding-bottom: 10rem;
  position: relative;
}
#all-testimonials .section-separator-top {
  transform: rotate(180deg);
}
#all-testimonials h1.heading {
  color: #fff;
  border-color: #fff;
  margin-top: 8rem;
}

#filterMenuButton {
  border: none;
  background-color: #f7f7f7;
  color: rgb(39, 39, 39);
  position: relative;
  z-index: 111;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
}
#all-testimonials .custom-select {
  width: 160px !important;
  text-align: center;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
}
.slick-next,
.slick-prev {
  width: 30px;
  height: 30px;
  top: -18px;
  opacity: 1;
  border-radius: 50%;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
}
.slick-prev:before,
.slick-next:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f104";
  line-height: 30px;
  margin-left: -2px;
}
.slick-next:before {
  content: "\f105";
  margin-left: 2px;
}
.slick-prev {
  left: unset;
  right: 25px;
}
.slick-next {
  right: -15px;
}
.slick-dots {
  bottom: -24px;
}
.slick-dots li button {
  background: #e2e2e2;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  opacity: 0.5;
}
.slick-dots li.slick-active button {
  opacity: 1;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
}
.slick-dots li button:before {
  display: none;
}
.slider-col {
  width: 100%;
  height: 100%;
}
.testimonial-container {
  position: relative;
}
.filter-dropdown {
  text-align: right;
}
.testimonial-slider .item {
  padding-top: 1rem;
}
.testimonial-container .col-md-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right: 0px;
  padding-left: 0px;
  max-width: 100% !important;
}
.testimonial-wrapper {
  background: #f7f7f7;
  border-radius: 0.28571429rem;
  padding: 2rem;
  margin: 1rem;
  margin-bottom: 2rem;
  position: relative;
  cursor: pointer;
}
.testimonial-wrapper p {
  color: rgb(51, 51, 51);
}
.testimonial-wrapper p b {
  color: rgb(51, 51, 51);
}
.testimonial-wrapper p a {
  color: rgb(252, 70, 107);
  font-weight: bold;
}
.testimonial-quote-icon {
  opacity: 0.9;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
  border-radius: 100%;
  width: 50px;
  color: #f7f7f7;
  height: 50px;
  text-align: center;
  line-height: 50px;
  top: -25px;
  font-size: 2rem;
  position: absolute;
}

/* ----------------------------------- SERVICES PAGE -------------------------------- */

/* 
------------------HEADER SECTION - SERVICES PAGE
 */
#all-services #reverse-wave {
  transform: rotate(180deg);
}
#all-services {
  padding-top: 8rem;
  padding-bottom: 10rem;
  position: relative;
}
#all-services .home-service {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  position: relative;
}
#all-services .home-service:hover {
  background-color: #f9eeac;
}
#all-services .home-service .btn {
  position: absolute;
  width: 225px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 60px;
}
.badge-warning {
  background-image: linear-gradient(
    45deg,
    rgba(252, 70, 107, 1) 0%,
    rgba(171, 80, 125, 1) 100%
  );
  color: white;
  opacity: 0.9;
}
/* ----------------------------------- ABOUT PAGE -------------------------------- */

/* 
------------------MAIN SECTION
 */
.about-item {
  min-height: 400px;
}
[class^="about-img"] {
  background-size: cover;
  border-radius: 5px;
  height: 100%;
}
.about-img-me {
  background-position: top center;
  background-image: url("../images/rianneabout.jpg");
}
.about-img-fom {
  background-image: url("../images/riannecards.jpg");
  background-position: 40%;
}
.about-img-mission {
  background-position: center;
  background-image: url("../images/free.jpg");
}

/* ----------------------------------- Nieuwsbriefpage -------------------------------- */

/* 
------------------MAIN SECTION
 */
.about-item {
  min-height: 400px;
}
[class^="about-img"] {
  background-size: cover;
  border-radius: 5px;
  height: 100%;
}

.about-img-news {
  background-position: center;
  background-image: url("../images/nieuwsbrief.jpg");
}


/* ----------------------- CIRCLE PAGE --------------------------- */

.circle-item {
  min-height: 400px;
}
[class^="circle-img"] {
  background-size: cover;
  border-radius: 5px;
  height: 100%;
}
.circle-img-1 {

  background-image: url("../images/circleoflight.jpg");
  background-position: 10%;
}
.circle-img-2 {
  background-image: url("../images/heart.jpg");
 
    background-position: 10%;
  }
  
  .circle-img-3 {
  background-image: url("../images/joy.jpg");
 
    background-position: 10%;
  }
  
    .circle-img-4 {
  background-image: url("../images/growth.jpg");
 
    background-position: 10%;
  }
  
  .circle-img-5 {
  background-image: url("../images/selfvalue.jpg");
 
    background-position: 10%;
  }
  
.circle-img-me {
  background-position: center;
  background-image: url("../images/free.jpg");
}


/* ----------------------------------- SESSIONS PAGE -------------------------------- */

/* 
------------------TIMELINE SECTION
 */
.timeline-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "full";
  height: 100%;
}
.timeline-left,
.timeline-right {
  grid-area: full;
}
.timeline-right {
  position: relative;
  z-index: 99;
  clip-path: polygon(40% 0, 100% 0%, 100% 100%, 50% 100%);
}
.cd-timeline {
  background-color: transparent;
}
.cd-timeline p {
  font-size: 1rem;
}
.cd-timeline span {
  font-size: 2rem;
}
.cd-timeline__date {
  padding-left: 1rem;
  font-weight: bold;
  font-size: 2rem;
  top: 6px;
  font-family: "Open Sans";
}
.timeline-2 .cd-timeline__date {
  padding-right: 1rem;
  font-weight: bold;
  font-size: 2rem;
  top: 6px;
  font-family: "Open Sans";
}
.cd-timeline__container::before {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fb9db5;
  background-image: linear-gradient(
    45deg,
    rgba(252, 70, 107, 1) 0%,
    rgba(171, 80, 125, 1) 100%
  );
}
.cd-timeline__img {
  background-color: #fb9db5;
  background-image: linear-gradient(
    45deg,
    rgba(252, 70, 107, 1) 0%,
    rgba(171, 80, 125, 1) 100%
  );
}
.timeline-icons {
  padding: 5px 0;
}

.timeline-icons i {
  cursor: pointer;
  font-size: 1rem;
  background: rgb(251, 63, 242);
  background: linear-gradient(
    45deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(171, 80, 125, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
---------------MEDIA QUERIES
*/
@media screen and (min-width: 1700px) {
  h1 {
    font-size: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  p,
  b {
    font-size: 1.4rem;
  }
  body {
    font-size: 1.4rem;
  }
  .btn-lg {
    font-size: 1.4rem;
  }
  footer a {
    font-size: 1.5rem;
  }
  footer .heading {
    font-size: 2.3rem;
  }
  .social-box a {
    font-size: 1.8rem;
  }
  .card-title {
    font-size: 1.6rem;
  }
  .card-text {
    font-size: 1.3rem;
  }
  .btn-sm,
  .btn {
    font-size: 1.3rem;
  }
  .meta {
    font-size: 1.1rem;
  }
  .card-footer {
    font-size: 1.2rem;
  }
  .home-service h2 {
    font-size: 1.7rem;
  }
  .home-service p {
    font-size: 1.4rem;
  }
  #welcome h1 {
    font-size: 4vw;
  }
  #welcome q {
    font-size: 1.3vw;
  }
  div.img {
    width: 70%;
    height: 100%;
  }
  .form-control {
    font-size: 1.3rem;
  }
  .reading-left strong {
    font-size: 1.6rem;
  }
  .reading-right strong {
    font-size: 1.6rem;
  }
  .reading-card {
    width: 80%;
  }
  .reading-card-img .img-fluid {
    width: 100%;
  }
  .nav-link {
    font-size: 1.3rem;
  }
  .navbar-brand img {
    width: 30vw;
  }
  #filterMenuButton {
    font-size: 1.4rem;
  }
  .dropdown-menu {
    font-size: 1.3rem;
  }
  .cd-timeline p {
    font-size: 1.4rem;
  }
  .cd-timeline__content {
    font-size: 1.3rem;
  }
  .timeline-icons i{
    font-size: 1.4rem;
  }
  #home-header {
    padding-bottom: 8rem;
  }
  section#home-testimonials {
    padding-top: 12vw !important;
    padding-bottom: 12vw !important;
  }
  #home-events {
    padding-top: 12vw !important;
    padding-bottom: 12vw !important;
  }
  #all-services {
    padding-bottom: 15vw;
  }
  #events-registeration {
    padding-bottom: 12vw;
  }
  #other-header .pad-top-fix {
    padding-top: 10rem !important;
  }
  .about-item {
    min-height: 30vw;
  }
  #home-events div#reverse-wave {
    bottom: -4px;
  }
  section#all-testimonials {
    padding-bottom: 12vw;
  }
  .about-item .col-md-6:nth-child(2) {
    align-self: center;
  }
}
@media screen and (max-width: 1023px) {
  .timeline-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "row1" "row2";
    height: 100%;
  }
  .timeline-left {
    grid-area: row1;
  }
  .timeline-right {
    position: relative;
    z-index: 99;
    grid-area: row2;
    clip-path: unset;
  }
  .timeline-wrapper .row {
    display: block;
    width: 100%;
  }
  .timeline-left [class*="reading"] p {
    height: auto !important;
  }
  .timeline-right [class*="healing"] p {
    height: auto !important;
  }
}
@media screen and (max-width: 1078px) {
  .card-img-top {
    min-height: 15vw;
  }
  #welcome h1 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown,
  .navbar-nav .dropdown-menu {
    text-align: center;
  }
  .nav-link.nav-item {
    text-align: center;
  }
  .cen .home-service {
    width: calc(50% - 2rem);
  }
  .reading-container strong {
    font-size: 1.2rem !important;
  }
  .card-img-top {
    min-height: 200px;
    height: 30vw;
  }
  .testimonial-wrapper {
    margin: 2rem 1rem;
  }
  section#home-testimonials {
    padding-top: 100px;
  }
  section#home-events {
    padding-top: 100px;
  }
  section#all-services {
    padding-top: 50px;
  }
  section#all-events {
    padding-top: 50px;
  }
  #all-testimonials h1.heading {
    margin-top: 92px;
  }
}
.show-slide {
  animation: scale 0.5s;
}
@keyframes scale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  #events-carousel .carousel-item {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .reading-container strong {
    font-size: 1.1rem !important;
  }
  .subscribe-box {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(128, 128, 128, 0.3);
  }
  .cen .home-service {
    width: calc(100% - 2rem);
  }
  .card-img-top {
    height: unset !important;
    min-height: unset !important;
  }
  .events-type form {
    margin-top: 2rem !important;
  }
  [class^="about-img"] {
    height: 40vw;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 620px) {
  .navbar-brand {
    width: 70%;
  }
  .navbar-brand img {
    width: 100%;
  }
  #welcome h1 {
    font-size: 3rem;
  }
  #welcome q {
    font-size: 90%;
  }
  .heading {
    font-size: 2rem;
  }
  .heading2 {
    font-size: 2rem;
  }
  .reading-left,
  .reading-right {
    width: 100%;
  }
  .reading-right {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  }
  .color,
  .chakra,
  .chakra-exp,
  .affirmations {
    margin-left: 0;
  }
  .affirmations {
    margin-bottom: 0;
  }
  .cd-timeline__date {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 479px) {
  div.img {
    width: 100%;
    margin-left: 0 !important;
    margin: auto;
  }
  #all-services .home-service .btn {
    width: 188px;
  }
  .navbar-toggler {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .container-fluid,
  .cen {
    padding: 0 !important;
  }
  .events-type ul {
    margin: 0;
    padding: 0;
  }
  .cd-timeline__date {
    display: none;
  }
  .cd-timeline h2 {
    font-size: 1.2rem;
  }
  .cd-timeline p {
    font-size: 0.8rem;
  }
  .cd-timeline .btn {
    padding: 8px 1rem;
  }
  .slick-dots {
    bottom: -34px;
  }
}
@media screen and (max-width: 365px) {
  .btn-sm-small {
    padding: 8px 1rem;
    font-size: 1rem;
  }
}