body, .md body {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 16px;
    background-color: #793fb5;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif', serif;
    font-style: italic;
    font-weight: normal;
}
h1 {
    /* font-size: 1.75em; */
    font-size: 2em;
    line-height: 1.75;
}
hr {
    margin: 50px 0;
    border-width: 0.5px;
    border-style: solid;
    border-color: 1px solid rgba(255,255,255, 0.25);
}
html.device-ios .statusbar, html.ios:not(.device-ios):not(.device-android) .statusbar, .statusbar {
    height: 0 !important;
}
.swiper-inner {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

-webkit-keyframes rotategradient {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0 0;
    }

}
-moz-keyframes rotategradient {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0 0;
    }
}
@keyframes rotategradient {
    0% {
        background-position: 0 0;
        /* background-size: 100%; */
    }
    50% {
        background-position: 100% 0%;
        /* background-size: 200%; */
    }
    100% {
        background-position: 0 0;
        /* background-size: 100%; */
    }
}

#view_inspirations .page-content, #view_questions .page-content, #view_intentions .page-content,
#view_affirmations .page-content, #view_qualities .page-content {
    background-size: cover;
    background-position: center;
}
#view_qualities_old .page-content {
    /* height: calc(100% - 72px - 56px); */
    height: calc(100% - 64px - 54px);
    padding-bottom: 0;
    padding-top: 0;
    /* top: 56px; */
    top: 54px;
}
.page {
    /* background-color: #3f51b5; */
}
.md .theme-dark .page, .page.md .theme-dark {
    /* background: transparent !important; */
}
.md .popup .page {
    background: transparent !important;

}
.md .toolbar.tabbar-labels.toolbar-bottom-md {
    background: transparent;
}
.md .navbar {
    height: 54px;
}
.md .navbar~* .page-content, .md .navbar~.page-content {
    padding-top: 54px;
}
#view_inspirations .page,
#popup_inspirations,
#popup_inspiration {
    /* background-image: url(/img/bg/1.png); */
    background-color: #3f51b5;
    background: -webkit-linear-gradient(bottom left, #3F51B5 0%, #793fb5 100%);
    background: -o-linear-gradient(bottom left, #3F51B5 0%, #793fb5 100%);
    background: linear-gradient(to top right, #3F51B5 0%, #793fb5 100%);
}
#popup_inspirations .navbar {
    background-color: #793fb5;
    background: -webkit-linear-gradient(left, #3F51B5 0%, #793fb5 100%);
    background: -o-linear-gradient(left, #3F51B5 0%, #793fb5 100%);
    background: linear-gradient(to right, #3F51B5 0%, #793fb5 100%);
    background: transparent;
}
.navbar, #view_inspirations .navbar {
    background: transparent;
}

#view_inspirations .page {
    -webkit-animation: rotategradient 4s ease infinite;
    -moz-animation: rotategradient 4s ease infinite;
    animation: rotategradient 4s ease infinite;
    background-size: 300%;
}


#view_questions .page,
#popup_questions,
#popup_answer {
    background-color: #3AAD82;
    background: -webkit-linear-gradient(bottom left, #3AAD82 0%, #3A93AD 100%);
    background: -o-linear-gradient(bottom left, #3AAD82 0%, #3A93AD 100%);
    background: linear-gradient(to top right, #3AAD82 0%, #3A93AD 100%);
}
#popup_questions .navbar {
    background-color: #3A93AD;
    background: -webkit-linear-gradient(left, #3AAD82 0%, #3A93AD 100%);
    background: -o-linear-gradient(left, #3AAD82 0%, #3A93AD 100%);
    background: linear-gradient(to right, #3AAD82 0%, #3A93AD 100%);
    background: transparent;
}
#view_questions .page {
    -webkit-animation: rotategradient 4s ease infinite;
    -moz-animation: rotategradient 4s ease infinite;
    animation: rotategradient 4s ease infinite;
    background-size: 250%;
}
#view_intentions .page,
#popup_intentions {
    background-color: #8854d0;
    /* background: -webkit-linear-gradient(bottom left, #8854d0 0%, #B754D0 100%);
    background: -o-linear-gradient(bottom left, #8854d0 0%, #B754D0 100%);
    background: linear-gradient(to top right, #8854d0 0%, #B754D0 100%); */

    background: -webkit-linear-gradient(bottom left, #3F98B5 0%, #836DCE 100%);
    background: -o-linear-gradient(bottom left, #3F98B5 0%, #836DCE 100%);
    background: linear-gradient(to top right, #3F98B5 0%, #836DCE 100%);
    /* background-color: #7f59b3; */
}
#popup_intentions .navbar {
    /* background-color: #B754D0;
    background: -webkit-linear-gradient(left, #8854d0 0%, #B754D0 100%);
    background: -o-linear-gradient(left, #8854d0 0%, #B754D0 100%);
    background: linear-gradient(to right, #8854d0 0%, #B754D0 100%);

    background-color: #633FB5;
    background: -webkit-linear-gradient(left, #3F98B5 0%, #633FB5 100%);
    background: -o-linear-gradient(left, #3F98B5 0%, #633FB5 100%);
    background: linear-gradient(to right, #3F98B5 0%, #633FB5 100%); */
    background: transparent;
}
#view_intentions .page {
    -webkit-animation: rotategradient 4s ease infinite;
    -moz-animation: rotategradient 4s ease infinite;
    animation: rotategradient 4s ease infinite;
    background-size: 250%;
}

#view_qualities .page,
#view_qualities,
#popup_qualities {
    background-color: #CE6D92;
    background: -webkit-linear-gradient(bottom left, #CE6D92 0%, #836DCE 100%);
    background: -o-linear-gradient(bottom left, #CE6D92 0%, #836DCE 100%);
    background: linear-gradient(to top right, #CE6D92 0%, #836DCE 100%);
}

#popup_qualities .navbar, #view_qualities .navbar, #tabbar.bg {
    background-color: #836DCE;
    background: -webkit-linear-gradient(left, #CE6D92 0%, #836DCE 100%);
    background: -o-linear-gradient(left, #CE6D92 0%, #836DCE 100%);
    background: linear-gradient(to right, #CE6D92 0%, #836DCE 100%);
    background: transparent;
}
#view_qualities .page {
    -webkit-animation: rotategradient 4s ease infinite;
    -moz-animation: rotategradient 4s ease infinite;
    animation: rotategradient 4s ease infinite;
    background-size: 250%;
}
#popup_qualities .page-content, #popup_intentions .page-content, #popup_inspirations .page-content, #popup_questions .page-content, #popup_answer .page-content {
    top: 54px;
    padding-top: 0;
    padding-bottom: 64px;
}

#view_meditations {
    
}
#view_meditations .page,
#popup_meditations,
#popup_meditations {
    /* background-image: url(/img/bg/1.png); */
    background-color: #3F98B5;
    background: -webkit-linear-gradient(left, #3F98B5 0%, #3F51B5 100%);
    background: -o-linear-gradient(left, #3F98B5 0%, #3F51B5 100%);
    background: linear-gradient(to top right, #3F98B5 0%, #3F51B5 100%);
}
#popup_meditations .navbar {
    background-color: #3F98B5;
    background: -webkit-linear-gradient(left, #3F98B5 0%, #3F51B5 100%);
    background: -o-linear-gradient(left, #3F98B5 0%, #3F51B5 100%);
    background: linear-gradient(to top right, #3F98B5 0%, #3F51B5 100%);
    background: transparent;
}
.navbar, #view_meditations .navbar {
    background: transparent;
}
#view_meditations .page {
    -webkit-animation: rotategradient 4s ease infinite;
    -moz-animation: rotategradient 4s ease infinite;
    animation: rotategradient 4s ease infinite;
    background-size: 250%;
}
#view_meditations .page-content {
    padding-left: 25px;
    padding-right:25px;
    text-align: center;
}
.block-video {
    padding-top:100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* border: 2px solid rgba(255,255,255,0.25); */
}
.block-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

/* #view_inspirations .page, #popup_inspirations .page, #popup_inspiration .page {
    background-color: #8854d0;
}


#view_affirmations .page, #popup_affirmations .page {
    background-color: #eb3b5a;
}
 */
#btns_inspiration, #btns_questions, #btns_intentions, #btns_qualities {
    position: absolute;
	bottom: 90px;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
    font-size: 1.5rem;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
#btns_inspiration.active, #btns_questions.active, #btns_intentions.active, #btn_inspiration_random.active, #btns_qualities.active {
    opacity: 1;
}
#btns_inspiration a, #btns_questions a, #btns_intentions a, #btns_qualities a {
    opacity: 0;
	-webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
#btns_inspiration.active a, #btns_questions.active a, #btns_intentions.active a, #btn_inspiration_random {
    opacity: 0.25;
}
#btn_inspiration_save, #btn_answer_save {
    color: #fff;
    opacity: 0.25;
    display: block;
    padding: 1rem;
}
#btn_inspiration_save:hover, #btn_inspiration_save:focus, #btn_inspiration_save:active,
#btn_answer_save:hover, #btn_answer_save:focus, #btn_answer_save:active
{
    opacity: 1;
}
#btns_inspiration a, #btns_questions a, #btns_intentions a, #btns_qualities a {
    color: #fff;
    padding: 0.5rem 1rem;
    opacity: .25;
}
#btn_question_pin, #btn_inspiration_random {
    opacity: 0.25;
}
textarea#inspiration, textarea#answer {
	width: 100%;
    font-family: 'PT Serif', serif;
    font-style: italic;
	font-weight: normal !important;
    font-size: 1.75em;
    line-height: 1.5;
	color: #fff;
    background-color: rgba(255,255,255,0.033);
	border-radius: 9px;
	text-align: center;
	padding: 0px;
	resize: none;
	border: 0;
	margin: 0 auto;
	max-width: 480px;
    /* -webkit-user-select:none; */
    border: 1px solid rgba(255,255,255,0.25);
}
textarea#answer {
    color: #fff;
    padding: 10px;
    text-align: left;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1.25;
    font-style: normal;
    -webkit-user-select:none;
}
textarea#inspiration:focus, textarea#answer:focus {
    color: #171717;
    background-color: #fff;
}
textarea#answer::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bbb;
}
textarea#answer::-moz-placeholder { /* Firefox 19+ */
    color: #bbb;
}
textarea#answer:-ms-input-placeholder { /* IE 10+ */
    color: #bbb;
}
textarea#answer:-moz-placeholder { /* Firefox 18- */
    color: #bbb;
}
textarea#answer:placeholder {
    color: #bbb;
}
.tab-link-highlight {
    display: none;
}
.md .padding {
    padding: 10px 25px !important;
}
.md #swiper_questions .padding {
    /* padding: 0 35px !important; */
    padding: 0 10px !important;
}
.md .theme-dark {
    color: #fff;
}
.md .color-theme-black a {
    color: #fff;
}
.md .navbar a.link {
    padding: 25px;
}
#link_lang {
    /* background-color: #fff; */
    /* color: #171717; */
    /* font-weight: bold; */
}
.link_lang {
    font-size: .9rem;
    font-weight: bold;
}
.md .theme-dark .page, .page.md .theme-dark {
    /* background-color: #2c3e50; */
    background-color: #3f51b5;
}
.md .color-theme-black .toolbar:not(.messagebar), .md .color-theme-black.toolbar:not(.messagebar) {
    /* background-color: #171717; */
    background-color: transparent;
}
.md .color-theme-black .navbar, .md .color-theme-black.navbar {
    /* background-color: #171717; */
    background-color: transparent;
}
.md .tabbar a.link, .md .tabbar a.tab-link, .md .tabbar-labels a.link, .md .tabbar-labels a.tab-link {
    font-size: 2.5em;
}
.md .tabbar a.tab-link, .md .tabbar-labels a.tab-link {
    color: rgba(255,255,255,.25);
    /* background-color: rgba(255,255,255,0.25); */
    background-color: transparent;
}
.md .tabbar-labels.toolbar-bottom-md {
    /* height: 72px; */
    height: 64px;
}
.md .toolbar-bottom-md.tabbar-labels~* .page-content, .md .toolbar-bottom-md.tabbar-labels~.page-content {
    /* padding-bottom: 72px; */
    padding-bottom: 64px;
}
.md .tabbar-labels.toolbar-bottom-md a.link, .md .tabbar-labels.toolbar-bottom-md a.tab-link {
    padding: .5rem 1rem;
}
.md .tabbar a.tab-link.active-state, .md .tabbar a.tab-link.tab-link-active, .md .tabbar-labels a.tab-link.active-state, .md .tabbar-labels a.tab-link.tab-link-active {
    color: #fff;
    background-color: transparent;
}
.md .messagebar:after, .md .toolbar-bottom-md:after, .md .navbar:after {
    display: none;
}
.md .navbar .link {
    opacity: 0.25;
}
.md .navbar .link:hover, .md .navbar .link:focus, .md .navbar .link:active {
    opacity: 1;
}
.md .navbar .title {
    opacity: 0.25;
    /* font-weight: normal; */
    /* font-size: 1.25rem; */
    margin: 0 0 0 25px;
    font-family: 'Alegreya Sans SC';
    font-weight: bold;
    font-size: 1.5rem;
}
.md .block {
    padding: 0 25px;
    margin: 25px 0;
}
.info-secondary {
    margin-top: 25px;
}
.info-secondary p {
    margin: 10px 0 20px 0;
}
.swiper-slide {

    overflow: auto;
    height: 100%;

}
.swiper-slide > div {
    /* overflow: auto; */
    /* display: block; */
    /* height: 100%; */
    margin: auto;
}
.swiper-container {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: 1.5s;
}
.swiper-container.swiping {
    transition-duration: 0s;
    opacity: 0;
}
#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;
    background-image: url(../img/splashscreen.jpg);
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 15% 0;
}
#splash-screen h1 {
    margin: 0;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-family: 'Alegreya Sans SC';
}
#splash-screen h2 {
    font-size: 2rem;
    /* margin-bottom: 50%;     */
    display: none;
}
#logo-splash-screen {
    /* margin: 0 auto; */
    /* max-width: 240px; */
    /* margin-top: 75%; */
    max-width: 25%;
}
.o-25 {
    opacity: 0.25;
}
.rotated {
    transform: rotate(15deg);
}
.iframe_youtube {
    display: inline-block;
    margin:0 auto;
    width: 280px;
    height: 280px;
}
@media (min-width: 360px) {
    .iframe_youtube {
        width: 320px;
        height: 320px;
    }
}