/*
 Theme Name:   Motyw potomny SELFlow
 Description:  This is a sample child theme
 Author:       Ola S.
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  dsa
*/

/* Selection styling for highlighted text */
::selection {
    background: var(--gcid-heading-color);
    color: #fff;
}
:is(h1,h2,h3,h4,h5,h6)::selection {
    background: var(--gcid-jq73x6w3zb);
    color: var(--gcid-heading-color);
}
a::selection {
    background: var(--gcid-primary-color);
    color: #fff;
}

/* Fix bottom spacing on elements */
.dsa-text p:last-of-type {
    padding-bottom:1em;
}
.dsa-text :is(p,ul,ol,blockquote):last-child {
    padding-bottom:0;
}

/* Style links */
.dsa-text a {
    transition: all .2s linear;
    text-underline-offset:.15em;
    text-decoration-thickness:.2em;
    text-decoration-skip-ink: none;
}
.dsa-text a:hover {
    text-underline-offset:0;
}

/* Add space before headings */
.dsa-text :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
    padding-top:.75em;
}

/* ===== Divi 5 Menu Hover ===== */

.dl-menu-style5 .et_pb_menu__menu > nav > ul > li {
    position: relative;
}

.dl-menu-style5 .et_pb_menu__menu > nav > ul > li::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50px;
    height: 2px;
    background: #A7C5E8;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}

.dl-menu-style5 .et_pb_menu__menu > nav > ul > li:hover::after {
    transform: scaleX(1);
}

/* Custom list markers */
.dsa-text li::marker {
    color: var(--gcid-primary-color);
    font-weight: 900;
}
/* Style Blockquotes */
.dsa-text blockquote:first-child {
  margin-top:0;
}

/* Kontener cytatu na hero */

#quote-slider{
    max-width:760px;
    opacity:1;
    transition:opacity .6s ease-in-out;
}

#quote-slider.fade{
    opacity:0;
}

#quote-slider .quote-text{
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(32px,3vw,48px);
    font-style:italic;
    font-weight:500;
    line-height:1.1;
    color:#fff;

    margin:0 0 8px 0; 
}

/* Back-to-top button styling */
.et_pb_scroll_top.et-pb-icon::before {
    content:'\21';
}
.et_pb_scroll_top.et-pb-icon {
    background: var(--gcid-w07th0pa7i);
    color:  var(--gcid-heading-color);
    padding: 12px;
    font-size: 22px;
    right: 20px;
    border:1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
}
.et_pb_scroll_top.et-pb-icon:hover {
    background:#ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform:translate(1px, 2px);
}
.et_pb_scroll_top.et-pb-icon.et-visible {
    transition: all .3s ease-in-out;
}
/* scroll ładny z kotwic*/
html {
    scroll-behavior: smooth;
}

/* Offset dla kotwic z Group */
.anchor-section {
    scroll-margin-top: 200px;
}

@media (max-width: 980px) {
    .anchor-section {
        scroll-margin-top: 140px;
    }
}

/* ==========================================
   Elegant Mobile Menu
========================================== */

.et_pb_menu .et_mobile_menu {
   border-radius: 10px !important;
   box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
   padding: 8px 0 !important;
   margin-top: 10px !important;
}

.et_pb_menu .et_mobile_menu li {
    margin: 0 !important;
}

.et_pb_menu .et_mobile_menu li a {
    color: #22364F !important;
    padding: 16px 22px !important;
    border-bottom: 1px solid rgba(34,54,79,.08) !important;
    background: transparent !important;
    transition: .25s ease;
}

.et_pb_menu .et_mobile_menu li:last-child a {
    border-bottom: none !important;
}

.et_pb_menu .et_mobile_menu li a:hover {
    background: rgba(167,197,232,.12) !important;
    color: #22364F !important;
}
/* transparent and sticky menu*/
div#et-main-area {margin-top: -189px;}

@media (max-width:980px) {

    div#et-main-area {margin-top: -148px;}

}

/*zmiana wielkości filmu w hero */
.hero-video {
    outline: 5px solid red !important;
}

/*zmniejszenie paddingu headingów w sekcji obszary wsparcia*/
#obszary h3.et_pb_module_header {
    padding-bottom: 0px;
}