body {
font-size:16px;
font-family: 'Khula', sans-serif;
overflow-x: hidden;
color:#1d1d1d;
} h1, h2, h3{
font-weight:500;
font-family: 'Playfair Display', serif;
letter-spacing: 0.01em;
}
h1 { font-size: 2em; }
h2 { font-size: 32px; }
.home h3 { font-size: 21px; }
.not-home h3 { font-size: 24px; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; } img {
max-width: 100%;
height: auto;
width: auto\9; } a {
outline: 0;
color: #1d1d1d;
}
a:hover{
color:#d8cbc3;
} header{
padding: 20px 0;
}
.iwhq_hidden_search{
display:none;
background-color: #f7f7f4;
padding:20px;
color:#1d1d1d;
position:absolute;
top:40px;
right:40px;
-webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.52);
box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.52);
max-width: 90%;
z-index: 12;
}
.iwhq_hidden_search .close_search{
display: block;
width:100%;
text-align: right;
color:#1d1d1d;
padding-bottom:10px;
}
.iwhq_hidden_search .search {
margin-top: -25px;
margin-left: 10px;
}
input#s {
width: 80%;
padding: 6px 12px;
border: 1px solid #d4dde3;
background-color: #fff;
}
input#searchsubmit {
color: #fff;
background-color: #4a4a4a;
border: none;
padding: 7px 18px;
border-radius: 0px 6px 6px 0px;
} .logo-nav{ } #design header{
background-color:#f7f7f4;
}
header figure{
text-align: center;
width: 100%;
}
header.mod {
padding: 20px 0 0;
}
figure #logo {
height: 66px;
margin-top: 4px;
}
#woo figure #logo {
height: 80px;
margin-top: 0;
}
header.mod #iwhq_nav_box #logo {
height: 100px;
max-height: 100px;
margin-bottom: 20px;
}
header.mod .iwhq_nav_btn {
display: inline;
position: absolute;
left: 30px;
cursor: pointer;
top: 40px;
width: 100px;
}
header.mod .iwhq_close_btn {
width:24px;
height:24px;
}
header.mod #iwhq_nav_box {
width: 580px;
max-width: 90%;
background-color: #25221d;
float: left; padding: 50px 30px 30px;
position: relative;
height: 100vh;
text-align:center;
}
header.mod .iwhq_nav_close {
color: #dedede;
font-size: 32px !important;
width: 32px !important;
height: 32px !important;
}
header.mod #menu-side-menu li {
width: 48%;
float: left;
display: inline-block;
color: #fff !important;
}
header.mod #menu-side-menu li a {
padding: 12px 0;
border-bottom: none;
display: inline-block;
width: 100%;
text-decoration: none;
color: #efefef;
padding-left: 20px;
text-align: right;
padding-right:36px;
border-right: 1px solid #969696;
font-weight:500;
text-transform:uppercase;
font-size:15px;
}
header.mod #menu-side-menu li:nth-child(2n) a {
border-right: none;
text-align:left;
padding-left:36px;
}
header.mod #menu-side-menu li:first-child a, header.mod #menu-side-menu li:nth-child(2) a {
padding-top: 18px;
}
header.mod #menu-side-menu li:last-child a, header.mod #menu-side-menu li:nth-last-child(2) a { }
header.mod #menu-side-menu ul.sub-menu li:first-child a, header.mod #menu-side-menu ul.sub-menu li:nth-child(2) a {
padding-top:0 ;
}
header.mod #menu-side-menu ul.sub-menu li:last-child a, header.mod #menu-side-menu ul.sub-menu li:nth-last-child(2) a {
padding-bottom: 0;
}
header.mod #menu-side-menu ul.iwhq_nav_menu {
max-width: 400px;
margin: 0 auto;
}
header.mod aside {
color: #fefefe;
padding: 40px 60px;
line-height: 135%;
position: relative;
top: 70px;
font-family: 'playfair display', serif;
font-weight:500;
display: block;
clear: both;
}
header.mod .top-icons {
width: 152px !important;
max-width: 152px !important;
}
ul.cat-menu {
border-top: 1px solid #efefef;
padding-top: 12px;
padding-bottom: 12px;
margin: 0;
text-align: center;
}
ul.cat-menu li {
display: inline-block;
list-style: none;
}
ul.cat-menu li a{
padding:6px 12px;
text-transform:uppercase;
}
ul.cat-menu li a:hover{
text-decoration:none;
}
.shop-link {
display: inline-block;
position: absolute;
left: 80px;
cursor: pointer;
top: 40px;
}
.shop-link a:hover {
color:inherit;
text-decoration: none;
}
#shop-slider .owl-carousel .owl-item img {
display: block;
width: 100%;
height: 780px;
object-fit: cover;
}
#shop-slider .slide-item{
position:relative;
}
#shop-slider .container{
position:absolute;
top:0;
width:80%;
margin:0 auto;
left:25%;
right:25%;
}
header.mod .iwhq_nav .sub-menu {
display: none;
position:absolute;
width:80%;
background-color:#888;
left:10%;
z-index:3;
padding:30px;
}
header.mod .iwhq_nav .no-click.child > .sub-menu {
width:100%;
background-color:#666;
left:0;
z-index:4;
}
header.mod #menu-side-menu .sub-menu li {
display:block;
width:100%;
clear:both;
}
header.mod #menu-side-menu .sub-menu li a{
text-align:left;
padding:6px 0;
border:none;
}
header.mod li.menu-item-has-children {
padding-right: 0;
background: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/arrow-down-white.png) no-repeat right 12px;
}
header.mod li.menu-item-has-children {
padding-right: 0;
background: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/arrow-down-white.png) no-repeat;
background-size: 10px;
background-position: calc(100% - 14px) calc(1% + 18px);
}
.iwhq_sub_close_btn {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
} #iwhq-carousel {
padding: 0 0 50px 0;
background-color: #f7f7f4;
}
#iwhq-carousel img {
object-fit: cover;
object-position: center center;
max-height: 150px;
}
#iwhq-carousel .owl-stage {
display:flex;
align-items: center;
}
#iwhq-carousel i {
width: 100%;
text-align: center;
display: inline-block;
} nav {
float: none;
margin-left: 15px;
padding-top: 23px;
position: relative;
}
nav ul{
margin:0;
padding:0;
list-style:none;
}
nav > ul > li{
position:relative;
float:left;
}
nav > ul > li > a {
color:#4a4a4a; padding:10px 15px;
text-decoration: none;
}
nav > ul > li > a:hover, nav li a:active {
text-decoration: none;
}
nav ul {
text-align: center;
}
nav ul li {
display: inline-block;
}
li.menu-item-has-children {
padding-right: 1px;
background: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/arrow-down.png) no-repeat right 12px;
}
nav ul > li a {
display: block;
padding: 5px 15px;
color: #1d1d1d; }
nav ul.sub-menu {
position: absolute;
padding: 0px;
left: 0px;
width: 220px;
background: #fff;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
display: none;
z-index: 300;
}
nav ul.sub-menu > li {
text-align: left;
vertical-align: top;
display: block;
text-transform: uppercase;
border-bottom:1px solid #ddd;
}
nav ul.sub-menu > li a {
padding: 11px 14px 5px;
color: #1d1d1d;
text-decoration: none;
text-align:left;
}
nav ul.sub-menu > li a:hover {
background-color:#f7f7f4;
}
nav ul > li:hover ul.sub-menu {
display: inline-block;
}
nav ul > li a:hover {
}
.top-icons{
right: 0;
width: 132px;
max-width: 132px;
flex: 0 0 132px;
padding-top: 25px;
position: absolute;
}
.top-icons img{
padding-left:4px;
cursor: pointer;
height: 16px;
width: auto;
}
.grey-icon{
margin-right:12px;
} #banner{
padding:40px 0;
background-color: #f7f7f4;
color:#1d1d1d;
}
#banner h1{
font-weight: 300;
font-size: 42px;
}
#banner a {
color: #1d1d1d;
} .home #content{
padding: 60px 0;
height: 550px;
background-color:#f7f7f4;
}
.home-new#content{
height: 1100px;
}
#content .intro h2{
font-size:42px;
padding-right:100px;
margin-bottom:20px;
}
#content .intro h2::before, #kitchens .intro h2::before, #shop .intro h2::before, .home #beyond h2::before{
content:'';
display: block;
width:100px;
border-top:3px solid #4a4a4a;
padding-bottom:40px;
}
.home #kitchens .intro h2::before, .home #beyond h2::before{
margin:0 auto;
}
.kitchens.col-sm-6 img{
height:340px;
width:100%;
object-fit: cover;
}
.kitchens.col-sm-4 img{
height:248px;
width:100%;
object-fit: cover;
}
.not-home #content{
padding: 40px 0;
}
.home-new#content{
padding:0;
} main#kitchens{
padding:0 0 30px;
background-color:#f7f7f4;
}
#kitchens .cats{
padding-bottom:40px;
}
#kitchens .intro{
padding-bottom:40px;
}
#kitchens .intro h2{
font-size:36px;
margin-bottom:20px;
}
#kitchens a aside{
position: absolute;
background: rgba(255,255,255,0.95) url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/arrow-yellow.png) no-repeat 12px 38px;
color: #4a4a4a;
padding: 30px 30px 15px 40px;
bottom: 0;
width: 280px;
max-width: 100%;
right:0;
height: 230px;
overflow-y: auto;
}
#kitchens a aside strong {
font-family: 'Playfair Display', serif;
}
#kitchens a h3, #kitchens a:hover h3 {
color:#1d1d1d;
margin-top:4px;
text-decoration: none;
}
#kitchens a:hover{
text-decoration:none;
}
.not-home #kitchens .item img{
height:275px;
width:100%;
object-fit: cover;
} #beyond{
padding:0;
background-color:#f7f7f4;
}
.not-home #beyond{
padding:30px 0 30px;
}
.not-home #beyond .beyonds img{
height:240px;
width:100%;
object-fit: cover;
}
.home #beyond h2{
text-align:center;
margin-bottom:40px;
}
.not-home #beyond .beyonds div:first-child div {
background-color: #4a4a4a;
color: #fff;
padding: 40px;
font-size: 26px; margin-bottom: 0;
height: 181px;
}
#beyond a h3, #beyond a:hover h3 {
color:#1d1d1d;
margin-top:4px;
text-decoration: none;
margin-bottom: 30px;
}
#beyond a:hover{
text-decoration:none;
}
.home #beyond .item img{
width:100%;
height: 180px;
object-fit: cover   ;
} #shop {
padding: 80px 0 40px;
background-color: #d8cbc3;
}
#shop .intro h2{
font-size:36px;
margin-bottom:20px;
}
.home #shop .woocommerce ul.products li.product, .home #shop .woocommerce-page ul.products li.product{
width:100%;
} #shop h2.woocommerce-loop-product__title {
position: absolute;
bottom: 15px;
background: rgba(0,0,0,0.6);
z-index: 1;
width: 100%;
padding: 4px 8px 40px!important;
color: #fff;
font-size: 14px !important;
font-family: 'khula', sans-serif;
font-weight: 600;
text-align: center;
}
#shop a.add_to_cart_button {
border-radius: 30px;
background: #fff url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/add-to-cart-yellow.png) no-repeat center right;
padding-right: 40px;
font-size: 14px;
font-weight: 600;
padding: 6px 40px 4px 10px;
position: absolute;
bottom: 25px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 100px;
z-index: 2;
}
#shop span.price {
display: none !important;
}
.not-home .woocommerce {
padding-top:20px;
padding-bottom: 40px;
}
.not-home .woocommerce.tinv-wishlist{
padding-top:0;
}
.not-home .woocommerce-loop-product__title{
font-size:16px;
font-family: Khula, sans-serif;
}
.not-home .woocommerce ul.products li.product .button, .not-home  .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, #mc_embed_signup .button { border-radius: 30px !important;
padding: 12px 18px 8px !important;
color: #fff !important;
background-color: #4a4a4a !important;
}
.single_add_to_cart_button.button.alt.wp-element-button {
margin-top: 0;
}
#mc_embed_signup .button {
border:none;
}
.woo-variation-gallery-wrapper .wvg-gallery-image {
border: 1px solid #fff;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce h1.page-title, .woocommerce .product_title.entry-title {
display: none;
}
img.iwhq-gal{
cursor: pointer;}
.woocommerce-message {
border-top-color: #d8cbc3 !important;
background-color: #f7f7f4 !important;
}
.woocommerce-message::before {
color: #d8cbc3 !important;
}
li.category > img {
height: 180px;
width: 100%;
object-fit: cover;
}
.woocommerce ul.products li.product a img {
max-height: 244px;
}
input#coupon_code, #pwgc-redeem-gift-card-number {
width: 160px;
padding: 6px 6px 3px;
}
input#wc-stripe-new-payment-method {
position: relative;
top: 5px;
}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row {
display: block;
}
.woocommerce .col-1, .woocommerce  .col-2{ max-width:none;}
.woocommerce-input-wrapper{
display: block;
width: 100%;
}
.woocommerce-terms-and-conditions-checkbox-text {
padding-left: 20px;
}
.woocommerce form .form-row .input-checkbox {
margin: 9px 8px 0 0 !important;
}
.stripe-card-group, .wc-stripe-elements-field{
width:100%;
}
span.in-cart {
background-color: #d54e21;
color: #fff;
font-weight: bold;
font-size: 12px;
padding: 2px 3px 4px;
border-radius: 50px;
position: relative;
top: -4px;
width: 12px;
height: 12px;
box-sizing: content-box;
display: table-caption;
text-align: center;
vertical-align: middle;
}
a i.ftinvwl {
color: #4a4a4a;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
width: 100%;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce-form-login .form-row{
display:block;
}
li.product figure {
height: 260px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.woocommerce div.product.status-publish p.price, .woocommerce div.product.status-publish span.price, .woocommerce div.product.status-publish .stock, .woocommerce ul.products li.product .price .amount {
color: #1d1d1d;
}
.woocommerce .product-carousel{
background-color:#f7f7f4;
clear:both;
padding:20px;
}
.woocommerce-MyAccount-content {
position: relative;
clear: both;
top:20px;
}
nav.woocommerce-MyAccount-navigation li {
background-color: #f7f7f4;
}
#pwgc-redeem-button {
background-color: #a5a5a5 !important;
}
#pwgc-redeem-button:hover {
background-color: #4a4a4a !important;
}
#page .woocommerce-info {
border-top-color: #d8cbc3;
}
#page .woocommerce-info::before {
color: #d8cbc3;
}
.woocommerce .added_to_cart {
padding-left: 4px;
}
#crossSellModal li.product figure {
height: auto;
display: table-cell;
vertical-align: middle;
text-align: center;
}
#crossSellModal{
text-align: center;
}
#crossSellModal li{
list-style:none;
}
#crossSellModal .product {
margin-bottom: 20px;
}
#crossSellModal ul.products{
padding-left: 0;
}
ul.owl-carousel{
list-style:none;
margin:0;
padding:0;
}
.owl-item li.slide {
list-style: none;
} .product-labels {
position: absolute;
top: 10px;
right: 10px;
z-index: 9;
}
.product-labels-single .product-labels {
left: 10px;
}
.product-label {
display: inline-block;
background-color: #e60023;
color: white;
padding: 5px 10px;
margin: 2px 0;
border-radius: 3px;
}
.woocommerce .product span.onsale{
background-color: #f9f7f4;
color:red;
height: 3.236em;
width: 3.236em;
padding: .102em;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18); }
.product-label.new {
background-color: #999b88; height: 3.236em;
width: 3.236em;
padding: 1em 0.45em;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
border-radius: 100%;
}
.product-label.best-seller {
background-color: #000;
color: #fff;
height: 3.236em;
width: 3.236em;
padding: .61em 0.45em;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
border-radius: 100%;
line-height: 1.1em;
} form a[href$=".pdf"]{
text-decoration: underline;
}
form a[href$=".pdf"]::before {
content: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/icon-pdf.png);
position: relative;
top: 4px;
margin-right: 6px;
}
a.delete {
text-decoration: underline;
font-weight: 600;
}
nf-field .instructions {
background-color: #f7f7f4;
padding: 20px;
}
.mc-field-group label {
display: block;
margin-top: 16px;
margin-bottom: 4px;
}
#nf-field-50 + div {
border: none !important;
}
#nf-label-field-50 span {
display: block;
}
body.hide-product-price .price {
display: none !important;
}
img.iwhq-gal {
width: auto !important;
}
#nf-label-field-50{
font-weight:bold;
}
.mc-field-group input[type=text], .mc-field-group input[type=email] {
display: block;
padding: 9px 12px;
width: 100%;
max-width: 600px;
border: 1px solid #ddd;
border-radius: 4px;
}
.nf-response-msg b {
padding: 6px 6px 0;
background-color: #ededed;
}
#page .nf-form-content, #woo .nf-form-content {
margin: 0;
}
#page .nf-form-content .list-select-wrap .nf-field-element>div, #page .nf-form-content input:not([type=button]), #page .nf-form-content textarea, #woo .nf-form-content .list-select-wrap .nf-field-element>div, #woo .nf-form-content input:not([type=button]), #woo .nf-form-content textarea {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: none;
color: #1d1d1d;
padding:6px 12px;
}
#page .nf-form-content input[type=button], #woo .nf-form-content input[type=button]{
background: #1d1d1d;
color: #fff;
}
#page .nf-form-content label, #woo .nf-form-content label {
font-size: 16px;
line-height: 16px;
font-weight:500;
}
#page .nf-form-content .label-above .nf-field-label, #page .nf-form-content .label-below .nf-field-label, #page .nf-form-content .label-hidden .nf-field-label, #woo .nf-form-content .label-above .nf-field-label, #woo .nf-form-content .label-below .nf-field-label, #woo .nf-form-content .label-hidden .nf-field-label {
margin-bottom: 4px;
padding: 0;
}
#nf-label-field-hp-1 {
display: none;
} ul.product-cats {
margin-left: 0;
clear:both;
padding:0;
}
ul.product-cats li {
list-style: none;
margin-left: 0;
margin-bottom: 4.236em;
text-align: center;
position: relative;
}
ul.product-cats li img {
margin: 0 auto;
}
@media screen and (min-width:768px) {
ul.product-cats li {
width: 21.4117647059%;
float: left;
padding: 2% 2.7% 0;
margin: 1.7% ;
background-color: #fff;
border-radius: 7px;
} ul.product-cats h2 {
font-size: 21px;
min-height: 50px;
margin-top: 12px;
}
}
ul.product-cats h2 {
margin-top: 12px;
}
.category-title {
background-color: transparent;
text-align: left;
padding:0 30px;
}
.category-title h2 {
font-size:36px;
margin-bottom:20px;
}
.category-title h2::before{
content:'';
display: block;
width:100px;
border-top:3px solid #4a4a4a;
padding-bottom:30px;
margin-top: 30px;
padding-left:10px;
}
h2.list-title{
font-size:36px;
margin: 40px 0 20px 20px;
} #design-service {
background-color: #f7f7f4;
}
#beyond + #design-service{
padding: 40px 0;
}
#kitchens + #design-service, #beyond + #design-service{
text-align: center;
}
#design-service .ds-container {
position: relative;
}
#design-service .ds-text {
max-width:90%;
position:absolute;
width:600px;
top:0;
left:0;
background-color: #f7f7f4;
padding:30px;
z-index:2;
}
#design-service .ds-image {
position: relative;
margin-top: 130px;
z-index: 1;
}
#design-service .ds-image img {
height: 550px;
width: 100%;
object-fit: cover;
} #cta {
background-color: #fff;
color: #4a4a4a;
text-align: center;
padding: 60px 0 50px;
}
#woo #cta { background-color: #f7f7f4;
}
#cta h2{
color:#4a4a4a;
}
#cta h2, #cta p{
width:100%;
display:block;
}
#cta a.button {
background-color: #f7f7f4 !important;
color: #4a4a4a !important;
}
#woo #cta a.button {
background-color: #fff !important;
}
#cta a.button + a.button, #woo #cta a.button + a.button {
background-color: #4a4a4a !important;
color: #f7f7f4 !important;
} #woo {
border-left: 50px solid #1D1D1B;
border-right: 50px solid #1D1D1B;
}
#woo header, #woo ul.cat-menu{
background-color: #1D1D1B;
border-top:none;
}
#woo ul.cat-menu a{
color:#fff;
} .nf-progress-container {
display: none;
} img.tax.featured {
width: 60%;
height: 450px;
object-fit: cover;
}
.bathrooms img.tax.featured {
width: 60%;
height: 640px;
object-fit: cover;
}
.tax.featured.alignleft {
order: 1;
}
.img-pic-box {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 30px;
}
article.tax-desc {
width: 35%;
margin: 0 3%;
padding: 4%;
background: rgba(255,255,255,0.9);
float: left;
}
#page {
padding: 60px 0;
}
#page.single-portfolio{
padding:0;
}
#design #page {
background-color: #f7f7f4;
}
.furniture-img {
display: inline-block;
width: 50%;
float: left;
position: relative;
} .testimonial, .credits {
display: flex; flex: 1 1 300px;
}
.testimonial div, .credits div{
display: flex;
flex-direction: column;
flex: 1 1 300px;
}
.testimonial div {
background-color: #fff;
background-image: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/quote-close.png), url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/quote-open.png);
background-repeat: no-repeat;
background-position: 95% 85%, 40px 40px;
padding: 120px 60px 60px;
height: auto;
margin: 30px 0;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
min-height:280px;
-webkit-box-shadow: 10px 10px 55px -14px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 55px -14px rgba(0,0,0,0.5);
box-shadow: 10px 10px 55px -14px rgba(0,0,0,0.5);
}
.credits div {
background-color: #fff;
padding: 60px;
height: auto;
margin: 30px 0;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
min-height:280px;
-webkit-box-shadow: 10px 10px 55px -14px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 55px -14px rgba(0,0,0,0.5);
box-shadow: 10px 10px 55px -14px rgba(0,0,0,0.5);
}
.testimonial div strong{
font-family: 'Playfair Display', serif;
font-size: 21px;
}
.iwhq-gallery-portfolio {
width: 100%;
height: auto;
margin-bottom: 30px;
}
img.iwhq-gallery {
width: 98%;
margin: 1%;
height: 50vh;
object-fit: cover;
float: left;
box-sizing: border-box;
}
img.collection {
position: absolute;
right: 10px;
bottom: 10px;
background-color: rgba(255,255,255,0.7);
padding: 4px;
border-radius: 4px;
display:none;
cursor:pointer;
}
.icon-collection-large {
display:none;
position: fixed;
bottom:15px;
right:15px;
z-index:999;
background-color: rgba(255,255,255,0.8);
padding: 12px;
border-radius: 4px;
border:1px solid #ddd;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
cursor:pointer;
}
#dunvara-collection{
display:none;
position:fixed;
bottom:15px;
right:15px;
border:1px solid #ddd;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
color:#666;
padding:15px;
background-color:#fff;
z-index:1000;
width:468px;
}
#dunvara-collection figure{
width:450px;
height:400px;
overflow-y: auto;
}
.dunvara-collection-header {
padding: 6px 12px;
background-color: #f7f7f4;
font-size: 17px;
font-weight: 700;
position: relative;
}
.dunvara-collection-header b {
top: 2px;
position: relative;
}
#dunvara-collection .close {
position: absolute;
right:12px;
top:10px;
cursor:pointer;
}
#dunvara-collection figure img, #inspiration-images img{
cursor: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/x.png), crosshair;
} .posts article{
padding:20px;
background-color:#f7f7f4;
margin-bottom:20px; width:100%;
}
.posts article h2{
margin-top:5px;
}
.posts img.post_thumbnail.wp-post-image {
width: 180px;
height: 150px;
object-fit: cover;
margin-right:40px;
}
.contact-h3{
margin-bottom: 30px;
}
.half-image img {
width: 100%;
height: auto;
max-height: 400px;
object-fit: cover;
}
.partner-images figure img {
width: 100%;
height: 175px;
object-fit: cover;
} #portfolio{
background-color:#f7f7f4;
}
#portfolio .white{
background-color: #fff;
padding: 30px 15px;
}
#portfolio figure a {
position: relative;
}
#portfolio figcaption {
position: absolute;
top: 130px;
color: #000;
left: 40px;
font-size: 24px;
font-weight:700;
display:none;
}
#portfolio figure img:hover, #portfolio figure figcaption:hover + img {
opacity:0.4;
}
#portfolio figure:hover figcaption {
display:block;
}
#portfolio .gallery-img {
height: 350px;
width: 100%;
object-fit: cover;
} footer{
background-color:#4a4a4a;
padding:60px 0px 50px;
color:#fff;
}
footer .footer-logo{
margin-bottom:20px;
}
footer .contact img {
margin: 3px 6px 0 0;
vertical-align: middle;
width:auto;
}
footer .contact img.phone{
height:14px;
}
footer .contact img.email{
height:12px;
}
footer .social{
padding-top: 20px;
}
footer #mc_embed_signup{clear:left; font-size:14px; }
footer h3{
padding-bottom:8px;
font-size: 20px;
font-family: Khula, sans-serif;
}
footer ul{
margin:0;
padding:0;
}
footer li {
padding: 4px 2px;
list-style: url(//www.dunvaradesign.com/wp-content/themes/Vanilla/images/list-arrow.png) inside;
}
footer a{
color:#eee;
text-decoration: none;
}
footer a:hover{
color:#fff;
text-decoration: none;
}
#credits{
background-color:#4a4a4a;
padding:8px 0;
font-size:13px;
}
#credits, #credits a, #credits a:hover{
color:#d8cbc3;
} .button, a:hover.button, #maillist #mc-embedded-subscribe .button, a.wp-block-button__link, .nf-form-content button, .nf-form-content input[type=button].nf-next, .nf-form-content input[type=button].nf-previous, .submit-wrap input[type=button]{
padding:9px 24px 6px;
text-transform:uppercase;
text-decoration:none;
display: inline-block;
margin-top: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-weight:300;
font-size:16px;
background-color:#4a4a4a;
color:#fff !important;
}
.nf-form-content button{
background-color:#4a4a4a !important;
}
.nf-form-content button[type=reset]:not(:disabled){
background-color:#f7f7f4 !important;
color:#1d1d1d !important;
}
button.ninja-forms-field {
background-color:#c4c4c4 !important;
color:#1d1d1d !important;
padding:9px 24px 6px;
}
.feature .button{
background-color:#f7f7f4;
}
#maillist #mc-embedded-subscribe .button{
background-color:#f7f7f4;
color:#1d1d1d;
} .add-collection {
position: absolute;
bottom: 33px;
background-color: #fff;
right: 6px;
width: 24px !important;
height: 24px !important;
z-index: 999;
border: 3px solid #fff;
border-radius: 2px;
}
#dialog{
display:none;
}  #content .slide-item{
position: relative;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
height:340px;
}
.home-new#content .owl-carousel, .home-new#content .slide-item{
height:1100px;
}
#content .owl-carousel .owl-item .owl-lazy:not([src]), #content .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height:340px;
margin: 0 0 120px;
}
.home-new#content .owl-carousel .owl-item .owl-lazy:not([src]), .home-new#content .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height:1100px;
margin: 0;
}
.owl-nav {
position: relative;
top: -50%;
}
.owl-prev, .owl-next {
position: absolute;
}
.owl-next { right:15px; }
#content .owl-prev span, #content .owl-next span, #shop .owl-prev span, #shop .owl-next span {
height: 21px;
opacity: 0.65;
position: absolute; font-size: 40px;
}
.owl-prev span:hover, .owl-next span:hover {
opacity: 0.9;
}  .home-new#content .owl-item aside, #shop-slider .owl-item aside {
background: rgba(255,255,255,0.9);
color: #1d1d1d;
padding: 40px 40px 20px;
position: relative;
top: 250px;
z-index: 1;
width: 60%;
left: 0;
min-height:135px;
}
#content .owl-item aside h2{
font-size:32px;
} li.category.item{
width:100%;
}  .design-services  .wp-block-column {
background-color: #fff;
padding: 15px;
}
.design-services .product.add_to_cart_inline{
border:none !important;
text-align: center;
}
.design-services .woocommerce-Price-amount.amount {
display: block;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f7f7f4;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .woocommerce .term-description {
padding-top:50px;
}  @media screen and (min-width:1281px){
.yt-video iframe {
width: 100% !important;
height: 600px;
}
}
@media screen and (min-width:980px){
.yt-video iframe {
width: 100% !important;
height: 540px;
}
}
@media screen and (min-width:768px){
.yt-video iframe {
width: 100% !important;
height: 340px;
}
} @media screen and (max-width:1480px){
article.tax-desc{
margin:5% 5% 0;
padding: 20px;
width: 28%;
}
} @media screen and (max-width:1280px){
article.tax-desc{
margin:2% 2% 0;
padding: 20px;
width: 32%;
}
.home-new#content .owl-item aside {
left:0 !important;
}
} @media screen and (max-width:1200px){
.container{
width:100%;
max-width:100%;
}
} @media screen and (max-width:1084px){
nav{
display:none;
}
nav.woocommerce-pagination{
display:block;
}
.top-icons {
padding-top: 0px;
}
.logo-nav{
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%;
}
.not-home #beyond .beyonds div:first-child {
font-size: 26px;
height: calc(18vw - 7px);
}
.not-home h3 {
font-size: 20px;
}
article.tax-desc{
margin:0;
padding: 20px;
width: 36%;
}
} @media screen and (max-width:980px){
.not-home #beyond .beyonds div:first-child {
font-size: 21px;
height: calc(18vw - 7px);
padding:30px;
}
article.tax-desc{
margin:0;
padding: 20px;
width: 46%;
margin-bottom:40px;
}
img.tax.featured {
width: 50%;
height: auto;
margin-bottom:60px;
}
} @media screen and (max-width:900px){
.home-new#content .owl-carousel .owl-item .owl-lazy:not([src]), .home-new#content .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 600px;
margin: 0;
}
.home-new#content .owl-carousel, .home-new#content .slide-item, .home-new#content{
height: 600px;
}
.not-home #beyond .beyonds div:first-child {
font-size: 18px;
height: calc(18vw - 7px);
padding:20px;
}
.not-home #beyond .beyonds div:first-child h2{
font-size: 1.5em;
}
.not-home h3 {
font-size: 18px;
}
} @media screen and (max-width:800px){
ul.product-cats h2 {
font-size:18px;
}
.category-title h2 {
font-size: 32px;
margin-bottom: 20px;
}
} @media screen and (max-width:768px) {
.logo-nav {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.category-title h2 {
font-size: 24px;
}
.home-new#content .owl-carousel .owl-item .owl-lazy:not([src]), .home-new#content .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 500px;
margin: 0;
}
.home-new#content .owl-carousel, .home-new#content .slide-item, .home-new#content {
height: 500px;
}
.owl-nav {
display: none;
}
.home #beyond .item img{
height:200px;
}
.not-home #beyond .beyonds div:first-child h2 {
font-size: 1.1em;
}
#design-service .ds-text {
max-width: 100%;
position: relative;
width: 100%;
top: 0;
left: 0;
background-color: #f7f7f4;
padding: 30px;
z-index: 2;
flex: 0 0 100%;
}
#design-service .ds-image {
margin-top: 10px;
}
.home-new#content .owl-item aside p {
display: none;
}
#content .owl-item aside{
text-align:center;
}
#content .owl-item aside h2 {
font-size: 28px;
}
#content .owl-item aside .wp-block-button {
margin: 0 auto;
}
article.tax-desc{
margin:0;
padding: 20px;
width: 100%;
margin-bottom:60px;
}
img.tax.featured {
width: 100%;
height: auto;
margin-bottom:10px;
}
ul.product-cats{
padding:20px;
text-align:center;
}
ul.product-cats h2, h2.list-title{
text-align:center;
}
h2.list-title{
margin:0 20px;
}
h2.list-title{
margin-top:20px;
}
ul.product-cats h2::before{
margin:0 auto;
}
ul.product-cats li.category-title {
text-align: center;
}
ul.product-cats h2{
font-size:1.5em;
}
header.mod li.menu-item-has-children {
background-position: calc(100% - 14px) calc(1% + 10px);
}
.tax.featured.alignleft {
order: revert;
}
.tax.featured.alignleft, .tax.featured.alignright {
margin:0;
}
.img-pic-box {
flex-direction: column;
}
.bathrooms img.tax.featured {
width: 100%;
height: auto;
object-fit: cover;
}
} @media screen and  (max-width:600px){
.logo-nav{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.home-new#content .owl-carousel .owl-item .owl-lazy:not([src]), .home-new#content .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 340px;
margin: 0;
}
.home-new#content .owl-carousel, .home-new#content .slide-item, .home-new#content{
height: 340px;
}
#content .owl-item aside h2 {
font-size: 24px;
}
.home-new#content .owl-item aside {
padding: 20px 40px 20px;
position: relative;
top: 60px;
width: 100%;
min-height: 135px;
text-align:center;
}
img.iwhq-gallery {
width: 98%;
margin: 1%;
height: auto;
object-fit: initial;
float: none;
box-sizing: border-box;
}
.category-title, .slide-cats{
width:100% !important;
text-align:center;
}
.category-title h2::before {
margin: 0 auto;
}
ul.product-cats li {
margin-bottom: 0
}
header.mod aside {
padding: 20px 0;
line-height: 135%;
position: relative;
top: 20px;
}
header.mod #menu-side-menu > li > a {
height: 60px;
}
.single-portfolio .testimonial, .single-portfolio .credits {
order: 4;
}
.testimonial div, .credits div{
flex: 1 1 auto;
}
} @media screen and  (max-width:576px) {
.not-home #beyond .beyonds div:first-child h2 {
font-size: 1.6em;
}
.beyonds {
text-align: center;
}
.beyonds h3{
margin-bottom:40px;
}
footer ul{
margin-bottom:40px;
}
.not-home #beyond .beyonds div:first-child {
height: auto;
}
} @media screen and  (max-width:540px){
header.mod {
height: 170px;
}
.top-icons, .shop-link, header.mod .iwhq_nav_btn{
top:125px;
}
.top-icons {
width: 155px;
max-width: 155px;
flex: 0 0 155px;
}
#woo ul.cat-menu {
padding: 0 0 15px;
}
header.mod .top-icons {
width: 152px !important;
max-width: 152px !important;
margin: 0 auto;
}
#woo header.mod .top-icons {
position: static;
}
#woo {
border-left: 30px solid #1D1D1B;
border-right: 30px solid #1D1D1B;
}
} @media screen and  (max-width:500px){
.logo-nav{
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
} @media screen and  (max-width:540px){
.iwhq_hidden_search .search{
text-align:center;
}
.woo-variation-product-gallery.woo-variation-product-gallery-thumbnail-columns-4.woo-variation-gallery-enabled-thumbnail-slider {
width: 100%;
}
} @media screen and  (max-width:480px) {
.iwhq_hidden_search{
padding-bottom:30px;
}
.iwhq_hidden_search h3{
font-size:21px;
}
} @media screen and  (max-width:420px){
#woo {
border-left: 15px solid #1D1D1B;
border-right: 15px solid #1D1D1B;
}
.logo-nav{
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
.posts img.post_thumbnail.wp-post-image {
width: 100%;
height:auto;
} header.mod #menu-side-menu > li > a {
height: auto;
}
header.mod #menu-side-menu li {
width: 100%;
}
header.mod #menu-side-menu li:first-child a, header.mod #menu-side-menu li:nth-child(2) a {
padding-top: 8px;
}
header.mod #menu-side-menu li:nth-child(2n) a {
padding-left: 0;
}
header.mod #menu-side-menu li a {
padding: 6px 0;
border-right:none;
text-align: left;
}
} @media screen and  (max-width:360px) {
.iwhq_nav_btn {
width: 32px;
height: auto;
}
} @media screen and  (max-width:320px) {
}