@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap");
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin: 0;
padding: 0;
color: #777;
font-size: 16px;
line-height: 26px;
padding-top: 129px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: 'Josefin Sans', sans-serif;
color: #000000;
}
h1 {
font-size: 45px;
font-weight: bold;
}
h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 28px;
margin: 0 0 20px;
}
h2 span{
font-weight:bolder;
}
h3 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 28px;
margin: 0 0 20px;
}
a {
transition: all 0.3s ease 0s;
color:#000;
}
.service-info .service-content>a{
background: #fff;
color: #000;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding: 15px 40px 11px;
display: inline-block;
margin: 10px 0 0;
border: 2px solid #000;
}
.service-info .service-content>a:hover{
background: #000;
color: #fff;
border: 2px solid #fff !important;
}
.service-info p>a{
color: #fff;
}
p>a{
font-weight: bold;
}
.section{
margin: 80px 0;
}
a:hover {
text-decoration: none;
}
:focus {
outline: none;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
color: #000;
line-height: 1.5;
}
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
height:auto;
}
.festi-cart-menu-item .festi-cart-quantity{
height: 18px !important;
width: 18px !important;
line-height: 18px !important;
}
div.festi-cart-products-content table.festi-cart-list tr td{
border-bottom-color: #777 !important;
}
a.festi-cart div.festi-cart-content span{
font-family: 'Montserrat',sans-serif;
}
div.wpcf7 .ajax-loader {   
display: block;
}
.wpcf7 form .wpcf7-response-output{
margin:15px 0;
}
.contact-form input:not([type=submit]), .contact-form textarea{
border-bottom: 1px solid #000 !important;
}
.vip .contact-form input:not([type=submit]){
border: 1px solid #e7e7e7 !important;
}
.wow{
visibility: hidden;
}
@media screen and (min-width:1240px) {
.container {
max-width: 1240px;
}
}
@media screen and (min-width:768px) {
.woocommerce-cart table.cart img{
height:132px;
width:auto;
}
.woocommerce-page table.cart .product-thumbnail {
display: block;
text-align: center !important;
}
.woocommerce-page table.cart td.actions .coupon{
float: left;
}
.woocommerce-page table.cart td.actions .button{
display:unset;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
float:left;
}	
} header {
position: fixed;
left: 0;
right: 0;
background: #fff;
z-index: 99;
top: 0;
}
#myModal{
margin-top: 15vh;
}
.nav-area {
padding: 0;
}
.navbar {
padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child {
padding-right: 0;
}
.navbar-nav li a .sub-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
}
.navbar-nav li > a {
font-family: 'Josefin Sans', sans-serif;
color: #1f1f1f;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 44px 20px;
display: inline-block;
position: relative;
}
.navbar-nav li > a span{
font-size: 22px;
}
.count {
ont-family: 'Josefin Sans', sans-serif;
font-weight: bold;
background: #000;
color: #fff;
height: 15px;
width: 15px;
position: absolute;
line-height: 16px;
text-align: center;
border-radius: 100px;
margin: -10px 0 0 5px;
font-size: 10px;
}
.dropdown-menu {
background: #000;
margin: 0!important;
width: 220px;
border-top: 0;
border: 1px solid #fff;
}
.dropdown-menu li a {
font-size: 14px!important;
padding: 10px 15px!important;
color: #fff;
text-transform: capitalize!important;
display: block!important;
border: 1px solid #fff;
transition: 0.5s;
}
.dropdown-menu li a:hover{
background:#fff;
color:#000;
border: 1px solid transparent;
}
.dropdown-menu li:last-child a {
border-bottom: 0;
border-radius: 0 0 0 0;
}
.hover-menu .active a, .hover-menu .active a:focus, .hover-menu .active a:hover, .hover-menu li a:hover, .hover-menu li a:focus, .dropdown-menu a, .navbar > .show > a, .navbar > .show > a:focus, .navbar > .show > a:hover {
color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #000;
text-decoration: none;
background-color: #fff;
transition: 0.3s;
}
.woof_products_top_panel li span{
text-transform: capitalize;
}
header .container {
max-width: 100%;
padding: 0 0 0 40px;
}	
.phone img {
margin: 0 15px 0px 0;
}	
li.festi-cart-menu-item { 
order: 12;
background:#000;
} a#festi-cart.woocart-show { 
padding: 44px 35px;
}
.account a { 
font-weight:normal!important;
}
@media screen and (min-width:768px){
a.festi-cart div.festi-cart-content img.festi-cart-icon { }
}
ul.nav.navbar-nav.ml-auto {
margin-left: 40px !important;
}
@media screen and (min-width:1199px){
ul.nav.navbar-nav.ml-auto {
margin-left: 20px !important;
}
}
body div.festi-cart-window-content.festi-cart-fixed-position {
position: fixed;
margin-top: 45px !important;
}
@media(min-width: 0px) and (max-width: 768px){
body div.festi-cart-window-content.festi-cart-fixed-position {
position: fixed;
margin-top: 30px !important;
margin-right: 80px !important;
}
}
@media(min-width: 769px) and (max-width: 992px){
body div.festi-cart-window-content.festi-cart-fixed-position {
position: fixed;
margin-top: 30px !important;
margin-right: 80px !important;
}
} .banner {
background-size: cover !important;
background-position: center !important;
padding: 70px 0 80px;
text-align: right;
overflow:hidden;
}
.banner-caption {
max-width: 645px;
margin-left: auto;
text-align: center;
}
@media only screen and (min-device-width: 300px) and (max-device-width: 767px){
.banner-caption {
background: rgba(0,0,0,0.8);
padding: 20px 10px;
}
}
.banner-caption h4 {
text-transform: uppercase;
color: #fff;
font-size: 45px;
font-weight: 300;
}
.banner-caption h1 {
text-transform: uppercase;
color: #fff;
font-size: 45px;
font-weight: bold;
}
.banner-caption hr {
background: #fff;
max-width: 275px;
height: 1px;
border: 0;
margin: 32px auto;
}
.banner-caption p {
color: #fff;
font-size: 16px;
max-width: 435px;
margin: 0 auto 20px;
}
.call-btn {
font-family: 'Josefin Sans', sans-serif;
background: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #000;
text-transform: uppercase;
padding: 17px 33px 13px 57px;
position: relative;
margin: 24px 0 70px;
border:2px inset #000;
transition:0.5s;
}
.call-btn:hover {
color: #000;
background: #fff;
}
.call-btn::before {
background: url(//whiteivystudio.com/wp-content/themes/whiteivy/images/call-icon.png) no-repeat;
position: absolute;
content: "";
height: 30px;
width: 30px;
top: 50%;
transform: translate(0, -50%);
left: 15px;
}
.banner-logo {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
.banner-logo li {
margin: 0 0 0 50px;
width:13%;
}
.banner-logo li:first-child {
margin: 0;
} .style-svg{
fill:#fff !important;
width:100px !important;
}
.specialist {
text-align: center;
overflow:hidden;
}
.specialist h2 {
padding: 65px 0 59px;
text-transform: uppercase;
}
.specialist ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0 13px;
}
.specialist ul li {
width: 33.3333%;
padding: 26px 13px;
}
.specialist ul li:nth-child(2) {
padding: 0 13px;
}
.specialist ul li .image {
position: relative;
height: 100%;
}
.specialist ul li img {
width: 100%;
height: 100%;
box-shadow: 0 0 10px #000;
}
.image-cap {
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
height: 100%;
width: 100%;
padding: 35px;
transition: all 0.8s ease 0s;
opacity: 0;
}
.specialist ul li:hover .image-cap {
opacity: 1;
}
.cap-inner {
border: 2px solid #fff;
height: 100%;
position: relative;
}
.cap-inner .text {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.specialist ul li .cap-inner img {
width: auto;
margin: 0 0 42px;
}
.cap-inner h5 {
color: #fff;
font-size: 24px;
text-transform: uppercase;
padding-bottom:10px !important;
} .white-studio {
text-align: center;
padding: 60px 0;
overflow: hidden;
}
.white-studio br{
height: 15px;
display: block;
content: close-quote;
}
.white-studio h2 {
margin: 0 0 25px;
}
.white-studio p {
max-width: 900px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
}
.action-btn {
font-family: 'Josefin Sans', sans-serif;
background: #000;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
padding: 17px 33px 13px;
position: relative;
margin: 24px 0 25px;
border: 2px inset #000;
transition: 0.5s;
}
.action-btn:hover {
color: #000;
background: #fff;
} .hours {
background-size: cover;
background-position: center;
padding: 25px 0;
background-attachment: fixed;
overflow: hidden;
height: 100%;
}
.hours-box {
background: rgba(0, 0, 0, 0.8);
max-width: 648px;
margin: 0 auto;
text-align: center;
padding: 45px 50px 55px;
}
.hours-box img {
margin: 0 auto 28px;
}
.hours-box span {
display: block;
line-height: 1.2;
font-family: 'Josefin Sans', sans-serif;
color: #fff;
font-size: 24px;
font-weight: bold;
margin: 0 0 20px;
}
.hours-box ul {
display: flex;
flex-wrap: wrap;
padding: 30px 25px 0;
margin: 0 auto;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
list-style: none;
max-width: 442px;
}
.hours-box ul li {
width: 50%;
text-align: left;
color: #fff;
font-size: 16px;
margin: 0 0 23px;
}
.hours-box ul li:nth-child(2n) {
text-align: right;
}
li.active-day{
color: #e8c84c !important;
} .instagram {
text-align: center;
padding: 50px 0;
overflow: hidden;
}
.insta-icon i {
font-size: 60px;
margin: 0 0 28px;
}
.instagram img {
width: 100%;
}
.instagram .container span {
display: block;
font-size: 26px;
font-weight: bold;
font-family: 'Josefin Sans', sans-serif;
color: #000000;
margin: 0 0 60px;
}
#sb_instagram #sbi_load .sbi_load_btn{
background: #000;
color: #fff;
padding: 7px 14px;
margin: 5px auto 0 auto;
font-size: 13px;
line-height: 1.5;
} .gallery.content-area{
padding: 80px 0 0;
}
.gallery .container>h2 {
padding: 0;
}
section.gallery-instagram.gallery-content {
text-align: center;
padding: 50px 0;
overflow: hidden;
margin: 0px 0px 20px;
}
.gallery-instagram h2 {
padding: 0 0 20px;
} .featured {
padding: 0 0 30px;
}
.featured-heading{
padding: 85px 0 30px;
text-transform:uppercase;
}
.featured h3{
font-size: 26px;
font-weight: 400;
}
.featured .featured-products h3.woocommerce-loop-product__title{
letter-spacing: unset;
} .our-partners {
text-align: center;
overflow: hidden;
}
.our-partners h2 {
font-weight: bold;
text-transform: uppercase;
margin: 25px 0 70px;
}
.partners-logo {
background: #f5f5f5;
}
.partners-logo ul {
padding: 55px 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.partners-logo ul li {
text-align: center;
width: 20%;
}
.partners-logo img {
filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } .mobile-contact-image{
display:none
}
.desktop-contact-image{
display:block;
}
.contact-bottom {
text-align: center;
overflow: hidden;
}
.contact-bottom span {
font-size: 26px;
line-height: 1.2;
margin: 0;
font-family: 'Josefin Sans', sans-serif;
display: block;
text-transform: uppercase;
background: #000000;
color: #fff;
padding: 67px 0 60px;
font-weight: bold;
}
.design-outer {
background-size: cover;
background-position: center;
padding: 40px 0;
background-attachment: fixed;
}
.design-outer img {
max-width: 845px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
} .service-experts {
background: #eee;
padding: 56px 0;
}
.service-experts .c-margin {
margin: 0 -100px;
}
.service-experts .c-padding {
padding: 0 100px;
position: relative;
}
.service-experts .c-padding:first-child:after {
background: #f55503;
position: absolute;
content: "";
right: 0;
height: 100%;
width: 1px;
top: 0;
}
.service-experts h2 {
margin: 0 0 20px;
font-size: 30px;
}
.service-experts p {
padding: 0 0 10px;
}
.service-experts ul {
list-style: none;
padding: 0;
margin: 0 0 25px;
}
.service-experts ul li {
position: relative;
color: #2b2b2b;
padding: 0 0 0 20px;
margin: 0 0 10px;
}
.service-experts ul li:before {
background: #f55503;
position: absolute;
content: "";
height: 7px;
width: 7px;
left: 0;
top: 10px;
} .page-banner {
background-size: cover !important;
background-position: top center !important;
}
.page-banner img {
width: 100%;
}
.banner-inner {
background: rgba(0, 0, 0, 0.6);
padding: 175px 0 164px;
text-align: center;
}
.page-banner h1 {
color: #fff;
font-size: 46px;
text-transform: uppercase;
letter-spacing: 5px;
}
.page-banner span {
font-family: 'Josefin Sans', sans-serif;
color: #fff;
font-size: 46px;
line-height: 56px;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: bold;
}
.business-slogan {
background: #000;
text-align: center;
padding: 73px 0 67px;
}
.business-slogan h4 {
color: #fff;
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
}
.team-outer {
overflow: hidden;
}
.team-outer h2 {
text-align: center;
padding: 80px 15px 94px;
font-size: 26px;
font-weight: bold;
}
.content-area h2 {
text-align: center;
padding: 87px 15px 94px;
font-size: 26px;
font-weight: bold;
}
.team-outer .row {
margin: 0 -8px;
}
.custom-padding {
padding: 0 8px;
overflow: hidden;
}
.team-box {
position: relative;
overflow: hidden;
}
.team-box img {
width: 100%;
}
.team-cap {
position: absolute;
bottom: -100%;
height: 100%;
background: rgba(255, 255, 255, 0.90);
padding: 40px 25px 40px 45px;
transition: all 0.5s ease 0s;
}
.team-cap h3 {
font-size: 24px;
color: #000;
text-transform: uppercase;
}
.team-cap hr {
border: 0;
background: #000000;
height: 1px;
width: 40px;
margin: 13px 0 16px;
}
.team-cap p {
font-size: 16px;
color: #000;
padding: 0 20px 8px 0;
line-height: 28px;
}
.team-box:hover .team-cap {
bottom: 0;
}
#scrollbar {
position: relative;
height: 82%;
}
.mCSB_scrollTools {
right: 0!important;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 10px!important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 12px!important;
}
.team-info {
text-align: center;
padding: 24px 0 50px;
}
.team-info h5 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 12px;
}
.team-info span {
font-size: 14px;
text-transform: uppercase;
color: #000000;
letter-spacing: 2px;
} .parallax {
height: 405px;
}
.story-outer.top {
padding: 20px 0 60px;
}
.story-outer.top .story-content {
padding: 45px 0 20px 45px;
}
.story-outer {
padding: 50px 0 20px;
}
.story-image {
position: relative;
z-index: 9;
}
.story-outer.bottom .story-image img {
max-width: 688px;
position: absolute;
right: 0;
}
.story-content {
padding: 45px 85px 122px 0;
}
.story-content h3 {
font-size: 22px;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 40px;
color: #000000;
}
.story-content p {
font-size: 16px;
line-height: 28px;
}
.story {
padding: 200px 0;
background-size: cover !important;
background-attachment: fixed !important;
} .workshop-outer {
text-align: center;
padding: 60px 0;
}
.workshop-outer h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 28px;
margin: 0 0 20px;
}
.workshop-outer p {
font-size: 16px;
line-height: 28px;
}
.workshop-outer p {
max-width: 795px;
margin: 0 auto 20px;
}
.workshop-info{
margin-bottom:120px !important;
}
.workshop-info .no-margin {
margin: 0;
}
.workshop-info .no-padding {
padding: 0 !important;
}
.workshop-info .bg-color {
background: #f5f5f5 !important;
border-right: 28px solid #fff;
}
.workshop-left .workshop-info-content {
max-width: 620px;
padding: 60px 90px 60px 15px;
margin-left: auto;
overflow: hidden;
}
.workshop-info-content p span {
font-weight: 400;
}
.workshop-info-content h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
margin: 0 0 28px;
text-transform: uppercase;
color: #000;
}
.workshop-info-content h3 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
margin: 0 0 28px;
text-transform: uppercase;
color: #000;
}
.workshop-info-content p {
font-size: 16px;
line-height: 28px;
color: #000;
margin: 0 0 20px;
font-weight: 400;
}
.workshop-info-content a.btn {
background: #000;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding: 15px 40px 11px;
display: inline-block;
margin: 10px 0 0;
}
.workshop-image img {
max-width: 500px;
border: 10px solid #fff;
position: absolute;
top: 50%;
transform: translate(0, -50%);
box-shadow: 0 0 20px #000;
left: -70px;
}
.workshop-right .bg-color {
border-left: 28px solid #fff;
border-right: 0;
}
.workshop-right .workshop-info-content {
max-width: 620px;
padding: 127px 15px 101px 100px;
margin-right: auto;
margin-left: 0;
}
.workshop-right .workshop-image img {
left: auto;
right: -70px;
z-index: 9;
}
.workshop-left {
padding: 80px 0 80px 0 !important;
}
.workshop-right {
padding: 80px 0 80px 0 !important;
} .faq {
margin-bottom: 60px;
}
.faq .card {
border: 0;
border-top: 1px solid #000;
border-radius: 0;
padding-bottom: 24px;
}
.faq .card:last-child {
border-bottom: 1px solid #000;
}
.faq .card-header {
background: none;
border: none;
padding: 0;
}
.faq .card-header .btn{
position: relative;
padding: 24px 20px 0;
width: 100%;
text-align: left;
text-decoration: none;
}
.faq .card-header .btn::after {
display: block;
content: "";
background-image: url(https://whiteivystudio.com/wp-content/uploads/2025/03/faq-arrow.svg);
background-size: cover;
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 50%;
transition: 0.3s ease-in-out;
transform: rotate(0);
}
.faq .card-header .btn.collapsed::after {
transform: rotate(180deg);
}
.faq .card-header .btn p{
text-transform: unset;
text-wrap: auto;
font-size: 18px;
font-weight: bold;
line-height: 28px;
color: #000;
padding-right: 5px;
}
.faq .card-body{
padding: 14px 20px 0;
}
.faq .card-body p:last-child{
margin-bottom: 0;
} .services-box{
margin: 80px 0;
}
.services-box h4{
text-align:center;
font-size: 28px;
margin: 0 0 25px;
color: #000000;
font-weight: bold;
width:100%;
text-transform: uppercase;
}
.bottom-content h3 {
text-align:center;
font-size: 28px;
line-height: 38px;
margin: 0 0 25px;
color: #000000;
font-weight: bold;
text-transform: uppercase !important;
}
.bottom-content h4{
text-align:center;
font-size: 28px;
margin: 0 0 25px;
color: #000000;
font-weight: bold;
text-transform: uppercase !important;
}
.bottom-content a {
font-weight: bold;
}
.service-box-overlay{
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)) !important;
padding: 250px 0 0 !important;
height: 330px;
text-align: center;
color:#fff !important;
transition:.8s;
box-shadow: 0 0 15px #000;
}
.service-box-outer{
margin-top: 10px;
}
.service-box-overlay:hover{
background-image:none !important;
color:transparent !important;
}
.service-box p{
font-size: 24px;
line-height: 34px;
}
a#intextlink{
background:none !important; 
border:none !important;
color: #fff !important;
font-weight: bold !important;
font-size: 16px;
padding: 0; margin: 0;
}
a#intextlink{
background:none; 
color: #fff;
font-weight: bold !important;
font-size: 16px;
padding: 0; margin: 0;
}
.text-bottom-align{
padding:300px 0 0;
}
.services-outer {
text-align: center;
padding: 60px 0;
}
.services-outer h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 28px;
margin: 0 0 20px;
}
.services-outer p {
font-size: 16px;
line-height: 28px;
}
.services-outer p {
max-width: 795px;
margin: 10px auto;
}
.service-info .no-margin {
margin: 0;
}
.service-info .no-padding {
padding: 0;
}
.service-info .bg-color {
background: #000;
border-right: 28px solid #fff;
}
.black-bg {
background-color: #000;
color: #fff;
}
.black-bg h3 {
color: #fff;
}
.service-info-black h3 {
color: #fff;
}
.service-info.two .service-image img {
left: auto;
right: -70px;
z-index: 9;
}
.service-content {
max-width: 620px;
padding: 83px 100px 86px 15px;
margin-left: auto;
overflow: hidden;
}
.service-content p span {
font-weight: 400;
}
.service-info.two .bg-color {
background: #000;
border-left: 28px solid #fff;
border-right: 0;
}
.service-info.two .service-content {
max-width: 620px;
padding: 127px 15px 101px 100px;
margin-right: auto;
margin-left: 0;
}
.service-content h3 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
margin: 0 0 28px;
text-transform: uppercase;
color: #fff;
}
.service-content p {
font-size: 16px;
line-height: 28px;
color: #fff;
margin: 0 0 20px;
font-weight: 400;
}
.service-content a.service-btn {
background: #fff;
color: #000;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding: 15px 40px 11px;
display: inline-block;
margin: 10px 0 0;
border: 2px solid #000;
}
.correction-overlay a.ct-btn {
background: #000;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding: 15px 40px 11px;
display: inline-block;
margin: 10px 0 0;
}
.correction-overlay a.ct-btn:hover{
background:#fff;
color:#000;
}
.service-content a.service-btn:hover{
background:#000;
color:#fff;
border: 2px solid #fff !important;
}
.service-image img {
max-width: 500px;
border: 10px solid #fff;
position: absolute;
top: 50%;
transform: translate(0, -50%);
box-shadow: 0 0 10px #000;
left: -70px;
transition:transform .5s ease;
}
.correction {
padding: 75px 0;
}
.correction .row {
margin: 0;
}
.correction .c-padding {
padding: 0 28px;
}
.correction-overlay {
background: rgba(255, 255, 255, 0.85);
padding: 184px 45px 167px;
}
.correction h4 {
font-size: 28px;
margin: 0 0 25px;
color: #000000;
font-weight: bold;
}
.correction p {
color: #000000;
font-weight: 400;
}
.correction-image{ border: 10px solid #fff;
box-shadow: 0 0 10px #000;
}
.correction-text {
padding: 57px 45px 40px;
}
.correction-text h4 {
font-size: 28px;
margin: 0 0 25px;
color: #fff;
font-weight: bold;
}
.correction-text p {
max-width: 310px;
color: #fff;
font-weight: 500;
}
.page-logo {
text-align: center;
padding: 110px 0 0;
}
.hair-partner {
background: #000;
padding: 50px 0;
clear: both;
}
.hair-partner .partner-logo {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
list-style: none;
}
.hair-partner h3 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
color: #fff;
text-transform: uppercase;
padding: 20px 0 20px 0;
border-right: 3px solid #fff;
margin:0;
}
.hair-partner .row{
align-items: center;
}
.hair-partner .partner-logo li {
width: 20%;
text-align: center;
}
.treatment {
text-align: center;
padding: 100px 0;
}
.treatment h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}
.treatment hr {
border: 0;
background: #000;
height: 1px;
width: 136px;
margin: 30px auto 40px;
}
.treatment h5 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
margin: 0 0 44px;
}
.treatment h5 strong {
font-weight: bold;
font-size: 24px;
padding: 10px;
}
.treatment p {
max-width: 875px;
margin: 0 auto;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
}
.custom-accordion .row {
margin: 0 -20px;
}
.custom-accordion .custom-padding {
padding: 0 20px;
}
.custom-accordion .card {
border: 0;
background: none;
margin: 0 0 32px;
}
.custom-accordion .card-header {
border: 0;
background: #000000;
border-radius: 0;
padding: 0;
}
.custom-accordion .card-header .btn {
font-family: 'Josefin Sans', sans-serif;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
display: block;
width: 100%;
padding: 20px 10px 14px;
}
.custom-accordion .card-header .btn span {
padding: 0 0 0 25px;
font-weight: normal;
}
.custom-accordion .card-header .btn:hover, .custom-accordion .card-header .btn:focus {
text-decoration: none;
}
.custom-accordion .card-header .btn i {
float: right;
transition: all 0.3s ease 0s;
}
.custom-accordion .card-body {
background: #f7f7f7;
border: 1px solid #a3a3a3;
border-top: 0;
text-align: center;
padding: 25px 25px 15px 25px;
}
.custom-accordion .card-body p {
color: #151515;
line-height: 28px;
}
.card-body p span {
font-weight: 800;
}
.bottom-content {
text-align: center;
max-width: 900px;
margin: 60px auto 90px;
}
.bottom-content a:hover{
color:#000;
}
.bottom-content p {
font-size: 16px;
line-height: 28px;
margin: 0 0 36px;
}
.bottom-content span {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
display: block !important;
margin-top: 5px !important;
} .extensions {
text-align: center;
padding: 60px 0;
}
.extensions h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
margin: 0 0 30px;
text-transform: uppercase;
}
.extensions hr {
border: 0;
background: #000;
height: 1px;
width: 136px;
margin: 30px auto 40px;
}
.extensions h5 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
margin: 0 0 44px;
}
.extensions h5 strong {
font-weight: bold;
font-size: 24px;
padding: 10px;
}
.extensions p {
max-width: 875px;
margin: 0 auto;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
} .add-ons {
text-align: center;
padding: 60px 0;
}
.add-ons h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}
.add-ons hr {
border: 0;
background: #000;
height: 1px;
width: 136px;
margin: 30px auto 40px;
}
.add-ons h5 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
margin: 0 0 44px;
}
.add-ons h5 strong {
font-weight: bold;
font-size: 24px;
padding: 10px;
}
.add-ons p {
max-width: 875px;
margin: 0 auto;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
} .document-content{
padding: 80px 15px 94px !important;
}
.document-body h2 {
font-size: 26px;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0 20px;
color: #000000;
}
.document-body h3 {
margin: 20px 0;
font-size: 20px;
color: #000000;
font-family: 'Montserrat', sans-serif;
}
.document-body li{
padding-bottom: 10px;
} .colouration {
text-align: center;
padding: 60px 0;
}
.colouration h2 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}
.colouration hr {
border: 0;
background: #000;
height: 1px;
width: 136px;
margin: 30px auto 40px;
}
.colouration h5 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
margin: 0 0 44px;
}
.colouration h5 strong {
font-weight: bold;
font-size: 24px;
padding: 10px;
}
.colouration p {
max-width: 875px;
margin: 0 auto;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
}
#choose-amount {
border: 1px solid #ccc;
background-size: 14px; padding: 0 10px;
}
.woocommerce table.shop_attributes th {
width: 170px;    
padding: 10px 0;
color: #000;
}
.variations td label {
padding: 5px !important;
margin: 0;
color: #000;
} .cta  {
text-align: center;
padding: 37px 0 95px;
}
.cta h4 {
color: #000;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin: 0 0 24px;
}
.cta p {
max-width: 960px;
margin: 0 auto 24px;
}
.cta .cta-btn {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.cta .cta-btn .btn-1 a {
color: #FFF;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
border: 1px solid #000;
background: #000;
width: 220px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
.cta .cta-btn .btn-1 a:hover{
background: #fff;
color: #000;
}
.cta .cta-btn .btn-2 a {
color: #000;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
border: 1px solid #000;
width: 220px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
} section.color-packages-intro-section {
padding: 50px 0px;
}
section.color-packages-intro-second-section {
background: #F6F6F6;
padding: 50px 0px;
}
section.color-packages-list-section {
padding:50px 0px 10px;
}
.color-packing-sec-heading {
text-align: center;
margin-bottom: 40px;
}
.package-item {
border-radius: 20px;
box-shadow: 0px 4px 16px 0px #0000001f;
margin-bottom: 30px;
}
.package-image {
padding: 0;
}
.package-item .package-image img {
border-radius: 20px 0px 0px 20px;
width: 100%;
height: 100%;
}
.package-item .row {
margin-right: 0px;
margin-left: 0px;
align-items: center !important;
}
.package-item span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
}
.package-item span.swiper-pagination-bullet {
background: #000;
border: 1px solid #fff;
width: 10px;
height: 10px;
}
.package-button a.service-btn {
font-size: 14px;
padding: 10px 20px;
}
.package-content {
padding: 20px 30px;
}
.package-price {
padding: 0;
}
.package-button {
padding: 0;
}
html {
scroll-behavior: smooth;
}
.workshop-book-form-sec {
scroll-margin-top: 100px; }
.package-content h3 {
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
line-height:30px;
margin: 0 0 10px;
color: #000;
}
.color-package-form h3 {
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 28px;
line-height:38px;
margin: 0 0 15px;
text-align: center;
color: #fff;
}
a.cd-upload-btn {
background: #F6F6F6;
padding: 3px 20px;
color: #000;
font-weight: 500;
}
.codedropz-upload-inner h5 {
color: #fff;
}
.color-package-form {
border: 1px solid #dddddd;
padding: 40px 30px;
border-radius: 20px;
}
.color-packages-intro-second-section h4 {
margin-bottom: 10px;
font-weight: 800;
font-size: 18px;
text-transform: uppercase;
}
.package-content p {
font-family: 'Montserrat';
font-weight: 400;
font-size: 16px;
line-height:26px;
margin: 0 0 10px;
}
.workshop-form-btn {
margin: auto;
}
.workshop-form-btn input.wpcf7-form-control.wpcf7-submit {
height: 50px;
width: 100%;
margin: auto;
text-align: center;
padding: 0 12px;
border: transparent;
font-family: 'Montserrat';
font-size: 14px;
line-height: 26px;
font-weight: 700;
color: #000;
background: #fff;
text-transform: uppercase;
}
h6.price-above-txt {
font-family: 'Montserrat';
font-size: 14px;
line-height: 24px;
font-weight:400;
color: #777777;
text-transform: uppercase;
}
p.price-txt{
font-family: 'Montserrat';
font-size: 24px;
line-height: 34px;
color: #000000;
font-weight:600;
text-transform: uppercase;
}
.price-amount{
color: #000;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px; letter-spacing: 1px;
text-transform: uppercase;
}
h6.package-btnbelow-text{
font-family: 'Montserrat';
font-size: 12px;
line-height: 20px;
color: #777777;
font-weight:400;
margin-top:4px;
text-align: right;
}
section.wi-stydio.color-packages-book-form-sec {
background: url(https://whiteivystudio.com/wp-content/uploads/2025/06/Form_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 50px 0px;
}
section.wi-stydio.workshop-book-form-sec {
background: url(https://whiteivystudio.com/wp-content/uploads/2025/06/Form_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.color-package-form input {
height: 50px;
width: 100%;
margin: 0 0 24px;
padding: 0 12px;
border: transparent;
color: #979797;
font-size: 16px;
}
.wi-stydio.workshop-book-form-sec .content.workshop-form {
margin: 0 50px;
}
.color-package-form select {
height: 50px;
width: 100%;
margin: 0 0 24px;
padding: 0 12px;
border: transparent;
color: #979797;
font-size: 16px;
}
.contact-form select {
height: 50px;
width: 100%;
margin: 0 0 24px;
padding: 0 12px;
border: transparent;
color: #979797;
font-size: 16px;
border-bottom: 1px solid #000;
}
.choose-package-inner {
width: 65%;
margin: auto;
text-align: center;
}
h2.choose-package-heading {
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 28px;
line-height:38px;
color: #fff;
margin: 0 0 10px;
}
p.choose-package-description{
font-family: 'Montserrat';
font-size: 16px;
line-height: 26px;
color: #DDDDDD !important;
font-weight:400;
}
a.service-btn.white-btn {
color: #000;
background: #ffff;
font-family: 'Montserrat';
font-size: 16px;
line-height: 26px;
font-weight:700;
text-transform: uppercase;
}
a.service-btn.white-btn:hover {
color: #000;
background: #ffff;
}
.page-template-page-colorpackages p {
color: #333;
margin-bottom: 20px;
}
p.woocommerce-store-notice.demo_store {
color: #fcfbfe !important;
}
@media (min-width: 0px) and (max-width: 768px) {
.color-packages-intro-section .story-image img {
width: 100%;
margin-top: 20px;
}
.page-template-page-colorpackages p {
color: #333;
margin-bottom: 10px;
}
.package-price.col-lg-6.d-flex.justify-content-start {
justify-content: end !important;
}
.color-packages-intro-second-section .story-image img {
width: 100%;
margin-bottom: 20px;
}
.package-item .package-image img {
border-radius: 20px 20px 0px 0px;
width: 100%;
}
.package-item {
height:100%;
}
.package-image {
height:100%;
}
.package-content {
padding: 30px;
}
.choose-package-inner {
width: 95%;
margin: auto;
text-align: center;
}
.wi-stydio.workshop-book-form-sec .content.workshop-form {
margin: 0 30px;
padding: 50px 0px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.color-packages-intro-section .story-image img {
width: 100%;
margin-top: 20px;
}
.wi-stydio.workshop-book-form-sec .content.workshop-form {
margin: 0 30px;
padding: 50px 0px;
}
.package-item {
height:100%;
}
.package-image {
height:100%;
}
.package-bottom .row.clearfix {
flex-wrap: nowrap;
}
.color-packages-intro-second-section .story-image img {
width: 100%;
margin-bottom: 20px;
}
.package-item .package-image img {
border-radius: 20px 20px 0px 0px;
width: 100%;
}
.package-content {
padding: 30px;
}
.choose-package-inner {
width: 95%;
margin: auto;
text-align: center;
}
} .add li i.fa {
color: #000;
}
.footer-top {
padding: 45px 0 58px;
background: #f5f5f5;
overflow: hidden;
}
.footer-box h4 {
color: #000;
font-size: 18px;
font-weight: bold;
margin: 0 0 33px;
text-transform: uppercase;
}
.footer-box ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-box ul li {
margin: 0 0 15px;
}
.footer-box ul li a {
color: #777777;
font-size: 16px;
}
.footer-box ul li a:hover {
color: #000;
}
.footer-box ul.add li {
padding: 0 0 0 29px;
position: relative;
color: #777;
}
.footer-box ul li i {
margin: 0 20px 0 0;
font-size: 20px;
position: absolute;
left: 0;
top: 5px;
}
span.closed-days {
width: 205px;
}
span.open-days{
width:175px;
}
.social-icon {
margin-top: 25px!important;
}
.social-icon li {
position: relative;
display: inline-block!important;
}
.social-icon li i {
background: #000;
color: #fff;
position: relative!important;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 100px;
font-size: 16px !important;
margin: 0 5px 0 0!important;
}
.social-icon li:hover i {
background: #fff;
color:#000;
}
.copyright {
text-align: center;
padding: 40px 0 20px;
}
.paypal-icon {
margin: 0 0 25px;
}
.copyright p {
font-size: 12px;
color: #000000;
}
.copyright p a {
color: #000000;
} .modal-dialog {
max-width: 768px;
}
.modal-header {
padding: 10px 20px 5px;
border-bottom: 1px solid #ccc;
}
.modal-header h4 {
text-transform: capitalize;
font-size: 22px;
font-weight: bold;
}
.modal-content {
border-radius: 0;
border: 1px solid #ccc;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin: 0;
padding: 0;
color: #777;
font-size: 14px;
}
.consultation-form {
text-align: center;
background: #fff;
padding: 10px 20px 20px;
z-index: 99;
transition: all 0.8s ease 0s;
}
.consultation-form p {
font-size: 14px;
text-align: left;
}
.consultation-form label {
text-align: left;
font-weight: 600;
display: block;
font-size: 12px;
line-height: 20px;
color: #000;
}
.file {
position: relative;
display: block;
cursor: pointer;
height: 2.5rem;
margin: 0 0 30px;
}
.file input {
margin: 0;
filter: alpha(opacity=0);
z-index: 99;
border: 0 !important;
line-height: 43px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.file-custom {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 5;
height: 45px;
padding: .5rem 1rem;
line-height: 1.5;
color: #555;
background-color: #fff;
border: .075rem solid #ddd;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.file-custom::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 6;
display: block;
content: "Choose a file…";
height: 43px;
padding: 0 25px;
line-height: 42px;
color: #000;
background-color: #eee;
border: 0;
font-weight: 600;
font-size: 14px;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
color: #000;
font-weight: 500;
}
.inputfile + label svg {
margin: 0 10px 0 0;
}
.inputfile + label {
border: 1px solid #ccc;
padding: 0;
display: flex;
}
.inputfile:focus + label, .inputfile.has-focus + label, .inputfile + label:hover {
border-color: #ccc;
}
.inputfile + label span, .inputfile + label strong {
padding: 0.625rem 1.25rem; }
.inputfile + label span {
width: 200px;
min-height: 2em;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
}
.inputfile + label strong {
height: 100%;
color: #000;
background-color: #e8e8e8;
border-left: 1px solid #ccc;
display: inline-block;
margin-left: auto;
cursor: pointer;
}
.inputfile:focus + label strong, .inputfile.has-focus + label strong, .inputfile + label:hover strong {
background-color: #f9efef;
}
.consultation-form input:not([type="submit"]) {
font-family: 'Josefin Sans', sans-serif;
height: 45px;
width: 100%;
margin: 0 0 30px;
padding: 0 12px;
border: 1px solid #ccc;
font-weight: 600;
color: #1f1f1f;
font-size: 14px;
}
.custom-file {
height: 45px;
margin-bottom: 30px !important;
}
.custom-file-label {
height: 45px !important;
border-radius: 0 !important;
line-height: 30px !important;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin: 0;
padding:5px 0 0 10px;
color: #777 !important;
font-size: 14px;
line-height: 26px;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Choose a file…";
}
.custom-file-label:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 6;
display: block;
content: "Choose a file…";
height: 43px;
padding: 0 25px;
line-height: 42px;
color: #000;
background-color: #eee;
border: 0;
font-weight: 600;
font-size: 14px;
}
.consultation-form input::-webkit-input-placeholder { color: #1f1f1f;
opacity: 1!important;
}
.consultation-form input::-moz-placeholder { color: #1f1f1f;
opacity: 1!important;
}
.consultation-form input:-ms-input-placeholder { color: #1f1f1f;
opacity: 1!important;
}
.consultation-form input:-moz-placeholder { color: #1f1f1f;
opacity: 1!important;
}
textarea::-webkit-input-placeholder {
color: #1f1f1f;
opacity: 1!important;
}
textarea:-moz-placeholder { color: #1f1f1f;
opacity: 1!important;
}
textarea::-moz-placeholder { color: #1f1f1f;
opacity: 1!important;
}
textarea:-ms-input-placeholder {
color: #1f1f1f;
opacity: 1!important;
}
.consultation-form select {
font-family: 'Josefin Sans', sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//whiteivystudio.com/wp-content/themes/whiteivy/images/select.png) 96% / 15% no-repeat #fff;
background-size: 12px;
width: 100%;
border: 1px solid #ccc;
height: 45px;
font-size: 14px;
color: #1f1f1f;
font-weight: 600;
padding: 0 12px;
margin: 0 0 30px;
cursor: pointer;
}
.consultation-form textarea {
font-family: 'Josefin Sans', sans-serif;
height: 180px;
width: 100%;
margin: 0 0 30px;
padding: 12px;
border: 1px solid #ccc;
font-weight: 600;
color: #1f1f1f;
font-size: 14px;
}
.consultation-form .contact-btn {
font-family: 'Josefin Sans', sans-serif;
background: #000;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
padding: 17px 33px 13px;
position: relative;
margin: 0;
border: 0;
cursor: pointer;
}
.consultation-form .contact-btn:hover {
background: #000;
}
.open-btn  {
position: fixed;
top: 46%;
display: inline-block;
z-index: 99;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
transition: all 250ms linear;
animation: 3s ease 0s normal none infinite bounce;
}
.modal-backdrop.show{
z-index: 99;
}
.open-btn a {
font-family: 'Josefin Sans', sans-serif;
color: #000;
text-transform: capitalize;
font-weight: bold;
}
.close-btn {
position: absolute;
top: 33px;
right: 30px;
cursor: pointer;
}
.close-btn i {
font-size: 18px;
}
.consultation-form.open {
left: 0;
} .contact-info {
padding: 70px 0;
}
.info-box {
text-align: center;
}
.info-box .icon {
height: 70px;
margin: 0 0 30px;
}
.info-box p, .info-box p a {
color: #777;
font-size: 18px;
font-weight: 400;
}
.contact {
overflow: hidden;
}
.contact.vip{
margin: 0 0 60px;
}
.contact-form {
padding: 0 0 0 50px;
}
.fullsection {
float: right;
width: 100%;
}
.fullsection img {
width: 100%;
height: 800px;
object-fit: cover;
}
.contact-image-box{
position: absolute;
top: 60px;
left: -70px;
}
@media (max-width: 767px) {
.cta { 
padding: 0px 0 35px;
}	
.cta h4 { 
font-size: 22px;
margin: 0 0 16px;
}	
.bottom-content h3 {
font-size: 20px;
line-height: 30px;
}
.contact.vip{
margin: 0 0 30px;
}
.woocommerce div.product form.cart .variations select{
min-width:200px !important;
}
.contact-form .text-right {
text-align: center !important;
}	
.contact-form .text-right .btn-send {
margin: 20px 0 0;    
}	
.page-banner span {
font-size: 30px;
line-height: 40px;
}
.image-cap{
padding: 10px;
}
.specialist h2{
font-size: 20px;
}
.contact-image-box{
left: 0px !important;
}
.fullsection {  
width: 100% !important;
}	
.fullsection img {
width: 100%;
height: 100%;   
}	
} .ws-banner {
position: relative;
overflow: hidden;
}	
.ws-banner video {
width: 100vw;
height: 100vh;
object-fit: cover;
}
.ws-banner::after {
background: url(https://whiteivystudio.com/wp-content/uploads/2022/09/overly.png) no-repeat;
position: absolute;
content: "";
left: 0;
top: 0;
height: 100vh;
width: 100%; 
background-size: cover;
}
.ws-banner .b-image img {
width: 100%;
}
.ws-banner-cap {
position: absolute;
top: 50%;
transform: translate(0,-50%);
left: 0;
right: 0;
text-align: center;
z-index: 9;
}
.ws-banner-cap h1 {
display: block;
font-weight: normal;
color: #fff;
font-size: 26px;
text-transform: uppercase;
letter-spacing: 3.2px;
margin: 0 0 33px;
}
.ws-banner-cap p{
color: #fff;
font-size: 80px;
letter-spacing: 3.2px;
font-weight: bold;
display: block;
font-family: 'Josefin Sans', sans-serif;
line-height: 1.2;
}
.ws-banner-cap .banner-logo {
justify-content: center;
margin: 0 0 43px;
}
.ws-banner-cap .banner-logo img{
width: 500px;
}
.ws-banner-cap a {
color: #000;
background: #fff;
font-weight: bold;
padding: 15px 30px;
display: inline-block;
transition: all .6s;
}
.ws-banner-cap a:hover{
color:#fff;
background: #000;
}
.wi-stydio {
display: flex;
flex-wrap: wrap;
background: #f1f1f1;
align-items: center;
margin-top: 28px;
}	
.wi-stydio .left-box {
width: 50%;
}
.wi-stydio .right-box {
width: 50%;
}
.wi-stydio .image img{
width: 100%;
height: 640px;
object-fit: cover;
}
.wi-stydio .content { 
margin: 0 50px 0 154px;
}
.wi-stydio .content h2{
color:#000000;
font-size:30px;
font-weight:bold;
letter-spacing:1.5px;
margin: 0 0 30px;
}
.wi-stydio .content p{
color:#000000;
margin: 0 0 35px;
}
.service-btn{
color: #fff;
background: #000;
font-weight: bold;
padding: 15px 30px;
display: inline-block;
text-transform: uppercase;
}
.service-btn:hover{
color: #fff;
}	
.featured .container-fluid {
padding: 0 154px;
}
.featured h3 {
color:#000000;
font-size:30px;
font-weight:bold;
letter-spacing:1.5px;
margin: 0 0 30px;
}
@media screen and (max-width: 1600px) {
.navbar-nav li > a {
padding: 44px 12px; 
}
.phone span {
display: none;
}
}
@media screen and (max-width: 1440px) {
.navbar-nav li > a {
padding: 44px 12px;
font-size: 14px;
}
}
@media screen and (max-width: 1366px) {
.phone span {
display: none;
}
ul.nav.navbar-nav.ml-auto{
margin-left: 10px !important;
}
.phone img {
margin: 0;
}	
}
@media screen and (max-width: 1280px) {
header .container { 
padding: 0;
}
.navbar-nav li > a {
padding: 44px 10px;
font-size: 14px;
}	
.wi-stydio .content { 
margin-left: 15px;
}
.featured .container-fluid {
padding: 0 20px;
}	
}
@media (max-width: 1199px) {
.vip .contact-form .anr_captcha_field_div>div iframe{
transform: scale(0.65);
}
.wi-stydio .left-box, .wi-stydio .right-box {
width: 100%;
}	
.wi-stydio .content {
max-width: 100%;
margin: 0;
padding: 50px 15px;
}	
.featured .container-fluid {
padding: 0 15px;
}
.featured-products .products.columns-6 {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}	
.featured-products .products.columns-6 li {
width: 33.3333% !important;
padding: 0 15px !important;
margin: 0 0 30px !important;
}	
.navbar-nav li a .sub-arrow {
vertical-align: 1px;
}
.correction-overlay a{
padding: 15px 30px 11px;
}
.dropdown-menu {   
width: 220px !important;
}
.dropdown-menu li a{
padding:10px 15px!important;
}
.navbar-nav li>a{
border-bottom:none !important;
}
.contact-image-box{
left: 70px !important;
}
body{
padding-top: 95px;
}
}
.contact-form h3 {
font-size: 26px;
font-weight: bold;
color: #000000;
margin: 30px 0 31px;
}
.vip .contact-form h3{
font-size: 24px;
margin: 30px 0 20px;
}
.vip .contact-form label{
font-size: 14px;
line-height: 24px;
}
.vip .contact-form .anr_captcha_field_div>div iframe{
transform: scale(0.85);
transform-origin: 0 0;
}
.contact-form input:not([type="submit"]) {
height: 50px;
width: 100%;
margin: 0 0 24px;
padding: 0 12px;
border: transparent;
color: #979797;
font-size: 16px;
border-bottom: 2px solid #000;
}
.contact-form textarea {
height: 200px;
width: 100%;
margin: 0 0 24px;
padding: 15px;
border: transparent;
color: #8a8a8a;
font-size: 16px;
border-bottom: 2px solid #000;
}
.btn-send {
background: #000;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding: 12px 40px 13px;
display: inline-block;
margin: 10px 0 0;
border: 0;
cursor: pointer;
transition: 0.5s;
border: #000 solid 2px;
}
.btn-send:hover {
border: 2px solid #000;
background: #fff;
color: #000;
transition: all 0.4s ease 0s;
}
.contact-form input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #979797;
opacity:1!important;
}
.contact-form input::-moz-placeholder, textarea:-moz-placeholder { color: #979797;
opacity:1!important;
}
.contact-form input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #979797;
opacity:1!important;
}
.contact-form input:-moz-placeholder, textarea::-moz-placeholder { color: #979797;
opacity:1!important;
}
.map {
line-height: 0;
}
.map p {
margin: 0;
}
.map iframe {
border: 0;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; } .woocommerce div.product form.cart .variations{
width: 70%;
}
.woocommerce div.product form.cart .variations label{
padding:12px;
}
.woocommerce div.product form.cart .variations select {
height: 44px !important;
width: 100% !important;
padding:0 0 0 10px;
background: url(https://whiteivystudio.com/wp-content/uploads/2020/07/down-arrow.png) no-repeat right #fff;
-webkit-appearance: none;
background-size: 14px;
background-position: 95%;
border: 1px solid #000;
}
.woocommerce-breadcrumb {
display: none!important;
}
.shop-area {
padding: 60px 0 138px;
}
.woocommerce .woocommerce-result-count {
display: none;
}
.sidebar h5 {
color: #000;
font-size: 18px;
font-weight: 700;
padding: 0 0 12px 0;
text-transform: uppercase;
}
.sidebar-box h4 {
border-top: 1px solid #4c4c4c;
color: #000000;
font-size: 18px;
font-weight: 700;
margin: 0 0 18px 0;
padding: 26px 0 0;
text-transform: uppercase; background-position: 100% 32px;
}
ul.woof_list {
padding: 0;
}
.woof_list li {
margin: 0 0 10px!important;
padding: 0!important;
color: #414141;
}
.woof_checkbox_count {
margin-left: 3px;
display: none;
}
.woof_checkbox_label {
margin-left: 0!important;
}
.woof_list li:hover label, .woof_checkbox_label_selected {
color: #414141!important;
font-weight: normal;
}
.woof_checkbox_term {
position: absolute;
opacity: 0;
}
.woof_checkbox_term + label {
position: relative;
cursor: pointer;
padding: 0;
text-transform: capitalize;
}
.woof_checkbox_term + label:before {
content: '';
margin-right: 10px;
margin-top:4px;
display: inline-block;
vertical-align: text-top;
width: 11px;
height: 11px;
border: 1px solid #414141;
border-radius: 2px;
}
.woof_checkbox_term:hover + label:before {
background: #414141;
border: 1px solid #414141;
}
.woof_checkbox_term:checked + label:before {
background: #414141;
border: 1px solid #414141;
}
.woof_checkbox_term:disabled + label {
color: #414141;
cursor: auto;
}
.woof_checkbox_term:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 10px!important;
height: 10px!important;
background-color: #000!important;
border-color: #000!important;
top: -3px!important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woof_price_search_container .price_slider_amount .price_label {
color: #414141;
font-size: 12px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #808080!important;
}
.tax_label {
display: none;
}
.woocommerce-perpage {
display: inline-block;
margin: 0 0 30px 622px;
}
.orderby, .woocommerce-perpage select {
background: url(//whiteivystudio.com/wp-content/themes/whiteivy/images/orderby-icon.jpg) no-repeat;
-webkit-appearance: none;
appearance: none;
border: 1px solid #dbdbdb;
height: 40px;
padding: 0 0 0 10px;
position: relative;
background-position: 95%;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #343738;
}
.product-area {
padding: 0 0 0 60px;
}
.woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce ul.products li.product a img {
margin: 0 0 50px;
}
.woocommerce-loop-product__title {
font-size: 18px!important;
color: #000000;
font-weight: bold;
text-transform:capitalize;
line-height: 28px;
min-height:105px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: none;
}
.cat-name {
margin: 4px 0 19px;
font-size: 16px;
text-transform: capitalize;
color: #24282d;
}
.cat-name a {
color: #777;
}
.price del {
margin: 0 9px 0 0;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: 0;
margin: 0;
}
.onsale {
right: auto;
left: 0;
margin: 0;
height: 68px;
width: 68px;
line-height: 62px!important;
background-color: #000!important;
color: #fff!important;
font-size: 14px;
z-index: 9;
text-transform: uppercase;
}
.woocommerce a.added_to_cart {
font-weight: 600;
text-transform: capitalize;
color: #000;
font-size: 14px;
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
top:15px;
}
.woocommerce ul.products li.product .price {
font-size: 16px;
color: #24282d!important;
font-weight: 700;
}
.woocommerce ul.products li.product .button {
margin: 20px 0 0;
} .woocommerce nav.woocommerce-pagination {
text-align: center;
padding: 15px 0 0;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 15px 0!important;
font-weight: bold;
font-size: 18px;
border: 1px solid #000;
color: #000;
width: 50px;
}
.woocommerce nav.woocommerce-pagination ul li {
margin: 6px;
border: 0;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0!important;
justify-content: center;
display: inline-flex;
flex-wrap: wrap;
}
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: #000000!important;
color: #fff!important;
}
.product-single {
padding: 60px 0 50px;
}
.product_title.entry-title {
font-size: 22px;
color: #000;
font-family: 'Montserrat', sans-serif;
margin: 0 0 20px;
margin-top: 0px;
text-transform: capitalize;
}
.woocommerce div.product form.cart div.quantity {
float: none;
margin: 12px 0 22px;
}
.sku_wrapper {
display: block;
margin: 0 0 8px 0;
color: #5d5c5d;
}
.product_meta .posted_in, .product_meta .posted_in a {
color: #5d5c5d;
}
.product_meta .posted_in a {
color: #000;
font-weight: 700;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 16px;
color: #24282d !important;
font-weight: 700;
}
.box-border {
display: inline-block;
border: 1px solid #e8e6e5;
}
.box-border input {
border: 0;
background: none;
height: 34px;
width: 34px;
color: #797979;
cursor: pointer;
}
.woocommerce .quantity .qty {
border-right: 1px solid #e8e6e5;
border-left: 1px solid #e8e6e5;
width: 34px !important;
font-size: 14px;
}
.woocommerce div.product form.cart {
margin-bottom: 18px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
font-size: 14px!important;
color: #fff!important;
font-weight: 600!important;
text-transform: uppercase!important;
border: 1px solid #000000!important;
background: #000!important;
border-radius: 0!important;
padding: 16px 0!important;
width: 100%!important;
max-width: 198px!important;
margin: 0!important;
}
.product_meta {
margin: 0 0 28px;
}
.woocommerce-tabs.wc-tabs-wrapper {
border: 1px solid #c6c6c6;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0;
margin:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0!important;
}
.tabs.wc-tabs {
padding: 0 !important;
border-bottom: 1px solid #c6c6c6;
margin: 0!important;
background: #e9e9e9;
}
.tabs.wc-tabs li {
border: 0!important;
border-radius: 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: #24282d;
padding: 12px 35px 12px;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 25px 20px 25px;
font-size: 16px;
line-height: 30px;
margin: 0;
}
#tab-description span {
color: #000000;
font-size: 16px;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
#tab-description p {
color: #414141;
font-size: 16px;
line-height: 30px;
margin: 0 0 20px;
}
.flex-control-nav li img {
border: 1px solid #c6c6c6;
border-radius: 5px;
padding: 20px;
}
.flex-control-nav {
margin: 0 -10px!important;
}
.flex-control-nav li {
padding: 10px;
}
.related.products {
clear: both;
border-top: 1px solid #404040;
margin: 12px 0;
padding: 46px 0 0;
}
.related.products h3, .up-sells.products h2 {
font-size: 18px;
font-weight: 700;
color: #000000;
margin: 0 0 50px;
}
.woocommerce-message::before, .woocommerce-info::before {
color: #000;
}
.woocommerce-message, .woocommerce-info {
border-top-color: #000;
}
.content-area {
padding: 80px 0;
}
.coupon {
width: 100%;
float: none !important;
margin-bottom: 20px;
}
#coupon_code {
height: 48px;
width: 160px;
font-size: 14px;
padding: 0 0 0 15px;
border: 1px solid #000;
float: none;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
padding: 16px 0;
}
.cart_totals {
margin-top: 40px;
}
.cart_totals h2 {
text-align: left;
padding: 0 0 20px;
text-transform: capitalize;
}
.checkout-button.button.alt.wc-forward {
width: 100% !important;
display: block !important;
max-width: 100% !important;
}
.woocommerce table.shop_table {
border: 1px solid #000000;
border-radius: 0;
}
.woocommerce table.shop_table th {
font-weight: 500;
padding: 15px 12px;
color:#000;
}
.woocommerce table.shop_table td {
border-top: 1px solid #000000;
padding: 15px 12px;
vertical-align: middle;
line-height: 1.5em;
}
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
border-color: #000!important;
}
#customer_details {
margin: 0 -15px 25px;
}
.woocommerce .col-1, .woocommerce .col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width:48%!important;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, #ship-to-different-address span {
color: #000;
font-size: 20px;
padding: 0 0 25px;
text-transform: capitalize;
font-weight: 500;
}
#order_review_heading {
color: #000;
font-size: 20px;
padding: 0 0 25px;
text-transform: capitalize;
font-weight: 500;
}
.woocommerce form .form-row label {
line-height: 2;
text-transform: capitalize;
font-weight: 500;
letter-spacing: 0.5px;
color: #000;
font-size: 14px;
display: block !important;
width: 100%;
}
.woocommerce-input-wrapper {
display: block;
width: 100%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: 1px solid #000;
border-radius: 1px;
padding: 10px;
font-size: 14px;
}
#order_comments {
height: 160px;
}
.select2-container--default .select2-selection--single {
border: 1px solid #000;
height: 41px;
border-radius: 1px;
font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px;
}
.checkout_coupon.woocommerce-form-coupon .form-row-first {
width: 17%;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
padding: 0;
margin: 0 0 25px;
}
.woocommerce-order-details__title, .woocommerce-column__title {
padding: 0 !important;
text-align: left !important;
margin: 35px 0 10px 0;
text-transform: capitalize;
}
.woocommerce .woocommerce-customer-details address {
border: 1px solid #000;
border-right-width: 1px;
border-bottom-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
text-align: left;
width: 100%;
border-radius: 0;
padding: 15px 25px;
line-height: 30px;
}
.error-404.not-found {
padding: 80px 0;
text-align: center;
}
.back-to-home a {
font-size: 14px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
border: 1px solid #000000;
background: #000;
border-radius: 0;
padding: 16px 50px;
margin: 60px 0 0 0;
display: inline-block;
text-align: center;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #000;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #000;
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
padding: 12px 15px;
display: block;
color: #000;
font-weight: 500;
}
.password-input {
width: 100%;
} @media screen and (min-width:1024px){
.fullsection{
width: 50vw !important;
}
}
@media screen and (max-width:1239px) {
.woocommerce-perpage {
margin: 0 0 30px 563px;
}
}
@media screen and (max-width:1199px) {
.hours{
background-repeat: no-repeat;
background-attachment: unset;
background-size: unset;
height:100%;
}
.design-outer{
background-repeat: no-repeat;
background-attachment: unset;
background-size: unset;
}
.nav-area {
padding: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,{
min-height:105px;
}
span.closed-days {
width: 150px;
}
span.open-days {
width: 120px;
}
.navbar-nav li > a {
padding: 44px 6px;
display: block;  
font-size: 12px;
}
a#festi-cart.woocart-show {
padding: 44px 25px;
}	
.navbar-brand img {
max-width: 160px;
}
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 14px;
padding: 44px 10px;
}
.banner {
background-position: left center !important;
}
.footer-box ul li a {
font-size: 16px;
}
.story-content {
padding: 45px 0px 50px 0;
}
.story-outer.bottom .story-image img {
max-width: 100%;
position: relative;
}
.service-content {
padding: 50px 80px 50px 15px;
}
.service-info.two .service-content {
padding: 50px 15px 30px 80px;
max-width: 450px;
}
.hair-partner h3 {
font-size: 20px;
border-right: 2px solid #fff;
}
.custom-accordion .card-header .btn {
font-size: 18px;
}
.service-content {
max-width: 450px;
}
.service-image img {
max-width: 420px;
}
.product-area {
padding: 0;
}
.sidebar-box h4 {
border-top: 1px solid #000;
font-size: 16px;
background-position: 100% 30px;
background-size: 14px;
}
.woocommerce-loop-product__title {
font-size: 16px !important;
text-transform: capitalize;
}
.woocommerce-perpage {
margin: 0 0 30px 355px;
}
.products.columns-4 {
display: flex;
flex-wrap: wrap;
margin: 0 -10px !important;
}	
.products.columns-4 li {
width: 33.3333% !important;
margin: 0 0 30px!important;
padding: 0 10px !important;
}
.onsale {   
height: 50px;
width: 50px;
line-height: 47px !important;
font-size: 10px !important;
}	
}
@media screen and (max-width:991px) {
.vip .contact-form .anr_captcha_field_div>div iframe{
transform: scale(1);
}
header .container {
padding: 0 20px;
}
.navbar-nav li > a {
padding: 8px 13px;
display: block;
}
.phone, .account, li.festi-cart-menu-item {
display: none;
}
.wpcf7 .phone{
display: unset;
}
body div.festi-cart-products {  
left: auto !important;
right: 0;
}
.festi-cart-quantity  {
background: #000;
display: inline-block;
font-size: 16px !important;
color: #fff !important;
height: 20px;
width: 20px;
text-align: center;
border-radius: 100px;
line-height: 20px;
position: absolute;
top: -20px;
right: -14px;
}
.workshop-right .workshop-info-content, .workshop-info .bg-color{
margin: 10px !important;
padding: 20px !important;
border:none;
text-align: center;
}
.workshop-left, .workshop-right{
padding:0 !important;
}
.workshop-image{
text-align: center;
}
.workshop-image img{
max-width: 80%;
position:unset;
margin: 15px;
top:none;
transform:none;
}
.workshop-left .workshop-info-content, .workshop-right .workshop-info-content{
max-width:none;
margin:0 !important;
padding-left:9px !important;
padding-right:9px !important;
}
body {
padding-top: 72px;
}
.navbar-brand {
margin: 0;
padding: 10px 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 16px;
padding: 8px 0px;
display: block;
}
.navbar-nav.sm-collapsible .sub-arrow {
margin-right: 0;
}
.text-bottom-align{
padding: 200px 0 0;
}
.banner-inner {
padding: 125px 0 114px;
}
.page-banner h1 {
font-size: 40px;
}
.team-outer h2 {
padding: 60px 15px 60px;
}
.team-cap {
padding: 20px 6px 20px 20px;
}
.team-cap p {
font-size: 14px;
padding: 0 15px 0px 0;
line-height: 26px;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 8px!important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 10px!important;
}
.contact-info {
padding: 50px 0;
}
.info-box .icon {
height: 40px;
margin: 0 0 25px;
}
.info-box .icon img {
max-height: 40px;
}
.info-box p, .info-box p a {
color: #979797;
font-size: 16px;
}
.contact-form {
padding: 0 0 50px;
}
.story-outer.top .story-image {
margin-top: 0;
text-align: center;
}
.story-outer.top .story-content {
padding: 50px 0 0;
}
.story-content {
padding: 0px 0px 50px 0;
}
.story-content h3 {
margin: 0 0 40px;
color: #000000;
}
.service-content, .service-info.two .service-content {
padding: 50px 15px;
margin: 0 auto;
max-width: 720px;
}
.service-image img, .service-info.two .service-image img {
padding: 0;
}
.service-info.two .service-image img {
margin: 0px 0 50px;
right: 0;
left: 0;
}
.service-info.two .bg-color {
border-left: 0;
border-right: 0;
}
.hair-partner h3 {
padding: 0 0 15px 0;
border-right: 0; text-align: center;
margin: 0;
}
.hair-partner h3:after {
display: block;
content: "";
height: 2px;
width: 200px;
background: #fff;
margin: 30px auto;
position: relative;
}
.service-info .bg-color {
border-right: 0;
}
.service-image {
text-align: center;
padding: 50px 0 0;
}
.service-image img {
max-width: 100%;
position: relative;
left: 0;
right: 0;
top: 0;
transform: none;
}
.correction {
padding: 50px 0;
}
.correction-box {
margin: 0 0 50px;
}
.page-logo {
padding: 0;
}
.shop-area {
padding: 50px 0 50px;
}
.content-area {
padding: 50px 0;
}
.cart_totals {
margin-top: 30px;
}
.woocommerce-perpage {
margin: 0 0 30px 0;
}
.footer-box {
margin: 0 0 30px 0;
}
.footer-top {
padding: 45px 0 20px;
}
}
@media screen and (max-width:767px) {
.ws-banner {
position: relative;
margin-top: 19px;
}	
.ws-banner .b-image img {
width: 100%;
height: 300px;
object-fit: cover;
}
.ws-banner-cap p { 
font-size: 16px; 
letter-spacing: 1px;
margin: 0 0 15px;
}	
.ws-banner-cap h3 { 
font-size: 30px;
letter-spacing: 1px;  
margin: 0 0 15px;
}	
.ws-banner-cap .banner-logo {
justify-content: center;
margin: 0 0 25px;
}
.banner-logo img {
max-width: 150px;
}	
.ws-banner-cap a { 
padding: 10px 30px;  
}	
.featured-products .products.columns-6 li {
width: 50% !important;  
}	
.woocommerce-cart table.cart .product-thumbnail{
text-align: center !important;
}
.woocommerce-cart table.cart img{
width:auto;
height:132px;
}
label.custom-file-label {
padding-left: 20px;
padding-top: 5px;
}
.footer-box ul.add i.fa{
display: none;
}
.correction .c-padding{
padding-left: 0;
padding-right: 0;
max-width: 100vw;
}
.story-outer{
padding-bottom:0;
}
.dropdown-menu li a{
text-indent: 20px;
}
.partners-logo ul, .banner-logo{
justify-content:center;
}
.navbar-nav li>a {
padding: 10px 15px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
padding: 12px 15px 12px;
}
.correction-overlay a, .service-content a{
font-size: 14px;
}
span.closed-days {
width: 200px;
}
span.open-days {
width: 175px;
}
td.product-thumbnail {
display: block !important;
}
div.woof_info_popup{
top: 46%;
left: 33%;
}
.style-svg {
fill: #fff !important;
width: 80px !important;
}
.woocommerce-loop-product__title {   
min-height: auto;
}
.bottom-content h4{
font-size: 20px;
}
.nav.navbar-nav {
margin: 0 -15px !important;
}	
.navbar-nav li > a {
padding: 10px 15px;
display: block;
border-bottom: 1px solid #000;
}
.dropdown-menu {
background: #fff;
border: 0; }	
.dropdown-menu li a{
color: #000;
}	
.festi-cart-menu-item {
display: none;
}	
.banner {
padding: 50px 0 10px;
}
.banner-caption h4, .banner-caption h1 {
font-size: 26px;
}
.banner-caption hr {
max-width: 150px;
margin: 10px auto;
}
.call-btn {
font-size: 14px;
padding: 14px 33px 10px 57px;
margin: 15px 0 30px;
}
.banner-logo li:first-child {
margin: 0 0 25px;
}
.banner-logo li {
width: 50%;
margin: 0 0 29px 0;
}
.specialist h2 {
padding: 30px 15px;
}
.specialist ul li {
width: 100%;
}
.image-cap {
background: rgba(0, 0, 0, 0.50);
opacity: 1;
}
.cap-inner {
border: 1px solid #fff;
}
.white-studio {
padding: 30px 0;
}
.white-studio h2 {
margin: 0 0 10px;
}
.action-btn {
font-size: 14px;
padding: 10px 25px 8px;
margin: 20px 0 0px;
}
.hours {
padding: 25px 15px;
}
.hours-box {
padding: 30px;
}
.instagram {
padding: 30px 0;
}
.insta-icon i {
font-size: 40px;
margin: 0 0 15px;
}
.instagram span {
margin: 0 0 30px;
}
.our-partners h2 {
margin: 0 0 30px;
}
.partners-logo ul {
padding: 30px 0 0;
}
.partners-logo ul li {
text-align: center;
width: 50%;
margin: 0 0 30px;
}
.contact-bottom span {
padding: 30px 0;
}
.design-outer {
padding: 20px 0;
}
.text-bottom-align{
padding: 140px 0 0;
}
.banner-inner {
padding: 80px 0 75px;
}
.page-banner h1 {
font-size: 30px;
}
.team-outer h2 {
padding: 40px 15px 45px;
}
.team-info {
padding: 24px 0 30px;
}
.team-info h5 {
margin: 0 0 5px;
}
.contact-info {
padding: 30px 0 0;
}
.info-box .icon {
margin: 0 0 15px;
}
.info-box .icon img {
max-height: 26px;
}
.info-box {
margin: 0 0 30px;
}
.contact-form {
padding: 0 0 30px;
}
.btn-send {
margin: 0;
padding: 8px 25px 9px;
}
.parallax {
height: 205px;
}
.story-outer.top {
padding: 30px 0;
}
.story-content {
padding: 0px 0px 20px 0;
}
.story-content h3 {
margin: 0 0 20px;
}
.services-outer {
padding: 30px 0;
}
.services-outer h2 {
font-size: 22px;
margin: 0 0 10px;
}
.service-image img, .service-info.two .service-image img {
padding: 0;
}
.service-content {
padding: 30px 15px;
}
.service-content h3 {
font-size: 22px;
margin: 0 0 10px;
}
.service-info.two .service-content {
padding: 60px 15px 55px;
}
.service-image {
padding: 20px 15px 0;
}
.service-image img {
border: 5px solid #fff;
box-shadow: 0 0 10px #000;
}
.treatment {
padding: 30px 0;
}
.treatment h5 {
font-size: 14px;
margin: 0 0 20px;
}
.custom-accordion .card-header .btn {
font-size: 14px;
padding: 15px 10px 10px;
}
.custom-accordion .card-header .btn span {
padding: 0 0 0 8px;
font-weight: normal;
}
.treatment h5 strong {
font-weight: bold;
font-size: 16px;
padding: 5px;
}
.bottom-content {
margin: 0px auto 30px;
}
.bottom-content p {
margin: 0 0 20px;
font-size: 14px;
}
.hair-partner .partner-logo li {
width: 50%;
text-align: center;
margin: 15px 0;
}
.correction {
padding: 30px 0;
}
.correction-overlay {
padding: 60px 15px 55px;
}
.correction h4 {
font-size: 22px;
margin: 0 0 15px;
}
.correction-box {
margin: 0 0 30px;
}
.correction-text {
padding: 25px 15px 20px;
}
.correction-text h4 {
font-size: 22px;
margin: 0 0 15px;
}
.service-info.two .service-image img {
margin: 0px 0 30px;
}
.shop-area {
padding: 30px 0;
}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
width: 45%;
margin: 0 0 25px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
min-height: 100px;
}
.coupon {
width: 100%;
}
#coupon_code {
width: 100%;
padding: 0 0 0 15px;
margin: 0 0 20px;
}
.coupon .button, .actions .button {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
}
.cart_totals {
margin-top: 10px;
}
.content-area {
padding: 30px 0;
}
#customer_details {
margin: 0 0 15px;
}
.woocommerce .col-1, .woocommerce .col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
width: 100% !important;
}
.woocommerce-order-details__title, .woocommerce-column__title {
font-size: 20px!important;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
padding: 0;
margin: 0 0 0px;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table tfoot td {
font-size: 12px;
}
.woocommerce ul.order_details li {
float: none;
margin-right: 0;
font-size: 14px!important;
border-right: 0;
line-height: 1;
border-bottom: 1px dashed #d3ced2;
list-style-type: none;
padding: 15px 0;
}
.woocommerce ul.order_details li strong {
font-size: 14px;
}
.woocommerce-perpage {
margin: 0 0 30px 0;
}
.footer-top {
padding: 30px 0 0;
}
.footer-box {
text-align: center;
}
.footer-box h4 {
margin: 0 0 15px;
}
.footer-box ul.add li {
padding: 0 0 0 25px;
display: block;;
}
.social-icon {
margin-top: 5px !important;
}
.copyright {
padding: 25px 0 15px;
}
.paypal-icon {
margin: 0 0 15px;
}
.inputfile + label span, .inputfile + label strong {
padding: 10px 10px;
}
.inputfile + label span {
width: 140px;
}
.dropdown .dropdown-menu {
transition: all .5s ease-in-out;
}
.navbar-nav.sm-collapsible .sub-arrow::before, .navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
font-family: 'FontAwesome';
content: '\f0d7';
}
.navbar-nav.sm-collapsible .sub-arrow {
border: 0;
}
.open-btn a {
font-size: 12px;
}
.open-btn {	
top: 250px;
z-index: 9;	
}
.open-btn {
max-width: 35px;
}	
.products.columns-4 li {
width: 100% !important;    
}	
.product-area .sidebar-box {  
margin: 0 0 30px;
}	
}
@media only screen and (min-device-width: 425px) and (max-device-width: 768px){
.mobile-contact-image{
display:block;
width:100%;
}
.desktop-contact-image{
display:none;
}
}