@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCY9_S6w.woff2)format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkAI9_S6w.woff2)format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCI9_S6w.woff2)format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkB49_S6w.woff2)format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkC49_S6w.woff2)format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo9_S6w.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI9_.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJMkq1umA.woff2)format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJFkq1umA.woff2)format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxI9kq1umA.woff2)format('woff2'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxIvkq1umA.woff2)format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJOkq1umA.woff2)format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJPkq1umA.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(//fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } /*!************************************************ * Blogger Template Style * Name: Soho **************************************************/ body { overflow-wrap: break-word; word-break: break-word; word-wrap: break-word } .hidden { display: none } .invisible { visibility: hidden } .container::after, .float-container::after { clear: both; content: ""; display: table } .clearboth { clear: both } #comments .comment .comment-actions, .subscribe-popup .FollowByEmail .follow-by-email-submit { background: 0 0; border: 0; box-shadow: none; color: #77e4ff; cursor: pointer; font-size: 14px; font-weight: 700; outline: 0; text-decoration: none; text-transform: uppercase; width: auto } .dim-overlay { background-color: rgba(0, 0, 0, .54); height: 100vh; left: 0; position: fixed; top: 0; width: 100% } #sharing-dim-overlay { background-color: transparent } input::-ms-clear { display: none } .blogger-logo, .svg-icon-24.blogger-logo { fill: #ff9800; opacity: 1 } .loading-spinner-large { -webkit-animation: mspin-rotate 1.568s infinite linear; animation: mspin-rotate 1.568s infinite linear; height: 48px; overflow: hidden; position: absolute; width: 48px; z-index: 200 } .loading-spinner-large>div { -webkit-animation: mspin-revrot 5332ms infinite steps(4); animation: mspin-revrot 5332ms infinite steps(4) } .loading-spinner-large>div>div { -webkit-animation: mspin-singlecolor-large-film 1333ms infinite steps(81); animation: mspin-singlecolor-large-film 1333ms infinite steps(81); background-size: 100%; height: 48px; width: 3888px } .mspin-black-large>div>div, .mspin-grey_54-large>div>div { background-image: url(https://www.blogblog.com/indie/mspin_black_large.svg) } .mspin-white-large>div>div { background-image: url(https://www.blogblog.com/indie/mspin_white_large.svg) } .mspin-grey_54-large { opacity: .54 } @-webkit-keyframes mspin-singlecolor-large-film { from { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-3888px); transform: translateX(-3888px) } } @keyframes mspin-singlecolor-large-film { from { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-3888px); transform: translateX(-3888px) } } @-webkit-keyframes mspin-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes mspin-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes mspin-revrot { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } } @keyframes mspin-revrot { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } } .skip-navigation { background-color: #fff; box-sizing: border-box; color: #000; display: block; height: 0; left: 0; line-height: 50px; overflow: hidden; padding-top: 0; position: fixed; text-align: center; top: 0; -webkit-transition: box-shadow .3s, height .3s, padding-top .3s; transition: box-shadow .3s, height .3s, padding-top .3s; width: 100%; z-index: 900 } .skip-navigation:focus { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); height: 50px } #main { outline: 0 } .main-heading { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden } .Attribution { margin-top: 1em; text-align: center } .Attribution .blogger img, .Attribution .blogger svg { vertical-align: bottom } .Attribution .blogger img { margin-right: .5em } .Attribution div { line-height: 24px; margin-top: .5em } .Attribution .copyright, .Attribution .image-attribution { font-size: .7em; margin-top: 1.5em } .BLOG_mobile_video_class { display: none } .bg-photo { background-attachment: scroll !important } body .CSS_LIGHTBOX { z-index: 900 } .extendable .show-less, .extendable .show-more { border-color: #77e4ff; color: #77e4ff; margin-top: 8px } .extendable .show-less.hidden, .extendable .show-more.hidden { display: none } .inline-ad { display: none; max-width: 100%; overflow: hidden } .adsbygoogle { display: block } #cookieChoiceInfo { bottom: 0; top: auto } iframe.b-hbp-video { border: 0 } .post-body img { max-width: 100% } .post-body iframe { max-width: 100% } .post-body a[imageanchor="1"] { display: inline-block } .byline { margin-right: 1em } .byline:last-child { margin-right: 0 } .link-copied-dialog { max-width: 520px; outline: 0 } .link-copied-dialog .modal-dialog-buttons { margin-top: 8px } .link-copied-dialog .goog-buttonset-default { background: 0 0; border: 0 } .link-copied-dialog .goog-buttonset-default:focus { outline: 0 } .paging-control-container { margin-bottom: 16px } .paging-control-container .paging-control { display: inline-block } .paging-control-container .comment-range-text::after, .paging-control-container .paging-control { color: #77e4ff } .paging-control-container .comment-range-text, .paging-control-container .paging-control { margin-right: 8px } .paging-control-container .comment-range-text::after, .paging-control-container .paging-control::after { content: "\b7"; cursor: default; padding-left: 8px; pointer-events: none } .paging-control-container .comment-range-text:last-child::after, .paging-control-container .paging-control:last-child::after { content: none } .byline.reactions iframe { height: 20px } .b-notification { color: #000; background-color: #fff; border-bottom: solid 1px #000; box-sizing: border-box; padding: 16px 32px; text-align: center } .b-notification.visible { -webkit-transition: margin-top .3s cubic-bezier(.4, 0, .2, 1); transition: margin-top .3s cubic-bezier(.4, 0, .2, 1) } .b-notification.invisible { position: absolute } .b-notification-close { position: absolute; right: 8px; top: 8px } .no-posts-message { line-height: 40px; text-align: center } @media screen and (max-width:1162px) { body.item-view .post-body a[imageanchor="1"][style*="float: left;"], body.item-view .post-body a[imageanchor="1"][style*="float: right;"] { float: none !important; clear: none !important } body.item-view .post-body a[imageanchor="1"] img { display: block; height: auto; margin: 0 auto } body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child { margin-top: 20px } .post-body a[imageanchor] { display: block } body.item-view .post-body a[imageanchor="1"] { margin-left: 0 !important; margin-right: 0 !important } body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"] { margin-top: 16px } } .item-control { display: none } #comments { border-top: 1px dashed rgba(0, 0, 0, .54); margin-top: 20px; padding: 20px } #comments .comment-thread ol { margin: 0; padding-left: 0; padding-left: 0 } #comments .comment .comment-replybox-single, #comments .comment-thread .comment-replies { margin-left: 60px } #comments .comment-thread .thread-count { display: none } #comments .comment { list-style-type: none; padding: 0 0 30px; position: relative } #comments .comment .comment { padding-bottom: 8px } .comment .avatar-image-container { position: absolute } .comment .avatar-image-container img { border-radius: 50% } .avatar-image-container svg, .comment .avatar-image-container .avatar-icon { border-radius: 50%; border: solid 1px #ffffff; box-sizing: border-box; fill: #ffffff; height: 35px; margin: 0; padding: 7px; width: 35px } .comment .comment-block { margin-top: 10px; margin-left: 60px; padding-bottom: 0 } #comments .comment-author-header-wrapper { margin-left: 40px } #comments .comment .thread-expanded .comment-block { padding-bottom: 20px } #comments .comment .comment-header .user, #comments .comment .comment-header .user a { color: #ffffff; font-style: normal; font-weight: 700 } #comments .comment .comment-actions { bottom: 0; margin-bottom: 15px; position: absolute } #comments .comment .comment-actions>* { margin-right: 8px } #comments .comment .comment-header .datetime { bottom: 0; color: rgba(255, 255, 255, 0.54); display: inline-block; font-size: 13px; font-style: italic; margin-left: 8px } #comments .comment .comment-footer .comment-timestamp a, #comments .comment .comment-header .datetime a { color: rgba(255, 255, 255, 0.54) } #comments .comment .comment-content, .comment .comment-body { margin-top: 12px; word-break: break-word } .comment-body { margin-bottom: 12px } #comments.embed[data-num-comments="0"] { border: 0; margin-top: 0; padding-top: 0 } #comments.embed[data-num-comments="0"] #comment-post-message, #comments.embed[data-num-comments="0"] div.comment-form>p, #comments.embed[data-num-comments="0"] p.comment-footer { display: none } #comment-editor-src { display: none } .comments .comments-content .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden } .extendable .remaining-items { height: 0; overflow: hidden; -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1); transition: height .3s cubic-bezier(.4, 0, .2, 1) } .extendable .remaining-items.expanded { height: auto } .svg-icon-24, .svg-icon-24-button { cursor: pointer; height: 24px; width: 24px; min-width: 24px } .touch-icon { margin: -12px; padding: 12px } .touch-icon:active, .touch-icon:focus { background-color: rgba(153, 153, 153, .4); border-radius: 50% } svg:not(:root).touch-icon { overflow: visible } html[dir=rtl] .rtl-reversible-icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .svg-icon-24-button, .touch-icon-button { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0 } .touch-icon-button .touch-icon:active, .touch-icon-button .touch-icon:focus { background-color: transparent } .touch-icon-button:active .touch-icon, .touch-icon-button:focus .touch-icon { background-color: rgba(153, 153, 153, .4); border-radius: 50% } .Profile .default-avatar-wrapper .avatar-icon { border-radius: 50%; border: solid 1px #ffffff; box-sizing: border-box; fill: #ffffff; margin: 0 } .Profile .individual .default-avatar-wrapper .avatar-icon { padding: 25px } .Profile .individual .avatar-icon, .Profile .individual .profile-img { height: 120px; width: 120px } .Profile .team .default-avatar-wrapper .avatar-icon { padding: 8px } .Profile .team .avatar-icon, .Profile .team .default-avatar-wrapper, .Profile .team .profile-img { height: 40px; width: 40px } .snippet-container { margin: 0; position: relative; overflow: hidden } .snippet-fade { bottom: 0; box-sizing: border-box; position: absolute; width: 96px } .snippet-fade { right: 0 } .snippet-fade:after { content: "\2026" } .snippet-fade:after { float: right } .centered-top-container.sticky { left: 0; position: fixed; right: 0; top: 0; width: auto; z-index: 50; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1) } .centered-top-placeholder { display: none } .collapsed-header .centered-top-placeholder { display: block } .centered-top-container .Header .replaced h1, .centered-top-placeholder .Header .replaced h1 { display: none } .centered-top-container.sticky .Header .replaced h1 { display: block } .centered-top-container.sticky .Header .header-widget { background: 0 0 } .centered-top-container.sticky .Header .header-image-wrapper { display: none } .centered-top-container img, .centered-top-placeholder img { max-width: 100% } .collapsible { -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1); transition: height .3s cubic-bezier(.4, 0, .2, 1) } .collapsible, .collapsible>summary { display: block; overflow: hidden } .collapsible>:not(summary) { display: none } .collapsible[open]>:not(summary) { display: block } .collapsible:focus, .collapsible>summary:focus { outline: 0 } .collapsible>summary { cursor: pointer; display: block; padding: 0 } .collapsible:focus>summary, .collapsible>summary:focus { background-color: transparent } .collapsible>summary::-webkit-details-marker { display: none } .collapsible-title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .collapsible-title .title { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .collapsible-title .chevron-down, .collapsible[open] .collapsible-title .chevron-up { display: block } .collapsible-title .chevron-up, .collapsible[open] .collapsible-title .chevron-down { display: none } .flat-button { cursor: pointer; display: inline-block; font-weight: 700; text-transform: uppercase; border-radius: 2px; padding: 8px; margin: -8px } .flat-icon-button { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0; margin: -12px; padding: 12px; cursor: pointer; box-sizing: content-box; display: inline-block; line-height: 0 } .flat-icon-button, .flat-icon-button .splash-wrapper { border-radius: 50% } .flat-icon-button .splash.animate { -webkit-animation-duration: .3s; animation-duration: .3s } .overflowable-container { max-height: 28px; overflow: hidden; position: relative } .overflow-button { cursor: pointer } #overflowable-dim-overlay { background: 0 0 } .overflow-popup { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); background-color: #01050c; left: 0; max-width: calc(100% - 32px); position: absolute; top: 0; visibility: hidden; z-index: 101 } .overflow-popup ul { list-style: none } .overflow-popup .tabs li, .overflow-popup li { display: block; height: auto } .overflow-popup .tabs li { padding-left: 0; padding-right: 0 } .overflow-button.hidden, .overflow-popup .tabs li.hidden, .overflow-popup li.hidden { display: none } .search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 24px; width: 24px } .search.focused { width: 100% } .search.focused .section { width: 100% } .search form { z-index: 101 } .search h3 { display: none } .search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; border-bottom: solid 1px transparent; padding-bottom: 8px } .search form>* { display: none } .search.focused form>* { display: block } .search .search-input label { display: none } .centered-top-placeholder.cloned .search form { z-index: 30 } .search.focused form { border-color: rgba(255, 255, 255, 0.54); position: relative; width: auto } .collapsed-header .centered-top-container .search.focused form { border-bottom-color: transparent } .search-expand { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .search-expand-text { display: none } .search-close { display: inline; vertical-align: middle } .search-input { -webkit-box-flex: 1; -webkit-flex: 1 0 1px; -ms-flex: 1 0 1px; flex: 1 0 1px } .search-input input { background: 0 0; border: 0; box-sizing: border-box; color: rgba(255, 255, 255, 0.54); display: inline-block; outline: 0; width: calc(100% - 48px) } .search-input input.no-cursor { color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, 0.54) } .collapsed-header .centered-top-container .search-action, .collapsed-header .centered-top-container .search-input input { color: rgba(255, 255, 255, 0.54) } .collapsed-header .centered-top-container .search-input input.no-cursor { color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, 0.54) } .collapsed-header .centered-top-container .search-input input.no-cursor:focus, .search-input input.no-cursor:focus { outline: 0 } .search-focused>* { visibility: hidden } .search-focused .search, .search-focused .search-icon { visibility: visible } .search.focused .search-action { display: block } .search.focused .search-action:disabled { opacity: .3 } .widget.Sharing .sharing-button { display: none } .widget.Sharing .sharing-buttons li { padding: 0 } .widget.Sharing .sharing-buttons li span { display: none } .post-share-buttons { position: relative } .centered-bottom .share-buttons .svg-icon-24, .share-buttons .svg-icon-24 { fill: #ffffff } .sharing-open.touch-icon-button:active .touch-icon, .sharing-open.touch-icon-button:focus .touch-icon { background-color: transparent } .share-buttons { background-color: #01050c; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); color: #ffffff; list-style: none; margin: 0; padding: 8px 0; position: absolute; top: -11px; min-width: 200px; z-index: 101 } .share-buttons.hidden { display: none } .sharing-button { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0; cursor: pointer } .share-buttons li { margin: 0; height: 48px } .share-buttons li:last-child { margin-bottom: 0 } .share-buttons li .sharing-platform-button { box-sizing: border-box; cursor: pointer; display: block; height: 100%; margin-bottom: 0; padding: 0 16px; position: relative; width: 100% } .share-buttons li .sharing-platform-button:focus, .share-buttons li .sharing-platform-button:hover { background-color: rgba(128, 128, 128, .1); outline: 0 } .share-buttons li svg[class*=" sharing-"], .share-buttons li svg[class^=sharing-] { position: absolute; top: 10px } .share-buttons li span.sharing-platform-button { position: relative; top: 0 } .share-buttons li .platform-sharing-text { display: block; font-size: 16px; line-height: 48px; white-space: nowrap } .share-buttons li .platform-sharing-text { margin-left: 56px } .sidebar-container { background-color: #f7f7f7; max-width: 284px; overflow-y: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1); transition-timing-function: cubic-bezier(0, 0, .2, 1); width: 284px; z-index: 101; -webkit-overflow-scrolling: touch } .sidebar-container .navigation { line-height: 0; padding: 16px } .sidebar-container .sidebar-back { cursor: pointer } .sidebar-container .widget { background: 0 0; margin: 0 16px; padding: 16px 0 } .sidebar-container .widget .title { color: rgba(255, 255, 255, 0.54); margin: 0 } .sidebar-container .widget ul { list-style: none; margin: 0; padding: 0 } .sidebar-container .widget ul ul { margin-left: 1em } .sidebar-container .widget li { font-size: 16px; line-height: normal } .sidebar-container .widget+.widget { border-top: 1px dashed rgba(255, 255, 255, 0.54) } .BlogArchive li { margin: 16px 0 } .BlogArchive li:last-child { margin-bottom: 0 } .Label li a { display: inline-block } .BlogArchive .post-count, .Label .label-count { float: right; margin-left: .25em } .BlogArchive .post-count::before, .Label .label-count::before { content: "(" } .BlogArchive .post-count::after, .Label .label-count::after { content: ")" } .widget.Translate .skiptranslate>div { display: block !important } .widget.Profile .profile-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .widget.Profile .team-member .default-avatar-wrapper, .widget.Profile .team-member .profile-img { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 1em } .widget.Profile .individual .profile-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .widget.Profile .team .profile-link .profile-name { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .dim-overlay { background-color: rgba(0, 0, 0, .54); z-index: 100 } body.sidebar-visible { overflow-y: hidden } @media screen and (max-width:1439px) { .sidebar-container { bottom: 0; position: fixed; top: 0; left: 0; right: auto } .sidebar-container.sidebar-invisible { -webkit-transition-timing-function: cubic-bezier(.4, 0, .6, 1); transition-timing-function: cubic-bezier(.4, 0, .6, 1) } html[dir=ltr] .sidebar-container.sidebar-invisible { -webkit-transform: translateX(-284px); -ms-transform: translateX(-284px); transform: translateX(-284px) } html[dir=rtl] .sidebar-container.sidebar-invisible { -webkit-transform: translateX(284px); -ms-transform: translateX(284px); transform: translateX(284px) } } @media screen and (min-width:1440px) { .sidebar-container { position: absolute; top: 0; left: 0; right: auto } .sidebar-container .navigation { display: none } } .dialog { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); background: #01050c; box-sizing: border-box; color: #ffffff; padding: 30px; position: fixed; text-align: center; width: calc(100% - 24px); z-index: 101 } .dialog input[type=email], .dialog input[type=text] { background-color: transparent; border: 0; border-bottom: solid 1px rgba(255, 255, 255, .12); color: #ffffff; display: block; font-family: Lato, sans-serif; font-size: 16px; line-height: 24px; margin: auto; padding-bottom: 7px; outline: 0; text-align: center; width: 100% } .dialog input[type=email]::-webkit-input-placeholder, .dialog input[type=text]::-webkit-input-placeholder { color: #ffffff } .dialog input[type=email]::-moz-placeholder, .dialog input[type=text]::-moz-placeholder { color: #ffffff } .dialog input[type=email]:-ms-input-placeholder, .dialog input[type=text]:-ms-input-placeholder { color: #ffffff } .dialog input[type=email]::-ms-input-placeholder, .dialog input[type=text]::-ms-input-placeholder { color: #ffffff } .dialog input[type=email]::placeholder, .dialog input[type=text]::placeholder { color: #ffffff } .dialog input[type=email]:focus, .dialog input[type=text]:focus { border-bottom: solid 2px #77e4ff; padding-bottom: 6px } .dialog input.no-cursor { color: transparent; text-shadow: 0 0 0 #ffffff } .dialog input.no-cursor:focus { outline: 0 } .dialog input.no-cursor:focus { outline: 0 } .dialog input[type=submit] { font-family: Lato, sans-serif } .dialog .goog-buttonset-default { color: #77e4ff } .subscribe-popup { max-width: 364px } .subscribe-popup h3 { color: #ffffff; font-size: 1.8em; margin-top: 0 } .subscribe-popup .FollowByEmail h3 { display: none } .subscribe-popup .FollowByEmail .follow-by-email-submit { color: #77e4ff; display: inline-block; margin: 0 auto; margin-top: 24px; width: auto; white-space: normal } .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled { cursor: default; opacity: .3 } @media (max-width:800px) { .blog-name div.widget.Subscribe { margin-bottom: 16px } body.item-view .blog-name div.widget.Subscribe { margin: 8px auto 16px auto; width: 100% } } body#layout .bg-photo, body#layout .bg-photo-overlay { display: none } body#layout .page_body { padding: 0; position: relative; top: 0 } body#layout .page { display: inline-block; left: inherit; position: relative; vertical-align: top; width: 540px } body#layout .centered { max-width: 954px } body#layout .navigation { display: none } body#layout .sidebar-container { display: inline-block; width: 40% } body#layout .hamburger-menu, body#layout .search { display: none } body { background-color: #01050c; color: #ffffff; font: normal 400 20px Lato, sans-serif; height: 100%; margin: 0; min-height: 100vh } h1, h2, h3, h4, h5, h6 { font-weight: 400 } a { color: #77e4ff; text-decoration: none } .dim-overlay { z-index: 100 } body.sidebar-visible .page_body { overflow-y: scroll } .widget .title { color: rgba(255, 255, 255, 0.54); font: normal 700 12px Lato, sans-serif } .extendable .show-less, .extendable .show-more { color: #77e4ff; font: normal 700 12px Lato, sans-serif; margin: 12px -8px 0 -8px; text-transform: uppercase } .footer .widget, .main .widget { margin: 50px 0 } .main .widget .title { text-transform: uppercase } .inline-ad { display: block; margin-top: 50px } .adsbygoogle { text-align: center } .page_body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; position: relative; z-index: 20 } .page_body>* { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .page_body>#footer { margin-top: auto } .centered-bottom, .centered-top { margin: 0 32px; max-width: 100% } .centered-top { padding-bottom: 12px; padding-top: 12px } .sticky .centered-top { padding-bottom: 0; padding-top: 0 } .centered-top-container, .centered-top-placeholder { background: #01050c } .centered-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative } .sticky .centered-top { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .centered-top-container .svg-icon-24, .centered-top-placeholder .svg-icon-24 { fill: rgba(255, 255, 255, 0.54) } .back-button-container, .hamburger-menu-container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 48px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .sticky .back-button-container, .sticky .hamburger-menu-container { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .back-button, .hamburger-menu, .search-expand-icon { cursor: pointer; margin-top: 0 } .search { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 48px; margin-left: 24px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .search, .search.focused { width: auto } .search.focused { position: static } .sticky .search { display: none; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .search .section { right: 0; margin-top: 12px; position: absolute; top: 12px; width: 0 } .sticky .search .section { top: 0 } .search-expand { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0; color: #77e4ff; cursor: pointer; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font: normal 700 12px Lato, sans-serif; text-transform: uppercase; word-break: normal } .search.focused .search-expand { visibility: hidden } .search .dim-overlay { background: 0 0 } .search.focused .section { max-width: 400px } .search.focused form { border-color: rgba(255, 255, 255, 0.54); height: 24px } .search.focused .search-input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .search-input input { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font: normal 700 16px Lato, sans-serif } .search input[type=submit] { display: none } .subscribe-section-container { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 24px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; text-align: right } .sticky .subscribe-section-container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .subscribe-button { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0; color: #77e4ff; cursor: pointer; display: inline-block; font: normal 700 12px Lato, sans-serif; line-height: 48px; margin: 0; text-transform: uppercase; word-break: normal } .subscribe-popup h3 { color: rgba(255, 255, 255, 0.54); font: normal 700 12px Lato, sans-serif; margin-bottom: 24px; text-transform: uppercase } .subscribe-popup div.widget.FollowByEmail .follow-by-email-address { color: #ffffff; font: normal 700 12px Lato, sans-serif } .subscribe-popup div.widget.FollowByEmail .follow-by-email-submit { color: #77e4ff; font: normal 700 12px Lato, sans-serif; margin-top: 24px; text-transform: uppercase } .blog-name { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; overflow: hidden } .sticky .blog-name { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 12px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } body.search-view .centered-top.search-focused .blog-name { display: none } .widget.Header h1 { font: normal 300 18px Lato, sans-serif; margin: 0; text-transform: uppercase } .widget.Header h1, .widget.Header h1 a { color: #ffffff } .widget.Header p { color: rgba(255, 255, 255, 0.54); font: normal 400 12px Lato, sans-serif; line-height: 1.7 } .sticky .widget.Header h1 { font-size: 16px; line-height: 48px; overflow: hidden; overflow-wrap: normal; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .sticky .widget.Header p { display: none } .sticky { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) } #page_list_top .widget.PageList { font: normal 700 14px Lato, sans-serif; line-height: 28px } #page_list_top .widget.PageList .title { display: none } #page_list_top .widget.PageList .overflowable-contents { overflow: hidden } #page_list_top .widget.PageList .overflowable-contents ul { list-style: none; margin: 0; padding: 0 } #page_list_top .widget.PageList .overflow-popup ul { list-style: none; margin: 0; padding: 0 20px } #page_list_top .widget.PageList .overflowable-contents li { display: inline-block } #page_list_top .widget.PageList .overflowable-contents li.hidden { display: none } #page_list_top .widget.PageList .overflowable-contents li:not(:first-child):before { color: rgba(255, 255, 255, 0.54); content: "\b7" } #page_list_top .widget.PageList .overflow-button a, #page_list_top .widget.PageList .overflow-popup li a, #page_list_top .widget.PageList .overflowable-contents li a { color: rgba(255, 255, 255, 0.54); font: normal 700 14px Lato, sans-serif; line-height: 28px; text-transform: uppercase } #page_list_top .widget.PageList .overflow-popup li.selected a, #page_list_top .widget.PageList .overflowable-contents li.selected a { color: rgba(255, 255, 255, 0.54); font: normal 700 14px Lato, sans-serif; line-height: 28px } #page_list_top .widget.PageList .overflow-button { display: inline } .sticky #page_list_top { display: none } body.homepage-view .hero-image.has-image { background: #01050c url(https://themes.googleusercontent.com/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh) no-repeat scroll top center /* Credit: Matt Vince (http://www.offset.com/photos/223311) */ ; ; background-attachment: scroll; background-color: #01050c; background-size: cover; height: 62.5vw; max-height: 75vh; min-height: 200px; width: 100% } .post-filter-message { background-color: #77e4ff; color: rgba(0, 0, 0, 0.54); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font: normal 700 12px Lato, sans-serif; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; padding: 18px } .post-filter-message .message-container { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0 } .post-filter-message .home-link-container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .post-filter-message .search-label, .post-filter-message .search-query { color: rgba(0, 0, 0, 0.87); font: normal 700 12px Lato, sans-serif; text-transform: uppercase } .post-filter-message .home-link, .post-filter-message .home-link a { color: rgba(0, 0, 0, 0.87); font: normal 700 12px Lato, sans-serif; text-transform: uppercase } .widget.FeaturedPost .thumb.hero-thumb { background-position: center; background-size: cover; height: 360px } .widget.FeaturedPost .featured-post-snippet:before { content: "\2014" } .snippet-container, .snippet-fade { font: normal 400 14px Lato, sans-serif; line-height: 23.8px } .snippet-container { max-height: 166.6px; overflow: hidden } .snippet-fade { background: -webkit-linear-gradient(left, #01050c 0, #01050c 20%, rgba(1, 5, 12, 0) 100%); background: linear-gradient(to left, #01050c 0, #01050c 20%, rgba(1, 5, 12, 0) 100%); color: #ffffff } .post-sidebar { display: none } .widget.Blog .blog-posts .post-outer-container { width: 100% } .no-posts { text-align: center } body.feed-view .widget.Blog .blog-posts .post-outer-container, body.item-view .widget.Blog .blog-posts .post-outer { margin-bottom: 50px } .widget.Blog .post.no-featured-image, .widget.PopularPosts .post.no-featured-image { background-color: #77e4ff; padding: 30px } .widget.Blog .post>.post-share-buttons-top { right: 0; position: absolute; top: 0 } .widget.Blog .post>.post-share-buttons-bottom { bottom: 0; right: 0; position: absolute } .blog-pager { text-align: right } .blog-pager a { color: #77e4ff; font: normal 700 12px Lato, sans-serif; text-transform: uppercase } .blog-pager .blog-pager-newer-link, .blog-pager .home-link { display: none } .post-title { font: normal 400 20px Lato, sans-serif; margin: 0; text-transform: uppercase } .post-title, .post-title a { color: #ffffff } .post.no-featured-image .post-title, .post.no-featured-image .post-title a { color: rgba(0, 0, 0, 0.87) } body.item-view .post-body-container:before { content: "\2014" } .post-body { color: #ffffff; font: normal 400 14px Lato, sans-serif; line-height: 1.7 } .post-body blockquote { color: #ffffff; font: normal 700 16px Lato, sans-serif; line-height: 1.7; margin-left: 0; margin-right: 0 } .post-body img { height: auto; max-width: 100% } .post-body .tr-caption { color: #ffffff; font: normal 400 16px Lato, sans-serif; line-height: 1.7 } .snippet-thumbnail { position: relative } .snippet-thumbnail .post-header { background: #01050c; bottom: 0; margin-bottom: 0; padding-right: 15px; padding-bottom: 5px; padding-top: 5px; position: absolute } .snippet-thumbnail img { width: 100% } .post-footer, .post-header { margin: 8px 0 } body.item-view .widget.Blog .post-header { margin: 0 0 16px 0 } body.item-view .widget.Blog .post-footer { margin: 50px 0 0 0 } .widget.FeaturedPost .post-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .widget.FeaturedPost .post-footer>* { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .widget.FeaturedPost .post-footer, .widget.FeaturedPost .post-footer a, .widget.FeaturedPost .post-footer button { line-height: 1.7 } .jump-link { margin: -8px } .post-header, .post-header a, .post-header button { color: rgba(255, 255, 255, 0.54); font: normal 700 12px Lato, sans-serif } .post.no-featured-image .post-header, .post.no-featured-image .post-header a, .post.no-featured-image .post-header button { color: rgba(0, 0, 0, 0.54) } .post-footer, .post-footer a, .post-footer button { color: #77e4ff; font: normal 700 12px Lato, sans-serif } .post.no-featured-image .post-footer, .post.no-featured-image .post-footer a, .post.no-featured-image .post-footer button { color: rgba(0, 0, 0, 0.87) } body.item-view .post-footer-line { line-height: 2.3 } .byline { display: inline-block } .byline .flat-button { text-transform: none } .post-header .byline:not(:last-child):after { content: "\b7" } .post-header .byline:not(:last-child) { margin-right: 0 } .byline.post-labels a { display: inline-block; word-break: break-all } .byline.post-labels a:not(:last-child):after { content: "," } .byline.reactions .reactions-label { line-height: 22px; vertical-align: top } .post-share-buttons { margin-left: 0 } .share-buttons { background-color: #252525; border-radius: 0; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.87); font: normal 400 16px Lato, sans-serif } .share-buttons .svg-icon-24 { fill: #77e4ff } #comment-holder .continue { display: none } #comment-editor { margin-bottom: 20px; margin-top: 20px } .widget.Attribution, .widget.Attribution .copyright, .widget.Attribution .copyright a, .widget.Attribution .image-attribution, .widget.Attribution .image-attribution a, .widget.Attribution a { color: rgba(255, 255, 255, 0.54); font: normal 700 12px Lato, sans-serif } .widget.Attribution svg { fill: rgba(255, 255, 255, 0.54) } .widget.Attribution .blogger a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 24px } .widget.Attribution .blogger svg { margin-right: 8px } .widget.Profile ul { list-style: none; padding: 0 } .widget.Profile .individual .default-avatar-wrapper, .widget.Profile .individual .profile-img { border-radius: 50%; display: inline-block; height: 120px; width: 120px } .widget.Profile .individual .profile-data a, .widget.Profile .team .profile-name { color: #ffffff; font: normal 300 20px Lato, sans-serif; text-transform: none } .widget.Profile .individual dd { color: #ffffff; font: normal 400 20px Lato, sans-serif; margin: 0 auto } .widget.Profile .individual .profile-link, .widget.Profile .team .visit-profile { color: #77e4ff; font: normal 700 12px Lato, sans-serif; text-transform: uppercase } .widget.Profile .team .default-avatar-wrapper, .widget.Profile .team .profile-img { border-radius: 50%; float: left; height: 40px; width: 40px } .widget.Profile .team .profile-link .profile-name-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .widget.Label li, .widget.Label span.label-size { color: #77e4ff; display: inline-block; font: normal 700 12px Lato, sans-serif; word-break: break-all } .widget.Label li:not(:last-child):after, .widget.Label span.label-size:not(:last-child):after { content: "," } .widget.PopularPosts .post { margin-bottom: 50px } body.item-view #sidebar .widget.PopularPosts { margin-left: 40px; width: inherit } #comments { border-top: none; padding: 0 } #comments .comment .comment-footer, #comments .comment .comment-header, #comments .comment .comment-header .datetime, #comments .comment .comment-header .datetime a { color: rgba(255, 255, 255, 0.54); font: normal 700 12px Lato, sans-serif } #comments .comment .comment-author, #comments .comment .comment-author a, #comments .comment .comment-header .user, #comments .comment .comment-header .user a { color: #ffffff; font: normal 700 12px Lato, sans-serif } #comments .comment .comment-body, #comments .comment .comment-content { color: #ffffff; font: normal 400 16px Lato, sans-serif } #comments .comment .comment-actions, #comments .footer, #comments .footer a, #comments .loadmore, #comments .paging-control { color: #77e4ff; font: normal 700 12px Lato, sans-serif; text-transform: uppercase } #commentsHolder { border-bottom: none; border-top: none } #comments .comment-form h4 { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden } .sidebar-container { background-color: #01050c; color: rgba(255, 255, 255, 0.54); font: normal 700 14px Lato, sans-serif; min-height: 100% } html[dir=ltr] .sidebar-container { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1) } html[dir=rtl] .sidebar-container { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1) } .sidebar-container a { color: #77e4ff } .sidebar-container .svg-icon-24 { fill: rgba(255, 255, 255, 0.54) } .sidebar-container .widget { margin: 0; margin-left: 40px; padding: 40px; padding-left: 0 } .sidebar-container .widget+.widget { border-top: 1px solid rgba(255, 255, 255, 0.54) } .sidebar-container .widget .title { color: rgba(255, 255, 255, 0.54); font: normal 700 16px Lato, sans-serif } .sidebar-container .widget ul li, .sidebar-container .widget.BlogArchive #ArchiveList li { font: normal 700 14px Lato, sans-serif; margin: 1em 0 0 0 } .sidebar-container .BlogArchive .post-count, .sidebar-container .Label .label-count { float: none } .sidebar-container .Label li a { display: inline } .sidebar-container .widget.Profile .default-avatar-wrapper .avatar-icon { border-color: #ffffff; fill: #ffffff } .sidebar-container .widget.Profile .individual { text-align: center } .sidebar-container .widget.Profile .individual dd:before { content: "\2014"; display: block } .sidebar-container .widget.Profile .individual .profile-data a, .sidebar-container .widget.Profile .team .profile-name { color: #ffffff; font: normal 300 20px Lato, sans-serif } .sidebar-container .widget.Profile .individual dd { color: rgba(255, 255, 255, 0.87); font: normal 400 12px Lato, sans-serif; margin: 0 30px } .sidebar-container .widget.Profile .individual .profile-link, .sidebar-container .widget.Profile .team .visit-profile { color: #77e4ff; font: normal 700 14px Lato, sans-serif } .sidebar-container .snippet-fade { background: -webkit-linear-gradient(left, #01050c 0, #01050c 20%, rgba(1, 5, 12, 0) 100%); background: linear-gradient(to left, #01050c 0, #01050c 20%, rgba(1, 5, 12, 0) 100%) } @media screen and (min-width:640px) { .centered-bottom, .centered-top { margin: 0 auto; width: 576px } .centered-top { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 24px; padding-top: 36px } .blog-name { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .sticky .blog-name { margin: 0 } .back-button-container, .hamburger-menu-container { margin-right: 36px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .search { margin-left: 36px; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .search .section { top: 36px } .sticky .search { display: block } .subscribe-section-container { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 36px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .subscribe-button { font: normal 700 14px Lato, sans-serif; line-height: 48px } .subscribe-popup h3 { font: normal 700 14px Lato, sans-serif } .subscribe-popup div.widget.FollowByEmail .follow-by-email-address { font: normal 700 14px Lato, sans-serif } .subscribe-popup div.widget.FollowByEmail .follow-by-email-submit { font: normal 700 14px Lato, sans-serif } .widget .title { font: normal 700 14px Lato, sans-serif } .widget.Blog .post.no-featured-image, .widget.PopularPosts .post.no-featured-image { padding: 65px } .post-title { font: normal 400 24px Lato, sans-serif } .blog-pager a { font: normal 700 14px Lato, sans-serif } .widget.Header h1 { font: normal 300 36px Lato, sans-serif } .sticky .widget.Header h1 { font-size: 24px } } @media screen and (min-width:1162px) { .centered-bottom, .centered-top { width: 922px } .back-button-container, .hamburger-menu-container { margin-right: 48px } .search { margin-left: 48px } .search-expand { font: normal 700 14px Lato, sans-serif; line-height: 48px } .search-expand-text { display: block } .search-expand-icon { display: none } .subscribe-section-container { margin-left: 48px } .post-filter-message { font: normal 700 14px Lato, sans-serif } .post-filter-message .search-label, .post-filter-message .search-query { font: normal 700 14px Lato, sans-serif } .post-filter-message .home-link { font: normal 700 14px Lato, sans-serif } .widget.Blog .blog-posts .post-outer-container { width: 451px } body.error-view .widget.Blog .blog-posts .post-outer-container, body.item-view .widget.Blog .blog-posts .post-outer-container { width: 100% } body.item-view .widget.Blog .blog-posts .post-outer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } #comments, body.item-view .post-outer-container .inline-ad, body.item-view .widget.PopularPosts { margin-left: 220px; width: 682px } .post-sidebar { box-sizing: border-box; display: block; font: normal 700 14px Lato, sans-serif; padding-right: 20px; width: 220px } .post-sidebar-item { margin-bottom: 30px } .post-sidebar-item ul { list-style: none; padding: 0 } .post-sidebar-item .sharing-button { color: #77e4ff; cursor: pointer; display: inline-block; font: normal 700 14px Lato, sans-serif; line-height: normal; word-break: normal } .post-sidebar-labels li { margin-bottom: 8px } body.item-view .widget.Blog .post { width: 682px } .widget.Blog .post.no-featured-image, .widget.PopularPosts .post.no-featured-image { padding: 100px 65px } .page .widget.FeaturedPost .post-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .page .widget.FeaturedPost .thumb-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .page .widget.FeaturedPost .thumb.hero-thumb { height: auto; min-height: 300px; width: 451px } .page .widget.FeaturedPost .post-content.has-featured-image .post-text-container { width: 425px } .page .widget.FeaturedPost .post-content.no-featured-image .post-text-container { width: 100% } .page .widget.FeaturedPost .post-header { margin: 0 0 8px 0 } .page .widget.FeaturedPost .post-footer { margin: 8px 0 0 0 } .post-body { font: normal 400 16px Lato, sans-serif; line-height: 1.7 } .post-body blockquote { font: normal 700 24px Lato, sans-serif; line-height: 1.7 } .snippet-container, .snippet-fade { font: normal 400 16px Lato, sans-serif; line-height: 27.2px } .snippet-container { max-height: 326.4px } .widget.Profile .individual .profile-data a, .widget.Profile .team .profile-name { font: normal 300 24px Lato, sans-serif } .widget.Profile .individual .profile-link, .widget.Profile .team .visit-profile { font: normal 700 14px Lato, sans-serif } } @media screen and (min-width:1440px) { body { position: relative } .page_body { margin-left: 284px } .sticky .centered-top { padding-left: 284px } .hamburger-menu-container { display: none } .sidebar-container { overflow: visible; z-index: 32 } } body#layout .hidden, body#layout .invisible { display: inherit; } body#layout .page { width: 60%; } body#layout.ltr .page { float: right; } body#layout.rtl .page { float: left; } body#layout .sidebar-container { width: 40%; } body#layout.ltr .sidebar-container { float: left; } body#layout.rtl .sidebar-container { float: right; } body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh); } @media (max-width: 320px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w320); } } @media (max-width: 640px) and (min-width: 321px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w640); } } @media (max-width: 800px) and (min-width: 641px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w800); } } @media (max-width: 1024px) and (min-width: 801px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w1024); } } @media (max-width: 1440px) and (min-width: 1025px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w1440); } } @media (max-width: 1680px) and (min-width: 1441px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w1680); } } @media (max-width: 1920px) and (min-width: 1681px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w1920); } } /* Last tag covers anything over one higher than the previous max-size cap. */ @media (min-width: 1921px) { body.homepage-view .hero-image.has-image { background-image: url(https\:\/\/themes.googleusercontent.com\/image?id=wltVPUckfSK9W7r7g9igwymWBEo331nLn9RtDt0jiRzLWLfYn17ncXNLjzi6gMZd0cE2mcKHh5eh&options=w2560); } } .hero-thumb { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgbHdQ8mQmrxdx91l8mGN_gbGfyeeq5jJDEyOi-lMtFVDEPHRNswu0r09EIrUnmUXG2p4crR9YRmaL8gdc5CP3-jRrXiduIruaqiX1_7lisfPu003B2a9cfp9QwNQRqFf8CFRprOs1FMTfwYvoqFWMBLNH_MumSAYxMsfTFIeeUbwZ1B3aEji9UD1mVfezG\/w329-h374\/Screenshot%202024-11-25%20194103.png); } @media (max-width: 200px) { .hero-thumb { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgbHdQ8mQmrxdx91l8mGN_gbGfyeeq5jJDEyOi-lMtFVDEPHRNswu0r09EIrUnmUXG2p4crR9YRmaL8gdc5CP3-jRrXiduIruaqiX1_7lisfPu003B2a9cfp9QwNQRqFf8CFRprOs1FMTfwYvoqFWMBLNH_MumSAYxMsfTFIeeUbwZ1B3aEji9UD1mVfezG\/w200\/Screenshot%202024-11-25%20194103.png); } } @media (max-width: 400px) and (min-width: 201px) { .hero-thumb { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgbHdQ8mQmrxdx91l8mGN_gbGfyeeq5jJDEyOi-lMtFVDEPHRNswu0r09EIrUnmUXG2p4crR9YRmaL8gdc5CP3-jRrXiduIruaqiX1_7lisfPu003B2a9cfp9QwNQRqFf8CFRprOs1FMTfwYvoqFWMBLNH_MumSAYxMsfTFIeeUbwZ1B3aEji9UD1mVfezG\/w400\/Screenshot%202024-11-25%20194103.png); } } @media (max-width: 800px) and (min-width: 401px) { .hero-thumb { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgbHdQ8mQmrxdx91l8mGN_gbGfyeeq5jJDEyOi-lMtFVDEPHRNswu0r09EIrUnmUXG2p4crR9YRmaL8gdc5CP3-jRrXiduIruaqiX1_7lisfPu003B2a9cfp9QwNQRqFf8CFRprOs1FMTfwYvoqFWMBLNH_MumSAYxMsfTFIeeUbwZ1B3aEji9UD1mVfezG\/w800\/Screenshot%202024-11-25%20194103.png); } } @media (max-width: 1200px) and (min-width: 801px) { .hero-thumb { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgbHdQ8mQmrxdx91l8mGN_gbGfyeeq5jJDEyOi-lMtFVDEPHRNswu0r09EIrUnmUXG2p4crR9YRmaL8gdc5CP3-jRrXiduIruaqiX1_7lisfPu003B2a9cfp9QwNQRqFf8CFRprOs1FMTfwYvoqFWMBLNH_MumSAYxMsfTFIeeUbwZ1B3aEji9UD1mVfezG\/w1200\/Screenshot%202024-11-25%20194103.png); } } /* Last tag covers anything over one higher than the previous max-size cap. */ @media (min-width: 1201px) { .hero-thumb { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgbHdQ8mQmrxdx91l8mGN_gbGfyeeq5jJDEyOi-lMtFVDEPHRNswu0r09EIrUnmUXG2p4crR9YRmaL8gdc5CP3-jRrXiduIruaqiX1_7lisfPu003B2a9cfp9QwNQRqFf8CFRprOs1FMTfwYvoqFWMBLNH_MumSAYxMsfTFIeeUbwZ1B3aEji9UD1mVfezG\/w1600\/Screenshot%202024-11-25%20194103.png); } } .header-widget { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEi62aPxcOoxPr1FrSyX-18bzIDH8MwgOO9sgUqbws6YkeTBUKY-64YN-2A3U4puVHiVzg5oL7ymt98Js-qpq81LwpWKs3-d69-lkZ72minnNQKYj7W5Hs3dqzCWoeejKt0wgDQKih3RN9c0pwblpwmBBlEa2tf0HI4ySlT3la5u5ggIBydKkP1UnscNEHjm=s196); } @media (max-width: 200px) { .header-widget { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEi62aPxcOoxPr1FrSyX-18bzIDH8MwgOO9sgUqbws6YkeTBUKY-64YN-2A3U4puVHiVzg5oL7ymt98Js-qpq81LwpWKs3-d69-lkZ72minnNQKYj7W5Hs3dqzCWoeejKt0wgDQKih3RN9c0pwblpwmBBlEa2tf0HI4ySlT3la5u5ggIBydKkP1UnscNEHjm=w200); } } @media (max-width: 400px) and (min-width: 201px) { .header-widget { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEi62aPxcOoxPr1FrSyX-18bzIDH8MwgOO9sgUqbws6YkeTBUKY-64YN-2A3U4puVHiVzg5oL7ymt98Js-qpq81LwpWKs3-d69-lkZ72minnNQKYj7W5Hs3dqzCWoeejKt0wgDQKih3RN9c0pwblpwmBBlEa2tf0HI4ySlT3la5u5ggIBydKkP1UnscNEHjm=w400); } } @media (max-width: 800px) and (min-width: 401px) { .header-widget { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEi62aPxcOoxPr1FrSyX-18bzIDH8MwgOO9sgUqbws6YkeTBUKY-64YN-2A3U4puVHiVzg5oL7ymt98Js-qpq81LwpWKs3-d69-lkZ72minnNQKYj7W5Hs3dqzCWoeejKt0wgDQKih3RN9c0pwblpwmBBlEa2tf0HI4ySlT3la5u5ggIBydKkP1UnscNEHjm=w800); } } @media (max-width: 1200px) and (min-width: 801px) { .header-widget { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEi62aPxcOoxPr1FrSyX-18bzIDH8MwgOO9sgUqbws6YkeTBUKY-64YN-2A3U4puVHiVzg5oL7ymt98Js-qpq81LwpWKs3-d69-lkZ72minnNQKYj7W5Hs3dqzCWoeejKt0wgDQKih3RN9c0pwblpwmBBlEa2tf0HI4ySlT3la5u5ggIBydKkP1UnscNEHjm=w1200); } } /* Last tag covers anything over one higher than the previous max-size cap. */ @media (min-width: 1201px) { .header-widget { background-image: url(https\:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEi62aPxcOoxPr1FrSyX-18bzIDH8MwgOO9sgUqbws6YkeTBUKY-64YN-2A3U4puVHiVzg5oL7ymt98Js-qpq81LwpWKs3-d69-lkZ72minnNQKYj7W5Hs3dqzCWoeejKt0wgDQKih3RN9c0pwblpwmBBlEa2tf0HI4ySlT3la5u5ggIBydKkP1UnscNEHjm=w1600); } } .header-widget { background-position: left; background-repeat: no-repeat; background-size: cover; }