/*
Theme Name: Pixellot Video Platform
Theme URI: https://yoursite.com
Author: Your Name
Author URI: https://yoursite.com
Description: Custom theme for Pixellot-style video platform with Dropbox integration
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pixellot
*/
:root {--c1:#009BC5}
* {margin:0;padding:0;border:0}
a {transition:all .2s ease}
body {cursor:default;background-color:#fff;padding-top:100px;font-family:'Roboto'}
.container {max-width:1200px;margin:auto}
.custom-logo {max-width:200px;height:auto}
.filter-group {border-bottom:1px #D9D9D9 solid;padding-bottom:30px;margin-bottom:30px}
.filter-tags {display:flex;flex-wrap:wrap;gap:5px}
.filter-tags a {display:flex;color:#333;padding:5px 10px;border:1px #8D8B8B solid;text-decoration:none;border-radius:20px}
.filter-tags a.active {background-color:#D5EDF5;border-color:#D5EDF5}
.filter-tags a:hover {background-color:var(--c1);color:#fff;border-color:var(--c1)}
.filter-title {margin-bottom:20px;font-weight:normal}
.front-intro {padding:100px 20px;position:relative;overflow:hidden;color:#fff}
.front-intro h1 {font-size:4em;margin-bottom:20px}
.front-intro:before {content:'';position:absolute;inset:0;background-color:rgba(0,0,0,.5)}
.front-intro .buttons {display:flex;gap:15px;margin-block:20px}
.front-intro .buttons a {display:flex;padding:10px 20px;color:#fff;border:1px solid;border-radius:5px;text-decoration:none}
.front-intro .buttons a:first-child {background-color:var(--c1);border-color:var(--c1)}
.front-intro-text {max-width:400px;position:relative}
.footer-logo {max-width:200px}
h1, h2 {font-family:'Barlow Condensed';line-height:1}
.main-navigation {flex-grow:1}
.nav-menu {display:flex;list-style:none;gap:20px}
.nav-menu a {color:#222;text-decoration:none;text-transform:uppercase}
.nav-menu a:hover {color:var(--c1)}
.parallax-bg {background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat}
.site-footer {padding:40px 0}
.site-footer .container {display:flex;justify-content:space-between;align-items:center}
.site-header {position:fixed;z-index:100;inset-inline:0;top:0;background-color:#fff;border-bottom:1px #eee solid;box-shadow:0 5px 30px rgba(0,0,0,.1);display:flex;gap:20px;padding:20px;align-items:center}
.video-archive .container {display:flex}
.video-archive_side {flex-basis:300px}
.video-archive_side h1 {font-size:3em;margin-bottom:30px}
.video-card {flex-basis:calc(100%/3 - 20px)}
.video-title {margin-block:10px}
.video-title a {text-decoration:none;color:#222;font-size:1.3em}
.video-title a:hover {color:var(--c1)}
.videos-grid {flex-basis:calc(100% - 300px);display:flex;flex-wrap:wrap;gap:20px}

/* barlow-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-condensed-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/barlow-condensed-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/barlow-condensed-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/barlow-condensed-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}