/*
Theme Name: Kulturpunkt 2022
Author: K-Zona, Husky Bytes
Author URI: https://huskybytes.com/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
Text Domain: kulturpunkt_2022
*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none}b,strong{font-weight:700}dfn{font-style:italic}mark{background-color:#eee;color:#222}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid #bbb;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}


/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/
.grid, [class*=col-]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}[class*=col-]{float:left;padding-left:10px;padding-right:10px; margin-bottom: 20px;}.grid{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto;max-width:1170px;min-width:730px;}.grid:after{content:"";display:table;clear:both}.grid-pad{margin:0 -20px}.push-right{float:right}.col-1-1{width:100%}.col-2-3,.col-4-6,.col-8-12{width:66.66%}.col-1-2,.col-6-12{width:50%}.col-1-3,.col-4-12{width:33.33%}.col-1-4,.col-3-12{width:25%}.col-1-5{width:20%}.col-1-6,.col-2-12{width:16.667%}.col-1-7{width:14.28%}.col-5-7{width:71.43%}.col-1-8{width:12.5%}.col-1-9{width:11.1%}.col-1-10{width:10%}.col-1-11{width:9.09%}.col-1-12{width:8.33%}.col-11-12{width:91.66%}.col-10-12{width:83.333%}.col-3-4,.col-9-12{width:75%}.col-5-12{width:41.66%}.col-7-12{width:58.33%}.push-2-3,.push-8-12{margin-left:66.66%}.push-1-2,.push-6-12{margin-left:50%}.push-1-3,.push-4-12{margin-left:33.33%}.push-1-4,.push-3-12{margin-left:25%}.push-1-5{margin-left:20%}.push-1-6,.push-2-12{margin-left:16.667%}.push-1-7{margin-left:14.28%}.push-1-8{margin-left:12.5%}.push-1-9{margin-left:11.1%}.push-1-10{margin-left:10%}.push-1-11{margin-left:9.09%}.push-1-12{margin-left:8.33%}@media handheld,only screen and (max-width:760px) {.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:20px;padding-right:10px}[class*=col-]{width:auto;float:none;margin:20px 0;padding-left:0;padding-right:10px}[class*=tablet-col-]{float:left;margin:0 0 20px;padding-left:0;padding-right:10px;padding-bottom:0}.tablet-col-1-1{width:100%}.tablet-col-2-3,.tablet-col-8-12{width:66.66%}.tablet-col-1-2,.tablet-col-6-12{width:50%}.tablet-col-1-3,.tablet-col-4-12{width:33.33%}.tablet-col-1-4,.tablet-col-3-12{width:25%}.tablet-col-1-5{width:20%}.tablet-col-1-6,.tablet-col-2-12{width:16.667%}.tablet-col-1-7{width:14.28%}.tablet-col-1-8{width:12.5%}.tablet-col-1-9{width:11.1%}.tablet-col-1-10{width:10%}.tablet-col-1-11{width:9.09%}.tablet-col-1-12{width:8.33%}.tablet-col-11-12{width:91.66%}.tablet-col-10-12{width:83.333%}.tablet-col-9-12{width:75%}.tablet-col-5-12{width:41.66%}.tablet-col-7-12{width:58.33%}.hide-on-tablet{display:none!important;width:0;height:0}}@media handheld,only screen and (max-width:460px){.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:20px;padding-right:10px}[class*=col-]{width:auto;float:none;margin:0 0 20px;padding-left:0;padding-right:10px}[class*=mobile-col-]{float:left;margin:0 0 20px;padding-left:0;padding-right:10px;padding-bottom:0}.mobile-col-1-1{width:100%}.mobile-col-2-3,.mobile-col-8-12{width:66.66%}.mobile-col-1-2,.mobile-col-6-12{width:50%}.mobile-col-1-3,.mobile-col-4-12{width:33.33%}.mobile-col-1-4,.mobile-col-3-12{width:25%}.mobile-col-1-5{width:20%}.mobile-col-1-6,.mobile-col-2-12{width:16.667%}.mobile-col-1-7{width:14.28%}.mobile-col-1-8{width:12.5%}.mobile-col-1-9{width:11.1%}.mobile-col-1-10{width:10%}.mobile-col-1-11{width:9.09%}.mobile-col-1-12{width:8.33%}.mobile-col-11-12{width:91.66%}.mobile-col-10-12{width:83.333%}.mobile-col-9-12{width:75%}.mobile-col-5-12{width:41.66%}.mobile-col-7-12{width:58.33%}.hide-on-mobile{display:none!important;width:0;height:0}}
 
    @media handheld,only screen and (min-width:760px) {
        .content .grid, .special-content .grid { display: flex; flex-direction: row;  align-items: stretch;   } 
        .content .grid > div, .special-content .grid > div { display: flex; /* flex-direction: row; */ align-items: stretch;   } 
        .hide-on-desktop { display: none!important;width: 0;height: 0; }
    }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */ .clearfix { *zoom: 1; }

body .fb_iframe_widget { display: block; }
	body .fb_iframe_widget span { display: block; margin-left: auto; margin-right: auto; }

.hidden { display: none!important; }
.hide { visibility: hidden; }
.mobile { display: none; }

::placeholder { color: #BDBDBD; opacity: 1; }
textarea:focus, input:focus{ outline: none; }

html, body { background-color: #fff; font-family: 'Epilogue', sans-serif; font: normal normal 400 19px/27px Epilogue, sans-serif; overflow-x: hidden; }
body.default { padding-top: 161px; } 
body.english { padding-top: 91px; }    
 
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Epilogue', sans-serif; color: #303030; }
body h1 { font: 800 3.167rem/3.444rem Epilogue, sans-serif; }
body h2 { font: 800 1.333rem/1.667rem Epilogue, sans-serif; }
body h3 { font: 800 1.111rem/1.444rem Epilogue, sans-serif; }
body h4 { font: 800 1rem/1.333rem Epilogue, sans-serif; } 
body h5 { font: 800 0.833rem/1.111rem Epilogue, sans-serif; }
body h6 { font: 500 0.722rem/0.722rem Epilogue, sans-serif; }
body p, body ul li, body ol li, body div, body span { color: #303030;  }
body p strong { font-weight: 600; }
body p a { /* font-weight: 600; font-style: italic;*/ text-underline-offset: 3px; }
body a { text-decoration: none; color: #303030; }

body .line { border-bottom: none; }
html body .blic-text, html body .kulturpunkt-text { color: #00DDDD; }
html body .blic-bg, html body .kulturpunkt-bg { background-color: rgba(0, 221, 221, .35); }
html body .blic-bg:hover, html body .kulturpunkt-bg:hover { background-color: rgba(0, 221, 221, 1); }
body.blic .line, body.kulturpunkt .line, .main-navigation .menu-item.blic-border { border-top: 1px solid #00DDDD; }
html body .tema-text { color: #3C6CEC; }
html body .tema-bg { background-color: rgba(60, 108, 236, .35); }
html body .tema-bg:hover { background-color: rgba(60, 108, 236, 1);  }
body.tema .line, .main-navigation .menu-item.tema-border { border-top: 1px solid #3C6CEC; }
html body .kritika-text { color: #9900FF; }
html body .kritika-bg { background-color: rgba(153, 0, 255, .35);}
html body .kritika-bg:hover { background-color: rgba(153, 0, 255, 1); }
body.kritika .line, .main-navigation .menu-item.kritika-border { border-top: 1px solid #9900FF; }
html body .intervju-text { color: #FF6B4A; }
html body .intervju-bg { background-color: rgba(255, 107, 74, .35); }
html body .intervju-bg:hover { background-color: rgba(255, 107, 74, 1); }
body.intervju .line, .main-navigation .menu-item.intervju-border { border-top: 1px solid #FF6B4A; }
html body .najava-text { color: #FF9900; }
html body .najava-bg { background-color: rgba(255, 153, 0, .35); }
html body .najava-bg:hover{ background-color: rgba(255, 153, 0, 1); }
body.najava .line, .najava-line, .main-navigation .menu-item.najava-border { border-top: 1px solid #FF9900; } 
html body .natjecaj-text { color: #00CC00; }
html body .natjecaj-bg { background-color: rgba(0, 204, 0, .35); }
html body .natjecaj-bg:hover { background-color: rgba(0, 204, 0, 1); }
body.natjecaj .line, .natjecaj-line, .main-navigation .menu-item.natjecaj-border { border-top: 1px solid #00CC00; } 
html body .podcast-text { color: #00FF75; }
html body .podcast-bg { background-color: rgba(0, 255, 117, .35); }
html body .podcast-bg:hover { background-color: rgba(0, 255, 117, 1); }
body.podcast .line, .main-navigation .menu-item.podcast-border { border-top: 1px solid #00FF75; }
.default-line { border-top: 1px solid #E0E0E0; }
.default-line.top-line { margin-top: 32px; }
.default-line.publikacija-line { margin-top: 30px; }

.najava-line, .natjecaj-line { margin: 1em -100%; /* old browsers fallback */ margin: 1em calc(50% - 50vw); border-bottom: transparent; color: transparent; }

.text-lead-small { font: 400 0.833rem/1.222rem Epilogue, sans-serif; text-transform: uppercase; }
.text-lead-normal { font: 400 1.111rem/1.5rem Epilogue, sans-serif; }
.text-lead-large { font: 400 1.333rem/1.722rem Epilogue, sans-serif; }

.text-tag-normal { font: 500 0.722rem/0.722rem Epilogue, sans-serif; text-transform: uppercase; word-break: break-word; }
.text-tag-large { font: 500 0.833rem/0.833rem Epilogue, sans-serif; text-transform: uppercase; word-break: break-word; }

.text-small { font: 500 0.667rem/0.833rem Epilogue, sans-serif; }

.tag-box { padding: 9px 13px 6px; margin-right: 10px; border-radius: 12px; }
    .tag-box:last-child { margin-right: 0; }

.kulturpunkt-svg-hover:hover svg { filter: invert(77%) sepia(57%) saturate(3204%) hue-rotate(128deg) brightness(95%) contrast(100%); }

.social-media.blic a:hover svg, .social-media.kulturpunkt a:hover svg, .content.detail-content .inner .deadline { filter: invert(78%) sepia(83%) saturate(1213%) hue-rotate(121deg) brightness(84%) contrast(108%); }
.social-media.tema a:hover svg { filter: invert(38%) sepia(49%) saturate(5562%) hue-rotate(216deg) brightness(99%) contrast(86%); }
.social-media.kritika a:hover svg { filter: invert(25%) sepia(99%) saturate(6019%) hue-rotate(273deg) brightness(91%) contrast(135%); }
.social-media.intervju a:hover svg { filter: invert(56%) sepia(88%) saturate(2775%) hue-rotate(331deg) brightness(106%) contrast(105%); }
.social-media.najava a:hover svg { filter: invert(53%) sepia(97%) saturate(964%) hue-rotate(1deg) brightness(103%) contrast(104%); }
.social-media.natjecaj a:hover svg { filter: invert(42%) sepia(92%) saturate(1643%) hue-rotate(88deg) brightness(107%) contrast(113%); }
.social-media.podcast a:hover svg { filter: invert(74%) sepia(36%) saturate(1405%) hue-rotate(87deg) brightness(99%) contrast(107%); }


.default-header { height: 161px;}
.english-header { height: 91px; }
body.kulturpunkt .site-header:after { background-color: #303030; } 
body.blic .site-header:after { background-color: #00DDDD; }    
body.tema .site-header:after { background-color: #3C6CEC; }
body.kritika .site-header:after { background-color: #9900FF; }
body.intervju .site-header:after { background-color: #FF6B4A; }
body.najava .site-header:after { background-color: #FF9900; }
body.natjecaj .site-header:after { background-color: #00CC00; }
body.podcast .site-header:after { background-color: #00FF75; }
.site-header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 10; }
    .site-header:after { position:absolute; top: 90px; width: 100%; height: 1px; content: ""; background-color: #303030; }
    .site-header .inner { position: relative; max-width: 1400px;margin: 0 auto; text-align: center; }    
        .site-header .icon { position: absolute; overflow: hidden; text-decoration: none; }
            .site-header .icon.search { top: 32px; right: 20px; width: 29px; height: 31px; }
            .site-header .icon.menu { top: 107px; right: 20px; width: 28px; height: 14px; z-index: 10; } 
            .site-header .icon.language { top: 107px; right: 67px; width: 32px; height: 16px; font-size: 1rem; line-height: 1rem; z-index: 10; }  
                .site-header .icon.language:hover { color: #00DDDD; } 
            .site-header .icon.language-hr { top: 23px; right: 10px; width: 32px; font-size: 0.833rem; line-height: 1rem; font-weight: 500; font-style: italic; z-index: 10; }  
                .site-header .icon.language-hr:hover { color: #00DDDD; }             
                .site-header .icon svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }  
        .site-header .logo { display: inline-block; height: 60px; width: 414.64px; margin-top: 17px; }
            .site-header .logo img { height: 100%; }
        .site-header .header-nav { position: absolute; top: 108px; width: 100%; line-height: 1rem; }  
            .site-header .header-nav ul { position: relative; max-width: 1190px; width: 100%; margin: 0 auto; padding: 0 20px; }
                .site-header .header-nav ul li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; }
                    .site-header .header-nav ul li a { margin: 0; padding: 0 14px; font-size: 1rem; line-height: 1rem; font-weight: 800;  text-transform: uppercase; letter-spacing: 0.07rem; }
                        .site-header .header-nav ul li:first-child a { padding-left: 0; }
                        .site-header .header-nav ul li:last-child a { padding-right: 0; }
                        .site-header .header-nav ul li.blic a:hover { color: #00DDDD; }
                        .site-header .header-nav ul li.tema a:hover { color: #3C6CEC; }
                        .site-header .header-nav ul li.kritika a:hover { color: #9900FF; }
                        .site-header .header-nav ul li.intervju a:hover { color: #FF6B4A; }
                        .site-header .header-nav ul li.najava a:hover { color: #FF9900; }
                        .site-header .header-nav ul li.natjecaj a:hover { color: #00CC00; }
                        .site-header .header-nav ul li.podcast a:hover { color: #00FF75; }


#menu-main { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.25); }
.main-navigation { /* display: none;*/  width: 380px; position:fixed; top: 0; right: 0; height: 100%; background-color: #fff; z-index: 20; }
    .main-navigation .inner {  width: 100%; height: 100%; overflow: auto; }

    .main-navigation .header { display: flex; flex-direction: row; justify-content: space-between; height: 90px; background-color: #fff; position: relative; }  
        .main-navigation .header .icon.close { height: 14px; width: 30px; position: absolute; right: 10px; top: 38px; background-color: transparent; } 
            .main-navigation .header .icon.close svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
        .main-navigation .header .logo { display: none; width: 276.43px; height: 40px; margin: 27px 0 0 30px; }
            .main-navigation .header .logo img { width: 100%; height: 100%; }
        .main-navigation .header .logo-wide { width: 40px; height: 42.11px; display: block; margin: 27px auto 0; }
            .main-navigation .header .logo-wide svg { width: 40px; height: 43px; }
            

    .main-navigation .menu-main-menu-container {}
        .main-navigation .menu { margin: 0 0 35px; padding: 0; }
            .main-navigation .menu-item, .main-navigation .menu-item-other { margin: 0; padding: 0; }
                .main-navigation .menu-item a, .main-navigation .menu-item-other a { display: block; font-size: 1rem; font-weight: 800; line-height: 1.222rem; text-transform: uppercase; text-decoration: none; padding: 19px 30px 10px; letter-spacing: 0.07em; }
                .main-navigation .menu-item.blic:hover a { color: #00DDDD; }
                .main-navigation .menu-item.tema:hover a { color: #3C6CEC; }
                .main-navigation .menu-item.kritika:hover a { color: #9900FF; }
                .main-navigation .menu-item.intervju:hover a { color: #FF6B4A; }
                .main-navigation .menu-item.najava:hover a { color: #FF9900; }
                .main-navigation .menu-item.natjecaj:hover a { color: #FF9900; }
                .main-navigation .menu-item.podcast:hover a { color: #00FF75; }
            .main-navigation .menu-item-other { border-top: 1px solid #E0E0E0; }
            .main-navigation .menu-item-other:last-child { border-bottom: 1px solid #E0E0E0; }
                .main-navigation .menu-item-other a { font-weight: 400; font-style: italic; }
                    .main-navigation .menu-item a svg { width: 18px; height: 20px; position: relative; top: 2px; left: 20px; }
            .main-navigation .searh-box { padding: 10px 30px; display: flex; justify-content: space-between; }
                .main-navigation .searh-box .search-icon { top: 32px; right: 10px; width: 29px; height: 31px; }              
                    .main-navigation .searh-box .search-icon  svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }  
                .main-navigation .searh-box input[type] { width: 85%; border: none; border-bottom: 1px solid #303030; }
        .main-navigation .social-media { margin: 0 0 25px 30px;   }
            .main-navigation .social-media a { margin-right: 23px;   } 
                .main-navigation .social-media a:last-child { margin-right: 0px; }
                .main-navigation .social-media a svg { width: 24px; height: 24px; } 
        .main-navigation .impressum { margin: 0 30px 45px; }
            .main-navigation .impressum p { margin-bottom: 1.25rem;  }
                .main-navigation .impressum p a { font-weight: 400; text-transform: lowercase; }
                    .main-navigation .impressum p a:hover { color: #00DDDD; }
        .main-navigation .close-bottom { margin: 0 30px 45px; text-align: center; }
            .main-navigation .close-bottom svg { height: 14px; width: 30px; }
    
.content { max-width: 1190px; margin: 30px auto 50px; padding: 0 10px; }
.content.special-content { max-width: 1170px; margin: 15px auto 50px; padding: 0 10px; }
    .special-content .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; line-height: 1rem; padding: 0 10px; }
        .special-content .header .title { font-weight: 800; letter-spacing: 0.07rem; }
        .special-content .header .all, .special-content .mobile .all { font-weight: 500; }
            .special-content .header .all a, .special-content .mobile .all a { font-style: italic; letter-spacing: 0.1rem; }
                .special-content .header .najava a:hover { color: #FF9900; } 
                .special-content .header .natjecaj a:hover { color: #00CC00; } 

.content.content-en { position: relative; max-width: 1190px; margin: 15px auto 50px; padding: 0 10px; }
    .content.content-en .search { position: absolute; top: 0px; right: 40px; width: 19px; height: 21px; }
        .content.content-en .search svg { width: 19px; height: 21px; }
    .content.content-en .supertitle { margin: 0 0 30px; padding: 0 10px;  }   
        .content.content-en .supertitle h4 { margin: 0; letter-spacing: 0.07em; padding-right: 50px; }
    .content.content-en .intro { margin-bottom: 30px; padding: 0 10px; font-size: 1.889rem; line-height: 2.5rem; }
.content.publikacija-content { max-width: 1190px; margin: 15px auto 50px; padding: 0 10px; }
    .content.publikacija-content .header { margin-bottom: 22px; padding: 0 10px; }
.content.tag-author, .content.tag-search { max-width: 1190px; margin: 20px auto 50px; padding: 0 10px; }
    .content.tag-author .header, .content.tag-search .header { justify-content: flex-start; align-content: center; margin-bottom: 34px; padding: 0 10px; }
        .content.tag-author .header .search-result, .content.tag-search .header .search-result { font-size: 0.833rem; line-height: 1.222rem; margin-right: 10px; }
        .content.tag-author .header .tag, .content.tag-search .header .tag { margin-bottom: 5px; padding: 8px 13px 6px; border-radius: 12px; font-size: 0.722rem; line-height: 0.722rem; font-weight: 500; letter-spacing: 0.12rem; }  

    
.content.searcḥ-content { max-width: 1150px; margin: 30px auto 0; padding: 0 20px; }
    .content.searcḥ-content .search-box { display: flex; justify-content: flex-start;  }
        .content.searcḥ-content .search-box input[type] { max-width: 565px; width: 70%; height: 60px; border: 1px solid #00DDDD; border-radius: 45px; margin-right: 17px; padding: 0 25px; color: #303030; }  
        .content.searcḥ-content .search-box .search-button { position: relative; width: 60px; height: 60px; border: 1px solid #00DDDD; border-radius: 45px; text-align: center; } 
            .content.searcḥ-content .search-box .search-button svg { width: 29px; height: 31px; position:absolute; top:0; left: 0; right:0; bottom: 0; margin:auto;  filter: invert(62%) sepia(69%) saturate(1829%) hue-rotate(133deg) brightness(101%) contrast(103%);}  

.more-content { width: 100%; margin: 30px auto 0; padding: 12px 0px 150px; text-align: center; }
    .more-content .more { font-weight: 500; font-style: italic; cursor: pointer; letter-spacing: 0.07em; cursor: pointer; }
        .more-content .more.blic:hover, .more-content .more.kulturpunkt:hover { color: #00DDDD; }
        .more-content .more.tema:hover { color: #3C6CEC; }
        .more-content .more.kritika:hover { color: #9900FF; }
        .more-content .more.intervju:hover { color: #FF6B4A; }
        .more-content .more.najava:hover { color: #FF9900; }
        .more-content .more.natjecaj:hover { color: #FF9900; }
        .more-content .more.podcast:hover { color: #00FF75; }

.box-border { width: 100%; padding: 9px; box-sizing: border-box; border: 1px solid #E0E0E0; overflow: hidden; min-height: 100%; }
    .box-border img { float: left; }

.grid .double-row { flex-direction: column; align-content: space-between; } 
    .grid .double-row article { height: calc(50% - 10px) } 
        .grid .double-row article:first-child { margin-bottom: 20px; } 
    .grid .double-row .banner { height: calc(50% - 5px) } 
        .grid .double-row .banner:first-child { margin-bottom: 10px; }  

.grid .banner { display: block; float: left; width: 100%; background-image: url(./assets/images/kulturpunkt-logo.svg); background-size: cover; background-position: center; } 
    .grid .banner img { float: left; width: 100%; height: 100%; object-fit: cover; overflow: hidden; }

article .tag { display: inline-block; margin: 0px 2px 13px; letter-spacing: 0.12em; }
article h3 { margin: 0px 2px 16px; }
    article h3 a { font-size: 1.333rem; line-height: 1.667rem; }
article h4 { margin: 0px 2px 15px; }
    article h4 a { font-size: 1rem; line-height: 1.333rem; font-weight: 800; }
article p { margin: 0px 2px 4px; font-size: 0.833rem; line-height: 1.222rem;  }
    article p a { font-size: 0.833rem; line-height: 1.222rem; font-weight: 400; font-style: normal;  }
article .author { display: inline-block; margin: 0 2px; }
.grid .panel { flex-direction: column; }
article.blic:hover, article.kulturpunkt:hover { border: solid 1px #00DDDD; } 
article.blic:hover .tag, article.kulturpunkt:hover .tag { color: #00DDDD; } 
article.blic:hover .thumbnail:before, article.kulturpunkt:hover .thumbnail:before { background-color: #00DDDD; } 
article.tema:hover { border: solid 1px #3C6CEC; } 
article.tema:hover .tag { color: #3C6CEC; } 
article.tema:hover .thumbnail:before { background-color: #3C6CEC; } 
article.kritika:hover { border: solid 1px #9900FF; } 
article.kritika:hover .tag { color: #9900FF; } 
article.kritika:hover .thumbnail:before { background-color: #9900FF; } 
article.intervju:hover { border: solid 1px #FF6B4A; } 
article.intervju:hover .tag { color: #FF6B4A; } 
article.intervju:hover .thumbnail:before { background-color: #FF6B4A; } 
article.najava:hover { border: solid 1px #FF9900; } 
article.najava:hover .tag { color: #FF9900; } 
article.najava:hover .thumbnail:before { background-color: #FF9900; } 
article.natjecaj:hover { border: solid 1px #00CC00; } 
article.natjecaj:hover .tag { color: #00CC00; } 
article.natjecaj:hover .thumbnail:before { background-color: #00CC00; } 
article.natjecaj:hover .deadline a { color: #00CC00; } 
article.podcast:hover { border: solid 1px #00FF75; } 
article.podcast:hover .tag { color: #00FF75; } 
article.podcast:hover .thumbnail:before { background-color: #00FF75; } 

article .thumbnail { position: relative; display: block; /* width: 100%; margin-bottom: 10px; */ margin: -10px -10px 10px -10px; background-image: url(./assets/images/kulturpunkt-logo.svg); background-size: 80%; background-position: center; background-repeat: no-repeat; }
    article:hover .thumbnail:before { position:absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; content: ""; mix-blend-mode: multiply; } 
    article .thumbnail img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; } 
article.big-box .thumbnail { height: 499px; }
        article.big-box:hover .thumbnail:before { height: 499px; } 
article.medium-box .thumbnail { height: 258px; }
    article.medium-box:hover .thumbnail:before { height: 258px;} 
        article.medium-box .article-arrow { top: 234px; }  
article.small-box .thumbnail { height: 173px; }
article.small-box:hover .thumbnail:before { height: 173px; }  
    article.small-box .article-arrow { top: 168px; }  

article.main-article { position: relative; overflow: hidden; }
    article.main-article .tag { margin: 0px 7px 13px; } 
    article.main-article h3 { margin: 0px 7px 16px; } 
    article.main-article .article-excerpt { margin: 0px 7px 14px; display: block; }
        article.main-article .article-excerpt a { font-weight: 400; font-size: 1.333rem; line-height: 1.722rem; }
    article.main-article .author { margin: 0 7px 10px; }
    

article.in-list { position: relative; overflow: hidden; }
    article.in-list .article-arrow { position: absolute; right: 29px; width: 27px; height: 30px; background: url(./assets/images/article-arrow.svg) repeat-x 0 0; }
        article.in-list .article-arrow svg { width: 27px; height: 30px; }     
           
article.announcement-list { position: relative; overflow: hidden; padding-bottom: 80px; }
    article.announcement-list .tag { margin-left: 2px; }    
    article.announcement-list h4 { margin: 0px 2px 15px; }
        article.announcement-list h4 a { font-size: 1.111rem; line-height: 1.444rem; font-weight: 800; }
    article.announcement-list p { margin: 0px 2px 4px; } 
        article.announcement-list p .location { font-size: 1.111rem; line-height: 1.5rem; }
            article.announcement-list p .location span { display: block; }        
    article.announcement-list .date { position: absolute; bottom: 6px; left: 11px; }
        article.announcement-list .date .time { width: 23px; height: 23px; margin-bottom: 13px; background-image: url(./assets/images/clock.svg); }

article.competition-list { position: relative; overflow: hidden; padding-bottom: 3rem; }
article.competition-list.deadline-sticker:before { position: absolute; top: 66px; right: 21px; width: 80px; height: 85px; content: ""; }
    article.competition-list.deadline-sticker:hover:before { display: none; }
    article.competition-list.deadline-sticker-0:before { background-image: url(./assets/images/deadline-sticker-0.svg); }
    article.competition-list.deadline-sticker-1:before { background-image: url(./assets/images/deadline-sticker-1.svg); }
    article.competition-list.deadline-sticker-2:before { background-image: url(./assets/images/deadline-sticker-2.svg); }
    article.competition-list.deadline-sticker-3:before { background-image: url(./assets/images/deadline-sticker-3.svg); }

    article.competition-list p { margin: 0px 2px 12px; }
    article.competition-list .deadline { position: absolute; bottom: 6px; left: 11px; } 


div.slider { min-height: 500px; position: relative; overflow: hidden; margin-bottom: 20px; }
    div.slider .type { display: inline-block; margin-bottom: 10px; }
    div.slider .thumbnail { position: relative; display: block; width: 100%; height: 240px; margin-bottom: 18px; background-image: url(./assets/images/kulturpunkt-logo.svg); background-size: cover; background-position: center; }
        div.slider:hover .thumbnail:before { position:absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 240px; content: ""; mix-blend-mode: multiply; } 
        div.slider:hover { border: solid 1px #00FF75; } 
        div.slider:hover .thumbnail:before { background-color: #00FF75; } 
        div.slider .thumbnail img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
    div.slider h3 { margin: 0px 2px 2px; }
        div.slider h3 a { font-size: 1.333rem; line-height: 1.667rem; }
        div.slider .text-small { margin-left: 2px; }
    div.slider-nav { position: absolute; left: 0; bottom: 8px; right: 0; width: 100%; height: 21px; box-sizing: border-box; padding: 0 9px; display: flex; justify-content: space-between; align-items: center; }
        div.slider-nav .arrow svg { width: 30px; height: 21px; } 
    div.slider.audio-sticker:hover:before { position: absolute; top: 5px; left: 35%; width: 99px; height: 99px; content: ""; background-image: url(./assets/images/podcast-audio.png); z-index:1; }

.separated { height: 500px; margin-bottom: 20px; overflow-y: auto;}
    .separated .title { position: relative; display: block; margin: 8px 0 12px; padding: 0px 0; overflow: hidden; letter-spacing: 0.1rem; } 
        .separated .title span { position: relative; }
            .separated .title span:after { background: url(./assets/images/separated.svg) repeat-x 0 0; content: ""; position: absolute; top: 2px; left: 112%; width: 1400%; height: 10px; z-index: 0; } 
    .separated ul.list { margin: 0px; padding: 0px; } 
        .separated ul.list li { margin: 0px; padding: 5px 0px; list-style-type: none; border-top: 1px solid #E0E0E0; }
            .separated ul.list li .tag { letter-spacing: 0.12em; }
            .separated ul.list li h4 { margin: 0px; } 
    .separated.blic:hover { border: solid 1px #00DDDD; } 
    .separated ul li.blic-item:hover { border-top: 1px solid #00DDDD; } 
    .separated ul li.blic-item:hover .tag { color: #00DDDD; } 
    .separated.kritika:hover { border: solid 1px #9900FF; } 
    .separated ul li.kritika-item:hover { border-top: 1px solid #9900FF; } 
    .separated ul li.kritika-item:hover .tag { color: #9900FF; } 
    .separated.intervju:hover { border: solid 1px #FF6B4A; } 
    .separated ul li.intervju-item:hover { border-top: 1px solid #FF6B4A; } 
    .separated ul li.intervju-item:hover .tag { color: #FF6B4A; } 
    .separated.tema:hover { border: solid 1px #3C6CEC; } 
    .separated ul li.tema-item:hover { border-top: 1px solid #3C6CEC; } 
    .separated ul li.tema-item:hover .tag { color: #3C6CEC; } 

.tags { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.tags.top { margin-top: -10px; padding: 0px 10px 25px; }
.tags.bottom { padding: 15px 10px 10px; }
    .tags a { margin: 0 10px 10px 0; padding: 8px 13px 6px; border-radius: 12px; font-size: 0.722rem; line-height: 0.722rem; font-weight: 500; letter-spacing: 0.12rem; text-transform: uppercase; float: left; }
        .tags a:last-child { margin-right: 0; }
    body.blic .tags a, body.kulturpunkt .tags a { background: rgba(0, 221, 221, 0.35); }
        body.blic .tags a:hover, body.kulturpunkt .tags a:hover { background: rgba(0, 221, 221, 1); }
    body.tema .tags a { background: rgba(60, 108, 236, .35); }
        body.tema .tags a:hover { background: rgba(60, 108, 236, 1); }
    body.kritika .tags a { background: rgba(153, 0, 255, 0.35); }
        body.kritika .tags a:hover { background: rgba(153, 0, 255, 1); }
    body.intervju .tags a { background: rgba(255, 107, 74, 0.35); }
        body.intervju .tags a:hover { background: rgba(255, 107, 74, 1); }    
    body.najava .tags a { background: rgba(255, 153, 0, 0.35); }
        body.najava .tags a:hover { background: rgba(255, 153, 0, 1); }
    body.natjecaj .tags a { background: rgba(0, 204, 0, 0.35); }
        body.natjecaj .tags a:hover { background: rgba(0, 204, 0, 1); }    
    body.podcast .tags a { background: rgba(0, 255, 117, 0.35); }        
        body.podcast .tags a:hover { background: rgba(0, 255, 117, 1); }


.social-detail { position: fixed; left: 35px; top: 45vh; display: flex; flex-direction: column; z-index: 10;  }
    .social-detail.social-media a { display: inline-flex; margin-bottom: 20px; } 
        .social-detail.social-media a svg { width: 25px; height: 25px; }  

.content.detail-content { position: relative; max-width: 956px; margin: 20px auto 50px; padding: 0 20px; }
    .content.detail-content .inner { flex-direction: column; align-items: flex-start; margin-bottom: 25px; }
        .content.detail-content .inner h4 { margin: -5px 0 10px; }
        .content.detail-content .inner h1 { margin: 16px 0 20px; }
        .content.detail-content .inner h2 { margin: 0 0 24px; }
        .content.detail-content .inner .tags { margin-bottom: 23px; }    
        .content.detail-content .inner .place { position: relative; margin-bottom: 20px; padding-left: 35px;   }
        .content.detail-content .inner .place:before { position: absolute; top: 0; left: -4px;  width: 27px; height: 31px; content: ""; background-image: url(./assets/images/pin.svg); }
        .content.detail-content .inner .date { position: relative; margin-bottom: 32px; padding-left: 35px;}
        .content.detail-content .inner .date:before { position: absolute; top: 0; left: 0; width: 23px; height: 23px; content: ""; background-image: url(./assets/images/clock.svg); }
        .content.detail-content .inner .audio { padding: 45px 0 55px; }
        .content.detail-content .inner .deadline { position: relative; margin-bottom: 32px; padding-left: 35px; }
        .content.detail-content .inner .deadline:before {  position: absolute; top: 0; left: 0; width: 23px; height: 23px; content: ""; background-image: url(./assets/images/clock.svg);  }
        .content.detail-content .inner hr.line { margin: 60px 0 65px;  }
            .content.detail-content .inner .tags .label { margin: 6px 10px 0 0; }
        .content.detail-content .inner .image { position: relative;  padding: 10px 0 37px; text-align: center; }
            .content.detail-content .inner .image img  { max-width: 100%; height: auto; }
        .content.detail-content .inner .image.publikacija { margin-top: 70px; }
            .content.detail-content .inner .image span { position: absolute; bottom: 0; right: 0; }
        .content.detail-content .inner .text  { padding: 0 98px; }
            .content.detail-content .inner .text img { max-width: 100%; }
                .content.detail-content .inner .text .wp-block-image figcaption { font: 500 0.667rem/0.833rem Epilogue, sans-serif; }
            .content.detail-content .inner .text p { margin-bottom: 28px; }
                .content.detail-content .inner .text p:last-of-type { margin-bottom: 50px; }  
            .content.detail-content .inner .text p a { text-decoration: underline; }    
                .content.detail-content .inner .text p a:hover { text-decoration: none; }
            .content.detail-content .inner .text p .paraf { margin-right: 20px; font-weight: 500; font-size: 0.722rem; }    
                 .content.detail-content .inner .text hr { margin: 35px 0 45px; }
            .content.detail-content .inner .text .published { margin-bottom: 52px; } 
            .content.detail-content .inner .text .tags { margin-bottom: 60px; } 
    
.blic .content.detail-content .inner .text p a { text-decoration-color: #00DDDD; }
.tema .content.detail-content .inner .text p a { text-decoration-color: #3C6CEC; }
.kritika .content.detail-content .inner .text p a { text-decoration-color: #9900FF; }
.intervju .content.detail-content .inner .text p a { text-decoration-color: #FF6B4A; }
.najava .content.detail-content .inner .text p a { text-decoration-color: #FF9900; }
.natjecaj .content.detail-content .inner .text p a { text-decoration-color: #00CC00; }
.podcast .content.detail-content .inner .text p a { text-decoration-color: #00FF75; }
.natjecaj .content.detail-content .inner .deadline { color: #00CC00;  }

footer .inner p a:hover { color: #00DDDD; }
footer .footer-top { border-top: 1px solid #00DDDD; } 
    footer .footer-top .inner { position: relative; max-width: 1190px; height: 100%;  margin: 0px auto; padding: 20px 10px 10px; }
        footer .footer-top .inner p { margin: 0 0 1.25rem; font-size: 0.833rem; line-height: 1.222rem; }
            footer .footer-top .inner p:last-child { margin-bottom: 0px;} 
            footer .footer-top .inner p a { font-weight: 400; }
        footer .footer-top .info { padding-right: 30px; }
            footer .footer-top .info .tag-box { display: inline-block; margin-bottom: 45px; letter-spacing: 0.12em; }
        footer .footer-top .sponsor { padding-top: 8px; }
            footer .footer-top .sponsor .title { margin-bottom: 30px; }
            footer .footer-top .sponsor .grid { min-width: auto; margin: 0 -10px; }
                footer .footer-top .sponsor .grid a { float: left; height: 100px; text-align: center; } 
                    footer .footer-top .sponsor .grid a { display: flex; justify-content: center; align-items: center; padding: 15px; } 
                    footer .footer-top .sponsor .grid a img { max-width: 100%; max-height: 100%; filter: grayscale(1); } 
                    footer .footer-top .sponsor .grid a:hover img { filter: grayscale(0); }  
        footer .footer-top .partner { padding-top: 8px; padding-left: 97px; }
            footer .footer-top .partner .media { margin-bottom: 25px; }
        footer .footer-top .info-short { margin-top: 4px; }
footer .footer-bottom { margin-bottom: 190px; border-top: 1px solid #E0E0E0; } 
    footer .footer-bottom .inner { position: relative; max-width: 1190px; height: 100%;  margin: 0px auto; padding: 20px 10px; }
        footer .footer-bottom .social-media a { margin-right: 23px;   }
            footer .footer-bottom .social-media a:last-child { margin-right: 0px; }
            footer .footer-bottom .social-media a svg { width: 20px; height: 20px; }  
    
.newsletter { /*  */display: none; min-height: 59px; position: fixed; bottom: 0; left: 0; box-sizing: border-box; width: 100%; padding: 0 50px; background: #fff; z-index: 2; text-align: center; border-top: 1px solid #303030; }
    .newsletter .inner { max-width: 1150px; width: 100%; box-sizing: border-box; height: 100%; margin: 20px auto 0; padding: 0; overflow: hidden; }
        .newsletter .inner .register { display: block; width: 100%; margin-left: -25px; padding: 0 0rem 0 1.2rem; font-weight: 500; line-height: 1.25rem; font-style: italic;  }
        .newsletter .inner .register a { position: relative; padding-left: .2rem; }
        .newsletter .inner .register a:before { background: url(./assets/images/at.svg) repeat-x 0 0; content: ""; position: absolute; top: 2px; right: 102%; width: 1000%; height: 12px; z-index: 0; } 
        .newsletter .inner .register a:after { background: url(./assets/images/at.svg) repeat-x 0 0; content: ""; position: absolute; top: 2px; left: 105%; width: 1000%; height: 12px; z-index: 0; } 
        .newsletter .inner .registration { /* display: none; */ display: flex; justify-content: flex-start; width: 100%; padding: 64px 0; } 
            .newsletter .inner .registration  input[type] { max-width: 613px; width: 70%; box-sizing: border-box; height: 60px; border: 1px solid #E0E0E0; border-radius: 45px; margin-right: 17px; padding: 0 25px; color: #303030; } 
            .newsletter .inner .registration .check-in { display: flex; align-items: center; min-width: 150px; height: 58px; border: 1px solid #00DDDD; border-radius: 45px; justify-content: center; font-weight: 800; } 
    .newsletter .inner .close { position: absolute; top: 16px; right: 20px; width: 12px; height: 11px; z-index: 3; cursor: pointer; }
        .newsletter .inner .close svg { width: 12px; height: 11px; }
 
        
@media screen and (max-width:1140px) {
    .site-header .icon.language-hr { right: 20px; }
    .social-detail { display: none; }
    .content.content-en .search { right: 20px; }
    footer .footer-top .partner { padding-left: 40px; }
} 

@media screen and (max-width:900px) { 
    body { padding-top: 90px; } 
    body.default { padding-top: 90px; } 

    .default-header { height: 90px;}
    .site-header .inner { display: flex; flex-direction: row; justify-content: space-between; } 
        .site-header .logo { display: block; height: 40px; width: 276.43px; margin: 27px 0 0 20px; }
        .site-header .icon.search, .site-header .icon.language, .site-header .header-nav { display: none; } 
        .site-header .icon.menu { top: 39px; right: 22px; }

    .main-navigation { width: 100vw; height: 100vh; } 
        .main-navigation .header .logo-wide { display: none; }
        .main-navigation .header .logo { display: block; }
    
    .content.detail-content { padding: 0 20px; } 
}

@media screen and (max-width:759px) { 
    html, body { font: normal normal 400 16px/21px Epilogue, sans-serif; }
    
    .desktop { display: none; }
    .mobile { display: block; }

    .site-header .logo img  { float: left; } 
    
    .content { margin: 25px auto 38px; padding: 0; }
        .content.content-en { padding: 0; }
        .content.content-en .supertitle { padding: 0 20px; }
        .content.content-en .intro { padding: 0 20px; font-size: 1.25rem; line-height: 1.8rem; }

    body h1 { font-size: 1.6rem; line-height: 2.2rem; }
    .text-lead-large {  font-size: 1.1rem; line-height: 1.5rem; }

    article .thumbnail { margin-bottom: 12px; }
    article .tag { font-size: 0.813rem; }  
    article h4 { margin-bottom: 18px; }
        article h4 a { font-size: 1.125rem; line-height: 1.4rem; }
    article p { font-size: 0.938rem; line-height: 1.3rem; margin-bottom: 6px;   }
        article p a { font-size: 0.938rem; line-height: 1.222rem;  }
    article .author { font-size: 0.75rem; } 

    article.main-article .tag { font-size: 0.813rem; } 
    article.main-article h3 { margin-bottom: 14px; }
        article.main-article h3 a { font-size: 1.125rem; } 
    article.main-article h4 { margin-bottom: 8px; }
        article.main-article h4 a { font-size: 0.938rem; line-height: 1.3rem; }
    article.main-article .author { font-size: 0.75rem; }

    article.announcement-list .tag,  article.competition-list .tag { font-size: 0.65rem; }    
    article.announcement-list h4, article.competition-list h4 { margin-bottom: 12px; }
        article.announcement-list h4 a, article.competition-list h4 a  { font-size: 0.938rem; line-height: 1.444rem; }
    article.announcement-list p {  } 
        article.announcement-list p .location { font-size: 0.938rem; line-height: 1.5rem; }
        article.competition-list p a { font-size: 0.813rem; line-height: 1.15rem; }
        article.announcement-list .date .text-lead-normal, article.competition-list .deadline a { font-size: 0.938rem; }
        
    article.big-box .thumbnail { height: 240px; } 
        article.big-box:hover .thumbnail:before { height: 240px; } 
 
    .separated { height: auto; }
    .content.tag-author, .content.tag-search { padding: 0; }
    .content.tag-author .header, .content.tag-search .header { padding: 0 20px; }
    .content.special-content, .content.publikacija-content { padding: 0; }
    .content.special-content .grid .col-1-4, .content.tag-author .grid .col-1-4, .content.tag-search .grid .col-1-4 { float: left; width: 50%; margin: 0 0 20px; }
    .content.connected .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .banner, .content.tag-author .grid .col-1-4 .box-border, .content.tag-author .grid .col-1-4 .banner { height: 470px; }    
    .content.natjecaj .grid .col-1-4 .box-border, .content.tag-search .grid .col-1-4 .box-border { height: 250px; }
    .content.natjecaj-list .grid .col-1-4:last-child { margin-bottom: 0px; }

    .more-content { padding-bottom: 75px; }

    .special-content .header { margin: 19px 0 29px; padding: 0 20px; }
        .special-content .header .title { font-size: 1rem; letter-spacing: 0.12rem; }
        .special-content .header .all { display: none; }  
    
    .special-content .mobile .all { padding: 0 20px;  margin: 18px 0 50px; font-size: 0.938rem; font-weight: 500; font-style: italic; letter-spacing: 0.12rem; }

    .tags.top { padding: 0px 20px 15px;}
    .tags.bottom { padding: 10px 20px; }
    .content.publikacija-content .header { padding: 0 20px; }
 
    .content.detail-content { margin: 10px auto 25px}
    .content.detail-content .inner .image.publikacija { margin-top: 30px; }
    .content.detail-content .inner .text { padding: 10px 20px; } 
        .content.detail-content .inner .text p { margin-bottom: 15px;}
        .content.detail-content .inner .text p:last-of-type { margin-bottom: 25px; }
        .content.detail-content .inner .text .published { margin-bottom: 25px; }
        .content.detail-content .inner .text .tags { margin-bottom: 15px; }  
        .content.detail-content .inner .text hr, .content.detail-content .inner hr.line { margin: 20px 0;  }        
        .content.detail-content .inner .audio { padding: 10px 0 20px; }

    footer .footer-top .inner { padding: 10px 0; }
        footer .footer-top hr { margin: 25px 0 13px; border-top: 1px solid #E0E0E0;  }
        footer .footer-top .info { padding-right: 10px; margin-top: 0px; } 
            footer .footer-top .info .tag-box { display: none; }
        footer .footer-top .secondary-menu  { margin: 6px 0 0; padding: 0; }
            footer .footer-top .secondary-menu li { margin: 0 0 9px; padding: 0; list-style-type: none; }
                footer .footer-top .secondary-menu li a { font-size: 0.938rem; letter-spacing: 0.12rem; }
            footer .footer-top .inner p { margin: 0 0 .8rem; font-size: 0.938rem; line-height: 1.75rem; }
        footer .footer-top .partner { padding-top: 0px; padding-left: 0px; }
            footer .footer-top .partner .media { font-size: .75rem; }
            footer .footer-top .partner .media-partner { display: flex; justify-content: flex-start; }
                footer .footer-top .partner .media-partner .half { flex: 50%; } 
                    footer .footer-top .partner .media-partner .half p { line-height: 1.37rem; } 
                footer .footer-top .sponsor .title { margin-bottom: 22px; font-size: .75rem;  }
                footer .footer-top .sponsor { padding-top: 0px; padding-right: 0px; } 
                    footer .footer-top .sponsor .sponsor-links { padding: 0 0 0 10px; } 
                    footer .footer-top .sponsor .grid.mobile div { width: 50%; float: left; margin: 10px 0; padding-right: 20px; } 
                    footer .footer-top .sponsor .grid.mobile div:nth-child(2n+2) { padding-right: 0px; } 
                footer .footer-top .sponsor .grid a { float: left; width: 100%; height: 100px; text-align: center; } 
    footer .footer-bottom .inner { padding: 20px 0; }
}

@media screen and (max-width:479px) {
    .site-header .logo img {  width: 75%;  }

    .grid .banner-big, .grid .banner-mid { margin-bottom: 20px; }

    .content.special-content .grid .col-1-4 { float: none; width: 100%; }
    .content.special-content .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .banner { height: auto; }

    .content.special-content .grid .col-1-4, .content.tag-author .grid .col-1-4, .content.tag-search .grid .col-1-4 { float: none; width: 100%; }
    .content.connected .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .banner, .content.tag-author .grid .col-1-4 .box-border { height: auto; }

    .content.tag-search .grid .col-1-4 .box-border { height: auto; }

    .newsletter { padding: 0 10px; }
        .newsletter .inner .register a:before, .newsletter .inner .register a:after { display: none;s }
        .newsletter .inner .registration { flex-direction: column; }
        .newsletter .inner .registration  input[type] { width: 100%; margin: 0 0 10px; } 
}

@media screen and (max-width:399px) { 
    .main-navigation .header .logo { height: 40px; width: 70%; }
}


@media handheld, only screen and (min-width: 760px) {
    .temp_home .content .grid {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
    }
}

.page-id-40 .footer-top {
    bottom: 0;
    position: absolute;
    width: 100%;
}



.post-40 {
	width: 100vw;
}

.post-40 h4 a{
	font-size: 3em;
	line-height: 3em;
	width: 100vw;
	text-align: center;
}

.single-post-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
.post-featured-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.post-title {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 20px;
}
.post-meta {
    font-size: 14px;
    color: #666;
}
.post-content {
    margin-top: 20px;
    line-height: 1.8;
}
.post-tags {
    margin-top: 20px;
    font-size: 14px;
}
.post-author-bio {
    display: flex;
    align-items: center;
    margin-top: 40px;
    padding: 15px;
    border-top: 1px solid #ddd;
}
.author-avatar {
    margin-right: 15px;
}
.related-posts {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.related-posts h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.related-posts-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.related-post {
    display: flex;
    gap: 15px;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.related-thumbnail img {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
}
.related-content {
    flex: 1;
}
.related-category {
    font-size: 14px;
    font-weight: bold;
    color: #d13a3a;
    text-transform: uppercase;
}
.related-category a {
    color: inherit;
    text-decoration: none;
}
.related-title {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 5px 0;
}
.related-title a {
    text-decoration: none;
    color: #000;
}
.related-excerpt {
    font-size: 14px;
    color: #666;
    margin: 0;
}
.home_text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 34px;
    line-height: 45px;
}
@media (max-width: 768px) {
    .home_text {
        padding-left: 20px;
        padding-right: 10px;
        font-size: 20px;
        line-height: 28px;
    }
}
.temp_home .content {
    margin-top: 0;
}
.hidden {
    display: none!important;
}
.header_text {
    max-width: 1170px;
    margin: auto;
}

.text_sidebar {
    font-size: 0.833rem;
    line-height: 1.222rem;
}


.header_text p,
.post_category span {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07rem;
    color: #303030;
}



@media (max-width: 1205px) {
    .header_text p,
    .post_category span {
        margin-left: 0px;
    }
}

#search-form-content {
    display: block;
    max-width: 1170px;
    margin: 0 auto;
}
#search-form-content input {
    box-sizing: border-box;
    width: 565px;
    height: 60px;
    border: 1px solid #0DD;
    border-radius: 45px;
    padding: 0 24px;
    line-height: 60px;
    color: #303030;
}
textarea, input {
    font-family: 'Epilogue', sans-serif;
}
#search-form-content button {
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    border: 1px solid #0DD;
    border-radius: 45px;
    position: relative;
    top: 10px;
    left: 10px;
    background-color: transparent;
    cursor: pointer;
}
#search-form-content button svg {
    width: 32px;
    height: 32px;
    color: #0DD;
    filter: invert(77%) sepia(57%) saturate(3204%) hue-rotate(128deg) brightness(95%) contrast(100%);
    position: relative;
    top: 2px;
}

.home .header_text {
    display: none;
}
/*
.site-header .icon.language {
    top: 32px;
    right: 20px;
}

.site-header .icon.search {
    top: 107px;
    right: 67px;
    z-index: 10;
}*/

#menu-close,
#top-menu .search-box,
#wpadminbar,
.home #menu-item-52 {
    display: none;
}

.footer-top .info {
    padding-top: 8px;
}

.partner_images {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.parter_image_container {
    border: 1px solid lightgrey;
    padding: 10px;
    width: calc(100%/3 - 36px);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner_images img {
    filter: grayscale(1);
    margin-bottom: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    
}

@media (min-width: 901px) {
    .mobileOnly {
        display: none!important;
    }
}

@media screen and (max-width: 900px) {
    
    .hambClose {
        position: absolute;
        top: 32px;
        right: 20px;
    }
    
    .hambClose span {
        font: normal normal 700 40px / 30px Epilogue, sans-serif;
    }
    
    .site-header .inner {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    
    .main-navigation .header .logo {
        margin: 27px 0 0 24px;
    }
}