@import url(https://use.typekit.net/vlj1chj.css); h1, h3, h4, h5, h6, a, p, h1 strong {
font-family: "neue-haas-unica", sans-serif;
}
.container-wrap .bold, .container-wrap b, .container-wrap strong {
font-family: "neue-haas-unica", sans-serif;
font-weight: 700;
}
h2 {
font-family: "neue-haas-unica", sans-serif;
}
.heading2 {
font-size: 32px;
line-height: 40px;
font-weight: 400;
text-transform: capitalize;
}
.heading5 {
font-size: 26px;
line-height: 40px;
font-weight: 400;
}
h5.tag-line {
color: white;
letter-spacing: 5px;
font-weight: 400;
text-transform: uppercase;
}
h1.vc_custom_heading, h2.vc_custom_heading, h3.vc_custom_heading, h4.vc_custom_heading {
color: white;
}
#header-outer #top .container {
max-width: 100%;
}
#hero-section strong, #our-locations strong, h1 strong, h2 strong {
font-family: "neue-haas-unica", sans-serif;
font-weight: 700;
}
.main-content .wpb_wrapper .wpb_text_column a {
text-decoration: underline;
}
.wpb_text_column h2, .wpb_text_column h3 {
text-transform: capitalize;
color: white;
}
.wpb_wrapper .wpb_text_column h2 {
font-size: 30px;
line-height: 40px;
}
.wpb_wrapper .wpb_text_column h3 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
} li.menu-item.menu-item-has-children.sf-with-ul ul.sub-menu {
border: none !important;
}
li.vsf-apparel a:before, #slide-out-widget-area h5.vsf-apparel-heading:before {
content: '';
position: absolute;
background-image: url(https://vsfwrap.ca/wp-content/uploads/2023/09/logo-vsf-apparel-wht.svg);
background-size: contain;
background-repeat: no-repeat;
}
li.vsf-apparel.current_page_item a:after, li.vsf-apparel a:hover:before {
opacity: .5;
} .overview-pages a:after {
content: url(http://vsfwrap.ca/wp-content/uploads/2023/03/vsf-wrap-arrow-small.svg);
position: absolute;
bottom: 15px;
right: -25px;
height: 14px;
width: 14px;
transition: all .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1);
opacity: .5;
}
.overview-pages a:hover:after {
opacity: 1;
transition: all .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1);
}
@media screen and (max-width: 690px) {
.overview-pages a:after {
bottom: 10px;
}
}
.overview-pages a {
position: relative;
} .nectar-cta.medium-arrow .link_wrap:after {
content: url(http://vsfwrap.ca/wp-content/uploads/2023/03/vsf-wrap-arrow-medium.svg);
position: absolute;
bottom: 18px;
right: -35px;
height: 18px;
width: 18px;
}
.nectar-cta.small-arrow .link_wrap:after {
content: url(http://vsfwrap.ca/wp-content/uploads/2023/03/vsf-wrap-arrow-small.svg);
position: absolute;
bottom: 15px;
right: -25px;
height: 14px;
width: 14px;
transition: all .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1);
}
.nectar-cta .link_wrap:hover:after{
opacity: .5;
transition: all .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1);
}
.nectar-cta.inverted .link_wrap:after {
opacity: .5;
}
.nectar-cta.inverted .link_wrap:hover:after {
opacity: 1;
}
.cta-heavy a.link_text {
font-weight: 700;
font-size: 26px;
line-height: 40px;
}
h2.vc_custom_heading.service-number {
font-size: 56px !important;
line-height: 74px !important;
} body [class^=icon-].icon-tiny {
font-size: 22px;
transition: all .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1);
}
a:hover .icon-tiny {
color: white;
transition: all .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1);
} .customer-logos img.img-with-animation {
opacity: .25 !important;
}
.customer-logos .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before {
box-shadow: inset 0 0 0 1px #fff;
opacity: .25;
}
.customer-logos .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before {
box-shadow: inset 0 0 0 5px #fff;
opacity: .2;
}
.customer-logos .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots {
bottom: -50px;
}
.customer-logos#desktop .wpb_column.full-width-logo {
padding-left: calc(3%/2);
padding-right: calc(3%/2);
}
.customer-logos#mobile .nectar-flickity .flickity-slider .cell .img-with-aniamtion-wrap img {
margin: 0 auto;
}
.customer-logos#mobile .nectar-flickity .flickity-slider .cell .img-with-aniamtion-wrap img.large-width {
transform: scale(1.3);
} .service-columns h2.service-number {
font-weight: 400;
} .nectar-post-grid-wrap .nectar-post-grid-filters {
padding-bottom: 50px;
position: relative;
}
.nectar-post-grid-filters a:after {
left: 10%;
width: 80%;
}
.nectar-post-grid-filters a.active {
color: white;
}
.nectar-post-grid-filters.animated-in:after {
content: '';
position: absolute;
display: block;
left: 40px;
height: 2px;
width: calc(100% - 80px);
background-color: #35373B;
bottom: 35px;
z-index: -1;
}
.nectar-post-grid-item-bg.img-loaded:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0) 40%);
z-index: 1;
}
.nectar-post-grid-filters.animated-in:after {
left: 0;
width: 100%;
}
#recent-projects .nectar-post-grid .nectar-post-grid-item .content .post-heading {
font-size: 20px;
max-width: 80%;
}
#recent-posts .nectar-post-grid .nectar-post-grid-item .content .post-heading {
font-size: 32px;
text-transform: uppercase;
} .toggles.accordion .toggle {
border-bottom: 2px solid #35373B;
}
.toggles.accordion .toggle h3.toggle-title .toggle-heading {
color: white;
font-size: 26px;
line-height: 32px;
}
.toggles.accordion .toggle h3.toggle-title i {
border: none;
} #vsf-footer .wpb_text_column h5 {
color: white;
padding-bottom: 20px;
}
#vsf-footer .wpb_text_column p strong, #slide-out-widget-area.fullscreen-split .right-side-inner .widget.widget_text strong {
font-family: "neue-haas-unica", sans-serif;
font-weight: 700;
color: white;
}
#vsf-footer.vsf-copyright .wpb_text_column p {
font-size: 16px;
}
#vsf-footer a {
color: #8a8a8a;
}
#vsf-footer a:hover {
color: white;
}
.wpb_column.force-desktop-text-align-center .vc_custom_heading {
text-align: unset !important;
} #slide-out-widget-area.fullscreen-split .right-side-inner .widget.widget_text {
margin-top: 15px;
} #our-locations h6 {
text-transform: uppercase;
}
@media screen and (max-width: 400px) {
}
@media screen and (min-width: 401px) and (max-width: 420px) {
}
@media screen and (max-width: 517px) {
}
@media screen and (max-width: 690px) {
#header-outer #top .container {
margin: 0 30px;
}
#portfolio-section .nectar-post-grid-wrap .nectar-post-grid .nectar-post-grid-item.animated-in {
width: 50%;
padding: 35px;
min-height: 20vh;
}
#portfolio-section .nectar-post-grid .nectar-post-grid-item .content {
padding: 10px;
}
#portfolio-section .nectar-post-grid-wrap .nectar-post-grid .nectar-post-grid-item h4.post-heading {
font-size: 10px;
}
#hero-section #hero-content {
min-width: calc(100% - 60px);
}
.nectar-cta.small-arrow .link_wrap:after {
bottom: 10px;
}
.nectar-post-grid-filters a:after {
bottom: -5px;
}
.customer-logos .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
margin: 50px 0 100px 0;
}
.nectar-post-grid-wrap .nectar-post-grid-filters h4 {
font-size: 20px;
line-height: 32px;
}
#slide-out-widget-area.fullscreen-split .inner>.container {
max-width: calc(100% - 60px);
left: 0px !important;
}
.nectar-cta.medium-arrow .link_wrap:after {
bottom: 12px;
}
#recent-posts .nectar-post-grid .nectar-post-grid-item .content .post-heading {
font-size: 28px;
line-height: 37px;
}
#call-to-action-box h5.vc_custom_heading{
font-size: 16px;
line-height: 26px;
} .service-columns-vsf-apparel img.vsf-apparel-service {
max-width: 75%
} #our-locations h6 {
font-size: 10px;
}
}
@media screen and (min-width: 691px) {
#portfolio-section .nectar-post-grid-wrap .nectar-post-grid .nectar-post-grid-item h4.post-heading {
font-size: 20px;
}
#portfolio-section .nectar-post-grid .nectar-post-grid-item {
min-height: 415px;
}
#portfolio-section .nectar-post-grid .nectar-post-grid-item .content {
padding: 20px 25px;
} .nectar-post-grid-wrap .nectar-post-grid-filters a {
width: 16.66% !important;
margin: 0;
text-align: center;
}
.nectar-simple-slider.sizing-aspect-ratio.aspect-16-9 {
padding-bottom: calc((9 / 21)* 100%);
}
}
@media screen and (min-width: 691px) and (max-width: 999px) {
#header-outer #top .container {
margin: 0 50px;
}
.nectar-post-grid-filters a:after {
bottom: -18px;
}
.customer-logos .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
margin: 75px 0 100px 0;
}
.nectar-post-grid-wrap .nectar-post-grid-filters h4 {
font-size: 26px;
line-height: 40px;
}
#slide-out-widget-area.fullscreen-split .inner>.container {
max-width: calc(100% - 80px);
} #vsf-clientele .column_element_direction_desktop_horizontal.el_spacing_50px > .vc_column-inner > .wpb_wrapper {
gap: 70px;
}
}
@media screen and (max-width: 999px) { #slide-out-widget-area h5.vsf-apparel-heading {
position: relative;
display: inline-block;
}
li.vsf-apparel a:before, #slide-out-widget-area h5.vsf-apparel-heading:before {
top: 0px;
right: -140px;
height: 34px;
width: 120px;
}
li.vsf-apparel a:before {
opacity: .5;
transition: all .2s ease-out;
}
li.vsf-apparel.current-menu-item a:before, li.vsf-apparel a:hover:before {
opacity: 1;
}
body #slide-out-widget-area .widget_text .vsf-apparel-link a {
color: #ffffff;
}
.customer-logos .row_col_wrap_12.col.span_12 .vc_col-sm-2.wpb_column.column_container {
padding-left: calc(100px/2);
padding-right: calc(100px/2);
padding-bottom: 50px;
}
#portfolio-section .nectar-post-grid-filters {
max-width: 100%;
}
.nectar-post-grid .nectar-post-grid-item .content .post-heading {
max-width: 100%;
}
.nectar-post-grid-wrap .nectar-post-grid-filters h4 {
padding: 0 0 0 30px;
border: none;
font-weight: 400;
}
.nectar-post-grid-filters h4:before, .nectar-post-grid-filters h4:after {
background-color: #8a8a8a;
}
.nectar-post-grid-filters h4:before {
left: 10px;
}
.nectar-post-grid-filters h4:after {
left: 3px;
}
#desktop, .desktop {
display: none;
}
.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) {
#header-outer #top .container {
margin: 0;
}
#mobile, .mobile {
display: none;
}
#portfolio-section .nectar-post-grid .nectar-post-grid-item {
width: 33.33%
}
.nectar-post-grid-filters a:after {
bottom: -17px;
} li.vsf-apparel.mobile {
display: none !important;
}
li.vsf-apparel a:before {
top: 6px;
right: 5px;
height: 30px;
width: 86px;
opacity: .5;
} .service-columns-vsf-apparel .medium-arrow.right {
margin-left: 75px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1400px) { #vsf-clientele .column_element_direction_desktop_horizontal.el_spacing_50px > .vc_column-inner > .wpb_wrapper {
gap: 35px;
}
}
@media screen and (min-width: 1400px) { #vsf-clientele .column_element_direction_desktop_horizontal.el_spacing_50px > .vc_column-inner > .wpb_wrapper {
gap: 70px;
}
}
.hide-now {
display: none;
} .wpcf7 .required {
color: #ffffff;
}
.wpcf7 .form-label {
display: flex;
padding-bottom: 20px;
}
.wpcf7 .form-label .label-title {
width: 25%;
}
.wpcf7 .form-label .label {
width: 75%;
}
.form-label .label.half {
display: flex;
}
.wpcf7 .form-label .label .left, .wpcf7 .form-label .label .right {
width: 49%;
}
.wpcf7 .form-label .label .left {
margin-right: 2%;
}
.wpcf7 .form-label .label .fancy-select-wrap {
padding: 2px 0;
}
.wpcf7 .form-label .label .fancy-select-wrap a.select2-choice, select {
border-radius: 0;
}
.wpcf7 .form-label .label input, .wpcf7 .form-label .label textarea {
border-radius: 0 !important;
color: #000000;
}
.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
border: 2px solid #35373b;
}
#contact-us input.wpcf7-form-control.wpcf7-submit {
float: right;
background-color: transparent !important;
font-size: 26px;
line-height: 40px;
font-weight: 400;
padding: 0 35px 0 0 !important;
}
#contact-us form > p:after {
content: url(http://vsfwrap.ca/wp-content/uploads/2023/03/vsf-wrap-arrow-medium.svg);
position: absolute;
bottom: 18px;
right: 0px;
height: 18px;
width: 18px;
}
.wpcf7 .form-label .label input, .wpcf7 .form-label .label textarea {
color: #fff;
}
.wpcf7-form .wpcf7-not-valid-tip {
color: #000;
} body.error404 #error-404 a.nectar-button {
color: black;
}#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(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:100}@font-face{font-family:'NAME';src:url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:300}@font-face{font-family:'NAME';src:url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:500}@font-face{font-family:'NAME';src:url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:700}@font-face{font-family:'NAME';src:url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff2"),url(//vsfwrap.ca/wp-content/themes/salient-child/fonts/) format("woff");font-weight:900}