@font-face {
    font-family: Pacifico;
    src: url('/fonts/Pacifico-Regular.ttf');
}

html { 
  scroll-behavior: smooth; 
}

body {
    background: white;
    visibility: hidden;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-weight: bold;
    font-size: 20px;
}


nav {
    position: absolute;
    right: 0px;
    font-weight: bold;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-right: 30px;
    overflow: hidden;
}
  
nav li {
    display: block;
    float: right;
    text-align: center;
    padding: 16px;
}
  
nav ul a {
    position: relative;
    color: black;
    text-decoration: none;
}
  

nav ul:first-of-type a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
  
nav ul:first-of-type a:hover::before {
    transform: scaleX(0.99);
}

label {
    font-weight: bold;
}

textarea {
    height: 200px;
}

#login-icon {
    position:absolute;
    left:10px;
    top:10px;
}

#login-icon img {
    width: 72px!important;
}

#burger-menu {
    display: none;
    font-size:32px;
    margin-top:-10px;
    padding-right:0;
}

#mobile-menu {
    width: 250px;
    height: auto;
    font-size: 20px;
    right:0;
    display: none;
}

#mobile-menu ul {
    margin-top: 16px;
    padding: 0;
}

#mobile-menu li {
    padding: 0px 10px 0px;
}

#mobile-menu a {
    text-decoration: none;
}

#main-menu img {
    width:100%;
}

main {
    margin-top: 2vw;
    width: 100%;
}

#block-top-main {
    display: table;
    margin: 0 auto;
    width: 990px;
}

.block-center {
    margin: 0 auto;
    max-width: 1000px;
}

.block-programs {
    margin: 0 auto;
    max-width: 1200px;
}

.block-video {
    margin: 0 auto;
    max-width: 1000px;
}

#block-top a {
    text-decoration: underline;
}

#block-top a:hover {
    text-decoration: underline;
}

#block-top img, #block-bottom img {
    width: 100%;
}

#block-bottom .padding {
    padding-left: 16px;
}

#title {
    margin-top: 3vw;
}

#title h2 {
    padding-bottom: 4vw;
    color: #b9121a;
    font-family: Pacifico;
    font-size: 4vw;
}

#healthy-happy {
    height: 50vw;
    background-image: url('/images/photo01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 50vw;
    
}

#healthy-happy div {
    display: table;
    margin: 0 auto;
}

#healthy-happy a {
    text-decoration: none;
}

.heart {
    float:left;
    text-align: center;
    width: 12vw;
    height: 10vw;
    background-image: url('/images/heart.png');
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: Pacifico;
    font-size: 2.5vw;
    color: black;
    transition: transform .2s;
}


#h-top-left {
    margin-right: 23vw;
    transform: rotate(340deg);
    padding-top: 3.8vw;
   
}

#h-top-left:hover {
    transform: scale(1.3) rotate(340deg); 
}

#h-top-right {
    transform: rotate(40deg);
    padding-top: 3.5vw;
}

#h-top-right:hover {
    transform: scale(1.3) rotate(40deg); 
}


#h-bottom-left {
    margin-right: 33vw;
    transform: rotate(340deg);
    margin-top: 3.7vw;
    padding-top: 3.5vw;
}

#h-bottom-left:hover {
    transform: scale(1.3) rotate(340deg); 
}

#h-bottom-right {
    transform: rotate(40deg);
    margin-top: 3.7vw;
    padding-top: 3.5vw;
}

#h-bottom-right:hover {
    transform: scale(1.3) rotate(40deg); 
}

.healthy-happy-desc {
    padding-top: 1vw;
    margin-left: 34vw;
    max-width: 700px;
}

.healthy-happy-desc2 {
    padding-top: 1vw;
    max-width: 990px;
}


.healthy-happy-desc h2, .healthy-happy-desc2 h2 {
    font-family: Pacifico;
    font-size: 36px;
    color: black;
    margin-top:0;
}

.healthy-happy-desc strong, .healthy-happy-desc2 strong {
    color: #b9121a;
}

#programs p {
    font-size: 16px;
}

#programs a {
    font-weight: bold;
    text-decoration: none;
}

#programs a:hover {
    text-decoration: none;
}

#programs .programs-image {
    width:280px;
    margin: 0 auto;
}

#programs .programs-image:hover {
    border: 1px solid black;
}

#order input:not([type=submit]):not([type=checkbox]) {
    width: 95%;
}

.input-country {
    width: 47.5% !important;
}

.width250 {
    width: 250px;
}

.workshops img {
    width: 300px !important;
}

.workshops div {
    display:inline-block;
    padding:5px;
    border: 2px solid white;
}

.workshops div:hover {
    border: 2px solid pink;
}

.workshops p {
    font-size: 16px;
}

.workshop-top {
    margin-top: 32px;
}

#yoga div {
    padding: 8px;
}


.videos {
    font-size: 22px;
}

.videos a {
    text-decoration: none !important;
}

.videos a:hover {
    text-decoration: none !important;
}

.video-main {
    border: 1px solid #f1f1f1;
    margin-top:8px
}

.video-main:hover {
    border:1px solid grey;

}

.videos-circle {
    width:24px !important;
    margin-bottom: 4px;
}

.videos-icon {
    width: 32px !important;;
    margin-bottom: 2px;
}

.video-icon-middle {
    vertical-align: middle;
}

.video-title {
    padding:0 16px 0 0;
}

#buy-btn-1 {
    display: none;
}

#buy-btn-2 {
    width:230px;
    display: none;
}

iframe {
    width:98%;
}

.video-container { 
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow:
    hidden;
    max-width: 100%;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    height: 100%;
}

.review {
    border-color: #e6e6e6!important;
    background-color: #fbf1f2;
    font-size: 18px;
}

.share img {
    width: 38px !important;
}

#stars-select {
    color:#cfa543;
    font-size:22px;
    cursor: pointer;    
}


footer {
    background: #fbf1f2;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

footer a {
    text-decoration: none;
    margin-left: 16px;
    margin-right: 16px;
}

footer a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1400px) {
    #menu {
      display: none;
    }

    #social-icons {
        display: none;
    }

    /*
    #social-icons {
        margin-top: -4px;
    }
    */
    #burger-menu {
        display: list-item;
    }

    #block-top-main {
        width: auto;
    }    
}

@media screen and (max-width: 800px) {
    iframe {
	height: 60vw;
    }

    #block-top {
        margin: 0 auto;
    }

    #healthy-happy {
        height: 100vw;
        background-size: 70vw;

    }

    .healthy-happy-desc h2 {
        font-size: 30px;
    }

    #title h2 {
        font-size: 8vw;
    }

    .heart {
        width:22vw;
        height: 20vw;
        font-size: 4.5vw;
    }

    .workshops p {
        font-size: 20px;
    }

    #login-icon img {
	width: 32px!important;
    }


    #h-top-left {
        margin-right: 28vw;
        padding-top: 5.3vw;
    }

    #h-bottom-left {
        margin-right: 44vw;
        padding-top: 4.8vw;
    }

    #h-top-right {
        padding-top: 4.7vw;
    }

    #h-bottom-right {
        padding-top: 4.5vw;
    }

    .healthy-happy-desc {
        margin: 0 auto;
    }

    nav li {
        padding: 8px;
    }

    footer a {
        margin-top: 2vw;
        display: inline-block;
    }
}