@charset "UTF-8"; /* Themify Metro 7.5.8 framework 7.9.4 */ /*/css/base.min.css*/ :where(.tf_loader){width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}:where(.tf_overflow){overflow:hidden}.tf_box{box-sizing:border-box}:where(.tf_abs){position:absolute;inset:0}:where(.tf_abs_t){position:absolute;top:0;left:0}:where(.tf_abs_b){position:absolute;bottom:0;left:0}:where(.tf_abs_c){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}:where(.tf_opacity){opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain} /*/css/themify-common.css*/ iframe{border:0}a{cursor:pointer}:is(button,a,input,select,textarea,.button):focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy :is(button,a,input,select,textarea,.button):focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none a,.tf_focus_none:is(button,a,input,select,textarea,.button):focus{outline:0}.tf_large_font{font-size:1.1em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;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}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{color:#fff;vertical-align:middle;stroke-width:1px;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}:is(.ptb_map,.themify_map) button{border-radius:0;max-width:inherit} /*/wp-content/themes/metro/styles/modules/site-logo.css*/ #site-logo{float:left;font-size:2.5em;line-height:1em;margin:0 10px 10px 0;padding:5px 0 10px}#site-logo a{text-decoration:none} /*/wp-content/themes/metro/style.css*/ /*! Theme Name:Themify Metro Theme URI:https://themify.me/themes/metro Version:7.5.8 Description:Created by Themify. Author:Themify Author URI:http://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) 2016 Themify. Tags:featured-images, translation-ready, custom-menu Text Domain:themify Requires PHP:7.2 Changelogs: https://themify.org/changelogs/metro.txt --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}fieldset,img{border:0}img{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,iframe,object{max-width:100%}@font-face{font-display:swap;font-family:themify_theme_icon;src:url(https://www.kobv.de/wp-content/themes/metro/fonts/themifythemeicon.woff2) format("woff2")}html{-webkit-font-smoothing:antialiased}body{background:#036536 url(https://www.kobv.de/wp-content/themes/metro/images/bg1-body.png) no-repeat top;font:400 .85em/1.5em Oxygen,sans-serif;overflow-wrap:break-word}a,body{color:#fff}a{outline:none}a,a:hover{text-decoration:underline}p{margin:0 0 1.2em}small{font-size:.87em}blockquote{padding:8px 30px 15px}ol,ul{line-height:1.4em;margin:1em 0 1.4em 24px}li,ol,ul{padding:0}li{margin:0 0 .5em}h1,h2,h3,h4,h5,h6{font-weight:400;margin:1em 0 .8em;overflow-wrap:normal}h1{font-size:2em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1.1em}h6{font-size:1em}input,input[type=search],select,textarea{border-radius:0;font-family:inherit;font-size:1em}input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],textarea{-webkit-appearance:none;background-color:#f5f5f5;border:0;padding:6px 10px}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{background-color:#eee;outline:none}input[type=email],input[type=search],input[type=text],input[type=url]{max-width:96%;width:240px}textarea{line-height:1.5em;width:96%}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none}button,input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:#000;border:0;color:#fff;cursor:pointer;padding:15px 30px;text-transform:uppercase}button:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#222;color:#fff}audio{max-width:100%}#body,#content,#footer,#footerwrap,#header,#headerwrap,#layout,#main-nav,#pagewrap,#sidebar,.author-box,.pagewidth,.post,.post-nav,.widget{box-sizing:border-box}.pagewidth,.row_inner{width:998px}#body,.pagewidth,.row_inner{margin:0 auto;max-width:100%}#body{padding:54px 0}#content{float:left;width:66.4%}#sidebar{width:32.6%}#sidebar,.sidebar-left #content{float:right}.sidebar-left #sidebar{float:left}.sidebar-none #content{float:none;width:100%}.full_width #layout{max-width:100%;width:100%}.full_width #content{padding:0}.full_width #content,.full_width #sidebar{float:none;width:auto}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col2-1,.col4-2{width:48.4%}.col4-3{width:74.2%}.col3-1{width:31.2%}.col3-2{width:65.6%}.col.first,.col2-1.first,.col3-1.first,.col3-2.first,.col4-1.first,.col4-2.first,.col4-3.first{clear:left;margin-left:0}#header{height:145px;padding-top:27px;position:relative}.social-widget{position:absolute;right:0;top:15px}.social-widget a,.social-widget a:hover{text-decoration:none}.social-widget .widget{background:0;display:inline-block;padding:0}.social-widget .widget div{display:inline}.social-widget .widgettitle{background:0;border:0;display:inline-block;font-size:1.4em;font-weight:700;letter-spacing:0;margin:5px 8px 2px 0;padding:0;position:static;text-transform:none;width:auto}.social-widget ul{display:inline;margin:6px 0 0!important;padding:0}.social-links.horizontal li{border:0!important;clear:none;display:inline-block;line-height:1em;margin:0;padding:0 2px 5px 0}.social-widget li img{margin-top:-5px;vertical-align:middle}.social-widget div.rss{display:inline-block;margin:0 0 5px;vertical-align:middle}.social-widget div.rss a{background-color:#fff;border-radius:50%;box-sizing:border-box;color:#036536;display:inline-block;font-size:23px;padding:6px 7px;text-indent:-999em}.social-widget div.rss a:before{content:"\f09e";float:left;font-family:themify_theme_icon;text-indent:0}#searchform-wrap{bottom:0;position:absolute;right:0}#header #searchform{position:relative;z-index:2}#header #searchform #s{background-color:transparent;border:0;color:hsla(0,0%,100%,.7);float:right;font-size:1.1em;opacity:0;padding:8px 0 8px 40px;transition:width .7s,opacity .3s,background-color .3s linear;width:40px}#header #search-icon:after{content:"\e800";display:inline-block;font-family:themify_theme_icon;font-size:1.7em;left:0;margin-left:40px;padding:8px;position:absolute;top:0;transform:rotateY(180deg);z-index:1}#header #searchform #s:focus{background-color:#fff;box-shadow:0 1px 7px rgba(0,0,0,.2);color:#666;opacity:1;padding-left:10px;padding-right:10px;width:130px}#main-nav{bottom:0;margin:25px 0 0;padding:0;position:absolute}#main-nav li{float:left;list-style:none;margin:0 2px 2px 0;padding:0;position:relative}#main-nav a{background-color:#f26522;display:block;font-size:1em;padding:12px 20px;text-decoration:none}#main-nav a:hover{background-color:#222}#main-nav .current-menu-item a,#main-nav .current_page_item a,#main-nav ul a{background-color:#000}#main-nav ul a{display:block;margin:0;padding:12px 15px;width:180px}#main-nav .current-menu-item ul a:hover,#main-nav .current_page_item ul a:hover,#main-nav ul .current-menu-item a:hover,#main-nav ul .current_page_item a:hover,#main-nav ul a:hover{background-color:#222}#main-nav ul{display:none;list-style:none;margin:0;padding-top:1px;position:absolute;z-index:1000}#main-nav ul li{float:none;margin:0;padding:0}#main-nav ul ul{left:190px;padding-left:21px;top:-1px}#main-nav li:hover>ul{display:block}.page-title{font-size:2.5em;line-height:1em;margin:0 0 20px}.author-bio{margin:0 0 30px}.author-bio .author-avatar{float:left;margin:0 15px 0 0}.author-bio .author-avatar img{background-color:#fff;padding:4px}.author-bio .author-name{font-size:1.6em;margin:0 0 5px;padding:0}.author-posts-by{font-size:1.4em;margin:0 0 20px;padding:10px 0 0;text-transform:uppercase}.category-section{clear:both;margin-bottom:30px}.category-section-title{font-size:120%;margin:0 0 20px;text-transform:uppercase}.sorting-nav.post-filter{margin:0 0 17px;opacity:0;visibility:hidden}.sorting-nav li{background-color:#f26522;float:left;list-style:none;margin:0 2px 2px 0;padding:0;position:relative}.sorting-nav a{display:block;font-size:.9em;padding:6px 10px;text-decoration:none}.sorting-nav a:hover{background-color:#222}.sorting-nav .active a,.sorting-nav .current-cat a{background-color:#000;position:relative}.sorting-nav .active a:after{content:"\e801";font-family:themify_theme_icon;font-size:1em;left:50%;margin-left:-5px;opacity:1;position:absolute;text-shadow:none;top:30px}.sorting-nav .disabled{display:none}.sidebar-left .sorting-nav{margin-left:10px}.loops-wrapper{float:left;width:100%}.loops-wrapper.grid2,.loops-wrapper.grid3,.loops-wrapper.grid4{overflow:visible!important}.sidebar-left .loops-wrapper.grid2,.sidebar-left .loops-wrapper.grid3{margin-right:0}.post{background-color:#f26522;box-sizing:border-box;margin-bottom:10px;position:relative}.post-content{min-width:120px}.post-inner{clear:both;padding:30px 4.5%;position:relative}.post-date,.shortcode .post-date{color:hsla(0,0%,100%,.7)}.post-title{font-size:2em;line-height:1em;margin:0 0 10px}.post-title a{text-decoration:none}.post-image{margin:0;max-width:100%;position:relative}.post-image img{vertical-align:bottom;width:100%}.post-image.left{float:left;margin-right:15px}.post-image.right{float:right;margin-left:15px}.post-meta{color:#eee;color:hsla(0,0%,100%,.4);font-size:.85em;font-weight:300;margin-bottom:8px}.post-meta a{color:#fff;color:hsla(0,0%,100%,.8);text-decoration:none}.post-meta .separator{margin:0 3px}.list-post .loops-wrapper{margin-left:0}.loops-wrapper.list-post{position:relative}.more-link{background-color:#fff;color:#000;display:table;font-size:.95em;font-weight:300;margin:20px 0;padding:4px 20px;text-decoration:none}.more-link:hover{background-color:#333;color:#fff;text-decoration:none}.loops-wrapper.grid4 .post{float:left;margin-left:3.2%;width:calc(22.6% - 10px)}.loops-wrapper.grid4 .post-title{font-size:120%;margin:0 0 3px;padding:0}.loops-wrapper.grid3 .post{float:left;margin-bottom:10px;margin-left:1.4%;position:relative;width:calc(32.4% - 10px)}.loops-wrapper.grid3.sidebar-none .post{margin-bottom:10px;margin-left:1.05%;width:calc(32.6% - 10px)}.loops-wrapper.grid3 .post-inner{padding:15px 6.1% 8px}.loops-wrapper.grid3 .post-title{font-size:1.4em;line-height:1.4em;margin:0 0 10px;padding:0}.loops-wrapper.grid3 .post-meta{margin-top:-5px}.loops-wrapper.grid2 .post{float:left;margin-bottom:10px;margin-left:1.5%;position:relative;width:calc(49.25% - 10px)}.loops-wrapper.grid2.sidebar-none .post{margin-bottom:10px;margin-left:1%;width:calc(49.5% - 10px)}.loops-wrapper.grid2 .post-inner{padding:15px 6.1% 8px}.loops-wrapper.grid2 .post-title{font-size:1.5em;line-height:1.3em;margin:0 0 10px;padding:0}.loops-wrapper.grid2 .post-meta{margin-top:-5px}.masonry-done.loops-wrapper.grid4 .post.portfolio-post{width:calc(25% - 8px)}.masonry-done.portfolio.loops-wrapper.grid3 .post.portfolio-post{width:calc(33.3% - 6px)}.masonry-done.loops-wrapper.grid2 .post.portfolio-post{width:calc(50% - 5px)}.loops-wrapper.grid2>.gutter-sizer,.loops-wrapper.grid3>.gutter-sizer,.loops-wrapper.grid4>.gutter-sizer{width:10px}.masonry-done.portfolio .tf_carousel_nav_wrap{margin:0}.page-content .post,.page-content .post.black,.page-content .post.blue,.page-content .post.brown,.page-content .post.green,.page-content .post.lime,.page-content .post.magenta,.page-content .post.orange,.page-content .post.pink,.page-content .post.purple,.page-content .post.red,.page-content .post.teal,.page-content .post.white,.post-content .post{background:0}.page-content .post .post-inner,.post-content .post .post-inner{padding:0}.module .post-icon{display:none}.module.module-portfolio .post-inner{padding-top:30px}.module.loops-wrapper.grid2-thumb .post-inner,.module.loops-wrapper.list-thumb-image .post-inner,.shortcode.loops-wrapper.grid2-thumb .post-inner,.shortcode.loops-wrapper.list-thumb-image .post-inner{clear:none;overflow:hidden}.module .post-date{display:inline-block}.module-portfolio .portfolio-post{overflow:visible}.ui.module-tab.minimal .tab-content{color:#fff}.tile-wrapper{margin-left:-10px;overflow:visible!important;width:calc(100% + 10px)}.tile-post{float:left;font-size:.95em;margin:0 0 10px 10px;overflow:auto;position:relative}.tile-post .widget{background:0;padding:0}.tile-post.default{background-color:#f26522}.tile-post .tile-title{font-size:1.5em;font-weight:700;margin:0 0 10px}.tile-post .tile-inner{padding:15px 20px}.tile-post.gallery{background:0!important;margin:0 0 10px 10px!important}.col2-1 .tile-post.gallery,.col3-1 .tile-post.gallery,.col3-2 .tile-post.gallery,.col4-1 .tile-post.gallery{margin-left:0!important}.tile-post .tf_carousel_nav_wrap{margin:0}.tile-single{overflow:hidden}.tile-single .tile-post:first-child{margin-left:0}.grid-sizer,.tile-post.small{padding-bottom:calc(16.66666% - 10px);width:calc(16.66666% - 10px)}.tile-post.medium{padding-bottom:calc(16.66666% - 10px);width:calc(33.33333% - 10px)}.tile-post.large{padding-bottom:calc(33.33333% - 10px);width:calc(33.33333% - 10px)}.tile-post>:first-child{display:block;inset:0;margin:0 auto;position:absolute}.tile-post .tb_turn_on,.tile-post.image .tile-overlay a.tb_turn_on{display:none}.col2-1 .tile-post.small,.col3-1 .tile-post.small,.col3-2 .tile-post.small,.col4-1 .tile-post.small{padding-bottom:calc(50% - 10px);width:calc(50% - 10px)}.col2-1 .tile-post.medium,.col3-1 .tile-post.medium,.col3-2 .tile-post.medium,.col4-1 .tile-post.medium{padding-bottom:calc(50% - 10px);width:100%}.col2-1 .tile-post.large,.col3-1 .tile-post.large,.col3-2 .tile-post.large,.col4-1 .tile-post.large{padding-bottom:100%;width:100%}.widget .tile-post{margin:0 0 10px!important;width:100%}.widget .tile-post.gallery{height:auto}.grid2 .widget .loops-wrapper,.grid3 .widget .loops-wrapper{overflow:hidden!important}.tile-post.image,.tile-post.image>:first-child{overflow:visible}.tile-post.image .tile-overlay a{display:block;height:100%;margin-left:-20px;margin-top:-15px;padding:15px 20px;text-decoration:none;width:100%}.tile-post.image .tile-overlay a:hover{text-decoration:none}.tile-post.image .tile-inner{height:100%}.tile-post.image .post-image img{object-fit:cover}.tile-post.button a{align-items:center;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.tile-post.button .button-icon{line-height:158px;text-align:center}.tile-post.button.large .button-icon{line-height:326px;text-align:center}.tile-post.button .button-icon img{padding-bottom:10px;vertical-align:middle}.tile-post.button .button-title{bottom:10px;font-size:1.2em;left:15px;line-height:1.3em;padding-right:5px;position:absolute}.tile-post.map{overflow:visible}.tile-post .map-container{border:0!important;margin:0;max-width:100%;min-height:100%!important;width:100%!important}.tile-post .shortcode.map{height:100%;min-height:100%;width:100%}.tile-overlay{background-color:#f26522;height:100%;left:0;overflow:hidden;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:100}.tile-overlay:hover{opacity:1}.tile-post .loops-wrapper.list-posts .post{background:0!important;margin-bottom:15px;padding:0!important}.tile-post .loops-wrapper.list-posts .post-inner{clear:none;display:inline;float:left;padding:0}.tile-post .loops-wrapper.list-thumb-image .post-inner{display:block;float:none}.tile-post .loops-wrapper.list-posts .post-image{float:left;height:45px;margin:2px 12px 0 0;width:45px}.tile-post .loops-wrapper.list-posts .post-title{background:0!important;font-size:120%;margin:0 0 3px;padding:24px 0 0!important}.tile-post .loops-wrapper.list-posts .post-meta{font-size:1em;left:0;position:absolute;top:2px}.tile-post .loops-wrapper.list-posts .post-icon,.tile-post .loops-wrapper.list-posts .post-meta .separator{display:none}.tile-post .feature-posts-list .feature-posts-title{font-size:120%;margin:0 0 3em}.tile-post .shortcode.post-slider .post{background:0}.tile-post .shortcode.post-slider .post-title{font-size:120%}.tile-post .shortcode.twitter-list .twitter-timestamp a{color:hsla(0,0%,100%,.7);text-decoration:none}.tile-post .shortcode.twitter-list .follow-user a{text-decoration:none}.tile-post .shortcode.button{height:auto!important;margin-left:0!important;text-align:center!important;width:auto!important}.portfolio-post .tile-flip-wrapper,.tile-post.image .tile-flip-wrapper,.tile-post.map .tile-flip-wrapper{perspective:600px;transform-style:preserve-3d}.portfolio-post .tile-flip,.tile-post.image .tile-flip,.tile-post.map .tile-flip{max-width:100%;transform-style:preserve-3d;transition:transform 1s}.tile-post.image .tile-flip,.tile-post.map .tile-flip{height:100%;position:absolute;width:100%}.tile-post.small .tile-flip{width:100%}.tile-post.large .tile-flip{height:100%}.portfolio-post .side,.tile-post.image .side,.tile-post.map .side{-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolio-post .front,.tile-post.image .front,.tile-post.map .front{position:relative;z-index:50}.portfolio-post .back,.tile-post.image .back,.tile-post.map .back{position:absolute;transform:rotateY(180deg);z-index:10}.tile-flipped{transform:rotateY(180deg)}.module-tile.tile-flipped{transform:none}.tile-flipped .back{z-index:999!important}.loops-wrapper .themify_builder_turn_on{display:none}.portfolio-post{overflow:visible}.single .slider-image-caption,.tile-post .slider-image-caption{background-color:#333;background-color:rgba(0,0,0,.6);bottom:0;color:#fff;padding:5px 10px;position:absolute;width:100%}.post .carousel-next,.post .carousel-prev,.tile-post .carousel-next,.tile-post .carousel-prev{box-shadow:none;display:none;height:43px;margin-top:-29px;position:absolute;text-indent:-999em;top:50%;width:43px}.post .carousel-prev,.tile-post .carousel-prev{background:url(https://www.kobv.de/wp-content/themes/metro/images/arrow-left.png) no-repeat;left:10px}.post .carousel-next,.tile-post .carousel-next{background:url(https://www.kobv.de/wp-content/themes/metro/images/arrow-right.png) no-repeat;right:10px}@media(min-width:600px){.tf_swiper-container:hover .carousel-next,.tf_swiper-container:hover .carousel-prev{display:block}}.tile-post .carousel-pager{display:none}.post .carousel-pager{bottom:0;height:30px;margin:0 0 5px;position:absolute}.post .carousel-pager a{background-color:#ccc;border:0;border-radius:10em;cursor:pointer;display:inline-block;height:11px;line-height:1.5em;margin:0 2px;text-decoration:none;text-indent:-900em;vertical-align:middle;width:11px}.post .carousel-pager .selected{background-color:#ebebeb}.tile-post .post-slider .carousel-next,.tile-post .post-slider .carousel-prev{background:0;margin-top:5px;position:static}#pagewrap .module-slider .carousel-nav-wrap .carousel-next span,#pagewrap .module-slider .carousel-nav-wrap .carousel-prev span{display:block}.embed-youtube,.post-video{font-size:.9em;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.embed-youtube embed,.embed-youtube iframe,.embed-youtube object,.post-video embed,.post-video iframe,.post-video object{height:100%;left:0;position:absolute;top:0;width:100%}.grid2.portfolio-wrapper,.grid3.portfolio-wrapper,.grid4.portfolio-wrapper{clear:both;overflow:visible!important}.shortcode.portfolio .post{background-color:transparent;margin-bottom:10px}.shortcode.portfolio.full .post{margin-left:0;width:100%}.shortcode.portfolio.loops-wrapper.grid3 .post{margin-bottom:10px;margin-left:1.4%;width:calc(32.4% - 10px)}.sidebar-none .shortcode.portfolio.loops-wrapper.grid2 .post,.sidebar-none .shortcode.portfolio.loops-wrapper.grid3 .post{margin-left:1%}.shortcode.portfolio .post-image{margin:0}.shortcode.portfolio .post-image img{vertical-align:bottom;width:100%}.shortcode.portfolio .post-inner{padding:15px 20px}.shortcode.portfolio .post-title{font-weight:700;margin:0 0 5px}.shortcode.portfolio.loops-wrapper.grid2 .post:nth-of-type(odd),.shortcode.portfolio.loops-wrapper.grid2-thumb .post:nth-of-type(odd),.shortcode.portfolio.loops-wrapper.grid3 .post:nth-of-type(3n+1),.shortcode.portfolio.loops-wrapper.grid4 .post:nth-of-type(4n+1){clear:none;margin-left:0}.single-portfolio .post{margin-bottom:0}.single-portfolio .post-inner{clear:none;min-width:120px;overflow:hidden;padding:30px 3%}.portfolio-post .post-category-wrap{font-size:.95em;margin:0 0 2px}.portfolio.shortcode .post-meta{line-height:130%;margin:0 0 5px;padding:0}.portfolio.shortcode .post-category{background:0;padding:0}.portfolio-post .post-category a{color:hsla(0,0%,100%,.7);text-decoration:none;text-transform:uppercase}.single-portfolio .post-image{float:left;padding:0;width:662px}.single-portfolio .carousel-pager{left:10px;position:absolute;text-align:left;top:10px;z-index:2}.single-portfolio .carousel-pager a{background-color:#000;border-radius:0;box-shadow:none;font-size:1em;height:24px;padding-top:2px;text-align:center;text-indent:0;width:26px}.single-portfolio .carousel-pager .selected,.single-portfolio .carousel-pager a:hover{background-color:#fff;color:#000}.portfolio #load-more a{background-color:#f26522;color:#fff}.portfolio-post.purple .tile-overlay,.post.purple,.purple.tile-overlay,.tile-post.purple{background-color:#932091}.magenta.tile-overlay,.portfolio-post.magenta .tile-overlay,.post.magenta,.tile-post.magenta{background-color:#ff3097}.portfolio-post.teal .tile-overlay,.post.teal,.teal.tile-overlay,.tile-post.teal{background-color:#00aaa9}.lime.tile-overlay,.portfolio-post.lime .tile-overlay,.post.lime,.tile-post.lime{background-color:#8abb25}.brown.tile-overlay,.portfolio-post.brown .tile-overlay,.post.brown,.tile-post.brown{background-color:#a15100}.pink.tile-overlay,.portfolio-post.pink .tile-overlay,.post.pink,.tile-post.pink{background-color:#e878b8}.orange.tile-overlay,.portfolio-post.orange .tile-overlay,.post.orange,.tile-post.orange{background-color:#f29603}.blue.tile-overlay,.portfolio-post.blue .tile-overlay,.post.blue,.tile-post.blue{background-color:#09a3e2}.portfolio-post.red .tile-overlay,.post.red,.red.tile-overlay,.tile-post.red{background-color:#e82900}.green.tile-overlay,.portfolio-post.green .tile-overlay,.post.green,.tile-post.green{background-color:#2c9633}.portfolio-post.white .tile-overlay,.post.white,.tile-post.white,.white.tile-overlay{background-color:#fff}.black.tile-overlay,.portfolio-post.black .tile-overlay,.post.black,.tile-post.black{background-color:#000}.post-icon{background:url(https://www.kobv.de/wp-content/themes/metro/images/icon-article.png) no-repeat 50%;float:left;height:20px;margin:5px 10px 0 0;width:26px}.format-audio .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-audio.png);margin-top:2px}.format-audio .audio-player{margin:8px 0 10px;overflow:hidden}.format-gallery .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-gallery.png)}.format-link .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-link.png)}.format-quote .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-quote.png)}.format-status .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-status.png)}.format-aside .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-text.png)}.format-video .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-video.png)}.format-image .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-image.png)}.format-chat .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/icon-chat.png)}.format-quote .quote-author{clear:both;font-weight:300;padding:1em 0 0;text-align:right}.format-quote .post-inner,.format-status .post-inner{padding:20px}.format-quote .quote-content,.format-status .status-content{margin-left:30px}.format-quote .quote-content p,.format-status .status-content p{margin:0}.white .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-article.png)}.white.format-audio .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-audio.png)}.white.format-gallery .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-gallery.png)}.white.format-link .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-link.png)}.white.format-quote .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-quote.png)}.white.format-status .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-status.png)}.white.format-aside .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-text.png)}.white.format-video .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-video.png)}.white.format-image .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-image.png)}.white.format-chat .post-icon{background-image:url(https://www.kobv.de/wp-content/themes/metro/images/dark-icons/icon-chat.png)}.post.white,.post.white .tile-overlay,.shortcode.portfolio.white .post,.tile-post.white,.white.tile-overlay{color:#666}.post.white a,.tile-post.white a,.tile.white .shortcode.twitter-list .twitter-timestamp a,.white .commentlist .comment-time,.white .portfolio-post .post-category a,.white .post-date,.white .post-meta,.white .post-meta a,.white .post-title a,.white .shortcode .post-date,.white.tile-overlay a{color:#000;color:rgba(0,0,0,.8)}.single-portfolio .carousel-pager a{color:#fff}.white input[type=password],.white input[type=search],.white input[type=text],.white textarea{background-color:#000;color:#fff}.white input[type=password]:focus,.white input[type=search]:focus,.white input[type=text]:focus,.white textarea:focus{background-color:#222}.author-box{margin:15px 0}.author-box .author-avatar{float:left;margin:0 15px 5px 0}.author-box .author-name{margin:0 0 5px}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}.post-nav{clear:both;margin:40px 0;padding:0}.post-nav .next,.post-nav .prev{position:relative;width:48%}.post-nav a{color:#fff;display:inline-block;font-size:1.2em;line-height:1.2em;vertical-align:middle}.post-nav a,.post-nav a:hover{text-decoration:none}.post-nav .prev{float:left}.post-nav .next{float:right;text-align:right}.post-nav .arrow{border:2px solid;border-radius:100%;display:inline-block;height:43px;margin-right:5px;overflow:hidden;position:relative;text-indent:9000em;vertical-align:middle;width:43px}.post-nav .next .arrow{margin-left:5px;margin-right:0}.post-nav .arrow:before{content:"\e802";display:block;font-family:themify_theme_icon;font-size:1.7em;left:50%;position:absolute;text-indent:0;top:50%;transform:translate(-50%,-50%)}.post-nav .next .arrow:before{content:"\e803"}.commentwrap{clear:both;margin:0 0 20px;position:relative}#reply-title,.comment-title{font-size:1.6em;margin:0 0 10px;padding:0}.commentwrap .pagenav{border:0;box-shadow:none;margin:10px 0}.commentwrap .pagenav.top{margin:0;padding:0;position:absolute;right:0;top:0}.commentlist{border-top:1px solid #ddd;margin:0 0 30px;padding:5px 0 0}.commentlist li{list-style:none;margin:0;padding:15px 0 0;position:relative}.commentlist .comment-author{margin:2px 0 5px;padding:0}.commentlist .avatar{float:left;margin:0 15px 0 0}.commentlist cite{font-size:1.3em;font-style:normal}.commentlist cite a{text-decoration:none}.commentlist cite .tf_fa{margin-right:10px}.commentlist .bypostauthor>.comment-author cite{background:url(https://www.kobv.de/wp-content/themes/metro/images/icon-author-comment.png) no-repeat 0 2px;padding-left:18px}.commentlist .comment-time{color:#eee;color:hsla(0,0%,100%,.8);font-size:.85em;font-variant:small-caps}.commentlist .commententry{border-bottom:1px solid #ddd;min-height:40px;overflow:hidden;overflow-wrap:break-word;padding-bottom:5px;position:relative}.commentlist ol,.commentlist ul{margin:0 0 0 8%;padding:0}.commentlist .reply{position:absolute;right:0;top:8px}.commentlist .comment-reply-link{font-size:.85em;text-decoration:none;text-transform:uppercase}.commentlist .comment-reply-link:hover{text-decoration:none}#respond{clear:both;margin:0;padding:10px 0 0;position:relative}#respond #cancel-comment-reply-link{background-color:#000;color:#fff;display:block;font-size:.85em;line-height:1em;padding:5px 10px;position:absolute;right:0;text-decoration:none;top:20px}#respond #cancel-comment-reply-link:hover{background-color:#222}#commentform{margin:15px 0 0}#commentform label{font-size:1.05em;font-variant:small-caps}#commentform label small{font-variant:normal}#commentform textarea{box-sizing:border-box;height:140px;width:100%}#commentform .comment-form-author,#commentform .comment-form-email{box-sizing:border-box;clear:none;float:left;width:50%}#commentform p.comment-form-author{padding-right:2%}#commentform .comment-form-email{padding-left:2%}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{box-sizing:border-box;max-width:none;width:100%}#commentform input#submit{padding:15px 30px}.widget{background-color:#f26522;margin-bottom:3%;padding:20px 15px}.widgettitle{font-size:1.3em;line-height:1em;margin:0 0 20px}.widgettitle a{text-decoration:none}.widget ul{margin:0;padding:0}.widget li{list-style:none;margin-bottom:10px}.widget li a{text-decoration:none}.widget li a:hover{text-decoration:underline}.widget li:last-child{margin-bottom:0}.widget ul ul{border-top:none;margin:6px 0 -6px;padding:0}.widget ul ul li{margin:0;padding-left:10px}#sidebar .secondary{float:left;width:48.46%}#sidebar .secondary.last{float:right}#sidebar .secondary .widget{margin-bottom:6.3%}.widget #wp-calendar caption{font-weight:700;padding-bottom:10px}.widget #wp-calendar td{padding:4px 2px;text-align:center;width:31px}.widget .feature-posts-list br{display:none}.widget .feature-posts-list .post-img{float:left;margin:-4px 12px 10px 0}.widget .feature-posts-list small{color:#eee;color:hsla(0,0%,100%,.6);display:block;font-size:.9em;margin:6px 0 3px}.widget .feature-posts-list .feature-posts-title{margin:7px 0 3px}.widget .feature-posts-list .post-excerpt{display:block}.widget .twitter-list .twitter-timestamp{font-size:.9em}.widget .follow-user{margin:0;padding:5px 0}.widget .links-list img,.widget_links img{vertical-align:middle}.recent-comments-list .avatar{float:left;margin-right:12px}.widget .flickr_badge_image{margin-top:10px}.widget .flickr_badge_image img{float:left;height:50px;margin-bottom:12px;margin-right:12px;width:50px}.shortcode .flickr_badge_image{float:left;margin:0 1.5% 1.5% 0;width:23.8%}.shortcode .flickr_badge_image:nth-of-type(4n){margin-right:0}.shortcode .flickr_badge_image img{margin:0}#sidebar #searchform{position:static}#sidebar #searchform #s{width:93%}iframe[src*=facebook]{background-color:#fff}#content .twitter-tweet-rendered,#content .twt-border{max-width:100%!important}#content .twt-border{min-width:180px!important}.widget .social-links{line-height:1em;margin:0 0 20px;padding:0}.widget .social-links li{border:0;display:inline-block;list-style:none;margin:0 5px 5px 0;padding:0}.widget .social-links img{vertical-align:middle}.widget .textwidget ul{margin:0 0 1.4em 1.6em}.widget .textwidget li{display:list-item}.widget .textwidget ul li{list-style:disc}.widget .textwidget ol li{list-style:decimal}#load-more{clear:both;margin:50px 0;text-align:center}#load-more a{background-color:#fff;color:#000;display:none;font-size:1.3em;font-weight:300;padding:14px 28px;text-decoration:none}#load-more a:hover{background-color:#333;color:#fff}#footer{color:hsla(0,0%,100%,.7);font-size:.9em;padding-bottom:50px}#footer a{color:#fff;text-decoration:none}#footer .col3-1,#footer .col4-1,#footer .col4-2{float:left;margin-left:1%}#footer .col4-1{width:24.25%}#footer .col4-2{margin-left:1.1%;width:49.45%}#footer .col3-1{width:32.66%}#footer .col3-1.first,#footer .col4-1.first,#footer .col4-2.first{clear:left;margin-left:0}#footer-nav{margin:20px 0}#footer-nav a{text-decoration:none}#footer-nav a:hover{text-decoration:underline}#footer-nav li{display:inline-block;list-style:none;margin-right:10px}img.aligncenter,img.alignleft,img.alignnone,img.alignright{margin-bottom:15px}.alignleft{float:left;margin-right:30px}.alignright{float:right;margin-left:30px}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:15px;max-width:100%;text-align:center}.wp-caption-text{font-size:95%;line-height:120%;margin:6px 0}.attachment.single-attachment,.single-attachment .attachment{float:none;margin:0;text-align:left}#content .loops-wrapper.grid2 .gallery img,#content .loops-wrapper.grid3 .gallery img,#content .loops-wrapper.grid4 .gallery img{max-width:60px}.pp_details{color:#666}.clear{clear:both}.left{float:left}.right{float:right}.textleft{text-align:left}.textright{text-align:right}.textcenter{text-align:center}#body:after,#content:after,#footer:after,#main-nav:after,.menu:after,.widget li:after,footer:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}#body,#footer,#main-nav,.menu,.widget li,footer{display:block}#pagewrap a.tile-flip-button{border-color:transparent #ec0038 #ec0038 transparent;border-style:solid;border-width:20px;bottom:0;color:#fff;font-size:12px;height:0;padding:0;position:absolute;right:0;width:0}#pagewrap a.tile-flip-button:after,#pagewrap a.tile-flip-button:before{content:"";display:inline-block}#pagewrap a.tile-flip-button:before{border-bottom:1px solid;border-bottom-right-radius:7px;border-left:0;border-right:1px solid;border-top:0;height:1em;left:-3px;position:absolute;width:1em}#pagewrap a.tile-flip-button:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid transparent;height:9px;left:2px;position:absolute;top:6px;transform:rotate(-45deg);transform-origin:0 0;width:9px}@media(hover:hover){#pagewrap a.tile-flip-button{display:none!important}}@media(max-width:1260px){.default_width #layout .row_inner{max-width:100%}} /*/wp-content/themes/metro/media-queries.css*/ @media (max-width:1200px){ @media(max-width:1020px){#pagewrap{max-width:100%}.pagewidth,.row_inner{max-width:90%}.tile-post.small{padding-bottom:calc(25% - 10px);width:calc(25% - 10px)}.tile-post.medium{padding-bottom:calc(25% - 10px);width:calc(50% - 10px)}.tile-post.large{overflow:auto;-webkit-overflow-scrolling:touch}.col2-1 .tile-post.small,.col3-1 .tile-post.small,.col3-2 .tile-post.small,.col4-1 .tile-post.small,.tile-post.large{padding-bottom:calc(50% - 10px);width:calc(50% - 10px)}.col2-1 .tile-post.medium,.col3-1 .tile-post.medium,.col3-2 .tile-post.medium,.col4-1 .tile-post.medium{padding-bottom:calc(50% - 10px);width:100%}.col2-1 .tile-post.large,.col3-1 .tile-post.large,.col3-2 .tile-post.large,.col4-1 .tile-post.large{padding-bottom:100%;width:100%}}@media(max-width:760px){.single .portfolio .post-inner{padding:3%}}@media(max-width:700px){#content,#sidebar{clear:both;float:none;max-width:100%;width:100%}#sidebar .secondary{width:49%}.widget{margin-bottom:1.5%}#sidebar .secondary .widget{margin-bottom:3.5%}}@media(max-width:680px){#site-logo{float:none;margin:0 0 5px}#site-description{border:0;margin:0 0 20px;padding:0;position:static!important}.loops-wrapper{width:100%!important}.portfolio-wrapper{margin-left:0!important}.post-video{clear:both}html{-webkit-text-size-adjust:none}#body{padding:34px 0}#content{overflow:hidden}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:0;max-width:100%;width:100%}.post{float:none!important;margin-left:0!important;max-width:100%!important;width:auto!important}.portfolio-post{width:100%!important}.loops-wrapper.grid2 .post,.loops-wrapper.grid2.sidebar-none .post,.loops-wrapper.grid3 .post,.loops-wrapper.grid3.sidebar-none .post,.portfolio.loops-wrapper.grid2 .post,.portfolio.loops-wrapper.grid3 .post,.shortcode.portfolio .post,.sidebar-none .portfolio.loops-wrapper.grid2 .post,.sidebar-none .portfolio.loops-wrapper.grid3 .post,.sidebar-none .shortcode.portfolio .post{margin-bottom:10px}.post-nav .next,.post-nav .prev{clear:both;display:block;margin-bottom:10px;width:100%}.post-nav .next,.single-portfolio .post-nav .prev{clear:none;display:inline-block;margin-bottom:5px;width:auto}.commentlist{padding-left:0}.commentlist .commententry{clear:left}.commentlist .avatar{float:left;height:40px;margin:0 10px 10px 0;width:40px}.tile-post.small{padding-bottom:calc(50% - 10px);width:calc(50% - 10px)!important}.tile-post.medium{padding-bottom:calc(50% - 10px);width:calc(100% - 10px)}.tile-post.large{overflow:auto;padding-bottom:calc(100% - 10px);width:calc(100% - 10px);-webkit-overflow-scrolling:touch}.tile-post.image .tile-flip,.tile-post.map .tile-flip{height:100%;width:100%}.tile-post.small .tile-flip{width:100%}.tile-post.large .tile-flip{height:100%}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary{float:none!important;width:100%!important}} } /*/wp-content/themes/metro-child/style.css*/ /* Theme Name: kobv Theme URI: http://www.zeitstil.com Description: Child-Theme auf der Basis des Themes Metro von Themify Author: Matthias Marsen, zeitstil design und text GbR Author URI: http://www.zeitstil.com Template: metro Version: 1.0.0 */ @import url("https://www.kobv.de/wp-content/themes/metro/style.css"); /* =Theme customization starts here ------------------------------------------------------- */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; box-sizing: border-box; } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* audio */ audio { max-width: 100%; } /* iframes and objects max-width */ iframe, object { max-width: 100%; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ html { -webkit-font-smoothing: antialiased; } body { font: 400 .85em/1.5em 'Oxygen', sans-serif; background: url(/wp-content/themes/metro/images/bg1-body.png) top center no-repeat; background-color: #036536; color: #FFF; word-wrap: break-word; } a { text-decoration: underline; outline: none; color: #FFF; } a:hover { text-decoration: underline; } p { margin: 0 0 1.2em; } small { font-size: .87em; } blockquote { padding: 8px 30px 15px; } /* list */ ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 1.4em; } li { margin: 0 0 .5em 0; padding: 0; } /* headings */ h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 1em 0 .8em; word-wrap: normal; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } /* form elements */ input, textarea, select, input[type=search] { font-size: 1em; font-family: inherit; border-radius: 0; } /* form field style */ textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] { background-color: #f5f5f5; padding: 6px 10px; border: none; -webkit-appearance: none; } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus { outline: none; background-color: #eee; } /* form field width */ input[type=text], input[type=search], input[type=email], input[type=url] { width: 240px; max-width: 96%; } textarea { line-height: 1.5em; width: 96%; } /* search input */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; } /* form buttons */ button, input[type=reset], input[type=submit] { text-transform: uppercase; padding: 15px 30px; background-color: #000; color: #FFF; border: none; cursor: pointer; -webkit-appearance: none; } button:hover, input[type=reset]:hover, input[type=submit]:hover { background-color: #222; color: #fff; } /* audio */ audio { max-width: 100%; } /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer { box-sizing: border-box; } /* main page width */ .pagewidth { width: 998px; margin: 0 auto; } /* body (middle container) */ #body { margin: 0 auto; padding: 54px 0; max-width: 100%; } /* content */ #content { width: 66.4%; float: left; } /* sidebar */ #sidebar { width: 32.6%; float: right; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /* sidebar none */ .sidebar-none #content { width: 100%; float: none; } /* fullwidth content */ .full_width #layout { width: 100%; max-width: 100%; } .full_width #content { padding: 0; width: auto; float: none; } .full_width #sidebar { width: auto; float: none; } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ HEADER *************************************************************************************/ #header { position: relative; height: 145px; padding-top: 27px; } /* site logo */ #site-logo { font-size: 2.5em; line-height: 1em; float: left; padding: 5px 0 10px 0; margin: 0 10px 0 0; } #site-logo a { text-decoration: none; } /* site description */ #site-description { font: 300 1em/1.4em 'Oxygen', sans-serif; margin: 0; padding: 15px 0 15px 10px; float: left; border-left: 1px solid #FFF; border-color: rgba(255,255,255,.5); color: rgba(255,255,255,.7); } #site-description .site-taglink{ color: inherit; font: inherit; } #site-description .site-taglink:hover{ text-decoration:none; } /* social widget */ .social-widget { position: absolute; right: 0; top: 15px; } .social-widget a { text-decoration: none; } .social-widget a:hover { text-decoration: none; } .social-widget .widget { background: none; display: inline-block; padding: 0; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font-weight: bold; font-size: 1.4em; text-transform: none; border: none; letter-spacing: 0; position: static; display: inline-block; margin: 5px 8px 2px 0; padding: 0; background: transparent; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-links.horizontal li { padding: 0 2px 5px 0; margin: 0; display: inline-block; border: none !important; clear: none; line-height: 1em; } .social-widget li img { vertical-align: middle; margin-top: -5px; } /* RSS */ .social-widget div.rss { display: inline; } .social-widget div.rss a { background: url(/wp-content/themes/metro/images/rss.png) no-repeat left center; padding: 9px 0 8px 35px; display: inline-block; text-indent: -999em; } #searchform-wrap { position: absolute; right: 0; bottom: 0; } #header #searchform { width: 140px; position: relative; } #header #searchform #s { font-size: 1.1em; width: 60px; color: #EEE; color: rgba(255, 255, 255, .7); background-color: transparent; padding: 8px 0 8px 40px; float: right; border: none; opacity: 0; transition: width .7s, opacity .3s, background-color .3s linear; } #header #searchform:after { content: '\e610'; display: inline-block; font-family: themify; font-size: 1.7em; position: absolute; top: 0; left: 0; z-index: -1; padding: 8px; transform: rotateY(180deg); margin-left: 40px; } #header #searchform #s:focus { width: 130px; color: #666; background-color: #fff; padding-left: 10px; padding-right: 10px; opacity: 1; } /* main navigation */ #main-nav { position: absolute; bottom: 0; margin: 25px 0 0 0; padding: 0; } #main-nav li { margin: 0 2px 2px 0; padding: 0; list-style: none; float: left; position: relative; } /* main level link */ #main-nav a { background-color: #f26522; font-size: 1em; display: block; padding: 12px 20px; text-decoration: none; } /* main level link :hover */ #main-nav a:hover { background-color: #222; } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { background-color: #000; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { background-color: #000; margin: 0; display: block; width: 180px; padding: 12px 15px; } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background-color: #222; } /* dropdown ul */ #main-nav ul { margin: 0; padding-top: 1px; list-style: none; position: absolute; z-index: 1000; display: none; } #main-nav ul li { padding: 0; margin: 0; float: none; } /* sub-levels dropdown */ #main-nav ul ul { left: 190px; top: -1px; padding-left: 21px; } /* show dropdown ul */ #main-nav li:hover > ul { display: block; } /************************************************************************************ PAGE *************************************************************************************/ /* page title */ .page-title { font-size: 2.5em; line-height: 1em; margin: 0 0 20px; } /* author page */ .author-bio { margin: 0 0 30px; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background-color: #fff; padding: 4px; } .author-bio .author-name { margin: 0 0 5px; padding: 0; font-size: 1.6em; } .author-posts-by { margin: 0 0 20px; padding: 10px 0 0; font-size: 1.4em; text-transform: uppercase; } /************************************************************************************ CATEGORY SECTIONS *************************************************************************************/ .category-section { clear: both; margin-bottom: 30px; } .category-section-title { font-size: 120%; text-transform: uppercase; margin: 0 0 20px; } /* *********************************************************************************** FILTER NAVIGATION *************************************************************************************/ .sorting-nav.post-filter { visibility:hidden; opacity:0; margin: 0 0 17px; } .sorting-nav li { background-color: #f26522; margin: 0 2px 2px 0; padding: 0; list-style: none; float: left; position: relative; } .sorting-nav a { font-size: .9em; display: block; padding: 6px 10px; text-decoration: none; } .sorting-nav a:hover { background-color: #222; } .sorting-nav .active a, .sorting-nav .current-cat a { background-color: #000; position:relative; } .sorting-nav .active a:after { font-family: "themify"; content: "\e646"; top: 30px; left: 50%; position: absolute; font-size: 1em; margin-left: -5px; text-shadow: none; opacity: 1; } .sorting-nav .disabled { display: none; } /* sidebar left filter navigation */ .sidebar-left .sorting-nav { margin-left: 10px; } /************************************************************************************ LOOPS WRAPPER *************************************************************************************/ .loops-wrapper{ float:left; width:100%; } .loops-wrapper.grid4, .loops-wrapper.grid3, .loops-wrapper.grid2 { overflow: visible !important; } .sidebar-left .loops-wrapper.grid3, .sidebar-left .loops-wrapper.grid2 { margin-right: 0; } /************************************************************************************ POST *************************************************************************************/ .post { background-color: #f26522; /* default color */ position: relative; margin-bottom: 10px; box-sizing: border-box; } /* post content */ .post-content { min-width: 120px; } /* post inner */ .post-inner { position: relative; padding: 30px 4.5%; clear: both; } /* post date */ .post-date, .shortcode .post-date { color: rgba(255,255,255,.7); } /* post title */ .post-title { font-size: 2em; line-height: 1em; margin: 0 0 10px; } .post-title a { text-decoration: none; } /* post image */ .post-image { position: relative; max-width: 100%; margin: 0; } .post-image img { vertical-align: bottom; width: 100%; } .post-image.left { float: left; margin-right: 15px; } .post-image.right { float: right; margin-left: 15px; } /* post meta */ .post-meta { font-size: .85em; font-weight: 300; margin-bottom: 8px; color: #eee; color: rgba(255, 255, 255, .4); } .post-meta a { color: #fff; color: rgba(255, 255, 255, .8); text-decoration: none; } .post-meta .separator { margin: 0 3px; } /* list post */ .list-post .loops-wrapper { margin-left: 0; } .loops-wrapper.list-post { position: relative; } /* more link */ .more-link { font-size: .95em; font-weight: 300; background-color: #FFF; color: #000; padding: 4px 20px; margin: 20px 0; text-decoration: none; display: table; } .more-link:hover { color: #FFF; text-decoration: none; background-color: #333; } /* grid4 post */ .loops-wrapper.grid4 .post { width: calc( 22.6% - 10px ); float: left; margin-left: 3.2%; } .loops-wrapper.grid4 .post-title { font-size: 120%; margin: 0 0 3px; padding: 0; } /* grid3 post */ .loops-wrapper.grid3 .post { width: calc( 32.4% - 10px ); float: left; margin-left: 1.4%; margin-bottom: 10px; position: relative; } .loops-wrapper.grid3.sidebar-none .post { width: calc( 32.6% - 10px ); margin-left: 1.05%; margin-bottom: 10px; } .loops-wrapper.grid3 .post-inner { padding: 15px 6.1% 8px; } .loops-wrapper.grid3 .post-title { font-size: 1.4em; line-height: 1.4em; margin: 0 0 10px; padding: 0; } .loops-wrapper.grid3 .post-meta { margin-top: -5px; } /* grid2 post */ .loops-wrapper.grid2 .post { width: calc( 49.25% - 10px ); float: left; margin-left: 1.5%; margin-bottom: 10px; position: relative; } .loops-wrapper.grid2.sidebar-none .post { width: calc( 49.5% - 10px ); margin-left: 1%; margin-bottom: 10px; } .loops-wrapper.grid2 .post-inner { padding: 15px 6.1% 8px; } .loops-wrapper.grid2 .post-title { font-size: 1.5em; line-height: 1.3em; margin: 0 0 10px; padding: 0; } .loops-wrapper.grid2 .post-meta { margin-top: -5px; } /* clear grid posts */ .loops-wrapper.grid4 .post:nth-of-type(4n+1), .loops-wrapper.grid3 .post:nth-of-type(3n+1), .loops-wrapper.grid2 .post:nth-of-type(2n+1), .loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) { margin-left: 0; clear: left; } /************************************************************************************ BUILDER *************************************************************************************/ /* builder row */ .full_width .themify_builder_row > .row_inner, .full_width .module-layout-part .themify_builder_row.fullwidth_row_container > .row_inner { width: 998px; /* same width as .pagewidth */ max-width: 100%; margin: auto; } .full_width .themify_builder_row.fullwidth > .row_inner { width: 100%; padding: 0; } /* reset post boxed style within post/page */ .post-content .post, .page-content .post, .page-content .post.purple, .page-content .post.magenta, .page-content .post.teal, .page-content .post.lime, .page-content .post.brown, .page-content .post.pink, .page-content .post.orange, .page-content .post.blue, .page-content .post.red, .page-content .post.green, .page-content .post.white, .page-content .post.black { background: none; } .post-content .post .post-inner, .page-content .post .post-inner { padding: 0; } /* remove post icons */ .module .post-icon { display: none; } /* portfolio post */ .module.module-portfolio .post-inner { padding-top: 30px; } /* reset .post-inner clear */ .module.loops-wrapper.grid2-thumb .post-inner, .module.loops-wrapper.list-thumb-image .post-inner, .shortcode.loops-wrapper.grid2-thumb .post-inner, .shortcode.loops-wrapper.list-thumb-image .post-inner { clear: none; overflow: hidden; } .module .post-date { display: inline-block; } /* portfolio post */ .module-portfolio .portfolio-post { overflow: visible; } /* tab module */ .ui.module-tab.minimal .tab-content { color: #fff; } /************************************************************************************ HOME TILES *************************************************************************************/ .tile-wrapper { margin-left: -10px; overflow: visible !important; width: calc(100% + 10px); } .tile-post { font-size: .95em; position: relative; float: left; margin: 0 0 10px 10px; overflow: auto; } .tile-post .widget { background: none; padding: 0; } .tile-post.default { background-color: #f26522; /* default color */ } .tile-post .tile-title { font-size: 1.5em; margin: 0 0 10px; font-weight: 700; } .tile-post .tile-inner { padding: 15px 20px; } .tile-post.gallery { margin: 0 0 10px 10px !important; background: none !important; } .col4-1 .tile-post.gallery, .col3-2 .tile-post.gallery, .col3-1 .tile-post.gallery, .col2-1 .tile-post.gallery { margin-left: 0 !important; } /* single tile */ .tile-single { overflow: hidden; } .tile-single .tile-post:first-child { margin-left: 0; } /* tile sizes */ .grid-sizer, .tile-post.small { width: calc(16.66666% - 10px); padding-bottom: calc(16.66666% - 10px); } .tile-post.medium { width: calc(33.33333% - 10px); padding-bottom: calc(16.66666% - 10px); } .tile-post.large { width: calc(33.33333% - 10px); padding-bottom: calc(33.33333% - 10px); } .tile-post > *:first-child { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } .tile-post .tb_turn_on { display: none; } /* tile size in columns */ .col4-1 .tile-post.small, .col3-2 .tile-post.small, .col3-1 .tile-post.small, .col2-1 .tile-post.small { width: calc(50% - 10px); padding-bottom: calc(50% - 10px); } .col4-1 .tile-post.medium, .col3-2 .tile-post.medium, .col3-1 .tile-post.medium, .col2-1 .tile-post.medium { width: 100%; padding-bottom: calc(50% - 10px); } .col4-1 .tile-post.large, .col3-2 .tile-post.large, .col3-1 .tile-post.large, .col2-1 .tile-post.large { width: 100%; padding-bottom: 100%; } /* tiles in sidebar */ .widget .tile-post { width: 100%; margin: 0 0 10px !important; } .widget .tile-post.gallery { height: auto; } .grid3 .widget .loops-wrapper, .grid2 .widget .loops-wrapper { overflow: hidden !important; } /* tile image */ .tile-post.image, .tile-post.image > *:first-child { overflow: visible; /* for flip animation */ } .tile-post.image .tile-overlay a { display: block; width: 100%; height: 100%; margin-left: -20px; margin-top: -15px; padding: 15px 20px; text-decoration: none; } .tile-post.image .tile-overlay a:hover { text-decoration: none; } .tile-post.image .tile-inner { height: 100%; } .tile-post.image .post-image img { object-fit: cover; } /* tile button */ .tile-post.button a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; text-decoration: none; } .tile-post.button .button-icon { text-align: center; line-height: 158px; /* same height as tile height to center image */ } .tile-post.button.large .button-icon { text-align: center; line-height: 326px; /* same height as tile height to center image */ } .tile-post.button .button-icon img { vertical-align: middle; padding-bottom: 10px; } .tile-post.button .button-title { position: absolute; bottom: 10px; left: 15px; line-height: 1.3em; font-size: 1.2em; padding-right: 5px; } /* map tile */ .tile-post.map { overflow: visible; /* for flip animation */ } .tile-post .map-container { margin: 0; border: none !important; max-width: 100%; width: 100% !important; min-height: 100% !important; } .tile-post .shortcode.map { width: 100%; height: 100%; min-height: 100%; } /* tile overlay */ .tile-overlay { width: 100%; height: 100%; overflow: hidden; background-color: #f26522; /* default color */ position: absolute; top: 0; left: 0; z-index: 100; transition: opacity .5s ease-in-out; } .tile-overlay:hover { opacity: 1; } /* tile [list_posts] shortcode */ .tile-post .loops-wrapper.list-posts .post { padding: 0 !important; background: none !important; margin-bottom: 15px; } .tile-post .loops-wrapper.list-posts .post-inner { padding: 0; display: inline; float: left; clear: none; } .tile-post .loops-wrapper.list-thumb-image .post-inner { float: none; display: block; } .tile-post .loops-wrapper.list-posts .post-image { margin: 2px 12px 0 0; width: 45px; height: 45px; float: left; } .tile-post .loops-wrapper.list-posts .post-title { font-size: 120%; margin: 0 0 3px; padding: 24px 0 0 !important; background: none !important; } .tile-post .loops-wrapper.list-posts .post-meta { font-size: 1em; position: absolute; top: 2px; left: 0; } .tile-post .loops-wrapper.list-posts .post-meta .separator, .tile-post .loops-wrapper.list-posts .post-icon { display: none; } /* tile post type */ .tile-post .feature-posts-list .feature-posts-title { font-size: 120%; margin: 0 0 3em; } /* tile [post_slider] shortcode */ .tile-post .shortcode.post-slider .post { background: none; } .tile-post .shortcode.post-slider .post-title { font-size: 120%; } /* tile [twitter] shortcode */ .tile-post .shortcode.twitter-list .twitter-timestamp a { color: rgba(255,255,255,.7); text-decoration: none; } .tile-post .shortcode.twitter-list .follow-user a { text-decoration: none; } /* tile button shortcode style reset */ .tile-post .shortcode.button { height: auto !important; width: auto !important; text-align: center !important; margin-left: 0 !important; } /* disable IE zoom and pan */ .tile-post.image, .tile-post.map, .portfolio-post { -ms-touch-action: none; } /* tile-overlay flip transition */ .tile-post.image .tile-flip-wrapper, .tile-post.map .tile-flip-wrapper, .portfolio-post .tile-flip-wrapper { perspective: 600px; transform-style: preserve-3d; } .tile-post.image .tile-flip, .tile-post.map .tile-flip, .portfolio-post .tile-flip { transform-style: preserve-3d; transition: transform 1s; max-width: 100%; } .iphone .tile-post.image .tile-flip-wrapper, .iphone .tile-post.map .tile-flip-wrapper, .iphone .portfolio-post .tile-flip-wrapper { -webkit-transform-style: flat; } .tile-post.image .tile-flip, .tile-post.map .tile-flip { position: absolute; height: 100%; width: 100%; /* tile large and medium */ } .tile-post.small .tile-flip { width: 100%; } .tile-post.large .tile-flip { height: 100%; } .tile-post.image .side, .tile-post.map .side, .portfolio-post .side{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .tile-post.image .front, .tile-post.map .front, .portfolio-post .front{ position: relative; z-index: 50; } .tile-post.image .back, .tile-post.map .back, .portfolio-post .back{ position: absolute; z-index: 10; transform: rotateY(180deg); } .tile-flipped { transform: rotateY(180deg); } .module-tile.tile-flipped { transform: none; } .tile-flipped .back { z-index: 999 !important; } /* Edit button*/ .tile-post .tile-overlay a.edit-button { display: inline; } /* hide turn on builder button in tile archive */ .loops-wrapper .themify_builder_turn_on { display: none; } /* Portfolio Flip Animation */ .portfolio-post { overflow: visible; /* for flip animation */ } /************************************************************************************ SLIDESHOW *************************************************************************************/ .slideshow { margin: 0; padding: 0; } .slideshow li { margin: 0; padding: 0; list-style: none; overflow: hidden; float: left; width: 100%; } .tile-post .slideshow-wrap { height: 0; visibility: hidden; } .single .slideshow li, .tile-post.gallery .slideshow li { position: relative; } .single .slider-image-caption, .tile-post .slider-image-caption { color: #fff; background-color: #333; background-color: rgba(0,0,0,0.6); position: absolute; padding: 5px 10px; bottom: 0; width: 100%; } /* slideshow nav wrap */ .carousel-wrap { min-height: 100%; max-height: 100%; height: 100%; } .caroufredsel_wrapper { min-height: 100%; } .tile-post .carousel-nav-wrap, .post .carousel-nav-wrap { width: 100%; padding: 0; margin: 0; } .post .carousel-prev, .post .carousel-next { position: absolute; width: 43px; height: 43px; display: block; text-indent: -999em; background-color: transparent; border: none; box-shadow: none; top: 50%; margin-top: -23px; } .tile-post .carousel-prev, .post .carousel-prev { background: url(/wp-content/themes/metro/images/arrow-left.png) no-repeat; position: absolute; top: 50%; left: 10px; margin-top: -39px; } .tile-post .carousel-next, .post .carousel-next { background: url(/wp-content/themes/metro/images/arrow-right.png) no-repeat; position: absolute; top: 50%; right: 10px; margin-top: -39px; } /* slideshow pager */ .tile-post .carousel-nav-wrap, .post .carousel-nav-wrap { background: none; width: 100%; padding: 0; margin: 0; } .tile-post .carousel-prev, .tile-post .carousel-next, .post .carousel-prev, .post .carousel-next { position: absolute; width: 43px !important; height: 43px !important; display: block; text-indent: -999em; background-color: transparent; border: none; box-shadow: none; top: 50%; margin-top: -29px; } .post .carousel-prev, .post .carousel-prev { background: url(/wp-content/themes/metro/images/arrow-left.png) no-repeat; position: absolute; top: 50%; left: 10px; margin-top: -29px; } .tile-post .carousel-next, .post .carousel-next { background: url(/wp-content/themes/metro/images/arrow-right.png) no-repeat; position: absolute; top: 50%; right: 10px; margin-top: -29px; } /* hide pager circles on tiles */ .tile-post .carousel-pager { display: none !important; } .post .carousel-pager { width: 100%; text-align: center; margin: 0 0 5px; padding: 0; clear: both; position: absolute; bottom: 0; height: 30px; } .post .carousel-pager li { margin: 0; padding: 0; display: inline-block; position: relative; } .post .carousel-pager a { text-indent: -900em; text-decoration: none; width: 11px; height: 11px; display: block; margin: 0 2px; cursor: pointer; background-color: #ccc; border: none; display: inline-block; vertical-align: middle; border-radius: 10em; } .post .carousel-pager .selected { background-color: #ebebeb; } /* post_slider styling inside tiles */ .tile-post .post-slider .carousel-prev, .tile-post .post-slider .carousel-next { position: static; background: none; margin-top: 5px; } #pagewrap .module-slider .carousel-nav-wrap .carousel-prev span, #pagewrap .module-slider .carousel-nav-wrap .carousel-next span { display: block; } /* remove carousel extra arrows from framework */ #pagewrap .module-slider .carousel-nav-wrap .carousel-prev:before, #pagewrap .module-slider .carousel-nav-wrap .carousel-next:before, #pagewrap .shortcode.post-slider .carousel-nav-wrap .carousel-prev:before, #pagewrap .shortcode.slider .carousel-nav-wrap .carousel-prev:before, #pagewrap .shortcode.post-slider .carousel-nav-wrap .carousel-next:before, #pagewrap .shortcode.slider .carousel-nav-wrap .carousel-next:before { display: none; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; font-size:.9em; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ CUSTOM POST TYPE SHORTCODE STYLES *************************************************************************************/ /* PORTFOLIO POST TYPE ================================================ */ .grid4.portfolio-wrapper, .grid3.portfolio-wrapper, .grid2.portfolio-wrapper { overflow: visible !important; clear: both; } .shortcode.portfolio .post { background-color: transparent; margin-bottom: 10px; } .shortcode.portfolio.full .post { margin-left: 0; width: 100%; } .shortcode.portfolio.loops-wrapper.grid3 .post { width: calc( 32.4% - 10px ); margin-left: 1.4%; margin-bottom: 10px; } .sidebar-none .shortcode.portfolio.loops-wrapper.grid3 .post { margin-left: 1%; } .sidebar-none .shortcode.portfolio.loops-wrapper.grid2 .post { margin-left: 1%; } .shortcode.portfolio .post-image { margin: 0; } .shortcode.portfolio .post-image img { vertical-align: bottom; width:100%; } .shortcode.portfolio .post-inner { padding: 15px 20px; } .shortcode.portfolio .post-title { font-weight: 700; margin: 0 0 5px; } /* cancel nth of type clear */ .shortcode.portfolio.loops-wrapper.grid4 .post:nth-of-type(4n+1), .shortcode.portfolio.loops-wrapper.grid3 .post:nth-of-type(3n+1), .shortcode.portfolio.loops-wrapper.grid2 .post:nth-of-type(2n+1), .shortcode.portfolio.loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) { margin-left: 0; clear: none; } /* portfolio single */ .single-portfolio .post { margin-bottom: 0; } .single-portfolio .post-inner { min-width: 120px; padding: 30px 3%; overflow: hidden; clear: none; } .portfolio-post .post-category-wrap { margin: 0 0 2px; font-size: .95em; } .portfolio.shortcode .post-meta { padding: 0; margin: 0 0 5px; line-height: 130%; } .portfolio.shortcode .post-category { background: none; padding: 0; } .portfolio-post .post-category a { text-transform: uppercase; color: rgba(255,255,255,.7); text-decoration: none; } .single-portfolio .post-image { float: left; margin: 0; max-width: 100%; padding: 0; position: relative; width: 662px; } /* single portfolio slideshow nav */ .single-portfolio .carousel-pager { text-align: left; position: absolute; top: 10px; left: 10px; } .single-portfolio .carousel-pager a { font-size: 1em; text-indent: 0; text-align: center; width: 26px; height: 24px; padding-top: 2px; background-color: #000; color: #FFF; border-radius: 0; box-shadow: none; } .single-portfolio .carousel-pager a:hover, .single-portfolio .carousel-pager .selected { background-color: #FFF; color: #000; } /* portfolio load more button */ .portfolio #load-more a { background-color: #f26522; color: #FFF; } /************************************************************************************ POST COLORS *************************************************************************************/ /* purple */ .post.purple, .tile-post.purple, .purple.tile-overlay, .portfolio-post.purple .tile-overlay { background-color: #932091; } /* magenta */ .post.magenta, .tile-post.magenta, .magenta.tile-overlay, .portfolio-post.magenta .tile-overlay { background-color: #ff3097; } /* teal */ .post.teal, .tile-post.teal, .teal.tile-overlay, .portfolio-post.teal .tile-overlay { background-color: #00aaa9; } /* lime */ .post.lime, .tile-post.lime, .lime.tile-overlay, .portfolio-post.lime .tile-overlay { background-color: #8abb25; } /* brown */ .post.brown, .tile-post.brown, .brown.tile-overlay, .portfolio-post.brown .tile-overlay { background-color: #a15100; } /* pink */ .post.pink, .tile-post.pink, .pink.tile-overlay, .portfolio-post.pink .tile-overlay { background-color: #e878b8; } /* orange */ .post.orange, .tile-post.orange, .orange.tile-overlay, .portfolio-post.orange .tile-overlay { background-color: #f29603; } /* blue */ .post.blue, .tile-post.blue, .blue.tile-overlay, .portfolio-post.blue .tile-overlay { background-color: #09a3e2; } /* red */ .post.red, .tile-post.red, .red.tile-overlay, .portfolio-post.red .tile-overlay { background-color: #e82900; } /* green */ .post.green, .tile-post.green, .green.tile-overlay, .portfolio-post.green .tile-overlay { background-color: #2c9633; } /* white */ .post.white, .tile-post.white, .white.tile-overlay, .portfolio-post.white .tile-overlay { background-color: #FFF; } /* black */ .post.black, .tile-post.black, .black.tile-overlay, .portfolio-post.black .tile-overlay { background-color: #000; } /************************************************************************************ POST FORMATS *************************************************************************************/ /* post icon */ .post-icon { background: url(/wp-content/themes/metro/images/icon-article.png) no-repeat center center; width: 26px; height: 20px; float: left; margin: 5px 10px 0 0; } .format-audio .post-icon { background-image: url(/wp-content/themes/metro/images/icon-audio.png); margin-top: 2px; } .format-audio .audio-player { margin: 8px 0 10px; overflow: hidden; } /* for flash fallback */ .format-gallery .post-icon { background-image: url(/wp-content/themes/metro/images/icon-gallery.png); } .format-link .post-icon { background-image: url(/wp-content/themes/metro/images/icon-link.png); } .format-quote .post-icon { background-image: url(/wp-content/themes/metro/images/icon-quote.png); } .format-status .post-icon { background-image: url(/wp-content/themes/metro/images/icon-status.png); } .format-aside .post-icon { background-image: url(/wp-content/themes/metro/images/icon-text.png); } .format-video .post-icon { background-image: url(/wp-content/themes/metro/images/icon-video.png); } .format-image .post-icon { background-image: url(/wp-content/themes/metro/images/icon-image.png); } .format-chat .post-icon { background-image: url(/wp-content/themes/metro/images/icon-chat.png); } /* quote */ .format-quote .quote-author { font-weight: 300; padding: 1em 0 0; clear: both; text-align: right; } /* quote and status containers */ .format-quote .post-inner, .format-status .post-inner { padding: 20px; } .format-quote .quote-content, .format-status .status-content { margin-left: 30px; } .format-quote .quote-content p, .format-status .status-content p { margin: 0; } /* WHITE STYLE ================================================ */ /* post icons */ .white .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-article.png); } .white.format-audio .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-audio.png); } .white.format-gallery .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-gallery.png); } .white.format-link .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-link.png); } .white.format-quote .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-quote.png); } .white.format-status .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-status.png); } .white.format-aside .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-text.png); } .white.format-video .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-video.png); } .white.format-image .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-image.png); } .white.format-chat .post-icon { background-image: url(/wp-content/themes/metro/images/dark-icons/icon-chat.png); } /* reset colors */ .post.white, .tile-post.white, .white.tile-overlay, .post.white .tile-overlay, .shortcode.portfolio.white .post{ color: #666; } .post.white a, .tile-post.white a, .white .post-title a, .white.tile-overlay a, .white .post-meta, .white .post-meta a, .white .post-date, .white .shortcode .post-date, .white .portfolio-post .post-category a, .tile.white .shortcode.twitter-list .twitter-timestamp a, .white .commentlist .comment-time { color: #000; color: rgba(0, 0, 0, .8); } .single-portfolio .carousel-pager a { color: #FFF; } /* form elements */ .white input[type="text"], .white input[type="password"], .white textarea, .white input[type="search"] { background-color: #000; color: #FFF; } .white input[type=text]:focus, .white input[type=password]:focus, .white textarea:focus, .white input[type=search]:focus { background-color: #222; } /************************************************************************************ PAGE NAVIGATION *************************************************************************************/ .pagenav { clear: both; padding: 20px 0; text-align: right; } .pagenav a, .pagenav span { font-size: .9em; font-weight: 300; color: #FFF; background-color: #000; padding: 2px; margin: 0 2px; vertical-align: middle; display: inline-block; min-width: 24px; min-height: 18px; text-align: center; } .pagenav a { text-decoration: none; } .pagenav a:hover, .pagenav .current { background-color: #FFF; color: #000; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 15px 0; } .author-box .author-avatar { float: left; margin: 0 15px 5px 0; } .author-box .author-name { margin: 0 0 5px; } /************************************************************************************ POST NAVIGATION (the tag) *************************************************************************************/ .post-pagination { text-align: right; margin: .5em 0 2em; } .post-pagination strong { margin-right: 3px; } .post-pagination a { margin-left: 3px; margin-right: 3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 40px 0; padding: 0; clear: both; } .post-nav .prev, .post-nav .next { width: 48%; position: relative; } .post-nav a { color: #fff; line-height: 1.2em; font-size: 1.2em; text-decoration: none; display: inline-block; vertical-align: middle; } .post-nav a:hover { text-decoration: none; } .post-nav .prev { float: left; } .post-nav .next { float: right; text-align: right; } .post-nav .arrow { width: 43px; height: 43px; display: inline-block; text-indent: 9000em; vertical-align: middle; margin-right: 5px; position: relative; border: 2px solid; border-radius: 100%; overflow: hidden; } .post-nav .next .arrow { margin-left: 5px; margin-right: 0; } .post-nav .arrow:before { content: '\e802'; display: block; text-indent:0; font-family:'themify_theme_icon'; font-size: 1.7em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .post-nav .next .arrow:before { content: '\e803'; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin: 0 0 20px; position: relative; clear: both; } /* comment title */ .comment-title, #reply-title { font-size: 1.6em; margin: 0 0 10px; padding: 0; } /* comment pagenav */ .commentwrap .pagenav { margin: 10px 0; border: none; box-shadow: none; } .commentwrap .pagenav.top { margin: 0; padding: 0; position: absolute; top: 0; right: 0; } /* commentlist */ .commentlist { margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd; } .commentlist li { margin: 0; padding: 15px 0 0; list-style: none; position: relative; } .commentlist .comment-author { margin: 2px 0 5px; padding: 0; } .commentlist .avatar { float: left; margin: 0 15px 0 0; } .commentlist cite { font-style: normal; font-size: 1.3em; } .commentlist cite a { text-decoration: none; } .commentlist .bypostauthor > .comment-author cite { background: url(/wp-content/themes/metro/images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px; } .commentlist .comment-time { font-size: .85em; font-variant: small-caps; color: #EEE; color: rgba(255, 255, 255, .8); } .commentlist .commententry { border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word; } .commentlist ul, .commentlist ol { margin: 0 0 0 8%; padding: 0; } /* reply link */ .commentlist .reply { position: absolute; right: 0; top: 8px; } .commentlist .comment-reply-link { font-size: .85em; text-transform: uppercase; text-decoration: none; } .commentlist .comment-reply-link:hover { text-decoration: none; } /* comment form */ #respond { margin: 0; padding: 10px 0 0; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 20px; right: 0; font-size: .85em; line-height: 1em; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background-color: #000; } #respond #cancel-comment-reply-link:hover { background-color: #222; } #commentform { margin: 15px 0 0; } #commentform label { font-size: 1.05em; font-variant: small-caps; } #commentform label small { font-variant: normal; } #commentform textarea { height: 140px; width: 100%; box-sizing: border-box; } #commentform .comment-form-author, #commentform .comment-form-email { width: 50%; float: left; box-sizing: border-box; clear: none; } #commentform p.comment-form-author { padding-right: 2%; } #commentform .comment-form-email { padding-left: 2%; } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { width: 100%; max-width: none; box-sizing: border-box; } #commentform input#submit { padding: 15px 30px; } /************************************************************************************ SIDEBAR *************************************************************************************/ .widget { background-color: #f26522; padding: 20px 15px; margin-bottom: 3%; } .widgettitle { font-size: 1.3em; line-height: 1em; margin: 0 0 20px; } .widgettitle a { text-decoration: none; } .widget ul { margin: 0; padding: 0; } .widget li { list-style: none; margin-bottom: 10px; } .widget li a { text-decoration: none; } .widget li a:hover { text-decoration: underline; } .widget li:last-child { margin-bottom: 0; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /* sidebar secondary */ #sidebar .secondary { width: 48.46%; float: left; } #sidebar .secondary.last { float: right; } #sidebar .secondary .widget { margin-bottom: 6.3%; } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* feature posts widget */ .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: -4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font-size: .9em; color: #EEE; color: rgba(255, 255, 255, .6); display: block; margin: 6px 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 7px 0 3px; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list .twitter-timestamp { font-size: .9em; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-top: 10px; } .widget .flickr_badge_image img { width: 50px; height: 50px; margin-right: 12px; margin-bottom: 12px; float: left; } /* flickr shortcode */ .shortcode .flickr_badge_image { width: 23.8%; margin: 0 1.5% 1.5% 0; float: left; } .shortcode .flickr_badge_image:nth-of-type(4n) { margin-right: 0; } .shortcode .flickr_badge_image img { margin: 0; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /* add white bg to facebook badge iframe */ iframe[src*="facebook"] { background-color: #fff; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /* Social Links Widget */ .widget .social-links { margin: 0 0 20px; padding: 0; line-height: 1em; } .widget .social-links li { margin: 0 5px 5px 0; padding: 0; list-style: none; border: none; display: inline-block; } .widget .social-links img { vertical-align: middle; } /* Text widget */ .widget .textwidget ul { margin: 0 0 1.4em 1.6em; } .widget .textwidget li { display: list-item; } .widget .textwidget ul li { list-style: disc; } .widget .textwidget ol li { list-style: decimal; } /************************************************************************************ LOAD MORE BUTTON *************************************************************************************/ #load-more { clear: both; margin: 50px 0; text-align: center; } #load-more a { font-size: 1.3em; font-weight: 300; color: #000; background-color: #fff; padding: 14px 28px; text-decoration: none; display: none; } #load-more a:hover { color: #fff; background-color: #333; } /************************************************************************************ FOOTER *************************************************************************************/ #footer { padding-bottom: 50px; font-size: .85em; font-weight: 300; } #footer, #footer a { color: #EEE; color: rgba(255, 255, 255, .7); } /* footer grid */ #footer .col4-1, #footer .col4-2, #footer .col3-1 { margin-left: 1%; float: left; } #footer .col4-1 { width: 24.25%; } #footer .col4-2 { width: 49.45%; margin-left: 1.1%; } #footer .col3-1 { width: 32.66%; } #footer .col4-1.first, #footer .col4-2.first, #footer .col3-1.first { margin-left: 0; clear: left; } /* footer navigation */ #footer-nav { margin: 20px 0; } #footer-nav a { text-decoration: none; } #footer-nav a:hover { text-decoration: underline; } #footer-nav li { margin-right: 10px; list-style: none; display: inline-block; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; } .alignleft { float: left; margin-right: 30px; } .alignright { float: right; margin-left: 30px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text { font-size: 95%; line-height: 120%; margin: 6px 0; } /************************************************************************************ ATTACHMENT SINGLE VIEW *************************************************************************************/ .attachment.single-attachment, .single-attachment .attachment { float: none; margin: 0; text-align: left; } /************************************************************************************ GALLERY *************************************************************************************/ .gallery { margin: 0 0 20px 0; } /* gallery item */ .gallery .gallery-item { margin: 0 8px 8px 0; vertical-align: top; width: auto; float: left; text-align: center; } /* gallery image */ .gallery img { border: none; vertical-align: middle; height: auto; } #content .loops-wrapper.grid4 .gallery img, #content .loops-wrapper.grid3 .gallery img, #content .loops-wrapper.grid2 .gallery img { max-width: 60px; } /* gallery caption */ .gallery .gallery-caption { line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; } /* default lightbox text color */ .pp_details { color: #666; } /* GALLERY COLUMN ================================================ */ /* gallery column 1 (display all in one line) */ .gallery-columns-1 .gallery-item { width: auto; } .gallery-columns-1 br { display: none !important; } /* gallery column 2 */ .gallery-columns-2 .gallery-item { width: 49.2%; } /* gallery column 3 */ .gallery-columns-3 .gallery-item { width: 32.3%; } /* gallery column 4 */ .gallery-columns-4 .gallery-item { width: 23.8%; } /* gallery column 5 */ .gallery-columns-5 .gallery-item { width: 18.8%; } /* gallery column 6 */ .gallery-columns-6 .gallery-item { width: 15.4%; } /* gallery column 7 */ .gallery-columns-7 .gallery-item { width: 13%; } /* gallery column 8 */ .gallery-columns-8 .gallery-item { width: 11.18%; } /* gallery column 9 */ .gallery-columns-9 .gallery-item { width: 9.77%; } /* set gallery item margin-right */ .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { margin: 0 1.5% 1.5% 0; } /* clear gallery item margin-right */ .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-2 .gallery-item:nth-of-type(2n) { margin-right: 0; } /* clear left gallery item different sizes */ .gallery-columns-9 .gallery-item:nth-of-type(9n + 1), .gallery-columns-8 .gallery-item:nth-of-type(8n + 1), .gallery-columns-7 .gallery-item:nth-of-type(7n + 1), .gallery-columns-6 .gallery-item:nth-of-type(6n + 1), .gallery-columns-5 .gallery-item:nth-of-type(5n + 1), .gallery-columns-4 .gallery-item:nth-of-type(4n + 1), .gallery-columns-3 .gallery-item:nth-of-type(3n + 1), .gallery-columns-2 .gallery-item:nth-of-type(2n + 1) { clear: left; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block; } /* clearfix for ie7 */ .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; } #pagewrap a.tile-flip-button { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid transparent; border-bottom: 20px solid #ec0038; border-right: 20px solid #ec0038; color: #fff; font-size: 12px; padding: 0; } #pagewrap a.tile-flip-button:before, #pagewrap a.tile-flip-button:after { content: ''; display: inline-block; } #pagewrap a.tile-flip-button:before { border-top: 0px; border-right: 1px solid; border-bottom: 1px solid; border-left: 0px; height: 1em; width: 1em; border-bottom-right-radius: 7px; position: absolute; left: -3px; } #pagewrap a.tile-flip-button:after { border: 1px solid transparent; border-top: 1px solid; border-right: 1px solid; position: absolute; top: 6px; left: 2px; width: 9px; height: 9px; transform: rotateZ(-45deg); transform-origin: 0 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .no-touch #pagewrap a.tile-flip-button { display: none !important; } /* +++++++ KOBV-Specials ++++++++++ */ body { background-color: #fff; color: #000; font-family: 'Open Sans', sans-serif; } /* ++++++++++ Header ++++++++++ */ #header {height:50px !important; padding-right: 0 !important;} /* Logo */ #site-logo {width: 17.5% !important; /* position: relative; z-index: 9999 !important; */ float:left; } #site-description { padding: 3px 0px 15px 10px; width: 240px; font-size: 102%; line-height: 1.45em; font-weight: 400; float:left; } /* Hauptnavigation */ #main-nav { position: absolute; top: 50px; right: 0px; } #main-nav a {color: #002b63 !important; background-color: #fff !important; font-weight: normal; font-size: 104% !important;} #main-nav li a {color: #002b63 !important; background-color: #fff !important; font-weight: bold; font-size: 104% !important;} #main-nav li.current-menu-item a { background-color: #007096 !important; color: #fff !important; } #main-nav li.current-menu-item .sub-menu a { color: #007096 !important; background-color: #fff !important; } #main-nav li.current-menu-item .sub-menu a:hover {font-weight: normal !important; color: #fff !important; background-color: #006f98 !important;} #main-nav .sub-menu a {font-weight: normal !important; color: #007096; border-bottom: 1px solid #00a6d9; padding: 10px 15px 10px 15px;background-color: #fff !important; } #main-nav .sub-menu a:hover {font-weight: normal !important; color: #fff !important; background-color: #006f98 !important;} #main-nav ul li a {background-color: #f2f2f2 !important; border-bottom: 1px solid #243a60;} #main-nav ul li a:hover {background-color: #ccc !important; } /*Pfeile bei Links mit dritter Ebene */ .sub-menu .menu-item-has-children a {display: block;} .sub-menu .menu-item-has-children a:after { content: ' \25b6'; font-size: 80%; float: right; } .sub-menu .menu-item-has-children li a:after { content: ''; } /* Pfeile bei Links mit vierter Ebene */ .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children a {display: block;} .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children a:after { content: ' \25b6'; font-size: 80%; float: right; } .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children li a:after { content: ''; } @media all and (max-width: 1030px) { #site-logo { width: 16% !important; /* position: relative; z-index: 9999 !important;float: none !important; */ } #site-description { font-size: 95%; } #main-nav { float: none !important; width: 100% !important; margin-top: 70px !important;} #header {height: 140px !important;} } @media all and (max-width: 915px) { #main-nav { display: none !important; } #header {height: 50px !important;} } @media all and (max-width: 500px) { #site-logo { width:35% !important; /* position: relative; z-index: 9999 !important; float: none !important; */ } #header {height: 100px !important;} #site-description { font-size: 90%; } } /* +++++++++ Mobile Navigation ++++++++ */ .slicknav-flex {justify-content: left !important; margin-left: -5px !important; } @media all and (max-width: 500px) { .slicknav_btn {padding-top: 0 !important; margin-top: 0 !important;} } .mobil-nav {margin-left: 2.75% !important; margin-right: 2.75% !important; margin-top: 2em !important; } .mobil-nav a:hover {text-decoration: none !important; color: #fff !important;} /* +++++ Breadcrumb +++++ */ .kobv-breadcrumbs { clear: both !important; padding-bottom: 20px; font-size: 0.8em; color: #777777; } .kobv-breadcrumbs a { background: none; text-decoration: none; color: #777777; } /* ++++++++++ Content +++++++++ */ #body {padding: 20px 0 25px 0 !important;} .home #body {padding: 54px 0 25px 0 !important;} /* Headline */ h1 {line-height: 30px; font-weight: 400 !important;} h1.post-title a { color: #000; } h4 {line-height: 1.5em !important;} /* Absaetze */ #content p { line-height: 2em; } /* Links */ .post-content a { text-decoration: underline; outline: none; color: #26517D !important; /* font-weight: bold !important; */ } #content p a, .page-content a { color: #26517D !important; font-weight: bold; text-decoration: none; } #content p a:hover, .page-content a:hover {text-decoration: underline;} /*#content li a, .page-content a { color: #26517D !important; font-weight: bold; text-decoration: none; } */ #content li a:hover, .page-content a:hover {text-decoration: underline;} a.post-edit-link {color: #26517D !important;} /* ++++++++++ Posts ++++++++++ */ .post-date, .shortcode .post-date { color: #000 !important; } .post-meta a { color: #000 !important; font-weight: normal !important; } /* +++++ List View +++++ */ /* Headlines */ .list-posts h2.post-title.entry-title a {font-weight: 400; line-height: 1.25em; color: #000 !important;} .list-posts h2.post-title.entry-title a:hover {text-decoration: underline;} /* +++++ Single View +++++ */ .post { background-color: #fff !important; } .post-icon { background: url(/wp-content/themes/metro/images/dark-icons/icon-article.png) no-repeat center center; background-color: rgba(0, 0, 0, 0); background-color: #fff !important; width: 26px; height: 20px; float: left; margin: 5px 10px 0px 0; } /* Post Navigation */ .post-nav a { color: #000 !important; } /* Tab-Navigation */ .module-tab a { color: #000 !important; font-weight: normal !important; text-decoration: underline;} .module-tab a:hover { color: #26517D !important; } .tab-nav a {text-decoration: none !important;} /* Accordion-Navigation */ .accordion-title a {font-weight: bold !important; color: #fff !important;} .accordion-title a:hover {text-decoration: underline !important;} .accordion-content p a {font-weight: bold !important; text-decoration: none !important;} .accordion-content p a:hover {text-decoration: underline !important;} /* +++++ Footer +++++ */ #footer { padding-top: 10px; border-top: 2px solid #f3f3f3; color: #999; font-size: 12px !important; } #footer .widget { background: #fff; padding: 0 !important; margin-bottom: 0 !important; color: #000 !important; } #footer .widget a { color: #000 !important; } #footer .menu-horizontal-menu-container {float: right !important;} #footer .footer-item { float: left; margin-right: 25px; margin-right: 35px; } #footer .footer-item.twitter img {float:left !important; padding-top: 2px; } /* ++++++++++ Themify-Module ++++++++++ */ /* +++++ Modul-Boxen: Bloecke mit farbigem hintergrund und Seitentitel +++++ */ @media all and (max-width: 500px) { .module-box-content {padding: 0 1.5em 0 1.5em !important;} .module-box-content h1 {font-size: 120% !important; padding-top: 0.6em !important; line-height: 1.25em !important; } } /* ++++++++++++++++ KOBV +++++++++++ */ /* Headlines */ .module-box .module-box-content h1 {padding-top: 20px !important; color: #fff !important;} /* Box mit gruengelbem Hintergrund */ .module-box.gelbgruen .module-box-content h1 {color: #26517d !important;} /* Boxfarben */ .kobv-1 .module-box-content, .dunkelblau .module-box-content {background-color: #26517d !important; color: #fff !important;} /* dunkelblau */ .kobv-2 .module-box-content, .dunkelgrau .module-box-content {background-color: #777777 !important; color: #fff !important;} /* dunkelgrau */ .kobv-4 .module-box-content, .gelbgruen .module-box-content {background-color: #e6e6b9 !important; color: #26517d !important;} /* gelbgruen */ .kobv-6 .module-box-content, .mittelblau .module-box-content{background-color: #019dbe !important; color: #fff !important;} /* mittelblau */ .kobv-9 .module-box-content, .rot .module-box-content {background-color: #ff4f64 !important; color: #fff !important;} /* hellrot */ /* +++++ Accordion +++++ */ .kobv-1 .accordion-title, .dunkelblau .accordion-title {background-color: #26517d !important;} /* dunkelblau */ .kobv-1 .accordion-title a, .dunkelblau .accordion-title a { color: #fff !important;} .kobv-2 .accordion-title, .dunkelgrau .accordion-title {background-color: #777777 !important;} /* dunkelgrau */ .kobv-2 .accordion-title a, .dunkelgrau .accordion-title a { color: #fff !important;} .kobv-4 .accordion-title, .gelbgruen .accordion-title {background-color: #e6e6b9 !important;} /* gelbgruen */ .kobv-4 .accordion-title a, .gelbgruen .accordion-title a { color: #26517d !important;} .kobv-6 .accordion-title, .mittelblau .accordion-title {background-color: #019dbe !important;} /* tuerkis */ .kobv-6 .accordion-title a, .mittelblau .accordion-title a { color: #fff !important;} .kobv-9 .accordion-title, .rot .accordion-title {background-color:#ff4f64 !important;} /* hellrot */ .kobv-9 .accordion-title , .rot .accordion-title a { color: #fff !important;} .accordion-content a {text-decoration: underline !important; font-weight: normal !important; color: #000 !important;} .accordion-content a:hover {color: #26517d !important;} /* Divider */ .module-divider { margin-bottom: 25px !important; margin-top: 10px !important; } /* ++++++++++ Tiles ++++++++++ */ /* +++++ Basics +++++ */ /* Scrollbalken verhindern */ .tile-post { overflow-y: hidden; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */ } .tile.default { background-color: transparent !important; } .tile figure img { margin-bottom: 0 !important; padding-bottom: 0 !important;} /* Hintergrundfarben */ .tile.kobv-1, .kobv-1.tile-overlay, .portfolio-post.kobv-1 .tile-overlay { background-color: #26517d; } .tile.kobv-9, .kobv-9.tile-overlay, .portfolio-post.kobv-9 .tile-overlay { background-color: #ff4f64;} .tile.kobv-6, .kobv-6.tile-overlay, .portfolio-post.kobv-6 .tile-overlay { background-color: #019dbe; } .tile.kobv-2, .kobv-2.tile-overlay, .portfolio-post.kobv-2 .tile-overlay { background-color: #777777; } /* Titel */ .button-title { position: absolute; display: block !important; bottom: 0px; left: 0 !important; line-height: 1.3em; font-size: 1.3em; font-weight: bold; font-weight: 400; padding-right: 5px; padding-top: 15px; width: 100%; text-align: center !important; padding-bottom: 10px; color: #fff; } /* Tiles mit transparenten Flaechen und Titel */ .tile.button.default .button-title { position: absolute; bottom: 10px; bottom: 0px; left: 0; line-height: 1.3em; font-size: 1.3em; font-weight: bold; font-weight: 400; padding-right: 5px; background-color: rgba(255, 255, 255, 0.8); padding-top: 15px; width: 100%; text-align: center; padding-bottom: 18px; padding-bottom: 15px; color: #26517D; } /* Klappbare Tiles: Rueckseiten */ .tile-overlay.back .tile-inner p {font-weight: normal !important; line-height: 1.5em !important;} .tile-overlay.default.back.side.default {background-color: #fff !important; } .tile-overlay.kobv-4.back.side.kobv-4 { background-color: #e6e6b9 !important; } .kobv-4.tile-overlay, .portfolio-post.kobv-4 .tile-overlay { background-color: #e6e6b9; } /* smale Tile */ body .tile.small { width: calc(16.66666% - 10px); padding-bottom: calc(16.66666% - 10px); } .tile-post.small { width: 190px !important; padding-bottom: 190px !important; } /* medium Tile */ body.home .tile.medium { width: calc(33.33333% - 10px); padding-bottom: calc(16.66666% - 10px); padding-bottom: calc(33.33333% - 10px); } .home .tile-post.medium { width: 388px !important; min-height: 90px !important; } /* large Tile */ body .tile.large { width: calc(33.33333% - 10px); padding-bottom: calc(33.33333% - 10px); } .tile-post.large { width: 790px !important; padding-bottom: 400px !important; } /* ++++++++++ Tiles Home +++++++++ */ /* Tile Suchmaske */ .home #tile-6350 {background: url(/wp-content/uploads/2015/03/Projekt-K2_dunkler.png) no-repeat 0 0 !important;} .home #tile-6350 {background: url(/wp-content/uploads/2015/03/Projekt-K2_dunkler.png) no-repeat 0 0 !important;} .home #tile-6350 {background: url(/wp-content/themes/metro-child/images/Projekt-K2_dunkler.jpg) no-repeat 0 0 !important;} .home #tile-6350 h1 { color: #fff !important; margin-left: 10%; width: 70%; color: #fff; font-size: 30px; line-height: 40px; margin-top: 10%; } .home #tile-6350 .kobv_input_text { height: 30px; width: 68%; margin-left: 10%; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; float: left; } .home #tile-6350 .kobv_input_submit { height: 42px; width: 7%; background-color: #26517d; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 6px; float: left; background: #26517d url(/wp-content/themes/metro-child/images/maglass.png) no-repeat center center; text-indent: -9999px; } /* Tile Aktuelles */ .home #tile-2151 {background-color: #b2e1eb !important; border-bottom: 1px solid #b2e1eb;} .home #tile-2151 .tile-inner { font-size: 12px; font-size: 100% !important;} /* Tile KOBV */ .home #tile-2152 {border: 1px solid #efefef !important; } .home #tile-2152 .tile-inner p { font-size: 12px; font-size: 130% !important; line-height: 1.5em !important;} /* Tile Deep Green */ .home #tile-2146 {margin-bottom: 50px !important; background-color: transparent !important;} /* Tile Ewig */ .home #tile-3824.kobv-6 {background-color: transparent !important; margin-top: 10px !important;} /* Tile digiS */ .home #tile-4003.digis-2 {background-color: transparent !important; margin-top: -6px !important; height: 12px;} /* Tile FAK */ .home #tile-4274.kobv-1 {background-color: transparent !important; margin-top: -6px !important; height: 10px;} @media all and (max-width: 1010px) { .home #tile-3824.kobv-6 { margin-top: 3px !important;} /* Tile Suchen und Finden */ .home #tile-5847 { width: 99% !important; float: none !important;} /* Tile Aktuelles */ .home #tile-2151 { width: 99% !important; float: none !important;} /* Tile KOBV */ .home #tile-2152 {width: 98.8% !important; float: none !important; } /* Tile Ewig */ .home #tile-3824.kobv-6 {background-color: transparent !important; margin-top: 0px !important;} /* Tile Deep Green */ .home #tile-2146 {margin-bottom: 10px !important;} #footer .menu-horizontal-menu-container { float: left !important; width: 99% !important;} #footer #text-2 { float: left !important; width: 99% !important;} } @media all and (max-width: 900px) { .home #tile-2151 {height: 140px !important; padding-bottom: 300px !important;} } @media all and (max-width: 767px) { /* large Tile */ body .tile.large { width: calc(33.33333% - 10px); padding-bottom: calc(33.33333% - 10px); } .tile-post.large { max-width: 99% !important; height: auto !important; padding-bottom: 450px !important; } .tile-post.large img { max-width: 100% !important; height: auto !important; } .home #tile-5847 h1 { font-size: 25px !important; line-height: 32px !important; margin-top: 10%; } .home #tile-5847 .kobv_input_submit { height: 42px; width: 12%; } .home #tile-2152 {height: 140px !important; padding-bottom: 200px !important;} } @media all and (max-width: 530px) { .home #tile-2152 {height: 200px !important; padding-bottom: 200px !important;} } @media all and (max-width: 420px) { #body {padding-top: 26px !important; } .home #body {padding: 24px 0 25px 0 !important;} .home #tile-2152 {height: 250px !important; padding-bottom: 250px !important;} } /* Headlines in den Suchergebissen */ .search-results h2.post-title a {color: #000 !important;} /* Autorenname ausblenden */ .post-author {display: none !important;} /* Mindesthöhe der Headlineboxen wegen JavaScript-Fehler */ .module-box-content {min-height: 115px !important; padding: 1px 25px 7px 25px; } /* rboehmer: adding print styles, see https://tickets.zib.de/jira/browse/PROEFFARB-168 */ @media print { body { background: white; color: black; margin: 0; } .slicknav_menu { display: none; } .kobv-breadcrumbs { display: none; } #header { height: auto; } #header nav, #header div.social-wrap { display: none; height: 0px; } #header #site-logo a, #header #site-description { color: #000; } #content { display: block; } #comments { display: none; } #sidebar { display: none; } #footer { display: none; } .themify_builder:not(.themify_builder_admin) div.module_column, .row_inner, .subrow_inner { overflow: visible; display: block; } } /*/wp-content/uploads/themify-customizer-7.9.4-7.5.8.css*/ /* Themify Customize Styling */ body { background-color: transparent;background-image: none; } #site-description { color: #706c6c; } /* START MOBILE MENU CSS */ @media screen and (max-width:900px){ /*/wp-content/themes/metro/mobile-menu.css*/ #main-nav,.social-widget{clear:both;float:none;position:static}#header{height:auto;padding-top:10px}#site-logo a{font-size:30px}#searchform-wrap{bottom:8px;right:0}#menu-icon{background-color:#fff;border-bottom:2px solid;color:#333;cursor:pointer;display:block;height:10px;outline:8px solid #fff;padding:2px 4px;text-decoration:none;width:12px;z-index:9999}#menu-icon:after,#menu-icon:before{border-top:2px solid;content:"";display:block;left:0;position:absolute;transition:all .3s ease;transition-property:transform;width:100%}#menu-icon:before{top:0}#menu-icon:after{top:50%;transform:translateY(-50%)}#main-nav-wrap{position:absolute;right:8px;top:20px}#main-nav{background-color:#fff;clear:both;display:none;height:auto;inset:25px -8px auto auto;margin:0;max-height:70vh;overflow:auto;padding:5px 0;position:absolute;width:220px;z-index:1000;-webkit-overflow-scrolling:touch;box-shadow:0 1px 12px rgba(0,0,0,.2)}#main-nav li{background:0;border:0;clear:both;display:block;float:none;margin:0;padding:0}#main-nav a,#main-nav ul a{display:block;margin:0;padding:7px 15px;width:auto}#main-nav .current-menu-item ul a,#main-nav .current_page_item ul a,#main-nav ul .current-menu-item a,#main-nav ul .current_page_item a{width:auto}#main-nav .current-menu-item ul a:hover,#main-nav .current_page_item ul a:hover,#main-nav a:hover,#main-nav ul .current-menu-item a:hover,#main-nav ul .current_page_item a:hover,#main-nav ul a:hover{background:rgba(0,0,0,.05);color:#000}#main-nav ul{background:0;display:block;margin:0;padding:0;position:static}#main-nav ul li{background:0}#main-nav ul a{padding-left:30px} } /* END MOBILE MENU CSS */