/*
Theme Name: mdesign - Child Theme
Theme URI: https://kaliumtheme.com
Author: Laborator
Author URI: https://laborator.co
Description: Start creating that amazing website that you have always wanted, only with Kalium &mdash; Connect with Laborator on: <a href="https://twitter.com/thelaborator">Twitter X</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative">Instagram</a>
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

.site-header .standard-menu .menu>li {
    font-weight: 700;
}
@media (min-width:768px) and (max-width:1080px) {
    .site-header .standard-menu .menu > li {
        font-size: 20px;
    }
}
/* Animated Top-Bar */
.bn-animated-bar {
    position: relative;
    width: 100%;
    height: 30px; /* Höhe des Balkens */
    overflow: hidden;
    z-index: 9999;
}

/* Animierter Balken */
.bn-animated-bar::before {
    content: "";
    display: block;           /* super wichtig */
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;              /* doppelte Breite für Animation */
    height: 100%;
    background: repeating-linear-gradient(
            90deg,
            #000 0 50%,
            #ea4e08 50% 100%
    );
    animation: slide-bar 15s linear infinite alternate;
    pointer-events: none;
}

/* Keyframes – hin & her gleiten */
@keyframes slide-bar {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Keyframes für langsames Hin- und Hergleiten */
@keyframes slide-bar {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}



/*  FONTS & COLORS  */
.bn_orange *{
    color: #ea4e08;
}
p.bn_list-p {
    margin-bottom: 0;
}

form{
    font-family: "Almarai", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}
form label {
    max-width: 100%;
    overflow-x: hidden;
}
/*  Links  */
.portfolio-item__details a,
.portfolio-filters a{
    text-decoration: none;
}
footer a,
.content-wrapper p a {
    color: #ea4e08;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 300ms ease-in-out;
}
footer a:hover,
.content-wrapper p a:hover {
    color: #000;
    text-decoration: none;
}
.wpb_wrapper .auto-type-element {
    font-size: 1.4em;
}
.wpb_wrapper .auto-type-element h3{
    color:#ffffff;
}
/*@media (min-width:1200px) {*/
/*    .wpb_wrapper .auto-type-element {*/
/*        font-size: 3em;*/
/*    }*/
/*}*/
.btn.btn-normal.btn-primary{
    background: #ffffff;
    color: #ea4e08;
    border: 1px solid #ffffff;
}
.btn.btn-normal.btn-primary:hover{
    background: #ea4e08;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.btn.btn-normal.btn-secondary{
    background: #ea4e08;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.btn.btn-normal.btn-secondary:hover{
    background: #ffffff;
    border: 1px solid #ea4e08;
    color: #ea4e08;
}
/*  Portfolio  */

.portfolio-filters__terms li a::before {
    content: "›";
    margin-right: 0.4em;
}
.portfolio-filters__terms {
    column-gap: calc(1rem*2);
}
@media (min-width:1024px) {
    .portfolio-heading__content.entry-content {
        width: 66.6%;
    }
}
.single-portfolio .main-content {
    padding-top: 70px;
}
.single-portfolio__title :is(h1){
    font-size: 2em;
    text-transform: none;
    margin-bottom: 40px;
}
.portfolio-heading__title h2{
    color: #ea4e08;
    text-transform: uppercase;
    font-size: 2.4em;
    margin-bottom: 30px;
}
.portfolio-heading__content.entry-content{
    margin-bottom: 30px;
}
.content-wrapper.portfolio{
    padding-top: 70px;
}
.portfolio-filters__term{
    text-transform: uppercase;
}
.portfolio-filters__term.portfolio-filters__term--active a{
    color: #ea4e08;
}
/*.portfolio-items .portfolio-item--type-1 .portfolio-item__details:not(:first-child)*/
.portfolio-items .portfolio-item__details {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 2%;
}
.portfolio-items .portfolio-item__hover-overlay{
    justify-content: center;
}
.portfolio-items .portfolio-item__subtitle {
    font-family: "Almarai", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 2em;
    padding-bottom: 30px;
    text-transform: uppercase;
    order: 1;
}
/*@media (min-width:480px) and (max-width:767px){*/
/*    .portfolio-items .portfolio-item__details {*/
/*        padding-left: 5%;*/
/*    }*/
/*}*/
@media (min-width:768px) {
    .portfolio-items .portfolio-item__details {
        padding-left: 5%;
    }
}
@media (min-width:1024px) {
    .portfolio-items .portfolio-item__details {
        padding-left: 10%;
    }
}
.portfolio-item__title.link-plain{
    font-family: "Almarai", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    order: 2;
}
.bn_portfolio-details p{
    margin-bottom: 30px;
}
.single-portfolio__checklist{
    margin-top: -30px;
}
@media (max-width:800px){
    .single-portfolio__title :is(h1){
        margin-bottom: 20px;
    }
    .single-portfolio__checklist{
        margin-top: -30px;
    }
}

/*  Clients  */
.wpb-content-wrapper .vc-row-container .bn_clients-grid .wpb_row {
    margin-block-end: 0;
}

@media (min-width: 768px){
    .wpb-content-wrapper .vc-row-container .bn_clients-grid .wpb_row {
        margin-block-end: 30px;
    }
    .bn_clients-grid .wpb_content_element.wpb_single_image {
        margin-bottom: 0;
    }
}