/*
Theme Name: JU87
Theme URI: http://essenza.webux.space/themes/ju87
Author: L'essenza
Author URI: https://essenza.webux.space/
Description: High-performance WordPress theme designed to offer maximum visual flexibility and superior search engine performance. Its main feature is the advanced color customization system, which allows easy modification of the entire color palette through intelligent functions integrated in functions.php, ensuring perfect harmony and contrast in any configuration.

With specific optimizations for SEO and Core Web Vitals, JU87 delivers exceptional search ranking results, combining loading speed with impactful visual experience.

## Key Features

###  **Intelligent Color System**
- Fully customizable color palette via functions.php
- Automatic functions for generating harmonic tones and contrasts
- 6 predefined schemes with dynamic brightness adjustment
- WCAG accessibility standards compatibility.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);
@font-face{font-family:'didot';src:url("css/fonts/Didot.ttc") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'base';src:url("css/fonts/SkarpaLt.ttf") format("truetype");font-weight:normal;font-style:normal}


*,*:before,*:after{box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;z-index:1;-webkit-text-size-adjust:none}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

body,input,select,textarea{font-size:17pt;font-weight:300;letter-spacing:0.025em;line-height:1.65}
@media screen and (max-width:1680px){body,input,select,textarea{font-size:13pt}}
@media screen and (max-width:1280px){body,input,select,textarea{font-size:11pt}}
@media screen and (max-width:360px){body,input,select,textarea{font-size:10pt}}

a{transition:color 0.2s ease-in-out,border-bottom-color 0.2s ease-in-out;text-decoration:none}
strong,b{font-weight:600}
em,i{font-style:italic}
p{margin:0 0 1em 0;font-weight:400}
h1,h2,h3,h4,h5,h6{line-height:1.65;margin:0 0 1em 0;letter-spacing:2px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;border-bottom:0}
h1{font-size:2.5em}
h2{font-size:1.75em}
h3{font-size:1.35em}
h4{font-size:1.1em}
h5{font-size:0.9em}
h6{font-size:0.7em}
@media screen and (max-width:736px){h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}}

sub{font-size:0.8em;position:relative;top:0.5em}
sup{font-size:0.8em;position:relative;top:-0.5em}
blockquote{border-left:solid 4px rgba(212,212,255,0.1);font-style:normal;margin:50px;padding:0.5em 0}
code{background:rgba(106,49,133,0.26);font-size:0.9em;margin:0 0.25em;padding:0.25em 0.65em}
pre{-webkit-overflow-scrolling:touch;font-size:0.9em;margin:0 0 2em 0}
pre code{display:block;line-height:1.75;padding:1em 1.5em;overflow-x:auto}
hr{border:0;border-bottom:solid 1px rgba(212,212,255,0.1);margin:2em 0}
hr.major{margin:3em 0}

.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}

section.special,article.special{text-align:center}
header.major{width:100%;display:inline-block;position:relative;width:max-content;margin-bottom:2em}
header.major>:first-child{margin-bottom:0;width:calc(100% + 0.5em)}
header.major>p{font-size:0.7em;font-weight:600;letter-spacing:0.25em;margin-bottom:0;text-transform:uppercase}

.blog_post_home{padding:10%;display:inline-block;position:relative;width:100%;opacity:0.9;transition:transform 0.35s ease-out,opacity 0.35s ease,visibility 0.35s}
.blog_post_home header.major{display:inline-block;position:relative;width:100%;overflow:hidden}
.blog_post_home header h3{display:inline-block;position:relative;margin:120px 0 0 0;}
.blog_post_home:hover{opacity:1}
.blog_post_home .actions h3{font-size:1em};

@media screen and (max-width:736px){.blog_post_home h2{width:100%;margin:188px 0px 33px 0px}header.major>p br{display:none}}
@media screen and (min-width:736px){.blog_post_home h2,.spotlights>section>.content>.inner header h3{display:inline-block;position:relative;width:80%;margin:2% 0 0 0}}

.feed_home .date_post{top:80px;right:70%;margin-right:-40px}
.date_post{display:inline-block;position:absolute;width:80px;height:80px;text-align:center;font-size:1.2em;z-index:1008}
.date_post header h2{display:inline-block;position:relative;width:100%}
.date_post b{display:inline-block;position:relative;width:100%;padding:5%;font-size:10px}

form{margin:0 0 2em 0}
form .field{margin:0 0 2em 0}
form .field.half{width:50%;float:left;padding:0 0 0 1em}
form .field.half.first{padding:0 1em 0 0}
form>.actions{margin:2.5em 0 0 0!important}
@media screen and (max-width:736px){form .field{margin:0 0 1.5em 0}form .field.half{padding:0 0 0 0.75em}form .field.half.first{padding:0 0.75em 0 0}form>.actions{margin:2em 0 0 0!important}}
@media screen and (max-width:480px){form .field.half{width:100%;float:none;padding:0}form .field.half.first{padding:0}}

label{color:#000000;display:block;font-size:0.8em;font-weight:600;letter-spacing:0.25em;margin:0 0 1em 0;text-transform:uppercase}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],select,textarea{appearance:none;border:none;border-radius:0;color:inherit;display:block;outline:0;padding:0 0.5em;text-decoration:none;width:100%}
input[type="text"]:invalid,input[type="password"]:invalid,input[type="email"]:invalid,input[type="tel"]:invalid,input[type="search"]:invalid,input[type="url"]:invalid,select:invalid,textarea:invalid{box-shadow:none}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="url"]:focus,select:focus,textarea:focus{border-color:#018ae6;box-shadow:0 0 0 2px #018ae6}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],select{height:2.75em}
textarea{padding:0.75em 1em}

::-webkit-input-placeholder{color:rgba(244,244,255,0.2)!important;opacity:1.0}
:-moz-placeholder{color:rgba(244,244,255,0.2)!important;opacity:1.0}
::-moz-placeholder{color:rgba(244,244,255,0.2)!important;opacity:1.0}
:-ms-input-placeholder{color:rgba(244,244,255,0.2)!important;opacity:1.0}
.formerize-placeholder{color:rgba(244,244,255,0.2)!important;opacity:1.0}

.error{font-size:0.8em;font-weight:100;padding:10px;color:#ffac00}
.contact_form{text-align:left}
.contact_form header h2{font-size:2em;text-align:center;width:100%}
.contact_form header blockquote{font-size:18px;line-height:20px}
.contact_form header h2,.contact_form header blockquote{text-align:center;display:inline-block;padding:10% 2% 0 5%;margin:0;max-width:600%}

.box{border:solid 1px rgba(212,212,255,0.1);margin-bottom:2em;padding:1.5em}
.box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child{margin-bottom:0}
.box.alt{border:0;border-radius:0;padding:0}

.icon{text-decoration:none;border-bottom:none;position:relative}
.icon:before{-webkit-font-smoothing:antialiased;font-family:FontAwesome;font-style:normal;font-weight:normal;text-transform:none!important}
.icon>.label{display:none}
.icon.alt{display:inline-block;height:3em;line-height:3em;text-align:center;width:3em}
a.icon.alt:before{transition:background-color 0.2s ease-in-out}


.image{border:0;display:inline-block;position:relative}
.image img{display:block;position:relative}
.image.left,.image.right{max-width:30%}
.image.left img,.image.right img{width:100%}
.image.left{float:left;margin:0 1.5em 1.25em 0;top:0.25em}
.image.right{float:right;margin:0 0 1.25em 1.5em;top:0.25em}
.image.fit{display:block;margin:0 0 2em 0;width:100%}
.image.fit img{width:100%}
.image.main{display:block;margin:2.5em 0;width:100%}
.image.main img{width:100%}
@media screen and (max-width:736px){.image.main{margin:1.5em 0}}

.custom-logo-link{height:auto;border-bottom:none}
@media screen and (min-width:768px){.custom-logo-link{width:30%;height:auto}}
@media screen and (max-width:768px){.custom-logo-link{width:150px;height:auto}.custom-logo-link img{width:60px;margin:0;height:auto}}

ol{list-style:decimal;margin:0 0 2em 0;padding-left:1.25em}
ol li{padding-left:0.25em}
ul{list-style:disc;margin:0 0 2em 0;padding-left:1em}
ul li{padding-left:0.5em}
ul.alt{list-style:none;padding-left:0}
ul.alt li{padding:0.5em 0}
ul.alt li:first-child{border-top:0;padding-top:0}
ul.icons{cursor:default;list-style:none;padding-left:0}
ul.icons li{display:inline-block;padding:0 1em 0 0}
ul.icons li:last-child{padding-right:0}
@media screen and (max-width:736px){ul.icons li{padding:0 0.75em 0 0}}

ul.actions{cursor:default;list-style:none;padding-left:0}
ul.actions.vertical li a::before{font-family:'FontAwesome';margin-right:20px}
ul.actions li{display:inline-block;padding:0 1em 0 0;vertical-align:middle}
ul.actions li:last-child{padding-right:0}
ul.actions.small li{padding:0 1em 0 0}
ul.actions.vertical li{display:block;padding:1em 0 0 0}
ul.actions.vertical li:first-child{padding-top:0}
ul.actions.vertical li>*{margin-bottom:0}
ul.actions.vertical.small li:first-child{padding-top:0}
ul.actions.fit{display:table;margin-left:-1em;padding:0;table-layout:fixed;width:calc(100% + 1em)}
ul.actions.fit li{display:table-cell;padding:0 0 0 1em}
ul.actions.fit li>*{margin-bottom:0}
ul.actions.fit.small{margin-left:-1em;width:calc(100% + 1em)}
ul.actions.fit.small li{padding:0 0 0 1em}

ul.pagination{cursor:default;list-style:none;padding-left:0;width:100%;text-align:center;margin:8px 0 8px 0;padding:1em 2% 1em 0;background:#46016d}
ul.pagination .next a::before{display:inline-block;position:relative;height:20px;width:20px}
ul.pagination .prev a::before{height:20px;width:20px}
ul.pagination li{display:inline-block;padding-left:0;vertical-align:middle}
ul.pagination li>.page{transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;border-bottom:0;display:inline-block;font-size:0.8em;font-weight:600;height:2em;line-height:2em;margin:0 0.125em;padding:0 1em;text-align:center}
ul.pagination li>.page.active{background-color:#000000;color:#46016d}
ul.pagination li>.page.active:hover{background-color:#018ae6;color:#46016d!important}
ul.pagination li>.page.active:active{background-color:#055c96}
@media screen and (max-width:480px){ul.pagination li:nth-child(n+2):nth-last-child(n+2){display:none}ul.pagination li:first-child{padding-right:0}}

dl{margin:0 0 2em 0}
dl dt{display:block;font-weight:600;margin:0 0 1em 0}
dl dd{margin-left:2em}

.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}
table{margin:0 0 2em 0;width:100%}
table tbody tr{border:solid 1px rgba(212,212,255,0.1);border-left:0;border-right:0}
table tbody tr:nth-child(2n + 1){background-color:rgba(106,49,133,0.26)}
table td{padding:0.75em 0.75em}
table th{color:#000000;font-size:0.9em;font-weight:600;padding:0 0.75em 0.75em 0.75em;text-align:left}
table thead{border-bottom:solid 2px rgba(212,212,255,0.1)}
table tfoot{border-top:solid 2px rgba(212,212,255,0.1)}
table.alt{border-collapse:separate}
table.alt tbody tr td{border:solid 1px rgba(212,212,255,0.1);border-left-width:0;border-top-width:0}
table.alt tbody tr td:first-child{border-left-width:1px}
table.alt tbody tr:first-child td{border-top-width:1px}
table.alt thead{border-bottom:0}
table.alt tfoot{border-top:0}

input[type="submit"],input[type="reset"],input[type="button"],button,.button{appearance:none;transition:background-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,color 0.2s ease-in-out;background-color:transparent;border:0;border-radius:0;cursor:pointer;display:inline-block;font-size:0.8em;font-weight:600;height:3.5em;letter-spacing:0.25em;line-height:3.5em;padding:0 1.75em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}
input[type="submit"].icon:before,input[type="reset"].icon:before,input[type="button"].icon:before,button.icon:before,.button.icon:before{margin-right:0.5em}
input[type="submit"].fit,input[type="reset"].fit,input[type="button"].fit,button.fit,.button.fit{display:block;margin:0 0 0.5em 0;width:100%;border:none}
input[type="submit"].small,input[type="reset"].small,input[type="button"].small,button.small,.button.small{font-size:0.6em}
input[type="submit"].big,input[type="reset"].big,input[type="button"].big,button.big,.button.big{font-size:1.25em;height:3em;line-height:3em}
input[type="submit"].next,input[type="reset"].next,input[type="button"].next,button.next,.button.next{display:inline-block;padding-right:4.5em;position:relative}
input[type="submit"].next a,input[type="reset"].next a,input[type="button"].next a,button.next a,.button.next a{display:inline-block;position:relative;height:36px;width:100px;margin:0 -5em 0 0}
input[type="submit"].next:before,input[type="submit"].next:after,input[type="reset"].next:before,input[type="reset"].next:after,input[type="button"].next:before,input[type="button"].next:after,button.next:before,button.next:after,.button.next:before,.button.next:after{transition:opacity 0.2s ease-in-out;background-position:center right;background-repeat:no-repeat;background-size:36px 24px;content:'';display:block;height:100%;position:absolute;right:1.5em;top:0;vertical-align:middle;width:36px}
input[type="submit"].next:before,input[type="reset"].next:before,input[type="button"].next:before,button.next:before,.button.next:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23000000%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E")}
input[type="submit"].next:after,input[type="reset"].next:after,input[type="button"].next:after,button.next:after,.button.next:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23018ae6%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");opacity:0;z-index:1}
input[type="submit"].next:hover:after,input[type="submit"].next:active:after,input[type="reset"].next:hover:after,input[type="reset"].next:active:after,input[type="button"].next:hover:after,input[type="button"].next:active:after,button.next:hover:after,button.next:active:after,.button.next:hover:after,.button.next:active:after{opacity:1}
@media screen and (max-width:1280px){input[type="submit"].next,input[type="reset"].next,input[type="button"].next,button.next,.button.next{padding-right:5em}}

.share,.share:before,.share:after,.fab{height:44px;width:44px;position:absolute;cursor:pointer;font-size:2em;line-height:44px}
.share,.share:before,.share:after{border-radius:50%}
.share a:first-of-type{position:relative;height:44px;width:44px;text-align:center}
.share.active a:first-of-type{display:none}
.share{z-index:999999}
@media screen and (min-width:769px){.share{position:absolute;top:50%;margin:-14px 0 0 0;right:-14px}}
@media screen and (max-width:768px){.share{display:block;position:fixed;left:10%;top:35%;margin:-23px 0 0 -23px}}
.share:before,.share:after{content:'';will-change:transform}
.share:before{z-index:5;transition:0.4s}
.share:after{box-shadow:0 2px 5px rgba(0,0,0,0.3);z-index:-1;transition:0.52s;top:50%;left:50%;transform:translate(-50%,-50%)}
.share.active:before{transform:scale(1.2)}
.share.active:after{width:3000px;height:3000px}

.fab{transition:0.4s;animation:0.4s down forwards;display:none;opacity:0;will-change:animation}
@media screen and (max-width:768px){a.fab{height:36px;width:36px;font-size:1.5em}.fab:nth-child(1){right:-252px}.fab:nth-child(2){right:-252px}.fab:nth-child(3){right:-172px}.fab:nth-child(4){right:-100px}}
@media screen and (min-width:769px){.fab:nth-child(1){left:-176px}.fab:nth-child(2){left:-110px}.fab:nth-child(3){left:-212px}.fab:nth-child(4){left:-304px}}
.fab.active{display:inline-block;animation:0.64s up forwards}
.fab.active:nth-child(1){animation-delay:0.10811s}
.fab.active:nth-child(2){animation-delay:0.12903s}
.fab.active:nth-child(3){animation-delay:0.16s}
.fab.active:nth-child(4){animation-delay:0.21053s}
.fab.active:nth-child(5){animation-delay:0.30769s}
.fab.no{animation:none}

span.fab .active{animation-delay:0.30769s}
span.fab{right:-36px;border:none;font-size:2em;line-height:36px;top:0;box-shadow:none;font-weight:100}
@media screen and (max-width:768px){span.fab{right:-94px;border:none;font-size:24px;line-height:24px;top:-69px}}
@media screen and (min-width:769px){span.fab{right:-94px;border:none;font-size:36px;line-height:36px;top:0}}

@keyframes up{50%{transform:translateY(-130%)}100%{opacity:1;transform:translateY(0)}}
@keyframes down{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-130%);top:0}}

.bt_next_pag,.bt_prev_pag{display:inline-block;position:relative;width:48px;height:48px}
.bt_next_pag::before,.bt_prev_pag::before{line-height:48px;font-size:16px}
.bt_next_pag::before{content:"\f054"}
.bt_prev_pag::before{content:"\f053"}
.button.fa{padding:0px;height:auto;width:auto}

.tiles{display:flex;flex-wrap:wrap;border-top:0!important}
.tiles+*{border-top:0!important}
.tiles article{align-items:center;display:flex;transition:transform 0.25s ease,opacity 0.25s ease,filter 1s ease;padding:4em 4em 2em 4em;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:default;height:40vh;max-height:40em;min-height:23em;overflow:hidden;position:relative;width:40%}
.tiles article .image{display:none}
.tiles article header{position:relative;z-index:3}
.tiles article h3{font-size:1.75em}
.tiles article h3 a:hover{color:inherit!important}
.tiles article .link.primary{border:0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:4}
.tiles article:before{transition:opacity 0.5s ease;bottom:0;content:'';display:block;height:100%;left:0;opacity:0.85;position:absolute;width:100%;z-index:2}
.tiles article:after{background-color:rgba(70,1,109,0.25);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
.tiles article:hover:before{opacity:0}
.tiles article.is-transitioning{transform:scale(0.95);filter:blur(0.5em);opacity:0}
.tiles article:nth-child(4n - 1),.tiles article:nth-child(4n - 2){width:60%}

@media screen and (max-width:1280px){.tiles article{padding:4em 3em 2em 3em;height:30vh;max-height:30em;min-height:20em}}
@media screen and (max-width:980px){.tiles article{width:50%!important}}
@media screen and (max-width:736px){.tiles article{padding:3em 1.5em 1em 1.5em;height:16em;max-height:none;min-height:0}.tiles article h3{font-size:1.5em}}
@media screen and (max-width:480px){.tiles{display:block}.tiles article{height:20em;width:100%!important}}

.contact-method{margin:0 0 2em 0;padding-left:3.25em;position:relative}
.contact-method span{font-size:0.8em}
.contact-method .icon{left:0;position:absolute;top:0;font-size:1.2em}
.contact-method h3{margin:0 0 0.5em 0}

.comments h6{font-size:2em}

.spotlights{border-top:0!important}
.spotlights+*{border-top:0!important}
.spotlights>section{display:flex;flex-direction:row}
@media screen and (max-width:768px){.spotlights>section .date-post{left:5px;top:5px}}
@media screen and (min-width:768px){.spotlights>section .date-post{right:-40px;top:-40px}}
.spotlights>section ul.actions{text-align:right}
.spotlights>section>.image{background-position:center center;background-size:cover;border-radius:0;display:block;position:relative;width:30%}
.spotlights>section>.image img{display:inline-block;width:100%}
.spotlights>section>.image:before{background:rgba(70,1,109,0.9);content:'';display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
.spotlights>section>.content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em 3em 0.1em 3em;width:70%}
.spotlights>section>.content>.inner{margin:0 auto;max-width:800px;width:100%}
.spotlights>section>.content>.inner p{font-size:0.8em}
.spotlights>section:nth-child(2n){flex-direction:row-reverse}
.spotlights>section:nth-child(2n) ul.actions{text-align:left}
.spotlights>section:nth-child(2n)>.content{align-items:flex-end}
@media screen and (max-width:768px){.spotlights>section:nth-child(2n) .date_post{left:5px;top:5px}}
@media screen and (min-width:768px){.spotlights>section:nth-child(2n) .date_post{left:30%;top:-40px}}

@media screen and (max-width:1680px){.spotlights>section>.image{width:45%}.spotlights>section>.content{width:55%}}
@media screen and (max-width:1280px){.spotlights>section>.image{width:45%}.spotlights>section>.content{width:55%}}
@media screen and (max-width:980px){.spotlights>section{display:block}.spotlights>section>.image{width:100%}.spotlights>section>.content{padding:4em 3em 2em 3em;width:100%}}
@media screen and (max-width:736px){.spotlights>section>.content{padding:3em 1.5em 1em 1.5em}}

.single{right:0}
.single .date_post{width:80px;height:80px;border-radius:50%;text-align:center;padding:10px;top:-10px;right:-50px}
.spotlights>.date_post{width:80px;height:80px}
@media screen and (max-width:768px){.spotlights .date_post{left:5px;top:5px;border-radius:50%}}
@media screen and (min-width:768px){.spotlights .date_post{right:50%;top:-40px;border-radius:50%}}
.date_post{display:inline-block;position:absolute}
.home_feed{top:100px;right:50%;margin-right:-40px;margin-top:-40px}
.date_post b{display:block;font-size:60%;font-weight:100}

@keyframes reveal-header{0%{top:-4em;opacity:0}100%{top:0;opacity:1}}

#header{display:flex;box-shadow:0 0 0.25em 0 rgba(0,0,0,0.15);cursor:default;font-weight:600;height:3.25em;left:0;letter-spacing:0.25em;line-height:3.25em;margin:0;position:fixed;text-transform:uppercase;top:0;width:100%;z-index:9999}
#header .custom-logo-link{border:0;display:inline-block;font-size:0.8em;height:inherit;line-height:inherit;padding:0 1.5em}
#header .custom-logo-link strong{transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;background-color:#000000;color:#46016d;display:inline-block;line-height:1.65em;margin-right:0.325em;padding:0 0.125em 0 0.375em}
#header .custom-logo-link:hover strong{background-color:#018ae6}
#header .custom-logo-link:active strong{background-color:#055c96}
#header nav{display:flex;justify-content:flex-end;flex-grow:1;height:inherit;line-height:inherit}
#header.reveal{animation:reveal-header 0.35s ease}
#header.reveal .custom-logo-link img{width:20%;height:auto}
#header.alt{transition:opacity 2.5s ease;transition-delay:0.75s;animation:none;background-color:transparent;box-shadow:none;position:fixed}
#header.alt .logo img{width:100%;height:auto}
#header.alt.style1 .logo strong{color:#ffff01}
#header.alt.style2 .logo strong{color:#b143ed}
#header.alt.style3 .logo strong{color:#ff7300}
#header.alt.style4 .logo strong{color:#ffac00}
#header.alt.style5 .logo strong{color:#328788}
#header.alt.style6 .logo strong{color:#85c6a3}
body.is-loading #header.alt{opacity:0}
@media screen and (max-width:736px){#header{height:2.75em;line-height:2.75em}#header .logo{padding:0 1em}}
@media screen and (max-width:480px){#header .logo span{display:none}}

#banner{align-items:center;display:flex;padding:6em 0 2em 0;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:0!important;cursor:default;height:70vh;width:100%;margin-bottom:-3.25em;max-height:32em;min-height:22em;position:relative;top:-3.25em}
#signup-content{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:0}
#banner:after{transition:opacity 2.5s ease;transition-delay:0.75s;pointer-events:none;content:'';display:block;height:100%;left:0;opacity:0.69;position:absolute;top:0;width:100%;z-index:1}
#banner h1{font-size:3.25em}
#banner>.inner{transition:opacity 1.5s ease,transform 0.5s ease-out,filter 0.5s ease;padding:0 20% 0 5%;position:relative;z-index:2}
#banner>.inner .image{display:none}
#banner>.inner header{width:100%}
#banner>.inner header>:first-child{width:auto}
#banner .inner header{margin-top:25vh}
#banner>.inner header>:first-child:after{max-width:100%}
#banner>.inner .content{display:flex;align-items:center;margin:0 0 2em 0}
#banner>.inner .content>*{margin-left:1.5em;margin-bottom:0}
#banner>.inner .content>:first-child{margin-left:0}
#banner>.inner .content p{font-size:0.7em;font-weight:600;letter-spacing:0.25em;text-transform:uppercase}
#banner.major{height:75vh;min-height:30em;max-height:50em}
#banner.major.alt{opacity:0.75}
body.is-loading #banner:after{opacity:1.0}
body.is-loading #banner>.inner{filter:blur(0.125em);transform:translateX(-0.5em);opacity:0}
@media screen and (max-width:1280px){#banner{background-attachment:scroll}}
@media screen and (max-width:736px){#banner{padding:5em 0 1em 0;height:auto;margin-bottom:-2.75em;max-height:none;min-height:0;top:-2.75em}#banner h1{font-size:2em}#banner>.inner .content{display:block}#banner>.inner .content>*{margin-left:0;margin-bottom:2em}#banner.major{height:auto;min-height:0;max-height:none}}
@media screen and (max-width:480px){#banner{padding:6em 0 2em 0}#banner>.inner .content p br{display:none}#banner.major{padding:8em 0 4em 0}}

#main>*{border-top:solid 1px rgba(212,212,255,0.1)}
#main>*:first-child{border-top:0}
#main>*>.inner{margin:0 auto;width:100%;background-position:top center;background-repeat:no-repeat;background-size:cover}
#main.alt{background-color:transparent;border-bottom:solid 1px rgba(212,212,255,0.1)}

.hide_footer{transition:opacity 0.35s ease;animation:reveal-header 0.35s ease}
@media screen and (max-width:768px){.hide_footer{position:relative;display:inline-block;width:85%;float:right;margin-top:10%}}
@media screen and (min-width:768px){.hide_footer{width:40%;height:100%;padding-top:10%;display:block;position:fixed;bottom:0;left:0;opacity:0}}
.main_content.modify .hide_footer{animation:reveal-header 0.35s ease;transition:opacity 0.35s ease;opacity:1}
.hide_footer>*{vertical-align:bottom}

.header{position:relative;margin:0 auto;min-height:560px;width:100%}
.bg-img{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.bg-img img{position:absolute;top:0;left:0;display:block;min-width:100%;min-height:100%}

button.trigger{position:fixed;bottom:30px;left:50%;z-index:10000;display:block;margin-left:-30px;text-align:center;border:none;cursor:pointer;box-shadow:none;border-radius:50%;height:54px;width:54px}
.container:not(.notrans) button.trigger{transition:opacity 0.3s 0.5s}
.container.modify:not(.notrans) button.trigger{opacity:0;pointer-events:none;transition-delay:0s}
button.trigger:focus{outline:none}
button.trigger span::before{content:"\f063";text-transform:none;font-weight:600;font-style:normal;font-variant:normal;font-family:'Font Awesome 6 Free';border:0;-webkit-font-smoothing:antialiased;font-size:24px; display: inline-block;line-height:54px; text-align: center;}

.main_content:not(.notrans) .bg-img::before{transition-property:background-color}
.main_content:not(.notrans) .bg-img::after{transition-property:transform}
.main_content:not(.notrans) .title p{transition-property:opacity}
.main_content:not(.notrans) .content>div{transition-property:transform,opacity}
.main_content:not(.notrans) .bg-img::before,.main_content:not(.notrans) .bg-img::after,.main_content:not(.notrans) .title p,.main_content:not(.notrans) .content>div{transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-duration:0.5s}
.main_content .header{position:absolute}
.main_content .bg-img{position:fixed;opacity:0.3}
.main_content .bg-img img{left:auto;right:0}
.main_content .bg-img::before,.main_content .bg-img::after{content:'';position:absolute;z-index:100}
.main_content .bg-img::after{top:0;right:0;width:60%;height:100%;transform:translateX(100%)}
@media screen and (max-width:768px){.main_content .bg-img::after{width:90%}}
.main_content.modify .bg-img::after{transform:translateX(0)}
.main_content .bg-img::before{width:100%;height:100%}
.main_content.modify .bg-img::before{opacity:0.9}
.main_content.modify .title{transform:translateY(0);position:relative;top:0}
.main_content.modify .title p{opacity:1}

@media screen and (min-width:768px){.main_content .content{width:60%;margin-left:40%;padding:0 2.5em}.main_content .title{position:relative;text-align:left;transform:translateY(200px)}}

.title{display:inline-block;position:absolute;text-align:left;transform:translateX(-50%) translateY(-50%);padding:5%;top:30%}
.title h1{font-size:3em}
.title p.subline{font-size:1.6em}
@media screen and (max-width:768px){.title h1{font-size:2em}.title p.subline{font-size:1em}}
@media screen and (min-width:768px){.main_content .title{width:90%;bottom:0px;transform:translateY(80px)}}
.title p{padding:0 0 0.6em;margin:0 auto}
.title h1,.title p.subline{line-height:1.4em}
@media screen and (max-width:768px){.main_content .content{width:90%;margin-left:10%;padding:5%}.main_content .title{transform:translateY(80px)}}

.main_content .content div{position:relative;margin:70px 0}
.main_content .content div img{max-width:100%;width:100%;height:auto}
.single div img{max-width:100%;width:100%;height:auto}
.single .inner{ max-width: 1280px; width: 100%;}
.main_content .content div:nth-child(2){opacity:0;transform:translateY(200px)}
.main_content.modify .content div:nth-child(2){opacity:1;transform:translateY(0)}

.main_content:not(.notrans) .title,.main_content:not(.notrans) .bg-img::before,.main_content:not(.notrans) .bg-img::after{transition-delay:0.3s}
.main_content.modify:not(.notrans) .title,.main_content.modify:not(.notrans) .bg-img::before,.main_content.modify:not(.notrans) .bg-img::after{transition-delay:0s}
.main_content.modify:not(.notrans) .content div:nth-child(2){transition-delay:0.15s}

#contact{border-bottom:solid 1px rgba(212,212,255,0.1);overflow-x:hidden;padding:0 5% 0 5%}
#contact>.inner{display:flex;padding:0!important}
#contact>.inner>:nth-child(2n - 1){padding:3em 2em 1em 0;border-right:solid 1px rgba(212,212,255,0.1);width:60%}
#contact>.inner>:nth-child(2n){padding-left:3em;width:40%}
#contact>.inner>.split{padding:0}
#contact>.inner>.split>*{padding:3em 0 1em 3em;position:relative}
#contact>.inner>.split>*:before{border-top:solid 1px rgba(212,212,255,0.1);content:'';display:block;margin-left:-3em;position:absolute;top:0;width:calc(100vw + 3em)}
#contact>.inner>.split>:first-child:before{display:none}
@media screen and (max-width:980px){#contact>.inner{display:block}#contact>.inner>:nth-child(2n - 1){padding:4em 0 2em 0;border-right:0;width:100%}#contact>.inner>:nth-child(2n){padding-left:0;width:100%}#contact>.inner>.split>*{padding:3em 0 1em 0}#contact>.inner>.split>:first-child:before{display:block}}
@media screen and (max-width:736px){#contact>.inner>:nth-child(2n - 1){padding:3em 0 1em 0}}

.hide_footer #contact>.inner{display:block}
.hide_footer #contact>.inner>:nth-child(2n - 1){padding:1em 0 0.1em 0;border-right:0;width:100%}
.hide_footer #contact>.inner>:nth-child(2n){width:100%;display:none}
.news-letter{padding:5%}

#footer{text-align:center;padding:5% 0 5% 0}
#footer .copyright{font-size:0.8em;list-style:none;padding-left:0}
#footer .copyright li{border-left:solid 1px rgba(212,212,255,0.1);display:inline-block;line-height:1;margin-left:1em;padding-left:1em}
#footer .copyright li:first-child{border-left:0;margin-left:0;padding-left:0}

.contact_ch{width:100%}
.contact_ch li{list-style:none;text-align:center;display:inline-block; width: 100%; box-sizing: border-box; margin-bottom: 10%;}
.contact_ch li a{text-align:center;position:relative;display:inline-block;padding:10px; width: 2em;}
.contact_ch li span{display:block;position:relative;padding:10px;width:100%; font-size: 1em;font-weight: 600;}
.contact_ch li a{font-size:3em;border-radius:50%;display:inline-block;}

@media screen and (max-width:480px){#footer .copyright li{display:block;border-left:0;margin-left:0;padding-left:0;line-height:inherit}}

#wrapper{transition:filter 0.35s ease,opacity 0.375s ease-out;padding-top:3.25em}
#wrapper.is-transitioning{opacity:0}
#wrapper>*>.inner{margin:0 auto;width:100%;background-position:top center;background-repeat:no-repeat;background-size:cover}
@media screen and (max-width:736px){#wrapper{padding-top:2.75em}
}
.contact_ch li a,input[type="submit"]{box-shadow:none}
.mu_register label.checkbox{font-size:10px;padding:2%;margin-bottom:2%}

#menu{transition:transform 0.35s ease,opacity 0.35s ease,visibility 0.35s;align-items:center;display:flex;justify-content:center;pointer-events:none;box-shadow:none;height:100%;left:0;opacity:0;overflow:hidden;padding:2em 1em;position:fixed;top:0;visibility:hidden;width:100%;z-index:9999}
#menu .inner{transition:transform 0.35s ease-out,opacity 0.35s ease,visibility 0.35s;transform:rotateX(20deg);-webkit-overflow-scrolling:touch;max-width:100%;max-height:100vh;opacity:0;overflow:auto;text-align:center;visibility:hidden}
#menu .inner>:first-child{margin-top:2em}
#menu .inner>:last-child{margin-bottom:3em}
#menu .inner p{display:inline-block;position:relative;width:100%}
#menu ul{margin:0 0 1em 0}
#menu ul.links{list-style:none;padding:0}
#menu ul.links>li{padding:0}
#menu ul.links>li>a:not(.button){border:0;border-top:solid 1px rgba(212,212,255,0.1);display:block;font-size:0.8em;letter-spacing:0.25em;line-height:3em;text-decoration:none;text-transform:uppercase}
#menu ul.links>li>.button{display:block;margin:0.5em 0 0 0}
#menu ul.links>li:first-child>a:not(.button){border-top:0!important}
#header nav a span::before,#menu .close span::before{font-size:2em}
#menu .close,#header nav a{transition:color 0.2s ease-in-out;-webkit-tap-highlight-color:transparent;border:0;cursor:pointer;display:block;position:absolute;right:10px;top:10px;margin:0px;height:3em;width:3em}
body.is-ie #menu{background:rgba(110,53,141,0.975)}
body.is-menu-visible #wrapper{filter:blur(0.5em)}
body.is-menu-visible #menu{pointer-events:auto;opacity:1;visibility:visible}
body.is-menu-visible #menu .inner{transform:none;opacity:1;visibility:visible}

main.single{display:inline-block;position:relative;width:100%;text-align:center}
main.single div{padding:50px 10% 50px 10%;display:inline-block;position:relative;width:100%;box-sizing:border-box;text-align:left}
.in_action{font-size:0;height:80px;width:80px;border-radius:50%}
#chatbox{z-index:10000;height:80%}
#chatbox-button{position:fixed;left:5%;bottom:5%;z-index:10000}
#signup-content{text-align:right}
#signup-content div{padding:10% 5%;margin-right:0;margin-left:20%;width:80%}
.checkbox{font-size:12px}
@media screen and (min-width:736px){#setupform{width:50%;margin-left:50%}}
.childpages{width:110%;margin-left:-5%;margin-right:-5%}
.childpages article{display:inline-block;position:relative;float:left;width:100%;height:300px}
@media screen and (max-width:400px){.childpages article{width:100%}}
@media screen and (min-width:400px){.childpages article{width:35%}.childpages article:nth-child(4n - 1),.childpages article:nth-child(4n - 2){width:65%}}
.childpages article{background-size:cover;background-repeat:no-repeat}
.childpages article a{padding:40% 5% 0 5%;height:300px;display:inline-block;width:100%;transition:all 1s linear}
.childpages article a:hover{opacity:0.4}