﻿@media only screen and (max-width: 800px) {
    #dg-chat-widget-launcher iframe {
        width: 100% !important;
        height: 100% !important;
    }

    #dg-chat-widget iframe {
        width: 100% !important;
        height: 100% !important;
    }
}

@media only screen and (max-width: 1023px) {
    .anchor-tag-css {
        display: block;
        position: relative;
        top: -59px;
        visibility: hidden;
    }
}
@media only screen and (min-width: 1024px) {
    .anchor-tag-css {
        display: block;
        position: relative;
        top: -66px;
        visibility: hidden;
    }

}
.breadcrumbs li + li:before {
    content: ">";
    margin: 0px 4px;
    color: #AFAFAF !important;
    font-family: SkdyFontSub;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.breadcrumbs li {
    display: inline;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: SkdyFontSub;
    ;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #AFAFAF !important;
}

.bread li a {
    color: #AFAFAF !important;
}

.bread {
    margin-top: 75px;
}

ol.breadcrumbs {
    padding-left: 0px;
}

#query {
    width: 100%;
    margin-top: 75px;
    height:25px;
    padding:25px;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    
    
}
#nl_email {
    padding: 15px;
}
#search_query{
    height:40px;
}

input#query {
    font-family: SkdyFontOther;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 75px;
    letter-spacing: normal;
    
    max-width: 100%;
    width: -webkit-fill-available;
    background-color: #FFFFFF !important;
}

input[type="search"]::-webkit-input-placeholder {
    line-height: normal;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #afafaf;
    line-height: normal;
    padding-top: 26px;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #afafaf;
    line-height: normal;
    padding-top: 26px;
}

:-moz-placeholder { /* Firefox 18- */
    color: #afafaf;
    padding-top: 26px;
}

.row.bodypad {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/*.container {
    max-width: unset !important;
    padding: unset !important;
}*/

.iconhere {
    position: relative !important;
}

.glyphicon2 {
    position: absolute !important;
    padding: 20px;
    pointer-events: none;
    color: black;
    font-size: 31.6px;
    top: 4px;
    height: 70px;
    width: 70px;
    margin-left: 15px;
    margin-right: 5px;
    z-index: 1 !important;
}

/*input[type=search] {
    color: black !important;
}*/

textarea:focus, input:focus {
    outline: none;
}
/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    padding: 20px;
    pointer-events: none;
    color: black;
    font-size: 31.6px;
}

/* align icon */
.left-addon .glyphicon {
    left: 15px;
    top: 150px;
}

/* add padding  */
.left-addon input {
    padding-left: 90px !important;
}

body {
    background-color: black !important;
    color: white !important;
}

a {
    color: white;
}

.SkdyHead {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 54px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: -1.4px !important;
    color: #ffffff !important;
}

.SkdyHomeHead {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 36px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: -1.4px !important;
    color: #ffffff !important;
}

.SkdySub {
    font-family: SkdyFontSub,sans serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
}

.SkdyOther {
    font-family: SkdyFontSub,sans serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    color: #afafaf !important;
}

.SkdyHPLink {
    height: 16px;
    font-family: SkdyFontSub,sans serif !important;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    color: #969696;
    text-transform: uppercase;
}

.categor {
    margin-top: 15% !important;
}

@font-face {
    /*HelveticaNeueLTPro-Hv*/
    font-family: SkdyFontHead;
    src: url('//theme.zdassets.com/theme_assets/495984/22c48e8b17fd5e02c2a163e66cc9c32f28d192b5.otf') format('opentype');
}

@font-face {
    /*HelveticaNeueLTPro-Roman*/
    font-family: SkdyFontSub;
    src: url('//theme.zdassets.com/theme_assets/495984/36a308f1e8796c388728afb91caee8eb8b13f998.otf') format('opentype');
}

@font-face {
    /*HelveticaNeueLTPro-Md*/
    font-family: SkdyFontOther;
    src: url('//theme.zdassets.com/theme_assets/495984/04aa3a1dd2ac1eaa0d8322707efcffba993f3ede.otf') format('opentype');
}

h1 {
    font-family: SkdyFontHead,sans serif;
    text-transform: uppercase;
    font-size: 54px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.89;
    letter-spacing: -1px;
    color: black;
}

h2 {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 36px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: 0px !important;
    color: black !important;
}

h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.89;
    letter-spacing: -0.5px;
    color: black;
}

p {
    font-family: SkdyFontSub,sans serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: black;
}

.article-body h4 {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: -0.5px !important;
    color: black !important;
    padding-bottom: 5px;
}

h5 {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: -0.5px !important;
    color: black !important;
    padding-bottom: 5px;
}

strong {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: 0px !important;
    color: black !important;
}

/*CP Style Sheet*/
.SkdyHeadinvt {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 54px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: -1px !important;
    color: black !important;
}

.SkdySubHeadinvt {
    font-family: SkdyFontHead,sans serif !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 0.89 !important;
    letter-spacing: -0.5px !important;
    color: black !important;
}

.SkdySubinvt {
    font-family: SkdyFontSub,sans serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    color: black !important;
}

.SkdyOtherinvt {
    font-family: SkdyFontSub,sans serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1 !important;
    letter-spacing: -0.5px !important;
    color: black !important;
}

.SearchResultTitle {
    font-family: SkdyFontHead;
    src: url('//theme.zdassets.com/theme_assets/495984/22c48e8b17fd5e02c2a163e66cc9c32f28d192b5.otf') format('opentype');
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.89;
    letter-spacing: -1px;
    color: #000000 !important;
}

.SearchResultTitleuppr {
    font-family: SkdyFontHead;
    src: url('//theme.zdassets.com/theme_assets/495984/22c48e8b17fd5e02c2a163e66cc9c32f28d192b5.otf') format('opentype');
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.89;
    letter-spacing: -1px;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0px;
}

.headerhero {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
    padding-top: 39px;
}
/*Search Box*/
input {
    border: 1px solid black;
}

.search-result-link {
    color: black !important;
    text-transform: none !important;
}

a.article-list-link {
    color: black !important;
    text-decoration: none !important;
}

a.see-all-articles {
    color: black !important;
    text-decoration: none !important;
}

a.removehover {
    color: black !important;
}

a {
    color: black;
}

    a:hover {
        color: #969696 !important;
        text-decoration: unset !important;
    }

.search-result-description {
    padding-bottom: 30px;
}

.searchresult {
    margin-top: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}

.searchpding {
    padding-top: 15px;
    padding-bottom: 15px;
}

.paddingtest {
    position: relative;
    left: 0;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.articlelist {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0px !important;
}

.article-list {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}


/*Voting Section*/
.votingtbl {
    background-color: transparent !important;
    border: unset !important;
}

.tblrow {
    background-color: transparent !important;
}

.nopad {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.votingsection {
    margin-top: 25%;
    margin-bottom: 5%;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
}

.article-votes {
    margin-top: 3%;
    margin-bottom: 3%;
}

.votingsub {
    color: black;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
}

.btn {
    height: 50px;
    width: 125px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid black !important;
    color: black;
    border-radius: 0px !important;
    background-color: transparent;
}

.btnparentyes {
    position: relative;
}

.btnparentno {
    position: relative;
}

.center {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    text-align: center;
    z-index: -1;
}

.votingSkdyOther {
    color: black !important;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
}

/* Create two equal columns that floats next to each other */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.columnstack {
    float: left;
    width: 40%;
    padding-left: 0px;
    padding-top: 23px;
    padding-bottom: 22px;
}

.rowstack:after {
    content: "";
    display: table;
    clear: both;
}

.stackleft {
    margin-right: 20%;
}

.para {
    padding-bottom: 23px;
}

/*Mobile Responsiveness*/
@media only screen and (max-width: 600px) {
    .SkdyHeadinvt {
        font-size: 36px !important;
    }

    .headerhero {
        margin-top: 2% !important;
        margin-bottom: 2% !important;
        padding-top: 39px;
    }

    .hpmobile {
        max-width: 60%;
    }

/*    .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }*/

    h1 {
        font-size: 36px !important;
    }

    .columnstack {
        width: 100%;
    }
}


@media (max-width:475px) {
    .hideme {
        display: none !important;
    }

    .showme {
        display: block !important;
    }

    .homebread {
        margin-bottom: 25px !important
    }
}



@media (max-width:1100px) and (min-width:599px) {
    .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
        width: unset !important;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .categor {
        margin-left: 15% !important;
        margin-top: 15% !important;
        margin-bottom: 10%;
    }
}

@media (max-width:1250px) and (min-width:1050px) {
    .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
        width: unset !important;
    }
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.linebreak {
    border-bottom: 1px solid #d8d8d8;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.homebread {
    margin-bottom: 125px;
}
h5.footer-info-heading {
    color: white !important;
}
@media (min-width: 800px) {
    .container.footer-info-container {
        height: 0px !important;
    }
}

.container.footer-info-container {
    height: auto;
}

/*.desktop-dropdown-content-container.container {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}*/
.votingsection{
    display:none;
}
.page-content.page-content--centered {
    width: 100%;
}
#article-container{
    margin-bottom: 150px;
}
/*h4.accordion-header {
    color: white !important;
}*/
@media (min-width: 768px) {
    .container {
        width: unset !important;
    }
}
@media (min-width: 1200px) {
    .container {
        width: unset !important;
    }
}
@media (min-width: 992px) {
    .container {
        width: unset !important;
    }
}