/* Moved from css/styles.css */ @media only screen and (min-width: 1024px) { .wrapper { margin: 0 auto; } .outer { max-width: 1104px; margin: 0 auto; } } @media only screen and (min-width: 1440px) { .wrapper { max-width: 1440px; } } .outer { width: 100%; } /* END Moved from css/styles.css */ .wrapper.blog{ max-width: 800px; } .blogMainTitleDiv { padding: 0 16px; text-align:center; margin-bottom: 10px; } .blogMainTitleDiv p { font-size:38px; font-weight: 600; line-height: 1; color: #3a3636; font-family: 'Rubik', sans-serif !important; margin-bottom: 5px; } .blogMainTitleDiv .blogTitleLine { font-size:30px; font-weight: normal; color: #3a3636; } .blog header{ height: 64px; font-family: 'Rubik', sans-serif; font-size: 20px; text-align: center; color: #3a3636; } .blog .logo svg { height: 48px; } .blog main{ font-family: 'Nunito Sans', sans-serif; font-size: 20px; font-weight: normal; line-height: 1.5; color: #121212; padding: 28px 16px; } .blog .articles a, .tips a{ color: #3a3636; text-decoration: none; } .blog .articles a { text-decoration: none; } .blog .articles a:hover, .tips a:hover { text-decoration: underline; } .blog footer{ font-family: 'Nunito Sans', sans-serif !important; font-size: 16px; } .blog .font-alt{ font-family: Rubik !important; } .blog .menu-item{ display: flex; align-items: center; } .blog .menu-item a{ padding: 16px; color: #3a3636; } .blog .menu-item a.active{ color: #26c1e3; } .blog .articles{ display: grid; grid-auto-flow: row dense; gap: 24px; grid-template-columns: repeat(2, 1fr); } .articles article{ display: flex; align-items: flex-start; padding: 12px 0; } .articles article.featured{ grid-column: 1 / span 2; padding-bottom: 20px; } .articles article h2{ font-size: 18px; /*20px;*/ font-weight: 600; line-height: 1; font-family: 'Rubik', sans-serif !important; margin-top: 4px; margin-bottom: 2px !important; } .articles article .meta{ color: #666666; font-size: 9px; text-transform: uppercase; display: block; } .articles article strong{ font-size: 10px; font-weight: 600; line-height: 1.2; display: block; margin-bottom: 12px; } .articles article p{ font-size: 10px; margin: 0; } .articles article img{ margin-right: 20px; max-width: 126px; height: 126px; /* img update */ object-fit: cover; } .articles article.featured h2{ font-size: 36px; /*40px;*/ margin-top: 3px; margin-bottom: 12px !important; } .articles article.featured .meta{ font-size: 16px; } .articles article.featured strong{ font-size: 20px; } .articles article.featured img{ margin-right: 34px; max-width: 268px; height: auto; /* img update */ } .articles article.featured p{ font-size: 14px; } .article ul{ list-style: none; padding: 0; margin-block-end: 0px; margin-block-start: -20px; /*account for extra line breaks at end of paragraph above list*/ } .article li{ padding: 12px 0; padding-left: 25px; position: relative; } .article li::before{ display: block; position: absolute; top: 14px; transform: translateY(50%); left: 0; content: ''; width:10px; height: 10px; border-radius: 50%; background:#1fa5c2; } .blog .pagination{ display: flex; align-items: center; justify-content: center; } .blog .pagination a{ display: block; width: 100px; height: 6px; margin: 0 16px; border-radius: 3.5px; background-color: #efefef; padding: 0; } .blog .pagination a.active{ background-color: #1fa5c2; } .social { text-align: center; justify-content: center } .social a { width: 24px; height: 24px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-right: 5px; transition: all .3s } .social a:hover { background-color: transparent } .social a:last-child { margin-right: 0 } .copyLink { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='35' height='35' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='18' cy='18' r='18'/%3E%3Cpath d='M6 6h24v24H6z'/%3E%3Cpath d='M21 7H10c-1.1 0-2 .9-2 2v13a1 1 0 0 0 2 0V9h11a1 1 0 0 0 0-2zm4 4H14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V13c0-1.1-.9-2-2-2zm0 16H14V13h11v14z' fill='darkcyan' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E"); } .copylinkshareTip { position: relative; } .copylinkshareTip .copylinkshareTipText { opacity: 0; width: 120px; background-color: #0b92af; color: #fff; text-align: center; border: 2px solid #fff; border-radius: 6px; padding: 5px 0; transition: all .6s; position: absolute; z-index: 1; top: -110%; left: 50%; margin-left: -60px; } .copylinkshareTipText:after { content: ''; display: block; position: absolute; left: 42%; width: 0; height: 0; border-top: 10px solid #0b92af; border-right: 10px solid transparent; border-bottom: 0 solid transparent; border-left: 10px solid transparent; } .fb { height: 20px!important; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-78.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000)'/%3E%3Cpath fill='%2327AAE2' d='M16.317 24v-9.043h3.122l.594-3.873h-3.716V8.571c0-1.06.52-2.092 2.184-2.092h1.689V3.18s-1.533-.261-3-.261c-3.06 0-5.06 1.855-5.06 5.212v2.952H8.728v3.873h3.402V24h4.187z' transform='translate(-78.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .fb:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-78.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000)'/%3E%3Cpath fill='%23ed2b79' d='M16.317 24v-9.043h3.122l.594-3.873h-3.716V8.571c0-1.06.52-2.092 2.184-2.092h1.689V3.18s-1.533-.261-3-.261c-3.06 0-5.06 1.855-5.06 5.212v2.952H8.728v3.873h3.402V24h4.187z' transform='translate(-78.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .insta { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-114.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(36.000000, 0.000000)'/%3E%3Cpath fill='%2327AAE2' d='M12 3.797c-2.228 0-2.507.01-3.382.05-.873.04-1.47.178-1.991.38-.54.21-.997.49-1.453.947-.456.456-.737.913-.946 1.453-.203.521-.342 1.118-.382 1.99-.04.876-.05 1.155-.05 3.383 0 2.228.01 2.507.05 3.382.04.873.179 1.47.382 1.991.21.54.49.997.946 1.453.456.456.913.737 1.453.946.521.203 1.118.342 1.99.382.876.04 1.155.05 3.383.05 2.228 0 2.507-.01 3.382-.05.873-.04 1.47-.179 1.991-.382.54-.21.997-.49 1.453-.946.456-.456.737-.913.946-1.453.203-.521.342-1.118.382-1.99.04-.876.05-1.155.05-3.383 0-2.228-.01-2.507-.05-3.382-.04-.873-.179-1.47-.382-1.991-.21-.54-.49-.997-.946-1.453-.456-.456-.913-.737-1.453-.946-.521-.203-1.118-.342-1.99-.382-.876-.04-1.155-.05-3.383-.05zm0 1.478c2.19 0 2.45.008 3.315.048.8.036 1.234.17 1.523.282.383.149.656.327.943.614.287.287.465.56.614.943.112.29.246.723.282 1.523.04.865.048 1.125.048 3.315s-.008 2.45-.048 3.315c-.036.8-.17 1.234-.282 1.523-.149.383-.327.656-.614.943-.287.287-.56.465-.943.614-.29.112-.723.246-1.523.282-.865.04-1.125.048-3.315.048s-2.45-.008-3.315-.048c-.8-.036-1.234-.17-1.523-.282-.383-.149-.656-.327-.943-.614-.287-.287-.465-.56-.614-.943-.112-.29-.246-.723-.282-1.523-.04-.865-.048-1.125-.048-3.315s.008-2.45.048-3.315c.036-.8.17-1.234.282-1.523.149-.383.327-.656.614-.943.287-.287.56-.465.943-.614.29-.112.723-.246 1.523-.282.865-.04 1.125-.048 3.315-.048zm0 2.513c-2.326 0-4.212 1.886-4.212 4.212 0 2.326 1.886 4.212 4.212 4.212 2.326 0 4.212-1.886 4.212-4.212 0-2.326-1.886-4.212-4.212-4.212zm0 6.946c-1.51 0-2.734-1.224-2.734-2.734S10.49 9.266 12 9.266 14.734 10.49 14.734 12 13.51 14.734 12 14.734zm5.363-7.113c0 .544-.44.984-.984.984s-.985-.44-.985-.984c0-.543.441-.984.985-.984.543 0 .984.44.984.984z' transform='translate(-114.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(36.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .insta:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-114.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(36.000000, 0.000000)'/%3E%3Cpath fill='%23ed2b79' d='M12 3.797c-2.228 0-2.507.01-3.382.05-.873.04-1.47.178-1.991.38-.54.21-.997.49-1.453.947-.456.456-.737.913-.946 1.453-.203.521-.342 1.118-.382 1.99-.04.876-.05 1.155-.05 3.383 0 2.228.01 2.507.05 3.382.04.873.179 1.47.382 1.991.21.54.49.997.946 1.453.456.456.913.737 1.453.946.521.203 1.118.342 1.99.382.876.04 1.155.05 3.383.05 2.228 0 2.507-.01 3.382-.05.873-.04 1.47-.179 1.991-.382.54-.21.997-.49 1.453-.946.456-.456.737-.913.946-1.453.203-.521.342-1.118.382-1.99.04-.876.05-1.155.05-3.383 0-2.228-.01-2.507-.05-3.382-.04-.873-.179-1.47-.382-1.991-.21-.54-.49-.997-.946-1.453-.456-.456-.913-.737-1.453-.946-.521-.203-1.118-.342-1.99-.382-.876-.04-1.155-.05-3.383-.05zm0 1.478c2.19 0 2.45.008 3.315.048.8.036 1.234.17 1.523.282.383.149.656.327.943.614.287.287.465.56.614.943.112.29.246.723.282 1.523.04.865.048 1.125.048 3.315s-.008 2.45-.048 3.315c-.036.8-.17 1.234-.282 1.523-.149.383-.327.656-.614.943-.287.287-.56.465-.943.614-.29.112-.723.246-1.523.282-.865.04-1.125.048-3.315.048s-2.45-.008-3.315-.048c-.8-.036-1.234-.17-1.523-.282-.383-.149-.656-.327-.943-.614-.287-.287-.465-.56-.614-.943-.112-.29-.246-.723-.282-1.523-.04-.865-.048-1.125-.048-3.315s.008-2.45.048-3.315c.036-.8.17-1.234.282-1.523.149-.383.327-.656.614-.943.287-.287.56-.465.943-.614.29-.112.723-.246 1.523-.282.865-.04 1.125-.048 3.315-.048zm0 2.513c-2.326 0-4.212 1.886-4.212 4.212 0 2.326 1.886 4.212 4.212 4.212 2.326 0 4.212-1.886 4.212-4.212 0-2.326-1.886-4.212-4.212-4.212zm0 6.946c-1.51 0-2.734-1.224-2.734-2.734S10.49 9.266 12 9.266 14.734 10.49 14.734 12 13.51 14.734 12 14.734zm5.363-7.113c0 .544-.44.984-.984.984s-.985-.44-.985-.984c0-.543.441-.984.985-.984.543 0 .984.44.984.984z' transform='translate(-114.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(36.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .twit { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-186.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(108.000000, 0.000000)'/%3E%3Cpath fill='black' d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); height: 14px !important; } .twit:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-186.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(108.000000, 0.000000)'/%3E%3Cpath fill='%23ed2b79' d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); height: 14px !important; } /*.twit { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-186.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(108.000000, 0.000000)'/%3E%3Cpath fill='%2327AAE2' d='M8.895 18.761c6.372 0 9.856-5.28 9.856-9.856 0-.15 0-.302-.007-.445.675-.489 1.264-1.1 1.731-1.796-.618.273-1.286.46-1.99.546.718-.431 1.264-1.107 1.523-1.919-.668.396-1.408.683-2.198.841-.632-.675-1.53-1.092-2.529-1.092-1.91 0-3.463 1.552-3.463 3.463 0 .273.03.538.094.79C9.03 9.149 6.48 7.77 4.77 5.673c-.295.51-.467 1.106-.467 1.738 0 1.2.61 2.263 1.545 2.88-.568-.014-1.1-.172-1.567-.43v.043c0 1.68 1.193 3.074 2.78 3.397-.287.08-.596.123-.912.123-.222 0-.438-.022-.653-.065.438 1.38 1.716 2.378 3.232 2.407-1.185.926-2.68 1.48-4.303 1.48-.28 0-.553-.015-.826-.05 1.516.99 3.34 1.565 5.295 1.565z' transform='translate(-186.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(108.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") }*/ /*.twit:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-186.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(108.000000, 0.000000)'/%3E%3Cpath fill='%23ed2b79' d='M8.895 18.761c6.372 0 9.856-5.28 9.856-9.856 0-.15 0-.302-.007-.445.675-.489 1.264-1.1 1.731-1.796-.618.273-1.286.46-1.99.546.718-.431 1.264-1.107 1.523-1.919-.668.396-1.408.683-2.198.841-.632-.675-1.53-1.092-2.529-1.092-1.91 0-3.463 1.552-3.463 3.463 0 .273.03.538.094.79C9.03 9.149 6.48 7.77 4.77 5.673c-.295.51-.467 1.106-.467 1.738 0 1.2.61 2.263 1.545 2.88-.568-.014-1.1-.172-1.567-.43v.043c0 1.68 1.193 3.074 2.78 3.397-.287.08-.596.123-.912.123-.222 0-.438-.022-.653-.065.438 1.38 1.716 2.378 3.232 2.407-1.185.926-2.68 1.48-4.303 1.48-.28 0-.553-.015-.826-.05 1.516.99 3.34 1.565 5.295 1.565z' transform='translate(-186.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(108.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") }*/ .tik { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-222.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(144.000000, 0.000000)'/%3E%3Cpath fill='%2327AAE2' fill-rule='nonzero' d='M12.435 3.84h2.832S15.11 7.425 19.2 7.677v2.771s-2.183.135-3.933-1.182l.03 5.722c0 2.856-2.35 5.172-5.248 5.172-2.899 0-5.249-2.315-5.249-5.172 0-2.856 2.35-5.172 5.248-5.172h.737v2.834c-.985-.303-2.055.051-2.654.879-.598.827-.59 1.94.021 2.758.611.819 1.686 1.158 2.666.841.98-.317 1.642-1.218 1.642-2.234L12.435 3.84z' transform='translate(-222.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(144.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .tik:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-222.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(144.000000, 0.000000)'/%3E%3Cpath fill='%23ed2b79' fill-rule='nonzero' d='M12.435 3.84h2.832S15.11 7.425 19.2 7.677v2.771s-2.183.135-3.933-1.182l.03 5.722c0 2.856-2.35 5.172-5.248 5.172-2.899 0-5.249-2.315-5.249-5.172 0-2.856 2.35-5.172 5.248-5.172h.737v2.834c-.985-.303-2.055.051-2.654.879-.598.827-.59 1.94.021 2.758.611.819 1.686 1.158 2.666.841.98-.317 1.642-1.218 1.642-2.234L12.435 3.84z' transform='translate(-222.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(144.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .yt { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%2327AAE2' d='M17.618 5.027c-3.732-.623-7.54-.623-11.272 0-2.134.448-3.466 1.83-3.466 3.632v6.405c0 1.83 1.332 3.194 3.502 3.66 1.856.314 3.735.473 5.618.476 1.888 0 3.773-.156 5.636-.467 2.116-.402 3.484-1.83 3.484-3.66V8.668c0-1.82-1.368-3.248-3.502-3.641zm-2.645 7.265l-4.56 2.745c-.071.043-.153.066-.237.064-.08 0-.157-.02-.228-.055-.146-.089-.233-.25-.228-.421v-5.49c.001-.165.088-.317.228-.403.145-.078.32-.078.465 0l4.56 2.745c.134.086.215.234.215.394s-.08.308-.215.393v.028z' transform='translate(-258.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(180.000000, 0.000000)'/%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-258.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(180.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .yt:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ed2b79' d='M17.618 5.027c-3.732-.623-7.54-.623-11.272 0-2.134.448-3.466 1.83-3.466 3.632v6.405c0 1.83 1.332 3.194 3.502 3.66 1.856.314 3.735.473 5.618.476 1.888 0 3.773-.156 5.636-.467 2.116-.402 3.484-1.83 3.484-3.66V8.668c0-1.82-1.368-3.248-3.502-3.641zm-2.645 7.265l-4.56 2.745c-.071.043-.153.066-.237.064-.08 0-.157-.02-.228-.055-.146-.089-.233-.25-.228-.421v-5.49c.001-.165.088-.317.228-.403.145-.078.32-.078.465 0l4.56 2.745c.134.086.215.234.215.394s-.08.308-.215.393v.028z' transform='translate(-258.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(180.000000, 0.000000)'/%3E%3Cpath d='M0 0H24V24H0z' transform='translate(-258.000000, -532.000000) translate(13.000000, 296.000000) translate(65.000000, 236.000000) translate(180.000000, 0.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .dsc { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 31%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-31'%3E%3Cpath d='M77.4705455,27.318679 C70.8930909,21.9522565 60.488,21.0444163 60.0458182,21.0058594 C59.3514545,20.9462714 58.6916364,21.3458613 58.4083636,21.9908135 C58.3876364,22.0328756 58.1596364,22.5621569 57.9074545,23.385873 C62.2567273,24.12897 67.6009091,25.6291848 72.4372727,28.6751816 C73.2110909,29.1624009 73.4494545,30.1964274 72.9692727,30.9850917 C72.6583636,31.4968472 72.116,31.7772612 71.5632727,31.7772612 C71.2661818,31.7772612 70.9656364,31.6966422 70.6927273,31.5248886 C62.3810909,26.295168 51.9967273,26.0322799 50,26.0322799 C48.0032727,26.0322799 37.6154545,26.295168 29.3107273,31.5248886 C28.5334545,32.0156131 27.5178182,31.7702509 27.0341818,30.9850917 C26.5505455,30.1964274 26.7923636,29.1659061 27.5661818,28.6751816 C32.4025455,25.63269 37.7432727,24.12897 42.096,23.385873 C41.8403636,22.5586518 41.6123636,22.0328756 41.5950909,21.9908135 C41.3083636,21.3458613 40.652,20.939261 39.9541818,21.0093645 C39.5154545,21.0444163 29.1103636,21.9522565 22.4430909,27.3957928 C18.9609091,30.6591105 12,49.7553023 12,66.2646751 C12,66.5556046 12.076,66.8430289 12.2176364,67.0954015 C17.0229091,75.6585433 30.1294545,77.9018551 33.1176364,78 C33.1349091,78 33.1521818,78 33.1694545,78 C33.698,78 34.1954545,77.7441222 34.5063636,77.3094806 L37.5290909,73.0962606 C29.3798182,70.958104 25.2170909,67.3302482 24.9752727,67.1164326 C24.2912727,66.503027 24.2256364,65.4444642 24.8301818,64.7504396 C25.4347273,64.056415 26.4745455,63.9898167 27.1585455,64.5997171 C27.2587273,64.6908517 34.9243636,71.2910956 50,71.2910956 C65.1032727,71.2910956 72.7689091,64.6628103 72.8449091,64.5962119 C73.5289091,63.9933219 74.5721818,64.056415 75.1732727,64.7539448 C75.7743636,65.4479694 75.7087273,66.503027 75.0281818,67.1129274 C74.7863636,67.3302482 70.6236364,70.9545989 62.4743636,73.0927554 L65.4970909,77.3059754 C65.808,77.7406171 66.3054545,77.9964948 66.834,77.9964948 C66.8512727,77.9964948 66.8685455,77.9964948 66.8858182,77.9964948 C69.874,77.9018551 82.9805455,75.6585433 87.7858182,67.0918963 C87.924,66.8395238 88,66.5556046 88,66.2646751 C88,49.7553023 81.0390909,30.6591105 77.4705455,27.318679 Z M38.8235294,60 C35.5333474,60 32.8627451,56.9760847 32.8627451,53.25 C32.8627451,49.5239153 35.5297866,46.5 38.8235294,46.5 C42.1172722,46.5 44.7843137,49.5239153 44.7843137,53.25 C44.7843137,56.9760847 42.1172722,60 38.8235294,60 Z M61.1764706,60 C57.8862886,60 55.2156863,56.9760847 55.2156863,53.25 C55.2156863,49.5239153 57.8827278,46.5 61.1764706,46.5 C64.4666526,46.5 67.1372549,49.5239153 67.1372549,53.25 C67.1372549,56.9760847 64.4666526,60 61.1764706,60 Z' id='Shape' fill='%2327AAE2' fill-rule='nonzero'%3E%3C/path%3E%3Crect id='Rectangle' x='0' y='0' width='100' height='100'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .dsc:hover { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 31%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-31'%3E%3Cpath d='M77.4705455,27.318679 C70.8930909,21.9522565 60.488,21.0444163 60.0458182,21.0058594 C59.3514545,20.9462714 58.6916364,21.3458613 58.4083636,21.9908135 C58.3876364,22.0328756 58.1596364,22.5621569 57.9074545,23.385873 C62.2567273,24.12897 67.6009091,25.6291848 72.4372727,28.6751816 C73.2110909,29.1624009 73.4494545,30.1964274 72.9692727,30.9850917 C72.6583636,31.4968472 72.116,31.7772612 71.5632727,31.7772612 C71.2661818,31.7772612 70.9656364,31.6966422 70.6927273,31.5248886 C62.3810909,26.295168 51.9967273,26.0322799 50,26.0322799 C48.0032727,26.0322799 37.6154545,26.295168 29.3107273,31.5248886 C28.5334545,32.0156131 27.5178182,31.7702509 27.0341818,30.9850917 C26.5505455,30.1964274 26.7923636,29.1659061 27.5661818,28.6751816 C32.4025455,25.63269 37.7432727,24.12897 42.096,23.385873 C41.8403636,22.5586518 41.6123636,22.0328756 41.5950909,21.9908135 C41.3083636,21.3458613 40.652,20.939261 39.9541818,21.0093645 C39.5154545,21.0444163 29.1103636,21.9522565 22.4430909,27.3957928 C18.9609091,30.6591105 12,49.7553023 12,66.2646751 C12,66.5556046 12.076,66.8430289 12.2176364,67.0954015 C17.0229091,75.6585433 30.1294545,77.9018551 33.1176364,78 C33.1349091,78 33.1521818,78 33.1694545,78 C33.698,78 34.1954545,77.7441222 34.5063636,77.3094806 L37.5290909,73.0962606 C29.3798182,70.958104 25.2170909,67.3302482 24.9752727,67.1164326 C24.2912727,66.503027 24.2256364,65.4444642 24.8301818,64.7504396 C25.4347273,64.056415 26.4745455,63.9898167 27.1585455,64.5997171 C27.2587273,64.6908517 34.9243636,71.2910956 50,71.2910956 C65.1032727,71.2910956 72.7689091,64.6628103 72.8449091,64.5962119 C73.5289091,63.9933219 74.5721818,64.056415 75.1732727,64.7539448 C75.7743636,65.4479694 75.7087273,66.503027 75.0281818,67.1129274 C74.7863636,67.3302482 70.6236364,70.9545989 62.4743636,73.0927554 L65.4970909,77.3059754 C65.808,77.7406171 66.3054545,77.9964948 66.834,77.9964948 C66.8512727,77.9964948 66.8685455,77.9964948 66.8858182,77.9964948 C69.874,77.9018551 82.9805455,75.6585433 87.7858182,67.0918963 C87.924,66.8395238 88,66.5556046 88,66.2646751 C88,49.7553023 81.0390909,30.6591105 77.4705455,27.318679 Z M38.8235294,60 C35.5333474,60 32.8627451,56.9760847 32.8627451,53.25 C32.8627451,49.5239153 35.5297866,46.5 38.8235294,46.5 C42.1172722,46.5 44.7843137,49.5239153 44.7843137,53.25 C44.7843137,56.9760847 42.1172722,60 38.8235294,60 Z M61.1764706,60 C57.8862886,60 55.2156863,56.9760847 55.2156863,53.25 C55.2156863,49.5239153 57.8827278,46.5 61.1764706,46.5 C64.4666526,46.5 67.1372549,49.5239153 67.1372549,53.25 C67.1372549,56.9760847 64.4666526,60 61.1764706,60 Z' id='Shape' fill='%23ed2b79' fill-rule='nonzero'%3E%3C/path%3E%3Crect id='Rectangle' x='0' y='0' width='100' height='100'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .float-right{ float: right; } .float-left{ float: left; } .article article img{ max-width: 300px; border-radius: 12px; } .article article img.float-right{ margin-left: 32px; margin-bottom: 20px; } .article article img.float-left{ margin-right: 32px; margin-bottom: 20px; } .article article img:first-of-type{ max-width: 300px; /*268px;*/ } .article article section img{ max-width: 300px !important; } .article article{ font-size: 14px; } .blog h1{ font-family: 'Rubik', sans-serif !important; font-size: 28px; font-weight: 600; line-height: 0.86; color: #383838; } .article article h2{ font-family: 'Rubik', sans-serif !important; font-size: 20px; font-weight: 500; line-height: 1.2; color: #383838; margin-top: 18px; } .blog h3{ font-family: 'Rubik', sans-serif !important; font-size: 28px; font-weight: 600; line-height: 1.07; color: #383838; margin-top: 48px; text-align: left; } .article article .meta{ color: #666666; font-size: 12px; text-transform: uppercase; display: block; margin-top: 20px; margin-bottom: 25px; } .article article p{ margin: 14px 0; line-height: 1.58; } .article article .social{ font-size: 14px; line-height: 1; color: #878787; justify-content: left; align-items: center; margin: 24px 0; } hr{ height: 1px; margin: 48px 0 24px; border-radius: 0.5px; background-color: #d9d9d9; } .tips{ display: grid; gap: 32px; padding: 12px 0; grid-template-columns: repeat(4, 1fr); } .tip{ padding: 10px; border-radius: 8px; border: solid 1px #d9d9d9; overflow: hidden; } .tip img{ width: calc(100% + 20px); height: auto; /* height: 115px; */ object-fit: cover; margin: -10px; margin-bottom: 0; max-width: unset; } .tip p{ margin: 0; line-height: 1.5; font-size: 10px; font-weight: 600; } .event{ padding: 40px; color: #fff; border-radius: 12px; border: solid 1px #979797; background-image: linear-gradient(-269deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.48) 40%, rgba(0,0,0,0) 100%), url(img/event-desktop.jpg); background-repeat: no-repeat; background-size: cover; margin: 24px 0; } .event h2{ font-size: 28px; font-weight: 600; font-family: 'Rubik', sans-serif !important; margin: 0; line-height: 1; } .event .btn{ padding: 12px 24px; border-radius: 30px; background-color: #e63e2a; color: #fff; height: 48px; font-size: 24px; font-family: 'Rubik', sans-serif !important; } .event p{ max-width: 360px; font-size: 14px; margin: 8px 0 24px 0; } .rarr{ font-family: Helvetica, sans-serif; font-size: 32px; margin-left: 28px; } @media screen and (min-width: 1920px ) { .wrapper.blog{ max-width: 100%; } .wrapper.blog header{ padding: 0 136px; } .wrapper.blog main{ max-width: 1168px; margin: 0 auto; } .article article img:first-of-type{ max-width: 400px; } .article article section img{ max-width: 448px !important; } .blogMainTitleDiv p { font-size:60px; } .blogMainTitleDiv .blogTitleLine { font-size:40px; } .article article{ font-size: 20px; } .blog h3{ font-size: 32px; } .article article .social{ font-size: 20px; } .social a { width: 32px; height: 32px; } .tip p{ font-size: 14px; } .blog h1{ font-size: 40px; } .article article h2{ font-size: 28px; } .article article .meta { font-size: 18px; } .event h2{ font-size: 32px; } .event p{ max-width: 480px; font-size: 20px; } .event .btn{ height: 60px; font-size: 32px; padding: 12px 32px; } header .ft-size-16{ font-size: 20px !important; } .articles article .meta { font-size: 12px; } .articles article.featured .meta { font-size: 18px; } .articles article.featured h2 { font-size: 50px; /*56px;*/ } .articles article img { height: 200px; } .articles article.featured strong { font-size: 40px; } .articles article.featured p { font-size: 24px; line-height: 32px; } .articles article.featured img { max-width: 400px; /*448px;*/ } .articles article img { max-width: 208px; margin-right: 32px; } .articles article h2 { font-size: 30px; } .articles article strong { font-size: 14px; } .articles article p { font-size: 16px; } } @media screen and (max-width: 767px ) { .blog header{ align-items: center; } .wrapper.blog{ max-width: 100%; } .blogMainTitleDiv { margin-bottom: 0; } .blogMainTitleDiv .blogTitleLine { font-size:26px; } .blog main { font-size: 14px; line-height: 22px; padding: 28px 12px; } .blog .logo svg { height: 40px; } .blog h1{ font-size: 30px; /*32px;*/ margin-top: 8px; } .article article h2{ font-size: 20px; } .article article img{ max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; } .article .article-details{ display: flex; flex-direction: column-reverse; } .article article .meta { margin: 0; } .article article section img { max-width: 100% !important; } .article article .list p{ padding-left: 40px; } .article article .list h3{ display: flex; } .article article .list h3 span{ display: block; flex-wrap: nowrap; flex-shrink: 0; width: 40px; } .tips{ gap: 24px; grid-template-columns: repeat(2, 1fr); } .blog h3{ font-size: 20px; } .tip p { font-size: 12px; } .event{ padding: 26px 12px; background-image: linear-gradient(-269deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.48) 40%, rgba(0,0,0,0) 100%), url(img/event-mobile.jpg); } .event h2{ font-size: 20px; } .event p{ max-width: 230px; font-size: 14px; } .event .btn{ height: 30px; font-size: 16px; padding: 5px 16px; min-width: auto; } .rarr { font-size: 24px; margin-left: 16px; } .menu{ display: none !important; position: absolute; display: flex; flex-direction: column; z-index: 100; right: 0; top: 64px; height: auto !important; background: #fff; } #menu.open .menu{ display: flex !important; } .menu .menu-item{ height: auto; } .menu .menu-item a{ display: block; } .burger { position: relative !important; width: 36px; height: 24px; display: flex; flex-direction: column; justify-content: space-between; position: relative; transition: all .3s; margin: 0 !important; margin-right: 20px !important; } .burger span, .burger::after, .burger::before { width: 100%; height: 3px; border-radius: 2px; display: inline-block; background: #3a3636; content: ''; pointer-events: none; } #menu.open .burger{ width: 20px; height: 20px; } #menu.open .burger span { display: none } #menu.open .burger::after, #menu.open .burger::before { position: absolute; top: 50%; left: 0; background-color: #242429 } #menu.open .burger::before { transform: rotate(45deg) } #menu.open .burger::after { transform: rotate(-45deg) } .articles article { flex-direction: column; } .articles article div { padding: 0 4px; } .articles article.featured div { padding: 0 8px; } .articles article.featured img { margin-right: 0; max-width: 100%; margin-bottom: 8px; height: auto; /* img update */ } .articles article .meta { font-size: 8px; line-height: 1; } .articles article.featured .meta { font-size: 12px; } .articles article.featured h2 { font-size: 32px; margin-bottom: 4px !important; } .articles article img { /*max-width: 100%;*/ max-width: 126px; /* img update */ } .articles article h2 { font-size: 13px; /*16px;*/ margin-bottom: 4px !important; } .articles article strong { margin-bottom: 4px; } .blog .pagination a { display: block; width: 78px; height: 4px; margin: 0 16px; border-radius: 4.7px; background-color: #efefef; padding: 0; } } @media screen and (min-width: 768px ) { .burger{ display: none; } #submenu{ display: flex; } }