/*.page-template-page-bowel-flow { background-color: #e3f2f6; }*/
.page-template-page-bowel-flow { background: #E3F1F6; }

.page-template-page-bowel-flow .swiper h1, .page-template-page-bowel-flow .swiper h2, .page-template-page-bowel-flow .swiper h3, .page-template-page-bowel-flow .swiper h4,
.page-template-page-bowel-flow .swiper p, .page-template-page-bowel-flow .swiper a { font-family: "Sen", sans-serif; }

.bg-l-blue { background-color: #F5FDFF; }

/* # STOOL ASSESSMENT INTRO ----------- */
.sat-card, .bowel-assessment-intro, .bowel-assessment-about, .bowel-assessment-checks { border-radius: 14px; }
.bowel-assessment-intro { background-color: #178db4; }
.bowel-assessment-intro h2 { font-weight: 800; margin-bottom: 1.75rem; }
.bowel-assessment-intro p { max-width: 690px; }
.bowel-assessment-intro a.readMore { border-bottom: 1px solid #FFF; color: #FFF; font-weight: 600; }
.bowel-assessment-intro a.readMore:hover { border-bottom: 1px solid #e3f2f6; color: #e3f2f6; }

.bowel-assessment-intro .btn-outline-primary { border: 2px solid #FFF; border-radius: 16px; color: #FFF; font-size: 1.125rem; font-weight: 500; padding: 8px 30px; }
.bowel-assessment-intro .btn-outline-primary:hover { border: 2px solid #e3f2f6; color: #e3f2f6; }
.bowel-assessment-intro .btn-primary { background-color: #FFF; border: 2px solid #FFF; border-radius: 6px; color: #188DB4; font-size: 1.25rem; font-weight: 600; padding: 20px 60px; }
.bowel-assessment-intro .btn-primary:hover { background-color: transparent; border: 2px solid #FFF; color: #FFF; }

.stool-assessment-modal { border: 0; }
.stool-assessment-modal .modal-header, .stool-assessment-modal .modal-body, .stool-assessment-modal .modal-footer { padding-left: 3rem; padding-right: 3rem; }
.stool-assessment-modal .modal-header { border: 0; padding-bottom: 0; padding-top: 1.5rem; }
.stool-assessment-modal .modal-header h1 { border: 1.625rem; color: #293442; font-weight: 600; }
.stool-assessment-modal .modal-body { text-align: start; }
.stool-assessment-modal .modal-footer { padding-bottom: 1.5rem; }
.stool-assessment-modal .modal-footer .btn-secondary { background-color: #EDEEF5; border-color: #EDEEF5; color: #3D4454; font-size: 1.15rem; font-weight: 500; letter-spacing: -0.038rem; padding: 1rem 3rem; }
.stool-assessment-modal .modal-footer .btn-secondary:hover { background-color: transparent; border-color: #3D4454; color: #3D4454; }

@media (min-width: 768px) {
    #readMoreModal .modal-dialog {
        width: inherit;
    }
	.bowel-assessment-about .about-col:first-of-type { border-right: 3px solid #9CCEDF; }
}

.bowel-assessment-about, .bowel-assessment-checks { background-color: #FFF; box-shadow: 0 8px 22px #87709031; }
.bowel-assessment-about h3 { align-items: center; color: #293442; display: flex; font-size: 1.625rem; }
.bowel-assessment-about h3 .user-icon { border: 4px solid #9CCEDF; border-radius: 100%; display: inline-flex; height: 83px; justify-content: center; width: 83px; }

.bowel-assessment-about p { color: #7C8383; font-size: 1.125rem; }
.bowel-assessment-about .btn-user { border: 2px solid #188DB4; border-radius: 6px; color: #188DB4; font-size: 1.25rem; padding: 12px 25px; }
.bowel-assessment-about .btn-user:hover { background-color: transparent; border: 2px solid #9CCEDF; color: #188DB4; }


.bowel-assessment-about .sat-btns, .bowel-assessment-checks .sat-btns { display: flex; flex-wrap: wrap; justify-content: space-between; }
.bowel-assessment-about .sat-btns .btn, .bowel-assessment-checks .sat-btns .btn { font-size: 1.25rem; }
.bowel-assessment-about .swiper-start.btn-home, .bowel-assessment-about .swiper-start.btn-start,
.bowel-assessment-checks .swiper-start.btn-home, 
.bowel-assessment-checks .swiper-start.btn-start, 
.bowel-assessment-checks .swiper-start.btn-proceed { display: inline-flex; font-size: 1.25rem; justify-content: space-evenly; padding: 20px 30px !important; }
.bowel-assessment-about .swiper-start.btn-home, .bowel-assessment-checks .swiper-start.btn-home { background-color: #EDEEF5 !important; border: 2px solid #EDEEF5 !important; color: #3D4454 !important; min-width: 200px; }
.bowel-assessment-about .swiper-start.btn-home span.icon-arrow, 
.bowel-assessment-about .swiper-start.btn-start span.icon-arrow, 
.bowel-assessment-checks .swiper-start.btn-home span.icon-arrow,
.bowel-assessment-checks .swiper-start.btn-proceed span.icon-arrow { align-items: center; color: #818691; display: inline-flex; justify-content: space-evenly; }
.bowel-assessment-about .swiper-start.btn-home:hover, .bowel-assessment-checks .swiper-start.btn-home:hover { background-color: transparent !important; color: #3D4454 !important; }


.bowel-assessment-about .swiper-start.btn-start { background-color: #188DB4 !important; border: 2px solid #188DB4 !important; color: #FFF !important; min-width: 380px; }
.bowel-assessment-about .swiper-start.btn-start span.icon-arrow, .bowel-assessment-checks .swiper-start.btn-proceed span.icon-arrow { color: #FFF; transform: rotate(180deg); }
.bowel-assessment-about .swiper-start.btn-start:hover { background-color: transparent !important; border: 2px solid #188DB4 !important; color: #188DB4 !important; }
.bowel-assessment-about .swiper-start.btn-start:hover span.icon-arrow { color: #188DB4 !important; }

.bowel-assessment-checks .swiper-start.btn-proceed, .bowel-assessment-checks .swiper-start.btn-proceed span.icon-arrow { color: #333 !important; }
.bowel-assessment-checks .swiper-start.btn-proceed { background-color: #FFD400 !important; border: 2px solid #FFD400 !important; border-radius: 16px !important; font-size: 1.125rem; min-width: 150px; padding: 10px 20px !important; }
.bowel-assessment-checks .swiper-start.btn-proceed:hover { background-color: transparent !important; border: 2px solid #FFD400 !important; color: #333 !important; }

.bowel-assessment-checks h3 { color: #293442; margin-bottom: 1rem; }
.bowel-assessment-checks p { color: #7C8383; font-size: 1.125rem; line-height: 1.5; }
.bowel-assessment-checks .checks-btns-group { display: flex; flex-wrap: wrap; justify-content: center; }
.bowel-assessment-checks .checks-btns { background-color: #F4F5F8; border-radius: 8px; }
.bowel-assessment-checks .checks-btns p { color: #188DB4; font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.bowel-assessment-checks .checks-btns .btn-user { 
	align-items: center; 
	background-color: #FFF; 
	border: 2px solid #CBCBCB; 
	border-radius: 6px; 
	color: #188DB4; 
	display: inline-flex; 
	flex: 1 1 0;
	font-size: 1.125rem; 
	min-height: 80px; 
	justify-content: center;
	line-height: 1.3;
	padding: 8px;
}

@media (max-width: 1399px) {
    .bowel-assessment-checks .checks-btns .btn-user {
        flex: initial;
    }
}
@media (max-width: 1199px) {
    .bowel-assessment-checks .checks-btns p {
        text-align: center;
    }
}
@media (max-width: 575px) {
    .bowel-assessment-about .sat-btns, .bowel-assessment-checks .sat-btns {
        justify-content: center;
    }
}


/* # STOOL ASSESSMENT TOOL ----------- */
.bowel-breadcrumb a {
	align-items: center;
    background: #f0e7f2;
	border-radius: 6px;
    color: #a070b2;
    display: flex;
    float: left;
    font-size: 20px;
	height: 30px;
	line-height: 1;
    margin: 0 5px 5px 0;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
}
.bowel-breadcrumb .bowel-breadcrumb-item a { border-radius: 6px; font-size: 13px; }


.stool-assessment-tool h3, .stool-assessment-tool p, .sat-side p, .bowel-assessment-intro h2, .bowel-assessment-intro p { color: #FFF; }
.stool-assessment-tool h3 { margin-bottom: 2rem; }
.stool-assessment-tool p, .stool-assessment-tool .btn, .sat-side p, .sat-main h4, .sat-main .form-check label, .bowel-assessment-intro p { 
	font-family: "Sen", sans-serif; 
	font-size: 1.125rem; 
	font-weight: 500; 
	letter-spacing: -0.034rem; 
	line-height: 1.5; 
}
.bowl-icon { border: 7px solid rgb(21 141 180 / 25%); border-radius: 100%; height: 162px; margin-bottom: 1rem; padding: .25rem; width: 162px; }
.sat-content { max-width: 633px; }
.sat-btns .btn { align-self: center; }
.sat-btns .btn-outline-primary { border: 2px solid #FFF; border-radius: 16px; color: #FFF; padding: 6px 30px; }
.sat-btns .btn-outline-primary:hover { background-color: #FFF; border: 2px solid #FFF; color: #7F3F98; }
.sat-btns .btn-primary.btn-lg { background-color: #FFF; border: 2px solid #FFF; border-radius: 6px; color: #7F3F98; padding: 20px 60px; }
.sat-btns .btn-primary.btn-lg:hover { background-color: transparent; border: 2px solid #FFF; color: #FFF; }

.sat-side { border-bottom-left-radius: 14px; border-top-left-radius: 14px; height: 100%; }
.sat-side .bowl-icon { height: 90px; width: 90px; }
.sat-side p { color: #A1A7BA; font-size: 1rem; }
.sat-side .sat-btns .btn-primary.btn-lg { align-items: center; color: #3D4454; display: flex; flex-direction: row; font-size: 1.25rem; justify-content: center; padding: 20px 30px; position: relative; width: 100%; }
.sat-side .sat-btns .btn-primary.btn-lg:hover, .sat-side .sat-btns .btn-primary.btn-lg:hover span { color: #FFF; }
.sat-side .sat-btns .btn-primary.btn-lg span { color: #818691; left: 20px; line-height: 1; padding-top: 3px; position: absolute; }

.sat-main { background-color: #FCFBFE; border-bottom-right-radius: 14px; border-top-right-radius: 14px; box-shadow: 0 8px 15px #87709031; height: 100%; position: relative; }
.sat-main h4 { color: #293442; font-size: 1.625rem; margin-bottom: 0; }
.sat-main p { color: #7C8383; }

.sat-main .form-check {
    display: flex;
    align-items: center;
}
.sat-main .form-check label { color: #A5A4A8; }
.sat-main .form-check .form-check-input:checked[type=radio] label { color: #394254; font-weight: 500; }
.sat-main .form-check-input:checked ~ label { color: black; }

.btn-file-upload { background-color: #EDEEF5; border-color: #EDEEF5; color: #3D4454; font-size: 1.25rem; font-weight: 500; padding: 20px 50px; }
.btn-file-upload:hover, .btn-file-upload:active, .btn-file-upload:focus { background-color: transparent; border-color: #3D4454; color: #3D4454; }

.sat-main .sat-nav {
	align-items: flex-end;
	bottom: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	position: absolute;
    width: calc(100% - 6rem);
}
.sat-main .sat-nav a.previous { align-items: center; border: 2px solid #92929B; border-radius: 50%; display: flex; height: 46px; justify-content: center; width: 46px; }
.sat-main .sat-nav a.previous span, .sat-main .sat-nav .btn.proceed span { color: #92929B; line-height: .5; } 
.sat-main .sat-nav a.previous:hover { border-color: #3D4454; }
.sat-main .sat-nav a.previous:hover, .sat-main .sat-nav a.previous:hover span { color: #3D4454; }

.sat-main .sat-nav .btn.proceed { align-items: center; background-color: #158DB4; border: 1px solid #158DB4; border-radius: 16px; color: #FFF; display: flex; justify-content: space-evenly; margin-top: 1rem; min-width: 150px; }
.sat-main .sat-nav .btn.proceed span { color: #FFF; }
.sat-main .sat-nav .btn.proceed span:before { transform: rotate(180deg); }
.sat-main .sat-nav .btn.proceed:hover { background-color: transparent; border: 1px solid #158DB4; color: #158DB4; }
.sat-main .sat-nav .btn.proceed:hover span { color: #158DB4; }

@media screen and (max-width: 991px) {
	.sat-side { border-bottom-left-radius: 0; border-top-left-radius: 14px; border-top-right-radius: 14px; }
	.sat-main { border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-top-right-radius: 0; }
	.sat-main .sat-nav { bottom: 0; position: relative; width: 100%; }
}

/* # RED FLAGS ----------- */
.red-flag-container { align-items: flex-start; background-color: #C44D4A; border-radius: 14px; display: flex; }
.red-flag-container p, .red-flag-container a { color: #FFF; font-weight: 500; }
.red-flag-container p.reg-flag-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 0; }
.red-flag-container .red-flag-text p { font-size: 1rem; }
.red-flag-container a.red-flag-link { display: flex; letter-spacing: -0.03rem; text-transform: uppercase; }
.red-flag-container a.red-flag-link .icon-arrow { position: relative; top: 2px; }
.red-flag-container a.red-flag-link .icon-arrow:before { transform: rotate(180deg); }