/*
Theme Name:     Utmost Base
Theme URI:      https://utmost.org
Description:    My Utmost For His Highest Theme
Author:         Our Daily Bread Ministries
Author URI:     https://utmost.org
Version:        1.0
*/

/* Styling for Audio player */
@import url("./css/audioplayer.css");

body {
	font-family: 'Lato', sans-serif;
	background-color: #E5E8EB;
}

body.home,
body.single {
	background-color: #fff;
}

.admin-bar #main-nav {
	margin-top: 32px;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
	margin-left: 0;
	margin-right: 0;
}

#content p,
.body-content p {
	font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
}

.load-spin {
	margin: 25px auto;
	text-align: center;
}

.print-only {
	display: none !important;
}

#login-modal .modal-header {
	min-height: 80px;
	border-bottom: none;
}

.rbc-profiles-login .rbc-profiles-head {
	display: none !important;
}

#page-body {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}

#page-body .utmost-single {
	margin-left: 140px;
	margin-right: 140px;
}

h2 {
	font-size: 33px;
	color: #646B71;
}

.rbc-profiles-wrap .btn.fb-btn,
#login-modal input[type=button].rbc-profiles-button,
#login-modal input[type=submit].rbc-profiles-button {
	background-color: #646B71;
	border: none;
}

#login-modal input[type=button].rbc-profiles-button,
#login-modal input[type=submit].rbc-profiles-button {
	font-size: 14px;
	font-weight: 100;
	text-transform: uppercase;
}

.rbc-profiles-wrap .btn.fb-btn,
#utmost-signin-page .sign-in-content div.rbc-profiles-wrap,
.rbc-profiles-wrap,
.rbc-profiles-wrap .rbc-profiles-field,
.rbc-profiles-wrap.rbc-profiles-login a.rbc-profiles-login-forgot-link,
.rbc-profiles-wrap.rbc-profiles-login .rbc-profiles-rememberme,
.rbc-profiles-wrap.rbc-profiles-login a.rbc-profiles-login-register-link {
	font-family: 'Lato', sans-serif;
}

.rbc-profiles-wrap.rbc-profiles-login input[type=submit].rbc-profiles-login {
	text-transform: uppercase;
}

/** No signup footer styles **/
footer#page-footer.no-signup {
	height: auto;
}

footer#page-footer.no-signup #footer-meta {
	padding-top: 15px;
	padding-bottom: 30px;
}

/*
* Form validation styles
* ------------------------------
*/
.form-validate .input-row {
	position: relative;
}

.form-validate .input-row .error-message {
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	padding: 8px;
	border: 2px solid #F31212;
	z-index: 9;
	background-color: #fff;
	color: #F31212;
	font-size: 18px;
	text-align: left;
	padding-left: 10px;
	left: 0;
}

.form-validate .error {
	border: 0 !important;
}

/* Generated by http://www.cssarrowplease.com/ */
.form-validate .input-row .error-message:after,
.form-validate .input-row .error-message:before,
.use-floating-validation-tip span.wpcf7-not-valid-tip:before,
.use-floating-validation-tip span.wpcf7-not-valid-tip:after {
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.use-floating-validation-tip .form-group.has-error {
	position: relative;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	left: 0 !important;
	top: 100% !important;
	width: 100% !important;
	border: 2px solid #F31212 !important;
	padding: 8px !important;
	color: #F31212 !important;
	font-size: 18px !important;
	margin-top: 11px;
	z-index: 100;
	position: absolute;
	background-color: #fff;
}

.form-validate .input-row .error-message>i {
	font-size: 24px !important;
	display: inline-block;
	vertical-align: middle;
	color: #F31212 !important;
	padding-top: 0 !important;
}

.form-validate .input-row .error-message .message {
	display: inline;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 3px;
	font-family: 'PT Sans', sans-serif;
	line-height: 24px;
}

.form-validate .input-row .error-message:after,
.use-floating-validation-tip span.wpcf7-not-valid-tip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.use-floating-validation-tip .has-error .form-control {
	border-color: #F31212;
}

.form-validate .input-row .error-message:before,
.use-floating-validation-tip span.wpcf7-not-valid-tip:before {
	border-color: rgba(243, 18, 18, 0);
	border-bottom-color: #F31212;
	border-width: 13px;
	margin-left: -13px;
}

.form-validate .input-row input:hover+.error-message,
.form-validate .input-row input:focus+.error-message,
.form-validate .input-row select:focus+.error-message {
	display: none !important;
}

/*
 * Email Slide In Styles
 * --------------------------------------------------
 */

body.page-template-default {
	position: relative;
}

.email-wrapper-in {
	padding: 30px 40px;
	background-color: #4A4A4A;
	position: absolute;
	max-width: 600px;
	z-index: 99999;
	left: -600px;
	margin-top: -315px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.email-wrapper-out {
	left: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.email-header {
	font-size: 35px;
	color: #fff;
	margin-top: 0px;
}

.email-header>span {
	font-size: 43px;
}

.email-text {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	font-family: "PT Sans", helvetica, arial, sans-serif;
	font-weight: bold;
}

.email-text span {
	font-style: italic;
}

.email-btn-text {
	width: 100%;
	border-radius: 0px;
	background-color: #fab432;
	border: none;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}

.email-btn-text:hover {
	background-color: #878787;
	color: #fff;
}

.email-submit {
	padding-top: 5px;
}

.email-phone-image {
	max-height: 305px;
	float: right;
}

.page-today-slide-sidebar .email-slide-image-horiz {
	max-width: 305px;
}

.page-today-slide-sidebar .slide-in-content {
	max-width: 305px;
}

.page-today-slide-sidebar .slide-in-content a.donate-button {
	padding: 10px 40px;
}

.slide-in-link .email-close-text.visible-xs {
	text-align: left;
	margin-left: 15px;
}

.email-close {
	height: 25px;
	width: 25px;
	background-color: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 30px;
}

.email-close-text {
	color: #fff;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
	font-size: 16px;
}

.email-close-text:hover,
.email-close-text:active {
	text-decoration: underline;
	color: #fff;
}

.email-close i {
	color: #4A4A4A;
	text-align: center;
	height: 25px;
	width: 25px;
	font-size: 22px;
}

.email-input .form-control {
	border-radius: 0px;
}

.email-slide-response {
	padding: 60px 70px;
}

.email-slide-response h2 {
	color: #fff;
	text-align: center;
	font-size: 35px;
}

.email-slide-response p {
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.page-today-slide-sidebar .form-group .form-control {
	margin-bottom: 0px;
}

.email-link a {
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 15px;
}

/*
 * Desktop Header Nav
 * --------------------------------------------------
 */
.navbar .container {
	position: relative;
}

.navbar-collapse {
	max-height: 80vh;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -15px !important;
	margin-right: -15px !important;
}

#main-nav.navbar {
	min-height: 70px;
	background-color: #4A4A4A;
	border-bottom: none;
	border-top: none;
}

.utmost-desktop-menu {
	background-color: #4A4A4A;
	height: 70px;
}

span.navbar-brand {
	background-size: contain;
}

.navbar-brand {
	position: absolute;
	display: block;
	z-index: 999;
	background: transparent url(./images/utmost-header-logo.svg) no-repeat 50% 50%;
	height: 56px;
	top: 4px;
	left: 0px;
	width: 195px;
	background-size: 160px auto;
}

#login-modal .navbar-brand {
	background: transparent url(./images/utmost-logo-dark.svg) no-repeat 50% 50%;
	height: 71px;
	width: 250px;
	background-size: initial;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus {
	color: #fff !important;
}

#main-nav.navbar-default .navbar-nav li a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 100;
	font-family: "PT Sans", helvetica, arial, sans-serif;
	background-color: transparent;
}

#header-search #searchform {
	margin-top: 13px;
}

#searchform input.form-control {
	border-radius: 0px;
	max-height: 30px;
	background-color: transparent;
	border-right: none;
	max-width: 130px;
	float: right;
}

#searchform input.form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #fff;
}

#searchform input.form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #fff;
}

#searchform input.form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #fff;
}

#searchform input.form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #fff;
}

#header-search {
	max-width: 190px;
	border-left: 1px solid #fff;
	margin-top: 6px;
}

#searchform div.input-group-btn #searchsubmit {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	max-height: 30px;
	border-left: none;
}

.utmost-desktop-search:focus,
.utmost-mobile-search:focus {
	outline: none;
}

.navbar .btn-donate,
.navbar .btn-donate:hover {
	background-image: url(../utmost-base/images/donate-img.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
	border-color: none;
	padding: 7px 10px;
	border-radius: 0px;
	position: absolute;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 14px;
	border-top: none;
	transition: top 0.2s ease-in-out;
	top: 70px;
	right: 15px;
	z-index: -1;
	color: #fff;
	height: 36px;
}

.navbar .btn-subscribe,
.navbar .btn-subscribe:hover {
	background-image: url(../utmost-base/images/subscribe-img.svg);
	background-position: 50% 89%;
	background-repeat: no-repeat;
	background-color: transparent;
	border-color: transparent;
	padding: 7px 12px;
	border-radius: 0px;
	position: absolute;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 14px;
	border-top: none;
	top: 70px;
	right: 88px;
	z-index: -1;
	height: 36px;
	transition: top 0.2s ease-in-out;
	color: #fff;
}

.devo-body .utmost-layout {
	padding-top: 25px;
}

.btn-subscribe.button-up,
.btn-donate.button-up {
	top: 0px;
	z-index: -1;
}

.social-icons .social-link {
	padding-right: 10px;
	color: #989898;
}

.social-icons {
	font-size: 20px;
	float: right;
	margin-right: 0px;
	margin-top: 19px;
	clear: initial;
}

.social-icons a i {
	color: #fff;
}

.utmost-header-nav {
	margin-top: 10px !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
#user-account .navbar-nav li a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
	color: #fff;
}

.menu-item .dropdown-menu,
.menu-item .dropdown-menu li a {
	background-color: #999;
	color: #fff;
}

.menu-item .dropdown-menu>li>a:hover,
.menu-item .dropdown-menu>li>a:focus,
.menu-item .dropdown-menu li.active a,
.navbar-default .header-nav>li.current-menu-parent>a {
	background-color: #646B71;
	color: #fff;
}

.utmost-header-nav .menu-item .dropdown-menu,
.utmost-header-nav .menu-item .dropdown-menu li a {
	background-color: #999;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
}

.utmost-header-nav .dropdown-menu li {
	padding: 10px 0px;
	background-color: #999;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.utmost-header-nav .dropdown-menu li:last-child {
	border-bottom: none
}

.utmost-header-nav .dropdown-menu li a:hover,
.utmost-header-nav .dropdown-menu li:hover,
.utmost-header-nav .dropdown-menu li:hover a {
	background-color: #646B71;
	color: #fff;
}

.bookmark-journal li a.disabled {
	pointer-events: none;
	cursor: default;
	color: #C6C6C6 !important;
}

#user-account {
	margin-top: 10px;
	background-color: transparent;
	padding-bottom: 0px;
	margin-right: 20px;
	z-index: 999;
	float: right;
	font-weight: bold;

}

#user-account .navbar-nav li a {
	color: #fff;
	text-transform: initial;
}

#user-account .navbar-nav li i {
	font-size: 16px;
}

.subscribe-container,
#page-body {
	margin-top: 0;
}

#page-body {
	padding-top: 70px;
}

/*
 * Align Images
 * --------------------------------------------------
 */
article img {
	float: left;
}

article img.left,
.alignleft {
	float: left;
	margin: 5px 15px 10px 0px;
}

article img.right,
.alignright {
	float: right;
	margin: 5px 0px 10px 15px;
}

article .wp-caption img {
	margin: 0;
	float: none;
}

article p img {
	margin: 0 15px 10px 0;
}

article p img.left,
p .alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

article p img.right,
p .alignright {
	float: right;
	margin: 0 0 10px 15px;
}

article .entry-excerpt img {
	padding: 8px;
	border: 1px solid #e0e0e0;
	margin: 5px 10px 10px 20px;
}

article .entry-excerpt p img {
	display: none;
}

div.browser {
	width: 152px;
	height: 126px;
	padding: 10px 1px 3px 1px;
	background: transparent url(./images/browser.png) no-repeat 0 0;
	margin: 0 20px;
	overflow: hidden;
	float: left;
}

body.home div.browser {
	margin: 10px 15px;
}

.container {
	padding-left: 0;
	padding-right: 0;
}

/*
 * Search Results
 *---------------------------------------------------
 */
.search-container {
	max-width: 770px;
}

.search-container form.gsc-search-box {
	display: none;
}

.search-container .gsc-control-cse .gs-spelling,
.search-container .gsc-control-cse .gs-result .gs-title,
.search-container .gsc-control-cse .gs-result .gs-title *,
.search-container .gsc-result .gs-snippet {
	text-align: left;
	font-size: 19px;
	font-family: 'Lato', sans-serif;
	color: #646B71;
	text-decoration: none;
}

.search-container .gsc-result .gs-title {
	margin-bottom: 10px;
	font-weight: bold;
	height: auto;
	overflow: auto;
}

.search-container .gs-result .gs-visibleUrl {
	font-size: 19px;
	font-family: 'Lato', sans-serif;
	color: #937A5B;
}

.search-container .gsc-results .gsc-cursor {
	display: block;
	text-align: center;
	font-size: 19px;
}

.search-container .gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #ADADAF;
	text-decoration: none;
}

.search-container .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #646B71;
}

#cse {
	text-align: center;
}

.search-container .gsc-above-wrapper-area {
	border-bottom: 0;
}

.search-container .cse .gsc-control-cse,
.search-container .gsc-control-cse {
	padding: 0;
}

.search-container .cse .gsc-webResult.gsc-result,
.search-container .gsc-webResult.gsc-result,
.search-container .gsc-imageResult-column,
.search-container .gsc-imageResult-classic {
	padding: 0;
	margin-bottom: 40px;
}

.search-container .gsc-result-info {
	padding-left: 0;
}

#search-results-submit {
	border: 0;
	width: 25px;
	padding: 0;
	height: 26px;
}

#search-results-submit .glyphicon-search {
	font-size: 26px;
}

#search-results-submit {
	background-color: transparent;
	opacity: .8;
}

#search-results-input {
	border: 0;
	box-shadow: none;
	font-size: 19px;
	padding: 0;
}

#search-results-form {
	padding: 6px 30px;
	font-size: 19px;
	border: 1px solid #979797;
	border-radius: 100px;
	height: 52px;
	margin-top: 40px;
}

.search-container .search-loading {
	margin-top: 15px;
}

/*
 *Utmost homepage devotional styles
 *---------------------------------------------------
 */

.devo-body {
	background-image: url('./images/mountain-img.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 100%;
}

.utmost-home-banner {
	background-size: 1222px 100%;
	background-repeat: no-repeat;
	background-position: center 100%;
	height: 198px;
	padding-left: 15px;
	position: relative;
	background-color: #ddd;
}

.utmost-banner-text-row {
	margin: auto;
}

.utmost-banner-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.utmost-banner-text p,
.utmost-banner-text h2 {
	font-size: 22px;
	color: #646B71;
	margin-bottom: 0;
	margin-top: 10px;
}

.utmost-banner-btn {
	background: #646B71;
	border-radius: 2px;
	color: #fff;
	padding: 8px 10px;
	margin-top: 15px;
	text-transform: uppercase;
	display: block;
	width: 160px;
	text-align: center;
	height: 38px;
}

.utmost-banner-btn:hover {
	background: transparent;
	color: #ADADAF;
	border: 1px solid #ADADAF;
}

.entry-date {
	text-align: center;
	top: 22px;
	padding-bottom: 30px;
}

.entry-title {
	display: inline-block;
}

.utmost-devo-title {
	text-align: center;
}

.utmost-devo-title .entry-title {
	font-size: 33px;
	color: #646B71;
	margin-left: -9px;
}

.utmost-devo-title h4 {
	margin-top: 5px;
	margin-bottom: 50px;
}

.entry-thumbnail .img-responsive {
	width: 1000px !important;
}

.title-row a,
.title-row a:hover,
.title-row a:focus {
	color: #937A5B;
	text-decoration: none;
}

#key-verse-box {
	text-align: center;
	border-top: 1px solid #646B71;
	border-bottom: 1px solid #646B71;
	padding: 20px 25px;
	margin-bottom: 50px;
}

#key-verse-box h4 {
	margin: 0px;
	font-size: 23px;
	color: #646B71;
	line-height: 35px;
}

#key-verse-box a {
	color: #937A5B;
	font-size: 23px;
}

.bottom-sharing .sharedaddy {
	display: block !important;
	background-color: transparent;
	position: relative;
	top: inherit;
	left: inherit;
	padding: inherit;
	width: 90%;
	margin: auto;
	max-width: none;
	z-index: 10;
}

.bottom-sharing .sharedaddy:after {
	display: none;
}

.bottom-sharing {
	width: 80%;
	margin: 115px auto 85px auto;
	margin-top: 115px;
	margin-bottom: 85px;
}

.bottom-sharing p {
	text-align: center;
	font-size: 16px;
	color: #646B71;
}

.bottom-sharing .sharedaddy .sd-content ul li a,
.bottom-sharing .sharedaddy .sd-content ul li a:hover {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.bottom-sharing .sharedaddy .sd-content ul {
	text-align: center;
}

.bottom-sharing .sharedaddy .ion-printer,
.bottom-sharing .sharedaddy .fa {
	font-size: 40px;
	color: #646B71;
}

.bottom-sharing .sharedaddy .share-label {
	display: none;
}

.bookmark-wrapper {
	margin-top: -3px;
	margin-right: 5px;
	float: left;
}

.utmost-reading .entry-title .bookmark-wrapper a span.odb-bookmark {
	background: url(/wp-content/themes/utmost-base/images/bookmark-outline.svg) transparent 50% 50% no-repeat;

}

.utmost-reading .entry-title .bookmark-wrapper a.active span.odb-bookmark {
	background: url(/wp-content/themes/utmost-base/images/bookmark-fill.png) transparent 50% 50% no-repeat;
}

.post-content p {
	color: #3A3635;
	font-size: 23px;
	line-height: 45px;
}

#bible-in-a-year-box {
	text-align: center;
	font-weight: bold;
	color: #646B71;
	font-size: 16px;
	position: relative;
	bottom: 30px;
}

#bible-in-a-year-box a {
	color: #937A5B;
}

/*****End homepage devo styles*****/
/** Profile Page **/
.page-utmost-wrapper.profile-wrapper {
	background-image: url(https://d197n5kam3wa4q.cloudfront.net/files/utmost_mountain-min.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px;
}

.page-utmost-wrapper.subscribe-page-wrapper .page-utmost-container {
	padding: 0 20px;
	margin-top: 40px;
}

.profile-container .btn.btn-primary {
	background-color: #646B71;
}

.profile-container .btn.btn-primary.alt {
	color: #646B71;
	border-color: #646B71;
}

#profile-view-collapse .btn-toolbar {
	text-align: center;
}

#profile-edit-collapse .btn-toolbar {
	margin-left: -10px;
	margin-right: -10px;
}

#profile-edit-collapse .btn-toolbar .btn {
	width: calc(50% - 16px);
	min-width: 0;
}

.page-utmost-container.profile-container .profile-collapse {
	max-width: 349px;
	margin: 25px auto;
}

.page-utmost-container.profile-container h2 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 23px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 64px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
}

.page-utmost-container.profile-container .utmost-profile-view h2 {
	text-align: left;
}

.utmost-profile-form input,
.utmost-profile-form select,
.profile-container .input {
	max-width: 225px;
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #555555;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #3D3D3C;
	border-radius: 0;
	display: inline-block;
}

.profile-container .input {
	border-bottom: 0;
}

.profile-container .form-row {
	clear: both;
}

#profile-edit-collapse .form-row,
#profile-view-collapse .form-row {
	margin-bottom: 25px;
}

.utmost-profile-form select {
	appearance: none;
	-webkit-appearance: none;
	background-image: url('./images/icon-arrow-down.png');
	background-position: 100% 50%;
	background-size: 18px 12px;
	background-repeat: no-repeat;
}

.utmost-profile-form label,
.profile-container .label {
	width: 100px;
	font-weight: bold;
	font-size: 18px;
	color: #3D3D3C;
	margin-bottom: 0;
	display: inline-block;
	margin-right: 1em;
	text-align: left;
	padding: 0;
}

.utmost-profile-form.subscribe-form label {
	width: 100%;
	font-weight: normal;
	padding: 8px;
	color: #9A9A9A
}

.subscribe-page-wrapper .signup-banner-wrapper {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	position: absolute;
	padding: 0;
	margin-top: -15px;
}

.signup-banner-form .response {
	font-size: 18px;
	color: #fff;
	margin-top: 35px;
}

.subscribe-page-wrapper .page-utmost-container {
	margin-top: 70px;
}

.utmost-profile-form.subscribe-form label>input {
	width: auto;
	color: #9A9A9A;
}

.utmost-profile-form.subscribe-form .subscribe-btn-text {
	width: 100%;
	max-width: 230px;
	margin: 50px auto;
	display: block;
	background: #3A3635;
	color: #fff;
}

.utmost-profile-form.subscribe-form .subscribe-btn-text:hover,
.utmost-profile-form.subscribe-form .subscribe-btn-text:active {
	color: #3A3635;
	background: #fff;
	border: 1px solid #3A3635;
}

.utmost-profile-form button.password-toggle {
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	color: #3D3D3C;
	font-size: 15px;
}

/** Register Page **/
.register-container {
	max-width: 568px;
	margin: auto;
}

.register-container #utmost-register.utmost-profile-form input,
.register-container #utmost-register.utmost-profile-form select,
.register-container .utmost-profile-form input,
.register-container .utmost-profile-form select {
	max-width: 100%;
	padding: 12px 15px;
}

.register-container .btn-toolbar {
	text-align: center;
	padding-top: 60px;
}

.register-container .terms-conditions {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #3D3D3C;
	line-height: 17px;
	text-align: center;
	margin: 25px auto;
	max-width: 275px;
}

.register-container .terms-conditions a,
.register-container .terms-conditions a:visited,
.register-container .terms-conditions a:active,
.register-container .terms-conditions a:hover {
	color: #3D3D3C;
	text-decoration: underline;
	white-space: nowrap;
}

.utmost-profile-form input.half,
.utmost-profile-form select.half,
.register-container #utmost-register.utmost-profile-form input.half,
.register-container #utmost-register.utmost-profile-form select.half {
	max-width: 50%;
	display: inline-block;
}

.utmost-profile-form select.disabled,
.utmost-profile-form input::placeholder {
	font-family: 'Lato', sans-serif;
	color: #9A9A9A;
}

.utmost-profile-form select.valid {
	color: #3D3D3C;
}

.utmost-profile-form .half:last-of-type {
	border-left: 1px solid #555;
}

/*****Calendar styles*****/
.odb-view .entry-date,
.odj-view .entry-date,
.utmost-view .entry-date {
	position: relative;
}

.entry-date .calendar-toggle {
	background-color: #fff;
	padding: 6px 15px;
	margin: 0px;
	cursor: pointer;
	border-radius: 0px;

}

.calendar-icon {
	padding: 0 0 0 8px;
	font-size: 18px;
	display: initial;
	height: 40px;
}

#wp-calendar {
	border-collapse: separate;
	padding: 10px;
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;
}

#home-calendar #wp-calendar td {
	top: 5px;
	height: 40px;
}

#home-calendar #wp-calendar td a,
#home-calendar #wp-calendar th {
	font-size: 18px;
}

#wp-calendar td.active a,
#home-calendar #wp-calendar td.active a:hover {
	border: 1px solid #646B71;
	border-radius: 90px;
}

#home-calendar #wp-calendar td a {
	padding: 6px 0px;
	width: 40px;
	display: inline-block;
}

#home-calendar #wp-calendar td:hover {
	border-radius: 0px;
	color: #fff;
	cursor: pointer;
}

#home-calendar #wp-calendar td:hover a {
	color: #fff;
	text-decoration: none;

}

.entry-date .calendar-toggle {
	border: none;
	font-size: 16px;
	color: #646B71;
	font-family: 'Lato', sans-serif;
}

.entry-date .calendar-toggle.active,
.entry-date .calendar-toggle:hover,
.entry-date .calendar-toggle:hover .fa {
	color: #CACACA;
	background-color: transparent;
	border: none;
	text-decoration: none;
}

.calendar-icon {
	color: #646B71;
}

#home-calendar #wp-calendar td#prev {
	left: 0px;
	position: absolute;
}

#home-calendar #wp-calendar td#next {
	right: 0px;
	position: absolute;
}

#home-calendar {
	border: none;
	background-color: #E5E8EB;
	left: 0px;
	right: 0px;
	top: -10px;
	margin: 0 auto;
	position: absolute;
	z-index: 998;
	width: 320px;
}

#home-calendar #wp-calendar caption {
	font-size: 16px;
	background-color: #F4F4F4;
	color: #646B71;
	font-weight: 100;
	font-family: 'lato';
	cursor: pointer;
	line-height: 31px;
	padding: 10px 0px;
}

#home-calendar #wp-calendar th,
#home-calendar #wp-calendar td,
#home-calendar #wp-calendar td a {
	color: #2D2D2D;
	font-family: 'lato';
}

#home-calendar #wp-calendar td:hover {
	background-color: transparent;
}

#home-calendar #wp-calendar td.pad:hover {
	background-color: transparent;
}

#home-calendar #wp-calendar th,
#home-calendar #wp-calendar td {
	height: 30px;
	text-align: center;
}

#wp-calendar #prev .cal-angle,
#wp-calendar #next .cal-angle {
	color: #ADADAF;
	padding: 0px;
	font-size: 28px;
}

#home-calendar #wp-calendar td.inactive-month {
	color: #999999;
	cursor: auto;
	font-size: 18px;
}

#wp-calendar .fa {
	font-size: 18px;
	margin-left: 5px;
}

/*****End Calendar Styles*****/

/*
 * UTMOST REDESIGN STYLES
 * --------------------------------------------------
 */
.page-utmost-wrapper {
	background-color: #E5E8EB;
	margin-top: 70px;
}

.page-utmost-banner {
	height: 477px;
	background-color: #3A3635;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 100%;
	padding: 100px;
}

.page-utmost-banner p {
	margin-bottom: 40px;
}

.page-utmost-content {
	max-width: 917px;
	background-color: #fff;
	padding: 55px;
	padding-top: 66px;
	margin-top: -43px;
}

.timeline-item-image {
	padding: 0;
	margin: 0;
	width: 100%;
}

.timeline-item {
	padding: 0;
	background: #fff;
}

.timeline-item>div.timeline-item-color {
	min-height: 350px;
}

.timeline-item-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.timeline-item-content img {
	max-width: 100%;
	object-fit: cover;
}

.timeline-item-content p,
.timeline-item-content h4 {
	font-size: 19px;
	font-family: 'Lato', sans-serif;
}

.timeline-item-content h4 {
	font-weight: 700;
}

.page-utmost-wrapper p {
	padding-left: 15px;
	padding-right: 15px;
}

.timeline-item-content>p,
.timeline-item-content>h4 {
	max-width: 300px;
	margin: auto;
}

.timeline-item-content h1,
.timeline-item-content h2,
.timeline-item-content h3,
.timeline-item-content h4,
.timeline-item-content h5,
.timeline-item-content h6 {
	color: inherit;
	text-align: inherit;
}

.timeline-item-content h4 {
	margin-bottom: 0;
}

.timeline-item-content-icon {
	display: block;
	width: 64px;
	height: 64px;
	margin: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.timeline-banner .timeline-item-content-icon {
	background-color: #fff;
}

.timeline-item-content-icon.icon-book {
	background-image: url('./images/icon-book.svg');
}

.timeline-item-content-icon.icon-cross {
	background-image: url('./images/icon-cross.svg');
}

.timeline-item-content-icon.icon-pulpit {
	background-image: url('./images/icon-pulpit.svg');
}

.timeline-item-content-icon.icon-pyramid {
	background-image: url('./images/icon-pyramid.svg');
}

.utmost-icon.icon-close {
	background-image: url('./images/icon-close.svg');
}

.utmost-icon.icon-point-left {
	background-image: url('./images/icon-point-left.svg');
}

.utmost-icon {
	background-repeat: no-repeat;
	background-size: cover;
	height: 15px;
	width: 15px;
	display: inline-block;
}

.journal-remove-x {
	display: block;
	font-size: 20px;
	color: #9d8364 !important;
	margin-top: 22px;
}

.journal-text {
	margin-left: 45px;
	min-height: 51px;
	max-width: calc(100% - 80px);
}

.timeline-item {
	position: relative;
}

.timeline-row {
	position: relative;
}

.timeline-row .timeline-banner {
	position: absolute;
	height: 100%;
	left: 25px;
	z-index: 99;
	background: -webkit-radial-gradient(#ADADAF 3px, transparent 3px), -webkit-radial-gradient(#ADADAF 3px, transparent 3px), transparent;
	background-position: 0 0, 45px 45px;
	-webkit-background-size: 45px 45px;
	-moz-background-size: 45px 45px;
	background-size: 45px 45px;
	width: 45px;
}

.timeline-row .timeline-banner .timeline-date {
	top: 50%;
	transform: translate(0px, -50%);
	position: absolute;
	color: #fff;
	font-size: 19px;
	text-align: center;
}

.page-utmost-content p {
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #3A3635;
	letter-spacing: 0;
	line-height: 39px;
}

.page-utmost-content h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 64px;
	text-transform: uppercase;
	text-align: center;
}

.page-utmost-banner-quotes {
	max-width: 970px;
}

.page-utmost-banner-quotes,
.page-utmost-banner-quotes p {
	color: #fff;
	font-size: 30px;
	color: #E5E8EB;
	letter-spacing: 0;
	line-height: 46px;
	text-align: center;
	font-family: 'Lato', sans-serif;
}

.page-utmost-banner-quotes p {
	font-family: 'Crimson Text', serif;
}

.page-utmost-banner-quotes h4 {
	font-size: 23px;
	color: #fff;
}

.timeline-row.half {
	display: flex;
}

.page-utmost-content img.img-responsive {
	margin: auto;
}

.timeline-banner.today,
.timeline-banner.first {
	height: 50%;
}

/*
 * Journal/Comment Styles
 * --------------------------------------------------
 *
 */
.comment-meta,
#comments .form-submit {
	display: none;
}

#user-engagement {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-bottom: 0;
	margin-top: 40px;
}

#user-engagement .panel {
	border: 0;
	box-shadow: none;
}

#user-engagement #user-engagement-group.panel-group>.panel {
	margin-bottom: 85px;
}

#user-engagement .panel-default>.panel-heading {
	background-color: #fff;
	border-bottom: 1px solid #1E375F;
	padding-left: 0;
}

#user-engagement .panel-title>a {
	font-size: 26px;
	color: #646B71;
	width: 100%;
	display: block;
}

#user-engagement .panel-title>a {
	color: #646B71;
}

#user-engagement .panel-title>a:active,
#user-engagement .panel-title>a:hover,
#user-engagement .panel-title>a:focus {
	text-decoration: none;
}

#user-engagement .user-engagement-item.panel>.panel-heading {
	background-color: #967a59;
	border: 0;
	color: #fff;
	text-align: center;
	padding: 0;
}

#user-engagement .user-engagement-item.panel .panel-title>.journal-btn,
#user-engagement .user-engagement-item.panel .panel-title.new-note-title {
	color: #fff;
	background-color: #000;
	font-size: 16px;
	padding: 16px;
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
}

#user-engagement .user-engagement-item.panel .panel-title>.journal-btn.collapsed {
	background-color: #967a59;
}

.user-engagement-group form .form-control,
#notes-accordion form .form-control {
	border: 0;
	box-shadow: none;
	border-radius: 0px;
	font-family: 'Nunito', sans-serif;
	background-color: #E5E8EB;
	border: 0;
	margin-bottom: 0;
	color: #3A3635;
	padding: 15px;
}

.note-content-text,
textarea.form-control.note-content-text {
	height: 295px;
	background-color: #E5E8EB;
	color: #3A3635;
	padding: 15px;
}

.user-engagement-group form .form-control.input-title,
#notes-accordion form .form-control.input-title {
	border-bottom: 1px solid #ADADAF;
	height: 50px;
}

.user-engagement-item form .panel-body {
	padding: 0;
}

.user-engagement-item form .form-group {
	margin: 0
}

#notes .panel-heading,
#notes .panel-footer {
	background-color: #fff;
	box-shadow: none;
}

.comments-area .author-vcard {
	font-weight: 300;
}

.comment-save {
	display: block;
	background-color: transparent;
	color: #fff;
	text-transform: uppercase;
	padding: 13px;
	font-size: 16px;
	border: 0;
}

.comment-list>li.comment {
	border-bottom: 1px dashed #ccc;
	padding: 30px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#comment {
	width: calc(100% - 71px);
	height: 46px;
	display: block;
	float: left;
	padding: 13px;
}

.comment-form-comment {
	background-color: #3A3635;
	height: 58px;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
}

#comments {
	max-height: 407px;
	overflow-y: scroll;
}

#comments div.form-horizontal {
	margin-top: 0;
}

#reply-title {
	margin: 0;
}

.comment-reply-link,
.comment-reply-link:hover,
#cancel-comment-reply-link,
#cancel-comment-reply-link:hover,
.comment-shorten .morelink,
.comment-shorten .morelink:hover,
.comment-reply-login,
.comment-reply-login:hover {
	color: #3D3D3C;
}

.comment-reply-link .icon-point-left {
	vertical-align: sub;
	width: 17px;
	height: 17px;
}

.comment-list>li.comment,
.comment-reply-login {
	border: 0;
}

.comment-list>li.comment,
.comment-reply-login {
	margin-left: 0;
}

.comment-reply-link,
.comment-reply-link:hover {
	border: 0;
}

.comment-reply-link:hover {
	opacity: .8;
}

#cancel-comment-reply-link {
	padding: 0;
}

.comment-body {
	padding-left: 0;
}

.comment-body h4.author-vcard {
	font-size: 20px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 30px;
}

.comment-body p {
	font-size: 16.63px;
	color: #3A3635;
	letter-spacing: 0;
	line-height: 30.46px;
}

.comment img[src=default_gravatar_url] {
	display: none;
}

#respond {
	position: relative;
}

ol.children {
	list-style-type: none;
}

.children>li.comment {
	padding-top: 30px;
}

#respond .comment-save {
	position: absolute;
	right: 0px;
}

#respond #comment {
	position: absolute;
	border-radius: 2px;
	background-color: #E5E8EB;
	border: 0;
}

#respond #comment::placeholder {
	color: #3A3635;
	font-size: 13px;
}

.comment-save:hover {
	background-color: transparent;
}

#reply-title {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 9;
	text-align: right;
	margin-top: 15px;
}

.comment-shorten .morelink {
	border-left: 1px solid #3D3D3C;
	float: right;
	border-right: 0;
	padding-left: 5px;
}

.comments-area .media-object {
	margin-top: -8px;
}

.comment-reply-link {
	padding-right: 5px;
}

.comment-reply-login {
	padding-right: 5px;
}

.comment-guidelines {
	color: #616B71;
	text-align: center;
	font-size: 14px;
	margin-top: 15px;
}

.comment-guidelines a {
	color: #616B71;
	text-decoration: underline;
}

/*
 *Resource Styles
 *----------------------------------------------------
 */
.resource-banner {
	height: 500px;
	background-size: 100%;
	background-position: center 100%;
	background-color: #3A3635;
	background-repeat: no-repeat;
}

.resource-banner img {
	width: 100%;
}

.resource-banner h1 {
	position: absolute;
	width: 100%;
	margin-top: 110px;
	margin-left: -15px;
	font-size: 23px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

.utmost-content div {
	background: #fff;
	padding-top: 45px;
	padding-bottom: 45px;
	bottom: 60px;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.timeline-banner.today,
.timeline-banner.first {
	height: 50%;
}

.timeline-banner.today,
.timeline-banner.first .timeline-date {
	top: 0;
}

.timeline-banner.first {
	top: 50%;
}

.timeline-banner.today .timeline-date {
	top: 100%;
}

.timeline-banner .timeline-date.has-icon {
	background-color: #fff;
}

/*
 *Resource Styles
 *----------------------------------------------------
 */
.resource-banner {
	height: 500px;
	background-size: 100%;
	background-position: center 100%;
	background-color: #4A4A4A;
	background-repeat: no-repeat;
}

.resource-banner img {
	width: 100%;
}

.resource-banner h1 {
	position: absolute;
	width: 100%;
	margin-top: 110px;
	margin-left: -15px;
	font-size: 23px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

.utmost-content div {
	background: #fff;
	padding-top: 45px;
	padding-bottom: 45px;
	bottom: 60px;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.utmost-content p {
	font-size: 19px;
	line-height: 39px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.utmost-content h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 23px;
	color: #646B71;
	margin-bottom: 20px;
}

.um-resource-btn {
	text-align: center;
	margin-top: 70px;
	margin-bottom: -70px;
}

.resource-collection-btn,
.edition-btn a {
	color: #fff;
	background-color: #ADADAF;
	text-transform: uppercase;
	padding: 10px 25px;
	border-radius: 2px;
}

.resource-collection-btn:hover,
.edition-btn a:hover {
	color: #ADADAF;
	background-color: #fff;
	border: 1px solid #ADADAF;
}

.edition-btn {
	position: absolute;
	margin-bottom: -40px;
	bottom: 0px;
	text-align: center;
	width: 100%;
}

.utmost-resource-app {
	background-image: url(//d1aeh7hxqn8xf9.cloudfront.net/wp-content/uploads/2017/07/appAd.png);
	margin-top: -60px;
	position: relative;
	height: 355px;
	background-repeat: no-repeat;
	background-size: cover;
}

.utmost-app-content div {
	width: 80%;
	margin: auto;
}

.utmost-app-title div {
	width: 80%;
	margin: auto;
}

.utmost-app-badge-row .utmost-app-badge {
	position: absolute;
	width: 80%;
	margin: auto;
	bottom: 20px;
	left: 0;
	right: 0;
}

.utmost-resource-app h1,
.utmost-resource-app p,
.utmost-resource-app a {
	color: #fff;
	margin-left: -15px;
}

.utmost-resource-app h1 {
	font-size: 23px;
	text-transform: uppercase;
	margin-top: 48px;
	margin-bottom: 30px;
	margin-left: 15px;
}

.utmost-resource-app p {
	font-size: 19px;
	max-width: 570px;
	line-height: 39px;
	margin-bottom: 30px;
	margin-left: 15px;
}

.utmost-resource-app #google {
	margin-left: 15px;
}

.utmost-edition {
	background: #fff;
}

.utmost-edition h1,
.utmost-edition h2 {
	text-align: center;
	font-size: 23px;
	color: #646B71;
}

.utmost-edition h1 {
	text-transform: uppercase;
	margin-top: 58px;
	margin-bottom: 70px;
}

.utmost-edition p {
	font-size: 19px;
	color: #646B71;
	line-height: 39px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.utmost-edition-left,
.utmost-edition-right {
	text-align: center;
	position: relative;
	margin-bottom: 110px;
	height: 600px;
}

.utmost-book {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/****End Resource Styles****/
.user-engagement {
	max-width: 648px;
}

.user-engagement h2 {
	font-family: 'Nunito', sans-serif;
	font-weight: lighter;
	font-size: 23px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 64px;
	text-transform: uppercase;
	text-align: center;
}

.engagement-layout {
	margin-top: 30px;
}

.container-white {
	background-color: #fff;
}

.journal-title-wrap {
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	color: #3A3635;
}

p.journal-lesson-title {
	margin-top: 10px;
	font-family: 'Nunito', sans-serif;
	font-size: 15px;
	color: #3A3635;
	padding: 0;
}

.btn-row {
	margin-left: -8px;
	margin-right: -8px;
}

.btn.btn-primary {
	margin: 8px;
	padding: 8px 12px;
	color: #FFFFFF;
	letter-spacing: 0;
	background-color: #ADADAF;
	border: 1px solid #ADADAF;
	border-radius: 2.5px;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	min-width: 196px;
	height: 40px;
	text-transform: uppercase;
}

.btn.btn-primary.alt {
	background-color: rgba(255, 255, 255, 0.50);
	color: #ADADAF;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	background-color: #E5E8EB;
	color: #FFFFFF;
}

.btn.btn-primary.alt:hover,
.btn.btn-primary.alt:focus,
.btn.btn-primary.alt:active {
	border: 1px solid #E5E8EB;
	color: #E5E8EB;
	background-color: #fff;
}

a.journal-toggle {
	width: 26px;
	height: 26px;
	margin-top: 17px;
}

.user-engagement .entries {
	margin-bottom: 90px;
}

.user-engagement .engagement-layout .panel-heading {
	padding-left: 0;
	padding-right: 0;
}

.user-engagement .engagement-layout .journal-item {
	border-bottom: 1px solid #E0E0E0;
}

.user-engagement .engagement-layout .journal-item.open {
	border-bottom: 0;
}

.user-engagement .panel-group .panel-heading+.panel-collapse .panel-body {
	border-top: 2px solid #ddd;
}

#notes-accordion .note-title {
	height: 100%;
	color: #000;
	font-weight: 700;
	font-size: 18px;
}

#notes-accordion .form-control {
	border: 1px solid #e0e0e0;
	padding: 8px;
	margin-bottom: 15px;
	box-shadow: none;
	border-radius: 0px;
	font-family: 'Nunito', sans-serif;
}

#notes-accordion .note-content {
	height: 255px;
	-webkit-appearance: none;
}

.notes-list .journal-edit-date {
	float: right;
	font-weight: 700;
}

p.warning-message {
	text-align: center;
	font-size: 18px;
}

#note-form-open {
	margin-top: 25px;
}

.ajax-message {
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
}

/* Bookmark */
.utmost-reading .bookmark-wrapper a span.odb-bookmark {
	color: #F0B50D;
	background: url(/wp-content/themes/odbm-base/images/bookmark-outline.svg) transparent 50% 50% no-repeat;
	height: 45px;
	width: 35px;
	background-size: 30px;
	display: block;
}

.utmost-reading .bookmark-wrapper a.active span.odb-bookmark {
	color: #F0B50D;
	background: url(/wp-content/themes/odbm-base/images/bookmark-filled.svg) transparent 50% 50% no-repeat;
	height: 45px;
	width: 35px;
	background-size: 30px;
	display: block;
}

/* Ad Card Styles */
.utmost-ad-card {
	padding-top: 50%;
	background-size: cover;
	position: relative;
}

.utmost-ad-card .utmost-ad-text {
	position: absolute;
	bottom: 60px;
	left: 60px;
	max-width: 265px
}

.utmost-ad-card .utmost-ad-text h2,
.utmost-ad-card .utmost-ad-text p {
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0.78px;
	line-height: 32px;
	margin-bottom: 25px;
}

.utmost-ad-card .utmost-ad-text h2 {
	font-weight: 700;
}

.utmost-ad-card .utmost-ad-text p {
	font-weight: 300;
}

.utmost-ad-card .utmost-ad-text h2 {
	text-transform: uppercase;
}

.utmost-btn.btn.btn-default {
	color: #646B71;
	background-color: #E5E8EB;
	max-width: 158px;
	height: 32px;
}

.utmost-btn.btn.btn-default:hover {
	opacity: .8
}

.utmost-btn {
	border-radius: 2px;
	text-transform: uppercase;
	width: 100%;
}

/******************
 ***Footer Styles***
 ******************/
#page-footer {
	background-color: #E5E8EB;
	height: 375px;
}

.subscribe-container {
	background: #E5E8EB;
}

#footer-meta {
	border-top: none;
	background: #E5E8EB;
}

.ss-icon,
.ss-icon.fa {
	color: #9A9A9A;
	font-size: 22px;
}

.sign-up-text {
	width: 100%;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 35px;
}

.sign-up-text h3 {
	font-size: 18px;
	color: #646B71;
	margin: 0px;
	font-family: 'lato';
}

.utmost-sign-up-row {
	text-align: center;
}

#utmost-signup-wrapper {
	width: 100%;
}

.social-footer {
	float: none;
	margin: auto;
	width: 190px;
	text-align: center;
}

#footer-menu {
	margin: 0px auto;
	line-height: 41px;
	padding: 5px 10px 0 10px;
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

#footer-meta {
	margin: 0px auto;
	padding: 15px 0px 10px;
	color: #898989;
	font-size: 12px;
	text-align: center;

	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

#footer-meta ul {
	list-style: none;
}

#footer-nav ul {
	padding: 0px;
}

#footer-meta div>ul li {
	padding-right: 10px;
}

#footer-meta ul li {
	display: inline;
	list-style: none;
}

#footer-nav li {
	float: none;
	display: inline-block;
	padding-left: 10px;
}

.menu-footer-nav-container,
#footer-meta a {
	color: #555555;
	font-size: 14px;
	font-family: 'lato';
}

#footer-nav a {
	padding-left: 0px;
}

#container_EMAIL {
	width: 270px;
	display: inline-block;
}

.edition-select {
	display: inline-block;
	margin-left: -3px;
}

.edition-select button,
.edition-select button:hover {
	box-shadow: none !important;
	margin-bottom: 4px;
	font-size: 13px;
	height: 40px;
	border: none;
	background-color: #D0D1D2 !important;
	color: #646B71 !important;
	width: 100px;
	border-radius: 0px 30px 30px 0px;
}

.edition-select.open button {
	border-radius: 0px 19px 0px 0px;
}

.edition-select ul,
.edition-select li {
	min-width: 0px;
	width: 100px;
	background-color: #D0D1D2;
}

.edition-select ul {
	border-radius: 0px 0px 5px 5px;
	margin-top: -4px;
	border: none;
	box-shadow: none;
}

.edition-select li a {
	color: #646B71;
}

#container_EMAIL input {
	border-radius: 30px 0px 0px 30px;
	height: 40px;
	border: none;
	font-size: 16px;
	padding-left: 25px;
}

#container_EMAIL input::placeholder {
	text-transform: uppercase;
}

.subscribe-btn-text {
	width: 171px;
	color: #fff;
	font-weight: normal;
	border-radius: 2px;
	height: 40px;
	background: #646B71;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 35px;
}

.signup-wrapper .subscribe-btn-text {
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.subscribe-btn-text:hover {
	width: 171px;
	color: #646B71;
	font-weight: normal;
	border: 1px solid #646B71;
	border-radius: 2px;
	height: 40px;
	background: #fff;
	font-size: 16px;
}

.no-signup #footer-menu {
	margin-top: 25px;
}

#footer-menu .sign-up-text p {
	line-height: 1.5;
	padding-top: 15px;
	width: 50%;
	margin: auto;
}

/*
 * Wisdom Styles
 * --------------------------------------------------
 */

.utmost-view {
	background-color: #fff;
}

#content .wisdom-wrapper {
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #D3D3D3;
	padding: 20px 25px;
	margin-bottom: 50px;
	line-height: 31px;
}

#content .quote-icon {
	position: relative;
	margin-top: -70px;
	float: none;
}

#content .featured-resource-wrapper {
	margin: 50px 0px;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 50px;
}

.featured-text {
	font-family: ‘Lato’, sans-serif;
	font-size: 15px;
	color: #ADADAF;
	letter-spacing: 0;
}

.featured-img {
	max-height: 144px;
	float: right;
}

.featured-title {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #ADADAF;
	line-height: 11.2px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}

#content .wisdom-title {
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-top: -15px;
	margin-bottom: 15px;
	color: #646B71;
	letter-spacing: 0;
}

#content .wisdom-content p {
	font-size: 23px;
	font-family: 'Crimson Text', sans-serif;
	text-align: center;
	color: #646B71;
	letter-spacing: 0;
	line-height: 36.8px;
	margin-bottom: 0px;
}

#content .wisdom-author {
	font-family: 'lato';
	font-size: 14px;
	color: #646B71;
	letter-spacing: 0.46px;
	line-height: 32px;
	margin-top: 10px;
	font-style: italic;
}

.featured-btn.btn.btn-default {
	color: #ADADAF;
	text-transform: uppercase;
	font-size: 16px;
	width: 158px;
	height: 44px;
	margin-top: 12px;
	padding: 10px 0px;
}

/*
 * Reviews Styles
 * --------------------------------------------------
 */

#utmost-reviews {
	background-color: #fff;
	margin-bottom: 100px;
}

#utmost-reviews h3 {
	color: #646B71
}

#utmost-reviews .reviews-excerpt {
	padding: 0px 35px;
	margin-top: 100px;
}

#utmost-reviews .reviews-icon p {
	font-family: 'Crimson Text', serif;
	font-size: 81px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 0px;
}

#utmost-reviews .reviews-title h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 51px;
	font-weight: bold;
	margin-bottom: 30px;
}

#utmost-reviews .reviews-content p {
	font-family: 'Crimson Text', serif;
	font-size: 21px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 36px;
}

/*
 * Utmost Banner Signup Styles
 * --------------------------------------------------
 */

.utmost-signup-banner {
	background-image: url('./images/banner-signup-img.png');
	background-size: cover;
	background-repeat: no-repeat;
	height: 275px;
	position: relative;
}

.signup-banner-wrapper {
	width: 100%;
	text-align: center;
	margin: auto;
	padding: 35px 0px;
}

.signup-banner-text h1.signup-text-1 {
	font-family: 'Lato', sans-serif;
	font-size: 21px;
	color: #E5E8EB;
	letter-spacing: 0.68px;
	text-transform: uppercase;
	font-weight: bold;
}

.signup-banner-text h2.signup-text-2 {
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #E5E8EB;
	letter-spacing: 0.62px;
}

#banner-signup-form {
	width: 400px;
	height: 175px;
	background-color: #3A3635;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

#banner-signup-form .form-group {
	margin: 5px 0px;
	padding-top: 7px;
}

#banner-signup-form .first-name,
#banner-signup-form .last-name {
	margin: 5px 0px;
	padding-top: 7px;
}

#banner-signup-form .first-name input,
#banner-signup-form .last-name input {
	border-radius: 2px;
	height: 42px
}

#banner-signup-form #container_EMAIL {
	width: 177px;
	display: inline-block;
	margin-top: 5px;
	margin-left: 13px;
}

#banner-signup-form #container_EMAIL input {
	border-radius: 2px 0px 0px 2px;
	height: 42px;
	font-size: 13px;
	padding-left: 20px;
	border-color: #3A3635;
	font-style: italic;
	text-transform: none;
}

#banner-signup-form .edition-select {
	width: 98px;
	display: inline-block;
	margin-top: 1px;
}

#banner-signup-form .edition-select button,
#banner-signup-form .edition-select button:hover {
	box-shadow: none !important;
	border-radius: 0px 2px 2px 0px;
	height: 42px;
	font-size: 13px;
	background-color: #D3D4D5 !important;
	color: #646B71 !important;
	width: 100px;
	border-color: #B6B6B6;
	width: 95px;
}

#banner-signup-form .edition-select.open button {
	border-radius: 0px 2px 2px 0px;
}

#banner-signup-form .edition-select ul,
#banner-signup-form .edition-select li {
	min-width: 0px;
	width: 95px;
	background-color: #D0D1D2;
}

#banner-signup-form .edition-select ul {
	border-radius: 0px 0px 5px 5px;
	margin-top: -5px;
	border: none;
	box-shadow: none;
}

#banner-signup-form .edition-select li a {
	color: #646B71;
}

#banner-signup-form .subscribe-btn {
	display: inline-block;
	margin-top: 5px;
	margin-left: -5px;
}

#banner-signup-form .subscribe-btn button {
	width: 208px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
	height: 42px;
	background-color: #3A3635;
	border-radius: 0px 0px 0px 0px;
	border: none;
}

/*******End Footer Styles******/
.timeline-banner.today,
.timeline-banner.first {
	height: 50%;
}

.timeline-banner.today,
.timeline-banner.first .timeline-date {
	top: 0;
}

.timeline-banner.first {
	top: 50%;
}

.timeline-banner.today .timeline-date {
	top: 100%;
}

.timeline-banner .timeline-date.has-icon {
	background-color: #fff;
}

/*
 * Login Styles
 * --------------------------------------------------
 */


.login-container .utmost-login-title-wrapper h2 {
	color: #646B71;
	margin-bottom: 20px;
	font-size: 23px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#page-body.login-container {
	margin-top: 50px;
	min-height: 590px;
	background-size: cover;
	background-position: 0% 100%;
	background-repeat: no-repeat;
}

#utmost-signin-page .sign-in-content div.rbc-profiles-wrap {
	width: 359px;
	max-width: 100%;
	margin: 0 auto;
	float: none;
}

#utmost-signin-page .rbc-profiles-wrap.rbc-profiles-login input[type=submit].rbc-profiles-button,
#utmost-signin-page .rbc-profiles-wrap.rbc-profiles-login input[type=button].rbc-profiles-button {
	background-color: #646B71;
	border-color: #646B71;
}

#utmost-signin-page div.rbc-profiles-wrap div.rbc-profiles-inner {
	background-color: transparent;
}

@media only screen and (min-width: 992px) {

	.bookmark-journal {
		float: left;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
		-webkit-padding-start: 0px !important;
	}

	#user-account .navbar-nav li a.utmost-sign-out {
		font-size: 12px;
		padding: 0 15px 0 0;
		text-align: right;
	}

	.utmost-header-nav {
		float: left !important;
		margin-left: 275px !important;
	}

	.bookmark-journal li {
		list-style: none;
		float: left;
	}

	.bookmark-journal li a {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 100;
		color: #fff;
		padding: 15px;
		font-family: 'Lato', sans-serif;
	}

	.header-search-2 {
		z-index: 999;
		float: right;
		position: absolute;
		right: 0;
		margin-top: 9px;
		height: 53px !important;
		width: 50px;
		border-left: 1px solid #fff;
		font-size: 24px;
		color: #fff;
		padding: 8px 8px 8px 14px;
		background-color: #4A4A4A;
		transition: width .2s;
	}

	.header-search-2:before {
		float: left;
		padding: 5px 15px 0px 0px;
	}

	.header-search-2-open {
		width: 910px;
		line-height: 28px;
		transition: width .2s;
	}

	.utmost-desktop-search {
		width: 0%;
		left: 0;
		margin: 0px;
		padding: 0px;
		background-color: #4A4A4A;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-image-width: 0px;
	}

	.utmost-search-form {
		float: left;
	}

	.utmost-desktop-search-open {
		width: 800px;
		color: #fff;
		font-size: 16px;
		transition: width .2s;
	}

	.utmost-search-close {
		float: right;
		display: none;
		font-size: 22px;
		color: #fff;
		z-index: 99999;
		position: absolute;
		right: 18px;
		top: 19px;
	}

	.utmost-desktop-menu .social-icons {
		margin-right: 71px;
	}

	#user-account .navbar-nav li a.utmost-account-link {
		padding-bottom: 0px;
	}

	.utmost-header-nav .dropdown-menu li.active,
	.utmost-header-nav .dropdown-menu li.active a {
		background-color: #646B71;
	}

	.utmost-header-nav .dropdown-menu li.active a.check-icon::after {
		content: "\f121";
		font-family: 'Ionicons';
		position: absolute;
		right: 20px;
	}

	.utmost-signup-banner {
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 1400px) {
	#page-body .utmost-single {
		margin-left: auto;
		margin-right: auto;
		max-width: 1165px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
	.header-search-2-open {
		width: 773px;
	}

	.utmost-desktop-search-open {
		width: 650px;
	}

	.bookmark-journal {
		margin-right: 15px;
	}

	.utmost-header-nav {
		margin-left: 185px;
	}
}

@media only screen and (max-width: 991px) {

	.navbar-nav li.dropdown:hover .dropdown-menu,
	.navbar-nav li.dropdown.open .dropdown-menu {
		display: block;
	}

	#user-engagement {
		padding-right: 15px;
		padding-left: 15px;
	}

	.utmost-mobile-menu {
		position: fixed;
		z-index: 9999;
		background-color: #fff;
		width: 0px;
		height: 100vh;
		transition: width .2s;
		right: 0;
		float: none;
		overflow: scroll;
	}

	.utmost-mobile-menu.open {
		width: 300px;
	}

	.utmost-mobile-close {
		position: absolute;
		top: 20px;
		right: 20px;
		background: transparent url(../utmost-base/images/icon-close.png) no-repeat 50% 50%;
		height: 20px;
		width: 20px;
		z-index: 9999;
	}

	.utmost-sign-out-wrapper {
		float: right;
		list-style: none;
		padding: 15px 0;
	}

	.utmost-sign-out {
		padding: 15px 20px;
		background-color: transparent;
		color: #555;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 16px;
		text-align: right;
	}

	.utmost-sign-out:hover {
		color: #555;
	}

	.btn-donate {
		margin-top: 55px;
	}

	.btn-donate,
	.btn-donate:hover,
	.btn-subscribe {
		width: initial;
		font-size: 16px;
		background-color: #fff;
		border-radius: 0px;
		padding: 15px 20px;
		border: none;
		color: #FFB300;
		float: right;
		text-transform: uppercase;
		font-weight: bold
	}

	.btn-subscribe,
	.btn-subscribe:hover {
		color: #69AAE6;
	}

	.utmost-header-nav {
		text-align: right;
		float: right !important;
		font-size: 16px;
		text-transform: uppercase;
		margin-top: 0px;
	}

	#user-account .navbar-nav li a {
		color: #555;
		border: 1px solid #555;
		border-radius: 20px;
		margin-left: 20px;
		padding: 5px 12px;
		font-size: 16px;
		font-weight: bold;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.active>a:hover,
	#user-account .navbar-nav li a:hover,
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover {
		background-color: transparent;
		color: #555;
	}

	.menu-item .dropdown-menu,
	.menu-item .dropdown-menu li a {
		background-color: #999;
		color: #fff;
	}

	.menu-item .dropdown-menu>li>a:hover,
	.menu-item .dropdown-menu>li>a:focus,
	.menu-item .dropdown-menu li.active a,
	.navbar-default .header-nav>li.current-menu-parent>a {
		background-color: #646B71;
		color: #fff;
	}

	#user-account {
		position: absolute;
		top: -6px;
		z-index: 0;
		margin-top: 19px;
	}

	#user-account .navbar-nav {
		margin-bottom: 25px;
	}

	.utmost-mobile-menu .nav>li>a,
	.utmost-mobile-menu .nav>li>a:hover,
	.utmost-mobile-menu .nav>li>a:focus {
		padding: 15px 20px;
		background-color: transparent;
		color: #555;
		font-weight: bold;
	}

	.utmost-mobile-menu .nav>li>a>span,
	.utmost-mobile-menu .nav>li>a:hover span {
		color: #555;
		border-top-color: #555;
		border-bottom-color: #555;
	}

	.utmost-mobile-toggle .menu-text {
		color: #fff;
		float: right;
		font-size: 42px;
		margin-top: 0px;
		padding-right: 15px;
	}

	.search-wrapper {
		position: relative;
	}

	#header-search {
		margin-right: auto;
		margin-left: 0px;
		max-width: 255px;
	}

	#searchform input.form-control {
		max-width: 191px;
		border: none;
		box-shadow: none;
	}

	#searchform div.input-group-btn #searchsubmit {
		background-color: #fff;
		border-radius: 20px;
		border: 1px solid #878787;
		font-size: 22px;
		max-height: 35px;
		padding: 0px 7px;
	}

	.utmost-mobile-menu .dropdown-menu {
		position: relative !important;
		top: initial;
		left: initial;
		z-index: 1000;
		display: none;
		float: left;
		min-width: initial;
		padding: 5px 0;
		margin: 0px 0 0;
		font-size: 16px;
		list-style: none;
		background-color: #fff;
		border: none;
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-clip: padding-box;
		text-transform: initial;
		padding-top: 0px;
		padding-bottom: 20px;

	}

	.utmost-mobile-menu .dropdown-menu>li>a {
		padding: 5px 25px;
	}

	.menu-item .dropdown-menu,
	.menu-item .dropdown-menu li a {
		background-color: #fff;
		color: #555;
	}

	.bookmark-journal {
		float: right !important;
	}

	.bookmark-journal li {
		list-style: none;
		float: none !important;
	}

	.bookmark-journal li a {
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		color: #555;
		text-align: right;
		padding: 15px 25px;
	}

	.utmost-signin-slide {
		position: absolute;
		top: 0px;
		right: 1000px;
		background-color: #fff;
		height: 100vh;
		width: 100%;
		z-index: 9999;
		transition: right .2s ease-in-out;
	}

	.sign-in-close {
		text-transform: uppercase;
		font-size: 16px;
		color: #878787;
		border: 1px solid #878787;
		border-radius: 20px;
		position: initial;
		margin-top: 15px;
		margin-left: 10px;
		background-color: transparent;
	}

	.utmost-signin-slide.sign-in-open {
		right: 0px;
		transition: right .2s ease-in-out;
	}

	.utmost-search-close {
		display: none;
		color: #878787;
		position: absolute;
		top: 12px;
		left: 11px;
		background-color: #fff;
		font-size: 18px;
		height: 35px;
		width: 218px;
		z-index: 9;
		text-align: left;
		font-weight: 100;
		border-top: 1px solid #878787;
		border-bottom: 1px solid #878787;
		border-left: 1px solid #878787;
		padding-top: 4px;
		padding-left: 10px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}

	.ion-ios-search-strong:before {
		content: "\f4a4";
		float: right;
		margin-right: 54px;
		font-size: 23px;
		margin-top: 12px;
		border: 1px solid #878787;
		padding: 4px 8px;
		border-radius: 20px;
		position: absolute;
		right: 0px;
		z-index: 999;
		background-color: #fff;
		height: 35px;
	}

	.utmost-mobile-search {
		display: none;
		margin-top: 16px;
		height: 27px;
		background-color: #fff;
		margin-left: 20px;
		width: 0px;
		float: right;
		border-right: none;
		position: absolute;
		border-top: none;
		border-bottom: none;
		border-left: 1px solid #878787;
		text-align: right;
		padding-right: 10px;
		left: 23px;
		z-index: 99;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 169px;
		border-radius: 0px;
		font-size: 16px;
	}

	.header-search-2-open:before {
		background-color: #878787;
		color: #fff;
	}

	.utmost-ad-card .utmost-ad-text {
		bottom: 15px;
		left: 15px;
		max-width: 245px;
	}

	.navbar-nav li.dropdown .dropdown-menu {
		float: right;
		margin-bottom: 20px;
	}

	.utmost-header-nav .dropdown-menu li a:hover,
	.utmost-header-nav .dropdown-menu li:hover,
	.utmost-header-nav .dropdown-menu li:hover a {
		background-color: #fff;
		color: #555;
	}

	.utmost-header-nav .dropdown-menu li {
		background-color: #fff;
		padding: 4px 0px;
	}

	.utmost-header-nav .dropdown-menu li.active a.check-icon::before {
		content: "\f121";
		font-family: 'Ionicons';
		padding-right: 10px;
	}

	.utmost-header-nav .menu-item .dropdown-menu,
	.utmost-header-nav .menu-item .dropdown-menu li a {
		color: #555;
		background-color: #fff;
	}

	#utmost-reviews {
		text-align: center;
	}

	.social-icons {
		font-size: 20px;
		float: right;
		margin-right: 10px;
		margin-top: 19px;
		clear: initial;
		display: block;
	}

	.social-icons a i {
		color: #555;
	}

	.rbc-profiles-wrap.rbc-profiles-login input[type=submit].rbc-profiles-button,
	.rbc-profiles-wrap.rbc-profiles-login input[type=button].rbc-profiles-button {
		background-color: #646B71;
		border: none;
	}

	#login-modal input[type=button].rbc-profiles-button,
	#login-modal input[type=submit].rbc-profiles-button {
		font-size: 14px;
		font-weight: 100;
		text-transform: uppercase;
	}
}

@media only screen and (min-width: 768px) {
	.utmost-mobile-menu .utmost-header-nav>li {
		float: none;
	}

	.utmost-signup-banner {
		background-position: 40% 60%;
	}

	.navbar-nav li.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.utmost-ad-card .utmost-ad-text {
		bottom: 20px;
		left: 40px;
	}

	.utmost-btn.btn.btn-default {
		max-width: 198px;
		height: 40px;
		font-size: 16px;
		padding: 8px;
	}

	.utmost-ad-card .utmost-ad-text h2 {
		font-size: 15px;
		line-height: 17px
	}

	.utmost-ad-card .utmost-ad-text p {
		font-size: 15px;
		line-height: 17px;
	}

	.page-utmost-banner-quotes h4 {
		font-size: 18px;
	}

	.page-utmost-banner-quotes {
		max-width: 623px;
	}

	.search-container {
		max-width: 656px;
	}

	#user-engagement {
		padding: 0;
	}

	#page-body .utmost-single {
		margin-left: 0px;
		margin-right: 0px;
	}

	article.utmost-reading,
	#user-engagement-group {
		/*width: 85%;*/
		margin: auto 50px;
	}

	.page-utmost-content.container {
		max-width: 655px;
		padding: 16px;
	}

	.devo-body {
		background: #fff;
	}

	/*****Tablet Home page*****/
	#page-body .utmost-single {
		max-width: none;
		margin-left: 0px;
		margin-right: 0px;
	}

	.bottom-sharing {
		margin: 115px auto 85px auto;
	}

	.utmost-home-banner {
		height: 185px;
	}

	.utmost-banner-text {
		width: 85%;
		margin: auto;
		bottom: -40px;
	}

	.utmost-banner-btn {
		top: 38px;
	}

	#key-verse-box h4,
	#key-verse-box a {
		font-size: 19px;
	}

	.entry-date {
		top: 17px;
		padding-bottom: 23px;
	}

	/*****Tablet resource styles*****/
	.utmost-resource-btn {
		margin-top: -30px;
	}

	.utmost-resource-app {
		background-position: 15%;
	}

	.utmost-resource-app p {
		max-width: 530px;
	}

	.resource-banner {
		height: 366px;
		background-position: center 100%;
	}

	#user-account,
	#header-search {
		float: none;
	}

	.utmost-edition p {
		width: 357px;
	}

	/*****End resource*****/
	/*****Tablet footer styles*****/
	.menu-footer-nav-container {
		width: 423px;
		margin: auto;
	}

	footer#page-footer.no-signup .menu-footer-nav-container {
		position: initial;
		top: auto;
	}

	#footer-meta ul {
		padding-left: 0px;
	}

	/*****End footer*****/
}

/******************
 ***Footer Styles***
 ******************/
#page-footer {
	background-color: #E5E8EB;
	height: 375px;
}

.subscribe-container {
	background: #E5E8EB;
}

#footer-meta {
	border-top: none;
	background: #E5E8EB;
}

.ss-icon,
.ss-icon.fa {
	color: #9A9A9A;
	font-size: 22px;
}

.sign-up-text {
	width: 100%;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 35px;
	color: #646B71;
	max-width: 560px;
}

.sign-up-text h3 {
	font-size: 18px;
	color: #646B71;
	margin: 0px;
	font-family: 'lato';
	font-weight: bold;
	text-transform: uppercase;
}

.sign-up-text h4 {
	font-size: 16px;
}

.sign-up-text h4 a {
	color: #646B71;
	text-decoration: underline;
	font-weight: bold;
}

.utmost-sign-up-row {
	text-align: center;
}

#utmost-signup-wrapper {
	width: 100%;
}

#utmost-signup-wrapper .first-name input,
#utmost-signup-wrapper .last-name input {
	width: 170px;
	height: 40px;
	border-radius: 20px;
	border-color: transparent;
	box-shadow: none;
	font-size: 16px;
	padding-left: 25px;
}

#utmost-signup-wrapper .first-name input {
	margin-left: auto;
}

#utmost-signup-wrapper .last-name input {
	margin-right: auto;

}

.social-footer {
	float: none;
	margin: auto;
	width: 190px;
	text-align: center;
}

#footer-menu {
	margin: 0px auto;
	line-height: 41px;
	padding: 5px 10px 0 10px;
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

#footer-meta {
	margin: 0px auto;
	padding: 15px 0px 10px;
	color: #898989;
	font-size: 12px;
	text-align: center;

	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

#footer-meta ul {
	list-style: none;
}

#footer-nav ul {
	padding: 0px;
}

#footer-meta div>ul li {
	padding-right: 10px;
}

#footer-meta ul li {
	display: inline;
	list-style: none;
}

#footer-nav li {
	float: none;
	display: inline-block;
	padding-left: 10px;
}

.menu-footer-nav-container,
#footer-meta a {
	color: #555555;
	font-size: 14px;
	font-family: 'lato';
}

#footer-nav a {
	padding-left: 0px;
}

#container_EMAIL {
	width: 240px;
	display: inline-block;
}

.edition-select {
	display: inline-block;
	margin-left: -3px;
}

.edition-select button,
.edition-select button:hover {
	box-shadow: none !important;
	margin-bottom: 4px;
	font-size: 13px;
	height: 40px;
	border: none;
	background-color: #D0D1D2 !important;
	color: #646B71 !important;
	width: 130px;
	border-radius: 0px 30px 30px 0px;
}

.edition-select.open button {
	border-radius: 0px 19px 0px 0px;
}

.edition-select ul,
.edition-select li {
	min-width: 0px;
	width: 130px;
	background-color: #D0D1D2;
}

.edition-select ul {
	border-radius: 0px 0px 5px 5px;
	margin-top: -4px;
	border: none;
	box-shadow: none;
}

.edition-select li a {
	color: #646B71;
}

#container_EMAIL input {
	border-radius: 30px 0px 0px 30px;
	height: 40px;
	border: none;
	font-size: 16px;
	padding-left: 25px;
}

#container_EMAIL input::placeholder {
	text-transform: uppercase;
}

.subscribe-btn-text {
	width: 171px;
	color: #fff;
	font-weight: normal;
	border-radius: 2px;
	height: 40px;
	background: #646B71;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 35px;
}

.signup-wrapper .subscribe-btn-text {
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.subscribe-btn-text:hover {
	width: 171px;
	color: #646B71;
	font-weight: normal;
	border: 1px solid #646B71;
	border-radius: 2px;
	height: 40px;
	background: #fff;
	font-size: 16px;
}

.no-signup #footer-menu {
	margin-top: 25px;
}

/*
 * Wisdom Styles
 * --------------------------------------------------
 */

.utmost-view {
	background-color: #fff;
}

#content .wisdom-wrapper {
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #D3D3D3;
	padding: 20px 25px;
	margin-bottom: 50px;
	line-height: 31px;
}

#content .quote-icon {
	position: relative;
	margin-top: -70px;
	float: none;
}

#content .featured-resource-wrapper {
	margin: 50px 0px;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 50px;
}

.featured-text {
	font-family: ‘Lato’, sans-serif;
	font-size: 15px;
	color: #ADADAF;
	letter-spacing: 0;
}

.featured-img {
	max-height: 144px;
	float: right;
}

.featured-title {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #ADADAF;
	line-height: 11.2px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}

#content .wisdom-title {
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-top: -15px;
	margin-bottom: 15px;
	color: #646B71;
	letter-spacing: 0;
}

#content .wisdom-content p {
	font-size: 23px;
	font-family: 'Crimson Text', sans-serif;
	text-align: center;
	color: #646B71;
	letter-spacing: 0;
	line-height: 36.8px;
	margin-bottom: 0px;
}

#content .wisdom-author {
	font-family: 'lato';
	font-size: 14px;
	color: #646B71;
	letter-spacing: 0.46px;
	line-height: 32px;
	margin-top: 10px;
	font-style: italic;
}

.featured-btn.btn.btn-default {
	color: #ADADAF;
	text-transform: uppercase;
	font-size: 16px;
	width: 158px;
	height: 44px;
	margin-top: 12px;
	padding: 10px 0px;
}

/*
 * Reviews Styles
 * --------------------------------------------------
 */

#utmost-reviews {
	background-color: #fff;
	margin-bottom: 100px;
}

#utmost-reviews h3 {
	color: #646B71
}

#utmost-reviews .reviews-excerpt {
	padding: 0px 35px;
	margin-top: 100px;
}

#utmost-reviews .reviews-icon p {
	font-family: 'Crimson Text', serif;
	font-size: 81px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 0px;
}

#utmost-reviews .reviews-title h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 51px;
	font-weight: bold;
	margin-bottom: 30px;
}

#utmost-reviews .reviews-content p {
	font-family: 'Crimson Text', serif;
	font-size: 21px;
	color: #646B71;
	letter-spacing: 0;
	line-height: 36px;
}

/*
 * Utmost Banner Signup Styles
 * --------------------------------------------------
 */

.utmost-signup-banner {
	background-image: url('./images/banner-signup-img.png');
	background-size: cover;
	background-repeat: no-repeat;
	height: 385px;
	position: relative;
}

.signup-banner-text {
	max-width: 560px;
	margin: auto;
}

.signup-banner-wrapper {
	width: 100%;
	text-align: center;
	margin: auto;
	padding: 15px 0px;
}

.signup-banner-text h1.signup-text-1 {
	font-family: 'Lato', sans-serif;
	font-size: 21px;
	color: #E5E8EB;
	letter-spacing: 0.68px;
	text-transform: uppercase;
	font-weight: bold;
}

.signup-banner-text h2.signup-text-2 {
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #E5E8EB;
	letter-spacing: 0.62px;
}

h3.signup-text-3 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #E5E8EB;
	letter-spacing: 0.62px;
	margin: auto;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 17px;
	margin-top: 22px;
}

h3.signup-text-3 a {
	color: #E5E8EB;
	text-decoration: underline;
}

#banner-signup-form {
	width: 400px;
	height: 185px;
	background-color: #3A3635;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

#banner-signup-form #container_EMAIL {
	width: 241px;
	display: block;
	margin-top: 5px;
	margin-left: 13px;
	float: left;
}

#banner-signup-form #container_EMAIL input {
	border-radius: 2px 0px 0px 2px;
	height: 42px;
	font-size: 13px;
	padding-left: 20px;
	border-color: #3A3635;
	text-transform: none;
}

#banner-signup-form .edition-select {
	width: 130px;
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 0px;
}

#banner-signup-form .edition-select button,
#banner-signup-form .edition-select button:hover {
	box-shadow: none !important;
	border-radius: 0px 2px 2px 0px;
	height: 42px;
	font-size: 13px;
	background-color: #D3D4D5 !important;
	color: #646B71 !important;
	width: 100px;
	border-color: #B6B6B6;
	width: 130px;
}

#banner-signup-form .edition-select.open button {
	border-radius: 0px 2px 2px 0px;
}

#banner-signup-form .edition-select ul,
#banner-signup-form .edition-select li {
	min-width: 0px;
	width: 130px;
	background-color: #D0D1D2;
}

#banner-signup-form .edition-select ul {
	border-radius: 0px 0px 5px 5px;
	margin-top: -5px;
	border: none;
	box-shadow: none;
}

#banner-signup-form .edition-select li a {
	color: #646B71;
}

#banner-signup-form .subscribe-btn {
	display: inline-block;
	margin-top: 5px;
	margin-left: -5px;
}

#banner-signup-form .subscribe-btn button {
	width: 208px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
	height: 42px;
	background-color: #3A3635;
	border-radius: 0px 0px 0px 0px;
	border: none;
}

/*******End Footer Styles******/
.timeline-banner.today,
.timeline-banner.first {
	height: 50%;
}

.timeline-banner.today,
.timeline-banner.first .timeline-date {
	top: 0;
}

.timeline-banner.first {
	top: 50%;
}

.timeline-banner.today .timeline-date {
	top: 100%;
}

.timeline-banner .timeline-date.has-icon {
	background-color: #fff;
}

/*
 * Login Styles
 * --------------------------------------------------
 */


.login-container .utmost-login-title-wrapper h2 {
	color: #646B71;
	margin-bottom: 20px;
	font-size: 23px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#page-body.login-container {
	margin-top: 50px;
	min-height: 590px;
	background-size: cover;
	background-position: 0% 100%;
	background-repeat: no-repeat;
}

#utmost-signin-page .sign-in-content div.rbc-profiles-wrap {
	width: 359px;
	max-width: 100%;
	margin: 0 auto;
	float: none;
}

#utmost-signin-page .rbc-profiles-wrap.rbc-profiles-login input[type=submit].rbc-profiles-button,
#utmost-signin-page .rbc-profiles-wrap.rbc-profiles-login input[type=button].rbc-profiles-button {
	background-color: #646B71;
	border-color: #646B71;
}

#utmost-signin-page div.rbc-profiles-wrap div.rbc-profiles-inner {
	background-color: transparent;
}

@media only screen and (min-width: 992px) {

	.bookmark-journal {
		float: left;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
		-webkit-padding-start: 0px !important;
	}

	#user-account .navbar-nav li a.utmost-sign-out {
		font-size: 12px;
		padding: 0 15px 0 0;
		text-align: right;
	}

	.utmost-header-nav {
		float: left !important;
		margin-left: 275px !important;
	}

	.bookmark-journal li {
		list-style: none;
		float: left;
	}

	.bookmark-journal li a {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 100;
		color: #fff;
		padding: 15px;
		font-family: 'Lato', sans-serif;
	}

	.header-search-2 {
		z-index: 999;
		float: right;
		position: absolute;
		right: 0;
		margin-top: 9px;
		height: 53px !important;
		width: 50px;
		border-left: 1px solid #fff;
		font-size: 24px;
		color: #fff;
		padding: 8px 8px 8px 14px;
		background-color: #4A4A4A;
		transition: width .2s;
	}

	.header-search-2:before {
		float: left;
		padding: 5px 15px 0px 0px;
	}

	.header-search-2-open {
		width: 910px;
		line-height: 28px;
		transition: width .2s;
	}

	.utmost-desktop-search {
		width: 0%;
		left: 0;
		margin: 0px;
		padding: 0px;
		background-color: #4A4A4A;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-image-width: 0px;
	}

	.utmost-search-form {
		float: left;
	}

	.utmost-desktop-search-open {
		width: 800px;
		color: #fff;
		font-size: 16px;
		transition: width .2s;
	}

	.utmost-search-close {
		float: right;
		display: none;
		font-size: 22px;
		color: #fff;
		z-index: 99999;
		position: absolute;
		right: 18px;
		top: 19px;
	}

	.utmost-desktop-menu .social-icons {
		margin-right: 71px;
	}

	#user-account .navbar-nav li a.utmost-account-link {
		padding-bottom: 0px;
	}

	.utmost-header-nav .dropdown-menu li.active,
	.utmost-header-nav .dropdown-menu li.active a {
		background-color: #646B71;
	}

	.utmost-header-nav .dropdown-menu li.active a.check-icon::after {
		content: "\f121";
		font-family: 'Ionicons';
		position: absolute;
		right: 20px;
	}

	.utmost-signup-banner {
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 1400px) {
	#page-body .utmost-single {
		margin-left: auto;
		margin-right: auto;
		max-width: 1165px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
	.header-search-2-open {
		width: 773px;
	}

	.utmost-desktop-search-open {
		width: 650px;
	}

	.bookmark-journal {
		margin-right: 15px;
	}

	.utmost-header-nav {
		margin-left: 185px;
	}
}

@media only screen and (max-width: 991px) {

	.navbar-nav li.dropdown:hover .dropdown-menu,
	.navbar-nav li.dropdown.open .dropdown-menu {
		display: block;
	}

	#user-engagement {
		padding-right: 15px;
		padding-left: 15px;
	}

	.utmost-mobile-menu {
		position: fixed;
		z-index: 9999;
		background-color: #fff;
		width: 0px;
		height: 100vh;
		transition: width .2s;
		right: 0;
		float: none;
		overflow: scroll;
	}

	.utmost-mobile-menu.open {
		width: 300px;
	}

	.utmost-mobile-close {
		position: absolute;
		top: 20px;
		right: 20px;
		background: transparent url(../utmost-base/images/icon-close.png) no-repeat 50% 50%;
		height: 20px;
		width: 20px;
		z-index: 9999;
	}

	.utmost-sign-out-wrapper {
		float: right;
		list-style: none;
		padding: 15px 0;
	}

	.utmost-sign-out {
		padding: 15px 20px;
		background-color: transparent;
		color: #555;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 16px;
		text-align: right;
	}

	.utmost-sign-out:hover {
		color: #555;
	}

	.btn-donate {
		margin-top: 55px;
	}

	.btn-donate,
	.btn-donate:hover,
	.btn-subscribe {
		width: initial;
		font-size: 16px;
		background-color: #fff;
		border-radius: 0px;
		padding: 15px 20px;
		border: none;
		color: #FFB300;
		float: right;
		text-transform: uppercase;
		font-weight: bold
	}

	.btn-subscribe,
	.btn-subscribe:hover {
		color: #69AAE6;
	}

	.utmost-header-nav {
		text-align: right;
		float: right !important;
		font-size: 16px;
		text-transform: uppercase;
		margin-top: 0px;
	}

	#user-account .navbar-nav li a {
		color: #555;
		border: 1px solid #555;
		border-radius: 20px;
		margin-left: 20px;
		padding: 5px 12px;
		font-size: 16px;
		font-weight: bold;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.active>a:hover,
	#user-account .navbar-nav li a:hover,
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover {
		background-color: transparent;
		color: #555;
	}

	.menu-item .dropdown-menu,
	.menu-item .dropdown-menu li a {
		background-color: #999;
		color: #fff;
	}

	.menu-item .dropdown-menu>li>a:hover,
	.menu-item .dropdown-menu>li>a:focus,
	.menu-item .dropdown-menu li.active a,
	.navbar-default .header-nav>li.current-menu-parent>a {
		background-color: #646B71;
		color: #fff;
	}

	#user-account {
		position: absolute;
		top: -6px;
		z-index: 0;
		margin-top: 19px;
	}

	#user-account .navbar-nav {
		margin-bottom: 25px;
	}

	.utmost-mobile-menu .nav>li>a,
	.utmost-mobile-menu .nav>li>a:hover,
	.utmost-mobile-menu .nav>li>a:focus {
		padding: 15px 20px;
		background-color: transparent;
		color: #555;
		font-weight: bold;
	}

	.utmost-mobile-menu .nav>li>a>span,
	.utmost-mobile-menu .nav>li>a:hover span {
		color: #555;
		border-top-color: #555;
		border-bottom-color: #555;
	}

	.utmost-mobile-toggle .menu-text {
		color: #fff;
		float: right;
		font-size: 42px;
		margin-top: 0px;
		padding-right: 15px;
	}

	.search-wrapper {
		position: relative;
	}

	#header-search {
		margin-right: auto;
		margin-left: 0px;
		max-width: 255px;
	}

	#searchform input.form-control {
		max-width: 191px;
		border: none;
		box-shadow: none;
	}

	#searchform div.input-group-btn #searchsubmit {
		background-color: #fff;
		border-radius: 20px;
		border: 1px solid #878787;
		font-size: 22px;
		max-height: 35px;
		padding: 0px 7px;
	}

	.utmost-mobile-menu .dropdown-menu {
		position: relative !important;
		top: initial;
		left: initial;
		z-index: 1000;
		display: none;
		float: left;
		min-width: initial;
		padding: 5px 0;
		margin: 0px 0 0;
		font-size: 16px;
		list-style: none;
		background-color: #fff;
		border: none;
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-clip: padding-box;
		text-transform: initial;
		padding-top: 0px;
		padding-bottom: 20px;

	}

	.utmost-mobile-menu .dropdown-menu>li>a {
		padding: 5px 25px;
	}

	.menu-item .dropdown-menu,
	.menu-item .dropdown-menu li a {
		background-color: #fff;
		color: #555;
	}

	.bookmark-journal {
		float: right !important;
	}

	.bookmark-journal li {
		list-style: none;
		float: none !important;
	}

	.bookmark-journal li a {
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		color: #555;
		text-align: right;
		padding: 15px 25px;
	}

	.utmost-signin-slide {
		position: absolute;
		top: 0px;
		right: 1000px;
		background-color: #fff;
		height: 100vh;
		width: 100%;
		z-index: 9999;
		transition: right .2s ease-in-out;
	}

	.sign-in-close {
		text-transform: uppercase;
		font-size: 16px;
		color: #878787;
		border: 1px solid #878787;
		border-radius: 20px;
		position: initial;
		margin-top: 15px;
		margin-left: 10px;
		background-color: transparent;
	}

	.utmost-signin-slide.sign-in-open {
		right: 0px;
		transition: right .2s ease-in-out;
	}

	.utmost-search-close {
		display: none;
		color: #878787;
		position: absolute;
		top: 12px;
		left: 11px;
		background-color: #fff;
		font-size: 18px;
		height: 35px;
		width: 218px;
		z-index: 9;
		text-align: left;
		font-weight: 100;
		border-top: 1px solid #878787;
		border-bottom: 1px solid #878787;
		border-left: 1px solid #878787;
		padding-top: 4px;
		padding-left: 10px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}

	.ion-ios-search-strong:before {
		content: "\f4a4";
		float: right;
		margin-right: 54px;
		font-size: 23px;
		margin-top: 12px;
		border: 1px solid #878787;
		padding: 4px 8px;
		border-radius: 20px;
		position: absolute;
		right: 0px;
		z-index: 999;
		background-color: #fff;
		height: 35px;
	}

	.utmost-mobile-search {
		display: none;
		margin-top: 16px;
		height: 27px;
		background-color: #fff;
		margin-left: 20px;
		width: 0px;
		float: right;
		border-right: none;
		position: absolute;
		border-top: none;
		border-bottom: none;
		border-left: 1px solid #878787;
		text-align: right;
		padding-right: 10px;
		left: 23px;
		z-index: 99;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 169px;
		border-radius: 0px;
		font-size: 16px;
	}

	.header-search-2-open:before {
		background-color: #878787;
		color: #fff;
	}

	.utmost-ad-card .utmost-ad-text {
		bottom: 15px;
		left: 15px;
		max-width: 245px;
	}

	.navbar-nav li.dropdown .dropdown-menu {
		float: right;
		margin-bottom: 20px;
	}

	.utmost-header-nav .dropdown-menu li a:hover,
	.utmost-header-nav .dropdown-menu li:hover,
	.utmost-header-nav .dropdown-menu li:hover a {
		background-color: #fff;
		color: #555;
	}

	.utmost-header-nav .dropdown-menu li {
		background-color: #fff;
		padding: 4px 0px;
	}

	.utmost-header-nav .dropdown-menu li.active a.check-icon::before {
		content: "\f121";
		font-family: 'Ionicons';
		padding-right: 10px;
	}

	.utmost-header-nav .menu-item .dropdown-menu,
	.utmost-header-nav .menu-item .dropdown-menu li a {
		color: #555;
		background-color: #fff;
	}

	#utmost-reviews {
		text-align: center;
	}

	.social-icons {
		font-size: 20px;
		float: right;
		margin-right: 10px;
		margin-top: 19px;
		clear: initial;
		display: block;
	}

	.social-icons a i {
		color: #555;
	}

	.rbc-profiles-wrap.rbc-profiles-login input[type=submit].rbc-profiles-button,
	.rbc-profiles-wrap.rbc-profiles-login input[type=button].rbc-profiles-button {
		background-color: #646B71;
		border: none;
	}

	#login-modal input[type=button].rbc-profiles-button,
	#login-modal input[type=submit].rbc-profiles-button {
		font-size: 14px;
		font-weight: 100;
		text-transform: uppercase;
	}
}

@media only screen and (min-width: 768px) {
	.utmost-mobile-menu .utmost-header-nav>li {
		float: none;
	}

	.utmost-signup-banner {
		background-position: 40% 60%;
	}

	.navbar-nav li.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.utmost-ad-card .utmost-ad-text {
		bottom: 20px;
		left: 40px;
	}

	.utmost-btn.btn.btn-default {
		max-width: 198px;
		height: 40px;
		font-size: 16px;
		padding: 8px;
	}

	.utmost-ad-card .utmost-ad-text h2 {
		font-size: 15px;
		line-height: 17px
	}

	.utmost-ad-card .utmost-ad-text p {
		font-size: 15px;
		line-height: 17px;
	}

	.page-utmost-banner-quotes h4 {
		font-size: 18px;
	}

	.page-utmost-banner-quotes {
		max-width: 623px;
	}

	.search-container {
		max-width: 656px;
	}

	#user-engagement {
		padding: 0;
	}

	#page-body .utmost-single {
		margin-left: 0px;
		margin-right: 0px;
	}

	article.utmost-reading,
	#user-engagement-group {
		/*width: 85%;*/
		margin: auto 50px;
	}

	.page-utmost-content.container {
		max-width: 655px;
		padding: 16px;
	}

	.devo-body {
		background: #fff;
	}

	/*****Tablet Home page*****/
	#page-body .utmost-single {
		max-width: none;
		margin-left: 0px;
		margin-right: 0px;
	}

	.bottom-sharing {
		margin: 115px auto 85px auto;
	}

	.utmost-home-banner {
		height: 185px;
	}

	.utmost-banner-text {
		width: 85%;
		margin: auto;
		bottom: -40px;
	}

	.utmost-banner-btn {
		top: 38px;
	}

	#key-verse-box h4,
	#key-verse-box a {
		font-size: 19px;
	}

	.entry-date {
		top: 17px;
		padding-bottom: 23px;
	}

	/*****Tablet resource styles*****/
	.utmost-resource-btn {
		margin-top: -30px;
	}

	.utmost-resource-app {
		background-position: 15%;
	}

	.utmost-resource-app p {
		max-width: 530px;
	}

	.resource-banner {
		height: 366px;
		background-position: center 100%;
	}

	#user-account,
	#header-search {
		float: none;
	}

	.utmost-edition p {
		width: 357px;
	}

	/*****End resource*****/
	/*****Tablet footer styles*****/
	.menu-footer-nav-container {
		width: 423px;
		margin: auto;
	}

	footer#page-footer.no-signup .menu-footer-nav-container {
		position: initial;
		top: auto;
	}

	#footer-meta ul {
		padding-left: 0px;
	}

	/*****End footer*****/

	#utmost-reviews .reviews-excerpt {
		padding: 0px 200px 30px 200px;
	}
}

@media only screen and (max-width: 767px) {

	/** Email Slide In Styles **/
	.page-today-slide-sidebar .first-name,
	.page-today-slide-sidebar .last-name {
		padding-left: 0px;
		padding-right: 0px;
	}

	h3.signup-text-3 {
		font-size: 13px;
	}

	#page-body .row {
		margin-right: 0;
		margin-left: 0;
	}

	.admin-bar #main-nav {
		margin-top: 46px;
	}

	.navbar-nav {
		margin: 0;
	}

	.utmost-profile-form .half,
	.utmost-profile-form input.half,
	.utmost-profile-form select.half,
	.register-container #utmost-register.utmost-profile-form input.half,
	.register-container #utmost-register.utmost-profile-form select.half {
		max-width: 100%;
	}

	.utmost-profile-form .half:last-of-type {
		border-left: 0;
	}

	.register-container .btn-toolbar {
		padding-top: 47px;
		margin-left: -8px;
		margin-right: -8px;
	}

	.utmost-profile-form input,
	.utmost-profile-form select,
	.profile-container .input {
		font-size: 16px;
	}

	.register-container .btn-toolbar .btn.btn-primary {
		display: inline-block;
		min-width: 46%;
		/* Fallback if calc doesn't work for browser */
		min-width: calc(50% - 16px);
	}

	.utmost-ad-card .utmost-ad-text h2 {
		margin-bottom: 10px;
	}

	span.mobile-extra-margin {
		padding-bottom: 20px;
		display: inline-block;
	}

	/*********** Mobile Header**********/

	.header-search-2-open .utmost-mobile-search {
		width: 60%;
	}

	.utmost-search-close {
		width: 76%;
	}

	.utmost-mobile-toggle .menu-text {
		padding-right: 15px;
	}

	.utmost-home-banner {
		padding-left: 0px;
	}

	/**********End Mobile Header*********/
	.utmost-btn.btn.btn-default {
		max-width: 167px;
		height: 33px;
		font-size: 16px;
		padding: 4px;
	}

	.utmost-ad-card .utmost-ad-text h2,
	.utmost-ad-card .utmost-ad-text p {
		font-size: 17px;
		line-height: 24px
	}

	.search-container {
		padding-left: 5px;
		padding-right: 5px;
	}

	.utmost-ad-card {
		padding-top: 100%;
	}

	#user-engagement .btn-row {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		float: none !important;
	}

	#user-engagement .btn.btn-primary {
		min-width: calc(50% - 4px);
		margin: 8px 2px;
	}

	.utmost-mobile-menu.open {
		width: 100%;
	}

	.comment-body {
		padding-left: 0;
	}

	.comments-area .media-object {
		margin-left: 0;
	}

	/*.container {
		padding-left: 5px;
		padding-right: 5px;
		}*/
	.journal-text {
		margin-left: 25px;
		min-height: 40px;
		max-width: calc(100% - 65px);
	}

	.journal-remove-x,
	a.journal-toggle {
		margin-top: 15px;
	}

	p.journal-lesson-title {
		margin-top: 0;
		margin-bottom: 0;
	}

	#user-engagement {
		padding-top: 30px;
		padding-bottom: 60px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 45px;
	}

	#user-engagement #user-engagement-group.panel-group>.panel {
		margin-bottom: 0;
	}

	#user-engagement #user-engagement-group.panel-group>.panel:first-of-type {
		margin-bottom: 85px;
		border-radius: 0px;
	}

	.comment-guidelines {
		background: #3A3635;
		color: #fff;
		text-align: center;
		height: 140px;
		margin-top: 0px;
		padding-top: 10px;
	}

	.comment-guidelines a {
		color: #fff;
	}

	#comment {
		width: calc(100% - 13px);
	}

	#respond .comment-save {
		position: absolute;
		top: 135px;
		background: #E5E8EB;
		float: none !important;
		color: #646B71;
		width: 166px;
		height: 35px;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0;
		border-radius: 2px;
	}

	#respond #comment {
		font-size: 16px;
	}

	.must-log-in {
		margin-left: 12px;
	}

	#comments-content {
		position: relative;
		top: 20px;
	}

	#user-engagement {
		padding: 0px;
	}

	#user-engagement .panel-default>.panel-heading,
	.comment-list {
		margin-left: 10px;
		margin-right: 10px;
	}

	.timeline-row .timeline-banner {
		background: -webkit-radial-gradient(#ADADAF 2px, transparent 2px), -webkit-radial-gradient(#ADADAF 2px, transparent 2px), transparent;
		background-position: 8px 20px, 28px 30px;
		-webkit-background-size: 30px 30px;
		-moz-background-size: 30px 30px;
		background-size: 20px 20px;
		background-clip: content-box;
		width: 20px;
	}

	#utmost-reviews .reviews-title h3 {
		font-size: 23px;
		margin-bottom: -10px;
		margin-top: -5px;
	}

	#utmost-reviews .reviews-content p {
		font-size: 19px;
	}

	#utmost-reviews .reviews-excerpt {
		margin-bottom: 50px;
		margin-top: 70px;
	}

	.featured-img {
		float: right;
	}

	.featured-resource-wrapper div.resource-col {
		padding: 0;
	}

	.featured-title-mobile {
		font-family: 'Lato', sans-serif;
		font-size: 23px;
		color: #646B71;
		letter-spacing: -0.38px;
		font-weight: bold;
		margin-bottom: 20px;
		text-align: center;
		display: block !important;
	}

	.featured-title {
		display: none;
	}

	.featured-text {
		font-family: 'Lato', sans-serif;
		font-size: 19px;
		color: #3A3635;
		letter-spacing: 0;
		line-height: 29px;
		margin-bottom: 10px;
	}

	.featured-btn.btn.btn-default {
		background-color: #646B71;
		color: #fff;
		margin-top: 0px;
	}

	#user-engagement {
		margin-top: 0px;
	}

	#content .featured-resource-wrapper {
		margin: 0px 0px;
		padding-bottom: 60px;
	}

	#utmost-reviews {
		margin-top: 0px;
		padding-top: 50px;
	}

	.featured-btn.btn.btn-default {
		width: 118px;
	}

	#content .wisdom-title {
		font-size: 24px;
	}

	.utmost-signup-banner {
		background-position: 40% 60%;
		height: 485px;
	}

	.subscribe-page-wrapper .signup-banner-wrapper {
		left: 50%;
		transform: translate(-50%, -50%);
		bottom: auto;
		top: 50%;
	}

	.signup-banner-wrapper {
		padding: 0px 0px;
	}

	.signup-banner-text h1.signup-text-1 {
		font-size: 18px;
	}

	.signup-banner-text h2.signup-text-2 {
		padding: 0px 50px;
	}

	#banner-signup-form .subscribe-btn button {
		display: block;
		background-color: transparent;
		font-size: 16px;
	}

	#banner-signup-form {
		width: 295px;
		height: 280px;
	}

	/*
 *Utmost mobile homepage devotional styles
 *---------------------------------------------------
 */

	body.home,
	body.single-classic {
		background-color: #E5E8EB;
	}

	#page-body .utmost-single {
		background-color: transparent;
		margin-left: 5px;
		margin-right: 5px;
		padding: 0;
	}

	.devo-body {
		background: transparent;
	}

	.utmost-home-banner {
		background-image: url('//d197n5kam3wa4q.cloudfront.net/files/homeBannerMobile.png');
		background-position: center 30%;
		height: 177px;
	}

	.utmost-banner-text {
		top: calc(50% - 20px);
		width: 100%;
	}

	.utmost-banner-text p,
	.utmost-banner-text h2 {
		width: 237px;
	}

	.utmost-banner-text p.utmost-banner-text-1 {
		font-size: 19px;
		line-height: 20px;
	}

	.utmost-banner-text h2.utmost-banner-text-2 {
		font-size: 10px;
		width: calc(100% - 130px);
	}

	.utmost-banner-btn {
		bottom: 0px;
		font-size: 11px;
		position: absolute;
		right: 30px;
		margin: auto;
		width: 114px;
		height: 32px;
	}

	.devo-body .utmost-layout {
		background: #fff;
		background-image: url(./images/mountain-img.jpg);
		background-repeat: no-repeat;
		background-position: -1px 105%;
		background-size: 100%;
		padding-top: 10px !important;
		margin-top: -30px;
	}

	.utmost-devo-title .entry-title {
		font-size: 30px;
	}

	.utmost-devo-title h4 {
		font-size: 19px;
		margin-bottom: 28px;
		left: 30px;
		position: relative;
		width: calc(100% - 10px);
	}

	.utmost-devo-title {
		text-align: left;
		/*margin-left: -15px;
		margin-right: -15px;*/
	}

	#utmost-signup-wrapper form .row {
		margin-left: 0;
		margin-right: 0;
	}

	#footer-nav ul {
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
	}

	#footer-menu .row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.post-content p {
		font-size: 19px;
		line-height: 31px;
	}

	#key-verse-box {
		margin-bottom: 12px;
		padding: 20px 10px;
		margin-left: -15px;
		margin-right: -15px;
	}

	.post-content {
		margin: auto;
	}

	.bottom-sharing {
		margin: 30px auto 65px auto;
	}

	.bottom-sharing .sharedaddy .fa {
		font-size: 30px;
	}

	.bottom-sharing p {
		font-size: 19px;
		width: 180px;
		margin: auto;
	}

	.bottom-sharing .ion-printer,
	.bottom-sharing .odb-share-print {
		display: none;
	}

	.bottom-sharing .sd-content ul li {
		margin: 0px;
	}

	.bottom-sharing .sd-content ul li a.sd-button {
		padding: 1px 8px 0 8px;
	}

	.bible-year-wrap {
		position: relative;
		bottom: 25px;
		margin-top: 50px;
	}

	#bible-in-a-year-box {
		position: initial;
	}

	/*End Homepage devo styles*/
	/*Utmost mobile calendar styles*/
	#home-calendar,
	.entry-date,
	#home-calendar #wp-calendar {
		width: 100%;
	}

	.entry-date {
		padding-bottom: 2px;
		top: 11px;
	}

	.utmost-devo-title.col-sm-12 {
		padding-right: 0px;
		padding-left: 0px;
	}

	#home-calendar #wp-calendar td a {
		height: 30px;
		width: 30px;
		padding: 0px;
	}

	/*End calendar styles*/
	.timeline-banner .timeline-date.has-icon {
		transform: translate(-13px, -50%);
	}

	.timeline-row .timeline-banner.today .timeline-date {
		transform: translate(-7px, -50%);
	}

	.timeline-item-content img {
		max-width: inherit;
	}

	.timeline-item-content.no-content {
		left: 0;
		transform: translate(0, -50%);
		padding: 0;
	}

	.timeline-item-image {
		min-height: 300px;
		/* Old Safari */
		object-position: cover;
		object-fit: cover;
		width: auto;
	}

	.timeline-item-content {
		width: auto;
		transform: translate(-0%, -50%);
		left: auto;
		padding-left: 15px;
	}

	.full .timeline-item-image {
		width: 100%;
	}

	.today .timeline-item-image {
		min-height: 600px;
	}

	.timeline-item-content p.timeline-today {
		font-size: 16px;
	}

	.page-utmost-content.container {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.page-utmost-wrapper p {
		padding-left: 0px;
		padding-right: 0px
	}

	.page-utmost-banner {
		height: 320px;
		padding: 75px 0 0 0;
	}

	.page-utmost-banner-quotes,
	.page-utmost-banner-quotes p {
		font-size: 19px;
		line-height: 23px;
	}

	.page-utmost-banner-quotes {
		padding-left: 10px;
		padding-right: 10px;
	}

	.page-utmost-banner-quotes p {
		margin-bottom: 0;
	}

	.page-utmost-banner-quotes h4 {
		font-size: 9px;
	}

	img.mobile-flip {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	.mobile-banner-white {
		color: #fff !important;
	}

	.timeline-row.reverse-row {
		flex-direction: row-reverse;
	}

	.timeline-row .timeline-banner .timeline-date {
		font-size: 16px;
	}

	.timeline-item-content>p,
	.timeline-item-content>h4 {
		text-align: left;
	}

	.full .timeline-item-content>p,
	.full .timeline-item-content>h4 {
		margin: 0;
	}

	.full .timeline-item-content {
		left: 75px;
		transform: translate(0, -50%);
	}

	.today .timeline-item-content {
		transform: initial;
		margin-top: -15px;
	}

	.timeline-row.full.today .timeline-item-content>p {
		margin-left: 0;
	}

	/***Resource mobile styles***/
	.resource-banner {
		height: 255px;
		background-position: center 100%;
	}

	.utmost-content {
		width: 95%;
		margin: auto !important;
	}

	.utmost-content div {
		bottom: 30px;
		padding-top: 1px;
		width: 95%;
	}

	.utmost-content h1 {
		font-size: 19px;
		line-height: 22px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.utmost-content p {
		width: 95%;
		line-height: 31px;
	}

	.um-resource-btn {
		margin-top: 70px;
		margin-bottom: -50px;
	}

	.utmost-resource-app {
		height: 583px;
		text-align: center;
		background-image: url(//d1aeh7hxqn8xf9.cloudfront.net/wp-content/uploads/2017/07/mobileAppAd.png);
		background-position: 10% 100%;
		background-size: cover;
	}

	.utmost-resource-app h1,
	.utmost-resource-app p {
		font-size: 19px;
		color: #646B71;
		margin-left: auto;
		margin-right: auto;
	}

	.utmost-resource-app h1 {
		margin-top: 78px;
		margin-bottom: 10px;
	}

	.utmost-resource-app p {
		line-height: 24px;
	}

	.utmost-app-badge-row .utmost-app-badge {
		width: 100%;
	}

	.utmost-edition h1 {
		margin-top: 48px;
		margin-bottom: 55px;
	}

	.utmost-edition p {
		width: 80%;
	}

	.utmost-book {
		position: relative;
		margin-left: 0px;
	}

	.utmost-book img {
		width: 40%;
		height: auto;
	}

	.utmost-edition-left,
	.utmost-edition-right {
		margin-bottom: 55px;
		height: initial;
	}

	/****End Resource Styles****/
	/*****Mobile footer styles*****/
	#footer-menu {
		margin-top: 43px;
	}

	#page-footer {
		height: 344px;
	}

	.sign-up-text {
		width: 230px;
		padding: 0px;
		margin-top: -25px;
		margin-bottom: 17px;
	}

	.sign-up-text h3 {
		font-size: 16px;
	}

	.menu-footer-nav-container {
		width: 260px;
		margin: auto;
	}

	footer#page-footer.no-signup .menu-footer-nav-container {
		position: initial;
		top: auto;
	}

	#footer-meta ul {
		padding-left: 0px;
	}

	.utmost-signup-button input {
		width: 240px;
	}

	.utmost-signup-button button {
		width: 120px;
	}

	#banner-signup-form #container_EMAIL {
		width: 267px;
		display: block;
		margin-top: 0px;
		margin-left: 13px;
		margin-bottom: 0px;
		float: left;
		padding-top: 2px;
	}

	#banner-signup-form #container_EMAIL input {
		border-radius: 2px;
	}

	#banner-signup-form .edition-select button,
	#banner-signup-form .edition-select button:hover {
		width: 268px;
		margin-left: 12px;
	}

	.signup-banner-form .form-group {
		margin-bottom: 4px;
	}

	#banner-signup-form .edition-select ul {
		margin-left: 12px;
	}

	#banner-signup-form .edition-select ul,
	#banner-signup-form .edition-select li {
		width: 268px;
	}

	.subscribe-btn-text {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.menu-footer-nav-container,
	#footer-meta a {
		font-size: 12px;
	}

	/*****End footer*****/
}

@media only screen and (min-width: 479px) and (max-width: 767px) {
	.utmost-layout {
		margin-left: 5px;
		margin-right: 5px;
	}
}

@media only screen and (max-width: 479px) {
	#content {
		padding: 0 5px;
	}

	/*
	 * Email Slide In Styles
	 * --------------------------------------------------
	 */

	.email-wrapper-in {
		max-width: 100%;
	}

	.email-header {
		font-size: 24px;
	}

	.email-header span {
		font-size: 28px;
	}

	#email-slide-in {
		position: fixed;
		width: 100%;
	}

	.email-wrapper-in {
		padding: 30px 40px;
		background-color: #4A4A4A;
		position: absolute;
		max-width: 600px;
		z-index: 99999;
		left: -600px;
		bottom: -325px;
		margin-top: -315px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.email-wrapper-out {
		left: 0px;
		bottom: 0px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.single-donate .jumbotron.donate-cause {
		background-position: 50% 00%;
		background-size: cover;
		min-height: 500px;
	}

	.page-today-slide-sidebar .email-wrapper-in {
		bottom: -550px;
		position: fixed;
	}

	.page-today-slide-sidebar .email-wrapper-in.email-wrapper-out {
		bottom: 0px;
		position: absolute;
	}

	.page-today-slide-sidebar {
		position: relative;
	}
}

@media only screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}

	.timeline-item-content>p {
		max-width: 225px;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 76%;
	}

	.utmost-search-close {
		width: 86%;
	}
}

@media only screen and (max-width: 460px) {
	.utmost-search-close {
		width: 83%;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 72%;
	}
}

@media only screen and (max-width: 414px) {
	.utmost-search-close {
		width: 80%;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 67%;
	}
}

@media only screen and (max-width: 375px) {
	.utmost-search-close {
		width: 79%;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 66%;
	}
}

@media only screen and (max-width: 360px) {
	.utmost-search-close {
		width: 77%;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 63%;
	}
}

@media only screen and (max-width: 320px) {
	.utmost-search-close {
		width: 74%;
	}

	.header-search-2-open .utmost-mobile-search {
		width: 60%;
	}
}

/* END UTMOST REDESIGN */

@media (min-width: 1265px) {
	.resource-banner {
		background-position: center 60%;
	}
}


/*Josh Maguire working notes:
 *
 * Use Chrome inspector mode: Emulate CSS Media: print to help debug
 * I also found it helpful to temperarily hide the post-content!!!
 *
 * Many of the commented out lines were here to begin with,
 * commenting them out made no real difference to the page.
 *
 * Some of the classes I couldn't figure out how to target.
 * For example, I wasn't able to cener the wisdom-title.
 *
 *
 * */
@media print {
	* {
		transition: none
	}

	/*Hide the following*/
	.entry-thumbnail,
	.bottom-sharing,
	/*#wp-admin-bar,*/
	/*.utmost-banner-text,*/
	.navbar,
	/*.bookmark-wrapper,*/
	/*.universal-share,*/
	/*.fb-like-button iframe,*/
	/*.home .textwidget,*/
	/*.topics-box,*/
	/*.featured-photo,*/
	/*.card-shareable-graphic,*/
	/*.panel-heading,*/
	/*#rbc-footer,*/
	/*#login-modal,*/
	/*.panel-footer,*/
	/*.wisdom-wrapper,*/
	.textwidget,
	.entry-footer,
	.panel-bottom,
	#user-engagement,
	.subscribe-container,
	.utmost-home-banner,
	.utmost-desktop-menu,
	.utmost-mobile-menu,
	.featured-resource-wrapper,
	.utmost-reviews,
	#utmost-reviews,
	#main-nav,
	.utmost-bottom-sidebar,
	.grecaptcha-badge,
	.utmost-signup-banner {
		display: none !important;
	}

	.print-only {
		display: block !important;
	}

	.calendar-toggle {
		text-align: right;
	}

	.entry-date {
		float: right;
	}

	.wisdom-wrapper.wisdom-title {
		text-align: center;
	}

	.utmost-reading {
		padding: 0px 15px;
	}

	.entry-date {
		width: 200px;
	}

	.excerpt-wrapper .panel {
		height: 250px;
	}

	#page-body {
		margin-top: 0px;
		padding-top: 0;
	}

	.container .utmost-view .utmost-layout {
		padding: 0 40px;
		width: 100%;
		margin: auto;
	}

	.post-content {
		margin-bottom: 55px;
	}

	.post-content p {
		line-height: 30px;
	}

	.post-content p,
	#key-verse-box h4,
	#key-verse-box a {
		font-size: 16px;
	}

	.utmost-devo-title .entry-title {
		font-size: 25px;
		margin-left: auto;
		width: 100%;
	}

	.utmost-devo-title h4 {
		font-size: 16px;
	}

	.wisdom-title,
	.wisdom-content p,
	.wisdom-content p *,
	.copy-text p {
		font-size: 16px;
		color: #646B71 !important;
		letter-spacing: 0;
		text-align: center;
	}

	.wisdom-content p {
		letter-spacing: 0;
		line-height: 31.8px;
	}

	.wisdom-wrapper {
		padding: 10px 0;
		border-top: 1px solid #E5E8EB;
		border-bottom: 1px solid #E5E8EB;
		margin-bottom: 25px;
		margin-top: 50px;
	}

	.bookmark-wrapper {
		display: none;
	}

	a[href]:after {
		content: none;
	}
}