@media all and (min-width: 680px) and (max-width: 959px) {
    .read-more .single-article-full {
        float: left;
        width: 100%;
    }

    .read-more div#WIPSELEMENT_ARTICLE-BLOCK-1 {
        clear: right;
        float: right;
        width: 48%;
    }

    .read-more .single-article-half.single-article-right {
        clear: left;
        float: left;
        width: 52% !important;
    }

    .read-more .single-article-half.single-article-left {
        clear: right;
        float: right;
        width: 48%;
    }
}

@media all and (min-width: 960px) and (max-width: 1199px) {
    .read-more .single-article-full {
        float: left;
        width: 100%;
    }

    .read-more div#WIPSELEMENT_ARTICLE-BLOCK-1 {
        clear: right;
        float: right;
        width: 35%;
    }

    .read-more .single-article-half.single-article-right {
        clear: left;
        float: left;
        width: 65% !important;
    }

    .read-more .single-article-half.single-article-left {
        clear: right;
        float: right;
        width: 35%;
    }
}

@media all and (min-width: 1200px) {
    .read-more .single-article-full {
        clear: left;
        float: left;
        width: 100%;
    }

    .read-more div#WIPSELEMENT_ARTICLE-BLOCK-1 {
        clear: right;
        float: right;
        width: 30%;
    }

    .read-more .single-article-half.single-article-right {
        clear: left;
        float: left;
        width: 70% !important;
    }

    .read-more .single-article-half.single-article-left {
        clear: right;
        float: right;
        width: 30%;
    }

}

@media all and (max-width: 959px) {
    #WIPSELEMENT_ARTICLE-BLOCK-1, #WIPSELEMENT_ARTICLE-BLOCK-2 {
        --block-wrapper-override-width: 100%;
    }
}

@media all and (min-width: 960px) {
    .read-more #WIPSELEMENT_ARTICLE-BLOCK-1 .block-width-75,
    .read-more #WIPSELEMENT_ARTICLE-BLOCK-2 .block-width-75 {
        --block-wrapper-override-width: 100%;
    }

    .read-more #WIPSELEMENT_ARTICLE-BLOCK-1 .block-width-25,
    .read-more #WIPSELEMENT_ARTICLE-BLOCK-2 .block-width-25 {
        --block-wrapper-override-width: 50%;
    }
}

@media all and (max-width: 679px) {
    .read-more #WIPSELEMENT_ARTICLE-BLOCK-1 .outer-block-container,
    .read-more #WIPSELEMENT_ARTICLE-BLOCK-2 .outer-block-container {
        float: left !important;
    }
}

/*
----------------------------------------
OUTER ARTICLE WRAPPERS
----------------------------------------
*/
#content #mainContent.responsive-text #WIPSELEMENT_ARTICLE-BLOCK-1 {
    height: auto;
    min-height: 0;
    overflow: hidden;
    text-align: left;
}


.single-article-half.single-article-right {
    display: block;
    margin: 0;
    overflow: visible;
    padding: 0;
    top: 0;
}

.single-article-half.single-article-left {
    display: block;
    margin: 0 0 10px;
    overflow: visible;
    padding: 0;
}

.single-article-half.single-article-left .article-block {
    height: auto !important;
    margin-right: 0 !important;
    width: 100%;
}


#font-size-script.responsive-text, #mainContent.responsive-text {
    display: inline-block;
    height: 100%;
    margin: 0 auto;
    padding: 0 35px 0 35px;
    position: relative;
    width: calc(100% - 40px);
}

.single-article {
    display: block;
    margin: 0;
    overflow: visible;
    width: 100%;
}

.single-article * {
    vertical-align: top;
}

.single-article .clear {
    position: relative;
}

.single-article-half {
    text-align: left;
}

.formDynamicLoaded form {
    display: block !important;
}

/*
----------------------------------------
INNER ARTICLE WRAPPERS
----------------------------------------
*/
div.article-block {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.article-block-container {
    display: block;
}

.article-block-inner {
    float: none;
    width: 50%;
}

.article-block-inner.col-links {
    margin: 0 0 20px 0;
}


/*
----------------------------------------
INSIDE ARTICLE ELEMENTS
----------------------------------------
*/
.read-more .no-media.no-blocks .single-article-right {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

div.article-block .btn,
div.article-block #form button {
    text-transform: uppercase;
}

div.article-block .btn,
div.article-block #form button:not(:hover) {
    border-color: transparent;
}


div.article-block h1 {
    line-height: 1.2em;
}


div.article-block .book {
    line-height: 1.2em;
}

div.article-block p {
    line-height: 1.5em;
}


div.article-block .article-image {
    width: 100%;
}

.single-article-right .article-block-inner.col-links {
    width: auto;
}

.article-map,
.article-video,
.article-block-image {
    border-color: #cccccc;
    float: left;
    overflow: hidden;
    position: relative;
    width: 98%;
    z-index: 1;
}

.article-map {
    padding-bottom: 65.2%;
}

#articleMap {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.single-article form input,
.single-article form textarea,
.single-article form button {
    width: 100%;
}

.article-block-inner.col-links .col-link.book {
    border: 1px solid !important;
    display: block;
    max-width: 99%;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

.single-article-right h1,
.single-article-right h2,
.single-article-right h3,
.single-article-right h4,
.single-article-right h5,
.single-article-right h6 {
    line-height: 1.2em !important;
}

div.article-block #form input,
div.article-block #form button {
    display: block;
}

/*
----------------------------------------
RELATED ARTICLES
----------------------------------------
*/

div.single-article-right h1 {
    text-align: left;
}

/*
----------------------------------------
EXTRA
----------------------------------------
*/

.topSliderPhotographer {
    left: 20px;
}

.topSliderPhotographer:empty {
    display: none;
}

.topSliderPhotographer:before {
    content: "\00a9";
    margin-top: 5px;
    vertical-align: bottom;
}


/*
----------------------------------------
RESPONSIVE INNER ARTICLE
----------------------------------------
*/

@media all and (min-width: 680px)  and (max-width: 959px) {

    .single-article-half.single-article-right {
        padding-right: 4% !important;
    }

    .no-media .single-article-half.single-article-right {
        padding-right: 0 !important;
    }
}

@media all and (min-width: 680px) {

    div.single-article-right h1 {
        text-align: left;
    }
}

@media all and (max-width: 679px) {
    .single-article-full .article-block {
        margin: 0 0 10px 0;
        padding: 0;
    }

    #mainContent.responsive-text {
        padding: 0 20px 0 20px;
    }

    .single-article-half {
        margin: 0 0 3% 0;
    }

    #topSliderPhotographer {
        left: 0;
        position: absolute;
        right: 0;
    }
}

/*
----------------------------------------
RESPONSIVE INNER ARTICLE ELEMENTS
----------------------------------------
*/
@media all and (min-width: 100px) and (max-width: 679px) {

    .article-block-inner.col-links .col-link.book {
        margin-right: 0 !important;
        width: 100% !important;
    }

    .single-article-half {
        float: left;
        width: 100%;
    }

    div.single-article-right {
        margin: 0;
        padding: 0;
    }

    div.article-block {
        margin-right: 0 !important;
        width: 100%;
    }

    .article-map {
        padding-bottom: 70%;
    }

    .single-article-full {
        padding-right: 0;
    }

    .single-article-half.single-article-right {
        padding-right: 4% !important;
    }


    .single-article-full {
        margin-bottom: 0;
    }

    .single-article-half.single-article-right {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .article-block.article-map {
        padding-bottom: 90% !important;
    }

}

/* ARTICLE SECTION */
.article-section {
    display: none;
}

/* MAIN WIDTH CONTROL */
@media all and (min-width: 1280px) {
    body.read-more #mainContent {
        max-width: 1240px !important;
    }
}

/*
----------------------------------------------------------
SINGLE ARTICLE - WCAG ADJUSTMENT
-----------------------------------------------------------
*/
.single-article-right h2,
.single-article-right h3,
.single-article-right h4,
.single-article-right h5,
.single-article-right h6 {
    padding-bottom: 0.3em;
    padding-top: 0.5em;
}


/*
----------------------------------------------------------
SINGLE ARTICLE - FONT SIZING
-----------------------------------------------------------
*/
.single-article {
    font-size: var(--w-font-16-main);
}


.single-article-right {
    font-size: var(--w-font-16-main);
}


.single-article-right .col-link {
    font-size: var(--w-font-18-main);
}

.single-article-right .editorContent {
    font-size: var(--w-font-16-main);
}

.single-article-right .table-wrapper {
    font-size: var(--w-font-16-main);
}


.single-article-right h1 {
    font-size: var(--w-font-46-title);
}

.single-article-right h2 {
    font-size: var(--w-font-38-title);
}

.single-article-right h3 {
    font-size: var(--w-font-30-title);
}

.single-article-right h4 {
    font-size: var(--w-font-26-title);
}

.single-article-right h5 {
    font-size: var(--w-font-20-title);
}

.single-article-right h6 {
    font-size: var(--w-font-18-title);
}

.single-article-left .article-map,
.single-article-left .article-video,
.single-article-left .articleImages {
    font-size: var(--w-font-16-main);
}

.single-article-left .btn {
    font-size: var(--w-font-12-menu);
}

.article-brochure {
    --article-brochure-max-height: 25em;
    --article-brochure-min-height: 15em;
}