/*
 Theme Name:   Yello Studio
 Description:  This is a sample child theme
 Author:       Gosia Góźdź
 Template:     Divi
 Version:      2.28
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

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

/*SELECTION*/
::selection {
     background-color: #FFE808;
     color: #000;
 }

/*Wyśrodkowana sekcja*/
.yl-center {
	display:flex;
	flex-direction: row;
	align-items:center;
}

@media (max-width:980px){
	.yl-center {
	display:flex;
	flex-direction: column;
	align-items:center;
}
}

/*HEADER*/
/* Canvas Header #5 */
.canvas-header-5 .et_pb_row>.et_pb_column {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.canvas-header-5 .canvas-menu {
  flex-grow: 1;
}

.canvas-header-5 .et_mobile_menu a {
background:transparent!important;
font-weight:500!important
}

@media (min-width:981px) and (max-width:1030px) {
    #menu-glowne a {
        font-size:15px;
    }
}

/*Header mobile*/
.canvas-header-5 .opened .mobile_menu_bar:before{
        content:'\4d';
}

.canvas-header-5.et_mobile_nav_menu {
    height: 100px;
}

.canvas-header-5 ul#mobile_menu1 {
   border:0px!Important;
   min-width:100vw;
   min-height:60vh;
margin-left:-130px;
    margin-top:28px
}

.canvas-header-5 ul .et_mobile_menu a:hover{
   background:transparent;
}

@media (min-width:768px) {
    .canvas-header-5 ul#mobile_menu1 {
   border:0px!Important;
   min-width:100vw;
   min-height:60vh;
    margin-left:-170px!important;
    margin-top:29px
	}}

@media (max-width:550px) {
    .canvas-header-5 ul#mobile_menu1 {
    margin-left:-120px!important;
	}}

@media (max-width:390px) {
    .canvas-header-5 ul#mobile_menu1 {
    margin-left:-110px!important;
	}}

.canvas-header-5 .et_mobile_menu li a {
    border-bottom: none!important;}
.canvas-header-5 .et_mobile_menu {
    box-shadow: none!important;}


/*SUBMENU*/

/*Header submenu*/
.canvas-header-5 ul.sub-menu {
    box-shadow:none;}
    
.canvas-header-5 ul.sub-menu a {
    width:300px;
    margin: 0px;
}
.canvas-header-5 ul.sub-menu {
    border:0px!Important;
    display:flex;
    flex-direction:column;
    width:300px;
}

.canvas-header-5 ul.sub-menu li:before {
    content:'\35';
	font-family:'ETmodules';
	color: #000;
	display:inline-block;
	position:absolute;
	margin-top:4px;
  font-weight:200;
}

.canvas-header-5 ul.sub-menu > li > a:hover:after,
.canvas-header-5 ul.sub-menu > li.current-menu-item > a:after  {
    width: 20%;
    left:6%;
    opacity: 1;
}

.canvas-header-5  ul.sub-menu > li > a {
    z-index: 1;
}

.canvas-header-5  ul.sub-menu a:hover {
background:none;
}


@media (max-width:980px){
.canvas-header-5 ul.sub-menu a {
    padding:2px!important;
    margin-left:40px!Important;
}

.canvas-header-5 ul.sub-menu li:before {
	margin-left:20px;
}}


    @media (max-width:480px){
.canvas-header-5 ul.sub-menu a {
    padding:2px!important;
    margin-left:25px!Important;
}

.canvas-header-5 ul.sub-menu li:before {
	margin-left:5px;
}}


/*Przycisk powrotu do góry*/
.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: 15px;
    border-radius: 0px;
    border: 2px solid #000000;
    background: #ffffff;
    box-shadow: 3px 3px 0px #FFE808;
    padding: 4px;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top.et-pb-icon:hover {
    box-shadow: 3px 3px 0px #000000;
    transition: all .2s ease-in;

}
 
.et_pb_scroll_top:before {
    content: "\21";
    color:#000000;
}

/* Odwrócenie kolumn na mobile */
@media screen and (max-width: 768px) {
    .yello-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


/* Footer Mobile Menu */
@media (max-width:768px) {
	.yello-footer .et_mobile_nav_menu {
		display: none;
	}	
   
    .yello-footer .et_pb_menu__menu{
		display: block;
	}
}

/*Timeline*/
.yl-timeline .timeline-panel.timeline-box.et-waypoint.et_pb_animation_top.et-animated {
    box-shadow: none!important;
    border:3px solid #000000;
}



/*Testimonials*/
.yl-opinie .dica-item-content {
    border: 2px solid #000;
    box-shadow: 6px 6px #FFE808;
}



/*Button*/
.button-highlight {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, #FCE80D 45%) !important;
    background-color: transparent !important;
    border: none !important;
    display: inline-block !important;
    padding: 0 2px !important;
    text-decoration: none !important;
    line-height: 1.2em !important;
}