/* 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: voxfeminae2018 */ /*-------------------------------------------------------------- 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:20px;padding-right:20px; margin-bottom: 34px;}.grid{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto;max-width:1140px;min-width:755px;}.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:10px 0;padding-left:0;padding-right:10px}[class*=tablet-col-]{float:left;margin:0 0 10px;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 30px;padding-left:0;padding-right:10px}[class*=mobile-col-]{float:left;margin:0 0 10px;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}} /* .grid-pad-small [class*=col-]{padding-left:6px;padding-right:6px; margin-bottom: 25px;}#content .grid-pad-small{margin:0 -6px} */ @media handheld,only screen and (min-width:760px) { .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; } html body .vijesti { background-color: #256eff; color: #fff; } .main-navigation .menu .vijesti a { background-color: #256eff; color: #fff; border-bottom: 1px solid #256eff; } html body .kultura { background-color: #5bffb7; color: #000; } .main-navigation .menu .kultura a { background-color: #5bffb7; color: #000; border-bottom: 1px solid #5bffb7; } html body .pravednost { background-color: #fed904; color: #000; } .main-navigation .menu .pravednost a { background-color: #fed904; color: #000; border-bottom: 1px solid #fed904; } html body .strasne-zene { background-color: #9013fe; color: #fff; } .main-navigation .menu .strasne-zene a { background-color: #9013fe; color: #fff; border-bottom: 1px solid #9013fe; } html body .feministyle { background-color: #f3b3ff; color: #000; } .main-navigation .menu .feministyle a { background-color: #f3b3ff; color: #000; border-bottom: 1px solid #f3b3ff; } html body .kalendar-dogadanja { background-color: #ceeefc; color: #000; } .main-navigation .menu .kalendar-dogadanja a, article.in-list .kalendar-dogadanja a { background-color: #ceeefc; color: #000; border-bottom: 1px solid #ceeefc; } html, body { background-color: #fff; font-family: 'Poppins', sans-serif; } body { padding-top: 89px; } body a { text-decoration: none; } /* color: #000; text-decoration: underline; text-decoration-color: #fdd905; body a:hover { text-decoration: none; } */ body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Muli', sans-serif; } body h1 { font-size: 48px; font-weight: 900; line-height: 1.08; } body h2 { font-size: 38px; font-weight: 900; line-height: 1.21; } body h3 { font-size: 28px; font-weight: 900; line-height: 1.21; } body h4 { font-size: 22px; font-weight: 900; line-height: 1.4; } body h4.tag-title { margin-left: 20px; } body h4.tag-title span { text-transform: lowercase; color: #414755; border-radius: 30px; background-color: #f2f2fa; padding: 10px 18px; border-bottom: none; display: inline-block; } body h5 { font-size: 18px; font-weight: 900; line-height: 1.21; } sup { display: inline-block; line-height: 1.5; } iframe { margin-left: auto!important; margin-right: auto!important; display: block; } .twitter-tweet-rendered, .instagram-media-rendered { margin-left: auto!important; margin-right: auto!important; } figure { width: 100%; } figure img { } figure figcaption{ font-size: 14px; font-style: italic; text-align: left; margin: 9px auto 18px; max-width: 840px; } div.site { max-width: 100%; } .site-header { height: 90px; border-bottom: 1px solid #dadae6; position: fixed; top: 0; left: 0; width: 100%; line-height: 108px; background: #fff; z-index: 10; } .scrolled .site-header { height: 70px; } .site-header .inner { position: relative; margin: 0 70px; height: 100%; text-align: center; } .site-header .left { position: absolute; left: 0; height: 100%; } .site-header .right { position: absolute; right: 0; height: 100%; } .site-header .icon { display: inline-block; text-decoration: none; overflow: hidden; position: relative; } .site-header .icon.menu { height: 18px; width: 24px; } .site-header .icon.facebook { height: 24px; width: 11px; margin-right: 70px; } .site-header .icon.facebook:hover svg { } .site-header .icon.instagram { height: 26px; width: 26px; margin-right: 70px; } .site-header .icon.search { height: 24px; width: 24px; } .site-header .icon svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .site-header .logo { display: inline-block; height: 58px; width: 104px; margin-top: 16px; } .site-header .logo img { height: 100%; } #menu-main { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } .main-navigation { width: 380px; position:fixed; top: 0; left: 0; height: 100%; background-color: #fff; z-index: 20; } .main-navigation .inner { width: 100%; height: 100%; overflow: auto; } .main-navigation .header { height: 91px; background-color: #000; position: relative; text-align: center; } .main-navigation .header .icon.close { height: 20px; width: 20px; position: absolute; right:30px; top: 35px; background-color: transparent; } .main-navigation .header .icon.close svg { fill: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .main-navigation .header .logo { width: 81px; height: 46px; display: inline-block; margin: 22px 0; } .main-navigation .header .logo img { width: 100%; height: 100%; } .main-navigation .menu-main-menu-container {} .main-navigation .menu { margin: 0; padding: 0; font-size: 18px; } .main-navigation .menu-item { margin: 0; padding: 0; } .main-navigation .menu-item a { display: block; font-size: 18px; font-weight: bold; line-height: 28px; height: 25px; text-transform: uppercase; text-decoration: none; padding: 17px 30px 18px; border-bottom: 1px solid #fed904; color: #000; background-color: #fff; } .main-navigation .menu-item a svg { width: 18px; height: 20px; position: relative; top: 2px; left: 20px; } .menu-close-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 10; display: none;opacity: 0.18; background-color: #000; } .search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; z-index: 10; display: none; opacity: 1; background-color: #fed904; color: #000; padding: 20% 0 0; } .search-overlay fieldset { margin: 0 auto; max-width: 1160px; display: inline-block; vertical-align: middle; border: none; } .search-overlay fieldset .search-form__field { display: inline-block; padding: 5px 40px 5px 20px; font-size: 48px; border: none; border-bottom: 2px solid #000; background: none; outline: none; } .search-overlay fieldset .search-close { display: inline-block; margin-left: -30px; width: 20px; height: 20px; } /* width: 40px; height: 40px; position: absolute; right: 15px; top: calc(33% + 30px); */ .search-overlay fieldset .search-close svg { width: 100%; height: 100%; } .content { max-width: 1160px; margin: 40px auto 0; } article.in-list { } article.in-list .article-thumbnail { width: 100%; height: 244px; position: relative; overflow: hidden; } article.in-list.col-2-3 .article-thumbnail { height: 288px; margin-bottom: 14px; } article.in-list .article-thumbnail a.thumbnail { display: block; width: 100%; height: 100%; background-image: url(./assets/images/logo-vox.svg); background-size: cover; background-position: center; } article.in-list .article-thumbnail a.thumbnail img { /*min-width: 100%; min-height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; */ width: 100%; height: 100%; object-fit: cover; overflow: hidden; } article.in-list .article-thumbnail a.article-category { position: absolute; left: 0; bottom: 0; line-height: 16px; font-size: 15px; font-weight: 600; display: block; padding: 10px 18px; text-transform: uppercase; } article.in-list .article-thumbnail a.article-birthday { position: absolute; right: 0; top: 0; line-height: 16px; font-size: 15px; font-weight: 600; display: block; padding: 10px 18px 10px 36px; text-transform: uppercase; background-color: #9013fe; color: #fff; } article.in-list .article-thumbnail a.article-birthday svg { width: 18px; height: 20px; position: absolute; top: 4px; left: 18px; } article.in-list .article-thumbnail span.article-archive-link { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 16px; font-size: 15px; font-weight: 600; display: block; padding: 10px 18px; text-transform: uppercase; } article.in-list .article-thumbnail span.article-archive-link svg { width: 18px; height: 20px; position: relative; top: 2px; display: inline-block; margin-right: 18px; } article.in-list .article-thumbnail span.article-archive-link .separator { display: inline-block; height: 14px; border-right: 1px solid #000; margin-right: 18px; position: relative; top: 1px; } article.in-list .article-thumbnail span.article-archive-link a.article-category { display: inline-block; position: static; padding: 0; margin-right: 18px; } article.in-list .article-thumbnail span.article-archive-link a.article-tag { display: inline-block; position: static; padding: 0; } article.in-list h3.article-title { margin-bottom: 14px; margin-top: 16px; display: block; line-height: 1.14; } article.in-list .article-title a { font-family: 'Muli', sans-serif; font-size: 22px; font-weight: 900; color: #000; } article.in-list.col-2-3 .article-title { font-size: 28px; line-height: 1.21; } article.in-list .article-excerpt { color: #414654; font-size: 15px; } article.in-list .article-event-info { background-color: #f8f9ff; color: #000; display: block; padding: 0 18px 0; } article.in-list .article-event-info .article-event-date-time { font-size: 18px; line-height: 1.28; font-weight: 500; display: block; border-bottom: 0.5px solid #cdcddb; padding: 10px 0;} article.in-list .article-event-info .article-title { font-size: 18px; font-weight: 800; border-bottom: 0.5px solid #cdcddb; line-height: 1.28; padding: 10px 0; margin: 0; } article.in-list .article-event-info .article-event-location { font-size: 16px; line-height: 1.44; display: block; font-weight: 500; padding: 8px 0 16px; } body article.in-list .article-fierce-women-info { background-color: #f8f0ff; color: #000; display: block; padding: 0 18px 0; } article.in-list .article-fierce-women-info .article-title { font-size: 18px; font-weight: 800; border-bottom: 0.5px solid #cdcddb; line-height: 1.28; padding: 10px 0; margin: 0; } article.in-list .article-fierce-women-info .article-fierce-women-quote { font-size: 16px; line-height: 1.44; display: block; font-weight: 500; padding: 8px 0 16px; } article .article-info { display: block; margin-top: 16px; } article .article-info .posted-on { display: inline-block; margin-right: 20px; } /*.article-seperate-list { max-width: 1140px; padding-bottom: 26px; margin: 15px auto 10px; overflow: hidden; }*/ .article-seperate-list { overflow: hidden; margin-top: 0; margin-bottom: 20px; } .article-seperate-list .title-header { text-align: center; margin-bottom: 40px; margin-left: 0; margin-right: 0; } /*.article-seperate-list .title-header [class*=col-] { padding-left: 0; padding-right: 0; }*/ .article-seperate-list .title-header hr { height: 0px; width: 100%; border: none; border-bottom: 24px solid #f2f2fa; margin: 0; position: relative; top: 30px;} .article-seperate-list .title-header span { text-transform: uppercase; display: inline-block; background-color: #fff; padding: 0 30px; position: relative; font-size: 32px; font-weight: 800; color: #000; } .article-list-separator { margin-top: 20px; margin-bottom: 20px; } .article-list-separator hr { height: 0px; width: 100%; border: none; border-bottom: 24px solid #f2f2fa; margin: 0; } .widget-promo-space-in-article-list { } .widget-promo-space-in-article-list .promo-space { position: relative; overflow: hidden; } .widget-promo-space-in-article-list .promo-space img { max-width: 100%; display: block; } .widget-promo-space-in-article-list .promo-space .promo-category { position: absolute; left: 0; bottom: 0; line-height: 16px; font-size: 15px; font-weight: 600; display: block; padding: 10px 18px; text-transform: uppercase; display: block; background-color: #ededed; } article {} article header, .page-wrap header { max-width: 840px; margin: 30px auto 39px; font-size: 18px; } article header .article-category { display: inline-block; margin-right: 50px; font-size: 16px; font-weight: 600; padding: 12px 33px 11px; line-height: 15px; text-transform: uppercase; } article header .article-fierce-women-birthday { display: inline-block; margin-right: 50px; font-size: 16px; font-weight: 600; padding: 12px 33px 11px 51px; line-height: 15px; text-transform: uppercase; position: relative; } article header .article-fierce-women-birthday svg { display: inline-block; width: 18px; height: 20px; position: absolute; top: 6px; left: 24px; } article.article-event header .article-category { border: 1px solid #fdd905; padding: 10px 30px 9px; color: #000; } article.article-event header .article-category.active { background-color: #ceeefc; border: 1px solid #ceeefc; font-weight: bold; } article.article-event header .article-category:hover { background-color: #ceeefc; border: 1px solid #ceeefc; } article header .article-date { display: inline-block; margin-right: 50px; font-weight: 500; color: #414654; } article header .article-author { display: inline-block; font-weight: 600; color: #414654; } article header .article-author a, article header .article-author a:visited { border-bottom: solid 2px #fed904; color: #414654; } article header .article-author a:hover { color: #414654; border-bottom: none; } article header h1.article-title, .page-wrap header h1.page-title { font-size: 38px; font-weight: 900; line-height: 1.21; } article.hero-header header h1.article-title, .page-wrap.hero-header header h1.page-title { font-size: 48px; font-weight: 900; line-height: 1.08; } article.article-event header .article-event-info {} article.article-event header .article-event-info span { font-size: 20px; line-height: 18px; display: inline-block; font-weight: bold; padding-right: 26px; margin-right: 26px; border-right: 1px solid #000; } article.article-event header .article-event-info span:last-child { border-right: none; margin-right: 0; } /*article.article-event header .article-event-info span.article-event-time { }*/ article .article-featured-image, .page-wrap .page-featured-image { max-width: 840px; width: 100%; margin: 0 auto; } article.hero-header .article-featured-image, .page-wrap.hero-header .page-featured-image { width: 100%; max-width: none; } article .article-featured-image img, .page-wrap .page-featured-image img { width: 100%; height: auto; } article .article-content, .page-wrap .page-content { max-width: 840px; margin: 0 auto 40px; padding-bottom: 6px; font-size: 18px; line-height: 1.67; } article .article-content a, article .article-content a:visited, article .article-content a:active, .page-wrap .page-content a, .page-wrap .page-content a:visited, .page-wrap .page-content a:active { font-weight: bold; border-bottom: 2px solid #fdd905; color: #000; } article .article-content a:hover, .page-wrap .page-content a:hover { /*border-bottom: none;*/ } article .article-content img, .page-wrap .page-content img { max-width: 100%; height: auto; margin: 0 auto; display: block; } /* article .article-content figure, .page .page-content figure { width: 100%; } article .article-content figure img, .page .page-content figure img { } article .article-content figure .wp-caption-text, .page .page-content figure .wp-caption-text { font-size: 75%; font-style: italic; text-align: right; margin: 18px 0; } */ /* article .article-content .old-image { max-width: 100%; height: auto; margin: 0 auto; display: block; } */ article .article-tags-footer { margin: 0 auto 50px; max-width: 840px; } article .article-tags-footer a { display: inline-block; margin: 0 18px 18px 0; color: #414755; font-size: 14px; font-weight: 600; border-radius: 30px; background-color: #f2f2fa; padding: 10px 18px; border-bottom: none; } article .article-author-footer { max-width: 840px; display: block; margin: 0 auto 90px; } article .article-author-footer a { display: block; text-decoration: none; border-bottom: none; overflow: hidden; color: #414654; } article .article-author-footer .image { width: 80px; height: 80px; border-radius: 50%; background-size: cover; background-position: center; background-image: url(./assets/images/logo-vox.svg); } article .article-author-footer h3 { color: #414654; font-size: 18px; line-height: 1; font-weight: bold; margin: 9px 0 8px; } article .article-author-footer .tagline { display: inline-block; color: #6f737d; font-size: 14px; font-family: 'Muli', sans-serif; font-weight: normal; } .article-related-posts { max-width: 1160px; margin: 0 auto 90px; overflow: hidden; } .article-related-posts .title-header { text-align: center; margin-bottom: 72px; } .article-related-posts .title-header hr { height: 0px; width: 100%; border: none; border-bottom: 2px solid #fed904; margin: 0; position: relative; top: 15px; } .article-related-posts .title-header span { text-transform: uppercase; display: inline-block; background-color: #fff; padding: 0 30px; position: relative; top: 0; font-size: 24px; font-weight: bold; color: #000;} .authors { max-width: 763px; } .authors h2 { font-size: 30px; text-transform: uppercase; margin: 0 0 40px; } .authors h2 a { color: #000; border-bottom: solid 2px #fed904; } .authors h2 a:hover { color: #414654; } .author-in-list { display: block; text-align: center; color: #000; max-width: 100%; margin-bottom: 50px; } .author-in-list .author-image { width: 120px; height: 120px; display: block; border-radius: 50%; background-size: cover;background-position: center; background-image: url(./assets/images/logo-vox.svg); margin: 0 auto 30px;} .author-in-list .author-name { font-size: 20px; font-weight: bold; line-height: 25px; text-decoration: none; } .author-details { overflow: hidden; /*border-bottom: 1px solid #dadae6;*/ padding: 0 0 30px; margin:0 0 30px; } .author-details .author-name { font-size: 28px; margin-top: 0; } .author-details .author-image { width: 160px; height: 160px; display: block; border-radius: 50%; background-size: cover;background-position: center; background-image: url(./assets/images/logo-vox.svg); float: right; margin-left: 20px; } .author-details a { color: #000; font-weight: bold; border-bottom: 2px solid #fdd905; } .author-details a:hover { border-bottom: none; } .author-details .author-tagline { font-size: 22px; color: #6f737d; margin: 0 0 25px; overflow: hidden; } .author-details .author-description { color: #6f737d; overflow: hidden; line-height: 1.2; padding-bottom: 5px; } .authors .author-posts-title { text-align: center; } .authors .author-posts-title hr { height: 0px; width: 100%; border: none; border-bottom: 2px solid #fed904; margin: 0; } .authors .author-posts-title span { text-transform: uppercase; display: inline-block; background-color: #fff; padding: 0 30px; position: relative; top: -15px; font-size: 24px; font-weight: bold; color: #000; } .vff-page { } .vff-page .site-header {} .vff-page .site-header .logo { width: 90px; height: 50px; margin-top: 12px; } .vff-page .site-header .logo-vff { width: 200px; height: 72px; display: inline-block; margin-top: 7px; } .vff-page .site-header .logo-vff img { width: 100%; height: 100%; } .vff-page h1, .vff-page h2, .vff-page h3, .vff-page h4, .vff-page h5 { font-family: 'Oswald', sans-serif; } .vff-index .content { margin-top: 0; max-width: none; } .vff-index .content .hero-image { width: 100%; height: auto; max-width: none; margin: 0 auto 35px; } .vff-index .vff-title { margin-left: auto; margin-right: auto; max-width: 1160px; } .vff-index .festival-schedule { margin-left: auto; margin-right: auto; max-width: 1160px; } .vff-index .vff-info { background-repeat: no-repeat ; background-position: center center; background-size: cover; margin: 0 auto 30px; padding: 160px 140px; } .vff-index .vff-info .inner { background-color: #fff; margin: 0 auto; padding: 40px 260px; text-align: center; max-width: 1160px; width: 100%; box-sizing:border-box; } .vff-index .vff-info .inner h4 { text-transform: uppercase; } .vff-index .vff-sponsors { max-width: 1160px; width: 100%; margin: 0 auto 70px; } .vff-index .vff-sponsors img { width: auto; height: 100px; display: block; margin: 0 auto; } .vff-index .vff-sponsors-02 img { width: auto; height: auto; display: block; margin: 0 auto; } .festival-schedule { border: 1px solid #dadae6; margin-bottom: 60px; } .festival-schedule .day { border-bottom: 1px solid #dadae6; margin-bottom: 0px; } .festival-schedule .day:last-child { border-bottom: none; } .festival-schedule .day .info { width: 20%; display: inline-block; box-sizing: border-box; vertical-align: top; } .festival-schedule .day h3 { margin: 25px 20px 22px 0; padding: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: right; } .festival-schedule .day .locations { display: inline-block; box-sizing: border-box; border-left: 1px solid #dadae6; width: 80%; } .festival-schedule .day .location { border-bottom: 1px solid #dadae6; box-sizing: border-box; width: 100%; position: relative; font-size: 17px; font-weight: 600; line-height: 1.41; padding: 0 20px; } .festival-schedule .day .location:last-child { border-bottom: none; } .festival-schedule .day .location h4 { margin: 28px 0 22px; font-family: 'Oswald', sans-serif; line-height: 28px; } .festival-schedule .day .location h4 .time { border-left: 1px solid #000; padding-left: 20px; margin-left: 20px; } .festival-schedule .day .location .event-tag { position: absolute; left: -124px; display: inline-block; width: 103px; height: 28px; text-align: right; margin-top: 8px; border-bottom: 1px solid transparent; } .festival-schedule .day .location .event-tag span { display: inline-block; max-width: 88px; min-width: 44px; padding: 4px 13px; line-height: 14px; text-align: center; font-size: 15px; text-transform: uppercase; background-color: #ffea6c; color: #000; border-radius: 0; font-family: 'Oswald', sans-serif; font-weight: normal; } .festival-schedule .day .location .event-tag.razgovor span { background-color: #b9abfd; } .festival-schedule .day .location .event-tag.druzenje span { background-color: #74f6b4; } .festival-schedule .day .location .event-tag.inspiracija span { background-color: #b9abfd; } .festival-schedule .day .location .event-tag.film span { background-color: #ffea6c; } .festival-schedule .day .location .event-tag.performans span { background-color: #ffb2ff; } .festival-schedule .day .location .event-tag.izlozba span { background-color: #ffb2ff; } .festival-schedule .day .location .event-tag.predstava span { background-color: #ffb2ff; } .festival-schedule .day .location .event-tag.radionica span { background-color: #74f6b4; } .festival-schedule .day .location .event-tag.publikacija span { background-color: #b9abfd; } .festival-schedule .day .location .event-tag.glazba span { background-color: #ffea6c; } .festival-schedule .day .location .event-tag.festival span { background-color: #ffea6c; } .festival-schedule .day .location .event-tag.akcija span { background-color: #ffa8b6; } .festival-schedule .day .location .event { color: #000; margin: 8px 0 8px 60px; position: relative; display: inline-block; border-bottom: 1px solid transparent; } .festival-schedule .day .location .event:hover { /*border-bottom: 1px solid #fed904;*/ text-decoration-color: #fed904; text-decoration: underline; } .festival-schedule .day .location .event.in-line { margin: 8px 0; } .festival-schedule .day .location .event .time { font-family: 'Oswald', sans-serif; font-size: 18px; display: inline-block; margin-right: 20px; position: absolute; left: -60px; top: -2px; } .festival-schedule .day .location .event .film-info { font-weight: normal; font-size: 15px; } .festival-schedule .day .location .separator { display: inline-block; margin: 0 20px; } .herstory-timeline { border: 1px solid #dadae6; margin-bottom: 60px; } .herstory-timeline .year { border-bottom: 1px solid #dadae6; margin-bottom: 0px; } .herstory-timeline .year:last-child { border-bottom: none; } .herstory-timeline .year .info { width: 20%; display: inline-block; box-sizing: border-box; vertical-align: top; } .herstory-timeline .year h3 { margin: 25px 20px 22px 0; padding: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: right; } .herstory-timeline .year .locations { display: inline-block; box-sizing: border-box; border-left: 1px solid #dadae6; width: 80%; padding-top: 80px; } .herstory-timeline .year .location { border-bottom: 1px solid #dadae6; box-sizing: border-box; width: 100%; position: relative; font-size: 17px; font-weight: 600; line-height: 1.41; padding: 0 20px; } .herstory-timeline .year .location:last-child { border-bottom: none; } .herstory-timeline .year .location h4 { margin: 28px 0 22px; font-family: 'Oswald', sans-serif; line-height: 28px; } .herstory-timeline .year .location h4 .time { border-left: 1px solid #000; padding-left: 20px; margin-left: 20px; } .herstory-timeline .year .location .event-tag { position: absolute; left: -124px; display: inline-block; width: 103px; height: 28px; text-align: right; margin-top: 8px; border-bottom: 1px solid transparent; } .herstory-timeline .year .location .event-tag span { display: inline-block; max-width: 88px; min-width: 44px; padding: 4px 13px; line-height: 14px; text-align: center; font-size: 15px; text-transform: uppercase; background-color: #ffea6c; color: #000; border-radius: 0; font-family: 'Oswald', sans-serif; font-weight: normal; } .herstory-timeline .year .location .event-tag.razgovor span { background-color: #b9abfd; } .herstory-timeline .year .location .event-tag.druzenje span { background-color: #74f6b4; } .herstory-timeline .year .location .event-tag.inspiracija span { background-color: #b9abfd; } .herstory-timeline .year .location .event-tag.film span { background-color: #ffea6c; } .herstory-timeline .year .location .event-tag.performans span { background-color: #ffb2ff; } .herstory-timeline .year .location .event-tag.izlozba span { background-color: #ffb2ff; } .herstory-timeline .year .location .event-tag.predstava span { background-color: #ffb2ff; } .herstory-timeline .year .location .event-tag.radionica span { background-color: #74f6b4; } .herstory-timeline .year .location .event-tag.publikacija span { background-color: #b9abfd; } .herstory-timeline .year .location .event-tag.glazba span { background-color: #ffea6c; } .herstory-timeline .year .location .event-tag.festival span { background-color: #ffea6c; } .herstory-timeline .year .location .event-tag.akcija span { background-color: #ffa8b6; } .herstory-timeline .year .location .event { color: #000; margin: 8px 0 8px 100px; position: relative; display: inline-block; border-bottom: 1px solid transparent; } .herstory-timeline .year .location .event:hover { /*border-bottom: 1px solid #fed904;*/ text-decoration-color: #fed904; text-decoration: underline; } .herstory-timeline .year .location .event.in-line { margin: 8px 0; } .herstory-timeline .year .location .event .time { font-family: 'Oswald', sans-serif; font-size: 18px; display: inline-block; margin-right: 20px; position: absolute; left: -100px; top: -2px; } .herstory-timeline .year .location .event .film-info { font-weight: normal; font-size: 15px; } .herstory-timeline .year .location .separator { display: inline-block; margin: 0 20px; } article.article-event-festival { } article.article-event-festival header .article-category { border-radius: 0; background-color: #ceeefc; padding: 8px 20px; color: #000; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 500; text-transform: uppercase; min-width: 200px; text-align: center; margin-right: 15px; } article.article-event-festival header .article-category:hover { background-color: #ceeefc; border: 1px solid #ceeefc; } article.article-event-festival header .article-tag, .herstory-filter-year, .herstory-filter-tag { border-radius: 0; padding: 8px 20px; color: #000; font-family: 'Oswald', sans-serif; font-size: 22px; line-height: 15px; text-transform: uppercase; display: inline-block; } article.article-event-festival header .article-tag.razgovor, .herstory-filter-tag.razgovor { background-color: #b9abfd; } article.article-event-festival header .article-tag.druzenje, .herstory-filter-tag.druzenje { background-color: #74f6b4; } article.article-event-festival header .article-tag.inspiracija, .herstory-filter-tag.inspiracija { background-color: #b9abfd; } article.article-event-festival header .article-tag.film, .herstory-filter-tag.film { background-color: #ffea6c; } article.article-event-festival header .article-tag.performans, .herstory-filter-tag.performans { background-color: #ffb2ff; } article.article-event-festival header .article-tag.izlozba, .herstory-filter-tag.izlozba { background-color: #ffb2ff; } article.article-event-festival header .article-tag.predstava, .herstory-filter-tag.predstava { background-color: #ffb2ff; } article.article-event-festival header .article-tag.radionica, .herstory-filter-tag.radionica { background-color: #74f6b4; } article.article-event-festival header .article-tag.publikacija, .herstory-filter-tag.publikacija { background-color: #b9abfd; } article.article-event-festival header .article-tag.glazba, .herstory-filter-tag.glazba { background-color: #ffea6c; } article.article-event-festival header .article-tag.festival, .herstory-filter-tag.festival { background-color: #ffea6c; } article.article-event-festival header .article-tag.akcija, .herstory-filter-tag.akcija { background-color: #ffa8b6; } .herstory-filter { margin-bottom: 2.5rem; } body .page-wrap .herstory-filter a { font-weight: normal; border: 2px solid #fdd905; margin: 2px; } body .page-wrap .herstory-filter a.active { font-weight: bold; } @media screen and (max-width:1088px) { .festival-schedule .day .location h4 { margin-bottom: 28px; } } @media screen and (max-width:813px) { .show-on-mobile { visibility: visible; } .hide-on-mobile { visibility: hidden; } body h1 { font-size: 28px; } body h2 { font-size: 26px; } body h3 { font-size: 22px; } body h4 { font-size: 20px; } body h5 { font-size: 18px; } body { padding-top: 59px; } figure { } figure img { } figure { width: 100%; } figure img { } figure figcaption{ font-size: 12px; } .article-featured-image figcaption, .page-featured-image figcaption { padding-left: 20px; padding-right: 20px; } .site-header { height: 60px; line-height: 70px; } .site-header .inner { margin: 0 20px; } .site-header .icon.menu { height: 16px; width: 21px; } .site-header .logo { width: 78px; height: 44px; margin-top: 8px; } .site-header .icon.facebook { display: none; } .site-header .icon.instagram { display: none; } .site-header .icon.search { height: 22px; width: 22px; position: relative; top: 3px; } .main-navigation { width: 100vw; height: 100vh; } .main-navigation .header { height: 61px; } .main-navigation .header .logo { width: 78px; height: 44px; margin: 8px 0; } .main-navigation .header .icon.close { width: 18px; height: 18px; right: 20px; top: 24px; } article.in-list {} article.in-list .article-thumbnail, article.in-list.col-2-3 .article-thumbnail { height: 219px; } body article.in-list h3.article-title, body article.in-list.col-2-3 .article-title{ font-size: 20px; line-height: 1.14; } article.in-list .article-title a, article.col-2-3 .article-title a { font-size: 20px; } article.in-list .article-excerpt { font-size: 14px; line-height: 1.5; } /*.article-seperate-list {} .article-seperate-list .title-header { margin: 0 0 -20px; padding: 0; } .article-seperate-list .title-header [class*=col-] { padding-right: 0; }*/ article { } article header, .page-wrap header { max-width:none; margin: 20px 20px; font-size: 14px; } article header .article-category { margin-right: 30px; padding: 8px 16px; margin-bottom: 6px; } article.article-event header .article-category { margin-right: 12px; padding: 6px 14px; } article header .article-fierce-women-birthday { margin-right: 30px; font-size: 16px; font-weight: 600; padding: 8px 16px 8px 33px; min-width: 96px; } article header .article-fierce-women-birthday svg { top: 3px; left: 15px; width: 16px; height: 18px; } article header h1.article-title, .page-wrap header h1.page-title { font-size: 26px; font-weight: 900; line-height:1.08; margin: 20px 0; } article.hero-header header h1.article-title, .page-wrap.hero-header header h1.page-title { font-size: 28px; } article header .article-author { margin-bottom: 20px; display: block; } article .article-featured-image, .page-wrap .article-featured-image { max-width: none; width: 100%; margin-bottom: 20px; } article .article-content, .page-wrap .page-content { font-size: 16px; margin: 0 20px 35px; max-width: none; padding-bottom: 5px; } article .article-tags-footer { margin: 0 20px 40px; } article .article-tags-footer a { padding: 9px 16px; margin: 0 12px 12px 0; } article .article-author-footer { margin: 0 20px 50px; } article .article-author-footer .image { float: left; margin-right: 16px; width: 80px; height: 80px; } .article-related-posts {} .article-related-posts .title-header { margin: 0 0 -20px; padding: 0; } /*.article-related-posts .title-header [class*=col-] { padding-right: 0; }*/ /* .article-related-posts { max-width: 1160px; margin: 0 auto 90px; } .article-related-posts .title-header { text-align: center; margin-bottom: 72px; } .article-related-posts .title-header hr { height: 0px; width: 100%; border: none; border-bottom: 2px solid #fed904; margin: 0; } .article-related-posts .title-header span { text-transform: uppercase; display: inline-block; background-color: #fff; padding: 0 30px; position: relative; top: -15px; font-size: 24px; font-weight: bold; color: #000;} */ .authors { } .authors h2{ text-align: center; font-size: 26px; font-weight: bold; } .author-details { border-bottom: none; margin: 0 20px 30px; text-align: center; } .author-details .author-name { font-weight: bold; text-align: center; margin-bottom: 16px; } .author-details .author-image { width: 190px; height: 190px; float: none; margin: 0 auto 32px; } .author-details a { color: #000; font-weight: bold; border-bottom: 2px solid #fdd905; } .author-details a:hover { border-bottom: none; } .author-details .author-tagline { font-size: 22px; color: #6f737d; margin: 0 0 25px; overflow: hidden; } .author-details .author-description { color: #6f737d; overflow: hidden; line-height: 1.2; } .authors .article-related-posts {} .authors .author-posts-title { margin: 0 0 -20px; padding: 0; } .authors .author-posts-title [class*=col-] { padding-right: 0; } .vff-page .site-header { } .vff-page .site-header .logo { width: auto; height: 25px; margin-top: 18px; display: block; } .vff-page .site-header .logo img { display: block; } .vff-page .site-header .logo-vff { width: 120px; height: 44px; margin-top: 8px; } .vff-index .content { margin-top: 0; } .vff-index .content .hero-image { margin-bottom: 0; line-height: 0; } .vff-index .vff-title { font-family: Oswald; font-size: 24px; font-weight: 600; display: block; text-align: center; padding: 23px 0; background-color: #ceeefc; margin: 0; } body .festival-schedule { border: none; margin-bottom: 0; } body .festival-schedule .day { border: none; /*border-bottom: 1px solid #dadae6;*/ } body .festival-schedule .day .info { display: block; width: 100%; } body .festival-schedule .day .info h3 { text-align: left; padding: 20px; margin: 0 ; font-size: 24px; line-height: 1.04; } .festival-schedule .day .locations { border: none; width: 100%; } .festival-schedule .day .locations .location { border: none; padding: 0; } .festival-schedule .day .locations .location h4 { font-size: 20px; font-weight: 500; line-height: 1.25; background-color: #ebebf8; margin: 0; padding: 18px 20px; text-transform: uppercase; position: relative; } .festival-schedule .day .locations .location .event-tag { left: 0; display: block; z-index: 5; padding: 0; width: 86px; text-align: center; } .festival-schedule .day .locations .location .event-tag span { background-color: transparent; border-radius: 0; font-family: Oswald; font-size: 14px; font-weight: normal; line-height: normal; padding: 0; position: relative; top: 28px; } .festival-schedule .day .location .event { width: 100%; margin: 0; padding: 13px 64px 16px 98px; box-sizing:border-box; font-size: 17px; font-weight: 600; line-height: 1.41; position: relative; min-height: 77px; background-color: #f6f6fd; border-bottom: 1px solid #cdcddb; } .festival-schedule .day .location .event:last-child { border-bottom: none; } .festival-schedule .day .location .event.event.in-line { margin: 0; display: block; } .festival-schedule .day .location .event:after { content:'\A'; position:absolute; top:0; bottom:-1px; left:0; width:86px; } .festival-schedule .day .location .event.razgovor:after { background-color: #b9abfd; } .festival-schedule .day .location .event.druzenje:after { background-color: #74f6b4; } .festival-schedule .day .location .event.inspiracija:after { background-color: #b9abfd; } .festival-schedule .day .location .event.film:after { background-color: #ffea6c; } .festival-schedule .day .location .event.performans:after { background-color: #ffb2ff; } .festival-schedule .day .location .event.izlozba:after { background-color: #ffb2ff; } .festival-schedule .day .location .event.predstava:after { background-color: #ffb2ff; } .festival-schedule .day .location .event.radionica:after { background-color: #74f6b4; } .festival-schedule .day .location .event.glazba:after { background-color: #ffea6c; } .festival-schedule .day .location .event.festival:after { background-color: #ffea6c; } .festival-schedule .day .location .event.akcija:after { background-color: #ffa8b6; } .festival-schedule .day .location .event.publikacija:after { background-color: #b9abfd; } .festival-schedule .day .location .event .time { position: absolute; left: 0; top: 13px; z-index: 6; font-size: 18px; font-weight: bold; line-height: 1.33; padding: 0; width: 86px; text-align: center; } .festival-schedule .day .location .separator, .festival-schedule .day .location br { display: none; } body .herstory-timeline { border: none; margin-bottom: 0; margin-left: -20px; margin-right: -20px; } body .herstory-timeline .year { border: none; /*border-bottom: 1px solid #dadae6;*/ } body .herstory-timeline .year .info { display: block; width: 100%; } body .herstory-timeline .year .info h3 { text-align: left; padding: 20px; margin: 0 ; font-size: 24px; line-height: 1.04; } .herstory-timeline .year .locations { border: none; width: 100%; padding-top: 0; } .herstory-timeline .year .locations .location { border: none; padding: 0; } .herstory-timeline .year .locations .location h4 { font-size: 20px; font-weight: 500; line-height: 1.25; background-color: #ebebf8; margin: 0; padding: 18px 20px; text-transform: uppercase; position: relative; } .herstory-timeline .year .locations .location .event-tag { left: 0; display: block; z-index: 5; padding: 0; width: 86px; text-align: center; } .herstory-timeline .year .locations .location .event-tag span { background-color: transparent; border-radius: 0; font-family: Oswald; font-size: 14px; font-weight: normal; line-height: normal; padding: 0; position: relative; top: 28px; } .herstory-timeline .year .location .event { width: 100%; margin: 0; padding: 13px 64px 16px 98px; box-sizing:border-box; font-size: 17px; font-weight: 600; line-height: 1.41; position: relative; min-height: 77px; background-color: #f6f6fd; border-bottom: 1px solid #cdcddb; } .herstory-timeline .year .location .event:last-child { border-bottom: none; } .herstory-timeline .year .location .event.event.in-line { margin: 0; display: block; } .herstory-timeline .year .location .event:after { content:'\A'; position:absolute; top:0; bottom:-1px; left:0; width:86px; } .herstory-timeline .year .location .event.razgovor:after { background-color: #b9abfd; } .herstory-timeline .year .location .event.druzenje:after { background-color: #74f6b4; } .herstory-timeline .year .location .event.inspiracija:after { background-color: #b9abfd; } .herstory-timeline .year .location .event.film:after { background-color: #ffea6c; } .herstory-timeline .year .location .event.performans:after { background-color: #ffb2ff; } .herstory-timeline .year .location .event.izlozba:after { background-color: #ffb2ff; } .herstory-timeline .year .location .event.predstava:after { background-color: #ffb2ff; } .herstory-timeline .year .location .event.radionica:after { background-color: #74f6b4; } .herstory-timeline .year .location .event.glazba:after { background-color: #ffea6c; } .herstory-timeline .year .location .event.festival:after { background-color: #ffea6c; } .herstory-timeline .year .location .event.akcija:after { background-color: #ffa8b6; } .herstory-timeline .year .location .event.publikacija:after { background-color: #b9abfd; } .herstory-timeline .year .location .event .time { position: absolute; left: 0; top: 13px; z-index: 6; font-size: 18px; font-weight: bold; line-height: 1.33; padding: 0; width: 86px; text-align: center; } .herstory-timeline .year .location .separator, .herstory-timeline .year .location br { display: none; } .vff-index .vff-info { padding: 230px 0 0; background-position: top center; background-size: 100% 230px; } .vff-index .vff-info .inner { padding: 40px 20px; background-color: #f8f8ff; } .vff-index .vff-sponsors { overflow: hidden; } .vff-index .vff-sponsors img { max-width: 90%; height: auto; margin: 0 auto; } } @media screen and (max-width:460px) { .article-seperate-list { } .article-seperate-list .title-header { margin-left: 0; margin-right: 0; padding: 0; } .article-seperate-list .title-header [class*=col-] { padding-right: 0; } /*.article-seperate-list .title-header [class*=col-] { padding-left: 0; padding-right: 0; } .article-seperate-list .title-header hr { height: 0px; width: 100%; border: none; border-bottom: 24px solid #f2f2fa; margin: 0; position: relative; top: 30px;} .article-seperate-list .title-header span { text-transform: uppercase; display: inline-block; background-color: #fff; padding: 0 30px; position: relative; font-size: 32px; font-weight: 800; color: #000; }*/ .article-list-separator { margin-left: 0; margin-right: 0; padding: 0; } .article-list-separator [class*=col-] { padding-right: 0; } .article-related-posts { } .article-related-posts .title-header { margin: 0; padding: 0; } .article-related-posts .title-header [class*=col-] { padding-right: 0; } } @media print { body { padding: 0!important; } .site-header { right: 0!important; left: auto; height: 50px!important; width: 70px!important; border-bottom: none; text-align: left!important; background-color: transparent; } .site-header .inner { padding: 0!important; margin: 0!important; } .site-header .inner .logo { margin: 10px!important; height: 40px!important; width: 40px!important; display: block; } .site-header .inner .logo img { display: block; width: 100%; height: auto; } .site-header .icon { display: none; } .content { max-width: none!important; margin: 0!important; } .grid { max-width: none!important; } .single article { padding: 0 40px 50px; } article header { max-width: none!important; } article .article-content { max-width: none!important; overflow: hidden!important; } /*article .article-content img { display: none; height: auto!important; }*/ article .article-content iframe { display: none!important; } article .article-tags-footer, article .article-author-footer { max-width: none!important; overflow: hidden!important; } .article-related-posts { display: none!important; } } .newsletter-button { position: fixed; top: 100px; right: 20px; width: 130px; height: 130px; border-radius: 50%; border: 1px solid #999; background-color: #999; color: white; padding: 10px; font-weight: bold; font-family: 'Muli', sans-serif; text-align: center; } @media screen and (max-width: 1200px) { .newsletter-button { height: auto; border-radius: 10px; top: 15px; left: 120px; z-index: 10; } } @media screen and (max-width: 813px) { .newsletter-button { top: 5px; left: 100px; padding: 5px 10px; } } @media screen and (max-width: 565px) { .newsletter-button { top: 5px; left: 50px; padding: 5px 10px; } } @media screen and (max-width: 460px) { .newsletter-button { font-size: 14px; width: 100px; left: 50px; padding: 5px 2px; } } @media screen and (max-width: 399px) { .newsletter-button { display: none; } }