body                            { background-color:rgba(29, 29, 29, 1);}
.table-cell-valign-top          { vertical-align: top; display: table-cell; }
.table-cell-valign-middle       { vertical-align: middle; display: table-cell; }
.full-width                     { width:100%; }
html                            { scroll-behavior: smooth; }

/* FONTS */
.called-in-a-box-heading-xl         { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 52px; color: #FFFFFF; }
.called-in-a-box-heading-lg         { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 36px; color: #FFFFFF; }
.called-in-a-box-heading-md         { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 600; font-size: 26px; color: #FFFFFF; line-height: 1.6em; }
.called-in-a-box-heading            { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 600; font-size: 19px; color: #FFFFFF; line-height: 1.6em; }
.called-in-a-box-yellow-heading-lg  { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 62px; color: #fccd0e; line-height: 1.3em; }
.called-in-a-box-yellow-heading-md  { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 42px; color: #fccd0e; line-height: 1.3em; }
.called-in-a-box-yellow-heading     { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 22px; color: #fccd0e; }
.called-in-a-box-copy               { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-size: 16px; line-height: 1.8em; }
.called-in-a-box-copy-lg            { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-size: 24px; line-height: 1.8em; }
.called-in-a-box-copy a,
.called-in-a-box-copy-lg a          { font-weight:bold; }
.called-in-a-box-copy-yellow        { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-size: 16px; color: #fccd0e; line-height: 1.8em; }
.called-in-a-box-footer-txt         { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-size: 14px;  font-weight: 600; line-height: 1.4em; color: #1d1d1d !important; text-transform:uppercase; }
.called-in-a-box-nav-link           { font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif; text-transform: uppercase; font-size: 17px; color: #fccd0e !important; }
.called-in-a-box-nav-link:hover     { color:#fff !important; } 
.font-white                         { color:#fff !important; font-weight: 200; }
.font-white a                       { color:#fff; font-weight: bold; }
.font-white a:hover                 { color:#fccd0e; font-weight:bold; }
.font-awesome-yellow-icon-lg        { font-size: 60px; color: #fccd0e; font-family: FontAwesome !important; font-weight: 900 !important; }

/* BUTTONS */
.called-in-a-box-button {
    color: #1d1d1d !important;
    border: solid 0px !important;
    border-radius: 8px;
    display: inline-block;
    font-size: 18px;
    font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    background-color: #fccd0e;
    padding: 12px 48px !important;
    margin-right: 10px !important;
    text-align:center;
}
.called-in-a-box-button:hover   { border-color: #FFFFFF !important; background-color: #FFFFFF; transform: scaleX(1.05) scaleY(1.05); }

.called-in-a-box-button-inverse         { color:#fccd0e !important; background-color:#1d1d1d !important; }
.called-in-a-box-button-inverse:hover   { color:#fff !important; background-color: #424242 !important; }

.social-buttons {
    height: 40px;
    width: 40px;
    background-color: #1d1d1d;
    border-radius: 3px;
    box-sizing: content-box;
    font-size: 22px;
    color: #fff;
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    position: relative;
}

.social-buttons-yellow {
    color: #1d1d1d !important;
    border-width: 0px !important;
    border-radius: 8px;
    font-size: 18px;
    font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    background-color: #fccd0e;
    padding: 6px 0px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    min-width:40px;
    min-height:40px;
    text-align:center;
}

.social-buttons-yellow:hover { background-color:#fff; }

.social-buttons i { margin-top: 10px; }

/* MISC */
.gray-pill {
    font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif;
    color:#fff;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.8em;
    background-color: #2b2b2b;
    border-radius: 30px 30px 30px 30px;
    margin-bottom:20px;
    overflow: hidden;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    text-align:center;
}

.ciab-gray-rounded-container {
    width: calc(80% - 30px); /* Account for missing 15px margin on each side. */
    max-width: 1280px;
    flex: none !important;
    margin: auto;
    padding: 40px !important;
    margin-bottom: 75px !important;
    background-color: #2B2B2B;
    border: solid 0px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
}

/* NAVIGATION */
.navbar-container { padding:40px 0px !important; }
.navbar { padding:0px !important; }
.NavBrandCustom img { max-width:230px !important; padding-left:15px; }
.called-in-a-box-nav ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0 !important;
    line-height: 1.7em;
    float: none;
}
.called-in-a-box-nav li {
    padding-left: 40px !important;
    padding-right: 11px;
    position: relative;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: 0;
    line-height: 1em;
    font-size: 14px;
}
.ciab-header-img { display:inherit; visibility:visible; }
.ciab-header-img-mobile { display:none; visibility:hidden; }

/* FOOTER */
.called-in-a-box-footer                 { padding-top: 20px; padding-bottom: 20px; background-color: #fccd0e !important; position: relative; z-index: 1000; }
.called-in-a-box-footer-inner           { padding-top: 8px !important; padding-bottom: 0px !important; margin-top: 10px !important; margin-bottom: 10px !important; }
.called-in-a-box-footer-inner .image    { margin-bottom:0 !important; text-align:center; }
.called-in-a-box-footer-inner img       { max-width:150px; }

/* CIAB HOME PAGE */
.called-in-a-box-content-container      { max-width:900px; padding-top:150px; padding-bottom:250px; }
.called-in-a-box-content-icon img       { max-width:265px; }
.ciab-heading                           { display:inherit; visibility:visible; margin-top:25px; }
.ciab-heading-mobile                    { display:none; visibility:hidden; }
.ciab-text-heading                      { margin-top:25px; }
.ciab-buttons                           { margin-top:45px; }

/* CIAB INFO PAGES */
.ciab-info-page-header { width: 100%; padding-top: 450px; padding-bottom: 0px; background-color: #1d1d1d !important; }
.ciab-info-page-header-content { width:80%; max-width: 1280px; margin:auto; }
.ciab-info-page-areas-of-focus-container { width:100%; padding-top: 125px; padding-bottom: 30px; margin-top: 0px; background-color: #2b2b2b !important; }
.ciab-info-page-heading { width: 80%; flex:none !important; max-width: 1280px; margin: auto; padding-top:0px !important; padding-bottom:0px !important; margin-bottom: 50px !important; }
.ciab-area-of-focus-container {
    width: calc(80% - 30px); /* Account for missing 15px margin on each side. */
    max-width: 1280px;
    flex: none !important;
    margin: auto;
    padding: 0px !important;
    margin-bottom: 75px !important;
    background-color: #1d1d1d;
    border: solid 0px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
}
.ciab-area-of-focus-img             { position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat; }
.ciab-area-of-focus-content         { padding:40px 50px; }
.ciab-area-of-focus-copy-container  { font-size:16px; border-left:solid 3px #fccd0e; padding-left: 30px !important; }

.ciab-resources-container { width: 100%; padding-bottom: 50px; margin-top: 75px; background-color: #1d1d1d !important; }
.ciab-resource-list-container {
    width: 47%;
    margin-bottom: 35px !important;
    background-color: #1d1d1d;
    border: solid 0px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    float: left;
    margin-right:3%;
    padding:40px;
}

.ciab-resource-list-container-yellow {
    width: 47%;
    margin-bottom: 35px !important;
    background-color: #fccd0e;
    color:#000 !important;
    border: solid 0px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    float: left;
    margin-right: 3%;
    padding: 40px;
}

.ciab-resource-list-container-yellow button { margin-bottom:10px }

.ciab-resource-list                         { margin-top:75px; }
.ciab-resource-strategy-item-left           { display:table; margin-right:30px; margin-bottom:20px; }
.ciab-resource-strategy-item-right          { display: table; margin-bottom:20px; }
.ciab-resource-list-icon-column             { min-width: 105px; }
.ciab-info-page-header-parallax-container   { margin-right:0; margin-left:0; margin-bottom:30px; }
.ciab-info-page-header-parallax             { margin-top:50px; font-size:14px; border-left:solid 3px #fccd0e; padding-left: 30px !important; padding-right:50px; }

/* SCOPE & SEQUENCE */
.ciab-sns-resource-container { width: 80%; border-bottom:solid 3px #fccd0e; flex:none !important; max-width: 1280px; margin: auto; padding:0px 0px 10px 0px !important; margin-bottom: 50px !important; }
.ciab-sns-resource-container-nohr { width: 80%; flex:none !important; max-width: 1280px; margin: auto; padding:0px 0px 10px 0px !important; }
.ciab-sns-footnote                { margin-top:40px; font-size:14px; }

/* STAFF BIOS */
.ciab-staff-bio-card                { border:solid 0px; border-radius:30px; background-color:#2B2B2B; height: calc(100% - 75px); margin-bottom:75px; overflow: hidden }
.ciab-staff-bio-img                 { position: relative; }
.ciab-staff-bio-img img             { width:100%; }
.ciab-staff-bio-info                { padding:30px 30px 45px 30px; text-align:center; }
.ciab-staff-social-buttons          { width:100%; position:absolute; bottom:36px; left: 50%; transform: translate(-50%, -50%); /* Offset the element to center it */ }

/* MEDIA VIEWPORTS */
@media (max-width: 575px) {
    .mobile-full-width { width: 100%; }
    .ciab-area-of-focus-img { min-height:250px !important; }
}

@media (max-width: 767px) {
    .called-in-a-box-heading-xl { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-weight: 700; font-size: 42px; color: #FFFFFF !important; }
    .called-in-a-box-copy-lg { font-family: 'Inter Tight', Helvetica, Arial, Lucida, sans-serif; font-size: 18px; line-height: 1.8em; }
    .called-in-a-box-yellow-heading-lg  { font-size: 36px; }
    .ciab-header-img { display:none; visibility:hidden; }
    .ciab-header-img-mobile { display:inherit; visibility:visible; width:80px; }
    .ciab-header-img-mobile img { width:100%; }
    .called-in-a-box-content-container { padding-top:50px; padding-bottom:100px; }
    .ciab-info-page-header { padding-top: 120px; }
}

@media (max-width: 991px) {
    .called-in-a-box-footer-inner img { margin-bottom:30px; }
    .called-in-a-box-footer-text-container { padding-bottom:1em; max-width: 190px; margin: 0 auto; }
    .social-buttons-container { margin-top:15px; }
    .ciab-heading-mobile { display:inherit; visibility:visible; max-width:250px; margin: 30px auto; }
    .ciab-heading { display:none; visibility:hidden; }
    .ciab-text-heading { text-align:center; }
    .called-in-a-box-content-container { padding-top:100px; padding-bottom:100px; }
    .ciab-buttons { text-align:center; }
    .called-in-a-box-content-icon img { max-width:150px; }
    .ciab-info-page-header { padding-top: 150px; }
    .ciab-area-of-focus-img { min-height:375px; }
    .ciab-resource-list-container { width: 100%; margin-right: 0%; }
    .ciab-resource-list-container-yellow { width:97%; }
}

/* FONT AWESOME ADDONS*/
.fa-hands-praying:before {
    content: "\f684";
}

.fa-shirt:before {
    content: "\f553";
}

.fa-user-group:before {
    content: "\f500";
}

.fa-earth-americas:before {
    content: "\f57d";
}

.fa-chalkboard-user:before {
    content: "\f51c";
}

.fa-x-twitter:before {
    content: "\e61a";
}