/*
 Theme Name:     Divi Child
 Theme URI:      https://roth-hu.hu
 Description:    Divi Child Theme
 Author:         anonymus
 Author URI:     https://roth-hu.hu
 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;
}

/* 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: #df252b; /*** 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: #df252b;
}

/* 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));
}