.elementor-kit-65698{--e-global-color-primary:#C65A1E;--e-global-color-secondary:#FFFAF1;--e-global-color-text:#2B2B2B;--e-global-color-accent:#12C3F4;--e-global-color-75def1a:#6F6F6F;--e-global-color-a8ccaf2:#FFFFFF;--e-global-color-f7d0fc0:#FFFAF1;--e-global-color-81e7011:#E8E1D8;--e-global-color-00a8d71:#A94E1E;--e-global-color-d423455:#2B2B2B;--e-global-color-d69092e:#FFFAF1;--e-global-color-b61b79f:#FFFFFF;--e-global-color-b6c70e3:#2B2B2B;--e-global-color-b558ee8:#6F6F6F;--e-global-color-5ff0ba8:#E8E1D8;--e-global-color-e4bd472:#A94E1E;--e-global-typography-primary-font-family:"Rainier";--e-global-typography-primary-font-size:0px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.15em;--e-global-typography-primary-letter-spacing:0.02px;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.5px;color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-65698 button,.elementor-kit-65698 input[type="button"],.elementor-kit-65698 input[type="submit"],.elementor-kit-65698 .elementor-button{background-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}.elementor-kit-65698 button:hover,.elementor-kit-65698 button:focus,.elementor-kit-65698 input[type="button"]:hover,.elementor-kit-65698 input[type="button"]:focus,.elementor-kit-65698 input[type="submit"]:hover,.elementor-kit-65698 input[type="submit"]:focus,.elementor-kit-65698 .elementor-button:hover,.elementor-kit-65698 .elementor-button:focus{background-color:var( --e-global-color-00a8d71 );}.elementor-kit-65698 e-page-transition{background-color:#FFBC7D;}.elementor-kit-65698 a{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;}.elementor-kit-65698 a:hover{color:var( --e-global-color-e4bd472 );}.elementor-kit-65698 h1{color:var( --e-global-color-text );font-family:"Rainier", Sans-serif;font-size:56px;font-weight:700;text-transform:uppercase;line-height:1.15em;}.elementor-kit-65698 h2{color:var( --e-global-color-text );font-family:"Rainier", Sans-serif;font-size:42px;font-weight:700;text-decoration:none;line-height:1.15em;letter-spacing:0.02em;}.elementor-kit-65698 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-65698 h4{color:var( --e-global-color-text );font-family:"Rainier", Sans-serif;font-size:22px;font-weight:700;line-height:1.15em;letter-spacing:0.02em;}.elementor-kit-65698 h5{color:var( --e-global-color-text );font-family:"Rainier", Sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0.02em;}.elementor-kit-65698 h6{color:var( --e-global-color-text );font-family:"Rainier", Sans-serif;font-size:16px;font-weight:700;text-decoration:none;line-height:24px;letter-spacing:0.02px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-65698{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-65698 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-65698{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-65698 h1{font-size:38px;}.elementor-kit-65698 h2{font-size:30px;}.elementor-kit-65698 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= ATVOF – Global frontend styling ========================================================= */ /* Länkar */ a { color: var(--e-global-color-primary); } a:hover, a:focus { color: #A94E1E; } /* Globala knappar (frontend): orange överallt OBS: TD-komponenter undantas längre ner */ body:not(.wp-admin) .elementor-button, body:not(.wp-admin) a.button, body:not(.wp-admin) .button, body:not(.wp-admin) .wp-element-button, body:not(.wp-admin) button, body:not(.wp-admin) input[type="button"], body:not(.wp-admin) input[type="submit"], body:not(.wp-admin) .woocommerce a.button, body:not(.wp-admin) .woocommerce button.button, body:not(.wp-admin) .woocommerce input.button, body:not(.wp-admin) .woocommerce input[type="submit"]{ background-color: var(--e-global-color-primary) !important; border: 1px solid var(--e-global-color-primary) !important; color: #fff !important; text-decoration: none !important; transition: all .3s; } body:not(.wp-admin) .elementor-button:hover, body:not(.wp-admin) a.button:hover, body:not(.wp-admin) .button:hover, body:not(.wp-admin) .wp-element-button:hover, body:not(.wp-admin) button:hover, body:not(.wp-admin) input[type="button"]:hover, body:not(.wp-admin) input[type="submit"]:hover, body:not(.wp-admin) .woocommerce a.button:hover, body:not(.wp-admin) .woocommerce button.button:hover, body:not(.wp-admin) .woocommerce input.button:hover, body:not(.wp-admin) .woocommerce input[type="submit"]:hover, body:not(.wp-admin) .elementor-button:focus, body:not(.wp-admin) a.button:focus, body:not(.wp-admin) .button:focus, body:not(.wp-admin) .wp-element-button:focus, body:not(.wp-admin) button:focus, body:not(.wp-admin) input[type="button"]:focus, body:not(.wp-admin) input[type="submit"]:focus{ background-color: #A94E1E !important; border-color: #A94E1E !important; color: #fff !important; } /* Elementor nav hamburger (inte TD) – transparent + svart outline */ body:not(.wp-admin) .elementor-menu-toggle, body:not(.wp-admin) .elementor-nav-menu__toggle, body:not(.wp-admin) .e-off-canvas__toggle{ background-color: transparent !important; border: 1px solid #000 !important; color: #000 !important; } body:not(.wp-admin) .elementor-menu-toggle:hover, body:not(.wp-admin) .elementor-nav-menu__toggle:hover, body:not(.wp-admin) .e-off-canvas__toggle:hover{ background-color: transparent !important; border-color: #000 !important; color: #000 !important; } /* ========================================================= TD UI (Träningsdagbok/ATVOF-klubben) – egna regler ========================================================= */ :root{ --td-ui-orange: var(--e-global-color-primary); --td-ui-orange-hover: #A94E1E; --td-ui-danger: #C0392B; --td-ui-radius: 12px; --td-ui-size: 44px; --td-card-radius: 16px; --td-card-pad: 20px; } /* --------------------------------------------------------- TD cards: ge luft så innehållet inte ligger på kanterna (detta löser din “allt ligger på kanterna i td-korten”) --------------------------------------------------------- */ body:not(.wp-admin) .td-card, body:not(.wp-admin) .td-dash-card{ padding: var(--td-card-pad) !important; border-radius: var(--td-card-radius) !important; box-sizing: border-box; } /* (valfritt) lite extra luft under rubriker i dash cards */ body:not(.wp-admin) .td-dash-card .td-dash-title{ margin-top: 0; } /* --------------------------------------------------------- TD topbar --------------------------------------------------------- */ body:not(.wp-admin) .td-topbar{ position: relative; min-height: 64px; } /* Topbar-knappar (UNDANTAS från global orange buttons) */ body:not(.wp-admin) .td-topbar__btn{ -webkit-appearance: none !important; appearance: none !important; background: #fff !important; color: var(--td-ui-orange) !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; background-image: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--td-ui-size) !important; height: var(--td-ui-size) !important; min-width: var(--td-ui-size) !important; padding: 0 !important; border-radius: var(--td-ui-radius) !important; line-height: 1 !important; font: inherit !important; position: relative; z-index: 2; } body:not(.wp-admin) .td-topbar__btn:hover, body:not(.wp-admin) .td-topbar__btn:focus{ background: #fff !important; color: var(--td-ui-orange-hover) !important; } /* Topbar-titel: absolut centrerad */ body:not(.wp-admin) .td-topbar__title{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -47%); font-size: 32px !important; line-height: 1.1; margin: 0 !important; pointer-events: none; white-space: nowrap; } @media (max-width: 480px){ body:not(.wp-admin) .td-topbar__title{ font-size: 24px !important; max-width: 60%; overflow: hidden; text-overflow: ellipsis; } } /* --------------------------------------------------------- TD ikonknappar: identiska (a, button, span) --------------------------------------------------------- */ body:not(.wp-admin) .td-icon-btn{ -webkit-appearance: none !important; appearance: none !important; box-sizing: border-box !important; font: inherit !important; line-height: 1 !important; vertical-align: middle !important; background: #fff !important; color: var(--td-ui-orange) !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; background-image: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: var(--td-ui-size) !important; height: var(--td-ui-size) !important; min-width: var(--td-ui-size) !important; padding: 0 !important; margin: 0 !important; border-radius: var(--td-ui-radius) !important; overflow: hidden !important; } /* Pseudo-element kan annars ge “olika hörn” optiskt */ body:not(.wp-admin) .td-icon-btn::before, body:not(.wp-admin) .td-icon-btn::after{ border-radius: var(--td-ui-radius) !important; } /* Ikoner */ body:not(.wp-admin) .td-icon-btn .dashicons{ color: inherit !important; font-size: 18px; line-height: 1; } /* Hover */ body:not(.wp-admin) .td-icon-btn:hover, body:not(.wp-admin) .td-icon-btn:focus{ background: #fff !important; color: var(--td-ui-orange-hover) !important; } /* Danger */ body:not(.wp-admin) .td-icon-btn--danger{ color: var(--td-ui-danger) !important; } body:not(.wp-admin) .td-icon-btn--danger:hover, body:not(.wp-admin) .td-icon-btn--danger:focus{ color: #922B21 !important; } /* Placeholder: riktiga hål (tar plats men syns inte) */ body:not(.wp-admin) .td-icon-btn--placeholder{ visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- TD actions i TABELL: gap måste sättas på td-actions-cell (detta löser att ikonerna ligger på varandra) --------------------------------------------------------- */ body:not(.wp-admin) td.td-actions-cell{ display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 10px !important; /* ändra 8–12 */ white-space: nowrap !important; vertical-align: middle !important; } /* Om du även har wrapper-divar ibland */ body:not(.wp-admin) .td-actions, body:not(.wp-admin) .td-actions--context{ display: inline-flex !important; align-items: center !important; gap: 10px !important; } /* --------------------------------------------------------- TD inspiration-kort: bara säkerställ att bilden inte drar konstigt --------------------------------------------------------- */ body:not(.wp-admin) .td-dash-insp__img img{ display: block; max-width: 100%; height: auto; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Rainier'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://apporteringtillvardagochfest.se/wp-content/uploads/2026/02/Rainier-West-300.woff2') format('woff2'); } @font-face { font-family: 'Rainier'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://apporteringtillvardagochfest.se/wp-content/uploads/2026/02/RainierWest500.woff2') format('woff2'); } @font-face { font-family: 'Rainier'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://apporteringtillvardagochfest.se/wp-content/uploads/2026/02/RainierWest700.woff2') format('woff2'); } @font-face { font-family: 'Rainier'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://apporteringtillvardagochfest.se/wp-content/uploads/2026/02/RainierWest100.woff2') format('woff2'); } /* End Custom Fonts CSS */