/* Theme Name: WXCA Theme URI: http://odyseusze.pl Description: Template designed for wxca.pl Version: 1.0.0 Author: Odyseusze.pl Author URI: http://odyseusze.pl License: Odyseusze.pl License URI: Odyseusze.pl Tags: Odyseusze.pl */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#222;}body{font-size:1em;line-height:1.4;margin:0;}audio:not([controls]),[hidden]{display:none;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}fieldset{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;white-space:normal;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;width:13px;height:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}figure,form{margin:0;}::-moz-selection,::selection{background:#ccc;color:#666;text-shadow:none;} a,a:visited{color:#999; text-decoration: none;} a:hover{color:#000;}a:focus{outline:thin dotted;}a:hover,a:active{outline:0;} html.js body { background: #fff url('../img/loader.gif') center center no-repeat; } html.wf-inactive body, html.wf-active body { background: none; } html.js body * { visibility: hidden; } html.wf-inactive body *, html.wf-active body * { visibility: visible; } html.wf-active body .grayscale-images img { visibility: visible; } html { height: 100%; } body { font-size: 11px; color: #000; height: 100%; font-family: Helvetica, Arial, sans-serif; } body > div { } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } nav#main { font-family: 'Exo', sans-serif; font-style: normal; padding: 0px 0px 40px 0px; height: 100px; background-color: #fff; background-color: rgba(255,255,255,1); z-index: 999; position: relative;} nav#main p { position: relative; margin: 0px 0px 0px 20px; } nav#main p a { position: absolute; top:20px; display: block; float: left; width: 73px; height: 72px; text-indent: -9999px; background: transparent url('./img/logo-min.png') left top no-repeat; -webkit-background-size: 72px 144px; -moz-background-size: 72px 144px; -o-background-size: 72px 144px; background-size: 72px 144px; } nav#main p a:hover { background-position: left bottom; } @media screen and (max-width:780px) { nav#main {height:125px;} } .lt-ie9 nav#main p a { -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/wxca/img/logo-min-ie.png', sizingMethod='scale')"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/wxca/img/logo-min-ie.png', sizingMethod='scale'); background: none; } .lt-ie9 nav#main p a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/wxca/img/logo-min-hover-ie.png', sizingMethod='scale'), progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/wxca/img/logo-min-hover-ie.png', sizingMethod='scale') alpha(opacity=80); } nav#main ul { padding: 23px 0px 10px; width: 100%; border-left: 74px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } nav#main ul li { display: inline-block; width: 14%; padding: 7px 0px 0px 0px;text-transform: uppercase} nav#main ul li:last-child { float: right; margin-right: 1px; } nav#main ul li a { display: block; text-decoration: none; margin-left: 50px; line-height: 28px; border-bottom: 1px solid #999; } nav#main ul li a:hover, nav#main ul li a.active { border-bottom: 1px solid #000; color: #000; } nav#main.intro { height: 50px; } header#intro { position: absolute; top:0px; height: 100%; width: 100%; color: #fff; z-index: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } header#intro .background { position: relative; width: 100%; min-height: 100%; overflow: hidden; background-color: transparent; z-index: -1; } header#intro .background img { position: absolute; left:50%; top:50%; margin-top: -500px; margin-left: -650px; display: block; image-rendering:optimizeSpeed; } header#intro .logo_intro { position: relative; top:250px; } header#intro .text { position: absolute; width: 40%; bottom:50px; padding: 16px 40px 15px 20px; margin-left: 20px; background-color: #000; background-color: rgba(0,0,0,0.9); } header#intro h1 { margin: 0px 0px 10px 0px; padding-bottom: 0px; font-size: 1.6em; } header#intro p { max-width: 350px; } header#intro h1 a { color: #fff; } header#intro h1 a:hover { color: #000; } header#intro a.more { display: inline-block; margin-top: 0px; } header#intro a.more:hover { background-position: bottom left; } .fixed { position: absolute; } .size-large {width: 100%;height:auto;} .single_subpage { margin-top: 140px; } .single_subpage nav#main { position: fixed; top:0px; width: 100%; /* background-color: transparent; */ } header { padding-right: 4px; } article { padding: 0px 0px 100px; clear: both; } article img { display: block; width: unset; } article p { color: #777; } article .t * { color: #777; } div.grid_item img { display: block; width: 100%; height:auto !important; } h1 { font-family: 'Exo', sans-serif; font-style: normal; font-size: 2em; line-height: 1.1em; padding-bottom: 30px; margin:0px 0px 3px; /* border-bottom: 1px solid #999; */ font-weight: 400; text-transform: uppercase; } h2 { font-family: 'Exo', sans-serif; font-style: normal; font-size: 2em; font-weight: 400; margin: 0px 0px 30px 0px; } h3 { font-family: 'Exo', sans-serif; font-style: normal; font-weight: 400; margin: 10px 0px 0px; } h4 { font-size: 1.4em; color:#000; margin: 0px 0px 15px; } article .t > h4, article .t > h4 * { color: #000 !important; } h1 span { font-weight: 400; font-size: 12px; color:#999; line-height: 12px; float:right; padding-top: 1.4em; } h1.alt { margin: 30px 0px 0px; padding-bottom: 11px; } h3.list_title { color: #000; margin: 6px 0px 0px 0px; } h3.sub_title { font-style: normal; font-weight: 700; border-bottom:1px solid #999; padding: 5px 0px; margin-bottom: 3px; margin-top: 38px; text-transform: uppercase; font-size: 1em; } div.list_item { padding-bottom: 40px; } div.list_item h3 { margin-bottom: 0px; font-size: 12px; } div.list_item p { margin: 0px; } div.list_item a:hover p { color: #777; } div.img_wrapper { position:relative; display: block; background: #f3f3f3 url('../img/loader.gif') center center no-repeat; } img.img_color { position: absolute; z-index: 998; } div.img_wrapper img { opacity: 1; filter: grayscale(60%); } div.img_wrapper img:hover { filter: grayscale(0%); } .lt-ie9 div.img_wrapper img { filter: alpha(opacity=0); } div.grid_item { padding-bottom: 20px; } div.grid_item a { position: relative; display: block; background-color: #fff; overflow: hidden; min-height: 40px; } div.grid_item a > span { display: block; position: absolute; top:1px; bottom: 1px; left: 1px; right: 1px; background-color: #fff; opacity: 0; } .lt-ie9 div.grid_item a > span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } div.grid_item a img { position: relative; display: block; } div.grid_item a h3 { position: absolute; top: 10px; left: 20px; padding-right: 0px; padding-bottom: 12px; font-size: 12px; /* border-bottom: 1px solid transparent; */ color: #fff; } div.grid_item a h3 span { background-color: #000; display: block; left: -20px; padding: 1px 20px 0; position: relative; text-transform: uppercase; /* white-space: nowrap; */ } div.grid_item a p.desc { position: absolute; bottom: 0px; left: 20px; opacity: 0; color: #999; padding: 0px 10px 0px 0px; } .lt-ie9 div.grid_item a p.desc { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } div.grid_item a span.desc {} div.grid_item a span.kategoria { border-top: 1px solid #999; opacity: 0; color: #999; display: block; padding: 5px 0px 0px; margin-top: 5px; } .lt-ie9 div.grid_item a span.kategoria { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } div.grid_item.span_3 p.desc span.desc { /* display: none; */ } div.grid_item a:hover img { opacity: 1; } div.grid_item a:hover span { opacity: 1; } div.grid_item a:hover h3 { background: none; top:10px; left: 20px; /* border-bottom: 1px solid #000; */ color: #000; } div.grid_item a:hover h3 span { background-color: transparent; } div.grid_item a:hover p { opacity: 1; } .lt-ie9 div.grid_item a:hover img, .lt-ie9 div.grid_item a:hover span, .lt-ie9 div.grid_item a:hover p { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } div.span_6.grid_item img { } .js .grayscale-images img { visibility: hidden; } figure { position: relative; padding-bottom: 25px; } figure img { display: block; padding: 0px; } figure a { position: relative; display: block; } figure a span { opacity: 0; position: absolute; top:53%; left: 50%; margin-left: -30px; margin-top:-30px; display: block; border-radius: 30px; width: 60px; height: 60px; background: #000 url('../img/zoom.png') center center no-repeat; text-indent: -9999px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; background-size: 24px 24px; } figure a:hover span { opacity: 0.8; position: absolute; top:50%; } figcaption { display: block; font-style: normal; font-weight: 700; border-bottom:1px solid #999; padding: 5px 0px; margin: 0px 0px 5px; text-transform: uppercase; font-size: 1em; } figure div.t { padding: 0px; margin: 0px; } figure a span { -webkit-transition: top 500ms ease-out, opacity 500ms ease-out; -moz-transition: top 500ms ease-out, opacity 500ms ease-out; -ms-transition: top 500ms ease-out, opacity 500ms ease-out; -o-transition: top 500ms ease-out, opacity 500ms ease-out; transition: top 500ms ease-out, opacity 500ms ease-out; } .file_pdf { display: block; padding-left: 20px; background: transparent url('../img/pdf_icon.gif') left center no-repeat; } .pages { } .pages ul { float: right; margin-top: 10px; } .pages ul li { display: block; float: left; margin: 0px 0px 0px 4px; } .pages ul li a { display: block; width: 10px; height: 10px; background-color: #fff; border: 1px solid #999; border-radius: 10px; text-indent: -9999px; } .pages ul li a.active, .pages ul li a:hover { background-color: #999; } .pages ul li a { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } aside.with_fixed { margin-top: 600px; } aside { font-family: 'Exo', sans-serif; } aside ul { list-style: none; margin: 0px; padding: 0px; } aside li { position: relative; padding: 8px 0px 8px 0px; border-bottom: 1px dotted #999; color: #999; } aside li:last-child { border-bottom: 0px; } aside li span { position: absolute; left: 0px; color: #000; } aside a.active { color: #000; } ul.legend { font-family: 'Exo', sans-serif; list-style: none; margin: 0px; padding: 0px; } ul.legend li { position: relative; padding: 8px 0px 8px 120px; border-bottom: 1px dotted #999; color: #999; } ul.legend li:last-child { border-bottom: 0px; } ul.legend span { position: absolute; left: 0px; color: #000; } div.t { font-family: Arial, sans-serif; color: #000; margin-bottom: 20px; } div.t p { margin: 0px 0px 10px; } img { background: #f3f3f3 url('../img/loader.gif') center center no-repeat; } footer { padding: 90px 10px 100px 0px; clear: both; text-align: right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; color: #999; line-height: 18px; } footer p a { text-align: left; display: inline-block; text-indent: -9999px; width: 50px; height: 15px; background: transparent url(../img/klikam-logo.png) top left no-repeat; text-decoration: none; -webkit-background-size: 50px 15px; -moz-background-size: 50px 15px; -o-background-size: 50px 15px; background-size: 50px 15px; } footer p a:hover { opacity: 0.7; } .lt-ie9 footer p a { -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/wxca/img/klikam-logo.png', sizingMethod='scale')"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/wxca/img/klikam-logo.png', sizingMethod='scale'); background: none; } .lt-ie9 footer p a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/wxca/img/klikam-logo.png', sizingMethod='scale'), progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/wp-content/themes/wxca/img/klikam-logo.png', sizingMethod='scale') alpha(opacity=80); } .after_1 { border-right-width: 30px; } div.grid_item a img, div.grid_item a p, div.grid_item a h3, div.grid_item a span { -webkit-transition: top 500ms ease-out, opacity 500ms ease-out, background 500ms ease-out, border 500ms ease-out; -moz-transition: top 500ms ease-out, opacity 500ms ease-out, background 500ms ease-out, border 500ms ease-out; -ms-transition: top 500ms ease-out, opacity 500ms ease-out, background 500ms ease-out, border 500ms ease-out; -o-transition: top 500ms ease-out, opacity 500ms ease-out, background 500ms ease-out, border 500ms ease-out; transition: top 500ms ease-out, opacity 500ms ease-out, background 500ms ease-out, border 500ms ease-out; } #facebook_link { display: block; position: fixed; right: -34px; top: 50%; margin-top: -40px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); } #facebook_link img { display: block; height: 25px; } @media only screen and (min-width: 35em) { } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { width: 100%; clear: both !important; display: inline-block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Reusable column setup */ .col { border:0px solid rgba(0,0,0,0); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; } /* ColorBox */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:transparent; padding:1px;} #cboxLoadingGraphic{background:url(../img/loader.gif) no-repeat center center;} #cboxLoadingOverlay{ background:transparent;/* width: 60px; height: 60px; top:50%; left: 50%; margin-left: -30px; margin-top: -30px; border-radius: 30px; */ } #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; position: fixed; top:10px; right:10px;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* 1. 12 Column Grid 0px - Infinity ----------------------------------------------------------------------------- Span 1: 8.33333333333% Span 2: 16.6666666667% Span 3: 25.0% Span 4: 33.3333333333% Span 5: 41.6666666667% Span 6: 50.0% Span 7: 58.3333333333% Span 8: 66.6666666667% Span 9: 75.0% Span 10: 83.3333333333% Span 11: 91.6666666667% Span 12: 100% ----------------------------------------------------------------------------- */ /* @media screen and (min-width: 0px) { */ .row { margin-left: 0px; margin-right: 10px; /* margin-left:-20px; margin: 0px 10%; */ } .col { border-left-width:20px; padding:0 0px; } .lt-ie9 .col { border-style:solid; border-color: transparent; border-left-width:20px; } .fixed { width: 31%; } /* Add your semantic classnames in alongside their corresponding spans here. e.g. .span_3, .my_semantic_class_name { ... } */ .span_1 { width:8.33333333333%; } .span_2 { width:16.6666666667%; } .span_3 { width:25.0%; } .span_4 { width:33.3333333333%; } .span_5 { width:41.6666666667%; } .span_6 { width:50.0%; } .span_7 { width:58.3333333333%; } .span_8 { width:66.6666666667%; } .span_9 { width:75.0%; } .span_10 { width:83.3333333333%; } .span_11 { width:91.6666666667%; } .span_12 { margin-left:0; width:100%; } /* } */ .single nav#main,.page nav#main { position: fixed; top: 0; width: 100%; } @media screen and (max-width: 640px) { nav#main p { margin-left: 10px; } .row { margin-left: 0px; margin-right: 10px; } .col { border-left-width:10px; } div.grid_item { padding-bottom: 10px; } .span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 { width: 100%; } nav#main ul { padding-top: 10px; } nav#main ul li { width: 50%; float: left; } nav#main ul li:last-child { width: 50%; float: left; margin-right: 0px; } .grid-with-equal-sizes .span_3 { width: 50%; } .fixed { position: static; width: 100%; } .single_subpage { margin-top: 0px; } .single nav#main { position: static !important; } .page nav#main { position: static !important; } } @media screen and (min-width:1024px) { .row { margin: 0px 10%; } .fixed { width: 24.5%; } footer p { margin: 0px 10%; } } @media screen and (min-width:1400px) { .row { margin: 0px 15%; } .fixed { width: 22%; } footer p { margin: 0px 15%; } } .pagination .page-numbers { transition: all 200ms ease-out 0s; } .pagination .page-numbers { float:left; background-color: #fff; border: 1px solid #999; border-radius: 10px; display: block; height: 10px; text-indent: -9999px; width: 10px; margin-left: 5px !important; } .screen-reader-text,.pagination .prev,.pagination .next { display:none !important; } .pagination .current, .pagination .page-numbers:hover { background-color: #999; } .nav-links { float: right; margin-top: 10px; } .gallery-size-large img { border:0px !important; } .gallery-size-large .gallery-caption { padding:5px; border-bottom: 1px solid #999; font-weight:bold; text-align: left; color:#000000; } .alignleft { float:left; margin-right: 10px; } .alignright { float:right; margin-left: 10px; } .grid-item,.col { margin-bottom: 20px; } .projekt img { width:100%; height:auto; } div.projekt { padding-bottom: 0px; } .ctitle,.list_title { text-transform: uppercase; } .wp_but { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cookie-law-info-bar { font-size:9px; padding:6px; }