/* fonts */
h1, h2, h3, h4 {
    font-family: "mrs-eaves-xl-serif-narrow", serif;
}
.site__logo_title {
    font-family: "GT Haptik", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.destination-logo {
    width: 281px;
}
.page__static_artists .site__footer{
    background-color: #33899B !important;
}
#ts-hero {
    overflow: hidden;
}
/* general overrides*/
@media (max-width: 768px){
    .row-hero {
        min-height: 600px;
        max-height: 710px;
        background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/artists/products-lifestyle.png);
        height: 70vh;
        background-position: 31%;
        background-size: 262% !important;
    }
    #ts-hero p {
        text-align: center;
        margin-left: 30px;
        margin-right: 30px;
    }
}
@media (max-width:1200px){
    .row-hero .col-full-offset {
        display: table;
        height: 100%;
    }
    .row-hero .v_align_outer {
        display: table-cell;
        vertical-align: middle;
    }
    .row-hero {
        background-image: url(https://s3.amazonaws.com/teespring-ass/images/hp-assets/artists/products-lifestyle.png);
        height: 70vh;
        background-size: 112%;
    }
    .col-hero {
        display: none;
    }
}
.button--primary {
    background:#33899B;
    border-color: #33899B;
}
.button--primary:hover {
    background:#064451;
    border-color: #064451;
}
.flat-section {
    padding-top: 56px;
    padding-bottom: 80px;
}
.section-info {
    margin-bottom: 6px;
}
.hero-products {
    display: inline-block;
    position: relative;
    width: auto;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
    height: 88vh;
}
.hero-products svg {
    display: inline-block;
    position: absolute;
    width: auto;
    top: 0;
    right: 0;
    height: 100%;
    bottom: 0;
}
/* navigation */
.menu__link--highlighted {
    color: #fff;
    border-color: #fff;
}
.menu__link--highlighted:hover {
    color: #064451;
    border-color: #064451;
}
.site__header .site__logo_icon, .site__header .site__logo_title {
    color: #33899B;
    fill: #33899B;
}
.site__header.nav-fixed {
    background-color: #33899B !important;
}
.site__header.nav-fixed .site__logo_icon, .site__header.nav-fixed .site__logo_title {
    color: #064451 !important;
    fill: #064451 !important;
}
header.slideout-active {
    background-color: #33899B !important;
}
.slideout-active .site__logo_title {
    color: #064451 !important;
}
.slideout-active .site__logo_icon {
    fill: #064451 !important;
}
.menu__link-cta {
    background:#33899B;
    border-color: #33899B;
}
.menu__link-cta:hover {
    background:#064451;
    border-color: #064451;
    color: #fff;
}
.nav-fixed .menu__link-cta,.slideout-active .menu__link-cta{
    background:#fff;
    border-color: #fff;
    color: #33899B !important;
}
.nav-fixed .menu__link-cta:hover,.slideout-active .menu__link-cta:hover {
    background:#064451;
    border-color: #064451;
    color: #fff;
}
/* interactive hero elements */
.info-tile {
    display: none;
}
.selectable-ring:hover {
    r: 12;
}
.selectable-ring:hover .info-tile {
    display: initial!important;
}
/* hero overrides */
.row-hero .col-hero {
    overflow: hidden;
}
@media (min-width:576px){
    .col-full-offset {
        padding-left: calc((100vw - 540px + 15px) / 2);
    }
}
@media (min-width:768px){
    .col-full-offset {
        padding-left: calc((100vw - 720px + 15px) / 2);
    }
}
@media (min-width:992px){
    .col-full-offset {
        padding-left: calc((100vw - 960px + 15px) / 2);
    }
}
@media (min-width:1200px){
    .col-full-offset {
        padding-left: calc((100vw - 1140px + 15px) / 2);
    }
}
#ts-hero h1 {
    font-family: "mrs-eaves-xl-serif-narrow", serif;
    font-weight: 700;
    font-style: normal;
    color: #212032 !important;
}
@media only screen and (min-width: 1200px){
    #ts-hero h1, #ts-hero .h1 {
        font-size: 87px !important;
        line-height: 94px;
        letter-spacing: -0.1;
    }
}
#ts-hero {
    background-color: #F6F6F9 !important;
    padding-top: 0px;
}
.hero-content-wrapper {
    position: absolute;
    z-index: +999;
    height: 710px;
    display: table;
}
.hero-content-align {
    display: table-cell;
    vertical-align: middle;
}
.hero-content-align p {

}
.arthouse-hero-img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
/* product grid */
#ts-anything .product-grid {
    margin-top: 0px;
}
#ts-anything .product-grid .product-img {
    height: 155px!important;
}
#ts-anything .product-grid .product-img img {
    width: 64%;
    background-color: #eaeaea !important;
}
.col-product-lifestyle {
    background-image: url('https://s3.amazonaws.com/teespring-ass/images/hp-assets/artists/lifestyle-frame.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 30px;
}
.prd-col:nth-child(n+10) {
    display: none;
}
.prt-custo-name {
    display: none;
}
.product-img {
    height: 159px!important;
}
/* ts go cta */
.ts-go-cta {
    margin-top: 30px;
}
.ts-go-cta h3 {
    font-family: "mrs-eaves-xl-serif-narrow", serif;
    color: #33899B;
    font-size: 35px;
    margin-bottom: 0px;
}
.ts-go-cta-content {
    padding: 18px 30px;
    border: solid 1px #33899B;
}
.ts-go-cta-content p {
    margin-top: 0px;
}
/* featured artists */
#featured-artists {
    background: #F4F6F9;
    padding-bottom: 40px;
}
.featured-prts-content {
    background-color: #fff;
}
.featured-prts-content .row {
    margin-left: 0px;
    margin-right: 0px;
}
.featured-prts-grid {
    height: 187px;
}
.col-featured-prt {
    text-align: center;
}
.col-featured-prt img {
    max-height: 150px;
    max-width: 100%;
    width: auto;
}
.row-featured-artists {
    max-height: 430px;
}
.featured-print {
    max-height: 350px;
    overflow: hidden;
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: center;
}
@media (min-width: 768px) {
    .row-featured-artists .v_align_col {
        display: inline-grid;
    }
}
@media (max-width: 767px){
    .featured-prts-grid {
        height: 145px;
    }
    .row-featured-artists {
        max-height: initial;
        margin-bottom: 60px;
    }
}
.artists-feature-heading {
    margin-top: -12px;
}
.artists-feature-heading h3{
    font-family: "mrs-eaves-xl-serif-narrow", serif;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    margin-bottom: 0px;
    color: #474747;
}
.artists-feature-heading p {
    margin-top: 0px;
    margin-bottom: 30px;
}
/* how it works */
.hiw-no {
    font-family: "Mr Eaves XL Modern", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    line-height: 42px;
    font-size: 68px;
    color: rgba(51, 137, 155, 0.09);
}
.row-artists-hiw {
    max-height: 470px;
}
.artists-hiw-heading h3 {
    font-family: "mrs-eaves-xl-serif-narrow", serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #33899B;
    margin-top: 7px;
    margin-bottom: 0px;   
}
.artists-hiw-heading p {
    margin-top: 0px;
    margin-bottom: 0px;  
    font-size: 18px;
    line-height: 27px;
}
.hiw-diamond:before {
    width: 430px;
    height: 430px;
    border: solid 1px #33899B;
    content: "";
    transform: rotate(45deg);
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}
@media (max-width:767px){
    .hiw-diamond:before {
        display: none;
    }
    .col-artists-hiw-image img {
        max-width: 270px;
    }
}
.col-artists-hiw-image img {
    max-height: 475px;
}
.col-artists-hiw-image {
    text-align: center;
}
/* resources */
.resource-tile-link-item {
    text-align: center;
    margin-top: 60px;
}
.resource-tile-link-item h5{
    font-family: "mrs-eaves-xl-serif-narrow", serif; 
    font-weight: bold;
    font-size: 24px;
    text-transform: initial;
    margin-bottom: 0px;
    letter-spacing: 0px;
    line-height: 31px;
}
#artist-resources {
    background-color: #33899B;
    padding-bottom: 25px;
}
#artist-resources .section-info {
    margin-bottom: -24px;
}