#sign-up-bar-header .title-arrow-icon{display:none;width:20px;height:20px;margin:0 auto;text-align:center}
#sign-up-bar-header .title-arrow-icon img{width:18px;height:auto;transform:rotate(-90deg);transition:all .3s}
#sign-up-bar-header.is-active .title-arrow-icon img{transform:rotate(90deg)}
div input{border:none}
.error{font-size:inherit;font-weight:inherit;display:block}
label.error{font-size:.875em;font-weight:500;display:block;height:0}
#sign-up-bar-mobile label.error{height:auto}
.no-padding{padding-left:0!important;padding-right:0!important}
.close-bar{color:#3b3b3b;float:right;font-size:22px;font-weight:700;cursor:pointer;margin-right:10px}
#set-preferences-btn,.center-body-constant{display:block;margin-right:auto;margin-left:auto}
.header-styling-normal{font-family:Roboto;font-size:1rem;font-weight:300}
.sign-up-modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}
.sign-up-modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;border-radius:15px}
.sign-up-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}
.sign-up-modal-close:focus,.sign-up-modal-close:hover{color:#000;text-decoration:none;cursor:pointer}
.no-display{display:none}
.display-block{display:block}
.border-top-style{border-top:2px solid #000}
#sign-up-button{background-color:#033e5b;margin-top:.75em;margin-bottom:.75em;width:10vw;overflow:hidden}
#sign-up-button:hover{background-color:#035d75}
#sign-up-button:active{background-color:#023341}
#set-preferences-btn{padding:.5em 2.5em}
#set-preferences-btn:hover{background-color:#47cfa9}
#set-preferences-btn:active{background-color:#49be9d}
.sign-up-container{width:80%}
#page-sign-up-modal .container{min-height:150px}
.checkboxgroup{display:inline-block!important;text-align:center!important}
.checkboxgroup label{display:block!important}
.roboto-light{font-family:Roboto;font-weight:100;font-size:.8rem}
.roboto-bold{font-family:Roboto;font-weight:500;color:#3d3d3d}
.sticky-top{position:-webkit-sticky;position:sticky;top:67px;z-index:2}
#page-sign-up-modal{z-index:2000}
#sign-up-bar-desktop,#sign-up-bar-mobile{display:flex;align-items:center;justify-content:space-around;color:#fff;box-shadow:5px 5px 8px #3d3d3d25}
#collapsible,#set-preferences-btn,#sign-up-bar-desktop,#sign-up-bar-header{background-color:#40ad8f}
#sign-up-bar-header{border:4px solid #40ad8f}
#sign-up-bar-mobile{display:none}
#collapsible{overflow:hidden;transition:max-height .8s ease-out;max-height:1000px;transform-origin:top}
.display-none{transition:max-height .8s ease-in-out!important;max-height:0!important}
.hidden-icon{display:none}
.display-block{display:block}
.underlined-title-block{border-bottom:2px solid #707070;padding-bottom:.5em;margin-bottom:.75em}
p.featured-post{margin-bottom:.75em;font-size:.8rem;font-weight:500}
.featured-title{color:#033e5b;margin-bottom:0;font-weight:700}
#blog-header-filter{background:rgba(3,62,91,.75);position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
.display-none-mobile{display:none}
.input-text-padding{padding-left:8px}
@media only screen and (min-device-width:360px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
    #sign-up-bar-desktop{display:none}
    .article-column-mobile{margin-left:0}
    .sign-up-modal-content{width:85%;margin-top:5em}
    .checkbox-mob{width:30%}
    .modal-title-mobileStyle{margin-top:1.5em!important}
    .modal-subtitle-mobileStyle{margin-top:2em!important}
    .desktop-options{display:none}
    .header-styling-normal{font-size:.9rem!important}
    input[type=radio]{width:20px}
    .blog-preview-con .blog-title{font-size:1.1em}
    .sign-up-bar-icon{display:none}
    #title-text_blog{margin-bottom:5px!important}
    #title-icon-down_blog{margin-bottom:5px!important}
}
@media only screen and (min-device-width:360px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){
    #sign-up-bar-desktop{display:none}
    .article-column-mobile{margin-left:0}
    .sign-up-modal-content{width:85%}
    .checkbox-mob{width:30%}
    .desktop-options{display:none}
    input[type=radio]{width:20px}
    .blog-preview-con .blog-title{font-size:1.1em}
    .blog-summary .read-more{max-width:50em}
    #title-text_blog{margin-bottom:5px!important}
    #title-icon-down_blog{margin-bottom:5px!important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){
    #sign-up-bar-desktop{display:none}
    .sign-up-modal-content{width:35%}
    .checkbox-mob{width:30%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){
    #sign-up-bar-mobile{display:none}
    .sign-up-modal-content{width:55%}
    .mobile-options{display:none}
    .sign-up-button-tablet{width:140px!important;margin-right:1em}
    .input-tablet-sizing{width:90%!important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){
    .mobile-options{display:none}
}
@media screen and (min-device-width:1200px) and (-webkit-min-device-pixel-ratio:1){
    #sign-up-bar-mobile{display:none}
    .sign-up-modal-content{width:35%}
    .mobile-options{display:none}
}
input{border-radius:6px;padding:2%;cursor:pointer;color:#707070}
.input-mobile{width:75%!important;height:50px!important;margin:0 auto 15px auto}
.input-text{cursor:text!important;width:15vw!important;margin-right:10px;height:4.5vh}
.justify-space-around{display:flex;justify-content:space-around}
.sign-up-button-icon{display:none}
#blog_list_email::placeholder,#blog_list_firstname::placeholder,#blog_list_lastname::placeholder{color:#aaa;font-size:1.15em}
@media only screen and (max-width: 767px) {
    #sign-up-bar-mobile {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    #sign-up-bar-desktop {
        display: none;
    }
}