/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.0.0
 * Text Domain: xlate
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

h1 {font-size: 2rem;font-variant: small-caps;}
h4 {cursor:default;color:#000;text-transform: uppercase;font-size: 20px;margin-bottom: 10px;position: relative;width: fit-content;}
h4::before {width: calc(100% + 10px);height: 50%;position: absolute;bottom: 0;left: -5px;content: '';background-color: var(--links-color);isolation: isolate;z-index: -1;transform: skewX(15deg);}
ul {padding-left:40px;list-style: disclosure-closed;}
p {padding:0;}
p:empty {display:none;}
.row-emp {height:clamp(30px,4vw,40px);}
p + .row-emp {height:clamp(20px,4vw,30px);}
body {font-size:16px;line-height: 25px;}
body > header {margin: 0 auto;backdrop-filter: blur(3px);width:100%;}
body > header .header-wrapper {gap:10px;}
body > header a.link-1 {color: #000;font-weight: bold;font-variant: small-caps;}
body.scrolled > header {height:40px;}
.row-bar {border-top: 2px solid #000;}
.footer-main {gap:10px;}
.footer-main-copy {font-size:12px;gap:5px;}
.footer-main-copy a {color:#000;text-decoration:underline;}
body > footer .footer-main {padding: 40px 0 10px;}
body > header a.link-2 {padding: 0px 8px;background-color: #000;color: #fff;border-radius: 4px;font-size: 11px;height: fit-content;align-self: center;}
body > header a.link-2 span {position: relative;font-size: 12px;background-color: var(--links-color);color: #000;padding: 0px 3px;line-height: 17px;top: 0;left: 4px;border-radius: 3px;}
.menu-main-container > ul.menu {height:40px;}
.menu-main-container ul.sub-menu {padding: 0;}
.menu-main-container > ul.menu li > ul.sub-menu > li {background-color:var(--header-bg, #eee);}
div.syntaxhighlighter {max-width:fit-content;border: 2px solid var(--main-color);padding: 18px !important;font-size: 14px !important;margin: 0 auto !important;}
quote {font-family: consolas;background-color: #ddd;padding: 3px 5px;}
.cat-name {margin-top: 5px;font-size:14px;}
.cat-name > a {color:color-mix(in srgb, var(--links-color)  70%, black 30%);}

.fetcher-wrapper {position: relative;background-color: var(--body-bg);counter-reset:el;gap: 10px;}
.fetcher-wrapper::after {content: '';opacity:.3;pointer-events:none;width: 100%;height: 100%;position: absolute;background: linear-gradient(144deg, rgba(199,203,22,1) 26%, rgba(0,212,255,1) 100%);mix-blend-mode: plus-lighter;}
.fetcher-sin {position:relative;aspect-ratio: 1/.58;counter-increment:el;justify-content: center;align-items: center;border: 2px solid #242424;max-height: 200px;text-transform: uppercase;font-family: monospace;background-color: #757575;transition:background-color .6s;}
.fetcher-sin:hover {background-color:#222;transition:background-color .6s;}
.fetcher-sin-img {display:none;}
.fetcher-sin-tit {position: absolute;width: 100%;height: 100%;}
.fetcher-sin-tit a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.fetcher-sin::before {content:counter(el, decimal-leading-zero);position:absolute;left: 10px;top: 5px;font-size: 12px;color: #fff;font-family: Nunito;opacity: .3;}
.fetcher-sin:hover a {color: var(--links-color);transition:all .6s;}

.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {position:relative;background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 300px;border-radius: 10px;text-align: center;}
.modal-content input {margin-top: 10px;padding: 5px;width: 80%;}
.modal-content button {margin-top: 10px;padding: 5px 10px;background-color: #000;color: #fff;border: none;border-radius: 5px;cursor: pointer;}
.close-button {position: absolute;right: 4px;top: 2px;width: 20px;height: 20px;font-size: 18px;}
.row-00 {font-family:Norms;font-size:clamp(48px,12vw,220px);line-height:clamp(48px,12vw,220px);cursor:default;height:calc(100vh - clamp(100px,30vw,250px));letter-spacing: -.7vw;}
.gmaps-container {height: 400px;margin: 0 auto;position: relative;left: -50%;}

@media (max-width:450px){
  body > header a.link-2:last-child {display:none;}
}