/*
 Theme Name:   MS AUDYT Małgorzata Słomczyńska
 Author:       Gosia Góźdź myspot.ON
 Template:     Divi
 Version:      1.48
*/


/* ============== GLOBAL STYLES ============== */

/* Fix a horizontal scroll bug on mobile browsers */
#page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

/* Text Module */
.ms-text h1,
.ms-text h2,
.ms-text h3,
.ms-text h4,
.ms-text h5,
.ms-text h6 {
    padding-bottom: .25em;
}

.ms-text h1:not(:first-child),
.ms-text h2:not(:first-child),
.ms-text h3:not(:first-child),
.ms-text h4:not(:first-child),
.ms-text h5:not(:first-child),
.ms-text h6:not(:first-child) {
    padding-top:.25em;
}
  
.ms-text ul li,
.ms-text ol li {
    padding-bottom: .75em;
	line-height: 1.2em;
}

.ms-text p:last-of-type {
    padding-bottom: .5em;
}
.ms-text p:last-child {
  padding-bottom: 0;}



/* ============== LAYOUT ============== */

/*SELECTION*/
::selection {
     background-color: #373F37;
     color: #FFFFFF;} 



/* ============== Header ============== */

@media (min-width: 981px) {
  #ms-header {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}


/* ============== BACK TO TOP ============== */
.et_pb_scroll_top {
  padding:10px!important;}

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 20px;
    border-radius: 50px;
	background: RGB(243, 242, 241, .3);
    padding: 4px;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top.et-pb-icon:hover {
    transition: all .2s ease-in;
	background:#F3F2F1;
}
 
.et_pb_scroll_top:before {
    content: "\21";
    color:#374038;
}


/* ============== FOOTER ============== */

#ms-footer .et_pb_menu__menu,
#ms-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
display: flex;
flex-direction:column!important;
flex-wrap:nowrap!important;
align-items:flex-end!important;
}

#ms-footer .et_pb_menu__wrap {
justify-content:flex-end!important;
}
@media (min-width:861px){
	#ms-footer ul li {
    padding:0px!important;
}}

@media (max-width:980px) {
#ms-footer .et_mobile_nav_menu {
display: none!important;
	}}

@media (max-width:860px){	
#ms-footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
justify-content:flex-start;}

#ms-footer .et_pb_menu__menu,
#ms-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
align-items:flex-start!important;
}

#ms-footer .et_pb_menu__wrap {
justify-content:flex-start!important;
}}



/* ===================== FORMULARZ ===================== */

.forminator-field input,
span.select2-selection.select2-selection--single,
textarea {
padding: 15px!important;
border-radius:10px!important;
border: 1px solid #ffffff!important;}

#checkbox-1 label {
align-items:flex-start!important;}

span.forminator-checkbox-label {
line-height:1.2em!important;
text-align:left!important;
font-size:12px!important;
color:#ffffff;}

span.forminator-checkbox-box {
border-radius:5px!important;
background: RGB(255, 255, 255, .3)!important;
border: 1px solid #ffffff!important;}


button.forminator-button.forminator-button-submit {
border-radius:40px!important;
font-size:16px!important;
padding:0.5em 2em!important;
display: block!important;
margin-left: auto!important;
margin-top:20px!important;
text-transform:uppercase;
border: 1px solid #ffffff!important;
}

button.forminator-button.forminator-button-submit:hover {
box-shadow:none!important;
background: RGB(255, 255, 255, .3)!important;
}



/* ================== MARQUEE ================== */
.sa-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: transparent; 
  padding: 10px 0;
}

.sa-marquee-track {
  display: flex;
  width: max-content;
  animation: sa-marquee-scroll 30s linear infinite;
}

.sa-marquee-track h3 {
  white-space: nowrap;
  margin: 0;
  padding: 0 2rem;
  font-size: clamp(18px, 2vw, 26px);
  font-weight: 500;
  color: #000;
}

/* Keyframes */
@keyframes sa-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Hover pause */
.sa-marquee:hover .sa-marquee-track {
  animation-play-state: paused;
}


/* ============== MOBILE MENU ============== */

#ms-header .mobile_menu_bar:before {
    font-size: 50px;
}

#ms-header .opened .mobile_menu_bar:before {
    content: '\4d';
}

#ms-header .mobile_menu_bar {
    z-index: 100 !important;
}

#ms-header .et_mobile_menu {
    position: fixed !important;
    display: block !important;
    margin: 0 !important;
    min-height: 25vh;
    max-width: 100vw;
    left: 0;
    right: 0;
    top: 0 !important; 
    margin-top: 105px !important; 
    z-index: 99 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.6s ease;
}

#ms-header .et_mobile_menu a {
    font-size: 18px;
    border: none !important;
}

#ms-header .opened .et_mobile_menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#ms-header .opened .et_mobile_menu .menu-item-has-children a {
    background: transparent;
}

ul#mobile_menu1 {
    border: none;
}

/* MOBILE SUBMENU STYLES */
@media (max-width:980px) {
    #ms-header .sub-menu {
        width: auto;
        padding: 0 !important;
    }
    ul.sub-menu a {
        font-weight: 400 !important;
    }
    #ms-header .sub-menu li a,
    #ms-header .sub-menu li a:hover,
    #ms-header .sub-menu li:last-child a {
        padding: 0px 15px 10px 10px;
    }
}