/*
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
*/

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;
 }
 .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 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 h2 {
 	width: 237px;
 }
 .utmost-banner-text h2.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;
 	}
 }