img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}   img.wp-smiley, img.emoji {  display: inline !important;  border: none !important;  box-shadow: none !important;  height: 1em !important;  width: 1em !important;  margin: 0 0.07em !important;  vertical-align: -0.1em !important;  background: none !important;  padding: 0 !important; }  :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}   h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}  ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}  .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}  .wp-block-spacer{clear:both}  .wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}  :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}  .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}     html { line-height: 1.15; -webkit-text-size-adjust: 100%; }  body { margin: 0; }  main { display: block; }  h1 { font-size: 2em; margin: 0.67em 0; }  hr { box-sizing: content-box; height: 0; overflow: visible; }  pre { font-family: monospace, monospace; font-size: 1em; }  a { background-color: transparent; }  abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b, strong { font-weight: bolder; }  code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  img { border-style: none; }  button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button, input { overflow: visible; }  button, select { text-transform: none; }  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }  fieldset { padding: 0.35em 0.75em 0.625em; }  legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress { vertical-align: baseline; }  textarea { overflow: auto; }  [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }  [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }  details { display: block; }  summary { display: list-item; }  template { display: none; }  [hidden] { display: none; }  *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; }  body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: black; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; }  body { background: #fff; font-family: "Poppins", sans-serif; padding-top: 96px; } .entry-header { padding: 35px 0; background-color: #f3f7fd; } .entry-header h1 { margin: 0; } .entry-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .entry-header .container {  flex-direction: column;  align-items: flex-start; } .entry-header .container .search-bar {  margin-top: 1rem; } } .entry-header .container .search-bar { position: inherit; } .container { width: 85%; margin: 0 auto; max-width: 1200px; } @media (max-width: 992px) { .container {  width: 90%;  margin: 0 auto; } } .posts-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .posts-list .post-card { position: relative; width: 22.15%; margin-bottom: 3.8%; transition: transform 0.15s ease-in-out;  } @media (max-width: 1220px) { .posts-list .post-card {  width: 48.1%;  margin-bottom: 3.8%; } } @media (max-width: 768px) { .posts-list .post-card {  width: 100%;  margin-bottom: 3.8%; } } .posts-list .post-card:nth-of-type(4n) { margin-right: 0; } .posts-list .post-card:hover { cursor: pointer; transform: scale(1.1);  } .posts-list .post-card img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .posts-list .post-card .post-title { position: absolute; width: 100%; bottom: 0; text-align: center; background: rgba(45, 42, 42, 0.4); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(12.1px); backdrop-filter: blur(12.1px); border: 1px solid rgba(45, 42, 42, 0.17); margin: 0; padding: 0.3em 0; color: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 20px; } .posts-list .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 1.5em; } ul { list-style: disc; padding: 0; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; }  embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; }  a { color: #0093ff; text-decoration: none; } a:visited { color: #0076cc; } a:hover, a:focus, a:active { color: #0076cc; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }  button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; }   .site-header { background-color: #f3f7fd; border-bottom: 2px solid #0093ff; position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; display: flex; } .site-header .header-container { display: flex; align-items: center; height: 96px; justify-content: space-between; } @media (max-width: 992px) { .site-header .header-container .site-branding {  width: 60%; } } .site-header .header-container .main-navigation { transition: transform 150ms ease-out; } @media (max-width: 992px) { .site-header .header-container .main-navigation {  position: absolute;  transform: translateX(-100%);  top: 98px;  background-color: white;  margin-left: -5%;  padding-left: 5%;  width: 100%; } } .site-header .header-container .main-navigation ul { justify-content: flex-end; list-style: none; } @media (min-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  display: flex; } } @media (max-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  padding: 50px 0;  font-size: 24px; } } .site-header .header-container .main-navigation ul li { margin-right: 35px; } @media (max-width: 992px) { .site-header .header-container .main-navigation ul li {  margin-bottom: 12px; } } .site-header .header-container .main-navigation ul li:last-of-type { margin-right: 0; } .site-header .header-container .main-navigation ul li a { color: #000000b2; transition: all ease 150ms; } .site-header .header-container .main-navigation ul li a:hover { color: #0093ff; } .site-header .header-container .navigation-active { transform: translateY(0); } .site-header .header-container .open-menu { display: none; } @media (max-width: 992px) { .site-header .header-container .open-menu {  display: block;  width: 45px; } .site-header .header-container .open-menu img {  width: 100%; } } footer { background-color: #f3f7fd; padding: 45px 0; border-top: 2px solid #0093ff; color: black; } footer h2 { margin: 0; margin-bottom: 30px; font-weight: 600; } footer .footer-content { display: flex; justify-content: space-between; } @media (max-width: 992px) { footer .footer-content {  flex-direction: column; } } footer .footer-content .footer-info { width: 27%; } @media (max-width: 992px) { footer .footer-content .footer-info {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-info .footer-info-text { padding-left: 10px; margin-left: -10px; border-left: 1px solid #0093ff; } footer .footer-content .footer-menu { width: 33%; } @media (max-width: 992px) { footer .footer-content .footer-menu {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-menu .footer-menu-list { margin: 0; padding-left: 20px; display: flex; flex-wrap: wrap; } footer .footer-content .footer-menu .footer-menu-list li { width: 45%; } footer .footer-content .footer-menu .footer-menu-list li a { text-decoration: none; color: black; } footer .footer-content .footer-menu .footer-menu-list li a:hover { color: #0093ff; } @media (max-width: 992px) { footer .footer-content .footer-contact {  width: 100%; } } footer .footer-content .footer-contact .footer-social-media { display: flex; margin-top: 30px; } footer .footer-content .footer-contact .footer-social-media .social-media-items { display: flex; margin: 0; padding: 0; list-style: none; padding-left: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li { margin-right: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li:last-of-type { margin-right: 0; } footer .footer-copyright { font-size: 12px; line-height: 15px; } footer .footer-copyright p { margin: 80px 0 0 0; }  .sticky { display: block; } .post, .page { margin: 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .hero-section { display: flex; align-items: center; } @media (max-width: 1220px) { .hero-section {  flex-direction: column; } } .hero-section .text-section { width: 55%; } @media (max-width: 1220px) { .hero-section .text-section {  width: 100%; } } .hero-section .text-section .text-inner { margin-left: -20px; padding-left: 20px; border-left: 2px solid #0093ff; } .hero-section .text-section .hero-title { font-weight: 900; color: black; margin-bottom: 68px; } .hero-section .text-section .hero-title .highlighted-text { color: #0076cc; } .hero-section .text-section p a { color: #0093ff; text-decoration: none; } .hero-section .image-section { width: 45%; } @media (max-width: 1220px) { .hero-section .image-section {  width: 100%; } } .hero-section .image-section img { max-height: 350px; width: 100%; object-fit: contain; } .spelbutiker-section { padding: 2.4em 0; } .spelbutiker-section .spelbutiker-title { margin-bottom: 49px; } .spelbutiker-section .spelbutiker-item { display: flex; color: black; align-items: center; padding: 22px 45px; background-color: #f3f7fd; margin-bottom: 15px; border-radius: 6px; border: 2px solid #0093ff14; font-size: 18px; line-height: 27px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item {  padding: 10px; } } @media (max-width: 768px) { .spelbutiker-section .spelbutiker-item .spelbutiker-icon {  display: none; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { padding-left: 50px; } .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { width: 100%; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon {  padding-left: 0px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name { color: #0093ff; font-weight: 700; font-size: 24px; line-height: 36px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name {  font-size: 14px;  line-height: 20px; } } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-description, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-description {  font-size: 12px;  line-height: 16px;  padding-left: 10px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta { display: block; padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta {  font-size: 16px;  line-height: 20px;  padding: 8px 24px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta:hover, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta:hover { background-color: #0076cc14; color: black; border: 1px solid #0076cc; } .spelbutiker-section .spelbutiker-item:last-of-type { margin-bottom: 0; } .posts-section-wrapper { background-color: #f3f7fd; padding: 120px 0; } @media (max-width: 768px) { .posts-section-wrapper {  padding: 50px 0; } } .posts-section-wrapper .posts-content { position: relative; } .front-page-posts-section .title { text-align: center; } .categories-block { padding-top: 120px; } .categories-block .title { text-align: center; } .partners-block .partners-block-title { text-align: center; margin-bottom: 60px; } .partners-block .partners { display: flex; justify-content: space-between; flex-wrap: wrap; } .partners-block .partners .single-partner { background-color: #f3f7fd; padding: 24px 16px; width: 30.79667%; margin-bottom: 3.8%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } @media (max-width: 992px) { .partners-block .partners .single-partner {  width: 100%;  margin-bottom: 3.8%; } } .partners-block .partners .single-partner .partner-title { color: #0093ff; font-weight: 700; } .partners-block .partners .single-partner .partner-description { text-align: center; color: #000000b2; } .partners-block .partners .single-partner .partner-url { color: black; font-weight: 700; cursor: pointer; } .partners-block .partners .single-partner .partner-url:hover { opacity: 0.5; } .ad-widget-block .custom-ads-url .ad-image img { border-radius: 6px; transition: transform 0.15s ease-in-out;  } .ad-widget-block:hover .custom-ads-url .ad-image img { transform: scale(1.05);  opacity: 0.8; } .categories-widget-block { background-color: #f3f7fd; border-radius: 6px; padding: 30px !important; } .categories-widget-block ul { list-style: square; padding: 0; } .categories-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .categories-widget-block ul li a { color: black; } .categories-widget-block ul li a:hover { color: #0093ff; } .posts-widget-block { background-color: #f3f7fd; padding: 30px !important; border-radius: 6px; } .posts-widget-block ul { list-style: square; padding: 0; } .posts-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .posts-widget-block ul li a { color: black; } .posts-widget-block ul li a:hover { color: #0093ff; } .horizontal-banner-block { display: flex; flex-direction: column; align-items: center; padding-bottom: 1.4em; } .horizontal-banner-block .banner-image { position: relative; } .horizontal-banner-block .banner-image .banner-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .horizontal-banner-block .bottom-text { font-size: 14px; line-height: 17px; color: black; } .search-bar { position: absolute; right: 0; top: -0.5em; } @media (max-width: 1150px) { .search-bar {  top: -3.5em; } } .search-bar .search-form { display: flex; } @media (max-width: 768px) { .search-bar .search-form {  justify-content: space-between; } } .search-bar .search-form .input-grey-rounded { border-radius: 6px; padding-top: 12px; padding-left: 24px; padding-bottom: 12px; min-width: 250px; } @media (max-width: 768px) { .search-bar .search-form .input-grey-rounded {  min-width: 235px; } } .search-bar .search-form .input-grey-rounded::placeholder { font-size: 14px; line-height: 17px; } .search-bar .search-form .search-submit { margin-left: 8px; background-color: #0093ff; } .search-bar .search-form .search-submit:hover { cursor: pointer; } .archive-header { background-color: #f3f7fd; padding: 35px 0; } .archive-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .archive-header .container {  flex-direction: column;  align-items: flex-start; } } .archive-header .container .search-bar { position: inherit; margin-top: 1rem; } .archive-header h1 { margin: 0 !important; } .archive-page .archive-content-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .archive-page .archive-content-wrapper {  flex-direction: column; } } .archive-page .archive-content-wrapper .archive-posts { display: flex; flex-wrap: wrap; justify-content: space-between; width: 75%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts {  width: 65%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .archive-posts {  width: 100%; } } .archive-page .archive-content-wrapper .archive-posts .post-card { background-color: #f3f7fd; border-radius: 6px; position: relative; border: 2px solid transparent; transition: transform 0.15s ease-in-out;  max-height: 600px; width: 48.1%; margin-bottom: 3.8%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts .post-card {  width: 100%;  margin-bottom: 3.8%; } } .archive-page .archive-content-wrapper .archive-posts .post-card:hover { cursor: pointer; } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-thumbnail img { transform: scale(1.1);  } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-content .post-card-title { color: #0093ff; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail { max-height: 300px; height: 280px; overflow: hidden; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail img { height: 100%; object-fit: cover; display: block; max-height: 100%; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content { padding: 25px 20px; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content .post-card-title { color: black; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .archive-page .archive-content-wrapper .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .widget-area {  width: 35%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .widget-area {  width: 100%;  margin-left: 0; } } .archive-page .archive-content-wrapper .widget-area section { padding: 0; } .archive-page .pagination { font-size: 20px; line-height: 25px; display: flex; align-items: center; padding-bottom: 1.4em; } .archive-page .pagination span, .archive-page .pagination a { padding: 8px 14px; border-radius: 4px; } .archive-page .pagination .page-numbers { margin-right: 10px; font-weight: 700; } .archive-page .pagination .page-numbers:hover { opacity: 0.8; } .archive-page .pagination .page-numbers:last-of-type { margin-right: 0; } .archive-page .pagination a { color: black; background-color: #f3f7fd; } .archive-page .pagination a.next, .archive-page .pagination a.prev { background-color: transparent; } .archive-page .pagination a.next { margin-left: 28px; } .archive-page .pagination a.prev { margin-right: 28px; } .archive-page .pagination span.current { background-color: #0076cc; color: white; } .archive-page .pagination span.current { margin-right: 10px; } .single-post .single-post-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .single-post .single-post-wrapper {  flex-direction: column; } } .single-post .single-post-wrapper article { width: 75%; } @media (max-width: 768px) { .single-post .single-post-wrapper article {  width: 100%; } } .single-post .single-post-wrapper article .post-thumbnail img { max-height: 400px; object-fit: cover; } .single-post .single-post-wrapper article .navigation { margin-top: 70px; } .single-post .single-post-wrapper article .navigation .nav-links { display: flex; justify-content: space-between; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a { padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a:hover, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a:hover { cursor: pointer; background-color: #0076cc14; color: black; border: 1px solid #0076cc; } @media (max-width: 768px) { .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a {  padding: 12px 24px; } } .single-post .single-post-wrapper aside { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-post .single-post-wrapper aside {  width: 100%;  margin-left: 0; } } .single-post .single-post-wrapper aside section { padding: 0; } @media (max-width: 768px) { .single-post .single-post-wrapper .post-navigation {  margin-bottom: 70px; } .single-post .single-post-wrapper .post-navigation .nav-links {  display: flex;  justify-content: space-between; } } .single-page-content { display: flex; } @media (max-width: 768px) { .single-page-content {  flex-direction: column; } } .single-page-content article { width: 75%; } @media (max-width: 768px) { .single-page-content article {  width: 100%; } } .single-page-content article .entry-content .wpcf7 { width: 50%; } .single-page-content article .entry-content .wpcf7 form p { color: black; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"] { background-color: #0076cc; color: white; border-radius: 4px; padding: 12px 48px; border: 1px solid transparent; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"]:hover { background-color: white; color: black; border: 1px solid #0076cc; cursor: pointer; } .single-page-content article .entry-content .wpcf7 form input, .single-page-content article .entry-content .wpcf7 form textarea { background-color: #f3f7fd; border-radius: 6px; } .single-page-content .front-page { width: 100%; } .single-page-content .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-page-content .widget-area {  width: 50%;  margin-left: 0; } } .single-page-content .widget-area section { padding: 0; } @media (max-width: 768px) { .single-page-content .widget-area {  margin-top: 3rem; } .single-page-content .widget-area section {  padding: 0 !important; } } .error-404 .page-content .search-bar { position: relative; } @media (max-width: 1220px) { .error-404 .page-content .search-bar {  margin-top: 80px; } } @media (max-width: 768px) { .error-404 .page-content .search-bar {  width: fit-content; } } .error-404 .page-content .widget { margin-top: 80px; } .error-404 .page-content .widget ul li a { color: black; } .error-404 .page-content .widget ul li a:hover { color: #0093ff; } .no-results .page-content .search-bar { position: relative; margin-top: -50px; margin-bottom: 1.4em; } @media (max-width: 768px) { .no-results .page-content .search-bar {  width: fit-content;  margin-top: 0; } } .accordion .accordion-title { cursor: pointer; background-color: #f3f7fd; margin-bottom: 0; font-weight: 500; } @media (max-width: 768px) { .accordion .accordion-title {  font-size: 20px; } } .accordion .accordion-title .arrow-down { width: 20px; margin-left: 10px; } .accordion .accordion-content { border-bottom: 5px solid #f3f7fd; transition: max-height 0.3s ease-out; max-height: 0; overflow: hidden; } .accordion .accordion-content.active { display: block; } .accordion .accordion-title.active + .accordion-content {  max-height: 1000px; }  .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; }  .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }  .custom-logo-link { display: inline-block; }  .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; }  .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; }   .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }  #primary[tabindex="-1"]:focus { outline: 0; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }     .posts-section-wrapper {  background-color: #f3f7fd;  padding: 20px 0 !important; } .spelbutiker-title {text-align: center;}  .categories-block {  padding-top: 20px !important; }  .miAndTable_buttons_group a:last-child {  color: #fff; }     html { line-height: 1.15; -webkit-text-size-adjust: 100%; }  body { margin: 0; }  main { display: block; }  h1 { font-size: 2em; margin: 0.67em 0; }  hr { box-sizing: content-box; height: 0; overflow: visible; }  pre { font-family: monospace, monospace; font-size: 1em; }  a { background-color: transparent; }  abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b, strong { font-weight: bolder; }  code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  img { border-style: none; }  button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button, input { overflow: visible; }  button, select { text-transform: none; }  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }  fieldset { padding: 0.35em 0.75em 0.625em; }  legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress { vertical-align: baseline; }  textarea { overflow: auto; }  [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }  [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }  details { display: block; }  summary { display: list-item; }  template { display: none; }  [hidden] { display: none; }  *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; }  body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: black; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; }  body { background: #fff; font-family: "Poppins", sans-serif; padding-top: 96px; } .entry-header { padding: 35px 0; background-color: #f3f7fd; } .entry-header h1 { margin: 0; } .entry-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .entry-header .container {  flex-direction: column;  align-items: flex-start; } .entry-header .container .search-bar {  margin-top: 1rem; } } .entry-header .container .search-bar { position: inherit; } .container { width: 85%; margin: 0 auto; max-width: 1200px; } @media (max-width: 992px) { .container {  width: 90%;  margin: 0 auto; } } .posts-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .posts-list .post-card { position: relative; width: 22.15%; margin-bottom: 3.8%; transition: transform 0.15s ease-in-out;  } @media (max-width: 1220px) { .posts-list .post-card {  width: 48.1%;  margin-bottom: 3.8%; } } @media (max-width: 768px) { .posts-list .post-card {  width: 100%;  margin-bottom: 3.8%; } } .posts-list .post-card:nth-of-type(4n) { margin-right: 0; } .posts-list .post-card:hover { cursor: pointer; transform: scale(1.1);  } .posts-list .post-card img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .posts-list .post-card .post-title { position: absolute; width: 100%; bottom: 0; text-align: center; background: rgba(45, 42, 42, 0.4); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(12.1px); backdrop-filter: blur(12.1px); border: 1px solid rgba(45, 42, 42, 0.17); margin: 0; padding: 0.3em 0; color: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 20px; } .posts-list .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 1.5em; } ul { list-style: disc; padding: 0; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; }  embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; }  a { color: #0093ff; text-decoration: none; } a:visited { color: #0076cc; } a:hover, a:focus, a:active { color: #0076cc; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }  button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; }   .site-header { background-color: #f3f7fd; border-bottom: 2px solid #0093ff; position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; display: flex; } .site-header .header-container { display: flex; align-items: center; height: 96px; justify-content: space-between; } @media (max-width: 992px) { .site-header .header-container .site-branding {  width: 60%; } } .site-header .header-container .main-navigation { transition: transform 150ms ease-out; } @media (max-width: 992px) { .site-header .header-container .main-navigation {  position: absolute;  transform: translateX(-100%);  top: 98px;  background-color: white;  margin-left: -5%;  padding-left: 5%;  width: 100%; } } .site-header .header-container .main-navigation ul { justify-content: flex-end; list-style: none; } @media (min-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  display: flex; } } @media (max-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  padding: 50px 0;  font-size: 24px; } } .site-header .header-container .main-navigation ul li { margin-right: 35px; } @media (max-width: 992px) { .site-header .header-container .main-navigation ul li {  margin-bottom: 12px; } } .site-header .header-container .main-navigation ul li:last-of-type { margin-right: 0; } .site-header .header-container .main-navigation ul li a { color: #000000b2; transition: all ease 150ms; } .site-header .header-container .main-navigation ul li a:hover { color: #0093ff; } .site-header .header-container .navigation-active { transform: translateY(0); } .site-header .header-container .open-menu { display: none; } @media (max-width: 992px) { .site-header .header-container .open-menu {  display: block;  width: 45px; } .site-header .header-container .open-menu img {  width: 100%; } } footer { background-color: #f3f7fd; padding: 45px 0; border-top: 2px solid #0093ff; color: black; } footer h2 { margin: 0; margin-bottom: 30px; font-weight: 600; } footer .footer-content { display: flex; justify-content: space-between; } @media (max-width: 992px) { footer .footer-content {  flex-direction: column; } } footer .footer-content .footer-info { width: 27%; } @media (max-width: 992px) { footer .footer-content .footer-info {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-info .footer-info-text { padding-left: 10px; margin-left: -10px; border-left: 1px solid #0093ff; } footer .footer-content .footer-menu { width: 33%; } @media (max-width: 992px) { footer .footer-content .footer-menu {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-menu .footer-menu-list { margin: 0; padding-left: 20px; display: flex; flex-wrap: wrap; } footer .footer-content .footer-menu .footer-menu-list li { width: 45%; } footer .footer-content .footer-menu .footer-menu-list li a { text-decoration: none; color: black; } footer .footer-content .footer-menu .footer-menu-list li a:hover { color: #0093ff; } @media (max-width: 992px) { footer .footer-content .footer-contact {  width: 100%; } } footer .footer-content .footer-contact .footer-social-media { display: flex; margin-top: 30px; } footer .footer-content .footer-contact .footer-social-media .social-media-items { display: flex; margin: 0; padding: 0; list-style: none; padding-left: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li { margin-right: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li:last-of-type { margin-right: 0; } footer .footer-copyright { font-size: 12px; line-height: 15px; } footer .footer-copyright p { margin: 80px 0 0 0; }  .sticky { display: block; } .post, .page { margin: 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .hero-section { display: flex; align-items: center; } @media (max-width: 1220px) { .hero-section {  flex-direction: column; } } .hero-section .text-section { width: 55%; } @media (max-width: 1220px) { .hero-section .text-section {  width: 100%; } } .hero-section .text-section .text-inner { margin-left: -20px; padding-left: 20px; border-left: 2px solid #0093ff; } .hero-section .text-section .hero-title { font-weight: 900; color: black; margin-bottom: 68px; } .hero-section .text-section .hero-title .highlighted-text { color: #0076cc; } .hero-section .text-section p a { color: #0093ff; text-decoration: none; } .hero-section .image-section { width: 45%; } @media (max-width: 1220px) { .hero-section .image-section {  width: 100%; } } .hero-section .image-section img { max-height: 350px; width: 100%; object-fit: contain; } .spelbutiker-section { padding: 2.4em 0; } .spelbutiker-section .spelbutiker-title { margin-bottom: 49px; } .spelbutiker-section .spelbutiker-item { display: flex; color: black; align-items: center; padding: 22px 45px; background-color: #f3f7fd; margin-bottom: 15px; border-radius: 6px; border: 2px solid #0093ff14; font-size: 18px; line-height: 27px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item {  padding: 10px; } } @media (max-width: 768px) { .spelbutiker-section .spelbutiker-item .spelbutiker-icon {  display: none; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { padding-left: 50px; } .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { width: 100%; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon {  padding-left: 0px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name { color: #0093ff; font-weight: 700; font-size: 24px; line-height: 36px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name {  font-size: 14px;  line-height: 20px; } } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-description, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-description {  font-size: 12px;  line-height: 16px;  padding-left: 10px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta { display: block; padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta {  font-size: 16px;  line-height: 20px;  padding: 8px 24px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta:hover, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta:hover { background-color: #0076cc14; color: black; border: 1px solid #0076cc; } .spelbutiker-section .spelbutiker-item:last-of-type { margin-bottom: 0; } .posts-section-wrapper { background-color: #f3f7fd; padding: 120px 0; } @media (max-width: 768px) { .posts-section-wrapper {  padding: 50px 0; } } .posts-section-wrapper .posts-content { position: relative; } .front-page-posts-section .title { text-align: center; } .categories-block { padding-top: 120px; } .categories-block .title { text-align: center; } .partners-block .partners-block-title { text-align: center; margin-bottom: 60px; } .partners-block .partners { display: flex; justify-content: space-between; flex-wrap: wrap; } .partners-block .partners .single-partner { background-color: #f3f7fd; padding: 24px 16px; width: 30.79667%; margin-bottom: 3.8%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } @media (max-width: 992px) { .partners-block .partners .single-partner {  width: 100%;  margin-bottom: 3.8%; } } .partners-block .partners .single-partner .partner-title { color: #0093ff; font-weight: 700; } .partners-block .partners .single-partner .partner-description { text-align: center; color: #000000b2; } .partners-block .partners .single-partner .partner-url { color: black; font-weight: 700; cursor: pointer; } .partners-block .partners .single-partner .partner-url:hover { opacity: 0.5; } .ad-widget-block .custom-ads-url .ad-image img { border-radius: 6px; transition: transform 0.15s ease-in-out;  } .ad-widget-block:hover .custom-ads-url .ad-image img { transform: scale(1.05);  opacity: 0.8; } .categories-widget-block { background-color: #f3f7fd; border-radius: 6px; padding: 30px !important; } .categories-widget-block ul { list-style: square; padding: 0; } .categories-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .categories-widget-block ul li a { color: black; } .categories-widget-block ul li a:hover { color: #0093ff; } .posts-widget-block { background-color: #f3f7fd; padding: 30px !important; border-radius: 6px; } .posts-widget-block ul { list-style: square; padding: 0; } .posts-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .posts-widget-block ul li a { color: black; } .posts-widget-block ul li a:hover { color: #0093ff; } .horizontal-banner-block { display: flex; flex-direction: column; align-items: center; padding-bottom: 1.4em; } .horizontal-banner-block .banner-image { position: relative; } .horizontal-banner-block .banner-image .banner-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .horizontal-banner-block .bottom-text { font-size: 14px; line-height: 17px; color: black; } .search-bar { position: absolute; right: 0; top: -0.5em; } @media (max-width: 1150px) { .search-bar {  top: -3.5em; } } .search-bar .search-form { display: flex; } @media (max-width: 768px) { .search-bar .search-form {  justify-content: space-between; } } .search-bar .search-form .input-grey-rounded { border-radius: 6px; padding-top: 12px; padding-left: 24px; padding-bottom: 12px; min-width: 250px; } @media (max-width: 768px) { .search-bar .search-form .input-grey-rounded {  min-width: 235px; } } .search-bar .search-form .input-grey-rounded::placeholder { font-size: 14px; line-height: 17px; } .search-bar .search-form .search-submit { margin-left: 8px; background-color: #0093ff; } .search-bar .search-form .search-submit:hover { cursor: pointer; } .archive-header { background-color: #f3f7fd; padding: 35px 0; } .archive-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .archive-header .container {  flex-direction: column;  align-items: flex-start; } } .archive-header .container .search-bar { position: inherit; margin-top: 1rem; } .archive-header h1 { margin: 0 !important; } .archive-page .archive-content-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .archive-page .archive-content-wrapper {  flex-direction: column; } } .archive-page .archive-content-wrapper .archive-posts { display: flex; flex-wrap: wrap; justify-content: space-between; width: 75%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts {  width: 65%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .archive-posts {  width: 100%; } } .archive-page .archive-content-wrapper .archive-posts .post-card { background-color: #f3f7fd; border-radius: 6px; position: relative; border: 2px solid transparent; transition: transform 0.15s ease-in-out;  max-height: 600px; width: 48.1%; margin-bottom: 3.8%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts .post-card {  width: 100%;  margin-bottom: 3.8%; } } .archive-page .archive-content-wrapper .archive-posts .post-card:hover { cursor: pointer; } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-thumbnail img { transform: scale(1.1);  } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-content .post-card-title { color: #0093ff; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail { max-height: 300px; height: 280px; overflow: hidden; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail img { height: 100%; object-fit: cover; display: block; max-height: 100%; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content { padding: 25px 20px; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content .post-card-title { color: black; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .archive-page .archive-content-wrapper .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .widget-area {  width: 35%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .widget-area {  width: 100%;  margin-left: 0; } } .archive-page .archive-content-wrapper .widget-area section { padding: 0; } .archive-page .pagination { font-size: 20px; line-height: 25px; display: flex; align-items: center; padding-bottom: 1.4em; } .archive-page .pagination span, .archive-page .pagination a { padding: 8px 14px; border-radius: 4px; } .archive-page .pagination .page-numbers { margin-right: 10px; font-weight: 700; } .archive-page .pagination .page-numbers:hover { opacity: 0.8; } .archive-page .pagination .page-numbers:last-of-type { margin-right: 0; } .archive-page .pagination a { color: black; background-color: #f3f7fd; } .archive-page .pagination a.next, .archive-page .pagination a.prev { background-color: transparent; } .archive-page .pagination a.next { margin-left: 28px; } .archive-page .pagination a.prev { margin-right: 28px; } .archive-page .pagination span.current { background-color: #0076cc; color: white; } .archive-page .pagination span.current { margin-right: 10px; } .single-post .single-post-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .single-post .single-post-wrapper {  flex-direction: column; } } .single-post .single-post-wrapper article { width: 75%; } @media (max-width: 768px) { .single-post .single-post-wrapper article {  width: 100%; } } .single-post .single-post-wrapper article .post-thumbnail img { max-height: 400px; object-fit: cover; } .single-post .single-post-wrapper article .navigation { margin-top: 70px; } .single-post .single-post-wrapper article .navigation .nav-links { display: flex; justify-content: space-between; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a { padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a:hover, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a:hover { cursor: pointer; background-color: #0076cc14; color: black; border: 1px solid #0076cc; } @media (max-width: 768px) { .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a {  padding: 12px 24px; } } .single-post .single-post-wrapper aside { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-post .single-post-wrapper aside {  width: 100%;  margin-left: 0; } } .single-post .single-post-wrapper aside section { padding: 0; } @media (max-width: 768px) { .single-post .single-post-wrapper .post-navigation {  margin-bottom: 70px; } .single-post .single-post-wrapper .post-navigation .nav-links {  display: flex;  justify-content: space-between; } } .single-page-content { display: flex; } @media (max-width: 768px) { .single-page-content {  flex-direction: column; } } .single-page-content article { width: 75%; } @media (max-width: 768px) { .single-page-content article {  width: 100%; } } .single-page-content article .entry-content .wpcf7 { width: 50%; } .single-page-content article .entry-content .wpcf7 form p { color: black; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"] { background-color: #0076cc; color: white; border-radius: 4px; padding: 12px 48px; border: 1px solid transparent; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"]:hover { background-color: white; color: black; border: 1px solid #0076cc; cursor: pointer; } .single-page-content article .entry-content .wpcf7 form input, .single-page-content article .entry-content .wpcf7 form textarea { background-color: #f3f7fd; border-radius: 6px; } .single-page-content .front-page { width: 100%; } .single-page-content .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-page-content .widget-area {  width: 50%;  margin-left: 0; } } .single-page-content .widget-area section { padding: 0; } @media (max-width: 768px) { .single-page-content .widget-area {  margin-top: 3rem; } .single-page-content .widget-area section {  padding: 0 !important; } } .error-404 .page-content .search-bar { position: relative; } @media (max-width: 1220px) { .error-404 .page-content .search-bar {  margin-top: 80px; } } @media (max-width: 768px) { .error-404 .page-content .search-bar {  width: fit-content; } } .error-404 .page-content .widget { margin-top: 80px; } .error-404 .page-content .widget ul li a { color: black; } .error-404 .page-content .widget ul li a:hover { color: #0093ff; } .no-results .page-content .search-bar { position: relative; margin-top: -50px; margin-bottom: 1.4em; } @media (max-width: 768px) { .no-results .page-content .search-bar {  width: fit-content;  margin-top: 0; } } .accordion .accordion-title { cursor: pointer; background-color: #f3f7fd; margin-bottom: 0; font-weight: 500; } @media (max-width: 768px) { .accordion .accordion-title {  font-size: 20px; } } .accordion .accordion-title .arrow-down { width: 20px; margin-left: 10px; } .accordion .accordion-content { border-bottom: 5px solid #f3f7fd; transition: max-height 0.3s ease-out; max-height: 0; overflow: hidden; } .accordion .accordion-content.active { display: block; } .accordion .accordion-title.active + .accordion-content {  max-height: 1000px; }  .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; }  .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }  .custom-logo-link { display: inline-block; }  .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; }  .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; }   .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }  #primary[tabindex="-1"]:focus { outline: 0; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }      html { line-height: 1.15; -webkit-text-size-adjust: 100%; }  body { margin: 0; }  main { display: block; }  h1 { font-size: 2em; margin: 0.67em 0; }  hr { box-sizing: content-box; height: 0; overflow: visible; }  pre { font-family: monospace, monospace; font-size: 1em; }  a { background-color: transparent; }  abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b, strong { font-weight: bolder; }  code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  img { border-style: none; }  button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button, input { overflow: visible; }  button, select { text-transform: none; }  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }  fieldset { padding: 0.35em 0.75em 0.625em; }  legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress { vertical-align: baseline; }  textarea { overflow: auto; }  [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }  [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }  details { display: block; }  summary { display: list-item; }  template { display: none; }  [hidden] { display: none; }  *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; }  body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: black; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; }  body { background: #fff; font-family: "Poppins", sans-serif; padding-top: 96px; } .entry-header { padding: 35px 0; background-color: #f3f7fd; } .entry-header h1 { margin: 0; } .entry-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .entry-header .container {  flex-direction: column;  align-items: flex-start; } .entry-header .container .search-bar {  margin-top: 1rem; } } .entry-header .container .search-bar { position: inherit; } .container { width: 85%; margin: 0 auto; max-width: 1200px; } @media (max-width: 992px) { .container {  width: 90%;  margin: 0 auto; } } .posts-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .posts-list .post-card { position: relative; width: 22.15%; margin-bottom: 3.8%; transition: transform 0.15s ease-in-out;  } @media (max-width: 1220px) { .posts-list .post-card {  width: 48.1%;  margin-bottom: 3.8%; } } @media (max-width: 768px) { .posts-list .post-card {  width: 100%;  margin-bottom: 3.8%; } } .posts-list .post-card:nth-of-type(4n) { margin-right: 0; } .posts-list .post-card:hover { cursor: pointer; transform: scale(1.1);  } .posts-list .post-card img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .posts-list .post-card .post-title { position: absolute; width: 100%; bottom: 0; text-align: center; background: rgba(45, 42, 42, 0.4); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(12.1px); backdrop-filter: blur(12.1px); border: 1px solid rgba(45, 42, 42, 0.17); margin: 0; padding: 0.3em 0; color: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 20px; } .posts-list .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 1.5em; } ul { list-style: disc; padding: 0; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; }  embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; }  a { color: #0093ff; text-decoration: none; } a:visited { color: #0076cc; } a:hover, a:focus, a:active { color: #0076cc; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }  button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; }   .site-header { background-color: #f3f7fd; border-bottom: 2px solid #0093ff; position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; display: flex; } .site-header .header-container { display: flex; align-items: center; height: 96px; justify-content: space-between; } @media (max-width: 992px) { .site-header .header-container .site-branding {  width: 60%; } } .site-header .header-container .main-navigation { transition: transform 150ms ease-out; } @media (max-width: 992px) { .site-header .header-container .main-navigation {  position: absolute;  transform: translateX(-100%);  top: 98px;  background-color: white;  margin-left: -5%;  padding-left: 5%;  width: 100%; } } .site-header .header-container .main-navigation ul { justify-content: flex-end; list-style: none; } @media (min-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  display: flex; } } @media (max-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  padding: 50px 0;  font-size: 24px; } } .site-header .header-container .main-navigation ul li { margin-right: 35px; } @media (max-width: 992px) { .site-header .header-container .main-navigation ul li {  margin-bottom: 12px; } } .site-header .header-container .main-navigation ul li:last-of-type { margin-right: 0; } .site-header .header-container .main-navigation ul li a { color: #000000b2; transition: all ease 150ms; } .site-header .header-container .main-navigation ul li a:hover { color: #0093ff; } .site-header .header-container .navigation-active { transform: translateY(0); } .site-header .header-container .open-menu { display: none; } @media (max-width: 992px) { .site-header .header-container .open-menu {  display: block;  width: 45px; } .site-header .header-container .open-menu img {  width: 100%; } } footer { background-color: #f3f7fd; padding: 45px 0; border-top: 2px solid #0093ff; color: black; } footer h2 { margin: 0; margin-bottom: 30px; font-weight: 600; } footer .footer-content { display: flex; justify-content: space-between; } @media (max-width: 992px) { footer .footer-content {  flex-direction: column; } } footer .footer-content .footer-info { width: 27%; } @media (max-width: 992px) { footer .footer-content .footer-info {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-info .footer-info-text { padding-left: 10px; margin-left: -10px; border-left: 1px solid #0093ff; } footer .footer-content .footer-menu { width: 33%; } @media (max-width: 992px) { footer .footer-content .footer-menu {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-menu .footer-menu-list { margin: 0; padding-left: 20px; display: flex; flex-wrap: wrap; } footer .footer-content .footer-menu .footer-menu-list li { width: 45%; } footer .footer-content .footer-menu .footer-menu-list li a { text-decoration: none; color: black; } footer .footer-content .footer-menu .footer-menu-list li a:hover { color: #0093ff; } @media (max-width: 992px) { footer .footer-content .footer-contact {  width: 100%; } } footer .footer-content .footer-contact .footer-social-media { display: flex; margin-top: 30px; } footer .footer-content .footer-contact .footer-social-media .social-media-items { display: flex; margin: 0; padding: 0; list-style: none; padding-left: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li { margin-right: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li:last-of-type { margin-right: 0; } footer .footer-copyright { font-size: 12px; line-height: 15px; } footer .footer-copyright p { margin: 80px 0 0 0; }  .sticky { display: block; } .post, .page { margin: 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .hero-section { display: flex; align-items: center; } @media (max-width: 1220px) { .hero-section {  flex-direction: column; } } .hero-section .text-section { width: 55%; } @media (max-width: 1220px) { .hero-section .text-section {  width: 100%; } } .hero-section .text-section .text-inner { margin-left: -20px; padding-left: 20px; border-left: 2px solid #0093ff; } .hero-section .text-section .hero-title { font-weight: 900; color: black; margin-bottom: 68px; } .hero-section .text-section .hero-title .highlighted-text { color: #0076cc; } .hero-section .text-section p a { color: #0093ff; text-decoration: none; } .hero-section .image-section { width: 45%; } @media (max-width: 1220px) { .hero-section .image-section {  width: 100%; } } .hero-section .image-section img { max-height: 350px; width: 100%; object-fit: contain; } .spelbutiker-section { padding: 2.4em 0; } .spelbutiker-section .spelbutiker-title { margin-bottom: 49px; } .spelbutiker-section .spelbutiker-item { display: flex; color: black; align-items: center; padding: 22px 45px; background-color: #f3f7fd; margin-bottom: 15px; border-radius: 6px; border: 2px solid #0093ff14; font-size: 18px; line-height: 27px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item {  padding: 10px; } } @media (max-width: 768px) { .spelbutiker-section .spelbutiker-item .spelbutiker-icon {  display: none; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { padding-left: 50px; } .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { width: 100%; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon {  padding-left: 0px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name { color: #0093ff; font-weight: 700; font-size: 24px; line-height: 36px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name {  font-size: 14px;  line-height: 20px; } } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-description, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-description {  font-size: 12px;  line-height: 16px;  padding-left: 10px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta { display: block; padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta {  font-size: 16px;  line-height: 20px;  padding: 8px 24px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta:hover, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta:hover { background-color: #0076cc14; color: black; border: 1px solid #0076cc; } .spelbutiker-section .spelbutiker-item:last-of-type { margin-bottom: 0; } .posts-section-wrapper { background-color: #f3f7fd; padding: 120px 0; } @media (max-width: 768px) { .posts-section-wrapper {  padding: 50px 0; } } .posts-section-wrapper .posts-content { position: relative; } .front-page-posts-section .title { text-align: center; } .categories-block { padding-top: 120px; } .categories-block .title { text-align: center; } .partners-block .partners-block-title { text-align: center; margin-bottom: 60px; } .partners-block .partners { display: flex; justify-content: space-between; flex-wrap: wrap; } .partners-block .partners .single-partner { background-color: #f3f7fd; padding: 24px 16px; width: 30.79667%; margin-bottom: 3.8%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } @media (max-width: 992px) { .partners-block .partners .single-partner {  width: 100%;  margin-bottom: 3.8%; } } .partners-block .partners .single-partner .partner-title { color: #0093ff; font-weight: 700; } .partners-block .partners .single-partner .partner-description { text-align: center; color: #000000b2; } .partners-block .partners .single-partner .partner-url { color: black; font-weight: 700; cursor: pointer; } .partners-block .partners .single-partner .partner-url:hover { opacity: 0.5; } .ad-widget-block .custom-ads-url .ad-image img { border-radius: 6px; transition: transform 0.15s ease-in-out;  } .ad-widget-block:hover .custom-ads-url .ad-image img { transform: scale(1.05);  opacity: 0.8; } .categories-widget-block { background-color: #f3f7fd; border-radius: 6px; padding: 30px !important; } .categories-widget-block ul { list-style: square; padding: 0; } .categories-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .categories-widget-block ul li a { color: black; } .categories-widget-block ul li a:hover { color: #0093ff; } .posts-widget-block { background-color: #f3f7fd; padding: 30px !important; border-radius: 6px; } .posts-widget-block ul { list-style: square; padding: 0; } .posts-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .posts-widget-block ul li a { color: black; } .posts-widget-block ul li a:hover { color: #0093ff; } .horizontal-banner-block { display: flex; flex-direction: column; align-items: center; padding-bottom: 1.4em; } .horizontal-banner-block .banner-image { position: relative; } .horizontal-banner-block .banner-image .banner-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .horizontal-banner-block .bottom-text { font-size: 14px; line-height: 17px; color: black; } .search-bar { position: absolute; right: 0; top: -0.5em; } @media (max-width: 1150px) { .search-bar {  top: -3.5em; } } .search-bar .search-form { display: flex; } @media (max-width: 768px) { .search-bar .search-form {  justify-content: space-between; } } .search-bar .search-form .input-grey-rounded { border-radius: 6px; padding-top: 12px; padding-left: 24px; padding-bottom: 12px; min-width: 250px; } @media (max-width: 768px) { .search-bar .search-form .input-grey-rounded {  min-width: 235px; } } .search-bar .search-form .input-grey-rounded::placeholder { font-size: 14px; line-height: 17px; } .search-bar .search-form .search-submit { margin-left: 8px; background-color: #0093ff; } .search-bar .search-form .search-submit:hover { cursor: pointer; } .archive-header { background-color: #f3f7fd; padding: 35px 0; } .archive-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .archive-header .container {  flex-direction: column;  align-items: flex-start; } } .archive-header .container .search-bar { position: inherit; margin-top: 1rem; } .archive-header h1 { margin: 0 !important; } .archive-page .archive-content-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .archive-page .archive-content-wrapper {  flex-direction: column; } } .archive-page .archive-content-wrapper .archive-posts { display: flex; flex-wrap: wrap; justify-content: space-between; width: 75%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts {  width: 65%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .archive-posts {  width: 100%; } } .archive-page .archive-content-wrapper .archive-posts .post-card { background-color: #f3f7fd; border-radius: 6px; position: relative; border: 2px solid transparent; transition: transform 0.15s ease-in-out;  max-height: 600px; width: 48.1%; margin-bottom: 3.8%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts .post-card {  width: 100%;  margin-bottom: 3.8%; } } .archive-page .archive-content-wrapper .archive-posts .post-card:hover { cursor: pointer; } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-thumbnail img { transform: scale(1.1);  } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-content .post-card-title { color: #0093ff; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail { max-height: 300px; height: 280px; overflow: hidden; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail img { height: 100%; object-fit: cover; display: block; max-height: 100%; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content { padding: 25px 20px; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content .post-card-title { color: black; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .archive-page .archive-content-wrapper .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .widget-area {  width: 35%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .widget-area {  width: 100%;  margin-left: 0; } } .archive-page .archive-content-wrapper .widget-area section { padding: 0; } .archive-page .pagination { font-size: 20px; line-height: 25px; display: flex; align-items: center; padding-bottom: 1.4em; } .archive-page .pagination span, .archive-page .pagination a { padding: 8px 14px; border-radius: 4px; } .archive-page .pagination .page-numbers { margin-right: 10px; font-weight: 700; } .archive-page .pagination .page-numbers:hover { opacity: 0.8; } .archive-page .pagination .page-numbers:last-of-type { margin-right: 0; } .archive-page .pagination a { color: black; background-color: #f3f7fd; } .archive-page .pagination a.next, .archive-page .pagination a.prev { background-color: transparent; } .archive-page .pagination a.next { margin-left: 28px; } .archive-page .pagination a.prev { margin-right: 28px; } .archive-page .pagination span.current { background-color: #0076cc; color: white; } .archive-page .pagination span.current { margin-right: 10px; } .single-post .single-post-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .single-post .single-post-wrapper {  flex-direction: column; } } .single-post .single-post-wrapper article { width: 75%; } @media (max-width: 768px) { .single-post .single-post-wrapper article {  width: 100%; } } .single-post .single-post-wrapper article .post-thumbnail img { max-height: 400px; object-fit: cover; } .single-post .single-post-wrapper article .navigation { margin-top: 70px; } .single-post .single-post-wrapper article .navigation .nav-links { display: flex; justify-content: space-between; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a { padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a:hover, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a:hover { cursor: pointer; background-color: #0076cc14; color: black; border: 1px solid #0076cc; } @media (max-width: 768px) { .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a {  padding: 12px 24px; } } .single-post .single-post-wrapper aside { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-post .single-post-wrapper aside {  width: 100%;  margin-left: 0; } } .single-post .single-post-wrapper aside section { padding: 0; } @media (max-width: 768px) { .single-post .single-post-wrapper .post-navigation {  margin-bottom: 70px; } .single-post .single-post-wrapper .post-navigation .nav-links {  display: flex;  justify-content: space-between; } } .single-page-content { display: flex; } @media (max-width: 768px) { .single-page-content {  flex-direction: column; } } .single-page-content article { width: 75%; } @media (max-width: 768px) { .single-page-content article {  width: 100%; } } .single-page-content article .entry-content .wpcf7 { width: 50%; } .single-page-content article .entry-content .wpcf7 form p { color: black; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"] { background-color: #0076cc; color: white; border-radius: 4px; padding: 12px 48px; border: 1px solid transparent; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"]:hover { background-color: white; color: black; border: 1px solid #0076cc; cursor: pointer; } .single-page-content article .entry-content .wpcf7 form input, .single-page-content article .entry-content .wpcf7 form textarea { background-color: #f3f7fd; border-radius: 6px; } .single-page-content .front-page { width: 100%; } .single-page-content .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-page-content .widget-area {  width: 50%;  margin-left: 0; } } .single-page-content .widget-area section { padding: 0; } @media (max-width: 768px) { .single-page-content .widget-area {  margin-top: 3rem; } .single-page-content .widget-area section {  padding: 0 !important; } } .error-404 .page-content .search-bar { position: relative; } @media (max-width: 1220px) { .error-404 .page-content .search-bar {  margin-top: 80px; } } @media (max-width: 768px) { .error-404 .page-content .search-bar {  width: fit-content; } } .error-404 .page-content .widget { margin-top: 80px; } .error-404 .page-content .widget ul li a { color: black; } .error-404 .page-content .widget ul li a:hover { color: #0093ff; } .no-results .page-content .search-bar { position: relative; margin-top: -50px; margin-bottom: 1.4em; } @media (max-width: 768px) { .no-results .page-content .search-bar {  width: fit-content;  margin-top: 0; } } .accordion .accordion-title { cursor: pointer; background-color: #f3f7fd; margin-bottom: 0; font-weight: 500; } @media (max-width: 768px) { .accordion .accordion-title {  font-size: 20px; } } .accordion .accordion-title .arrow-down { width: 20px; margin-left: 10px; } .accordion .accordion-content { border-bottom: 5px solid #f3f7fd; transition: max-height 0.3s ease-out; max-height: 0; overflow: hidden; } .accordion .accordion-content.active { display: block; } .accordion .accordion-title.active + .accordion-content {  max-height: 1000px; }  .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; }  .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }  .custom-logo-link { display: inline-block; }  .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; }  .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; }   .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }  #primary[tabindex="-1"]:focus { outline: 0; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }      html { line-height: 1.15; -webkit-text-size-adjust: 100%; }  body { margin: 0; }  main { display: block; }  h1 { font-size: 2em; margin: 0.67em 0; }  hr { box-sizing: content-box; height: 0; overflow: visible; }  pre { font-family: monospace, monospace; font-size: 1em; }  a { background-color: transparent; }  abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b, strong { font-weight: bolder; }  code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  img { border-style: none; }  button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button, input { overflow: visible; }  button, select { text-transform: none; }  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }  fieldset { padding: 0.35em 0.75em 0.625em; }  legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress { vertical-align: baseline; }  textarea { overflow: auto; }  [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }  [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }  details { display: block; }  summary { display: list-item; }  template { display: none; }  [hidden] { display: none; }  *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; }  body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: black; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; }  body { background: #fff; font-family: "Poppins", sans-serif; padding-top: 96px; } .entry-header { padding: 35px 0; background-color: #f3f7fd; } .entry-header h1 { margin: 0; } .entry-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .entry-header .container {  flex-direction: column;  align-items: flex-start; } .entry-header .container .search-bar {  margin-top: 1rem; } } .entry-header .container .search-bar { position: inherit; } .container { width: 85%; margin: 0 auto; max-width: 1200px; } @media (max-width: 992px) { .container {  width: 90%;  margin: 0 auto; } } .posts-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .posts-list .post-card { position: relative; width: 22.15%; margin-bottom: 3.8%; transition: transform 0.15s ease-in-out;  } @media (max-width: 1220px) { .posts-list .post-card {  width: 48.1%;  margin-bottom: 3.8%; } } @media (max-width: 768px) { .posts-list .post-card {  width: 100%;  margin-bottom: 3.8%; } } .posts-list .post-card:nth-of-type(4n) { margin-right: 0; } .posts-list .post-card:hover { cursor: pointer; transform: scale(1.1);  } .posts-list .post-card img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .posts-list .post-card .post-title { position: absolute; width: 100%; bottom: 0; text-align: center; background: rgba(45, 42, 42, 0.4); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(12.1px); backdrop-filter: blur(12.1px); border: 1px solid rgba(45, 42, 42, 0.17); margin: 0; padding: 0.3em 0; color: #ffffff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 20px; } .posts-list .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 1.5em; } ul { list-style: disc; padding: 0; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; }  embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; }  a { color: #0093ff; text-decoration: none; } a:visited { color: #0076cc; } a:hover, a:focus, a:active { color: #0076cc; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; }  button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; }   .site-header { background-color: #f3f7fd; border-bottom: 2px solid #0093ff; position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; display: flex; } .site-header .header-container { display: flex; align-items: center; height: 96px; justify-content: space-between; } @media (max-width: 992px) { .site-header .header-container .site-branding {  width: 60%; } } .site-header .header-container .main-navigation { transition: transform 150ms ease-out; } @media (max-width: 992px) { .site-header .header-container .main-navigation {  position: absolute;  transform: translateX(-100%);  top: 98px;  background-color: white;  margin-left: -5%;  padding-left: 5%;  width: 100%; } } .site-header .header-container .main-navigation ul { justify-content: flex-end; list-style: none; } @media (min-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  display: flex; } } @media (max-width: 992px) { .site-header .header-container .main-navigation ul {  margin: 0;  padding: 50px 0;  font-size: 24px; } } .site-header .header-container .main-navigation ul li { margin-right: 35px; } @media (max-width: 992px) { .site-header .header-container .main-navigation ul li {  margin-bottom: 12px; } } .site-header .header-container .main-navigation ul li:last-of-type { margin-right: 0; } .site-header .header-container .main-navigation ul li a { color: #000000b2; transition: all ease 150ms; } .site-header .header-container .main-navigation ul li a:hover { color: #0093ff; } .site-header .header-container .navigation-active { transform: translateY(0); } .site-header .header-container .open-menu { display: none; } @media (max-width: 992px) { .site-header .header-container .open-menu {  display: block;  width: 45px; } .site-header .header-container .open-menu img {  width: 100%; } } footer { background-color: #f3f7fd; padding: 45px 0; border-top: 2px solid #0093ff; color: black; } footer h2 { margin: 0; margin-bottom: 30px; font-weight: 600; } footer .footer-content { display: flex; justify-content: space-between; } @media (max-width: 992px) { footer .footer-content {  flex-direction: column; } } footer .footer-content .footer-info { width: 27%; } @media (max-width: 992px) { footer .footer-content .footer-info {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-info .footer-info-text { padding-left: 10px; margin-left: -10px; border-left: 1px solid #0093ff; } footer .footer-content .footer-menu { width: 33%; } @media (max-width: 992px) { footer .footer-content .footer-menu {  width: 100%;  margin-bottom: 1em; } } footer .footer-content .footer-menu .footer-menu-list { margin: 0; padding-left: 20px; display: flex; flex-wrap: wrap; } footer .footer-content .footer-menu .footer-menu-list li { width: 45%; } footer .footer-content .footer-menu .footer-menu-list li a { text-decoration: none; color: black; } footer .footer-content .footer-menu .footer-menu-list li a:hover { color: #0093ff; } @media (max-width: 992px) { footer .footer-content .footer-contact {  width: 100%; } } footer .footer-content .footer-contact .footer-social-media { display: flex; margin-top: 30px; } footer .footer-content .footer-contact .footer-social-media .social-media-items { display: flex; margin: 0; padding: 0; list-style: none; padding-left: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li { margin-right: 20px; } footer .footer-content .footer-contact .footer-social-media .social-media-items li:last-of-type { margin-right: 0; } footer .footer-copyright { font-size: 12px; line-height: 15px; } footer .footer-copyright p { margin: 80px 0 0 0; }  .sticky { display: block; } .post, .page { margin: 0; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .hero-section { display: flex; align-items: center; } @media (max-width: 1220px) { .hero-section {  flex-direction: column; } } .hero-section .text-section { width: 55%; } @media (max-width: 1220px) { .hero-section .text-section {  width: 100%; } } .hero-section .text-section .text-inner { margin-left: -20px; padding-left: 20px; border-left: 2px solid #0093ff; } .hero-section .text-section .hero-title { font-weight: 900; color: black; margin-bottom: 68px; } .hero-section .text-section .hero-title .highlighted-text { color: #0076cc; } .hero-section .text-section p a { color: #0093ff; text-decoration: none; } .hero-section .image-section { width: 45%; } @media (max-width: 1220px) { .hero-section .image-section {  width: 100%; } } .hero-section .image-section img { max-height: 350px; width: 100%; object-fit: contain; } .spelbutiker-section { padding: 2.4em 0; } .spelbutiker-section .spelbutiker-title { margin-bottom: 49px; } .spelbutiker-section .spelbutiker-item { display: flex; color: black; align-items: center; padding: 22px 45px; background-color: #f3f7fd; margin-bottom: 15px; border-radius: 6px; border: 2px solid #0093ff14; font-size: 18px; line-height: 27px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item {  padding: 10px; } } @media (max-width: 768px) { .spelbutiker-section .spelbutiker-item .spelbutiker-icon {  display: none; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { padding-left: 50px; } .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon { width: 100%; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon {  padding-left: 0px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name { color: #0093ff; font-weight: 700; font-size: 24px; line-height: 36px; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-name, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-name {  font-size: 14px;  line-height: 20px; } } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-description, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-description {  font-size: 12px;  line-height: 16px;  padding-left: 10px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta { display: block; padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } @media (max-width: 992px) { .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta {  font-size: 16px;  line-height: 20px;  padding: 8px 24px; } } .spelbutiker-section .spelbutiker-item .spelbutiker-content .spelbutiker-cta:hover, .spelbutiker-section .spelbutiker-item .spelbutiker-content-with-icon .spelbutiker-cta:hover { background-color: #0076cc14; color: black; border: 1px solid #0076cc; } .spelbutiker-section .spelbutiker-item:last-of-type { margin-bottom: 0; } .posts-section-wrapper { background-color: #f3f7fd; padding: 120px 0; } @media (max-width: 768px) { .posts-section-wrapper {  padding: 50px 0; } } .posts-section-wrapper .posts-content { position: relative; } .front-page-posts-section .title { text-align: center; } .categories-block { padding-top: 120px; } .categories-block .title { text-align: center; } .partners-block .partners-block-title { text-align: center; margin-bottom: 60px; } .partners-block .partners { display: flex; justify-content: space-between; flex-wrap: wrap; } .partners-block .partners .single-partner { background-color: #f3f7fd; padding: 24px 16px; width: 30.79667%; margin-bottom: 3.8%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } @media (max-width: 992px) { .partners-block .partners .single-partner {  width: 100%;  margin-bottom: 3.8%; } } .partners-block .partners .single-partner .partner-title { color: #0093ff; font-weight: 700; } .partners-block .partners .single-partner .partner-description { text-align: center; color: #000000b2; } .partners-block .partners .single-partner .partner-url { color: black; font-weight: 700; cursor: pointer; } .partners-block .partners .single-partner .partner-url:hover { opacity: 0.5; } .ad-widget-block .custom-ads-url .ad-image img { border-radius: 6px; transition: transform 0.15s ease-in-out;  } .ad-widget-block:hover .custom-ads-url .ad-image img { transform: scale(1.05);  opacity: 0.8; } .categories-widget-block { background-color: #f3f7fd; border-radius: 6px; padding: 30px !important; } .categories-widget-block ul { list-style: square; padding: 0; } .categories-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .categories-widget-block ul li a { color: black; } .categories-widget-block ul li a:hover { color: #0093ff; } .posts-widget-block { background-color: #f3f7fd; padding: 30px !important; border-radius: 6px; } .posts-widget-block ul { list-style: square; padding: 0; } .posts-widget-block ul li { color: #0093ff; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; } .posts-widget-block ul li a { color: black; } .posts-widget-block ul li a:hover { color: #0093ff; } .horizontal-banner-block { display: flex; flex-direction: column; align-items: center; padding-bottom: 1.4em; } .horizontal-banner-block .banner-image { position: relative; } .horizontal-banner-block .banner-image .banner-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .horizontal-banner-block .bottom-text { font-size: 14px; line-height: 17px; color: black; } .search-bar { position: absolute; right: 0; top: -0.5em; } @media (max-width: 1150px) { .search-bar {  top: -3.5em; } } .search-bar .search-form { display: flex; } @media (max-width: 768px) { .search-bar .search-form {  justify-content: space-between; } } .search-bar .search-form .input-grey-rounded { border-radius: 6px; padding-top: 12px; padding-left: 24px; padding-bottom: 12px; min-width: 250px; } @media (max-width: 768px) { .search-bar .search-form .input-grey-rounded {  min-width: 235px; } } .search-bar .search-form .input-grey-rounded::placeholder { font-size: 14px; line-height: 17px; } .search-bar .search-form .search-submit { margin-left: 8px; background-color: #0093ff; } .search-bar .search-form .search-submit:hover { cursor: pointer; } .archive-header { background-color: #f3f7fd; padding: 35px 0; } .archive-header .container { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 992px) { .archive-header .container {  flex-direction: column;  align-items: flex-start; } } .archive-header .container .search-bar { position: inherit; margin-top: 1rem; } .archive-header h1 { margin: 0 !important; } .archive-page .archive-content-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .archive-page .archive-content-wrapper {  flex-direction: column; } } .archive-page .archive-content-wrapper .archive-posts { display: flex; flex-wrap: wrap; justify-content: space-between; width: 75%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts {  width: 65%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .archive-posts {  width: 100%; } } .archive-page .archive-content-wrapper .archive-posts .post-card { background-color: #f3f7fd; border-radius: 6px; position: relative; border: 2px solid transparent; transition: transform 0.15s ease-in-out;  max-height: 600px; width: 48.1%; margin-bottom: 3.8%; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .archive-posts .post-card {  width: 100%;  margin-bottom: 3.8%; } } .archive-page .archive-content-wrapper .archive-posts .post-card:hover { cursor: pointer; } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-thumbnail img { transform: scale(1.1);  } .archive-page .archive-content-wrapper .archive-posts .post-card:hover .post-card-content .post-card-title { color: #0093ff; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail { max-height: 300px; height: 280px; overflow: hidden; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-thumbnail img { height: 100%; object-fit: cover; display: block; max-height: 100%; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content { padding: 25px 20px; } .archive-page .archive-content-wrapper .archive-posts .post-card .post-card-content .post-card-title { color: black; transition: transform 0.15s ease-in-out;  } .archive-page .archive-content-wrapper .archive-posts .post-card .card-link { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999px; z-index: 1000; } .archive-page .archive-content-wrapper .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 992px) { .archive-page .archive-content-wrapper .widget-area {  width: 35%; } } @media (max-width: 768px) { .archive-page .archive-content-wrapper .widget-area {  width: 100%;  margin-left: 0; } } .archive-page .archive-content-wrapper .widget-area section { padding: 0; } .archive-page .pagination { font-size: 20px; line-height: 25px; display: flex; align-items: center; padding-bottom: 1.4em; } .archive-page .pagination span, .archive-page .pagination a { padding: 8px 14px; border-radius: 4px; } .archive-page .pagination .page-numbers { margin-right: 10px; font-weight: 700; } .archive-page .pagination .page-numbers:hover { opacity: 0.8; } .archive-page .pagination .page-numbers:last-of-type { margin-right: 0; } .archive-page .pagination a { color: black; background-color: #f3f7fd; } .archive-page .pagination a.next, .archive-page .pagination a.prev { background-color: transparent; } .archive-page .pagination a.next { margin-left: 28px; } .archive-page .pagination a.prev { margin-right: 28px; } .archive-page .pagination span.current { background-color: #0076cc; color: white; } .archive-page .pagination span.current { margin-right: 10px; } .single-post .single-post-wrapper { padding: 1.4em 0; display: flex; } @media (max-width: 768px) { .single-post .single-post-wrapper {  flex-direction: column; } } .single-post .single-post-wrapper article { width: 75%; } @media (max-width: 768px) { .single-post .single-post-wrapper article {  width: 100%; } } .single-post .single-post-wrapper article .post-thumbnail img { max-height: 400px; object-fit: cover; } .single-post .single-post-wrapper article .navigation { margin-top: 70px; } .single-post .single-post-wrapper article .navigation .nav-links { display: flex; justify-content: space-between; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a { padding: 12px 64px; background-color: #0076cc; color: #fff; border-radius: 4px; text-decoration: none; border: 1px solid transparent; } .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a:hover, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a:hover { cursor: pointer; background-color: #0076cc14; color: black; border: 1px solid #0076cc; } @media (max-width: 768px) { .single-post .single-post-wrapper article .navigation .nav-links .nav-previous a, .single-post .single-post-wrapper article .navigation .nav-links .nav-next a {  padding: 12px 24px; } } .single-post .single-post-wrapper aside { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-post .single-post-wrapper aside {  width: 100%;  margin-left: 0; } } .single-post .single-post-wrapper aside section { padding: 0; } @media (max-width: 768px) { .single-post .single-post-wrapper .post-navigation {  margin-bottom: 70px; } .single-post .single-post-wrapper .post-navigation .nav-links {  display: flex;  justify-content: space-between; } } .single-page-content { display: flex; } @media (max-width: 768px) { .single-page-content {  flex-direction: column; } } .single-page-content article { width: 75%; } @media (max-width: 768px) { .single-page-content article {  width: 100%; } } .single-page-content article .entry-content .wpcf7 { width: 50%; } .single-page-content article .entry-content .wpcf7 form p { color: black; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"] { background-color: #0076cc; color: white; border-radius: 4px; padding: 12px 48px; border: 1px solid transparent; } .single-page-content article .entry-content .wpcf7 form p input[type="submit"]:hover { background-color: white; color: black; border: 1px solid #0076cc; cursor: pointer; } .single-page-content article .entry-content .wpcf7 form input, .single-page-content article .entry-content .wpcf7 form textarea { background-color: #f3f7fd; border-radius: 6px; } .single-page-content .front-page { width: 100%; } .single-page-content .widget-area { width: 25%; margin-left: 30px; } @media (max-width: 768px) { .single-page-content .widget-area {  width: 50%;  margin-left: 0; } } .single-page-content .widget-area section { padding: 0; } @media (max-width: 768px) { .single-page-content .widget-area {  margin-top: 3rem; } .single-page-content .widget-area section {  padding: 0 !important; } } .error-404 .page-content .search-bar { position: relative; } @media (max-width: 1220px) { .error-404 .page-content .search-bar {  margin-top: 80px; } } @media (max-width: 768px) { .error-404 .page-content .search-bar {  width: fit-content; } } .error-404 .page-content .widget { margin-top: 80px; } .error-404 .page-content .widget ul li a { color: black; } .error-404 .page-content .widget ul li a:hover { color: #0093ff; } .no-results .page-content .search-bar { position: relative; margin-top: -50px; margin-bottom: 1.4em; } @media (max-width: 768px) { .no-results .page-content .search-bar {  width: fit-content;  margin-top: 0; } } .accordion .accordion-title { cursor: pointer; background-color: #f3f7fd; margin-bottom: 0; font-weight: 500; } @media (max-width: 768px) { .accordion .accordion-title {  font-size: 20px; } } .accordion .accordion-title .arrow-down { width: 20px; margin-left: 10px; } .accordion .accordion-content { border-bottom: 5px solid #f3f7fd; transition: max-height 0.3s ease-out; max-height: 0; overflow: hidden; } .accordion .accordion-content.active { display: block; } .accordion .accordion-title.active + .accordion-content {  max-height: 1000px; }  .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; }  .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }  .custom-logo-link { display: inline-block; }  .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; }  .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; }   .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }  #primary[tabindex="-1"]:focus { outline: 0; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("https://hurspelarman.se/wp-content/themes/s/fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }