.clearfloat {
	clear: both !important;
}

.allcaps {
	text-transform: uppercase;
}

.modal-text-container .logos-container {
	margin-bottom: 30px;
}

/* ------------------------------------------------------------------------------------------ Logo setup for 1x logo */

.modal-text-container .logos-container {
	text-align: center;
}

.modal-text-container .logos-container .logo-container {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------------------------------------- END Logo setup for 1x logo */

/* ------------------------------------------------------------------------------------------ Logo setup for 2x logos

.modal-text-container .logos-container .logo-container {
	float: left;
	width: calc(50% - 30px);
	margin-right: 60px;
}

.modal-text-container .logos-container .logo-container:nth-child(2) {
	margin-right: 0px;
}

.modal-text-container .logos-container .logo-container img {
	width: 100%;
}

.modal-text-container .logos-container .logo-container#new-hope {
	width: calc(40% - 30px);
	margin-left: 3%;
	margin-right: 60px;
}

.modal-text-container .logos-container .logo-container#bristol-hospice-pathways {
	width: calc(50% - 30px);
	margin-right: 0%;
}

-----------------------------------------------------------------------------------------------*/

.modal-text-container p:last-child {
	margin-bottom: 0px !important;
}

.tingle-enabled {
	position: relative !important;
}

.tingle-modal-box {
	width: 90%;
	margin-left: 5%;
}

.tingle-modal-box__content {
	padding: 20px;
}

@media only screen and (min-width: 720px) {
    .tingle-modal-box__content {
        padding: 45px;
    }
}

/*
	.modal-window-container h1, .modal-window-container p {
		font-family: "Muli", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	}

	.modal-window-container h2 {
		font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	}
*/

/*
.modal-window-container p a {
	color: white;
}
*/

.modal-text-container h2 {
	margin-bottom: 30px;
}

.modal-img-container {
	width: 100%;
}

.modal-img-container img {
	width: 100%;
	display: block;
}

.highlight {
	color: #d25d13;
}

/*
.tingle-btn {
	background-color: #6bc4c3;
	color: white !important;
	font-weight: 700;
}

.tingle-btn:hover, .tingle-btn:focus {
	background-color: #5cb65e !important;
}

button.tingle-modal__close:hover, button.tingle-modal__close:focus {
	background-color: rgba(0,0,0,0);
	border-color: rgba(0,0,0,0);
}

*/

@media only screen and (min-width: 800px) {
	.tingle-modal-box {
		width: 800px;
	}
}

/* Belle Fountain Modal Text Container Styles */

.modal-window-container h1 {
	font-size: 22pt;
	line-height: 26pt;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: 500;
	color: #2a338f;
    font-family: 'Open Sans';
    font-weight: 700;
    text-align: center;
}

.modal-text-container .five-star-container {
    width: 100%;
    margin-top: 17px;
    margin-bottom: 17px;
}

.modal-text-container .five-star-container .image-container {
    width: 100%;
}

.modal-text-container .five-star-container .image-container img {
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.modal-window-container p {
	font-size: 11pt;
	line-height: 16pt;
    margin-bottom: 5px;
    text-align: center;
}

.modal-text-container .five-star-container * {
    text-align: center;
}

.modal-window-container p.larger-text {
    font-size: 16pt;
    line-height: 20pt;
}

.modal-window-container p.allcaps {
    text-transform: uppercase;
}

.modal-window-container p a.modal-btn {
	text-align: center;
	padding: 10px 20%;
	border-radius: 25px;
	font-weight: 700;
	font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: white;
	background-color: #2a338f;
	transition: 0.3s all;
	border: 2px solid #2a338f;
	text-decoration: none;
    display: block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
    clear: left;
}

.modal-window-container p a.modal-btn:hover, .modal-window-container p a.modal-btn:focus {
	background-color: white;
	color: #2a338f;
}

.modal-text-container .five-star-container a:hover p {
    color: #2a338f;
}

@media only screen and (min-width: 720px) {
    .modal-text-container .five-star-container .image-container img {
        max-width: 320px;
    }

    .modal-window-container h1 {
        font-size: 32pt;
        line-height: 36pt;
    }

    .modal-window-container p.larger-text {
        font-size: 20pt;
        line-height: 25pt;
    }

    .modal-window-container p.large-text {
        font-size: 16pt;
        line-height: 18pt;
    }

    .modal-window-container p {
        font-size: 12pt;
        line-height: 18pt;
        margin-bottom: 7px;
    }

    .modal-text-container .five-star-container {
        margin-top: 25px;
        margin-bottom: 30px;
    }
}


/* END Belle Fountain Modal Text Container Styles */