/* headings */
.typography h1,
.typography .h1,
.typography h1 a,
.typography .h1 a,
.typography h2,
.typography .h2,
.typography h2 a,
.typography .h2 a,
.typography h3,
.typography .h3,
.typography h3 a,
.typography .h3 a,
.typography h4,
.typography .h4,
.typography h4 a,
.typography .h4 a,
.typography h5,
.typography .h5,
.typography h5 a,
.typography .h5 a,
.typography h6,
.typography .h6,
.typography h6 a,
.typography .h6 a {
    font-family:'DIN Next LT W02 Regular', sans-serif;
}

.typography h1,
.typography h1 a,
.typography .h1 a,
.typography .h1 ,
.typography h1 span,
.typography .h1 span{
    text-transform: none;
    position: relative;
    font-size: 48px;
    margin-bottom: 24px;
    line-height: 1;
    color: #101010;
    font-family:'DIN Next LT W01 Bold', sans-serif;
}

.jumbotron .typography h1,
.jumbotron .typography h1 a,
.jumbotron .typography .h1 a,
.jumbotron .typography .h1 ,
.jumbotron .typography h1 span,
.jumbotron .typography .h1 span{
    text-transform: none;
    position: relative;
    font-size: 70px;
    margin-bottom: 24px;
    line-height: 1;
    color: #101010;
    font-family:'DIN Next LT W01 Bold', sans-serif;
}

.jumbotron a{
    font-size: 20px;
    line-height: 30px;
    font-family:'DIN Next LT W01 Bold', sans-serif;
}

.jumbotron p{
    font-size: 20px;
    line-height: 30px;
    font-family:'DIN Next LT W02 Regular', sans-serif;
}

.typography h1.simple:after{
    display: none;
}

.typography h1 + h2 {
    margin-top: -9px;
    margin-bottom: 18px;
}

.typography h2,
.typography .h2,
.typography .h2 a,
.typography h2 a ,
.typography .h2 span,
.typography h2 span {
    text-transform: none;
    position: relative;
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #101010;
    font-family:'DIN Next LT W01 Bold', sans-serif;
}

.typography .h2 span,
.typography h2 span {
    color: #101010;
}


.typography h2.simple:after{
    display: none;
}

.typography h3,
.typography .h3,
.typography .h3 a,
.typography h3 a,
.typography .h3 span,
.typography h3 span {
    font-size: 32px;
    line-height: 1.1;
    color: #101010;
    margin-bottom: 20px;
    display: block;
    font-family:'DIN Next LT W01 Bold', sans-serif;
}


.typography h3 + h4 {
    margin-top: -6px;
}

.typography h4,
.typography .h4,
.typography .h4 a,
.typography h4 a,
.typography .h4 span,
.typography h4 span{
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 15px;
    font-family:'DIN Next LT W01 Bold', sans-serif;
    color: #101010;
}
.typography h5,
.typography .h5,
.typography .h5 a,
.typography h5 a,
.typography .h5 span,
.typography h5 span{
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
    display: block;
    font-family:'DIN Next LT W01 Medium', sans-serif;
}

.typography h6,
.typography .h6,
.typography .h6 a,
.typography h6 a,
.typography .h6 span,
.typography h6 span{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
    display: block;
    font-family:'DIN Next LT W01 Medium', sans-serif;
}


/* lists */
.typography ol,
.typography ul {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    margin-bottom: 1.5em;
    list-style-image: url("/resources/themes/kuny/images/kuny-list-icon.png");
}

.typography ol ol,
.typography ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.typography ol > li,
.typography ul > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 3px 34px; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style-image: url("/resources/themes/kuny/images/kuny-list-icon.png");
}

.typography ol > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: 9px;
    left: -28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    height: 24px;
    width: 24px;
    color: #fff;
    text-align: center;
    font-family:'DIN Next LT W02 Regular', sans-serif;
    font-weight: normal;
    line-height: 24px;
    border-radius: 20px;
}


.typography ul.simplelist > li:before
{
    display:none;
}

/* alingments */
.typography .right,
.typography .rightAlone,
.typography .alignright {
    float: right;
    margin: 0 0 1.5em 1.5em;
}

.typography .left,
.typography .alignleft {
    float: left;
    margin: .5em 1.5em 0.25em 0;
}

.typography .center,
.typography .aligncenter {
    float: none;
    margin: 0 auto;
}

/* images */
.typography .captionImage{
    display: inline-block;
}
.typography .center.captionImage
{
    display:block;
}

.typography .captionImage img {
    margin-bottom: 0 !important;
}

.typography .captionImage p.caption {
    font-size: 14px;
    clear: both;
    padding: 6px;
    background: #2766ab;
    width: 100%;
    margin: 0;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

section.typography img,
section.typography .captionImage{
    max-width: 100% !important;
    height: auto !important;
}

/* tables */
.typography table {
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

.typography tbody > tr > td:not(:first-child),
.typography tbody > tr > th:not(:first-child),
.typography tfoot > tr > td:not(:first-child),
.typography tfoot > tr > th:not(:first-child),
.typography thead > tr > td:not(:first-child),
.typography thead > tr > th:not(:first-child)
.typography td {
    padding: 7px;
    line-height: 1.4285;
    border-left: 1px solid #ddd;
    vertical-align: top;
}


.typography tr:not(:last-child){
    border-bottom: 1px solid #ddd;
}

.typography th {
    font-weight: bold;
}

.typography tr:hover {
    background: #eee;
}

.typography strong,
.typography strong a{
    font-family:'DIN Next LT W01 Bold', sans-serif;
}

.typography .sneekpeek {
}

.typography .sneekpeek:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f002";
    color: #DF4B38;
    margin-left: 10px;
    font-size: 20px;
    position: absolute;
    margin-top: -6px;
}

/* misc */
.separator {
    height: 0;
    border-bottom: 2px dashed #74b0d4;
    margin-bottom: 18px;
    opacity: 0.5;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.white-text,
.white-text *{
    color: #fff !important;
    background: transparent;
}
.white-text h1:after,
.white-text h2:after{
    background-color:#fff !important;
}

.tableofcontents {
    margin-bottom: 1rem !important;
}

.tableofcontents li {
    margin-left: 0;
    padding-left: 20px;
}

.tableofcontents li:before {
    display: none;
}

table.stacktable,
.stacktable {
}


.content__column a:not([href]) {
    position: relative;
    top: -140px;
    display: block;
    height: 1px;
    width: 1px;
    opacity: 0;
    background: red;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 32px;
    }

}
.typography .font-black
{
    color:black !important;
}

@media (max-width: 575.98px) {
    .jumbotron .typography h1,
    .jumbotron .typography h1 a,
    .jumbotron .typography .h1 a,
    .jumbotron .typography .h1 ,
    .jumbotron .typography h1 span,
    .jumbotron .typography .h1 span{
        text-transform: none;
        position: relative;
        font-weight: bold;
        font-size: 42px;
        margin-bottom: 24px;
        line-height: 48px;
        font-family:'DIN Next LT W01 Bold', sans-serif;
    }

    .jumbotron p,
    .jumbotron a{
        font-size: 18px;
        line-height: 26px;
    }
}


@media only screen and (max-width : 768px) {
    .typography h1,
    .typography h1 a,
    .typography .h1 a,
    .typography .h1 ,
    .typography h1 span,
    .typography .h1 span{
        font-size: 30px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .typography h3,
    .typography .h3,
    .typography .h3 a,
    .typography h3 a,
    .typography .h3 span,
    .typography h3 span {
        font-size: 22px;
        line-height: 1.4;
        color: #101010;
        margin-bottom: 12px;
    }

    .typography h4,
    .typography .h4,
    .typography .h4 a,
    .typography h4 a,
    .typography .h4 span,
    .typography h4 span {
        font-size: 18px;
        line-height: 1.4;
        color: #101010;
        margin-bottom: 12px;
    }

    .typography h5,
    .typography .h5,
    .typography .h5 a,
    .typography h5 a,
    .typography .h5 span,
    .typography h5 span{
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .typography h6,
    .typography .h6,
    .typography .h6 a,
    .typography h6 a,
    .typography .h6 span,
    .typography h6 span{
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 15px;
    }


    .hero__carousel p{
        font-size: 16px !important;
    }
}