/* Theme Name: Patzschke Architektur Theme 2024 Theme URI: https://lieberungewoehnlich.de Description: Basic Blogging theme, based on Foundation 6. 2Version: 1.3.0 Author: Clemens Nübel Author URI: https://lieberungewoehnlich.de/ */ /*---------------- GLOBAL --------------- */ /* see Foundation CSS */ html,body {overflow-x:hidden;} h1,h2,h3 {line-height: 1.1} a.fancy-box {display: block; position: relative;} .eb-garamond {font-family: 'EB Garamond';} h1,h2,h3,h4,h5,h6,.source-sans-3{font-family: 'Source Sans 3';} .clear { clear:both; } .divider { width: 100%; height: 0px; border-top: 1px solid #e3e3e3; } /* Gallery */ .gallery dl { margin-left: 0.5625rem; margin-right: 0.5625rem; } .gallery dt, .gallery dl { display: inline-block; } #curtain.grid-y {min-height: 100vh} p a,article .address a {text-decoration: underline;color: #2c2c2c;} p {font-size: 18px;} a.read-more {font-size: 1.25rem; font-weight: 600;} a.read-more:hover {text-decoration: underline; color: #2c2c2c;text-decoration-color: #cf0006;} /* Gutenberg overrides */ body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 80.625rem; margin-left: auto; margin-right: auto;} .wp-block-image.vcenter {margin: auto 0;} header a h2 {color: #333} img.alignright {float: right; margin:0 0 .5rem 1rem;} img.alignleft {float: left;margin:0 1rem .5rem 0;} img.aligncenter {margin: 0.5rem auto;} /*---------------- DEV --------------- */ /*---------------- HEADER --------------- */ header .sticky {z-index:6;} .sticky-wrapper.grid-container.full {position: absolute; top: 0; left: 0; width: 100%;} header .sticky.is-stuck {background-color: #fff;box-shadow: 0px 2px 45px 0px rgba(0,0,0,0.15); z-index: 15;} header .sticky.is-stuck .wpml-nav {display: none;} .site-header { background-color:transparent; margin: 0 0 25px; } #site-logo,#offCanvasMenu .site-logo a { max-width: 380px; width: 380px; height: 115px; transition: all .5s; display:block; background-color: transparent;padding: 0; padding: 0; overflow: hidden; } .is-stuck #site-logo,#offCanvasMenu.is-stuck .site-logo a {margin-top: -3rem; max-width: 310px; width: 310px; padding: 0.75rem 0; background-color: transparent;height: 56px; overflow: hidden;position: relative; z-index: 50;} header .sticky.is-stuck #main-menu {padding-top: 1rem;} header .site-logo {padding-top: 30px;} header .is-stuck .site-logo {padding-top: 0;} /*---------------- NAVIGATION--------------- */ /* Main Naviagtion */ header .sticky {background-color: transparent; transition: all 0.9s ease;} #main-menu { background-color: transparent; position: relative;} #main-menu .dropdown li { padding: 0 1rem; } #main-menu .dropdown li a,#offCanvasMenu .menu > li a { width: auto; display: inline-block; text-transform: uppercase; font-size: 1.375rem; font-weight: 400; color: #333; line-height: 1.36; border-bottom: 2px solid transparent;background-color: transparent;padding: 0; position: relative; z-index: 5;} main-menu .dropdown li a:hover,#main-menu .dropdown li.active > a,#offCanvasMenu .menu > li.active > a,#offCanvasMenu .menu > li.active > a:focus {border-color: #cf0006;} #main-menu .menu.horizontal {width:100%;} #main-menu .dropdown:not(.submenu) li {width: auto; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } /*auto*/ #main-menu .submenu { padding-top: .5rem;padding-bottom: .5rem; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; border: none;} #main-menu .submenu:before {display: inline-block; width: 100%; height: 2rem; content: ''; z-index: -1; top: -2rem; position: absolute; background-color: #FFF;} #main-menu .dropdown.menu > li.opens-right > .is-dropdown-submenu {padding-top: 2rem;} #main-menu .dropdown li.is-dropdown-submenu-item {padding-left: 1rem;} #main-menu .dropdown li.is-dropdown-submenu-item a {text-transform: unset;} #main-menu .dropdown li a:hover {border-color: #cf0006;} #main-menu .dropdown:not(.submenu) > li:first-child, #main-menu .dropdown:not(.submenu) > li:last-child{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } /*shrink*/ #main-menu .dropdown:not(.submenu) > li:nth-child(3) {text-align: right;} #main-menu .menu-search {position: relative; z-index: 1;padding-left: 2rem;} #main-menu .menu-search svg { height: 2rem; color: #2c2c2c; } #cookie-notice,.dropdown.menu .submenu { -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.33); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.33); background-color: #fff; list-style: none; margin: 0;} #offCanvasMenu {position: fixed; overflow: hidden; width: 100%; height: 100%; top: 0; left:0; background-color: #FFF; z-index: 100;} #offCanvasMenu .menu-wrapper {margin-top: 5rem;} #offCanvasMenu .site-logo a { color: #c6a7c4; background-color: transparent;} #offCanvasMenu .nav-items {padding:0;margin: 0;} #offCanvasMenu .menu > li a {margin: .25rem 0;} #offCanvasMenu .menu > li.active a {} #offCanvasMenu .main .menu > li > a { margin: 0; font-size: 3.375rem; color: #333;font-weight: 500;} #offCanvasMenu .footer-utility-nav ul li a {padding-left: 0; color: #1a1919;} .main-nav .dropdown .is-dropdown-submenu a {padding: 1.25rem 1.25rem 0 1.25rem; margin:0; font-size: 1.125rem;} .main-nav .dropdown .is-dropdown-submenu li:last-child a {padding-bottom: 1.25rem;} .main-nav .submenu > li.active > a {background-color: transparent; color: #5b5b5b;} .main-nav .is-dropdown-submenu {border:none;} #main-menu .dropdown .menu-item-buero .submenu li > a,.main-nav .menu-item-buero .submenu li.active > a {border-color: transparent;} /* Main Mobile Naviagtion Responsive */ .submenu-toggle { position: absolute; top: 50%; left: 100%; width: 1rem; height: 1rem; cursor: pointer; transform: translate(50%,-50%); } /* WPML Naviagtion */ .wpml-ls-legacy-list-horizontal a {color: #2c2c2c; padding: 0 0 0 0; font-size: 1rem;} .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { font-weight:bold; } .wpml-ls-legacy-list-horizontal .wpml-ls-first-item a {padding-right: 0.35rem;} .wpml-ls li:not(:first-child) a::before {content: "|"; padding-right: .175rem;} /* Footer Utility Naviagtion */ .site-info {color: #333;} .footer-utility-nav ul li a {color:#333; line-height: 2rem; text-transform: uppercase;padding: 0 1rem;} /*---------------- FOOTER --------------- */ footer:not(.entry-footer) {background-color: #696969;color:#fff;} #footer-logo {border-right: solid 1px #979797;} .site-footer { padding: 6em 0 1.8em 0; margin-top: 4rem;} .footer-widget-area h5 { color: #1a1919 ;font-weight: 600; line-height: 2.22} footer .footer-widget-area .socialmedia-list {padding-top: 2rem;} .footer-utility-nav {padding-top: 2rem;} footer .panel.widget.widget_block {text-align: center;} .footer-widget-area /*---------------- WIDGET AREAS--------------- */ /* Sidebar Widget Area */ #sidebar .panel { font-size: 1rem; background: #f3f3f3; border: none; margin: 0 0 40px 0; min-height: 0; padding: 1.2rem; } #sidebar h4 { font-weight: 600; color: #0a0a0a; margin: 0; } #sidebar .textwidget, #sidebar p { padding: 10px 0; } #sidebar a { } #sidebar li a:hover { color: #999; } #sidebar ul { list-style: none; margin: 0; padding: 0; } #sidebar ul li { border-bottom: 1px solid #e3e3e3; padding: 10px 0 10px 0; } /* Footer Widget Area */ .footer-widget-area .menu li a {color:#FFF; font-weight: 600;background: transparent;} svg.footer-logo { width:260px; display: block; margin-bottom: 2rem; color: #FFF;} .footer-widget-area .widget_nav_menu {margin-top: 1.5rem;} .footer-widget-area .panel h4 {font-size: 1.125rem; font-weight: 600;} .footer-widget-area ul { padding: 0; list-style: none; margin:0; } .footer-widget-area ul.footer-menu li {padding: 0;width: 100%;} .footer-widget-area .footer-menu > li.active > a,.footer-widget-area .footer-menu > li.current-menu-ancestor > a {color:#FFF;background-color: transparent; border:none;} .footer-widget-area .social-media {padding: 0;} .footer-widget-area .social-media li {padding: 0 0 0 1rem; margin:0; display: block; float: right;} .footer-widget-area .social-media li a {width: 34px; height: 34px;display: block;text-transform: uppercase;} .footer-widget-area .social-media li .fb {background: url('img/svg/Icon_facebook.svg') no-repeat 0 0 transparent; } .footer-widget-area .social-media li .xi {background: url('img/svg/Icon_xing.svg') no-repeat 0 0 transparent; } .footer-widget-area .social-media li .ig {background: url('img/svg/Icon_instagram.svg') no-repeat 0 0 transparent; } .footer-widget-area .social-media li .li {background: url('img/svg/Icon_linkedin.svg') no-repeat 0 0 transparent; } .site-footer .widget_text p {font-size: 1rem;} .footer-widget-area .widget_text a {color: #FFF} .socialmedia-list {list-style: none; margin: 0} .site-footer .socialmedia-list li {width: auto; float: left;} .site-footer .socialmedia-list svg {height: 32px;width: 32px;margin: 0 .5rem;} .site-footer .socialmedia-list li a {color: #FFF} /*---------------- CONTENT--------------- */ #content, .single article {background-color: transparent; position: relative; z-index: 10;} .entry-content p ,.entry-content ul li {font-size: 1.125rem;} /* LIST STYLING */ article ul { list-style: none; } article ol { list-style-type: decimal; } .entry-content ul:not(.facts) li:before {margin-top: 0.45rem;} ul.facts li div.cell:first-child {font-weight: 500;} /* ARTICLE STREAM */ .featured-media { height: 145px; margin: 0 15px 10px 0; overflow: hidden; width: 245px; } .first-post .featured-media img { min-width: 500px; } /* SINGLE POST */ .single article p {line-height: 1.5; margin-bottom: 2rem;} .single .category-content, .single .category-content img { height: 150px; } .single .category-content p { color: #fff; } .single .featured-media img { min-width: 500px; } .single .entry-content { margin-bottom: 25px; } .single .entry-content img { max-width: 100%; } .single .post header, .page:not(.page-template-templatespage-sketches-tpl-php) header { margin-bottom: 1rem; } .post-nav a {background-color: #fff; padding: .5rem .625rem; line-height: 0; margin:0 .3rem;} .post-nav a:hover,.post-nav a:focus {background-color: #5b5b5b;} .post-nav a:hover svg,.post-nav a:focus svg {color: #fff;} .post-nav a svg {width: 18px;height: 18px; color: #5b5b5b;} .single header p {font-size: 1.375rem; line-height: 2; max-width: 80%;} .single header img { max-width: 80%; margin: 0 auto 3rem auto; display: block;} .post-meta { color: #2c2c2c;padding-bottom: 2rem; } .post-meta .author { padding-right: 30px; } .post-meta .post-date {margin-right: 1rem;} .post-meta span.by-author {margin-left: 1rem;} .post-meta { font-size: 1rem; line-height: 1.8; } .single .entry-content p.img-caption {margin-top: .5rem; font-size: 1rem; color: #5b5b5b;} .project-meta {font-size: 1.125rem;} .project-meta .underline {margin-left: 0;} .project-meta h5 { margin: 0; text-transform: uppercase; font-weight: 500; font-family: 'Source Sans 3'; font-size: 1.125rem;} .project-meta > div:has(h4),.project-meta > div:has(h5) {margin-bottom: .5rem;} .project-meta {padding:1rem; margin-bottom: 2rem; background-color: #FFF;} .project-meta.fb-gallery {padding:0 1rem 2rem 1rem;} .single .entry-content .project-meta img {max-width: 120px; margin-right: 1rem; margin-bottom: 1rem;} article .entry-content .intro-text {font-size: 1.375rem;line-height: 1.6} .project-meta a img {margin-top: 2rem;width:100%;} .single .post-nav {margin-bottom: 1rem;} .single-portfolio .entry-content {max-width: 760px;} .single article header {padding-bottom: 2rem;} .post-nav a { background-color: #fff; padding: .5rem .625rem; line-height: 0; margin: 0 .3rem; display: block; float: left; width: auto; height: auto; } /*---------------- PAGE --------------- */ .single .grid-container.full[role="document"], .page .grid-container.full[role="document"], .search .grid-container.full[role="document"] {padding-top: 18rem;} .home.page .grid-container.full[role="document"] {padding-top: 13rem;} .entry-content .claimtext p {color: #636363; font-size: 1.625rem; max-width:1050px;} .page .entry-header h3 {color: #636363;} /*---------------- HOME --------------- */ .home .slick {display: none;} .home .slick.images-loaded {display: block;} .nav-slider { display: inline-block } .nav-slider svg {width:20px; height:20px; cursor:pointer; color: #3e513d;} .home .grid-container.full:not(.sticky-container,.sticky,.footer-widget-area,.site-footer) .grid-x:first-child:not(.acf-map-wrapper,.cookie-consent, .gmap-legend) {padding-top:4rem; padding-bottom: 2rem;} .home #carousel,.grid-container.recent-post {background-color: #FFF;} .home .carousel-wrapper {width: 1440px; margin: 0 auto;} .home .grid-container.full:not(.sticky-container,.sticky,.footer-widget-area,.site-footer) .carousel-wrapper .grid-x:first-child { padding-top: 2rem; padding-bottom: 4rem; } .home .recent-post a > img {width: 250px;} .home .slick-carousel {opacity: 0;} .home .slick-carousel.images-loaded {opacity: 1; transition: .3s ease all} .home .slick-carousel img {max-height: 400px;width: auto;} .home .slick-carousel .slick-slide {margin: 0 1rem;} .home .nav-area {padding-top: 1rem; text-align: right; } .home .slick-dots {bottom: -2.2rem;} article.post a {color: #333;} article.post header h4 {text-transform: uppercase; color: #cf0006;} article.post header span { padding-right:.3rem } article.post header span:last-child{ padding:0 .3rem } article.post article .post-entry {padding: 1rem 0 0 0;} .home .acf-map-wrapper {position: relative;} /*---------------- OFFICE --------------- */ .teamlist {padding-top: 2rem;} .teamlist .cell:not(header) {background-color: #fff; padding: 30px;} .teamlist .cell header img,.teamlist .cell .description {margin-bottom: 1rem;} .teamlist .cell header span {font-size: 1.125rem;} .teamlist :not(header) hr {width: 2rem;margin: 0.5rem 0 1rem 0;} .teamlist > header {margin-top: 2rem;} .teamlist .cell:not(header) { margin-bottom: 2rem; } .page-template-page-contact-tpl section {padding: 4rem 0 2rem 0;} #team .slider-wrapper {width: 100%;} #team .team-slider {opacity: 0; transition:opacity .5s} #team .team-slider.images-loaded {opacity: 1;} /*---------------- SEARCH --------------- */ .page-template-page-search-tpl .grid-container.full[role="document"] {min-height: 800px} .page-template-page-search-tpl .grid-container.full[role="document"] .h2 {margin-bottom: 3rem;} .search-results article {margin-bottom: 2rem; width: 100%;} .result-header {margin-bottom: 2rem;} .search-results article a {color: #333;} #searchform .form-wrapper { border: 1px solid #ccc; padding: .5rem 1rem; border-radius: 36px; background: #FFF; margin-bottom: 3rem; } #searchform:focus-within input,#searchform:focus-within input::placeholder { color: #cf0006; } #searchform #s {height: 36px; padding: 0.375rem 0.5rem; font-size: 1rem; line-height: 1; margin:0;border:none;box-shadow: none;} #searchform #s:focus { background-color: transparent; } #searchsubmit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-search' viewBox='0 0 32 32'%3E%3Cpath fill='%23333333' d='M23.333 19.5l-0.333 0.583 9 9.083-2.833 2.833-9-9.083-0.583 0.417c-2.222 1.389-4.528 2.083-6.917 2.083-3.5 0-6.486-1.25-8.958-3.75s-3.708-5.5-3.708-9c0-3.5 1.236-6.486 3.708-8.958s5.458-3.708 8.958-3.708c3.5 0 6.486 1.236 8.958 3.708s3.708 5.458 3.708 8.958c0 2.444-0.667 4.722-2 6.833zM19.75 5.583c-1.944-1.944-4.306-2.917-7.083-2.917s-5.139 0.972-7.083 2.917c-1.944 1.944-2.917 4.306-2.917 7.083s0.972 5.139 2.917 7.083c1.944 1.944 4.306 2.917 7.083 2.917s5.139-0.972 7.083-2.917c2-2 3-4.361 3-7.083s-1-5.083-3-7.083z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 32px 32px; width: 36px; height: 36px; background-color: transparent; margin: 0; } .search-results .search-results { background-color:#FFF; padding:2rem 0; } .search-results .search-results h2 {font-size: 1.5rem;} .search-results article:first-child {margin-top: 2rem;} .search-results article header h4 {text-transform: uppercase; color: #cf0006;} /*---------------- SIDEBAR --------------- */ /*---------------- WIDGETS --------------- */ /*---------------- EVENTS--------------- */ /*---------------- ARCHIVES --------------- */ article .post-date, article .by-author {font-size: 1rem;} #news article .post-thumb img {margin-bottom: 1rem;} #news article {padding: 1.75rem; background-color: #FFF; margin-bottom: 2rem;} #news article a {color: #2c2c2c; font-size: 18px;} #news article span.categories {text-transform: uppercase; color: #cf0006; display: inline-block; margin-bottom: .5rem;} #news article hr {width:25%; margin: 0.5rem 0 1rem 0;} #masonry-portfolio {display: none;} #masonry-portfolio.images-loaded {display: block;} #masonry-portfolio .masonry-sizer,.masonry-item { width: 32%;height:0 } #masonry-portfolio .masonry-item { width: 32%;height:0; padding-bottom:32% } #masonry-portfolio .masonry-gutter {width:2%;} #masonry-portfolio .masonry-item { margin-bottom:26px; } #masonry-portfolio .masonry-item .img-wrapper {height: 100%;width:100%; position: absolute;} #masonry-portfolio .masonry-item img {object-fit: cover; height: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%);transition: .5s ease; } #masonry-portfolio a.img-hover { display: block; height: 100%; width: 100%; position: relative;} #masonry-portfolio .img-hover .desc {padding: 1rem;background-color: #FFF; opacity: 0; transition: .5s ease; position:absolute; bottom: 0; left: 0; width: 100%;} #masonry-portfolio .img-hover:hover .desc {opacity: 1;} #masonry-portfolio .img-hover h5 {font-size: 2rem;line-height: 1; margin: 0; color: #2c2c2c} #masonry-portfolio .img-hover .sub-title {display: inline-block; margin-top:0;color: #2c2c2c;} #masonry-portfolio .masonry-item .img-wrapper:hover .img-hover {opacity: 1;} #masonry-portfolio .masonry-item .img-wrapper:hover img {-webkit-filter: unset; filter: unset; } #masonry-portfolio .desc .underline {margin: .5rem 0 .5rem 0;border:none; width: 74px;} #sketch-isotope {min-height: 1000px;} #sketch-isotope .grid-sizer {width:2%;} /* #sketch-isotope .masonry-item.width-1 {width: 20%;} #sketch-isotope .masonry-item.width-2 {width: 30%;} #sketch-isotope .masonry-item.width-3 {width: 50%;} #sketch-isotope .masonry-item.width-4 {width: 90%;}*/ #sketch-isotope .masonry-item {width: 49%;} #sketch-isotope .masonry-item {padding: 1rem; margin-bottom: 2rem; height: auto;} #sketch-isotope .sketch-content {margin:1rem 0 0 0; } #sketch-isotope .sketch-content h3 {font-weight: 600;} #sketch-isotope .sketch-content h3,#sketch-isotope .sketch-content li {font-size: 1rem; font-family: 'Source Sans 3'} #sketch-isotope .sketch-content ul {margin: .5rem 0 0 0;} /*---------------- SEARCHFORM & SEARCH & BUTTONS & FORMELEMENTS --------------- */ input[type="text"],input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="search"], input[type="url"], textarea { border-color: #b8beb8; border-style: solid; border-width: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem; padding: 0.5rem; width: 100%; } input[type="text"]:focus,input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { background: none repeat scroll 0 0 #f3f3f3; border-color: #999; box-shadow: none; outline: medium none; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus { border-color: #b8beb8; box-shadow: none; } input::placeholder,textarea::placeholder, select option:first-child {color:#333;} select { border-width: 2px; border-color: #b8beb8; background-image: url('data:image/svg+xml;utf8,'); } label {font-size: 1rem;} .flaeche .cell.shrink p label {line-height: 42px;} input[type=checkbox].wpcf7-cb { margin-right: 20px; } .wpcf7-form {max-width: 850px;} /* Create a custom checkbox */ .wpcf7-form label {position: relative;} .wpcf7-cb-control .wpcf7-not-valid-tip {display: inline-block; margin-right: 10px; } .checkmark { position: absolute; left: 0; height: 30px; width: 30px; background: url("img/checkbox.png") no-repeat left top #FFF; background-size: cover; } /* When the checkbox is checked, add a blue background */ label input:checked ~ .checkmark { background-position-x: right ; background-color: #FFF; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; } /* Show the checkmark when checked */ label input:checked ~ .checkmark:after { display: block; } #searchsubmit.button.hollow,#s {border-color: #999;color: #999;} /*---------------- SHORTCODES --------------- */ .linklist ul li {list-style: none;} .linklist ul {margin: 1rem 0 0 0;} .linklist ul li { background-image: url('data:image/svg+xml,%3Csvg fill="%232c2c2c" height="64px" width="64px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve" stroke="%232c2c2c"%3E%3Cpath d="M15,180h263.787l-49.394,49.394c-5.858,5.857-5.858,15.355,0,21.213C232.322,253.535,236.161,255,240,255 s7.678-1.465,10.606-4.394l75-75c5.858-5.857,5.858-15.355,0-21.213l-75-75c-5.857-5.857-15.355-5.857-21.213,0 c-5.858,5.857-5.858,15.355,0,21.213L278.787,150H15c-8.284,0-15,6.716-15,15S6.716,180,15,180z"%3E%3C/path%3E%3C/svg%3E'); padding-left: 2.5rem; background-position: center left; background-size: 41px 32px; background-repeat: no-repeat; margin-bottom: .5rem; } .linklist ul li a {color: #2c2c2c;} /*---------------- PAGINATION --------------- */ .pagination {margin: 2rem 0 0 0;} ul.page-numbers { display: inline-block; overflow: hidden; margin-bottom: 2rem;} .page-numbers li { height: 40px;max-width: 40px; margin-left: 0.2rem; text-align: center;} .page-numbers li:first-child {margin-left: 0;} .pagination a,.page-numbers li a.page-numbers,.page-numbers li span.current { display: block; padding: 0 0.225rem; font-size: 1.125rem; width: 24px; height: 24px; line-height: 24px; } .pagination a.next.page-numbers,.pagination a.prev.page-numbers{padding-top: .125rem;} .page-numbers li a {background-color: #f3f3f3;} .page-numbers li span.current {font-weight: bold;} .page-numbers li a:hover,.page-numbers li a:focus { background: #f3f3f3; } .page-numbers li.unavailable a { cursor: default ;color: #999; } .page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus { background: transparent; } .page-numbers li.current a { background: #008cba; color: white; font-weight: bold; cursor: default; } .page-numbers li.current a:hover, .page-numbers li.current a:focus { background: #f3f3f3; } .page-numbers.dots {font-size: 1.25rem; line-height: 0.7} .page-numbers li { float: left; display: block; } .pagination-centered ul.page-numbers li { float: none;display: inline-block; } .page-numbers .next,.page-numbers .prev {width:1.125rem;height:1.125rem;background-color:transparent;} .page-numbers .next:hover,.page-numbers .prev:hover { background-color:transparent; } .page-numbers svg {fill: #0b3e6f;height: 16px;} /*---------------- ACF Block CSS --------------- */ /*---------------- MISC --------------- */ .indent {padding-left:2rem;} .underline { height: 2px; width: 132px; background-color: #cf0006;} header .underline, .linklist .underline { margin-left: -2rem; border: none;} .full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-top: 2rem; padding-bottom: 2rem ; } /* fix menu flickering,caused by fontsize change */ .main-nav .horizontal.menu li a::after,.main-nav .horizontal.menu li.active a::after { display: block; content: attr(title) !important; font-weight: 600; height: 0; width: auto; overflow: hidden; visibility: hidden; border: none !important; position: relative; margin: 0; padding: 0; right: 0; left: 0; } .columns2 { column-count: 2; column-gap: 2rem; } .button {letter-spacing: 0.6;} .button.hollow {font-size: 1rem; font-weight: 600; text-decoration: none; border-width: 1px; border-radius: 4px; padding: .75rem 1.563em; line-height: 20px;} .button.hollow:hover {background-color: rgba(255,255,255,.2);} .button.hollow.small {height:auto; font-size: 1rem; border-width: 1px; border-radius: 2px; padding: 0.5rem 1.5rem; line-height: 1;} .button.hollow.small:hover{background-color: #F3F3F3;} .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary.disabled:focus, .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled], .button.hollow.primary[disabled]:focus, .button.hollow.primary[disabled]:hover {border-width: 3px;} .button.hollow.primary:focus, .button.hollow.primary:hover, .button.hollow.primary[disabled], .button.hollow.primary[disabled]:focus, .button.hollow.primary[disabled]:hover { background-color: #72246c; color: #FFF; border-color:#72246c; } .fancybox__caption {text-align: center;} .fancybox__backdrop {opacity: .75} .error404 .grid-container.full[role="document"] {padding-top: 280px;padding-bottom: 200px;} #contact-us .button.primary {margin-bottom: 2rem} .contact-form-wrapper .entry-content h2 { font-weight:300; } .chev-right { background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; padding-left: 18px; background-size: 18px 14px; line-height: 1.7; color: #2c2c2c; background-position: center left; } .chev-right.red { background-image: url("data:image/svg+xml;utf8,"); } .chev-left { background-image: url("data:image/svg+xml;urf8,"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .chev-down { background-image: url('data:image/svg+xml,%3Csvg height="32px" width="32px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 185.344 185.344" xml:space="preserve"%3E%3Cpath style="fill:%239b9b9b;" d="M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z"%3E%3C/path%3E%3C/svg%3E'); background-repeat: no-repeat; padding-left: 18px; background-size: 17px 10px; line-height: 1.7; background-position: center left; color: #2c2c2c; } #portfolio-filter {margin: 2rem auto;} #portfolio-filter .is-dropdown-submenu-parent a.chev-right { background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center right; background-size: 18px 14px;; color: #2c2c2c; } #portfolio-filter ul .is-dropdown-submenu {border: none; padding-top: .5rem;} #portfolio-filter .filter {padding: .5rem 1rem; color: #2c2c2c;} #portfolio-filter .is-active .filter {background-color: transparent;} #portfolio-filter .filter:hover,#portfolio-filter .filter:focus,#portfolio-filter .filter:active, #portfolio-filter a.active {background-color: transparent; text-decoration: underline; text-decoration-color: #cf0006;} .news-filter {margin-bottom: 1rem;} .news-filter .dropdown.menu > li > a {padding-left: .3rem; } .news-filter .menu > li > a {color: #2c2c2c;} .news-filter .menu > li > a.active {color: #cf0006;} .fancybox__carousel{padding: 2rem 0;} .acf-map-wrapper.grid-x {width: 100%; height: 720px; margin: 0.5rem 0 1rem 0;} .acf-map-wrapper {transition: all .5s ease;position: relative;} .acf-map {width: 100%; height: 100%;} .acf-map .marker {display: none;} .marker-content { min-width:200px; text-align: center; } .marker-content img { margin: 0 auto } .full > .acf-map-wrapper { position: relative; min-height: 80%; width: 90vw; margin: 0 auto; transition: all .5s ease; } .page-template-page-googlemap .acf-map-wrapper {margin-top: 3rem;} .acf-map-wrapper .close-button {display: none;} .full > .acf-map-wrapper .close-button {display: block;} .gmap-legend {padding-bottom: 3rem; width: 100%;} .page-template-page-googlemap .gmap-legend {padding: 1rem 0 3rem 0; width: 90vw; margin: 0 auto;} .gmap-legend .icon { height: 1.75rem; float:left; margin-right: 1rem; border-radius: 50%; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.3);} .gmap-legend span{ line-height: 2rem; display: inline-block; margin-right: 1rem;} .cmplz-marketing #cookie-notice {display: none;} #cookie-notice { list-style: none; margin: 0; position: absolute; width: 100%; height: 100%;} #cookie-notice .bg { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; } #cookie-notice {background-image: url('img/Map-Dummy.jpg'); background-repeat: no-repeat; background-size: cover;} #cookie-notice .cookie-consent {color: #fff} #cookie-notice .cookie-consent p {max-width: 700px;} #cookie-notice .cookie-consent .button.hollow,#cookie-notice .cookie-consent .button.hollow:hover,#cookie-notice .cookie-consent a , #cookie-notice .cookie-consent a:hover {border-color: #fff; color: #fff;} /*---------------- RESPONSIVNESS --------------- */ @media only screen and (max-width: 1650px){ } /*---------------- Tablet Landscape --------------- */ @media only screen and ( max-width: 1080px ){ .home .grid-container.full:not(.sticky-container, .sticky, .footer-widget-area, .site-footer) .grid-x:first-child{ padding-top:0 } } /* Tablet */ /* Portrait and Landscape */ @media only screen and (min-device-width: 810px) and (max-device-width: 1024px) { #site-logo,.is-stuck #site-logo {width: 250px; padding: 0.75rem 0;} .is-stuck #site-logo {height: 44px;} header .site-logo {padding-top: 0} .main-nav {padding-bottom: 0.75rem;} #main-menu,.grid-container.full[role="document"] .grid-container:not(.full) { padding-right: .9375rem; padding-left: .9375rem; padding-top:1rem; } body .is-layout-constrained.full-width, .grid-container.full[role="document"] .grid-container:not(.full) { padding-right: 1.25rem; padding-left: 1.25rem; } .home .grid-container.full[role="document"] .grid-container,.grid-container.full[role="document"] .grid-container.slider-wrapper {padding-right: 0; padding-left: 0;} .grid-container.full[role="document"] .grid-container:not(.full, .slider-wrapper), footer .grid-container:not(.full) { padding-right: 1.25rem; padding-left: 1.25rem;} .home.page .grid-container.full[role="document"], .single .grid-container.full[role="document"], .search-results .grid-container.full[role="document"], .page .grid-container.full[role="document"] {padding-top: 12rem;} #sticky-teaser,#sticky-teaser:hover { width: 140px; height: 140px; } .site-header {margin: 0 } header .sticky {transition: none;} .claim-wrapper {padding-top:80px;} /*fixed header*/ .claim-wrapper p {font-size: 1.5rem; line-height: 1.25} #news-wheel { padding-bottom: 1.5rem; width: 100%; min-width: 100%; margin: 0 auto; } .home .slick-dots {left: 1rem;} .home .slider-wrapper .nav-area {padding-right: 1rem;} header .underline, .linklist .underline { margin-left: 0; border: none; } @media only screen and ( max-width: 1024px ) and (min-device-height: 800px){ .home.page .grid-container.full[role="document"], .single .grid-container.full[role="document"], .search-results .grid-container.full[role="document"], .page .grid-container.full[role="document"] {padding-top: 15rem;} } } /* Tablet Portrait */ @media only screen and (min-device-width: 810px) and (max-device-width: 834px) and (orientation: portrait) { .sticky-wrapper.grid-container.full {position: fixed;z-index: 15; background-color: #fff; box-shadow: 0px 2px 45px 0px rgba(0,0,0,0.15);} .is-stuck #site-logo, #site-logo, #offCanvasMenu .site-logo a {display: block; width: 250px; padding: 0;margin-top: 0;} #main-menu {padding: 0.5rem;} .is-stuck .nav-wrapper,.nav-wrapper {padding: 0.875rem 0 0.5rem 0;} .main-nav,.is-stuck .main-nav {padding-bottom: 0;} #main-menu{ padding-right: .9375rem; padding-left: .9375rem; } #offCanvasMenu .menu-wrapper { margin-top: 1.5rem;margin-bottom: 1.5rem; } #offCanvasMenu .main .menu > li > a {font-size: 2rem;} #offCanvasMenu .footer-utility-nav { padding-right: 1.25rem; padding-bottom: 1.25rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .footer-utility-nav ul {float: unset;} .footer-utility-nav ul li:not(:first-child) a::before, .utility-nav li:not(:first-child) a::before { content: ''; padding: 0; } #offCanvasMenu .main .menu > li.active a::before { background-size: 28px; margin-top: -3px; } #offCanvasMenu .footer-utility-nav .menu, .menu.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #offCanvasMenu .menu.submenu.vertical {margin-left: 1rem; } #offCanvasMenu .menu.submenu.vertical > li > a {font-size:1.5rem; } .footer-utility-nav ul li a { line-height: 1.3; text-transform: uppercase; padding: .375rem 1rem; font-size: 1.125rem; } .single .grid-container.full[role="document"], .page .grid-container.full[role="document"], .search .grid-container.full[role="document"] { padding-top: 100px; } #news-wheel { padding-bottom: 1.5rem; width: 100%; min-width: 100%; margin: 0 auto; } .claim-text p {font-size: 1.5rem; line-height: 1.25} .site-footer {margin-top: 2rem;} #footer-logo { border-right: none; } } /* Tablet Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .mobile-nav svg {color: #333} .mobile-nav .menu-search,#offCanvasMenu .menu-search {width: 22px; display: block;margin: 0.5rem 1rem 0 0; color: #333} #menu-open, #menu-close{width: 33px; height: 33px; display: block;margin: 0.6rem 0 0 1rem;} #menu-close {background-color: #FFF;} #menu-close svg {width: 33px; height: 33px; margin:0 auto; display: block; color: #333;} } /* Tablet Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .mobile-nav svg {color: #333} .mobile-nav .menu-search,#offCanvasMenu .menu-search {width: 22px; display: block;margin: 0.5rem 1rem 0 0; color: #333} #menu-open, #menu-close{width: 33px; height: 33px; display: block;margin: 0.6rem 0 0 1rem;} #menu-close {background-color: #FFF;} #menu-close svg {width: 33px; height: 33px; margin:0 auto; display: block; color: #333;} #offCanvasMenu .menu-search {width: 22px; display: block;margin: 0.5rem 1rem 0 0 ;} #offCanvasMenu .main-nav {margin: 0; padding:2.5rem 0;} #offCanvasMenu .main-nav .menu > li > a {font-size: 2rem;} #offCanvasMenu .main-nav .menu .submenu {display: none} #offCanvasMenu .vertical.menu > li {text-align: center} #offCanvasMenu .footer-utility-nav .menu, .menu.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #offCanvasMenu .menu.submenu.vertical > li > a {font-size:1.25rem; } .footer-utility-nav ul li {text-align: center;margin-bottom: .5rem;} .footer-utility-nav ul li a { line-height: 1.3; text-transform: none; padding: .375rem 1rem; font-size: 1.25rem; } #offCanvasMenu .footer-utility-nav ul li a {text-transform: none; font-size:1.25rem; } #offCanvasMenu .footer-utility-nav {padding: 1rem 0 5rem 0; } #offCanvasMenu .socialmedia-list svg {height: 32px;width: 32px;margin: 0 .5rem;} #offCanvasMenu .socialmedia-list li a {color: #333} .single article header {padding-bottom: 1rem;} } /* Phones */ /* Portrait and Landscape */ @media only screen and (min-device-width: 300px) and ( max-device-width: 800px) { header .site-logo {padding-top: 0;} .sticky-wrapper.grid-container.full {position: fixed;z-index: 15; background-color: #f3f3f3; box-shadow: none;} #main-menu,header .sticky.is-stuck #main-menu {padding: 0; } .is-stuck #site-logo, #site-logo, #offCanvasMenu .site-logo a {display: block; width: 250px; padding: 0;margin-top: -2.3rem;} .is-stuck .main-nav {padding-bottom: 0;} #site-logo {display: block; width: 250px; padding: 1rem 0 0 0;margin: 0 auto;} .is-stuck #site-logo, #offCanvasMenu .site-logo a {width: 225px;height: 30px;} .is-stuck .nav-wrapper, .nav-wrapper{padding: 0.875rem 0 0.5rem 0;} .mobile-nav svg {color: #333} .mobile-nav .menu-search,#offCanvasMenu .menu-search {width: 22px; display: block;margin: 0.5rem 1rem 0 0; color: #333} #menu-open, #menu-close{width: 33px; height: 33px; display: block;margin: 0.6rem 0 0 1rem;} #menu-close {background-color: #FFF;} #menu-close svg {width: 33px; height: 33px; margin:0 auto; display: block; color: #333;} #offCanvasMenu .menu-search {width: 22px; display: block;margin: 0.5rem 1rem 0 0 ;} #offCanvasMenu .main-nav {margin: 0; padding:2.5rem 0;} #offCanvasMenu .main-nav .menu > li > a {font-size: 2rem;} #offCanvasMenu .main-nav .menu .submenu {display: none} #offCanvasMenu .vertical.menu > li {text-align: center} #offCanvasMenu .footer-utility-nav .menu, .menu.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #offCanvasMenu .menu.submenu.vertical > li > a {font-size:1.25rem; } .footer-utility-nav ul li {text-align: center;margin-bottom: .5rem;} .footer-utility-nav ul li a { line-height: 1.3; text-transform: none; padding: .375rem 1rem; font-size: 1.25rem; } #offCanvasMenu .footer-utility-nav ul li a {text-transform: none; font-size:1.25rem; } #offCanvasMenu .footer-utility-nav {padding: 1rem 0 5rem 0; } #offCanvasMenu .socialmedia-list svg {height: 32px;width: 32px;margin: 0 .5rem;} #offCanvasMenu .socialmedia-list li a {color: #333} #offCanvasMenu .mobile-social-nav {} .indent {padding-left: 0;} .home.page .grid-container.full[role="document"], .single .grid-container.full[role="document"], .search-results .grid-container.full[role="document"], .page .grid-container.full[role="document"] {padding-top: 10rem;} .home .grid-container.full:not(.sticky-container, .sticky, .footer-widget-area, .site-footer) .grid-x:first-child:not(.acf-map-wrapper) {padding-top: 2rem;padding-bottom: 0;} .home .slick-dots {left: 1rem;} .home .slider-wrapper .nav-area {padding-right: 1rem;} .home .recent-post a,.home .recent-post a img, .home .page-teaser img {display: block;margin: 1rem 0;} .home .recent-post a > img {width: 250px;} .home .grid-container.recent-post {background-color: #f3f3f3; padding-top: 2rem;} .home .grid-container.recent-post article {background-color: #fff;padding-left: 1rem;padding-right: 1rem;} .single header p {font-size: 1.125rem; line-height: 1.1;} .columns2 {column-count: 1; column-gap: 0} #carousel .cell.align-self-bottom{ padding-top: 4rem;} .home .carousel-wrapper {width: 100%;} .grid-container.full[role="document"] .grid-container:not(.full,.slider-wrapper), footer .grid-container:not(.full) { padding-right: 1.25rem; padding-left: 1.25rem; } #masonry-portfolio .masonry-sizer,.masonry-item { width: 48%;height:0 } #masonry-portfolio .masonry-item { width: 48%;height:0; padding-bottom:48% } #masonry-portfolio .masonry-gutter {width:4%} #masonry-portfolio .img-hover h5 {font-size: 1.125rem} #masonry-portfolio .img-hover .sub-title {margin-top: 0;} #news-wheel {opacity: 0; transition:opacity .5s} #news-wheel.images-loaded {opacity: 1;} #news-wheel {padding-bottom: 1.5rem; width: 100%; min-width: 100%; margin: 0 auto;} #news-wheel .icon.circle-plus {width: 40px; position: absolute; color: #fff; top:5px; right: 5px;} #news-wheel article .post-cat { color: #e2b73e; font-size: 32px; font-weight: 600;} #news-wheel article h3 {font-size: 18px; font-weight: bold; color: #1a1919; font-family: 'Source Sans 3';} #news-wheel article .card-img {position: relative;overflow: hidden;width:300px; margin: 0 auto;} #news-wheel article .card-img img{margin-right: 0rem; transition: all 0.5s;} #news-wheel article a:hover img, .masonry-item a:hover .card-img img{transform: scale(1.1);} #news-wheel article {margin:25px 18px; min-width: 280px;width: 280px; min-height: 567px; border-radius: 4px; box-shadow: 0px 2px 23px 0px rgba(0,0,0,0.21);} #sketch-isotope .masonry-item.width-1, #sketch-isotope .masonry-item.width-2, #sketch-isotope .masonry-item.width-3, #sketch-isotope .masonry-item.width-4 {width: 100%;} #sketch-isotope .masonry-item {padding: 0;} .search-results article .entry-header {padding-top: 1rem;} .search-headline {padding-bottom: 1rem;} a.read-more {font-size: 1.125rem;} header .underline, .linklist .underline {margin-left: 0;} .single header img { width: 100%;max-width: 100%;} .single header p {max-width: 100%; line-height: 1.5;} .single article header {padding-bottom: 1rem;} article .entry-content p {font-size: .938rem;} article .entry-content .intro-text {font-size: 1.125rem;} .project-meta {width: auto} .hentry .post-thumb {margin-top: 1rem;} #footer-logo {margin-bottom: 1.25rem; border-right: none;} .footer-widget-area .panel {padding:0; } #menu-footer-menu li {text-align: left;} #cookie-notice {width:100%;max-width:100%;min-width: 100%;} .entry-content {font-size: 0.938rem;} #sticky-teaser,#sticky-teaser:hover { width: 100px; height: 100px; bottom: 1.5rem !important; right: 1.5rem; } .site-footer {margin-top: 2rem;} #cookie-notice .cookie-consent > .cell.shrink { width: 100%; padding: 1rem; } } /* Portrait */ @media only screen and (min-device-width: 300px) and (max-device-width: 450px) and (orientation: portrait) { #portfolio-filter .filter { padding: .5rem .5rem .5rem .25rem } #masonry-portfolio .img-hover .sub-title {display: none;} #masonry-portfolio .desc .underline { margin: .5rem 0 0 0; } .home .nav-area {padding: 2.5rem 0 0 1rem; text-align: left;} .single-post #post-content {margin-top: 1.5rem;} .post-meta {padding-bottom: 0;} .gmap-legend .icon { height: 1.25rem; float:left; margin-right: .25rem; border-radius: 50%; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.3);} .gmap-legend span{ line-height: 1.25rem; display: inline-block; margin-right: .5rem; font-size: .875rem} } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) { .grid-container:not(.slider-wrapper):not(.full) {padding-right: 20px; padding-left: 20px;} }