/* 

=mobile
until 768px

=tablet
from 769px

=tablet-only
from 769px and until 1023px

=touch
until 1023px

=desktop
from 1024px

=desktop-only
from 1024px and until 1215px

=widescreen
from 1216px

=widescreen-only
from 1216px and until 1407px

=fullhd
from 1408px 

*/


html,
body {
    background: url(../img/background.png) repeat center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 17px;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.subtitle,
a {
    color: #c03;
}

a:focus,
a:hover {
    color: #c03 !important;
    text-decoration: underline;
}

a.button {
    color: unset !important;
}

.button.is-light {
    background: linear-gradient(to bottom, #fff 0%, #efefef 80%, #fff 100%) !important;
    border: 1px solid #d7d7d7;
    box-shadow: solid 1px 1px 1px #e4e4e4;
}

.is-centered-nav {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width:768px) {
    .hero.has-background {
        min-height: 20vh;
    }

    .select select:not([multiple]) {
        padding-right: 0 !important;
        width: 100%;
    }
}

.hero .text {
    position: relative;
    top: 4em !important;
}


/* Sidebar */


.menu {
    box-shadow: 1px 2px 4px 1px #aaa;
}


.menu-heading {
    box-sizing: content-box;
    font-weight: 700;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 8px 0 4px;
}

.menu ul li {
    padding: 0 !important;
    height: 100%;
    min-height: 2em;
    list-style-type: none;
    text-indent: 12px;
    background: #f5f38d;
    background: -moz-linear-gradient(top, #f5f38d 0, #f3fbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f38d), color-stop(100%, #f3fbbb));
    background: -webkit-linear-gradient(top, #f5f38d 0, #f3fbbb 100%);
    background: -o-linear-gradient(top, #f5f38d 0, #f3fbbb 100%);
    background: -ms-linear-gradient(top, #f5f38d 0, #f3fbbb 100%);
    background: linear-gradient(to bottom, #f5f38d 0, #f3fbbb 100%)
}

.menu ul li:hover {
    background: #ffe21f;
    background: -moz-linear-gradient(top, #ffe21f 0, #ffff75 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe21f), color-stop(100%, #ffff75));
    background: -webkit-linear-gradient(top, #ffe21f 0, #ffff75 100%);
    background: -o-linear-gradient(top, #ffe21f 0, #ffff75 100%);
    background: -ms-linear-gradient(top, #ffe21f 0, #ffff75 100%);
    background: linear-gradient(to bottom, #ffe21f 0, #ffff75 100%);
    font-weight: 700
}


.menu ul li a {
    display: block;
    width: 100%;
    min-height: 24px;
    color: #000;
    text-decoration: none;
    padding: 8px 0 2px;
}

.menu-heading {
    background: linear-gradient(to bottom, #c12d33 0, #c12d33 10%, #a70104 10%, #cc151a 100%);
}

.menu-block {
    background: linear-gradient(to bottom, #f5f38d 0, #f3fbbb 100%);
}

.menu-block a {
    color: #222;
}

.hero.has-background {
    min-height: 40vh;
    overflow: hidden;
    position: relative;
}

section .hero.has-background {
    min-height: 320px;
    overflow: hidden;
    position: relative;
}

section .hero-background {
    background-position: 50% 80% !important;
    object-fit: cover;
    position: absolute;
    width: 100%;
}


.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 10% 2rem;
}


.hero-body p {
    margin: 0 auto;
    display: block
}

@media screen and (min-width: 833px) {
    .hero.is-medium .hero-body {
        padding: 6rem 2rem !important;
    }
}

@media screen and (max-width:1024px) {
    .hero.has-background {
        max-height: 40vh;
        min-height: 32vh;
    }
}

.hero-background {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    width: 100%;
}

.is-transparent {
    background-color: transparent;
}

.hero-body .title,
.hero-body .subtitle {
    color: aquamarine !important;
}

.has-background-white {
    border: 1px dotted red;
    z-index: 100;
}


.red {
    color: #c03 !important;
}

.moon {
    border: 1px solid #c03;
    border-radius: 0;
    padding: 2px !important;
}

.moon .card {
    background-color: black;
    border: 1px solid #444;
    border-radius: 0;
    color: #efefef;
    padding: 1px;
}

.moon table {
    background-color: black;
    color: white;
    font-size: 90%;
}

.moon .moon-image {
    width: 50%;
}

.lightred {
    color: #c03;
}


.box.border-red,
.box-tecniche-guarigione {
    border: 2px ridge red;
    border-radius: 2px;
}

fieldset.box {
    background-color: #faf6b9 !important;
}

fieldset {
    background-color: #faf6b9 !important;
    background-size: 100% 100%;
    background-clip: border-box;
    height: 100% !important;
    background: url(//www.sciamanesimo.org/img/forms/gradiente.png) repeat-x scroll center top #faf6b9;
    border: 2px solid #c92c2c !important;
    background-origin: border-box;
}




input.button {
    min-width: 96px
}


/* .login .box {
    background-color:initial;
    padding:1.25rem 0
}

.login .box .field {
    padding: 0 1.25rem
} */
form fieldset legend {
    font-size: 18px;
}

fieldset legend {
    font-weight: 700;
    background: #fff;
    padding: 0 .2rem;
    margin: 0;
    margin-left: -.2rem;
}


.footer {
    background: transparent !important;
    padding-bottom: 1rem !important;
}

.cookieBanner {
    bottom: 0;
    display: block;
    left: 0;
    min-width: 100%;
    position: fixed;
}

.has-image {
    /* width: 100%; */
    /* max-height: 400px; */
    background-size: cover !important;
    background-position: bottom center !important;
    background-size: cover;
}

.has-image .title {
    text-shadow: 1px 1px 3px #444;
}

.has-image .subtitle {
    text-shadow: 1px 1px 3px #444;
}



/* EVENTI */


.evento-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 1em;
    margin-bottom: 1em;
}

.evento-box-left {
    flex-direction: column;
    width: 46px;
    height: 64px;
    margin: 0 1em 1em 0;
    text-align: center;
    align-self: flex-center;
}

.evento-box-right {
    margin: 0;
    width: 100%;
}

.eventi-title {
    margin: 0;
    padding: 0;
}

.eventi-subtitle {
    margin: .2em 0;
    padding: 0;
    color: #222;
    font-weight: 400;
    font-style: normal;
}






* {
    /* -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important; */
    text-rendering: optimizelegibility !important;
    /* letter-spacing: .03em; */

}

p {
    line-height: calc(1ex / 0.32);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* width: 60ch;  */
    /* max-width: 100%; */
    /* hyphens: auto; */
}

/* article {
    --red: 230;
    --green: 230;
    --blue: 230;
    --aa-brightness: calc((
        (var(--red) * 299) +
        (var(--green) * 587) +
        (var(--blue) * 114)
    ) / 1000;
    --aa-brightness: calc((
    (var(--red) * 299) +
    (var(--green) * 587) +
    (var(--blue) * 114)
) / 1000);


    --aa-color: calc((var(--aa-brightness) - 128) * -1000);
    background: rgb(var(--red), var(--green), var(--blue));
    color: rgb(var(--aa-color), var(--aa-color), var(--aa-color));
} */







/* Typography defalts */


h3 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.125;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem
}


.column .columns {
    display: inline-block !important
}

.evento-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding: 0;
}


.evento-box-left {
    flex-direction: column;
    width: 46px;
    min-height: 84px;
    margin: 0 1em 1em 0;
    text-align: center;
    align-self: flex-center;
}

.startdate_day {
    display: table;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 0;
    font-size: 1.725em;
    align-content: top;
    color: #af002c;
    vertical-align: top;
    line-height: 1
}

.startdate_month {
    display: table;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    color: #af002c;
}

.customBtn {
    display: inline-block;
    background: white;
    color: #444;
    padding: 0 1.25rem;
    margin: 0.25rem;
    border-radius: 5px;
    border: thin solid #888;
    white-space: nowrap;
}

.icon__google {
    background: url('../img/icons/g-normal.png') transparent 5px 50% no-repeat;
}


.icon {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}

.icon__facebook {
    background: url('../img/icons/f-normal.png') transparent 5px 50% no-repeat;
}

.buttonText {
    display: inline-block;
    vertical-align: middle;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

form {
    position: relative;

}

/* form .separatore {
    background: url(//www.sciamanesimo.org/img/forms/separatore.png) repeat-x scroll center bottom transparent;
    position: absolute;
    left: 0;
    top:em;
    height: .2em;
    margin: 0 0 1em;
} */


/* form .separatore {
    background: url(//www.sciamanesimo.org/img/forms/separatore.png) repeat-x scroll center bottom transparent;
    position: absolute;
    left: 0;
    top:em;
    height: .2em;
    margin: 1rem 0 1rem;
} */

.separatore {
    background: url(//www.sciamanesimo.org/img/forms/separatore.png) repeat-x scroll center bottom transparent;
    width: 100%;
    /* position: absolute; */
    /* left: 0; */
    /* top:0; */
    height: .2em;
    margin: 1.25rem 0 1.25rem;
}



#atermine {
    display: none;
    width: 320px;
    margin: auto;
    background: snow;
    position: absolute;
    top: 2.3em;
    left: 0;
    right: 0;
    margin: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 100;

    border-top: none !important;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: 0 auto 1em;
    box-shadow: inset 0px 2px 2px 0px #bbb;


}

form label.required:after {
    content: '*';
    position: absolute;
    padding: 0 0 0 4px;
    color: #c03;
}

legend {
    color: #c03;
    font-weight: 700;
    background: 0 0;
    margin: 0 1em;
}


.login .column {
    margin-left: auto;
    margin-right: auto;
}


.edit-icon {
    max-width: 36px;
}

/* 
.container-actions img {
    border:1px solid blue;
    border-radius:50%;
    padding:2px;  
} */

.container-actions {
    display: flex;
    /* border:1px solid red; */
    /* left: 25% !important;  */
    /* position: absolute;  */
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    opacity: 0.4;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}



.divider {
    /* background: url(//www.sciamanesimo.org/img/forms/separatore.png) repeat-x scroll center bottom transparent; */
    position: relative;
    display: flex;
    align-items: left;
    width: 50%;
    margin: 1.25rem 0 1.25rem;
    border-top: 1px solid #888;
    border-radius: 50%;
}

/* .divider::after {
    position: absolute;
    content:'';
    top:1px;
    box-shadow: 1px 1px 2px #000 ; 
} */

.is-small-caps {
    font-variant: small-caps !important;
}


/* .box {
    box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12)
  ; */





@media screen and (max-width: 832px) {
    .order-2-mobile {
        display: flex !important;
        flex-direction: column !important;
        order: 2 !important;
    }

    .order-1-mobile {
        display: flex !important;
        flex-direction: column !important;
        flex: 1;
    }


}



.aside-events li {
    margin-bottom: 1.25rem
}


main p {
    /* font-size: 17px; */
    margin-bottom: 0.5em;
}


.box-tecniche-guarigione,
.box-red-border {
    clear: both;
    display: inline-block !important;
    border: 2px solid #c03;
    padding: 0.5em;

}


.box-tecniche-guarigione.right,
.box-red-border.right {
    float: right;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 0em;
    margin-left: 0.5em;
    max-width: 200px;
}

.box-red-border.left {
    float: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    margin-left: 0em;
    max-width: 200px;
}

figure.left {
    float: left;
    margin-right: 0.5em;
}

figure.right {
    float: right;
    margin-left: 0.5em;
}

figcaption {
    font-style: italic;
    font-size: 0.8em;
}

h1 {
    font-size: 2rem;
}

h2,
h3,
h4,
h5,
h6 {
    font-size: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.125;
}


/* main div {
    border:1px dotted red;
}  */


.boxNotes {
    clear: both;
    max-width: 100%;
    /* margin: 2em 0.2em 3em; */
    padding: 1.25em;
    position: relative;
    background: rgba(254, 255, 239, 0.4);
    /*  .1 = 10% opaque green */
    border-radius: 4px;
    border: 1px dotted rgb(149, 203, 227);
    font-size: calc(100% - 2px);
}


.boxNotes h1,
.boxNotes h2,
.boxNotes h3,
.boxNotes h4,
.boxNotes h5,
.boxNotes h6 {
    margin-top: 0
}


.small-caps p {
    /* border:1px solid red; */
    font-variant: small-caps !important;
}


.lato p {
    /* border:1px solid red; */
    font-family: 'Lato', sans-serif !important;
}



.lora p {
    /* border:1px solid red; */
    font-family: 'Lora', serif !important;
}


.noto p {
    font-family: 'Noto Sans JP', sans-serif !important;
}

.open p {
    font-family: 'Open Sans', sans-serif !important;
}

.oswald p {
    font-family: 'Oswald', sans-serif !important;
}

.roboto p {
    font-family: 'Roboto', sans-serif !important;
}

.open p {
    font-family: 'Source Sans Pro', sans-serif !important;
}


.montserrat p {
    font-family: 'Montserrat', sans-serif !important;
    /* text-transform:uppercase; */
}


/* p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
} */


/* body {
    font-family: "Helvetica Neue","helvetica","arial",sans-serif;
    min-height: 100%;  
    background-color: #000;
    color: #fff;
    font-weight: 400;
    line-height: 23px;
} */


/* h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 23px; } h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 23px; } p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 23px; } blockquote { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 23px; } pre { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 23px; } */

/* 
p {
    margin: 0 0 1em;
} */


/* .checkbox label {
    padding: 0 8px;
    padding-left: 0.4em;
    margin-right: 2em;
} */

.cms-page ul {
    padding: 1em 0;
}




.cms-page ul:not(.no-bullet) {
    list-style-type: disc;
    list-style-position: inside;

}



.is-danger {
    color:#c03
}



fieldset {
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


fieldset input.radio
{
    margin-left: 0;
    margin-right: 0.4em;
    display:inline-block
}


fieldset input.radio:nth-of-type(2)
{
    margin-left: 3.2em;
}

.newsletter .box {
    background-size: 100% 100%;
    background-clip: border-box;
    background: url(//www.sciamanesimo.org/img/forms/gradiente.png) repeat-x scroll center top #faf6b9;
    border: 1px solid #ccc !important;
}


.has-box-shadow {
    box-shadow: 1px 2px 4px 2px #888;

}


.social .link img {
    padding-right: 2px;
    padding-left: 2px;
}


.table.is-borderless td, .table.is-borderless th {
    border: 0;
   }

   .table__wrapper {
    overflow-x: auto;
  }