/* Theme Name:FBK Author: WG Description: TwentyTwentyFive child theme using Tailwind CSS Version: 1.0 Template: twentytwentyfive */ :root { --header-padding-y: 14px; --high-contrast-bg-color: #ffffff; /*Background color for images - used in "PARTNERZY" section and Congress Partners section, also in the article's content section*/ --font-primary: 'Syne', sans-serif; --img-placeholder-bg: #d1d1d1; --element-general-border: 2px solid #FFFFFF; --text-high-contrast-color: #000000; /*Text color on white bg*/ /*Backgrounds*/ --site-bg-color: transparent; /*#ff4daa; /*Defines bg color for divs that are under the elements of the site.*/ --site-light-bg-color: transparent;/*#ff0086; /*Color of the lighter, highlighted elements - f.e. partners ("PARTNERZY") section*/ --site-light-bg-action: #ff0086; --countdown-section-bg: transparent; /* linear-gradient(180deg, #f771ba 0%, #ea0080 100%); /*Headings*/ --hero-h1-font-size: clamp(3rem, 5rem, 6.5rem); --mobile-hero-h1-font-size: clamp(2rem, 3rem, 5rem); --h1-font-size: clamp(3rem, 4rem, 6.5rem) ; --h1-line-height: 1.1; --h2-font-size: clamp(1rem, 2rem, 2rem) ; --h3-font-size:clamp(1.1rem, 2vw, 22px); --mobile-h1-font-size: clamp(2rem, 3rem, 5rem) ; --mobile-scaled-h1-font-size: clamp(1rem, 1.8rem, 4rem); --h1-letter-spacing: 2px; --h1-font-weight: 700; --h1-text-transform: uppercase; --h1-letter-spacing: 2px; --h1-text-color: #FFFFFF; /*Paragraphs*/ --p-text-color: #FFFFFF; --p-font-size: clamp(1rem, 1.2rem, 2.8rem) ; /*(min,targetted size, max)*/ --p-mobile-font-size: clamp(0.9rem, 1.2rem, 2rem); --p-mobile-scaled-font-size: clamp(0.8rem, 1rem, 1.5rem); /*Used for descriptions in forum to section*/ --p-line-heght: 1.2; /*Distance between lines*/ --p-font-weight: 400; --p-bold-font-weight: 500; /*Buttons*/ --button-bg-color: #7731ff; /*Primary button background color*/ --button-inverted-bg-color: var(--button-hover-color); --button-color: #FFFFFF; /*Button's text color*/ --button-hover-color: var(--site-bg-color); /*Button text color on hover*/ --button-inverted-hover-color: var(--button-bg-color); --button-hover-bg: #ffffff; /*Button background color on hover*/ --button-padding-x: 3rem; --button-padding-y: 1.5rem; /*Mobile restyle*/ --button-mobile-padding-x: 2rem; --button-mobile-padding-y: 1rem; /*Header overrides*/ --header-btn-padding-y: 0.6rem; --header-btn-padding-x: 1.2rem; --header-btn-font-size: clamp(0.5rem, 1rem, 2rem); --button-border-radius: 9999px; --button-border: none; --button-font-weight: 500; --button-font-size: clamp(0.8rem, 1.2rem, 1.5rem); --button-mobile-font-size: clamp(0.5rem, 1.2rem, 1.5rem); --button-text-decoration: none; --button-transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out; --button-cursor: pointer; --button-white-space: nowrap; /*Unused*/ /*Hover*/ --button-hover-outline: 2px solid #FFFFFF; --button-outline-offset: 2px; --button-hover-transform: translateY(-1px); /*Menu*/ --menu-hamburger-color: #FFFFFF; --menu-hamburger-bg-color: var(--site-light-bg-action); --menu-site-logo: url('https://forumbranzykosmetycznej.pl/wp-content/uploads/2026/05/Logo-Glowne-FBK.svg'); /*Slider*/ --slider-pagination-color: #FFFFFF; /*Te kropki na dole slidera - wersja strony aktualnie nieużywanej*/ --slider-pagination-color-active: #000000; /*Aktywna kropka na dole slidera */ --slider-pagination-width: 8px; --slider-pagination-height: 8px; --slider-pagination-margin: 0 6px !important; --slider-pagination-transition: background-color 0.2s ease, transform 0.2s ease; /*From homeHero.css*/ --hero-bg: linear-gradient(180deg, #ea0080 0%, #f771ba 100%); /*From congress-partners.css ("PARTNERZY" sign)*/ --partiners-margin-top: -20px; --partners-padding-top: 60px; --partners-margin-bottom: -10px; --partners-padding-bottom: 60px; --partners-title-carusel-gap: 10px; --partners-mobile-padding-top: 0px; --partners-mobile-padding-bottom: 60px; --partners-mobile-gap: 24px; /* Odstęp między tytułem a opisem */ /*From contactSection.css ("Black section above footer")*/ --contact-bg-main: #1a1a1a; --contact-text-main: #ffffff; --contact-text-muted: rgba(255, 255, 255, 0.7); --contact-btn-bg: #7731ff; --contact-btn-hover: #5d25cd; --contact-line-default: #555555; --contact-line-focus: #ffffff; --contact-error-color: #b50000; --contact-smaller-mail-text-size: clamp(0.5rem, 1.2rem, 3rem); /*White bg contact section*/ --contact-text-main-inverted: #1a1a1a; --contact-bg-inverted: #ffffff; --contact-line-default-inverted: #cccccc; --contact-line-focus-inverted: var(--contact-btn-bg); /*Small header*/ --mobile-h3-font-size:clamp(1.1rem, 2vw, 22px); --h3-font-weight: 600; --h3-letter-spacing: 1.5px; --h3-text-transform: uppercase; /*From latestPostCards.css*/ --post-cards-second-card-bg: #7d40ff; --post-cards-second-card-text: #ffffff; --post-cards-thrid-card-bg: #ffffff; --post-cards-third-card-text: #000000; --post-cards-main-card-min-height: 700px; --post-cards-sidebar-card-min-height: 295px; --post-cards-mobile-sidebar-card-min-height: 380px; --post-cards-mobile-main-card-min-height: var(--post-cards-mobile-sidebar-card-min-height); /* Zmienne pomocnicze dla paddingów kart */ --post-cards-card-padding: 35px; --post-cards-mobile-card-padding: 35px; --post-cards-main-card-radius: 50px; --post-cards-sub-card-radius: 35px; /*Typography*/ --post-cards-article-title-font-size: clamp(1rem, 1.5rem, 2rem); --post-cards-article-title-font-weight: 600; --post-cards-article-desc-font-size: clamp(0.1rem, 0.2 rem, 0.3rem); --post-cards-article-desc-font-weight: 400; /*Mobile typography*/ --post-cards-mobile-article-title-font-size: clamp(1rem, 1.5rem, 2rem); --post-cards-mobile-article-title-font-weight: 500; --post-cards-mobile-article-desc-font-size: clamp(0.2rem, 0.5 rem, 1rem); --post-cards-mobile-article-desc-font-weight: 300; /*Image*/ --post-cards-img-container-height: var(--post-cards-sidebar-card-min-height); /*clamp(200px, 30vw, 380px);*/ /*From tickets-section.css*/ --tickets-section-margin-left: 0px; --tickets-section-margin-right: 0px; --tickets-gap: 35px; --tickets-box-min-width: 150px; --tickets-box-min-height: 500px; --tickets-box-mobile-min-height: 300px; --tickets-bg-section: var(--site-bg-color); --tickets-bg-highlight: #ff0086; --tickets-btn-bg: #7731ff; --tickets-btn-bg-hover: #ffffff; --tickets-text-color: #ffffff; --tickets-border: 1px solid #ffffff; --tickets-border-radius: 50px; --tickets-btn-radius: 50px; --tickets-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); --tickets-title-desc-gap: 20px; --tickets-heading-border-top-gap: 80px; --tickets-heading-border-side-gap: 60px; --tickets-heading-boxes-gap: 60px; /*Fonts in ticket offer boxes*/ --tickets-section-heading-font-size:clamp(1rem, 1.65rem, 2rem); --tickets-section-heading-mobile-font-size:clamp(0.8rem, 1rem, 1.5rem); --tickets-section-desc-font-size: var(--p-font-size); --tickets-section-desc-mobile-font-size:clamp(1rem, 1.1rem, 1.5rem); --tickets-section-heading-font-weight: var(--h1-font-weight) ; --tickets-section-desc-font-weight: calc(var(--p-font-weight) * 0.8); /*From speakerGrid.css*/ --speakers-info-bg: #ffffff; --speakers-info-text-color: #1a1a1a; --speaker-title-font-size: clamp(1.5rem, 2rem, 3.5rem) !important; /*(min,targetted size, max)*/ --speaker-company-font-size: clamp(0.5rem, 1rem, 2rem) !important; /*(min,targetted size, max)*/ --speakers-heading-to-content-padding: 0 px; /*From inv-section.css*/ --inv-section-text-color: #FFFFFF; /*From congressTimer.css*/ --cd-gap: clamp(20px, 5vw, 60px); --cd-number: clamp(48px, 5vw, 130px); --cd-label: clamp(10px, 1.5vw, 14px); --cd-title: clamp(14px, 2vw, 18px); /*countdown-section.css*/ --countdown-heading-bottom-padding: 40px; /*Should be the same*/ --countdown-heading-top-padding: 100px; /*Footer*/ --footer-h1-font-size:clamp(1.5rem, 2rem, 3.5rem); --footer-mobile-h1-font-size:clamp(1.5rem, 2rem, 3.5rem); --footer-h1-font-weight: 600; --footer-nav-buttons-text-size:clamp(0.5rem, 1rem, 2rem); --footer-mobile-nav-buttons-text-size:clamp(0.5rem, 1rem, 2rem); --footer-copyright-text-size:clamp(0.5rem, 1rem, 2rem); --footer-mobile-copyright-text-size:clamp(0.5rem, 0.8rem, 2rem); --footer-h3-font-size:clamp(1.25rem, 2rem, 3rem); --footer-mobile-h3-font-size:clamp(0.5rem, 1.5rem, 2rem); --footer-h3-font-weight: var(--h3-font-weight); --footer-a-font-weight: 300; --footer-color-bg-left: #ffffff; --footer-color-bg-right: #ff0086; --footer-action-color-btn: #7731ff; --footer-color-text-dark: #1c1a1a; --footer-color-text-light: #ffffff; --footer-color-text-muted: #7e7e7e; --footer-radius: 50px; --footer-transition: 0.3s ease-in-out; --footer-footer-inner-box-padding: 60px; /*Top&Bottom inner box padding*/ --footer-padding-inline: clamp(20px, 8vw, 80px); /* Controls distance from edges (left&right inner box padding)*/ --footer-nav-buttons-outline: 2px solid #000000;; /*Paddings*/ /*Inv-section (Forum to...)*/ --inv-section-padding-top: 20px; --inv-section-padding-bottom: 70px; --inv-section-desc-font-size: clamp(1rem, 1.2rem, 2rem); --inv-section-padding-text-content-padding-bottom: 0px; /*Gap between text and content*/ /*Latest posts (czytaj wiecej...)*/ --post-cards-padding-top: 60px; --post-cards-padding-bottom: 60px; --post-cards-heading-to-content-gap: clamp(20px, 4vw, 60px); /*Shorts section*/ --shorts-section-padding-top: 80px; --shorts-section-padding-bottom: 20px; } /**Font loading*/ * { font-family: var(--font-primary); }