/*
 Theme Name:     Divi Child
 Theme URI:      https://bussare.life
 Description:    Divi Child Theme
 Author:         anonymus
 Author URI:     https://bussare.life
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*** elválasztó kivétele a tartalom és oldalsáv közül ***/
#main-content .container:before {background: none;}
 
/*** oldalsáv eltűntetése ***/
#sidebar {display:none;}
 
/*** tartalom teljes szélességűvé tétele ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/* menü elatti vonal eltüntetése */
#main-header {
box-shadow: none !important;
}
/* menü mögötti árnyék eltüntetése */
#main-header.et-fixed-header {
box-shadow: none !important;
}

/*style the Divi Blurb link as a button*/

a.pa-blurb-button {
color: #ffffff;
background: transparent;
border: 2px solid #ffffff;
padding: .7em 1.3em;
margin-top: 20px;
border-radius: 0px;
text-transform: capitalize;
display: inline-block;
transition: all 0.3s ease-in-out;
}


/*style the Divi Blurb link text as a button on hover*/

a.pa-blurb-button:hover {
background: #fff;
color: #000;
border: 2px solid #ffffff;
cursor: pointer;
transition: all 0.3s ease-in-out;
}



/* egyéni blog modul külső */

.pa-blog-list article{
    display: flex;
    align-items: center;
 }

 .pa-blog-list article a{
     width: 30%
 }

  .pa-blog-list article .wrap{
     width: 70%
 }

  .pa-blog-list .entry-title,
 .pa-blog-list .post-meta,
 .pa-blog-list .post-content{
     width: 100%;
 }

 @media all and (max-width: 768px){
   .pa-blog-list article{
    flex-direction: column;
 }
  .pa-blog-list article a{
     width: 100%
 }

  .pa-blog-list article .wrap{
     width: 100%
 }
 }

/*style the individual posts*/
.et_pb_post {
box-shadow: 0px 2px 80px 0px rgba(160,190,212,0.22);  
border-radius: 6px;
padding: 60px;
}

/*add media query so changes only affect tablet and desktop*/
@media (min-width: 767px) {
/*set the image width*/
.pa-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}
/*set the details width*/
.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 100%;
float: left;
padding-left: 30px;
}
}

/* egyéni blog modul külső - VÉGE*/

/* Sikeres üzenet stílusának testreszabása */

.et-pb-contact-message p {
    background-color: #ede6eb; /* Halvány rózsaszín háttér */
    color: #47032e; /* Sötét mályva szöveg */
    border: 1px solid #47032e; /* Sötét mályva szegély */
    border-radius: 5px; /* Lekerekített sarkok */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* divi űrlap error üzenet */
.et-pb-contact-message li {
color:red;
font-weight:800;
font-size:15px;
}

/* WooCommerce lightbox háttérszín módosítása */
.pswp__bg {
    background-color: rgba(255, 255, 255, 0.9); /* Világos fehér háttér, 90%-os áttetszőséggel */
    transition: background-color 0.3s ease-in-out; /* Simább színátmenet */
}

/* underline menu hoover */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #47032e; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/* kisebb almenüpontok */
.sub-menu li a {
font-size: 14px !important;
}

/* menü aláhúzása */

/* Change these values to edit line appearance and position */

:root {
  --BottomOffset: 18px;
  --LineHeight: 5px;
  --LineColor: #47032e;
}

/* Menu Hover Effects Style 2 */

.dl-menu-style2 ul.et-menu>li>a {
position: relative;
z-index: 1;
}
.dl-menu-style2 ul.et-menu>li>a:before {
    position: absolute;
    content: '';
    display: block;
    z-index: -1;
    background: var(--LineColor);
    width: 0;
    height: var(--LineHeight);
    bottom: var(--BottomOffset);
    left: calc(var(--LineHeight) / -2);
    transition: 0.3s cubic-bezier(.03,.3,.4,.96);
    transform: skew(-10deg);
}

.dl-menu-style2 ul.et-menu>li>a:hover:before {
    width: calc(100% + var(--LineHeight));
}