/*
 Theme Name:   Legjobbszerviz.com
 Theme URI:    https://www.legjobbszerviz.com/
 Description:  GeneratePress Child Theme
 Author:       Varga Antal
 Author URI:   https://www.legjobbszerviz.com/author/vargaantal
 Template:     generatepress
 Version:      1.0
*/

/*@import url("../generatepress/style.css");*/

.main-navigation ul ul {
    width: 270px !important;
}

.main-navigation .sub-menu .sub-menu {
    width: 150px !important;
}

.main-navigation .sub-menu .sub-menu .menu-item a {
    padding: 5px 20px !important;
}

.fix-header{
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	box-shadow: 0px 1px 3px 0px rgba(50,50,50,.4);
}

.centered-h2{
	text-align:center
}
.gb-block-image figcaption, .wp-block-image figcaption {
    font-size: 15px;
	text-align:left;
}

.cta-gomb a{
    display: inline-block;
    color: #fff !important;
    padding: 15px;
    background: var(--accent);
    border: 1px solid;
}

.cta-gomb a:hover{
	background: var(--accent-2);
}

hr {
    border: 0 !important;
}

.anchor:before {
  content:"";
  display: block;
  height: 180px; /* fixed header height*/
  margin: -180px 0 0; /* negative fixed header height*/
}

.velemenyek-title, .velemenyek-link a{
	display:block;
	padding:5px;
	border:2px solid var(--accent);
	font-size:20px;
	color:var(--accent);
	text-align:center;
	margin-bottom:30px
}

.velemenyek-link a:hover{
	background:var(--accent);
	color:#fff !important;
}

.velemeny-box, .arak-box{
	background-color:var(--base);
	padding:30px;
	margin-bottom:30px
}

.velemeny-box .nev{
	font-weight:700;
	margin-bottom:1em
}

.velemeny-box .csillagok{
	margin-bottom:.5em
}

.velemeny-box .velemeny{
	margin-bottom:0
}

.cta-panel{
    padding: 30px;
    background:var(--contrast-4);
    color: #fff;
    margin-bottom: 30px;
}

.cta-panel p:last-child, .bordered-p p, .read-more-box p, .arak-box p{
    margin-bottom: 0;
}

.cta-panel a{
	color:var(--base-5)
}

.read-more-box{
	padding:30px;
    margin-bottom: 30px;
	background-color:var(--base);
}

.bordered-p{
	padding:10px 30px;
	border-left:7px solid var(--accent);
	margin-bottom:1.5em;
}

.brand-selector img:hover{
	outline:4px solid var(--accent);
}

@media (max-width: 768px){
		body{
		background-position:center 65px !important;
	}
	
	.fix-header{
		padding-left:20px;
		padding-right:20px
	}
	
	.logo img{
		max-height:40px !important
	}
	
	.header-cta .gb-button-text{
		display:none;
	}
	
	.header-cta{
		padding: 6px !important;
	}
	
	.desktop-menu{
		display:none;
	}
	
	.mobil-menu .main-navigation {
    	background-color: transparent;
	}
	
	.main-navigation .menu-toggle{
		padding:0;
		color:var(--base-3);
    	font-size:26px;
		line-height:1;
	}
}

@media (max-width: 480px){
	.cta-panel{
    	padding: 20px;
	}
}

@media (min-width: 769px){	
	.header-cta .gb-icon{
		display:none;
	}
	
	.mobil-menu{
		display:none;
	}
}

@media (min-width: 481px){
	p {
	text-align:justify
	}
	
	.szolgaltatasok p{
		text-align:left
	}
}