/*!
 Theme Name:     Divi Child
 Theme URI:      http://github.com/MOVACT/Divi-child
 Description:    Divi Child Theme
 Author:         MOVACT <hello@movact.de>
 Author URI:     https://movact.de
 Template:       Divi
 Version:        1.0.0
*/
.iuno-page-content {
    position: relative;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 80%;
    max-width: 1230px;
}

.is-style-h2-csd {
    position: relative;
    display: inline-block;
    width: auto;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 50px;
    color: #0a0a4e;
    font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif;
    padding-bottom: 0.25rem;
    line-height: 1;
    z-index: 10;
}
.is-style-h2-csd::after {
    content: '';
    position: absolute; 
    bottom: 0;
    left: 0.5rem;
    width: 100%; 
    height: 20px;
    z-index: -1;
    background-color: rgba(216, 34, 124, .2);
}


.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@font-face {
    font-family: Barlow;
    font-style: italic;
    font-weight: 400;
    src: local("Barlow Italic"), local("Barlow-Italic"), url(fonts/barlow/v3/7cHrv4kjgoGqM7E_Cfs0wH8DnzcjTrA.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Barlow;
    font-style: italic;
    font-weight: 400;
    src: local("Barlow Italic"), local("Barlow-Italic"), url(fonts/barlow/v3/7cHrv4kjgoGqM7E_Cfs1wH8DnzcjTrA.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Barlow;
    font-style: italic;
    font-weight: 400;
    src: local("Barlow Italic"), local("Barlow-Italic"), url(fonts/barlow/v3/7cHrv4kjgoGqM7E_Cfs7wH8Dnzcj.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    src: local("Barlow Regular"), local("Barlow-Regular"), url(fonts/barlow/v3/7cHpv4kjgoGqM7E_A8s5ynghnQci.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    src: local("Barlow Regular"), local("Barlow-Regular"), url(fonts/barlow/v3/7cHpv4kjgoGqM7E_Ass5ynghnQci.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    src: local("Barlow Regular"), local("Barlow-Regular"), url(fonts/barlow/v3/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    src: local("Barlow SemiBold"), local("Barlow-SemiBold"), url(fonts/barlow/v3/7cHqv4kjgoGqM7E30-8s6Fostz0rdom9.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    src: local("Barlow SemiBold"), local("Barlow-SemiBold"), url(fonts/barlow/v3/7cHqv4kjgoGqM7E30-8s6Vostz0rdom9.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    src: local("Barlow SemiBold"), local("Barlow-SemiBold"), url(fonts/barlow/v3/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    src: local("Barlow Bold"), local("Barlow-Bold"), url(fonts/barlow/v3/7cHqv4kjgoGqM7E3t-4s6Fostz0rdom9.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1ea0-1ef9, U+20ab
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    src: local("Barlow Bold"), local("Barlow-Bold"), url(fonts/barlow/v3/7cHqv4kjgoGqM7E3t-4s6Vostz0rdom9.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    src: local("Barlow Bold"), local("Barlow-Bold"), url(fonts/barlow/v3/7cHqv4kjgoGqM7E3t-4s51ostz0rdg.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 500;
    src: local("Barlow Medium"), local("Barlow-Medium"), url(fonts/barlow/v3/Barlow-Medium.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

#footer-bottom,
.slick-arrow.slick-hidden {
    display: none
}

#main-footer:before {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    background: url(img/footer.svg) no-repeat 50% #fff;
    background-size: 100% 100%
}

#et-footer-nav>.container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#et-footer-nav>.container .bottom-nav {
    padding: 10px 0
}

.transparenz-logo {
    height: 60px
}

.et_button_no_icon .et_pb_button {
    padding: .5rem 1.5rem .6rem !important;
    box-shadow: 5px 5px 0 #d8227c;
    transition: box-shadow .25s ease, transition .25s ease
}

.et_button_no_icon .et_pb_button:active,
.et_button_no_icon .et_pb_button:hover {
    box-shadow: 2px 2px 0 #d8227c;
    padding: .5rem 1.5rem .6rem !important
}

.et_button_no_icon .et_pb_button:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 0 0 #d8227c
}

#main-header.et-fixed-header {
    background-color: #d8227c
}

#main-header .et_menu_container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#main-header #et-top-navigation {
    margin: 0 auto;
    padding-left: 0 !important
}

#main-header .et-social-icon a {
    color: #fff;
    font-size: 20px
}

#main-header .et-social-icon a:hover {
    opacity: .8
}

#main-header .et-social-icons li {
    margin-left: 10px
}

#top-menu.nav li ul.sub-menu {
    width: 270px
}

#top-menu.nav li ul.sub-menu>li,
#top-menu.nav li ul.sub-menu>li>a {
    width: 100%
}

@media only screen and (max-width:980px) {
    .logo_container img {
        height: 36px
    }

    #main-header,
    #main-header>.et_menu_container {
        height: 60px
    }

    #main-header .mobile_menu_bar:before {
        color: #fff
    }

    #main-header #et-top-navigation {
        order: 3;
        margin: 0
    }

    #page-container #main-header .et_mobile_menu {
        background: rgba(189, 14, 101, .98)
    }

    #et-top-social {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
        margin-left: auto;
        padding-right: 10px
    }

    #et-top-social .et-social-icon a {
        font-size: 16px
    }
}

.csd-page__header {
    min-height: 457px;
    background: url(img/page-background.svg) no-repeat 0 100% #fff;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 100px
}

.csd-page__header .et_pb_row {
    padding: 0
}

@media only screen and (max-width:479px) {
    .csd-page__header {
        min-height: 200px;
        padding-top: 80px;
        padding-bottom: 60px
    }
}

.csd-page__header h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media only screen and (min-width:768px) {
    .csd-page__header h1 {
        font-size: 70px;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none
    }
}

@media only screen and (min-width:1100px) {
    .csd-page__header h1 {
        font-size: 100px
    }
}

.csd-page__header h1.entry-title__post {
    font-size: 36px
}

@media only screen and (min-width:768px) {
    .csd-page__header h1.entry-title__post {
        font-size: 50px
    }
}

.entry-title__date {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding-bottom: 5px
}

.entry-content__featured-image {
    max-width: 970px;
    padding-bottom: 30px
}

.entry-content__featured-image img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.entry-content__navigation {
    display: flex;
    text-align: center;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 3px;
    margin: 40px -15px 0;
    font-weight: 700;
    flex-direction: column
}

.entry-content__navigation>div {
    padding: 0 15px
}

@media only screen and (min-width:981px) {
    .entry-content__navigation {
        flex-direction: row;
        margin-top: 60px;
        justify-content: space-between
    }
}

.csd-page__content {
    padding-bottom: 40px
}

.csd-page__content .entry-content {
    font-size: 14px;
    max-width: 850px;
    line-height: 1.75
}

@media only screen and (min-width:768px) {
    .csd-page__content .entry-content {
        font-size: 16px
    }
}

@media only screen and (min-width:1100px) {
    .csd-page__content .entry-content {
        font-size: 18px
    }
}

@media only screen and (min-width:1100px) {
    .csd-page__content {
        padding-bottom: 70px
    }
}

/*
body.home #main-header:not(.et-fixed-header),
body.page-template-page-csd #main-header:not(.et-fixed-header) {
*/
body #main-header:not(.et-fixed-header) {
    background: transparent;
    box-shadow: none
}

/*
body.home #page-container,
body.page-template-page-csd #page-container {
*/
body #page-container {
    padding-top: 0 !important
}

@media only screen and (max-width:840px) {
    table.responsive {
        margin-bottom: 0;
        overflow: hidden;
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
        width: 100%
    }
}

.csd-press__year {
    font-size: 50px;
    font-weight: 900;
    line-height: 1.3;
    padding-bottom: 50px
}

.csd-press__post-title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    padding-bottom: 15px
}

.csd-press_post-cta {
    padding-top: 30px
}

.csd-press__post-date {
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px
}

.csd-press__post+.csd-press__post {
    padding-top: 30px
}

@media only screen and (min-width:981px) {
    .csd-press__post+.csd-press__post {
        padding-top: 60px
    }
}

.pink_bg_title {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 50px !important;
    color: #0a0a4e !important
}

.csd-events__item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.csd-events__thumbnail {
    width: 211px;
    min-width: 211px;
    height: 211px;
    margin-right: 40px;
    border-radius: 15px;
    background-color: pink
}

.csd-events__thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px
}

.csd-events__format {
    font-family: Barlow;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase
}

.csd-events__date {
    font-family: Barlow;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 4px;
    margin-top: 10px
}

.csd-events__content h2 {
    font-family: Barlow;
    font-weight: 500;
    font-size: 36px;
    color: #e31079;
    padding-bottom: 0 !important
}

.csd-events__link_container {
    margin-top: 20px
}

.csd-events__link,
.csd-events__link_container {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.csd-events__link {
    font-family: Barlow;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: .4s
}

.csd-events__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000
}

.csd-events__link svg {
    margin-top: 3px;
    margin-right: 12px;
    width: 15px;
    height: 11px
}

.csd-events__link+.csd-events__link {
    margin-left: 30px
}

.csd-events__item:not(:last-child) {
    margin-bottom: 61px
}

.csd-events+.et_pb_column {
    margin-top: 65px
}

.events-header-container.container {
    padding-top: 0 !important
}

.csd-events__link svg {
    min-width: 15px;
    width: 19px
}

.csd-events__date .date-span {
    white-space: nowrap;
    text-transform: uppercase
}

.csd-events__date .time-span {
    white-space: nowrap
}

.csd-events__date span:not(:last-child):after {
    content: "|";
    margin: 0 10px
}

.csd-events__title-dates {
    color: #fff;
    font-family: Barlow;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    margin-top: -20px
}

.csd-events__page-container .et_pb_text_inner p {
    font-family: Barlow !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    max-width: 950px !important
}

.csd-events__page-container .et_pb_section {
    padding: 0 !important
}

.csd-events__page-container .et_pb_row {
    width: 100% !important;
    max-width: 100% !important
}

.csd-events__page-container .pink_bg_title {
    padding: 18px 0 50px
}

@media screen and (max-width:981px) {
    .csd-events__page-container {
        padding-top: 10px !important
    }

    .csd-events__page-container .et_pb_row {
        padding: 0 !important;
        width: 100% !important
    }

    .csd-events__page-container .pink_bg_title {
        padding: 48px 0 30px
    }

    .csd-events__date,
    .csd-events__title-dates {
        font-size: 18px
    }

    .csd-events__content h2 {
        font-size: 25px;
        line-height: 110%;
        padding-bottom: 0
    }

    .csd-events__link {
        font-size: 18px
    }

    .csd-events__link svg {
        margin-top: 0;
        margin-right: 5px;
        width: 12px;
        min-width: 12px
    }

    .csd-events__thumbnail {
        width: 150px;
        min-width: 150px;
        height: 150px;
        margin-right: 20px
    }

    .pink_bg_title {
        font-size: 30px !important
    }

    .csd-events__item:not(:last-child) {
        margin-bottom: 40px
    }

    .csd-events+.et_pb_column {
        margin-top: 0
    }

    .csd-events__format {
        font-size: 16px
    }

    .csd-events__content h2,
    .csd-events__date {
        line-height: 1.3em
    }

    .csd-events__link_container {
        margin-top: 10px
    }
}

.csd-events__empty {
    line-height: 1.5em;
    color: #e31179;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 25px
}

@media screen and (max-width:981px) {
    .csd-events__empty {
        margin-top: 48px;
        font-size: 16px;
        padding: 15px
    }
}

@media screen and (max-width:760px) {
    .csd-events__item {
        flex-direction: column
    }

    .csd-events__thumbnail {
        width: 100%;
        min-width: 100%;
        height: 200px;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.csd-events--nowrap {
    white-space: nowrap
}

.csd-event .et_pb_row {
    width: 80%;
    max-width: 1080px;
    margin: auto;
    position: relative
}

.csd-event .entry-title__date {
    font-size: 20px
}

.csd-event__container {
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap
}

.csd-event__content-col,
.csd-event__info-col {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 20px
}

.csd-event__info-box {
    line-height: 1.5em;
    color: #fff;
    background-color: #e31179;
    padding: 25px
}

.csd-event__info-box a,
.csd-event__info-box a:active,
.csd-event__info-box a:hover {
    color: #fff;
    text-decoration: underline
}

.csd-event__info-label {
    text-transform: uppercase;
    font-size: 14px
}

.csd-event__info-value {
    font-weight: 700;
    font-size: 16px
}

.csd-event__info-value+.csd-event__info-label {
    padding-top: 16px
}

@media screen and (min-width:981px) {
    .csd-event .et_pb_row {
        width: 100%;
        max-width: 1080px;
        margin: auto;
        position: relative
    }

    .csd-event .entry-title__date {
        font-size: 24px
    }

    .csd-event__content-col {
        flex: 0 0 46%;
        width: 46%;
        margin-right: 8%
    }

    .csd-event__info-col {
        flex: 0 0 46%;
        width: 46%
    }

    .csd-event__info-label {
        font-size: 16px
    }

    .csd-event__info-value {
        font-size: 20px
    }

    .csd-event__info-value+.csd-event__info-label {
        padding-top: 24px
    }
}

.csd-events__filter-months {
    text-align: center;
    margin-bottom: 0;
    font-size: 20px
}

.csd-events__filter-months a {
    padding-right: 60px
}

.csd-events__filter-months a.active {
    color: #000
}

.csd-events__filter-months a:last-child {
    padding-right: 0
}

.csd-events__filter-days {
    display: none;
    flex-wrap: wrap
}

.csd-events__filter-days a.active {
    font-weight: 700
}

@media screen and (min-width:981px) {
    .csd-events__filter-days {
        display: flex
    }

    .csd-events__filter-container {
        margin-bottom: 64px
    }

    .csd-events__filter-months {
        font-size: 30px;
        margin-bottom: 40px
    }
}

.csd-events__filter-day {
    text-align: center;
    flex-basis: auto;
    flex-grow: 1;
    padding: 2px;
    margin: 2px
}

.csd-events__filter-day :first-child {
    color: #000
}

.csd-events__filter-day--weekend :first-child {
    color: grey
}

.csd-events__teaser {
    font-size: 24px
}

.csd-tile {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.csd-tile:hover .csd-tile__bg {
    background-color: #eaeaea
}

.csd-tile__bg {
    background: #f7f7f7;
    padding: 30px;
    color: #000;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    transition: all .25s ease;
    line-height: 1.5
}

.csd-tile--more .csd-tile__bg {
    background: #e31179;
    align-items: center;
    justify-content: center;
    text-align: center
}

.csd-tile--faded .csd-tile__bg {
    background: none;
    background-image: linear-gradient(-180deg, rgba(216, 34, 124, 0) 60%, rgba(0, 0, 0, .55));
    align-items: center;
    justify-content: flex-end;
    text-align: center
}

.csd-tile--faded .csd-tile__bg:hover {
    background-color: rgba(227, 17, 121, .4)
}

.csd-tile__icon {
    padding-bottom: 10px
}

.csd-tile__icon img {
    width: 60px;
    height: auto
}

.csd-news-slider__item-more {
    font-size: 24px;
    font-weight: 700
}

.csd-news-slider__item-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700
}

.csd-news-slider__item-title,
.csd-tile__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 15px
}

.csd-tile__title {
    color: #fff
}

.csd-news-slider__item-title {
    color: #e31179
}

.csd-tile__title {
    padding-bottom: 0
}

.csd-news__slider__item-meta {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.csd-news-slider .csd-tile__bg {
    min-height: 300px
}

.csd-news-slider .slick-track {
    display: flex
}

.csd-news-slider .slick-track .slick-slide {
    display: flex;
    height: auto
}

.csd-news-slider .csd-tile {
    display: flex;
    flex-direction: column
}

.csd-news-slider .csd-tile__bg {
    display: flex;
    flex: 1
}

.csd-news-slider,
.csd-tile-slider {
    padding-top: 90px
}

.csd-news-slider .slick-slide,
.csd-tile-slider .slick-slide {
    margin: 0 10px;
    margin-bottom: 0 !important
}

.csd-news-slider .slick-list,
.csd-tile-slider .slick-list {
    margin: 0 -10px;
    overflow: visible
}

.csd-news-slider .slick-arrow,
.csd-tile-slider .slick-arrow {
    content: "";
    font-size: 0;
    border: 0;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    transition: box-shadow .25s ease, transition .25s ease;
    cursor: pointer
}

.csd-news-slider .slick-arrow.slick-prev,
.csd-tile-slider .slick-arrow.slick-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20'%3E%3Cpath d='M5.67 8.5l6.43-6.4L9.99 0 0 10l10 10 2.09-2.09-6.42-6.42h21.04V8.51H5.67z'/%3E%3C/svg%3E");
    right: 70px
}

.csd-news-slider .slick-arrow.slick-next,
.csd-tile-slider .slick-arrow.slick-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20'%3E%3Cpath d='M21.04 8.5l-6.41-6.4L16.72 0l10 10-10 10-2.1-2.09 6.43-6.42H0V8.51h21.04z'/%3E%3C/svg%3E")
}

.csd-news-slider .slick-dots,
.csd-tile-slider .slick-dots {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    padding-top: 15px
}

.csd-news-slider .slick-dots button,
.csd-tile-slider .slick-dots button {
    font-size: 0;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 2px solid #e31179;
    background: none;
    padding: 0;
    margin: 0 3px;
    cursor: pointer
}

.csd-news-slider .slick-dots .slick-active button,
.csd-tile-slider .slick-dots .slick-active button {
    background: #e31179
}

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

    .csd-news-slider .slick-slide,
    .csd-tile-slider .slick-slide {
        margin: 0 20px
    }

    .csd-news-slider .slick-list,
    .csd-tile-slider .slick-list {
        margin: 0 -20px
    }
}

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

    .csd-news-slider,
    .csd-tile-slider {
        padding-top: 90px
    }
}

.csd-module {
    width: 100%;
    overflow: hidden
}

.csd-container {
    margin: 0 auto;
    max-width: 1230px
}

.csd-tile__image {
    height: 230px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.csd-press__post-title strong,
h2 strong {
    background-image: linear-gradient(120deg, rgba(216, 34, 124, .2) 20%, rgba(216, 34, 124, .2) 0);
    background-repeat: no-repeat;
    background-size: 100% .4em;
    background-position: 0 88%;
    transition: background-size .25s ease-in
}

.csd-page__content .wp-caption {
    background: transparent;
    text-align: right;
    padding: 0;
    border: 0
}

#page-container #main-header .nav li ul {
    background: #e31179
}

@media only screen and (min-width:981px) {
    .landingpage-header__text {
        display: flex;
        align-items: center;
        padding-bottom: 60px
    }

    .landingpage-header__text h1,
    .landingpage-header__text h2 {
        text-align: left !important
    }
}

.csd-image-tile {
    background: #e31179;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff;
    width: 100%
}

.csd-image-tile__image {
    padding-bottom: 200px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    flex: 1
}

@media only screen and (min-width:981px) {
    .csd-image-tile__image {
        padding-bottom: 250px
    }
}

.csd-image-tile__title {
    font-size: 24px;
    font-weight: 700
}

.csd-image-tile__icon {
    padding-bottom: 5px
}

.csd-image-tile__icon img {
    height: 60px;
    width: auto
}

.csd-image-tile__content {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.csd-image-tile__text {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 500px;
    padding-top: 10px
}

.csd-tile-column>.csd_image_tile {
    display: flex;
    height: 100%
}

.csd-tile-column>.csd_image_tile>.et_pb_module_inner {
    width: 100%;
    display: flex
}

@media (max-width:980px) {

    .et_fixed_nav #main-header,
    .et_fixed_nav #top-header,
    .et_non_fixed_nav.et_transparent_nav #main-header,
    .et_non_fixed_nav.et_transparent_nav #top-header {
        position: fixed
    }

    .flip-row-mobile.et_pb_row {
        display: flex;
        flex-direction: column-reverse
    }

    .flip-row-mobile.et_pb_row .et_pb_column+.et_pb_column {
        margin-bottom: 30px
    }
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh
}

.dotted {
    width: 100vw
}

.dotted .et_pb_row {
    z-index: 200;
    position: relative
}

.dotted-1:after {
    left: 50%;
    top: 0;
    bottom: 0;
    width: 60%;
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg)
}

.dotted-1:after,
.dotted-2:after {
    content: "";
    display: block;
    position: absolute;
    background: url(img/dots.svg) no-repeat 50% transparent;
    background-size: contain;
    z-index: 180
}

.dotted-2:after {
    left: 0;
    top: 40%;
    height: 90%;
    width: 40%
}

@media (max-width:980px) {

    .dotted-1:after,
    .dotted-2:after {
        opacity: .2
    }

    .dotted-1:after {
        left: 0;
        top: 0;
        height: 60%;
        width: 200%;
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg);
        background-position: top !important
    }

    .dotted-2:after {
        left: 0;
        top: 50%;
        height: 90%;
        width: 120%
    }
}

#top-menu li a {
    color: #fff;
}

#top-menu li a, .et_search_form_container input {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

@media only screen and (min-width:981px) {
    .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding-bottom: 45px;
    }    
}