body:not(.js-focus-visible) :focus, html:not(.js-focus-visible) :focus {
outline:none;
}
/** FT CSS OVERRIDES **/
.disclaimer__sponsor {font-weight:bold !important;}
.disclaimer .o-tooltip-content p {font-size:16px !important;}
.o-tooltip--arrow-left.o-tooltip-arrow--align-top:after, .o-tooltip--arrow-left.o-tooltip-arrow--align-top:before {top:50% !important;}
.o-header {position: relative; z-index: 10;}
.o-footer {margin-top:0 !important; position: relative; z-index: 5;}
.o-tooltip {z-index:50 !important;}
.disclaimer__sponsor {color:#000000 !important; font-weight: 600 !important;}
.safari-fix {position: absolute; background-color: #ffffff; left: 0; top: -350px; width: 100%; height: 350px; z-index: 0;}
.o-cookie-message__heading h1 {color: #000;}
/* 2020 OVERRIDES */
.pc {padding-top: 11px; padding-bottom: 10px; z-index: 30}
.o-footer *,
.pc__share-content,
.pc__client .pc__client-title,
.pc__title-content {font-family: MetricWeb, sans-serif !important;}
.pc__disclaimer-content {font-family: MetricWeb, sans-serif !important; font-size: 16px; line-height: 1.5em; color: #333333;}
[class*=col-]:not(.slick-slide) {float:none !important}
.o-header__drawer * {font-family: MetricWeb,sans-serif !important;}
.o-header__drawer {transform: translate3d(-100%, 0, 0); width: auto; position: fixed}
#content .right {float: none;}
* {margin:0; padding:0; outline:none; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#form1 {background-color:#ffffff;}
body {font-family: 'Lato', sans-serif; background-color: #ffffff !important; height: auto !important; color:#1B1B1B}
ul {margin:0;}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {font-family: 'ZapfHumnst BT', serif; font-weight: 400; font-style: normal;}
#content p,
#content ul,
#content ol {font-family: 'Lato', sans-serif; font-weight: 400}
#content p a {text-decoration: underline;}
.home-icon {position: fixed; left: 0; top: 150px; padding: 6px 8px; transition: 0.2s cubic-bezier(0.65, 0, 0.35, 1); z-index: 20; background-color: rgba(255,255,255,1);}
.home-icon svg {width: 20px; height: auto;}
.home-icon svg .cls-1 {fill: #546670;}
.home-icon:hover {padding-left: 15px;}
/******************************************************************************************************************************/
.listing {}
a.cover {position: absolute; left: 0; top:0; width:100%; height: 100%; z-index: 20; /*display: none*/}
.inner {width:1150px; max-width: 100%; padding-left: 25px; padding-right: 25px; margin: auto;}
.column-container {width:calc(100% + 50px); margin-left: -25px; font-size: 0}
.col-1 {width:100%; display: inline-block; vertical-align: top; padding:25px; font-size: 16px;}
.col-2 {width:50%; display: inline-block; vertical-align: top; padding:25px; font-size: 16px;}
.col-3 {width:33.333%; display: inline-block; vertical-align: top; padding:25px; font-size: 16px;}
.home-hero-container {padding: 60px 20px; text-align: center; width:100%; margin-bottom: 20px;}
.home-hero-container h1 {font-size: 60px; line-height: 1.3em; margin-bottom: 0.3em;}
.home-hero-container p {font-size: 18px; line-height: 1.5em; width:680px; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom:50px;}
/* HOME LISTING */
.panel-container-outer {margin-bottom: 60px;}
.panel-container {position: relative; display: flex; max-width: 1500px; margin: auto; width:100%; padding-left: 30px; padding-right: 30px; background-size: cover; background-position: center; transition: 0.2s ease-out}
.panel-container-text {width:500px; flex-shrink: 0; padding: 50px 0; margin-left: 20%; position: relative; z-index: 6}
.panel-container-text h2 {font-size: 50px; color:rgba(255,255,255,0.7); line-height: 0.95em; margin-bottom: 0.75em; position: relative;}
.panel-container-text h3 {font-size: 50px; color:#ffffff; line-height: 0.95em; margin-bottom: 0.3em;}
.panel-container-text h4 {font-size: 20px; color:#ffffff; line-height: 0.95em; margin-bottom: 0.75em; text-transform: uppercase;}
.panel-container-text p {font-size: 20px; color:#ffffff; line-height: 1.4em; font-family: 'Lato', sans-serif; margin-bottom: 2em;}
.panel-container-image {background-size: contain; background-position: bottom right; background-repeat: no-repeat; width:40%; position: absolute; bottom: 0; right:0; height: 100%; z-index: 5; transform-origin: bottom right; transition: 0.2s ease-out}
.panel-container-text h2 svg {position: absolute; left: -82px; top:0; opacity: 0.7}
.panel-container-text h2 svg .cls-1 {fill: none; stroke: #ffffff;}
.panel-container-text h2 svg .cls-2 {fill: #ffffff;}
.panel-container:before {position: absolute; left: 0; top:0; bottom: 0; width:20%; background-image:url(/_assets/shape-mask-left.png); background-size: 100% 100%; background-repeat: no-repeat; content: '';}
.panel-container:after {position: absolute; right: 0; top:0; bottom: 0; width:20%; background-image:url(/_assets/shape-mask-right.png); background-size: 100% 100%; background-repeat: no-repeat; content: '';}
.listing .panel-container:hover .panel-container-image {transform: scale(1.05);}
.listing .panel-container:hover {background-color:#333333 !important}
.listing .panel-container-outer .btn {background-color: rgba(255,255,255,0.7);}
.listing .coll-1:nth-child(even) .panel-container {flex-direction: row-reverse;}
.listing .coll-1:nth-child(even) .panel-container:before {left: auto; right:0; transform: scaleX(-1);}
.listing .coll-1:nth-child(even) .panel-container:after {left: 0; right:auto; transform: scaleX(-1);}
.listing .coll-1:nth-child(even) .panel-container .panel-container-image {right:auto; left: 0;}
.listing .coll-1:nth-child(even) .panel-container-text {margin-left: 0; margin-right: 15%;}
/* CONTENT PAGE */
.content-header h1 {font-size: 65px; color: #ffffff}
.content-header h2 {margin-top: 0.75em; margin-bottom: 0.9em; font-size: 48px;}
.content-header .panel-container-text {width:550px;}
.content-header p {font-size: 21px; margin-bottom: 0}
.article-content {max-width: 1500px; width: 100%; padding-left: 30px; padding-right: 30px; margin: auto; margin-bottom: 60px;}
.article-inner {padding-left: 20%; width:calc(920px + 20%); max-width: 100%;}
.article-inner h3 {font-size: 22px; font-family: 'Lato', sans-serif !important; font-weight: 700 !important; line-height: 1.4em; margin-bottom: 1em; margin-top: 2em}
.article-inner p {font-size: 20px; line-height: 1.6em; margin-bottom: 1em;}
.article-inner p.intro {font-weight: 700 !important; margin-bottom: 1.5em;}
blockquote {width:425px; max-width: 100%; margin:70px auto; position: relative}
blockquote p {font-family: 'ZapfHumnst BT', serif !important; font-size: 30px !important; line-height: 1.2em !important;}
blockquote svg {position: absolute; left: -90px; top:0}
blockquote svg .cls-1 {fill:#ffffff}
blockquote cite {font-size: 22px; font-weight: 700; font-style: normal;}
blockquote svg .cls-1 {stroke: #546670;}
blockquote svg .cls-2 {fill: #546670;}
.button-container {text-align: center; margin-top: 70px;}
.btn.big {color:#ffffff; background-color: #546670; font-size: 22px; margin: auto; padding: 1em; display: inline-block; text-align: center; width:100%; max-width: 375px; transition: 0.2s ease-out}
.btn.big:hover {box-shadow: 0 0 0 3px #546670;}
.tvn-footer {padding: 50px 0; background-color: #ffffff}
/* RELATED ARTICLES */
.related-articles {margin-bottom: 60px; margin-top: 80px;}
.related-articles h2 {display: block; text-align: center; font-size: 50px; margin-bottom: 1em}
.related-articles .inner {width:1366px;}
.related-articles .panel-container {padding: 0; background-color: #ffffff !important;}
.related-articles .panel-container:hover {background-color:#ffffff !important;}
.related-articles .panel-container:before,
.related-articles .panel-container:after {display: none}
.related-articles .panel-container .panel-container-image {position: relative; width:40%; min-height: 190px; height: auto; background-position: top left}
.related-articles .panel-container .panel-container-text {position: relative; width:60%; margin: 0; padding: 0 0 0 25px}
.related-articles .panel-container .panel-container-text h2 {font-size: 35px; margin-bottom: 0.4em; color:#1B1B1B !important; text-align: left;}
.related-articles .panel-container .panel-container-text h3 {font-size: 14px; margin-bottom: 1em; text-transform: uppercase; color:#1B1B1B !important;}
.related-articles .panel-container .panel-container-text p {font-size: 16px; color:#1B1B1B !important; margin-bottom: 1em;}
.related-articles .panel-container .panel-container-text .btn {font-size: 13px; padding:1em 1.5em; background-color:#546670; color:#ffffff;}
.related-articles .panel-container:hover .btn {color:#ffffff !important; background-color: #58595B !important}
.related-articles .panel-container:hover .panel-container-image {transform: scale(1)}
/* TEMP STYLE DELETE WHEN ONE MORE ARTICLE IS ADDED
.related-articles .col-2 {margin: auto; display: block;}*/
.panel-container {background-color:#546670;}
.panel-container-outer {background-color:#cbd0d3;}
.panel-container:before {background-image:url(/_assets/shape-mask-left.png);}
.panel-container:after {background-image:url(/_assets/shape-mask-right.png);}
.bar {display: block; margin: auto; margin-bottom: 70px;}
/* FOOTER */
.logo {display: block; width:380px; margin: auto;}
ul.social-list {display: flex; justify-content: center; margin: 60px 0}
ul.social-list li {margin: 0 15px;}
ul.social-list li svg .cls-1 {fill:#373736}
ul.social-list li:hover svg .cls-1 {fill:#DE6B02}
/* NATALIE */
.listing .panel-container-outer.natalie .btn,
.natalie blockquote cite {color:#6e804e}
.natalie .btn.big,
.related-articles .panel-container.natalie .btn,
.natalie .panel-container {background-color:#6e804e;}
.related-articles .panel-container.natalie .btn {color:#ffffff;}
.natalie blockquote svg .cls-1 {stroke: #6e804e;}
.natalie blockquote svg .cls-2 {fill: #6e804e;}
.natalie .content-header .panel-container-outer,
.natalie.panel-container-outer {background-color:#d3d8c9;}
.natalie .btn.big:hover {box-shadow: 0 0 0 3px #6e804e;}
.natalie .panel-container:before {background-image:url(/_assets/shape-mask-left-natalie.png);}
.natalie .panel-container:after {background-image:url(/_assets/shape-mask-right-natalie.png);}
/* SANDIE */
.listing .panel-container-outer.sandie .btn,
.sandie blockquote cite {color:#82A7B9}
.sandie .btn.big,
.related-articles .panel-container.sandie .btn,
.sandie .panel-container {background-color:#82A7B9;}
.related-articles .panel-container.sandie .btn {color:#ffffff;}
.sandie blockquote svg .cls-1 {stroke: #82A7B9;}
.sandie blockquote svg .cls-2 {fill: #82A7B9;}
.sandie .content-header .panel-container-outer,
.sandie.panel-container-outer {background-color:#e9f0f3;}
.sandie .btn.big:hover {box-shadow: 0 0 0 3px #82A7B9;}
.sandie .panel-container:before {background-image:url(/_assets/shape-mask-left-sandie.png);}
.sandie .panel-container:after {background-image:url(/_assets/shape-mask-right-sandie.png);}
/* BARBER OGERSBY */
.listing .panel-container-outer.barber-osgerby .btn,
.barber-osgerby blockquote cite {color:#6e804e}
.barber-osgerby .btn.big,
.related-articles .panel-container.barber-osgerby .btn,
.barber-osgerby .panel-container {background-color:#6e804e;}
.related-articles .panel-container.barber-osgerby .btn {color:#ffffff;}
.barber-osgerby blockquote svg .cls-1 {stroke: #6e804e;}
.barber-osgerby blockquote svg .cls-2 {fill: #6e804e;}
.barber-osgerby .content-header .panel-container-outer,
.barber-osgerby.panel-container-outer {background-color:#d3d8c9;}
.barber-osgerby .btn.big:hover {box-shadow: 0 0 0 3px #6e804e;}
.barber-osgerby .panel-container:before {background-image:url(/_assets/shape-mask-left-natalie.png);}
.barber-osgerby .panel-container:after {background-image:url(/_assets/shape-mask-right-natalie.png);}
/* BEN LOVETT */
.listing .panel-container-outer.ben-lovett .btn,
.ben-lovett blockquote cite {color:#007b69}
.ben-lovett .btn.big,
.related-articles .panel-container.ben-lovett .btn,
.ben-lovett .panel-container {background-color:#007b69;}
.related-articles .panel-container.ben-lovett .btn {color:#ffffff;}
.ben-lovett blockquote svg .cls-1 {stroke: #007b69;}
.ben-lovett blockquote svg .cls-2 {fill: #007b69;}
.ben-lovett .content-header .panel-container-outer,
.ben-lovett.panel-container-outer {background-color:#e9f0f3;}
.ben-lovett .btn.big:hover {box-shadow: 0 0 0 3px #007b69;}
.ben-lovett .panel-container:before {background-image:url(/_assets/shape-mask-left-sandie.png);}
.ben-lovett .panel-container:after {background-image:url(/_assets/shape-mask-right-sandie.png);}
/* MARY PORTAS */
.listing .panel-container-outer.mary-portas .btn,
.mary-portas blockquote cite {color:#007b69}
.mary-portas .btn.big,
.related-articles .panel-container.mary-portas .btn,
.mary-portas .panel-container {background-color:#007b69;}
.related-articles .panel-container.mary-portas .btn {color:#ffffff;}
.mary-portas blockquote svg .cls-1 {stroke: #007b69;}
.mary-portas blockquote svg .cls-2 {fill: #007b69;}
.mary-portas .content-header .panel-container-outer,
.mary-portas.panel-container-outer {background-color:#e9f0f3;}
.mary-portas .btn.big:hover {box-shadow: 0 0 0 3px #007b69;}
.mary-portas .panel-container:before {background-image:url(/_assets/shape-mask-left-sandie.png);}
.mary-portas .panel-container:after {background-image:url(/_assets/shape-mask-right-sandie.png);}
.panel-container-outer.mary-portas .panel-container-text h2 {font-size: 44px;}
/* THE ELBAS */
.listing .panel-container-outer.elbas .btn,
.elbas blockquote cite {color:#82A7B9}
.elbas .btn.big,
.related-articles .panel-container.elbas .btn,
.elbas .panel-container {background-color:#82A7B9;}
.related-articles .panel-container.elbas .btn {color:#ffffff;}
.elbas blockquote svg .cls-1 {stroke: #82A7B9;}
.elbas blockquote svg .cls-2 {fill: #82A7B9;}
.elbas .content-header .panel-container-outer,
.elbas.panel-container-outer {background-color:#e9f0f3;}
.elbas .btn.big:hover {box-shadow: 0 0 0 3px #82A7B9;}
.elbas .panel-container:before {background-image:url(/_assets/shape-mask-left-sandie.png);}
.elbas .panel-container:after {background-image:url(/_assets/shape-mask-right-sandie.png);}
.btn {font-size: 17px; font-family: 'ZapfHumnst BT', serif; padding: 18px 25px; background-color: #B3D0D4; color:#006171; display: inline-block; text-transform: uppercase;}
#pmLink {visibility: hidden}