/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Modern weboldal készítés kiemelkedő eredményekkel. Nem csak szép, de hatékony weboldalakat készítünk, amely növelni fogja a vállalkozásod bevételét és leveszi a terhet a válladról a Hello Elementor sablonnal.
Author: WPViking Agency
Author URI: https://wpviking.agency/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-wpviking-agency
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ----------------- DESIGN ----------------- */
/* Selection */
::-moz-selection {
	color: #fff;
	background: var( --e-global-color-primary );
}

::selection {
	color: #fff;
	background: var( --e-global-color-primary );
}


/* Mark */
mark {
    background: var( --e-global-color-primary );
    color: #fff;
    font-weight: 700;
}

span.kiemeles-menu {
	padding: 5px 12px;
    background-color: #f56f46;
    color: #fff !important;
    border-radius: 100px;
    margin-left: 8px;
    font-size: 13px;
    line-height: 1.4em;
	text-decoration: none !important;
}


span#vilagoskek {
    background: #E6E6ED;
    color: #000;
    font-weight: 700;
    padding: 0px 5px;
}

span#alahuzas {
    background: linear-gradient(120deg, #E6E6ED 0%, #c7c8db 100%);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    background-position: 0 90%;
    color: #000;
    font-weight: 700;
}

span#kiemeles {
    padding: 0px 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #fff;
    background-image: 
    linear-gradient(-100deg, 
      rgba(245,111,70,0.15),
      rgba(245,111,70,0.4) 100%,
      rgba(245,111,70,0.35)
    );
    color: #000;
    font-weight: 700;
}

span#kiemeles-feher {
    padding: 0px 5px;
    border-radius: 5px;
    background-image: 
    linear-gradient(-100deg, 
      rgba(245,111,70,0.15),
      rgba(245,111,70,0.4) 100%,
      rgba(245,111,70,0.35)
    );
    color: #fff;
    font-weight: 700;
}


span#kedvezmeny {
    color: #25273E;
    background: #E6E6ED;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 6px;
    position: relative;
}

span#het {
    color: #25273E;
    background: #F56F461F;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 14px;
    padding: 3px 6px;
    position: relative;
    margin-right: 5px;
}

span#kiemeles2 {
    color: #25273E;
    background: #F56F461F;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px 6px;
    position: relative;
    margin-right: 5px;
}

span#kiemeles3 {
    color: #fff;
    background: #00aa5b;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 3px 6px;
    position: relative;
    margin-right: 5px;
}

/* Cookiebot branding elrejtése */ 
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText,
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo,
.CookiebotWidget-main-logo {
  display: none !important;
}

/* ----------------- FEJLÉC ----------------- */
@media only screen and (max-width: 1024px) {

div#fejlecmegamenu {
    width: 100% !important;
    box-shadow: none !important;
}
	
.elementor-widget-n-menu.e-fit_to_content :where(.e-n-menu-items-content>.e-con) {
    --width: 100% !important;
}
}

/* Átmeneti hatás a #stickyheaders elemhez. */
#stickyheaders {
  transition: transform 0.34s ease;
}
/* 150px-el feltolja a fejlécet */
.headerup {
  transform: translateY(-150px);
}

/* ----------------- FEJLÉC ----------------- */
.belepes i.far.fa-user {
    margin-right: 5px;
}

/* Kedvezmény span badge */
span#kedvezmeny {
    color: #25273E;
    background: #E6E6ED;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 6px;
    position: relative;
}

/* Felsorolás */
li::marker {
	color: #f56f46;
}

.elementor-text-editor.elementor-clearfix ul {
    margin-bottom: 15px !important;
}

/* Logók szürkeárnyalatos */
.logok img {
	opacity: 0.7;
	filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
	transition-duration: 0.3s;
}

.logok img:hover {
	opacity: 1;
	filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

/* Menü CTA */
@media only screen and (min-width: 1025px) {
li.menu-cta a {
    color: #fff !important;
    background: var( --e-global-color-primary ) !important;
    border: 2px solid var( --e-global-color-primary ) !important;
    border-radius: 5px;
    padding: 7px 20px 7px 20px !important;
	-webkit-transition: all .3s !important;
    -o-transition: all .3s !important;
    transition: all .3s !important;
}
	
li.menu-cta a:hover {
	background: #25273e !important;
	color: #fff !important;
	border: 2px solid #25273e !important;
}

li.menu-cta a::after {
		display: none !important;
}
}


/* Fluent Forms */
.fluentform .ff-btn-submit {
	margin-top: 10px !important;
    font-weight: 700 !important;
}

.fluentform .ff-btn:hover {
    opacity: 1 !important;
}

/* Gomb nyíl animáció */
.gomb-ikon i.fas.fa-arrow-right {
	transition: transform .45s cubic-bezier(.4,0,.2,1);
    transform: translate(0,0);
	margin-left: 4px;
}

.gomb-ikon:hover i.fas.fa-arrow-right {
	transform: translate(4px,0);
}

.gomb-bal i.fas.fa-arrow-left {
	transition: transform .45s cubic-bezier(.4,0,.2,1);
    transform: translate(0,0);
	margin-right: 4px;
}

.gomb-bal:hover i.fas.fa-arrow-left {
	transform: translate(-4px,0);
}

/* Idézet gutenberg */
blockquote {
	font-size: 18px;
	font-style: italic;
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 30px 30px 15px 30px;
	line-height: 1.45;
	position: relative;
	color: #0A0D1A;
	background: #F5F8FA;
	border-left: 5px solid #F56F46;
}

/* Szabadúszó webdesigner videók playlist */
.szw-video .e-tab-thumbnail {
	width: 60px !important;
}

/* ----------------- TANFOLYAM ALOLDALAK ----------------- */
span#ido {
    float: right;
}

/* Ajánlások teljes szélesség */
@media only screen and (min-width: 1024px) {
.ajanlasok .elementor-main-swiper {
    width: 100% !important;
}
.ajanlasok .elementor-main-swiper {
;
    box-sizing: border-box;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
}
}

/* ----------------- BLOG ----------------- */

/* Bejegyzés kivonatok után 3 pont*/
.elementor-posts .elementor-post__excerpt p:after {
content: "..." !important;
}

/* Szerző neve beljebb kezdődjön a bejegyzésben */
.szerzo .elementor-post-info__item--type-author {
    margin-left: 0px;
	padding-left: 0px !important;
}

.szerzo .fa-user-circle:before{
	content: none !important;
}

.szerzo .elementor-post-info__item--type-date, .szerzo i.far.fa-calendar-alt {
	font-size: 12px !important;
}

/* Hivatkozás */
.blogszoveg a:hover {
    text-decoration: underline;
}


/* Vélemény */
.velemeny input[type=date], .velemeny input[type=email], .velemeny input[type=number], .velemeny input[type=password], .velemeny input[type=search], .velemeny input[type=tel], .velemeny input[type=text], .velemeny input[type=url], .velemeny select, .velemeny textarea {
	border: 1px solid #E6E6ED !important;
}

.velemeny #comments .comment .comment-body {
    border-bottom: 1px solid #E6E6ED !important;
}

p.comment-form-consent label {
    display: inline;
    padding-left: 10px;
    font-size: 12px;
}

/* Tartalomjegyzék */
.tartalomjegyzek a.elementor-toc__list-item-text {
	padding-left: 10px !important;
	margin: 5px !important;
}

.leiras ul, .leiras ol {
    margin-bottom: 15px;
}

.leiras h3 {
	color: var( --e-global-color-secondary ) !important;
    font-size: 30px !important;
	text-transform: none !important;
    letter-spacing: 0px !important;
}

a.wp-block-button__link.wp-element-button {
    font-family: "DM Sans", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--e-global-color-66631b6);
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-primary);
    border-radius: 5px 5px 5px 5px;
    padding: 12px 30px 12px 30px;
    margin-bottom: 20px;
	transition: 0.3s;
}

a.wp-block-button__link.wp-element-button:hover {
	color: var(--e-global-color-66631b6);
    background-color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-secondary);
}



/* ----------------- LÁBLÉC ----------------- */
.lablecmenu a {
    color: #21373E;
}

.lablecmenu a:hover {
    color: #21373E;
    text-decoration: underline;
}

.lablecmenu li.elementor-icon-list-item {
	width: fit-content;
}

/*Horizontális  scroll kikapcsolása*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}