:root {
--fs-1: 1rem;
--c-wh: #ffffff;
--c-rd: red;
--c-bk: #222;
}
/* CSS FOR ALL QUERIES */
/* @font-face { */
/* font-family: 'MADSansFillBold'; */
/* src: url('fonts/mad-sans-fill-bold.eot'); */
/* src: url('fonts/mad-sans-fill-bold.eot?#iefix') format('embedded-opentype'), */
/* url('fonts/mad-sans-fill-bold.woff2') format('woff2'), */
/* url('fonts/mad-sans-fill-bold.woff') format('woff'); */
/* font-style:normal; */
/* font-weight:400; */
/* font-feature-settings: 'ss02'; */
/* font-feature-settings: 'ss01'; */
/* font-feature-settings: 'ss01', 'ss02' !important; */
/* -moz-font-feature-settings: 'ss01', 'ss02' !important; */
/* } */
@font-face {
font-family: 'MADSansFillBold';
src: url('fonts/mad-sans-fill-bold.eot');
src: url('fonts/mad-sans-fill-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/mad-sans-fill-bold.woff2') format('woff2'),
url('fonts/mad-sans-fill-bold.woff') format('woff'),
url('fonts/mad-sans-fill-bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'Inter';
src:url('fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2'),
url('fonts/Inter-VariableFont_slnt,wght.woff') format('woff'),
url('fonts/Inter-VariableFont_slnt,wght.otf') format('opentype');
font-style:normal;font-weight:400;
}
@font-face {
font-family:'Font Awesome 5 Brands Regular';
src:url('fonts/FontAwesome5-brands-400.woff2') format('woff2'),
url('fonts/FontAwesome5-brands-400.woff') format('woff'),
url('fonts/FontAwesome5-brands-400.otf') format('opentype');
font-style:normal;font-weight:400;
}
@font-face {
font-family:'Font Awesome 5 Free Solid';
src:url('fonts/FontAwesome5Free-Solid-900.woff2') format('woff2'),
url('fonts/FontAwesome5Free-Solid-900.woff') format('woff'),
url('fonts/FontAwesome5Free-Solid-900.otf') format('opentype');
font-style:normal;font-weight:400;
}
/* --- */
html
{ -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit; }
/* html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl,
/* dt, dd, blockquote, address { margin: 0; padding: 0 }
width: 100%; */
html {
height: 100vh;
width: 100vw;
box-sizing: border-box;
font-size: 15px;
line-height: 18px;
}
/*:focus {
outline: 1px dashed #000000;
-moz-outline-style: 1px dashed #000000;
outline-offset: 2px;
}
*/
/* Remove outline for non-keyboard :focus
:focus {
outline: none !important;
}
:focus {
outline: 0 !important;
}
*/
:-moz-focusring:not(:focus-visible) {
outline: none !important;
}
*:focus:not(:focus-visible) {
outline: none !important;
}
:focus:not(:focus-visible) {
outline: 0;
}
:focus {
outline: 0;
border-bottom: 0.5px dashed #000 !important;
/* text-decoration-line: underline;
text-decoration-style: dashed;
text-decoration-color: #000000;
text-decoration-thickness: 0.03rem;*/
}
:focus-visible {
border: 0.5px dashed #000 !important;
/*border-bottom: 0.5px dashed #000 !important;
box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
margin-bottom: -0.5px;*/
}
.copyFocus-Visible:focus {
outline: 0.5px dashed #000 !important;
/* border-bottom: 0.5px dashed #000 !important;
box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;*/
}
#search:focus-visible { outline: none !important; }
#search input:focus { outline: 0 !important; border-bottom: 0 !important;}
.copyFFont {
font-feature-settings: 'ss01', 'ss02';
-moz-font-feature-settings: 'ss02', 'ss01' !important;
-webkit-font-feature-settings: 'ss01', 'ss02' !important;
}
.copyFocus a:focus:not(:focus-visible) {
/* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */
outline: none !important;
}
.copyFocus-grad:focus { outline: 0.5px dashed #000; border-bottom: 0px !important;}
.copyFocus-grad input:focus { outline: 0.5px dashed #000; border-bottom: 0px !important;}
.copyFocusmain:focus { color: #AD00FF; border-bottom: 0px !important;}
input,
button {
font-family:'MADSansFillBold';
border: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: none;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
text-align: inherit;
color: inherit;
}
body {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
body{
margin: 0;
background-color: #D8CCDE;
font-family: 'MADSansFillBold';
font-style: normal;
/* font-weight: bold !important;*/
font-feature-settings: 'ss01', 'ss02';
-moz-font-feature-settings: 'ss02', 'ss01' !important;
-webkit-font-feature-settings: 'ss01', 'ss02' !important;
}
.f-main {
font-family: 'MADSansFillBold';
font-style: normal;
font-feature-settings: 'ss01', 'ss02';
-moz-font-feature-settings: 'ss02', 'ss01' !important;
-webkit-font-feature-settings: 'ss01', 'ss02' !important;
}
.t-999 {
top: -999px;
}
.l-999 {
left: -999px;
}
/*a, p, pre, code {
overflow-wrap: break-word;
}
*/
textarea {
font-family: 'MADSansFillBold';
resize: vertical;
transition: height 0.2s ease-in-out;
}
.copyTextA{
height: 200px;
transition: height 0.2s ease-in-out;
}
.copyTextA textarea{
height: 198px;
border-top: none;
transition: height 0.2s ease-in-out;
}
section{
padding: 0% 0% 0% 0%;
}
* {
box-sizing: border-box;
}
.box-co {
box-sizing: content-box;
}
a {
color: inherit;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
/* outline: none;
-moz-outline-style: none;
outline-offset: none;*/
}
img{
border-radius: 2px;
max-width: 100%;
display: block;
}
.copyI figure:last-child {margin-bottom:3rem;}
embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
}
.embed-crop{
padding-top: 56.25%;
transition: padding-top 0.2s ease-in-out;
}
.embed-crop > div > video { width: 100% !important; height: auto;}
.embed-crop > div > iframe { width: 100% !important; height: auto;}
/*.embed-crop > div:has(> video) { padding-top: 0%; }
.embed-crop + div:has(> iframe) { padding-top: 0%; }
.embed-crop! > div > video { padding-top: 0%; }
.embed-crop! > div > iframe { padding-top: 0%; }
.embed-crop! div > video { width: 100%; height: auto; } */
/* CSS FOR ALL LAPTOP
@media (min-width: 768px){ */
/*new columns*/
.c1{width:10%}
.c2{width:20%}
.c3{width:30%}
.c4{width:40%}
.c5{width:50%}
.c6{width:60%}
.c7{width:70%}
.c8{width:80%}
.c9{width:90%}
.c10{width:100%}
.c2-5{width:25%}
/*landing page columns*/
.col1{width:11.11111%}
.col2{width:22.22222%}
.col3{width:33.33333%}
.col4{width:44.44444%}
.col5{width:55.55555%}
.col6{width:66.66666%}
.col7{width:77.77777%}
.col8{width:88.88888%}
.col9{width:99.99999%}
/* colours */
.fg-colour-black { color: rgba( 0, 0, 0, 1 ); }
.bg-colour-black { background: rgba( 0, 0, 0, 1 ); }
.fg-colour-white { color: rgba( 255, 255, 255, 1 ); }
.bg-colour-white { background: rgba( 255, 255, 255, 1 ); }
.fg-colour-purple-light { color: #CE65FF; }
.bg-colour-purple-light { background: #CE65FF; }
.fg-colour-purple { color: #AD00FF; }
.bg-colour-purple { background: #AD00FF; }
.fg-colour-gray { color: #D8CCDE }
.bg-colour-gray { background: #D8CCDE }
.fg-colour-red { color: #F43F55;}
.bg-colour-red { background: #F43F55;}
.fg-colour-yellow {color: #EEF216;}
.bg-colour-yellow {background: #EEF216;}
.fg-colour-green { color: #30FC82;}
.bg-colour-green {background: #30FC82;}
.bg-transp {background: transparent;}
.bg-black-fg-gray { background: #000; color: #D8CCDE;}
.bg-colour-gray-light {background: #EFEFEF;}
.bg-colour-dashboard:nth-child(even) {background: #D8CCDE}
.bg-colour-dashboard:nth-child(odd) {background: #BDB2C2}
.copybg-purple button { background: #AD00FF; }
.copybg-purple button:active { background: #000; color: #AD00FF !important;}
/*gradients*/
.grad-main::before {
content: "";
z-index: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 140px;
background: linear-gradient(0deg,rgba(216,204,222,0),#d8ccde 74.48%);
pointer-events: none;
}
.grad-main::after {
content: "";
z-index: 1;
position: fixed;
left: 0;
width: 100%;
height: 140px;
top: auto;
bottom: 0;
background: linear-gradient(180deg,rgba(216,204,222,0),#d8ccde 89.06%);
pointer-events: none;
}
.grad-landing-page::before {
content: "";
z-index: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 90px; /* 100px */
background: linear-gradient(0deg,rgba(173,0,255,0),#AD00FF 70.48%); /* 74.48 */
pointer-events: none;
-webkit-animation: trans-bg-colour 5s;
animation: trans-bg-colour 5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
@-webkit-keyframes trans-bg-colour {
0% {opacity: 0;}
100% {opacity:1;}
}
@keyframes trans-bg-colour {
0% {opacity: 0;}
100% {opacity:1;}
}
.grad-shadow /*{box-shadow: 1px 1px 20px rgb(193, 77, 248);}*/
.anim-topmenu-dn.grad-landing-page::before {
/* height: 0px;
background: none;*/
}
.copy-dn .copy-dn-landing {display: none;}
.copybg-grad-main .bg-colour-gray { background: none }
span.dropdown-inner-grad {
/*
width:unset;
bottom:0;*/
position: absolute;
top: 7.92rem;
}
span.dropdown-inner-grad::before {
content: '';
display: block;
position: fixed;
height: 2.02rem;
width: 13rem;
background: linear-gradient(180deg, transparent,#D8CCDE);
z-index: 1;
}
.dropdown-inner-grad-::after {
content: '';
display: block;
position: fixed;
bottom: 0;
left:0;
height: 2rem;
width: 100%;
background: linear-gradient(180deg, transparent,#D8CCDE);
z-index: 1;
}
.grad-list{ box-shadow: 0 -8mm 12mm #f9f4fc inset;}
.bg-colour-anim {
background-color: #D8CCDE;
/* -webkit-animation: bgcolour 120s;
animation: bgcolour 120s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;*/
}
@-webkit-keyframes bgcolour {
0% {background:#AD00FF;}
50% {background:#AD00FF;}
100% {background:#D8CCDE;}
}
@keyframes bgcolour {
0% {background:#AD00FF;}
50% {background:#AD00FF;}
100% {background:#D8CCDE;}
}
.bg-grad-bottom::before {
/* background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 2.7rem;
z-index: -1;
pointer-events: none;*/
}
.copybg-grad-main > div::before {
/* background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 4.4rem;
z-index: 1;
pointer-events: none;*/
}
.copybd-grad-dashboard .bg-grad-top::before {
background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 2.7rem;
pointer-events: none;
}
.copybd-grad-dashboard .bg-grad-top::before {
background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 4.7rem;
pointer-events: none;
}
.copybd-grad-dashboard .bg-grad-bottom::before {
/* background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 2.7rem;
pointer-events: none;*/
}
.copybg-grad-main div.bg-grad-top::before { display: none }
/* add to footer z-index: 3; vhmx50-y{height: calc(50vh - 2rem) to both top/ bottom menus */
.bg-grad-menu::after {
-webkit-animation: bggradientcolour ease 120s;
animation: bggradientcolour ease 120s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
content: '';
position: fixed;
width: 18%;
height: 2rem;
z-index: 1;
overflow: scroll;
bottom: calc(50vh - 2.8rem);
pointer-events: none;
}
.bg-grad-top::before {
background: linear-gradient(to top, #D8CCDE,rgba(216,204,222,0));
/* -webkit-animation: bggradientcolour ease 120s;
animation: bggradientcolour ease 120s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;*/
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 3.8rem;
z-index: -1;
pointer-events: none;
}
@-webkit-keyframes bggradientcolour {
0% { background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));}
50% { background: linear-gradient(to top, #AD00FF, rgba(173,0,255,0));}
60.2% { background: linear-gradient(to top, rgba(173,0,255,0.95), rgba(173,0,255,0));}
60.25% { background: linear-gradient(to top, rgba(173,0,255,0.9), rgba(173,0,255,0));}
60.3% { background: linear-gradient(to top, rgba(173,0,255,0.85), rgba(173,0,255,0));}
60.35% { background: linear-gradient(to top, rgba(173,0,255,0.8), rgba(173,0,255,0));}
60.4% { background: linear-gradient(to top, rgba(173,0,255,0.75), rgba(173,0,255,0));}
60.45% { background: linear-gradient(to top, rgba(173,0,255,0.7), rgba(173,0,255,0));}
60.5% { background: linear-gradient(to top, rgba(173,0,255,0.65), rgba(173,0,255,0));}
60.55% { background: linear-gradient(to top, rgba(173,0,255,0.6), rgba(173,0,255,0));}
60.6% { background: linear-gradient(to top, rgba(173,0,255,0.55), rgba(173,0,255,0));}
60.65% { background: linear-gradient(to top, rgba(173,0,255,0.5), rgba(173,0,255,0));}
60.7% { background: linear-gradient(to top, rgba(173,0,255,0.45), rgba(173,0,255,0));}
60.75% { background: linear-gradient(to top, rgba(173,0,255,0.4), rgba(173,0,255,0));}
60.8% { background: linear-gradient(to top, rgba(173,0,255,0.35), rgba(173,0,255,0));}
60.85% { background: linear-gradient(to top, rgba(173,0,255,0.3), rgba(173,0,255,0));}
60.9% { background: linear-gradient(to top, rgba(173,0,255,0.25), rgba(173,0,255,0));}
60.95% { background: linear-gradient(to top, rgba(173,0,255,0.2), rgba(173,0,255,0));}
60.99% { background: linear-gradient(to top, rgba(173,0,255,0.15), rgba(173,0,255,0));}
61.05% { background: linear-gradient(to top, rgba(173,0,255,0.1), rgba(173,0,255,0));}
61.1% { background: linear-gradient(to top, rgba(173,0,255,0), rgba(173,0,255,0));}
87.8% { background: linear-gradient(to top, rgba(216,204,222,0.1), rgba(216,204,222,0));}
87.90% { background: linear-gradient(to top, rgba(216,204,222,0.2), rgba(216,204,222,0));}
87.94% { background: linear-gradient(to top, rgba(216,204,222,0.3), rgba(216,204,222,0));}
87.98% { background: linear-gradient(to top, rgba(216,204,222,0.4), rgba(216,204,222,0));}
88.1% { background: linear-gradient(to top, rgba(216,204,222,0.42), rgba(216,204,222,0));}
88.12% { background: linear-gradient(to top, rgba(216,204,222,0.46), rgba(216,204,222,0));}
88.15% { background: linear-gradient(to top, rgba(216,204,222,0.5), rgba(216,204,222,0));}
88.17% { background: linear-gradient(to top, rgba(216,204,222,0.52), rgba(216,204,222,0));}
88.2% { background: linear-gradient(to top, rgba(216,204,222,0.55), rgba(216,204,222,0));}
88.23% { background: linear-gradient(to top, rgba(216,204,222,0.58), rgba(216,204,222,0));}
88.26% { background: linear-gradient(to top, rgba(216,204,222,0.62), rgba(216,204,222,0));}
88.3% { background: linear-gradient(to top, rgba(216,204,222,0.65), rgba(216,204,222,0));}
88.33% { background: linear-gradient(to top, rgba(216,204,222,0.7), rgba(216,204,222,0));}
88.37% { background: linear-gradient(to top, rgba(216,204,222,0.73), rgba(216,204,222,0));}
88.4% { background: linear-gradient(to top, rgba(216,204,222,0.76), rgba(216,204,222,0));}
88.45% { background: linear-gradient(to top, rgba(216,204,222,0.8), rgba(216,204,222,0));}
88.5% { background: linear-gradient(to top, rgba(216,204,222,0.85), rgba(216,204,222,0));}
88.55% { background: linear-gradient(to top, rgba(216,204,222,0.9), rgba(216,204,222,0));}
88.65% { background: linear-gradient(to top, rgba(216,204,222,0.95), rgba(216,204,222,0));}
88.75% { background: linear-gradient(to top, rgba(216,204,222,0.98), rgba(216,204,222,0));}
100% { background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));}
}
@-moz-keyframes bggradientcolour {
0% { background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));}
50% { background: linear-gradient(to top, #AD00FF, rgba(173,0,255,0));}
60.2% { background: linear-gradient(to top, rgba(173,0,255,0.95), rgba(173,0,255,0));}
60.25% { background: linear-gradient(to top, rgba(173,0,255,0.9), rgba(173,0,255,0));}
60.3% { background: linear-gradient(to top, rgba(173,0,255,0.85), rgba(173,0,255,0));}
60.35% { background: linear-gradient(to top, rgba(173,0,255,0.8), rgba(173,0,255,0));}
60.4% { background: linear-gradient(to top, rgba(173,0,255,0.75), rgba(173,0,255,0));}
60.45% { background: linear-gradient(to top, rgba(173,0,255,0.7), rgba(173,0,255,0));}
60.5% { background: linear-gradient(to top, rgba(173,0,255,0.65), rgba(173,0,255,0));}
60.55% { background: linear-gradient(to top, rgba(173,0,255,0.6), rgba(173,0,255,0));}
60.6% { background: linear-gradient(to top, rgba(173,0,255,0.55), rgba(173,0,255,0));}
60.65% { background: linear-gradient(to top, rgba(173,0,255,0.5), rgba(173,0,255,0));}
60.7% { background: linear-gradient(to top, rgba(173,0,255,0.45), rgba(173,0,255,0));}
60.75% { background: linear-gradient(to top, rgba(173,0,255,0.4), rgba(173,0,255,0));}
60.8% { background: linear-gradient(to top, rgba(173,0,255,0.35), rgba(173,0,255,0));}
60.85% { background: linear-gradient(to top, rgba(173,0,255,0.3), rgba(173,0,255,0));}
60.9% { background: linear-gradient(to top, rgba(173,0,255,0.25), rgba(173,0,255,0));}
60.95% { background: linear-gradient(to top, rgba(173,0,255,0.2), rgba(173,0,255,0));}
60.99% { background: linear-gradient(to top, rgba(173,0,255,0.15), rgba(173,0,255,0));}
61.05% { background: linear-gradient(to top, rgba(173,0,255,0.1), rgba(173,0,255,0));}
61.1% { background: linear-gradient(to top, rgba(173,0,255,0), rgba(173,0,255,0));}
87.8% { background: linear-gradient(to top, rgba(216,204,222,0.1), rgba(216,204,222,0));}
87.90% { background: linear-gradient(to top, rgba(216,204,222,0.2), rgba(216,204,222,0));}
87.94% { background: linear-gradient(to top, rgba(216,204,222,0.3), rgba(216,204,222,0));}
87.98% { background: linear-gradient(to top, rgba(216,204,222,0.4), rgba(216,204,222,0));}
88.1% { background: linear-gradient(to top, rgba(216,204,222,0.42), rgba(216,204,222,0));}
88.12% { background: linear-gradient(to top, rgba(216,204,222,0.46), rgba(216,204,222,0));}
88.15% { background: linear-gradient(to top, rgba(216,204,222,0.5), rgba(216,204,222,0));}
88.17% { background: linear-gradient(to top, rgba(216,204,222,0.52), rgba(216,204,222,0));}
88.2% { background: linear-gradient(to top, rgba(216,204,222,0.55), rgba(216,204,222,0));}
88.23% { background: linear-gradient(to top, rgba(216,204,222,0.58), rgba(216,204,222,0));}
88.26% { background: linear-gradient(to top, rgba(216,204,222,0.62), rgba(216,204,222,0));}
88.3% { background: linear-gradient(to top, rgba(216,204,222,0.65), rgba(216,204,222,0));}
88.33% { background: linear-gradient(to top, rgba(216,204,222,0.7), rgba(216,204,222,0));}
88.37% { background: linear-gradient(to top, rgba(216,204,222,0.73), rgba(216,204,222,0));}
88.4% { background: linear-gradient(to top, rgba(216,204,222,0.76), rgba(216,204,222,0));}
88.45% { background: linear-gradient(to top, rgba(216,204,222,0.8), rgba(216,204,222,0));}
88.5% { background: linear-gradient(to top, rgba(216,204,222,0.85), rgba(216,204,222,0));}
88.55% { background: linear-gradient(to top, rgba(216,204,222,0.9), rgba(216,204,222,0));}
88.65% { background: linear-gradient(to top, rgba(216,204,222,0.95), rgba(216,204,222,0));}
88.75% { background: linear-gradient(to top, rgba(216,204,222,0.98), rgba(216,204,222,0));}
100% { background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));}
}
@keyframes bggradientcolour {
0% { background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));}
50% { background: linear-gradient(to top, #AD00FF, rgba(173,0,255,0));}
60.2% { background: linear-gradient(to top, rgba(173,0,255,0.95), rgba(173,0,255,0));}
60.25% { background: linear-gradient(to top, rgba(173,0,255,0.9), rgba(173,0,255,0));}
60.3% { background: linear-gradient(to top, rgba(173,0,255,0.85), rgba(173,0,255,0));}
60.35% { background: linear-gradient(to top, rgba(173,0,255,0.8), rgba(173,0,255,0));}
60.4% { background: linear-gradient(to top, rgba(173,0,255,0.75), rgba(173,0,255,0));}
60.45% { background: linear-gradient(to top, rgba(173,0,255,0.7), rgba(173,0,255,0));}
60.5% { background: linear-gradient(to top, rgba(173,0,255,0.65), rgba(173,0,255,0));}
60.55% { background: linear-gradient(to top, rgba(173,0,255,0.6), rgba(173,0,255,0));}
60.6% { background: linear-gradient(to top, rgba(173,0,255,0.55), rgba(173,0,255,0));}
60.65% { background: linear-gradient(to top, rgba(173,0,255,0.5), rgba(173,0,255,0));}
60.7% { background: linear-gradient(to top, rgba(173,0,255,0.45), rgba(173,0,255,0));}
60.75% { background: linear-gradient(to top, rgba(173,0,255,0.4), rgba(173,0,255,0));}
60.8% { background: linear-gradient(to top, rgba(173,0,255,0.35), rgba(173,0,255,0));}
60.85% { background: linear-gradient(to top, rgba(173,0,255,0.3), rgba(173,0,255,0));}
60.9% { background: linear-gradient(to top, rgba(173,0,255,0.25), rgba(173,0,255,0));}
60.95% { background: linear-gradient(to top, rgba(173,0,255,0.2), rgba(173,0,255,0));}
60.99% { background: linear-gradient(to top, rgba(173,0,255,0.15), rgba(173,0,255,0));}
61.05% { background: linear-gradient(to top, rgba(173,0,255,0.1), rgba(173,0,255,0));}
61.1% { background: linear-gradient(to top, rgba(173,0,255,0), rgba(173,0,255,0));}
87.8% { background: linear-gradient(to top, rgba(216,204,222,0.1), rgba(216,204,222,0));}
87.90% { background: linear-gradient(to top, rgba(216,204,222,0.2), rgba(216,204,222,0));}
87.94% { background: linear-gradient(to top, rgba(216,204,222,0.3), rgba(216,204,222,0));}
87.98% { background: linear-gradient(to top, rgba(216,204,222,0.4), rgba(216,204,222,0));}
88.1% { background: linear-gradient(to top, rgba(216,204,222,0.42), rgba(216,204,222,0));}
88.12% { background: linear-gradient(to top, rgba(216,204,222,0.46), rgba(216,204,222,0));}
88.15% { background: linear-gradient(to top, rgba(216,204,222,0.5), rgba(216,204,222,0));}
88.17% { background: linear-gradient(to top, rgba(216,204,222,0.52), rgba(216,204,222,0));}
88.2% { background: linear-gradient(to top, rgba(216,204,222,0.55), rgba(216,204,222,0));}
88.23% { background: linear-gradient(to top, rgba(216,204,222,0.58), rgba(216,204,222,0));}
88.26% { background: linear-gradient(to top, rgba(216,204,222,0.62), rgba(216,204,222,0));}
88.3% { background: linear-gradient(to top, rgba(216,204,222,0.65), rgba(216,204,222,0));}
88.33% { background: linear-gradient(to top, rgba(216,204,222,0.7), rgba(216,204,222,0));}
88.37% { background: linear-gradient(to top, rgba(216,204,222,0.73), rgba(216,204,222,0));}
88.4% { background: linear-gradient(to top, rgba(216,204,222,0.76), rgba(216,204,222,0));}
88.45% { background: linear-gradient(to top, rgba(216,204,222,0.8), rgba(216,204,222,0));}
88.5% { background: linear-gradient(to top, rgba(216,204,222,0.85), rgba(216,204,222,0));}
88.55% { background: linear-gradient(to top, rgba(216,204,222,0.9), rgba(216,204,222,0));}
88.65% { background: linear-gradient(to top, rgba(216,204,222,0.95), rgba(216,204,222,0));}
88.75% { background: linear-gradient(to top, rgba(216,204,222,0.98), rgba(216,204,222,0));}
100% { background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));}
}
/*text selection*/
::selection {
background-color: #EEF216;
}
::-moz-selection {
background-color: #EEF216;
}
::-o-selection {
background-color: #EEF216;
}
::-ms-selection {
background-color: #EEF216;
}
::-webkit-selection {
background-color: #EEF216;
}
/* collapsed breadcrumbs */
.copy-pl0 > div {padding-left: 0rem;}
div .copy-breadcrumbs:after {
content: '>';
position: absolute;
display: inline-block;
right: 0;
width: 2em;
text-align: center;
}
div .copy-breadcrumbs:last-child:after {
content: none;
width: 0em;
display: none;
}
.copybg-grad-main .copy-Onlychild-dn {
visibility: hidden;
}
.copy-breadcrumbs{
padding-left: 0.15rem;
}
div .copy-breadcrumbs {
display: inline-block;
position: relative;
padding-right: 1.5rem;
margin: 0;
}
.copy-breadcrumbs a {
display: inline-block;
white-space: nowrap;
}
.copy-wrap .copy-breadcrumbs a {
white-space: normal;
}
.collapsed-yellow div {
display: inline-block;
overflow: hidden;
}
.collapsed-yellow div:after {
background: rgb(238, 242, 22);
background: linear-gradient(90deg, rgba(238, 242, 22,0.4) 0%, rgba(238, 242, 22,1) 35%);
padding-left: 1rem;
}
.collapsed-yellow a {
max-width: 2rem;
transition: max-width 300ms ease-in-out;
}
.collapsed-yellow div:last-child a{
max-width: 1000px;
}
.collapsed-yellow a:hover,
.collapsed-yellow a:focus,
.collapsed-yellow div:hover a {
max-width: 1000px;
}
.collapsed-yellow div:hover:after {
padding-left: 0rem;
background: transparent;
}
.copy-collapsed-black .collapsed-black div {
display: inline-block;
overflow: hidden;
}
.copy-collapsed-black .collapsed-black div:after {
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 35%);
padding-left: 1rem;
}
.copy-collapsed-black .collapsed-black a {
max-width: 2rem;
transition: max-width 300ms ease-in-out;
}
.copy-collapsed-black .collapsed-black div:last-child a{
max-width: 1000px;
}
.copy-collapsed-black .collapsed-black a:hover,
.copy-collapsed-black .collapsed-black a:focus,
.copy-collapsed-black .collapsed-black div:hover a {
max-width: 1000px;
}
.copy-collapsed-black .collapsed-black div:hover:after {
padding-left: 0rem;
background: transparent;
}
.minH-2 { min-height: 2rem; }
/* margins */
.co0{margin-left:0}
.co1{margin-left:8.33333%}
.co2{margin-left:16.66667%}
.co3{margin-left:25%}
.co4{margin-left:33.33333%}
.co5{margin-left:41.66667%}
.co6{margin-left:50%}
.co7{margin-left:58.33333%}
.co8{margin-left:66.66667%}
.co9{margin-left:75%}
.co10{margin-left:83.33333%}
.co11{margin-left:91.66667%}
.co12{margin-left:100%}
.ma{margin:auto}
.m0{margin:0}
.m0-15{margin:0.15rem}
.m0-25{margin:0.25rem}
.m0-5{margin:0.5rem}
.m1{margin:1rem}
.m2{margin:2rem}
.m4{margin:4rem}
.mt0{margin-top:0}
.mt0-15{margin-top:0.15rem}
.mt0-25{margin-top:0.25rem}
.mt0-5{margin-top:0.5rem}
.mt0-75{margin-top:0.75rem}
.mt--2 {margin-top:-2rem}
.mt--1-5 {margin-top: -1.5em;}
.mt0{margin-top:0}
.mt0-15{margin-top:0.15rem}
.mt0-25{margin-top:0.25rem}
.mt0-3{margin-top:0.3rem}
.mt0-5{margin-top:0.5rem}
.mt0-75{margin-top:0.75rem}
.mt1{margin-top:1rem}
.mt1-4{margin-top:1.4rem}
.mt1-5{margin-top:1.5rem}
.mt2{margin-top:2rem}
.mt2-4{margin-top:2.4rem}
.mt3{margin-top:3rem}
.mt3-65{margin-top:3.65%}
.mt4{margin-top:4rem}
.mt4-6{margin-top:4.6rem}
.mt5{margin-top:5rem}
.mt6{margin-top:6rem}
.mt8{margin-top:8rem}
.mt10{margin-top:10rem}
.mt11{margin-top:11rem}
.mt12{margin-top:12rem}
.mt14{margin-top:14rem}
.mt5vmin {margin-top: 5vmin;}
.mt50{margin-top:50%}
.mr0{margin-right:0}
.mr0-1{margin-right:0.1rem}
.mr0-15{margin-right:0.15rem}
.mr0-25{margin-right:0.25rem}
.mr0-5{margin-right:0.5rem}
.mr1{margin-right:1rem}
.mr1-2{margin-right:1.2rem;}
.mr2{margin-right:2rem}
.mr4{margin-right:4rem}
.mb0{margin-bottom:0}
.mb0-15{margin-bottom:0.15rem}
.mb0-25{margin-bottom:0.25rem}
.mb0-5{margin-bottom:0.5rem}
.copy-mb:last-of-type {margin-bottom:0rem;}
.copy-sidemenu-mb3:last-child {margin-bottom: 3rem;}
.copyX-mb > div {margin-bottom: 1rem; flex-direction: column;}
.mb1{margin-bottom:1rem}
.mb1-5{margin-bottom:1.5rem}
.mblc-2:last-child {margin-bottom:2rem}
.mb2{margin-bottom:2rem}
.mb3{margin-bottom:3rem}
.mb4{margin-bottom:4rem}
.mb5{margin-bottom:5rem}
.mb6{margin-bottom:6rem}
.mb12{margin-bottom:12rem}
.mb14{margin-bottom:14rem}
.ml--1 {margin-left: -1em;}
.ml--02 {margin-left: -0.2em;}
.ml-a{margin-left:auto}
.ml0{margin-left:0}
.ml0-10{margin-left:0.10rem}
.ml0-15{margin-left:0.15rem}
.ml0-25{margin-left:0.25rem}
.ml0-5{margin-left:0.5rem}
.ml1{margin-left:1rem}
.ml2{margin-left:2rem}
.ml4{margin-left:4rem}
.ml6{margin-left:6rem}
.mxa{margin-left:auto;margin-right:auto}
.mx0{margin-left:0;margin-right:0}
.mx0-15{margin-left:0.15rem;margin-right:0.15rem}
.mx0-25{margin-left:0.25rem;margin-right:0.25rem}
.mx0-5{margin-left:0.5rem;margin-right:0.5rem}
.mx0-75{margin-left:0.75rem;margin-right:0.75rem}
.mx1{margin-left:1rem;margin-right:1rem}
.mx2{margin-left:2rem;margin-right:2rem}
.mx4{margin-left:4rem;margin-right:4rem}
.mx6{margin-left:6rem;margin-right:6rem}
.mxa{margin-left:auto;margin-right:auto}
.mya{margin-top:auto;margin-bottom:auto}
.my0{margin-top:0;margin-bottom:0}
.my0-15{margin-top:0.15rem;margin-bottom:0.15rem}
.my0-25{margin-top:0.25rem;margin-bottom:0.25rem}
.my0-5{margin-top:0.5rem;margin-bottom:0.5rem}
.my1{margin-top:1rem;margin-bottom:1rem}
.my2{margin-top:2rem;margin-bottom:2rem}
.my3{margin-top:2rem;margin-bottom:2rem}
.my4{margin-top:4rem;margin-bottom:4rem}
.my45 { margin-top: 45px; margin-bottom: 45px; }
.copy-mr > .mr0-5 {margin-right: 2rem; }
.copy-mr-button > div {margin-right: 1rem; }
/* padding */
.p0{padding:0}
.p0-15{padding:0.15rem}
.p0-20{padding:0.20rem}
.p0-25{padding:0.25rem}
.p0-5{padding:0.5rem}
.p01-015 {padding: 0.1rem 0.15rem;}
.p1{padding:1rem}
.p2{padding:2rem}
.p4{padding:4rem}
.pt0{padding-top:0}
.pt0-10{padding-top:0.10rem}
.pt0-15{padding-top:0.15rem}
.pt0-20{padding-top:0.20rem}
.pt0-25{padding-top:0.25rem}
.pt0-30{padding-top:0.30rem}
.pt0-5{padding-top:0.5rem}
.pt1{padding-top:1rem}
.pt1-5{padding-top:1.5rem}
.pt2{padding-top:2rem}
.pt4{padding-top:4rem}
.pr0{padding-right:0}
.pr0-15{padding-right:0.15rem}
.pr0-25{padding-right:0.25rem}
.pr0-40{padding-right:0.40rem}
.pr0-5{padding-right:0.5rem}
.pr1{padding-right:1rem}
.copyPx2:first-child {padding-left:2rem}
.pr1-25{padding-right:1.25rem}
.pr1-5{padding-right:1.5rem}
.pr2{padding-right:2rem}
.pr2-25{padding-right:2.25rem}
.pr4{padding-right:4rem}
.pb0{padding-bottom:0}
.pb0-5-3{padding-bottom:calc(0.5rem - 3px)}
.pb0-15{padding-bottom:0.15rem}
.pb0-25{padding-bottom:0.25rem}
.pb0-5{padding-bottom:0.5rem}
.pb1{padding-bottom:1rem}
.pb2{padding-bottom:2rem}
.pb3{padding-bottom:3rem}
.pb4{padding-bottom:4rem}
.pb5{padding-bottom:5rem}
.pb6{padding-bottom:6rem}
.pb7{padding-bottom:7rem}
.pb8{padding-bottom:8rem}
.pl0{padding-left:0}
.pl0-15{padding-left:0.15rem}
.pl0-25{padding-left:0.25rem}
.pl0-5{padding-left:0.5rem}
.pl1{padding-left:1rem}
.pl1-5{padding-left:1.5rem}
.pl2{padding-left:2rem}
.pl4{padding-left:4rem}
.px0{padding-left:0;padding-right:0}
.px0-15{padding-left:0.15rem;padding-right:0.15rem}
.px0-25{padding-left:0.25rem;padding-right:0.25rem}
.px0-35{padding-left:0.35rem;padding-right:0.35rem}
.px0-5{padding-left:0.5rem;padding-right:0.5rem}
.px1{padding-left:1rem;padding-right:1rem}
.px1-80{padding-left:1.80rem;padding-right:1.80rem}
.px2{padding-left:2rem;padding-right:2rem}
.px4{padding-left:4rem;padding-right:4rem}
.py0{padding-top:0;padding-bottom:0}
.py0-15{padding-top:0.15rem;padding-bottom:0.15rem}
.copyPy0:first-child {padding-top:0rem;padding-bottom:0rem}
.py0-25{padding-top:0.25rem;padding-bottom:0.25rem}
.py0-5{padding-top:0.5rem;padding-bottom:0.5rem}
.py0-65{padding-top:0.65rem;padding-bottom:0.5rem}
.py1{padding-top:1rem;padding-bottom:1rem}
.py2{padding-top:2rem;padding-bottom:2rem}
.py3{padding-top:3rem;padding-bottom:3rem}
.py4{padding-top:4rem;padding-bottom:4rem}
.copy-bt-6:last-child {padding-bottom: 6rem;}
.op0{opacity:0}
.op25{opacity:0.25}
.op50{opacity:0.5}
.op75{opacity:0.75}
.op100{opacity:1}
.bgsc{background-size:cover}
.bgsct{background-size:contain}
.bgpc{background-position:center}
.bgpt{background-position:top}
.bgpr{background-position:right}
.bgpb{background-position:bottom}
.bgpl{background-position:left}
.bgrn{background-repeat:no-repeat}
.bgrx{background-repeat:repeat-x}
/* align */
.bgry{background-repeat:repeat-y}
.x{display:flex}
.xac{align-items:center}
.xab{align-items:baseline}
.xafb{align-items:first baseline}
.xas{align-items:stretch}
.xafs{align-items:flex-start}
.xafe{align-items:flex-end}
.xase {align-self: flex-end;}
.xae {align-content: flex-end;}
.xacs {align-content: start;}
.xace {align-content: center;}
.xdr{flex-direction:row}
.xdrr{flex-direction:row-reverse}
.xdc{flex-direction:column;}
.xdcr{flex-direction:column-reverse}
.xjc{justify-content:center}
.xjb{justify-content:space-between}
.xjse{justify-content:space-evenly}
.xl {justify-content: left;}
.xr {justify-content: right;}
.xja{justify-content:space-around}
.xjs{justify-content:flex-start}
.xje{justify-content:flex-end}
.xjend {justify-content:flex-end}
.xw{flex-wrap:wrap;}
.xwr{flex-wrap:wrap-reverse}
.xwn{flex-wrap:nowrap}
.fsh-0 {flex-shrink: 0;}
.fsh-1 {flex-shrink: 1;}
.xi{flex:initial}
.xx{flex:1}
.xa{flex:auto}
.xn{flex:none}
.xan{flex: 1 1 auto;}
.xo0{order:0}
.xo1{order:1}
.xo2{order:2}
.xo3{order:3}
.xo4{order:4}
.xot{order:-1}
.xob{order:99}
.df-webkit {display: -webkit-flex; }
.df{display:flex}
.df1 {flex: 1}
.db{display:block}
.dib{display:inline-block}
.di{display:inline}
.dif{display:inline-flex}
.dt{display:table}
.dtc{display:table-cell}
.dtr{display:table-row}
.dig{display: inline-grid}
.grid-template-full { grid-template-columns: 100%; grid-row-gap: 0px; }
.grid-template-third { grid-template-columns: 32% 32% 32%; grid-row-gap: 0.5rem; }
.grid-template-four-col { grid-template-columns: 24% 24% 24% 24%; grid-row-gap: 0.5rem; }
.grid-template-search:not(.buttonmore) {
grid-row-gap: 0.5rem;
grid-template-columns:
repeat(auto-fit, minmax(300px, 1fr));}
.grid-template-full .grid-template-four-search {grid-template-columns: 50% 20% 15% 15%}
.grid-template-four-search {grid-template-columns: 50% 20% 15% 15%}
.grid-template-four {grid-template-columns: 60% 20% 10% 10%}
.grid-template-five-button {grid-template-columns: 10% 50% 20% 10% 10%; }
.grid-template-five { grid-template-columns: 35% 15% 15% 15% 20%;}
/*.grid-template-full .grid-template-four-search:last-child {margin-bottom: 5rem;}*/
.grid-template-search .view-grid-b-dash { border: 1px dashed #000000; }
.grid-template-search .view-grid-b-dash-solid:hover { border: 1px solid #000000; }
.grid-template-search .view-grid-p1 {padding: 1rem}
.grid-template-search .view-grid-m1{margin:1rem}
.grid-template-search .view-grid-copyBT p { margin-bottom: 0px; margin-top: 0px;}
.grid-template-search .view-grid-text {display: none;}
.grid-template-search .view-grid-meta { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.grid-template-search .view-grid-meta p {width: min-content;}
.view-grid-title {display: block !important; width: 100%;}
.view-grid-title p {width: 100% !important;}
.grid-template-full > button {margin-top: 2rem; margin-bottom: 2rem; }
/*still missing imgcrop3-2 py0-5 mt2*/
.grid-template-search .view-grid-img figure {}
/*still missing xblur-up ls-is-cached lazyloaded*/
.grid-template-search .view-grid-img figure img {}
.only-img > div:only-child {align-content: space-evenly;}
.copy-vh-sidemenu a { visibility: hidden; }
.dn{display:none}
.fl{float:left}
.fr{float:right}
.fn{float:none}
.cf:after{content:'';display:block;clear:both}
.oh{overflow:hidden}
.os{overflow:scroll}
.ov{overflow:visible}
.oxh{overflow-x:hidden}
.oxs{overflow-x:scroll}
.oxv{overflow-x:visible}
.oya{overflow-y:auto}
.oyh{overflow-y:hidden}
.oys{overflow-y:scroll}
.oyv{overflow-y:visible}
@-moz-document url-prefix() {
.oya-firefox {overflow-y:auto}
}
/* position */
.psa{position:absolute}
.psr{position:relative}
.psf{position:fixed}
.pss{position:static}
.pst{position: -webkit-sticky; position: sticky;}
.copypsf nav {position:fixed}
.t0{top:0}
.r0{right:0}
.b0{bottom:0}
.l0{left:0}
.l999{left: -999px}
.t25{top:25%}
.r25{right:25%}
.b25{bottom:25%}
.l10{left:10%}
.l25{left:25%}
.t40{top: 40%}
.t50{top:50%}
.r50{right:50%}
.b50{bottom:50%}
.l50{left:50%}
.b2-05 {bottom: 2.05rem;}
.b2-3 {bottom: 2.3rem;}
.b2-5{bottom:2.5rem}
.b2-65{bottom:2.65rem;}
.b4{bottom:4rem}
.z-1{z-index:-1}
.z1{z-index:1}
.z2{z-index:2}
.z3{z-index:3}
.z99{z-index: 99;}
/* width heights */
.w0{width:0}
.w5 {width:5%}
.w30 {width:30%}
.w31-5 {width:31.5%}
.w33 {width: 33.3%}
.w45 {width:45%}
.w50 {width:50%}
.w55{width:55%}
.w65{width:65%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}
.wa {width: auto;}
.w4r {width: 4rem;}
.w-popup {width:320px}
.w-popup-300 {width:300px}
.w4r {width : 4rem }
.max-w13-2{max-width : 13.2rem }
.copy-mx-combo .copy-max-w13-5{max-width : 13.5rem }
.max-w6 {max-width : 6rem }
.max-w8 {max-width : 8rem }
.copyMaxW8 .max-w8 {max-width : none }
.copyW100 > .w100 {width: auto;}
.copy-ptGrad > div {padding-top: 0.5rem}
.wmx100{max-width:100%}
.vw50{width:50vw}
.vw60{width:60vw}
.vw100{width:100vw}
.vwmn50{min-width:50vw}
.vwmn100{min-width:100vw}
.vwmx40{max-width:40vw}
.vwmx50{max-width:50vw}
.w-min3 {min-width: 3.5rem}
.w-min3-7 {min-width: 3.7rem}
.w-min5 {min-width: 5rem}
.w-min6 {min-width: 6rem;}
.w-min6-5 {min-width: 6.5rem;}
.w-min7 {min-width: 7rem;}
.vwmx100{max-width:100vw}
.w-resize {width: 0.5rem}
.w-mx8 {max-width: 8rem}
.w-mx10 {max-width: 10rem}
.w-200{width: 200px}
.w-60{width: 60px}
.w-100{width:100px}
.w-max-120{max-width:120px}
.w100-dropdown {width:100}
.w-mxco {width: max-content;}
.minc {width: min-content;}
.hinc {height: min-content;}
.w-fit-c {width: fit-content; width: -moz-fit-content;}
.h-fit-c {height: fit-content; height: -moz-fit-content;}
.ha{height:auto}
.h0{height:0}
.h33{height:33%}
.h66{height:66%}
.h100{height:100%}
.mxh200 {max-height: 200px;}
.mxh600 {max-height: 600px;}
.mxh10 {max-height: 10rem;}
.h50{height:50%}
.h2r{height:2rem}
.h20px{height:20px}
.h-100{height:100px}
.h-200{height:200px}
.vh50{height:50vh}
.vh100{height:100vh}
.copy-minh{min-height:0.8rem}
.vhmn50{min-height:50vh}
.vhmn100{min-height:100vh}
.vhmx50{max-height:50vh}
.vhmx75 {max-height: calc(75vh - 2rem);}
.vhmx100{max-height:100vh}
.vh100-144{height: calc(100vh - 135px)}
.vh100-140{height: calc(100vh - 140px)}
.vh100-150{height: calc(100vh - 150px)}
.vh100-200{height: calc(100vh - 200px)}
.vh100-450{max-height: calc(100vh - 450px)}
.vh100-118{height: calc(100vh - 118px)}
.copy-vh-grad + div .vh100-118 { height: calc(100vh - 168px)}
.copy-h-pt button {min-height:1.6rem; padding-top: 0.20rem}
.ar25:before{padding-top:25%;content:'';display:block}
.ar50:before{padding-top:50%;content:'';display:block}
.ar75:before{padding-top:75%;content:'';display:block}
.ar100:before{padding-top:100%;content:'';display:block}
/* fonts */
/* manding page */
.f-50-52 { font-size: 50px; line-height: 52px; }
/* main p paragraph */
/*p { font-size: 1rem; line-height: 1.2rem;}*/
.f-15-18 { font-size: 1rem; line-height: 1.2rem;}
/* smaller text { font-size: 13px; line-height: 15px;} */
.f-13-15 { font-size: 0.86rem; line-height:1rem}
.f-13-15 p { font-size: 0.86rem; line-height:1rem}
/* h2 { font-size: 30px or 2rem; line-height: 32px or 2.2;} */
h1 { font-size: 2rem; line-height: 2.2rem; font-weight: normal;}
/* h2 { font-size: 25px or 1.7rem; line-height: 27px or 1.85;} */
h2 { font-size: 1.65rem; line-height: 1.8rem; font-weight: normal;}
.f-30-32 { font-size: 1.65rem; line-height: 1.8rem; font-weight: normal;}
.f-h2-article h2 { font-weight: normal; font-size: calc(15px + (25 - 15) * ((100vw - 768px) / (1600 - 768))); line-height: calc(18px + (27 - 18) * ((100vw - 768px) / (1600 - 768)));}
/* .f-side-menu {font-size: 1.85vw; line-height: 1.85vw}*/
.f-side-menu { font-size: calc(15px + (25 - 15) * ((100vw - 768px) / (1600 - 768))); line-height: calc(18px + (27 - 18) * ((100vw - 768px) / (1600 - 768)));}
/* h3 { font-size: 18px; line-height: 20px; } */
/* p { font-size: 15px; line-height: 18px; } */
.f-toggle-resize { font-size: calc(10px + (13 - 10) * ((100vw - 768px) / (1600 - 768))); line-height: calc(12px + (15 - 12) * ((100vw - 768px) / (1600 - 768)));}
.section-toggle {
overflow:hidden;
transition:height 0.3s ease-in-out;
height:auto;
}
.hyphen {
-o-hyphens: auto;
-webkit-hyphens: auto; /* iOS 4.2+ */
-moz-hyphens: auto; /* Firefox 5+ */
-ms-hyphens: auto; /* IE 10+ */
word-break:break-word;
hyphens: auto;
}
.copyT h1 { margin-top: 0px; }
.copyT h2 { margin-top: 0px; }
.copyB h2 { margin-bottom: 0px; }
.copyT-h2 h2 { margin-top: 0px; }
.copyB-h2 h2 { margin-bottom: 0px; }
.copyBT-h2 h2 { margin-bottom: 0px; margin-top: 0px; }
.copyB p { margin-bottom: 0px; }
.copyT p { margin-top: 0px; }
.copyBT p { margin-bottom: 0px; margin-top: 0px; }
.copy p:last-child { margin-bottom: 0px;}
hr {
border: none;
margin: 0;
padding-bottom: 5rem;
}
.w-bw {word-wrap: break-word;}
/* symbols */
.f-10 { font-size: 10px;}
.f-60-22 { font-size: 60px; line-height: 22px;}
.icon-cross_mark:before { content: '\f00d'; color: black !important}
.input:before { content: '\f2ed'; } /* same as trash */
.icon-trash:before { content: '\f2ed'; }
.icon-plus-circle:before { content: '\f055'; }
.icon-plus:before { content: '\f067'; }
.icon-minus:before { content: '\f068'; }
.icon-pen:before { content: '\f304'; }
.icon-reply:before { content: '\f3e5'; }
.icon-magnifying:before { content: '\f002'; }
.icon-arrow-up:before { content: '\f062'; }
.icon-arrow-right:after { content: '\f061'; }
.icon-arrow-left:before { content: '\f060'; }
.icon-chevron_left:before { content: '\f053'; }
.icon-chevron_down:before { content: '\f078'; }
.icon-chevron_up:before { content: '\f077'; }
.icon-arrow-double-down:before { content: '\f103'; }
.icon-arrow-double-up:before { content: '\f102'; }
.icon-arrow-down:before { content: '\f063'; }
.icon-arrow-up:before { content: '\f062'; }
.icon-sort-numeric-up-alt:before { content: '\f887'; }
.icon-sort-numeric-down-alt:before { content: '\f886'; }
.icon-circle-down:before { content: '\f0ab'; }
.icon-arrows-replace:before { content: '\f021'; }
.icon-arrows-alt:before { content: '\f31e'; }
.icon-exclamation-circle:before { content: '\f06a'; }
.icon-highlighter:before { content: '\f591'; }
.icon-underline:before { content: '\f0cd'; }
.icon-strikethrough:before { content: '\f0cc'; }
.icon-list-ul:before { content: '\f0ca'; }
.icon-list-ol:before { content: '\f0cb'; }
.icon-link:before { content: '\f0c1'; }
.icon-text:before { content: '\f036'; }
.icon-H:before { content: '\f1dc'; }
.icon-image:before { content: '\f03e'; }
.icon-code:before { content: '\f121'; }
.icon-file-code:before { content: '\f1c9'; }
.icon-paragraph:before { content: '\f1dd'; }
.icon-rocket:before { content: '\f135'; }
.icon-file-youtube:before { content: '\f167'; }
.icon-eye:before { content: '\f06e'; }
.icon-preview:before { content: '\f59a'; }
.icon-clock:before { content: '\f017'; }
.icon-duplicate:before { content: '\f24d'; }
.icon-upload:before { content: '\f093'; }
.icon-file-export:before { content: '\f56e'; }
.icon-file:before { content: '\f15b'; }
.icon-columns:before { content: '\f0db'; }
.icon-shapes:before { content: '\f61f'; }
.icon-folder-open:before { content: '\f07c'; }
.icon-external-link:before { content: '\f35d'; }
.icon-user:before { content: '\f007'; }
.icon-star:before { content: '\f005'; }
.icon-menu:before { content: '\f0c9'; }
.icon-view-list:before { content: '\f00b'; }
.icon-view-grid:before { content: '\f009'; }
.icon-desktop:before { content: '\f108'; }
.icon-mail:before { content: '\f0e0'; }
.icon-speechbubble:before { content: '\f075'; }
.icon-twitter:before { content: '\f099'; }
.icon-facebook:before { content: '\f39e'; }
.icon-world:before { content: '\f57c'; }
.icon-exclamation:before { content: '\f12a'; }
.icon-exclamation-circle:before { content: '\f06a'; }
.icon-question-circle:before { content: '\f059'; }
.icon-hourglass-end:before { content: '\f253'; }
.icon-status:before { content: '\f042'; }
.icon-rss:before { content: '\f09e'; }
.icon-calendar-check:before { content: '\f274'; }
.icon-calendar-alt:before { content: '\f073'; }
.copyicon-chevron_down-textoolbar:after {
content: '\f078';
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size: 0.66rem;
line-height: 0.8rem;
margin-left: 0.5rem;
padding-top: 0.2rem;
}
.copyicon-chevron_down:after {
content: '\f078';
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size: 0.66rem;
line-height: 0.8rem;
padding-left: 0.5rem;
padding-top: 0.2rem;
display: flex;
align-content: flex-end;
margin-left: auto;
z-index: 1;
pointer-events: none;
}
.copyicon-chevron_down-topmenu::after {
content: '\f078';
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size: 0.66rem;
line-height: 0.8rem;
padding: 0.2rem 0.5rem 0rem 0.5rem;
position: absolute;
right: 0;
z-index: 0;
pointer-events: none;
}
/* icon hover editor ref https://codepen.io/jacmaes/pen/sDiof*/
.copyAria [aria-label] {
position: relative;
}
.copyAriaRight [aria-label] {
position: relative;
}
.copyAria [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: 0rem;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: pre;
text-align: left;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
.copyAriaRight [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: initial;
right: 0rem !important;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: pre;
text-align: left;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
.copyAriaRight [aria-label]:hover:after, .copyAriaRight [aria-label]:focus:after , .copyAria [aria-label]:hover:after, .copyAria [aria-label]:focus:after {
display: block;
}
.apply-button-nav {
margin-top: -0.5rem;
margin-right: auto;
margin-left: 0.5rem;
/* margin-top: -0.35rem;
margin-left: 1rem; */
font-size: 0.86rem;
line-height: 1rem;
text-align: center;
width: 4rem; /* before 3.5rem */
height: 4rem;
border-radius: 50%;
background: #EEF216;
color: #000;
display: flex;
align-items: center;
/*justify-content: center;
*/}
/* if nav `a` contains md text (eg `p`)
this centers whatever is inside to the `a` container */
.apply-button-nav > * {
width: 100%;
}
.f-11-13 { font-size: 11px; line-height: 13px; }
.f-12-15 { font-size: 12px; line-height: 15px;}
.f-13-26 { font-size: 13px; line-height: 26px;}
.f-14-16 { font-size: 14px; line-height: 16px;}
.f-15-17 { font-size: 15px; line-height: 17px;}
.f-18-22 { font-size: 18px; line-height: 22px;}
.f-18-30 { font-size: 18px; line-height: 30px;}
.f-180-180 { font-size: 180px; line-height: 180px;}
.f-line-h0 {line-height: 0rem}
.f-line-n {line-height: normal}
/* small DAE logo font-size: 18px; line-height: 20px; */
.f-18-20 { font-size: 1.2rem; line-height: 1.33rem;}
/* landing page DAE logo */
.f-26vh-24vh {font-size: 26vh; line-height: 24vh;}
.f-bold {
font-family: 'MADSansFillBold';
font-style: normal;
}
.f-edit {
font-family:'Inter';
font-style: normal;
font-weight: normal;
}
.f-symbol {
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size: 0.66rem;
line-height: 0.8rem;
}
.f-30 {font-size: 1.6rem;}
.f-symbol-brand {
font-family:'Font Awesome 5 Brands Regular';
font-style: normal;
font-weight: normal;
font-size: 0.66rem;
line-height: 0.8rem;
}
.f-symbol-search {
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size:1rem;
line-height: 1.8rem;
}
.icon-magnifying {
font-size:1rem;
line-height: 1.2rem
}
.f-under {text-decoration: underline;}
.f-highlight {
background: #EEF216;
border-radius: 2px;
padding: 0rem 0.10rem 0rem 0.10rem;
}
.fs0-8{font-size:0.8rem}
.fs1{font-size:1rem}
.fs1-3{font-size:1.3rem}
.fs1-5{font-size:1.5rem}
.fs2{font-size:2rem}
.fs2-4{font-size:2.4rem}
.lh1{line-height:1}
.fsn{font-style:normal}
.fsi{font-style:italic}
.fwn{font-weight:normal}
.fwb{font-weight:bold}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.taj{text-align:justify}
.toi{text-overflow:initial}
.toc{text-overflow:clip}
.toe{text-overflow:ellipsis}
.tdu{text-decoration:underline}
.tduh:hover {text-decoration:underline}
.copy-tdu a {
border-bottom: 0.5px dashed #000000;
/* -webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-style: dashed;
text-decoration-color: #000000;
text-decoration-thickness: 0.03rem;
*/
}
.copy-tduh a:hover {
border-bottom: 0.5px solid #000000;
/* -webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-color: #000000;
text-decoration-thickness: 0.03rem;
cursor: pointer;
*/ }
.tdua:active {text-decoration:underline}
.tdo{text-decoration:overline}
.tdlt{text-decoration:line-through}
.tdn{text-decoration:none}
.tdnh:hover {text-decoration:none}
.ttu{text-transform:uppercase}
.ttl{text-transform:lowercase}
.ttc{text-transform:capitalize}
.ttn{text-transform:none}
.wbka {word-break: keep-all}
.wbbw {word-break: break-word}
.wb-hy {hyphens: auto;}
.vabl{vertical-align:baseline}
.vat{vertical-align:top}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.vatt{vertical-align:text-top;}
.vatb{vertical-align:text-bottom;}
.wsn{white-space:normal}
.wsnw{white-space:nowrap}
.wsp{white-space:pre}
.wsi{white-space:inherit}
.tc1{columns:1}
.tc2{columns:2}
.tc3{columns:3}
.tc4{columns:4}
/* cursor */
.grab {cursor: -webkit-grab; cursor: grab;}
.col-resize {cursor: col-resize;}
.col-resize:hover {cursor: col-resize;}
.curtext {cursor: text;}
.pointer {cursor: pointer;}
.curp{cursor:pointer}
.curd{cursor:default}
.cura{cursor:alias}
.curzi{cursor:zoom-in}
.curzo{cursor:zoom-out}
.cucm {cursor: context-menu;}
.cuna {cursor: not-allowed;}
.curmove {cursor:move; }
.curgrab {cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;}
.usn{user-select:none}
.usa{user-select:auto}
.ust{user-select:text}
.pen{pointer-events:none}
.pea{pointer-events:auto}
.vh{visibility:hidden}
.vv{visibility:visible}
.dev{outline:1px solid #912eff}
.dev > * {outline:1px solid #5497ff}
.dev > * > * {outline:1px solid #51feff}
.dev > * > * > * {outline:1px solid #ff0000}
.dev > * > * > * * {outline:1px solid #00ff00}
/* more animations */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
}
50% {
-webkit-transform: scale(1.01) translate3d(0,0,0);
transform: scale(1.01) translate3d(0,0,0);
filter: blur(.0px);
-webkit-filter: blur(0);
}
to {
-webkit-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
}
}
@keyframes pulse {
from {
-webkit-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
}
50% {
-webkit-transform: scale(1.01) translate3d(0,0,0);
transform: scale(1.01) translate3d(0,0,0);
filter: blur(.0px);
-webkit-filter: blur(0);
}
to {
-webkit-transform: scale(1) translate3d(0,0,0);
transform: scale3d(1) translate3d(0,0,0);
}
}
.pulse:hover {
-webkit-animation-name: pulse;
animation-name: pulse;
animation-duration: 1s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transform-origin: 0% 0;
filter: blur(.0px);
-webkit-filter: blur(0);
}
/* borders */
.b-none { border: none; }
.b-thin-black { border: 0.5px solid #000000; }
.b-bottom-thin-black { border-bottom: 0.5px solid #000000; }
.b-black { border: 1px solid #000000; }
.b-black-l-b-r { border-width: 0px 0.5px 0.5px 0.5px; border-style: solid; border-color:#000000; }
.b-black-t-r-l { border-width: 0.5px 0.5px 0px 0.5px; border-style: solid; border-color:#000000; }
.b-left-black { border-left: 1px solid #000000; }
.b-right-black { border-right: 1px solid #000000; }
.b-top-black { border-top: 1px solid #000000; }
.b-bottom-black { border-bottom: 1px solid #000000; }
.b-thin-bottom-black { border-bottom: 0.5px solid #000000; }
.b-top-thick-black { border-top: 2px solid #000000; }
.b-bottom-thick-black { border-bottom: 2px solid #000000 !important}
.b-thick-yellow {
border-top: 2px solid #EEF216;
border-left: 2px solid #EEF216;
border-right: 2px solid #EEF216;
border-bottom: 2px solid #EEF216;
}
.out-thin-black { outline : 0.5px solid #000000; }
.b-small-button {
border: 0.5px solid #000000;
box-sizing: border-box;
border-radius: 2px;
width: max-content;
}
.copyWa {
width: auto;
}
.b-search-button {
border-radius: 70px;
box-sizing: border-box;
}
.clickbutton{
-webkit-transition: .5s transform ease-in-out;
-moz-transition: .5s transform ease-in-out;
-o-transition: .5s transform ease-in-out;
-ms-transition: .5s transform ease-in-out;
}
.clickbutton-bg-black:active {
background: #000;
color: #D8CCDE;
}
.clickbutton-bg-black-fg-purple:active {
background: #000;
color: #AD00FF;
}
.clickbutton:active {
background: #000;
color: #D8CCDE;
}
.clickbutton-blend:active {
background: #000;
color: #D8CCDE;
mix-blend-mode: multiply;
}
.copy-blend-hd span {
mix-blend-mode: hard-light;}
.clickbutton:hover {
transform: scale(1.1);
}
.b-select-visible { background-color: #D8CCDE; }
.b-dash { border: 1px dashed #000000; }
.b-dash-solid:hover { border: 1px solid #000000; }
.b-dash-y { border-top: 1px dashed #000000; border-bottom: 1px dashed #000000; }
.b-dash-l { border-left: 1px dashed #000000;}
.b-dash-r { border-right: 1px dashed #000000;}
.b-dash-r:last-child { border-right: 0px dashed #000000;}
.b-dash-top { border-top: 1px dashed #000000;}
.b-dash-bottom { border-bottom: 1px dashed #000000; }
.b-rad-2 {border-radius: 2px;}
.b-rad-t2 {border-radius: 2px 2px 0px 0px;}
.b-rad-b2 {border-radius: 0px 0px 2px 2px;}
.b-rad-menu-mob {border-radius: 10px 10px 0px 0px;}
div.b-dash-bottom-landing-page { border-bottom: 1px dashed #000000; }
div.b-dash-bottom-landing-page:last-child { border-bottom: 0px dashed #000000; }
/* } */
/* CSS FOR POP UPS */
/*style for image filter: */
.blur-up {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
filter:blur(5px);
transition:filter .4s
}
.blur-up.lazyloaded {
filter:url('data:image/svg+xml;charset=utf-8,#filter');
filter:blur(0);
}
/* menu */
.red-dot {
width: 1rem;
height: 1rem;
border-radius: 50%;
}
.red-dot-active {
width: 1rem;
height: 1rem;
border-radius: 50%;
background-color: #F43F55;
}
.red-dot-mt3-65{margin-top:3%}
a.f-side-menu:focus {
outline: 0;
color: #AD00FF;
border-bottom: 0px !important;
}
a.hover:focus {
outline: 0;
color: #AD00FF;
border-bottom: 0px !important;
}
a.f-side-menu:hover {
color: #AD00FF;
}
a.hover:hover {
color: #AD00FF;
}
a.hover-nav:hover {
color: #000;
}
a.hover-nav:hover + .red-dot {
background-color: #F43F55;
}
button.copyFocus:focus, button.copyFocus:active {
outline: 0;
color: #AD00FF;
border-bottom: 0px !important;
}
/* mobile menu close-open
.md-menu-anim-open{
-webkit-animation: menu-up 1s ease-in-out;
animation: menu-up 1s ease-in-out;
}
@keyframes menu-up {
0% { height: 0vh; margin-bottom: -2rem;}
100% { height: calc(50vh - 1rem); }
}
.md-menu-anim-close{
-webkit-animation: menu-down 1s ease-in-out;
animation: menu-down 1s ease-in-out;
}
@keyframes menu-down {
0% { height: calc(50vh - 1rem); }
100% { height: 0vh; margin-bottom: -2rem;}
}
*/
/* - main menu left right - */
.md-menu-anim-in{
-webkit-animation: menu-in 1s ease-in-out;
animation: menu-in 1s ease-in-out;
}
@keyframes menu-in {
0% { margin-left: -768px; }
100% { margin-left: initial; }
}
.md-menu-anim-out{
-webkit-animation: menu-out 1s ease-in-out;
animation: menu-out 1s ease-in-out;
}
@keyframes menu-out {
0% { margin-left: initial; }
100% { margin-left: -768px; }
}
/* submenu left right */
.md-submenu-anim-in{
-webkit-animation: submenu-in 1s ease-in-out;
animation: submenu-in 2s ease-in-out;
}
@keyframes submenu-in {
0% { margin-left: 100vw; }
100% { margin-left: 0vw; }
}
.md-submenu-anim-out{
-webkit-animation: submenu-out 1s ease-in-out;
animation: submenu-out 2s ease-in-out;
}
@keyframes submenu-out {
0% { margin-left: 0vw; }
100% { margin-left: 100vw; }
}
/* POP UP LOG IN */
.blurpop {
filter: blur(20px);
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
/* position: fixed;
transform: scale(1.03); */
}
.logo {
transform: translateY(0px);
z-index: 99;
position: absolute;
padding: 1rem;
}
.ttcc {
transform: translate(-50%, -50%);
}
.ttyc {
transform: translateY(-50%);
}
/* placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
opacity: 1; /* Firefox */
}
/* FOCUS */
input[type=email]:focus {background-color: #D8CCDE;}
input[type=password]:focus {background-color: #D8CCDE;}
/*form input[type=text]:focus {background-color: transparent;}*/
input[type=text]:focus {background-color: #D8CCDE;}
input[type=date]:focus {background-color: #D8CCDE;}
input.input-list.location[type=text]::-webkit-input-placeholder {color: #000; opacity:0.5;}
input.input-list.location[type=text]::-moz-placeholder {color: #000; opacity:0.5;}
input.input-list.location[type=text]:-ms-input-placeholder {color: #000; opacity:0.5;}
input.input-list.location[type=text]:-moz-placeholder {color: #000; opacity:0.5;}
form input[type=text]::-webkit-input-placeholder {color: black;}
form input[type=text]::-moz-placeholder {color: black;}
form input[type=text]:-ms-input-placeholder {color: black;}
form input[type=text]:-moz-placeholder {color: black;}
textarea {
font-family: 'MADSansFill';
font-style: normal;
font-feature-settings: 'ss01', 'ss02';
-moz-font-feature-settings: 'ss02', 'ss01' !important;}
textarea[type=text]:focus {background-color: #D8CCDE;}
/*textarea:focus {background-color: #D8CCDE;}*/
textarea:focus {background-color: #FDF8FF;}
.textarea:focus {background-color: #D8CCDE;}
.copyTAfocus input:focus { background-color: #FDF8FF; }
.copyTAfocus input {background: #D8CCDE; opacity: 1; filter: none;}
select:focus {background-color: #D8CCDE;}
select:active {background-color: #D8CCDE;}
.copy-bg-colour-purple input[type=text]{background-color: #AD00FF;}
.copy-bg-colour-purple input[type=text]:focus {background-color: #D8CCDE;}
.copy-bg-colour-gray input[type=text]{background-color: #D8CCDE;}
.copy-bg-colour-gray input[type=text]:focus {background-color: #FDF8FF;}
/*.copy-bg-list > div > div > div.bg-colour-gray { background-color: #AD00FF; }
.copy-bg-list > div > div > input[type="text"]:focus { background-color: #AD00FF;}
.copy-bg-list > div > div > div.select-list > div.hv-bgc-black:hover { background: #000; color: #AD00FF;}*/
.copy-search-focus input[type=text]:focus {background-color: transparent; border-bottom: 0px;}
.copy-search-focus input[type=text]:focus::-webkit-input-placeholder {color: #D8CCDE;}
.copy-search-focus input[type=text]:focus::-moz-placeholder {color: #D8CCDE;}
.copy-search-focus input[type=text]:focus:-ms-input-placeholder {color: #D8CCDE;}
.copy-search-focus input[type=text]:focus:-moz-placeholder {color: #D8CCDE;}
.copy-placeholder input[type=text]::-webkit-input-placeholder {color: black; opacity: 0.5;}
.copy-placeholder input[type=text]::-moz-placeholder {color: black; opacity: 0.5;}
.copy-placeholder input[type=text]:-ms-input-placeholder {color: black; opacity: 0.5;}
.copy-placeholder input[type=text]:-moz-placeholder {color: black; opacity: 0.5;}
.copyX > div {
flex-direction: column;
margin: 1rem 0rem 1rem 0rem;
}
.copylabel-bg-colour-purple {background-color: #D8CCDE;}
.copylabel-bg-colour-gray {background-color: #D8CCDE;}
/* .copyspan-bg-colour-purple > div > label {background-color: #AD00FF;} */
.copy-xdc > .copyPost-xdc { flex-direction: column; margin-bottom: 1rem; margin-right: 1rem;}
.copy-xdc > .copyPost-xdc { width: 100%; }
.copy-xdc > .copyPost-xdc input {max-width: 100%; width: 100%; }
/*#table-firstname:focus {background-color: #D8CCDE;}
#table-pronouns:focus {background-color: #D8CCDE;}
#table-languages:focus {background-color: #D8CCDE;}*/
.popup {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.popup_open {
-webkit-animation-name: anim-open;
animation-name: anim-open;
}
.popup_close {
-webkit-animation-name: anim-close;
animation-name: anim-close;
}
@-webkit-keyframes anim-open {
0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); }
100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}
@keyframes anim-open {
0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes anim-close {
0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); }
}
@keyframes anim-close {
0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}
/* SCROLLBAR */
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-width: none;
scroll-behavior: smooth;
}
.hidescroll {
/* overflow-y: scroll; */
/* Firefox */
scrollbar-width: none;
overflow: -moz-scrollbars-none;
/* IE 10+ Edge */
-ms-overflow-style: none;
-ms-overflow-style: -ms-autohiding-scrollbar;
/* Microsoft extension */
overflow: -ms-autohiding-scrollbar;
}
/*Chrome, Safari, newer versions of Opera*/
.hidescroll::-webkit-scrollbar {
width: 0px !important;
/* height: 0;
display: none;*/
}
::-webkit-scrollbar {
width: 0rem;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: transparent;
}
::-webkit-scrollbar-button { width: 0px; }
::-webkit-scrollbar-thumb { width: 0px; }
::-webkit-scrollbar-track {width: 0px; }
::-webkit-scrollbar-track-piece { width: 0px; }
::-webkit-scrollbar-corner { width: 0px; }
/* RESIZE textarea editor */
textarea::-webkit-scrollbar {
width: auto;
background: transparent;
}
textarea::-webkit-resizer {
border-bottom: 0.5rem solid #CE65FF;
border-radius: 2px;
display: block !important;
}
textarea::-moz-resizer {
border-bottom: 0.5rem solid #CE65FF;
border-radius: 2px;
display: block !important;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CHECKBOX */
input[type='checkbox'] {
position: absolute;
}
input[type='checkbox'] + label {
padding: 0.25rem 0.25rem 0.25rem 0.25rem;
margin: auto;
text-align: center;
width: fit-content;
max-height: 20px;
display: inline;
vertical-align: middle;
background: transparent;
border: 1px solid black;
border-radius: 2px;
color: #000;
mix-blend-mode: hard-light;
}
input[type='checkbox']:checked + label {
color: #D8CCDE;
background: #000;
}
input[type='checkbox'] {
position: absolute !important;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
}
/* RADIO BUTTON */
form {
display: inherit;
}
input[type='radio'] {
position: absolute !important;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
}
input[type='radio'] + label {
padding: 0.25rem 0.25rem 0.25rem 0.25rem;
margin: auto;
text-align: center;
width: fit-content;
max-height: 20px;
display: inline;
/*vertical-align: middle;*/
background: transparent;
border: 0.5px solid black;
border-radius: 2px;
color: #000;
}
input[type='radio']:checked + label {
color: #D8CCDE;
background: #000;
}
/* crop image aspect ratio landscape */
.imgcrop3-2 {
position: relative;
width: 100%;
margin-left: 0rem;
margin-right: 0rem;
padding-top: 100%;
/* padding-top: 56.25%; 16:9 Aspect Ratio */
/* padding-top: 66.66%; 3:2 Aspect Ratio */
/* padding-top: 150%; 2:3 Aspect Ratio */
/* padding-top: 62.5%; 8:5 Aspect Ratio */
/* display: block;*/
}
.imgcrop3-2 img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
object-position: 50% 50%;
}
/* expand and collapse elements on editor */
img {
transition: height 0.2s ease-in-out;
}
.img-collapse > img {
width: max-content;
height: 2rem;
object-fit: cover;
object-position: 100% 10%;
transition: height 0.2s ease-in-out;
-webkit-transition: height 0.2s ease-in-out;
-moz-transition: height 0.2s ease-in-out;
}
.img-collapse-dn > div {
display: none;
}
.text-collapse {
height: 2rem;
transition: height 0.2s ease-in-out;
-webkit-transition: height 0.2s ease-in-out;
-moz-transition: height 0.2s ease-in-out;
}
.img-collapse + div {
display: none !important;
}
.embed-collapse {
height: 2.1rem;
background: #AD00FF;
transition: height 0.2s ease-in-out;
}
.copyB-thin-black embed { border: 0.5px solid #000;}
.embed-collapse + .copyTextA textarea {
height: 2rem;
transition: height 0.2s ease-in-out;
}
.copyTextA.embed-collapse {
border: 0.5px solid #000;
}
.copyTextA textarea {
border: 0.5px solid #000;
}
.embed-collapse > div > .embed-crop{
padding-top: 2rem;
}
.embed-collapse-dn-button > div:last-child {
display: none;
}
.embed-collapse-dn-input > div input{
display: none;
}
.embed-trans {
transition: width 0.2s ease-in-out;
}
div.form-collapse {
height: 2rem;
}
div.form-collapse div>:not(form) {
display: none;
}
div.form-collapse div> form {
padding: 0.15rem;
}
.table-collapse div:not(:first-child) {
display: none;
}
.table-collapse div:first-child input {
height: 2rem;
}
.table-collapse div:first-child label:after{
padding-left: 0.5rem;
content:'+++';
}
/* HOVER */
.hv-bgc-black:hover { background: #000; color: #D8CCDE; }
.hv-bgc-purple:hover { color: #AD00FF;}
.bgc-black-button {
background: #000;
color: #D8CCDE;
border-radius: 2px;
}
.hv-bgc-black-button:hover {
background: #000;
color: #D8CCDE;
border-radius: 2px;
}
/* calendar datepicker */
.qs-datepicker{
background: #D8CCDE;
}
.qs-datepicker-container{
font-family: 'MADSansFillBold' !important;
font-size: 0.86rem !important;
line-height: 1rem;
border: 0.5px solid #000 !important;
}
.qs-controls{
background: #D8CCDE !important;
}
.qs-month-year:hover {
border-bottom: 0.5px solid #000 !important;
}
.qs-overlay{
color: #D8CCDE !important;
background: #000 !important;
}
.qs-overlay .qs-overlay-year{
color: #D8CCDE !important;
border-bottom: 0.5px solid #D8CCDE !important;
}
.qs-overlay .qs-submit {
border: 0.5px solid #D8CCDE !important;
}
.qs-submit {
background:#D8CCDE !important;
color: #000 !important;
padding: .25rem !important;
}
.qs-arrow.qs-right::after {
border-left-color: #000 !important;
}
.qs-arrow.qs-left::after {
border-right-color: #000 !important;
}
.qs-arrow:hover {
background: none !important;
color: #000 !important;
}
.qs-day {
font-weight: normal !important;
color: #000 !important;
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
background: #000 !important;
color: #D8CCDE;
}
.qs-current {
text-decoration: none !important;
border: 0.05rem solid #000 !important;
}
.qs-active, .qs-range-end, .qs-range-start {
background: #000 !important;
color: #D8CCDE;
}
/* --- editor column-grid */
.ce1 {
width: 12.5%;
}
.ce2 {
width: 25%;
}
.ce3 {
width: 37.5%;
}
.ce4 {
width: 50%;
}
.ce5 {
width: 62.5%;
}
.ce6 {
width: 75%;
}
.ce7 {
width: 87.5%;
}
.ce8 {
width: 100%;
}
.ce9 {
width: 112.5%;
}
.ce10 {
width: 125%;
}
/* animation for topmenubar disappearing */
.anim-topmenu {
position: initial;
opacity: 1;
}
/*.anim-topmenu-dn {
position:absolute;
opacity: 0;
transition: opacity 0.01s linear;
}*/
.anim-topmenu-dn{
position: absolute;
opacity: 1;
transition: opacity 0.5s linear;
top: 0;
left: 0;
width: 100%;
height: 10rem;
}
.anim-topmenu-dn > div:not(nav) { display: none; }
.anim-topmenu-dn nav { border-bottom: 0px solid #000000; }
.editor-top + .copy-b-top-thick-black {
-webkit-animation: b-on-off 0.5s ease-out;
animation: b-on-off 0.5s ease-out;}
@-webkit-keyframes b-on-off {
0%, 99% { border-top: 2px solid #000000; }
100% { border-top: 0px solid #000000; }
}
@keyframes b-on-off {
0%, 99% { border-top: 2px solid #000000; }
100% { border-top: 0px solid #000000; }
}
.anim-editor-up + .copy-b-top-thick-black { border-top: 2px solid #000000;}
/* animation for editor */
.anim-editor-down {
-webkit-animation: editor-movedown 0.5s ease-out forwards;
animation: editor-movedown 0.5s ease-out forwards;
/* position: sticky;
position: -webkit-sticky;*/
}
@-webkit-keyframes editor-movedown {
0% { transform: translateY(-250px); position: absolute;}
100% { transform: translateY(0px); position: -webkit-sticky; border-bottom: 0px solid #000000;}
}
@keyframes editor-movedown {
0% { transform: translateY(-250px); }
100% { transform: translateY(0px); position: sticky; border-bottom: 0px solid #000000;}
}
.b-bottom-thick-black {
border-bottom: 2px solid #000000 !important;
}
.anim-editor-up {
-webkit-animation: editor-moveup 0.5s ease-out forwards;
animation: editor-moveup 0.5s ease-out forwards;
}
@-webkit-keyframes editor-moveup {
0% { transform: translateY(0px); position: -webkit-sticky;}
99% { position: -webkit-sticky;}
100% { transform: translateY(-250px); position: absolute;}
}
@keyframes editor-moveup {
0% { transform: translateY(0px); position: sticky; }
99% { position: sticky;}
100% { transform: translateY(-250px); position: absolute;}
}
/* animation for editor spinner ref: http://tobiasahlin.com/spinkit/ */
.spinner {
text-align: center;
}
.spinner > div {
width: 7px;
height: 7px;
background-color: #000;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.sceneElementUser {
-webkit-animation: moveleft 2s; /* Safari 4+ */
-moz-animation: moveleft 2s; /* Fx 5+ */
-o-animation: moveleft 2s; /* Opera 12+ */
animation: moveleft 2s; /* IE 10+, Fx 29+ */
position: relative;
}
@keyframes moveleft {
0% {right:0px; }
100% {right:1600px; }
}
.sceneElementEditor {
-webkit-animation: moveright 2s; /* Safari 4+ */
-moz-animation: moveright 2s; /* Fx 5+ */
-o-animation: moveright 2s; /* Opera 12+ */
animation: moveright 2s; /* IE 10+, Fx 29+ */
position: relative;
}
@keyframes moveright {
0% {right:-1600px; }
100% {right:0px; }
}
/* option zoom */
.sceneElementZoom {
animation-name: zoom;
animation-duration: 2s;
animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: forwards; /* or: backwards, both, none */
}
/* Webkit browser engine: Safari and Chrome */
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
.sec-menu-mt-1{margin-top:-1.1rem}
.vhmx50-y{max-height: calc(50vh - 2rem)}
.vh100-118 { height: calc(100vh - 100px)}
.vh100-saf-chro { height: 100vh }
.h100safari { height: auto }
.vh100-450{max-height: calc(100vh - 450px)}
.vh100-200{height: calc(100vh - 160px)}
.vh100-140{height: calc(100vh - 125px)}
.h-dropdown {height: 1.43rem;}
}
/* Webkit browser Safari only — editor border-bottom hack*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@media {
.anim-editor-down .b-bottom-thick-black { border-bottom: 2px solid #000000;}
.anim-editor-down + .copy-b-top-thick-black { border-top: 2px solid #000000 !important;}
}
}
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
.anim-editor-down .b-bottom-thick-black { border-bottom: 2px solid #000000;}
.anim-editor-down + .copy-b-top-thick-black { border-top: 2px solid #000000 !important;}
}
}
@-moz-document url-prefix() {
.sec-menu-mt-1{margin-top:-1rem}
.vhmx50-y{max-height: calc(50vh - 6rem)}
.vh100-118 { height: calc(100vh - 118px); }
.vh100-450 { max-height: calc(100vh - 450px);}
.vh100-200 { height: calc(100vh - 190px)}
.vh100-140{height: calc(100vh - 140px)}
.h-dropdown {height: auto;}
}
@media only screen and (max-width: 1500px) {
.logoresize { font-size: calc(24vmin + (26 - 24) * ((100vw - 768px) / (1500 - 768)));
line-height: calc(22vmin + (24 - 22) * ((100vw - 768px) / (1500 - 768)));
-webkit-transition: font-size 0.2s ease;
-moz-transition: font-size 0.2s ease;
-o-transition: font-size 0.2s ease;
transition: font-size 0.2s ease;}
}
@media only screen and (max-width: 1500px) {
.menuresize {
font-size: 16px;
line-height: 18px;
-webkit-transition: font-size 0.5s;
-moz-transition: font-size 0.5s;
-o-transition: font-size 0.5s;
transition: font-size 0.5s;
}
.menuresize a { margin: 0rem 0rem 0rem 0rem; }
.red-dot {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
}
.red-dot-active {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background-color: #F43F55;
}
.red-dot-mt3-65{margin-top:3%}
}
@media only screen /*and (min-width: 768px)*/ and (max-width: 1200px) {
.logoresize { font-size: 18px; line-height: 20px; margin: 0rem 0rem 0rem 0rem;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;}
}
@media only screen /*and (min-width: 768px)*/ and (max-width: 504px) {
.socialmdresize { font-size: 13px; line-height: 15px; margin: 0rem 0.5rem 0.5rem 0rem;}
.b2-65 { bottom: 4rem;}
}
@media screen and (min-color-index: 0) and (max-width: 1500px) and (-webkit-min-device-pixel-ratio: 0) {
/* small DAE logo */
.logo-strk { -webkit-text-stroke-width: 0.2px; -webkit-text-stroke-color: #AD00FF; }
}
@media only screen and (min-width: 0px) and (max-width: 970px) {
.logoremove {
display: none;
}
}
@media only screen and (min-width: 769px) and (max-width: 970px) {
/* .apply-bt-xjb {
justify-content: space-between;
}
.apply-bt-pr0-5 {
padding-right: 0.5rem;
}
.apply-bt-c2 {
width: 20%;
}*/
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
.md-logomain {
display: initial;
}
}
@media only screen and (max-width: 1000px) {
.editor-menuresize{
font-size: 14px;
line-height: 16px;
-webkit-transition: font-size 1s ease;
-moz-transition: font-size 1s ease;
-o-transition: font-size 1s ease;
transition: font-size 1s ease;
}
.editor-logoremove { display: none; }
}
@media only screen and (max-width:768px) {
.editor-menu-remove { display: none; }
}
/* END OF LAPTOP */
/* SMALL and MEDIUM devices */
@media screen and (min-width:0px) and (max-width: 768px) {
.md-f-15-18 { font-size: 1rem; line-height: 1.2rem;}
.md-f-13-15 { font-size: 0.86rem; line-height:1rem}
.md-f-intra { font-size: 0.76rem; line-height:1rem}
.md-f-search { font-size: 0.8rem; line-height:1rem}
.f-30-32 { font-size: 1.6rem; line-height: 2rem}
.md-f-30-32 { font-size: 1.6rem; line-height: 2rem}
h2 { font-size: 1.6rem; line-height: 2rem}
.f-h2-article h2 { font-weight: normal; font-size: 1.6rem; line-height: 2rem}
.md-f-symbol-s{ font-size: 0.6rem; line-height:1rem; }
.md-c1{width:10%}
.md-c2{width:20%}
.md-c3{width:30%}
.md-c4{width:40%}
.md-c5{width:50%}
.md-c6{width:60%}
.md-c7{width:70%}
.md-c8{width:80%}
.md-c9{width:90%}
.md-c10{width:100%}
.md-col1{width:11.11111%}
.md-col2{width:22.22222%}
.md-col3{width:33.33333%}
.md-col4{width:44.44444%}
.md-col5{width:55.55555%}
.md-col6{width:66.66666%}
.md-col7{width:77.77777%}
.md-col8{width:88.88888%}
.md-col9{width:99.99999%}
.md-vwmx90{max-width:90vw}
.md-grid-filter { grid-template-columns: auto auto auto; grid-gap: 1rem;}
.md-grid-img { grid-template-columns: auto auto ; grid-gap: 1rem;}
.md-grid-template-five-button {grid-template-columns: 15% 25% 20% 20% 20%; }
.md-grid-template-four-search {grid-template-columns: 40% 22% 22% 16%}
.md-grid-template-half {
grid-template-columns: 48% 48%;
grid-row-gap: 0.5rem;
}
.md-copygrid a:nth-child(odd) { };
.md-copygrid a:nth-child(even) { };
.md-t0 {top: 0%}
.md-t60 {top: 60%}
.md-co0{margin-left:0}
.md-co1{margin-left:8.33333%}
.md-co2{margin-left:16.66667%}
.md-co3{margin-left:25%}
.md-co4{margin-left:33.33333%}
.md-co5{margin-left:41.66667%}
.md-co6{margin-left:50%}
.md-co7{margin-left:58.33333%}
.md-co8{margin-left:66.66667%}
.md-co9{margin-left:75%}
.md-co10{margin-left:83.33333%}
.md-co11{margin-left:91.66667%}
.md-co12{margin-left:100%}
.md-ma {margin: auto;}
.md-ml-a{margin-left:auto}
.md-m0{margin:0}
.md-m0-15{margin:0.15rem}
.md-m0-25{margin:0.25rem}
.md-m0-5{margin:0.5rem}
.md-m1{margin:1rem}
.md-m2{margin:2rem}
.md-m4{margin:4rem}
.md-mt0{margin-top:0}
.md-mt0-15{margin-top:0.15rem}
.md-mt0-25{margin-top:0.25rem}
.md-mt0-5{margin-top:0.5rem}
.md-mt0-75{margin-top:0.75rem}
.md-mt1{margin-top:1rem}
.md-mt2{margin-top:2rem}
.md-mt4{margin-top:4rem}
.md-mt--8 {margin-top: -8px !important;}
.md-mt-editor { margin-top: 10rem; }
.md-copy-p-caption + p {line-height: 18px;}
.md-mt5vh{margin-top:5vh}
.md-mt10{margin-top:10%}
.md-mt100{margin-top:100%}
.md-mr0{margin-right:0}
.md-mr0-15{margin-right:0.15rem}
.md-mr0-25{margin-right:0.25rem}
.md-mr0-5{margin-right:0.5rem}
.md-mr1{margin-right:1rem}
.md-mr2{margin-right:2rem}
.md-mr4{margin-right:4rem}
.md-mb0 {margin-bottom: 0rem}
.md-mb0-15{margin-bottom:0.15rem}
.md-mb0-25{margin-bottom:0.25rem}
.md-mb0-5{margin-bottom:0.5rem}
.md-mb1{margin-bottom:1rem}
.md-mb1-5{margin-bottom:1.5rem}
.md-mb2{margin-bottom:2rem}
.md-mb3{margin-bottom:3rem}
.md-mb4{margin-bottom:4rem}
.md-mb5{margin-bottom:5rem}
.md-mb6{margin-bottom:6rem}
.md-l20 {left: 20%;}
.md-ml0{margin-left:0}
.md-ml--1{margin-left:-1rem}
.md-ml0-15{margin-left:0.15rem}
.md-ml0-25{margin-left:0.25rem}
.md-ml0-5{margin-left:0.5rem}
.md-ml1{margin-left:1rem}
.md-ml1-5{margin-left:1.5rem}
.md-ml-1-5{margin-left:-1.5rem}
.md-ml-2-5{margin-left:-2.5rem}
.md-ml2{margin-left:2rem}
.md-ml4{margin-left:4rem}
.md-ml50{margin-left: 50%;}
.md-ml90{margin-left: 90%;}
.md-mx0{margin-left:0;margin-right:0}
.md-mx0-15{margin-left:0.15rem;margin-right:0.15rem}
.md-mx0-25{margin-left:0.25rem;margin-right:0.25rem}
.md-mx0-5{margin-left:0.5rem;margin-right:0.5rem}
.md-mx1{margin-left:1rem;margin-right:1rem}
.md-mx2{margin-left:2rem;margin-right:2rem}
.md-mx4{margin-left:4rem;margin-right:4rem}
.md-my0{margin-top:0;margin-bottom:0}
.md-my0-15{margin-top:0.15rem;margin-bottom:0.15rem}
.md-my0-25{margin-top:0.25rem;margin-bottom:0.25rem}
.md-my0-5{margin-top:0.5rem;margin-bottom:0.5rem}
.md-my1{margin-top:1rem;margin-bottom:1rem}
.md-my2{margin-top:2rem;margin-bottom:2rem}
.md-my4{margin-top:4rem;margin-bottom:4rem}
.md-p0{padding:0}
.md-p0-15{padding:0.15rem}
.md-p0-25{padding:0.25rem}
.md-p0-5{padding:0.5rem}
.md-p1{padding:1rem}
.md-p2{padding:2rem}
.md-p4{padding:4rem}
.md-copy-ptGrad > div {padding-top: 0rem}
.md-pt0{padding-top:0}
.md-pt0-15{padding-top:0.15rem}
.md-pt0-25{padding-top:0.25rem}
.md-pt0-5{padding-top:0.5rem}
.md-pt1{padding-top:1rem}
.md-pt2{padding-top:2rem}
.md-pt4{padding-top:4rem}
.md-pt4-8{padding-top:4.8rem}
.md-pt5{padding-top:5rem}
.md-pr0{padding-right:0}
.md-pr0-15{padding-right:0.15rem}
.md-pr0-25{padding-right:0.25rem}
.md-pr0-5{padding-right:0.5rem}
.md-pr1{padding-right:1rem}
.md-pr1-5{padding-right:1.5rem}
.md-pr2{padding-right:2rem}
.md-pr4{padding-right:4rem}
.md-pb6-last-inner:last-child {padding-bottom: 2rem;}
.md-pb6-last div:last-of-type { padding-bottom: 4rem; }
.md-pb0{padding-bottom:0}
.md-pb0-15{padding-bottom:0.15rem}
.md-pb0-25{padding-bottom:0.25rem}
.md-pb0-5{padding-bottom:0.5rem}
.md-pb1{padding-bottom:1rem}
.md-pb1-5{padding-bottom:1rem}
.md-pb2{padding-bottom:2rem}
.md-pb3{padding-bottom:3rem}
.md-pb4{padding-bottom:4rem}
.md-pb6{padding-bottom:6rem}
.md-pb8{padding-bottom:8rem}
.md-pl0{padding-left:0}
.md-pl0-15{padding-left:0.15rem}
.md-pl0-25{padding-left:0.25rem}
.md-pl0-5{padding-left:0.5rem}
.md-pl0-8 {padding-left:0.8rem}
.md-pl1{padding-left:1rem}
.md-pl2{padding-left:2rem}
.md-pl4{padding-left:4rem}
.md-px0{padding-left:0;padding-right:0}
.md-px0-15{padding-left:0.15rem;padding-right:0.15rem}
.md-px0-25{padding-left:0.25rem;padding-right:0.25rem}
.md-px0-5{padding-left:0.5rem;padding-right:0.5rem}
.md-px0-35{padding-left:0.35rem;padding-right:0.35rem}
.md-px1{padding-left:1rem;padding-right:1rem}
.md-px2{padding-left:2rem;padding-right:2rem}
.md-px4{padding-left:4rem;padding-right:4rem}
.md-py0{padding-top:0;padding-bottom:0}
.py0-10{padding-top:0.10rem;padding-bottom:0.10rem}
.md-py0-15{padding-top:0.15rem;padding-bottom:0.15rem}
.md-py0-25{padding-top:0.25rem;padding-bottom:0.25rem}
.md-py0-5{padding-top:0.5rem;padding-bottom:0.5rem}
.md-py1{padding-top:1rem;padding-bottom:1rem}
.md-py2{padding-top:2rem;padding-bottom:2rem}
.md-py4{padding-top:4rem;padding-bottom:4rem}
.md-op0{opacity:0}
.md-op25{opacity:0.25}
.md-op50{opacity:0.5}
.md-op75{opacity:0.75}
.md-op100{opacity:1}
.md-select-filter-news { background: #EEF216; color: rgba( 0, 0, 0, 1 );}
.md-filter-news { background: rgba( 0, 0, 0, 1 ); color: #D8CCDE;}
.md-bg-colour-purple { background: #AD00FF; }
.md-fg-colour-gray { color: #D8CCDE }
.md-bg-colour-black { background: rgba( 0, 0, 0, 1 ); }
.md-bgsc{background-size:cover}
.md-bgsct{background-size:contain}
.md-bgpc{background-position:center}
.md-bgpt{background-position:top}
.md-bgpr{background-position:right}
.md-bgpb{background-position:bottom}
.md-bgpl{background-position:left}
.md-bgrn{background-repeat:no-repeat}
.md-bgrx{background-repeat:repeat-x}
.md-bgry{background-repeat:repeat-y}
.md-dg{display:grid}
.md-x{display:flex}
.md-x00au {flex: 0 0 auto;}
.md-xac{align-items:center}
.md-xab{align-items:baseline}
.md-xas{align-items:stretch}
.md-xafs{align-items:flex-start}
.md-xafe{align-items:flex-end}
.md-xase {align-self: end;}
.md-xdr{flex-direction:row;}
.md-xdrr{flex-direction:row-reverse}
.md-xdc{flex-direction:column}
.md-xdcr{flex-direction:column-reverse}
.md-xjc{justify-content:center}
.md-xjb{justify-content:space-between}
.md-xja{justify-content:space-around}
.md-xjs{justify-content:flex-start}
.md-xje{justify-content:flex-end}
.md-xjl{justify-content:left}
.md-xjr{justify-content:right}
.md-xw{flex-wrap:wrap}
.md-xwr{flex-wrap:wrap-reverse}
.md-xwn{flex-wrap:nowrap}
.md-xi{flex:initial}
.md-xx{flex:1}
.md-ax{flex:1 auto}
.md-xa{flex:auto}
.md-xn{flex:none}
.md-xo0{order:0}
.md-xo1{order:1}
.md-xo2{order:2}
.md-xo3{order:3}
.md-xo4{order:4}
.md-xo5{order:5}
.md-xot{order:-1}
.md-xob{order:99}
.md-df{display:flex}
.md-db{display:block}
.md-dib{display:inline-block}
.md-di{display:inline}
.md-dt{display:table}
.md-dtc{display:table-cell}
.md-dtr{display:table-row}
.md-dn{display:none}
.md-vh{visibility: hidden}
.md-vhv{visibility: visible;}
div.copylabel-md-dn > div label span {display:initial;}
.md-dini{display:initial;}
.copyLabel-icon > .md-copyLabel-icon label .md-dini { display: none !important; }
.copyLabel-icon > .md-copyLabel-icon label .md-dn { display: initial !important; }
.copyPost-xdc { width: 100%; max-width: 100%; }
.md-dinh {display:inherit;}
.md-fl{float:left}
.md-fr{float:right}
.md-fn{float:none}
.md-cf:after{content:'';display:block;clear:both}
.md-oh{overflow:hidden}
.md-os{overflow:scroll}
.md-ov{overflow:visible}
.md-oxh{overflow-x:hidden}
.md-oxs{overflow-x:scroll}
.md-oxa{overflow-x:auto}
.md-oxv{overflow-x:visible}
.md-oyh{overflow-y:hidden}
.md-oys{overflow-y:scroll}
.md-oyv{overflow-y:visible}
.md-psa{position:absolute}
.md-psr{position:relative}
.md-psf{position:fixed}
.md-pss{position:static}
.md-pst{position: -webkit-sticky; position: sticky;}
.md-t40{top: 40%}
.md-t40vh{top: 40vh}
.md-t0{top:0}
.md-t0-5 {top: 0.5rem;}
.md-t1 {top: 1rem;}
.md-t2-5 {top: 2.5rem;}
.md-t4 {top: 4rem;}
.md-t05{top:0.5rem}
.md-t1{top:1rem}
.md-vh30 {top: 30vh}
.md-r0{right:0}
.md-r1{right:1rem}
.md-r2{right:2rem}
.md-r4{right:4rem}
.md-b0{bottom:0}
.md-l0{left:0}
.md-l1{left:0}
.md-l5 {left: 5%;}
.md--z1{z-index:-1}
.md-z1{z-index:1}
.md-z2{z-index:2}
.md-z3{z-index:3}
.md-z4{z-index:4}
.md-w-mxco {height: max-content;}
.md-minc {width: min-content;}
.md-mxw-mxco {max-width: max-content;}
.md-w5 {width: 5rem}
.md-w0{width:0}
.md-w100{width:100%}
.md-wa {width: auto;}
.md-ha {height: auto;}
.md-copy-vh-grad + div .vh100-118 { height: auto;}
.md-h0{height:0}
.md-h100{height:100%}
.md-mw-5 {max-width: 5rem;}
.md-mw-7 {max-width: 7rem;}
.md-vw50{width:50vw}
.md-vw100{width:100vw}
.md-vwmn50{min-width:50vw}
.md-vw70{width:70vw}
.md-vw75{width:75vw}
.md-vwmn100{min-width:100vw}
.md-vwmx50{max-width:50vw}
.md-w90vw {width:90vw}
.md-vwmx100{max-width:100vw}
.md-h30vh {height: 30vh}
.md-h50vh{height:50vh}
.md-vh100{height:100vh}
.md-vhmn50{min-height:50vh}
.md-vhmn100{min-height:100vh}
.md-vhmx50{max-height:50vh}
.md-vhmx60 {max-height:60vh}
.md-vhmx100{max-height:100vh}
.md-vhmx70 {max-height: calc(70vh)}
.md-vh50-6 {height: calc(50vh - 6rem)}
.md-vh80-6 {height: calc(86vh - 6rem)}
.md-ar25:before{padding-top:25%;content:'';display:block}
.md-ar50:before{padding-top:50%;content:'';display:block}
.md-ar75:before{padding-top:75%;content:'';display:block}
.md-ar100:before{padding-top:100%;content:'';display:block}
.md-fs0-8{font-size:0.8rem}
.md-fs1{font-size:1rem}
.md-fs1-3{font-size:1.3rem}
.md-fs1-5{font-size:1.5rem}
.md-fs2{font-size:2rem}
.md-fs2-4{font-size:2.4rem}
.md-f-lh0 { line-height: 0px;}
.md-lh1{line-height:1}
.md-fsn{font-style:normal}
.md-fsi{font-style:italic}
.md-fwn{font-weight:normal}
.md-fwb{font-weight:bold}
.md-tal{text-align:left}
.md-tac{text-align:center}
.md-tar{text-align:right}
.md-taj{text-align:justify}
.md-toi{text-overflow:initial}
.md-toc{text-overflow:clip}
.md-toe{text-overflow:ellipsis}
.md-tdu{text-decoration:underline}
.md-tdo{text-decoration:overline}
.md-tdlt{text-decoration:line-through}
.md-tdn{text-decoration:none}
.md-ttu{text-transform:uppercase}
.md-ttl{text-transform:lowercase}
.md-ttc{text-transform:capitalize}
.md-ttn{text-transform:none}
.md-vabl{vertical-align:baseline}
.md-vat{vertical-align:top}
.md-vam{vertical-align:middle}
.md-vab{vertical-align:bottom}
.md-wsn{white-space:normal}
.md-wsnw{white-space:nowrap}
.md-wsp{white-space:pre}
.md-wsi{white-space:inherit}
.md-tc1{columns:1}
.md-tc2{columns:2}
.md-tc3{columns:3}
.md-tc4{columns:4}
.md-curp{cursor:pointer}
.md-curd{cursor:default}
.md-cura{cursor:alias}
.md-curzi{cursor:zoom-in}
.md-curzo{cursor:zoom-out}
.md-usn{user-select:none}
.md-usa{user-select:auto}
.md-ust{user-select:text}
.md-pen{pointer-events:none}
.md-pea{pointer-events:auto}
.md-vh{visibility:hidden}
.md-vv{visibility:visible}
.md-dev{outline:1px solid #912eff}
.md-dev > * {outline:1px solid #5497ff}
.md-dev > * > * {outline:1px solid #51feff}
.md-dev > * > * > * {outline:1px solid #ff0000}
.md-dev > * > * > * * {outline:1px solid #00ff00}
.md-b-top-thick-black-none { border-top: 0px solid #000000;}
.md-b-dash-r-none { border-right: 0px dashed #000000;}
.md-b-dash-top { border: 0px dashed #000000; border-top: 1px dashed #000000; }
.md-b-dash-bottom { border: 0px dashed #000000; border-bottom: 1px dashed #000000; }
.md-b-small-button { border: 0.5px solid #000000; box-sizing: border-box; border-radius: 2px;}
.md-copy-bg-colour-gray label, .md-copy-bg-colour-gray .list { background-color: #D8CCDE;}
.md-bckg-menu {
background:
-webkit-linear-gradient(top, rgba(173,0,255,1) 86%, rgba(220,160,250,1) 96%, rgba(173,0,255,1) 97%, rgba(173,0,255,1) 98%);}
/* .logoresize {font-size: 55vmin; line-height: 50vmin; margin: 0rem 0rem 2rem 0rem;} */
.md-menu-button {border-radius: 4rem; width: 4rem; height: 4rem;}
.md-menu-button-intra {border-radius: 5rem; width: 5rem; height: 5rem;}
.md-apply-button-nav {
margin-top: -0.5rem;
text-align: center;
font-size: 0.86rem;
line-height: 1rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
background: #EEF216;
color: #000;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: 0;
}
.md-apply-bt-c10 {
width: 100%;
}
/*
.md-apply-bt-mla {
margin-left: auto;
}
.md-apply-bt-c10 {
width: 100%;
}*/
.md-apply-button-nav ~ .md-vw70 {width: 50vw !important;}
/*.md-apply-copy-search > .md-apply-button-nav + .md-vw70 { width: 65vw !important;}
.md-apply-copy-search > .md-apply-button-nav + .l25 { left: 30% !important;}
*/
.md-copy-mb-button > div {padding-bottom: 1rem; }
.f-symbol-search {
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size:1rem;
line-height: 1.2rem;
}
/* .f-symbol {
font-family:'Font Awesome 5 Free Solid';
font-style: normal;
font-weight: normal;
font-size: 0.8rem;
line-height: 1rem;
} */
.md-red-dot-menu {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
}
a.hover:hover + .md-red-dot-menu {
background-color: #F43F55;
}
button.hover:hover + .md-red-dot-menu {
background-color: #F43F55;
}
.md-red-dot-menu-active {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: #F43F55;
}
.md-f-side-menu:focus, .md-f-side-menu a:focus {
outline: 0;
color: #AD00FF;
border-bottom: 0px !important;
}
.md-f-side-menu a:hover {
outline: 0;
color: #AD00FF;
border-bottom: 0px !important;
}
.md-copyAria [aria-label] {
position: relative;
}
.md-copyAria [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: 0rem;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: nowrap;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
.md-copyAria [aria-label]:hover:after, .md-copyAria [aria-label]:focus:after {
display: block;
}
.md-copyAriaRight [aria-label] {
position: relative;
}
.md-copyAriaRight [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: initial;
right: 0rem !important;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: nowrap;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
.md-copyAriaRight [aria-label]:hover:after, .md-copyAriaRight [aria-label]:focus:after {
display: block;
}
/*input[type='checkbox'] + label::before {
position: relative;
display: inline-block;
margin-right: 0px;
width: 76px;
height: 22px;
color: #D8CCDE;
background: black;
color: #D8CCDE;
border: 1px solid black;
border-radius: 2px;
text-align: center;
vertical-align: middle;
font-size: 0.86rem;
line-height: 1.4rem;
}
input[type='checkbox']:checked + label::before {
color: #000;
background: #EEF216;
}
input[type='checkbox'] + label {
padding: 0rem;
}
.md-master input[type='checkbox'] + label::before {
content: 'Master';
}
.md-bachelor input[type='checkbox'] + label::before {
content: 'Bachelor';
}
.md-research input[type='checkbox'] + label::before {
content: 'Research';
}
.md-exhibitions input[type='checkbox'] + label::before {
content: 'Exhibitions';
}
.md-lectures input[type='checkbox'] + label::before {
content: 'Lectures';
}
.md-awards input[type='checkbox'] + label::before {
content: 'Awards';
}
*/
/*.md-apply-button {
font-size: 4vmin;
line-height: 5vmin;
text-align: center;
width: 16vmin;
height: 16vmin;
right: 2rem;
border-radius: 100%;
z-index: 1;
background: #EEF216;
color: #000;
position: fixed;
}*/
.md-bg-grad-bottom-land::before {
background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 3rem;
margin-bottom: 0rem;
z-index: 1;
pointer-events: none;
}
.md-bg-grad-bottom-arti::before {
background: linear-gradient(to top, #D8CCDE,rgba(216,204,222,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 3rem;
margin-bottom: 0rem;
z-index: 1;
pointer-events: none;
}
.md-bg-grad-menu-land::before {
/* background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));*/
background: linear-gradient(to top, #D8CCDE,rgba(216,204,222,0));
content: '';
position: fixed;
width: 100%;
height: 2rem;
margin-top: -2.12rem;
z-index: -1;
pointer-events: none;
}
.md-bg-grad-inner-menu-land::before {
background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
-webkit-animation: anim-display ease 2s;
animation: anim-display ease 2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
opacity: 1;
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 3rem;
margin-bottom: 4rem;
z-index: 1;
pointer-events: none;
}
.copybg-grad-main > div::before {
background: none;
/* linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 4.6rem;
z-index: 1;*/
}
@-webkit-keyframes anim-display {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes anim-display {
0% { opacity: 0;}
50% { opacity: 0; }
100% { opacity: 1;}
}
.md-b-dash-r { border-right: none;}
.md-drop-shadow-nav {
-webkit-animation: trans-shadow 5s;
animation: trans-shadow 5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
@-webkit-keyframes trans-shadow {
0% { filter: none;}
50% { filter: none;}
100% { filter: drop-shadow(1px 2px 10px #AD00FF);}
}
@keyframes trans-shadow {
0% { filter: none;}
50% { filter: none;}
100% { filter: drop-shadow(1px 2px 10px #AD00FF);}
}
.md-bg-grad-bottom-land::before {
background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 3rem;
margin-bottom: 0rem;
z-index: 1;
pointer-events: none;
}
.md-bg-grad-bottom-arti::before {
background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 3rem;
margin-bottom: 0rem;
z-index: 1;
pointer-events: none;
}
.md-bg-grad-menu-land::before {
background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
width: 100%;
height: 2rem;
margin-top: -2.12rem;
z-index: -1;
}
.md-grad-landing-page-replace::before {
content: "";
z-index: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 200px;
background: linear-gradient(0deg,rgba(173,0,255,0),#AD00FF 99.48%);
pointer-events: none;
}
.md-bg-grad-inner-menu-land::before {
background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 12rem;
margin-bottom: 0rem;
z-index: 1;
pointer-events: none;
}
.copybg-grad-main > div::before {
background: none;
/* linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2rem;
margin-bottom: 4.6rem;
z-index: 1;*/
}
@-webkit-keyframes anim-display {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes anim-display {
0% { opacity: 0;}
50% { opacity: 0; }
100% { opacity: 1;}
}
.md-b-dash-r { border-right: none;}
.md-ce10 {
width: 100%;
}
.md-bg-grad-bottom-arti::before {
background: linear-gradient(to top, #D8CCDE,rgba(216,204,222,0));
/* -webkit-animation: bggradientcolour ease 120s;
animation: bggradientcolour ease 120s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards; */
content: '';
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 3rem;
margin-bottom: 0rem;
z-index: 1;
}
.md-bg-grad-menu-land::before {
background: linear-gradient(to top, #AD00FF,rgba(173,0,255,0));
content: '';
position: fixed;
width: 100%;
height: 2rem;
margin-top: -2.1rem;
z-index: -1;
}
.md-bg-grad-menu-land-arti::before {
background: linear-gradient(to top, #D8CCDE, rgba(216,204,222,0));
content: '';
position: fixed;
width: 100%;
height: 2rem;
margin-top: -2rem;
z-index: -1;
}
.md-copyAria-onlyChild:only-child > .md-copyAria [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: initial;
right: 0rem !important;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: nowrap;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
/* mobile menu close-open */
.md-menu-anim {
margin-bottom: -6rem;
height: 0rem;
visibility: hidden;
}
.md-menu-anim-open{
-webkit-animation: menu-up 0.4s ease-in-out 1 forwards;
animation: menu-up 0.4s ease-in-out 1 forwards;
}
@keyframes menu-up {
0% { height: 0vh; margin-bottom: -6rem; visibility: visible;}
100% { height: calc(75vh - 1rem); visibility: visible;}
}
.md-menu-anim-close{
-webkit-animation: menu-down 0.4s ease-in-out 1 forwards;
animation: menu-down 0.4s ease-in-out 1 forwards;
}
@keyframes menu-down {
0% { height: calc(75vh - 1rem); visibility: visible;}
100% { height: 0vh; margin-bottom: -6rem; visibility: hidden;}
}
.md-menu-vv {
height: calc(75vh - 1rem);
visibility: visible;
}
/* animation for opacity on submenu */
.md-anim-opacity {
-webkit-animation: animopacity 1s ease 0s normal forwards; /* 1*/
-moz-animation: animopacity 1s ease 0s normal forwards;
-o-animation: animopacity 1s ease 0s normal forwards;
animation: animopacity 1s ease 0s normal forwards;
animation: animopacity 1s ease 0s normal forwards;
}
@-webkit-keyframes animopacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes animopacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes animopacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes animopacity {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* animation for navbar disappearing mobile */
.anim-mobile-nav-down {
-webkit-animation: nav-movedown 0.5s ease-out forwards;
animation: nav-movedown 0.5s ease-out forwards;
}
@-webkit-keyframes nav-movedown {
0% { transform: translateY(-250px); position: absolute; border-bottom: 0px solid #000000;}
100% { transform: translateY(0px); position: -webkit-sticky; border-bottom: 0px solid #000000;}
}
@keyframes nav-movedown {
0% { transform: translateY(-250px); border-bottom: 0px solid #000000;}
100% { transform: translateY(0px); position: sticky; border-bottom: 0px solid #000000;}
}
.anim-mobile-nav-up {
-webkit-animation: nav-moveup 0.5s ease-out forwards;
animation: nav-moveup 0.5s ease-out forwards;
}
@-webkit-keyframes nav-moveup {
0% { transform: translateY(0px); position: -webkit-sticky;}
99% { position: -webkit-sticky;}
100% { transform: translateY(-250px); position: absolute;}
}
@keyframes nav-moveup {
0% { transform: translateY(0px); position: sticky; }
99% { position: sticky;}
100% { transform: translateY(-250px); position: absolute;}
}
/* animation for topmenubar disappearing mobile */
.md-mobile-anim-topmenu {
position: initial;
opacity: 1;
}
.md-mobile-anim-topmenu-dn{
position: absolute;
opacity: 1;
transition: opacity 0.5s linear;
top: 0;
left: 0;
width: 100%;
height: 10rem;
}
.md-mobile-anim-topmenu-dn > div:not(nav) { display: none; }
/* - slow hide buttons menu - */
.md-slow-hide-button-menu-anim{
-webkit-animation: buttons-menu 0.5s ease-in-out;
animation: buttons-menu 0.5s ease-in-out;
animation-iteration-count: 1;
-webkit-animation-count: 1;
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
@keyframes buttons-menu {
99%{ visibility: visible; }
100% { visibility: hidden; }
}
/* current mobile menu animation: movement left */
.md-menu-anim-in > *{
-webkit-animation: submenu-in 1s ease-in-out;
animation: submenu-in 2s ease-in-out;
}
@keyframes submenu-in {
0% { margin-left: 100vw; }
100% { margin-left: 0vw; }
}
.md-menu-anim-out > *{
-webkit-animation: menu-out 1s ease-in-out;
animation: menu-out 1s ease-in-out;
}
@keyframes menu-out {
0% { margin-left: initial; }
100% { margin-left: -768px; }
}
}
/* smartphones, touchscreens */
@media (hover: none) {
/* ... */
}
/*original max-device-width: 640px then 731*/
/* IPAD MOBILE*/
@media only screen and (min-device-width: 480px)
and (max-device-width: 731px)
and (orientation: landscape) {
.logoresize {font-size: 20vmin; line-height: 20vmin; margin: 0rem 0rem 0rem 0rem;}
.md-grid-filter { grid-template-columns: auto auto auto auto auto auto; grid-gap: 1rem;}
}
/* IPAD PORTRAIT*/
@media only screen and (min-device-width: 480px)
and (max-device-width: 768px)
and (orientation: portrait) {
.md-grid-filter { grid-template-columns: auto auto auto auto auto auto; grid-gap: 1rem;}
}
/* EDITOR topnavbar*/
@media only screen and (min-width: 768px)
and (max-width: 900px) {
.xw-editor { margin-top: 2.5rem; }
.dn-editor { display: none; }
.dini-editor { display: initial; }
.md-copyAriaRight [aria-label] {
position: relative;
}
.md-copyAriaRight [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: initial;
right: 0rem !important;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: nowrap;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
.md-copyAriaRight [aria-label]:hover:after, .md-copyAriaRight [aria-label]:focus:after {
display: block;
}
}
/* EDITOR topnavbar*/
@media only screen and (min-width: 768px)
and (max-width: 900px) {
.copy-dn-footer ~ button .dn-footer-button { display: none; }
.copy-dn-footer ~ a .dn-footer-a { display: none; }
/*.copy-dn-footer-button:hover + button .dn-footer-button { display: none; }
.copy-dn-footer-a:hover + a .dn-footer-a { display: none; } */
.footer-copyAria [aria-label] {
position: relative;
}
.footer-copyAria [aria-label]:after {
content: attr(aria-label);
display: none;
position: absolute;
top: 110%;
left: initial;
right: 0rem !important;
z-index: 5000;
padding: 0.25rem;
line-height: 1rem;
white-space: nowrap;
text-decoration: none;
text-indent: 0;
overflow: visible;
font-size:0.86rem;
color: #D8CCDE ;
background-color: #000;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
}
.footer-copyAria [aria-label]:hover:after, .md-copyAria [aria-label]:focus:after {
display: block;
}
}
.copy-dn-footer:hover ~ button .dn-footer-button { display: none; }
.copy-dn-footer:hover ~ a .dn-footer-a { display: none; }
.tap-to-close {
position: fixed;
top: 0;
left: 0;
height: 30vh;
width: 100%;
}
.wk-hide {
display: none !important;
}
.wk-container {
position: relative;
}
.wk-container-drop {
display: none;
}
.wk-container-dragging {
display: block;
}
.wk-wysiwyg-placeholder {
position: absolute;
pointer-events: none;
display: none;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
color: #999;
}
.wk-wysiwyg:empty + .wk-wysiwyg-placeholder {
display: block;
}
.wk-prompt {
position: fixed;
top: 20%;
left: 2%;
right: 2%;
background-color: #dedede;
color: #555;
padding: 10px;
margin: 0 auto;
max-width: 450px;
}
.wk-prompt-body {
text-align: left;
}
.wk-prompt-buttons {
text-align: center;
margin-top: 20px;
}
.wk-prompt-cancel {
margin-right: 10px;
cursor: pointer;
}
.wk-prompt-upload {
position: relative;
overflow: hidden;
}
.wk-prompt-browse {
font-weight: bold;
}
.wk-prompt-dragdrop {
text-align: center;
font-style: italic;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.wk-prompt-fileupload {
position: absolute;
top: 0;
left: -200%;
right: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.wk-dragging {
position: absolute;
text-align: center;
padding: 10px;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
}
.wk-prompt-error {
display: none;
padding: 10px;
background-color: rgba(0,0,0,0.1);
}
.wk-prompt-error-show {
display: block;
}
.wk-prompt-drop,
.wk-prompt-drop-icon,
.wk-prompt-progress {
display: none;
}
.wk-prompt-upload-dragging .wk-prompt-drop,
.wk-prompt-upload-dragging .wk-prompt-drop-icon {
display: block;
}
.wk-prompt-upload-dragging .wk-prompt-dragdrop {
display: none;
}
.wk-prompt-uploading {
pointer-events: none;
}
.wk-prompt-uploading .wk-prompt-progress {
display: block;
}
.wk-prompt-uploading .wk-prompt-drop,
.wk-prompt-uploading .wk-prompt-dragdrop {
display: none;
}
.wk-prompt-progress {
cursor: not-allowed;
}
/* switch between markddown-mode and wysiwyg-mode to display only the correct button
/* eg. if markdown selected, hide active mode (markdown)
*/
.wk-mode-active {
display: none;
}
.wk-commands {
display: none;
}
.wk-switchboard {
display: none;
}
.gu-mirror {
position: fixed !important;
margin: 0 !important;
z-index: 9999 !important;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.gu-hide {
display: none !important;
}
.gu-unselectable {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.gu-transit {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer}.qs-month-year:hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}