@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
body {
padding: 0px;
margin: 0px;
overflow-x: hidden;
color: #58595b;
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0; font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
h1,
.home-banner-style h2 {
font-size: 60px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 30px;
}
h5 {
font-size: 18px;
line-height: 24px;
}
h6 {
font-size: 21px;
font-weight: 500;
color: #625b87;
padding: 0px;
margin: 25px 0;
}
.single-post h2 {
font-size: 32px;
text-transform: capitalize;
margin-bottom: 16px;
}
.single-post h3 {
font-size: 22px;
font-weight: 400;
text-transform: capitalize;
font-family: Lato, sans-serif;
margin-bottom: 16px;
}
.single-post h4 {
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
font-family: Lato, sans-serif;
margin-bottom: 16px;
}
.single-post p { font-weight: 400;
}
p {
font-size: 16px;
line-height: 30px;
font-weight: 300;
padding: 0px;
margin-bottom: 20px;
}
.f18 {
font-size: 18px;
}
a,
a:hover,
a:focus {
outline: 0;
transition: all 0.2s ease;
text-decoration: none;
max-width: 100%;
}
input,
button {
outline: 0px;
}
section {
position: relative;
}
body > header {
position: absolute;
z-index: 11;
width: 100%;
padding: 70px 0 20px;
}
.home-banner-style {
padding: 400px 0 250px;
height: 100vh;
background-size: cover;
background-position: center;
}
.home-banner-style h2 {
color: #fff;
max-width: 650px;
}
.right-nav {
position: relative;
}
.nav-icon,
.social-nav {
width: 55px;
height: 31px;
right: 0px;
position: absolute;
transition: 0.5s ease-in-out;
cursor: pointer;
top: 15px;
z-index: 15;
text-align: right;
}
.social-nav a {
text-decoration: none;
color:#fff;
}
.nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
opacity: 1;
right: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.nav-icon span:nth-child(1) {
top: 0px;
width: 40px;
}
.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
top: 11px;
}
.nav-icon span:nth-child(4) {
top: 22px;
}
.nav-icon.open span:nth-child(1) {
top: 18px;
width: 0%;
}
.nav-icon.open span:nth-child(2) {
transform: rotate(45deg);
}
.nav-icon.open span:nth-child(3) {
transform: rotate(-45deg);
}
.nav-icon.open span:nth-child(4) {
top: 18px;
width: 0%;
}
.nav-icon:hover span:nth-child(1) {
width: 100%;
}
.nav-icon.open:hover span:nth-child(1) {
width: 0%;
}
.nav-icon:hover span:nth-child(2),
.nav-icon:hover span:nth-child(3) {
width: 40px;
}
.nav-icon.open:hover span:nth-child(2),
.nav-icon.open:hover span:nth-child(3) {
width: 55px;
}
#menu-box {
position: fixed;
z-index: 12;
background: #898b8a;
padding: 140px 70px 50px;
width: 50%;
height: 100%;
min-width: 280px;
top: 0;
right: -50%;
transition: all 0.5s ease;
}
#menu-box.open {
right: 0px;
transition: all 0.5s ease;
}
#menu-box ul li {
margin-bottom: 12px;
font-size: 24px;
line-height: 30px;
}
#menu-box ul ul {
margin-top: 13px;
}
#menu-box ul li a {
color: #fff;
}
#menu-box ul li li {
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
font-weight: 300;
position: relative;
padding-left: 10px;
}
#menu-box ul li li:after {
content: "-";
position: absolute;
top: 0px;
left: 0px;
color: #fff;
}
.social-nav {
width: 100%;
right: 90px;
}
.social-nav a {
display: inline-block;
margin: 0 8px;
}
.social-nav a img {
width: 30px;
height: 30px;
}
.ff-elsie {
font-family: "Elsie";
}
.banner-book-btn {
position: fixed;
font-size: 24px;
line-height: 60px;
top: 50%;
transform: translateY(-50%);
right: 0;
background: #dc914f;
color: #fff;
z-index: 4;
padding: 0 25px;
border-radius: 30px 0 0 30px;
}
.banner-book-btn:hover {
opacity: 0.8;
background: #dc914f;
color: #fff;
}
.owl-dots {
position: absolute;
width: 100%;
text-align: center;
z-index: 5;
bottom: 60px;
}
.owl-dots .owl-dot {
width: 20px;
height: 20px;
outline: 0px;
margin: 0 15px;
position: relative;
}
.owl-dots .owl-dot:after,
.owl-dots .owl-dot:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
transition: all 0.2s ease;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.owl-dots .owl-dot.active:after,
.owl-dots .owl-dot:hover:after {
width: 20px;
height: 20px;
}
.rib-width-50 h2 {
color: #dc914f;
}
.rib-width-50 {
width: 50%;
float: left;
background-size: cover;
background-position: center;
min-height: 200px;
padding: 180px 90px;
}
.rib-width-50 p:last-child,
blockquote p:last-child,
.home-content-left p:last-child,
.p-mb-0 p,
.last-p-mb0 p:last-child {
margin-bottom: 0px;
}
a.read-more {
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #bf7746;
font-family: "Elsie";
margin-top: 50px;
}
a.read-more:hover {
opacity: 0.8;
color: #bf7746;
}
.mb-50,
.rib-width-50 h2 {
margin-bottom: 50px;
}
.qoute-block {
background-color: #ccc4b4;
padding: 155px 0 120px;
overflow: hidden;
}
blockquote p,
blockquote h2 {
color: #fff;
font-weight: 300;
}
blockquote h2 {
quotes: "" "";
}
blockquote {
max-width: 960px;
margin: auto;
}
blockquote h2::before {
content: "";
position: absolute;
height: 105px;
top: -65px;
width: 152px;
background-image: url(//vivedawellness.com/wp-content/themes/viveda/images/qoute-left.png);
left: -80px;
}
blockquote h2::after {
content: "";
position: absolute;
height: 105px;
width: 152px;
background-image: url(//vivedawellness.com/wp-content/themes/viveda/images/qoute-right.png);
right: -50px;
bottom: -40px;
}
.package-block {
padding: 125px 0;
}
.package-dropdown {
max-width: 400px;
position: absolute;
border-radius: 20px;
padding: 0 25px 0px;
cursor: pointer;
overflow: hidden;
width: 100%;
min-height: 20px;
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
margin: auto;
transition: all 1s ease;
left: 50%;
top: 0;
background: #fff;
z-index: 5;
transform: translateX(-50%);
}
.package-dropdown span,
.package-dropdown a {
font-size: 16px;
line-height: 30px;
display: inline-block;
color: #767778;
width: 100%;
}
.package-dropdown a:hover {
color: #dc914f;
}
.p-dropdown-title {
padding: 6px 0;
background-image: url(//vivedawellness.com/wp-content/themes/viveda/images/dorp-down.svg);
background-repeat: no-repeat;
background-size: 22px;
background-position: right 5px center;
}
.p-dropdown-list {
display: none;
padding-bottom: 10px;
}
.package-dropdown-box {
position: relative;
}
.pb01-big-img,
.video-img {
width: 55%;
height: 650px;
background-size: cover;
background-position: center;
float: left;
}
.pb01-content {
width: 42%;
margin-top: 100px;
float: left;
margin-left: -100px;
padding: 60px 110px 50px 85px;
position: relative;
}
.pb01-content h3,
.program-box-txt h3,
.program-txt h3,
.programs-block h3,
.programs-block p,
.pb01-content h4 {
margin-bottom: 30px;
position: relative;
}
.row.home-box-line {
position: relative;
}
.pb01-content h3:after,
.program-txt h3:after,
.home-box-line:after,
.home-box-line:before,
.pb01-content h4:after {
content: "";
position: absolute;
top: 26px;
width: 55px;
left: -85px;
height: 1px;
background: #fff;
}
.pb01-content h4:after {
top: 22px;
}
.pb01-sml-img {
position: absolute;
}
.sml-img-right-btm img {
right: -85px;
top: calc(100% - 70px);
}
.sml-img-left-btm img {
right: calc(100% - 130px);
top: calc(100% - 110px);
max-width: 230px;
}
.sml-img-left-top img {
right: -85px;
bottom: calc(100% - 130px);
}
.pb01-content h3,
.pb01-content p,
.program-box-full p,
.program-box-full h3,
.program-txt h3,
.program-txt p,
.white-text p,
.white-text h2,
.white-text h3,
.white-text p,
.white-text h4,
.white-text h5 {
color: #fff;
}
.pb01-content p,
.program-box-full p,
.program-txt p,
.white-text p {
font-weight: 300;
}
.pb01-content p a,
.program-box-full p a,
.program-txt p a {
opacity: 1;
font-size: 14px;
color: #fff;
font-weight: 300;
}
a.book-btn {
color: #575757;
background: #fff;
display: inline-block;
padding: 8px 30px;
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
border-radius: 22px;
}
.program-box-rtol .pb01-big-img {
float: right;
}
.program-box-rtol .pb01-content {
float: right;
margin-left: 0;
margin-right: -100px;
padding-left: 180px;
}
.program-box-rtol .pb01-content h3:after {
width: 150px;
left: -180px;
}
.program-box-full {
padding: 170px 0 60px;
background-size: cover;
overflow: hidden;
background-position: center;
}
.program-box-full .program-txt h3:after {
width: 1000px;
left: -1030px;
}
.program-box-txt {
padding: 0 35px;
}
.booking-btn-box {
margin-top: 10px;
display: inline-block;
width: 100%;
}
.booking-btn-box p {
margin-bottom: 0px;
line-height: 30px;
}
.booking-btn-box a {
margin-top: 30px;
}
.sml-img-left-top h3 {
max-width: 300px;
}
.space-100,
.space-200,
.space-180,
.space-120,
.space-150,
.space-160,
.space-170 {
width: 100%;
display: inline-block;
height: 100px;
}
.space-200 {
height: 200px;
}
.space-180 {
height: 180px;
}
.space-150 {
height: 180px;
}
.space-160 {
height: 180px;
}
.space-170 {
height: 180px;
}
.space-120 {
height: 120px;
}
.padtop-120 {
padding-top: 120px;
}
.padbtn-100 {
padding-bottom: 100px;
}
.pad100 {
padding: 100px 0px;
}
footer {
background: #e5e5e5;
padding: 80px 0 55px;
}
.footer-links,
#menu-box ul {
margin: 0;
padding: 0;
list-style: none;
}
footer p,
footer p a,
footer ul,
footer ul a,
.copy-right p a,
.copy-right p {
font-size: 16px;
line-height: 30px;
margin: 0;
padding: 0;
color: #58595b;
}
footer ul a:hover,
#menu-box ul li a:hover,
.copy-right p a:hover {
color: #dc914f;
}
footer .col-md-3 {
padding: 0 64px;
}
a.footer-logo {
margin-bottom: 20px;
display: inline-block;
}
.copy-right {
padding: 15px 0;
}
.copy-right p a,
.copy-right p {
font-weight: 400;
}
.home-title-box {
padding: 100px 0 200px;
}
.home-box-line:before {
width: 100%;
height: 100%;
left: 0;
z-index: 2;
transform: none;
top: 0;
background-color: #7f5214;
}
.page-id-6 .home-title-box .home-box-line:before {
background-color: #898b8a;
}
.home-box-line:after {
width: 10000px;
transform: translateX(-50%);
z-index: 1;
top: 40px;
}
.home-box-line > div {
position: relative;
z-index: 3;
}
.home-content-section {
margin-bottom: 100px;
}
.home-content-box {
background-size: cover;
padding: 190px 70px 160px;
position: relative;
background-position: center;
}
.home-content-left h2,
.home-content-left h3 {
margin-bottom: 30px;
}
.home-content-left {
max-width: 375px;
}
.home-content-box-design-02 .home-content-left {
max-width: 500px;
}
.home-content-left p,
a.explore-link {
font-size: 14px;
line-height: 18px;
font-weight: 300;
}
a.explore-link {
line-height: 30px;
color: rgba(255, 255, 255, 0.5);
}
a.explore-link {
color: #fff;
}
.home-content-box-01 {
margin-top: -110px;
}
#home-content-box {
overflow: visible;
}
.home-content-section:last-child {
margin-bottom: 0px;
}
a.home-content-icon {
position: absolute;
right: 100px;
top: 50%;
transform: translateY(-50%);
}
.home-content-right .home-content-left,
.content-right {
float: right;
text-align: right;
}
.home-content-right a.home-content-icon {
right: unset;
left: 100px;
}
.home-last-section {
height: 460px;
margin-top: -300px;
}
.home-content-detail {
background: #f0f0f1;
padding: 55px;
display: none;
box-shadow: 0 45px 54px 0 rgba(0, 0, 0, 0.35);
}
.home-content-detail p {
line-height: 24px;
color: #767778;
}
.home-content-detail table {
border: 1px solid #898b8a;
}
.home-content-detail thead {
border-bottom: 1px solid #898b8a;
}
.home-content-detail th,
.home-content-detail td {
font-weight: 300;
color: #767778;
line-height: 24px;
padding: 13px 25px !important;
border-right: 1px solid #898b8a;
border-top: 0px !important;
}
.home-content-detail thead td {
color: #dc914f;
font-size: 14px;
}
.home-content-detail tr td:first-child {
width: 96px;
text-align: center;
}
.home-content-detail tr td:nth-child(2) {
width: 300px;
}
.home-content-detail tr td:nth-child(3) {
width: 160px;
text-align: center;
}
.programs-block {
background-size: cover;
background-position: center;
position: relative;
width: 33.33%;
float: left;
padding: 500px 80px 60px;
}
.three-blocks h2 {
position: absolute;
top: 100px;
z-index: 5;
left: 50%;
transform: translateX(-50%);
}
.programs-block p {
font-size: 14px;
}
.programs-block-text {
max-width: 400px;
}
a.programs-know-more {
padding: 8px 25px;
color: #fff;
display: inline-block;
background: #dc914f;
border-radius: 20px;
}
.video-img {
width: calc(100% - 150px);
position: relative;
height: auto;
}
.video-content {
margin-left: -14%;
max-width: 413px;
z-index: 5;
margin-top: 50px;
padding: 25px;
width:25%;
}
.video-content.pb01-content h4:after {
width: 80px;
left: -25px;
top: -10px;
}
.video-content h5 {
margin-bottom: 16px;
}
.video-content.pb01-content h4 {
margin-bottom: 16px;
font-size:24px;
}
.video-content p {
line-height: 24px;
}
a.play-video {
position: absolute;
z-index: 4;
top: 50%;
left: 50%;
display: inline-block;
transform: translate(-50%, -50%);
}
.video-section,
.home-title-box {
overflow: hidden;
}
.video-slder-holder .owl-dots {
text-align: left;
left: 45px;
}
.video-slder-holder .owl-dots .owl-dot {
width: 20px;
height: 20px;
margin: 0 8px;
}
.video-slder-holder .owl-dots .owl-dot:after,
.video-slder-holder .owl-dots .owl-dot:before {
width: 5px;
height: 5px;
}
.video-slder-holder .owl-dots .owl-dot.active:after,
.video-slder-holder .owl-dots .owl-dot:hover:after {
width: 15px;
height: 15px;
}
.white-txt-btn {
color: #fff;
margin-top: 16px;
display: inline-block;
}
a.logo {
position: relative;
z-index: 15;
}
.page-id-126 #section-5 .booking-btn-box,
.page-id-181 .booking-btn-box,
.page-id-171 .booking-btn-box,
.page-id-201 .booking-btn-box {
opacity: 0;
}
.page-id-126 .program-box-rtol a.book-btn {
float: right;
}
.header-banner {
padding: 250px 0 100px;
background-size: cover;
background-position: center;
}
.header-banner h1 {
color: #fff;
}
section.header-banner:before, .home-banner picture:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background: radial-gradient(circle, #00000099 40%, #000000 100%);
top: 0;
left: 0;
opacity: 0.6;
}
.contact-section {
padding: 150px 0 100px;
}
.contact-section h2 {
color: #803841;
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.field-box input,
.field-box textarea {
background: #ebebeb;
padding: 8px 25px;
font-weight: 300;
border-radius: 20px;
width: 100%;
outline: 0px;
border: 0px;
color: #898989;
}
.field-box textarea {
height: 230px;
}
.field-box {
margin-top: 40px;
}
.field-box .submit-btn {
background: #803841;
color: #fff;
width: auto;
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
}
.hold-cont {
display: flex;
}
.hold-cont img {
margin-right: 15px;
}
.title-right-box-full {
padding: 200px 0px 160px;
}
.program-box-full .program-box-txt {
max-width: 550px;
}
.gallery-section {
padding: 130px 0;
}
.gallery-50 {
width: 50%;
float: left;
}
.gallery-img {
padding: 17px;
position: relative;
}
.gallery-left .gallery-img {
padding-left: 70px;
}
.gallery-right .gallery-img {
padding-right: 70px;
}
.gallery-left .gallery-img.gallery-left-02 {
padding-left: 200px;
}
.gallery-right .gallery-img.gallery-right-01 {
padding-right: 200px;
padding-top: 75px;
}
a.gallery-arrow {
width: 105px;
display: inline-block;
position: absolute;
left: 0;
}
.gallery-left a.gallery-arrow {
transform: rotate(-180deg);
}
.gallery-right a.gallery-arrow {
right: 0px;
left: unset;
top: unset;
bottom: 10px;
}
.home-banner-style.home-banner-style-slider {
padding: 0 !important;
position: relative;
height: auto;
}
.home-banner-style.home-banner-style-slider img {
height: 100vh;
object-fit: cover;
object-position: center;
}
.home-banner-style.home-banner-style-slider .container {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.notifications {
position: fixed;
bottom: 0;
left: 0;
width: 400px;
max-width: 90%;
margin: 0 0 50px 50px;
z-index: 99;
cursor: pointer;
animation: key-display-block 1s;
animation-delay: 5s;
animation-fill-mode: forwards;
}
@keyframes key-display-block {
from {
display: none;
}
to {
display: block;
}
}
.notifications .close {
position: absolute;
top: 5px;
right: 5px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
opacity: 0.5;
color: #333;
padding: 0 6px;
filter: opacity(0.5);
}
.notifications .notification {
background-color: #dc914f;
color: #fff;
border-radius: 24px;
box-shadow: 0px 0px 16px #000;
overflow: hidden;
margin-bottom: 16px;
z-index: 1;
position: relative;
visibility: none;
}
.notifications .notification h3 {
font-size: 18px;
padding: 12px;
line-height: 1.2;
}
.notifications .notification .thumb {
padding: 48px 24px;
background-size: cover;
text-shadow: 0 0 8px #000;
}
@media only screen and (max-width: 1440px) {
.programs-block {
padding: 450px 50px 60px;
}
#menu-box ul li {
margin-bottom: 12px;
}
.home-banner-style {
padding: 300px 0 250px;
}
}
@media only screen and (max-width: 1199px) {
.rib-width-50 {
padding: 100px 50px;
}
.programs-block {
padding: 300px 20px 50px;
}
h2 {
font-size: 40px;
}
.three-blocks h2 {
top: 60px;
}
.pb01-content {
padding: 60px 50px 50px 85px;
}
.pb01-sml-img {
max-width: 250px;
}
.program-box-rtol .pb01-content {
margin-right: -80px;
padding-left: 80px;
}
}
@media only screen and (min-width: 991px) {
.program-box-full .content-right.program-txt h3:after {
width: 1000px;
right: -1025px;
left: unset;
}
}
@media only screen and (max-width: 991px) {
h1,
.home-banner-style h2 {
font-size: 40px;
}
.rib-width-50 {
padding: 100px 50px;
width: 100%;
min-height: 300px;
}
.programs-block {
width: 100%;
padding: 180px 20px 50px;
}
.home-title-box {
padding: 100px 0 150px;
}
.home-content-section {
margin-bottom: 50px;
}
.home-content-box {
padding: 150px 20px 130px;
}
a.home-content-icon {
position: relative;
right: 0;
top: 40px;
}
.home-content-right .home-content-left,
.content-right {
float: none;
text-align: left;
}
.home-content-right a.home-content-icon {
right: unset;
left: 0;
}
.home-last-section {
height: 400px;
}
.pb01-big-img {
width: 100%;
height: 400px;
}
.video-img {
width: 100%;
}
.video-content,
.pb01-content {
margin-left: 0;
width: 100%;
margin: 0;
max-width: 100%;
}
footer .col-md-4 {
margin-top: 30px;
}
.sml-img-right-btm img,
.sml-img-left-btm img,
.sml-img-left-top img {
right: 20px;
left: unset;
top: unset;
bottom: calc(100% - 40px);
}
.program-box-rtol .pb01-content {
margin-right: 0;
}
.space-100,
.space-200,
.space-180,
.space-120,
.space-150,
.space-160,
.space-170 {
height: 70px;
}
.space-180 {
height: 100px;
}
.page-id-126 .program-box-rtol a.book-btn {
float: left;
}
.contact-section {
padding: 100px 0 50px;
}
.contact-section h2 {
margin-top: 30px;
}
.field-box {
margin-top: 20px;
}
.gallery-section {
padding: 70px 0;
}
.gallery-img {
padding: 10px;
}
.gallery-left .gallery-img {
padding-left: 50px;
}
.gallery-right .gallery-img {
padding-right: 50px;
}
.gallery-right .gallery-img.gallery-right-01 {
padding-right: 130px;
padding-top: 50px;
}
.gallery-left .gallery-img.gallery-left-02 {
padding-left: 130px;
}
a.gallery-arrow {
width: 80px;
}
.gallery-right a.gallery-arrow {
bottom: 5px;
}
video-content.pb01-content h4:after {
width: 25%;
top: -10px;
}
.hide-mobile {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#menu-box {
width: 100%;
right: -100%;
padding: 150px 20px 20px;
}
header {
padding: 30px 0 20px;
}
#menu-box ul li {
margin-bottom: 12px;
}
.logo img {
width: 100%;
max-width: 150px;
}
.nav-icon,
.social-nav {
top: 6px;
}
.social-nav {
width: 105px;
right: 70px;
}
.social-nav a img {
width: 24px;
height: 24px;
}
.social-nav a {
display: inline-block;
margin: 0 2px;
}
.banner-book-btn {
top: 75vh;
}
.rib-width-50 {
padding: 70px 20px;
}
.mb-50,
.rib-width-50 h2 {
margin-bottom: 30px;
}
a.read-more {
margin-top: 30px;
}
.padbtn-100 {
padding-bottom: 50px;
}
.padtop-120 {
padding-top: 60px;
}
.programs-block {
padding: 300px 20px 50px;
}
.video-content {
padding: 35px 20px 30px 70px;
}
.sml-img-right-btm img,
.sml-img-left-btm img,
.sml-img-left-top img {
max-width: 200px;
}
.pb01-content {
padding: 60px 20px 50px 70px;
}
.video-slder-holder .owl-dots {
text-align: left;
left: 10px;
bottom: 10px;
}
.home-content-detail {
padding: 20px;
}
.gallery-img {
padding: 5px;
}
.gallery-left .gallery-img {
padding-left: 30px;
}
.gallery-right .gallery-img {
padding-right: 30px;
}
.gallery-right .gallery-img.gallery-right-01 {
padding-right: 70px;
padding-top: 30px;
}
.gallery-left .gallery-img.gallery-left-02 {
padding-left: 70px;
}
a.gallery-arrow {
width: 50px;
}
.gallery-right a.gallery-arrow {
bottom: 5px;
}
.notifications {
margin: 0 0 10px 10px;
}
.rib_content_sec {
min-height: unset !important;
}
}
@media only screen and (max-width: 600px) {
.home-banner-style.home-banner-style-slider,
.home-banner-style.home-banner-style-slider img { }
.home-banner-style.home-banner-style-slider img { }
.home-banner-style.home-banner-style-slider .container {
top: 40%;
}
.home-banner-style.home-banner-style-slider .container {
top: 40%;
}
.home-banner-style.home-banner-style-slider .container h2 {
font-size: 24px;
}
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
#program-form {
position: fixed;
top: 0;
width: 100%;
background: #fff;
display: none;
z-index: 9;
height: 100%;
overflow: auto;
}
#program-form::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
#program-form::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
}
#program-form::-webkit-scrollbar-thumb {
background-color: #803841;
}
a#close-program-form img {
width: 25px;
}
a#close-program-form {
display: inline-block;
position: absolute;
right: 10px;
top: 10px;
}
.program-form-popup {
max-width: 1024px;
margin: auto;
margin-bottom: 50px;
width: 100%;
overflow: hidden;
padding: 80px 70px;
box-shadow: 0 45px 55px 0 rgba(0, 0, 0, 0.35);
}
.program-form-popup h2 {
color: #803841;
margin-bottom: 50px;
}
.program-form-popup > row {
margin-right: -32px;
margin-left: -32px;
}
select {
outline: 0px;
}
.form-field {
margin-bottom: 35px;
}
.program-form-popup .col-md-6,
.program-form-popup .col-md-12 {
padding-left: 32px;
padding-right: 32px;
}
.program-form-popup input[type="text"] {
font-size: 12px;
line-height: 16px;
background: #f3f3f3;
border-radius: 10px;
border: 0px;
color: #58595b;
height: 40px;
font-weight: 500;
padding: 11px 25px 9px;
border-radius: 25px;
margin-top: 15px;
width: 100%;
}
.program-form-popup .telephone-box input[type="text"] {
margin-top: 0px;
}
.program-form-popup .big-font input[type="text"] {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-top: 0px;
}
.program-form-popup label {
margin-bottom: 20px;
white-space: nowrap;
}
.program-form-popup select {
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
background: #fff;
border: 0;
font-size: 16px;
line-height: 24px;
-webkit-appearance: none;
appearance: none;
padding: 12px 45px 8px 20px;
margin-left: 25px;
width: calc(100% - 25px);
border-radius: 26px;
background-image: url(//vivedawellness.com/wp-content/themes/viveda/images/select-arrow.png);
background-size: 20px 12px;
background-repeat: no-repeat;
background-position: right 15px top 16px;
}
.radio-box {
width: 165px;
float: right;
}
.radio-box .radio-container:first-child {
margin-right: 40px;
}
.radio-container {
display: block;
position: relative;
padding-left: 38px;
margin-bottom: 0px !important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.radiomark {
position: absolute;
top: 50%;
left: 0;
height: 25px;
width: 25px;
background-color: #f3f3f3;
border-radius: 50%;
transform: translateY(-50%);
}
.radio-container:hover input ~ .radiomark {
background-color: #ccc;
}
.radio-container input:checked ~ .radiomark {
background-color: #803841;
}
.radio-container-2 {
display: block;
width: calc(50% - 15px);
position: relative;
margin-bottom: 15px !important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio-container-2:last-child {
margin-left: 30px;
}
.radio-container-2 input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.radiomark-2 {
position: relative;
background-color: #fff;
color: #000;
height: 40px;
width: 100%;
display: inline-block;
padding: 9px 20px;
text-align: center;
border-radius: 25px;
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
}
.radio-container-2 input:checked ~ .radiomark-2 {
background-color: #803841;
color: #fff;
}
.telephone-box {
width: 100%;
margin-left: 40px;
}
.program-form-popup input[type="submit"] {
background: #803841;
border: 0px;
color: #fff;
font-size: 16px;
font-weight: 400;
padding: 8px 20px;
min-width: 115px;
border-radius: 25px;
border: 1px solid #803841;
transition: all 0.2s ease;
margin-top: 20px;
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
}
.program-form-popup input[type="submit"]:hover {
color: #803841;
background: #fff;
transition: all 0.2s ease;
}
.days-box select {
display: none;
}
span.err {
color: #f00;
font-size: 12px;
font-weight: 600;
display: none;
margin: 5px 0 0 5px;
}
#dayslider {
height: 8px;
background: #c3abae;
border: 0px;
border-radius: 4px;
margin-top: 20px;
}
.ui-slider-horizontal .ui-slider-range {
background: #c3abae;
}
span.ui-slider-handle.ui-state-default {
box-shadow: 0 10px 24px 0 rgba(124, 124, 124, 0.35);
background: #fff;
border: 0;
outline: 0;
text-align: center;
width: 30px;
font-size: 18px;
line-height: 32px;
height: 30px;
border-radius: 50%;
top: -12px;
color: #803841;
}
@media only screen and (max-width: 767px) {
.program-form-popup {
padding: 50px 0;
font-size: 14px;
line-height: 20px;
}
.m-col-reverse {
flex-direction: column-reverse;
}
}
.owl-dots {
bottom: 10px;
}
.home-banner-awards {
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
}
.home-banner-awards img {
width: 100px;
height: 100px;
display: inline-block;
object-fit: contain !important;
}
.awards-section {
background: url(//vivedawellness.com/wp-content/uploads/2024/11/Viveda-wall-bg.jpg);
text-align: center;
}
.awards-section:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: radial-gradient(#00000099 40%, #000000 100%);
}
.awards-carousel {
padding: 50px 0;
}
.awards-carousel .owl-item {
background: url(https://vivedawellness.com/wp-content/uploads/2024/11/Viveda-wall-plank.png)
50% 100% no-repeat;
background-size: 80% 32px;
padding-bottom: 24px;
}
.awards-carousel .owl-item img {
margin: auto;
height: auto;
}
.awards-section h2 {
background: linear-gradient(
to top right,
#cfc09f 27%,
#ffecb3 40%,
#feeac1 60%,
#cfc09f 80%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #fff;
position: relative;
text-transform: uppercase;
margin: 10px 0 0 0;
display: inline-block;
text-align: center;
}
.page-id-181 .home-banner-style.home-banner-style-slider picture img {
height: 80vh !important;
}
.page-id-181 .home-banner-style.home-banner-style-slider .container {
text-align: center;
top: 50%;
}
.awards-carousel span {
color:#ccc;
}