/* Reset i podstawowe style */
*,:after,:before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{margin:0;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6;color:#212529;text-align:left;background-color:#010822}
a{color:#3490dc;text-decoration:none;background-color:transparent}
a:hover{color:#1d68a7;text-decoration:underline}
h1,h2,h3,h4,h5{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}

/* Layout */
.h-100{height:100%!important}
.d-flex{display:flex!important}
.flex-column{flex-direction:column!important}
.flex-grow-1{flex-grow:1!important}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}

.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col,.col-12,.col-md-6,.col-lg-4,.col-lg-8,.col-xl-6{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{flex-basis:0;flex-grow:1;max-width:100%}
.col-12{flex:0 0 100%;max-width:100%}
@media (min-width:768px){
    .col-md-6{flex:0 0 50%;max-width:50%}
}
@media (min-width:992px){
    .col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
    .col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}
}
@media (min-width:1200px){
    .col-xl-6{flex:0 0 50%;max-width:50%}
}

/* Navbar */
.navbar{position:relative;padding:.5rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.navbar-main{background-color:#01040f;border-bottom:4px solid #011037;padding-top:1rem;padding-bottom:1rem}
.navbar-brand{display:inline-block;padding-top:.32rem;padding-bottom:.32rem;margin-right:1rem;font-size:1.125rem;line-height:inherit;white-space:nowrap}
.navbar-toggler{padding:.25rem .75rem;font-size:1.125rem;line-height:1;background-color:transparent;border:1px solid rgba(255,255,255,.5);border-radius:.25rem;color:#fff;cursor:pointer}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:100%}

/* Footer */
.footer-main{background-color:#01040f;border-top:4px solid #011037;padding-top:1rem;padding-bottom:1rem}
.mt-auto{margin-top:auto!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.text-muted{color:#6c757d!important}

/* Page */
.page .page-header{font-size:1.8rem;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid #252d44;color:#fff}
.page .page-subheader-italic{font-size:1.2rem;color:#fff;margin-bottom:1rem;font-style:italic}
.page .page-body{font-size:1rem;padding-top:1rem;padding-bottom:1rem;color:#fff}

/* Forms */
.form-group{margin-bottom:1rem}
.form-control{display:block;width:100%;height:calc(1.6em + .75rem + 2px);padding:.375rem .75rem;font-size:.9rem;font-weight:400;line-height:1.6;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control:focus{color:#495057;background-color:#fff;border-color:#a1cbef;outline:0;box-shadow:0 0 0 .2rem rgba(52,144,220,.25)}
.form-control::placeholder{color:#6c757d;opacity:1}
.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.6}
.form-check{position:relative;display:block;padding-left:1.25rem}
.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}
.form-check-label{margin-bottom:0;color:#fff}

/* Buttons */
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:.9rem;line-height:1.6;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}
.btn-primary{color:#fff;background-color:#2f4eb4;border-color:#2f4eb4}
.btn-primary:hover{color:#fff;background-color:#20357b;border-color:#20357b}
.btn-block{display:block;width:100%}

/* Utilities */
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mt-3{margin-top:1rem!important}
.mt-5{margin-top:3rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.d-none{display:none!important}
@media (min-width:992px){.d-lg-block{display:block!important}}
.align-items-center{align-items:center!important}
.align-self-center{align-self:center!important}
.highlighted{color:#f4d219}
hr{border:0;border-top:1px solid #232d46;margin-top:1rem;margin-bottom:1rem}

/* Horoscope specific */
.horoscope .form-create label{font-weight:700;font-size:1.1rem;white-space:nowrap;color:#fff}
.horoscope .form-create label.form-check-label{font-size:1rem;font-weight:400;white-space:normal}
.horoscope .form-create .form-control{padding:1.2rem .8rem;font-size:1rem}
.horoscope .form-create .form-check .form-check-input{margin-left:0}
.horoscope .form-create .form-check .form-check-label{margin-left:1.25rem}

/* Popover */
.popover-main-ecs{position:relative}
.popover-ecs{display:none;position:absolute;z-index:1060;color:#000;background-color:#fff;border:1px solid rgba(0,0,0,.2);padding:.75rem;font-weight:400;line-height:1.5;font-size:.875rem;border-radius:.3rem;box-shadow:0 0 1em #000}
.popover-ecs.show{display:block}
.popover-ecs.popover-hour{top:-150px;left:-250px;width:300px;height:150px}
@media (max-width:576px){.popover-ecs.popover-hour{top:-200px;left:-160px;width:250px;height:200px}}
.popover-ecs-trigger{cursor:pointer}

/* Charts */
canvas{max-width:100%;height:auto}