html {
  font-size: 14px;
}
@font-face {
    font-family: "Square Peg";
    src: url(SquarePeg-Regular.ttf);
}
@font-face {
    font-family: "Quicksand";
    src: url(Quicksand-VariableFont_wght.ttf);
}
.dropdown-hover {

}
.dropdown-hover:hover {
    background: #D3D3D3 !important;
}
.k4k-title-box {
    background-color: #4B3A6A;
    color: #FFFFFF;
    text-align: center;
    border: 0.5rem solid #BAB2CD;
    padding: 2rem 0rem 2rem 0rem;
}
.margin-small {
    padding: 2rem, 2rem, 2rem, 2rem;
}
.k4k-loreto-box {
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    border: 0.5rem solid #BAB2CD;
    padding: 2rem 2rem 2rem 2rem;
}
.highlight-content {
    border: 0.5rem solid #BAB2CD;
}
.margin-box {
    margin: 4rem, 4rem, 4rem, 4rem;
}
.margin-box img {
    border: 0.5rem solid #BAB2CD;
}
.border-box {
    border: 0.5rem solid #BAB2CD;
}
.padding-box {
    border: 2rem solid rgba(0,0,0,0);
}

.blue-card {
    background-color: #043184;
    border: 0.5rem solid #669CF2;
    color: #FFFFFF;
    text-align: center;
    padding: 4rem 0rem 4rem 0rem;
    height: 100%;
    align-content: center;
}
.purple-card {
    background-color: #3A0D90;
    border: 0.5rem solid #BAB2CD;
    color: #FFFFFF;
    text-align: center;
    padding: 4rem 0rem 4rem 0rem;
    height: 100%;
    align-content: center;
}
.dark-purple-card {
    background-color: #4B3A6A;
    border: 0.5rem solid #BAB2CD;
    color: #FFFFFF;
    text-align: center;
    padding: 4rem 0rem 4rem 0rem;
    height: 100%;
    align-content: center;
}
.k4k-card-dark {
    background-color: #4B3A6A;
    border: 0.5rem solid #BAB2CD;
    color: #FFFFFF;
    text-align: center;
    padding: 1rem 0rem 1rem 0rem;
}

.home-card-dark {
    background-color: #4B3A6A;
    border: 0.5rem solid #BAB2CD;
    color: #FFFFFF;
    text-align: center;
    padding: 4rem 0rem 4rem 0rem;
}
.home-card-light {
    background-color: #623E62;
    border: 0.5rem solid #BAB2CD;
    color: #FFFFFF;
    text-align: center;
    padding: 4rem 0rem 4rem 0rem;
}
.home-card-white {
    background-color: #FFFFFF;
    border: 0.5rem solid #BAB2CD;
    color: #000000;
    text-align: center;
    padding: 4rem 0rem 4rem 0rem;
}
.k4k_head {
    background-color: #39254D;
    height: 4rem;
    border-top-left-radius: 5rem;
    border-top-right-radius: 1rem;
    overflow: hidden;
    border-top: 3px solid yellow;
    border-left: 3px solid yellow;
    border-right: 3px solid yellow;
}
.k4k_card_head {
    height: 4rem;
    border-top-left-radius: 5rem;
    border-top-right-radius: 1rem;
}
.k4k_body {
    height: 2rem;
    background-color: #39254D;
    text-align: center;
    border-left: 3px solid yellow;
    border-right: 3px solid yellow;
}
.k4k_block {
    border-radius: 1rem;
}
.k4k_card_body {
    height: 2rem;
    text-align: center;
}
.k4k_card_footer {
    height: 4rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 5%;
}
.k4k_footer {
    background-color: #39254D;
    height: 4rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 5%;
    border-bottom: 3px solid yellow;
    border-left: 3px solid yellow;
    border-right: 3px solid yellow;
}
.k4k_tile {
    min-height: 15rem;
}
.iota-nav {
    /*background-color: #483248;*/
    background: linear-gradient(90deg, rgba(255,255,255,1) 27%, rgba(184,175,203,1) 100%);
}
.main-area {
    background: radial-gradient(circle, rgba(230,230,250,1) 0%, rgba(255,255,255,1) 100%);
}
.fine-print {
    font-size: .9rem;
    font-style: italic;
}
.pray-unceasingly-p {
    font-size: 1.2rem;
}
.prayer-text {
    font-size: 1.2rem;
    height: 240px;
    width: 100%;
    overflow-y: scroll;
    text-align: left;
}
.countdown {
    background-color: #5c7f78;
    color: white;
    border-top-left-radius: 5%;
    border-top-right-radius: 5px;
}
.countdown-data {
    font-size: 1.6rem;
}
.countdown-data-number {
    font-size: 2rem;
}
.italic {
    font-style: italic;
}
.puzzle-dropdown {
    width: 50%;
}
.puzzle-btn {
    background-color: #39254D;
    fill: #39254D;
    color: white;
    text-align: center;
    width: 50%;
    display: inline;
    border: none;
    height: 3rem;
}
.puzzle-btn a {
    text-decoration: none;
    color: #FFFFFF;
}
.prayer-btn-1 {
    background-color: #39254D;
    fill: #39254D;
    color: white;
    text-align: center;
    width: 49%;
    display: inline;
    border: none;
    height: 4rem;
}
.prayer-btn-1 a {
    width: 50%;
    text-decoration: none;
}
.prayer-btn-2 {
    background-color: #EFEFEF;
    fill: #FFFFFF;
    /*border: 5px solid black;*/
    color: #000000;
    text-align: center;
    width: auto;
    display: inline;
    border: none;
    height: 2rem;
}
.pray-unceasingly-container {
    font-family: "Quicksand"
}
.pray-unceasingly-container h1 {
    font-family: "Square Peg";
    font-size: 4.5rem;
}
.prayer-btn-2 a {
    /*width: 50%;*/
    text-decoration: none;
    border: 1px solid black;
}
.iota-footer {
    background-color: #39254D;
    color: white;
}
.iota-footer a {
    color: white;
}
.iota-footer a:hover {
    color: oldlace;
}
.iota-purple-link {
    color: #483248 !important;
    font-weight:bold;
}
.iota-purple-link a {
    color: #483248 !important;
}
.iota-purple-link a:hover {
    color: #7e6f7e !important;
}
.iota-purple-link:hover {
    color: #7e6f7e !important;
    text-decoration: underline;
}
.iota-menu {
    font-size: 1.2rem;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.homeAlert {
    background-color: #98002e;
    color: white;
    line-height: 1.3rem;
}
.homeAlert marquee {
    padding-top: 1rem;
}
.homeAlert a {
    color: white;
}
.homeAlert a:hover {
    color: lightgray;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #00303f;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.2rem;
  color: #f6f3e1;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
html {
  position: relative;
  min-height: 100%;
}
.search {
    font-size: 1.6rem;
}
body {
    margin-bottom: 60px;
    font-family: 'Source Sans Pro' !important;
}
.articleBody {
    line-height: 1.5rem;
    margin:0;
}
articleBody p {
    line-height: 0.5rem;
    margin: 0;
}
.articleBody img {
    max-width: 85%;
}
.articleBody a {
    text-decoration: none;
    color: #98002e;
}
.contact-card {
    background-color: #39254D;
    color: black;
    border-top-left-radius: 50px;
    border-top-right-radius: 5px;
    box-shadow: 10px 15px 5px #b8afcb;
}
.service-card {
    background-color: #39254D;
    color: white;
    border-top-left-radius: 5%;
    border-top-right-radius: 5px;
    box-shadow: 10px 15px 5px #b8afcb;
}
.service-card-header {
    background-color: #39254D;
    color: white;
    border-top-left-radius: 5%;
    border-top-right-radius: 5px;
    box-shadow: 10px 15px 5px #b8afcb;
}
.service-card-body {
    background-color: lightgray;
    color: black;
    box-shadow: 10px 15px 5px #b8afcb;
    height: 5rem;
    font-size: 1.2rem;
}
.service-card-footer {
    background-color: #39254D;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 20%;
    box-shadow: 10px 10px 5px #b8afcb;
}
.serviceBody {
}
.serviceBody p {
    margin: 0;
    font-size: 1.3rem;
}
.serviceBody li {
    font-size: 1.3rem;
}
.serviceBody a {
    text-decoration: none;
    color: #98002e;
}
.main_nav_hdmg {
    background-color:#00303f !important;
    color: white;
    text-align: center;
}
.leader-body {
    font-size: 1.3rem;
    background-color: #F0EFEC;
}
.leader-item {
    margin-left:3rem;
}
.leader-item-long {
    margin-right: 3rem;
}
.leader-highlight {
    font-weight: bold;
    font-style: italic;
}
.leader-body img {
    border: 3px solid white;
    border-radius: 50%;
}
.leader-body p {
    display: block;
    margin: 0;
    font-size: 1.3rem;
}
.leader-body h3 {
    color: #98002e;
}
.leader-header {
    background-color: #00303f;
    height: .5rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.leader-footer {
    background-color: lightgray;
    height: .2rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.footer_hdmg {
    background-color: #00303f !important;
    color: white;
    text-align: center;
    align-content: center;
    align-items: center;
}
.footer_logo {}
.footer_logo img {
    max-width: 100%;
}
.footer_hdmg a {
    color: white;
}
.main_nav_link {
    font-family: 'Source Sans Pro' !important;
    color: white !important;
    font-size: 1.6rem !important;
}
.main_nav_link a {
    font-family: 'Source Sans Pro' !important;
    color: white !important;
    font-size: 1.6rem !important;
}
.site_main {
    background-color: white;
}
.menu_separator {
    border-left: 1px solid white;
}
.footer a {
    color: white;
    text-decoration: none;
}
.footer h5 {
    font-weight: bold;
}
.colorbox {
    position: relative;
}
.subcolorbox {
    position: absolute;
    bottom: 0;
    left: 0;
}
.home {}
.home img {
    max-width: 100%;
}
.community {
    text-align:center;
}
.community img {
    max-width: 90%;
}
.specialty-item {
    /*margin-left: 3rem;*/
    margin-left: 3rem;
    padding-bottom: 3rem;
}
.specialty-item h2 {
    color: green;
}
.specialty-item-header {
    background-color: #292638;
    color: white;
    /*margin-left: 5rem;*/
}
.specialty-item-fade-bar {
    background-image: linear-gradient(to right, #cdc9df, #292638);
    height: 3rem;
    text-align: right;
}
.specialty-item-fade-bar img {
    max-width: 15%;
    margin-top: -2rem;
    border: 4px solid white;
    border-radius: 150px;
    margin-right: 3rem;
    z-index: 2;
}
.specialty-item-body-wrapper {
    min-height: 15rem;
    z-index: -1;
    font-size: 1.3rem;
}
.specialty-item-body {
    background-color: #F0EFEC;
}
.specialty-item-close {
    background-color: #292638;
    color: white;
    font-size: 1rem;
}
.dr-list {
    margin-left: 2rem;
}
.specialty-item-close button {
    background-color: #292638;
    color: white;
    font-size: 1rem;
}
.specialty-item-body p {
    margin-top: 2rem;
    margin-right: 12rem;
    margin-left: 2rem;
}

.specialty-item-footer {
    background-color: #cdc9df;
    height: 3rem;
}
.specialty-card {
    max-width: 95%;
    /*border: 1px solid black;*/
    background-color: #F0EFEC;
    border-radius: 10px;
}
.specialty-card-header {
    text-align: center;
    height: 12rem;
}
.specialty-card-header img {
    max-width: 40%;
    border: 4px solid white;
    border-radius: 100px;
}
.specialty-card-body {
    text-align: left;
    margin-left: 2rem;
    margin-right: 1rem;
    height: 13.5rem;
}
.specialty-card-body h5 {
    color: #98002e;
    font-weight: bold;
}
.specialty-card-footer {
    background-color: #00303f;
    color: white;
    height: 3rem;
    text-align: center;
    justify-content: center;
    line-height: 3rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.specialty-card-footer a {
    color: white;
    text-decoration: none;
    font-size: 1.5rem;
}
/* Provider Cards */
.provider-item-close button {
    background-color: #292638;
    color: white;
    font-size: 1rem;
}
.provider-item-body p {
    /*margin-top: 2rem;*/
    margin-right: 12rem;
    /*margin-left: 2rem;*/
}
.pageBody {
    margin: 0;
}
.pageBody p {
    margin: 0;
}
.pageBody a {
    color: #98002e;
}
.provider-quill {
    margin: 0;
}
.provider-quill p {
    line-height: 1.5rem;
    margin: 0;
}
.provider-item-footer {
    background-color: #00303f;
    height: 1.3rem;
}
.provider-card {
    max-width: 95%;
    /*border: 1px solid black;*/
    background-color: #F0EFEC;
    border-radius: 10px;
}
.provider-card-header {
    text-align: center;
    height: 12rem;
}
.provider-card-header img {
    max-width: 40%;
    border: 4px solid white;
    border-radius: 100px;
}
.provider-card-body {
    text-align: left;
    margin-left: 2rem;
    margin-right: 1rem;
    height: 11.5rem;
}
.provider-card-body h5 {
    color: #98002e;
    font-weight: bold;
}
.provider-card-footer {
    background-color: #00303f;
    color: white;
    height: 3rem;
    text-align: center;
    justify-content: center;
    line-height: 3rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.provider-card-footer a {
    color: white;
    text-decoration: none;
    font-size: 1.5rem;
}
.provider-card-accepting {
    color: black;
    text-decoration: none;
    font-size: 1rem;
    background-color: #cae0ae !important;
}
.provider-card-not-accepting {
    color: white;
    text-decoration: none;
    font-size: 1rem;
    background-color: #98002e !important;
}
.provider-card-accepting-specific {
    color: black;
    text-decoration: none;
    font-size: 1rem;
    background-color: #dcaf27;
}
.provider-item-close {
    background-color: #00303f;
    color: #f6f3e1;
    font-size: 1rem;
}
.provider-item {
    /*margin-left: 3rem;*/
    margin-left: 1.5rem;
    overflow: hidden;
    /*padding-bottom: 3rem;*/
}
.provider-item-right {
    /*margin-right: 3rem;*/
}
    /*.provider-item h2 {
        color: green;
    }*/
.provider-item-content {
    display: block !important;
}
*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.provider-container {
    width: calc(100% - 3rem);
}
.provider-item-header {
    background-color: #00303f;
    color: #f6f3e1;
    /*margin-left: 5rem;*/
}
.container {
    box-sizing: border-box;
}
.provider-item-fade-bar-accepting {
    background-image: linear-gradient(to right, #cae0ae, #00303f);
    height: 2.5rem;
    text-align: left;
}
.provider-item-fade-bar-accepting-text {
    background-image: linear-gradient(to right, #cae0ae, #00303f);
    height: 2rem;
    text-align: left;
    margin-top: -1rem;
    line-height:2.5rem;
}
.provider-item-fade-bar-not-accepting {
    background-image: linear-gradient(to right, #98002e, #00303f);
    height: 2.5rem;
    text-align: left;
}
.provider-item-fade-bar-conditional-accepting {
    background-image: linear-gradient(to right, #dcaf27, #00303f);
    height: 2.5rem;
    text-align: left;
}
.provider-item-fade-bar{
    text-align: right;
    height: 0px;
}

    .provider-item-fade-bar img {
        max-width: 15%;
        margin-top: -4.5rem;
        border: 4px solid white;
        border-radius: 150px;
        margin-right: 3rem;
        z-index: 1000;
    }
.accepting-text {
    margin-left: 3rem;
    z-index: 1000;
    font-weight: bold;
    font-size: 1.3rem;
}
.provider-website-text {

}
.provider-website-text a {
    font-size: .8rem;
}
.provider-item-body-wrapper {
    min-height: 15rem;
    z-index: -1;
    font-size: 1.3rem;
}

.provider-item-body {
    background-color: #F0EFEC;
}

.dr-list-provider {
    margin-left: 2rem;
}
/* LINKS */
.link-no-decoration {
    text-decoration: none;
}
.link-no-decoration a {
    text-decoration: none !important;
}
.link-large {
    font-size: 1.4rem;
}
.link-large a {
    font-size: 1.4rem;
}
.link-extra-large {
    font-size: 1.8rem;
}
.link-extra-large a {
    font-size: 1.8rem;
}
.link-med {
    font-size: 1.25rem;
}
.link-med a {
    font-size: 1.25rem;
}
.hdmg-link-blue {
    color: #00303f;
}
.hdmg-blue {
    color: #00303f;
}
.hdmg-link-blue:hover {
    color: #66828b;
}
.hdmg-link-blue a {
    color: #00303f;
}
hdmg-link-blue a:hover {
    color: #66828b;
}
.hdmg-link-red {
    color: #98002e;
}
.hdmg-red {
    color: #98002e;
}
.hdmg-link-red a {
    color: #98002e;
}
.hdmg-link-red:hover {
    color: #4c0017;
}
/******************************************
    PROGRESS BARS
*******************************************/
.meter {
    box-sizing: content-box;
    height: 20px; /* Can be anything */
    position: relative;
    margin: 60px 0 20px 0; /* Just for demo spacing */
    background: rgba(255, 255, 255, 1); /*#555;*/
    border-radius: 25px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter_text {
    box-sizing: content-box;
    height: 30px; /* Can be anything */
    position: relative;
    margin: 50px 0 20px 0; /* Just for demo spacing */
    background: rgba(255, 255, 255, 0); /*#555;*/
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.0);
}

.meter_text > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: rgba(43, 194, 83, 0);
    position: relative;
    overflow: hidden;
}

.meter > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43, 194, 83);
    background-image: linear-gradient( center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69% );
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}

.meter > span:after,
.animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient( -45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.orange > span {
    background-image: linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-image: linear-gradient(#f0a3a3, #f42323);
}

.white > span {
    background-image: linear-gradient(#FFFFFF, #C5C4C3);
}

.black > span {
    background-image: linear-gradient(#000000, #101010);
}

.nostripes > span > span,
.nostripes > span::after {
    background-image: none;
}

#page-wrap {
    width: 490px;
    margin: 80px auto;
}

body {
    background: #333;
    text-align: center;
    color: #eee;
    font-family: system-ui, sans-serif;
}

h1 {
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 30px;
}

pre {
    background: #000;
    text-align: left;
    padding: 20px;
    margin: 0 auto 30px;
}

* {
    box-sizing: border-box;
}
/******************************************
    END PROGRESS BARS
*******************************************/
@media only screen and (max-width: 1025px) {
    .provider-item-fade-bar-img {
        max-width: 25%;
    }
}
@media only screen and (max-width: 768px) {
    .menu_separator {
        visibility: hidden;
    }
    .provider-item-right {
        margin-left: 3rem;
    }
    .footer_logo img {
        max-width: 20%;
    }
    .specialty-card-header {
        height: 14rem;
    }
    .specialty-card-header img {
        max-width: 35%;
    }
    .specialty-item-fade-bar img {
        max-width: 20%;
        margin-top: -2rem;
        border: 4px solid white;
        border-radius: 100px;
        /*margin-right: 3rem;
        z-index: 2;*/
    }
    .provider-card-header {
        height: 14rem;
    }
    .provider-card-header img {
        max-width: 35%;
    }
    .provider-item-fade-bar img {
        max-width: 20%;
        margin-top: -4rem;
        border: 4px solid white;
        border-radius: 100px;
        /*margin-right: 3rem;
        z-index: 2;*/
    }
    .search {
        font-size: 1rem;
        /*display: none;*/
    }
}
@media only screen and (max-width: 475px) {
    .provider-item-fade-bar img {
        max-width: 25%;
    }
}