html {
scroll-behavior : smooth !important ;
font-family : sans-serif;
line-height : 1.15;
}
body {
margin : 0;
font-family: 'Nunito Sans', sans-serif !important;
font-size : 1rem;
font-weight : 400;
line-height : 1.7;
color : #131e2e !important ;
text-align : left;
background-color : #f8f8f8 !important;
}
#mathspeak-logo {
    max-width: 100%;
}
#navbarNavAltMarkup.show{
    background: #040720;
    border: 1px solid #405772;
    border-radius: 4px;
    padding: 1rem;
}

.dropdown-menu-dark {
    color: #00d0ff;
    background-color: #040720;
    border-color: rgba(0,0,0,.15);
}
.dropdown-menu-dark a {
    color: #00d0ff !important;
}
a {
    color: #022cb4;
    text-decoration: underline;
}
.bg-grey li {
    background-color: #f8f8f8;
}
.img-icon {
    width: 84px;
    display: inline-block;
    margin-right: .4rem;
    height: auto;
}
@media (min-width: 700px) {
.site-logo img {
    max-height: 9rem;
    transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
}
}
.site-logo img {
    max-height: 3rem;
    margin: 0 auto;
    width: auto;
    transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
}
.site-logo a, .site-logo img {
    display: block;
}
.bg-dark {
    background-color: #040720 !important;
}
header {
    z-index: 2;
    position: absolute;
    top: 0;
}
#primary-navigation .nav-link {
  color:  #00d0ff
}
header .skip-link {
    color:white !important;
}
.nav-item .active {
    color: #00d0ff;
    border-bottom: 1px solid #00d0ff;
    padding-bottom: .4rem;
}
.dropdown .active {
    background-color: #2b2c34 !important;
    padding-bottom: 0;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #2b2c34;
}
.nav-item {
    border-bottom: 2px solid #ffffff00;
}
.nav-item:hover, .nav-item:focus {
    border-bottom: 2px solid #00d0ff;
}
.entry-content {
font-family : inherit !important ;
letter-spacing : normal;
}


@media (min-width: 1600px) {
    .section-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 167rem !important;
        width: calc(100% - 37rem) !important;
    }
}
 .homepage-graphic {
    background : #020b12;
    background-image : url("https://www.seewritehear.com/wp-content/themes/twentytwenty-child/assets/images/LPG_Mobile.png");
    background-position : bottom;
    background-repeat : no-repeat;
    background-size : cover;
    justify-content: center;
    min-height:80vh;
}
.btn-group-contact-form {
    justify-content: center;
    margin-left: 0!important;
}
@media (min-width: 992px) {
    .btn-group-contact-form {
        justify-content: flex-end;
        margin-right: 5rem;
        clear: both;
        float: right;
    }
    .homepage-graphic {
        background : #020b12;
        background-image : url("https://www.seewritehear.com/wp-content/themes/twentytwenty-child/assets/images/swh-banner-home.jpg");
        background-position : center;
        background-repeat : no-repeat;
        background-size : cover;
        justify-content: center;
        min-height:80vh;
    }
}

.screen-height-subpage {
min-height : 33vh !important ;
max-height : 33vh !important ;
}
.subpage-graphic {
    background: #f8f8f8;
    background-image : url("https://www.seewritehear.com/wp-content/themes/twentytwenty-child/assets/images/HeaderV8.png");
    height : 50%;
    background-position : bottom;
    background-repeat : no-repeat;
    background-size : cover;
    position : relative;
    justify-content : flex-start;
}
.home-site-info-container {
border-left : 2px solid #109ddb !important ;
color : white !important;
background: #01080e;
background : linear-gradient(50deg, #01080e, #01132330) !important ;
padding : 2rem 6.5rem 2rem 2rem;
}
.home-site-info-container > p {
    font-size: 16px;
    max-width: 414px;
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.home .footer-nav-widgets-wrapper .blog {
margin-top : 0;
}
.cover-header-container {
background : #010911;
}
@media (min-width: 770px) {
    .section-inner {
        width : calc(100% - 8rem);
    }
}
@media (min-width: 700px) {
    .cover-header-inner > .container {
        margin-top : -6rem;
    }
    .banner-text {
        height : 400px;
        padding : 2rem 4rem 2rem 2.6rem;
    }
    .homepage-title {
        font-size : 5.5rem !important ;
        margin : 1rem 1rem 1rem 1rem !important ;
        font-weight : 500;
    }
    .homepage-subtitle {
        font-size : 2.6rem !important ;
        margin : 1rem 1rem 1rem 1rem !important ;
    }
}
.banner-text, .banner-text > h1, .banner-text > h2 {
color : white !important ;
}
.homepage-title, .homepage-subtitle, .home-site-info-container p {
color : #c2d1db !important ;
}
/*FOOTER*/
.social-menu a {
    background-color: #fafafa;
    color: #3d475e;
}
.reset-list-style, .reset-list-style ul, .reset-list-style ol {
    list-style: none;
    margin: 0;
}
.footer-credits p {
margin : 0;
}
.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
border-color : #272f44;
}
@media (min-width: 700px) {
.has-footer-menu .footer-social-wrapper {
    flex: 1;
    margin-left: 4rem;
    width: auto;
}
}
@media (min-width: 700px) {
.footer-top {
    padding: 3.7rem 0;
}
}
.footer-top {
    display: flex;
    border-bottom: 0.1rem solid #354148 !important;
    justify-content: space-between;
}
.footer-top, .footer-widgets-outer-wrapper, #site-footer {
    padding: 3rem 0;
}
.has-footer-menu .footer-social-wrapper {
    flex-shrink: 0;
    margin-left: 1rem;
    width: 50%;
}
.footer-social-wrapper {
    margin: 0;
    width: 100%;
}
.has-footer-menu .footer-social {
    justify-content: flex-end;
}
ul.social-icons {
    display: flex;
    flex-wrap: wrap;
    margin: -0.9rem 0 0 -0.9rem !important;
    width: calc(100% + 0.9rem);
}
ul.footer-social li {
    margin: 1rem 0 0 1rem;
}
.custom-html-widget {
    margin-left: 2rem;
}
.footer-top {
    align-items: center;
}
.home .footer-nav-widgets-wrapper .blog {
margin-top : 0;
}
.footer-nav-widgets-wrapper {
background-color : #1d2930 !important ;
color : white;
}
body > div.footer-nav-widgets-wrapper.header-footer-group > div > aside > div > div > div.widget_text.widget.widget_custom_html {
margin-top : 0 !important ;
}
.footer-widgets-outer-wrapper {
padding : 1rem 0;
}
.footer-nav-widgets-wrapper, #site-footer {
background-color : #1d2930 !important ;
color : white;
border : none;
}
.social-menu a {
background-color : #fafafa;
color : #3d475e;
}
.footer-menu a {
color : #fafafa;
}
.text-h2 {
font-size : 1.8rem !important ;
margin-top : 3rem !important ;
width : 80%;
margin : auto;
}
.menu-item svg {
vertical-align : middle;
overflow : hidden;
width : 71%;
}
.footer-social a {
    height: 2.4rem;
    width: 2.4rem;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 500px;
}

.svg-icon {
    max-width: 47px !important;
}
.fill-children-current-color, .fill-children-current-color * {
    fill: currentColor;
}
@media (max-width: 1000px) {
     .search-toggle {
        position: absolute;
        bottom: 0;
        left:auto;
        right: 8rem;
        top: 0;
    }
    .header-titles-wrapper {
        padding:0;
    }
    .header-titles .site-logo {
        margin:0;
    }
}
@media (max-width: 992px) {
    .mt--150 {
        margin-top : -150px !important ;
    }
}
.cover-header-inner {
    margin-top: 0;
    padding-top: 2rem;
    
}
.home-site-info-container {
   /* padding: 2rem 19rem 2rem 3rem;*/
    border-left: 2px solid #00adff !important;
    /*margin: 2rem 1rem 2rem 2rem;*/
}

@media (min-width: 770px) {
    .section-inner {
        width : calc(100% - 8rem);
    }
 
    #home-options-accordion.not-active {
        margin-top : -15rem;
    }
    .is-active {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 1.5s ease;
        margin-top: -5rem !important;
    }
    #home-options-accordion.is-active {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 1.5s ease;
        margin-top: -5rem !important;
    }
    
}


@media (max-width: 770px) {
    .h-data {
        font-size : 2rem !important ;
        font-weight : 500;
        margin : 0.5rem 0.5rem 0.5rem 0.5rem;
        text-align : center;
    }
    #Testimonials img {
        width : auto !important ;
        height : 75px !important ;
        align-self : start !important ;
    }
    li .media {
        margin : 0.5rem 0 0 0.5rem;
    }
    .card-access-stats {
        padding : 0.5rem 0.5rem 0.5rem 0.5rem !important ;
    }
    .cover-header-inner {
        padding: 7rem 0 0rem 0;
        width: 100%;
    }
    
    #home-options-continue {
        margin-top: 3rem !important;
    }
   /* .home-site-info-container {
        max-width: 85%;
    }
    */
    .homepage-title {
        font-size: 3.2rem !important;
    }
    .homepage-subtitle {
        font-size: 2.2rem !important;
    }
    .home-site-info-container > p {
        font-size: 14px;
        max-width: 414px;
        margin-top: 2rem;
        margin-bottom: 4rem;
        margin-left: 5px !important;
    }
    #discount-home img, #solutions-home img, #services-home img{
        max-width:80px;
        margin-left: 2rem;
    }
}
@media (max-width: 700px) {
    .search-toggle {
        position: absolute;
        bottom: 0;
        left: auto;
        right: 6rem;
        top: 0;
    }

}