/* Basics */

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    color: #959595;
    font-size: 16px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    background: #fff;
}

::selection {
    color: #fff;
    background: #3498DB;
}

/* Typo */

hr {
    margin: 30px 0;
}

p {
    margin: 0 0 1.5em 0;
}

ul,ol {
    margin: 0 0 1.5em 1.2em;
    padding: 0;
}

ul li {
    color:rgb(52, 152, 219);
    font-weight: 400;
}

ul li::marker,
ol li::marker {
    color: rgb(52, 152, 219);
    font-size: 20px;
}

a {
    color: #409ddb;
    font-weight: 400;
    transition: all 0.5s ease;
}

a:hover {
    color: #9ACFF2;
}

b,strong {
    color: #555;
    font-weight: 600;
}

h1,.h1 {
    color: #373737;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.025em;
}

h2,.h2 {
    margin: 0 0 16px 0;
    color: #373737;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.025em;
}

h3,.h3 {
    color: #409ddb;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.025em;
}

h4,.h4 {
    margin: 1em 0;
    color: #373737;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

h5,.h5 {
    margin: 1em 0;
    color: #373737;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

h6,.h6 {
    margin: 1em 0;
    color: #373737;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

date {
    margin: 0 0 0.5em 0;
    display: block;
    color: #373737;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Open Sans";
}

blockquote {
    font-size: 18px;
    font-weight: 400;
    color: #409ddb;
    line-height: 30px;
    text-transform: none;
}

blockquote::before {
    display: block;
    float: left;
    content: "";
    width: 50px;
    height: 85px;
    margin: 0 1em 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(0 0 0)"><path d="M13.498 11.1266C13.498 13.2677 15.2337 15.0033 17.3747 15.0033V18.25C17.3747 18.25 21.2513 16.413 21.2513 11.1266C21.2513 8.98563 19.5157 7.25 17.3747 7.25C15.2337 7.25 13.498 8.98563 13.498 11.1266Z" stroke="%23409ddb" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.74805 11.1266C2.74805 13.2677 4.48368 15.0033 6.62469 15.0033V18.25C6.62469 18.25 10.5013 16.413 10.5013 11.1266C10.5013 8.98563 8.7657 7.25 6.62469 7.25C4.48368 7.25 2.74805 8.98563 2.74805 11.1266Z" stroke="%23409ddb" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* Form */

input {
    display: inline-block;
    padding: 0.25em 0.5em;
    border: 1px solid #b9c1ca;
    border-radius: 5px;
    vertical-align: middle;
}

input[type=submit] {
    padding: 0.45em 1em;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #3498db;
    border: 0 none;
}

/* Sections */

.s-header {
    width: 100%;
    height: 90px;
    background: #fff;
}

.s-header_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
    height: 90px;
    margin: auto;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4em;
}

.s-main {
    width: 100%;
    background: #f7f7f7;
}

.s-footer {
    width: 100%;
    background: #2C3E50;
}

.s-footer_inner {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 50px 0;
    color: #97a7b7;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.6em;
}

.s-footer_inner h4 {
    color: #b5c1cd;
    font-size: 13px;
    font-weight: 600;
}

.s-footer_inner ul {
    margin: 0;
    list-style: none;
}

.s-footer_inner ul li {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.s-footer_inner ul li:last-child a {
    border: 0 none;
}

.s-footer_inner ul li a {
    display: block;
    padding: 4px 8px;
    border-bottom: 1px solid #4b5c6d;
}

.s-footer_inner a {
    color: #b5c1cd;
    text-decoration: none;
}

.s-footer_inner a:hover {
    color: #d1d9e2;
}

.s-footer_inner .u-icon path {
    fill: #b5c1cd;
    transition: all 0.5s ease;
}

.s-footer_inner .u-icon:hover path {
    fill: #d1d9e2;
}

.s-footer .c-box {
    height: auto;
    padding: 20px;
    background: #34495e;
}

/* Top */

.c-icons {
    display: flex;
    justify-content: space-between;
    width: 40%;
}

.c-icon {
    display: flex;
    align-items: center;
    height: 90px;
}

.c-icon svg,
.c-logo svg {
    margin: 0 0.6em 0 0;
}

.c-logo {
    display: flex;
    align-items: center;
    width: 30%;
    height: 90px;
}

.c-logo b {
    text-transform: uppercase;
}

/* Navi */

.c-navigation {
    width: 100%;
    height: 50px;
    background: #2C3E50;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.c-navigation_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
    height: 50px;
    margin: auto;
}

.c-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.c-navigation ul li {
    display: inline-block;
    height: 50px;
    margin: 0 2em 0 0;
    color: #f7f7f7;
    font-size: 13px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.c-navigation ul li a {
    display: block;
    color: #f7f7f7;
    font-weight: 600;
    text-decoration: none;
}

.c-navigation ul li a:hover {
    color: #409ddb;
}

.c-navigation ul li ul {
    display: none;
}

.c-search {
    display: flex;
    align-items: center;
    height: 50px;
}

.c-search input::placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 400;
}

.c-search .btn {
    display: flex;
    align-items: center;
    padding: 0em 2em;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    line-height: 50px;
    background: #3498DB;
    border: 0 none;
    border-radius: 0;
    transition: all 0.5s ease;
}

.c-search .btn:hover {
    background: #2881bd;
}

.c-search .btn svg {
    margin-right: 0.6em;
}

/* Suche */

#searchform {
    padding: 20px;
    border-radius: 15px;
    background: #3498DB;
}

#searchform > div {
    display: flex;
}

#searchform input[type=text] {
    width: calc(100% - 145px);
    margin: 0 20px 0 0;
    padding: 8px 16px;
    color: #fff;
    font-size: 15px;
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 0px;
}

#searchsubmit {
    width: 125px;
    margin: 0;
    padding: 8px 16px 8px 38px;
    color: #3498DB;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.035em;
    border: 1px solid #fff;
    border-radius: 0px;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(0 0 0)"><path d="M17.2587 17.2593L21.2488 21.2494M19.75 11.2486C19.75 15.9419 15.9444 19.7465 11.25 19.7465C6.55558 19.7465 2.75 15.9419 2.75 11.2486C2.75 6.55528 6.55558 2.75061 11.25 2.75061C15.9444 2.75061 19.75 6.55528 19.75 11.2486Z" stroke="%233498DB" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
    background-repeat: no-repeat;
    background-position: 22px 12px;
}

.c-results {
    margin: 0;
    list-style: none;
}

.c-results li:nth-child(odd) {
    background: #fff;
}

.c-results li a {
    display: block;
    padding: 0.5em 1em;
    color: #3498DB;
    text-decoration: none;
}

/* Media Header */

.c-badge {
    position: absolute;
    bottom: 25px;
    right: 20px;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 8px 0px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    overflow: hidden;
    z-index: 3;
}

.c-badge img {
    height: 100%;
    width: auto;
    border-radius: 10px;
}

.c-media-header {
    position: relative;
    width: 100%;
    height: 60vh;
    margin-bottom: 135px;
    background: #f5f5f5;
    background-image: url("../img/bilal-mansuri-NFU0dYVa43A-unsplash.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 30% ;
}

.c-media-header:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(44, 62, 80, 0.25);
    z-index: 1;
}

.c-media-header_title {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 68%;
    max-width: 1200px;
    margin: auto;
    text-align: left;
    z-index: 2;
}

.c-media-header_title h1 {
    font-size: 36px;
    color: #fff;
}

.c-media-header_title p {
    width: 40%;
    color: #fff;
}

.c-media-header_inner {
    position: absolute;
    left: 50%;
    right: 0;
    top: 70%;
    width: 100%;
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    transform: translateX(-50%);
    z-index: 2;
}

.c-media-header_inner .row {
    width: 100%;
}

.c-media-header_inner .row .col-12 {
    padding: 0 10px;
}

.c-media-header_inner .c-blur {
    padding: 20px 10px;
}

.c-media-header_inner .c-box {
    padding: 28px 30px 30px 30px;
}

.c-media-header_inner h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
}

.c-media-header_inner p {
    margin: 0 0 16px 0;
}

.c-media-header--blog {
    height: 20vh;
    margin-bottom: 0px;
    background-image: url("../img/bilal-mansuri-L_EoUAhMUmU-unsplash.jpg");
}

.post-categories {
    margin: 0;
    padding: 0;
    list-style: none;
}

.post-categories li {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.post-categories li a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.c-categories {
    display: block;
    width: auto;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.c-categories li {
    display: inline-block;
    width: auto;
    margin: 0 0.5em 0.5em 0;
}

.c-categories li a {
    display: block;
    padding: 0.25em 1em;
    color: #b9c1ca;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: transparent;
    border: 2px solid #b9c1ca;
    border-radius: 5px;
}

.c-categories li.current-cat a {
    color: #fff;
    background: #3498db;
    border-color: #3498db;
}

.c-media-header--archive,
.c-media-header--page {
    height: 40vh;
    margin-bottom: 0px;
    background-image: url("../img/bilal-mansuri-L_EoUAhMUmU-unsplash.jpg");
    background-position: center;
}

.c-media-header--archive .c-media-header_inner .c-blur,
.c-media-header--page .c-media-header_inner .c-blur {
    padding: 15px;
    border-radius: 10px;
}

.c-media-header--landing {
    margin-bottom: 320px;
    background-image: url("../img/bilal-mansuri-L_EoUAhMUmU-unsplash.jpg");
}

.c-media-header--ostwestfalen {
    background-image: url("../img/ostwestfalen.jpg");
    background-position: bottom center;
}

.c-media-header--wittekindsland {
    background-image: url("../img/wittekindsland.jpg");
    background-position: bottom center;
}

.c-media-header--buende {
    background-image: url("../img/buende.jpg");
    background-position: center 50%;
}

.c-media-header--kirchlengern {
    background-image: url("../img/kirchlengern.jpg");
}

.c-media-header--luebbecke {
    background-image: url("../img/luebbecke.jpg");
    background-position: bottom center;
}

.c-media-header--rinteln {
    margin-bottom: 340px;
    background-image: url("../img/rinteln.jpg");
    background-position: 30% center;
}

.c-media-header--loehne {
    background-image: url("../img/loehne.jpg");
    background-position: center 65%;
}

.c-media-header--enger {
    background-image: url("../img/enger.jpg");
}

.c-media-header--bielefeld {
    background-image: url("../img/bielefeld.jpeg");
}

.c-media-header--minden {
    margin-bottom: 340px;
    background-image: url("../img/minden.jpg");
    background-position: bottom center;
}

.c-media-header--bs {
    margin-bottom: 320px;
    background-image: url("../img/katzenturm.jpg");
}

.c-media-header--herford {
    margin-bottom: 320px;
    background-image: url("../img/herford.jpg");
    background-position: left center;
}

.c-breadcrumb {
    color: #cbcfd3;
}

.c-breadcrumb a {
    color: #cbcfd3;
    text-decoration: none;
}

.c-breadcrumb .u-icon {
    width: 20px;
    height: 20px;
    margin-right: 0;
}

.c-date {
    text-align: right;
    color: #cbcfd3;
}

/* Content */

.c-content {
    background: #fff;
}

.c-content_inner {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 60px 0;
}

.c-content--grey {
    background: #f7f7f7;
}

.c-content--blue {
    color: #fff;
    background: #3498db;
}

.c-content--dark {
    color: #fff;
    background: #2c3e50;
}

.c-content--dark h2 {
    color: #fff;
}

.c-content--dark b {
    color: #97a7b7;
    margin-bottom: 0;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row .col-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.row .col-12 > img {
    max-width: 100%;
    height: auto;
}

.row .col-12 p:last-child {
    margin-bottom: 0;
}

.row-with-boxes {
    margin-bottom: -30px;
}

.row-with-boxes .col-12 {
    margin-bottom: 30px;
}

/* Boxes */

.c-box {
    width: 100%;
    height: 100%;
    padding: 35px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 8px 0px;
}

.u-box {
    padding: 35px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 8px 0px;
}

.c-box p:last-child {
    margin-bottom: 0;
}

.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
    border-radius: 15px !important;
}

/* Blur */

.c-blur {
    margin: 0;
    padding: 20px;
    border-radius: 15px;
    box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 8px 0px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
}

/* Buttons */

.c-btn,
.wp-block-buttons .wp-element-button {
    display: inline-block;
    width: auto;
    padding: 8px 18px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #3498db;
    border: 0 none;
    border-radius: 5px;
}

.c-btn:hover {
    color: #fff;
    background: #2881bd;
}

.c-btn--ghost,
.wp-block-buttons .wp-element-button {
    padding: 6px 16px;
    color: #3498db;
    font-size: 13px;
    background: transparent;
    border: 2px solid #3498db;
    margin-right: 5px;
}

.c-btn--ghost:hover {
    color: #2c3e50;
    border-color: #2c3e50;
    background: transparent;
}

.c-btn--ghost svg path {
    transition: all 0.5s ease;
}

.c-btn--ghost:hover path {
    stroke: #2c3e50;
}

/* Filter */

.c-filters {
    margin: 15px 0 30px 0;
}

.c-filter {
    display: inline-block;
    width: auto;
    margin: 0 0.5em 0.5em 0;
    padding: 0.25em 1em;
    color: #b9c1ca;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: transparent;
    border: 2px solid #b9c1ca;
    border-radius: 5px;
}

.c-filter:hover {
    color: #3498db;
    border-color: #3498db;
}

.c-filter--active {
    color: #fff;
    background: #3498db;
    border-color: #3498db;
}

.c-filter--active:hover {
    color: #fff;
}

/* Textpic */

.c-text-pic {
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 8px 0px;
    overflow: hidden;
}

.c-text-pic .c-text-pic_pic {
    padding: 0;
}

.c-text-pic .c-text-pic_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-text-pic .c-text-pic_text {
    padding: 40px;
}

/* Card */

.c-card {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 8px 0px;
    overflow: hidden;
}

.c-card_pic {
    position: relative;
    background: #2c3e50;
}

.c-card_pic::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56%;
  }

.c-card_cat {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 0.25em 1em;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: #4b5c6d;
    border-radius: 5px;
}

.c-card img  {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.c-card_text {
    padding: 30px;
}

.c-mobile-toggle {
    display: none;
    background: #3498db;
    padding: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.c-mobile-toggle:hover {
    background: #2881bd;
}

.c-info-link a {
    display: inline-block;
    color: #3498db;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 2.8em;
   
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.956 11.7488H8.88792C8.47371 11.7488 8.13792 12.0846 8.13792 12.4988C8.13792 12.913 8.47371 13.2488 8.88792 13.2488H13.9584L12.5864 14.6217C12.2936 14.9146 12.2937 15.3895 12.5867 15.6823C12.8797 15.9751 13.3546 15.975 13.6474 15.682L16.2855 13.0422C16.4291 12.9055 16.5186 12.7126 16.5186 12.4988C16.5186 12.2723 16.4182 12.0693 16.2595 11.9317L13.6474 9.31785C13.3546 9.02486 12.8797 9.02469 12.5867 9.31748C12.2937 9.61027 12.2936 10.0851 12.5864 10.3781L13.956 11.7488Z" fill="%233498db"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.32812 12.4991C2.32812 6.97668 6.80541 2.5 12.3277 2.5C17.85 2.5 22.3273 6.97668 22.3273 12.4991C22.3273 18.0214 17.85 22.4981 12.3277 22.4981C6.80541 22.4981 2.32812 18.0214 2.32812 12.4991ZM12.3277 4C7.63373 4 3.82812 7.80521 3.82812 12.4991C3.82812 17.1929 7.63373 20.9981 12.3277 20.9981C17.0216 20.9981 20.8273 17.1929 20.8273 12.4991C20.8273 7.80521 17.0216 4 12.3277 4Z" fill="%233498db"/></svg>');

    background-repeat: no-repeat;
    background-position: left center;
}

.c-info-link a:hover {
    color: #2c3e50;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.956 11.7488H8.88792C8.47371 11.7488 8.13792 12.0846 8.13792 12.4988C8.13792 12.913 8.47371 13.2488 8.88792 13.2488H13.9584L12.5864 14.6217C12.2936 14.9146 12.2937 15.3895 12.5867 15.6823C12.8797 15.9751 13.3546 15.975 13.6474 15.682L16.2855 13.0422C16.4291 12.9055 16.5186 12.7126 16.5186 12.4988C16.5186 12.2723 16.4182 12.0693 16.2595 11.9317L13.6474 9.31785C13.3546 9.02486 12.8797 9.02469 12.5867 9.31748C12.2937 9.61027 12.2936 10.0851 12.5864 10.3781L13.956 11.7488Z" fill="%232c3e50"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.32812 12.4991C2.32812 6.97668 6.80541 2.5 12.3277 2.5C17.85 2.5 22.3273 6.97668 22.3273 12.4991C22.3273 18.0214 17.85 22.4981 12.3277 22.4981C6.80541 22.4981 2.32812 18.0214 2.32812 12.4991ZM12.3277 4C7.63373 4 3.82812 7.80521 3.82812 12.4991C3.82812 17.1929 7.63373 20.9981 12.3277 20.9981C17.0216 20.9981 20.8273 17.1929 20.8273 12.4991C20.8273 7.80521 17.0216 4 12.3277 4Z" fill="%232c3e50"/></svg>');
    
}

.c-content_inner > div:last-child {
    margin-bottom: 0 !important;
}

/* Helper */

.u-invi-link {
    font-weight: 300;
    color: #959595;
    text-decoration: none;
}

.u-invi-link:hover {
    color: #2c3e50;
}

.u-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 0.25em;
    vertical-align: middle;
    transform: translateY(-4%);
}

.u-symbol {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-right: 0.1em;
    vertical-align: middle;
    transform: translateY(-5%);
}

.u-logo {
    height: auto;
    width: auto;
    margin: 0 0 1.2em 0;
    max-width: 100%;
    max-height: 42px;
}

.u-logo path {
    fill: #2c3e50;
    opacity: 0.25;
}

.u-intro {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
}

.u-justify-center {
    justify-content: center;
}

.u-align-center {
    align-items: center;
}

.u-text-center {
    text-align: center;
}

@media screen and (max-width: 1300px) {
    .s-header_inner,
    .c-navigation_inner {
        padding: 0 50px;
    }
    .c-icon {
        display: none;
    }
    .c-navigation ul {
        display: block;
    }
    .c-media-header {
        height: auto;
        padding: 50px;
        margin-bottom: 0;
    }
    .c-media-header_title {
        height: auto;
    }
    .c-media-header_title p {
        width: 60%;
    }
    .c-media-header_inner {
        position: relative;
        top: 0;
        left: 0;
        transform: translateY(0);
    }
    .c-content_inner {
        padding: 60px 50px;
    }
    .s-footer_inner {
        padding: 50px;
    }
    .c-badge {
        width: 120px;
        height: 120px;
    }
}

@media screen and (max-width: 991px) {
    .c-media-header_title h1 {
        font-size: 32px;
    }
    .u-intro {
        font-size: 17px;
    }
    .s-header_inner,
    .c-navigation_inner {
        padding: 0 50px;
    }
    .c-logo {
        width: 100%;
    }
    .c-mobile-toggle {
        display: block;
    }
    .c-navigation {
        position: relative;
    }
    .c-navigation ul {
        display: none;
        position: absolute;
        top: 50px;
        left: 0px;
        width: 100%;
        background: #34495e;
        border-top: 1px solid #2C3E50;
        z-index: 5;
    }
    .c-navigation ul li {
        display: block;
        height: auto;
        line-height: 1em;
        margin: 0;
    }
    .c-navigation ul li:last-child a {
        border: 0 none;
    }
    .c-navigation ul li a {
        display: block;
        padding: 20px 15px;
        border-bottom: 1px solid #4b5c6d;
    }
    .c-navigation ul li a:hover {
        color: #fff;
        background: #3d546b;
    }
    .c-content_inner {
        padding: 50px;
    }
    .c-content_inner .col-12:last-child hr:last-child {
        display: none;
    }
    .c-media-header_inner .c-box {
        height: auto;
        margin-bottom: 20px;
    }
    .c-media-header_inner .col-12:last-child .c-box {
        margin-bottom: 0;
    }
    .c-media-header_title p {
        width: 80%;
    }
    .row > .col-12 > p:last-child {
        margin-bottom: 1.5em;
    }
    .row > .col-lg-4:last-child > p:last-child {
        margin-bottom: 0em;
    }
    .mt-5 {
        margin-top: 0rem !important;
    }
    .row-with-boxes .col-12:last-child {
        margin-bottom: 0px;
    }
    .c-card {
        height: auto;
        margin-bottom: 20px;
    }
    .col-12:last-child .c-card {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .s-header_inner,
    .c-navigation_inner {
        padding: 0 30px;
    }
    .c-media-header {
        padding: 30px;
    }
    .c-content_inner,
    .s-footer_inner {
        padding: 30px;
    }
    .c-media-header_title p {
        width: calc(100% - 130px);
    }
    .c-badge {
        right: 0;
    }
}

@media screen and (max-width: 540px) {
    .c-media-header_title p {
        width: calc(100% - 110px);
    }
    .c-badge {
        width: 100px;
        height: 100px;
    }
    .c-media-header_title h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 480px) {
    .c-content_inner > div.wp-block-columns {
        margin-bottom: 0 !important;
    }
    h2 {
        font-size: 24px;
    }
    .s-header_inner {
        padding: 0 20px;
    }
    .c-navigation_inner {
        padding: 0;
    }
    .c-media-header {
        padding: 30px 20px;
    }
    .c-media-header--landing {
        background-position: top left;
    }
    .row-with-boxes .col-12 {
        margin-bottom: 20px;
    }
    .c-content_inner,
    .s-footer_inner {
        padding: 30px 20px;
    }
    .c-media-header--home .c-media-header_inner .c-blur {
        padding: 0;
        background: transparent;
        backdrop-filter: blur(0px);
    }
    .c-media-header--archive .c-media-header_inner .c-blur, 
    .c-media-header--page .c-media-header_inner .c-blur {
        padding: 10px 15px;
    }
    .c-media-header_title h1 {
        font-size: 28px;
    }
    .c-media-header_title p {
        font-size: 16px;
    }
    .c-media-header_inner .row .col-12 {
        padding: 0;
    }
    .c-media-header_inner .c-box {
        padding: 20px;
        font-size: 15px;
        line-height: 1.4em;
    }
    a.u-invi-link > span {
        display: none;
    }
    .m-links {
        display: inline;
    }
    .m-links br {
        display: none;
    }
    .c-btn {
        margin-bottom: 10px;
    }
    .c-text-pic {
        margin-left: 0px;
        margin-right: 0px;
    }
    .c-text-pic .c-text-pic_text {
        padding: 20px;
    }
    .c-search .btn {
        padding: 0em 1.5em;
    }
    .c-media-header_title p {
        width: 100%;
    }
    .c-badge {
        display: none;
    }
}
@media screen and (max-width: 364px) {
    .c-search .btn {
        height: 50px;
        padding: 10px;
    }
    .c-search .btn svg {
        width: 24px;
        height: 24px;
        margin: 0;
    }
    .c-search span {
        display: none;
    }
}