/**
*
*  c28
*  2 column image text
*
**/

/*======= 320  padding l,r  15  = 290 ===*/

.c28 {
    margin-bottom: 1.5em;
    position: relative;
    padding-bottom: 1em;

}


.c28.bottomLine::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 1px;
    border-bottom: solid 1px var(--colored-line);
}

.c28.ltr.bottomLine::after {
    left: 0;
}

.c28.rtl.bottomLine::after {
    right: 0;
}

.c28 h2 {
    margin-top: 1em;
    margin-bottom: 0.6em;
}

.c28 .text-content>h2::after {
    content: "";
    display: block;
    width: 30px;
    margin-top: 10px;
    margin-left: -10px;
    border-bottom: solid 1px var(--colored-line);
}

.c28 img {
    width: 100%;
    height: auto;
}

.c28 .txt {
    margin-bottom: 2em;
}

.c28 .text-content.has-read-more> :last-child {
    margin-bottom: 0;
}

.c28 .read-more {
    display: block;
    padding: 0;
    margin: 2px 0 20px auto;
    border: 0;
    background: none;
    color: var(--colored-text);
    font: inherit;
    cursor: pointer;
    text-align: right;
}

.c28 .read-more span {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1;
}

.c28 .read-more[hidden] {
    display: none;
}

.c28 .read-more:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.c28 .link-button {
    display: inline-block;
    text-align: center;
    width: 290px;
    max-width: 100%;
    height: 35px;
    border: solid 2px #9CBFD1;
    color: #9CBFD1;
    background-color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
}

.c28 .link-button:hover,
.c28 .link-button:focus-visible {
    background-color: #BCA382;
    color: #fff;
}

/*======= 576 ========= MEDIA QUERIES ======= border 15 = 546 ===*/

@media only screen and (min-width: 576px) {
    .c28 .block {
        display: flex;
        flex-wrap: wrap;
        column-gap: 5%;
        align-items: flex-start;
        margin-bottom: 2em;
    }

    .c28 .block .mainImg {
        flex: 0 0 31.666666%;
        min-width: 0;
    }

    .c28 .block .txt {
        flex: 0 0 63.333333%;
        min-width: 0;
    }

    .c28 .text-content>h2 {
        margin-top: 0;
    }
}

/*======= 768 ========= MEDIA QUERIES ======= border 15 = 738 ===*/

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

/*======= 990 ======== MEDIA QUERIES ======== border 15 = 960 ===*/

@media only screen and (min-width: 990px) {
    .c28 article>.container {
        column-count: 2;
        column-gap: 5%;
    }

    .c28 .block {
        break-inside: avoid;
    }


    .c28 .block .mainImg {
        flex: 0 0 37.5%;

    }

    .c28 .block .txt {
        flex: 0 0 57.5%;

    }


}

/*======= 1398 ======= MEDIA QUERIES ======== border 30 = 1338 ==*/

@media only screen and (min-width: 1398px) {
    .c28 .watermark {
        position: relative;
        width: 100%;
        height: 100%;
        isolation: isolate;
    }

    /* isolation keeps the watermark (z-index -1) inside .c20, behind its content */


    /* watermark: 10% from the top, 1% from the left, 90% of .c20's height */
    .c28 .watermark::before {
        content: "";
        position: absolute;
        inset: 10% 0 0 1%;
        /* top right bottom left */
        z-index: -1;
        pointer-events: none;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
        /* full height of this box = 90% of .c20 */
        background-image: url('data:image/svg+xml,<svg id="watermarkSVG" width="142.45" height="179.53" version="1.1" viewBox="0 0 142.45 179.53" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><style type="text/css">.waterSt0{fill:none;stroke:%23F3EDE4;stroke-miterlimit:30;}.waterSt1{fill:none;stroke:%23F3EDE4;stroke-miterlimit:10;}</style><path class="waterSt0" d="m136.7 113.85c5.447-24.783 5.447-38.511 5.142-51.324-0.345-14.46-3.356-29.286-6.407-37.218-3.062-7.962-16.268-25.177-29.286-23.49-13.018 1.688-27.989 17.907-37.599 18.914 4.424 0.092 10.906 1.22 28.447-5.491 15.969-6.11 27.151 10.067 31.269 19.982 4.96 11.939 5.733 22.542 6.712 40.726 0.709 13.17-0.458 27.151-1.068 32.947-0.225 2.142-0.304 3.436-0.095 8.873 0.179 4.652-0.889 9.254-0.889 9.254s2.16-5.825 3.774-13.173z" style="stroke-miterlimit:25;stroke-width:.5"/><path class="waterSt1" d="m117.94 159.83c-1.754 3.89-3.051 7.856-7.627 9.228-3.334 1.001-6.787-0.762-8.465-6.101-1.564-4.977 0.59-18.038-10.372-39.963-5.186-10.372-11.44-10.982-11.44-10.982s2.695 1.826 4.423 3.965c6.407 7.932 8.237 18.304 8.847 23.338 0.926 7.639 1.373 15.405 1.83 24.1 0.285 5.409 2.231 9.518 3.298 11.196 1.068 1.677 4.079 4.423 6.712 4.423 2.44 0 5.015-0.29 7.608-2.273 2.668-2.04 3.96-4.03 5.949-8.008 2.745-5.491 2.875-6.652 4.442-10.463 1.811-4.408 6.489-18.344 7.321-21.202 3.261-11.196 4.854-20.95 1.431-33.313-2.746-9.915-5.949-14.948-18.514-20.226-11.168-4.69-34.8-2.783-39.659-10.067-5.738-8.603 8.264-13.941 13.576-25.32 3.912-8.383 3.451-14.109-0.458-18.38-3.756-4.103-18.017-6.849-18.017-6.849s14.787 10.284 11.135 18.304c-3.89 8.542-24.738 28.681-15.788 40.573 7.99 10.616 22.575 7.627 39.754 12.569 15.148 4.358 19.758 8.62 23.242 20.378 1.22 4.118 1.506 15.026-2.974 29.057-0.899 2.816-3.87 10.731-6.254 16.016z" style="stroke-miterlimit:25;stroke-width:.5"/><path class="waterSt0" d="m17.439 80.112c-3.104 13.523-4.939 26.553-3.371 40.033 1.597 13.728 11.038 32.628 13.699 37.435 3.079 5.561 9.322 11.979 11.841 14.536 3.466 3.518 9.865 6.692 13.669 6.692 6.172 0 9.168-5.486 10.353-7.453 1.954-3.241 1.887-8.134 2.172-14.498 0.457-10.23 0.637-10.175 2.072-19.436 0.714-4.609 2.09-12.659 6.983-24.719 3.104-7.648 7.272-10.387 7.272-10.387s-3.48-1.19-10.106 9.996c-14.347 24.223-13.884 41.725-15.448 47.581-1.678 6.282-5.131 8.356-8.465 7.178-4.576-1.614-7.456-5.963-10.227-10.175-3.66-5.564-8.453-16.751-12.228-24.368-10.419-21.022-8.216-52.415-8.216-52.415z" style="stroke-miterlimit:25;stroke-width:.5"/><path class="waterSt0" d="m6.207 73.268c0.61-4.271 0.159-8.773 3.356-22.27 2.746-11.592 8.542-22.88 12.203-28.981 3.66-6.101 7.02-10.779 12.507-10.982 4.119-0.153 15.225 10.456 19.707 13.118 1.953 1.159 5.088 2.186 7.871 2.38 4.393 0.305 8.115-1.159 8.115-1.159s-5.53-1.356-7.369-2.172c-3.163-1.404-5.556-3.797-12.644-10.884-4.728-4.729-7.926-7.497-11.638-9.671-12.489-7.313-20.363 5.644-25.091 12.66-4.314 6.401-12.724 23.18-12.724 40.083 0 11.898 1.131 19.405 5.111 34.308 0-1e-3 0.122-13.109 0.596-16.43z" style="stroke-miterlimit:25;stroke-width:.5"/></svg>');
    }
}

/*======= 2512 ======= MEDIA QUERIES ==== border 151-45 = 2396 ==*/

@media only screen and (min-width: 2512px) {}

/*END-c28*/