@import url(https://use.typekit.net/low7hsv.css);
:root {
--sofia-light: 300 16px sofia-pro, sans-serif;
--sofia-regular: 400 16px sofia-pro, sans-serif;
--sofia-regular-italic: italic 400 16px sofia-pro, sans-serif;
--sofia-bold: 700 16px sofia-pro, sans-serif;
}
* {
font: var(--sofia-regular);
color: #212b36;
}   * { --body-font:var(--sofia-regular);
--header-font:var(--sofia-regular); --responsive: calc((var(--min-font) * 1rem) + (var(--max-font) - var(--min-font)) * ((100vw - 420px) / (1400 - 420))); }
h1, .h1 { --max-font: 3.375;
--min-font: 3;
font-family: var(--header-font);
font-size: var(--responsive);
}
h2, .h2 { --max-font: 2.5;
--min-font: 2.25;
font-family: var(--header-font);
font-size: var(--responsive); font-size: 2rem;
line-height: 1.2;
font-weight: 400;
margin: 0 0 .5em 0;
}
h3, .h3 { --max-font: 1.8755;
--min-font: 1.7;
font-family: var(--header-font);
font-size: var(--responsive);
}
h4, .h4 { --max-font: 1.75;
--min-font: 1.5;
font-family: var(--header-font);
font-size: var(--responsive);
}
h5, .h5 {
--max-font: 1.65;
--min-font: 1.45;
font-family: var(--header-font);
font-size: var(--responsive);
} h6, .h6 {
--max-font: 1.5;
--min-font: 1.25;
font-family: var(--header-font);
font-size: var(--responsive);
}
p {
font-family: sans-serif;  --max-font: 1.25;
--min-font: 1;
font-family: var(--body-font);
font-size: var(--responsive);
}
@media (min-width: 1400px) {
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
p {
font-size: calc(var(--max-font) * 1rem);
}
}
@media (max-width: 420px) {
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
p {
font-size: calc(var(--min-font) * 1rem);
}
}
:root {
--theme: #ffff00; --theme_black: #212b36; --secondary: #f83f5b;  --theme_not-white: rgba(252, 252, 252, 1);
--theme_grey: #333333;
--theme_mid-grey: rgba(125, 125, 125, 1);
--theme_dark-grey: rgba(46, 46, 46, 1); --trans_lr_fadein: all 0.4s ease-out;
--trans_lr_fadeout: all 0.2s ease-out;
--white-90: hsla(0,0%,100%,.9); --max-width:72rem;
--col-width:calc((72rem - 11rem) / 12);
--col-gap:1rem;  --actual-100w: calc(100vw - (100vw - 100%)); --actual-50w: calc(var(--actual-100w) / 2); } a > * {text-decoration: none !important;}
a:hover > * {text-decoration: none !important;}
a:active > * {text-decoration: none !important;}
a:focus > * {text-decoration: none !important;}
a:-webkit-any-link, a:any-link  {text-decoration: none !important;} [class*="--list"] li {display: inline-block;}
[class*="--list"] a {
color:var(--theme_black);
position: relative;
}
[class*="--list"] a:hover span {
color:var(--secondary);
}
[class*="--list"] a:after {
content: "";
margin: auto;
width: 10%;
height: 2px;
bottom: -4px;
position: absolute;
left: 0;
opacity: 0;
background: #212b36;
transition: all 0.15s ease-in;
box-shadow: 0 1px 3px rgba(248,63,91,0.04), 0 1px 2px rgba(248,63,91,0.04);
}
[class*="--list"] a:hover:after {
background: #f83f5b;
color: #f83f5b;
color: #212b36;
opacity: 1;
width: 100%;
} [class*="--button"]{
display: inline-block;
position: relative;
z-index: 100;
box-shadow: none;
text-transform: uppercase;
-moz-user-select: "none";
-ms-user-select: "none";
-webkit-user-select: "none";
user-select: "none";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.5;
transition: all 0.15s ease;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border-radius: 0px;
cursor: pointer; font-family: "sofia-pro",sans-serif;
}
[class*="--button"]:hover {  }
header, .header {}
main, .main {
display: block;
}
section,
[class*="--sect"]
{
display: block;
} header, main, section,
[class*="--sect"] {
*zoom: 1;
}
header::before, main::before, section::before,
header::after, main::after, section::after,
[class*="--sect"]::before,
[class*="--sect"]::after {
content: " ";
display: table;
}
article {}
img {}
[class*="--wrap"],
[class*="--sect"],
[class*="--content"],
[class*="--items"],
[class*="--item"],
[class*="--row"],
[class*="--col"],
[class*="--text"],
[class*="--img"],
[class*="--button"]
{
}
footer {}
.header {}
.header--content-wrap{}
.header--content {}
.logo--wrap {}
.logo--link {}
.logo {}
.nav--wrap{}
.navigation {}
.nav--content{}
.menu{}
ul.menu--items {}
.menu--item_link {}
.header {
display: block;
margin: 0;
padding: 0;
width: 100vw;
position: fixed;
z-index: 1000;
vertical-align: baseline;
text-align: center;
transition: all 0.2s ease-in-out;
}
.header ul {list-style: none}
.header.scrolled {
box-shadow: 0 4px 2px -2px gray;
transition: all 0.2s ease-in-out;
}
.header--wrap {
position: absolute;
top: auto;
width: 100%;
color: inherit;
}
.header--content {
position: relative;
line-height: 1;
z-index: 99; }
.scrolled .header--content_wrap {
background-color: #fff;
padding: 10px 14px;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
-o-transition: all .15s ease-out;
transition: all .15s ease-out;
}
.header--content_wrap {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
top: 0;
left: 0;
bottom: 0; padding: 12px 14px;
min-height: 46px; z-index: 1;
position: relative; -webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
@media only screen and (min-width: 48.1rem){
.scrolled .header--content_wrap {
padding: 12px 60px;
}
.header--content_wrap {
padding: 44px 60px;
}
}
.logo--wrap {}
.logo  {
display: block;
width: 180px;
max-width: 100%;
max-height: 200px;
height: auto;
object-fit: contain;
}
.nav--wrap {
display: inline-block;
position: relative;
margin: 0 auto;
}
.mob_icon {
display: none;
}
@media only screen and (max-width: 48rem){
.nav--wrap { position: absolute;
top: 0;
left: 0;
margin-top:50px;
opacity: 0;
width: var(--actual-100w);
height:0;
line-height: 0;
transition: all 0.15s ease-in;
}
.nav-icon {
display: none;
}
.mob_icon {
display: block;
}
.mob_menu--open ul li{
margin-top: 5vh;
}
.mob_menu--open .mob_icon,
.header .mob_menu--open .icon,
.mob_menu--open ul li a:last-of-type{
width: 40px;
height: 40px;
margin: 0 auto;
}
.nav--wrap.mob_menu--open{ opacity: 1;
margin-top:50px;
padding: 2rem 0;
background-color: #fff;
position: absolute;
top: 0;
left: 0; width: var(--actual-100w);
height: 100vh;
line-height: 2;
transition: all 0.15s ease-in;
}
.mob_menu--open ul li a{ font-size: 24px;
line-height: 2;
}
}
@media only screen and (min-width: 48.1rem){
.menu--item {
display: inline-block;
padding: 14px 5px 11px 5px;
margin: 10px;
text-transform: uppercase;
}
}
.menu--item_link:hover {
color:#000;
}
.nav-icon {
align-items: center;
font-size: 20px;
}
@media only screen and (min-width: 48.1rem){
.nav-icon {
display: flex;
}
.nav-icon.mob_icon {
display: none;
}
}
.header .icon {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.header .icon g {
fill:var(--theme_black);
}
.header a:hover .icon g {
fill:var(--secondary);
}
.medium-up--hide {
display: block !important;
}
@media only screen and (min-width: 48.1rem){
.medium-up--hide {
display: none !important;
}
.navigation { }
}
a.toggle-menus {
-webkit-transition: right 0.4s ease-in-out;
-moz-transition: right 0.4s ease-in-out;
-ms-transition: right 0.4s ease-in-out;
-o-transition: right 0.4s ease-in-out;
transition: right 0.4s ease-in-out;
}
@media only screen and (max-width: 48rem){
a.toggle-menus {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 48px;
transform: rotate(0deg);
cursor: pointer;
overflow: hidden;
z-index: 9999;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines {
display: block;
position: absolute;
top: 50%;
right: 7px;
margin: -12px 0 0;
width: 34px;
height: 24px;
transition: .5s ease-in-out;
}
}
.visually-hidden {
display: none;
opacity: 0;
visibility: hidden;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(2) {
left: calc(50% - 7px);
top: 9px;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(2),
a.toggle-menus--open span:nth-child(5) {
transform: rotate(-45deg);
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span {
background: #000;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines span {
display: block;
position: absolute;
height: 3px;
width: 50%;
background: #000;
opacity: 1;
transform: rotate(0deg);
transition: .25s ease-in-out;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines span:nth-child(even) {
left: calc(50% - 7px);
border-radius: 0 3px 3px 0;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines span:nth-child(odd) {
left: 7px;
border-radius: 3px 0 0 3px;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines span:nth-child(1),
.toggle-menus-lines span:nth-child(2) {
top: 3px;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines span:nth-child(3),
.toggle-menus-lines span:nth-child(4) {
top: 10px;
}
}
@media only screen and (max-width: 48rem){
.toggle-menus-lines span:nth-child(5),
.toggle-menus-lines span:nth-child(6) {
top: 17px;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(1) {
left: 7px;
top: 9px;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(2) {
left: calc(50% - 7px);
top: 9px;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(3),
a.toggle-menus--open span:nth-child(4) {
opacity: 0;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(5) {
left: 7px;
top: 12px;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(6) {
left: calc(50% - 7px);
top: 12px;
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(2),
a.toggle-menus--open span:nth-child(5) {
transform: rotate(-45deg);
}
}
@media only screen and (max-width: 48rem){
a.toggle-menus--open span:nth-child(1),
a.toggle-menus--open span:nth-child(6) {
transform: rotate(45deg);
}
}
.hero--sect {}
.hero--content {}
.hero--content_wrap{}
.hero--content_bg_img {}
.hero--content_shout {}
.hero--content_shout_wrap {}
.hero--content_shout_h1 {}
.hero--content_shout--button{}
.hero--sect {
display: block;
margin-top: 60px;
}
@media screen and (min-width:48.1rem){
.hero--sect {
margin-top: 0;
}
}
.hero--content_wrap {
display: flex;
position: relative;
}
.hero--content_bg_img {
background-color:#febac7;
width:var(--actual-100w);
min-height:100vw;
background-image: url(//finishingtouchflawless.com.au/wp-content/themes/storefront-child/images/hero.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
@media screen and (min-width:32.1rem){
.hero--content_bg_img {
width:var(--actual-100w);
min-height:50vh;
}
}
@media screen and (min-width:48.1rem){
.hero--content_bg_img {
width:var(--actual-100w);
height:95vh;
}
}
.hero--content_shout{
display: block;
position: absolute;
top: 60%;
width: 50%;
max-width: 90vw;
margin: 0 1rem; transform: translateY(-50%);
}
@media screen and (min-width:48.1rem){
.hero--content_shout{
top: 60%;
width: 50%;
max-width: 600px;
margin: 0 60px;
padding: 60px;
transform: translateY(-50%);
}
}
.hero--content_shout_h1 { --max-font: 2.5;
--min-font: 2;
font-family: var(--header-font);
font-size: var(--responsive);
}
@media screen and (min-width:48.1rem){
.hero--content_shout_h1 { --max-font: 3.375;
--min-font: 3;
}
}
.hero--content_shout--button{
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 2px;
padding: 16px 78px; color: var(--theme_black);
border-color: var(--theme_black);
border: solid 2px var(--theme_black);
background-color: rgba(254, 186, 199, 0.6);
}
.hero--content_shout--button:hover {
color: #febac7; border-color: rgba(33, 43, 54, 0);
border: solid 2px rgba(33, 43, 54, 0);
background-color: var(--theme_black);
}
#collection--list
.collection_list--sect {}
.sect--wrap {}
.collection--items {}
.collection--item {}
.collection--item_wrap{}
.collection--row {}
.collection--col {}
.collection--item_link {}
.collection--item_img {}
.collection--row {}
.collection--item_info{}
.collection--item_info_link{}
.collection--item_info_h3 {}
[class*="--col"] { }
[class*="--row"] { }
#collection--list {
--items-per-row:1
}
@media screen and (min-width:36em){ #collection--list { --items-per-row:2
}
}
@media screen and (min-width:48.1em){ #collection--list { --items-per-row:3
}
}
#collection--list [class*="--items"]{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
}
#collection--list [class|="--item"],
#collection--list .collection--item {
margin:0px;
width:calc(var(--actual-100w) / var(--items-per-row));
}
@media screen and (min-width:36rem){
#collection--list > [class|="--item"],
#collection--list .collection--item {
width:calc(var(--actual-100w) / var(--items-per-row));
}
}
@media screen and (min-width:48.1rem){
#collection--list > [class|="--item"],
#collection--list .collection--item {
width:calc(var(--actual-100w) / var(--items-per-row));
}
}
.collection--img_wrap {
width:calc(var(--actual-100w) / var(--items-per-row));
height: calc(100vw);
background-color: white;
}
@media screen and (min-width:32rem){
.collection--img_wrap {
width:calc(100vw / var(--items-per-row));
height: calc(100vw * .5 ) ;
}
}
@media screen and (min-width:48.1rem){
.collection--img_wrap {
width:calc(100vw / var(--items-per-row));
height: calc(100vh * 0.66);
}
}
.collection--item_img {
object-fit: contain;   top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.collection--row {}
.collection--item_info{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
height: 70px;
overflow: hidden;
}
.collection--item_info_link {
color: #212b36;
}
.collection--item_info_h3 {
color: #212b36;
margin: 0;
font-size: 18px;
line-height: 1.4;
}
@media screen and (max-width:48rem){
.collection--item_img {
object-fit: cover;
}
.collection--img_wrap {
max-height: 140px;
}
.collection--item_info {
height: auto
}
}  @media screen and (min-width:80rem){
}
#image_text
.image_text--sect {}
.sect--wrap {}
.image_text--items {}
.image_text--item {}
.image_text--item_wrap{}
.image_text--col {}
.image_text--text_wrap {}
.image_text--text {}
.image_text--text_h3 {}
.image_text--text_p {}
.image_text--button {}
.image_text--col {}
.image_text--img_wrap{}
.image_text--img{}
[class*="--col"] { }
#image_text, #image_text_02,
.image_text--sect {
--items-per-row:1
}
@media(min-width:36em){ #image_text, #image_text_02,
.image_text--sect {
--items-per-row:2
}
}
@media screen and (min-width:48.1rem){ #image_text, #image_text_02,
.image_text--sect { }
}
.image_text--item_wrap{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
}
.image_text--col{
margin-top:0px;
width:calc( var(--actual-100w) / var(--items-per-row));
margin-right:0
}
@media screen and (min-width:48.1rem){
.image_text--col {
width:calc( var(--actual-100w) / var(--items-per-row));
}
}
.image_text--col_wrap {
width: 100%;
}
.image_text--img_wrap {
width: calc(var(--actual-100w));
height: calc(100vw);
max-height: 66vw;
}
@media screen and (min-width:48.1rem){
.image_text--img_wrap {
width:calc( var(--actual-100w));
height: calc(100vh*.66);
}
}
.image_text--img {
object-fit: cover;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.image_text--text_col {
}
.image_text--item_wrap{
display: flex;
align-items: stretch !important;
height: 100%;
}
.image_text--col  {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.image_text--text_wrap {
max-width: 600px;
margin: 0 auto;
padding: 50px;
text-align: center;
}
.image_text--text {
}
.image_text--text_h2 {}
.image_text--text_h3 {}
.image_text--text_p {
margin-bottom: 40px;
}
.image_text--text p {
margin-bottom: 40px;
}
.image_text--button {
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 2px;
padding: 16px 78px; transition: all .2s ease; color: #fff;
border-color: #fff;
border: solid 2px #fff;
background-color: var(--secondary);
}
@media only screen and (max-width: 48rem){
.image_text--button {
padding: 16px 18px;
}
}
.image_text--button:hover { background: rgba(248, 63, 91, .9);
}  @media(min-width:80rem){
}
#quote
.quote--sect {}
.sect--wrap {}
.quote--items {}
.quote--item {}
.quote--item_wrap{}
.quote--col {}
.quote--text_wrap {}
.quote--text {}
.quote--text_h3 {}
.quote--author {}
.quote--button {}
.quote--col {}
.quote--img_wrap{}
.quote--img{}
[class*="--col"] { }
#quote, #quote_02,
.quote--sect {
--items-per-row:1
}
@media(min-width:36em){ #quote, #quote_02,
.quote--sect {
--items-per-row:1
}
}
@media(min-width:48em){ #quote, #quote_02,
.quote--sect {
--items-per-row:2
}
}
.quote--item_wrap{
display: flex;
justify-content: center;
align-items: center;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
}
.quote--col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin: 0;
width:calc( var(--actual-100w) / var(--items-per-row));
}
.quote--col:first-of-type {
order: 2;
}
.quote--col:last-of-type {
order: 1;
}
@media only screen and (min-width: 48rem){
.quote--col {
width:calc(var(--actual-100w) / var(--items-per-row));
}
.quote--col:first-of-type {
order: 1;
}
.quote--col:last-of-type {
order: 2;
}
}
.quote--text_wrap { margin: 0 auto;
padding: 50px;
text-align: center;
display: flex;
align-items: center; }
.quote--text {
width: 100%; text-align: center;
padding: 15px 15px;
margin: 0;
}
@media only screen and (min-width: 48rem){
.quote--text { }
}
.quote--col_wrap,
.quote--img_wrap {
width: var(--actual-100w);
height: calc(100vh*.66);
}
.quote--img {
object-fit: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 48rem){
.quote--col_wrap, .quote--img_wrap. .quote_img {
width: var(--actual-100w);
}
}
.quote--text blockquote {
margin-bottom: 40px;
padding-left: 5vw;
padding-right: 5vw;
}
.quote--text_wrap {
width: 100%;
padding: 40px 15px;
}
@media only screen and (min-width: 48rem){
.quote--text blockquote {
border: 0;
margin: 0 0 71px;
font-size: 22px;
line-height: 1.73;
padding: 0 100px;
min-width: calc(50vw - 230px);
}
}
.quote--text blockquote q {
quotes: none;
font-style: italic;
display: block;
position: relative;
}
.quote--text q:before {
bottom: 100%;
right: 100%;
content: '“';
line-height: 0;
}
@media only screen and (min-width: 48rem){
.quote--text q:after {
top: 100%;
left: 90%;
content: '”';
line-height: 1;
}
}
.quote--text q:after {
top: 100%;
left: 100%;
content: '”';
line-height: 1;
}
.quote--text q:before,
.quote--text q:after {
position: absolute;
color: #E6E6E6;
font-size: 100px;
}
.quote--author {
font-size: 1rem;
position: relative;
margin-bottom: 78px;
padding-left: 0;
position: relative;
display: inline-block;
font-weight: 700;
}  @media(min-width:80rem){
}
#insta_sect
.insta_sect--sect {}
.sect--wrap {}
.insta_sect--items {}
.insta_sect--item {}
.insta_sect--item_wrap{}
.insta_sect--row {}
.insta_sect--col {}
.insta_sect--item_link {}
.insta_sect--img_wrap {}
.insta_sect--item_img {}
[class*="--col"] { }
#insta_sect {
--items-per-row:1
}
@media(min-width:36rem){ #insta_sect {
--items-per-row:2
}
}
@media(min-width:48.1rem){ #insta_sect {
--items-per-row:4
}
}
#insta_sect [class*="--items"]{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
} #insta_sect [class|="--items"]{
margin-bottom:1rem;
margin-top:0px;
width:calc(100%/var(--items-per-row));
margin-right:0
}
@media(min-width:768px){ #insta_sect [class*="--items"] > [class*="--item"]{
width:calc(100%/var(--items-per-row));
} .section-name [class*="--items"] > [class*="--item"]:nth-of-type(4n+1) {
margin-right:0;
}
}
.full-width {
width: 100vw;
}
.insta_sect--header_h2 a {
text-align: center;
margin: 0;
padding: 40px 0;
font-weight: 400;
font-size: 2rem;
line-height: 1.2;
display: block;
}
.insta_sect--header_h2 a:hover {
color:var(--secondary);
}
.insta_sect--header_h2 .icon {
width: 36px;
height: auto;
display: inline-block;
vertical-align: middle;
}
.insta_sect--header_h2 .icon g {
fill:var(--theme_black);
}
.insta_sect--header_h2 a:hover .icon g {
fill:var(--secondary);
}
.insta_sect--img_wrap {
width:calc(100vw/var(--items-per-row));
height: calc(100vw/var(--items-per-row));
}
.insta_sect--item_img {
object-fit: cover;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}  @media(min-width:80rem){
}
#products--list
.products_list--sect {}
.sect--wrap {}
.products--nav {}
.products--list {}
ul {}
li {}
.products--items {}
.products--item {}
.products--item_wrap{}
.products--row {}
.products--col {}
.products--item_link {}
.products--item_img {}
.products--row {}
.products--item_info{}
.products--item_info_link{}
.products--nav {
margin-top: 80px;
margin-bottom: 5px;
}
@media screen and (min-width:48.1em){
.products--nav {
margin-top: 140px;
margin-bottom: 5px;
}
}
.products--list {
display: block;
}
.products--row {
display: block;
}
.products--list li {
display: inline-block;
margin-bottom: 0;
}
.products--list a {
display: inline-block;
padding: 5px 0;
margin: 5px 25px;
text-transform: uppercase;
font-size: 12px;
}
@media (min-width: 769px){
.products--list {
padding-left: 35px;
}
}
#products--list {
--items-per-row:1
}
@media screen and (min-width:36em){ #products--list {
--items-per-row:2
}
}
@media screen and (min-width:48em){ #products--list { --items-per-row:3
}
}
#products--list [class*="--items"]{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
}
#products--list [class|="--item"],
#products--list .products--item {
margin:0px;
width:calc(var(--actual-100w) / var(--items-per-row));
}
@media screen and (min-width:48.1rem){
#products--list > [class|="--item"]
#products--list .products--item{
width:calc(var(--actual-100w) / var(--items-per-row));
}
}
.products--img_wrap {
width:calc(var(--actual-100w) / var(--items-per-row));
height: calc(100vw);
}
@media screen and (min-width:32rem){
.products--img_wrap {
width:100%;
height: calc(100vh * 0.5);
}
}
@media screen and (min-width:48.1rem){
.products--img_wrap {
width:100%;
height: calc(100vh * 0.66);
}
}
.products--item_img {
object-fit: contain;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.products--item_info_link {}
.products--row {
width:100%;
}
.products--item_info{}
.products--item_info {
padding: 20px;
padding-bottom: 60px;
text-align: center;
position: relative;
}
.products--item_info_h3 {
font-weight: normal;
font-size: 18px;
line-height: 1.4;
margin: 30px 0;
text-align: center;
color: #212b36;
display: block;
}
.products--item_info_h3_span {
text-transform: uppercase;
display: inline-block;
position: relative;
color: #212b36;
font-size: 14px;
letter-spacing: 1.5px;
font-weight: 600;
}
.products--item_info_h3_span:hover {
color: #212b36;
}
.products--item_info_h3_span:after {
position: absolute;
content: '';
bottom: -10px;
left: 0;
right: 0;
border-bottom: 1px solid #000;
}  @media screen and (min-width:80rem){
}
#related--list
.related_list--sect {}
.sect--wrap {}
.related--nav {}
.related--list {}
ul {}
li {}
.related--items {}
.related--item {}
.related--item_wrap{}
.related--row {}
.related--col {}
.related--item_link {}
.related--item_img {}
.related--row {}
.related--item_info{}
.related--item_info_link{}
.related--nav {
margin-top: 140px;
}
.related--list {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.related--list li {
display: inline-block;
margin-bottom: 0;
}
@media (min-width: 769px){
.related--list {
padding-left: 35px;
}
}
#related--list {
--items-per-row:1
}
@media screen and (min-width:36em){ #related--list {
--items-per-row:2
}
}
@media screen and (min-width:48.1em){ #related--list { --items-per-row:4
}
}
.full-width {
width: 100vw;
}
.related--header_h2 {
text-align: center;
margin: 0;
padding: 40px 0;
font-weight: 400;
font-size: 2rem;
line-height: 1.2;
display: block;
}
#related--list [class*="--items"]{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
}
#related--list [class|="--item"]{
margin:0px;
width:calc(100%/var(--items-per-row));
}
@media screen and (min-width:768px){
#related--list > [class|="--item"]{
width:calc(100%/var(--items-per-row));
}
}
.related--img_wrap {
width:calc(var(--actual-100w) / var(--items-per-row));
height: calc(100vw);
}
@media screen and (min-width:768px){
.related--img_wrap {
width:calc(100vw / var(--items-per-row));
height: calc(100vh * 0.25);
}
}
.related--item_img {
object-fit: contain;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.related--item_info_link {}
.related--row {}
.related--item_info{}
.related--item_info {
padding: 20px;
padding-bottom: 60px;
text-align: center;
position: relative;
}
.related--item_info_h3 {
font-weight: normal;
font-size: 18px;
line-height: 1.4;
margin: 30px 0;
text-align: center;
color: #212b36;
display: block;
}
.related--item_info_h3_span {
text-transform: uppercase;
display: inline-block;
position: relative;
color: #212b36;
font-size: 14px;
letter-spacing: 1.5px;
font-weight: 600;
}
.related--item_info_h3_span:hover {
color: #212b36;
}
.related--item_info_h3_span:after {
position: absolute;
content: '';
bottom: -10px;
left: 0;
right: 0;
border-bottom: 1px solid #000;
}  @media screen and (min-width:80rem){
} .related--item {
width: 33vw;
}	
@media only screen and (max-width: 48rem){
.related--img_wrap {
max-height: 140px;
}
.related--item {
float: left;
width: 33vw;
}	
}
#single
.single--sect {}
.sect--wrap {}
.single--items {}
.single--item {}
.single--item_wrap{}
.single--col {}
.single--text_wrap {}
.single--text {}
.single--text_h3 {}
.single--text_p {}
.single--button {}
.single--col {}
.single--img_wrap{}
.single--img{}
[class*="--col"] { }
#single, #single_02,
.single--sect {
--items-per-row:1
}
@media(min-width:36em){ #single, #single_02,
.single--sect {
--items-per-row:2
}
}
@media(min-width:48em){ #single, #single_02,
.single--sect { }
}
.single--item_wrap{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
}
.single--col{
margin-top:0px;
width:var(--items-per-row);
margin-right:0
}
@media screen and (min-width:48.1rem){
.single--col {
width:calc(100%/var(--items-per-row));
}
}
.single--col_wrap {
width: 100%;
}
.single--img_wrap {
width:var(--items-per-row);
height: calc(100vw*.5);
}
@media screen and (min-width:32rem){
.single--img_wrap {
height: calc(100vw*.5);
}
}
@media screen and (min-width:48.1rem){
.single--img_wrap {
width:calc(100vw/var(--items-per-row));
height: calc(100vh*.66);
}
}
.single--img {
object-fit: contain;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.single--text_col {
}
.single--item_wrap{
display: flex;
align-items: stretch !important;
height: 100%;
}
.single--col  {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
text-align: left;
}
.single--text_wrap {
max-width: 600px;
margin: 0 auto;
padding: 50px; }
@media screen and (min-width:48.1rem){
.single--text_wrap {
padding-top: 0;
}
}
.single--text { }
h1.single--text_h1 {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 2.5rem;
line-height: 1.1; }
.single--text_h3 {}
.single--text_p {
margin-bottom: 40px; }
.single--tab {
text-transform: uppercase;
list-style: none;
display: inline-block;
position: relative;
font-size: 1rem;
border-bottom: 2px solid #000;
background: none;
color: #212b36;
padding: 10px 0px;
margin: 0rem 3rem 0rem 0rem;
font-weight: 400;
cursor: pointer;
vertical-align: bottom;
}
.single--tab_content{
padding: 15px 15px 15px 0px;
min-height: 6rem;
}
.single--tab_content ul {
list-style: disc outside;
margin: 0 0 25px 25px;
}
.single--sellers_h3{
font-size: 24px;
}
.single--seller_grid {}
.single--text_p {}
.single--seller_logo_img {
width: 15%;
display: inline-block;
margin-right: 2rem
}
.single--add_on_product {
margin-top: 75px;
}
.single--add_on_product_wrap {
margin-left: 2rem;
width: 55%;
display: inline-block;
}
.single--add_on_product_h4 {
margin-top: 0;
}
.single--add_on_product_img_wrap {
width: 10vw;
height: 100%;
display: block;
float: left;
}
.single--add_on_product_img {
object-fit: contain;
width: 100%;
height: 100%;  margin-right: 2rem;
margin-bottom: 2rem
}
.single--button {
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 2px;
padding: 16px 78px; transition: all .2s ease; color: #fff;
border-color: #fff;
border: solid 2px #fff;
background-color: var(--secondary);
}
.single--button:hover { background: rgba(248, 63, 91, .9);
}  @media(min-width:80rem){
}
.vid_hero--sect {}
.vid_hero--content {}
.vid_hero--content_wrap{}
.vid_hero--content_bg_img {}
.vid_hero--content_shout {}
.vid_hero--content_shout_wrap {}
.vid_hero--content_shout_h1 {}
.vid_hero--content_shout--button{}
.vid_hero--sect {
display: block;
margin-top: 60px;
}
.vid_hero--content_wrap {
display: flex;
position: relative;
}
@media screen and (min-width:48.1rem){
.vid_hero--sect {
margin-top: 0;
}
}
.vid_hero--content_bg_img {
background-color:#b1bec4;
width:var(--actual-100w);
height:50vw;
background-image: url(//finishingtouchflawless.com.au/wp-content/themes/storefront-child/images/vid_hero.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-width:36.1rem){
.vid_hero--content_bg_img {
width:var(--actual-100w);
min-height:50vh;
}
}
@media screen and (min-width:48.1rem){
.vid_hero--content_bg_img {
width:var(--actual-100w);
height:95vh;
background-position: center 40%;
}
}
.vid_hero--content_shout{
display: block;
position: absolute;
top: 60%; width: 50%;
max-width: 600px; margin: 0 60px;
padding: 60px; transform: translateY(-50%);
}
#video--list
.video_list--sect {}
.sect--wrap {}
.video--items {}
.video--item {}
.video--item_wrap{}
.video--row {}
.video--col {}
.video--item_link {}
.video--item_vid {}
.video--row {}
.video--item_info{}
.video--item_info_link{}
.video--item_info_h3 {}
#video--list .sect--wrap {margin: 0 30px;}
#video--list article{
-ms-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
}
.vid--nav {
margin: 42px 0;
}
.vid_nav--list {
display: block;
text-align: center;
}
.vid_nav--list li {
display: inline-block;
padding: 5px 0;
margin: 5px 20px;
}
[class*="--col"] { }
[class*="--row"] { }
#video--list {
--items-per-row:1
}
@media screen and (min-width:36em){ #video--list {
--items-per-row:2
}
}
@media screen and (min-width:48em){ #video--list {
--items-per-row:3;
}
}
#video--list [class*="--items"]
#video--list .video--items {
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: calc(100%);
} #video--list [class|="--item"],
#video--list .video--item {
float: left; width:calc(100%);
}
@media screen and (min-width:48rem){
#video--list > [class|="--item"],
#video--list .video--item {
width: calc(var(--actual-100w) / var(--items-per-row) - 20px);
margin-bottom: 30px;
margin-left: 30px;
padding: 0;
} #video--list > [class|="--item"]:nth-of-type(3n+1),
#video--list .video--item:nth-of-type(3n+1)  {
margin-left: 0;
padding-left: 0px;
}
}
.video--vid_wrap {
background-color: #f2f2f2;
}
.video--item_vid {
object-fit: cover;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.video--row {}
.video--item_info{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
height: 70px;
overflow: hidden;
}
.video--item_info_link {
color: #212b36;
}
.video--item_info_h3 {
color: #212b36;
margin: 0;
font-size: 18px;
line-height: 1.4;
}  @media screen and (min-width:80rem){
}
.story_hero--sect {}
.story_hero--content {}
.story_hero--content_wrap{}
.story_hero--content_bg_img {}
.story_hero--content_shout {}
.story_hero--content_shout_wrap {}
.story_hero--content_shout_h1 {}
.story_hero--content_shout--button{}
.story_hero--sect {
display: block;
margin-top: 60px;
}
@media screen and (min-width:48.1rem){
.story_hero--sect {
margin-top: 0;
}
}
.story_hero--content_wrap {
display: flex;
position: relative;
}
.story_hero--content_bg_img {
background-color:#fefefe;
width:var(--actual-100w);
min-height:50vw;
background-image: url(//finishingtouchflawless.com.au/wp-content/themes/storefront-child/images/story.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 48rem){
.story_hero--content_bg_img {
background-color:#fefefe;
width:100vw;
height:95vh;
background-size: 110%;
background-position: center 24%;
}
}
.story_hero--content_shout{
display: block;
position: absolute;
top: 56%;  width: 100%;  margin: auto 0;
padding: 60px; transform: translateY(-50%);
}
.story_hero--content_shout_h1 {
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
font-size: 1.5em;
}
@media only screen and (max-width: 48.1rem){
.story_hero {
font-size: 2.5em;
}
.story_hero--content_shout_h5{
font-size: 1.5rem;
margin: 0 0 0.75em;
}
}
.story_hero--content_shout_h5{
text-transform: none;
letter-spacing: 0px;
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.4;
text-align: center;
}
#collection_type--list
.collection_type--sect {}
.sect--wrap {}
.collection_type--nav {}
.collection_type--list {}
ul {}
li {}
.collection_type--items {}
.collection_type--item {}
.collection_type--item_wrap{}
.collection_type--row {}
.collection_type--col {}
.collection_type--item_link {}
.collection_type--item_img {}
.collection_type--row {}
.collection_type--item_info{}
.collection_type--item_info_link{}
.collection_type--nav {
margin-top:5px;
margin-bottom: 5px;
}
.collection_type--list {
display: block;
}
.collection_type--list li {
display: inline-block;
margin-bottom: 0;
}
.collection_type--list a {
display: inline-block;
padding: 5px 0;
margin: 5px 25px;
text-transform: uppercase;
font-size: 12px;
}
@media (min-width: 769px){
.collection_type--list {
padding-left: 35px;
}
}
#collection_type--list {
--items-per-row:1
}
@media screen and (min-width:36em){ #collection_type--list {
--items-per-row:2
}
}
@media screen and (min-width:48em){ #collection_type--list { --items-per-row:3
}
}
.full-width {
width: 100vw;
}
.collection_type--header_h2 {
text-align: center;
margin: 0;
padding: 40px 0;
font-weight: 400;
font-size: 2rem;
line-height: 1.2;
display: block;
}
#collection_type--list [class*="--items"]{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
max-width: 100vw;
margin: 0;
width: 100%;
} #collection_type--list [class|="--item"]{
margin:0px;
width: calc(var(--actual-100w) / var(--items-per-row));
}
@media screen and (min-width:768px){
#collection_type--list > [class|="--item"]{
width:calc(100%/var(--items-per-row));
}
}
.collection_type--img_wrap {
width:calc(var(--actual-100w) / var(--items-per-row));
height: calc(100vw);
}
@media screen and (min-width:768px){
.collection_type--img_wrap {
width:calc(100vw / var(--items-per-row));
height: calc(100vh * 0.66);
}
}
.collection_type--item_img {
object-fit: contain;  top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.collection_type--item_img {}
.collection_type--item_info_link {}
.collection_type--row {}
.collection_type--item_info{}
.collection_type--item_info {
padding: 20px;
padding-bottom: 60px;
text-align: center;
position: relative;
}
.collection_type--item_info_h3 {
font-weight: normal;
font-size: 18px;
line-height: 1.4;
margin: 30px 0;
text-align: center;
color: #212b36;
display: block;
}
.collection_type--item_info_h3_span {
text-transform: uppercase;
display: inline-block;
position: relative;
color: #212b36;
font-size: 14px;
letter-spacing: 1.5px;
font-weight: 600;
}
.collection_type--item_info_h3_span:hover {
color: #212b36;
}
.collection_type--item_info_h3_span:after {
position: absolute;
content: '';
bottom: -10px;
left: 0;
right: 0;
border-bottom: 1px solid #000;
}  @media screen and (min-width:80rem){
}
.collection_type_hero--sect {}
.collection_type_hero--content {}
.collection_type_hero--content_wrap{}
.collection_type_hero--content_bg_img {}
.collection_type_hero--content_shout {}
.collection_type_hero--content_shout_wrap {}
.collection_type_hero--content_shout_h1 {}
.collection_type_hero--content_shout--button{}
.collection_type_hero--sect {
display: block;
}
.collection_type_hero--content_wrap {
display: flex;
position: relative;
}
.collection_type_hero--content_bg_img {
background-color:#fefefe;
width:100vw;
height:58vh;
background-size: cover;
background-position: center 40%;
background-repeat: no-repeat;
}
.collection_type_hero--content_shout{
display: block;
position: absolute;
top: 56%;  width: 100%;  margin: auto 0;
padding: 60px; transform: translateY(-50%);
}
.collection_type_hero--content_shout_h1 {
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
font-weight: 300;
font-size: 2.5rem;
line-height: 1.1;
}
.collection_type_hero--content_shout_h5{
text-transform: none;
letter-spacing: 0px;
margin: 0 0 0.75em;
line-height: 1.4;
text-align: center;
}
#footer, .footer
.footer_content--wrap {}
.footer_content--items {}
.footer_content--item {}
.footer_content--item_wrap{}
.footer_content--row {}
.footer_content--col {}
.footer_content--item_link {}
.collection--item_img {}
.collection--row {}
.collection--item_info{}
.collection--item_info_link{}
[class*="--col"] { }
.footer_content--items{
display: block;
}
@media only screen and (min-width: 48rem){
.footer_content--items{
display: flex;
align-items: stretch;
margin-left: 0;
padding: 0;
}
}
.footer_content--items::after,
.footer_content--items::before {
content: '';
display: table;
clear: both;
}
.footer_content--item.one-quarter { }
.footer_content--item.one-quarter {
background: #F9F9F9;
padding: 36px 60px;
}
.footer_content--text_p {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0 0 0.5em;
}
.footer_content--text_p {
margin-bottom: 2rem;
}
@media only screen and (min-width: 36rem){
.footer_content--text_p {
margin-bottom: 4rem;
}
}
.footer_content--details_p,
.footer_content--details_p > * {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
margin-top: 32px;
}
@media only screen and (min-width: 36rem){
.footer_content--details_p,
.footer_content--details_p > * {
font-size: .75rem;
}
}
.footer_content--details_p:last-of-type {
margin-top: 0.5rem;
}
.one-quarter, .five-eighth, .one-eighth {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
}
.one-quarter, .five-eighth, .one-eighth {
width: 100%;
float: left;
}
.one-quarter::after,
.five-eighth::after,
.one-eighth::after,
{
content: '';
display: table;
clear: both;
}
@media only screen and (min-width: 48rem){
.one-quarter {
width: 25%;
}
.five-eighth {
width: 62.5%;
}
.one-eighth {
width: 12.5%;
}
}
.footer_content--item.five-eighth { }
[class*="--link"]:hover{
color:var(--secondary);
}
.footer_content--item.five-eighth {
padding: 30px 40px 0
}
@media only screen and (min-width: 48rem){
.footer_content--item.five-eighth {
padding: 88px 0 74px 146px;
}
}
.five-eighth ul{
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.8em;
list-style-type: none;
margin-left: 0;
}
.five-eighth li{
width: 100%;
display: block;
text-align: center;
box-sizing: border-box;
padding: 15px 20px 10px;
margin-bottom: 0;
}
@media only screen and (min-width: 36rem){
.five-eighth li{
width: 32%;
display: inline-block;
text-align: left;
padding: 15px 20px 10px 0;
}
}
.footer_content--item.one-eighth {
}
.one-eighth ul {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
list-style-type: none;
margin-left: 0;
}
.one-eighth li {
margin: 5px;
display: inline-block;
}
.one-eighth li a {
padding: 20px;
display: block;
}
.icon-instagram {
width: 31px;
height: auto;
display: inline-block;
vertical-align: middle;
}
.icon-instagram g {
fill:var(--theme_black);
}
a.footer_content--item_link:hover .icon-instagram g,
a.footer_content--item_link .icon-instagram:hover g {
fill:var(--secondary);
}
.icon-fallback-text{
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.section-name {
--items-per-row:1
}
@media(min-width:36em){ .section-name {
--items-per-row:2
}
}
@media(min-width:48em){ .section-name {
--items-per-row:3
}
}  @media(min-width:80rem){
}
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html body {
color: #212b36;
background-color: #fff;
font-family: "sofia-pro",sans-serif;
font-size: 1rem;
}
html {
overflow-y: scroll;
}
html, body {
min-height: 100%;
}
html, body, div, span, object, iframe, p, blockquote, pre, abbr,
address, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer,
header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}