@import url(https://use.typekit.net/qjt5dlj.css);
h1 {
font-family: sofia-pro, sans-serif;
font-weight: 500;
}
h2, h3, h4, h5, h6, p {
font-family: sofia-pro, sans-serif;
font-weight: 300;
}
.wpb_text_column a {
text-decoration: underline;
}
.wpb_text_column a:hover {
text-decoration: none;
}
h4 {
font-weight: 900;
}
#ajax-content-wrap .container-wrap{
min-height: auto !important;
} nav .sf-menu > li.menu-item {
font-family: sofia-pro, sans-serif;
font-weight: 900;
}
#header-outer #top .sf-menu > .sf-with-ul > a {
height: 16px;
}
#top .span_9 > .slide-out-widget-area-toggle a.using-label .label {
font-family: sofia-pro, sans-serif;
font-weight: 900;
opacity: 1 !important;
padding-bottom: 2px;
}
#header-outer #top .sf-menu li.get-started-menu-btn.menu-item {
margin-left: 25px !important;
}
#header-outer #top .sf-menu li.get-started-menu-btn.menu-item a {
padding: 18px 35px;
}
#header-outer.transparent #top .sf-menu li.get-started-menu-btn.menu-item {
background-color: #ffffff;
}
#header-outer.transparent #top .sf-menu li.get-started-menu-btn.menu-item a {
color: #000000 !important;
}
#header-outer.transparent[data-lhe="default"] #top nav > ul > li.get-started-menu-btn > a:hover, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .get-started-menu-btn.sfHover:not(#social-in-menu) > a{
color: #000000 !important;
opacity: .5;
}
#header-outer:not(.transparent) #top .sf-menu li.get-started-menu-btn.menu-item {
background-color: #000000;
}
#header-outer:not(.transparent) #top .sf-menu li.get-started-menu-btn.menu-item a {
color: #ffffff !important;
}
#header-outer:not(.transparent)[data-lhe="default"] #top nav > ul > li.get-started-menu-btn > a:hover, #header-outer:not(.transparent)[data-lhe="default"] #top nav .sf-menu > .get-started-menu-btn.sfHover:not(#social-in-menu) > a {
color: #ffffff !important;
opacity: .5;
}
#slide-out-widget-area .inner .off-canvas-menu-container li.get-started-menu-btn.menu-item {
background-color: #ffffff;
margin-top: 40px;
}
#slide-out-widget-area .inner .off-canvas-menu-container li.get-started-menu-btn.menu-item a {
color: #000000;
padding: 10px 30px 15px;
display: block;
}
#slide-out-widget-area .inner .off-canvas-menu-container li a {
font-family: sofia-pro, sans-serif !important;
font-weight: 300 !important;
}
#slide-out-widget-area.fullscreen-split .inner>.container {
left: 0 !important;
} a.nectar-button {
font-family: sofia-pro, sans-serif;
font-weight: 900;
}
a.nectar-button.medium{
font-size: 14px;
padding: 15px 50px !important;
}
.nectar-button.regular.regular-button.hero-button.left {
border: 1px solid #ffffff;
} .split-line-heading .wpb_wrapper .nectar-split-heading:first-child {
margin-bottom: -10px;
} 
.split-line-heading .wpb_wrapper .nectar-split-heading:last-child h1 > span {
padding-bottom: 35px;
} .image-comparison .twentytwenty-wrapper.twentytwenty-horizontal {
padding: 0px;
}
.image-comparison .twentytwenty-horizontal .twentytwenty-handle:after, .image-comparison .twentytwenty-horizontal .twentytwenty-handle:before {
width: 2px;
margin-left: 0px;
}
.image-comparison .twentytwenty-horizontal .twentytwenty-handle{
background-color: transparent !important;
border: 2.5px solid #fff;
height: 43px;
width: 43px;
margin-left: -25px;
}
.image-comparison .twentytwenty-horizontal .twentytwenty-handle:before {
margin-bottom: 24px;
background-color: #fff !important;
}
.image-comparison .twentytwenty-horizontal .twentytwenty-handle:after {
margin-top: 24px;
background-color: #fff !important;
}
.image-comparison .twentytwenty-wrapper .twentytwenty-left-arrow {
border-right: 6px solid #fff;
margin-left: -16px;
}
.image-comparison .twentytwenty-wrapper .twentytwenty-right-arrow {
border-left: 6px solid #fff;
margin-right: -18px;
}  .parallax-section > .col > .vc_column_container > .vc_column-inner > .wpb_wrapper {
margin-top: 9.75% !important;
}
.parallax-section .wpb_wrapper .parallax-title-02 {
margin-bottom: -32% !important;
}
.parallax-section .parallax-image img {
width: 100%;
}  #services-page .toggles .toggle.default > div {
background-color: rgb(241, 241, 241);
}
#services-page .toggles .toggle.default .inner-toggle-wrap {
padding: calc(3% + 50px) 3% 3% 3%;
position: relative;
}
#services-page .toggles .toggle.default .inner-toggle-wrap:before {
content: '';
position: absolute;
background-color: #fff;
top: 0px;
left: 0px;
height: 50px;
width: 100%;
z-index: 1;
}
#services-page .toggles .toggle.default .inner-toggle-wrap .wpb_wrapper .toggle-image img {
width: 100%;
}
body #services-page .row .toggle h3, body .toggle h3{
font-size: 22px !important;
} .step-count {
font-weight: 900;
}
#process-step .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
position: absolute;
font-family: sofia-pro, sans-serif;
font-weight: 300;
color: #ffffff;
opacity: .07;
font-size: 190px;
bottom: 55px;
right: 25px;
}
body.page-id-191 #process-step .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
color: #000000;
opacity: .14;
}
body.page-id-471 #process-step .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
color: #ffffff;
opacity: .07;
}
#process-step.step-02 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '02';
}
#process-step.step-03 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '03';
}
#process-step.step-04 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '04';
}
#process-step.step-05 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '05';
}
#process-step.step-06 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '06';
}
#process-step.step-07 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '07';
}
#process-step.step-08 .wpb_column.column_container > .vc_column-inner .column-bg-layer:after {
content: '08';
}
#process-step.vsdesign-logo .wpb_column.column_container > .vc_column-inner .column-bg-layer:before {
content: '';
position: absolute;
background-size: cover;
transform: rotate(-90deg);
transform-origin: 143px 142px;
width: 288px;
height: 60px;
top: 30px;
left: 25px;
z-index: 10;
}
body.page-id-191 #process-step.vsdesign-logo .wpb_column.column_container > .vc_column-inner .column-bg-layer:before {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/03/vs_design-logo_blk.svg);
opacity: .14;
}
body.page-id-471 #process-step.vsdesign-logo .wpb_column.column_container > .vc_column-inner .column-bg-layer:before {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/03/vs_design-logo_wht.svg);
opacity: .07;
} body.page-id-192 #header-outer.transparent {
background-color: #000000 !important;
}
#galleries .gallery-item h2 {
position: relative;
display: inline;
}
#galleries .gallery-item:hover h2:after {
content: '';
position: absolute;
background-color: #ffffff;
width: 100%;
height: 2px;
bottom: -5px;
left: 0;
} body.page-id-566 .nectar-global-section.before-footer {
display: none;
}
body[data-hhun="0"].page-id-566 #header-outer[data-header-resize="0"]:not([data-transparent-header=true]) {
box-shadow: none;
}
body[data-header-resize="0"].page-id-566 .container-wrap {
padding-top: 0;
}
.gform_wrapper.gravity-theme form {
padding-top: 150px;
}
.gform_wrapper.gravity-theme form h2 {
font-weight: 900;
}
.gform_wrapper.gravity-theme form .gform_body label {
font-family: sofia-pro, sans-serif;
font-weight: 500;
font-size: 26px;
}
.ginput_container_radio .gfield_radio .gchoice input.gfield-choice-input {
display: none;
}
.ginput_container_radio .gfield_radio .gchoice {
background-color: #202226;
color: #ffffff;
width: 100%;
max-width: 100%;
text-align: center;
transition: all 0.5s ease;
opacity: 1;
}
.ginput_container_radio .gfield_radio .gchoice label {
cursor: pointer;
padding: 50px;
width: 100%;
height: 100%;
max-width: 100%;
}
.gfield:not(.radio-images) .ginput_container_radio .gfield_radio .gchoice:hover{
opacity: .75;
}
.ginput_container_radio .gfield_radio .gchoice {
margin-bottom: 30px;
position: relative;
z-index: 1;
}
form .gfield_html{
padding-bottom: 50px;
}
form {
display: flex;
flex-direction: column-reverse;
}
form .gf_progressbar_wrapper {
display: flex;
flex-direction: column-reverse;
margin-top: calc(100vw * 0.1);
}
form .gf_progressbar_wrapper .gf_progressbar_title{
text-align: right;
}
form .gf_progressbar_wrapper .gf_progressbar {
margin-bottom: 5px;
}
.gform_wrapper.gravity-theme form .gform_body .gform_page_footer {
margin: 0;
padding: 0;
}
form .gform_body .gform_page_footer input.gform_previous_button{
margin: 0;
padding: 0;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
height: 2px;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span{
display: none;
}
.gfield.radio-images .ginput_container_radio .gfield_radio .gchoice label {
padding: 10px 50px 215px;
}
.gfield.radio-images .gfield_radio .gchoice {
background-size: cover;
background-position: center;
position: relative;
}
.gfield.radio-images .gfield_radio .gchoice:before {
content: '';
position: absolute;
background-color: #202226;
opacity: .7;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
.gfield.radio-images.budget .gfield_radio .gchoice:nth-child(1) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Budget-1-min.jpg);
}
.gfield.radio-images.budget .gfield_radio .gchoice:nth-child(2) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Budget-2-min.jpg);
}
.gfield.radio-images.budget .gfield_radio .gchoice:nth-child(3) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Budget-3-min.jpg);
}
.gfield.radio-images.budget .gfield_radio .gchoice:nth-child(4) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Budget-4-min.jpg);
}
.gfield.radio-images.budget .gfield_radio .gchoice:nth-child(5) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Budget-5-min.jpg);
}
.gfield.radio-images.budget .gfield_radio .gchoice:nth-child(6) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Budget-6-min.jpg);
}
.gfield.radio-images.area .gfield_radio .gchoice:nth-child(1) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Front-Yard-min.jpg);
}
.gfield.radio-images.area .gfield_radio .gchoice:nth-child(2) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Back-yard-min.jpg);
}
.gfield.radio-images.area .gfield_radio .gchoice:nth-child(3) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Full-Property-min.jpg);
}
.gfield.radio-images.style .gfield_radio .gchoice:nth-child(1) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Modern-1-min.jpg);
}
.gfield.radio-images.style .gfield_radio .gchoice:nth-child(2) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Traditional-1-min.jpg);
}
.gfield.radio-images.style .gfield_radio .gchoice:nth-child(3) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Rustic-1-min.jpg);
}
.gfield.radio-images.style-modern .gfield_radio .gchoice:nth-child(1) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Modern-1-min.jpg);
}
.gfield.radio-images.style-modern .gfield_radio .gchoice:nth-child(2) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Modern-2-min.jpg);
}
.gfield.radio-images.style-modern .gfield_radio .gchoice:nth-child(3) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Modern-3-min.jpg);
}
.gfield.radio-images.style-traditional .gfield_radio .gchoice:nth-child(1) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Traditional-1-min.jpg);
}
.gfield.radio-images.style-traditional .gfield_radio .gchoice:nth-child(2) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Traditional-2-min.jpg);
}
.gfield.radio-images.style-traditional .gfield_radio .gchoice:nth-child(3) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Traditional-3-min.jpg);
}
.gfield.radio-images.style-rustic .gfield_radio .gchoice:nth-child(1) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Rustic-1-min.jpg);
}
.gfield.radio-images.style-rustic .gfield_radio .gchoice:nth-child(2) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Rustic-2-min.jpg);
}
.gfield.radio-images.style-rustic .gfield_radio .gchoice:nth-child(3) {
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vsdesign-form-Rustic-3-min.jpg);
}
.gform_wrapper.gravity-theme form .gform_body .checkboxes-page .gform_page_footer, .gform_wrapper.gravity-theme form .gform_body .contact-information-page .gform_page_footer {
margin-top: 50px;
}
.gfield.checkbox-images .gfield_checkbox .gchoice .image-choices-choice-image-wrap {
background-size: contain;
height: 75px;
width: 75px;
}
.gfield.checkbox-images .gfield_checkbox .image-choices-field .gchoice.image-choices-choice-selected {
border-color: #202226;
}
.gchoice.image-choices-choice.image-choices-choice-selected:before {
content: '';
position: absolute;
background-image: url(https://vsdesign.ca/wp-content/uploads/2022/05/vs-design-features-selected.svg);
background-size: cover;
top: -1px;
right: -1px;
width: 40px;
height: 40px;
}
.gfield.checkbox-images .gfield_checkbox .gchoice:hover {
background-color: #e8e8e8;
}
.gform_page.contact-information-page .gfield .gfield_label {
font-family: sofia-pro, sans-serif;
font-weight: 400;
text-transform: none !important;
font-size: 20px;
padding-bottom: 5px;
}
.contact-information-page select.gfield_select {
-webkit-appearance: none;
}
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_container_address span.ginput_left {
padding-right: 5px;
}
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
padding-left: 5px;
padding-right: 0;
}
.gform_wrapper.gravity-theme .ginput_container_address span.ginput_right {
padding-left: 5px;
}
.gform_wrapper.gravity-theme .gfield.left-half {
margin-right: -7.5px;
}
.gform_wrapper.gravity-theme .gfield.right-half {
margin-left: -7.5px;
}
form .gform_body .gform_page_footer input.button:not(.gform_previous_button) {
padding: 15px 22px!important;
border-radius: 0px;
background-color: #000000;
}
.gform_validation_errors {
display: none;
} body.portfolio-template-default.single.single-portfolio .row.project-title {
display: none;
}
body.portfolio-template-default.single.single-portfolio .bottom_controls {
margin-top: 0;
}
@media screen and (max-width: 517px) {
#Hero .hero-button.left {
margin-right: 0 !important;
}
.custom-buttons .nectar-display-inline {
display: block !important;
}
}
@media screen and (max-width: 690px) { .container {
max-width: 100% !important;
padding: 0 18px !important;
}
#projects-grid .content .n-sticky > .vc_column-inner, #projects-grid .grid > .vc_column-inner {
padding-left: 18px;
padding-right: 18px;
} #services-page .toggles .toggle.default .inner-toggle-wrap {
padding: calc(7% + 50px) 7% 7% 7%;
position: relative;
}
#services-carousel.desktop{
display: none !important;
}
#services-carousel.mobile .nectar-flickity button.flickity-button {
transform: scale(1.1);
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous, .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
top: 30%;
}
}
@media screen and (min-width: 691px) {
#services-carousel.mobile{
display: none !important;
} #services-page .toggles .toggle.default .inner-toggle-wrap .wpb_wrapper {
display: flex;
}
#services-page .toggles .toggle.default .inner-toggle-wrap .wpb_wrapper .toggle-content{
width: 50%;
padding-right: 10%;
}
#services-page .toggles .toggle.default .inner-toggle-wrap .wpb_wrapper .toggle-image {
width: 50%;
}
}
@media screen and (max-width: 999px) {
.kuula-look-around iframe, .kuula-look-around .wpb_wrapper {
max-height: 400px;
} .gfield.radio-images .gfield_radio .gchoice:before {
height: 50px;
}
.menu-item.menu-item-has-children > a {
transition: color .2s ease;
}
.menu-item.menu-item-has-children > a:before {
content: "\e60a";
font-family: icomoon!important;
position: absolute;
font-size: 16px;
top: 2px;
right: -20px;
}
}
@media screen and (min-width: 1000px) {
.kuula-look-around iframe, .kuula-look-around .wpb_wrapper {
max-height: 840px;
}
.image-grid .left .bottom > .vc_column-inner {
max-height: 515px;
} .gfield.radio-images .gfield_radio .gchoice:before {
height: 100%;
transition: all 0.5s ease;
}
.gfield.radio-images .gfield_radio .gchoice:hover:before {
height: 50px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1120px) {
}
@media screen and (min-width: 1121px) {
}#left{width:49%;float:left}#right{width:49%;float:right}.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.clearfix{display:block}@font-face{font-family:'NAME';src:url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:100}@font-face{font-family:'NAME';src:url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:300}@font-face{font-family:'NAME';src:url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:500}@font-face{font-family:'NAME';src:url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:700}@font-face{font-family:'NAME';src:url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsdesign.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:900}