/* CMS css 05-08-20 tech footer-update  */
.custom-page-content {
  /* HTML5 display-role reset for older browsers */ }
  .custom-page-content html, .custom-page-content body, .custom-page-content div, .custom-page-content span, .custom-page-content applet, .custom-page-content object, .custom-page-content iframe,
  .custom-page-content h1, .custom-page-content h2, .custom-page-content h3, .custom-page-content h4, .custom-page-content h5, .custom-page-content h6, .custom-page-content p, .custom-page-content blockquote, .custom-page-content pre,
  .custom-page-content a, .custom-page-content abbr, .custom-page-content acronym, .custom-page-content address, .custom-page-content big, .custom-page-content cite, .custom-page-content code,
  .custom-page-content del, .custom-page-content dfn, .custom-page-content img, .custom-page-content ins, .custom-page-content kbd, .custom-page-content q, .custom-page-content s, .custom-page-content samp,
  .custom-page-content small, .custom-page-content strike,  .custom-page-content sub, .custom-page-content tt, .custom-page-content var,
  .custom-page-content b, .custom-page-content u, .custom-page-content i, .custom-page-content center,
  .custom-page-content dl, .custom-page-content dt, .custom-page-content dd, .custom-page-content ol, .custom-page-content ul, .custom-page-content li,
  .custom-page-content fieldset, .custom-page-content form, .custom-page-content label, .custom-page-content legend,
  .custom-page-content table, .custom-page-content caption, .custom-page-content tbody, .custom-page-content tfoot, .custom-page-content thead, .custom-page-content tr, .custom-page-content th, .custom-page-content td,
  .custom-page-content article, .custom-page-content aside, .custom-page-content canvas, .custom-page-content details, .custom-page-content embed,
  .custom-page-content figure, .custom-page-content figcaption, .custom-page-content footer, .custom-page-content header, .custom-page-content hgroup,
  .custom-page-content menu, .custom-page-content nav, .custom-page-content output, .custom-page-content ruby, .custom-page-content section, .custom-page-content summary,
  .custom-page-content time, .custom-page-content mark, .custom-page-content audio, .custom-page-content video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
   /* vertical-align: baseline; */ }

/* removed from above */
.custom-page-content sup {} 
.custom-page-content em {
    font-style: italic;
}
.custom-page-content strong {
    font-weight: bold;
}



.custom-page-content article, .custom-page-content aside, .custom-page-content details, .custom-page-content figcaption, .custom-page-content figure,
.custom-page-content footer, .custom-page-content header, .custom-page-content hgroup, .custom-page-content menu, .custom-page-content nav, .custom-page-content section {
display: block; }
.custom-page-content body {
line-height: 1; }
.custom-page-content ol, .custom-page-content ul {
list-style: none; }
.custom-page-content blockquote, .custom-page-content q {
quotes: none; }
.custom-page-content blockquote:before, .custom-page-content blockquote:after,
.custom-page-content q:before, .custom-page-content q:after {
content: '';
content: none; }
.custom-page-content table {
border-collapse: collapse;
border-spacing: 0; }
  
.custom-page-content a,
.custom-page-content.custom-mobile a{
    color: #3bb0c2;
}

/* set proxima default font */
body .custom-desktop,
body .custom-desktop section {
    font-family: "ProximaNova-Light",'Gotham A','Gotham B', Arial, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    letter-spacing: .5px;
}
.std p, section.section-module p  {
    padding-bottom: 12px;
    line-height: 1.4;
}

/************************************************
 ************************************************
 
         MOBILE CODE OVERWRITES
         
 ************************************************
 ***********************************************/ 

.cms-page-view .std .custom-page-content p, .cms-no-route .std .custom-page-content p,
.mobiletest-html .cms-page-view .std .custom-page-content {
    color: #000;
    font-style:normal;
}
.std p, section.section-module > div {
    color: #000;
}

.cms-page-view .std p.supporting-text, .cms-no-route .std p.supporting-text,
.custom-page-content.custom-mobile .banner-text p.sub-title {
    color: #000;
    font-family: "ProximaNova-Regular", Arial, sans-serif;
    line-height: 1.3em;
    letter-spacing: .05em;
}
.custom-page-content.custom-mobile .banner-text p.sub-title {
    font-size: 24px !important;
    line-height: normal !important;
}

.custom-page-content.custom-mobile .section-module.full-width img {
    width: 100%;
    max-width: 100%;
}

.custom-page-content.custom-mobile .section-module.full-width .product-image-stack img {
    width: 80%;
    max-width: 300px;
    margin: 30px auto 5px;
}


/************************************************
 ************************************************
 
         Default formatting
         
 ************************************************
 ***********************************************/ 
 

.custom-page-content,
.custom-page-content p,
.custom-page-content h1,
.custom-page-content h2,
.custom-page-content h3, 
.cms-page-view .std .custom-page-content p, .cms-no-route .std .custom-page-content p,
.custom-page-content.custom-mobile .supporting-text,
.custom-page-content.custom-mobile h3,
.custom-page-content.custom-mobile h2,
.cms-page-view .std .custom-page-content.custom-mobile h2,
.cms-no-route .std .custom-page-content.custom-mobile h2,
.cms-page-view .std .custom-page-content.custom-mobile h3,
.cms-no-route .std .custom-page-content.custom-mobile h3,
.custom-page-content.custom-mobile .module-title .title {
     color:#000;
 }
 .custom-page-content h1, 
 .custom-page-content h2,
  .custom-page-content h3,
 .custom-page-content.custom-mobile h1,
  .custom-page-content.custom-mobile h2,
    .custom-page-content.custom-mobile h3,
    .custom-page-content .section-module h2, .custom-page-content .section-module h3,
.custom-page-content.custom-mobile .section-module h2, .custom-page-content.custom-mobile .section-module h3{
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    line-height: 1.1em;
    text-transform: lowercase;
    font-weight: 100;
 }
 
 /*
.custom-page-content .section-module h2, .custom-page-content .section-module h3,
.custom-page-content.custom-mobile .section-module h2, .custom-page-content.custom-mobile .section-module h3{
font-family: SackersGothicStd-Medium;

}
*/
.custom-page-content .section-module h2 {
    font-size: 24px;
    letter-spacing: normal;
}
 .custom-page-content h2.module-title {
     font-size:18px;
     text-align: center;
     line-height: 1.2em;
 }

 
.footer-container {
	margin:0;
}
.main {
	padding-bottom:0;
}
.cms-page-view .std .custom-page-content {
 color: #000;
}
/* hidden h1 tag top of page */
 .custom-page-content h1.top {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ccc;
 }
 .custom-page-content h1.top + section:first-of-type {
 margin-top: -30px;
 }

.custom-page-content .section-module h1.title-proxima,
.custom-page-content .section-module h2.title-proxima,
.custom-page-content .section-module h3.title-proxima {
    font-family: "ProximaNova-Light", Arial, sans-serif;
    line-height: 1.1em;
    letter-spacing:.05em;
    text-transform: uppercase;
}

.custom-page-content .section-module h3 {
    font-size: 18px;
    letter-spacing: 1.8px;
}
p.mrseves-italic,.mrseves-italic,
.custom-page-content .section-module .mrseves-italic,
.custom-page-content .mrseves-italic{
    font-family: MrsEavesOT-Italic !important;
}
p.sackers,.sackers,
.custom-page-content .section-module .sackers,
.custom-page-content .sackers {
    font-family: SackersGothicStd-Medium;
    font-weight: 100;
    line-height: normal;
    text-transform: lowercase;
}
  .custom-page-content a:hover {
    transition: all 0.2s ease;
    color: #a29d9c !important;
}

/* images */
/* swap images on hover */
.img-swap {
    display: block;
    margin: 0 auto;
}
.img-swap > img:last-of-type{display:none !important;}
.img-swap:hover > img:first-of-type{display:none;}
.img-swap:hover > img:last-of-type{display:block !important;}



/*Mobile */
.custom-page-content.custom-mobile img.img-full-size {
    width: 100% !important;
    max-width: 100% !important;
}
.custom-page-content img.img-full-size {
    width: 100%;
    max-width: 100%;
    display: block;
}

/* COLOR PALLETTE */
.custom-page-content .background-vionic-light-gray,
.background-vionic-light-gray,
.custom-page-content .background-egg-shell-gray,
.background-egg-shell-gray{
    background-color: #efeff0;
}
.custom-page-content .background-vionic-dark-gray,
.background-vionic-dark-gray {
    background-color: #a29d9c;
}
.custom-page-content .background-vionic-orange,
.background-vionic-orange {
    background-color: #ff4612;
}
.custom-page-content .background-vionic-light-blue,
.background-vionic-light-blue {
    background-color: #3bb0c2;
}

/* new page stuff */
.cms-slippers-landing .home.col1-layout {
  width: 100%; 
}
.home.col1-layout {
  width: 100%;
}
.col-main.home {
  width: 100% !important;
}
.page-empty {
  padding: 0 !important; 
  }

.custom-page-content .content {
  display: block;
}
.custom-page-content a,
.custom-page-content a:visited,
.custom-page-content a:hover {
  cursor: pointer; }
.custom-page-content .section-module {
    position: relative;
    width: 1024px;
    margin: 0 auto 75px;
 } 
.custom-page-content .section-module.clear-module-margin {
    margin: 0 auto; }
.custom-page-content .section-module .content {
    /* width: calc(100% - 48px) jwa fix this */
    padding: 24px;
    margin: 0 auto;
    max-width:1024px;
    position: relative;
}
.custom-page-content .section-module .pos-rel {
  position: relative; }
.custom-page-content .section-module .pos-abs {
  position: absolute; }
.custom-page-content .section-module.full-width-background {
  width: 100%;
  min-width:1024px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
.custom-page-content .section-module.full-width {
  width: 100%;
}
.custom-page-content.custom-desktop .section-module.full-width {
  width: 100%;
  min-width: 1024px;
}


.custom-page-content .font-roman {
  font-family: MrsEavesOT-Roman, "times new roman", serif; }
  section.bg-color {
      background-color: transparent;
  }

.custom-page-content .font-weight-light {
    font-weight: 100 !important;
}
.custom-page-content .font-sackers {
    font-family: SackersGothicStd-Medium, arial, sans-serif !important;
}
/* legacy replaced by default proxima
.custom-page-content .font-gotham {
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}
*/

/* titles / text formatting */

.custom-page-content .module-title {
  width: 100%; 
}
.custom-page-content.custom-mobile .module-title {
  width: 95%;
  margin: auto;
}
.custom-page-content .module-title .pre-title,
.custom-page-content .module-title .title,
.custom-page-content .module-title .post-title {
    color: inherit;
    text-align: center; }
.custom-page-content .module-title .pre-title,
.custom-page-content .module-title.pre-title{
    font-size: 16px;
    line-height: normal;
    font-family: MrsEavesOT-Roman, "times new roman", serif;
    padding-bottom: 12px;
    letter-spacing: .05em;
}

.custom-page-content .module-title p.pre-title.font-sackers {
    text-transform:lowercase;
    padding-bottom: 5px !important;
}
.custom-page-content .module-title .title {
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    font-size: 18px;
    text-transform: lowercase;
    line-height: normal;
    letter-spacing: 2px;
}
.custom-page-content .module-title .title-large {
    font-size: 24px;
}  
.custom-page-content .module-title.page-title .pre-title {
    font-size: 32px;
    line-height: 36px;
    padding-bottom: 12px;
    text-transform: none;
}
.custom-page-content .module-title.page-title .title {
    font-size: 32px;
    line-height: 36px;
    padding-bottom: 24px; }
.custom-page-content .module-title.subpage-title .title {
    font-size: 24px;
    line-height: normal;
    padding-bottom: 5px;
    font-weight: normal;}

.custom-page-content .module-title .font-sackers {
    font-family: SackersGothicStd-Medium, arial, sans-serif; }

.custom-page-content .module-text.font-roman {
    font-family: MrsEavesOT-Roman, "times new roman", serif;
    font-style:normal;
    font-size: 16px;
    line-height: normal;
    letter-spacing: .05em;
}
.custom-page-content .supporting-text {
    color: inherit;
    text-align: center;
    padding:10px 0 12px;
    font-family: "ProximaNova-Regular", Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    letter-spacing: .05em;
}

.custom-page-content .supporting-text-mrseves,
.custom-page-content .mrseves {
    font-family: MrsEavesOT-Roman, "times new roman", serif !important;
}


/* section module border top */
h2.section-title:before {
    border-top: 1px solid #000;
    content: '';
    display: block;
    width: 76px;
    margin: 0 auto 8px;
}
h2.section-title .title {
    text-transform:uppercase;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
}
/* text alignment */
.custom-page-content .module-text.left-align,
.left-align,
.custom-page-content .left-align > p,
.custom-page-content .left-align > h1,
.custom-page-content .left-align > h2,
.custom-page-content .left-align > h3,
.custom-page-content .left-align > span,
.custom-page-content .left-align > .module-button { 
    text-align: left !important; }
.custom-page-content .module-text.right-align,
.right-align {
    text-align: right !important; }
.custom-page-content .module-text.center-align,
.custom-page-content .center-align,
.center-align {
    text-align: center !important; }

/* buttons */  
.custom-page-content .module-button {
  text-align: center; }
.custom-page-content .module-button .module-link {
    display: inline-block;
    transition: all 0.1s ease;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #fff;
    border: 1px solid #000;
    padding: 9px 20px;
    white-space: nowrap;
    color: #000;
    font-family: SackersGothicStd-Medium;
    font-weight: 100;
    line-height: normal;
    text-transform: lowercase;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
} 
.custom-page-content .module-button .module-link.light-theme {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000; }
.custom-page-content .module-button .module-link.light-theme:hover {
    opacity: .5;
    filter: alpha(opacity=50);
    background: #000;
    border: 1px solid #fff;
    color: #fff !important;
    transition: all 0.2s ease;
    text-decoration: none;
}
/* dark/black buttons dark-theme */
.custom-page-content .module-button .module-link.dark-theme {
    color: #fff;
    background-color: #000;
    border: 1px solid #000000; }
.custom-page-content .module-button .module-link.dark-theme:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    background: #000;
    border: 1px solid #000;
    color: #fff !important;
    transition: all 0.2s ease;
    text-decoration: none;
}

/* module buttons - horizontal inline */
.custom-page-content .module-button.multi-button-inline .module-link {
    margin-right:50px;
    width: 175px;
}
.custom-page-content .module-button.multi-button-inline .module-link:last-of-type {
    margin-right:0
}

/* fixed width buttons */
.custom-page-content .module-button .module-link.button100w {
    min-width: 100px !important;
}
.custom-page-content .module-button .module-link.button150w {
    min-width: 150px !important;
}
.custom-page-content .module-button .module-link.button200w {
    min-width: 200px !important;
}
.custom-page-content .module-button .module-link.button250w {
    min-width: 250px !important;
}
.custom-page-content .module-button .module-link.button275w {
    min-width: 275px !important;
}
.custom-page-content .module-button .module-link.button300w {
    min-width: 300px !important;
}
/* link class formatting */
.custom-page-content a.link,
.custom-page-content .link {
    color: #000;
    font-family: SackersGothicStd-Medium;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 1.8px;
    line-height: 14px;
    text-transform: lowercase;
    border-bottom: 1px solid #000;
    padding-bottom:2px;
    font-style: normal;
    display: inline-block;
}
.custom-page-content.custom-mobile a.link,
.custom-page-content.custom-mobile .link {
    font-size:20px;
    padding-bottom:6px;
}

.custom-page-content a.link:hover,
.custom-page-content a:hover .link,
[class^="abs-link-"]:hover a.link {
    border-bottom: 1px solid #a29d9c;
    color: #a29d9c;
    cursor: pointer;
}
/* link colors/hovers */
.custom-page-content a.link.white-link,
.custom-page-content .link.white-link {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}

.custom-page-content  a:hover > .link.hover-white   {
    color: #fff !important;
    border-bottom-color: #fff !important;
}
.custom-page-content  a:hover > .link.hover-black   {
    color: #000 !important;
    border-bottom-color: #000 !important;
}
.custom-page-content  a:hover > .link.hover-gray   {
    color: #a29d9c !important;
    border-bottom-color: #a29d9c !important;
}



/* absolute links - position where you want i.e. class abs-link-1, class abs-link-2 or as many as you want */
[class^="abs-link-"] {
    position: absolute;
    border: 0px dashed #FFB631 !important;
}
  


/* horizontal Links mens/womens pages */
.custom-page-content .module-horizontal-links {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 24px 0; 
}
.custom-page-content .module-horizontal-links a.link {
    color: #000000;
}
.custom-page-content .module-horizontal-links a.link,
.custom-page-content .module-horizontal-links a:visited.link {
    color: inherit;
    display: inline-block;
    margin: 0 24px;
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    text-transform: lowercase;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1.8px;
    padding-bottom: 2px;
    border-bottom: 1px solid #000000;
    line-height: normal;
} 
.custom-page-content .module-horizontal-links .link a:hover,
.custom-page-content .module-horizontal-links a:hover.link{
    color: #a29d9c !important;
    border-bottom: 1px solid #a29d9c;
} 
/* mobile */
.custom-page-content.custom-mobile .module-horizontal-links a.link {
    padding: 0;
    margin: 0 10px;
    font-size: 16px;
    letter-spacing: normal;
}

/* category tiles links womens pages 4 column */  
.custom-page-content .module-category-links {
display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 24px 0 24px 0;

    }
  
  .custom-page-content .module-category-links .category {
    width: calc(25% - 4px);
    margin-right: 4px;
    margin-bottom: 4px;
    background-color: #efeff0;
    padding-bottom: 24px;
    text-align: center; 
    display: flex;
    align-items: flex-end;
    }
    .custom-page-content.custom-desktop .module-category-links .category {
        height:300px;
    }
 
 .custom-page-content .module-category-links .category:nth-child(4),
 .custom-page-content .module-category-links .category:nth-child(8){
     margin-right: -4px;
 }

.custom-page-content .module-category-links .category img {
  width: 100%;
  max-width: 100%; }

.custom-page-content .module-category-links .category .category-label,
.custom-page-content.custom-mobile .module-category-links .category .category-label{
    display: inline-block;
    text-align: center;
    color: #000000;
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    text-transform: lowercase;
    font-size: 14px;
    padding: 4px 0 2px;
    border-bottom: 1px solid #000000;
    line-height: normal;
}
.custom-page-content .module-category-links .category .category-label:hover, .custom-page-content .module-category-links .category a:hover > span.category-label {
    transition: all 0.2s ease;
    color: #a29d9c !important;
    border-bottom: 1px solid #a29d9c !important;
}
.custom-page-content.custom-mobile .module-category-links .category .category-label,
.custom-page-content.custom-mobile .module-category-links .category .category-label:hover,
.custom-page-content.custom-mobile .module-category-links .category a:hover > span.category-label {
    border-bottom: none !important;
    padding: 4px 0 0px; 
}
 .custom-page-content.custom-mobile div.module-horizontal-links span.link a {
    font-size: 16px;
    margin: 0;
    letter-spacing: normal;
}
/* category tiles links mens pages 3 column */
.custom-page-content .mens-category-tiles.section-module {
    width: 766px;
}
.custom-page-content .module-category-links.column-33 .category {
    width: calc(33% - 4px);
}
.custom-page-content .module-category-links.column-33 .category:nth-child(3), 
.custom-page-content .module-category-links.column-33 .category:nth-child(6) {
    margin-right: -4px;
}
.custom-page-content .module-category-links.column-33 .category:nth-child(4),
.custom-page-content .module-category-links .category:nth-child(8) {
    margin-right: 4px;
}




    
/* Mobile Category Tiles - two col setup */
.custom-page-content.custom-mobile .module-category-links {
    width: 100%;
    margin: 0 auto;
}
.custom-page-content.custom-mobile .module-category-links .category {
    width: 50%;
    margin: 0 auto;
    border-width: 0 6px 6px 6px;
    border-color: #fff;
    border-style: solid;
    height: 0;
    padding-top: 50%;
}
.custom-page-content.custom-mobile .module-category-links .category:nth-child(even) {
    border-left-width: 3px;
}
.custom-page-content.custom-mobile .module-category-links .category:nth-child(odd) {
    border-right-width: 3px;
}
.custom-page-content.custom-mobile .module-category-links .category .category-label {
    font-size: 20px;
    margin-top:15px;
    font-style: normal;
}

/* cat-33 3 column - narrow width product categories */
.custom-page-content .module-category-links.cat-33 {
    width: 75%;
    margin:0 auto;
}
.custom-page-content .module-category-links.cat-33 .category {
    width: calc(33% - 2px); }
   
.custom-page-content.custom-mobile .module-category-links.cat-33 .category:nth-child(even),
.custom-page-content.custom-mobile .module-category-links.cat-33 .category:nth-child(odd){
    border-left-width: 0;
    border-right-width: 0;
}  
 .custom-page-content .module-category-links.cat-33 .category:nth-child(4),
 .custom-page-content .module-category-links.cat-33 .category:nth-child(8){
     margin-right: 4px;
 }
.custom-page-content .module-layout-two-column,
.custom-page-content .module-layout-three-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center; }  


/* Flex Box Columns */
.custom-page-content .module-layout-two-column .column {
    width: 50%; }
.custom-page-content .module-layout-two-column .column .column-image {
      max-width: 100%;
      display: block; }
.custom-page-content .module-layout-two-column .column .column-small-image {
      max-width: 67%;
      display: block;
      margin: 0 auto; 
}
.custom-page-content  .column.column-15 {width: 15%;}
.custom-page-content  .column.column-20 {width: 20%;}
.custom-page-content  .column.column-25 {width: 25%;}
.custom-page-content  .column.column-30 {width: 30%;}
.custom-page-content .column.column-33 {width: 33%;}
.custom-page-content  .column.column-35 {width: 35%;}
.custom-page-content .column.column-40 {width: 40%;}
.custom-page-content  .column.column-45 {width: 45%;}
.custom-page-content  .column.column-50 {width: 50%;}
.custom-page-content  .column.column-55 {width: 55%;}
.custom-page-content .column.column-60 {width: 60%;}
.custom-page-content  .column.column-65 {width: 65%;}
.custom-page-content  .column.column-66 {width: 66%;}
.custom-page-content  .column.column-70 {width: 70%;}
.custom-page-content  .column.column-75 {width: 75%;}

.custom-page-content .module-layout-three-column .column { 
   width: 33%;
}

.custom-page-content .module-layout-three-column .column.column-15 {width: 15%;}
.custom-page-content .module-layout-three-column .column.column-20 {width: 20%;}
.custom-page-content .module-layout-three-column .column.column-25 {width: 25%;}
.custom-page-content .module-layout-three-column .column.column-30 {width: 30%;}
.custom-page-content .module-layout-three-column .column.column-33 {width: 33%;}
.custom-page-content .module-layout-three-column .column.column-35 {width: 35%;}
.custom-page-content .module-layout-three-column .column.column-40 {width: 40%;}
.custom-page-content .module-layout-three-column .column.column-45 {width: 45%;}
.custom-page-content .module-layout-three-column .column.column-50 {width: 50%;}
.custom-page-content .module-layout-three-column .column.column-55 {width: 55%;}
.custom-page-content .module-layout-three-column .column.column-60 {width: 60%;}
.custom-page-content .module-layout-three-column .column.column-65 {width: 65%;}
.custom-page-content .module-layout-three-column .column.column-66 {width: 66%;}
.custom-page-content .module-layout-three-column .column.column-70 {width: 70%;}
.custom-page-content .module-layout-three-column .column.column-75 {width: 75%;}


/* table blocks - divs works with column widths above */
.table {display: table;} /* makes a table/row */
.table-cell { display: table-cell;vertical-align: top !important;} /* makes a column */
.table-cell.table-align-middle {vertical-align: middle !important;}
.table-cell.table-align-bottom {vertical-align: bottom !important;}




 
 

/* page formatting custom content mobile */
.custom-mobile .section-module {
    margin: 0 auto 50px;
}
.custom-page-content.custom-mobile .section-module {
    width: 100%;
}
.custom-mobile .section-module.full-width {
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow: hidden;
}
.custom-page-content.custom-mobile .module-title .title {
    font-size: 24px;
    line-height: normal;
    padding-bottom: 15px;
}
.custom-page-content.custom-mobile img.center-align {
    margin:0 auto;
}
.custom-page-content.custom-mobile .section-module .content {
    width: 95%;
    max-width:500px;
}
.custom-page-content.custom-mobile .banner-image-section  {
    position: relative;
    text-align: center;
}
.custom-page-content.custom-mobile .banner-image-section img {
    width:100%;
    max-width: 100%;
    margin: 0 auto;
}

/* MOBILE Banner Only Text */
/* kill this now legacy jwa 11-13
.custom-page-content.custom-mobile .banner-text h2.banner-title {
    padding-bottom: 10px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 15px 15px;
}
.custom-page-content.custom-mobile .banner-text p.sub-title {
    font-size: 18px;
    color:#000;
}
.custom-page-content.custom-mobile .banner-text p.sub-title.font-roman {
    font-size: 20px;
    color: #000;
    line-height: 1.5em;
    letter-spacing: .05em;
}
*/
  /* buttons Mobile 
.custom-page-content.custom-mobile .module-button .module-link {
    font-size: 20px;
    padding: 15px;
    min-width: 250px;
    max-width:600px;
}
*/
/* mobile buttons over image */
.button-v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0 ;
}
.custom-page-content.custom-mobile .module-button.button-v-center .module-link {
    font-size: 18px;
    padding: 10px 15px;
    min-width: 200px;
}

/************ BANNERS ***************/

/* banner text defaults */
.custom-page-content .banner-text-wrapper, /* legacy */
.custom-page-content .text-wrapper{
    position: relative;
    z-index: 2; 
    max-width: 100%;
    width: auto;
    padding:0;
    color:#000;

}
.custom-page-content .banner .text-wrapper {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}
.custom-page-content .banner-text-wrapper h2.title {
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    text-transform: lowercase;
    letter-spacing: 2px;
    font-size: 43px;
    text-align: center;
    line-height: 55px;
    font-weight: 100;
    margin: 0;
}

.custom-page-content .banner-text-wrapper .sub-title {
    font-family: SackersGothicStd-Medium;
    font-weight: 100;
    line-height: normal;
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
}

.custom-page-content .banner-text-wrapper  .module-text {
    font-size: 18px;
}
.custom-page-content .banner .module-button .module-link {
    font-size: 16px;
}

/* light theme - white text */
.custom-page-content.custom-mobile  p.light-theme.module-text,
.custom-page-content.custom-mobile  h2.light-theme.title,
.custom-page-content.custom-mobile  h2.light-theme.module-title,
.custom-page-content.custom-mobile  h2.light-theme.module-text,
.custom-page-content.custom-mobile  h2.light-theme.supporting-text,
.custom-page-content.custom-mobile  p.light-theme.supporting-text,
.custom-page-content.custom-mobile p.light-theme,
.custom-page-content.custom-mobile div.light-theme,

.custom-page-content  p.light-theme.module-text,
.custom-page-content  h2.light-theme.title,
.custom-page-content  h2.light-theme.module-title,
.custom-page-content  h2.light-theme.module-text,
.custom-page-content  h2.light-theme.supporting-text,
.custom-page-content  p.light-theme,
.custom-page-content  p.light-theme.supporting-text,
.custom-page-content  div.light-theme,


.banner-text-wrapper.light-theme p.module-text,
.banner-text-wrapper.light-theme .module-text,
.banner-text-wrapper.light-theme p.pre-title,
.banner-text-wrapper.light-theme h2.title,
.banner-text-wrapper.light-theme p.sub-title,
.banner-text-wrapper.light-theme p.supporting-text,

.custom-page-content  p.light-theme,
.custom-page-content  div.light-theme,
.custom-page-content  p.light-theme.supporting-text,
.custom-page-content h1.light-theme,
.custom-page-content h2.light-theme,
.custom-page-content h3.light-theme,
.custom-page-content h4.light-theme {
    color: #fff !important;
}

.custom-page-content .text-wrapper.light-theme >  p,
.custom-page-content .text-wrapper.light-theme >  h1,
.custom-page-content .text-wrapper.light-theme > h2,
.custom-page-content .text-wrapper.light-theme > h3,
.custom-page-content .text-wrapper.light-theme > h4,

.custom-page-content .content.light-theme >  p,
.custom-page-content .content.light-theme >  h1,
.custom-page-content .content.light-theme > h2,
.custom-page-content .content.light-theme > h3,
.custom-page-content .content.light-theme > h4 {
    color: #fff !important;
}


/* banner text defaults mobile */
.custom-page-content.custom-mobile .banner-text-wrapper h2.title {
    font-size: 34px;
    line-height: 40px;
    font-weight: 100;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
}
.custom-page-content.custom-mobile .banner-text-wrapper h2.title .small {
    font-family: MrsEavesOT-Italic,"times new roman",serif;
    text-transform: none;
    display: inline;
}
 .custom-page-content.custom-mobile .banner-text-wrapper p.pre-title {
    font-family: MrsEavesOT-Roman,"times new roman",serif;
    font-size: 20px;
    letter-spacing: .05em;
    padding-bottom: 12px;
}
/* legacy replaced by default p tag proxima
.custom-page-content.custom-mobile .banner-text-wrapper p.module-text {
    font-size: 18px;
    font-family: 'Gotham A', 'Gotham B';
    font-weight: normal;
    padding: 0 20px 12px; 
}
*/

/* HERO BANNER */

.banner.banner-image-section {
    width: 100%;
    position: relative;
}

.banner .banner-text-wrapper{
    position: absolute;
    top: 8%;
    width: 400px;
    right: 3%;
    padding: 0;
}

.banner .banner-text-wrapper p.pre-title{
    font-size: 18px;
    line-height: 1.4em;
    font-style: normal !important
}

.banner .supporting-text {
    font-size: 22px;
    line-height: normal;
}

.banner .banner-pre-title {
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    text-transform: lowercase;
    font-size: 22px;
    letter-spacing: 2px;
}
.banner .banner-text-wrapper p.module-text.sackers{
    line-height: normal;
    padding-bottom: 8px;
}

.banner h2.title{
    font-size: 24px;
    line-height: normal;
    font-weight: normal;
    padding-bottom: 5px;
 }
.banner .circle-featured-inset img {
    width: 275px;
    max-width: 100%;
    border-radius: 50%;
}
.banner .circle-featured-inset span.banner-inset-cta {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0 auto 50px;
    text-align: center;
    color: #000;
    font-family: SackersGothicStd-Medium;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 1.8px;
    line-height: 130%;
    text-transform: lowercase;
}
.banner .circle-featured-inset:hover span.banner-inset-cta {
    transition: color 0.2s ease;
    color: #a29d9c;
}

/* Video Banner */
section.video-banner,
.video-banner .video-wrapper,
.video-banner .video-overlay-dark {
    height:500px;
}
section.video-banner {
    position: relative;
}
.video-banner .video-wrapper {
    position: absolute;
    top: 0;
    width: 110%;
    overflow: hidden;
    z-index: 0;
    background-color: #000;
    margin-left: -5% !important;
}
.video-banner .video-overlay-dark {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.video-banner .banner-text-wrapper {
    max-width: 960px !important;
    margin: 0 auto;
    margin-top: 8%;
}
.custom-page-content .video-banner .module-button .module-link {
    padding: 9px 20px;
}
.custom-page-content .video-banner .module-button.button-inline {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

/* Resonisve Inline Video */
.responsive-inline-video {
    padding: 0;
    margin: 25px auto;
    width: 100%;
    max-width: 100%;
}
.responsive-inline-video iframe {
    width: 100%;
    height: calc(width * .56);
}
.video-container {
    overflow:hidden;
    padding-bottom:56.25% !important;
    position:relative;
    height:0;
}
.video-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* banner image module */
.custom-page-content .banner-image-section,
.image-section {
    position: relative;
    display:block;
}

.banner-image-section .banner-image,
.custom-page-content .image-wrapper {
position: relative;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    display:block;
}
.custom-mobile .image-wrapper {
    width: 100%;
}


.banner-image-section .banner-image img,
.custom-page-content .image-wrapper img {
    width:100%;
    max-width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
}
.banner-image-section .headline-text {
    position: absolute;
    top: 26%;
    left: 52%;
    text-align: left;
}


/* Image Background / CTA Overlay LEGACY 
.section-module.full-imagebg-cta-section {
    position: relative;
}
.full-imagebg-cta-section img {
    position: relative;
    top: 0;
    margin: 0 auto;
    width:100%;
    max-width: 100%;
}
.full-imagebg-cta-section h2,
.full-imagebg-cta-section h3  {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    color: #fff;  
}
.full-imagebg-cta-section .content {
    position: absolute;
    top:initial;
    width: 90%;
    display: block;
}
.full-imagebg-cta-section h2, .full-imagebg-cta-section h3 {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    color: #fff;
}
*/
 /* shoe images - stack keep approx 200 px wide */
.custom-page-content .column .product-image-stack img,
.custom-page-content .product-image-stack img{
    width: 250px;
    max-width: 100%;
    display: block;
    margin: 0 auto 0;
}


/* lookbook Section */
.custom-page-content .lookbook-testimonial {
    position: absolute;
    display: block;
    width: 460px;
    top: initial ;
    right: initial;
    padding: 17px 17px 5px;
    background-color: rgba(255, 255, 255, 0.85);
    text-align: left;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: .05em;
}
a.lookbook-cta.link,
a.lookbook-cta2.link{
    position: absolute;
    top: initial;
    right: initial;
}

.lookbook-section .lookbook-signature {
    text-align: right;
    font-family: MrsEavesOT-italic;
    font-size: 23px;
    margin: 0 -7px 0 0;
}
.lookbook-section .lookbook-testimonial small {
    font-size: 15px;
}
.custom-page-content.custom-mobile .lookbook-testimonia {
    position: relative;
    width: auto;
    padding: 25px;
    background-color: transparent;
}

.custom-page-content.custom-mobile .lookbook-section .lookbook-signature,
.custom-page-content.custom-mobile .lookbook2020 .signature {
    text-align: center;
    margin: 15px 0 0;
    font-style: normal;
    font-weight: bold;
}
.custom-page-content.custom-mobile .lookbook-section .lookbook-testimonial small {
    /* font-size: 18px; legacy */
}

/* lookbook2020 full image background */

.custom-desktop section.lookbook2020 {
    max-width:924px;
}
.custom-page-content .lookbook2020 .testimonial {
    position: absolute;
    top:0%;
    left:0%;
    display: block;
    width:30%;
    padding:0;
    font-size: 16px;
    line-height: 135%;
    font-family: "ProximaNova-Regular", Arial, sans-serif;
    background-color: transparent;
    font-style: italic;
    letter-spacing: 1px;
}
.custom-page-content.custom-mobile .lookbook2020 .testimonial {
    position: relative;
    display: block;
    width: 90%;
    max-width:500px;
    font-size: 20px;
    line-height: 135%;
    text-align: center;
    padding-top: 50px;
    background-color: transparent;
    background-image: url(/media/cms_pages/vionic2020/shared/images/quote-opening.png);
    background-repeat: no-repeat;
    background-position: 10px 26px;
    background-size: 52px auto;
    margin: 0 auto 30px;
}
.custom-desktop .lookbook2020 .testimonial .signature { 
	font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}
 .lookbook-testimonial.supporting-text {
    color:#000;
}
.custom-desktop .lookbook2020 .abs-link-1 {
position: absolute;
top:0%;
left:0%;
    width: 50%;
    height: 100%;
}

.custom-desktop .lookbook2020 .abs-link-2 {
position: absolute;
   text-align: center;
   width:400px;
}
.custom-desktop .lookbook2020 .abs-link-3 {
    position: absolute;
    right: 0;
    top: 5%;
    width: 50%;
    height: 80%;
}


/* mobile */
.custom-page-content.custom-mobile .lookbook-testimonial.supporting-text {
    text-align: center;
}

.module-button.button-inline {
    display: inline-block;
    margin-right:20px;
    margin-left:20px;
}
span.play-video-icon-wht, span.play-video-icon-blk {
    float: right;
    margin-left: 7px
}
span.play-video-icon-blk img,
span.play-video-icon-wht img{
    width: 11px;
    max-width: 100%;
    vertical-align: middle;
}
a.fancybox:hover span.play-video-icon-blk {
    display: none;
}
span.play-video-icon-wht {
    display: none;
}
a.fancybox:hover span.play-video-icon-wht {
    display: inline-block;
}


/* full image fixed - overlay content/buttons */
.full-image-bg-fixed-section {
    position: relative;
}
.full-image-bg-fixed-section img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

/* trusted and approved section ** Legacy ** */
section.trusted-and-approved .content img {
    float: left;
    margin-right: 12px;
}
.custom-page-content.custom-mobile section.trusted-and-approved .content img {
    float: none;
    clear: both;
    margin-right: 0;
    margin: 0 auto;
   display: block; 
}
.custom-page-content.custom-mobile section.trusted-and-approved .content img.accepted-apma-logo {
    max-width: 45%;
}
.custom-page-content.custom-mobile section.trusted-and-approved .content img.vionic-innovation-labs-logo {
    max-width:80%;
}
section.trusted-and-approved .module-layout-two-column .column.column-40 {
    width:45%;
}
section.trusted-and-approved .module-layout-two-column .column.column-60 {
    width:55%;
}
section.trusted-and-approved .module-text p {
    line-height: 1.45em;
}

/* Version 2 - trusted and approved section */
.custom-page-content section.trusted-approved {
    padding: 24px 0 30px;
    margin-bottom: 0;
}
.trusted-approved .module-layout-two-column {
    max-width: 1024px;
    margin: 0 auto;
}
img.trusted-logo {
    height: auto;
    width: 230px;
    margin-bottom: 12px;
    display: block;
    margin: 0 auto 12px
}
section.trusted-approved .column .supporting-copy {
    max-width: 460px;
    margin: 0 auto;
}
section.trusted-approved .column h2.title {
    font-size: 22px;
    font-weight: 100;
    margin-bottom:10px
}
section.custom-page-content .trusted-approved .module-layout-two-column {
    max-width: 1024px;
    margin: 0 auto;
}







/* featured products section */
.custom-page-content .section-module.featured-product-tiles-section {
    margin: 0 auto 40px;
}
.custom-page-content .featured-product-tiles-section .column .featured-product-name {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto !important;
    color: #000;
    font-family: SackersGothicStd-Medium;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 1.8px;
    line-height: 130%;
    text-transform: lowercase;
}
.custom-page-content .featured-product-tiles-section .module-layout-three-column {
    align-items: flex-end;
    padding-top: 30px;
}
.custom-page-content .featured-product-tiles-section .column .featured-product-name span {
    font-size: 18px;
}
.custom-page-content .featured-product-tiles-section a:hover div.featured-product-name {
    color: #a29d9c !important;
}
.custom-page-content .featured-product-tiles-section h2 {
    padding-bottom: 10px;
    line-height: normal;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}
.custom-page-content .featured-product-tiles-section img {
    max-width: 300px;
}


.custom-page-content.custom-mobile .featured-product-tiles-section img {
    width: 80%;
    max-width: 325px;
    margin: 25px auto 0;
}



/* seo blocks */
.seo a {color: #666;}
.seo p {
    font-family: "ProximaNova-Regular",'Gotham A','Gotham B', Arial, sans-serif;
    margin-bottom: 1em;
    color:#000;
    font-size: 15px;
}
.custom-page-content.custom-desktop .seo h2,
.custom-page-content.custom-desktop .seo h1{
    font-family: SackersGothicStd-Medium, arial, sans-serif;
    font-size: 18px;
    text-transform: lowercase;
    line-height: normal;
    letter-spacing: 2px;
    font-style: normal;
    text-align: center;
    margin-bottom: 1em;
    font-weight: 500;
}
section.section-module.seo,
div.seo{
    max-width: 850px;
    margin: 0 auto;
}
.custom-page-content.custom-desktop .section-module .seo .content,
div.seo {
    padding: 0 0 40px;
}
/* seo module hide/show */
span.show-content, span.show-content:hover,
#hide-content, #hide-content:hover { 
    font-weight: 600;
    font-family: "ProximaNova-Regular",'Gotham A','Gotham B', Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
}
span.show-content:hover,
span#hide-content:hover {
    color:#666;
}



/* seo mobile */
.custom-page-content.custom-mobile .section-module.seo .content,
.custom-page-content.custom-mobile div.seo .content{
    padding: 0;
}
.custom-page-content.custom-mobile .show-content {
    font-weight: bold !important;
    white-space: nowrap;
}
.custom-page-content.custom-mobile #hide-content {
    font-weight: bold;
}

.custom-page-content.custom-mobile .seo h2 {
    margin-bottom: 0.5em;
    font-size: 18px;
    text-align: center;
}
/* mobile h1 */
.custom-page-content.custom-mobile .section-module.seo h1,
div.seo h1{
    font-family: SackersGothicStd-Medium;
    letter-spacing: normal;
    line-height: normal;
    text-transform: lowercase;
    margin-bottom: 0.5em;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

/* inline video player */
.inline-video iframe {
    background:#000;
}
.custom-page-content.custom-mobile .inline-video iframe {
    background:transparent;
}

/****** Poster Theme White Module *********/
.full-imagebg-cta-section.white-poster-theme h2 {
    font-family: SackersGothicStd-Medium !important;
    font-size: 18px !important;
    line-height: 18px !important;
    text-transorm:none;
    font-weight: 500;
    letter-spacing: normal;
    letter-spacing: 0.15em;
}
.full-imagebg-cta-section.white-poster-theme.left-align h2,
.full-imagebg-cta-section.white-poster-theme.left-align h3,
.full-imagebg-cta-section.white-poster-theme.left-align .module-text,
.full-imagebg-cta-section.white-poster-theme.left-align blockquote,
.full-imagebg-cta-section.white-poster-theme.left-align .module-button,
.full-imagebg-cta-section.white-poster-theme.left-align a.link {
    text-align: left;
    color:#fff;
}


.full-imagebg-cta-section.white-poster-theme.left-align a.link:hover {
    opacity: 0.8;
    color: #fff !important;
}

.full-imagebg-cta-section.white-poster-theme.right-align h2,
.full-imagebg-cta-section.white-poster-theme.right-align h3,
.full-imagebg-cta-section.white-poster-theme.right-align .module-text,
.full-imagebg-cta-section.white-poster-theme.right-align blockquote,
.full-imagebg-cta-section.white-poster-theme.right-align .module-button,
.full-imagebg-cta-section.white-poster-theme.right-align a.link {
    text-align: right;
    color:#fff;
}
.full-imagebg-cta-section.white-poster-theme.left-align a.link {
    border-bottom: 1px solid #fff;
}

.full-imagebg-cta-section.white-poster-theme a.link:hover {
    opacity: 0.8;
    color: #fff !important;
}

.full-imagebg-cta-section.white-poster-theme blockquote {
    font-size: 20px;
    position: relative;
    margin-top: 90px;
}
.full-imagebg-cta-section.white-poster-theme blockquote span.openquote:before,
.full-imagebg-cta-section.white-poster-theme blockquote span.closequote:after {
    font-family: "Times New Roman", "serif";
    font-size: 70px;
    line-height: 0;
    position: absolute;
    opacity: .3;
}
.full-imagebg-cta-section.white-poster-theme blockquote span.openquote:before {
    content: "\201C";
    top: 28px;
    left: -35px;
}
.full-imagebg-cta-section.white-poster-theme blockquote span.closequote:after {
    content: "\201D";
    bottom: 36px;
}

.full-imagebg-cta-section.white-poster-theme blockquote span.quote-signnature {
    font-family: MrsEavesOT-italic;
    font-size: 26px;
}

/* Proxima fonts */
p[class^="proxima"]  {
    font-weight: 100;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.036em;
    margin-bottom:1em;
}

.proxima-light {
    font-family: "ProximaNova-Light",'Gotham A','Gotham B', Arial, sans-serif !important;
}
.proxima-medium {
    font-family: "ProximaNova-Medium", Arial, sans-serif !important;
}
.proxima-regular {
    font-family: "ProximaNova-Regular", Arial, sans-serif !important;
}
.proxima-thin {
    font-family: "ProximaNovaT-Thin", Arial, sans-serif !important;
}  
.proxima-bold {
    font-family:"ProximaNova-Semibold", Arial, sans-serif !important;
}

/******************************************************
  
          UPDATES FOR NEXT ROUND
          
 ******************************************************/

/* fancybox padding fix */
.player .vp-player-layout {
    top:0;
}
.fancybox-inner {
    height: 450px !important;
}


/* tech-section-2020 */
.custom-page-content.custom-desktop .section-module.tech-section-2020 {
	margin: 0 auto 0px;
	padding:45px 0 0;
	border: 1px solid #efeff0;
	background-color:#efeff0;
}
.custom-page-content.custom-desktop .tech-section-2020 img.tech-header {
	max-width: 545px;
}
.custom-page-content.custom-desktop .tech-section-2020 .tech-shoes  img.tech-shoe,
.custom-page-content.custom-desktop .tech-section-2020 .image-wrapper img.stability-graphic {
	position: relative;
	max-width: 460px;
	display: block;
	margin:0 auto;
	position: relative;
} 
/* narrow - tech-heels */
.custom-page-content.custom-desktop .tech-section-2020.tech-heels .tech-shoes img.tech-shoe, 
.custom-page-content.custom-desktop .tech-section-2020.tech-section-2020.tech-heels .image-wrapper img.stability-graphic {
    max-width: 398px;
}

 .custom-page-content.custom-desktop .tech-section-2020 .image-wrapper img.stability-graphic {
	margin: 0 auto 50px !important;
}
/* animation */
.custom-page-content.custom-desktop .tech-section-2020 .tech-shoes.tech-animate  img.tech-shoe {
		position: absolute;
		    transition: opacity .5s ease-in;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    display: block;
}
img.tech-shoe + img.tech-shoe { opacity: 0; }
.custom-page-content.custom-mobile .tech-section-2020 img.tech-header {
	max-width:95%;
}
.custom-page-content.custom-mobile  .section-module.tech-section-2020 {
	padding-top:40px;
	margin-bottom: 0;
	background-color: #efeff0;
}
/* video button hover */
.tech-section-2020 span.playvideo img {
    vertical-align: middle;
    padding: 0;
    height: 14px;
    line-height: 10px;
    width: auto !important;
    display: inline-block;
}
.tech-section-2020 .img-swap .playvideo > img:last-of-type{display:none;}
.tech-section-2020 .img-swap:hover .playvideo > img:first-of-type{display:none;}
.tech-section-2020 .img-swap:hover .playvideo > img:last-of-type{display:inline-block;}
.custom-page-content .tech-section-2020 .module-button {
    top: 240px;
    left: 0;
    right: 0;
}
.custom-page-content .tech-section-2020 .module-button .module-link {
    min-width: auto;
    width: 130px;
}
/*** LEGACY TECH SECTION 2019 CODE - USING .tech-section  ***/
.custom-page-content .tech-section  .viomotion-logo {
    width: 276px;
    height: auto;
}
/* tech section */
.section-module.tech-section {
    padding: 30px 0 0;
    margin-bottom: 0;
}
.tech-section span.playvideo img {
    vertical-align: middle;
    padding: 0;
    height: 14px;
    line-height: 10px;
    width: auto !important;
    display: inline-block;
}
/* video button hover */
.tech-section .img-swap .playvideo > img:last-of-type{display:none;}
.tech-section .img-swap:hover .playvideo > img:first-of-type{display:none;}
.tech-section .img-swap:hover .playvideo > img:last-of-type{display:inline-block;}

.custom-page-content .tech-section .module-button {
    top: 240px;
    left: 0;
    right: 0;
}
.custom-page-content .tech-section .module-button .module-link {
    min-width: auto;
    width: 130px;
}
.tech-section .tech-image {
    max-width: 90% !important;
    margin: 0 auto;
}



/*********************************************
Resets - content format helpers 
**********************************************/
span.nobreak,
.nobreak {
    white-space: nowrap;
}
.custom-page-content .module-layout-two-column.flex-align-top,
.custom-page-content .module-layout-three-column.flex-align-top,
.custom-page-content .flex-align-top {
    align-items: flex-start !important;
}

.custom-page-content .module-layout-two-column.flex-align-bottom,
.custom-page-content .module-layout-three-column.flex-align-bottom,
.custom-page-content .flex-align-bottom {
    align-items: flex-end !important;
}

/* margin sets */
.custom-page-content .gap-clear-all,
.custom-page-content .section-module.gap-clear-all{
    margin: 0 !important;}
.custom-page-content .gap-top-clear {
  margin-top: 0 !important; }
.custom-page-content .gap-top-small {
  margin-top: 6px !important; }
.custom-page-content .gap-top-reg {
  margin-top: 12px !important; }
.custom-page-content .gap-top-std {
  margin-top: 24px !important; }
.custom-page-content .gap-top-large {
  margin-top: 36px !important; }
.custom-page-content .gap-top-x-large {
  margin-top: 48px !important; }

.custom-page-content .gap-bottom-clear,
.custom-page-content .section-module.gap-bottom-clear{
    margin-bottom: 0 !important;}
.custom-page-content .gap-bottom-small,
.custom-page-content .section-module.gap-bottom-small{
  margin-bottom: 6px !important; }
.custom-page-content .gap-bottom-reg,
.custom-page-content .section-module.gap-bottom-reg{
  margin-bottom: 12px !important; }
.custom-page-content .gap-bottom-std,
.custom-page-content .section-module.gap-bottom-std{
  margin-bottom: 24px !important; }
.custom-page-content .gap-bottom-large,
.custom-page-content .section-module.gap-bottom-large {
  margin-bottom: 36px !important; }
.custom-page-content .gap-bottom-x-large,
.custom-page-content .section-module.gap-bottom-x-large{
  margin-bottom: 48px !important; }

 /* padding sets */
.custom-page-content .pad-clear-all,
.custom-page-content .section-module.pad-clear-all{
    padding: 0px !important;}
.custom-page-content .pad-bottom-clear,
.custom-page-content .section-module.pad-bottom-clear{
    padding-bottom: 0 !important;}
.custom-page-content .pad-bottom-small,
.custom-page-content .section-module.pad-bottom-small{
  padding-bottom: 6px !important; }
.custom-page-content .pad-bottom-reg,
.custom-page-content .section-module.pad-bottom-reg{
  padding-bottom: 12px !important; }
.custom-page-content .pad-bottom-std,
.custom-page-content .section-module.pad-bottom-std{
  padding-bottom: 24px !important; }
.custom-page-content .pad-bottom-large,
.custom-page-content .section-module.pad-bottom-large{
  padding-bottom: 36px !important; }
.custom-page-content .pad-bottom-x-large,
.custom-page-content .section-module.pad-bottom-x-large{
  padding-bottom: 48px !important; }

 /* padding sets */
 .custom-page-content .pad-clear {
  padding: 0 0 !important; }
.custom-page-content .pad-small {
  padding: 12px 0 !important; }
.custom-page-content .pad-standard,
.custom-page-content .pad-std{
  padding: 24px 0 !important; }
.custom-page-content .pad-large {
  padding: 48px 0 !important; }

.custom-page-content .pad-top-clear {
  padding-top: 0 !important; }
.custom-page-content .pad-top-small {
  padding-top: 12px !important; }
.custom-page-content .pad-top-standard,
.custom-page-content .pad-top-std {
  padding-top: 24px !important; }
.custom-page-content .pad-top-large {
  padding-top: 48px !important; }

.custom-page-content .pad-bottom-clear {
  padding-bottom: 0 !important; }
.custom-page-content .pad-bottom-small {
  padding-bottom: 12px !important; }
.custom-page-content .pad-bottom-standard,
.custom-page-content .pad-bottom-std {
  padding-bottom: 24px !important; }
.custom-page-content .pad-bottom-large {
  padding-bottom: 48px !important; }


/* common mobile helper styles */
.custom-mobile img.full {
    width: 100%;
    min-width: 100%;
    max-width: 450px;
    margin: 0 auto;
    display: block;
}
.custom-mobile img.full-320 {
    width: 75%;
    min-width: 75%;
    max-width: 320px;
    margin: 0 auto;
    display: block;
}
.custom-mobile .mobile-text {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}



.custom-page-content .font-size-10{
    font-size: 10px !important;
}
.custom-page-content .font-size-12{
    font-size: 12px !important;
}
.custom-page-content .font-size-13{
    font-size: 13px !important;
}
.custom-page-content .font-size-14{
    font-size: 14px !important;
}
.custom-page-content .font-size-15 {
    font-size: 15px !important;
}
.custom-page-content .font-size-16{
    font-size: 16px !important;
}
.custom-page-content .font-size-17{
    font-size: 17px !important;
}
.custom-page-content .font-size-18{
    font-size: 18px !important;
}
.custom-page-content .font-size-19{
    font-size: 19px !important;
}
.custom-page-content .font-size-20{
    font-size: 20px !important;
}
.custom-page-content .font-size-21{
    font-size: 21px !important;
}
.custom-page-content .font-size-22{
    font-size: 22px !important;
}
.custom-page-content .font-size-23{
    font-size: 23px !important;
}
.custom-page-content .font-size-24{
    font-size: 24px !important;
}
.custom-page-content .font-size-25{
    font-size: 25px !important;
}
.custom-page-content .font-size-26{
    font-size: 26px !important;
}
.custom-page-content .font-size-27{
    font-size: 27px !important;
}
.custom-page-content .font-size-28{
    font-size: 28px !important;
}
.custom-page-content .font-size-29{
    font-size: 29px !important;
}
.custom-page-content .font-size-30{
    font-size: 30px !important;
}
.custom-page-content .font-size-32{
    font-size: 32px !important;
}
.custom-page-content .font-size-34{
    font-size: 34px !important;
}
.custom-page-content .font-size-36{
    font-size: 36px !important;
}
.custom-page-content .font-size-38{
    font-size: 38px !important;
}
.custom-page-content .font-size-40{
    font-size: 40px !important;
}
.tt-uppercase {
    text-transform:uppercase !important;
}
.tt-lowercase{
    text-transform:lowercase !important;
}
.tt-normal{
    text-transform: none !important;
}
/* quote before/after */
.quote-opening {
    background-color:transparent;
    background-image: url("/media/cms_pages/vionic2020/shared/images/quote-opening.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 52px auto;
}
p.supporting-text.quote-opening  {
    padding-top:25px;
    width: 266px;
    margin:0 auto;
}
.quote-closing {
    background-color:transparent;
    background-image: url("/media/cms_pages/vionic2020/shared/images/quote-closing.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 52px auto;
}

/* LEGACY REMOVE banner-image-section .banner-image */
.custom-page-content .section-module.full-width.banner-image-section .banner-image,
.custom-page-content .section-module.full-width.banner-image-section .banner-image img.banner-image-background,
.custom-page-content .section-module .banner-image-section {
    width: 100%;
    max-width: 100%;
}
.banner-image-section::after,
.banner-image::after {
    content: " LEGACY REMOVE .banner-image-section .banner-image ";
        border:2px dashed red !important;
        color: red;
        padding: 5px;
        line-height: 40px;
        font-weight: bold;
}



.custom-page-content .banner-text-wrapper h1.title {
    font-family: SackersGothicStd-Medium;
    font-weight: 100;
    font-size: 23px;
    text-align: center;
    padding-bottom: 12px;
    letter-spacing: 2px;
}
.custom-page-content h1.title {
    text-transform: uppercase;
    line-height: normal;
}

/* LEGACY do not use - Use .link and .abs-pos */
.custom-page-content .banner .product-abs-link {}


/* lifestyle CTA Hover to reveal module button */
.hover-reveal {
    overflow: hidden;
    position: relative;  
}
.hover-reveal:hover {
    background-color: #000;
}
.hover-reveal  img {
    opacity: 1;
    backface-visibility: hidden;
    margin-bottom: -1px;
}
.hover-reveal:hover img {
    opacity:.7;
    -webkit-transition: opacity .25s; 
    transition: opacity .25s;
    transition-timing-function: ease-in-out;
}
.hover-reveal .module-button.pos-abs {
    top:47%;
    width: 100%;
    opacity:0;
}
.hover-reveal:hover .module-button.pos-abs {
    opacity:1;
    -webkit-transition: opacity .5s; 
    transition: opacity .5s;
    transition-timing-function: ease-in-out;
}

.instagram .hover-reveal .module-button.pos-abs {
    opacity:1;
}
.instagram .hover-reveal:hover .module-link {
    font-size:16px;
}
.instagram .supporting-text {
    font-size:24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* product rollover opacity */
.product-image-stack.rollover-opacity,
.rollover-opacity {
    position: relative;
}

.img-product {
    display: block;
    position: relative;
}
.img-product > img:first-of-type{
    position: relative;
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    opacity: 1;
} 
.img-product > img:last-of-type{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    transition: opacity .4s;
  -webkit-transition: opacity .4s;
  opacity: 0;
}
.img-product:hover > img:first-of-type{
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    opacity: 0;
}
.img-product:hover > img:last-of-type {
    transition: opacity .7s;
    -webkit-transition: opacity .4s; 
    opacity: 1;
}
/* end product rollover opacity */