:root { --accent: #6c1cff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* 1. Dropdown heading advanced search keresőben  - Ehhez CSS módosítások*/ /*Módosítások headinghez keresőben. /* Általános stílusok a toggle ikonhoz (pluz jel) */ .filter-wrapper .heading-ui .toggle-icon { line-height: 1; /* Sormagasság beállítása */ vertical-align: middle; /* Függőleges igazítás */ position: relative; /* Relatív pozíció */ top: -15px; /* Mozgatás függőlegesen */ right: 0px; /* Mozgatás vízszintesen, ha szükséges */ font-size: 16px; /* Az ikon méretének beállítása, ha szükséges */ } /* Extra specifikus stílusok az összes header elemhez */ .filter-wrapper .heading-ui { cursor: pointer; /* Kéz kurzor a hover hatásra */ font-weight: bold; /* Félkövér betűstílus */ padding: 10px 0; /* Padding hozzáadása a szöveg körül */ position: relative; /* Relatív pozíció */ } /* Az utolsó heading-ui elem alatti extra térköz */ .filter-wrapper .heading-ui:last-of-type { margin-bottom: 20px; /* Növeli a margót az utolsó elem alatt */ } /* Az egész szűrő wrapper extra alsó paddingje */ .filter-wrapper { padding-bottom: 40px; /* Növeli a teljes szűrő wrapper alsó paddingjét */ } /* A lenyíló tartalom stílusai, ha szükséges */ .filter-wrapper .accordion-content { padding: 10px 15px; /* Térköz a lenyíló tartalom belsejében */ border-top: 1px solid #ccc; /* Vékony vonal a lenyíló tartalom felett */ } /* Állapotváltozás a lenyitott állapothoz */ .filter-wrapper .heading-ui.active .toggle-icon { top: -15px; /* Ugyanaz a pozíció, hogy ne mozduljon el */ } /* 3. módosítás - Explore oldalon a tagek, checkboxok 2 oszlopban legyenek */ .filter-wrapper .tags-nav { display: grid; /* Grid layout használata */ grid-template-columns: repeat(2, 1fr); /* Két oszlop kialakítása */ gap: 10px; /* Térköz az oszlopok között */ } .filter-wrapper .tags-nav li { list-style: none; /* Alapértelmezett listastílus eltávolítása */ } .filter-wrapper .tags-nav li label { display: block; /* Blokk szintű elem biztosítása, hogy az egész terület kattintható legyen */ } /* 4. módosítás - blokkok rendezése mobilon. Ehhez a számok külön az egyes blokkok "custom block class" részében vannak. Ott a jelölés pl 'sl-mobile-order-X' ' , x a szám! */ /* Facebook mylisting theme csoportból van. /* 50-50%-os elrendezéshez van! /* ML - SINGLE LISTING - RE-ARRANGE LISTINGS BLOCK ON MOBILE*/ @media only screen and (max-width: 991px) { .cts-main-column{ display: flex; flex-direction: column; } .cts-main-column .sl-mobile-order-1 { order: 1; } .cts-main-column .sl-mobile-order-2 { order: 2; } .cts-main-column .sl-mobile-order-3 { order: 3; } .cts-main-column .sl-mobile-order-4 { order: 4; } .cts-main-column .sl-mobile-order-5 { order: 5; } .cts-main-column .sl-mobile-order-6 { order: 6; } .cts-main-column .sl-mobile-order-7 { order: 7; } .cts-main-column .sl-mobile-order-8 { order: 8; } .cts-main-column .sl-mobile-order-9 { order: 9; } .cts-main-column .sl-mobile-order-10 { order: 10; } .cts-main-column .sl-mobile-order-11 { order: 11; } .cts-main-column .sl-mobile-order-12 { order: 12; } .cts-main-column .sl-mobile-order-13 { order: 13; } .cts-main-column .sl-mobile-order-14 { order: 14; } .cts-main-column .sl-mobile-order-15 { order: 15; } .cts-main-column .sl-mobile-order-16 { order: 16; } .cts-main-column .sl-mobile-order-17 { order: 17; } .cts-main-column .sl-mobile-order-18 { order: 18; } .cts-main-column .sl-mobile-order-19 { order: 19; } .cts-main-column .sl-mobile-order-20 { order: 20; } .cts-main-column .sl-mobile-order-21 { order: 21; } .cts-main-column .sl-mobile-order-22 { order: 22; } .cts-main-column .sl-mobile-order-23 { order: 23; } .cts-main-column .sl-mobile-order-24 { order: 24; } .cts-main-column .sl-mobile-order-25 { order: 25; } } /* 5. / Szálláshelyeknél 2 db bemutatkozás van. Egy van mobilra, egy van asztalira. Azért kellett, mert nem eg helyen jelent meg mobilon és asztalin, viszont oszlopok rendezésével, blokkok rendezésével nem lehetett megoldani!*/ @media only screen and (max-width: 768px) { .szallashely-bemutatkozas-2 { display: none; /* Rejtve mobilon */ } } @media only screen and (min-width: 769px) { .szallashely-bemutatkozas-2 { display: block; /* Látható asztali nézetben */ } } @media only screen and (max-width: 768px) { .szallashely-bemutatkozas-1 { display: block; /* Látható mobilon */ } } @media only screen and (min-width: 769px) { .szallashely-bemutatkozas-1 { display: none; /* Rejtve asztali nézetben */ } } /* 6. Mobilon, a listaoldalon a tulajdonságok, "terms"-ek nevei nincsenek levágva, 2 vagy több sorban ki vannak írva! */ .block-type-terms li a span { white-space: normal !important; } /* Expander maker, azaz a read more bővítményben (szállások leírásai), a felsorolásokban szürke helyett fekete színnel mutatja a szöveget*/ html body .yrm-content, html body .yrm-content p, html body .yrm-content span, html body .yrm-content div { color: black !important; } /*LISTINGEK, ADATLAPOK FELSŐ MENÜSORA, PL. BEMUTATKOZÁS, RÉSZLETEK MÓDOSÍTÁSA, SZÉLESSÉG CSÖKKENTÉSE PL, HOGY NE LEGYEN SCROLL, CSÚSZKA*/ /* Tabs sáv teljes szélességre húzása */ .single-job_listing .profile-menu { max-width: 100% !important; width: 100% !important; overflow: visible !important; display: flex; justify-content: center; /* vízszintesen középre */ } /* Carousel sáv középre és szellősebbre */ .single-job_listing .profile-menu .cts-carousel { width: auto !important; /* ne nyújtózzon ki teljesen */ display: flex !important; justify-content: center !important; /* tabok középre rendezése */ align-items: center !important; /* vertikális középre */ gap: 20px !important; /* több hely a tabok között */ } /* Egyes tab-elemek */ .single-job_listing .profile-menu .cts-carousel li { flex: 0 0 auto !important; list-style: none; } /* Tab linkek */ .single-job_listing .profile-menu .listing-tab-toggle { padding: 12px 22px !important; /* nagyobb belső tér */ font-size: 15px !important; line-height: 1.4 !important; display: flex; align-items: center; /* szöveg vertikális középre */ justify-content: center; }