/* Your app styles here */
.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill {
  display: none;
}
.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: normal;
    margin: 0;
}
body, .md body {
    font-family: 'PT Sans';
    font-size: 16px;
    color: #3a3a3a;
}
.w-100 {
    width: 100%;
}
.md .list .material-icons {
    vertical-align: middle;
}
.md .toolbar {
    background-color: #3a3a3a;
}
.md .tabbar a.tab-link.tab-link-active, .md .tabbar-labels a.tab-link.tab-link-active, .md .tabbar a.tab-link.active-state, .md .tabbar-labels a.tab-link.active-state {
    background-color: #3F51B5;
}
.md .navbar .title {
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
}
.md .button {
    font-weight: bold;
}
.md .tabbar-labels.toolbar-bottom-md .tabbar-label {
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
}
.md .tabbar a.tab-link, .md .tabbar-labels a.tab-link {
    color: rgba(255,255,255,0.5);
}
.md .list .item-media + .item-inner {
    margin-left: 10px;
}
.md .list .item-text {
    color: #5a5a5a;
}
.md .navbar a:link {
    opacity: 0.5;
}
.md .navbar a:hover, .md .navbar a:focus, .md .navbar a:active {
    opacity: 1;
}
.badge {
    background-color: #808080;
}
.app-color {
    color: #3F51B5 !important;
}
#logo {
    max-height: 46px;
}
.md .navbar .title {
    width: 100%;
    text-align: left;
}
.md .navbar {
    height: 76px;
    background-image: url(../img/splash.jpg);
    background-size: cover;
    background-position: 50% 52%;
}
.md .navbar ~ * .page-content, .md .navbar ~ .page-content {
    padding-top: 76px;
}
.md .toolbar-bottom-md .tab-link-highlight, .md .messagebar .tab-link-highlight {
    bottom: 0;
    top: auto;
    display: none;
}
.md .list {
    margin: 20px 0;
}
.md .block {
    margin: 20px 0;
    padding: 0 10px;
}
.md .block-strong {
    padding: 10px;
}
.md .list .item-title {
    width: 100%;
}
.md .list .item-inner {
    padding-top: 3px;
    padding-bottom: 3px;
}
.md .list .item-content {
    padding-left: 10px;
}
.md #list-meditations .item-content {
    padding-left: 0;
}
.md .media-list .item-link .item-inner, .md li.media-item .item-link .item-inner {
    padding-right: 10px;
}
.md .media-list .item-inner, .md li.media-item .item-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}
.accordion-item-content {
    font-size: inherit;
}
.md .accordion-item .item-title img {
    margin-right: 10px;
}
.md .accordion-item-opened {
    background-color: lightyellow;
    background-color: #3a3a3a;
    color: #fff;
}
.md .accordion-item-opened .item-title {
    font-weight: bold;
    color: #3F51B5;
    color: #fff;
}
.md .accordion-item .item-title img.icon-white {
    display: none;
}
.md .accordion-item-opened .item-title img.icon-dark {
    display: none;
}
.md .accordion-item-opened .item-title img.icon-white {
    display: inline-block;
}
.iframe_youtube {
    display: inline-block;
    margin:0 auto;
    width: 280px;
    height: 280px;
}
#splash-screen {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	z-index: 9999;
    background-color: #3F51B5;
    color: #fff;
    text-align: center;
    /* padding-top: 25%; */
    background-image: url(../img/splash.jpg);
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    line-height: 1.75;
}
#logo-splash-screen {
    /* margin: 0 auto; */
    /* max-width: 240px; */
    /* margin-top: 75%; */
    max-width: 75%;
    margin-bottom: 15%;
    margin-top: 40%;
}
#splash-question {
    color: #3F51B5 !important;
    /* background: white; */
    background-color: rgba(255,255,255,0.9);
    width: 70%;
    border-radius: 10px;
    padding: 20px 10px;
    line-height: 1.5;
    position: relative;
    font-size: 1.75rem;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
}
#splash-question:after {
	top: 100%;
	left: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
    /* border-color: rgba(255,255,255,0.85); */
	/* border-top-color: #fff; */
	border-top-color: rgba(255,255,255,0.9);
	border-width: 15px;
	margin-left: -15px;

}
/* html.device-ios .statusbar {
    height: 20px;
    display: block;
    background: transparent !important;
} */
.item-banner {
    position: relative;
    padding: 16px;
    display: block;
    background-position: center;
    /* background-size: cover; */
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    /* color: #fff; */
    text-align: center;
}
.item-banner img {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
}

@media (min-width: 360px) {
    .iframe_youtube {
        width: 320px;
        height: 320px;
    }
}

/* media query for detecting standalone on chrome */
@media all and (display-mode: standalone) {

}