1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <style>/* 8Theme Name: HoverCraft 9Theme URI: https://hovercraft.vip 10Author: LittleBizzy 11Author URI: https://www.littlebizzy.com 12Description: No maintenance WordPress theme 13Version: 0.3.280 14Requires at least: 6.0 15Tested up to: 7.0 16Requires PHP: 7.0 17License: GPLv3 18License URI: https://www.gnu.org/licenses/gpl-3.0.html 19Text Domain: hovercraft 20GitHub Theme URI: littlebizzy/hovercraft 21Primary Branch: master 22*/ 23 24/* root */ 25 26html { 27 scrollbar-gutter: stable; 28} 29 30/* css reset */ 31 32html, body, div, span, applet, object, iframe, main, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, dl, dt, dd, em, img, input, ins, kbd, label, legend, mark, meter, optgroup, option, output, progress, q, s, samp, select, small, source, strike, strong, sub, summary, sup, table, tbody, td, template, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video, article, aside, audio, canvas, caption, center, details, dialog, embed, fieldset, figcaption, figure, footer, form, header, hgroup, li, menu, nav, ol, picture, ruby, section { 33 margin: 0; 34 padding: 0; 35 border: 0; 36 font-size: 100%; 37 font: inherit; 38 vertical-align: baseline; 39} 40 41/* html5 elements */ 42 43article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { 44 display: block; 45} 46 47/* form elements */ 48 49button, input, optgroup, select, textarea { 50 font: inherit; 51} 52
53/* responsive media */ 54 55img, picture, video, canvas, svg { 56 max-width: 100%; 57 height: auto; 58} 59 60/* universal */ 61 62*, *::before, *::after { 63 box-sizing: border-box; 64} 65 66/* devices */ 67 68@media screen and (max-width: 1199px) { 69 .desktop { 70 display: none !important; 71 } 72} 73 74@media screen and (min-width: 1200px) { 75 .mobile { 76 display: none !important; 77 } 78} 79</style> 80 81 <title>Contact me using the following form – TLH </title> 82<meta name='robots' content='noindex, nofollow' /> 83<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 84<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 85<link rel='dns-prefetch' href='//fonts.gstatic.com' /> 86<link href='https://fonts.googleapis.com' crossorigin='anonymous' rel='preconnect' /> 87<link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /> 88<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://telecomlighthouse.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftelecomlighthouse.com%2Fgive-me-a-shout%2F" /> 89<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://telecomlighthouse.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftelecomlighthouse.com%2Fgive-me-a-shout%2F&format=xml" /> 90<style id="wp-img-auto-sizes-contain-inline-css"> 91img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 92/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 93</style> 94<style id="wp-emoji-styles-inline-css"> 95 96 img.wp-smiley, img.emoji { 97 display: inline !important; 98 border: none !important; 99 box-shadow: none !important; 100 height: 1em !important; 101 width: 1em !important; 102 margin: 0 0.07em !important; 103 vertical-align: -0.1em !important; 104 background: none !important; 105 padding: 0 !important; 106 } 107/*# sourceURL=wp-emoji-styles-inline-css */ 108</style> 109<style id="wp-block-library-inline-css"> 110: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;
110--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)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .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{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break: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-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[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}} 111 112/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 113</style> 114<style id="wp-block-heading-inline-css"> 115h1: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} 116/*# sourceURL=https://telecomlighthouse.com/wp-includes/blocks/heading/style.min.css */ 117</style> 118 119<style id="classic-theme-styles-inline-css"> 120/*! This file is auto-generated */ 121.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
121padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 122/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 123</style> 124 125<style id="global-styles-inline-css"> 126: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%);
126--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);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}
126.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;} 127/*# sourceURL=global-styles-inline-css */ 128</style> 129 130<link rel='stylesheet' id='hovercraft_font_awesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css?ver=6.7.2' media='all' /> 131<link rel='stylesheet' id='hovercraft_google_fonts-css' href='https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap&ver=0.3.280' media='all' /> 132<link rel="https://api.w.org/" href="https://telecomlighthouse.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://telecomlighthouse.com/wp-json/wp/v2/pages/58" /> 133<link rel="canonical" href="https://telecomlighthouse.com/give-me-a-shout/" /> 134<link rel='shortlink' href='https://telecomlighthouse.com/?p=58' /> 135 136<style type="text/css" id="hovercraft_custom_css"> 137 138html, body { 139 height: 100%; 140 font-family: "Noto Sans", sans-serif; 141 line-height: 1.5; 142 color: #001438; 143} 144 145@media screen and (max-width: 1199px) { 146 html, body { 147 font-size: 16px; 148 } 149} 150 151@media screen and (min-width: 1200px) { 152 html, body { 153 font-size: 24px; 154 } 155} 156 157/* body frozen (triggered by offcanvas menu js) */ 158 159body.frozen { 160 overflow: hidden; 161} 162 163/* misc */ 164 165strong { 166 font-weight: 700; 167} 168 169em { 170 font-style: italic; 171} 172 173/* paragraphs */ 174 175@media screen and (max-width: 1199px) { 176 p { 177 margin-bottom: 20px; 178 } 179} 180 181@media screen and (min-width: 1200px) { 182 p { 183 margin-bottom: 30px; 184 } 185} 186 187.clear { 188 clear: both; 189} 190 191/* general */ 192 193#container { 194 width: 100%; 195 min-height: 100%; 196} 197 198@media screen and (max-width: 1199px) { 199 #container { 200 position: relative; /* required for mobile menu transform */ 201 transform: translate3d(0, 0, 0); 202 transition: transform 0.5s; 203 } 204} 205 206.inner { 207 width: 100%; 208 max-width: 1200px; 209 margin: 0 auto; 210} 211 212.full { 213 max-width: 100%; 214} 215 216@media screen and (max-width: 1199px) { 217 .full { 218 padding: 0 0; 219 } 220} 221 222@media screen and (min-width: 1200px) { 223 .full { 224 padding: 0 40px; 225 } 226} 227 228/* wordpress */ 229 230.aligncenter { 231 clear: both; 232 display: block; 233 margin-left: auto; 234 margin-right: auto; 235} 236 237.alignleft { 238 display: inline; 239 float: left; 240} 241 242.alignright { 243 display: inline; 244 float: right; 245} 246 247.wp-caption { 248 max-width: 100%; 249} 250 251.wp-caption-text { 252 text-align: center; 253} 254 255.screen-reader-text { 256 clip: rect(1px, 1px, 1px, 1px); 257 position: absolute !important; 258 height: 1px; 259 width: 1px; 260 overflow: hidden; 261} 262 263@media screen and (max-width: 1199px) { 264 .mejs-container { 265 margin-bottom: 20px; 266 } 267} 268 269@media screen and (min-width: 1200px) { 270 .mejs-container { 271 margin-bottom: 30px; 272 } 273} 274 275iframe { 276 position: relative; 277 display: block; 278} 279 280hr { 281 background: #001438; 282 height: 1px; 283} 284 285@media screen and (max-width: 1199px) { 286 hr { 287 margin-bottom: 20px; 288 } 289} 290 291@media screen and (min-width: 1200px) { 292 hr { 293 margin-bottom: 30px; 294 } 295} 296 297#footer iframe { 298 aspect-ratio: 1 / 1.5; 299} 300 301 302#header-full-hero .menu-desktop > .main-menu ul li ul li { 303 background: #001438; 304} 305 306#full-hero-viewport { 307 min-height: 100vh; 308 min-height: 100svh; 309 display: flex; 310 flex-direction: column; 311} 312 313#full-hero-viewport #topbar { 314 flex: 0 0 auto; 315} 316 317#hero-full-container { 318 background: linear-gradient(60deg, rgba(55, 71, 79, 0.50) 30%, rgba(255, 255, 255, 0.50) 100%); 319 background-position: center center; 320 background-size: cover; 321 background-repeat: no-repeat; 322 width: 100%; 323 padding: 0; 324 position: relative; 325 flex: 1 1 auto; 326 min-height: 0; 327 display: flex; 328 flex-direction: column; 329} 330 331video.hero-background-video { 332 width: 100%; 333 height: 100%; 334 object-fit: cover; 335 position: absolute; 336 top: 0; 337 left: 0; 338 z-index: 0; 339 pointer-events: none; 340} 341 342.hero-background-video-overlay { 343 width: 100%; 344 height: 100%; 345 object-fit: cover; 346 position: absolute; 347 top: 0; 348 left: 0; 349 z-index: 0; 350 pointer-events: none; 351 background: linear-gradient(60deg, rgba(55, 71, 79, 0.50) 30%, rgba(255, 255, 255, 0.50) 100%); 352 background-position: top center; 353 background-size: cover; 354 background-repeat: no-repeat; 355} 356 357.hero-full-wrapper { 358 position: relative; 359 z-index: 1; 360 flex: 1 1 auto; 361 min-height: 0; 362 display: flex; 363 align-items: center; 364} 365 366.hero-full { 367 width: 100%; 368} 369 370.hero-full-main { 371 width: 100%; 372 position: relative; 373} 374 375#header-full-hero .main-menu ul li a { 376 text-decoration: none; 377 color: #ffffff; 378} 379 380#header-full-hero a { 381 color: #ffffff; 382} 383 384#header-full-hero { 385 width: 100%; 386 background: rgba(38, 50, 56, 0.20); 387 position: relative; 388 z-index: 3; 389 flex: 0 0 auto; 390 color: #ffffff; 391} 392 393#hero-full-container .hero-image-caption { 394 z-index: 2; 395} 396 397@media screen and (max-width: 1199px) { 398 #header-full-hero { 399 padding: 0; 400 } 401} 402 403@media screen and (min-width: 1200px) { 404 #header-full-hero { 405 margin: 0 auto; 406 padding: 0; 407 } 408} 409 410h1.full-hero-title { 411 margin-bottom: 32px; 412 color: #ffffff; 413 font-weight: 700; 414} 415 416#header-half-hero .menu-desktop > .main-menu ul li ul li { 417 background: #ffffff; 418} 419 420#header-half-hero a { 421 color: #263238; 422} 423 424#half-hero-viewport { 425 min-height: 100vh; 426 min-height: 100svh; 427 display: flex; 428 flex-direction: column; 429} 430 431#half-hero-viewport #topbar { 432 flex: 0 0 auto; 433} 434 435#hero-half-container { 436 width: 100%; 437 padding: 0; 438 position: relative; 439 flex: 1 1 auto; 440 min-height: 0; 441 display: flex; 442 flex-direction: column; 443} 444 445.hero-half-wrapper { 446 flex: 1 1 auto; 447 min-height: 0; 448 display: flex; 449} 450 451.hero-half { 452 width: 100%; 453 position: relative; 454 flex: 1 1 auto; 455 min-height: 0; 456 display: flex; 457 align-items: center; 458} 459 460.hero-half { 461 background: linear-gradient(60deg, rgba(55, 71, 79, 0.50) 30%, rgba(255, 255, 255, 0.50) 100%); 462 background-position: center center; 463 background-size: cover; 464 background-repeat: no-repeat; 465} 466 467#hero-half-container .hero-image-caption { 468 z-index: 2; 469} 470 471#header-half-hero { 472 width: 100%; 473 flex: 0 0 auto; 474 background: #ffffff; 475 color: #263238; 476} 477 478#header-half-hero .main-menu ul li a { 479 text-decoration: none; 480 color: #263238; 481} 482 483#header-half-hero a { 484 color: #263238; 485} 486 487@media screen and (max-width: 1199px) { 488 #header-half-hero { 489 padding: 0; 490 } 491} 492 493@media screen and (min-width: 1200px) { 494 #header-half-hero { 495 margin: 0 auto; 496 padding: 0; 497 } 498} 499 500h1.half-hero-title { 501 margin-bottom: 32px; 502 color: #ffffff; 503 font-weight: 700; 504} 505#header-mini-hero .menu-desktop > .main-menu ul li ul li { 506 background: #ffffff; 507} 508 509#hero-mini { 510 width: 100%; 511 padding: 0; 512 display: block; 513} 514 515.hero-main-mini { 516 background: linear-gradient(60deg, rgba(55, 71, 79, 0.50) 30%, rgba(255, 255, 255, 0.50) 100%); 517 background-position: center center; 518 background-size: cover; 519 background-repeat: no-repeat; 520 position: relative; 521} 522 523@media screen and (max-width: 1199px) { 524 .hero-main-mini { 525 padding: 60px 20px; 526 } 527} 528 529@media screen and (min-width: 1200px) { 530 .hero-main-mini { 531 padding: 80px 0; 532 } 533} 534 535#hero-mini .hero-image-caption { 536 z-index: 2; 537} 538 539#header-mini-hero { 540 width: 100%; 541 display: block; 542 background: #ffffff; 543 color: #263238; 544} 545 546@media screen and (max-width: 1199px) { 547 #header-mini-hero { 548 padding: 0; 549 } 550} 551 552@media screen and (min-width: 1200px) { 553 #header-mini-hero { 554 margin: 0 auto; 555 padding: 0; 556 } 557} 558 559h1.mini-hero-title { 560 margin-bottom: 0; 561 color: #ffffff; 562 font-weight: 700; 563} 564 565.hero-main-mini .search-input { 566 background: #ffffff !important; 567 box-shadow: inset 0 0 0 1px #ffffff !important; 568} 569 570#header-mini-hero a { 571 color: #263238; 572} 573 574#header-mini-hero .main-menu ul li a { 575 text-decoration: none; 576 color: #263238; 577} 578#branding { 579 display: flex; 580 align-items: center; 581} 582 583#branding a { 584 text-decoration: none !important; 585} 586 587.branding-media { 588 flex: 0 0 auto; 589 min-width: auto; 590 white-space: nowrap; 591} 592 593/* branding text */ 594 595.branding-text { 596 flex: 1 1 auto; 597 min-width: 0; 598 text-align: left; 599} 600 601@media screen and (max-width: 1199px) { 602 #branding { 603 column-gap: 8px; 604 } 605} 606 607@media screen and (min-width: 1200px) { 608 #branding { 609 column-gap: 16px; 610 } 611} 612 613.site-logo { 614 display: block; 615 height: auto; 616} 617 618@media screen and (max-width: 1199px) { 619 .site-logo { 620 width: 100px !important; 621 max-width: 100px !important; 622 } 623} 624 625@media screen and (min-width: 1200px) { 626 .site-logo { 627 width: 150px !important; 628 max-width: 150px !important; 629 } 630} 631 632/* site title (site name) */ 633 634.site-title { 635 font-family: "Noto Sans", sans-serif; 636 text-transform: none; 637 font-weight: 700; 638 line-height: 1; 639} 640 641@media screen and (max-width: 1199px) { 642 .site-title { 643 font-size: 24px; 644 display: block; 645 } 646} 647 648@media screen and (min-width: 1200px) { 649 .site-title { 650 font-size: 36px; 651 display: block; 652 } 653} 654 655.site-title-link { 656 display: inline-block; 657} 658 659.tagline { 660 font-size: 14px; 661 line-height: 1; 662} 663 664@media screen and (max-width: 1199px) { 665 .tagline { 666 display: none; 667 } 668} 669 670@media screen and (min-width: 1200px) { 671 .tagline { 672 margin-left: 32px; 673 padding-top: 8px; 674 display: inline-block; 675 } 676} 677 678@media screen and (max-width: 1199px) { 679 #related { 680 margin-top: 20px; 681 } 682} 683 684@media screen and (min-width: 1200px) { 685 #related { 686 margin-top: 30px; 687 } 688} 689 690.tags { 691 font-size: 14px; 692 color: #607D8B; 693} 694 695@media screen and (max-width: 1199px) { 696 .tags { 697 margin-top: 20px; 698 } 699} 700 701@media screen and (min-width: 1200px) { 702 .tags { 703 margin-top: 30px; 704 } 705} 706 707.social-sharing { 708 line-height: 1; 709} 710 711@media screen and (max-width: 1199px) { 712 .social-sharing { 713 margin: 40px 0; 714 } 715} 716 717@media screen and (min-width: 1200px) { 718 .social-sharing { 719 margin: 60px 0; 720 } 721} 722 723.social-sharing i { 724 font-size: 18px; 725 line-height: 1; 726 margin-right: 20px !important; 727 vertical-align: middle; 728} 729 730.social-sharing-label { 731 margin-right: 10px; 732 vertical-align: middle; 733 color: #607D8B; 734} 735 736.after-byline { 737 background: #fff8e1; 738 border-radius: 0; 739 padding: 0px; 740 color: #263238; 741} 742 743@media screen and (max-width: 1199px) { 744 .after-byline { 745 font-size: 12px; 746 margin-bottom: 20px; 747 } 748} 749 750@media screen and (min-width: 1200px) { 751 .after-byline { 752 font-size: 12px; 753 margin-bottom: 30px; 754 } 755} 756 757.after-byline p:last-child { 758 margin-bottom: 0; 759} 760 761.after-byline a { 762 color: #5C6BC0; 763} 764 765ul, 766ol { 767 list-style-position: outside; 768 padding-left: 1.25em; 769} 770 771li { 772 line-height: 1.7; 773 margin-bottom: 0.5em; 774} 775 776ol > li::marker { 777 font-weight: 700; 778} 779 780blockquote { 781 margin: 30px 0 30px 30px; 782 padding: 30px 30px; 783 border-left: 5px solid #757575; 784 border-radius: 0; 785 color: #616161; 786} 787 788blockquote p { 789 font-size: 18px; 790 line-height: 2; 791 color: #616161; 792} 793 794blockquote p:last-child { 795 margin-bottom: 0; 796} 797 798blockquote .wp-caption-text { 799 display: none;} 800 801/* tables */ 802 803table { 804 width: 100%; 805 border: 1px solid #dddddd; 806 border-collapse: collapse; 807 border-radius: 0; 808} 809 810@media screen and (max-width: 1199px) { 811 table { 812 margin-bottom: 20px; 813 } 814} 815 816@media screen and (min-width: 1200px) { 817 table { 818 margin-bottom: 30px; 819 } 820} 821 822table tr:first-child { 823 background: #f5f5f5; 824} 825 826table th, 827table td { 828 padding: 10px; 829 border: 1px solid #dddddd; 830 border-radius: 0; 831 vertical-align: top; 832} 833 834/* general */ 835 836.white { 837 color: #ffffff !important; 838} 839 840.full-width { 841 width: 100%; 842} 843 844.center { 845 text-align: center; 846} 847 848/* links */ 849 850a { 851 color: #5C6BC0; 852 text-decoration: underline; 853 cursor: pointer; 854} 855 856a:hover { 857 color: #283593; 858 cursor: pointer; 859} 860 861/* hero cta primary */ 862
863.cta-hero-wrapper { 864 margin-top: 30px; 865} 866 867@media screen and (max-width: 1199px) { 868 .cta-hero-primary { 869 display: block; 870 width: 100%; 871 } 872} 873 874@media screen and (min-width: 1200px) { 875 .cta-hero-primary { 876 display: inline-block; 877 margin-right: 32px; 878 } 879} 880 881.cta-hero-primary ul li, 882.cta-hero-secondary ul li { 883 list-style-type: none; 884 margin: 0; 885 padding: 0; 886 vertical-align: middle; 887 text-align: center; 888} 889 890@media screen and (max-width: 1199px) { 891 .cta-hero-primary ul li, 892 .cta-hero-secondary ul li { 893 display: block; 894 } 895} 896 897@media screen and (min-width: 1200px) { 898 .cta-hero-primary ul li, 899 .cta-hero-secondary ul li { 900 display: inline-block; 901 } 902} 903 904.cta-hero-primary ul li a { 905 font-family: "Noto Sans", sans-serif; 906 font-size: 20px; 907 font-weight: 700; 908 color: #ffffff; 909 text-decoration: none; 910 background: #5C6BC0; 911 border-radius: 4px; 912} 913 914@media screen and (max-width: 1199px) { 915 .cta-hero-primary ul li a { 916 width: 100%; 917 padding: 10px 0; 918 display: block; 919 margin-bottom: 20px; 920 } 921} 922 923@media screen and (min-width: 1200px) { 924 .cta-hero-primary ul li a { 925 width: auto; padding: 10px 20px; display: inline-block; 926 } 927} 928 929.cta-hero-primary ul li a:hover { 930 background: #283593; 931} 932 933/* hero cta secondary */ 934 935@media screen and (max-width: 1199px) { 936 .cta-hero-secondary { 937 display: block; 938 width: 100%; 939 } 940} 941 942@media screen and (min-width: 1200px) { 943 .cta-hero-secondary { 944 display: inline-block; 945 } 946} 947 948.cta-hero-secondary ul li a { 949 font-family: "Noto Sans", sans-serif; 950 font-size: 20px; 951 font-weight: 400; 952 color: #ffffff; 953 padding: 10px 0; 954 text-decoration: none; 955 background: transparent; 956 border-radius: 4px; 957 box-shadow: inset 0 0 0 1px #ffffff; 958} 959 960@media screen and (max-width: 1199px) { 961 .cta-hero-secondary ul li a { 962 width: 100%; 963 display: block; 964 margin-bottom: 0; 965 } 966} 967 968@media screen and (min-width: 1200px) { 969 .cta-hero-secondary ul li a { 970 width: 200px; 971 display: inline-block; 972 } 973} 974 975.cta-hero-secondary ul li:hover a { 976 color: #001438; 977 background: #ffffff; 978} 979/* hero title */ 980 981@media screen and (max-width: 1199px) { 982 .welcome-wrapper { 983 width: 100%; 984 padding: 30px 20px; 985 } 986} 987 988@media screen and (min-width: 1200px) { 989 .welcome-wrapper { 990 max-width: 900px; 991 } 992} 993 994.title-wrapper { 995 width: 100%; 996 text-align: center; 997} 998 999@media screen and (max-width: 1199px) { 1000 .title-wrapper { 1001 padding: 0 20px; 1002 } 1003} 1004 1005.hero-image-caption { 1006 position: absolute; 1007 bottom: 0; 1008 right: 0; 1009 background: rgba(0, 0, 0, 0.5); 1010 border-radius: 4px 0 0 0; 1011 color: #ffffff; 1012 padding: 5px 10px; 1013 z-index: 10; 1014 text-align: right; 1015 max-width: 90%; 1016} 1017 1018@media screen and (max-width: 1199px) { 1019 .hero-image-caption { 1020 font-size: 12px; 1021 } 1022} 1023 1024@media screen and (min-width: 1200px) { 1025 .hero-image-caption { 1026 font-size: 14px; 1027 } 1028} 1029 1030.hero-snippet { 1031 color: #ffffff; 1032} 1033 1034@media screen and (max-width: 1199px) { 1035 .hero-snippet { 1036 font-size: 16px; 1037 } 1038} 1039 1040@media screen and (min-width: 1200px) { 1041 .hero-snippet { 1042 font-size: 18px; 1043 } 1044} 1045 1046.hero-snippet a { 1047 color: #ffffff; 1048} 1049 1050@media screen and (max-width: 1199px) { 1051 .hero-snippet .tagcloud { 1052 margin-top: 20px; 1053 } 1054} 1055 1056@media screen and (min-width: 1200px) { 1057 .hero-snippet .tagcloud { 1058 margin-top: 30px; 1059 } 1060} 1061 1062h1, h2, h3, h4, h5 { 1063 color: #001438; 1064 line-height: 1.3; 1065} 1066 1067h1 { 1068 font-family: sans-serif; 1069 font-weight: 700; 1070} 1071 1072h2 { 1073 font-family: sans-serif; 1074 font-weight: 700; 1075} 1076 1077h3 { 1078 font-family: sans-serif; 1079 font-weight: 700; 1080} 1081 1082h4 { 1083 font-family: sans-serif; 1084 font-weight: 700; 1085} 1086 1087h5 { 1088 font-family: sans-serif; 1089 font-weight: 700; 1090} 1091 1092h1.divide:after { 1093 content: ''; 1094 display: block; 1095 border: 1px solid #2528e8; 1096} 1097 1098h2:after { 1099 content: ''; 1100 display: block; 1101 } 1102 1103@media screen and (max-width: 1199px) { 1104 h1 { 1105 font-size: 36px; 1106 margin-bottom: 20px; 1107 } 1108 1109 h1.divide:after { 1110 margin-top: 10px; 1111 margin-bottom: 20px; 1112 } 1113 1114 h2 { 1115 font-size: 40px; 1116 margin-bottom: 20px; 1117 } 1118 1119 h2:after { 1120 } 1121 1122 h3 { 1123 font-size: 24px; 1124 margin-bottom: 20px; 1125 } 1126 1127 h4 { 1128 font-size: 20px; 1129 margin-bottom: 20px; 1130 } 1131 1132 h5 { 1133 font-size: 18px; 1134 margin-bottom: 20px; 1135 } 1136} 1137 1138@media screen and (min-width: 1200px) { 1139 h1 { 1140 font-size: 50px; 1141 margin-bottom: 30px; 1142 } 1143 1144 h1.divide:after { 1145 margin-top: 15px; 1146 margin-bottom: 30px; 1147 } 1148 1149 h2 { 1150 font-size: 40px; 1151 margin-bottom: 30px; 1152 } 1153 1154 h2:after { 1155 } 1156 1157 h3 { 1158 font-size: 36px; 1159 margin-bottom: 20px; 1160 } 1161 1162 h4 { 1163 font-size: 20px; 1164 margin-bottom: 20px; 1165 } 1166 1167 h5 { 1168 font-size: 18px; 1169 margin-bottom: 20px; 1170 } 1171} 1172 1173h4.sitename-offcanvas { 1174 padding-left: 20px; 1175 font-size: 20px; 1176 font-weight: 600; 1177 line-height: 1; 1178 margin-bottom: 20px; 1179} 1180 1181h5.author-biography-intro { 1182 color: #607D8B; 1183 font-size: 14px; 1184 font-weight: 600; 1185 text-transform: uppercase; 1186} 1187 1188/* images */ 1189 1190img { 1191 border-radius: 0; 1192} 1193 1194.alignright { 1195 float: right; 1196 margin: 0 0 20px 20px; 1197} 1198 1199.alignleft { 1200 float: left; 1201 margin: 0 20px 20px 0; 1202} 1203 1204.aligncenter {
1205 display: block; 1206 margin-left: auto; 1207 margin-right: auto; 1208} 1209 1210/* featured image wrapper */ 1211 1212.featured-image-wrapper { 1213 position: relative; 1214 height: auto; 1215} 1216 1217@media screen and (max-width: 1199px) { 1218 .featured-image-wrapper { 1219 margin-bottom: 20px; 1220 width: 100%; 1221 } 1222} 1223 1224@media screen and (min-width: 1200px) { 1225 .featured-image-wrapper { 1226 margin-bottom: 30px; 1227 width: 768px; 1228 margin-left: 0; 1229 } 1230} 1231 1232/* featured images */ 1233 1234.featured-image-wrapper img { 1235 margin-bottom: 0 !important; 1236 border-radius: 0; 1237} 1238 1239img.featured-image { 1240 height: auto; 1241 display: block; 1242 margin-bottom: 0; 1243 border-radius: 0; 1244} 1245 1246@media screen and (max-width: 1199px) { 1247 img.featured-image { 1248 width: 100%; 1249 } 1250} 1251 1252@media screen and (min-width: 1200px) { 1253 img.featured-image { 1254 width: 768px; 1255 } 1256} 1257 1258.featured-image-caption { 1259 position: absolute; 1260 font-size: 12px; 1261 bottom: 0; 1262 color: #ffffff; 1263 padding: 5px 10px; 1264 right: 0; 1265 border-radius: 4px 0 0 0; 1266} 1267 1268/* code snippets */ 1269 1270code, 1271pre, 1272.pre { 1273 font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; 1274 font-weight: 400; 1275 color: #001438; 1276 user-select: text; 1277} 1278 1279code { 1280 padding: 2px 5px; 1281 background: #eceff1; 1282 border-radius: 4px; 1283} 1284 1285pre, 1286.pre { 1287 width: 100%; 1288 padding: 16px 20px; 1289 margin-bottom: 30px; 1290 background: #eceff1; 1291 border-radius: 8px; 1292 box-shadow: inset 0 0 0 1px #001438; 1293 overflow-x: auto; 1294 overflow-y: hidden; 1295 white-space: pre; 1296} 1297 1298pre:has(> code), 1299.pre:has(> code) { 1300 padding: 0; 1301 overflow: hidden; 1302} 1303 1304pre code, 1305.pre code { 1306 padding: 0; 1307 background: transparent; 1308 border-radius: 0; 1309 box-shadow: none; 1310} 1311 1312pre > code, 1313.pre > code { 1314 display: block; 1315 padding: 16px 20px; 1316 overflow-x: auto; 1317 overflow-y: hidden; 1318 white-space: pre; 1319} 1320 1321@media screen and (max-width: 1199px) { 1322 pre, 1323 .pre { 1324 max-width: 100%; 1325 } 1326} 1327 1328@media screen and (min-width: 1200px) { 1329 pre, 1330 .pre { 1331 max-width: 100%; 1332 } 1333} 1334 1335button { 1336 font-size: 16px; 1337 font-weight: 400; 1338 padding: 10px 20px; 1339 text-decoration: none; 1340 background: #ECEFF1; 1341 border: 0 !important; 1342 border-radius: 4px !important; 1343 cursor: pointer; 1344} 1345 1346ul.cta { 1347 margin: 0; 1348 padding: 0; 1349 list-style-type: none; 1350} 1351 1352.button { 1353 border: 0 !important; 1354 border-radius: 4px !important; 1355} 1356 1357.button-link, 1358.button-outline, 1359.button-outline-white, 1360.button-wide-dark, 1361.button-wide-white { 1362 width: 100%; 1363 text-align: center; 1364 font-size: 20px; 1365 font-weight: 700; 1366 padding: 10px 0; 1367 text-decoration: none; 1368 display: block; 1369} 1370 1371.button-link { 1372 color: #ffffff; 1373 background: #5C6BC0; 1374} 1375 1376.button-outline { 1377 color: #001438; 1378 background: transparent; 1379 box-shadow: inset 0 0 0 1px #001438; 1380} 1381 1382.button-outline-white { 1383 color: #ffffff; 1384 background: transparent; 1385 box-shadow: inset 0 0 0 1px #ffffff; 1386} 1387 1388.button-wide-dark { 1389 color: #ffffff; 1390 background: #001438; 1391} 1392 1393.button-wide-white { 1394 color: #001438; 1395 background: #ffffff; 1396 box-shadow: inset 0 0 0 1px #001438; 1397} 1398#tiles, #tiles-wide, #tiles-narrow { 1399 width: 100%; 1400} 1401 1402@media screen and (max-width: 1199px) { 1403 #tiles { 1404 padding: 30px 20px; 1405 } 1406} 1407 1408@media screen and (min-width: 1200px) { 1409 #tiles { 1410 display: grid; 1411 grid-template-columns: repeat(2, minmax(0, 1fr)); 1412 gap: 30px; 1413 } 1414} 1415 1416@media screen and (max-width: 1199px) { 1417 #tiles-wide { 1418 padding: 0; 1419 } 1420} 1421 1422@media screen and (min-width: 1200px) { 1423 #tiles-wide { 1424 display: grid; 1425 grid-template-columns: repeat(2, minmax(0, 1fr)); 1426 gap: 30px; 1427 } 1428} 1429 1430@media screen and (max-width: 1199px) { 1431 #tiles-narrow { 1432 padding: 0; 1433 } 1434} 1435 1436@media screen and (min-width: 1200px) { 1437 #tiles-narrow { 1438 display: grid; 1439 grid-template-columns: repeat(2, minmax(200px, 1fr)); 1440 gap: 30px; 1441 } 1442} 1443 1444.tile { 1445 padding: 30px; 1446 text-align: center; 1447 box-shadow: inset 0 0 0 1px #eceff1; 1448 background: #eceff1; 1449 border-radius: 8px; 1450} 1451 1452@media screen and (max-width: 1199px) { 1453 .tile { 1454 width: 100%; 1455 margin-bottom: 30px; 1456 } 1457} 1458 1459@media screen and (min-width: 1200px) { 1460 .tile { 1461 max-width: 100%; 1462 justify-content: center; 1463 align-items: center; 1464 display: inline-block; 1465 } 1466} 1467 1468.tile i { 1469 margin-bottom: 20px; 1470 font-size: 48px; 1471 display: block; 1472 color: #5C6BC0; 1473} 1474 1475.tile img { 1476 display: block; 1477 margin: 0 auto; 1478 border-radius: 0; 1479} 1480 1481.tile p:last-child { 1482 margin-bottom: 0; 1483} 1484 1485.tile .wp-caption-text { 1486 display: none; 1487} 1488 1489#bullets { 1490 column-fill: balance; 1491} 1492 1493@media screen and (max-width: 1199px) { 1494 #bullets { 1495 columns: 1; 1496 column-gap: 0; 1497 } 1498} 1499 1500@media screen and (min-width: 1200px) { 1501 #bullets { 1502 columns: 2; 1503 column-gap: 40px; 1504 } 1505} 1506 1507#bullets p { 1508 font-size: 14px; 1509} 1510 1511@media screen and (max-width: 1199px) { 1512 #bullets p { 1513 margin-bottom: 20px; 1514 } 1515} 1516 1517@media screen and (min-width: 1200px) { 1518 #bullets p { 1519 margin-bottom: 30px; 1520 } 1521} 1522 1523#bullets ul, #bullets ol { 1524 font-size: 14px; 1525 margin-bottom: 40px; 1526} 1527 1528#bullets li { 1529 font-size: 14px; 1530 margin-bottom: 10px; 1531} 1532 1533.faq-item { 1534 display: inline-block; 1535} 1536 1537@media screen and (max-width: 1199px) { 1538 .menu-desktop { 1539 display: none; 1540 } 1541} 1542 1543@media screen and (min-width: 1200px) { 1544 .menu-desktop { 1545 display: block; 1546 } 1547 1548 .header-layout-inline .menu-desktop { 1549 display: inline-flex; 1550 align-items: center; 1551 } 1552} 1553 1554/* main menu container */ 1555 1556.menu-desktop > .main-menu { 1557 display: inline-block; 1558} 1559 1560.menu-desktop > .main-menu ul { 1561 display: inline-block; 1562 position: relative; 1563 margin: 0; 1564 padding: 0; 1565 list-style-type: none; 1566 text-align: right; 1567} 1568 1569.menu-desktop > .main-menu ul li {
1570 display: inline-block; 1571 position: relative; 1572 vertical-align: middle; 1573 margin: 0; 1574 padding: 0; 1575} 1576 1577/* main menu links */ 1578 1579.menu-desktop > .main-menu a { 1580 display: inline-block; 1581 padding-left: 32px; 1582 font-family: "Noto Sans", sans-serif; 1583 font-size: 18px; 1584 font-weight: 600; 1585 text-transform: none; 1586 text-decoration: none !important; 1587} 1588 1589/* dropdown menus */ 1590 1591.menu-desktop > .main-menu ul ul { 1592 display: none; 1593 position: absolute; 1594 top: 100%; 1595 left: 0; 1596 min-width: 180px; 1597 max-width: 280px; 1598 width: max-content; 1599 padding: 0; 1600 box-shadow: 1601 -1px 8px 16px rgba(0, 0, 0, 0.04), 1602 1px 8px 16px rgba(0, 0, 0, 0.04), 1603 0 12px 16px rgba(0, 0, 0, 0.05); 1604} 1605 1606.menu-desktop > .main-menu ul ul ul { 1607 top: 0; 1608 left: 100%; 1609 min-width: 180px; 1610 max-width: 280px; 1611 width: max-content; 1612 padding: 0; 1613 box-shadow: 1614 -1px 8px 16px rgba(0, 0, 0, 0.035), 1615 1px 8px 16px rgba(0, 0, 0, 0.035), 1616 0 8px 16px rgba(0, 0, 0, 0.045); 1617} 1618 1619.menu-desktop > .main-menu li:hover > ul, 1620.menu-desktop > .main-menu li:focus-within > ul, 1621.menu-desktop > .main-menu li.open > ul { 1622 display: block; 1623 z-index: 100; 1624} 1625 1626.menu-desktop > .main-menu ul ul li { 1627 display: block; 1628 width: 100%; 1629 text-align: left; 1630} 1631 1632.menu-desktop > .main-menu ul ul a { 1633 display: block; 1634 padding: 16px 32px; 1635 line-height: 1.5; 1636 transition: background-color 0.2s ease; 1637} 1638 1639/* dropdown toggles */ 1640 1641.menu-desktop > .main-menu .menu-item-has-children > a { 1642 position: relative; 1643} 1644 1645.menu-desktop > .main-menu .menu-item-has-children > a .toggle { 1646 display: inline-flex; 1647 align-items: center; 1648 justify-content: center; 1649 margin-left: 8px; 1650 pointer-events: none; 1651 transition: transform 0.2s ease; 1652 transform: rotate(0deg); 1653 vertical-align: middle; 1654} 1655 1656.menu-desktop > .main-menu .menu-item-has-children > a .toggle svg { 1657 display: block; 1658 width: 24px; 1659 height: 24px; 1660} 1661 1662.menu-desktop > .main-menu .menu-item-has-children:hover > a .toggle, 1663.menu-desktop > .main-menu .menu-item-has-children:focus-within > a .toggle, 1664.menu-desktop > .main-menu .menu-item-has-children.open > a .toggle { 1665 transform: rotate(180deg); 1666} 1667 1668/* light header dropdowns */ 1669 1670#header-basic .menu-desktop ul ul, 1671#header-mini-hero .menu-desktop ul ul, 1672#header-half-hero .menu-desktop ul ul { 1673 background-color: #ffffff; 1674} 1675 1676#header-basic .menu-desktop ul ul a:hover, 1677#header-mini-hero .menu-desktop ul ul a:hover, 1678#header-half-hero .menu-desktop ul ul a:hover { 1679 background-color: #f5f5f5; 1680} 1681 1682/* basic header */ 1683 1684#header-basic .menu-desktop > .main-menu > ul > li > a { 1685 color: #263238; 1686} 1687 1688#header-basic .menu-desktop ul ul a { 1689 color: #263238; 1690} 1691 1692/* mini hero header */ 1693 1694#header-mini-hero .menu-desktop > .main-menu > ul > li > a { 1695 color: #263238; 1696} 1697 1698#header-mini-hero .menu-desktop ul ul a { 1699 color: #263238; 1700} 1701 1702/* half hero header */ 1703 1704#header-half-hero .menu-desktop > .main-menu > ul > li > a { 1705 color: #263238; 1706} 1707 1708#header-half-hero .menu-desktop ul ul a { 1709 color: #263238; 1710} 1711 1712/* full hero header */ 1713 1714#header-full-hero .menu-desktop > .main-menu > ul > li > a { 1715 color: #ffffff; 1716} 1717 1718#header-full-hero .menu-desktop ul ul { 1719 background-color: #263238; 1720} 1721 1722#header-full-hero .menu-desktop ul ul a { 1723 color: #ffffff; 1724} 1725 1726#header-full-hero .menu-desktop ul ul a:hover { 1727 background-color: #263238; 1728} 1729/* mobile nav container */ 1730@media screen and (max-width: 1199px) { 1731 .mobile-nav { 1732 display: none; 1733 clear: both; 1734 width: 100%; 1735 list-style: none; 1736 background: #212121; 1737 padding: 20px; 1738 } 1739 1740 /* mobile nav list items */ 1741 .mobile-nav ul li { 1742 font-size: 18px; 1743 list-style-type: none; 1744 vertical-align: middle; 1745 display: block; 1746 margin: 0; 1747 padding: 0; 1748 border-bottom: 1px solid rgba(255,255,255, 0.2); 1749 } 1750 1751 /* remove border on last item */ 1752 .mobile-nav ul li:last-child { 1753 border-bottom: 0; 1754 } 1755 1756 /* mobile nav links */ 1757 .mobile-nav a { 1758 display: block; 1759 width: 100%; 1760 line-height: 40px; 1761 color: #ffffff !important; 1762 font-size: 18px; 1763 text-decoration: none; 1764 } 1765 1766 /* hide submenus by default */ 1767 .mobile-nav li > ul { 1768 display: none; 1769 width: 100%; 1770 position: relative; 1771 } 1772} 1773 1774/* hide mobile nav on desktop */ 1775@media screen and (min-width: 1200px) { 1776 .mobile-nav { 1777 display: none !important; 1778 } 1779} 1780 1781/* mobile menu wrapper */ 1782@media screen and (max-width: 1199px) { 1783 .menu-mobile-wrapper { 1784 display: inline-flex; 1785 justify-content: center; 1786 align-items: center; 1787 padding: 8px 0 8px 8px; 1788 min-width: 44px; 1789 min-height: 44px; 1790 text-align: right; 1791 vertical-align: middle; 1792 } 1793} 1794 1795/* hide mobile menu wrapper on desktop */ 1796@media screen and (min-width: 1200px) { 1797 .menu-mobile-wrapper { 1798 display: none; 1799 } 1800} 1801 1802/* start mobile menu overlay */ 1803.mobile-menu-trig { 1804 position: relative; 1805 background: transparent; 1806 border: 0; 1807 border-radius: 4px; 1808 box-shadow: none; 1809 padding: 0; 1810} 1811 1812.mobile-menu-trig::before { 1813 content: ""; 1814 pointer-events: none; 1815 position: absolute; 1816 inset: 0; 1817 border-radius: inherit; 1818 box-shadow: inset 0 0 0 1px currentColor; 1819 opacity: 0.25; 1820} 1821 1822@media screen and (max-width: 1199px) { 1823 .mobile-menu-trig { 1824 display: inline-flex; 1825 align-items: center; 1826 justify-content: center; 1827 width: 44px; 1828 height: 44px; 1829 color: inherit; 1830 line-height: 1; 1831 } 1832 1833 .mobile-menu-trig svg { 1834 display: block; 1835 width: 32px; 1836 height: 32px; 1837 line-height: 1; 1838 color: inherit; 1839 } 1840} 1841 1842.mobile-menu-trig:hover { 1843 cursor: pointer; 1844} 1845 1846.overlay { 1847 position: fixed; 1848 overflow-x: hidden;
1849 overflow-y: scroll; 1850 overscroll-behavior: contain; 1851 top: 0; 1852 right: 0; 1853 bottom: 0; 1854 left: 0; 1855 height: 0; 1856 visibility: hidden; 1857 z-index: 999999; 1858 background-color: rgba(0,0,0, 0.9); 1859 transition: height 0.5s ease, visibility 0.5s ease; 1860} 1861 1862.overlay.active { 1863 height: 100%; 1864 visibility: visible; 1865} 1866 1867.overlay-content { 1868 max-width: 768px; 1869 width: 100%; 1870 height: 100%; 1871 position: relative; 1872 text-align: center; 1873} 1874 1875.overlay ul.menu { 1876 list-style: none; 1877 margin: 0; 1878 padding: 40px 0; 1879} 1880 1881.overlay ul a { 1882 display: block; 1883 padding: 8px 0; 1884 font-size: 18px; 1885} 1886 1887.overlay ul.sub-menu { 1888 list-style: none; 1889 margin-left: 0; 1890 padding-left: 0; 1891 font-style: italic; 1892} 1893 1894.overlay a { 1895 text-decoration: none; 1896 color: #818181; 1897 transition: color 0.3s ease; 1898} 1899 1900.overlay li.current-menu-item a { 1901 color: #ffffff; 1902} 1903 1904.overlay a:hover, 1905.overlay a:focus { 1906 color: #f1f1f1; 1907 text-decoration: none; 1908} 1909 1910.overlay .closebtn { 1911 position: absolute; 1912 top: 20px; 1913 right: 20px; 1914 z-index: 999999; 1915 background: transparent; 1916 border: 0; 1917 border-radius: 4px; 1918 cursor: pointer; 1919 padding: 0; 1920 color: inherit; 1921} 1922 1923.overlay .closebtn svg { 1924 display: block; 1925 width: 36px; 1926 height: 36px; 1927 line-height: 1; 1928} 1929 1930.overlay .closebtn:hover, 1931.overlay .closebtn:focus { 1932 text-decoration: none; 1933} 1934 1935@media screen and (max-width: 800px) { 1936 nav#site-navigation { 1937 display: none; 1938 } 1939 1940 .mobile-menu-trig { 1941 display: inline-flex; 1942 } 1943} 1944 1945/* end mobile menu overlay */ 1946 1947.mobile-menu-search { 1948 padding: 0 20px 20px; 1949} 1950 1951.mobile-menu-search .searchform { 1952 width: 100%; 1953} 1954 1955.overlay .mobile-menu-search { 1956 padding: 72px 20px 0; 1957} 1958 1959.overlay .mobile-menu-search + .mobile-menu ul.menu, 1960.overlay .mobile-menu-search + ul.menu { 1961 padding-top: 24px; 1962} 1963 1964#hovercraft-offcanvas-menu .mobile-menu-search { 1965 padding: 0 20px 24px; 1966} 1967 1968#hovercraft-offcanvas-menu .mobile-menu-search .input-container { 1969 display: flex; 1970} 1971 1972#hovercraft-offcanvas-menu { 1973 top: 0; 1974 left: -100%; 1975 width: 100%; 1976 max-width: 75vw; 1977 background: #ffffff; 1978 color: #001438; 1979 height: 100%; 1980 position: fixed; 1981 visibility: hidden; 1982 z-index: 9997; 1983 overflow-y: auto; 1984 transform: translate3d(0, 0, 205px); 1985 transition: left 500ms ease-in-out, transform 500ms ease-in-out, visibility 500ms ease-in-out; 1986 padding: 24px 0 0 0; 1987} 1988 1989#hovercraft-offcanvas-menu ul { 1990 list-style-type: none; 1991 margin: 0; 1992 padding: 0; 1993 font-weight: 400; 1994 font-size: 18px; 1995 text-transform: none; 1996} 1997 1998#hovercraft-offcanvas-menu li { 1999 border-top: 1px dotted rgba(0, 0, 0, 0.0980392); 2000 position: relative; 2001 width: 100%; 2002 user-select: none; 2003 margin: 0; 2004 padding: 0; 2005} 2006 2007#hovercraft-offcanvas-menu li.menu-item-has-children { 2008 display: grid; 2009 grid-template-columns: 1fr 56px; 2010 align-items: center; 2011} 2012 2013#hovercraft-offcanvas-menu a { 2014 color: rgba(0, 0, 0, 0.701961); 2015 padding: 8px 0 8px 20px; 2016 display: block; 2017 width: 100%; 2018 text-decoration: none; 2019 vertical-align: middle; 2020} 2021 2022#hovercraft-offcanvas-menu a:hover { 2023 text-decoration: none; 2024} 2025 2026#hovercraft-offcanvas-menu li.current-menu-item a { 2027 font-weight: 600; 2028} 2029 2030#hovercraft-offcanvas-menu li.current-menu-item ul a { 2031 font-weight: 400; 2032} 2033 2034#hovercraft-offcanvas-menu .menu-toggle { 2035 position: relative; 2036 display: inline-flex; 2037 grid-column: 2; 2038 align-items: center; 2039 justify-content: flex-end; 2040 width: 56px; 2041 min-width: 56px; 2042 height: 48px; 2043 margin: 0; 2044 padding: 0 20px 0 0; 2045 text-align: center; 2046 vertical-align: middle; 2047 background: #eceff1; 2048 border: 0; 2049 border-radius: 0; 2050 color: inherit; 2051 cursor: pointer; 2052 opacity: 0.75; 2053} 2054 2055#hovercraft-offcanvas-menu .menu-toggle svg { 2056 display: block; 2057 width: 24px; 2058 height: 24px; 2059 transition: transform 0.2s ease; 2060 transform: rotate(0deg); 2061} 2062 2063#hovercraft-offcanvas-menu .menu-toggle:focus, 2064#hovercraft-offcanvas-menu .menu-toggle:hover { 2065 background: #eceff1; 2066 opacity: 1; 2067} 2068 2069#hovercraft-offcanvas-menu .menu-toggle:focus, 2070#hovercraft-offcanvas-menu .menu-toggle:hover { 2071 border-bottom: 0; 2072 text-decoration: none; 2073} 2074 2075#hovercraft-offcanvas-menu .menu-toggle.rotate svg { 2076 transform: rotate(180deg); 2077} 2078 2079#hovercraft-offcanvas-menu ul.sub-menu { 2080 display: none; 2081 text-transform: none; 2082 font-weight: 400; 2083 font-size: 16px; 2084 background: transparent; 2085} 2086 2087#hovercraft-offcanvas-menu li.menu-item-has-children > ul.sub-menu { 2088 grid-column: 1 / -1; 2089} 2090 2091#hovercraft-offcanvas-menu ul.sub-menu li { 2092 padding-left: 0; 2093} 2094 2095#hovercraft-offcanvas-menu.active { 2096 left: 0; 2097 visibility: visible; 2098 transform: translate3d(0, 0, 0); 2099} 2100 2101.offcanvas-overlay { 2102 background-color: #000000c2; 2103 position: absolute; 2104 visibility: hidden; 2105 opacity: 0; 2106 top: 0; 2107 left: 0; 2108 right: 0; 2109 bottom: 0; 2110 transition: opacity 0.3s ease, visibility 0.3s ease; 2111 z-index: 99; 2112} 2113 2114.offcanvas-overlay.active { 2115 visibility: visible; 2116 opacity: 1; 2117} 2118 2119#topbar { 2120 width: 100%; 2121 font-weight: 400; 2122 text-transform: none; 2123 line-height: 1.5; 2124 background: #263238; 2125 color: #ffffff; 2126} 2127 2128@media screen and (max-width: 1199px) { 2129 #topbar { 2130 padding: 8px 20px; 2131 font-size: 14px; 2132 } 2133} 2134 2135@media screen and (min-width: 1200px) { 2136 #topbar { 2137 padding: 8px 0; 2138 font-size: 14px; 2139 } 2140} 2141 2142#topbar a { 2143 color: #ffffff; 2144 text-decoration: underline; 2145} 2146 2147#topbar p { 2148 margin-bottom: 0; 2149} 2150 2151#topbar .inner, 2152#topbar .full { 2153 display: flex; 2154 align-items: center; 2155 justify-content: flex-start; 2156} 2157 2158.topbar-left, 2159.topbar-center, 2160.topbar-right { 2161 width: 100%; 2162} 2163 2164@media screen and (max-width: 1199px) { 2165 #topbar .inner, 2166 #topbar .full { 2167 flex-direction: column; 2168 } 2169 2170 .topbar-left, 2171 .topbar-center, 2172 .topbar-right { 2173 text-align: center; 2174 } 2175} 2176 2177 2178@media screen and (min-width: 1200px) { 2179 .topbar-left { 2180 flex: 0 0 auto; 2181 width: auto; 2182 white-space: nowrap; 2183 text-align: left; 2184 } 2185} 2186 2187@media screen and (min-width: 1200px) { 2188 .topbar-center { 2189 flex: 1 1 100%; 2190 width: 100%; 2191 text-align: center; 2192 } 2193} 2194 2195@media screen and (max-width: 1199px) { 2196 .topbar-right { 2197 display: none; 2198 } 2199} 2200 2201@media screen and (min-width: 1200px) { 2202 .topbar-right { 2203 flex: 1 1 auto; 2204 width: 100%; 2205 text-align: right; 2206 } 2207} 2208 2209/* topbar ul */ 2210 2211#topbar ul { 2212 margin: 0; 2213 list-style-type: none; 2214} 2215 2216#topbar ul li { 2217 list-style-type: none; 2218 display: inline-block; 2219 margin: 0 0 0 8px; 2220} 2221 2222#topbar ul li:first-child { 2223 margin-left: 0; 2224} 2225 2226#preheader { 2227 width: 100%; 2228 font-size: 14px; 2229 line-height: 1.5; 2230} 2231 2232@media screen and (max-width: 1199px) { 2233 #preheader { 2234 padding: 8px 20px; 2235 } 2236} 2237 2238@media screen and (min-width: 1200px) { 2239 #preheader { 2240 padding: 8px 0; 2241 } 2242} 2243 2244#preheader p { 2245 margin-bottom: 0; 2246} 2247 2248#preheader .inner, 2249#preheader .full { 2250 display: flex; 2251 align-items: center; 2252 justify-content: flex-start; 2253} 2254 2255.preheader-left, 2256.preheader-right { 2257 width: 100%; 2258} 2259 2260@media screen and (max-width: 1199px) { 2261 #preheader { 2262 display: none; 2263 } 2264} 2265 2266@media screen and (max-width: 1199px) { 2267 #preheader .inner, 2268 #preheader .full { 2269 flex-direction: column; 2270 } 2271 2272 .preheader-left, 2273 .preheader-right { 2274 text-align: center; 2275 } 2276} 2277 2278 2279@media screen and (min-width: 1200px) { 2280 .preheader-left { 2281 flex: 0 0 auto; 2282 width: auto; 2283 white-space: nowrap; 2284 text-align: left; 2285 } 2286} 2287 2288 2289@media screen and (min-width: 1200px) { 2290 .preheader-right { 2291 flex: 1 1 auto; 2292 width: 100%; 2293 text-align: right; 2294 } 2295} 2296 2297/* preheader ul */ 2298 2299#preheader ul { 2300 margin: 0; 2301 list-style-type: none; 2302} 2303 2304#preheader ul li { 2305 list-style-type: none; 2306 display: inline-block; 2307 margin: 0 0 0 8px; 2308} 2309 2310#preheader ul li:first-child { 2311 margin-left: 0; 2312} 2313 2314 2315 2316 2317#header-basic > .inner, 2318#header-basic > .full, 2319#header-basic > .header-layout-stacked > .inner, 2320#header-basic > .header-layout-stacked > .full, 2321#header-mini-hero > .inner, 2322#header-mini-hero > .full, 2323#header-mini-hero > .header-layout-stacked > .inner, 2324#header-mini-hero > .header-layout-stacked > .full, 2325#header-half-hero > .inner, 2326#header-half-hero > .full, 2327#header-half-hero > .header-layout-stacked > .inner, 2328#header-half-hero > .header-layout-stacked > .full, 2329#header-full-hero > .inner, 2330#header-full-hero > .full, 2331#header-full-hero > .header-layout-stacked > .inner, 2332#header-full-hero > .header-layout-stacked > .full { 2333 display: flex; 2334 align-items: center; 2335} 2336 2337#header-full-hero { 2338 background: rgba(0, 0, 0, 0.08); 2339} 2340 2341.header-left { 2342 flex: 0 0 auto; 2343 min-width: auto; 2344 white-space: nowrap; 2345} 2346 2347.header-right { 2348 flex: 0 0 auto; 2349 min-width: 0; 2350 margin-left: auto; 2351 text-align: right; 2352} 2353 2354.header-layout-stacked { 2355 width: 100%; 2356} 2357 2358.header-layout-stacked-bottom .header-layout-stacked-inner { 2359 justify-content: flex-start; 2360} 2361 2362.header-layout-stacked-bottom .menu-desktop { 2363 width: 100%; 2364 text-align: left; 2365} 2366 2367.header-layout-stacked-bottom .menu-desktop > .main-menu ul { 2368 text-align: left; 2369} 2370 2371@media screen and (max-width: 1199px) { 2372 #header-basic > .header-layout-inline, 2373 #header-basic > .header-layout-stacked-top > .header-layout-stacked-inner, 2374 #header-mini-hero > .header-layout-inline, 2375 #header-mini-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2376 #header-half-hero > .header-layout-inline, 2377 #header-half-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2378 #header-full-hero > .header-layout-inline, 2379 #header-full-hero > .header-layout-stacked-top > .header-layout-stacked-inner { 2380 padding: 16px 20px; 2381 } 2382 2383 .header-layout-stacked-bottom, 2384 .header-center, 2385 .header-aside { 2386 display: none; 2387 } 2388} 2389 2390@media screen and (min-width: 1200px) { 2391 #header-basic > .header-layout-inline, 2392 #header-basic > .header-layout-stacked-top > .header-layout-stacked-inner, 2393 #header-mini-hero > .header-layout-inline, 2394 #header-mini-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2395 #header-half-hero > .header-layout-inline, 2396 #header-half-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2397 #header-full-hero > .header-layout-inline, 2398 #header-full-hero > .header-layout-stacked-top > .header-layout-stacked-inner { 2399 padding: 16px 0; 2400 } 2401 2402 #header-basic > .header-layout-inline.full, 2403 #header-basic > .header-layout-stacked-top > .header-layout-stacked-inner.full, 2404 #header-mini-hero > .header-layout-inline.full, 2405 #header-mini-hero > .header-layout-stacked-top > .header-layout-stacked-inner.full, 2406 #header-half-hero > .header-layout-inline.full, 2407 #header-half-hero > .header-layout-stacked-top > .header-layout-stacked-inner.full, 2408 #header-full-hero > .header-layout-inline.full, 2409 #header-full-hero > .header-layout-stacked-top > .header-layout-stacked-inner.full { 2410 padding: 16px 40px; 2411 } 2412 2413 #header-basic:has(.header-layout-stacked), 2414 #header-mini-hero:has(.header-layout-stacked) { 2415 padding-bottom: 0; 2416 } 2417 2418 .header-layout-stacked { 2419 display: block; 2420 } 2421 2422 .header-layout-stacked-top, 2423 .header-layout-stacked-bottom { 2424 width: 100%; 2425 } 2426 2427 .header-layout-stacked-top .header-layout-stacked-inner { 2428 gap: 48px; 2429 } 2430 2431 .header-center { 2432 flex: 0 1 392px; 2433 min-width: 0; 2434 text-align: left; 2435 } 2436 2437 .header-aside { 2438 display: inline-block; 2439 vertical-align: middle; 2440 } 2441 2442 .header-center p, 2443 .header-aside p { 2444 margin-bottom: 0; 2445 } 2446 2447 .header-center ul, 2448 .header-aside ul { 2449 margin: 0; 2450 list-style-type: none; 2451 } 2452 2453 .header-center ul li, 2454 .header-aside ul li { 2455 list-style-type: none; 2456 display: inline-block; 2457 margin: 0 0 0 8px; 2458 } 2459 2460 .header-center ul li:first-child, 2461 .header-aside ul li:first-child { 2462 margin-left: 0; 2463 } 2464 2465 .header-layout-stacked-bottom { 2466 margin-top: 0; 2467 } 2468 2469 #header-full-hero .header-layout-stacked-bottom { 2470 background: transparent; 2471 border-top: 1px solid rgba(255, 255, 255, 0.16); 2472 } 2473 2474 #header-basic .header-layout-stacked-bottom { 2475 background: #ffffff; 2476 border-top: 1px solid rgba(0, 0, 0, 0.08); 2477 } 2478 2479 #header-half-hero .header-layout-stacked-bottom { 2480 background: #ffffff; 2481 border-top: 1px solid rgba(0, 0, 0, 0.08); 2482 } 2483 2484 #header-mini-hero .header-layout-stacked-bottom { 2485 background: #ffffff; 2486 border-top: 1px solid rgba(0, 0, 0, 0.08); 2487 } 2488 2489 .header-layout-stacked-bottom .menu-desktop { 2490 display: flex; 2491 align-items: center; 2492 gap: 32px; 2493 } 2494 2495 .header-layout-stacked-bottom .menu-desktop > .main-menu { 2496 flex: 1 1 auto; 2497 min-width: 0; 2498 } 2499 2500 .header-layout-stacked-bottom .menu-desktop > .main-menu > ul > li > a { 2501 display: block; 2502 padding: 12px 16px; 2503 } 2504 2505 .header-layout-stacked-bottom .menu-desktop > .main-menu > ul > li:first-child > a { 2506 padding-left: 0; 2507 } 2508 2509 .header-layout-stacked-bottom .menu-desktop-right { 2510 flex: 0 0 auto; 2511 margin-left: auto; 2512 text-align: right; 2513 white-space: nowrap; 2514 } 2515} 2516 2517#header-basic .menu-desktop > .main-menu ul li ul li { 2518 background: #ffffff; 2519} 2520 2521#header-basic { 2522 width: 100%; 2523 display: table; 2524 background: #ffffff; 2525 color: #263238; 2526} 2527 2528/* mobile: header container */ 2529@media screen and (max-width: 1199px) { 2530 #header-basic { 2531 padding: 0; 2532 } 2533} 2534 2535/* desktop: header container */ 2536@media screen and (min-width: 1200px) { 2537 #header-basic { 2538 margin: 0 auto; 2539 padding: 0; 2540 } 2541} 2542 2543/* general anchor color */ 2544#header-basic a { 2545 color: #263238; 2546} 2547 2548/* menu link style */ 2549#header-basic .main-menu ul li a { 2550 text-decoration: none; 2551 color: #263238; 2552} 2553/* header primary cta */ 2554
2555.cta-header-primary { 2556 display: inline-block; 2557 margin-left: 32px; 2558} 2559 2560.cta-header-primary ul li { 2561 list-style-type: none; 2562 display: inline-block; 2563 margin: 0; 2564 padding: 0; 2565 vertical-align: middle; 2566 text-align: center; 2567} 2568 2569.cta-header-primary ul li a { 2570 font-family: "Noto Sans", sans-serif; 2571 font-size: 18px; 2572 font-weight: 700; 2573 text-transform: none; 2574 display: inline-block; 2575 padding: 12px 16px; 2576 background: #5C6BC0; 2577 border-radius: 4px; 2578 text-decoration: none !important; 2579 color: #ffffff !important; 2580} 2581 2582.cta-header-primary ul li a:hover { 2583 background: #283593; 2584 color: #ffffff !important; 2585} 2586 2587/* inline button: primary */ 2588 2589a.button-primary { 2590 font-family: "Noto Sans", sans-serif; 2591 font-size: 20px; 2592 font-weight: 700; 2593 text-transform: none; 2594 display: inline-block; 2595 padding: 12px 16px; 2596 background: #5C6BC0; 2597 border-radius: 4px; 2598 text-decoration: none !important; 2599 color: #ffffff !important; 2600 width: 100%; 2601 box-sizing: border-box; 2602} 2603 2604a.button-primary:hover { 2605 background: #283593; 2606 color: #ffffff !important; 2607} 2608 2609/* header secondary cta */ 2610 2611.cta-header-secondary { 2612 display: inline-block; 2613 margin-left: 32px; 2614} 2615 2616.cta-header-secondary ul li { 2617 list-style-type: none; 2618 display: inline-block; 2619 margin: 0; 2620 padding: 0; 2621 vertical-align: middle; 2622 text-align: center; 2623} 2624 2625#header-full-hero .cta-header-secondary ul li a { 2626 font-family: "Noto Sans", sans-serif; 2627 font-size: 18px; 2628 font-weight: 400; 2629 text-transform: none; 2630 display: inline-block; 2631 padding: 12px 16px; 2632 background: transparent; 2633 border-radius: 4px; 2634 text-decoration: none; 2635 color: #ffffff; 2636 box-shadow: inset 0 0 0 1px #ffffff; 2637} 2638 2639#header-half-hero .cta-header-secondary ul li a, 2640#header-mini-hero .cta-header-secondary ul li a, 2641#header-basic .cta-header-secondary ul li a { 2642 font-family: "Noto Sans", sans-serif; 2643 font-size: 18px; 2644 font-weight: 400; 2645 text-transform: none; 2646 display: inline-block; 2647 padding: 12px 16px; 2648 background: transparent; 2649 border-radius: 4px; 2650 text-decoration: none; 2651 color: #001438; 2652 box-shadow: inset 0 0 0 1px #263238; 2653} 2654 2655.header-layout-stacked-bottom .menu-desktop-right { 2656 align-self: stretch; 2657 display: flex; 2658 align-items: stretch; 2659} 2660 2661.header-layout-stacked-bottom .cta-header-primary, 2662.header-layout-stacked-bottom .cta-header-secondary { 2663 margin-left: 0; 2664} 2665 2666.header-layout-stacked-bottom .cta-header-primary, 2667.header-layout-stacked-bottom .cta-header-secondary, 2668.header-layout-stacked-bottom .cta-header-primary ul, 2669.header-layout-stacked-bottom .cta-header-secondary ul, 2670.header-layout-stacked-bottom .cta-header-primary ul li, 2671.header-layout-stacked-bottom .cta-header-secondary ul li { 2672 display: flex; 2673 align-items: stretch; 2674} 2675 2676.header-layout-stacked-bottom .cta-header-primary ul li a, 2677.header-layout-stacked-bottom .cta-header-secondary ul li a { 2678 display: flex; 2679 align-items: center; 2680 padding: 12px 16px; 2681 border-radius: 0; 2682} 2683 2684#header-full-hero .cta-header-secondary ul li a:hover { 2685 background: #ffffff; 2686 color: #001438 !important; 2687} 2688 2689#header-half-hero .cta-header-secondary ul li a:hover, 2690#header-mini-hero .cta-header-secondary ul li a:hover, 2691#header-basic .cta-header-secondary ul li a:hover { 2692 background: #001438; 2693 color: #ffffff !important; 2694} 2695 2696/* inline button: secondary */ 2697a.button-secondary { 2698 font-family: "Noto Sans", sans-serif; 2699 font-size: 20px; 2700 font-weight: 400; 2701 text-transform: none; 2702 display: inline-block; 2703 padding: 10px 20px; 2704 background: transparent; 2705 border-radius: 4px; 2706 text-decoration: none; 2707 color: #001438; 2708 box-shadow: inset 0 0 0 1px #001438; 2709 width: 100%; 2710 box-sizing: border-box; 2711} 2712 2713a.button-secondary:hover { 2714 background: #001438; 2715 color: #ffffff !important; 2716} 2717 2718@media screen and (min-width: 1200px) { 2719 .welcome-wrapper { 2720 max-width: 900px; 2721 } 2722} 2723 2724/* no bottom margin if the only thing in posthero is a paragraph or heading title */ 2725#posthero p:last-child, 2726#posthero h2:last-child, 2727#posthero h3:last-child, 2728#posthero h4:last-child, 2729#posthero h5:last-child { 2730 margin-bottom: 0; 2731} 2732 2733#posthero { 2734 width: 100%; 2735 text-align: center; 2736 background: #eceff1; 2737 color: #263238; 2738} 2739 2740@media screen and (max-width: 1199px) { 2741 #posthero { 2742 padding: 30px 20px; 2743 } 2744} 2745 2746@media screen and (min-width: 1200px) { 2747 #posthero { 2748 padding: 30px 0; 2749 } 2750} 2751 2752#posthero .widget-wrapper { 2753 display: inline-block; 2754} 2755 2756#posthero .widget_text { 2757 display: block; 2758} 2759 2760#posthero img { 2761 margin-right: 30px; 2762 border-radius: 0; 2763} 2764 2765#posthero img:last-of-type { 2766 margin-right: 0; 2767} 2768 2769#posthero a { 2770 color: #5C6BC0; 2771 text-decoration: underline; 2772} 2773 2774/* main */ 2775/* main refers to everything between header/splash and footer */ 2776 2777#main { 2778 width: 100%; 2779 background: #eceff1; 2780} 2781 2782@media screen and (max-width: 1199px) { 2783 #main { 2784 padding: 0; 2785 } 2786} 2787 2788@media screen and (min-width: 1200px) { 2789 #main { 2790 padding: 32px 0; 2791 } 2792} 2793 2794body.home #main { 2795 background: #eceff1; 2796} 2797 2798body.home #content-wide { 2799 background: #eceff1; 2800} 2801 2802/* primary layout */ 2803/* primary is 768px, primary-wide is 1200px, and primary-center is centered 768px */ 2804 2805#primary { 2806 padding: 0 0; 2807} 2808 2809@media screen and (max-width: 1199px) { 2810 #primary { 2811 width: 100%; 2812 } 2813} 2814 2815@media screen and (min-width: 1200px) { 2816 #primary { 2817 float: left; 2818 width: 768px; 2819 } 2820} 2821 2822/* primary-wide */ 2823 2824#primary-wide { 2825 width: 100%; 2826} 2827 2828@media screen and (max-width: 1199px) { 2829 #primary-wide { 2830 padding: 0 0; 2831 } 2832} 2833 2834/* primary-center */ 2835 2836@media screen and (max-width: 1199px) { 2837 #primary-center { 2838 width: 100%; 2839 } 2840} 2841 2842@media screen and (min-width: 1200px) { 2843 #primary-center { 2844 width: 768px; 2845 margin: 0 auto; 2846 } 2847} 2848 2849/* post byline */ 2850 2851.post-byline { 2852 margin-bottom: 24px; 2853} 2854 2855.post-byline-archive { 2856 margin-bottom: 24px; 2857} 2858 2859/* byline photo */ 2860 2861.byline-photo { 2862 border-radius: 999px; 2863 display: inline-block; 2864 height: 24px; 2865 line-height: 0; 2866 margin-right: 4px; 2867 overflow: hidden; 2868 vertical-align: middle; 2869 width: 24px; 2870} 2871 2872.byline-photo img, 2873.byline-avatar { 2874 border-radius: inherit;
2875 display: inline-block; 2876 height: 100%; 2877 object-fit: cover; 2878 width: 100%; 2879} 2880 2881/* post author */ 2882 2883.post-author { 2884 display: inline; 2885} 2886 2887/* avatars */ 2888 2889.avatar { 2890 border-radius: 999px; 2891} 2892 2893/* author name */ 2894 2895.author-name { 2896 font-weight: 600; 2897} 2898 2899/* byline dates */ 2900 2901.date-published, 2902.date-updated { 2903 display: inline; 2904} 2905 2906/* alignment */ 2907 2908.aligncenter { 2909 text-align: center; 2910 margin: 0 auto; 2911 display: block; 2912} 2913 2914.alignleft { 2915 text-align: left; 2916 display: inline-block; 2917} 2918 2919.alignright { 2920 text-align: right; 2921 display: inline-block; 2922} 2923 2924/* archives */ 2925 2926.post-tease-archive { 2927 margin-bottom: 40px; 2928} 2929 2930.post-excerpt-archive p { 2931 margin: 0; 2932} 2933 2934img.featured-image-archive, 2935img.featured-image-archive-large { 2936 display: block; 2937 width: 100%; 2938 height: auto; 2939 margin-bottom: 20px; 2940 border-radius: 0; 2941} 2942 2943/* breadcrumbs */ 2944 2945.breadcrumbs { 2946 clear: both; 2947 width: 100%; 2948 padding: 0; 2949 color: #607D8B; 2950 font-size: 14px; 2951 white-space: normal; 2952} 2953 2954@media screen and (max-width: 1199px) { 2955 .breadcrumbs { 2956 margin: 0 0 20px; 2957 font-size: 12px; 2958 line-height: 18px !important; 2959 } 2960} 2961 2962@media screen and (min-width: 1200px) { 2963 .breadcrumbs { 2964 margin: 0 0 30px; 2965 line-height: 20px !important; 2966 } 2967} 2968 2969.breadcrumbs ol { 2970 display: inline; 2971 margin: 0 !important; 2972 padding: 0 !important; 2973 list-style: none; 2974 list-style-position: unset; 2975} 2976 2977.breadcrumbs ol li { 2978 display: inline; 2979 margin: 0 5px 0 0; 2980 padding: 0; 2981 word-break: break-word; 2982} 2983 2984.breadcrumbs ol li + li::before { 2985 content: "»"; 2986 margin-right: 5px; 2987} 2988 2989.breadcrumbs ol li:last-child { 2990 margin-right: 0; 2991} 2992 2993.breadcrumbs a, .breadcrumbs a:hover { 2994 color: #607D8B; 2995} 2996 2997/* content wrapper */ 2998 2999#content-wrapper { 3000 background: #ffffff; 3001 border-radius: 8px; 3002} 3003 3004/* content (primary area) unordered and ordered lists */ 3005 3006#content-wrapper ul { 3007 margin-left: 30px; 3008 margin-bottom: 30px; 3009} 3010 3011#content-wrapper ol { 3012 margin-left: 30px; 3013 margin-bottom: 30px; 3014} 3015 3016#content-wrapper ol li { 3017 margin-bottom: 5px; 3018} 3019 3020#content-wide, 3021#content-padded { 3022 width: 100%; 3023 max-width: 100%; 3024 display: block; 3025 overflow: hidden; 3026 overflow-wrap: break-word; 3027} 3028 3029/* content-wide */ 3030 3031@media screen and (max-width: 1199px) { 3032 #content-wide { 3033 padding: 20px; 3034 } 3035} 3036 3037@media screen and (min-width: 1200px) { 3038 #content-wide { 3039 padding: 40px 40px 40px 40px; 3040 } 3041} 3042 3043/* content-padded */ 3044 3045@media screen and (max-width: 1199px) { 3046 #content-padded { 3047 padding: 0 20px 20px 20px; 3048 } 3049} 3050 3051@media screen and (min-width: 1200px) { 3052 #content-padded { 3053 padding: 40px 40px 40px 40px; 3054 } 3055} 3056 3057#content-padded iframe { 3058 margin-bottom: 30px; 3059 border-radius: 0; 3060} 3061 3062#content-padded img { 3063 margin-bottom: 30px; 3064 max-width: 100%; 3065 height: auto; 3066 display: block; 3067 border-radius: 0; 3068} 3069 3070/* author biography box */ 3071 3072#author { 3073 margin-top: 30px; 3074 padding: 40px; 3075 box-shadow: inset 0 0 0 1px #cccccc; 3076 border-radius: 8px; 3077} 3078 3079#author p { 3080 margin-bottom: 0; 3081} 3082 3083.biography-photo img { 3084 float: left; 3085 margin: 0 20px 0 0; 3086 border-radius: 999px; 3087} 3088 3089p.biography-description { 3090 font-size: 14px; 3091} 3092 3093 3094/* columns */ 3095 3096.columns { 3097 width: 100%; 3098} 3099 3100@media screen and (max-width: 1199px) { 3101 .columns { 3102 padding: 30px 20px; 3103 } 3104} 3105 3106@media screen and (min-width: 1200px) { 3107 .columns { 3108 display: grid; 3109 grid-template-columns: repeat(3, 1fr); 3110 gap: 30px; 3111 } 3112} 3113 3114.column { 3115 padding: 30px; 3116 box-shadow: inset 0 0 0 1px #eceff1; 3117 background: #eceff1; 3118 border-radius: 8px; 3119} 3120 3121@media screen and (max-width: 1199px) { 3122 .column { 3123 width: 100%; 3124 margin-bottom: 30px; 3125 } 3126} 3127 3128@media screen and (min-width: 1200px) { 3129 .column { 3130 display: inline-block; 3131 max-width: 100%; 3132 justify-content: center; 3133 align-items: center; 3134 text-align: center; 3135 } 3136} 3137 3138.column ul { 3139 font-size: 14px; 3140} 3141 3142.column i { 3143 margin-bottom: 20px; 3144 font-size: 48px; 3145 display: block; 3146 color: #5C6BC0; 3147} 3148 3149.column img { 3150 display: block; 3151 margin: 0 auto; 3152 border-radius: 0; 3153} 3154 3155.column p:last-child { 3156 margin-bottom: 0; 3157} 3158 3159/* postcolumns */ 3160 3161.postcolumns-top, 3162.postcolumns-bottom { 3163 width: 100%; 3164} 3165 3166.postcolumns-top { 3167 text-align: left; 3168 background: #eceff1; 3169 color: #263238; 3170} 3171 3172.postcolumns-bottom { 3173 text-align: left; 3174 background: #eceff1; 3175 color: #263238; 3176} 3177 3178@media screen and (max-width: 1199px) { 3179 .postcolumns-top, 3180 .postcolumns-bottom { 3181 padding: 30px 20px; 3182 } 3183} 3184 3185@media screen and (min-width: 1200px) { 3186 .postcolumns-top, 3187 .postcolumns-bottom { 3188 padding: 30px 0; 3189 } 3190} 3191 3192.wp-caption { 3193 margin-bottom: 30px; 3194 max-width: 100%; 3195 height: auto; 3196 border-radius: 0; 3197 display: block; 3198} 3199 3200.wp-caption img { 3201 margin-bottom: 0 !important; 3202 border-radius: 0; 3203} 3204 3205.wp-caption-text { 3206 margin-bottom: 0 !important; 3207 text-align: left; 3208 font-size: 12px; 3209 line-height: 2; 3210 color: #444; 3211} 3212 3213/* zigzag (page template) */ 3214 3215.zigzag-section { 3216 text-align: left; 3217 padding: 40px 40px; 3218 border-radius: 0; 3219} 3220 3221.zigzag-section-reverse { 3222 text-align: right; 3223 padding: 40px; 3224 border-radius: 0; 3225} 3226 3227.zigzag-section h3 { 3228 text-align: left; 3229} 3230 3231.zigzag-section-reverse h3 { 3232 text-align: right; 3233} 3234 3235.zigzag-section img { 3236 float: left; 3237 margin-right: 40px; 3238 width: 300px !important; 3239 border-radius: 0; 3240} 3241 3242.zigzag-section-reverse img { 3243 float: right; 3244 margin-left: 40px; 3245 width: 300px !important; 3246 border-radius: 0; 3247} 3248 3249/* sidebar */ 3250 3251@media screen and (max-width: 1199px) { 3252 #sidebar { 3253 width: 100%; 3254 padding: 20px; 3255 } 3256} 3257 3258@media screen and (min-width: 1200px) { 3259 #sidebar { 3260 float: right; 3261 width: 392px; 3262 margin-left: 40px; 3263 border-left: 1px solid #e0e0e0; 3264 } 3265} 3266 3267/* desktop sidebar flex layout */ 3268 3269@supports selector(:has(*)) { 3270 @media screen and (min-width: 1200px) { 3271 #main > .inner:has(> #sidebar) { 3272 display: flex; 3273 align-items: flex-start; 3274 flex-wrap: wrap; 3275 gap: 0 40px; 3276 } 3277 3278 #main > .inner:has(> #sidebar) > #primary, 3279 #main > .inner:has(> #sidebar) > #sidebar { 3280 float: none; 3281 } 3282 3283 #main > .inner:has(> #sidebar) > #primary { 3284 flex: 0 0 768px; 3285 } 3286 3287 #main > .inner:has(> #sidebar) > #sidebar { 3288 box-sizing: border-box; 3289 flex: 0 0 392px; 3290 margin-left: 0; 3291 } 3292 3293 #main > .inner:has(> #sidebar) > .navigation { 3294 flex: 0 0 100%; 3295 } 3296 3297 #main > .inner:has(> #sidebar) > .clear { 3298 display: none; 3299 } 3300 } 3301} 3302 3303#sidebar .widget-wrapper { 3304 width: 100%; 3305 padding: 40px 40px; 3306 background: #ffffff; 3307 border-radius: 8px; 3308 color: #263238; 3309 box-shadow: inset 0 0 0 1px #ffffff !important; 3310} 3311 3312#sidebar .widget-wrapper a { 3313 color: #5C6BC0; 3314} 3315 3316#sidebar .widget-wrapper .widget-title { 3317 font-weight: 600; 3318 text-transform: none; 3319 color: #263238; 3320} 3321 3322@media screen and (max-width: 1199px) { 3323 #sidebar .widget-wrapper .widget-title { 3324 font-size: 24px; 3325 } 3326} 3327 3328@media screen and (min-width: 1200px) { 3329 #sidebar .widget-wrapper .widget-title { 3330 font-size: 24px; 3331 } 3332} 3333 3334@media screen and (max-width: 1199px) { 3335 #sidebar .widget-wrapper:not(:last-child) { 3336 margin-bottom: 20px; 3337 } 3338} 3339 3340@media screen and (min-width: 1200px) { 3341 #sidebar .widget-wrapper:not(:last-child) { 3342 margin-bottom: 30px; 3343 } 3344} 3345 3346#sidebar .widget-wrapper p:last-child { 3347 margin-bottom: 0; 3348} 3349 3350#sidebar .widget-wrapper ul { 3351 margin-bottom: 30px; 3352} 3353 3354#sidebar .widget-wrapper ul ul { 3355 margin-bottom: 0; 3356} 3357 3358#sidebar .widget-wrapper ul li { 3359 margin-bottom: 5px; 3360 line-height: 2; 3361} 3362 3363#sidebar .widget-wrapper ol { 3364 margin-bottom: 30px; 3365} 3366 3367#sidebar .widget-wrapper ol li { 3368 margin-bottom: 5px; 3369} 3370 3371#sidebar img { 3372 max-width: 100%; 3373 height: auto; 3374 display: block; 3375 border-radius: 0; 3376} 3377 3378/* sidebar callout widget area (must load after #sidebar rules) */ 3379 3380#sidebar .widget-callout { 3381 background: #283593 !important; 3382 color: #ffffff !important; 3383 box-shadow: inset 0 0 0 1px #283593 !important; 3384} 3385 3386#sidebar .widget-callout .widget-title { 3387 color: #ffffff !important; 3388} 3389 3390#sidebar .widget-callout a { 3391 color: #ffffff; 3392} 3393 3394.cta-sidebar-callout { 3395 display: block; 3396 width: 100%; 3397 margin-top: 40px; 3398} 3399 3400.cta-sidebar-callout ul { 3401 margin: 0 !important; 3402 padding: 0 !important; 3403} 3404 3405.cta-sidebar-callout ul li { 3406 list-style-type: none; 3407 display: block; 3408 margin: 0; 3409 padding: 0; 3410 vertical-align: middle; 3411 text-align: center; 3412} 3413 3414.cta-sidebar-callout ul li a { 3415 width: 100%; 3416 font-size: 20px; 3417 font-weight: 600; 3418 color: #ffffff !important; 3419 padding: 10px 0; 3420 border-radius: 4px; 3421 text-decoration: none; 3422 display: block; 3423 background: #263238 !important; 3424 box-shadow: inset 0 0 0 1px #263238 !important; 3425} 3426 3427.cta-sidebar-callout ul li:hover a { 3428 color: #263238 !important; 3429 background: #ffffff !important; 3430 box-shadow: none !important; 3431} 3432 3433#footer .widget-footer-callout { 3434 background: #283593 !important; 3435 border-radius: 8px; 3436 color: #ffffff !important; 3437 box-shadow: inset 0 0 0 1px #283593 !important; 3438 padding: 40px; 3439} 3440 3441#footer .widget-footer-callout .widget-title { 3442 color: #ffffff !important; 3443} 3444 3445#footer .widget-footer-callout a { 3446 color: #ffffff; 3447 text-decoration: underline; 3448} 3449 3450#footer .widget-wrapper p:last-child { 3451 margin-bottom: 0; 3452} 3453 3454.cta-footer-callout { 3455 display: block; 3456 width: 100%; 3457 margin-top: 40px; 3458} 3459 3460.cta-footer-callout ul { 3461 margin: 0 !important; 3462 padding: 0 !important; 3463} 3464 3465.cta-footer-callout ul li {
3466 display: block; 3467 margin: 0; 3468 padding: 0; 3469 list-style-type: none; 3470 text-align: center; 3471 vertical-align: middle; 3472} 3473 3474.cta-footer-callout ul li a { 3475 display: block; 3476 width: 100%; 3477 padding: 10px 0; 3478 border-radius: 0; 3479} 3480 3481#prefooter-top, 3482#prefooter-bottom { 3483 width: 100%; 3484} 3485 3486#prefooter-top { 3487 background: #eceff1; 3488 color: #263238; 3489 text-align: left; 3490} 3491 3492#prefooter-bottom { 3493 background: #263238; 3494 color: #ffffff; 3495 text-align: left; 3496} 3497 3498#prefooter-top .inner, 3499#prefooter-bottom .inner { 3500 width: 100%; 3501} 3502 3503@media screen and (max-width: 1199px) { 3504 #prefooter-top { 3505 padding: 20px 20px; 3506 } 3507 3508 #prefooter-bottom { 3509 padding: 30px 20px; 3510 } 3511 3512 #prefooter-top .inner, 3513 #prefooter-bottom .inner { 3514 padding: 30px 20px; 3515 } 3516 3517 #prefooter-top .widget-wrapper, 3518 #prefooter-bottom .widget-wrapper { 3519 width: 100%; 3520 margin-bottom: 30px; 3521 } 3522} 3523 3524@media screen and (min-width: 1200px) { 3525 #prefooter-top { 3526 margin: 0 auto; 3527 padding: 40px 0; 3528 } 3529 3530 #prefooter-bottom { 3531 padding: 60px 0; 3532 } 3533 3534 #prefooter-top .inner, 3535 #prefooter-bottom .inner { 3536 display: grid; 3537 gap: 30px; 3538 } 3539 3540 #prefooter-top .inner { 3541 grid-template-columns: repeat(1, 1fr); 3542 } 3543 3544 #prefooter-bottom .inner { 3545 grid-template-columns: repeat(1, 1fr); 3546 } 3547 3548 #prefooter-top .widget-wrapper, 3549 #prefooter-bottom .widget-wrapper { 3550 display: inline-block; 3551 max-width: 100%; 3552 } 3553} 3554 3555#prefooter-top a { 3556 color: #5C6BC0; 3557 text-decoration: underline; 3558} 3559 3560#prefooter-bottom a { 3561 color: #5C6BC0; 3562 text-decoration: underline; 3563} 3564 3565/* footer */ 3566 3567#footer { 3568 width: 100%; 3569 background: #ffffff; 3570 color: #263238; 3571} 3572 3573@media screen and (max-width: 1199px) { 3574 #footer { 3575 padding: 20px 20px; 3576 font-size: 14px; 3577 } 3578 3579 #footer .widget-wrapper ul { 3580 margin: 0; 3581 padding: 0; 3582 list-style: none; 3583 } 3584 3585 #footer .widget-wrapper ul li { 3586 display: block; 3587 margin: 0; 3588 padding: 0; 3589 border-bottom: 1px solid rgba(128, 128, 128, 0.25); 3590 list-style: none; 3591 } 3592 3593 #footer .widget-wrapper ul ul li:first-child { 3594 border-top: 1px solid rgba(128, 128, 128, 0.25); 3595 } 3596 3597 #footer .widget-wrapper ul li a { 3598 display: block; 3599 padding: 8px 0; 3600 } 3601 3602 #footer .widget-wrapper ul ul li a { 3603 padding-left: 16px; 3604 } 3605} 3606 3607@media screen and (min-width: 1200px) { 3608 #footer { 3609 margin: 0 auto; 3610 padding: 40px 0; 3611 font-size: 14px; 3612 } 3613} 3614 3615#footer .widget-wrapper { 3616 margin-bottom: 30px; 3617} 3618 3619#footer .widget-wrapper:last-child { 3620 margin-bottom: 0; 3621} 3622 3623#footer a { 3624 color: #5C6BC0; 3625 text-decoration: underline; 3626} 3627 3628/* footer columns mobile */ 3629 3630@media screen and (max-width: 1199px) { 3631 .footer-column-one-four-unequal, .footer-column-two-four-unequal, .footer-column-three-four-unequal, .footer-column-four-four-unequal, .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal, .footer-column-one-three-unequal, .footer-column-two-three-unequal, .footer-column-three-three-unequal, .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3632 width: 100%; 3633 display: block; 3634 vertical-align: top; 3635 margin-bottom: 30px; 3636 } 3637 3638 .footer-column-one-four-unequal, .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal, .footer-column-one-three-unequal, .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3639 padding: 0; 3640 } 3641} 3642 3643/* footer columns desktop */ 3644 3645@media screen and (min-width: 1200px) { 3646 .footer-column-one-four-unequal, .footer-column-two-four-unequal, .footer-column-three-four-unequal, .footer-column-four-four-unequal, .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal, .footer-column-one-three-unequal, .footer-column-two-three-unequal, .footer-column-three-three-unequal, .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3647 float: left; 3648 display: inline-block; 3649 vertical-align: top; 3650 } 3651} 3652 3653/* footer column one (four unequal columns) */ 3654 3655@media screen and (min-width: 1200px) { 3656 .footer-column-one-four-unequal { 3657 width: 420px; 3658 padding-right: 30px; 3659 } 3660} 3661 3662/* footer column two, three, and four (four unequal columns) */ 3663 3664@media screen and (min-width: 1200px) { 3665 .footer-column-two-four-unequal, .footer-column-three-four-unequal, .footer-column-four-four-unequal { 3666 width: 260px; 3667 padding-left: 60px; 3668 } 3669} 3670 3671/* footer columns (four equal columns) */ 3672 3673@media screen and (min-width: 1200px) { 3674 .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal { 3675 width: 255px; 3676 } 3677} 3678 3679/* footer column one, two, and three (four equal columns) */ 3680 3681@media screen and (min-width: 1200px) { 3682 .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal { 3683 margin-right: 60px; 3684 } 3685} 3686 3687/* footer column four (four equal columns) */ 3688 3689@media screen and (min-width: 1200px) { 3690 .footer-column-four-four-equal { 3691 margin-right: 0; 3692 } 3693} 3694 3695/* footer column one (three unequal columns) */ 3696 3697@media screen and (min-width: 1200px) { 3698 .footer-column-one-three-unequal { 3699 width: 440px; 3700 } 3701} 3702 3703/* footer column two and three (three unequal columns) */ 3704 3705@media screen and (min-width: 1200px) { 3706 .footer-column-two-three-unequal, .footer-column-three-three-unequal { 3707 width: 350px; 3708 } 3709} 3710 3711/* footer column one and two (three unequal columns) */ 3712 3713@media screen and (min-width: 1200px) { 3714 .footer-column-one-three-unequal, .footer-column-two-three-unequal { 3715 margin-right: 30px; 3716 } 3717} 3718 3719/* footer column three (three unequal columns) */ 3720 3721@media screen and (min-width: 1200px) { 3722 .footer-column-three-three-unequal { 3723 margin-right: 0; 3724 } 3725} 3726 3727/* footer columns (three equal columns) */ 3728 3729@media screen and (min-width: 1200px) { 3730 .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3731 width: 360px; 3732 } 3733} 3734 3735/* footer column one and two (three equal columns) */ 3736 3737@media screen and (min-width: 1200px) { 3738 .footer-column-one-three-equal, .footer-column-two-three-equal { 3739 margin-right: 60px; 3740 } 3741} 3742 3743/* footer column three (three equal columns) */ 3744 3745@media screen and (min-width: 1200px) { 3746 .footer-column-three-three-equal { 3747 margin-right: 0; 3748 } 3749} 3750 3751/* footer ul */ 3752 3753#footer ul { 3754 margin-left: 10px; 3755} 3756 3757/* base */ 3758#copyright { 3759 width: 100%; 3760 line-height: 1; 3761 background: #ffffff; 3762 color: #263238; 3763} 3764 3765.copyright-right { 3766 width: 100%; 3767} 3768 3769/* mobile */ 3770@media screen and (max-width: 1199px) { 3771 3772 #copyright { 3773 padding: 20px 20px; 3774 font-size: 14px; 3775 } 3776 3777 #copyright i { 3778 font-size: 14px; 3779 } 3780 3781 #copyright .inner { 3782 max-width: none; 3783 } 3784 3785 .copyright-left { 3786 width: 100%; 3787 display: block; 3788 vertical-align: top; 3789 text-align: center; 3790 } 3791 3792 .copyright-right { 3793 margin-top: 30px; 3794 display: block; 3795 vertical-align: top; 3796 text-align: center; 3797 } 3798 3799 .widget-copyright ul { 3800 display: flex; 3801 align-items: center; 3802 justify-content: center; 3803 gap: 20px; 3804 } 3805 3806 #copyright .widget-copyright i, 3807 #copyright .widget-copyright svg, 3808 #copyright ul li { 3809 margin-left: 0 !important; 3810 } 3811} 3812 3813/* desktop */ 3814@media screen and (min-width: 1200px) { 3815 3816 #copyright { 3817 display: table; 3818 padding: 20px 0; 3819 font-size: 14px; 3820 } 3821 3822 #copyright i { 3823 font-size: 14px; 3824 } 3825 3826 #copyright.is-fixed .inner { 3827 max-width: 1200px; 3828 } 3829 3830 #copyright.is-full .inner { 3831 max-width: none; 3832 padding: 0 40px; 3833 } 3834 3835 .copyright-left { 3836 display: table-cell; 3837 vertical-align: middle; 3838 height: inherit; 3839 min-width: auto; 3840 white-space: nowrap; 3841 } 3842 3843 .copyright-right { 3844 display: table-cell; 3845 vertical-align: middle; 3846 height: inherit; 3847 text-align: right; 3848 } 3849} 3850 3851/* links */ 3852#copyright a { 3853 color: #5C6BC0; 3854 text-decoration: underline; 3855} 3856 3857/* icons */ 3858#copyright i, 3859#copyright svg { 3860 margin-left: 20px !important; 3861} 3862 3863#copyright i { 3864 font-size: 16px; 3865} 3866 3867#copyright svg { 3868 width: 16px; 3869 height: 16px; 3870 vertical-align: middle; 3871} 3872 3873#copyright i:first-child, 3874#copyright svg:first-child { 3875 margin-left: 0; 3876} 3877 3878/* lists */ 3879#copyright ul { 3880 margin: 0; 3881 padding: 0; 3882 list-style-type: none; 3883} 3884 3885#copyright ul li { 3886 list-style-type: none; 3887 display: inline-block; 3888 margin: 0 0 0 10px; 3889} 3890 3891/* widgets */ 3892 3893.widget-wrapper .widget-title, 3894.widget-wrapper .widgettitle, 3895.widget-wrapper h1, 3896.widget-wrapper h2, 3897.widget-wrapper h3, 3898.widget-wrapper h4, 3899.widget-wrapper h5, 3900.widget-wrapper h6 { 3901 color: inherit; 3902} 3903 3904.widget-wrapper ul li ul { 3905 margin-left: 0 !important; 3906} 3907 3908.widget-wrapper ul li ul li { 3909 margin-left: 0 !important; 3910 list-style-type: circle; 3911} 3912 3913.widget-wrapper iframe { 3914 max-width: 100%; 3915 border-radius: 0; 3916} 3917 3918#home-premain-top, 3919#home-premain-bottom { 3920 width: 100%; 3921} 3922 3923#home-premain-top { 3924 background: #eceff1; 3925 color: #263238; 3926 text-align: center; 3927} 3928 3929#home-premain-bottom { 3930 background: #eceff1; 3931 color: #263238; 3932 text-align: center; 3933} 3934 3935#home-premain-top .inner, 3936#home-premain-bottom .inner { 3937 width: 100%; 3938} 3939 3940@media screen and (max-width: 1199px) { 3941 #home-premain-top, 3942 #home-premain-bottom { 3943 padding: 20px 20px; 3944 } 3945 3946 #home-premain-top .inner, 3947 #home-premain-bottom .inner { 3948 padding: 0 0; 3949 } 3950} 3951 3952@media screen and (min-width: 1200px) { 3953 #home-premain-top, 3954 #home-premain-bottom { 3955 margin: 0 auto; 3956 padding: 30px 0; 3957 } 3958 3959 #home-premain-top .inner, 3960 #home-premain-bottom .inner { 3961 display: grid; 3962 gap: 30px; 3963 } 3964 3965 #home-premain-top .inner { 3966 grid-template-columns: repeat(1, 1fr); 3967 } 3968 3969 #home-premain-bottom .inner { 3970 grid-template-columns: repeat(1, 1fr); 3971 } 3972} 3973 3974#home-premain-top a { 3975 color: #5C6BC0; 3976 text-decoration: underline; 3977} 3978 3979#home-premain-bottom a { 3980 color: #5C6BC0; 3981 text-decoration: underline; 3982} 3983 3984#home-postmain-top, 3985#home-postmain-bottom { 3986 width: 100%; 3987} 3988 3989#home-postmain-top { 3990 background: #eceff1; 3991 color: #263238; 3992 text-align: center; 3993} 3994 3995#home-postmain-bottom { 3996 background: #eceff1; 3997 color: #263238; 3998 text-align: center; 3999} 4000 4001#home-postmain-top .inner, 4002#home-postmain-bottom .inner { 4003 width: 100%; 4004} 4005 4006@media screen and (max-width: 1199px) { 4007 #home-postmain-top, 4008 #home-postmain-bottom { 4009 padding: 20px 20px; 4010 } 4011 4012 #home-postmain-top .inner, 4013 #home-postmain-bottom .inner { 4014 padding: 0 0; 4015 } 4016} 4017 4018@media screen and (min-width: 1200px) { 4019 #home-postmain-top, 4020 #home-postmain-bottom { 4021 margin: 0 auto; 4022 padding: 30px 0; 4023 } 4024 4025 #home-postmain-top .inner, 4026 #home-postmain-bottom .inner { 4027 display: grid; 4028 gap: 30px; 4029 } 4030 4031 #home-postmain-top .inner { 4032 grid-template-columns: repeat(1, 1fr); 4033 } 4034 4035 #home-postmain-bottom .inner { 4036 grid-template-columns: repeat(1, 1fr); 4037 } 4038} 4039 4040#home-postmain-top a { 4041 color: #5C6BC0; 4042 text-decoration: underline; 4043} 4044 4045#home-postmain-bottom a { 4046 color: #5C6BC0; 4047 text-decoration: underline; 4048} 4049 4050.gallery { 4051 column-fill: balance; 4052} 4053 4054@media screen and (max-width: 1199px) { 4055 .gallery { 4056 columns: 1; 4057 } 4058} 4059 4060@media screen and (min-width: 1200px) { 4061 .gallery-narrow-wrapper > .gallery { 4062 columns: 2; 4063 column-gap: 20px; 4064 } 4065} 4066 4067@media screen and (min-width: 1200px) { 4068 .gallery-wide-wrapper > .gallery { 4069 columns: 3; 4070 column-gap: 2px; 4071 } 4072} 4073 4074.gallery img { 4075 margin-bottom: 20px; 4076 border: 0; 4077 border-radius: 0; 4078 display: block; 4079} 4080 4081@media screen and (max-width: 1199px) { 4082 .gallery img { 4083 width: 100%; 4084 } 4085} 4086 4087@media screen and (min-width: 1200px) { 4088 .gallery img { 4089 width: 354px; 4090 } 4091} 4092 4093.gallery-caption { 4094 display: none; 4095} 4096 4097/* forms */ 4098 4099form { 4100 margin: 0; 4101 padding: 0; 4102} 4103 4104label { 4105 display: block; 4106 margin-bottom: 6px; 4107 color: #001438; 4108 font-size: 15px; 4109 font-weight: 600; 4110 line-height: 1.4; 4111} 4112 4113fieldset { 4114 margin: 0 0 20px; 4115 padding: 20px; 4116 border: 1px solid #e0e0e0; 4117 border-radius: 8px; 4118} 4119 4120legend { 4121 padding: 0 6px; 4122 color: #001438; 4123 font-size: 16px; 4124 font-weight: 600; 4125 line-height: 1.4; 4126} 4127 4128input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]), select, textarea { 4129 appearance: none; 4130 -webkit-appearance: none; 4131 -moz-appearance: none; 4132 display: inline-block; 4133 width: 100%; 4134 min-height: 46px; 4135 padding: 10px 16px !important; 4136 background: #ffffff; 4137 border: 0 !important; 4138 border-radius: 4px; 4139 box-shadow: inset 0 0 0 1px #e0e0e0; 4140 color: #001438; 4141 font-family: inherit; 4142 font-size: 16px; 4143 font-weight: 400; 4144 line-height: 1.5; 4145 vertical-align: middle; 4146 transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out; 4147} 4148 4149input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]):focus, select:focus, textarea:focus { 4150 background: #ffffff; 4151 box-shadow: inset 0 0 0 2px #5C6BC0; 4152 color: #001438; 4153 outline: 0; 4154} 4155 4156select { 4157 padding-right: 44px !important; 4158 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23001438" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>'); 4159 background-position: right 14px center; 4160 background-repeat: no-repeat; 4161 background-size: 16px; 4162} 4163 4164option { 4165 padding: 0 !important; 4166 font-family: inherit; 4167 line-height: 1.5; 4168 white-space: nowrap; 4169} 4170 4171textarea { 4172 min-height: 140px; 4173 resize: vertical; 4174} 4175 4176input[type="checkbox"], input[type="radio"] { 4177 appearance: auto; 4178 -webkit-appearance: auto; 4179 -moz-appearance: auto; 4180 display: inline-block; 4181 width: auto; 4182 height: auto; 4183 margin: 2px 10px 0 0; 4184 box-shadow: none; 4185 cursor: pointer; 4186 vertical-align: middle; 4187} 4188 4189input[type="checkbox"]:focus, input[type="radio"]:focus { 4190 outline: 1px solid #5C6BC0; 4191 outline-offset: 2px; 4192} 4193 4194input[type="file"] { 4195 width: 100%; 4196 padding: 10px 0 !important; 4197 background: transparent; 4198 box-shadow: none; 4199 font-family: inherit; 4200 font-size: 16px; 4201 line-height: 1.5; 4202 transition: none; 4203} 4204 4205input[type="range"] { 4206 appearance: none; 4207 -webkit-appearance: none; 4208 width: 100%; 4209 padding: 0 !important; 4210 background: transparent; 4211 box-shadow: none; 4212 cursor: pointer; 4213} 4214 4215input[type="range"]::-webkit-slider-runnable-track { 4216 height: 4px; 4217 background: #001438; 4218 border-radius: 4px; 4219} 4220 4221input[type="range"]::-moz-range-track { 4222 height: 4px; 4223 background: #001438; 4224 border-radius: 4px; 4225} 4226 4227input[type="range"]::-webkit-slider-thumb { 4228 appearance: none; 4229 -webkit-appearance: none; 4230 width: 16px; 4231 height: 16px; 4232 margin-top: -6px; 4233 background: #5C6BC0; 4234 border: 0; 4235 border-radius: 999px;
4236 cursor: pointer; 4237} 4238 4239input[type="range"]::-moz-range-thumb { 4240 width: 16px; 4241 height: 16px; 4242 background: #5C6BC0; 4243 border: 0; 4244 border-radius: 999px; 4245 cursor: pointer; 4246} 4247 4248form button, input[type="button"], input[type="reset"], input[type="submit"] { 4249 display: inline-block; 4250 height: auto; 4251 padding: 12px 20px !important; 4252 background: #5C6BC0; 4253 border: 0; 4254 border-radius: 4px; 4255 box-shadow: none; 4256 color: #ffffff; 4257 cursor: pointer; 4258 font-family: inherit; 4259 font-size: 16px; 4260 font-weight: 600; 4261 line-height: 1.2; 4262 text-align: center; 4263 text-decoration: none; 4264 vertical-align: middle; 4265 transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 4266} 4267 4268form button:hover, form button:focus, form button:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { 4269 background: #283593 !important; 4270 color: #ffffff; 4271 outline: 0; 4272} 4273 4274input::placeholder, textarea::placeholder { 4275 color: #001438; 4276 opacity: 0.65; 4277} 4278 4279input:disabled, select:disabled, textarea:disabled, button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled { 4280 background: #eceff1; 4281 box-shadow: inset 0 0 0 1px #e0e0e0; 4282 color: #001438; 4283 cursor: not-allowed; 4284 opacity: 0.65; 4285} 4286 4287input[readonly], textarea[readonly] { 4288 background: #eceff1; 4289 box-shadow: inset 0 0 0 1px #e0e0e0; 4290 color: #001438; 4291} 4292 4293#topbar input, 4294.hero-half input { 4295 box-shadow: none; 4296} 4297 4298[dir="rtl"] input, 4299[dir="rtl"] select, 4300[dir="rtl"] textarea { 4301 text-align: right; 4302} 4303 4304[dir="rtl"] select { 4305 padding-right: 16px !important; 4306 padding-left: 44px !important; 4307 background-position: left 14px center; 4308} 4309 4310/* responsive button widths */ 4311 4312@media screen and (max-width: 1199px) { 4313 form button, input[type="button"], input[type="reset"], input[type="submit"] { 4314 width: 100%; 4315 } 4316} 4317 4318@media screen and (min-width: 1200px) { 4319 form button, input[type="button"], input[type="reset"], input[type="submit"] { 4320 width: auto; 4321 } 4322} 4323 4324.input-container, 4325.wp-block-search__inside-wrapper, 4326.woocommerce-product-search { 4327 position: relative; 4328 display: inline-flex; 4329 align-items: stretch; 4330 width: 100%; 4331 border: 0; 4332 border-radius: 4px; 4333 box-shadow: none; 4334 overflow: hidden; 4335} 4336 4337.input-container::after, 4338.wp-block-search__inside-wrapper::after, 4339.woocommerce-product-search::after { 4340 content: ""; 4341 pointer-events: none; 4342 position: absolute; 4343 inset: 0; 4344 border-radius: 4px; 4345 box-shadow: inset 0 0 0 1px #eceff1; 4346 transition: box-shadow 0.15s ease-in-out; 4347} 4348 4349.input-container:focus-within::after, 4350.wp-block-search__inside-wrapper:focus-within::after, 4351.woocommerce-product-search:focus-within::after { 4352 box-shadow: inset 0 0 0 2px #5C6BC0; 4353} 4354 4355/* header widget searches */ 4356 4357@media screen and (min-width: 1200px) { 4358 .header-center .input-container, 4359 .header-center .wp-block-search__inside-wrapper, 4360 .header-center .woocommerce-product-search { 4361 display: flex; 4362 width: 100%; 4363 max-width: 392px; 4364 margin-right: auto; 4365 margin-left: 0; 4366 } 4367 4368 .header-aside .searchform, 4369 .header-aside .wp-block-search, 4370 .header-aside .woocommerce-product-search { 4371 width: 392px; 4372 } 4373} 4374 4375.search-input, 4376.wp-block-search__input, 4377.woocommerce-product-search .search-field { 4378 flex: 1 1 auto; 4379 min-width: 0; 4380 height: 48px; 4381 padding: 0 16px !important; 4382 border: 0 !important; 4383 border-radius: 4px 0 0 4px !important; 4384 box-shadow: none !important; 4385 background: #eceff1; 4386 color: #263238; 4387 font-size: 16px; 4388 appearance: none; 4389 -webkit-appearance: none; 4390} 4391 4392#header-mini-hero .search-input, 4393#header-mini-hero .wp-block-search__input, 4394#header-mini-hero .woocommerce-product-search .search-field, 4395#header-mini-hero input[type="search"], 4396#header-half-hero .search-input, 4397#header-half-hero .wp-block-search__input, 4398#header-half-hero .woocommerce-product-search .search-field, 4399#header-half-hero input[type="search"] { 4400 background: #f5f5f5 !important; 4401 background-color: #f5f5f5 !important; 4402} 4403 4404#header-mini-hero .input-container::after, 4405#header-mini-hero .wp-block-search__inside-wrapper::after, 4406#header-mini-hero .woocommerce-product-search::after, 4407#header-half-hero .input-container::after, 4408#header-half-hero .wp-block-search__inside-wrapper::after, 4409#header-half-hero .woocommerce-product-search::after { 4410 box-shadow: inset 0 0 0 1px #eceff1; 4411} 4412 4413#header-mini-hero .input-container:focus-within::after, 4414#header-mini-hero .wp-block-search__inside-wrapper:focus-within::after, 4415#header-mini-hero .woocommerce-product-search:focus-within::after, 4416#header-half-hero .input-container:focus-within::after, 4417#header-half-hero .wp-block-search__inside-wrapper:focus-within::after, 4418#header-half-hero .woocommerce-product-search:focus-within::after { 4419 box-shadow: inset 0 0 0 2px #5C6BC0; 4420} 4421 4422#header-mini-hero .input-container:focus-within .search-input, 4423#header-mini-hero .wp-block-search__inside-wrapper:focus-within .wp-block-search__input, 4424#header-mini-hero .woocommerce-product-search:focus-within .search-field, 4425#header-mini-hero input[type="search"]:focus, 4426#header-half-hero .input-container:focus-within .search-input, 4427#header-half-hero .wp-block-search__inside-wrapper:focus-within .wp-block-search__input, 4428#header-half-hero .woocommerce-product-search:focus-within .search-field, 4429#header-half-hero input[type="search"]:focus { 4430 background: #f5f5f5 !important; 4431 background-color: #f5f5f5 !important; 4432} 4433 4434.search-input::placeholder, 4435.wp-block-search__input::placeholder, 4436.woocommerce-product-search .search-field::placeholder { 4437 color: #757575; 4438 opacity: 1; 4439} 4440 4441.search-submit, 4442.wp-block-search__button, 4443.woocommerce-product-search button { 4444 flex: 0 0 64px; 4445 width: auto; 4446 height: 48px; 4447 padding: 0 !important; 4448 border: 0; 4449 border-radius: 0 4px 4px 0 !important; 4450 box-shadow: none; 4451 background: #5C6BC0; 4452 color: #ffffff; 4453 display: inline-flex; 4454 align-items: center; 4455 justify-content: center; 4456 cursor: pointer; 4457 transition: background-color 0.15s ease; 4458 appearance: none; 4459 -webkit-appearance: none; 4460} 4461 4462.search-submit:hover, 4463.wp-block-search__button:hover, 4464.woocommerce-product-search button:hover { 4465 background: #283593 !important; 4466} 4467 4468.search-submit svg, .search-submit i, 4469.wp-block-search__button svg, .wp-block-search__button i, 4470.woocommerce-product-search button svg, .woocommerce-product-search button i {
4471 display: block; 4472 width: 20px; 4473 height: 20px; 4474 font-size: 20px; 4475 line-height: 1; 4476} 4477 4478/* comments */ 4479 4480@media screen and (max-width: 1199px) { 4481 .comments-area { 4482 margin-top: 20px; 4483 padding-left: 20px; 4484 padding-right: 20px; 4485 } 4486} 4487 4488@media screen and (min-width: 1200px) { 4489 .comments-area { 4490 margin-top: 30px; 4491 } 4492} 4493 4494/* remove bullets from comment lists */ 4495.comment-list, 4496.comment-list .children { 4497 list-style: none; 4498 margin: 0; 4499 padding: 0; 4500} 4501 4502.comment-list > li, 4503.comment-list .children > li { 4504 list-style: none; 4505 margin: 0; 4506 padding: 0; 4507} 4508 4509/* comment body styling */ 4510.comment-body { 4511 border-bottom: 1px solid rgba(0, 0, 0, 0.12); 4512 border-radius: 0; 4513 margin-bottom: 30px; 4514 padding-bottom: 20px; 4515} 4516 4517/* author name */ 4518.comment-author { 4519 font-weight: 600; 4520 margin-bottom: 4px; 4521} 4522 4523/* comment meta */ 4524.comment-meta { 4525 color: rgba(0, 0, 0, 0.62); 4526 font-size: 14px; 4527 margin-bottom: 10px; 4528} 4529 4530/* comment content */ 4531.comment-content { 4532 font-size: 16px; 4533 line-height: 1.6; 4534} 4535 4536.comment-content ul, 4537.comment-content ol { 4538 margin: 0 0 1.5em 1.5em; 4539 padding-left: 1.5em; 4540} 4541 4542.comment-content ul { 4543 list-style: disc; 4544} 4545 4546.comment-content ol { 4547 list-style: decimal; 4548} 4549 4550.comment-content li { 4551 margin-bottom: 0.5em; 4552 padding: 0; 4553} 4554 4555/* reply link */ 4556.comment-reply-link, 4557#cancel-comment-reply-link { 4558 border-radius: 0; 4559 color: #5C6BC0; 4560 display: inline-block; 4561 font-size: 14px; 4562 margin-top: 10px; 4563 text-decoration: underline; 4564 transition: color 0.2s ease; 4565} 4566 4567.comment-reply-link:hover, 4568#cancel-comment-reply-link:hover { 4569 color: #283593; 4570 text-decoration: underline; 4571} 4572 4573/* reply title */ 4574.comment-reply-title small { 4575 display: inline-block; 4576 font-size: 14px; 4577 font-weight: 400; 4578 margin-left: 8px; 4579} 4580 4581.comment-reply-title #cancel-comment-reply-link { 4582 margin-top: 0; 4583 vertical-align: baseline; 4584} 4585 4586/* nested comments */ 4587.comment-list .children { 4588 border-left: 1px solid rgba(0, 0, 0, 0.08); 4589 border-radius: 0; 4590 margin-left: 2rem; 4591 margin-top: 1rem; 4592 padding-left: 1rem; 4593} 4594 4595/* comment anchors */ 4596.comment-list .comment, 4597.comment-list .pingback, 4598.comment-list .trackback, 4599#respond { 4600 scroll-margin-top: 120px; 4601} 4602 4603/* pagination */ 4604.comment-navigation { 4605 font-size: 14px; 4606 margin-top: 20px; 4607} 4608 4609.comment-navigation .nav-links { 4610 display: flex; 4611 gap: 20px; 4612 justify-content: space-between; 4613} 4614 4615.comment-navigation .nav-previous, 4616.comment-navigation .nav-next { 4617 flex: 1; 4618} 4619 4620.comment-navigation .nav-next { 4621 text-align: right; 4622} 4623 4624/* moderation notice */ 4625.comment-awaiting-moderation { 4626 font-style: italic; 4627 margin-bottom: 10px; 4628} 4629 4630/* post author comments */ 4631.bypostauthor .comment-body { 4632 border-left: 3px solid rgba(0, 0, 0, 0.12); 4633 padding-left: 16px; 4634} 4635 4636/* comment form */ 4637.logged-in-as, 4638.comment-notes { 4639 font-size: 14px; 4640} 4641 4642.logged-in-as .required-field-message, 4643.comment-notes .required-field-message { 4644 display: block; 4645 margin-top: 4px; 4646} 4647 4648#respond textarea, 4649#respond input[type="text"], 4650#respond input[type="email"] { 4651 max-width: 100%; 4652 border-radius: 4px; 4653 width: 100%; 4654} 4655 4656#respond input[type="submit"] { 4657 border-radius: 4px; 4658 cursor: pointer; 4659} 4660 4661.comment-form-cookies-consent { 4662 display: flex; 4663 align-items: flex-start; 4664 gap: 8px; 4665} 4666 4667.comment-form-cookies-consent input[type="checkbox"] { 4668 margin-top: 0.35em; 4669} 4670 4671.comment-form-cookies-consent label { 4672 display: inline; 4673} 4674 4675/* search modal trigger */ 4676.search-icon-wrapper { 4677 appearance: none; 4678 -webkit-appearance: none; 4679 display: inline-flex; 4680 align-items: center; 4681 justify-content: center; 4682 padding: 0 0 0 32px !important; 4683 background: transparent !important; 4684 border: 0; 4685 border-radius: 0; 4686 box-shadow: none; 4687 color: inherit; 4688 line-height: 1; 4689 text-align: center; 4690 text-decoration: none; 4691 vertical-align: middle; 4692 cursor: pointer; 4693} 4694 4695.search-icon-wrapper:hover, 4696.search-icon-wrapper:focus, 4697.search-icon-wrapper:active { 4698 background: transparent !important; 4699 box-shadow: none; 4700 color: inherit; 4701 outline: 0; 4702} 4703 4704.search-icon-wrapper:focus-visible { 4705 outline: 2px solid currentColor; 4706 outline-offset: 4px; 4707} 4708 4709.search-icon-wrapper svg { 4710 display: block; 4711 width: 24px; 4712 height: 24px; 4713 padding: 0; 4714} 4715 4716body.search-modal-open { 4717 overflow: hidden; 4718} 4719 4720/* search modal */ 4721#full-screen-search { 4722 visibility: hidden; 4723 opacity: 0; 4724 pointer-events: none; 4725 position: fixed; 4726 inset: 0; 4727 display: flex; 4728 align-items: center; 4729 justify-content: center; 4730 width: 100%; 4731 height: 100vh;
4732 height: 100dvh; 4733 background: rgba(0, 0, 0, 0.72); 4734 z-index: 999998; 4735 transition: opacity 0.15s ease, visibility 0.15s ease; 4736} 4737 4738#full-screen-search.open { 4739 visibility: visible; 4740 opacity: 1; 4741 pointer-events: auto; 4742} 4743 4744#full-screen-search .search-modal-panel { 4745 position: relative; 4746 width: 100%; 4747 max-width: 760px; 4748} 4749 4750#full-screen-search .searchform { 4751 width: 100%; 4752} 4753 4754#full-screen-search .input-container { 4755 position: relative; 4756 display: flex; 4757 align-items: stretch; 4758 width: 100%; 4759 border: 0; 4760 border-radius: 4px; 4761 box-shadow: none; 4762 overflow: hidden; 4763} 4764 4765#full-screen-search .input-container::after { 4766 content: ""; 4767 pointer-events: none; 4768 position: absolute; 4769 inset: 0; 4770 border-radius: 4px; 4771 box-shadow: inset 0 0 0 1px #eceff1; 4772 transition: box-shadow 0.15s ease-in-out; 4773} 4774 4775#full-screen-search .input-container:focus-within::after { 4776 box-shadow: inset 0 0 0 2px #5C6BC0; 4777} 4778 4779#full-screen-search .search-input { 4780 flex: 1 1 auto; 4781 min-width: 0; 4782 border: 0 !important; 4783 border-radius: 4px 0 0 4px !important; 4784 box-shadow: none !important; 4785 background: #ffffff; 4786 color: #263238; 4787 font-weight: 400; 4788 appearance: none; 4789 -webkit-appearance: none; 4790} 4791 4792#full-screen-search .search-input:focus { 4793 box-shadow: none !important; 4794 outline: 0; 4795} 4796 4797#full-screen-search .search-input::placeholder { 4798 color: #757575; 4799 opacity: 1; 4800} 4801 4802#full-screen-search .search-submit { 4803 flex: 0 0 72px; 4804 width: auto; 4805 border: 0; 4806 border-radius: 0 4px 4px 0 !important; 4807 box-shadow: none; 4808 background: #5C6BC0; 4809 color: #ffffff; 4810 display: inline-flex; 4811 align-items: center; 4812 justify-content: center; 4813 cursor: pointer; 4814 transition: background-color 0.15s ease; 4815 appearance: none; 4816 -webkit-appearance: none; 4817} 4818 4819#full-screen-search .search-submit:hover, 4820#full-screen-search .search-submit:focus, 4821#full-screen-search .search-submit:active { 4822 background: #283593 !important; 4823 color: #ffffff; 4824 outline: 0; 4825} 4826 4827#full-screen-search .search-submit svg, 4828#full-screen-search .search-submit i { 4829 display: block; 4830 width: 24px; 4831 height: 24px; 4832 font-size: 24px; 4833 line-height: 1; 4834} 4835 4836#full-screen-search .search-modal-close { 4837 appearance: none; 4838 -webkit-appearance: none; 4839 position: absolute; 4840 top: 20px; 4841 right: 20px; 4842 display: inline-flex; 4843 align-items: center; 4844 justify-content: center; 4845 width: 48px; 4846 height: 48px; 4847 padding: 0 !important; 4848 background: rgba(255, 255, 255, 0.08) !important; 4849 border: 0; 4850 border-radius: 4px; 4851 box-shadow: none; 4852 color: #ffffff; 4853 cursor: pointer; 4854 z-index: 999999; 4855 transition: background-color 0.15s ease, box-shadow 0.15s ease; 4856} 4857 4858#full-screen-search .search-modal-close:hover, 4859#full-screen-search .search-modal-close:focus, 4860#full-screen-search .search-modal-close:active { 4861 background: rgba(255, 255, 255, 0.16) !important; 4862 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35); 4863 color: #ffffff; 4864 outline: 0; 4865} 4866 4867#full-screen-search .search-modal-close svg { 4868 display: block; 4869 width: 32px; 4870 height: 32px; 4871 line-height: 1; 4872} 4873 4874@media screen and (max-width: 1199px) { 4875 #full-screen-search { 4876 padding: 20px; 4877 } 4878 4879 #full-screen-search .search-input { 4880 height: 56px; 4881 min-height: 56px; 4882 padding: 0 16px !important; 4883 font-size: 18px; 4884 line-height: 1.3; 4885 } 4886 4887 #full-screen-search .search-submit { 4888 flex-basis: 60px; 4889 height: 56px; 4890 } 4891 4892 #full-screen-search .search-modal-close { 4893 top: 16px; 4894 right: 16px; 4895 width: 44px; 4896 height: 44px; 4897 } 4898} 4899 4900@media screen and (min-width: 1200px) { 4901 #full-screen-search { 4902 padding: 40px; 4903 } 4904 4905 #full-screen-search .search-input { 4906 height: 68px; 4907 min-height: 68px; 4908 padding: 0 22px !important; 4909 font-size: 26px; 4910 line-height: 1.3; 4911 } 4912 4913 #full-screen-search .search-submit { 4914 height: 68px; 4915 } 4916} 4917/* back to top (scrollup) */ 4918 4919@media screen and (max-width: 1199px) { 4920 .scrollup-wrapper { 4921 margin-top: 20px; 4922 } 4923} 4924 4925@media screen and (min-width: 1200px) { 4926 .scrollup-wrapper { 4927 display: none; margin-top: 30px; 4928 } 4929} 4930 4931.scrollup-link { 4932 display: block; 4933 width: 100%; 4934 cursor: pointer; 4935 text-transform: uppercase; 4936 font-family: inherit; 4937 font-weight: 400; 4938 line-height: 1; 4939 padding: 10px 0; 4940 color: rgba(255, 255, 255, 0.5); 4941 color: #263238; 4942 text-decoration: none !important; 4943 text-align: center; 4944 vertical-align: middle; 4945 background: rgba(0, 0, 0, 0.1); 4946 background: #eceff1; 4947 border: 0; 4948 border-radius: 4px; 4949 appearance: none; 4950} 4951 4952@media screen and (max-width: 1199px) { 4953 .scrollup-link { 4954 font-size: 12px; 4955 } 4956} 4957 4958@media screen and (min-width: 1200px) { 4959 .scrollup-link { 4960 font-size: 12px; 4961 } 4962} 4963 4964.scrollup-link:active, 4965.scrollup-link:hover { 4966 background: rgba(0, 0, 0, 0.2); 4967 background: #eceff1; 4968 color: #ffffff; 4969 color: #263238; 4970} 4971 4972/* bbpress */ 4973 4974#bbpress-forums img, #bbpress-forums iframe, #bbpress-forums table, #bbpress-forums tbody, #bbpress-forums tr, #bbpress-forums th, #bbpress-forums td, #bbpress-forums hr { 4975 border-radius: 0; 4976} 4977 4978#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-threaded-replies, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.to
4978pic, #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums .reply, #bbpress-forums li.bbp-body div.hentry { 4979 border-radius: 8px; 4980} 4981 4982#bbpress-forums input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]), #bbpress-forums select, #bbpress-forums textarea, #bbpress-forums button, #bbpress-forums .button, #bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-pagination-links span.dots, #bbpress-forums .bbp-topic-pagination a, #bbpress-forums .bbp-topic-pagination span, #bbpress-forums .bbp-template-notice, #bbpress-forums .bbp-alert-outer, #bbpress-forums .bbp-alert-inner, #bbpress-forums .bbp-alert-actions { 4983 border-radius: 4px; 4984} 4985 4986#bbpress-forums { 4987 clear: both; 4988 margin: 0 !important; 4989 padding: 0 !important; 4990 background: transparent; 4991 color: #001438; 4992 font-size: 12px; 4993 line-height: 1.5 !important; 4994 overflow: hidden; 4995} 4996 4997#bbpress-forums a, #bbpress-forums a:hover, #bbpress-forums a:focus { 4998 color: #5C6BC0; 4999} 5000 5001#bbpress-forums ul, #bbpress-forums ol, #bbpress-forums.bbpress-wrapper ul { 5002 margin: 0; 5003 padding: 0; 5004 list-style: none; 5005} 5006 5007#bbpress-forums li { 5008 margin: 0; 5009 padding: 0; 5010 line-height: 1.5 !important; 5011} 5012 5013#bbpress-forums hr { 5014 height: 1px; 5015 margin: 20px 0; 5016 background: #001438; 5017 border: 0; 5018} 5019 5020#bbpress-forums img.avatar, #bbpress-forums img.wp-smiley, #bbpress-forums img.bbp-author-avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { 5021 max-width: 100%; 5022 height: auto; 5023 border: 0; 5024 box-shadow: none; 5025} 5026 5027#bbpress-forums .hidden, #bbpress-forums .bbp-no-js .hide-if-no-js, #bbpress-forums .bbp-js .hide-if-js { 5028 display: none !important; 5029} 5030 5031#bbpress-forums .screen-reader-text, #bbpress-forums .screen-reader-text span, #bbpress-forums .ui-helper-hidden-accessible { 5032 position: absolute !important; 5033 width: 1px; 5034 height: 1px; 5035 padding: 0; 5036 margin: -1px; 5037 overflow: hidden; 5038 clip: rect(0, 0, 0, 0); 5039 white-space: nowrap; 5040 border: 0; 5041} 5042 5043#bbpress-forums .clear, #bbpress-forums .bbp-clearfix, #bbpress-forums .bbp-clear { 5044 clear: both; 5045} 5046 5047#bbpress-forums::after, #bbpress-forums ul.bbp-forums::after, #bbpress-forums ul.bbp-topics::after, #bbpress-forums ul.bbp-replies::after, #bbpress-forums ul.bbp-search-results::after, #bbpress-forums li.bbp-header::after, #bbpress-forums li.bbp-body::after, #bbpress-forums ul.forum::after, #bbpress-forums ul.topic::after, #bbpress-forums div.reply::after, #bbpress-forums div.bbp-forum-header::after, #bbpress-forums div.bbp-topic-header::after, #bbpress-forums div.bbp-reply-header::after, #bbpress-forums .bbp-pagination::after, #bbpress-forums #bbp-user-wrapper::after { 5048 clear: both; 5049 content: ""; 5050 display: table; 5051} 5052 5053/* lists */ 5054 5055#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-threaded-replies { 5056 margin: 0 0 30px; 5057 padding: 0; 5058 background: transparent; 5059 border: 0; 5060} 5061 5062#bbpress-forums li.bbp-header { 5063 clear: both; 5064 margin: 0 !important; 5065 padding: 10px 20px !important; 5066 background: #eceff1 !important; 5067 color: #001438; 5068 font-size: 12px !important; 5069 font-weight: 600 !important; 5070 line-height: 1.5 !important; 5071 text-transform: uppercase !important; 5072 overflow: hidden; 5073} 5074 5075#bbpress-forums li.bbp-header ul { 5076 margin: 0; 5077 padding: 0; 5078 overflow: hidden; 5079} 5080 5081#bbpress-forums li.bbp-body { 5082 clear: both; 5083 margin: 0 !important; 5084 padding: 0 !important; 5085 background: #ffffff !important; 5086 color: #001438; 5087 line-height: 1.5 !important; 5088} 5089 5090#bbpress-forums li.bbp-footer { 5091 display: none; 5092} 5093 5094#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums .reply, #bbpress-forums li.bbp-body div.hentry { 5095 clear: both; 5096 padding: 20px !important; 5097 background: #ffffff !important; 5098 border-top: 0; 5099 overflow: hidden; 5100} 5101 5102#bbpress-forums ul.forum, #bbpress-forums ul.topic, #bbpress-forums div.reply, #bbpress-forums div.even, #bbpress-forums div.odd, #bbpress-forums ul.even, #bbpress-forums ul.odd, #bbpress-forums .status-trash.even, #bbpress-forums .status-trash.odd, #bbpress-forums .status-spam.even, #bbpress-forums .status-spam.odd, #bbpress-forums .status-pending.even, #bbpress-forums .status-pending.odd { 5103 background: #ffffff !important; 5104} 5105 5106#bbpress-forums ul.forum-titles { 5107 font-size: 16px !important; 5108} 5109 5110#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { 5111 clear: both; 5112 margin: 0; 5113 padding: 10px 20px; 5114 background: #eceff1; 5115 border-top: 0; 5116 color: #001438; 5117 overflow: hidden; 5118} 5119 5120#bbpress-forums .bbp-forum-info, #bbpress-forums .bbp-topic-title, #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { 5121 font-size: 16px !important; 5122 line-height: 1.5 !important; 5123 text-align: left; 5124} 5125 5126#bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5127 text-align: center; 5128} 5129 5130#bbpress-forums .bbp-forum-topic-count, #bbpress-forums .bbp-forum-reply-count, #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-voice-count, #bbpress-forums .bbp-topic-reply-count, #bbpress-forums .bbp-topic-freshness, #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5131 color: #001438; 5132 font-size: 12px !important; 5133 line-height: 1.5 !important; 5134} 5135 5136#bbpress-forums .bbp-topic-voice-count { 5137 visibility: hidden; 5138} 5139 5140#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink, #bbpress-forums .bbp-reply-permalink, #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { 5141 font-weight: 600; 5142} 5143 5144#bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { 5145 margin: 0 0 8px; 5146 padding: 0; 5147 background: transparent; 5148 border: 0; 5149 font-size: 16px; 5150 line-height: 1.3; 5151 text-transform: none; 5152} 5153 5154#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { 5155 margin: 5px 0; 5156 padding: 0; 5157 font-size: 12px !important; 5158 word-wrap: break-word; 5159 overflow-wrap: break-word; 5160} 5161 5162#bbpress-forums p.bbp-topic-meta span { 5163 white-space: nowrap; 5164} 5165 5166#bbpress-forums .bbp-forums-list { 5167 margin: 8px 0 0; 5168 padding: 0; 5169 border: 0; 5170} 5171 5172#bbpress-forums .bbp-forums-list li, #bbpress-forums .bbp-forums-list .bbp-forum { 5173 display: inline; 5174 margin: 0; 5175 padding: 0; 5176 font-size: 12px !important; 5177 line-height: 1.5 !important; 5178} 5179 5180#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after { 5181 content: ", "; 5182} 5183 5184/* topics and replies */ 5185 5186#bbpress-forums .bbp-forum-content, #bbpress-forums .bbp-topic-content, #bbpress-forums .bbp-reply-content { 5187 position: relative; 5188 color: #001438; 5189 font-size: 16px !important; 5190 line-height: 1.5 !important; 5191 text-align: left;
5192 word-wrap: break-word; 5193 overflow-wrap: break-word; 5194} 5195 5196#bbpress-forums .bbp-forum-content p, #bbpress-forums .bbp-topic-content p, #bbpress-forums .bbp-reply-content p { 5197 font-size: 16px !important; 5198 line-height: 1.5 !important; 5199} 5200 5201#bbpress-forums div.bbp-forum-content::after, #bbpress-forums div.bbp-topic-content::after, #bbpress-forums div.bbp-reply-content::after { 5202 clear: both; 5203 content: ""; 5204 display: table; 5205} 5206 5207#bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a { 5208 display: inline; 5209 margin: 0; 5210 padding: 0; 5211 background: transparent; 5212 border: 0; 5213 color: #5C6BC0; 5214 font-weight: 400; 5215 text-decoration: underline; 5216} 5217 5218#bbpress-forums div.bbp-topic-content a.bbp-user-mention, #bbpress-forums div.bbp-reply-content a.bbp-user-mention { 5219 background: transparent; 5220 border: 0; 5221 color: #5C6BC0; 5222 font-weight: 600; 5223 text-decoration: none; 5224 text-shadow: none; 5225} 5226 5227 5228/* bbpress heading fallback reset in case native plugin output leaks through */ 5229 5230#bbpress-forums div.bbp-topic-content h1, #bbpress-forums div.bbp-topic-content h2, #bbpress-forums div.bbp-topic-content h3, #bbpress-forums div.bbp-topic-content h4, #bbpress-forums div.bbp-topic-content h5, #bbpress-forums div.bbp-topic-content h6, #bbpress-forums div.bbp-reply-content h1, #bbpress-forums div.bbp-reply-content h2, #bbpress-forums div.bbp-reply-content h3, #bbpress-forums div.bbp-reply-content h4, #bbpress-forums div.bbp-reply-content h5, #bbpress-forums div.bbp-reply-content h6 { 5231 color: #001438; 5232 line-height: 1.3; 5233} 5234 5235#bbpress-forums div.bbp-topic-content ul, #bbpress-forums div.bbp-topic-content ol, #bbpress-forums div.bbp-reply-content ul, #bbpress-forums div.bbp-reply-content ol { 5236 margin: 0 0 20px 20px; 5237 padding: 0; 5238 list-style-position: outside; 5239} 5240 5241#bbpress-forums div.bbp-topic-content ul, #bbpress-forums div.bbp-reply-content ul { 5242 list-style-type: disc; 5243} 5244 5245#bbpress-forums div.bbp-topic-content ol, #bbpress-forums div.bbp-reply-content ol { 5246 list-style-type: decimal; 5247} 5248 5249#bbpress-forums div.bbp-topic-content li, #bbpress-forums div.bbp-reply-content li { 5250 margin-bottom: 8px; 5251} 5252 5253#bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code { 5254 padding: 2px 5px; 5255 background: #eceff1; 5256 color: #001438; 5257} 5258 5259#bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { 5260 padding: 16px 20px; 5261 margin-bottom: 20px; 5262 background: #eceff1; 5263 color: #001438; 5264 overflow-x: auto; 5265 white-space: pre; 5266} 5267 5268#bbpress-forums div.bbp-topic-content pre code, #bbpress-forums div.bbp-reply-content pre code { 5269 padding: 0; 5270 background: transparent; 5271} 5272 5273#bbpress-forums div.bbp-topic-content img, #bbpress-forums div.bbp-reply-content img, #bbpress-forums div.bbp-topic-content iframe.wp-embedded-content, #bbpress-forums div.bbp-reply-content iframe.wp-embedded-content { 5274 max-width: 100%; 5275} 5276 5277#bbpress-forums div.bbp-topic-content img, #bbpress-forums div.bbp-reply-content img { 5278 height: auto; 5279} 5280 5281#bbpress-forums div.bbp-topic-content p:last-child, #bbpress-forums div.bbp-reply-content p:last-child { 5282 margin-bottom: 0; 5283} 5284 5285#bbpress-forums .bbp-author-name, #bbpress-forums .bbp-author-role, #bbpress-forums .bbp-author-ip, #bbpress-forums .bbp-topic-meta, #bbpress-forums .bbp-reply-post-date, #bbpress-forums .bbp-topic-started-by, #bbpress-forums .bbp-topic-started-in, #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness, #bbpress-forums .bbp-reply-header, #bbpress-forums .bbp-topic-header, #bbpress-forums span.bbp-author-ip { 5286 color: #001438; 5287} 5288 5289#bbpress-forums .bbp-topic-author, #bbpress-forums .bbp-reply-author, #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { 5290 color: #001438; 5291 font-size: 12px !important; 5292 line-height: 1.5 !important; 5293 text-align: center; 5294 word-wrap: break-word; 5295 overflow-wrap: break-word; 5296} 5297 5298#bbpress-forums .bbp-topic-author .bbp-author-name, #bbpress-forums .bbp-reply-author .bbp-author-name, #bbpress-forums div.bbp-forum-author .bbp-author-name, #bbpress-forums div.bbp-topic-author .bbp-author-name, #bbpress-forums div.bbp-reply-author .bbp-author-name { 5299 display: block; 5300 clear: both; 5301 margin: 0; 5302 font-weight: 600; 5303 word-wrap: break-word; 5304 overflow-wrap: break-word; 5305} 5306 5307#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { 5308 display: block; 5309 font-size: 12px !important; 5310 font-style: normal; 5311 line-height: 1.5 !important; 5312} 5313 5314#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar { 5315 display: block; 5316 max-width: 80px; 5317 height: auto; 5318 margin: 0 auto 10px; 5319 padding: 0; 5320 border: 0; 5321 float: none; 5322} 5323 5324#bbpress-forums .bbp-admin-links, #bbpress-forums .bbp-row-actions, #bbpress-forums .bbp-topic-revision-log, #bbpress-forums .bbp-reply-revision-log, #bbpress-forums span.bbp-admin-links, #bbpress-forums td.bbp-topic-admin-links, #bbpress-forums td.bbp-topic-counts { 5325 color: #001438; 5326 font-size: 12px !important; 5327 line-height: 1.5 !important; 5328} 5329 5330#bbpress-forums span.bbp-admin-links { 5331 float: right; 5332} 5333 5334#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { 5335 margin: 20px 0 0; 5336 padding: 0; 5337 border-top: 0; 5338 list-style: none; 5339} 5340 5341#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li { 5342 margin: 0 0 8px; 5343 padding: 0; 5344 font-size: 12px !important; 5345 line-height: 1.5 !important; 5346} 5347 5348#bbpress-forums .status-trash, #bbpress-forums .status-spam, #bbpress-forums .status-pending, #bbpress-forums .status-closed, #bbpress-forums .sticky, #bbpress-forums .super-sticky, #bbpress-forums ul.status-closed { 5349 background: #ffffff !important; 5350 color: #001438; 5351} 5352 5353#bbpress-forums ul.status-pending a, #bbpress-forums ul.status-closed a { 5354 color: #5C6BC0; 5355} 5356 5357 5358/* bbpress breadcrumb fallback style in case native plugin output leaks through */ 5359 5360.bbp-breadcrumb, div.bbp-breadcrumb, div.bbp-topic-tags, #bbp-topic-hot-tags, #bbpress-forums .bbp-breadcrumb, #bbpress-forums .bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags, #bbpress-forums div.bbp-topic-tags p { 5361 margin: 0 0 20px; 5362 color: #001438; 5363 font-size: 12px; 5364 line-height: 1.5; 5365} 5366 5367.bbp-breadcrumb a, div.bbp-breadcrumb a, div.bbp-topic-tags a, #bbp-topic-hot-tags a, #bbpress-forums .bbp-breadcrumb a { 5368 color: #5C6BC0; 5369} 5370 5371#bbpress-forums div.bbp-topic-tags { 5372 clear: both; 5373} 5374 5375/* pagination */ 5376 5377#bbpress-forums .bbp-pagination, #bbpress-forums .bbp-topic-pagination { 5378 clear: both; 5379 margin: 0 0 20px; 5380 color: #001438; 5381 font-size: 12px !important; 5382 line-height: 1.5 !important; 5383} 5384 5385#bbpress-forums .bbp-pagination { 5386 float: left; 5387 width: 100%; 5388} 5389 5390#bbpress-forums .bbp-pagination-count { 5391 display: none; 5392 float: left; 5393} 5394 5395#bbpress-forums .bbp-pagination-links { 5396 float: right; 5397 list-style: none; 5398 display: inline; 5399 color: #001438; 5400 font-size: 12px !important; 5401 line-height: 1.5 !important; 5402} 5403 5404#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-pagination-links span.dots {
5405 display: block; 5406 float: left; 5407 padding: 4px 8px; 5408 margin-left: 5px; 5409 background: #ffffff; 5410 border: 0; 5411 color: #001438; 5412 font-size: 12px !important; 5413 line-height: 1.5 !important; 5414 text-decoration: none; 5415} 5416 5417#bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-pagination-links a:hover { 5418 background: #eceff1; 5419} 5420 5421#bbpress-forums .bbp-topic-pagination { 5422 display: inline-block; 5423 margin-left: 5px; 5424 margin-bottom: 2px; 5425} 5426 5427#bbpress-forums .bbp-topic-pagination a, #bbpress-forums .bbp-topic-pagination span { 5428 display: inline-block; 5429 padding: 1px 4px; 5430 background: #ffffff; 5431 border: 0; 5432 color: #001438; 5433 font-size: 12px !important; 5434 font-weight: 400; 5435 line-height: 1.5 !important; 5436 text-decoration: none; 5437} 5438 5439/* search and notices */ 5440 5441#bbpress-forums .bbp-search-form, #bbpress-forums #bbp-search-form, div.bbp-search-form { 5442 clear: both; 5443 margin: 0 0 20px; 5444} 5445 5446#bbpress-forums #bbp_search, #bbpress-forums .bbp-search-form input[type="text"], div.bbp-search-form input, div.bbp-search-form button { 5447 max-width: 100%; 5448} 5449 5450#bbpress-forums .bbp-template-notice, #bbpress-forums .bbp-template-notice.info, #bbpress-forums .bbp-template-notice.warning, #bbpress-forums .bbp-template-notice.error, #bbpress-forums .bbp-template-notice.important, div.bbp-template-notice { 5451 display: none; 5452} 5453 5454#bbpress-forums .bbp-alert-outer, #bbpress-forums .bbp-alert-inner, #bbpress-forums .bbp-alert-actions { 5455 background: #ffffff; 5456 border: 0; 5457 color: #001438; 5458} 5459 5460 5461/* forms */ 5462 5463#bbpress-forums .bbp-topic-form, #bbpress-forums .bbp-reply-form, #bbpress-forums .bbp-topic-tag-form, #bbpress-forums .bbp-login-form, #bbpress-forums .bbp-user-form, #bbpress-forums .bbp-replies .bbp-reply-form { 5464 clear: both; 5465 margin: 0 0 30px; 5466} 5467 5468#bbpress-forums fieldset.bbp-form { 5469 clear: both; 5470 margin: 0 0 30px !important; 5471 padding: 0 !important; 5472 background: transparent; 5473 border: 0 !important; 5474} 5475 5476#bbpress-forums fieldset.bbp-form legend, .bbp-login-form fieldset legend { 5477 width: auto; 5478 padding: 0; 5479 border: 0; 5480 color: #001438; 5481 font-size: 18px; 5482 font-weight: 600; 5483 line-height: 1.4; 5484} 5485 5486#bbpress-forums fieldset.bbp-form label, #bbp-login fieldset label, #bbp-register fieldset label, #bbp-lost-pass fieldset label, .bbp-login-form label, #sidebar .bbp-login-form label { 5487 color: #001438; 5488} 5489 5490#bbpress-forums fieldset.bbp-form p { 5491 margin-bottom: 16px; 5492} 5493 5494#bbpress-forums fieldset.bbp-form input, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input[type="text"], #bbpress-forums fieldset.bbp-form input[type="password"], #bbpress-forums #bbp_topic_title, #bbpress-forums #bbp_topic_tags, #bbpress-forums #bbp_reply_content, #bbpress-forums #bbp_topic_content, #bbpress-forums #bbp_anonymous_author, #bbpress-forums #bbp_anonymous_email, #bbpress-forums #bbp_anonymous_website, #bbpress-forums textarea#bbp_forum_content, #bbpress-forums fieldset select#bbp_forum_id, .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input { 5495 max-width: 100%; 5496} 5497 5498#bbpress-forums fieldset.bbp-forum-form-attributes { 5499 margin: 0 0 30px !important; 5500 padding: 0 !important; 5501 border: 0 !important; 5502} 5503 5504 5505#merge_tag, #delete_tag, #bbpress-forums p.form-allowed-tags, body.page #bbpress-forums .bbp-reply-form code, body.page #bbpress-forums .bbp-topic-form code, body.single-topic #bbpress-forums .bbp-reply-form code, body.single-forum #bbpress-forums .bbp-topic-form code, body.topic-edit #bbpress-forums .bbp-topic-form code, body.reply-edit #bbpress-forums .bbp-reply-form code { 5506 color: #001438; 5507 font-size: 12px; 5508 line-height: 1.5; 5509} 5510 5511#bbpress-forums .bbp-the-content-wrapper { 5512 margin-bottom: 16px; 5513} 5514 5515#bbpress-forums div.wp-editor-container, #bbpress-forums div.bbp-the-content-wrapper table, #bbpress-forums div.bbp-the-content-wrapper tbody, #bbpress-forums div.bbp-the-content-wrapper tr, #bbpress-forums div.bbp-the-content-wrapper td { 5516 border: 0; 5517} 5518 5519#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content, #bbpress-forums div.bbp-the-content-wrapper textarea.wp-editor-area { 5520 width: 100%; 5521} 5522 5523#bbpress-forums div.bbp-the-content-wrapper input[type="button"] { 5524 box-shadow: none !important; 5525} 5526 5527#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar, #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar { 5528 background: #eceff1; 5529 border: 0; 5530} 5531 5532#bbpress-forums .quicktags-toolbar { 5533 padding: 10px !important; 5534 background: #eceff1; 5535} 5536 5537#bbpress-forums .quicktags-toolbar input { 5538 display: inline-block !important; 5539 width: auto !important; 5540 height: 20px !important; 5541 min-height: 20px !important; 5542 padding: 0 10px !important; 5543 margin: 0 !important; 5544 background: transparent !important; 5545 border: 0 !important; 5546 box-shadow: none !important; 5547 color: #001438 !important; 5548 cursor: pointer !important; 5549 font-family: inherit; 5550 font-size: 12px !important; 5551 line-height: 1 !important; 5552 text-decoration: none !important; 5553 text-transform: uppercase !important; 5554 white-space: nowrap !important; 5555} 5556
5557#bbpress-forums .quicktags-toolbar input:hover { 5558 background: #5C6BC0 !important; 5559 color: #ffffff !important; 5560} 5561 5562#bbpress-forums textarea.bbp-the-content, #bbpress-forums textarea.wp-editor-area { 5563 min-height: 180px; 5564} 5565 5566#bbpress-forums div.bbp-submit-wrapper { 5567 clear: both; 5568 margin-top: 16px; 5569} 5570 5571#bbpress-forums div.bbp-reply-to, #bbpress-forums div#bbp-cancel-reply-to { 5572 margin: 0 0 20px; 5573 color: #001438; 5574 font-size: 12px; 5575 line-height: 1.5; 5576} 5577 5578#bbpress-forums div#bbp-cancel-reply-to a { 5579 color: #5C6BC0; 5580} 5581 5582 5583/* user forms and profiles */ 5584 5585#bbpress-forums #bbp-login, #bbpress-forums #bbp-register, #bbpress-forums #bbp-lost-pass, #bbpress-forums #bbp-edit-topic-tag { 5586 margin: 0 0 30px; 5587} 5588 5589#bbpress-forums .bbp-login-form .bbp-username, #bbpress-forums .bbp-login-form .bbp-email, #bbpress-forums .bbp-login-form .bbp-password, #bbpress-forums .bbp-login-form .bbp-remember-me, #bbpress-forums .bbp-login-form .bbp-submit-wrapper { 5590 margin-bottom: 16px; 5591} 5592 5593#bbpress-forums .bbp-login-form .bbp-login-links a { 5594 color: #5C6BC0; 5595} 5596 5597#bbpress-forums .bbp-logged-in img.avatar { 5598 max-width: 100%; 5599 height: auto; 5600 border: 0; 5601} 5602 5603#bbpress-forums .bbp-logged-in h4 { 5604 margin: 0 0 10px; 5605 color: #001438; 5606} 5607 5608#bbpress-forums #bbp-single-user-details, #bbpress-forums #bbp-user-wrapper, #bbpress-forums #bbp-user-body, #bbpress-forums #bbp-user-avatar, #bbpress-forums #bbp-user-navigation, body.my-account #bbpress-forums { 5609 color: #001438; 5610} 5611 5612#bbpress-forums #bbp-user-wrapper h2.entry-title { 5613 clear: none; 5614 margin: 0 0 10px; 5615 padding: 0; 5616 font-size: 20px; 5617 line-height: 1.3; 5618} 5619 5620#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic, #bbpress-forums #bbp-user-wrapper ul.bbp-topics, #bbpress-forums #bbp-user-wrapper ul.bbp-forums, #bbpress-forums #bbp-user-wrapper ul.bbp-replies, #bbpress-forums #bbp-user-wrapper fieldset.bbp-form { 5621 clear: none; 5622} 5623 5624#bbpress-forums #bbp-single-user-details { 5625 margin: 0 0 30px; 5626 overflow: hidden; 5627} 5628 5629#bbpress-forums #bbp-single-user-details #bbp-user-avatar { 5630 margin: 0 0 20px; 5631} 5632 5633#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar, #bbpress-forums #bbp-user-avatar img.avatar { 5634 display: block; 5635 max-width: 150px; 5636 height: auto; 5637 margin: 0; 5638 padding: 0; 5639 border: 0; 5640} 5641 5642#bbpress-forums #bbp-single-user-details #bbp-user-navigation { 5643 margin: 0; 5644} 5645 5646#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul { 5647 margin: 0; 5648 padding: 0; 5649 list-style: none; 5650} 5651 5652#bbpress-forums #bbp-single-user-details #bbp-user-navigation li { 5653 margin: 0 0 5px; 5654 padding: 0; 5655 list-style: none; 5656} 5657 5658#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a { 5659 display: block; 5660 padding: 8px 12px; 5661 background: #ffffff; 5662 border: 0; 5663 color: #5C6BC0; 5664 font-size: 14px; 5665 font-weight: 600; 5666 line-height: 1.5; 5667 text-decoration: none; 5668} 5669 5670#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li a:hover { 5671 background: #eceff1; 5672 color: #283593; 5673} 5674 5675#bbpress-forums #bbp-user-body { 5676 overflow: hidden; 5677} 5678 5679#bbpress-forums #bbp-user-body h2.entry-title { 5680 margin: 0 0 20px; 5681} 5682 5683#bbpress-forums #bbp-user-body .bbp-user-section { 5684 margin: 0 0 30px; 5685} 5686 5687#bbpress-forums #bbp-user-body .bbp-user-section p:last-child { 5688 margin-bottom: 0; 5689} 5690 5691 5692/* widgets */ 5693 5694.widget_display_forums ul, .widget_display_topics ul, .widget_display_replies ul, .widget_display_views ul, .widget_display_stats dl, .widget_display_search form, .widget_display_topics form, .widget_display_replies form { 5695 margin: 0; 5696 padding: 0; 5697 list-style: none; 5698} 5699 5700.widget_display_forums li, .widget_display_topics li, .widget_display_replies li, .widget_display_views li { 5701 margin: 0 0 8px; 5702 padding: 0; 5703 line-height: 1.5; 5704 list-style: none; 5705} 5706 5707.widget_display_forums li:last-child, .widget_display_topics li:last-child, .widget_display_replies li:last-child, .widget_display_views li:last-child { 5708 margin-bottom: 0; 5709} 5710 5711.widget_display_forums a, .widget_display_topics a, .widget_display_replies a, .widget_display_views a { 5712 color: #5C6BC0; 5713} 5714 5715.widget_display_stats dl { 5716 display: grid; 5717 grid-template-columns: 1fr auto; 5718 gap: 8px 12px; 5719} 5720 5721.widget_display_stats dt, .widget_display_stats dd { 5722 margin: 0; 5723 color: #263238; 5724 line-height: 1.5; 5725} 5726 5727.widget_display_search #bbp_search, .widget_display_search .button, .widget_display_topics .button, .widget_display_replies .button { 5728 width: 100%; 5729} 5730 5731/* responsive */ 5732 5733@media screen and (max-width: 1199px) { 5734 #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results { 5735 border: 0; 5736 } 5737 5738 #bbpress-forums li.bbp-header { 5739 display: none; 5740 } 5741 5742 #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.to
5742pic, #bbpress-forums li.bbp-body div.reply, #bbpress-forums li.bbp-body div.hentry { 5743 margin: 0 0 20px !important; 5744 border: 1px solid #e0e0e0; 5745 } 5746 5747 #bbpress-forums .bbp-forum-info, #bbpress-forums .bbp-topic-title, #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title, #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5748 display: block; 5749 width: 100%; 5750 margin: 0 0 10px; 5751 text-align: left; 5752 } 5753 5754 #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5755 margin-bottom: 0; 5756 } 5757 5758 #bbpress-forums .bbp-topic-author, #bbpress-forums .bbp-reply-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { 5759 float: none; 5760 width: 100%; 5761 margin: 0 0 15px; 5762 text-align: left; 5763 } 5764 5765 #bbpress-forums .bbp-topic-content, #bbpress-forums .bbp-reply-content { 5766 margin-left: 0; 5767 padding: 0; 5768 } 5769 5770 #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { 5771 margin: 0 0 10px; 5772 } 5773 5774 #bbpress-forums .bbp-pagination-links { 5775 float: none; 5776 display: block; 5777 } 5778 5779 #bbpress-forums #bbp-single-user-details, #bbpress-forums #bbp-user-body { 5780 float: none; 5781 width: 100%; 5782 } 5783 5784 #bbpress-forums #bbp-single-user-details { 5785 margin-bottom: 30px; 5786 } 5787} 5788 5789@media screen and (min-width: 1200px) { 5790 #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { 5791 float: left; 5792 width: 55%; 5793 } 5794 5795 #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count { 5796 float: left; 5797 width: 10%; 5798 } 5799 5800 #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5801 float: left; 5802 width: 25%; 5803 } 5804 5805 #bbpress-forums .bbp-topic-author, #bbpress-forums .bbp-reply-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { 5806 float: left; 5807 width: 18%; 5808 } 5809 5810 #bbpress-forums .bbp-topic-content, #bbpress-forums .bbp-reply-content { 5811 margin-left: 20%; 5812 padding: 0; 5813 } 5814 5815 #bbpress-forums #bbp-single-user-details { 5816 float: left; 5817 width: 25%; 5818 } 5819 5820 #bbpress-forums #bbp-user-body { 5821 float: right; 5822 width: 70%; 5823 } 5824} 5825 5826/* bbpress avatars */ 5827 5828#bbpress-forums img.avatar, #bbpress-forums img.bbp-author-avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums .bbp-logged-in img.avatar, #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar, #bbpress-forums #bbp-user-avatar img.avatar { 5829 border-radius: 999px; 5830} 5831 5832/* pagination */ 5833 5834.navigation { 5835 padding-top: 30px; 5836} 5837 5838.navigation ul { 5839 margin: 0 !important; 5840} 5841 5842.navigation li {
5843 display: inline-block; 5844} 5845 5846.navigation li a, 5847.navigation li a:hover, 5848.navigation li.active a, 5849.navigation li.disabled { 5850 background-color: #ECEFF1; 5851 border-radius: 4px; 5852 color: #263238; 5853 cursor: pointer; 5854 padding: 5px 10px; 5855 text-decoration: none; 5856 font-size: 14px; 5857 line-height: 1; 5858} 5859 5860.navigation li a:hover, 5861.navigation li.active a { 5862 background-color: #001438; 5863 color: #ffffff; 5864} 5865 5866.woocommerce-cart .woocommerce-notices-wrapper { 5867 clear: both; 5868} 5869 5870.woocommerce-cart .woocommerce-cart-form { 5871 clear: both; 5872 margin-bottom: 30px; 5873} 5874 5875.woocommerce-cart .woocommerce-cart-form::after, .woocommerce-cart .cart-collaterals::after, .woocommerce-cart .cart_totals::after, .woocommerce-cart .shop_table td.actions::after { 5876 clear: both; 5877 content: ""; 5878 display: table; 5879} 5880 5881.woocommerce-cart .shop_table { 5882 width: 100%; 5883 margin: 0 0 30px; 5884 background: #ffffff; 5885 border: 1px solid #e0e0e0 !important; 5886 border-collapse: separate; 5887 border-spacing: 0; 5888 border-radius: 0; 5889 table-layout: auto; 5890} 5891 5892.woocommerce-cart .shop_table thead th { 5893 background: #eceff1 !important; 5894} 5895 5896.woocommerce-cart .shop_table th, .woocommerce-cart .shop_table td { 5897 padding: 12px 10px; 5898 background: #ffffff; 5899 border: 0 !important; 5900 border-right: 1px solid #e0e0e0 !important; 5901 border-bottom: 1px solid #e0e0e0 !important; 5902 color: #001438; 5903 line-height: 1.5; 5904 text-align: left; 5905 vertical-align: middle; 5906} 5907 5908.woocommerce-cart .shop_table th:last-child, .woocommerce-cart .shop_table td:last-child { 5909 border-right: 0 !important; 5910} 5911 5912.woocommerce-cart .shop_table tr:last-child th, .woocommerce-cart .shop_table tr:last-child td { 5913 border-bottom: 0 !important; 5914} 5915 5916.woocommerce-cart .shop_table th { 5917 font-weight: 600; 5918} 5919 5920.woocommerce-cart .shop_table .product-thumbnail img { 5921 display: block; 5922 max-width: 80px; 5923 height: auto; 5924 border-radius: 0; 5925 object-fit: cover; 5926} 5927 5928.woocommerce-cart .shop_table .product-name a { 5929 font-weight: 600; 5930} 5931 5932.woocommerce-cart .shop_table .product-price, .woocommerce-cart .shop_table .product-subtotal { 5933 color: #9E9D24; 5934 font-weight: 600; 5935} 5936 5937.woocommerce-cart .shop_table .product-remove { 5938 text-align: center; 5939} 5940 5941.woocommerce-cart .shop_table .product-remove a.remove { 5942 display: inline-block; 5943 width: 24px; 5944 height: 24px; 5945 border-radius: 999px !important; 5946 color: #ff1744 !important; 5947 font-size: 24px; 5948 font-weight: 700; 5949 line-height: 20px; 5950 text-align: center; 5951 text-decoration: none; 5952} 5953 5954.woocommerce-cart .shop_table .product-remove a.remove:hover { 5955 background: #ff1744; 5956 color: #ffffff !important; 5957} 5958 5959.woocommerce-cart .shop_table .quantity { 5960 margin: 0; 5961} 5962 5963.woocommerce-cart .shop_table .quantity input.qty, .woocommerce-cart .shop_table .quantity select.qty { 5964 width: 90px !important; 5965 max-width: 90px !important; 5966 text-align: center; 5967} 5968 5969.woocommerce-cart .shop_table td.actions { 5970 padding: 20px !important; 5971 border-right: 0 !important; 5972 border-bottom: 0 !important; 5973} 5974 5975.woocommerce-cart .coupon { 5976 display: flex; 5977 align-items: center; 5978 gap: 10px; 5979} 5980 5981.woocommerce-cart .coupon label { 5982 display: none; 5983} 5984 5985.woocommerce-cart .coupon input.input-text { 5986 width: auto !important; 5987 max-width: 100%; 5988 min-height: 46px; 5989 padding: 10px 16px !important; 5990 background: #ffffff !important; 5991 border: 0 !important; 5992 border-radius: 4px !important; 5993 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 5994 box-sizing: border-box; 5995 color: #001438 !important; 5996 font-size: 16px; 5997 line-height: 1.5; 5998} 5999 6000.woocommerce-cart .coupon input.input-text:focus { 6001 background: #ffffff !important; 6002 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 6003 color: #001438 !important; 6004 outline: 0 !important; 6005} 6006 6007.woocommerce-cart .coupon .button, form.woocommerce-cart-form button[name="update_cart"] { 6008 padding: 10px 16px; 6009 background: #5C6BC0 !important; 6010 border: 1px solid transparent !important; 6011 border-radius: 4px; 6012 box-sizing: border-box; 6013 color: #ffffff !important; 6014 cursor: pointer; 6015 font-size: 16px; 6016 font-weight: 700; 6017 line-height: 1.5; 6018 opacity: 1 !important; 6019 text-decoration: none; 6020} 6021 6022.woocommerce-cart .coupon .button:hover, .woocommerce-cart .coupon .button:focus, form.woocommerce-cart-form button[name="update_cart"]:hover, form.woocommerce-cart-form button[name="update_cart"]:focus { 6023 background: #283593 !important; 6024 color: #ffffff !important; 6025} 6026 6027form.woocommerce-cart-form button[name="update_cart"] { 6028 float: right; 6029} 6030 6031form.woocommerce-cart-form button[name="update_cart"]:disabled, form.woocommerce-cart-form button[name="update_cart"][disabled] { 6032 background: #eceff1 !important;
6033 border-color: #e0e0e0 !important; 6034 color: #001438 !important; 6035 cursor: not-allowed; 6036 opacity: 1 !important; 6037} 6038 6039.woocommerce-cart .cart-collaterals { 6040 clear: both; 6041 margin: 30px 0 0; 6042} 6043 6044.woocommerce-cart .cart_totals { 6045 clear: both; 6046 padding: 30px; 6047 margin: 0; 6048 background: #eceff1; 6049 border: 1px solid #e0e0e0; 6050 border-radius: 8px; 6051} 6052 6053.woocommerce-cart .cart_totals h2 { 6054 margin: 0 0 20px; 6055 padding: 0 0 10px; 6056 border-bottom: 1px solid #e0e0e0; 6057 font-size: 22px; 6058} 6059 6060.woocommerce-cart .cart_totals table { 6061 width: 100%; 6062 margin: 0; 6063 background: #ffffff; 6064 border: 1px solid #e0e0e0; 6065 border-collapse: separate; 6066 border-spacing: 0; 6067 border-radius: 0; 6068} 6069 6070.woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td { 6071 padding: 12px 10px; 6072 border: 0; 6073 border-right: 1px solid #e0e0e0; 6074 border-bottom: 1px solid #e0e0e0; 6075 line-height: 1.5; 6076 vertical-align: top; 6077} 6078 6079.woocommerce-cart .cart_totals table th:last-child, .woocommerce-cart .cart_totals table td:last-child { 6080 border-right: 0; 6081} 6082 6083.woocommerce-cart .cart_totals table tr:last-child th, .woocommerce-cart .cart_totals table tr:last-child td { 6084 border-bottom: 0; 6085} 6086 6087.woocommerce-cart .cart_totals table th { 6088 font-weight: 600; 6089 text-align: left; 6090} 6091 6092.woocommerce-cart .cart_totals .order-total .amount { 6093 color: #9E9D24; 6094 font-weight: 600; 6095} 6096 6097.woocommerce-cart .woocommerce-shipping-methods { 6098 margin: 0; 6099 padding: 0; 6100 list-style: none; 6101} 6102 6103.woocommerce-cart .woocommerce-shipping-methods li {
6104 display: flex; 6105 align-items: flex-start; 6106 gap: 8px; 6107 margin: 0 0 12px; 6108 font-size: 16px; 6109 line-height: 1.5; 6110} 6111 6112.woocommerce-cart .woocommerce-shipping-methods li:last-child { 6113 margin-bottom: 0; 6114} 6115 6116.woocommerce-cart .woocommerce-shipping-methods label { 6117 display: inline-block; 6118 color: #001438; 6119 cursor: pointer; 6120 font-size: 16px; 6121 line-height: 1.5; 6122} 6123 6124.woocommerce-cart .woocommerce-shipping-destination { 6125 margin: 10px 0; 6126 color: #001438; 6127 font-size: 14px; 6128 line-height: 1.5; 6129} 6130 6131.woocommerce-cart .shipping-calculator-button { 6132 display: inline-block; 6133 margin-top: 10px; 6134 color: #5C6BC0; 6135 cursor: pointer; 6136 font-weight: 500; 6137 text-decoration: underline; 6138} 6139 6140.woocommerce-cart .shipping-calculator-button:hover { 6141 color: #283593; 6142} 6143 6144.woocommerce-cart .shipping-calculator-form { 6145 margin-top: 15px; 6146} 6147 6148.woocommerce-cart .shipping-calculator-form .form-row { 6149 margin: 0 0 15px; 6150} 6151 6152.woocommerce-cart .shipping-calculator-form label { 6153 display: block; 6154 margin-bottom: 5px; 6155 color: #001438; 6156 font-weight: 500; 6157} 6158 6159.woocommerce-cart .shipping-calculator-form input, .woocommerce-cart .shipping-calculator-form select { 6160 width: 100%; 6161 box-sizing: border-box; 6162} 6163 6164.woocommerce-cart .shipping-calculator-form button.button { 6165 margin-top: 10px; 6166} 6167 6168.woocommerce-cart .wc-proceed-to-checkout { 6169 clear: both; 6170 margin-top: 20px; 6171 text-align: right; 6172} 6173 6174.woocommerce-cart .wc-proceed-to-checkout::after { 6175 clear: both; 6176 content: ""; 6177 display: table; 6178} 6179 6180.woocommerce-cart a.checkout-button { 6181 display: inline-block; 6182 padding: 14px 24px; 6183 background: #5C6BC0; 6184 border: 0; 6185 border-radius: 4px; 6186 color: #ffffff; 6187 font-size: 16px; 6188 line-height: 1.5; 6189 text-align: center; 6190 text-decoration: none; 6191} 6192 6193.woocommerce-cart a.checkout-button:hover { 6194 background: #283593; 6195 color: #ffffff; 6196} 6197 6198.woocommerce-cart .cross-sells { 6199 clear: both; 6200 width: 100%; 6201 margin: 40px 0 0; 6202} 6203 6204.woocommerce-cart .cross-sells h2 { 6205 margin: 0 0 20px; 6206 font-size: 24px; 6207} 6208 6209.woocommerce-cart .cross-sells ul.products { 6210 display: grid !important; 6211 gap: 30px; 6212 width: 100%; 6213 margin: 0 !important; 6214 padding: 0 !important; 6215} 6216 6217.woocommerce-cart .cross-sells ul.products::before, .woocommerce-cart .cross-sells ul.products::after { 6218 display: none !important; 6219 content: none !important; 6220} 6221 6222.woocommerce-cart .cross-sells ul.products li.product { 6223 clear: none !important; 6224 float: none !important; 6225 width: 100% !important; 6226 margin: 0 !important; 6227} 6228 6229.woocommerce-cart .cross-sells ul.products li.product a img { 6230 border-radius: 0; 6231 object-fit: contain !important; 6232 object-position: center center !important; 6233} 6234 6235.woocommerce-cart .cart-empty { 6236 clear: both; 6237 margin: 0 0 30px; 6238 color: #001438; 6239 font-size: 18px; 6240 line-height: 1.5; 6241 text-align: center; 6242} 6243 6244.woocommerce-cart .return-to-shop { 6245 clear: both; 6246 margin-top: 40px; 6247 text-align: center; 6248} 6249 6250.woocommerce-cart div.woocommerce-notices-wrapper ul { 6251 margin: 0; 6252 font-size: 18px; 6253} 6254 6255@media screen and (max-width: 1199px) { 6256 .woocommerce-cart .woocommerce-notices-wrapper { 6257 margin-bottom: 20px; 6258 } 6259 6260 .woocommerce-cart .shop_table { 6261 border: 0 !important; 6262 } 6263 6264 .woocommerce-cart .shop_table thead { 6265 display: none; 6266 } 6267 6268 .woocommerce-cart .shop_table, .woocommerce-cart .shop_table tbody, .woocommerce-cart .shop_table tr, .woocommerce-cart .shop_table td { 6269 display: block; 6270 width: 100%; 6271 box-sizing: border-box; 6272 } 6273 6274 .woocommerce-cart .shop_table tr { 6275 margin-bottom: 20px; 6276 border: 1px solid #e0e0e0; 6277 } 6278 6279 .woocommerce-cart .shop_table td { 6280 border-right: 0 !important; 6281 border-bottom: 1px solid #e0e0e0 !important; 6282 text-align: left; 6283 } 6284 6285 .woocommerce-cart .shop_table td:last-child { 6286 border-bottom: 0 !important; 6287 } 6288 6289 .woocommerce-cart .shop_table td::before { 6290 display: block; 6291 margin-bottom: 5px; 6292 font-weight: 600; 6293 } 6294 6295 .woocommerce-cart .shop_table td.product-remove, .woocommerce-cart .shop_table td.actions { 6296 text-align: left; 6297 } 6298 6299 .woocommerce-cart .coupon { 6300 display: block; 6301 margin-bottom: 15px; 6302 } 6303 6304 .woocommerce-cart .coupon input.input-text { 6305 width: 100% !important; 6306 margin-bottom: 10px; 6307 } 6308 6309 .woocommerce-cart .coupon .button, form.woocommerce-cart-form button[name="update_cart"], .woocommerce-cart a.checkout-button { 6310 display: block; 6311 width: 100%; 6312 float: none; 6313 text-align: center; 6314 } 6315 6316 .woocommerce-cart .cross-sells ul.products { 6317 grid-template-columns: 1fr; 6318 } 6319 6320 .woocommerce-cart .cart_totals { 6321 padding: 20px; 6322 } 6323 6324 .woocommerce-cart .wc-proceed-to-checkout { 6325 text-align: left; 6326 } 6327} 6328 6329@media screen and (min-width: 1200px) { 6330 .woocommerce-cart .woocommerce-notices-wrapper { 6331 margin-bottom: 30px; 6332 } 6333 6334 .woocommerce-cart .cart-collaterals { 6335 display: flex; 6336 align-items: flex-start; 6337 justify-content: space-between; 6338 gap: 40px; 6339 } 6340 6341 .woocommerce-cart .cart-collaterals::after { 6342 display: none; 6343 } 6344 6345 .woocommerce-cart .cart-collaterals .cross-sells { 6346 clear: none; 6347 flex: 1 1 auto; 6348 float: none !important; 6349 order: 1; 6350 width: auto !important; 6351 margin: 0; 6352 } 6353 6354 .woocommerce-cart .cart-collaterals .cart_totals { 6355 clear: none; 6356 flex: 0 0 42%; 6357 float: none !important; 6358 order: 2; 6359 width: 42% !important; 6360 } 6361 6362 .woocommerce-cart .cross-sells ul.products { 6363 grid-template-columns: repeat(2, minmax(0, 1fr)); 6364 } 6365 6366 .woocommerce-cart .cross-sells ul.products li.product a img { 6367 height: 220px !important; 6368 max-height: 220px !important; 6369 } 6370} 6371
6372body.woocommerce-checkout #topbar, 6373body.woocommerce-checkout #header-basic, 6374body.woocommerce-checkout #header-half-hero, 6375body.woocommerce-checkout #header-mini-hero, 6376body.woocommerce-checkout #header-full-hero, 6377body.woocommerce-checkout .breadcrumbs { 6378 display: none; 6379} 6380 6381body.woocommerce-checkout #main { 6382 background: #f5f7f8; 6383} 6384 6385body.woocommerce-checkout #content-wrapper { 6386 background: transparent; 6387 border-radius: 0; 6388} 6389 6390.woocommerce-checkout .woocommerce-notices-wrapper, .woocommerce-checkout form.checkout { 6391 clear: both; 6392} 6393 6394.woocommerce-checkout form.checkout::after, .woocommerce-checkout .col2-set::after, .woocommerce-checkout #order_review::after, .woocommerce-checkout .woocommerce-checkout-payment::after { 6395 clear: both; 6396 content: ""; 6397 display: table; 6398} 6399 6400.woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-account-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review { 6401 clear: both; 6402 padding: 24px; 6403 margin: 0 0 24px; 6404 background: #ffffff; 6405 border: 1px solid #e0e0e0; 6406 border-radius: 8px; 6407} 6408 6409.woocommerce-checkout .woocommerce-form-login-toggle { 6410 clear: both; 6411 margin: 0 0 20px; 6412} 6413 6414.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info { 6415 margin-bottom: 0 !important; 6416} 6417 6418.woocommerce-checkout .woocommerce-form-login p:last-child, .woocommerce-checkout .woocommerce-billing-fields p:last-child, .woocommerce-checkout .woocommerce-account-fields p:last-child, .woocommerce-checkout .woocommerce-shipping-fields p:last-child, .woocommerce-checkout .woocommerce-a
6418dditional-fields p:last-child { 6419 margin-bottom: 0; 6420} 6421 6422.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading { 6423 clear: both; 6424 margin: 0 0 16px; 6425 padding: 0 0 12px; 6426 border-bottom: 1px solid #e0e0e0; 6427 font-size: 22px; 6428 font-weight: 600; 6429 line-height: 1.35; 6430} 6431 6432.woocommerce-checkout #order_review_heading { 6433 padding: 0; 6434 border-bottom: 0; 6435} 6436 6437.woocommerce-checkout .form-row { 6438 clear: both; 6439 margin: 0 0 16px; 6440 padding: 0; 6441} 6442 6443.woocommerce-checkout .form-row::after { 6444 clear: both; 6445 content: ""; 6446 display: table; 6447} 6448 6449.woocommerce-checkout .form-row label { 6450 display: block; 6451 margin: 0 0 6px; 6452 color: #001438; 6453 font-weight: 600; 6454 line-height: 1.5; 6455} 6456 6457.woocommerce-checkout .form-row label.checkbox, .woocommerce-checkout .woocommerce-form__label-for-checkbox { 6458 display: inline-flex; 6459 align-items: flex-start; 6460 gap: 8px; 6461 font-weight: 400; 6462} 6463 6464.woocommerce-checkout .form-row .optional { 6465 font-weight: 400; 6466 opacity: 0.65; 6467} 6468 6469.woocommerce-checkout .form-row .required { 6470 color: #ff1744; 6471 font-weight: 600; 6472 text-decoration: none; 6473} 6474 6475.woocommerce-checkout .woocommerce-input-wrapper { 6476 display: block; 6477 width: 100%; 6478} 6479 6480.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select, .woocommerce-checkout textarea { 6481 width: 100%; 6482 max-width: 100%; 6483 box-sizing: border-box; 6484} 6485 6486.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select, .woocommerce-checkout textarea { 6487 background: #ffffff; 6488 border: 0; 6489 border-radius: 4px; 6490 box-shadow: inset 0 0 0 1px #e0e0e0; 6491 color: #001438; 6492} 6493 6494.woocommerce-checkout input[type="text"]:focus, .woocommerce-checkout input[type="email"]:focus, .woocommerce-checkout input[type="tel"]:focus, .woocommerce-checkout input[type="password"]:focus, .woocommerce-checkout select:focus, .woocommerce-checkout textarea:focus { 6495 box-shadow: inset 0 0 0 2px #5C6BC0; 6496 outline: 0; 6497} 6498 6499.woocommerce-checkout #order_comments { 6500 border: 1px solid #e0e0e0 !important; 6501 box-shadow: none !important; 6502} 6503 6504.woocommerce-checkout #order_comments:focus { 6505 border-color: #5C6BC0 !important; 6506 box-shadow: none !important; 6507 outline: 0; 6508} 6509 6510.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select { 6511 min-height: 46px; 6512} 6513 6514.woocommerce-checkout textarea { 6515 min-height: 120px; 6516 resize: vertical; 6517} 6518 6519.woocommerce-checkout input[type="radio"], .woocommerce-checkout input[type="checkbox"] { 6520 flex: 0 0 auto; 6521 width: auto; 6522 height: auto; 6523 margin: 5px 0 0; 6524 appearance: auto; 6525 -webkit-appearance: auto; 6526 -moz-appearance: auto; 6527 background: transparent; 6528 box-shadow: none !important; 6529} 6530 6531.woocommerce-checkout .select2-container { 6532 max-width: 100%; 6533} 6534 6535.woocommerce-checkout .select2-container .select2-selection--single { 6536 min-height: 46px; 6537 background: #ffffff; 6538 border: 0; 6539 border-radius: 4px; 6540 box-shadow: inset 0 0 0 1px #e0e0e0; 6541 color: #001438; 6542 font-family: inherit; 6543 font-size: 16px; 6544 font-weight: 400; 6545 line-height: 1.5; 6546 transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out; 6547} 6548 6549.woocommerce-checkout .select2-container .select2-selection--single:focus, .woocommerce-checkout .select2-container.select2-container--focus .select2-selection--single, .woocommerce-checkout .select2-container.select2-container--open .select2-selection--single { 6550 background: #ffffff; 6551 box-shadow: inset 0 0 0 2px #5C6BC0; 6552 color: #001438; 6553 outline: 0; 6554} 6555 6556.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { 6557 padding: 10px 44px 10px 16px; 6558 color: #001438; 6559 font-family: inherit; 6560 font-size: 16px; 6561 font-weight: 400; 6562 line-height: 1.5; 6563} 6564 6565.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__placeholder { 6566 color: #001438; 6567 opacity: 0.65; 6568} 6569 6570.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { 6571 top: 0; 6572 right: 12px; 6573 height: 100%; 6574} 6575 6576.woocommerce-checkout .woocommerce-invalid input[type="text"], .woocommerce-checkout .woocommerce-invalid input[type="email"], .woocommerce-checkout .woocommerce-invalid input[type="tel"], .woocommerce-checkout .woocommerce-invalid input[type="password"], .woocommerce-checkout .woocommerce-invalid select, .woocommerce-checkout .woocommerce-invalid textarea, .woocommerce-checkout .woocommerce-invalid .select2-container .select2-selection--single { 6577 box-shadow: inset 0 0 0 2px #ff1744 !important; 6578} 6579 6580.woocommerce-checkout .woocommerce-validated input[type="text"], .woocommerce-checkout .woocommerce-validated input[type="email"], .woocommerce-checkout .woocommerce-validated input[type="tel"], .woocommerce-checkout .woocommerce-validated input[type="password"], .woocommerce-checkout .woocommerce-validated select, .woocommerce-checkout .woocommerce-validated textarea, .woocommerce-checkout .woocommerce-validated .select2-container .select2-selection--single { 6581 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 6582} 6583 6584.woocommerce-checkout .woocommerce-account-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-a
6584dditional-fields { 6585 clear: both; 6586} 6587 6588.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address { 6589 margin: 0 0 20px; 6590} 6591 6592.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label { 6593 font-weight: 600; 6594} 6595 6596.woocommerce-checkout-review-order-table { 6597 width: 100%; 6598 margin: 0 0 16px; 6599 background: #ffffff; 6600 border: 1px solid #e0e0e0; 6601 border-collapse: separate; 6602 border-spacing: 0; 6603 border-radius: 4px; 6604 overflow: hidden; 6605 table-layout: fixed; 6606} 6607 6608.woocommerce-checkout-review-order-table .product-name { 6609 width: 75%; 6610} 6611 6612.woocommerce-checkout-review-order-table .product-total { 6613 width: 25%; 6614} 6615 6616.woocommerce-checkout-review-order-table .shipping { 6617 display: flex; 6618 width: 100%; 6619} 6620 6621.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { 6622 padding: 16px 12px; 6623 border: 0; 6624 border-bottom: 1px solid #e0e0e0; 6625 color: #001438; 6626 line-height: 1.5; 6627 text-align: left; 6628 vertical-align: top; 6629} 6630 6631.woocommerce-checkout-review-order-table th:last-child, .woocommerce-checkout-review-order-table td:last-child { 6632 text-align: right; 6633} 6634 6635.woocommerce-checkout-review-order-table thead th { 6636 background: #eceff1; 6637 font-weight: 600; 6638} 6639 6640.woocommerce-checkout-review-order-table tbody tr:last-child td, .woocommerce-checkout-review-order-table tfoot tr:last-child th, .woocommerce-checkout-review-order-table tfoot tr:last-child td { 6641 border-bottom: 0; 6642} 6643 6644.woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td { 6645 color: #9E9D24; 6646 font-weight: 600; 6647} 6648 6649.woocommerce-checkout-review-order-table .cart_item .product-name { 6650 font-weight: 600; 6651} 6652 6653.woocommerce-checkout-review-order-table .product-quantity { 6654 font-weight: 400; 6655 opacity: 0.75; 6656} 6657 6658.woocommerce-checkout-review-order-table .variation { 6659 clear: both; 6660 margin: 6px 0 0; 6661 color: #001438; 6662 font-size: 13px; 6663 font-weight: 400; 6664 line-height: 1.4; 6665 opacity: 0.75; 6666} 6667 6668.woocommerce-checkout-review-order-table .variation dt, .woocommerce-checkout-review-order-table .variation dd { 6669 display: inline; 6670 margin: 0; 6671 padding: 0; 6672} 6673 6674.woocommerce-checkout-review-order-table .variation dt { 6675 font-weight: 600; 6676} 6677 6678.woocommerce-checkout-review-order-table .variation dd p { 6679 display: inline; 6680 margin: 0; 6681} 6682 6683.woocommerce-checkout-review-order-table .variation dd:after { 6684 content: ""; 6685 display: block; 6686} 6687 6688.woocommerce-checkout-review-order-table .shipping th, .woocommerce-checkout-review-order-table .shipping td, .woocommerce-checkout-review-order-table .shipping td:last-child { 6689 text-align: left; 6690} 6691 6692.woocommerce-checkout-review-order-table .shipping th { 6693 flex: 0 0 25%; 6694 width: auto; 6695} 6696 6697.woocommerce-checkout-review-order-table .shipping td { 6698 flex: 1 1 75%; 6699 width: auto; 6700 min-width: 0; 6701} 6702 6703.woocommerce-checkout-review-order-table .shipping ul { 6704 width: 100%; 6705 margin: 0; 6706 padding: 0; 6707 list-style: none; 6708} 6709 6710.woocommerce-checkout-review-order-table .shipping li { 6711 display: flex; 6712 align-items: flex-start; 6713 gap: 8px; 6714 margin: 0 0 8px; 6715 list-style: none; 6716 text-align: left; 6717} 6718 6719.woocommerce-checkout-review-order-table .shipping li:last-child { 6720 margin-bottom: 0; 6721} 6722 6723.woocommerce-checkout-review-order-table .shipping li label { 6724 flex: 1 1 auto; 6725 display: block; 6726 text-align: left; 6727} 6728 6729.woocommerce-checkout-review-order-table .shipping input[type="radio"] { 6730 flex: 0 0 auto; 6731 float: none; 6732 margin: 5px 0 0; 6733} 6734 6735.woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { 6736 font-size: 18px; 6737 font-weight: 700; 6738} 6739 6740.woocommerce-checkout .woocommerce-checkout-payment { 6741 clear: both; 6742 padding: 0; 6743 margin: 0; 6744 background: transparent; 6745 border: 0; 6746 border-radius: 0; 6747} 6748 6749body.woocommerce-checkout #payment { 6750 background: transparent; 6751 border-radius: 0; 6752} 6753 6754body.woocommerce-checkout #payment ul.payment_methods { 6755 margin: 0 0 16px; 6756 padding: 0; 6757 border-bottom: 0; 6758 list-style: none; 6759} 6760 6761body.woocommerce-checkout #payment ul.payment_methods li { 6762 clear: both; 6763 margin: 0; 6764 padding: 16px 0; 6765 background: transparent; 6766 border: 0; 6767 border-top: 1px solid #e0e0e0; 6768 border-radius: 0; 6769 color: #001438; 6770 list-style: none; 6771 line-height: 1.5; 6772} 6773
6774body.woocommerce-checkout #payment ul.payment_methods li:first-child { 6775 padding-top: 0; 6776 border-top: 0; 6777} 6778 6779body.woocommerce-checkout #payment ul.payment_methods li:last-child { 6780 margin-bottom: 0; 6781} 6782 6783body.woocommerce-checkout #payment ul.payment_methods li::after { 6784 clear: both; 6785 content: ""; 6786 display: table; 6787} 6788 6789body.woocommerce-checkout #payment ul.payment_methods input[type="radio"] { 6790 float: none; 6791 margin: 5px 8px 0 0; 6792} 6793 6794body.woocommerce-checkout #payment ul.payment_methods label { 6795 display: inline-flex; 6796 align-items: flex-start; 6797 gap: 8px; 6798 margin: 0; 6799 color: #001438; 6800 font-weight: 600; 6801 line-height: 1.5; 6802} 6803 6804body.woocommerce-checkout #payment .payment_box { 6805 clear: both; 6806 padding: 12px 0 0; 6807 margin: 12px 0 0; 6808 background: transparent; 6809 border: 0; 6810 border-radius: 0; 6811 color: #001438; 6812 line-height: 1.5; 6813} 6814 6815body.woocommerce-checkout #payment .payment_box::before { 6816 display: none; 6817} 6818 6819.woocommerce-checkout-payment .payment_box p { 6820 margin: 0 0 16px; 6821} 6822 6823.woocommerce-checkout-payment .payment_box p:last-child { 6824 margin-bottom: 0; 6825} 6826 6827.woocommerce-checkout-payment .payment_box fieldset, .woocommerce-checkout-payment .wc-payment-form, .woocommerce-checkout-payment .wc-upe-form { 6828 clear: both; 6829 margin: 0; 6830 padding: 0; 6831 border: 0; 6832} 6833 6834.woocommerce-checkout-payment .payment_box .form-row { 6835 margin-bottom: 16px; 6836} 6837 6838.woocommerce-checkout-payment .wc-saved-payment-methods { 6839 margin: 0 0 16px; 6840 padding: 0; 6841 list-style: none; 6842} 6843 6844.woocommerce-checkout-payment .wc-saved-payment-methods li { 6845 margin: 0; 6846 padding: 0; 6847 background: transparent; 6848 border: 0; 6849 border-radius: 0; 6850} 6851 6852body.woocommerce-checkout #payment .wc-stripe-upe-element, body.woocommerce-checkout #payment .StripeElement { 6853 width: 100%; 6854 min-height: 46px; 6855 padding: 8px 12px; 6856 background: #ffffff; 6857 border-radius: 4px; 6858 box-shadow: inset 0 0 0 1px #e0e0e0; 6859 box-sizing: border-box; 6860} 6861 6862body.woocommerce-checkout #payment #wc-stripe-upe-form .wc-stripe-upe-element, body.woocommerce-checkout #payment #wc-stripe-upe-form .StripeElement { 6863 min-height: 0; 6864 padding: 0; 6865 background: transparent; 6866 border-radius: 0; 6867 box-shadow: none; 6868} 6869 6870body.woocommerce-checkout #payment p.form-row.woocommerce-SavedPaymentMethods-saveNew { 6871 display: flex; 6872 align-items: center; 6873 gap: 0; 6874 margin: 12px 0 0; 6875 padding: 0; 6876} 6877 6878body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] { 6879 flex: 0 0 auto; 6880 margin: 0; 6881} 6882 6883body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew label { 6884 flex: 1 1 auto; 6885 display: block !important; 6886 margin: 0; 6887 padding-left: 8px; 6888 font-size: 14px; 6889 font-weight: 400 !important; 6890 line-height: 1.5; 6891} 6892 6893.woocommerce-checkout-payment #wc-stripe-upe-errors { 6894 clear: both; 6895 margin: 12px 0 0; 6896 color: #ff1744; 6897 font-weight: 600; 6898 line-height: 1.5; 6899} 6900 6901body.woocommerce-checkout #payment .place-order { 6902 clear: both; 6903 margin: 16px 0 0; 6904 padding: 16px 0 0; 6905 background: transparent; 6906 border-top: 1px solid #e0e0e0; 6907} 6908 6909.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper { 6910 margin: 0 0 12px; 6911 padding: 0; 6912 border-top: 0; 6913} 6914 6915.woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text { 6916 color: #001438; 6917 font-size: 12px; 6918 line-height: 1.5; 6919} 6920 6921.woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p { 6922 margin: 0 0 16px; 6923} 6924 6925.woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p:last-child { 6926 margin-bottom: 0; 6927} 6928 6929.woocommerce-checkout #place_order { 6930 display: block; 6931 float: none; 6932 width: 100%; 6933 margin: 0; 6934 padding: 12px 24px; 6935 font-size: 18px; 6936 font-weight: 700; 6937 line-height: 1.2; 6938 text-align: center; 6939} 6940 6941#ppc-button-ppcp-applepay, #ppc-button-ppcp-googlepay { 6942 clear: both; 6943 width: 100%; 6944 margin: 16px 0 0; 6945} 6946 6947#ppc-button-ppcp-applepay iframe, #ppc-button-ppcp-googlepay iframe { 6948 max-width: 100%; 6949} 6950 6951#ppc-button-ppcp-applepay:empty, #ppc-button-ppcp-googlepay:empty {
6952 display: none; 6953} 6954 6955@media screen and (max-width: 1199px) { 6956 .woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-account-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review { 6957 padding: 20px; 6958 margin-bottom: 24px; 6959 } 6960 6961 6962 .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { 6963 float: none; 6964 width: 100%; 6965 } 6966 6967 .woocommerce-checkout .form-row-first { 6968 clear: left !important; 6969 float: left !important; 6970 width: calc(50% - 8px) !important; 6971 margin: 0 0 16px !important; 6972 } 6973 6974 .woocommerce-checkout .form-row-last { 6975 clear: right !important; 6976 float: right !important; 6977 width: calc(50% - 8px) !important; 6978 margin: 0 0 16px !important; 6979 } 6980} 6981 6982@media screen and (min-width: 1200px) { 6983 .woocommerce-checkout form.checkout { 6984 display: grid; 6985 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 6986 column-gap: 32px; 6987 align-items: start; 6988 } 6989 6990 .woocommerce-checkout #customer_details { 6991 grid-column: 1; 6992 grid-row: 1; 6993 margin: 0; 6994 } 6995 6996 .woocommerce-checkout #order_review_heading { 6997 grid-column: 2; 6998 grid-row: 1; 6999 align-self: start; 7000 } 7001 7002 .woocommerce-checkout #order_review { 7003 grid-column: 2; 7004 grid-row: 1; 7005 align-self: start; 7006 margin: 44px 0 24px; 7007 } 7008 7009 .woocommerce-checkout #customer_details.col2-set .col-1, .woocommerce-checkout #customer_details.col2-set .col-2 { 7010 float: none; 7011 width: 100%; 7012 } 7013 7014 .woocommerce-checkout #customer_details.col2-set .col-2 { 7015 margin-top: 24px; 7016 } 7017 7018 .woocommerce-checkout .form-row-first { 7019 clear: left !important; 7020 float: left !important; 7021 width: calc(50% - 8px) !important; 7022 margin: 0 0 16px !important; 7023 } 7024 7025 .woocommerce-checkout .form-row-last { 7026 clear: right !important; 7027 float: right !important; 7028 width: calc(50% - 8px) !important; 7029 margin: 0 0 16px !important; 7030 } 7031 7032 .woocommerce-checkout .form-row-wide { 7033 clear: both; 7034 float: none; 7035 width: 100%; 7036 } 7037} 7038body.woocommerce-checkout .checkout-title-row { 7039 display: flex; 7040 align-items: flex-start; 7041 gap: 24px; 7042} 7043 7044body.woocommerce-checkout .checkout-title-row.divide { 7045 margin-bottom: 32px; 7046 padding-bottom: 16px; 7047 border-bottom: 2px solid #2528e8; 7048} 7049 7050body.woocommerce-checkout .checkout-title-row .entry-title { 7051 flex: 1 1 auto; 7052 align-self: flex-end; 7053 margin-bottom: 0; 7054 line-height: 1 !important; 7055} 7056 7057body.woocommerce-checkout .checkout-title-row .entry-title.divide:after { 7058 display: none; 7059} 7060 7061body.woocommerce-checkout .checkout-title-row .checkout-logo { 7062 display: block; 7063 width: auto; 7064 max-width: 192px; 7065 height: auto; 7066 max-height: 64px; 7067 object-fit: contain; 7068} 7069 7070@media screen and (max-width: 1199px) { 7071 body.woocommerce-checkout .checkout-title-row { 7072 gap: 16px; 7073 } 7074 7075 body.woocommerce-checkout .checkout-title-row.divide { 7076 margin-bottom: 24px; 7077 padding-bottom: 12px; 7078 } 7079 7080 body.woocommerce-checkout .checkout-title-row .checkout-logo { 7081 max-width: 144px; 7082 max-height: 48px; 7083 } 7084} 7085.woocommerce, .woocommerce-page { 7086 clear: both; 7087} 7088 7089.woocommerce::after, .woocommerce-page::after, .woocommerce .products::after, .woocommerce-page .products::after, .woocommerce .col2-set::after, .woocommerce-page .col2-set::after { 7090 clear: both; 7091 content: ""; 7092 display: table; 7093} 7094 7095.woocommerce .clear, .woocommerce-page .clear { 7096 clear: both; 7097} 7098 7099.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { 7100 clear: both; 7101 margin: 0 0 30px; 7102 padding: 0; 7103 color: #607D8B; 7104 font-size: 14px; 7105 line-height: 1.5; 7106} 7107 7108.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce-page .woocommerce-breadcrumb a:hover { 7109 color: #607D8B; 7110} 7111 7112.woocommerce .blockUI.blockOverlay, .woocommerce-page .blockUI.blockOverlay { 7113 background: #ffffff !important; 7114 opacity: 0.6 !important; 7115} 7116 7117.woocommerce .loader::before, .woocommerce-page .loader::before { 7118 border-color: #5C6BC0; 7119} 7120 7121.woocommerce .term-description { 7122 clear: both; 7123 margin: 0 0 30px; 7124 color: #607D8B; 7125 font-size: 18px; 7126 line-height: 1.5; 7127} 7128 7129.woocommerce .term-description p:last-child { 7130 margin-bottom: 0; 7131} 7132 7133.woocommerce .page-description { 7134 clear: both; 7135 margin: 0 0 30px; 7136} 7137 7138.woocommerce .page-description p:last-child { 7139 margin-bottom: 0; 7140} 7141 7142.woocommerce div.coupon, .woocommerce-page div.coupon { 7143 display: flex; 7144} 7145 7146.woocommerce mark, .woocommerce-page mark { 7147 background: #eceff1; 7148 border-radius: 4px; 7149 color: #001438; 7150 font-weight: 600; 7151} 7152 7153.woocommerce small.note, .woocommerce-page small.note { 7154 display: block; 7155 margin: 8px 0 0; 7156 color: #001438; 7157 font-size: 12px; 7158 line-height: 1.5; 7159} 7160 7161.woocommerce .required, .woocommerce-page .required { 7162 color: #ff1744; 7163 font-weight: 600; 7164 text-decoration: none; 7165} 7166 7167.woocommerce .optional, .woocommerce-page .optional { 7168 font-weight: 400; 7169} 7170 7171.woocommerce p.woocommerce-result-count, p.woocommerce-result-count { 7172 color: #607D8B; 7173 font-size: 16px; 7174 font-weight: 600; 7175 line-height: 1.5 !important; 7176} 7177 7178.woocommerce-checkout #place_order { 7179 background: #5C6BC0 !important; 7180 border: 0 !important; 7181 box-shadow: none !important; 7182 color: #ffffff !important; 7183} 7184 7185.woocommerce-checkout #place_order:hover, .woocommerce-checkout #place_order:focus { 7186 background: #283593 !important; 7187 border: 0 !important; 7188 box-shadow: none !important; 7189 color: #ffffff !important; 7190} 7191 7192.woocommerce-checkout #order_comments { 7193 border: 0 !important; 7194 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 7195} 7196 7197.woocommerce-checkout #order_comments:focus { 7198 border: 0 !important; 7199 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 7200 outline: 0; 7201} 7202 7203.woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td { 7204 color: #001438; 7205 font-weight: 400; 7206} 7207 7208.woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { 7209 font-weight: 700; 7210} 7211 7212@media screen and (max-width: 1199px) { 7213 .woocommerce p.woocommerce-result-count, p.woocommerce-result-count { 7214 display: block; 7215 float: none !important; 7216 margin: 0 0 20px !important; 7217 padding: 0 !important; 7218 } 7219} 7220 7221@media screen and (min-width: 1200px) { 7222 .woocommerce p.woocommerce-result-count, p.woocommerce-result-count { 7223 float: left !important; 7224 margin: 0 0 20px !important; 7225 padding: 5px 0 !important; 7226 } 7227} 7228 7229form.woocommerce-ordering, .woocommerce form.woocommerce-ordering { 7230 clear: none; 7231 margin: 0 0 30px; 7232} 7233 7234form.woocommerce-ordering select, .woocommerce form.woocommerce-ordering select { 7235 appearance: none !important; 7236 -webkit-appearance: none !important; 7237 -moz-appearance: none !important; 7238 min-width: 220px !important; 7239 height: 46px !important; 7240 min-height: 46px !important; 7241 padding: 10px 44px 10px 16px !important; 7242 background-color: #ffffff !important; 7243 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23001438" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') !important; 7244 background-position: right 14px center !important; 7245 background-repeat: no-repeat !important; 7246 background-size: 16px !important; 7247 border: 0 !important; 7248 border-radius: 4px !important; 7249 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 7250 color: #001438 !important; 7251 cursor: pointer !important; 7252 font-size: 16px !important; 7253 font-weight: 400 !important; 7254 line-height: 1.5 !important; 7255 vertical-align: middle !important; 7256} 7257 7258form.woocommerce-ordering select:active, form.woocommerce-ordering select:focus, .woocommerce form.woocommerce-ordering select:active, .woocommerce form.woocommerce-ordering select:focus { 7259 background-color: #ffffff !important; 7260 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 7261 color: #001438 !important; 7262 outline: 0 !important; 7263} 7264 7265.woocommerce .woocommerce-ordering::after { 7266 clear: both; 7267 content: ""; 7268 display: table; 7269} 7270 7271@media screen and (max-width: 1199px) { 7272 form.woocommerce-ordering, .woocommerce form.woocommerce-ordering { 7273 float: none !important; 7274 width: 100%; 7275 } 7276
7277 form.woocommerce-ordering select, .woocommerce form.woocommerce-ordering select { 7278 width: 100% !important; 7279 } 7280} 7281 7282@media screen and (min-width: 1200px) { 7283 form.woocommerce-ordering, .woocommerce form.woocommerce-ordering { 7284 float: right !important; 7285 width: auto; 7286 } 7287} 7288 7289.woocommerce ul.products { 7290 clear: both; 7291 display: grid; 7292 margin: 0 !important; 7293 padding: 30px 0 0 !important; 7294 list-style: none; 7295} 7296 7297.woocommerce ul.products::before, .woocommerce ul.products::after { 7298 display: none !important; 7299 content: none !important; 7300} 7301 7302.woocommerce ul.products li.product { 7303 position: relative; 7304 float: none !important; 7305 clear: none !important; 7306 width: 100% !important; 7307 margin: 0 !important; 7308 padding: 0; 7309 border-radius: 0; 7310 list-style: none outside !important; 7311 line-height: 1.5 !important; 7312 text-align: left; 7313} 7314 7315.woocommerce ul.products li.product a { 7316 display: block; 7317 text-decoration: none; 7318} 7319 7320.woocommerce ul.products li.product a img, .woocommerce .products .product-category img { 7321 display: block !important; 7322 width: 100% !important; 7323 height: auto; 7324 margin: 0 0 15px !important; 7325 border-radius: 0; 7326 box-shadow: none; 7327} 7328 7329.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2, .woocommerce ul.products li.product h3 { 7330 margin: 0 0 10px; 7331 padding: 0; 7332 color: #001438; 7333 font-size: 18px; 7334 font-weight: 600; 7335 line-height: 1.3; 7336} 7337 7338.woocommerce ul.products li.product .price { 7339 display: block; 7340 margin: 0 0 15px; 7341 color: #9E9D24 !important; 7342 font-size: 16px !important; 7343 font-weight: 600 !important; 7344 line-height: 1.5 !important; 7345} 7346 7347.woocommerce ul.products li.product .price del { 7348 color: #001438; 7349 opacity: 0.6; 7350} 7351 7352.woocommerce ul.products li.product .price ins { 7353 background: transparent; 7354 font-weight: 600; 7355 text-decoration: none; 7356} 7357 7358.woocommerce ul.products li.product .star-rating { 7359 display: block; 7360 margin: 0 0 10px; 7361} 7362 7363.woocommerce ul.products li.product .button { 7364 display: inline-block; 7365 margin: 0; 7366} 7367 7368.woocommerce ul.products li.product .added_to_cart { 7369 display: inline-block; 7370 margin-left: 10px; 7371 font-size: 12px; 7372 line-height: 1.5; 7373} 7374 7375.woocommerce ul.products li.product .onsale { 7376 top: 10px; 7377 left: 10px; 7378 right: auto; 7379 margin: 0; 7380} 7381 7382.woocommerce ul.products li.product .woocommerce-placeholder { 7383 border: 0; 7384} 7385 7386.woocommerce .products .product-category h2, .woocommerce .products .product-category h3 { 7387 margin: 0; 7388 font-size: 18px; 7389 font-weight: 600; 7390 line-height: 1.3; 7391} 7392 7393.woocommerce .products .product-category mark { 7394 background: transparent; 7395 color: #001438; 7396 font-weight: 400; 7397} 7398 7399.woocommerce .woocommerce-result-count { 7400 margin: 0 0 20px; 7401 color: #001438; 7402 font-size: 14px; 7403 line-height: 1.5; 7404} 7405 7406.woocommerce .woocommerce-ordering { 7407 margin: 0 0 20px; 7408} 7409 7410.woocommerce .woocommerce-ordering select { 7411 max-width: 100%; 7412} 7413 7414@media screen and (max-width: 1199px) { 7415 .woocommerce ul.products { 7416 grid-template-columns: 1fr; 7417 gap: 30px; 7418 } 7419 7420 .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { 7421 float: none; 7422 width: 100%; 7423 } 7424} 7425 7426@media screen and (min-width: 1200px) { 7427 .woocommerce ul.products { 7428 grid-template-columns: repeat(3, minmax(0, 1fr)); 7429 gap: 30px 4%; 7430 } 7431 7432 .woocommerce ul.products li.product a img, .woocommerce .products .product-category img { 7433 height: 220px !important; 7434 max-height: 220px !important; 7435 object-fit: contain !important; 7436 object-position: center center !important; 7437 } 7438 7439 .woocommerce .woocommerce-result-count { 7440 float: left; 7441 } 7442 7443 .woocommerce .woocommerce-ordering { 7444 float: right; 7445 } 7446} 7447 7448.woocommerce div.product { 7449 clear: both; 7450} 7451 7452.woocommerce div.product::after, .woocommerce div.product .woocommerce-tabs::after, .woocommerce div.product .woocommerce-product-gallery::after, .woocommerce div.product .summary::after, .woocommerce #reviews::after { 7453 clear: both; 7454 content: ""; 7455 display: table; 7456} 7457 7458.woocommerce div.product div.images, .woocommerce div.product div.summary { 7459 margin-bottom: 30px; 7460} 7461 7462.woocommerce div.product div.images { 7463 position: relative; 7464} 7465 7466.woocommerce div.product div.images img { 7467 display: block; 7468 width: 100%; 7469 height: auto; 7470 border-radius: 0; 7471 box-shadow: none; 7472} 7473 7474.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { 7475 margin: 0; 7476 padding: 0; 7477} 7478 7479.woocommerce div.product div.images .woocommerce-product-gallery__image { 7480 margin: 0; 7481 padding: 0; 7482} 7483 7484.woocommerce div.product div.images .flex-control-thumbs { 7485 clear: both; 7486 display: grid; 7487 grid-template-columns: repeat(4, minmax(0, 1fr)); 7488 gap: 5px; 7489 margin: 10px 0 0; 7490 padding: 0; 7491 list-style: none; 7492} 7493 7494.woocommerce div.product div.images .flex-control-thumbs li { 7495 width: 100%; 7496 margin: 0; 7497 padding: 0; 7498 list-style: none; 7499 cursor: pointer; 7500} 7501 7502.woocommerce div.product div.images .flex-control-thumbs li img { 7503 display: block; 7504 width: 100%; 7505 height: auto; 7506 border-radius: 0; 7507 opacity: 0.75; 7508} 7509 7510.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { 7511 opacity: 1; 7512} 7513 7514.woocommerce div.product .woocommerce-product-gallery__trigger { 7515 position: absolute; 7516 top: 10px; 7517 right: 10px; 7518 z-index: 2; 7519} 7520 7521.woocommerce span.onsale, .woocommerce div.product span.onsale { 7522 display: inline-block; 7523 position: absolute; 7524 top: 10px; 7525 left: 10px; 7526 z-index: 2; 7527 min-width: 0; 7528 min-height: 0; 7529 padding: 5px 10px; 7530 background: #9E9D24; 7531 border-radius: 999px; 7532 color: #ffffff; 7533 font-size: 12px; 7534 font-weight: 600; 7535 line-height: 1.5; 7536 text-align: center; 7537 text-transform: uppercase; 7538} 7539 7540.woocommerce div.product .summary { 7541 position: relative; 7542} 7543
7544/* woocommerce h1 fallback reset in case native plugin output leaks through */ 7545 7546.woocommerce div.product .product_title { 7547 clear: none; 7548 padding: 0; 7549} 7550 7551.woocommerce div.product p.price, .woocommerce div.product span.price, .price { 7552 margin: 0 0 20px; 7553 font-size: 24px !important; 7554 font-weight: 600 !important; 7555 line-height: 1.3 !important; 7556 color: #9E9D24 !important; 7557} 7558 7559.woocommerce div.product p.price del, .woocommerce div.product span.price del, .price del { 7560 color: #001438; 7561 opacity: 0.6; 7562} 7563 7564.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .price ins { 7565 background: transparent; 7566 font-weight: 600; 7567 text-decoration: none; 7568} 7569 7570.woocommerce div.product p.stock, p.stock { 7571 margin: 0 0 20px; 7572 font-size: 12px !important; 7573 font-weight: 400 !important; 7574 line-height: 1.5 !important; 7575 color: #9E9D24 !important; 7576} 7577 7578.woocommerce div.product .woocommerce-product-details__short-description { 7579 clear: both; 7580 margin: 0 0 20px; 7581} 7582 7583.woocommerce div.product .woocommerce-product-details__short-description p:last-child { 7584 margin-bottom: 0; 7585} 7586 7587.woocommerce .summary ul, .woocommerce div.product .summary ul { 7588 margin-left: 0 !important; 7589} 7590 7591.product_meta, .woocommerce div.product .product_meta { 7592 clear: both; 7593 display: block; 7594 padding: 16px 0 0; 7595 border-top: 1px solid #e0e0e0; 7596 color: #607D8B; 7597 font-size: 13px; 7598 line-height: 1.8; 7599} 7600 7601.woocommerce div.product .product_meta a { 7602 color: #607D8B; 7603 font-weight: 600; 7604 text-decoration: none; 7605} 7606 7607.woocommerce div.product .product_meta a:hover { 7608 color: #607D8B; 7609 text-decoration: underline; 7610} 7611 7612.sku_wrapper, .posted_in, .tagged_as { 7613 display: block; 7614} 7615 7616.woocommerce div.product .woocommerce-tabs { 7617 clear: both; 7618 width: 100%; 7619 margin: 40px 0; 7620} 7621 7622.woocommerce div.product .woocommerce-tabs ul.tabs { 7623 align-items: flex-end; 7624 clear: both; 7625 display: flex !important; 7626 flex-wrap: wrap; 7627 gap: 0; 7628 justify-content: flex-start; 7629 margin: 0 0 24px !important; 7630 padding: 0 !important; 7631 border: 0 !important; 7632 box-shadow: inset 0 -1px 0 #e0e0e0; 7633 list-style: none; 7634} 7635 7636.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { 7637 display: none !important; 7638 content: none !important; 7639} 7640 7641.woocommerce div.product .woocommerce-tabs ul.tabs li { 7642 display: block; 7643 position: relative; 7644 z-index: 1; 7645 margin: 0 4px 0 0 !important; 7646 padding: 0 !important; 7647 background: #f5f5f5; 7648 border: 1px solid #e0e0e0; 7649 border-bottom: 1px solid #e0e0e0; 7650 border-radius: 4px 4px 0 0; 7651 box-shadow: none; 7652 list-style: none; 7653 transition: background-color 0.15s ease-in-out; 7654} 7655 7656.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { 7657 margin-left: 0 !important; 7658} 7659 7660.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):focus-within { 7661 background: rgba(0, 0, 0, 0.07); 7662} 7663 7664.woocommerce div.product .woocommerce-tabs ul.tabs li.active { 7665 z-index: 2; 7666 background: #ffffff !important; 7667 border-bottom: 0 !important; 7668 box-shadow: 0 1px 0 #ffffff !important; 7669 transition: none; 7670} 7671 7672.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:focus-within { 7673 background: #ffffff !important; 7674} 7675 7676.woocommerce div.product .woocommerce-tabs ul.tabs li a { 7677 display: block; 7678 padding: 10px 16px 11px; 7679 background: transparent !important; 7680 border: 0; 7681 border-radius: 4px 4px 0 0; 7682 box-shadow: none !important; 7683 color: #001438 !important; 7684 font-size: 14px; 7685 font-weight: 600; 7686 line-height: 1.5; 7687 text-decoration: none; 7688 transition: none; 7689} 7690 7691.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li a:active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { 7692 background: transparent !important; 7693 box-shadow: none !important; 7694 color: #001438 !important; 7695 font-weight: 600; 7696 transition: none; 7697} 7698 7699.woocommerce div.product .woocommerce-tabs .panel { 7700 clear: both; 7701 margin: 0 0 30px; 7702 padding: 0; 7703} 7704 7705.woocommerce div.product .woocommerce-tabs .panel h2:first-child { 7706 margin-top: 0; 7707} 7708 7709.woocommerce div.product .woocommerce-tabs .panel p:last-child { 7710 margin-bottom: 0; 7711} 7712 7713.woocommerce div.product .woocommerce-tabs table.shop_attributes, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes { 7714 margin: 0 0 30px; 7715 border: 1px solid #e0e0e0; 7716 border-collapse: collapse; 7717 border-radius: 0; 7718} 7719 7720.woocommerce div.product .woocommerce-tabs table.shop_attributes th, .woocommerce div.product .woocommerce-tabs table.shop_attributes td, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes th, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes td { 7721 padding: 12px 15px; 7722 background: #ffffff; 7723 border: 1px solid #e0e0e0; 7724 font-style: normal; 7725 line-height: 1.5; 7726 text-align: left; 7727 vertical-align: top; 7728} 7729 7730.woocommerce div.product .woocommerce-tabs table.shop_attributes th, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes th { 7731 width: 35%; 7732 font-weight: 700; 7733} 7734 7735.woocommerce div.product .woocommerce-tabs table.shop_attributes p, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes p { 7736 margin: 0; 7737} 7738 7739.woocommerce .woocommerce-product-rating { 7740 clear: both; 7741 margin: 0 0 20px; 7742 line-height: 1.5; 7743} 7744 7745.woocommerce .woocommerce-product-rating::after { 7746 clear: both; 7747 content: ""; 7748 display: table; 7749} 7750 7751.woocommerce .star-rating { 7752 position: relative;
7753 display: inline-block; 7754 width: 5.4em; 7755 height: 1em; 7756 color: #9E9D24; 7757 font-size: 12px; 7758 line-height: 1; 7759 overflow: hidden; 7760} 7761 7762.woocommerce .star-rating::before { 7763 content: "â â â â â "; 7764 opacity: 0.35; 7765} 7766 7767.woocommerce .star-rating span { 7768 position: absolute; 7769 top: 0; 7770 left: 0; 7771 height: 100%; 7772 overflow: hidden; 7773} 7774 7775.woocommerce .star-rating span::before { 7776 content: "â â â â â "; 7777} 7778 7779.woocommerce .woocommerce-review-link { 7780 display: inline-block; 7781 margin-left: 10px; 7782 font-size: 12px; 7783 line-height: 1.5; 7784} 7785 7786.woocommerce #reviews { 7787 clear: both; 7788} 7789 7790.woocommerce #reviews #comments { 7791 clear: both; 7792 margin: 0 0 30px; 7793} 7794 7795.woocommerce #reviews #comments ol.commentlist { 7796 margin: 0; 7797 padding: 0; 7798 list-style: none; 7799} 7800 7801.woocommerce #reviews #comments ol.commentlist li { 7802 clear: both; 7803 margin: 0 0 20px; 7804 padding: 0; 7805 list-style: none; 7806} 7807 7808.woocommerce #reviews #comments ol.commentlist li img.avatar { 7809 float: left; 7810 width: 50px; 7811 height: auto; 7812 margin: 0 15px 10px 0; 7813 padding: 0; 7814 border: 0; 7815 border-radius: 999px; 7816} 7817 7818.woocommerce #reviews #comments ol.commentlist li .comment-text { 7819 margin: 0 0 0 65px; 7820 padding: 0; 7821 border: 0; 7822} 7823 7824.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { 7825 margin: 0 0 10px; 7826 font-size: 12px; 7827 line-height: 1.5; 7828} 7829 7830.woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child { 7831 margin-bottom: 0; 7832} 7833 7834.woocommerce #review_form_wrapper { 7835 clear: both; 7836} 7837 7838.woocommerce #review_form #respond { 7839 margin: 0; 7840 padding: 0; 7841} 7842 7843.woocommerce #review_form #respond p { 7844 margin: 0 0 16px; 7845} 7846 7847.woocommerce #review_form #respond .form-submit { 7848 margin-bottom: 0; 7849} 7850 7851section.related, section.upsells, .woocommerce section.related, .woocommerce section.upsells { 7852 clear: both; 7853 display: block; 7854 margin-top: 30px !important; 7855} 7856 7857.woo-related-products-container { 7858 clear: both; 7859 display: block; 7860} 7861 7862@media screen and (max-width: 1199px) { 7863 .woocommerce div.product div.images, .woocommerce div.product div.summary { 7864 float: none; 7865 width: 100%; 7866 } 7867 7868 .product_meta, .woocommerce div.product .product_meta { 7869 margin: 20px 0; 7870 } 7871 7872 .woocommerce div.product .woocommerce-tabs ul.tabs { 7873 display: flex !important; 7874 flex-wrap: nowrap !important; 7875 overflow-x: auto; 7876 margin: 0 0 20px !important; 7877 padding: 0 !important; 7878 border: 0 !important; 7879 box-shadow: inset 0 -1px 0 #e0e0e0 !important; 7880 white-space: nowrap; 7881 -webkit-overflow-scrolling: touch; 7882 } 7883 7884 .woocommerce div.product .woocommerce-tabs ul.tabs li { 7885 flex: 0 0 auto; 7886 margin: 0 4px 0 0 !important; 7887 background: #f5f5f5 !important; 7888 border: 1px solid #e0e0e0 !important; 7889 border-bottom: 1px solid #e0e0e0 !important; 7890 border-radius: 4px 4px 0 0 !important; 7891 box-shadow: none !important; 7892 transition: background-color 0.15s ease-in-out !important; 7893 } 7894 7895 .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):focus-within { 7896 background: rgba(0, 0, 0, 0.07) !important; 7897 } 7898 7899 .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { 7900 margin-left: 0 !important; 7901 } 7902 7903 .woocommerce div.product .woocommerce-tabs ul.tabs li.active { 7904 background: #ffffff !important; 7905 border-bottom: 0 !important; 7906 box-shadow: 0 1px 0 #ffffff !important; 7907 transition: none !important; 7908 } 7909 7910 .woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:focus-within { 7911 background: #ffffff !important; 7912 } 7913 7914 .woocommerce div.product .woocommerce-tabs ul.tabs li a { 7915 padding: 9px 14px 10px !important; 7916 background: transparent !important; 7917 border: 0 !important; 7918 border-radius: 4px 4px 0 0 !important; 7919 box-shadow: none !important; 7920 color: #001438 !important; 7921 font-size: 14px !important; 7922 font-weight: 600 !important; 7923 line-height: 1.5 !important; 7924 transition: none !important; 7925 } 7926 7927 .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li a:active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { 7928 background: transparent !important; 7929 box-shadow: none !important; 7930 color: #001438 !important; 7931 font-weight: 600 !important; 7932 transition: none !important; 7933 } 7934 7935 .woocommerce #reviews #comments ol.commentlist li .comment-text { 7936 margin-left: 0; 7937 } 7938} 7939 7940@media screen and (min-width: 1200px) { 7941 /* woocommerce breadcrumb fallback style in case native plugin output leaks through */ 7942 7943 .single-product .woocommerce-breadcrumb, body.single-product.woocommerce .woocommerce-breadcrumb { 7944 margin-bottom: 30px; 7945 } 7946 7947 .single-product div.product, body.single-product.woocommerce div.product { 7948 max-width: 1200px; 7949 margin: 0 auto; 7950 } 7951 7952 .woocommerce div.product div.images { 7953 float: left; 7954 width: 48%; 7955 } 7956 7957 .woocommerce div.product div.summary { 7958 float: right; 7959 width: 48%; 7960 } 7961 7962 .single-product div.product div.images, body.single-product.woocommerce div.product div.images { 7963 width: 392px; 7964 max-width: 392px; 7965 margin-right: 40px; 7966 } 7967 7968 .single-product div.product div.summary, body.single-product.woocommerce div.product div.summary { 7969 width: 768px; 7970 max-width: 768px; 7971 } 7972 7973 .single-product div.product div.images .woocommerce-product-gallery__image img, body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__image img { 7974 max-height: 520px; 7975 object-fit: contain; 7976 } 7977 7978 .single-product div.product .woocommerce-tabs, body.single-product.woocommerce div.product .woocommerce-tabs { 7979 width: 100%; 7980 max-width: none; 7981 margin: 40px 0; 7982 } 7983 7984 .single-product section.related, .single-product section.upsells, body.single-product.woocommerce section.related, body.single-product.woocommerce section.upsells { 7985 max-width: 1200px; 7986 margin-right: auto !important; 7987 margin-left: auto !important; 7988 } 7989 7990 .single-product section.related ul.products, .single-product section.upsells ul.products, body.single-product.woocommerce section.related ul.products, body.single-product.woocommerce section.upsells ul.products { 7991 grid-template-columns: repeat(4, minmax(0, 1fr)); 7992 gap: 30px 4%; 7993 } 7994 7995 .single-product section.related ul.products li.product, .single-product section.upsells ul.products li.product, body.single-product.woocommerce section.related ul.products li.product, body.single-product.woocommerce section.upsells ul.products li.product { 7996 clear: none !important; 7997 float: none !important; 7998 width: 100% !important; 7999 margin: 0 !important; 8000 } 8001 8002 .single-product section.related ul.products li.product a img, .single-product section.upsells ul.products li.product a img, body.single-product.woocommerce section.related ul.products li.product a img, body.single-product.woocommerce section.upsells ul.products li.product a img { 8003 height: 220px !important; 8004 max-height: 220px !important; 8005 object-fit: contain !important; 8006 object-position: center center !important; 8007 } 8008 8009 .product_meta, .woocommerce div.product .product_meta { 8010 margin: 30px 0; 8011 } 8012} 8013 8014.add_to_cart_button, .single_add_to_cart_button, .woocommerce .button.add_to_cart_button, .woocommerce a.add_to_cart_button, .woocommerce button.single_add_to_cart_button, .woocommerce input.single_add_to_cart_button { 8015 display: inline-block; 8016 padding: 10px 20px; 8017 border: 0; 8018 border-radius: 4px; 8019 box-shadow: none; 8020 cursor: pointer; 8021 font-size: 16px; 8022 font-weight: 700; 8023 line-height: 1.5; 8024 text-align: center; 8025 text-decoration: none; 8026} 8027 8028.single_add_to_cart_button, .woocommerce button.single_add_to_cart_button, .woocommerce input.single_add_to_cart_button { 8029 background: #5C6BC0 !important; 8030 color: #ffffff !important; 8031} 8032 8033.single_add_to_cart_button:hover, .single_add_to_cart_button:focus, .single_add_to_cart_button:active, .woocommerce button.single_add_to_cart_button:hover, .woocommerce button.single_add_to_cart_button:focus, .woocommerce button.single_add_to_cart_button:active, .woocommerce input.single_add_to_cart_button:hover, .woocommerce input.single_add_to_cart_button:focus, .woocommerce input.single_add_to_cart_button:active { 8034 background: #283593 !important; 8035 color: #ffffff !important; 8036} 8037 8038.single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled, .single_add_to_cart_button[disabled], .woocommerce button.single_add_to_cart_button.disabled, .woocommerce button.single_add_to_cart_button:disabled, .woocommerce button.single_add_to_cart_button[disabled], .woocommerce input.single_add_to_cart_button.disabled, .woocommerce input.single_add_to_cart_button:disabled, .woocommerce input.single_add_to_cart_button[disabled] { 8039 background: #bdbdbd !important; 8040 color: #ffffff !important;
8041 cursor: not-allowed !important; 8042 opacity: 0.75 !important; 8043} 8044 8045.add_to_cart_button, .woocommerce .button.add_to_cart_button, .woocommerce a.add_to_cart_button { 8046 background: #e0e0e0 !important; 8047 color: #001438 !important; 8048} 8049 8050.add_to_cart_button:hover, .add_to_cart_button:focus, .add_to_cart_button:active, .woocommerce .button.add_to_cart_button:hover, .woocommerce .button.add_to_cart_button:focus, .woocommerce .button.add_to_cart_button:active, .woocommerce a.add_to_cart_button:hover, .woocommerce a.add_to_cart_button:focus, .woocommerce a.add_to_cart_button:active { 8051 background: #bdbdbd !important; 8052 color: #001438 !important; 8053} 8054 8055.woocommerce .button.loading, .woocommerce .button.added, .woocommerce a.add_to_cart_button.loading, .woocommerce a.add_to_cart_button.added { 8056 opacity: 0.75; 8057} 8058 8059.woocommerce a.added_to_cart { 8060 display: inline-block; 8061 margin: 10px 0 0; 8062 color: #5C6BC0; 8063 font-size: 14px; 8064 font-weight: 600; 8065 line-height: 1.5; 8066 text-decoration: underline; 8067} 8068 8069.woocommerce a.added_to_cart:hover { 8070 color: #283593; 8071} 8072 8073.woocommerce div.product form.cart, form.cart { 8074 clear: both; 8075 margin: 0 0 30px; 8076} 8077 8078.woocommerce div.product form.cart::after, form.cart::after, .woocommerce div.product form.cart .variations_button::after, .woocommerce div.product form.cart .single_variation_wrap::after { 8079 clear: both; 8080 content: ""; 8081 display: table; 8082} 8083 8084.woocommerce div.product form.cart .button { 8085 vertical-align: middle; 8086} 8087 8088.woocommerce div.product form.cart table.variations, .single-product .summary .variations_form table.variations { 8089 width: 100% !important; 8090 margin: 0 0 12px !important; 8091 background: transparent !important; 8092 border: 0; 8093 border-collapse: collapse !important; 8094 border-radius: 0; 8095} 8096 8097.woocommerce div.product form.cart table.variations tbody, .woocommerce div.product form.cart table.variations tr, .single-product .summary .variations_form table.variations tbody, .single-product .summary .variations_form table.variations tr { 8098 display: block !important; 8099 width: 100% !important; 8100 background: transparent !important; 8101} 8102 8103.woocommerce div.product form.cart table.variations tr + tr, .single-product .summary .variations_form table.variations tr + tr { 8104 margin-top: 16px !important; 8105} 8106 8107.woocommerce div.product form.cart table.variations th.label, .woocommerce div.product form.cart table.variations td.value, .single-product .summary .variations_form table.variations th.label, .single-product .summary .variations_form table.variations td.value { 8108 display: block !important; 8109 clear: both !important; 8110 float: none !important; 8111 width: 100% !important; 8112 margin: 0 !important; 8113 padding: 0 !important; 8114 background: transparent !important; 8115 border: 0 !important; 8116 line-height: 1.5 !important; 8117} 8118 8119.woocommerce div.product form.cart table.variations th.label label, .single-product .summary .variations_form table.variations th.label label { 8120 display: block; 8121 margin: 0 0 6px; 8122 color: #001438; 8123 font-weight: 600; 8124} 8125 8126.woocommerce div.product form.cart table.variations td.value, .single-product .summary .variations_form table.variations td.value { 8127 position: relative; 8128 padding-bottom: 0 !important; 8129} 8130 8131.woocommerce div.product form.cart table.variations td.value select, .single-product .summary .variations_form table.variations td.value select { 8132 appearance: none !important; 8133 -webkit-appearance: none !important; 8134 -moz-appearance: none !important; 8135 display: block !important; 8136 box-sizing: border-box !important; 8137 width: 100% !important; 8138 max-width: 100% !important; 8139 height: 46px !important; 8140 min-height: 46px !important; 8141 padding: 10px 44px 10px 16px !important; 8142 background-color: #ffffff !important; 8143 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23001438" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') !important; 8144 background-position: right 14px center !important; 8145 background-repeat: no-repeat !important; 8146 background-size: 16px !important; 8147 border: 0 !important; 8148 border-radius: 4px !important; 8149 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8150 color: #001438 !important; 8151 cursor: pointer !important; 8152 font-size: 16px !important; 8153 font-weight: 400 !important; 8154 line-height: 1.5 !important; 8155 vertical-align: middle !important; 8156} 8157 8158.woocommerce div.product form.cart table.variations td.value select:hover, .single-product .summary .variations_form table.variations td.value select:hover { 8159 background-color: #ffffff !important; 8160 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8161 color: #001438 !important; 8162} 8163 8164.woocommerce div.product form.cart table.variations td.value select:focus, .woocommerce div.product form.cart table.variations td.value select:active, .single-product .summary .variations_form table.variations td.value select:focus, .single-product .summary .variations_form table.variations td.value select:active { 8165 background-color: #ffffff !important; 8166 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 8167 color: #001438 !important; 8168 outline: 0 !important; 8169} 8170 8171.woocommerce div.product form.cart .reset_variations, .single-product .summary .variations_form .reset_variations { 8172 position: absolute; 8173 top: -28px; 8174 right: 0; 8175 display: inline-block !important; 8176 margin: 0 !important; 8177 color: #5C6BC0; 8178 font-size: 13px; 8179 line-height: 1.5; 8180} 8181 8182.woocommerce div.product form.cart .reset_variations:hover, .single-product .summary .variations_form .reset_variations:hover { 8183 color: #283593; 8184} 8185 8186.woocommerce div.product form.cart .reset_variations[style*="visibility: hidden"], .woocommerce div.product form.cart .reset_variations[aria-hidden="true"], .single-product .summary .variations_form .reset_variations[style*="visibility: hidden"], .single-product .summary .variations_form .reset_variations[aria-hidden="true"] { 8187 display: none !important; 8188 visibility: hidden !important; 8189} 8190 8191.woocommerce div.product form.cart .single_variation_wrap, .woocommerce div.product form.cart .single_variation, .woocommerce div.product form.cart .woocommerce-variation, div.single_variation_wrap { 8192 clear: both; 8193 margin: 0 !important; 8194 padding: 0 !important; 8195} 8196 8197.woocommerce div.product form.cart .single_variation:empty, .woocommerce div.product form.cart .woocommerce-variation:empty, .woocommerce div.product form.cart .single_variation[style*="display: none"], .woocommerce div.product form.cart .woocommerce-variation[style*="display: none"] { 8198 display: none !important; 8199 margin: 0 !important; 8200 padding: 0 !important; 8201} 8202
8203.woocommerce div.product form.cart .woocommerce-variation-price, .woocommerce div.product form.cart .woocommerce-variation-availability, .woocommerce div.product form.cart .woocommerce-variation-description { 8204 margin: 0 0 12px !important; 8205 padding: 0 !important; 8206} 8207 8208.woocommerce div.product form.cart .woocommerce-variation-price:empty, .woocommerce div.product form.cart .woocommerce-variation-availability:empty, .woocommerce div.product form.cart .woocommerce-variation-description:empty { 8209 display: none !important; 8210 margin: 0 !important; 8211 padding: 0 !important; 8212} 8213 8214.woocommerce div.product form.cart .woocommerce-variation-description p:last-child { 8215 margin-bottom: 0; 8216} 8217 8218.woocommerce div.product form.cart .variations_button { 8219 clear: both; 8220 margin: 0 !important; 8221 padding: 0 !important; 8222} 8223 8224.woocommerce div.product form.cart.grouped_form { 8225 display: block !important; 8226} 8227 8228.woocommerce div.product form.cart.grouped_form table.group_table { 8229 width: 100%; 8230 margin: 0 0 30px; 8231 background: #ffffff; 8232 border: 1px solid #e0e0e0; 8233 border-collapse: collapse; 8234 border-radius: 0; 8235} 8236 8237.woocommerce div.product form.cart.grouped_form table.group_table td { 8238 padding: 12px 10px; 8239 border: 1px solid #e0e0e0; 8240 vertical-align: middle; 8241} 8242 8243.woocommerce div.product form.cart.grouped_form table.group_table td.woocommerce-grouped-product-list-item__label label { 8244 font-weight: 600; 8245} 8246 8247.woocommerce div.product form.cart.grouped_form table.group_table td.woocommerce-grouped-product-list-item__price { 8248 color: #9E9D24; 8249 font-weight: 600; 8250} 8251 8252input.qty { 8253 width: 60px !important; 8254 height: 46px !important; 8255 min-height: 46px !important; 8256 margin: 0 !important; 8257 padding: 10px 16px !important; 8258 background: #ffffff !important; 8259 border: 0 !important; 8260 border-radius: 4px !important; 8261 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8262 color: #001438 !important; 8263 font-size: 16px !important; 8264 font-weight: 400 !important; 8265 line-height: 1.5 !important; 8266 text-align: center !important; 8267 vertical-align: middle !important; 8268 appearance: textfield; 8269 -moz-appearance: textfield; 8270 -webkit-appearance: none; 8271} 8272 8273input.qty:focus, input.qty:active { 8274 background: #ffffff !important; 8275 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 8276 color: #001438 !important; 8277 outline: 0 !important; 8278} 8279 8280input.qty::-webkit-outer-spin-button, input.qty::-webkit-inner-spin-button { 8281 margin: 0 !important; 8282 -webkit-appearance: none !important; 8283} 8284 8285input.qty[type="number"] { 8286 -moz-appearance: textfield !important; 8287} 8288 8289.quantity select.qty { 8290 appearance: none !important; 8291 -webkit-appearance: none !important; 8292 -moz-appearance: none !important; 8293 display: block !important; 8294 box-sizing: border-box !important; 8295 width: 100% !important; 8296 max-width: 100% !important; 8297 height: 46px !important; 8298 min-height: 46px !important; 8299 margin: 0 !important; 8300 padding: 10px 44px 10px 16px !important; 8301 background-color: #ffffff !important; 8302 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23001438" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') !important; 8303 background-position: right 14px center !important; 8304 background-repeat: no-repeat !important; 8305 background-size: 16px !important; 8306 border: 0 !important; 8307 border-radius: 4px !important; 8308 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8309 color: #001438 !important; 8310 cursor: pointer !important; 8311 font-size: 16px !important; 8312 font-weight: 400 !important; 8313 line-height: 1.5 !important; 8314 text-align: center !important; 8315 vertical-align: middle !important; 8316} 8317 8318.quantity select.qty:hover { 8319 background-color: #ffffff !important; 8320 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8321} 8322 8323.quantity select.qty:focus, .quantity select.qty:active { 8324 background-color: #ffffff !important; 8325 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 8326 color: #001438 !important; 8327 outline: 0 !important; 8328} 8329 8330.single-product form.cart { 8331 display: flex !important; 8332 flex-direction: column !important; 8333 align-items: stretch !important; 8334} 8335 8336.single-product form.cart div.quantity { 8337 width: 100% !important; 8338 margin: 0 0 12px !important; 8339} 8340 8341.single-product form.cart button.single_add_to_cart_button { 8342 width: 100% !important; 8343 height: 44px !important; 8344 padding: 0 20px !important; 8345 border: 0 !important; 8346 box-shadow: none !important; 8347 font-size: 16px !important; 8348 font-weight: 700 !important; 8349 line-height: 44px !important; 8350 vertical-align: middle !important; 8351} 8352 8353.single-product .hovercraft-after-add-to-cart { 8354 clear: both; 8355 display: flow-root; 8356 width: 100%; 8357} 8358 8359.single-product .summary form.variations_form.cart { 8360 display: block !important; 8361 flex-direction: column !important; 8362 align-items: stretch !important; 8363} 8364 8365.woocommerce .screen-reader-text { 8366 position: absolute; 8367 width: 1px; 8368 height: 1px; 8369 padding: 0; 8370 margin: -1px; 8371 border: 0; 8372 overflow: hidden; 8373 clip: rect(0, 0, 0, 0); 8374 white-space: nowrap; 8375} 8376 8377@media screen and (max-width: 1199px) { 8378 .woocommerce div.product form.cart.grouped_form table.group_table, .woocommerce div.product form.cart.grouped_form table.group_table tbody, .woocommerce div.product form.cart.grouped_form table.group_table tr, .woocommerce div.product form.cart.grouped_form table.group_table td { 8379 display: block; 8380 width: 100%; 8381 box-sizing: border-box; 8382 } 8383} 8384 8385@media screen and (min-width: 1200px) { 8386 .single-product .summary form.cart:not(.grouped_form) { 8387 max-width: 392px; 8388 } 8389} 8390 8391.woocommerce-notices-wrapper { 8392 clear: both; 8393} 8394 8395.woocommerce-notices-wrapper:empty {
8396 display: none; 8397} 8398 8399.woocommerce-message, .woocommerce-info, .woocommerce-error { 8400 position: relative; 8401 clear: both; 8402 box-sizing: border-box; 8403 width: 100%; 8404 margin: 0 0 30px !important; 8405 padding: 16px 18px !important; 8406 background: #eceff1; 8407 border: 0 !important; 8408 border-left: 4px solid #5C6BC0 !important; 8409 border-radius: 4px; 8410 box-shadow: none !important; 8411 color: #001438 !important; 8412 font-size: 16px; 8413 line-height: 1.5; 8414 list-style: none; 8415} 8416 8417.woocommerce-message::before, .woocommerce-message::after, .woocommerce-info::before, .woocommerce-info::after, .woocommerce-error::before, .woocommerce-error::after { 8418 content: none !important; 8419 display: none !important; 8420 border: 0 !important; 8421} 8422 8423.woocommerce-message { 8424 display: flex !important; 8425 align-items: center; 8426 justify-content: space-between; 8427 flex-wrap: wrap; 8428 gap: 14px; 8429} 8430 8431.woocommerce-info { 8432 background: #eceff1; 8433} 8434 8435.woocommerce-error { 8436 background: #fff5f5; 8437 border-left-color: #ff1744 !important; 8438} 8439 8440.woocommerce-message ul, .woocommerce-info ul, .woocommerce-error ul { 8441 margin: 0; 8442 padding: 0; 8443 list-style: none; 8444} 8445 8446.woocommerce-message li, .woocommerce-info li, .woocommerce-error li { 8447 margin: 0 0 8px; 8448 padding: 0; 8449 list-style: none; 8450} 8451 8452.woocommerce-message li:last-child, .woocommerce-info li:last-child, .woocommerce-error li:last-child { 8453 margin-bottom: 0; 8454} 8455 8456.woocommerce-message a, .woocommerce-info a, .woocommerce-error a { 8457 color: #5C6BC0; 8458 font-weight: 600; 8459} 8460 8461.woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover { 8462 color: #283593; 8463} 8464 8465.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { 8466 display: inline-block; 8467 float: none !important; 8468 margin: 0 0 0 auto !important; 8469 padding: 8px 20px !important; 8470 background: #5C6BC0 !important; 8471 border: 0 !important; 8472 border-radius: 4px; 8473 box-shadow: none !important; 8474 color: #ffffff !important; 8475 font-size: 14px !important; 8476 font-weight: 600; 8477 line-height: 1.5 !important; 8478 opacity: 1 !important; 8479 order: 2; 8480 text-decoration: none; 8481} 8482 8483.woocommerce-message .button:hover, .woocommerce-message .button:focus, .woocommerce-info .button:hover, .woocommerce-info .button:focus, .woocommerce-error .button:hover, .woocommerce-error .button:focus { 8484 background: #283593 !important; 8485 color: #ffffff !important; 8486} 8487 8488.woocommerce-message p:last-child, .woocommerce-info p:last-child, .woocommerce-error p:last-child { 8489 margin-bottom: 0; 8490} 8491 8492.woocommerce .woocommerce-form-login-toggle, .woocommerce .woocommerce-form-coupon-toggle { 8493 clear: both; 8494} 8495 8496@media screen and (max-width: 1199px) { 8497 .woocommerce-message, .woocommerce-info, .woocommerce-error { 8498 display: block !important; 8499 margin-bottom: 20px !important; 8500 } 8501 8502 .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { 8503 display: block; 8504 width: 100%; 8505 margin: 12px 0 0 !important; 8506 text-align: center; 8507 } 8508} 8509 8510.woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce .woocommerce-form-login, .woocommerce .woocommerce-form-register { 8511 clear: both; 8512 padding: 30px; 8513 margin: 0 0 30px; 8514 background: #ffffff; 8515 border: 1px solid #e0e0e0; 8516 border-radius: 8px; 8517} 8518 8519.woocommerce form.login::after, .woocommerce form.register::after, .woocommerce form.lost_reset_password::after, .woocommerce .woocommerce-form-login::after, .woocommerce .woocommerce-form-register::after { 8520 clear: both; 8521 content: ""; 8522 display: table; 8523} 8524 8525.woocommerce form.login p:last-child, .woocommerce form.register p:last-child, .woocommerce form.lost_reset_password p:last-child { 8526 margin-bottom: 0; 8527} 8528 8529.woocommerce form.login .form-row, .woocommerce form.register .form-row, .woocommerce form.lost_reset_password .form-row, .woocommerce .woocommerce-form-login .form-row, .woocommerce .woocommerce-form-register .form-row { 8530 clear: both; 8531 margin: 0 0 16px; 8532 padding: 0; 8533} 8534 8535.woocommerce form.login .form-row::after, .woocommerce form.register .form-row::after, .woocommerce form.lost_reset_password .form-row::after, .woocommerce .woocommerce-form-login .form-row::after, .woocommerce .woocommerce-form-register .form-row::after { 8536 clear: both; 8537 content: ""; 8538 display: table; 8539} 8540 8541.woocommerce form.login label, .woocommerce form.register label, .woocommerce form.lost_reset_password label, .woocommerce .woocommerce-form-login label, .woocommerce .woocommerce-form-register label { 8542 display: block; 8543 margin: 0 0 6px; 8544 color: #001438; 8545 font-weight: 600; 8546 line-height: 1.5; 8547} 8548 8549.woocommerce form.login label.woocommerce-form-login__rememberme, .woocommerce .woocommerce-form-login label.woocommerce-form-login__rememberme { 8550 display: inline-block; 8551 margin: 0 0 16px; 8552 font-weight: 400; 8553} 8554 8555.woocommerce form.login input.input-text, .woocommerce form.register input.input-text, .woocommerce form.lost_reset_password input.input-text, .woocommerce .woocommerce-form-login input.input-text, .woocommerce .woocommerce-form-register input.input-text { 8556 width: 100%; 8557 max-width: 100%; 8558 min-height: 46px; 8559 box-sizing: border-box; 8560 padding: 10px 16px !important; 8561 background: #ffffff !important; 8562 border: 0 !important; 8563 border-radius: 4px !important; 8564 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8565 color: #001438 !important; 8566 font-size: 16px !important; 8567 line-height: 1.5 !important; 8568} 8569 8570.woocommerce form.login input.input-text:focus, .woocommerce form.register input.input-text:focus, .woocommerce form.lost_reset_password input.input-text:focus, .woocommerce .woocommerce-form-login input.input-text:focus, .woocommerce .woocommerce-form-register input.input-text:focus { 8571 background: #ffffff !important; 8572 box-shadow: inset 0 0 0 2px #5C6BC0 !important; 8573 color: #001438 !important; 8574 outline: 0 !important; 8575} 8576 8577.woocommerce form.login input[type="checkbox"], .woocommerce form.register input[type="checkbox"], .woocommerce .woocommerce-form-login input[type="checkbox"], .woocommerce .woocommerce-form-register input[type="checkbox"], .woocommerce-form__input-checkbox { 8578 width: auto; 8579 height: auto; 8580 margin: 2px 10px 0 0; 8581 box-shadow: none !important; 8582 appearance: auto; 8583 -webkit-appearance: auto; 8584 -moz-appearance: auto; 8585} 8586 8587.woocommerce form.login .button, .woocommerce form.register .button, .woocommerce form.lost_reset_password .button, .woocommerce .woocommerce-form-login .button, .woocommerce .woocommerce-form-register .button { 8588 display: inline-block; 8589} 8590 8591.woocommerce .woocommerce-LostPassword, .woocommerce .lost_password { 8592 clear: both; 8593 margin: 16px 0 0; 8594 font-size: 14px; 8595 line-height: 1.5; 8596} 8597 8598.woocommerce .show-password-input { 8599 position: absolute !important; 8600 top: 0.4em !important; 8601 right: 0.7em; 8602 color: #5C6BC0; 8603 cursor: pointer; 8604} 8605 8606.woocommerce .show-password-input:hover { 8607 color: #283593; 8608} 8609 8610@media screen and (max-width: 1199px) { 8611 .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce .woocommerce-form-login, .woocommerce .woocommerce-form-register { 8612 padding: 20px; 8613 } 8614 8615 .woocommerce form.login .button, .woocommerce form.register .button, .woocommerce form.lost_reset_password .button, .woocommerce .woocommerce-form-login .button, .woocommerce .woocommerce-form-register .button { 8616 display: block; 8617 width: 100%; 8618 text-align: center; 8619 } 8620} 8621 8622.woocommerce-account .woocommerce { 8623 clear: both; 8624} 8625 8626.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce-MyAccount-navigation::after, .woocommerce-account .woocommerce-MyAccount-content::after { 8627 clear: both; 8628 content: ""; 8629 display: table; 8630} 8631 8632.woocommerce-account .woocommerce-MyAccount-navigation { 8633 margin: 0 0 30px; 8634} 8635 8636.woocommerce-account .woocommerce-MyAccount-navigation ul { 8637 margin: 0; 8638 padding: 0; 8639 border: 1px solid #e0e0e0; 8640 border-radius: 8px; 8641 list-style: none; 8642 overflow: hidden; 8643} 8644 8645.woocommerce-account .woocommerce-MyAccount-navigation li { 8646 margin: 0; 8647 padding: 0; 8648 border-bottom: 1px solid #e0e0e0; 8649 list-style: none; 8650} 8651 8652.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { 8653 border-bottom: 0; 8654} 8655 8656.woocommerce-account .woocommerce-MyAccount-navigation a { 8657 display: block; 8658 padding: 12px 15px; 8659 background: #ffffff; 8660 color: #5C6BC0; 8661 font-weight: 600; 8662 line-height: 1.5; 8663 text-decoration: none; 8664} 8665 8666.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation a:hover { 8667 background: #eceff1; 8668 color: #283593; 8669} 8670 8671.woocommerce-account .woocommerce-MyAccount-content { 8672 margin: 0 0 30px; 8673 color: #001438; 8674 line-height: 1.5; 8675} 8676 8677.woocommerce-account .woocommerce-MyAccount-content p:last-child { 8678 margin-bottom: 0; 8679} 8680 8681.woocommerce-account .woocommerce-MyAccount-content mark { 8682 background: #eceff1; 8683 border-radius: 4px; 8684 color: #001438; 8685 font-weight: 600; 8686} 8687 8688.woocommerce-account .woocommerce-MyAccount-content fieldset { 8689 margin: 0 0 30px; 8690 padding: 0; 8691 border: 0; 8692} 8693 8694.woocommerce-account .woocommerce-MyAccount-content legend { 8695 margin: 0 0 20px; 8696 padding: 0; 8697 color: #001438; 8698 font-size: 22px; 8699 font-weight: 600; 8700 line-height: 1.3; 8701} 8702 8703.woocommerce-account .woocommerce-MyAccount-content .form-row { 8704 clear: both; 8705 margin: 0 0 16px; 8706 padding: 0; 8707} 8708 8709.woocommerce-account .woocommerce-MyAccount-content .form-row::after { 8710 clear: both; 8711 content: ""; 8712 display: table; 8713} 8714 8715.woocommerce-account .woocommerce-MyAccount-content .form-row label { 8716 display: block; 8717 margin: 0 0 6px; 8718 color: #001438; 8719 font-weight: 600; 8720 line-height: 1.5; 8721} 8722 8723.woocommerce-account .woocommerce-MyAccount-content input[type="text"], .woocommerce-account .woocommerce-MyAccount-content input[type="email"], .woocommerce-account .woocommerce-MyAccount-content input[type="tel"], .woocommerce-account .woocommerce-MyAccount-content input[type="password"], .woocommerce-account .woocommerce-MyAccount-content select, .woocommerce-account .woocommerce-MyAccount-content textarea { 8724 width: 100%; 8725 max-width: 100%; 8726 box-sizing: border-box; 8727} 8728 8729.woocommerce-account .woocommerce-MyAccount-content input[type="checkbox"], .woocommerce-account .woocommerce-MyAccount-content input[type="radio"] { 8730 width: auto; 8731 height: auto; 8732 margin-right: 6px; 8733 appearance: auto; 8734 -webkit-appearance: auto; 8735 -moz-appearance: auto; 8736} 8737 8738.woocommerce-account .woocommerce-MyAccount-content .button { 8739 display: inline-block; 8740} 8741 8742.woocommerce-account table.shop_table, .woocommerce-account .woocommerce-orders-table, .woocommerce-account .woocommerce-MyAccount-paymentMethods { 8743 width: 100%; 8744 margin: 0 0 30px; 8745 background: #ffffff; 8746 border: 1px solid #e0e0e0; 8747 border-collapse: collapse; 8748 border-radius: 0; 8749} 8750 8751.woocommerce-account table.shop_table th, .woocommerce-account table.shop_table td, .woocommerce-account .woocommerce-orders-table th, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-MyAccount-paymentMethods th, .woocommerce-account .woocommerce-MyAccount-paymentMethods td { 8752 padding: 12px 10px; 8753 border: 1px solid #e0e0e0; 8754 color: #001438; 8755 line-height: 1.5; 8756 text-align: left; 8757 vertical-align: middle; 8758} 8759 8760.woocommerce-account table.shop_table th, .woocommerce-account .woocommerce-orders-table th, .woocommerce-account .woocommerce-MyAccount-paymentMethods th { 8761 background: #eceff1; 8762 font-weight: 600; 8763} 8764 8765.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { 8766 margin: 0 5px 5px 0; 8767} 8768 8769.woocommerce-account .woocommerce-customer-details address, .woocommerce-account .woocommerce-Address address { 8770 padding: 20px; 8771 margin: 0 0 30px; 8772 background: #ffffff; 8773 border: 1px solid #e0e0e0; 8774 border-radius: 8px; 8775 font-style: normal; 8776 line-height: 1.5; 8777} 8778 8779.woocommerce-account .woocommerce-Addresses::after { 8780 clear: both; 8781 content: ""; 8782 display: table; 8783} 8784 8785.woocommerce-account .woocommerce-Address { 8786 margin-bottom: 30px; 8787} 8788 8789.woocommerce-account .woocommerce-Address-title { 8790 margin: 0 0 15px; 8791} 8792 8793.woocommerce-account .woocommerce-Address-title::after { 8794 clear: both; 8795 content: ""; 8796 display: table; 8797} 8798 8799.woocommerce-account .woocommerce-Address-title h2, .woocommerce-account .woocommerce-column__title { 8800 float: left; 8801 margin: 0; 8802 font-size: 22px; 8803} 8804 8805.woocommerce-account .woocommerce-Address-title .edit { 8806 float: right; 8807 font-size: 14px; 8808 line-height: 1.5; 8809} 8810 8811.woocommerce-account .woocommerce-EditAccountForm em { 8812 display: block; 8813 margin-top: 5px; 8814 color: #001438; 8815 font-size: 12px; 8816 font-style: normal; 8817 line-height: 1.5; 8818} 8819 8820.woocommerce-account .woocommerce-password-strength, .woocommerce-account .woocommerce-password-hint { 8821 display: block; 8822 margin: 8px 0 0; 8823 font-size: 12px; 8824 line-height: 1.5; 8825} 8826 8827.woocommerce-account .woocommerce-password-strength { 8828 padding: 8px; 8829 background: #eceff1; 8830 border: 0; 8831 border-radius: 4px; 8832 color: #001438; 8833} 8834 8835.woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register { 8836 clear: both; 8837 padding: 30px; 8838 margin: 0 0 30px; 8839 background: #ffffff; 8840 border: 1px solid #e0e0e0; 8841 border-radius: 8px; 8842} 8843 8844.woocommerce-account .woocommerce-form-login .form-row, .woocommerce-account .woocommerce-form-register .form-row { 8845 margin: 0 0 16px; 8846} 8847 8848.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme { 8849 display: block; 8850 margin: 0 0 16px; 8851} 8852 8853.woocommerce-account .woocommerce-LostPassword { 8854 margin: 16px 0 0; 8855 font-size: 14px; 8856 line-height: 1.5; 8857} 8858 8859@media screen and (max-width: 1199px) { 8860 .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { 8861 float: none; 8862 width: 100%; 8863 } 8864 8865 .woocommerce-account table.shop_table thead, .woocommerce-account .woocommerce-orders-table thead, .woocommerce-account .woocommerce-MyAccount-paymentMethods thead { 8866 display: none; 8867 } 8868 8869 .woocommerce-account table.shop_table, .woocommerce-account table.shop_table tbody, .woocommerce-account table.shop_table tr, .woocommerce-account table.shop_table td, .woocommerce-account .woocommerce-orders-table, .woocommerce-account .woocommerce-orders-table tbody, .woocommerce-account .woocommerce-orders-table tr, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-MyAccount-paymentMethods, .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody, .woocommerce-account .woocommerce-MyAccount-paymentMethods tr, .woocommerce-account .woocommerce-MyAccount-paymentMethods td { 8870 display: block; 8871 width: 100%; 8872 box-sizing: border-box; 8873 } 8874 8875 .woocommerce-account table.shop_table tr, .woocommerce-account .woocommerce-orders-table tr, .woocommerce-account .woocommerce-MyAccount-paymentMethods tr { 8876 margin-bottom: 20px; 8877 border: 1px solid #e0e0e0; 8878 } 8879 8880 .woocommerce-account table.shop_table td, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-MyAccount-paymentMethods td { 8881 border-width: 0 0 1px; 8882 } 8883 8884 .woocommerce-account .woocommerce-Address-title h2, .woocommerce-account .woocommerce-Address-title .edit { 8885 float: none; 8886 display: block; 8887 } 8888} 8889 8890@media screen and (min-width: 1200px) { 8891 .woocommerce-account .woocommerce-MyAccount-navigation { 8892 float: left; 8893 width: 25%; 8894 } 8895 8896 .woocommerce-account .woocommerce-MyAccount-content { 8897 float: right; 8898 width: 70%; 8899 } 8900 8901 .woocommerce-account .woocommerce-Address { 8902 float: left; 8903 width: 48%; 8904 } 8905 8906 .woocommerce-account .woocommerce-Address:nth-child(2n) { 8907 float: right; 8908 } 8909} 8910 8911ul.product_list_widget, .woocommerce ul.product_list_widget { 8912 width: 100%; 8913 margin: 0; 8914 padding: 0; 8915 display: grid; 8916 list-style: none; 8917} 8918 8919ul.product_list_widget::before, ul.product_list_widget::after, .woocommerce ul.product_list_widget::before, .woocommerce ul.product_list_widget::after { 8920 display: none !important; 8921 content: none !important; 8922} 8923 8924ul.product_list_widget li, .woocommerce ul.product_list_widget li { 8925 position: relative; 8926 margin: 0; 8927 padding: 0 !important; 8928 background: #ffffff; 8929 border-radius: 8px; 8930 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); 8931 line-height: 1.5; 8932 list-style: none; 8933 overflow: hidden; 8934 transition: box-shadow 0.2s ease; 8935} 8936
8937ul.product_list_widget li:hover, .woocommerce ul.product_list_widget li:hover { 8938 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 8939} 8940 8941ul.product_list_widget li a, .woocommerce ul.product_list_widget li a { 8942 display: block; 8943 position: relative; 8944 color: #5C6BC0; 8945 font-weight: 600; 8946 line-height: 1.5; 8947 text-decoration: none; 8948} 8949 8950ul.product_list_widget li a:hover, .woocommerce ul.product_list_widget li a:hover { 8951 color: #283593; 8952} 8953 8954ul.product_list_widget li a::before, .woocommerce ul.product_list_widget li a::before { 8955 position: absolute; 8956 top: 0; 8957 left: 0; 8958 z-index: 1; 8959 width: 100%; 8960 height: 100%; 8961 background: rgba(0, 0, 0, 0.05); 8962 content: ""; 8963 pointer-events: none; 8964 transition: background 0.3s ease; 8965} 8966 8967ul.product_list_widget li a:hover::before, .woocommerce ul.product_list_widget li a:hover::before { 8968 background: rgba(0, 0, 0, 0); 8969} 8970 8971ul.product_list_widget li img, .woocommerce ul.product_list_widget li img { 8972 display: block !important; 8973 float: none !important; 8974 width: 100% !important; 8975 height: auto !important; 8976 margin-left: 0 !important; 8977 border-radius: 0; 8978 box-shadow: none !important; 8979 aspect-ratio: 1 / 1 !important; 8980 object-fit: cover !important; 8981} 8982 8983ul.product_list_widget .product-title, .woocommerce ul.product_list_widget .product-title { 8984 position: absolute; 8985 bottom: 0; 8986 left: 0; 8987 z-index: 2; 8988 box-sizing: border-box; 8989 width: 100%; 8990 padding: 8px 10px; 8991 background: rgba(0, 0, 0, 0.6); 8992 color: #ffffff; 8993 font-size: 14px; 8994 line-height: 1.2; 8995 text-align: center; 8996} 8997 8998ul.product_list_widget .wcpbc-price, .woocommerce ul.product_list_widget .wcpbc-price { 8999 display: block; 9000 margin-top: 0; 9001 padding: 8px 10px; 9002 background: #f0f0f0; 9003 color: #444444; 9004 font-size: 24px; 9005 font-weight: 600; 9006 line-height: 1.5; 9007 text-align: center; 9008} 9009 9010ul.product_list_widget .wcpbc-price del, .woocommerce ul.product_list_widget .wcpbc-price del { 9011 display: none; 9012} 9013 9014ul.product_list_widget .amount, .woocommerce ul.product_list_widget .amount { 9015 color: #9E9D24; 9016 font-weight: 600; 9017} 9018 9019ul.product_list_widget ins, .woocommerce ul.product_list_widget ins { 9020 background: transparent; 9021 font-weight: 600; 9022 text-decoration: none; 9023} 9024 9025ul.product_list_widget .star-rating, .woocommerce ul.product_list_widget .star-rating { 9026 display: block; 9027 margin: 8px 10px; 9028} 9029 9030@media screen and (max-width: 1199px) { 9031 ul.product_list_widget, .woocommerce ul.product_list_widget { 9032 grid-template-columns: repeat(2, 1fr); 9033 gap: 20px; 9034 } 9035} 9036 9037@media screen and (min-width: 1200px) { 9038 ul.product_list_widget, .woocommerce ul.product_list_widget { 9039 grid-template-columns: repeat(4, 1fr); 9040 gap: 60px; 9041 } 9042} 9043 9044/* desktop: cart icon wrapper */ 9045.cart-icon-wrapper { 9046 position: relative; 9047 display: inline-flex; 9048 align-items: center; 9049 justify-content: center; 9050 min-width: 44px; 9051 min-height: 44px; 9052 padding-left: 32px; 9053 text-align: center; 9054 vertical-align: middle; 9055 user-select: none; 9056} 9057 9058/* desktop: cart icon link */ 9059.cart-icon-wrapper > a { 9060 display: inline-flex; 9061 align-items: center; 9062 justify-content: center; 9063 min-width: 44px; 9064 min-height: 44px; 9065 line-height: 1; 9066 text-decoration: none !important; 9067 cursor: pointer; 9068 user-select: none; 9069} 9070 9071/* desktop: cart icon */ 9072.cart-icon-wrapper svg { 9073 display: block; 9074 width: 24px; 9075 height: 24px; 9076 padding: 0; 9077 line-height: 1; 9078 text-decoration: none !important; 9079 pointer-events: none; 9080 user-select: none; 9081} 9082 9083/* cart notification dots */ 9084.notification-dot, 9085.notification-dot-offcanvas { 9086 position: absolute; 9087 display: inline-flex; 9088 align-items: center; 9089 justify-content: center; 9090 min-width: 18px; 9091 height: 18px; 9092 padding: 0 4px; 9093 background-color: #f44336; 9094 border-radius: 999px; 9095 box-shadow: 0 0 0 2px #ffffff; 9096 color: #ffffff; 9097 font-size: 11px; 9098 font-weight: 700; 9099 line-height: 18px; 9100 text-align: center; 9101 white-space: nowrap; 9102 pointer-events: none; 9103 user-select: none; 9104} 9105 9106.notification-dot { 9107 top: 4px; 9108 right: -8px; 9109} 9110 9111.notification-dot-offcanvas { 9112 top: 4px; 9113 right: 12px; 9114} 9115 9116/* desktop: header cart nav item */ 9117.header-cart-nav-item { 9118 display: inline-flex; 9119 align-items: stretch; 9120 margin-left: 0; 9121 vertical-align: middle; 9122} 9123 9124.header-cart-nav-item a { 9125 display: flex; 9126 align-items: center; 9127 gap: 8px; 9128 padding: 12px 16px; 9129 background: transparent; 9130 border-radius: 0; 9131 color: #001438 !important; 9132 font-family: "Noto Sans", sans-serif; 9133 font-size: 18px; 9134 font-weight: 600; 9135 line-height: 1.25; 9136 text-align: center; 9137 text-decoration: none !important; 9138 text-transform: none; 9139 white-space: nowrap; 9140} 9141 9142.header-layout-stacked-bottom .header-cart-nav-item:last-child a { 9143 padding-right: 0; 9144} 9145 9146.header-cart-nav-item a:hover { 9147 background: transparent; 9148 color: #001438 !important; 9149} 9150 9151#header-basic .header-cart-nav-item a, #header-basic .header-cart-nav-item a:hover { 9152 color: #263238 !important; 9153} 9154 9155#header-mini-hero .header-cart-nav-item a, #header-mini-hero .header-cart-nav-item a:hover { 9156 color: #263238 !important; 9157} 9158 9159#header-half-hero .header-cart-nav-item a, #header-half-hero .header-cart-nav-item a:hover { 9160 color: #263238 !important; 9161} 9162 9163#header-full-hero .header-cart-nav-item a, #header-full-hero .header-cart-nav-item a:hover { 9164 color: #ffffff !important; 9165} 9166 9167.header-cart-nav-count { 9168 display: inline-flex; 9169 align-items: center; 9170 justify-content: center; 9171 min-width: 18px; 9172 height: 18px; 9173 padding: 0 4px; 9174 background: #f44336; 9175 border-radius: 999px; 9176 color: #ffffff; 9177 font-size: 11px; 9178 font-weight: 700; 9179 line-height: 18px; 9180 text-align: center; 9181} 9182 9183/* mobile: cart button wrapper */ 9184.cart-button-offcanvas-wrapper { 9185 width: 100%; 9186 padding: 0 20px; 9187 margin-bottom: 20px; 9188} 9189 9190/* mobile: cart button */
9191.cart-button-offcanvas { 9192 position: relative; 9193 width: 100%; 9194 display: inline-flex; 9195 align-items: center; 9196 justify-content: center; 9197 min-height: 44px; 9198 box-sizing: border-box; 9199 text-align: center; 9200 font-size: 18px; 9201 font-weight: 700; 9202 padding: 8px 44px; 9203 color: #ffffff; 9204 background: transparent; 9205 border-radius: 4px; 9206 box-shadow: inset 0 0 0 1px #ffffff; 9207 text-decoration: none; 9208 vertical-align: middle; 9209} 9210 9211/* mobile: cart icon inside button */ 9212.cart-button-offcanvas i { 9213 padding-right: 8px !important; 9214 line-height: 1; 9215 text-decoration: none !important; 9216} 9217 9218@media screen and (max-width: 1199px) { 9219 .cart-icon-wrapper { 9220 position: relative; 9221 min-width: 44px; 9222 min-height: 44px; 9223 padding-left: 0; 9224 overflow: visible; 9225 } 9226 9227 .menu-mobile-wrapper .cart-icon-wrapper svg { 9228 width: 32px; 9229 height: 32px; 9230 } 9231 9232 .menu-mobile-wrapper .notification-dot { 9233 top: 4px; 9234 right: 4px; 9235 min-width: 18px; 9236 height: 18px; 9237 line-height: 18px; 9238 } 9239} 9240 9241/* focus states */ 9242 9243a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { 9244 outline: 2px solid #5C6BC0 !important; 9245 outline-offset: 2px; 9246} 9247 9248input:focus-visible, select:focus-visible, textarea:focus-visible { 9249 box-shadow: inset 0 0 0 1px #5C6BC0 !important; 9250} 9251 9252.skip-link:focus, 9253.skip-link:focus-visible { 9254 clip: auto; 9255 position: fixed !important; 9256 top: 10px; 9257 left: 10px; 9258 z-index: 999999; 9259 width: auto; 9260 height: auto; 9261 padding: 10px 15px; 9262 overflow: visible; 9263 background: #ffffff; 9264 color: #5C6BC0; 9265 box-shadow: 0 0 0 2px #5C6BC0; 9266 text-decoration: none; 9267} 9268</style> 9269 9270<meta property="og:type" content="article"> 9271<meta property="og:title" content="Contact me using the following form"> 9272<meta name="twitter:title" content="Contact me using the following form"> 9273<meta property="og:description" content="or else send me email at faisal AT telcocloudbridge.com!"> 9274<meta name="twitter:description" content="or else send me email at faisal AT telcocloudbridge.com!"> 9275<meta property="og:url" content="https://telecomlighthouse.com/give-me-a-shout/"> 9276<meta property="og:site_name" content="TLH "> 9277<meta name="twitter:card" content="summary_large_image"> 9278<style id="wp-custom-css"> 9279.post-tease-archive .entry-title a { 9280 font-size: 28px; 9281 line-height: 1.3; 9282} 9283 9284/* 9285 9286/* /* ========================================================= 9287 HOVERCRAFT ARCHIVE â TWO-COLUMN POSTS 9288 Purpose: Two columns on homepage/archive pages only. 9289 Individual blog posts remain unchanged. 9290 ========================================================= */ 9291 9292body.home #content-padded, 9293body.archive #content-padded, 9294body.search #content-padded { 9295 display: grid; 9296 grid-template-columns: repeat(2, minmax(0, 1fr)); 9297 gap: 40px 30px; 9298} 9299 9300body.home #content-padded > .breadcrumbs, 9301body.archive #content-padded > .breadcrumbs, 9302body.search #content-padded > .breadcrumbs, 9303body.home #content-padded > .archive-title, 9304body.archive #content-padded > .archive-title, 9305body.search #content-padded > .archive-title { 9306 grid-column: 1 / -1; 9307} 9308 9309body.home #content-padded > .post-tease-archive, 9310body.archive #content-padded > .post-tease-archive, 9311body.search #content-padded > .post-tease-archive { 9312 width: auto !important; 9313 float: none !important; 9314 margin: 0 !important; 9315} 9316 9317body.home #content-padded > .clear, 9318body.archive #content-padded > .clear, 9319body.search #content-padded > .clear { 9320 display: none; 9321} 9322/* ========================================================= 9323 HOVERCRAFT ARCHIVE â FULL-WIDTH CATEGORY DESCRIPTION 9324 Purpose: Keep category/archive information above the 9325 two-column post grid instead of occupying one column. 9326 ========================================================= */ 9327 9328body.archive #content-padded > :not(.post-tease-archive):not(.clear) { 9329 grid-column: 1 / -1; 9330} 9331</style> 9332</head> 9333<body class="wp-singular page-template-default page page-id-58 wp-theme-hovercraft"> 9334 9335 9336<a class="skip-link screen-reader-text" href="#main">Skip to content</a> 9337 9338 9339 <div id="hovercraft-offcanvas-menu" class="offcanvas-menu" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Mobile menu" tabindex="-1" inert> 9340 <h4 class="sitename-offcanvas">TLH </h4> 9341 9342 <div class="mobile-menu-search"> 9343 <form role="search" method="get" class="searchform" action="https://telecomlighthouse.com/"> 9344 <label class="screen-reader-text" for="search-1">Search</label> 9345 9346 <div class="input-container"> 9347 <input id="search-1" type="search" class="search-input" name="s" value="" placeholder="Search entire website..." /> 9348 9349 <button type="submit" class="search-submit" aria-label="Submit search"> 9350 <svg class="hovercraft-icon hovercraft-icon-search" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
9350<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg> 9351 </button> 9352 </div><!-- input-container --> 9353</form><!-- searchform --> 9354 </div><!-- mobile-menu-search --> 9355 9356 <div class="mobile-menu"><ul id="menu-tcb-menu" class="menu"><li id="menu-item-2563" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2563"><a href="https://telecomlighthouse.com">Home</a></li> 9357<li id="menu-item-2449" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2449"><a href="https://telecomlighthouse.com/blog/category/nfv/">NFV</a></li> 9358<li id="menu-item-2450" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2450"><a href="https://telecomlighthouse.com/blog/category/sdn/">SDN</a></li> 9359<li id="menu-item-2451" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2451"><a href="https://telecomlighthouse.com/blog/category/sd-wan/">SD-WAN</a></li> 9360<li id="menu-item-2452" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2452"><a href="https://telecomlighthouse.com/blog/category/edge-cloud-2/">Edge Cloud</a></li> 9361<li id="menu-item-2448" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2448"><a href="https://telecomlighthouse.com/blog/category/transport/">Transport</a></li> 9362<li id="menu-item-2453" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2453"><a href="https://telecomlighthouse.com/about-me-2/">About Me</a></li> 9363<li id="menu-item-3064" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-58 current_page_item menu-item-3064"><a href="https://telecomlighthouse.com/give-me-a-shout/" aria-current="page">Contact</a></li> 9364</ul></div> </div><!-- hovercraft-offcanvas-menu --> 9365 9366 <div class="offcanvas-overlay" aria-hidden="true"></div> 9367 9368<div id="container"><!-- main container --> 9369 9370 9371 <div id="header-basic"> 9372 9373 9374 9375<div class="inner header-layout-inline"> 9376 <div class="header-left"> 9377 <div id="branding"> 9378 9379 9380 <div class="branding-text"> 9381 <a href="https://telecomlighthouse.com" class="site-title-link" rel="home"> 9382 <div class="site-title">TLH </div> 9383 </a> 9384 9385 <div class="tagline">Your Telecom Lighhouse</div> 9386 </div><!-- branding-text --> 9387 9388</div><!-- branding --> 9389 </div><!-- header-left --> 9390 9391 <div class="header-right"> 9392 <div class="menu-choose"> 9393 9394 <div class="menu-mobile-wrapper"> 9395 9396 9397 <button type="button" class="nav-icon mobile-menu-trig offcanvas-trigger" aria-label="Open menu" aria-controls="hovercraft-offcanvas-menu" aria-expanded="false"> 9398 <svg class="hovercraft-icon hovercraft-icon-menu" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg> 9399 </button> 9400 </div><!-- menu-mobile-wrapper --> 9401 9402 <div class="menu-desktop"> 9403 <div class="main-menu"><ul id="menu-tcb-menu-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2563"><a href="https://telecomlighthouse.com">Home</a></li> 9404<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2449"><a href="https://telecomlighthouse.com/blog/category/nfv/">NFV</a></li> 9405<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2450"><a href="https://telecomlighthouse.com/blog/category/sdn/">SDN</a></li> 9406<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2451"><a href="https://telecomlighthouse.com/blog/category/sd-wan/">SD-WAN</a></li> 9407<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2452"><a href="https://telecomlighthouse.com/blog/category/edge-cloud-2/">Edge Cloud</a></li> 9408<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2448"><a href="https://telecomlighthouse.com/blog/category/transport/">Transport</a></li> 9409<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2453"><a href="https://telecomlighthouse.com/about-me-2/">About Me</a></li> 9410<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-58 current_page_item menu-item-3064"><a href="https://telecomlighthouse.com/give-me-a-shout/" aria-current="page">Contact</a></li> 9411</ul></div> 9412 <button type="button" class="search-icon-wrapper search-modal-toggle" aria-label="Open search" aria-controls="full-screen-search" aria-expanded="false"> 9413 <svg class="hovercraft-icon hovercraft-icon-search" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
9413<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg> 9414 </button><!-- search-icon-wrapper --> 9415 9416 9417 <div class="cta-header-primary"><ul id="menu-tcb-menu-2" class="cta"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2563"><a href="https://telecomlighthouse.com">Home</a></li> 9418</ul></div> </div><!-- menu-desktop --> 9419 9420 </div><!-- menu-choose --> 9421 </div><!-- header-right --> 9422</div><!-- header-layout-inline --> 9423 9424</div><!-- header-basic --> 9425 9426 <div id="main"> 9427 <div class="inner"> 9428 9429 9430 <div id="primary-wide"> 9431 9432 <div id="content-wrapper"> 9433 9434 9435 <div id="content-padded"> 9436 9437 <nav class="breadcrumbs" aria-label="Breadcrumbs"> 9438 <ol id="hovercraft-breadcrumb" class="hovercraft-breadcrumb breadcrumb-list" itemscope itemtype="https://schema.org/BreadcrumbList"><li class="item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://telecomlighthouse.com" itemprop="item"><span itemprop="name">Home</span></a><meta itemprop="position" content="1" /></li><li class="item-current item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page"><span itemprop="name">Contact me using the following form</span><meta itemprop="position" content="2" /></li></ol> </nav><!-- breadcrumbs --> 9439 <h1 class="entry-title">Contact me using the following form</h1> 9440 <div class="entry-content"> 9441<h2 class="wp-block-heading">or else send me email at faisal AT telcocloudbridge.com!</h2> 9442 9443 9444 9445<iframe onload="javascript:parent.scrollTo(0,0);" height="750" allowtransparency="true" frameborder="0" scrolling="yes" style="width:100%;border:none" src="https://formaloo.net/94ht2" id="formalooIframe"></iframe> 9446</div> 9447 9448 9449 <!-- end the loop --> 9450 <div class="clear"></div> 9451 </div><!-- content-padded --> 9452 9453 </div><!-- content-wrapper --> 9454 9455 <div class="clear"></div> 9456 </div><!-- primary / primary-wide --> 9457 9458 9459 <div class="clear"></div> 9460 </div><!-- inner --> 9461 </div><!-- main --> 9462 9463<div class="clear"></div> 9464 9465 9466<div id="copyright" class="is-fixed"> 9467 <div class="inner"> 9468 9469 <div class="copyright-left"> 9470 © 2026 TLH . 9471 9472 Powered by <a rel="nofollow" href="https://hovercraft.vip">HoverCraft</a>. 9473 9474 <div class="clear"></div> 9475 </div><!-- copyright-left --> 9476 9477 9478 <div class="scrollup-wrapper"> 9479 <button type="button" class="scrollup-link">Back to top</button> 9480 </div><!-- scrollup-wrapper --> 9481 9482 <div class="clear"></div> 9483 </div><!-- inner --> 9484</div><!-- copyright --> 9485 9486</div><!-- container --> 9487 9488<div id="full-screen-search" class="search-modal" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Search"> 9489 <button type="button" class="search-modal-close" aria-label="Close search"> 9490 <svg class="hovercraft-icon hovercraft-icon-close" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg> 9491 </button><!-- search-modal-close --> 9492 9493 <div class="search-modal-panel"> 9494 <form role="search" method="get" class="searchform" action="https://telecomlighthouse.com/"> 9495 <label class="screen-reader-text" for="search-2">Search</label> 9496 9497 <div class="input-container"> 9498 <input id="search-2" type="search" class="search-input" name="s" value="" placeholder="Search entire website..." /> 9499 9500 <button type="submit" class="search-submit" aria-label="Submit search"> 9501 <svg class="hovercraft-icon hovercraft-icon-search" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg> 9502 </button> 9503 </div><!-- input-container --> 9504</form><!-- searchform --> 9505 </div><!-- search-modal-panel --> 9506</div><!-- full-screen-search --> 9507
9508<script type="speculationrules"> 9509{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hovercraft/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 9510</script>
vendor: 1 bytes, line 9510
9510
9511<script id="hovercraft_main_menu-js" src="https://telecomlighthouse.com/wp-content/themes/hovercraft/assets/js/main-menu.js?ver=0.3.280"></script>
vendor: 1 bytes, line 9511
9511
9512<script id="hovercraft_accordion_menu-js" src="https://telecomlighthouse.com/wp-content/themes/hovercraft/assets/js/accordion-menu.js?ver=0.3.280"></script>
vendor: 1 bytes, line 9512
9512
9513<script id="hovercraft_offcanvas_menu-js" src="https://telecomlighthouse.com/wp-content/themes/hovercraft/assets/js/offcanvas-menu.js?ver=0.3.280"></script>
vendor: 1 bytes, line 9513
9513
9514<script id="hovercraft_back_to_top-js" src="https://telecomlighthouse.com/wp-content/themes/hovercraft/assets/js/back-to-top.js?ver=0.3.280"></script>
vendor: 1 bytes, line 9514
9514
9515<script id="hovercraft_full_screen_search-js" src="https://telecomlighthouse.com/wp-content/themes/hovercraft/assets/js/full-screen-search.js?ver=0.3.280"></script>
vendor: 1 bytes, line 9515
9515
9516<script id="wp-emoji-settings" type="application/json"> 9517{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://telecomlighthouse.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 9518</script>
vendor: 1 bytes, line 9518
9518
9519<script type="module"> 9520/*! This file is auto-generated */ 9521var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 9522//# sourceURL=https://telecomlighthouse.com/wp-includes/js/wp-emoji-loader.min.js 9523</script>
9523 9524
9525<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"eae82a83949148e5a559d48a16ca8ae8","r":1,"spa":2}' crossorigin="anonymous"></script>
9525 9526</body><!-- body --> 9527</html><!-- html -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.