@font-face{font-family:'ITC Avant Garde Gothic Std';src:url("../fonts/ITCAvantGardeStd-Md.woff2") format("woff2"),url("../fonts/ITCAvantGardeStd-Md.woff") format("woff");font-weight:500;font-style:normal}
@font-face{font-family:'ITC Avant Garde Gothic Std';src:url("../fonts/ITCAvantGardeStd-Bk.woff2") format("woff2"),url("../fonts/ITCAvantGardeStd-Bk.woff") format("woff");font-weight:300;font-style:normal}


.transparent-dark .pull-left{ display: none; }
.transparent-dark.dark .pull-left{ display: inline-block; }

.transparent-dark .header-inner .menu li a{ font-weight: bold; font-family:"ITC Avant Garde Gothic Std",sans-serif; font-size: 16px; border: 4px solid transparent; padding: 2px 9px; }
.transparent-dark .header-inner .menu li a.active,
.transparent-dark .header-inner .menu li a:focus,
.transparent-dark .header-inner .menu li a:hover,
.transparent-dark .header-inner .menu li a:active{ font-weight: bold; border: 4px solid black; padding: 2px 9px; }

.transparent-dark.dark .header-inner .menu li a{ font-family:"ITC Avant Garde Gothic Std",sans-serif; font-size: 16px; border: 4px solid transparent; padding: 2px 9px; }
.transparent-dark.dark .header-inner .menu li a.active,
.transparent-dark.dark .header-inner .menu li a:focus,
.transparent-dark.dark .header-inner .menu li a:hover,
.transparent-dark.dark .header-inner .menu li a:active{ font-weight: bold; border: 4px solid white; padding: 2px 9px; }

a.mkxyz-btn-black{ color: black; font-weight: bold; font-family:"ITC Avant Garde Gothic Std",sans-serif; font-size: 16px; border: 4px solid black; padding: 2px 9px; }
a.mkxyz-btn-black.active,
a.mkxyz-btn-black:focus,
a.mkxyz-btn-black:hover,
a.mkxyz-btn-black:active{ color:black; font-weight: bold; border: 4px solid black; padding: 2px 9px; opacity: 0.8; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.backg-white{ background: white; }
.no-padding{ padding: 0; }
.no-margin{ margin: 0; }
.uppercase{ text-transform: uppercase; }
.w100{ width: 100%; }

a.link-black{ color: black; }
a.link-black:hover,
a.link-black:focus,
a.link-black:active{ color: black; opacity: 0.8; }

.bg-footer{ background: url(../images/itsmkxyz/footer-its-mkyxz2.jpg) center top no-repeat; background-size: cover; }

.home-featured-video{  font-size: 30px;
    margin-bottom: 50px;
}

.header .header-inner{ padding: 0 20px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "ITC Avant Garde Gothic Std",sans-serif;
    font-weight: 500;
}

ul.news-list li{ margin-bottom: 35px;}
ul.news-list li a{ color: black; }
ul.news-list li a:hover,
ul.news-list li a:focus,
ul.news-list li a:active{ color: #585858; }
ul.news-list li a:visited{ color: #7d7d7d; }

/* Sweet spot */
#Home-Sweet-Spot-Background{ width:100%; height: auto;}




.sweet-spot-list-icons li a i{ color: rgb(255,195,226); }
.btn-social{ background: rgba(255,195,226,.82) !important; border: 0; font-weight: 900; color: #003bb8; }
.btn-social:hover,
.btn-social:focus,
.btn-social:active{ border: 0; opacity: 0.8;}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.btn-social svg, .btn-social img {
    margin-right: 10px;
    max-width: 30px;
}
.btn-social svg {
    color: #fff !important;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.container-sweet-spot{ padding-top: 75vh; padding-bottom: 12vh; }

.home-watch-text{ font-size: 150px; line-height: 150px; color: #a0090f; }

.read-full-article-here{
    background: #4e4e4e;
    display: inline-block;
    padding: 0px 6px;
    border-radius: 15px;
    font-size: 13px;
    color: white;
}

.read-full-article-here a{ color: white !important; }
.read-full-article-here a:hover,
.read-full-article-here a:focus,
.read-full-article-here a:active{ opacity: 0.5 !important; }

.published-by{
    background: #c4c4c4;
    display: inline-block;
    padding: 0px 6px;
    border-radius: 15px;
    font-size: 10px !important;
    color: white;
    margin: 0;
}

.published-by-dark{
    background: rgba(0,0,0,.5);
    display: inline-block;
    padding: 0px 6px;
    border-radius: 15px;
    font-size: 10px !important;
    color: white;
    margin: 0;
}

.relative{ position: relative; }
.absolute-button{ width: 100%; height: auto; position: absolute; bottom: 80px; left: 0; right: 0; }
.absolute-button > a { color: black; margin-top:5px; font-size: 40px; padding: 25px; background: rgba(255,195,226,1) !important; }

/* 2023 06 05 no boys allowed */

#home .container{ padding: 50px 20px; }
#home{ background: url(https://itsmkxyz.com/assets/images/20230605-no-boys-allowed/20230506-mkxyz-no-boys-allowed-background.jpg) no-repeat; background-size: cover; margin-top: 80px; }
.section1-a img{
    /* box-shadow: 4px 4px 12px #4c4c4c; */
}


@media (min-width: 991px)
{
	ul.news-list li{ height: 450px;  }

    
}

@media (max-width: 991px)
{

    .custom-sneaker-giveaway{ margin-top: 85px; }
    .absolute-button{ bottom: 20px; }
    .absolute-button > a { font-size: 20px; padding: 8px;}

}

@media (min-width: 769px)
{
    #Home-Sweet-Spot-Background{ background: url("../images/itsmkxyz/sweet-spot/MKxyz-bg-wide-1920.jpg") top center no-repeat !important; }
    .container-sweet-spot{ padding-top: 40vh; padding-bottom: 30vh; }
    .section1-a img.mobile-image,
    .section1-b img.mobile-text{ display: none; }
    
}

@media (max-width: 768px) 
{
    #home{ background: #d4dde1; }
    #home .container{padding: 0; margin: 0; }
    .section1-a img.desktop-image,
    .section1-b img.desktop-text{ display: none; }
    .section1-b img{ max-width: 80%; margin: 0 auto; }
}

@media (max-width: 768px) and (min-width: 551px)
{
    #Home-Sweet-Spot-Background{ background: url("../images/itsmkxyz/sweet-spot/HeroImage_9x16_1-991.jpg") top right no-repeat !important; }
}



@media (min-width: 768px)
{
	
}

@media (max-width: 550px)
{
    #Home-Sweet-Spot-Background{ background-image: url("../images/itsmkxyz/sweet-spot/mkxyz-sweet-spot-backg-mobile-768-002.jpg") !important; background-size: cover;
        background-repeat: no-repeat;
        background-color: #01a1ff; 
        background-position: center;

    }
    .container-sweet-spot {
        padding-top: 600px;
        padding-bottom: 100px;
    }

    .home-watch-text{ font-size: 60px; line-height: 60px; }

}