/*
Theme Name: X-Culture Academy
Author: Devent
Description: One more theme for X-Culture
Version: 1.0

*/
#wpadminbar{
  opacity: 0.3;
}
.fixed-top{
  box-shadow: 0 2px 5px lightgrey !important;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  box-shadow: none !important;
}
/* MAIN */
section{
    min-height: 100vh;
    position: relative;
}
section:nth-child(odd){
    background: #d7f5ffb3;
}
section{
    padding: 15vh 0;
    padding-bottom: 5vh;
}
section .row{
  margin-bottom: 50px;
}
section#partners {
  background: white;
}
#trainees h5, #teachers h5{
    color: #0a4e63;
    font-weight: 400;
    margin-bottom: 0.2rem;
}
#eligibility b{
  color:#f4ad49;
}
p.mb-3 {
  font-size: 1em;
  line-height: 1.1em;
  font-weight: 400;
  margin-bottom: 5px !important;
  color: #0a4e63ad;
}
.buttonspace{
    margin-top: 1em;
    padding: 1em 2em;
}
/* SCROLL LINK */
a.scroll {
    padding-top: 40px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: rgb(0, 0, 0);
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
  }
 a.scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #96c2d6;
    border-bottom: 1px solid #0a4e63;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
  }
  img.img-fluid{
    max-height:60vh;
  }
   a.scroll span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
   a.scroll span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
  }
   a.scroll span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
  }
  @-webkit-keyframes sdb07 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes sdb07 {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  


  /* BUTTON */
  
  #footer{
      background: #444;
      min-height: 3vh !important;
      padding: 2vh !important;
  }
  #footer .row {
    margin-bottom: 2vh;
    text-align: left;
}
#footer i {
  margin: 0 .5rem;
  font-size: 2rem;
}

input.btn-fresh, input.btn-hot{
  border-radius: 8px !important;
  opacity: 1 !important;
}
.btn{
  border-radius: 0 !important;
}

.btn-xs{
    font-weight: 300;
}
.close{
  text-shadow: none;
}
.full-width{
     width:100%;
}
.btn-hot {
color: #fff;
background-color: #db5566;
border-bottom:2px solid #af4451 !important;
}

.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
color: #fff;
background-color: #df6a78;
border-bottom:2px solid #b25560;
outline: none;}


.btn-hot:active, .btn-hot.active {
color: #fff;
background-color: #c04b59;
border-top:2px solid #9a3c47;
margin-top: 2px;
}

.btn-sunny {
color: #fff;
background-color: #f4ad49;
border-bottom:2px solid #c38a3a;
}

.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
color: #fff;
background-color: #f5b75f;
border-bottom:2px solid #c4924c;
outline: none;
}


.btn-sunny:active, .btn-sunny.active {
color: #fff;
background-color: #d69840;
border-top:2px solid #ab7a33;
margin-top: 2px;
}

.btn-fresh {
color: #fff;
background-color: #51bf87;
border-bottom:2px solid #41996c !important;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
color: #fff;
background-color: #66c796;
border-bottom:2px solid #529f78;
outline: none;
}


.btn-fresh:active, .btn-fresh.active {
color: #fff;
background-color: #47a877;
border-top:2px solid #39865f;
outline: none;
outline-offset: none;
margin-top: 2px;
}

.btn-sky {
color: #fff;
background-color: #0bacd3;
border-bottom:2px solid #098aa9;
}

.btn-sky:hover,.btn-sky.active:focus, .btn-sky:focus, .open>.dropdown-toggle.btn-sky {
color: #fff;
background-color: #29b6d8;
border-bottom:2px solid #2192ad;
outline: none;
}

.btn-sky:active, .btn-sky.active {
color: #fff;
background-color: #0a97b9;
border-top:2px solid #087994;
outline-offset: none;
margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}

a {color:#fff;}
a:hover {text-decoration:none; color:#fff;}


.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

.row li.active:hover{
  color:white;
}
.row li{
  transition: 0.3s;
}

hr{
border: 0 !important;
height: 1px !important;
background-image: linear-gradient(to right,transparent,#00aae8,transparent);
}
ul.list-group{
  margin-top: 3em;
}

h3.display-4{
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 400;
  color: #00a9e7;
  margin-bottom: 25px;
}
.display-4{
  color: #00a9e7;
  font-size: 3rem;
}
h3,h4{
  color: #00a9e7;
}
h4.display-4 {
  font-size: 2.2rem;
}

.counter {
  color: #333;
  text-align: center;
  margin-bottom: 2rem;
}

.counter li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

.counter li span {
  display: block;
  font-size: 4.5rem;
}

#toTop {
  width: 5vw;
  height: 5vw;
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background: transparent;
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
}

#toTop:hover {
 opacity: 0.7;/* Add a dark-grey background on hover */
}

.readmore{
color: #5a97e0;
transition: 0.4s;
}
.readmore:hover{
  transition: 0.4s;
  color: rgb(21, 144, 199);
}

.list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.list--ordered {
  counter-reset: list-counter;
  display: block;
  margin-top: 3rem;
}
@media (min-width: 40em) {
  .list--ordered {
    -webkit-columns: 1 auto;
       -moz-columns: 1 auto;
            columns: 1 auto;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
}
.list--ordered li {
  background-image: -webkit-linear-gradient(180deg, #1691c5 0%, #3facac52 100%);
  background-image: linear-gradient(180deg, #1691c5 0%, #3facac52 100%);
  background-repeat: no-repeat;
  background-size: 2px 100%;
  background-position: 1rem center;
  display: block;
  min-height: 2rem;
  padding-top: 0rem;
  padding-bottom: 0.4rem;
  padding-left: 3rem;
  position: relative;
}
.list--ordered li:nth-child(1)::before {
  background-position: center 10%;
}
.list--ordered li:nth-child(2)::before {
  background-position: center 20%;
}
.list--ordered li:nth-child(3)::before {
  background-position: center 30%;
}
.list--ordered li:nth-child(4)::before {
  background-position: center 40%;
}
.list--ordered li:nth-child(5)::before {
  background-position: center 50%;
}
.list--ordered li:nth-child(6)::before {
  background-position: center 60%;
}
.list--ordered li:nth-child(7)::before {
  background-position: center 70%;
}
.list--ordered li:nth-child(8)::before {
  background-position: center 80%;
}
.list--ordered li:nth-child(9)::before {
  background-position: center 90%;
}
.list--ordered li:nth-child(10)::before {
  background-position: center 100%;
}
.list--ordered li::before {
  background: #0082d5;
  background: -webkit-linear-gradient(top, #0082d5 0%, #66c796 50%, #529f78 100%);
  background: linear-gradient(180deg, #0082d5 0%, #66c796 50%, #529f78 100%);
  background-repeat: no-repeat;
  background-size: 2rem 20rem;
  border-radius: 50%;
  color: white;
  content: counter(list-counter);
  counter-increment: list-counter;
  display: block;
  height: 2rem;
  left: 0;
  line-height: 2;
  position: absolute;
  text-align: center;
  width: 2rem;
}
.list--ordered.no-space{
	margin:0
}
#howitworks li, #program li, .nonumber li{
  padding-bottom: 1rem !important;
  }

#howitworks li:before, #program li:before, .nonumber li:before{
  content: '' !important;
  width: 1rem !important;
  height: 1rem !important;
  /* padding-left: 1rem !important; */
  margin-left: 0.6rem !important;
  /* margin-top: 0.3rem; */
}

a.readmore:after {
  content: '\f107';
  font-family: "FontAwesome";
  padding-left: 10px;
}

a.readmore.changed:after {
  content: '\f106';
}

.list-group-item.active {
  background-color: #075a6d;
  border-color: #075a6d;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgb(21, 144, 199);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: rgb(0, 176, 237);
}
.navbar-light .navbar-nav .nav-link {
  color: #094e63;
}
section#partners {
  min-height: unset;
  max-height: unset;
  padding-top: 35px;
}
section#partners h4{
font-size: 2rem;
}
.partners {
  margin: 35px auto;
  margin-top: 0 !important;
  padding: 0 5%;
  width: 100%;
  position: relative;
}
.partners img{
  max-width: 180px;
  height: auto;
  filter: grayscale(1);
  transition: 0.7s;
  
}
.partners img:hover{
  filter: grayscale(0);
  transition: 0.7s;
}


.countdown {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.1rem;
}
.countdown.style-1 div {
  margin-left: 1rem;
  margin-right: 1rem;
}
.countdown.style-1 div span {
  display: block;
}

.countdown div {
  font-size: 2rem;
  font-weight: 100;
  display: inline-block;
  color: #8a8a8a;
}
.countdown div span {
  font-weight: 300;
  color: #a2a2a2;
  font-size: 1rem;
  text-shadow: none;
}
.owl-nav {
  width: 100%;
  text-align: center;
}
.owl-nav div {
  display: inline-block;
  margin: 15px;
  font-size: 2rem;
  font-weight: 100;
  color: #148396;
}

/* MODAL */

.modal-content label {
  font-weight: 400 !important;
}

.alert.alert-success {
  background: white !important;
  padding: 1rem 2rem !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}

/* TESTIMONIALS */

section#testiomonials {
  min-height: unset;
  max-height: unset;
  padding-top: 35px;

}
.testimonials .row {
  padding: 1rem;
} 
.teitem {
  margin-bottom: 1rem;
  padding: 1rem;
  padding-bottom: 2rem;
  border-radius: 0;
  border: 1px solid transparent;;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  background-image: -webkit-linear-gradient(white, white 0%), -webkit-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -moz-linear-gradient(white, white 0%), -moz-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -ms-linear-gradient(white, white 0%), -ms-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -o-linear-gradient(white, white 0%), -o-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: linear-gradient(white, white 0%), linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  box-shadow: 2px 2px 10px #9090904d;
  min-height: 180px;
  position: relative;
}
.teitem > span {
  font-style: italic;
}
.tewraps{
  padding: 0.5rem;
}
.teitem span.name {
  font-weight: 700;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: .7rem;
  margin-bottom: .3rem;
  color: #00a9e7;
}
.teimage{
  border-radius: 50%;
  height: 80px;
  width: 80px;
  float: left;
  shape-outside: inset(1% round 50%);
  margin-right: 15px;
  margin-bottom: 2px;
  box-shadow: 2px 2px 5px lightgrey;
}
.moon {
  border-radius: 50%;
  height: 200px; 
  width:200px;
  background-color: #2badd9;
  float: right;
  shape-outside: inset(1% round 50%);
  margin-left: 20px;
  margin-bottom: 10px;
}
.csquare {
  background: #fff;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 6px -6px #e0e0e0;
  -ms-box-shadow: 0 8px 6px -6px #e0e0e0;
  box-shadow: 0 8px 6px -6px #e0e0e0;
  padding: 20px;
  border: 1px solid #dce4e9;
  margin-bottom: 20px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.csquare.feedback-popup, .csquare.feedback-popup2 {
  z-index: 999;
position: absolute;
bottom: 10px;
width: 300px;
left: -310px;
padding-top: 10px;
}

.csquare.feedback-popup #closeFeedbackPopup, .csquare.feedback-popup2 #closeFeedbackPopup2 {
font-size: 200%;
}
.csquare a{
  color: #00aae8;
  position: absolute;
  top: -10px;
  right: 10px;
}
h3.planname{
  font-weight: 400;
}
.pricing h3 span {
  font-size: 3rem;
  font-weight: 300;
  color: #f4ad49;
  text-shadow: 1px 1px #b5b5b5;
}


/* SEATS COUNTER  */

.calorie-counter {
  background: -webkit-linear-gradient(top left, #4d4d4d, #000);
  background: linear-gradient(to bottom right , #4d4d4d, #000);
  -webkit-animation: load 1s ease-out forwards;
  -moz-animation: load 1s ease-out forwards;
  animation: load 1s ease-out forwards;
  background-color: #4d4d4d;
  border-radius: 4px;
  color: #8a8a8a;
  font-weight: 500;
  opacity: 0;
  padding: 1rem;
  text-align: center;
  border-radius: 0;
  border: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  background-image: -webkit-linear-gradient(white, white 0%), -webkit-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -moz-linear-gradient(white, white 0%), -moz-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -ms-linear-gradient(white, white 0%), -ms-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -o-linear-gradient(white, white 0%), -o-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: linear-gradient(white, white 0%), linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  box-shadow: 2px 2px 10px #9090904d;
}
.calorie-counter__title {
  color: #666;
  font-size: 18px;
  margin-bottom: 10px;
}
.calorie-counter__date {
  font-size: 22px;
  margin-bottom: 50px;
}

.chart svg {
  height: 100%;
  width: 100%;
}
.chart__background {
  fill: none;
  height: 100%;
  position: relative;
  stroke:#dee4e4;
  stroke-width: 20px;
  width: 100%;
}
.chart__foreground {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: stroke-dashoffset 1s ease-in;
  -moz-transition: stroke-dashoffset 1s ease-in;
  transition: stroke-dashoffset 1s ease-in;
  fill: none;
  height: 100%;
  left: 0;
  position: absolute;
  stroke-dasharray: 630px;
  stroke-dashoffset: 630px;
  stroke-linecap: round;
  stroke-width: 20px;
  stroke: #00a9e7;
  top: 0;
  width: 100%;
}
.chart__count {
  color: #999;
  font-size: 16px;
  position: relative;
}
.chart__count div {
  color: #f4ad49;
  font-size: 22px;
}
.chart .chart__container {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}
.chart--calorie .chart__container {
  height: 220px;
  width: 220px;
}
.chart--calorie .chart__count {
  top: -135px;
}
.chart--protein, .chart--carbs {
  float: left;
  margin-bottom: 50px;
  text-align: left;
  width: 50%;
}
.chart--protein .chart__container, .chart--carbs .chart__container {
  height: 30px;
  width: 30px;
}
.chart--protein .chart__foreground, .chart--carbs .chart__foreground {
  stroke: #b1fff8;
}
.chart--protein .chart__count, .chart--carbs .chart__count {
  color: #999;
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
  position: relative;
  text-align: left;
  top: 2px;
  overflow: hidden;
}
.chart--protein .chart__count div, .chart--carbs .chart__count div {
  color: #fff;
  font-size: 14px;
}
.chart--carbs {
  float: none;
  overflow: hidden;
}
.chart--carbs .chart__foreground {
  stroke: #fec6a8;
}

.calorie__count {
  background-color:  #00a9e7;
  padding: 23px;
}
.calorie__count__consumed, .calorie__count__remaining {
  font-size: 16px;
}
.calorie__count__consumed span, .calorie__count__remaining span {
  display: block;
  font-size: 22px;
}
.calorie__count__consumed {
  overflow: hidden;
  color: white;
}
.calorie__count__remaining {
  background-color: #fff;
  box-shadow: 19px 19px 49px 0px rgba(0, 0, 0, 0.36);
  color: #4d4d4d;
  float: right;
  padding: 24px;
  position: relative;
  right: -15px;
  top: -35px;
  width: 60%;
  border-radius: 0;
  border: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  background-image: -webkit-linear-gradient(white, white 0%), -webkit-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -moz-linear-gradient(white, white 0%), -moz-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -ms-linear-gradient(white, white 0%), -ms-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: -o-linear-gradient(white, white 0%), -o-linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  background-image: linear-gradient(white, white 0%), linear-gradient(160deg, #00aae8, white 45%, white 75%, #00aae8 100%);
  box-shadow: 2px 2px 10px #9090904d;
}
small.text-muted{
  font-size: 60%;
}
span small {
  display: inline-block;
}

@-webkit-keyframes load {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes load {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes load {
  from {

    opacity: 0;
  }
  to {

    opacity: 1;
  }
}
#dates h3 {
  font-weight: 400;
}

.text-left > h4 {
  margin-bottom: 3rem;
}
#dates h4 {
  font-size: 1.5rem;
  color: #066a7a;
  text-align: center;
  font-weight: 400;
}
#dates h4 small {
  font-size: 1rem;
  color: lightgrey;
}
.red{
  color:#ed1b31 !important;
}
.green{
  color: #00b158 !important
}
.grey{
  color: #868e96!important;
}
.blue{
  color: #0aacd3!important
}
.tooltip-inner {
  background: #00a9e7;
}
p.lead b {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0b879b;
}

.description{
  margin-top: 2rem;
}
#about .description{
margin-top: unset;
}
#about h3 > a{
  color:#00a9e7;
}
#about p{
  margin-bottom: 0.5rem;
}
.description h3{
  font-weight: 200;
  margin-top: 2rem;
}
.mapdiv a{
  color: #dedede !important;
}
section#facts li > b {
  color: #1590c7;
  font-weight: 400;
}
/*MEDIA QUERIES */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
  .countdown div {
    font-size: 1.5rem;
    font-weight: 100;
  }
  .countdown {
  width: 100%;
  }    
  .teitem span:nth-child(1) {
     font-size: 1.2rem;
  }
  .logo{
    width:100px !important;
  }
}

#accordion	.card{
	border: 1px solid rgb(58 168 231);
	border-radius: .25rem;
	margin-bottom: 4px;
	box-shadow: 2px 2px 0px #ccc;
}
#accordion .card-header{
	background: #55a8d8;
	border: 0;
	box-shadow: none;
	display: flex;
    align-items: center;
    justify-content: space-between;
		color: white;
}
#accordion .card-header h5 + i{
transform: rotate(90deg);
}
#accordion .card-header h5.collapsed + i{
transform: rotate(0deg)
}

#accordion .card-header h5{
	flex:1;
	color: #ffffff;
	font-weight: 500;
	cursor:pointer;
	
}

.nav-item{
	display:flex;
	align-items:center;
}