/*
Theme Name: MerkabaGold
Theme URI: https://merkabagold.com/
Author: Dim [FerrumZP] Syvushkin ft. bootScore
Author URI: https://merkabagold.com/
Description: Theme for Merkaba Gold - psychology help and mental health.
Version: 5.1.3.0
Tested up to: 5.8.1
Requires PHP: 5.6
License: MIT License
License URI: https://github.com/crftwrk/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: 

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* DEFAULTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}
.site-header .fixed-top {
    box-shadow: 1px -1px 10px #3636364d;
}
#page {position: relative;}
.navbar-brand {
    max-width: 50px;
}
/* Hero ssection */
.hero {
    height: 800px;
}

.title-right {
  position: absolute;
  top: -84px;
  right: 10%;
  text-transform: uppercase;
  color: #7e7e7e42;
  font-size: 170px;
  font-weight: 900;
}
/* .title-right span {
  font-size: 400px;
  background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
  background: -webkit-linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */

/* Srvices */
.services {
    position: relative;
    padding: 7rem 0;
    background: url('img/gold-lines-left.jpg') no-repeat;
    background-position: bottom;
    background-size: cover;
}
.services-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-content: center;
    grid-gap: 20px;
    padding: 4rem 0;
}
.snip1543 {
    background-color: #fff;
    color: #444441;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin: 10px;
    max-width: 315px;
    min-width: 230px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0px 2px 16px 5px rgba(131, 131, 131, 0.2);
    -moz-box-shadow: 0px 2px 16px 5px rgba(131, 131, 131, 0.2);
    box-shadow: 0px 2px 16px 5px rgba(131, 131, 131, 0.2);
  }
  
  .snip1543 *,
  .snip1543 *:before,
  .snip1543 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
  }
  
  .snip1543 img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
    height: 200px;
    width: 365px;
    overflow: hidden;
  }
  
  .snip1543:before,
  .snip1543:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: #ffffff;
    opacity: 0.5;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
  }
  
  .snip1543:before {
    -webkit-transform: skew(30deg) translateX(-80%);
    transform: skew(30deg) translateX(-80%);
  }
  
  .snip1543:after {
    -webkit-transform: skew(-30deg) translateX(-70%);
    transform: skew(-30deg) translateX(-70%);
  }
  
  .snip1543 figcaption {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    bottom: 0;
    padding: 25px 40% 25px 20px;
  }
  
  .snip1543 figcaption:before,
  .snip1543 figcaption:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    content: '';
    opacity: 0.5;
    z-index: -1;
  }
  
  .snip1543 figcaption:before {
    -webkit-transform: skew(30deg) translateX(-100%);
    transform: skew(30deg) translateX(-100%);
  }
  
  .snip1543 figcaption:after {
    -webkit-transform: skew(-30deg) translateX(-90%);
    transform: skew(-30deg) translateX(-90%);
  }
  
  .snip1543 h3,
  .snip1543 p {
    margin: 0;
    opacity: 0;
    letter-spacing: 1px;
  }
  
  .snip1543 h3 {
    font-family: 'Teko', sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
  }
  
  .snip1543 p {
    font-size: 0.9em;
  }
  
  .snip1543 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  .snip1543:hover h3,
  .snip1543.hover h3,
  .snip1543:hover p,
  .snip1543.hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.9;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  
  .snip1543:hover:before,
  .snip1543.hover:before {
    -webkit-transform: skew(30deg) translateX(-20%);
    transform: skew(30deg) translateX(-20%);
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
  }
  
  .snip1543:hover:after,
  .snip1543.hover:after {
    -webkit-transform: skew(-30deg) translateX(-10%);
    transform: skew(-30deg) translateX(-10%);
  }
  
  .snip1543:hover figcaption:before,
  .snip1543.hover figcaption:before {
    -webkit-transform: skew(30deg) translateX(-40%);
    transform: skew(30deg) translateX(-40%);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
  
  .snip1543:hover figcaption:after,
  .snip1543.hover figcaption:after {
    -webkit-transform: skew(-30deg) translateX(-30%);
    transform: skew(-30deg) translateX(-30%);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }

@media (max-width:768px) {
    .services-inner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        align-content: center;
    }
    .title-right {
      top: 12px;
      right: 0;
      font-size: 73px;
  }
}

/* About section */
.about {
  position: relative;
  padding: 5rem 0;
  overflow: hidden;
}
.about-inner {
  display: flex;
  justify-content: space-between;
  padding: 4rem 0;
}
.about-inner__left {
  position: relative;
  width: 52%;
  padding: 0 2rem;
  text-align: justify;
  line-height: 30px;
  font-size: 17px;
  
}
.metacube {
  opacity: 0.24;
  position: absolute;
  -moz-transform: rotate(15deg); /* Для Firefox */
  -ms-transform: rotate(15deg); /* Для IE */
  -webkit-transform: rotate(15deg); /* Для Safari, Chrome, iOS */
  -o-transform: rotate(15deg); /* Для Opera */
  transform: rotate(15deg);
  top: -15px;
  left: 2%;
}
@media (max-width: 768px) {
  .about-inner {
    flex-direction: column-reverse;
    align-items: center;
  }
  .about-inner__left {
    width: 100%;
    padding: 0 1rem;
    text-align: left;   
  }
  .metacube {top: auto;}
}

/* Get in touch */
.get-in-touch {
  position: relative;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.get-in-touch .title-right {
  z-index: 9;
  right: auto;
  left: 10%;
}
.tele-form {
  display: flex;
  justify-content: center;
}
.tele-form input {
  height: 50px;
}
.cf7-name-male {
  margin-right: 1rem;
}
.cf7-name-male input[name="your-name"]{
  margin-bottom: 26px;
}
.tele-form textarea {
  width: 300px;
}
.tele-form .submit-button button {
  width: 50px;
  height: 126px;
  border-radius: 6px;
}
.tele-form .submit-button {
  margin-left: 1rem;
  z-index: 1;
}
.wpcf7-submit {
  font-family: FontAwesome;
}

/* ANIMATED */
.aniwrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  /* background: #24C6DC; 
  background: -webkit-linear-gradient(to bottom, #514A9D, #24C6DC);  
  background: linear-gradient(to bottom, #514A9D, #24C6DC);  */
}

.anibox div {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 6px solid #ffd700;
}

.anibox div:nth-child(1) {
  top: 12%;
  left: 42%;
  animation: animate 10s linear infinite;
}

.anibox div:nth-child(2) {
  top: 70%;
  left: 50%;
  animation: animate 7s linear infinite;
}
.anibox div:nth-child(3) {
  top: 17%;
  left: 6%;
  animation: animate 9s linear infinite;
}

.anibox div:nth-child(4) {
  top: 20%;
  left: 60%;
  animation: animate 10s linear infinite;
}

.anibox div:nth-child(5) {
  top: 67%;
  left: 10%;
  animation: animate 6s linear infinite;
}

.anibox div:nth-child(6) {
  top: 80%;
  left: 70%;
  animation: animate 12s linear infinite;
}

.anibox div:nth-child(7) {
  top: 60%;
  left: 80%;
  animation: animate 15s linear infinite;
}

.anibox div:nth-child(8) {
  top: 32%;
  left: 25%;
  animation: animate 16s linear infinite;
}

.anibox div:nth-child(9) {
  top: 90%;
  left: 25%;
  animation: animate 9s linear infinite;
}

.anibox div:nth-child(10) {
  top: 20%;
  left: 80%;
  animation: animate 5s linear infinite;
}

@keyframes animate {
  0% {
    transform: scale(0) translateY(-90px) rotate(360deg);
    opacity: 1;
  }
  
  100% {
    transform: scale(1.3) translateY(-90px) rotate(-180deg);
    border-radius: 50%;
    opacity: 0;
  }
}
/* End ANIMATED */

@media (max-width: 768px) {
  .tele-form {flex-direction: column;}
}


/* Blog */
.blog-front {
  position: relative;
  padding: 5rem 0;
}
.blog-item {
  max-width: 350px;
}

/* Footer */
footer, .bootscore-info {
  background: rgba(33, 33, 33, 0.98);
}
/* To Top button */
.top-button a, .top-button .btn-check:focus+.btn-primary, .top-button .btn-primary:focus, .top-button .btn-primary:hover {
    background-color: #999888;
    border: none;
}