/* ============
   COLOR SCHEME
=============== */
:root {
    /* Used as body background and overlays */
    --bringer-s-body-bg: #F5F7FA;

    /* Used as a background color for header, footer, and mobile navigation */
    --bringer-s-nav: #F5F7FACC;

    /* Used as a background color for block containers, sub-menus, and form inputs */
    --bringer-s-container-bg: #ffcc56;

    /* The same as the previous one but with transparency for frosted glass blocks */
    --bringer-s-container-frosted: #ffcc56EE;

    /* Used as a color for headings, page titles, button labels, and other bright text accents */
    --bringer-s-heading: #07090D;

    /* It is the same as the previous one but with transparency. Used for labels, meta, and some hover effects */
    --bringer-s-heading-fade: #07090DC0;

    /* Used as a color for general content */
    --bringer-s-text: #3A3C42;

    /* A background color for accents, like buttons, highlighted blocks, etc. */
    --bringer-s-accent: #dc5193; /* Красный цвет не меняем */

    /* A hovered button background color */
    --bringer-button-hover-bg: #dc5193D0; /* Красный цвет не меняем */

    /* Used as a color for text accents */
    --bringer-s-text-accent: #dc5193; /* Красный цвет не меняем */

    /* Used as a text color for accented blocks */
    --bringer-s-accented-text: var(--bringer-s-heading);

    /* Used as a primary border-color */
    --bringer-s-border: #07090D27;

    /* Used as a border color for accented blocks */
    --bringer-s-border-accent: #02202680; /* Этот цвет можно оставить, так как он связан с акцентами */

    /* A default semi-transparent border color for blocks with a shining effect */
    --bringer-s-border-mute: #07090D0D;

    /* A semi-transparent border shining effect color */
    --bringer-s-border-highlight: #07090D40;

    /* Used as a color for a backlight effect */
    --bringer-s-backlight: #07090D12;

    /* Used as a color for block shadow */
    --bringer-s-box-shadow: #F5F7FA10;

    /* The cursor-followed backlight color. It uses the primary backlight color */
    --bringer-s-cursor-light: var(--bringer-s-backlight);
    
    /* A horizontal side-fade gradient border color */
    --bringer-c-border-gradient: linear-gradient(to left, transparent, var(--bringer-s-border), transparent); 


    /* Main menu text color */
    --bringer-c-menu: var(--bringer-s-text);
    
    /* Main menu hovered item text color */
    --bringer-c-menu-hover: var(--bringer-s-heading);

    /* Main menu current item text color */
    --bringer-c-menu-active: var(--bringer-s-heading);
    
    --dark-color: #3B3B3B;
    
    --white-color: #f8f8f8;
}


.error {
    color: red;
    font-size: 1.2em;
    display: block;
    margin-top: 5px;
}
.alert {
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
}
/*.alert-success {
    background-color: #d4edda;
    color: #155724;
}
.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
}*/

.response {
    font-size: 1.4em;
}

#contactForm, input:not(:first-child), #contactForm, textarea:not(:first-child) {
  margin-top: var(--bringer-input-gap);
  margin-bottom: 0;
}

span.link {
  cursor: pointer;
  color: var(--bringer-s-heading);
}

button.f-button {
  font-family: var(--bringer-t-content-ff);
  font-weight: var(--bringer-t-content-fw);
  font-size: var(--bringer-t-button-fs);
  line-height: 1;
  padding: 0;
  display: inline-block;
  color: #FFFFFF;
  background: #07090e;
  border-radius: 50%;
  border: 0;
  transition: background-color 0.3s;
  cursor: pointer;
}

#modal {
    padding: 0 10%;   
}

#modal h3 {
    margin: 20px 0 10px 0;
}

#form {
    padding: var(--bringer-section-gap) 0;
}

#map {
    padding-bottom: 0;
}

#bringer-header {
    background-color: var(--dark-color);
}

#bringer-header::before {
    background: none !important;
}

#bringer-header ul.main-menu a {
    color: var(--white-color);   
}

#bringer-header a.bringer-button, #links a.bringer-button, #features a.bringer-button{
    color: var(--white-color);  
}

body {
    background: linear-gradient(100.88deg, #EBFFFE 0.6%, #FFF6EB 100%);
}

.bringer-portfolio-card-image img, .bringer-portfolio-card-image video, .bringer-carousel-card-image .st-lazy-wrapper {
    border-radius: var(--bringer-small-br);
}

#bringer-header {
    background-color: rgba(59, 59, 59, 0.9);
}

#contacts h6 {
    height: 30px;
}

#contacts h6 img {
    height: 30px;
}

#contacts h6 {
    display: flex;
    align-items: center;
}

#links ul, #features ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
}

#features ul {
    justify-content: center;
}

@media (max-width: 640px) {
    #links ul li, #links ul li a, #features ul li {
        width: 100%;
    }
}

#links ul li, #features ul li {
    list-style: none;
    text-align: center;
}

.text-white {
    color: #FFF !important;
}

.hidden {
    display: none;
}

#features ul.features_articles {
    display: block;
    text-align: center;
}

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