/*
Theme Name: ox21
Theme URI: https://oxjno.com/
Author: Oxjno
Author URI: https://oxjno.com/
Description: Theme for the latest restyling.
Version: 2021.1
*/


/*@import url(css/reset.css);*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Oswald:wght@200;400;700&display=swap');
:root {
    --green-dark: #0C383B;
    --green: #018181;
    --main-ultradark: #000F19;
    --grey-dark: #0B1118;
    --grey-light: #FBFBFB;
    --main-color: #dd0100;
    --red-light: #EB2220;
    --red-dark: #860100;
    --main-dark: #001625;
    --secondary-dark: #002849;
    --main-light: #fff;
    --secondary-grey: #3a4652;
    --secondary-light: #9BA9BA;
    --secondary-ultralight: #DEE2E8;
    --tertiary-blu:#0e5cff;
}

body {
    font-size: 16px;
}

body.home {
    /*background-image: linear-gradient(to right, var(--main-dark) 0%, var(--secondary-dark) 100%);*/
    /*background-color: var(--main-dark);*/
    /*color: var(--main-light);*/
}


/*@import url(css/typography.css);*/

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

::selection,
::-moz-selection {
    background: var(--main-color);
    color: #fff;
    -webkit-text-fill-color: #fff;
}

a {
    text-decoration: none;
    transition: all ease .3s;
    color: var(--main-color);
}

a:hover {
    color: inherit;
    text-decoration: none;
}

.negative {
    color: #fff;
}

.btn {
    width: auto;
    transition: 0.25s;
    background: none;
    border: 0;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em 0;
    display: inline-block;
    color: var(--main-color);
    margin-right: auto;
    font-weight: 700;
    font-size: 1.06rem;
}

.btn::after,
.btn.box::after {
    content: ' ';
    -webkit-mask: url('./assets/ico-arrow-next.svg') no-repeat 50% 50%;
    mask: url('./assets/ico-arrow-next.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--main-color);
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 .5rem;
    position: absolute;
    transition: all .2s ease;
}

.btn:hover::after,
.btn.box:hover::after {
    background-color: var(--main-color);
    margin-left: 1rem;
}

.negative .btn::after,
.btn.box::after,
.btn.box:hover::after {
    background-color: #fff;
}

.negative .btn:hover::after {
    background-color: var(--main-color);
}

.btn.box {
    width: auto;
    transition: 0.25s;
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em 4rem 1rem 2rem;
    display: inline-block;
    border-radius: 0;
    color: #fff;
    background: var(--main-color);
    border-color: var(--main-color);
    border-radius: 5px;
    -webkit-perspective: 100px;
    perspective: 100px;
}

.negative .btn,
.negative a {
    color: #fff;
}

.negative .btn.box {
    border-color: #fff;
    color: var(--main-color);
    background: #fff;
}

.btn:hover,
.btn:focus {
    color: var(--main-color);
}

.btn.box:hover,
.btn.box:focus {
    border-color: var(--main-color);
    box-shadow: inset 0 -4em 0 0 var(--main-color);
    color: #fff;
}

.negative .btn:hover,
.negative .btn:focus {
    color: var(--grey-light);
}

.negative .btn.box:hover,
.negative .btn.box:focus {
    border-color: var(--main-color);
    box-shadow: inset 0 -4em 0 0 var(--main-color);
    color: #fff;
}


.yellow.btn.box {
    border-color: #FFD30E;
    color: #000;
    background: #FFD30E;
}
.yellow.box.btn::after{
    background-color: #000;
    color:#000;
}
.yellow.btn.box:hover,
.yellow.btn.box:focus {
    border-color: #FFD30E;
    box-shadow: inset 0 -4em 0 0 #FFD30E;
    color: #000;
}

.top-home.sticky-top .btn.box{
    margin: 0;
    pointer-events: all;
}

@media only screen and (max-width: 760px) {
    .top-home .btn.box{
        padding: 1em 3rem 1rem 1rem;
    }
}
.top-home.sticky-top {
    top: 2px;
    z-index: 1020;
    pointer-events: none;
}
@media only screen and (max-width: 760px) {
.top-home.sticky-top {
    top: 72px;
    background-image: linear-gradient(to right, var(--main-dark) 0%, var(--secondary-dark) 100%);
    z-index: 10;
  }
}

.menuContainer{
    z-index: 1021;
}

.negative .btn:hover::after {
    background-color: var(--main-color);
}
/*
### BLOCKS GENERAL RULES ###
*/


/* Core blocks wrapped in boostrap */

.wp-block-paragraph {
    margin: 1rem auto;
}

.wp-block-quote address, .wp-block-quote cite, .wp-block-quote var {
    font-style: italic;
    font-size: 1.2rem;
    line-height: 1.6rem;
    border-left: 4px solid var(--main-color);
    display: block;
    padding: .5rem;
  }

.wp-block-image img {
    width: 100%;
    height: auto;
}
ol, ol li {
    list-style: decimal;
}

.wp-block-embed-twitter {
    padding: 2rem 0;
}

/*.card-big:nth-child(2n+1) .row .row {
    display: flex;
    flex-direction: row-reverse;
}*/


/*.container~.card-big:nth-child(2n) .row .row {
    display: flex;
    flex-direction: row-reverse;
}*/

.more {
    position: relative;
    color: var(--blu-dark);
    text-decoration: none;
    font-size: 1rem;
    display: inline-block;
    padding: 0.5em 2rem;
    border: 2px solid var(--blu-dark);
    transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
    margin-right: auto;
    z-index: 2;
}

.more::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background: var(--blu-dark);
    transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1);
    z-index: 1;
}

.more::after {
    content: "";
    display: inline-block;
    background-image: url(assets/arrow-negative.svg);
    position: absolute;
    z-index: 2;
    top: 0;
    left: calc(100% - 3em);
    right: 3rem;
    bottom: 0;
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--blu-dark);
    transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
}

.more:hover {
    color: var(--blu-dark);
    padding: 0.5em 3.5em 0.5em 0.5rem;
}

.more:hover::before {
    left: calc(100% - 3em);
    right: 0;
    transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}

.more:hover::after {
    right: 0;
    transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}


/**/

.negative .more {
    color: #fff;
    border-color: #fff;
}

.negative .more::before {
    background: #fff;
}

.negative .more::after {
    background-image: url(assets/arrow.svg);
    background-color: #fff;
}

.negative .more:hover {
    color: #fff;
}


/* Discover more  (es. news section title) */

.title-more {
    opacity: 1;
    outline: 0;
    color: var(--blu-dark);
    position: relative;
    text-align: left;
    letter-spacing: 1px;
    display: inline-block;
}

.title-more:after {
    opacity: 0;
    width: 100%;
    display: block;
    transition: 0.3s;
    color: var(--blu-dark);
    content: attr(data-back);
    transform: translateY(-50%) rotateX(90deg);
    font-size: 1rem;
    text-align: left;
}

.title-more:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0);
    color: var(--blu-mediumlight);
}

.title-more:hover {
    color: var(--blu-mediumlight);
}


/**/

#top-menu {
    color: #fff;
    background-color: var(--main-dark);
    border-bottom: 1px solid var(--secondary-light);
    height: 4.5rem;
}


/* Menu */

#mainMenuBtn {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
}

#mainMenuBtn svg {
    fill: var(--grey-light);
    transition: all .2s;
    width: 1.5rem;
    height: 1.5rem;
}

#mainMenuBtn:hover svg {
    fill: var(--main-color);
}

nav .ico {
    margin-bottom: 2rem;
}

nav .ico svg {
    height: 3rem;
    fill: #fff;
}

nav .ico:hover svg {
    fill: var(--blu-light);
    stroke: var(--blu-light);
}

#desktop-menu a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: var(--main-color);
    transition: width .2s ease-in;
}

#desktop-menu li.current-menu-item a::after,
#desktop-menu a:hover::after {
    width: 100%;
}


/* END Menu*/


/* Search bar */
.search__wrapper{
    padding: .25rem;
    border-bottom: 1px solid var(--secondary-dark);
    transition: all .2s ease;
    display: flex;
}
.search__icon {
    width: 1rem;
}
.search__icon svg {
    fill: var(--secondary-light);
    transition: all .2s ease;
}
.search__icon:hover svg {
    fill: var(--main-light);
}
.search__field {
    background: transparent;
    border: 0;
}
.search__wrapper:focus-within {
    border-color:var(--main-light);
}
/*
.search-form input {
    border: 0;
}

.search * {
    outline: none;
    box-sizing: border-box;
}

.search__wrapper {
    position: relative;
}

.search__field {
    width: 50px;
    height: 50px;
    color: transparent;
    font-family: Lato, sans-serif;
    font-size: 1.35rem;
    padding: 0.35em 50px 0.35em 0;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: transparent;
    border-bottom: 1px solid var(--secondary-light);
}

.search__field:focus {
    width: 30rem;
    max-width: 40vw;
    color: var(--grey-ultradark);
    cursor: default;
    padding: 0 2rem 0 1rem;
    background-image: linear-gradient(to right, var(--grey-ultralight), var(--grey-ultralight) 80%, #fff 100%);
}

.search__field:focus~.search__icon {
    background-color: transparent;
    cursor: pointer;
    pointer-events: auto;
}

.search__icon {
    position: absolute;
    top: 1rem;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    pointer-events: none;
    display: inline-block;
}

.search__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--secondary-light);
}

.search__icon svg:hover,
.search__field:focus~.search__icon svg {
    fill: var(--main-light);
}

.search__field::-webkit-input-placeholder,
.search__field:-moz-placeholder,
.search__field::-moz-placeholder,
.search__field:-ms-input-placeholder {
    position: relative;
    top: 1rem;
    left: 0;
    -ms-transition-property: top, color;
    transition-property: top, color;
    transition-duration: 0.1s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
}

.search__field::-webkit-input-placeholder[style*=hidden],
.search__field:-moz-placeholder[style*=hidden],
.search__field::-moz-placeholder[style*=hidden],
.search__field:-ms-input-placeholder[style*=hidden] {
    color: var(--blu-light);
    font-size: 0.65rem;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
*/

/* END Search bar*/


/* ICONS */

.npo svg {
    width: auto;
    height: 2rem;
}

.ico {
    height: 1rem;
    width: 1rem;
}


/* END ICONS*/


/* HEADERS */

header .logo svg {
    height: 2.5rem;
    fill: #fff;
}

.highlight {
    background-image: linear-gradient(to left, #f36f22, #870100);
    clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0% 80%);
}
.highlight p {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

#hero {
    max-height: calc(100vh - 7rem);
    height: 100vh;
    padding-bottom: 4rem;
    position: relative;
}

#hero:before {
    content: "";
    display: inline-block;
    width: 100vw;
    height: 30vh;
    left: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(to bottom, transparent, var(--grey-dark));
}

#hero:after {
    content: "";
    display: inline-block;
    width: 100vw;
    height: 25rem;
    bottom: -25rem;
    left: 0;
    position: absolute;
    z-index: -1;
    background: var(--grey-dark);
}


/* end HEADERS */

.intro-row {
    min-height: 50vh;
    bottom: -50px;
    position: relative;
}

#intro {
    min-height: 50vh;
}

#introbox {
    background: linear-gradient(to left, var(--blu-dark), #015DE5);
    padding: 50px;
    bottom: -50px;
}

.news-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 20vh;
}

.news-card a {
    color: inherit;
    transition: .3s all;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 85%;
    background-size: 0px 2px;
}

.news-card a:hover {
    color: var(--blu-mediumlight);
    background-size: 100% 2px;
    background-image: linear-gradient( 90deg, var(--blu-mediumlight) 0%, var(--blu-ultralight) 100%);
    text-decoration: none;
}


/* FOOTER */

#preFooterHome {
    position: relative;
    background-image: linear-gradient( to top, var(--grey-light), var(--grey-light) 10%, transparent 40%);
    padding: 0;
}

@media only screen and (max-width: 760px) {
    #preFooterHome {
        padding-top: 10rem;
    }
}

.footer-menu li {
    padding-bottom: .5rem;
}

#postFooter {
    background: var(--main-ultradark);
    color: var(--grey-light);
    font-size: .8rem;
    padding: 1rem var(--bs-gutter-x, .75rem);
}

#postFooter a {
    color: inherit;
}

#postFooter a:hover {
    color: var(--main-light);
}

#follow {
    position: absolute;
    top: 0;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

#preFooterBG {
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
}

.container-fluid.footer {
    color: var(--main-light);
    background-color: var(--main-dark);
    border-top: 1px solid var(--secondary-light);
    padding-top: 4rem;
}

.footer.row {
    /* padding: 2rem var(--bs-gutter-x, .75rem); */
    padding: 2rem 0;
}

.footer .logo svg {
    fill: var(--main-light);
    width: 100%;
    height: auto;
    margin-top: .5rem;
}

footer ul {
    list-style: none;
    padding: 0;
}

footer li {}

footer a {
    color: var(--main-light);
    transition: all .2s;
}

footer a:hover {
    color: var(--main-color);
}

footer h5 {
    margin-bottom: 1.4rem;
    color: inherit;
}

.footer p {
    line-height: 1.5rem;
    font-size: .8rem;
}

.end-footer a {
    margin-right: 1.4rem;
}


/* end FOOTER */


/* SINGLE */

#single-header,
#archive-header {
    margin-bottom: 1rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#single-header{
    padding-top: 4rem;
}
#archive-header::after {
    content: '';
    background: linear-gradient(to right, var(--main-dark), var(--secondary-dark));
    position: absolute;
    z-index: -1;
    height: 25rem;
    width: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}
#single-header .container {
    position: relative;
    z-index: 2;
}

#single-header::after {
    content: '';
    background: linear-gradient(to right, var(--red-dark), var(--red-light));
    position: absolute;
    z-index: -1;
    height: 25rem;
    width: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}

#single-header.onlytitle::after {
    height: 15rem;
}

/*#single-header.no-stripe,
#single-header.no-stripe::after{
    display: none;
}*/
#single-header .iframeWrapper{
    /*Fallback for old safari*/
    position: relative;
    padding-bottom: 56.25% !important;
}
#single-header iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    /*Fallback for old safari*/
    position: absolute;
    
}
article .bitmovinplayer-container{
    display: none;
}

@media only screen and (max-width: 760px) {
    #single-header,
    #archive-header {
        min-height: 5rem;
    }
    #single-header {
        padding-top: 2rem;
    }
    #single-header::after {
        height: 15rem;
    }
    #single-header.onlytitle::after {
        height: 12rem;
    }
}

body.single  .cat {
    position: relative;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    display: inline-block;
    width: fit-content;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--main-light);
}
body.single  .cat::after {
    content: '';
    background: linear-gradient(to right, var(--red-dark), var(--red-light));
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
}

#single-header h1 {
    position: relative;
    z-index: 2;
    text-shadow: 2px 2px var(--main-dark);
}

.breadcrumb a {
    display: inline-block;
    margin: 0 1.4em 0 0;
    padding: 0 1.4em 0 0;
    position: relative;
    color: inherit;
}

.breadcrumb a::before,
.breadcrumb a::after {
    border-right: 1px solid #fff;
    content: '';
    display: block;
    height: 30%;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    transform: skewX(45deg);
}

.breadcrumb a::after {
    bottom: 20%;
    top: auto;
    transform: skewX(-45deg);
}

@media only screen and (max-width: 760px) {
    .breadcrumb {
        display: none;
    }
}


/*.breadcrumb a:last-of-type::before,
.breadcrumb a:last-of-type::after {
    display: none;
}*/

.single-thumbnail {
    position: relative;
    aspect-ratio: 16/9;
    background-position: center center;
    background-size: cover;
    /* fallback for old safari... */
    /*padding-top: 56.25%*/
}

.single-thumbnail:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    bottom: 1rem;
    position: absolute;
    background-color: var(--blu-light);
}

#pageIndex {
    position: absolute;
}

#pageIndex li {
    list-style: none;
    margin: 0 0 1rem 0;
}

#pageIndex p {
    font-size: .94rem;
}

article .embed-container:first-of-type {
    display: none;
}

.has-large-font-size {
    line-height: 1.2;
}

.metadata {
    color: var(--secondary-light);
    border-bottom: 1px solid var(--secondary-light);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}
.metadata small svg {
    width: 1rem;
    fill: var(--secondary-light);
}
.metadata .sharingBox {
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.metadata .sharingBox span {
    font-weight: 700;
}
.metadata .sharingBox ul {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.metadata .sharingBox li {
    margin-left: 1.2rem;
}
.metadata .sharingBox ul li a {
    background: var(--secondary-ultralight);
    padding: .5rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
}

.metadata .sharingBox ul li a svg {
    width: 1.2rem;
    fill: var(--main-dark);
}
.metadata .sharingBox ul li a:hover svg {
    fill: var(--main-color);
}

@media only screen and (max-width: 760px) {
    .metadata {
        flex-direction: column-reverse;
    }
    .metadata .sharingBox {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }
}



/* end SINGLE*/


/* Risultati ricerca */

.summary .element {
    border-bottom: 1px solid var(--grey-light);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.summary .image img {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
}
.summary .image{
    width: 40%;
    background-size: cover;
    background-position: center center;
    aspect-ratio: 16/9;
}
.summary .content {
    border-top: 2px solid var(--main-color);
    border-right: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
    background: var(--main-light);
    padding: 2rem;
    width: 60%;
}
.summary .content a {
    color: var(--main-dark);
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 400;
}
.summary  .cat {
    position: relative;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    display: inline-block;
    width: fit-content;
    font-size: .6rem;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--main-light);
    z-index: 1;
}
.summary  .cat::after {
    content: '';
    background: linear-gradient(to right, var(--red-dark), var(--red-light));
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
}
@media (max-width: 760px) {
    .summary .element{
        flex-direction: column;
    }
    .summary .image{
        width: 100%;
    }
    .summary .content{
        border-top: 0;
        border-left: 2px solid var(--main-color);
        border-right: 2px solid var(--main-color);
        border-bottom: 2px solid var(--main-color);
        background: var(--main-light);
        width: 100%;
    }
}

body.archive:not(.category-vacatures) article:first-of-type {
    position: relative;
    z-index: 3;
}
body.archive:not(.category-vacatures) article:first-of-type .element{
    flex-direction: column;
    width: 100% !important;
}
body.archive:not(.category-vacatures) article:first-of-type .image{
    width: 100%;
    /* Fallback old safari */
    /*padding-top: 56.25%;*/
}
body.archive:not(.category-vacatures) article:first-of-type .content{
    border:0;
    width: 100%;
    background-color: var(--main-dark);
    color:var(--main-light)
}
body.archive:not(.category-vacatures) article:first-of-type .content a{
    color:var(--main-light)
}
body.archive:not(.category-vacatures) article:first-of-type .content .summary .element {
    flex-direction: column;
}

/* category-vacatures */
/*body.archive.category-vacatures article:first-of-type .element{
    flex-direction: row;
}
body.archive.category-vacatures article:first-of-type .image{
    width: 40%;
    padding: 0;
}
body.archive.category-vacatures article:first-of-type .content{
    border-top: 2px solid var(--main-color);
    border-right: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
    background: var(--main-light);
    padding: 2rem;
    width: 60%;
}
body.archive.category-vacatures article:first-of-type .content a{
    color: var(--main-dark);
}
body.archive.category-vacatures article:first-of-type .content .summary .element {
    flex-direction: row;
}*/

@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    #videoBG {
        width: auto;
        height: 100%;
    }
}


/* Custom css for plugins */
/* Paytium*/
.pt-checkout-form {
    width: 100% !important;
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    justify-content: space-between;
    flex-flow: row wrap;
}
.pt-form-group{
    width: 48%;
}
.pt-checkout-form select,
.pt-checkout-form input {
    border: 1px solid var(--secondary-light);
    padding: .5rem;
    background: var(--main-light);
}
.pt-form-group label {
    font-weight: 400;
    font-size: .8rem;
}
.pt-form-group-total-amount {
    font-weight: bold;
    border: 1px solid var(--red-dark);
    text-align: center;
    padding: 1rem 0;
    width: 100%;
}
.pt-checkout-form button.pt-payment-btn {
    background: var(--red-dark);
    transition: all .2s ease;
}
.pt-checkout-form button.pt-payment-btn:hover {
    background: var(--main-color);
}

/* Forms */
label {
    font-weight: 400;
    font-size: .8rem;
    display: inline-block;
    margin-bottom: 5px;
}
select, input, textarea {
    border: 1px solid var(--secondary-light);
    padding: .5rem;
    background: var(--main-light);
    resize: none;
    width: 100%;
}
input[type="checkbox"], input[type="radio"]{
    width: auto !important;
}
#lostpass {
    border: 1px solid var(--main-color);
    padding: 1rem;
    margin-top: .5rem;
}
.success {
    background: #8eff97;
}
.warning {
    background: #FFD30E;
}
.notice{
    background: #ddffdd;
}
/* Animations */

.come-in {
    /*transform: translateY(150px);*/
    margin-top: 500px;
    opacity: 0;
    animation-delay: .8s;
    animation: come-in .8s ease forwards;
}


/*.come-in:nth-child(odd) {
    animation-duration: 0.6s;
}*/

@keyframes come-in {
    to {
        margin-top: 0px;
        opacity: 1;
        /*transform: translateY(0);*/
    }
}


/* Body */

.unLoader {
    transition: opacity 1s;
    background: #fff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 1;
}

.unLoader.hideme {
    transition: opacity 1s;
    opacity: 0;
    z-index: -10000;
}

body {
    animation: fadeInAnimation ease 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*Events*/
.event-details {
    line-height: 1.5rem;
    margin-top: 1rem;
    display: block;
  }
.event-details svg{
    display: inline-block;
    margin-right: .5rem;
    width: .6rem;
}

/*Recaptcha*/

.grecaptcha-badge {
    visibility: hidden;
}


/*Scroll + header*/


/*.body {
    scroll-margin-top: 10rem;
}*/


/* FOOTER  */

#backTop {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    padding: .75rem;
    border-radius: 8rem;
    box-shadow: 0px 0px 10px -5px var(--grey-dark);
    transition: all ease .3s;
}

#backTop svg {
    width: 1rem;
    fill: var(--main-color);
}

#backTop:hover {
    background-color: var(--main-color);
}

#backTop:hover svg {
    fill: #fff;
}

.end-footer ul li {
    display: inline-block;
}

.footer-details{
    color:var(--secondary-light);
}

.footer .title {
    color: var(--main-color);
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.footer-list a {
    font-family: var(--e-global-typography-secondary-font-family) !important;
    color: #F8F8F4 !important;
    font-size: .8rem;
    line-height: 1.8rem;
    transition: all .2s;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
}

.footer-list a:hover {
    color: var(--e-global-color-primary) !important;
}

.list-social svg{
    fill:var(--secondary-light);
    width: 1rem;
    height: 1rem;
    margin-bottom: 1rem;
}

.list-social a:hover svg{
    fill:var(--main-light);
}

@media only screen and (max-width: 768px) {
    .list-social svg{
        width: 1.2rem;
        height: 1.2rem;
    }
}
@media only screen and (max-width: 600px) {
    .gamma {
        width: 50% !important;
    }
    .gamma img {
        width: 100% !important;
    }
}

@media only print{
    #top-menu form,
    .sharing,
    footer{
        display: none !important;
    }
    .carousel-home .carousel li .image,
    body.archive article:first-of-type .image,
    .single-thumbnail{
        padding: 0 !important;
    }
}