#zoom-notice,
#status-bar,
body.ios .print_btn_letter,
body.android .print_btn_letter,
body.ios .print-btn,
body.android .print-btn,
body.ios .lightbox-nav .btn-group,
body.android .lightbox-nav .btn-group {
	display: none;
}

body.ios #zoom-notice,
body.android #zoom-notice {
	display: block;
	font-size: 14px;
	text-align: center;
}

body.home.ios.has-notch footer {
	border-bottom: 22px solid var(--header-footer-color);
}

/* .landscape is only set on iPhones - then statusbar is ignored */
body.ios.landscape .modal.modal-lightbox {
	top: 0 !important;
}
body.ios.landscape .modal.modal-lightbox .modal-dialog {
    margin: 0 auto;
}
body.ios.landscape #status-bar {
    display: none;
}

/* modal close button below statusbar */
body.ios:not(.landscape) .modal:not(.modal-bottom):not(.modal-lightbox) .modal-content {
    margin-top: 20px;
    margin-bottom: 20px;
}
body.ios.has-notch:not(.landscape) .modal:not(.modal-bottom):not(.modal-lightbox) .modal-content {
    margin-top: 48px;
    margin-bottom: 48px;
}

body.ios:not(.landscape) #btn-scroll-to-bottom {
	top: 80px;
}
body.ios.has-notch:not(.landscape) #btn-scroll-to-bottom {
    top: 103px;
}

body.ios #status-bar {
	display: block;
	position: fixed;
	top: 0; /* required to actually overlay the native transparent status bar */
	left: 0;
	right: 0;
	height: 20px;
	background: var(--header-footer-color);
	z-index: 1200; /* above splashscreen (1100) and modals (1050, 1060) */
}

body.ios #header .row2 > .col-right-btn,
body.android #header .row2 > .col-right-btn {
	min-width: 40px;
}

body.ios #header .back-btn .fa-arrow-left,
body.android #header .back-btn .fa-arrow-left {
	margin-top: 9px;
}
body.ios #header .home-btn .fa-home,
body.android #header .home-btn .fa-home {
	margin-top: 8px;
}

/* disable transition to prevent flicker on iOS13+ */
body.ios.has-notch #lightbox-image {
	/*transition: none !important;*/
}



/* App Store Review Changes 2021.14.11 */
/* brand colors: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ */
/* dark blue: #007aff; */
/* light blue: #0a84ff; */

body.web.ios {
	/*padding-top: 20px;*/
}
body.web.ios #header {
	/*display: none;*/
}
body.web.ios #status-bar {
	display: none;
}

body.mobile .view-content {
	border-radius: 10px;
}

body.mobile footer {
    display: block;
}

#footer-mobile {
	display: flex;
	justify-content: center;
	font-size: 10px;
	border-top: 1px solid #ddd;
	background: var(--header-footer-color);
}

#footer-mobile > div {
	display: block;
	width: 100%;
	max-width: 100px;
}

#footer-mobile a {
	display: block;
	width: 100%;
	padding: 5px 0 2px 0;
	text-align: center;
	text-decoration: none;
	color: #888;
}
html.d2 #footer-mobile {
	background: #fff;
}
html.d2 #footer-mobile a:not(:hover) {
	/* matching svg icons */
	color: #B5B7C1;
}
#footer-mobile a:hover {
	color: #444;
}
#footer-mobile a .fas {
	font-size: 15px;
}

body.home #footer-mobile a.footer-btn-home,
body.favorites #footer-mobile a.footer-btn-fav,
body.mycontent_favorites #footer-mobile a.footer-btn-fav,
body.news #footer-mobile a.footer-btn-news,
body.more_privacy #footer-mobile a.footer-btn-priv,
body.more_more #footer-mobile a.footer-btn-more {
	color: #007aff; /* iOS dark blue */
}

html.d2 body.home #footer-mobile a.footer-btn-home,
html.d2 body.favorites #footer-mobile a.footer-btn-fav,
html.d2 body.mycontent_favorites #footer-mobile a.footer-btn-fav,
html.d2 body.news #footer-mobile a.footer-btn-news,
html.d2 body.more_privacy #footer-mobile a.footer-btn-priv,
html.d2 body.more_more #footer-mobile a.footer-btn-more {
	color: #B5B7C1;
	filter: invert(32%) sepia(74%) saturate(3708%) hue-rotate(201deg) brightness(103%) contrast(106%);
}

.home-tiles a .fa-chevron-right {
	display: none;
}

body.mobile #header .view-title {
    max-width: 100%;
    font-size: 1.25rem;
    color: #000;
}

html.d2 body.mobile #header .view-title {
	color: var(--text-color);
}

html.d1 body.mobile #header .view-title {
    color: #000 !important;
}

html.d1 body.mobile #header .row2 {
	flex-wrap: nowrap;
	justify-content: space-between;
}

@media (max-width: 899.98px) {
	html.d2 body.mobile #header .row2 {
/*		flex-wrap: nowrap;*/
/*		justify-content: space-between;*/
		padding: 1rem;
	}

	html.d2 body.mobile #header .row2 .col-left-btn {
/*		min-width: 75px;*/
	}
}

body.mobile.ios.has-notch footer {
	border-bottom: 22px solid var(--bg-color);
}

html.d2 body.mobile.ios.has-notch footer {
	border-color: #fff;
}

/*body.mobile #left-panel,*/
html.d1 body.mobile #right-panel {
	padding-bottom: 45px;
}

/*body.mobile.ios.has-notch #left-panel,*/
body.mobile.ios.has-notch #right-panel {
	padding-bottom: 67px;
}
html.d2 body.mobile.ios.has-notch .view-include {
	padding-bottom: 80px;
}

#back-btn-text {
	font-size: 0.85rem;
	display: none;
}
body.mobile #back-btn-text {
	display: inline-block;
	margin-left: 5px;
}

body.mobile #header .back-btn {
	display: flex;
	align-items: center;
}

body.mobile #header .back-btn .fa-arrow-left {
	margin: 0;
	font-size: 1.25rem;
}

body.mobile #header .btn,
body.mobile .header .btn,
body.mobile #btn-scroll-to-bottom {
	background: none;
	color: #007aff; /* iOS dark blue */
}
body.mobile.android #btn-scroll-to-bottom {
	top: 58px !important;
}
body.mobile.android #btn-scroll-to-bottom {
	top: 70px !important;
}
/*
body.mobile.ios #btn-scroll-to-bottom {
	top: 106px !important;
}
 */

body.mobile #header .back-btn .fa-arrow-left::before {
	content: "\f053"; /* chevron-left */
}

html.d1 body.mobile uib-accordion .card,
html.d1 body.mobile uib-accordion .card-header,
html.d1 body.mobile #favorites.favorites-plain li,
html.d1 body.mobile #favorites.favorites-plain li a,
html.d1 body.mobile #more-links a {
	border-radius: 12px !important; /* override main.css, which overrides bootstrap */
}

body.mobile #favorites.favorites-edit li,
body.mobile #favorites.favorites-edit li .w-100 > a {
	border-bottom-right-radius: 12px;
}

html.d1 body.mobile .navLevel1 > ul > li a,
html.d1 body.mobile .navLevel1>ul>li .menu-color {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

body.mobile .navLevel2 li a .menu-color {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}


body.mobile .home-tile {
    border-radius: 1rem;
    border-width: 4px;
    height: 100px;
}

body.mobile .home-tiles {
	width: 50%;
}

body.mobile .home-tiles a {
	width: 100%;
}


body.mobile .home-tiles {
	padding: 0.5rem 0.25rem 1rem 0.25rem; /* more padding-bottom for ios system footer */
}

body.mobile .home-tile {
	display: flex;
    height: 60px;
    align-items: center;
    padding: 5px;
}

@media (max-width: 575.98px) {
	body.mobile .home-tile {
		height: 50px;
	}
}

body.mobile .home-tiles a {
    width: 100%;
    text-decoration: none;
}


body.mobile .home-tiles a .fa-chevron-right {
	display: block;
	flex-grow: 1;
	text-align: right;
	padding-right: 10px;
}

body.mobile .home-tiles a .fa-chevron-down {
	padding-right: 7px;
}

body.mobile .home-icon {
	width: 50px;
	height: 100%;
}

body.home.mobile .home-tiles span.badge-danger {
	font-size: 0.8rem;
}

html.d1 body.ios .news-header .fas,
html.d1 body.android .news-header .fas {
	margin-top: 2px;
}

@media (max-width: 1099.98px) {

	body.mobile .home-tiles {
		width: 67%;
	}
}

@media (max-width: 899.98px) {

	body.mobile .view-content {
		border-radius: 0;
	}

	body.mobile #left-panel {
/*		padding-bottom: 40px;*/
	}

	body.mobile .view-include > uib-accordion > div {
		margin-top: 5px;
	}

	body.mobile.menu #left-panel,
	html.d1 body.mobile .view-include > uib-accordion > div,
	html.d1 body.mobile .view-include > div > uib-accordion > div,
	body.mobile #more-links {
		padding-left: 4px;
		padding-right: 4px;
	}

	html.d1 body.mobile .view-include > uib-accordion > div {
/*	html.d2 body.mobile .view-include > div > uib-accordion > div {*/
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	body.mobile #header {
		border-bottom: 1px solid #ddd;
	}
	html.d2 body.mobile #header,
	body.mobile.menu #header,
	body.mobile.more_more #header,
	body.mobile.favorites #header {
		border-bottom: 0;
	}

	body.mobile #header .row2 > .col-right-btn {
		flex-grow: unset;
	}

	html.d1 body.mobile #header .view-title {
	    text-align: center;
	}

	body.mobile #header.title-full .row2 > .col-left-btn {
		width: auto;
		order: 1;
	}
	body.mobile #header.title-full .row2 > .col-right-btn {
		order: 3;
	}

	body.mobile #header .row2 .col-left-btn {
		min-width: 65px;
	}

	html.d1 body.mobile #header .view-title {
		padding: 0 10px;
	}

	html.d2 body.mobile #header .view-title,
	html.d2 body.mobile #header .btn {
		color: #fff;
	}

	html.d2 body.mobile.menu-none #header .view-title,
	html.d2 body.mobile.more #header .view-title,
	html.d2 body.mobile.news #header .view-title,
	html.d2 body.mobile.favorites #header .view-title {
		color: var(--text-color);
	}
	html.d2 body.mobile.menu-none #header .btn,
	html.d2 body.mobile.more #header .btn,
	html.d2 body.mobile.news #header .btn,
	html.d2 body.mobile.favorites #header .btn {
		color: #007aff;
	}
}

@media (max-width: 767.98px) {

	body.mobile .home-tiles {
		width: 100%;
	}
}

@media (max-width: 575.98px) {

	body.mobile #left-panel,
	body.mobile #right-panel {
		/*padding-left: 2px;*/
		/*padding-right: 2px;*/
	}

	body.mobile.menu #left-panel,
	html.d1 body.mobile .view-include > uib-accordion > div,
	html.d1 body.mobile .view-include > div > uib-accordion > div {
		padding-left: 2px;
		padding-right: 2px;
	}

	body.mobile #header .view-title {
	    font-size: 1rem;
	}

	body.mobile #back-btn-text {
		display: none;
	}

	body.mobile.menu #back-btn-text,
	body.mobile.more_more #back-btn-text {
		display: inline-block;
	}

	body.mobile #header .row2 .col-left-btn {
		min-width: 40px;
	}

	#footer-mobile {
		justify-content: space-evenly;
	}

	#footer-mobile > div {
		max-width: 100%;
	}

	html.d2 body.mobile #header .row2 {
		padding: 1rem 0.5rem;
	}
}

@media (max-width: 400px) {
	body.ios #zoom-notice,
	body.android #zoom-notice {
		font-size: 12px;
		text-align: left;
	}
}

@media (min-height: 1100px) {
	body.mobile .home-tile {
		height: 80px;
	}
}