*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing: antialiased;}
*{-ms-overflow-style: none;scrollbar-width: none;}

html {scroll-behavior: smooth; background-color:var(--dark)}
html::-webkit-scrollbar {display: none;}

body{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-user-select: none;-moz-user-select: none;user-select: none;margin:0;font-family:var(--font-sans-serif);font-weight:400;line-height:1.7;color:var(--gray);text-align:start;background-color:var(--secondary);position:relative;font-size:18px;    text-size-adjust: 100%;overflow-x: hidden}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
@media (max-width:767.98px) {
  html {scroll-behavior: smooth;}
  body{font-weight:400;line-height:1.5;font-size:1rem}

}
@media (max-width:1024px){
  .admin-toolbar-control-bar {display:none!important;}
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 400;
  line-height: 1.1;
  margin:0;
  padding:0;
}

h1 {font-size:4rem; color:var(--theme); position:relative;}
h2 {font-size:3rem;}
h3 {font-size:2.5rem;}
h4 {font-size:2.25rem;}

p {margin:0;}
strong{font-weight:bolder}
small{font-size:80%}
ul{list-style:none;padding:0;margin:0}
a{color:var(--gray);text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-transition:all .35s;transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s}
img{border:0;vertical-align:top;max-width:100%;height:auto}
figure{margin:0}
svg:not(:root){overflow:hidden}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1);-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
button,input[type=submit] {cursor:pointer; background:var(--primary);padding: 1rem 1.5rem 1rem; font-family:var(--sans); text-transform:uppercase}
button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
.small,small{font-size:80%;font-weight:400}

body .body-page{background-color:#161e26;color:var(--gray)}
body .body-page a{color:var(--white)}

.list-unstyled {padding-left: 0;list-style: none;}
.pointer{cursor:pointer}

.overlink{position:absolute;width:100%;height:100%;cursor:pointer;z-index:50}

a.disable{pointer-events:none;cursor:default}

.clamp {  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;}
.clamp-5 {line-clamp: 5;-webkit-line-clamp: 5;}
.clamp-6 {line-clamp: 6;-webkit-line-clamp: 6;}
.clamp-7 {line-clamp: 7;-webkit-line-clamp: 7;}

.shadow-left:before{    position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background-image: linear-gradient(55deg, rgba(0, 0, 0, .8) 50%, transparent);
  z-index: 10;}
.shadow-left.radius-2x:before{border-radius:8px}


.btn {color:var(--white);overflow:hidden;-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;font-size:18px;letter-spacing:1.8px;font-weight:500;text-transform:uppercase;padding:16px 50px 16px;position:relative;flex:none;display:inline-block;z-index:1;font-family:var(--font-serif);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border:none}

@media (max-width:767.98px) {
  .btn {font-size:1.5rem;padding:1rem 1rem;line-height:0;height:60px;display: flex;align-items:center;justify-content:center;}
}
@media (max-width:1350px) {
  .btn {padding:1rem 1.5rem 1rem}
}
@media (min-width:1350px) {
  .btn {padding:1rem 3rem 1rem}
}
.btn-black{background:var(--dark)!important}
.btn-black.active,.btn-black:active,.btn-black:focus,.btn-black:hover,.btn-theme-second.active,.btn-theme-second:active,.btn-theme-second:focus,.btn-theme-second:hover,.btn-theme-submit.active,.btn-theme-submit:active,.btn-theme-submit:focus,.btn-theme-submit:hover,.btn-theme.active,.btn-theme:active,.btn-theme:focus,.btn-theme:hover,.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.btn.active,.btn:active,.btn:focus,.btn:hover,.button.active,.button:active,.button:focus,.button:hover,.more-link a.active,.more-link a:active,.more-link a:focus,.more-link a:hover{background:var(--primary);color:var(--white)}

.btn-black.active span,.btn-black:active span,.btn-black:focus span,.btn-black:hover span,.btn-theme-second.active span,.btn-theme-second:active span,.btn-theme-second:focus span,.btn-theme-second:hover span,.btn-theme-submit.active span,.btn-theme-submit:active span,.btn-theme-submit:focus span,.btn-theme-submit:hover span,.btn-theme.active span,.btn-theme:active span,.btn-theme:focus span,.dark .btn-theme:hover span,.btn-white.active span,.btn-white:active span,.btn-white:focus span,.btn-white:hover span,.btn.active span,.btn:active span,.btn:focus span,.btn:hover span,.button.active span,.button:active span,.button:focus span,.button:hover span,.more-link a.active span,.more-link a:active span,.more-link a:focus span,.more-link a:hover span{color:var(--white)}

.btn-black.active .btn-curve,.btn-black:active .btn-curve,.btn-black:focus .btn-curve,.btn-theme-second.active .btn-curve,.btn-theme-second:active .btn-curve,.btn-theme-second:focus .btn-curve,.btn-theme-second:hover .btn-curve,.btn-theme-submit.active .btn-curve,.btn-theme-submit:active .btn-curve,.btn-theme-submit:focus .btn-curve,.btn-theme-submit:hover .btn-curve,.btn-theme.active .btn-curve,.btn-theme:active .btn-curve,.btn-theme:focus .btn-curve,.btn-theme:hover .btn-curve,.btn-white.active .btn-curve,.btn-white:active .btn-curve,.btn-white:focus .btn-curve,.btn-white:hover .btn-curve,.btn.active .btn-curve,.btn:active .btn-curve,.btn:focus .btn-curve,.btn:hover .btn-curve,.button.active .btn-curve,.button:active .btn-curve,.button:focus .btn-curve,.button:hover .btn-curve,.more-link a.active .btn-curve,.more-link a:active .btn-curve,.more-link a:focus .btn-curve,.more-link a:hover .btn-curve, .btn-black:hover .btn-curve {opacity:1;filter:alpha(opacity=100);right:0;width:100%;-webkit-transform:skewX(0);transform:skewX(0);background:var(--primary-light)}
.btn-black:hover .btn-curve {background:var(--secondary)}

.btn .btn-curve,.btn-black .btn-curve,.btn-theme .btn-curve,.btn-theme-second .btn-curve,.btn-theme-submit .btn-curve,.btn-white .btn-curve,.button .btn-curve,.more-link a .btn-curve{position:absolute;right:-15px;top:0;width:26px;height:100%;background:#23272b;opacity:.2;filter:alpha(opacity=20);z-index:0;-webkit-transform:skewX(-22deg);transform:skewX(-22deg);-webkit-transition:all .5s ease;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;}

@media (max-width: 767.98px){
  .btn-curve{display: none}
}
.btn span,.btn-black span,.btn-theme span,.btn-theme-second span,.btn-theme-submit span,.btn-white span,.button span,.more-link a span{z-index:1;position:relative}

.btn-primary {background:var(--theme)!important}
.btn-primary:hover,
.btn-primary .btn-curve {background:var(--theme-light)!important}

.btn-theme {color:var(--white)!important;box-shadow:0px 0px 0.7em var(--primary-light)}

.btn-large { font-size:2rem}
.btn-secondary {background:var(--secondary)!important}
.btn-secondary:hover,
.btn-secondary .btn-curve {background:var(--secondary-light)!important}

.mode-light .btn-mode { color:var(--dark)}

.views-view-grid .views-row{width:auto;clear:none;float:none!important}
.views-view-grid .views-row:last-child{margin-bottom:0}

.dark_overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background:linear-gradient(89deg,rgb(236 236 236 / 0) 0,rgb(0 0 0 / 85%) 83%);box-shadow:inset -2px -1px 250px 50px var(--black)}

body.player-playing .dark_overlay{background:linear-gradient(89deg,rgb(236 236 236 / 0) 0,rgb(0 0 0 / 15%) 100%);box-shadow:inset -2px -1px 150px 50px var(dark)}

.blur{filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-filter:url(#blur-filter);filter:url(#blur-filter);-webkit-filter:blur(3px);filter:blur(3px)}

.grayscale {-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-transition:all .5s ease;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease}

.style{position:relative;/*max-width:480px;*/margin:0 auto;background:0 0}
.style .portfolio-images{position:relative;text-align:center}
.style .portfolio-images .image-popup{opacity:0;filter:alpha(opacity=0);width:32px;height:32px;background:var(--white);line-height:32px;position:absolute;top:15px;right:15px;z-index:99;text-align:center;-webkit-transition:all .35s;transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;margin-top:30px}
.style .portfolio-images .image-popup:hover{color:var(--white);background:var(--white)}
.style .portfolio-images .link{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .45s;transition:all .45s;-moz-transition:all .45s;-ms-transition:all .45s;width:32px;height:32px;background:var(--white);line-height:33px;position:absolute;top:55px;right:15px;z-index:99;text-align:center;margin-top:45px}
.style .portfolio-images .link:hover{color:var(--white);background:var(--white)}
.style img{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}
.style .content-inner{position:absolute;left:0;bottom:0;right:0;z-index:11;text-align:left;-webkit-transition:all .35s;transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;padding:1.5rem;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;line-height:25px; transition:1s color}
.style .content-inner:hover {color:var(--white)}
@media (max-width:1199.98px){
.style .content-inner{padding:30px 15px}
}
.style .submitted { opacity:1; transition:.25s opacity;}
.style:hover .content-inner .title,
.style:hover .submitted { opacity:0}
@media (max-width:991.98px){
.style .content-inner .title{font-size:20px;line-height:28px}
}
.style .content-inner .title a{display:block; transition:1s color}
.style .content-inner .title a:hover {color:var(--white)}
.style .content-inner .title a:active,.style .content-inner .title a:focus,.style .content-inner .title a:hover{color:var(--white)}
.style .content-inner .category{-webkit-transition:all .45s;transition:all .45s;-moz-transition:all .45s;-ms-transition:all .45s;width:80%}
.style .content-inner .category>div{font-size:16px;text-transform:uppercase;letter-spacing:1.6px;font-weight:400;color:var(--white);font-family:var(--font-serif)}
.style .content-inner .category a:active,.style .content-inner .category a:focus,.style .content-inner .category a:hover{text-decoration:underline}

.style .btn-inline{color:var(--white)}
.style .btn-inline:hover{color:var(--white)}
.style .portfolio-hover{overflow:hidden;height:0;-webkit-transition:all .35s;transition:all .35s; color:var(--white)}
.style .portfolio-hover .desc{font-size:18px;color:var(--white);margin:15px 0 12px;overflow:hidden;height:65px;line-height:30px}
.style:active .portfolio-images .image-popup,.style:focus .portfolio-images .image-popup,.style:hover .portfolio-images .image-popup{opacity:1;filter:alpha(opacity=100);margin-top:0}
.style:active .portfolio-images a.link,.style:focus .portfolio-images a.link,.style:hover .portfolio-images a.link{opacity:1;filter:alpha(opacity=100);margin-top:0}
.style:active .portfolio-hover,.style:focus .portfolio-hover,.style:hover .portfolio-hover{height:250px}
.style.compact:hover .portfolio-hover {height:150px}

@-webkit-keyframes ripple{
70%{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0);box-shadow:0 0 0 40px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes ripple{
70%{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0);box-shadow:0 0 0 40px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

.tags a {
  background: var(--primary);
  padding: 0.9rem 1rem 0.7rem;
  margin: 5px;
  color: var(--white);
  margin-left: 0;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  line-height: 0;
  white-space: nowrap;
}
.tags a:hover{background:var(--primary-light);}

.contextual-links a {color:black!important;}

body:has(.ui-dialog) .loading { display:flex!important;}
body:has(.ui-dialog) .loading .spinner {display:none}

.ui-dialog {
  z-index:999;
  padding:2rem;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background: var(--gray-dark);
}
.ui-dialog h1 {padding:0; margin:0 0 1rem}
.ui-dialog * {color:var(--white)}
.ui-dialog .ui-dialog-titlebar button { display:none}
.ui-dialog .form-actions {display:flex; gap:1rem}
.ui-dialog .form-actions button { color:var(--white);width: calc(50% - .5rem);height: 4rem;background: var(--dark);}
.ui-dialog .form-actions button.button--primary {background:var(--theme);}