/*
Theme Name: Haar Child
Theme URI: http://haar.edge-themes.com
Description: A child theme of Haar Theme - koukma.com customisations
Author: Edge Themes / Divographics
Author URI: https://www.divographics.com
Version: 1.0.0
Text Domain: haar
Template: haar
*/

/* koukma.com custom styles */

/* Commissioner everywhere (Greek-capable). Loaded via Haar font options; this is the safety net. */
body, h1, h2, h3, h4, h5, h6, p, a, input, textarea, select, button,
.edgtf-btn, .edgtf-title, .edgtf-page-title, .edgtf-subtitle,
.edgtf-main-menu, .edgtf-main-menu ul li a, .edgtf-drop-down .second .inner ul li a,
.edgtf-mobile-nav, .edgtf-mobile-nav ul li a, .edgtf-side-menu, .edgtf-fullscreen-menu,
.edgtf-st-title, .edgtf-st-text, .edgtf-pli-title, .edgtf-pli-category, .edgtf-portfolio-info, blockquote,
.wpcf7-form, .wpcf7-form input, .wpcf7-form textarea, .edgtf-footer-inner, .edgtf-footer-inner .widget {
	font-family: 'Commissioner', 'Helvetica Neue', Arial, sans-serif;
}

/* koukma tweaks */
.koukma-map iframe{display:block;width:100%;height:555px;border:0}
.edgtf-btn.edgtf-btn-center{display:table;margin:0 auto}

/* logo sizing */
.edgtf-logo-wrapper a{height:auto}
.edgtf-logo-wrapper a img{height:64px !important;width:auto;max-width:none}
.edgtf-sticky-header .edgtf-logo-wrapper a img{height:54px !important}
.edgtf-mobile-header .edgtf-mobile-logo-wrapper a img{height:48px !important;width:auto}
.edgtf-footer-top-holder .widget_media_image img{max-width:170px;height:auto}
.edgtf-side-menu .widget_media_image img{max-width:150px;height:auto}

.edgtf-mobile-header .edgtf-mobile-logo-wrapper img{height:44px !important;width:auto !important;max-width:none}
.edgtf-mobile-header .edgtf-mobile-logo-wrapper a{height:auto;display:inline-block}

/* events hero: bottom-center */
.page-id-2936 .edgtf-title-holder{background-position:center bottom !important}\n.page-id-2936 .edgtf-title-holder .edgtf-title-image img{object-position:center bottom}

/* ===== Koukma style system =====
   white bg : black title, red emphasized words (theme default)
   red / image bg (.koukma-red, .koukma-on-image): black title, WHITE emphasized words, white underscore */
.koukma-red .edgtf-st-title, .koukma-on-image .edgtf-st-title{color:#000 !important}
.koukma-red .edgtf-st-title .edgtf-st-title-emphasize, .koukma-on-image .edgtf-st-title .edgtf-st-title-emphasize{color:#fff !important}
.koukma-red .edgtf-st-subtitle, .koukma-red .edgtf-st-text, .koukma-red p{color:#fff}
.koukma-red .edgtf-st-title-underscore .edgtf-st-title-inner:after, .koukma-on-image .edgtf-st-title-underscore .edgtf-st-title-inner:after{color:#fff}
.koukma-video{max-width:960px;margin:0 auto}
.koukma-video .wp-video, .koukma-video video{width:100% !important;max-width:100%;height:auto;display:block;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.koukma-video .mejs-container{width:100% !important}

.koukma-video .wp-video{aspect-ratio:16/9;background:#000;overflow:hidden}
.koukma-video .mejs-container, .koukma-video .mejs-container .mejs-inner, .koukma-video .mejs-layers, .koukma-video .mejs-poster{width:100% !important;height:100% !important}
.koukma-video .mejs-poster img{width:100%;height:100%;object-fit:cover}
.koukma-video video{width:100% !important;height:100% !important;object-fit:cover}

/* contact hero: keep the artist in frame, slightly darken top for the white menu */
.page-id-390 .edgtf-title-holder{background-position:center 40% !important}
.page-id-390 .edgtf-title-holder .edgtf-title-image img{object-position:center 40%}

.page-id-390 .edgtf-title-holder{position:relative}
.page-id-390 .edgtf-title-holder:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 70%);pointer-events:none;z-index:1}
.page-id-390 .edgtf-title-holder .edgtf-title-wrapper{position:relative;z-index:2}

/* about + work heroes: darken the top band so the white menu/logo stay readable */
.page-id-5 .edgtf-title-holder, .page-id-2935 .edgtf-title-holder, .page-id-1238 .edgtf-title-holder{position:relative}
.page-id-5 .edgtf-title-holder:before, .page-id-2935 .edgtf-title-holder:before, .page-id-1238 .edgtf-title-holder:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.30) 30%, rgba(0,0,0,0) 60%);pointer-events:none;z-index:1}
.page-id-5 .edgtf-title-holder .edgtf-title-wrapper, .page-id-2935 .edgtf-title-holder .edgtf-title-wrapper, .page-id-1238 .edgtf-title-holder .edgtf-title-wrapper{position:relative;z-index:2}