/* Copyright 2023 Eggstack.  All rights reserved.  This code shall not be copied under any circumstances. */
/* 
/* Proprietary source code developed by Eggstack for the exclusive use of Eggstack. */
/*
/*
/*
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/* $$$$                                   $$$$ */
/* $$$$         EGGSTACK BLOG CSS         $$$$ */
/* $$$$                                   $$$$ */
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*
/*

/* =============    EGGSTACK BODY & CONTAINER      ============= */
html {box-sizing: border-box;}
*, 
*:before,
*:after {box-sizing: inherit;}
#index-body{font-size: 16px; line-height: 1.4; font-weight: 400; font-family: 'Aleo'; color: #000222; background-color: #ffffff; margin: 0px; padding: 0px; position: relative; overflow-x: hidden;}
.wrapper-main-blog{max-width: 1920px;}
.blog-page-container{width: 90%; max-width: 1200px; margin: 0 auto;}
p{margin-bottom: 4px;}

/* =============    404 PAGE NOT FOUND      ============= */
.page-not-found{background-color: #F6F6F6;}
.page-not-found-container{display: flex; justify-content: center; margin-top: 10vh;}
.page-not-found-image{width: calc(120px + 56.35vw); height: calc(79px + 36.77vw);}

/* =============    PAGE DESIGN    ============= */
.blog-segment-container{display: flex; justify-content: space-between; padding: 16px;}
.blog-image{max-width: 100%;}
.blog-category-label{width: 100%; font-family: 'Roboto'; font-size: 12px; color: #ff0000;}
.blog-category-date{width: 100%; margin: 4px 0 4px 0; font-family: 'Roboto'; font-size: 15px; color: #969696;}
a.blog-link:link{cursor: pointer; text-decoration: none;}
a.blog-link:hover{cursor: pointer; text-decoration: none;}
a.blog-link:visited{cursor: pointer; text-decoration: none;}
.blog-title-container-full-width{display: flex; align-items: flex-end; width: 100%; margin: 20px 0 0 16px;}
a.category-arrow-link:link{color: #ff0000; font-family: 'Roboto'; font-size: 13px; font-weight: 600; margin: 0 0 7px 20px; cursor: pointer; text-decoration: none;}
a.category-arrow-link:hover{color: #ff0000; font-family: 'Roboto'; font-size: 13px; font-weight: 600; margin: 0 0 7px 20px; cursor: pointer; text-decoration: none;}
a.category-arrow-link:visited{color: #ff0000; font-family: 'Roboto'; font-size: 13px; font-weight: 600; margin: 0 0 7px 20px; cursor: pointer; text-decoration: none;}
.lines-max-3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.blog-article-snippit{font-family: 'Roboto'; font-size: 14px; color: #6b6b6b; margin-top: 12px;}
.blog-title-very-large{font-family: 'Aleo'; font-size: 30px; font-weight: 600;}
.blog-title-large{width: 100%; color: #222; font-size: 24px; font-weight: 600; letter-spacing: 1px;}
.blog-title-medium{width: 100%; color: #222; font-size: 20px; font-weight: 600;}
.blog-title-small{width: 100%; color: #222; font-size: 15px; font-weight: 600;}
.subject-page-title{width: 100%; margin-top: 35px; font-size: 24px; font-weight: 600; letter-spacing: 1px;}
.blog-segment-container-half-left{display: flex; flex-direction: column; width: 49%;}
.blog-segment-container-half-right{display: flex; flex-direction: column; width: 49%; margin-left: 20px;}
.blog-segment-container-thirds-left{display: flex; flex-direction: column; width: 50%;}
.blog-segment-container-thirds-center{display: flex; flex-direction: column; width: 50%; margin:  0 0 0 20px; padding: 16px; padding-top: 0; background-color: #f2f2f2;}
.blog-segment-container-thirds-right{display: flex; flex-direction: column; width: 31%; margin: 0 0 0 20px;}
.blog-subdivider-thirds-left{display: flex; width: 66.33%;}
.blog-subdivider-thirds-right{display: flex; flex-direction: column;}
.blog-image-container-single{width: 100%; margin-top: 20px; background-color: #f2f2f2;}
.blog-image-label-container-single{width: 100%; padding: 0 20px 20px 20px;}
.blog-segment-container-double{display: flex; justify-content: space-between; width: 100%; margin-top: 20px;}
.blog-image-container-double{width: 48%;}
.blog-segment-container-triple{display: flex; justify-content: space-between; width: 100%; margin-top: 20px;}
.blog-image-container-triple{width: 31%;}
.blog-segment-container-3-high{display: flex; flex-direction: column; width: 100%; margin-top: 20px;}
.blog-image-container-3-high{display: flex; width: 100%; margin-bottom: 18px; background-color: #f2f2f2;}
.blog-image-3-high{max-width: 190px;}
.blog-label-container-3-high{display: flex; flex-direction: column; justify-content: center; margin-left: 18px;}
.blog-image-container-thirds-single{max-width: 370px; text-align: center; overflow: hidden;}
.blog-image-thirds-single{max-height: 280px; position: relative; left: 50%; transform: translate(-50%,0);}
.blog-image-container-thirds-single-full{max-width: 100%;}
.blog-article-container-thirds-4-high{display: flex;}
.blog-image-container-thirds-4-high{min-width: 120px; text-align: center; overflow: hidden;}
.blog-image-thirds-4-high{max-height: 80px; position: relative; left: 50%; transform: translate(-50%,0);}
.blog-label-container-thirds-4-high{margin-left: 18px;}
.article-container{display: flex;}
.article-container-left{display: flex; flex-direction: column; max-width: 68%; padding: 16px; font-family: 'Roboto'}
.article-container-right{display: flex; flex-direction: column; width: 336px; max-width: 336px; min-width: 336px; margin-top: 22px; padding: 16px 38px 16px 16px; border: solid 1px #dbdbdb;}
.dateline-symbol{margin: 0 10px 0 14px;}
.blog-image-main{max-width: 100%; margin: 20px 0 20px 0;}
.right-block{display: flex; align-items: center; min-width: 100%; margin: 12px 12px 0 12px; padding: 12px; border: 1px solid #000000;}
.accent-square-1{color: #ff0000; font-size: 24px; margin-right: 12px;}
.accent-square-2{margin: 2px 12px 0 0;}
.right-block-text{margin-top: 6px;}
.article-container-right-article{margin: 20px 12px 0 12px; padding-bottom: 12px;}
.border-bottom{border-bottom: solid 1px #dbdbdb;}
.article-container-right-author{display: flex; align-items: center; min-width: 100%; margin: 0 12px 12px 12px; padding: 16px 12px 12px 12px; font-family: 'Roboto'; background-color: #f2f2f2;}
.blog-author-image{max-width: 75px; max-height: 75px; margin-right: 25px;}
.article-container-right-ad{margin: 25px 0 0 0;}
.other-articles{width: 100%; margin: 30px 20px 0 0; padding: 16px; border: solid 1px #dbdbdb;}
.other-articles-title{width: 100%; font-family: 'Aleo'; font-size: 20px; font-weight: 600;}
.other-articles-link-container{display: flex; align-items: center;}
a.other-articles-link:link{color: #ff0000; margin-top: 8px; cursor: pointer; text-decoration: none;}
a.other-articles-link:hover{color: #ff0000; margin-top: 8px; cursor: pointer; text-decoration: underline;}
a.other-articles-link:visited{color: #ff0000; margin-top: 8px; cursor: pointer; text-decoration: none;}
.other-image-articles-title{display: flex; justify-content: center; width: 100%; margin: 0 0 25px 0; font-family: 'Aleo'; font-size: 18px; font-weight: 600;}
.blog-continuous-wrappable-row{display: flex; justify-content: center; flex-wrap: wrap;}
.continuous-wrappable-row-article-container{max-width: 218px; margin: 0 16px 25px 0;}
.continuous-wrappable-row-image-container{max-width: 218px; text-align: center; overflow: hidden;}
.continuous-wrappable-row-image{max-height: 146px; position: relative; left: 50%; transform: translate(-50%,0);}

/* =============    MENU    ============= */
.menu-top-container-outer{position: sticky; top: 0; z-index: 15; display: flex; justify-content: center; align-items: center; width: 100%; height: 75px; color: #000000; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.menu-top-container-inner{display: flex; justify-content: space-between; align-items: center; width: 1200px; padding: 0 16px 0 16px;}
.menu-top-container-title{display: flex; align-items: flex-end; width: 1200px;}
.menu-title-font-1{font-family: 'Nunito', sans-serif; font-size: 38px; letter-spacing: 4px; font-weight: 600;}
.menu-title-font-2{font-family: 'Tinos', serif; font-size: 46px; letter-spacing: 5px; margin: 0 0 -6px 2px;}
.menu-title-font-3{font-family: 'Roboto'; font-size: 38px; letter-spacing: 2px; margin: 0 0 -2px 14px;}
.menu-top-subscribe-button{height: 26px; margin-left: 18px; color: #ffffff; background-color: #ff0000; font-size: 12px; font-weight: 600; padding: 0 12px; cursor: pointer; border: none;}
.menu-top-container-connect{display: flex; align-items: center;}
.social-follow-button{margin: 4px 10px 0 0;}
.social-follow-button-image{height: 28px;}
.menu-nav-container{display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; font-size: 14px; border-bottom: 1px solid #d1d1d1;}
a.menu-nav-item:link{margin: 0 20px 0 20px; cursor: pointer; color: #222; text-decoration: none;}
a.menu-nav-item:hover{margin: 0 20px 0 20px; cursor: pointer; color: #222; text-decoration: none;}
a.menu-nav-item:visited{margin: 0 20px 0 20px; cursor: pointer; color: #222; text-decoration: none;}
.menu-nav-item.selected{color: #ff0000 !important;}

/* =============    MOBILE MENU    ============= */
.mobile-menu-container{position: sticky; top: 0; z-index: 15;}
.mobile-menu-top-container-outer{display: flex; justify-content: center; align-items: center; width: 100%; height: 75px; color: #000000; background-color: #ffffff; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.mobile-menu-top-container-title{display: flex; align-items: flex-end;}
.mobile-menu-title-font-1{font-family: 'Nunito', sans-serif; font-size: 28px; letter-spacing: 3px; font-weight: 600;}
.mobile-menu-title-font-2{font-family: 'Tinos', serif; font-size: 34px; letter-spacing: 3px; margin: 0 0 -4px 1px;}
.mobile-menu-title-font-3{font-family: 'Roboto'; font-size: 28px; letter-spacing: 1px; margin: 0 0 -1px 9px;}
a.mobile-menu-link:link{cursor: pointer; color: #222; text-decoration: none; margin-left: 14px;}
a.mobile-menu-link:hover{cursor: pointer; color: #222; text-decoration: none; margin-left: 14px;}
a.mobile-menu-link:visited{cursor: pointer; color: #222; text-decoration: none; margin-left: 14px;}
.blog-menu-mobile-divider{width: 240px; padding: 20px 0 20px 0; border-bottom: 1px solid #bebebe;}
/* Mobile menu icon transform */
.eggstack-mobile-menu-icon{position: absolute; top: 0; z-index: 20; transition: all 0.3s ease 0s; width: 30px; height: 30px; padding: 38px 0 0 16px; cursor: pointer;}
.eggstack-mobile-menu-icon-1{transition: all 0.3s ease 0s; position: absolute; width: 30px; height: 4px; margin-top: 0; background-color: #000000;}
.eggstack-mobile-menu-icon-2{transition: all 0.3s ease 0s; content: ''; position: absolute; width: 30px; height: 4px; margin-top: 11px; background-color: #000000;}
.eggstack-mobile-menu-icon-3{transition: all 0.3s ease 0s; content: ''; position: absolute; width: 30px; height: 4px; margin-top: -11px; background-color: #000000;}
.eggstack-mobile-menu-icon-1-open{opacity: 0;}
.eggstack-mobile-menu-icon-2-open{transform: rotate(-45deg); margin: 0; background-color: #000000;}
.eggstack-mobile-menu-icon-3-open{transform: rotate(45deg);  margin: 0; background-color: #000000;}
/* Blog mobile menu side-panel animation */
.mobile-menu-open{overflow: hidden; position: fixed;}
.menu-mobile-panel-blog{transition: 0.2s linear; position: absolute; top: 75px; left: -251px; z-index: 6; width: 250px; background-color: #ffffff; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; cursor: pointer;}
.menu-mobile-panel-open-blog{transition: 0.2s linear; position: absolute; top: 75px; left: 0; z-index: 6; width: 250px; height: 55vh; background-color: #ffffff; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe;}

/* =============    ADS    ============= */
.blog-ad-content-image-container{display: flex; justify-content: center; cursor: pointer;} 
img.blog-ad-content-image{width: 300px; max-width: 90%;}
.banner-text-link{text-decoration: underline;}
.banner-text-link:hover{cursor: pointer;}
.blog-ad-container-center{display: flex; justify-content: center; margin: 20px 0 20px 0;}
.horiz-rectangle-ads-article-container{display: flex; justify-content: space-around; margin: 20px 0 20px 0;}
.horiz-rectangle-ads-article{margin: 0 25px 0 0;}
.horiz-rectangle-ads-home-container{display: flex; justify-content: space-around; margin: 20px 0 20px 0;}
.horiz-rectangle-ads-home{margin: 14px;}

/* =============    EGGSTACK VIDEO AD   ============= */
.eggstack-video-center{display: flex; flex-direction: column; align-items: center; width: 100%; margin: 20px 0 10px 0;}
.eggstack-headline-video{display: flex; justify-content: center; width: 100%; font-family: 'Work Sans', sans-serif; font-size: 24px; font-weight: 700;}
a.link-work-font:link{cursor: pointer; text-decoration: underline; color: #000000;}
a.link-work-font:hover{cursor: pointer; text-decoration: underline; color: #000000;}
a.link-work-font:visited{cursor: pointer; text-decoration: underline; color: #000000;}

/* =============    SUBSCRIBE MODAL    ============= */
.blog-get-connected-modal.outer-container{width: 90%; max-width: 1140px; margin: 0 auto;}
.blog-get-connected-modal.container{display: flex; flex-direction: column; width: 100%; margin-top: calc(30px + 0.52vw); border-radius: 5px; box-shadow: 5px 5px calc(11px + 0.21vw) rgba(0, 0, 0, 0.3);}
.blog-get-connected-modal.panel-top{position: relative; width: 100%; background: #0066cc; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.blog-get-connected-modal.panel-title{margin-left: calc(36px + 1.51vw); padding: 1px 0 2px 0; font-size: calc(18px + 0.31vw); font-weight: 600; color: #ffc145;}
.blog-get-connected-modal.panel-bottom{width: 100%; padding: calc(8px + 0.36vw) calc(23px + 0.36vw) calc(23px + 0.36vw) calc(23px + 0.36vw); background: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.blog-get-connected-modal.segment-title{font-size: 14px; margin-left: 20px;}
.blog-get-connected-modal.icon{position: absolute; top: calc(-14px - 0.57vw); left: calc(-14px - 0.57vw); width: calc(41px + 1.77vw); height: calc(41px + 1.77vw); background: url('https://eggstack.com/blog/blog-images/blog_get_connected.png'); background-size: cover; border: 4px solid #ffffff; background-position: center; border-radius: 50%; box-shadow: 5px 5px calc(8px + 0.1vw) rgba(0, 0, 0, 0.5);}
.blog-get-connected-modal.segment-container-1{width: 100%; background-color: #f5f5f5; padding: 13px 7px 5px 7px; border: 1px solid #d1d1d1; border-radius: 4px;}
.blog-get-connected-modal.segment-container-1-inner{display: flex; align-items: center;}
.blog-get-connected-modal.segment-container-2{display: flex; justify-content: center; width: 100%; background-color: #f5f5f5; padding: 13px 7px 5px 7px; border: 1px solid #d1d1d1; border-radius: 4px;}
.blog-input-field{padding: 6px 15px 6px 15px;}
.blog-input-field-tag{display: flex; flex-direction: row; flex-wrap: wrap;}
input.blog-text-input{font-size: 16px; border-radius: 4px; width: 100%; max-width: 300px; height: 24px; padding: 2px 0 0 10px; border: 1px solid #d1d1d1;}
.input-error-message-placeholder{font-size: 14px; color: #222; margin: 6px 0 6px 15px;}
.input-error-message-blog{font-size: 14px; font-weight: 600; color: #ff0000; margin: 6px 0 6px 15px;}
.error{background-color: #ffbfbf;}
.eggstack-close-window-blog{font-size: calc(15px + 0.68vw); margin: calc(3px + 0.1vw); cursor: pointer; background: rgba(255,0,0,0); border: 0;}
.eggstack-close-window-blog:hover{background: rgba(255,0,0,1);} 

/* =============    COOKIE BANNER    ============= */
.eggstack-banner-bottom{transform: translateY(100%); display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; z-index: 800; font-family: 'Roboto'; width: 100%; padding: 7px 20px 7px 20px; font-size: calc(14px + 0.1vw); color: #ffffff; background-color: #0066cc;}
.show-cookie-banner-blog{animation-name: showCookieBannerBlog; animation-duration: 1000ms; animation-timing-function: linear; animation-fill-mode: forwards;}
@keyframes showCookieBannerBlog{from{transform: translateY(100%);} to{transform: translateY(0%);}}
.hide-cookie-banner{animation-name: hideCookieBanner; animation-duration: 250ms; animation-timing-function: linear; animation-fill-mode: forwards;}
@keyframes hideCookieBanner{from{transform: translateY(0%);} to {transform: translateY(100%);}}

/* =============    CONTACT MODAL    ============= */
.counter_msg{font-size: 75%; color: #ff0000;}
textarea.eggstack-textarea-message-2{width: 100%; height: calc(54px + 1.88vw); font-size: 16px; margin-bottom: calc(12px + 0.42vw); padding: 2px 0 0 10px;}
textarea.eggstack-textarea-message-2:focus::placeholder{transition: opacity 0.1s ease; opacity: 0;}
.feedback-email-align{margin: calc(8px + 0.31vw); content: '';}

/* =============    TERMS MODAL    ============= */
.doc-para-gap{margin-bottom: calc(6px + 0.21vw);}

/* =============    reCAPTCHA    ============= */
.reCAPTCHA-container-style-1{display: flex; justify-content: flex-end; margin: -1px 0 16px 0;}
.reCAPTCHA-container-style-2{display: flex; justify-content: center; margin-top: 8px;}

/* =============    EGGSTACK BOTTOM LINE    ============= */
.footer-wrapper{max-width: 1920px;}
.footer-container-outer{width: 90%; max-width: 1200px; margin: 0 auto;}
.footer-container-inner{margin: 16px; font-family: 'Roboto'; font-size: 14px; color: #C5CDD5; background-color: #163759;}
.footer-socials{display: flex; justify-content: center; width: 100%; padding: 16px;}
.footer-content{display: flex; justify-content: space-around; width: 100%; padding: 30px;}
.footer-logo{width: 75px; height: 75px; margin-right: 20px;}
.footer-item{max-width: 200px; margin: 8px;}
a.footer-link:link{cursor: pointer; text-decoration: none; font-family: 'Roboto'; font-size: 14px; color: #C5CDD5;}
a.footer-link:hover{cursor: pointer; text-decoration: none; font-family: 'Roboto'; font-size: 14px; color: #C5CDD5;}
a.footer-link:visited{cursor: pointer; text-decoration: none; font-family: 'Roboto'; font-size: 14px; color: #C5CDD5;}

/* =============    EGGSTACK BUTTONS    ============= */
.eggstack-banner-button{font-size: 14px; margin: 0 20px 0 0; padding: 4px calc(21px + 0.21vw) 4px calc(21px + 0.21vw); background-color: #e1e1e1; white-space: nowrap; cursor: pointer; border: solid 2px #969696; border-radius: 8px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5);}
.eggstack-banner-button:hover{background-color:#e4eefa; border-color: #0066cc;} 
.share-button-container-blog {margin-bottom: 10px;}
.blog-social-media-share-buttons{margin-right: auto; margin-bottom: 1.5%;}
.social-share-button{width: calc(35px + 0.26vw); margin-right: 9px;}
.eggstack-button-load-more-container{display: flex; justify-content: center;}
.eggstack-blog-button{font-size: 80%; height: 27px; color: #ffffff; font-weight: 600; margin: 5px; padding: 4px calc(19px + 0.16vw) 4px calc(19px + 0.16vw); background-color: #007f00; white-space: nowrap; cursor: pointer; border: 2px solid #969696; border-radius: 4px;}
.eggstack-blog-button:hover{color: #222; background-color:#00ff00;} 
.eggstack-button{font-size: 80%; padding: 4px calc(19px + 0.16vw) 4px calc(19px + 0.16vw); text-align: center; vertical-align: middle; background-color: #e1e1e1; white-space: nowrap; cursor: pointer; border: solid 2px; border-color: #969696; border-radius: 2px;}
.eggstack-button:hover{background-color:#e4eefa; border-color: #0066cc;} 
.eggstack-button-communicate{padding: 10px; width: 100%; text-align: center; vertical-align: middle; font-size: 125%; font-weight: 600; color: #ffffff; background-color: #94c8ff; white-space: nowrap; cursor: pointer; border: solid 2px #222; border-radius: 4px;}
.eggstack-button-communicate:hover{background-color:#76A0CC; border-color: #000000;} 
.eggstack-button-message{font-size: calc(10px + 0.16vw); padding: calc(3px + 0.05vw); width: calc(72px + 2.5vw); text-align: center; vertical-align: middle; background-color: #e1e1e1; white-space: nowrap; cursor: pointer; border: solid 2px; border-color: #969696; border-radius: 2px;}
.eggstack-button-message:hover{background-color:#e4eefa; border-color: #0066cc;} 

/* =============    EGGSTACK MESSAGE MODAL      ============= */
.eggstack-modal-message-top{display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: -7px; border: 2px solid #969696; border-bottom: 0; cursor: all-scroll;}
.eggstack-modal-message-top-image-container{z-index: 0; position: relative;}
.eggstack-close-window-container-message{flex: 0 1 auto; margin-left: auto; z-index: 4; position: absolute;}
.eggstack-modal-message-title{flex: 0 1; position: relative; top: calc(-6px - 0.21vw); left: 0; font-size: 150%; margin-bottom: calc(12px + 0.42vw); white-space: nowrap;}
.eggstack-modal-message-2-columns{display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.eggstack-modal-message-radio-left{margin-right: 30px;}
.eggstack-close-window-modal{color: #ffffff;}
.eggstack-modal-bottom-message{display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 0 calc(12px + 2.5vw) calc(7px + 1.46vw) 0; border: 2px solid #969696; border-top: 0;}
.eggstack-modal-bottom-message-column{padding: 0 calc(12px + 2.5vw) calc(7px + 1.46vw) 0; border: 2px solid #969696; border-top: 0;}
.eggstack-modal-bottom-message-column-buttons{display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.counter_msg{font-size: 75%; color: #ff0000;}
.eggstack-button-spacer{margin-right: calc(4px + 0.83vw);}
.modal-message-padding{padding: 0 calc(12px + 2.5vw) calc(15px + 0.52vw) calc(12px + 2.5vw);}

/* =============    EGGSTACK COMMUNICATE MODAL      ============= */
.eggstack-modal-communicate-top{display: flex; flex-direction: row; justify-content: center; margin-bottom: -28px; cursor: all-scroll;}
.eggstack-modal-communicate-top-image-container{flex: 1;}
.eggstack-modal-communicate-body{text-align: center; padding: 30px;}
.eggstack-modal-communicate-title{font-size: 200%; font-weight: 600; text-align: center; padding: 40px 20px 20px 20px; white-space: nowrap;}
.eggstack-modal-communicate-title-smaller{font-size: 125%; font-weight: 600; text-align: center; padding: 40px 20px 20px 20px; white-space: nowrap;}
.eggstack-button-communicate{padding: 10px; width: 100%; text-align: center; vertical-align: middle; font-size: 125%; font-weight: 600; color: #ffffff; background-color: #94c8ff; white-space: nowrap; cursor: pointer; border: solid 2px #222; border-radius: 4px;}
.eggstack-button-communicate:hover{background-color:#76A0CC; border-color: #000000;} 
.eggstack-modal-bottom-communicate{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px;}
.eggstack-modal-bottom-communicate-column{display: flex; flex-direction: column; align-items: center; padding: 20px;}

/* =============    EGGSTACK MODALS    ============= */
.modal-blog-author-bio-content-container{display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding: 25px;}
.modal-blog-guest-author-bio-content-container{display: flex; flex-direction: column; align-items: center; padding: 25px;}
.modal-blog-about-us-content-container{display: flex; flex-direction: column; align-items: center; padding: 80px;}
.blog-privacy-policy-padding{padding: 45px; text-align: justify; font-family: 'Roboto';}
.blog-modal-notify-outer-outer-container{margin-top: 35vh; opacity: 0;}
.blog-modal-notify.outer-container{width: 90%; max-width: 635px; margin: 0 auto;}
.blog-modal-notify.title-block{display: flex; justify-content: space-between; align-items: center;}
.blog-modal-notify.close-window{z-index: 4; position: relative;}
.blog-modal-notify.panel-bottom{width: 100%; padding: calc(20px + 1.04vw) calc(23px + 0.36vw) calc(30px + 1.56vw) calc(23px + 0.36vw); background: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.eggstack-modal-top-blog{display: flex; position: sticky; top: 0; z-index: 1100;
    flex-direction: row; justify-content: space-between; align-items: center; color: #ffffff; font-weight: 600; border: 2px solid #969696; border-bottom: 0;}
.eggstack-modal-message-top-blog{display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: -7px; border: 2px solid #969696; border-bottom: 0; cursor: all-scroll;}
.eggstack-close-window{font-size: 175%; margin: 5px; cursor: pointer; background: rgba(255,0,0,0); border: 0;}
.eggstack-close-window{font-size: 175%; margin: 5px; cursor: pointer; background: rgba(255,0,0,0); border: 0;}
.eggstack-close-window:hover{background: rgba(255,0,0,1);} 
.eggstack-close-window-blog{font-size: calc(15px + 0.68vw); margin: calc(3px + 0.1vw); cursor: pointer; background: rgba(255,0,0,0); border: 0;}
.eggstack-close-window-blog:hover{background: rgba(255,0,0,1);} 
.eggstack-close-window-container-message{flex: 0 1 auto; margin-left: auto; z-index: 4; position: absolute;}
.eggstack-close-window-modal{color: #ffffff;}
.eggstack-modal-background {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.45); z-index: 999;}
.eggstack-modal-background:target {opacity:1;}
.eggstack-modal-body{display: flex; flex-direction: column; justify-content: flex-start; padding-top: calc(18px + 0.63vw); padding-bottom: calc(18px + 0.63vw); border-left: 2px solid #969696; border-right: 2px solid #969696;}
.eggstack-modal-bottom{display: flex; flex-direction: row; justify-content: center; margin-top: -1px; padding-bottom: calc(12px + 0.42vw); border: 2px solid #969696; border-top: 0;}
.eggstack-modal-container{margin:0 auto; max-height: 83vh; overflow-y: auto;}
.modal-background-white{background-color: #ffffff;}
.modal-color-scheme-padding{padding-left: calc(36px + 1.25vw);}  /* pixel portion: 60% */
.modal-color-scheme-width{width: 450px; max-width: 90%; margin-top: 11.5vh;} /* 454px on 1920 wide, 302px on 320 wide, pixel portion: 60% */
.modal-doc-terms-padding{font-size: 80%; padding: calc(4px + 0.83vw) calc(6px + 1.15vw) calc(8px + 1.6vw) calc(6px + 1.15vw);}  /* pixel portion: 20% */
.modal-feedback-width{width: 750px; max-width: 90%; margin-top: 11.5vh;}
img.modal-icon-small{width: calc(16px + 0.47vw); height: auto; margin-left: 10px;}
.modal-terms-width{width: 600px; max-width: 90%; margin-top: 11.5vh;}
.modal-communicate-success-feedback-width{width: 450px; max-width: 90%; margin-top: 16vh;}
.color-background-000000{background-color: #000000;}

/* =============    EGGSTACK SIMPLE TABLE   ============= */
table.simple{table-layout: fixed; margin: calc(5px + 0.26vw); border-collapse: collapse;}
.simple th{font-size: calc(11px + 0.16vw); padding: calc(3px + 0.1vw) calc(5px + 0.26vw) calc(3px + 0.1vw) calc(5px + 0.26vw); border: solid 1px #222;}
.simple td{font-size: calc(11px + 0.16vw); padding: calc(3px + 0.1vw) calc(5px + 0.26vw) calc(3px + 0.1vw) calc(5px + 0.26vw); border: solid 1px #222;}
table.simple-light{table-layout: fixed; margin: calc(5px + 0.26vw); border-collapse: collapse;}
.simple-light th{font-size: calc(11px + 0.16vw); padding: calc(3px + 0.1vw) calc(5px + 0.26vw) calc(3px + 0.1vw) calc(5px + 0.26vw); border: solid 1px #d0d0d0;}
.simple-light td{font-size: calc(11px + 0.16vw); padding: calc(3px + 0.1vw) calc(5px + 0.26vw) calc(3px + 0.1vw) calc(5px + 0.26vw); border: solid 1px #d0d0d0;}
.table-simple-left{text-align: left;}
.table-simple-right{text-align: right;}
.table-simple-center{text-align: center;}
caption{font-size: calc(12px + 0.21vw); font-weight: bold; padding: 2px calc(3px + 0.1vw) 2px calc(3px + 0.1vw);}
.table-simple-W75{min-width: 75px;}
.table-simple-W150{min-width: 150px;}

/* =============    REVIEW PAGE   ============= */
#review-body{font-size: 16px; line-height: 1.4; font-weight: 400; font-family: 'Roboto'; color: #000222; background-color: #ffffff; margin: 0px; padding: 0px; position: relative; overflow-x: hidden;}
.segment-separator{margin: 20px 5% 80px 5%;}
.segment-separator-content{content: " "; width: 100%; border-top: 1px solid #969696;}
.review-page-result{font-size: calc(21px + 0.47vw); font-weight: 600; margin-bottom: 18px; color: #e7742e;}
a.review-title-link:link{cursor: pointer; text-decoration: none; color: #e7742e;}
a.review-title-link:hover{cursor: pointer; text-decoration: none; color: #e7742e;}
a.review-title-link:visited{cursor: pointer; text-decoration: none; color: #e7742e;}
a.review-copy-link:link{cursor: pointer; text-decoration: underline; color: blue;}
a.review-copy-link:hover{cursor: pointer; text-decoration: underline; color: blue;}
a.review-copy-link:visited{cursor: pointer; text-decoration: underline; color: blue;}
.software-review-disclaimer-container{display: flex;  flex-direction: column; align-items: center; width: 100%; color: #969696; font-size: 14px;}
.software-review-disclaimer{width: 600px; max-width: 75%;}
.software-review-disclaimer-button{cursor: pointer; margin-bottom: 20px;}
.terms-major-title{font-weight: 600; margin: 6px 0 6px 0;}
.paragraph-spacer{margin-bottom: calc(6px + 0.21vw);}

/* =============    GENERAL    ============= */
.blog-author-js-trigger:hover{text-decoration: underline; cursor: pointer;}
.blog-guest-author-js-trigger:hover{text-decoration: underline; cursor: pointer;}
img.blog-author-bio{width: calc(88px + 0.63vw); height: auto; margin-right: 25px;}
img.blog-guest-author-bio{width: calc(88px + 0.63vw); height: auto; margin-bottom: 25px;}
.blog-vertical-spacer{margin-top: calc(19px + 0.31vw); content:'';}
.blog-vertical-spacer2{margin-top: calc(18px + 0.1vw); content:'';}
h1 {font-size: 150%;}
h2 {font-size: 135%;}
h3 {font-size: 120%; color: #0066cc; margin: 7px 0 -1px 0;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}
.display-none{display: none !important;}
.relative{position: relative;}
.bold{font-weight: 600;}
.red{color: #ff0000;}
.bold-red{font-weight: 600; color: #ff0000;}
.bold-text{font-weight: 600;}
.vertical-spacer-general-small{margin-top: calc(8px + 0.05vw);}
.vertical-spacer-general{margin-top: calc(11px + 0.1vw);}
.vertical-spacer-general-large{margin-top: calc(16px + 0.1vw);}
.quote-font {font-family: 'Libre Baskerville', serif; color: #222; font-size: 2em;}
.blog-footnote{font-size: 80%; margin: 9px 0 18px 0;}
.modal-open-freeze{overflow: hidden;}
.blog-primary-content-home{width: 90%; max-width: 1140px; margin: 0 auto;}
.blog-primary-content-page{width: 90%; max-width: 1140px; margin: 0 auto; padding: 3%; background-color: #ffffff;}
.infinite-scrolling-row{display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0 0 -25px;}
.infinite-scrolling-card-container{display: flex; flex-direction: column; width: 363px; max-width: 100%; height: 350px; text-align: left;  z-index: 1; margin: 0 0 30px 25px; background-color: #ffffff;}
.infinite-scrolling-card-container-page{display: flex; flex-direction: column; width: 323px; max-width: 100%; height: 350px; text-align: left;  z-index: 1; margin: 0 0 30px 25px; background-color: #f2f2f2;}
.infinite-scrolling-card{padding: 7px 20px 20px 20px;}
.infinite-scrolling-dateline-container{display: flex; align-items: center; font-size: 10px; margin-bottom: 10px; color: #969696;}
.infinite-scrolling-dateline-clock{width: 9px; height: 9px; margin: 0 5px 0 12px;}
a.infinite-scrolling-article-title:link {color: #222; text-decoration: none; font-size: 20px; line-height: 80%;}
a.infinite-scrolling-article-title:visited {text-decoration: none; color: #222;}
a.infinite-scrolling-article-title:hover {text-decoration: none; color: #0066cc;}
.infinite-scrolling-intro{font-size: 14px; margin-top: 15px; color: #969696; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
img.character-icons{outline: 0; width: calc(25px + 1.30vw); height: auto;}
.doc-para-title{font-size: 110%; font-weight: 600; margin-bottom: calc(6px + 0.21vw);}
.doc-para-gap{margin-bottom: calc(6px + 0.21vw);}
img.scale-with-grid {outline: 0; max-width: 100%; height: auto;} /* keep for older posts */
.pointer{cursor: pointer;}
.flexbox-responsive-image{max-width: 100%; height: auto;}
.max-width-200{max-width: 200px;}
.max-width-300{max-width: 300px;}
.max-width-400{max-width: 400px;}
.max-width-500{max-width: 500px;}


/* =============    EGGSTACK MEDIA QUERIES    ============= */
/*  Desktop  */
    .HIDE-ON-DESKTOP{display: none;}  
	.display-at-870{display: none;}

/*  Breakpoint 1366  */
    @media (max-width: 1366px){  
    .insights-margin-2{font-size: 14px;}
    }

/*  Breakpoint 1199  */
    @media (max-width: 1199px){  
    .HIDE-ON-MOBILE{display: none;}  
    .HIDE-ON-DESKTOP{display: block;}
    }    

/*  Breakpoint 1024  */
    @media (max-width: 1024px){  
	.blog-segment-container{flex-direction: column; justify-content: flex-start;}
	.blog-segment-container-half-left,
	.blog-segment-container-half-right{width: 100%; margin-left: 0;}
	.blog-segment-container-3-high{flex-direction: row; justify-content: space-between;}
	.blog-image-container-3-high{flex-direction: column; width: 31%; margin-bottom: 0;}
	.blog-image-3-high{max-width: 100%;}
	.blog-label-container-3-high{margin-left: 0;}
	.blog-subdivider-thirds-left{width: 100%;}
	.blog-image-container-thirds-single{max-width: 100%;}
	.blog-segment-container-thirds-center{padding: 0;}
	.blog-segment-container-thirds-right{width: 100%; margin: 0 0 0 0;}
	.blog-subdivider-thirds-right{flex-direction: row;}
	.blog-article-container-thirds-4-high{min-width: 50%; margin-top: 14px;}
	.article-container-left{max-width: 100%;}
	.article-container-right{display: none;}
	.blog-continuous-wrappable-row{flex-direction: column; justify-content: flex-start; flex-wrap: no-wrap;}
	.continuous-wrappable-row-article-container{max-width: 100%; margin: 25px 0 0 0;}
	.continuous-wrappable-row-image-container{max-width: 100%;}
	.continuous-wrappable-row-image{max-height: calc(0.5233*(90vw - 32px)); left: 0; transform: translate(0%,0);}
	.other-image-articles-title{margin: 25px 0 0 0;}
    .default-blog-card-container{width: 100%; margin-right: calc(26px + 0.21vw); height: auto;}
    .blog-link-spacer {display: block;}
    img.default-blog-image{width: 100%; height: auto; border: 2px solid #c8c8c8;}
    .default-blog-category{top: -54px; left: 16px; padding: 6px 12px 4px 12px; font-size: 16px;}
	.horiz-rectangle-ads-home-container{flex-wrap: wrap;}
    }    

/*  Breakpoint 870  */
    @media (max-width: 870px){
	.footer-logo{width: 50px; height: 50px; margin: 0 0 18px 0;}
	.footer-content{flex-direction: column; align-items: center;}
	.footer-item{max-width: 300px; margin: 8px; text-align: center;}
	.hide-at-870{display: none;}
	.display-at-870{display: flex; flex-direction: column; align-items: center;}
	.horiz-rectangle-ads-article-container{flex-direction: column; justify-content: flex-start; align-items: center;}
	.horiz-rectangle-ads-article{margin: 25px 0 0 0;}
    }    

/*  Breakpoint 768  */
    @media (max-width: 768px){
	.article-container-left{font-size: 22px; line-height: 1.5;}    
	.blog-segment-container-double,
	.blog-segment-container-triple,
	.blog-segment-container-3-high{flex-direction: column; justify-content: flex-start;}
	.blog-image-container-double,
	.blog-image-container-triple,
	.blog-image-container-3-high{width: 100%;}
	.blog-image-label-container-single{width: 100%; padding: 0 20px 20px 0;}
	.blog-label-container-3-high{justify-content: flex-start;}
	.blog-segment-container-triple{margin-top: 0;}
	.blog-title-large,
	.blog-title-small{font-size: 20px;}
	.blog-image-container-single,
	.blog-image-container-3-high{background-color: #ffffff;}
	.blog-segment-container-double,
	.blog-segment-container-triple,
	.blog-segment-container-3-high{margin-top: 0;}
	.blog-image-container-double,
	.blog-image-container-triple,
	.blog-image-container-3-high{margin-top: 20px;}
	.blog-subdivider-thirds-left{flex-direction: column;}
	.blog-segment-container-thirds-left{width: 100%;}
	.blog-image-thirds-single,
	.blog-image-thirds-4-high{max-height: calc(0.5233*(90vw - 32px)); left: 0; transform: translate(0%,0);}
	.blog-segment-container-thirds-center{width: 100%; margin: 30px 0 0 0; background-color: #ffffff;}
	.blog-subdivider-thirds-right{flex-direction: column;}
	.blog-article-container-thirds-4-high{flex-direction: column; min-width: 100%;}
	.blog-category-label,
	.blog-article-snippit{display: none;}
	.blog-image-container-thirds-4-high{max-width: 100%;}
	.blog-label-container-thirds-4-high{margin-left: 0;}
	.infinite-scrolling-row{margin: 20px 0 0 0;}
	.infinite-scrolling-card-container,
	.infinite-scrolling-card-container-page{margin: 0 0 30px 0; height: auto;}
    .eggstack-modal-bottom,
    .eggstack-modal-bottom-column,
    .eggstack-modal-bottom-communicate,
    .eggstack-modal-bottom-communicate-column,
    .eggstack-modal-bottom-message,
    .eggstack-modal-bottom-message-column,
    .eggstack-modal-bottom-multi-button,
    .iphone-navbar-clearance{padding-bottom: 46px;}
    .iphone-navbar-clearance-max{padding-bottom: 69px;}
    }

/*  Breakpoint 568  */
    @media (max-width: 568px){
	.simple th{font-size: 8px;}
	.simple td{font-size: 8px;}
	caption{font-size: 8px}
	.eggstack-headline-video{font-size: 16px;}
    }

/*  Breakpoint 525  */
    @media (max-width: 525px){
    .eggstack-banner-bottom{flex-direction: column;}
    .eggstack-banner-button{margin: 5px 20px 0 0;}
    }

/*  Breakpoint 480  */
    @media (max-width: 480px){
	.no-wrap{display: none;}
    .insights-margin-2{font-size: 12px;}
    .link-block-blog-index-container{justify-content: flex-start; align-items: flex-start;}
    }

/*  Breakpoint 430  */
    @media (max-width: 430px){    
    .eggstack-button{padding: 4px 4px;}
    .eggstack-button-spacer{margin-right: 8px;}
    .eggstack-button-communicate{font-size: 100%;}
	.modal-blog-author-bio-content-container{flex-direction: column;}
    }

/*  Breakpoint 360  */
    @media (max-width: 360px){ 
    .eggstack-close-window{font-size: 140%; margin: 3px;}
    .eggstack-modal-bottom-message{margin-top: -5px;}
    .eggstack-modal-bottom-message-column{margin-top: -5px;}
    }