/*
 Theme Name:   Centrus Digital
 Theme URI:    http://example.com/centrus-digital/
 Description:  Centrus Digital Website Theme
 Author:       Leo Roy
 Template:     twentytwenty
 Version:      1.2.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/************************/
/******** Global ********/
/************************/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap');

body, p, blockquote, h1, h2, h3, h4, h5, h6, a {
    font-family: 'Quicksand', sans-serif !important;
    transition-duration: inherit !important;
    animation-duration: inherit !important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:600;
}
h1, .heading-size-1 {
    font-size: 8.5rem;
    line-height: 8rem;
}
h2, .heading-size-2 {
    font-size: 4.5rem;
    line-height: 4rem;
}
h3, .heading-size-3 {
    font-size: 3.5rem;
    line-height: 4.25rem;
}
h1.sow-headline {
    text-transform: uppercase;
}
strong {
    font-weight:700;
}
p, span, a, ul {
    font-weight:300;
}
blockquote {
    font-weight:400;
}
p, .blockRow h5.sow-cta-subtitle {
    font-size: 18px;
    line-height: 26px;
}
.callOut h3.sow-headline a {
    font-size: 3.5rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 4.25rem;
}
.callOut h3.sow-headline {
    margin-bottom: 15px;
}
.callOut p a {
    text-decoration: none;
    font-size: 18px;
}
h1.headingShadow span, h1.headingShadow ul, h1 span {
  font-weight:600;
}
.whiteText {
    color: #ffffff !important;
}
.introContent h3 {
    color: #2b2868;
}
/******** Navigation ********/
header#site-header {
    background-color: #ffffff;
    box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.2);
}
header#site-header.sticky {
    position: fixed;
    width: 100%;
    z-index:9999;
}
.header-inner.section-inner {
    padding: 10px 0px;
    transition: .3s ease all;
}
.site-logo {
    max-width: 100px;
    width: 100%;
    transition: .3s ease all;
}
#site-header.sticky .header-inner.section-inner {
    padding: 0px;
}
#site-header.sticky .site-logo.faux-heading {
    max-width: 62px;
}
.toggle-wrapper.nav-toggle-wrapper.has-expanded-menu {
    display: none;
}
.header-inner .toggle path {
    fill: #3f3799;
}
body:not(.overlay-header) .toggle-inner .toggle-text {
    color: #3f3799;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon {
    color: #474747 !important;
}
body:not(.overlay-header) .primary-menu > li > a {
    text-transform: uppercase;
    font-size: 16px;
}
.primary-menu .icon::before {
    width: 0.1rem;
}
.primary-menu .icon::after {
    height: 0.1rem;
}
body:not(.overlay-header) .primary-menu ul {
    background-color: #e57225 !important;
    color: #ffffff !important;
    top: calc(100% + 2.75rem);
    border-radius: 0 0 0.4rem 0.4rem;
    left: 0;
    right:auto;
}
.header-toggles .toggle {
    padding: 0 2rem;
}
span.toggle-text {
    display: none;
}
.search-toggle svg {
    height: 2rem;
    max-width: 2.3rem;
    width: 2.3rem;
}
#site-header.sticky nav .primary-menu ul.sub-menu {
    top: 31px;
}
/********* end navigation *************/

header.entry-header {
    padding: 10px !important;
}
h1.entry-title {
    font-size: 36px;
    letter-spacing: 1px;
}
.page .post-inner {
    padding-top: 0px;
}
.orange, .orange h1, .orange h2, .orange h3, .orange h4, .orange h5, .orange h6, .orange p, .orange i {
    color: #e57225 !important;
}
.page .panel-layout {
    max-width: 1024px !important;
}
.centerText {
    text-align: center;
}
h2.subHead, h2.sow-sub-headline {
    font-weight:300;
    margin-top: 10px;
}
.blockRow h4.sow-cta-title {
    font-size: 2.75rem;
    line-height: 3rem;
}
h1.entry-title {
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height:3rem;
}
span.readMore {
    color: #e57225;
    text-decoration: underline;
    display: block;
}
.modal-menu a {
    color: #e57225 !important;
}
.pagination-single-inner a {
    color: #e57225 !important;
}
/********* footer *************/
.footer-nav-widgets-wrapper h3, .footer-nav-widgets-wrapper.heading-size-3 {
    font-size: 2.5rem;
    line-height: 2.25rem;
}
.footer-widgets-wrapper p {
    font-size: 14px;
    line-height: 18px;
}
.footer-widgets ul li a {
    color: #ffffff;
    padding-left: 16px;
    font-size: 16px;
}
.footer-widgets.column-two .widget.widget_nav_menu {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}
.footer-widgets.column-two .widget.widget_nav_menu h2 {
    font-size: 1.25em;
    margin-bottom: 10px;
}
.footer-widgets.column-one.grid-item {
    width: 30%;
}
.footer-widgets.column-two.grid-item {
    width: 70%;
}
/********* end footer *************/
/************************/

/******** Home Page ********/
/************************/
.home header.entry-header {
    display:none !important;
}
h1.headingShadow {
    text-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
h1.headingShadow span, h1.headingShadow ul {
  font-weight:600;
	font-family:'Quicksand', sans-serif;
}
.textSlider {
    display: inline-block;
    position: relative;
    height: 80px;
    overflow: hidden;
    margin-top: -7px;
    top: 10px;
}
.textSlider ul li {
 text-align:left;
}
.flip3 {
    animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
    margin-left: 0px !important;
    animation-duration: 7s !important;
}
.overlayLight img {
    mix-blend-mode: soft-light;
}
@keyframes flip3 {
    0% { margin-top: -620px; }
    5% { margin-top: -310px; }
    33% { margin-top: -310px; }
    38% { margin-top: -165px; }
    66% { margin-top: -165px; }
    71% { margin-top: -20px; }
    99.99% { margin-top: -20px; }
    100% { margin-top: -620px; }
}
.blockRow .greyBlock .sow-cta-base, .blockRow .whiteBlock .sow-cta-base {
    min-height: 350px;
    position:relative;
}
.blockRow .greyBlock .sow-cta-base:hover, .blockRow .whiteBlock .sow-cta-base:hover {
    border: 1px solid #d7e6ef;
    background-color: #d7e6ef;
}
.blockRow .greyBlock .so-widget-sow-button, .blockRow .whiteBlock .so-widget-sow-button {
    position: absolute;
    bottom: 30px;
}
.badgeRow img.so-widget-image {
    max-width: 150px !important;
}
div#grantBg {
    background-image: url(/wp-content/uploads/google-grants-for-nonprofits.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 70%;
    background-position-y: top;
}
span.sow-testimonial-name, span.sow-testimonial-location {
    color: #ffffff;
}
span.sow-testimonial-name {
    font-size: 22px;
    line-height: 24px;
}
span.sow-testimonial-location {
    font-size: 18px;
}
.sow-testimonial-text p {
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}
/************************/
.left-align .sow-features-feature {
    text-align: left !important;
}
.left-align .sow-features-feature .sow-icon-container {
    margin: 0px !important;
}
/********************************/
/********* Blog *****************/
.entry-categories {
    display: none;
}
.post-inner {
    padding-top: 0rem;
}
.blog .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 85rem;
    width: calc(100% - 4rem);
}
.blog figure.featured-media {
    display: none;
}
.blog h2.entry-title {
    font-size: 5rem;
    line-height: 6rem;
	color:#e57225;
}
/******** Media Queries ********/
/************************/
@media screen and (max-width:768px) {
    .textSlider {
        display: inline-block;
        position: relative;
        height: 75px;
        overflow: hidden;
        margin-top: 0px;
        top: 3px;
    }
    .textSlider ul li {
        text-align: center;
    }
    @keyframes flip3 {
        0% { margin-top: -240px; }
        5% { margin-top: -160px; }
        33% { margin-top: -160px; }
        38% { margin-top: -80px; }
        66% { margin-top: -80px; }
        71% { margin-top: 0px; }
        99.99% { margin-top: 0px; }
        100% { margin-top: -240px; }
    }
}
@media screen and (max-width:475px) {
    .textSlider {
        height: 60px;
    }
    @keyframes flip3 {
        0% { margin-top: -180px; }
        5% { margin-top: -120px; }
        33% { margin-top: -120px; }
        38% { margin-top: -60px; }
        66% { margin-top: -60px; }
        71% { margin-top: 0px; }
        99.99% { margin-top: 0px; }
        100% { margin-top: -180px; }
    }
}