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

    .read-more div#WIPSELEMENT_ARTICLE-BLOCK-1 {
        clear: left;
        float: left;
        width: 100% !important;
    }

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

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

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

    .read-more div#WIPSELEMENT_ARTICLE-BLOCK-1 {
        clear: left;
        float: left;
        width: 100% !important;
    }

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

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

@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: left;
        float: left;
        width: 100% !important;
    }

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

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

    .read-more #article-related {
        clear: left;
        float: left;
        width: 100%;
    }
}

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

@media all and (min-width: 1200px) {
    .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%;
    }
}

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

body.read-more div#area-a {
    width: 100% !important;
}

@media all and (min-width: 960px) {
    body.read-more .single-article-half.single-article-right > * {
        clear: left;
        display: inline-block;
        width: 47% !important;
    }

    body.read-more .single-article-half.single-article-right div.article-form {
        border-left: 1px solid #eee;
        clear: none;
        float: none;
        margin-left: 3%;
        padding-left: 3%;
        position: relative;
        right: 0;
        width: 50% !important;
    }

    .read-more #WIPSELEMENT_ARTICLE-BLOCK-2 {
        width: calc(100% + 40px) !important;
    }
}


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

body.read-more div.single-article-half.single-article-left {
    display: block;
    line-height: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
}

body.read-more div.single-article-half.single-article-left * {
    line-height: 1.2em;
}

.single-article-half.single-article-left .article-block {
    margin-bottom: 20px;
    width: calc(25% - 20px);
}

.single-article-half.single-article-left .article-block:not(.article-brochure):not(.article-image) {
    display: inline-block;
    float: none;
    height: 0 !important;
    padding-bottom: 13%;
    position: relative;
    text-align: center;
}

.single-article-half.single-article-left .article-block {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.single-article-half.single-article-left .article-block.article-map {
    height: 250px !important;
    padding-bottom: 0 !important;
    width: calc(100% - 20px) !important;
}


#article-related {
    position: relative;
    vertical-align: top;
}

#article-related .outercol .spacer {
    border: 0;
    box-shadow: none;
    display: block;
    height: 100%;
    margin: 0 !important;
    padding: 0;
    position: relative !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 .author {
    width: 40%;
}

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

.formDynamicLoaded form {
    display: block !important;
}

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

.single-article-half.single-article-left > a {
    display: inline-block;
    float: none;
    height: 0;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 13%;
    position: relative;
    width: calc(25% - 20px);
}

.single-article-half.single-article-left .article-block.article-block-image {
    bottom: 0;
    display: inline-block;
    float: left;
    height: 100% !important;
    left: 0;
    margin: 0 !important;
    padding-bottom: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
}

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

.single-article-right div.article-block:first-child {
    margin-top: 10px;
}

.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%;
}

.article-image-photographer {
    opacity: 0;
    transition: all .5s ease-out 0s;
}

.article-block-image:hover .article-image-photographer {
    opacity: 1;
    transition: all .5s ease-out 0s;
}


.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
----------------------------------------
*/
#article-related {
    padding-top: 30px;
    text-align: center;
}

#article-related > h2 {
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

#article-related .innercol {
    background-color: #000000;
    height: 0;
    padding-bottom: 60%;
}

#article-related iframe {
    bottom: -1%;
    height: 104%;
    left: -2%;
    margin: 0;
    position: absolute;
    right: -2%;
    top: -2%;
    width: 104%;
}

#article-related div.media.responsive-image {
    background-repeat: no-repeat;
    background-size: cover;
}

#article-related .media.responsive-video {
    background-color: #ddd;
    height: 102%;
    left: -1%;
    margin-top: 0;
    right: -1%;
    top: -1%;
    width: 102%;
}

#article-related .media.responsive-video ~ a .textbox {
    height: 2em;
}

.single-article-related.outercol {
    float: left;
    margin: 0 10px 20px;
    min-width: 200px;
    padding: 0;
    width: calc(25% - 20px);
}

#article-related-list {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    width: calc(100% - 20px);
}

#article-related {
    margin-bottom: 30px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#article-related-list .media {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

#article-related-list .textbox {
    bottom: 0;
    display: table;
    height: 2em;
    left: 0;
    padding: 3%;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#article-related-list .textbox h2 {
    display: block;
    font-weight: normal;
    height: auto;
    line-height: 1.2em;
    margin: 0;
    max-height: 2.4em;
    overflow: hidden;
    padding: 0 5px 5px 5px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: top;
    width: 94%;
}


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-related.outercol {
        margin-bottom: 17px !important;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(50% - 20px);
    }

    .single-article-half.single-article-left .article-block {
        padding-bottom: 26%;
        width: calc(50% - 20px);
    }
}

@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;
    }

    .single-article-related.outercol {
        margin-bottom: 17px !important;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(50% - 20px);
    }

    .single-article-half.single-article-left .article-block,
    .single-article-half.single-article-left > a {
        padding-bottom: 26%;
        width: calc(50% - 20px);
    }
}

@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;
    }

    .single-article-related.outercol {
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

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

    .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;
    }

    .single-article-half.single-article-left .article-block,
    .single-article-half.single-article-left > a {
        padding-bottom: 54%;
        width: calc(100% - 20px) !important;
    }

    .single-article-half.single-article-left .article-block.article-video {
        padding-bottom: 53%;
    }

}

/* 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;
}


#article-related-list .textbox {
    display: flex;
    height: auto;
}

#article-related-list .textbox h2 {
    position: relative;
    transform: translateY(0%);
    width: 100%;
}

/*
----------------------------------------------------------
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);
}

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

#article-related > h2 {
    font-size: var(--w-font-38-main);
}

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

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

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

.single-article-related .col-link {
    font-size: var(--w-font-16-menu);
}

.article-brochure {
    --article-brochure-aspect-ratio: 15/10;
    --article-brochure-button-padding-vertical: .35em;
    --article-brochure-max-height: 20em;
    --article-brochure-min-height: 5em;
}