/* Theme Name: Storyboard Author: Meesters in dialoog Version: 1.0 Updated: 2018-05-08 Contents: 1. =R ESET 2. =G LOBAL 3. =T YPOGRAPHY 4. =S TRUCTURAL 5. =H EADER 6. =M AIN CONTENT 7. =W IDGETS 8. =F OOTER */ /* =R E S E T ---------------------------------------------------- */ /* html5doctor.com Reset Stylesheet */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } @media screen and (max-width: 92px) { #logo, nav#sec-nav { margin-top: 45px; } label#search-form-button, body div#logo { margin-top: 45px; } } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style: none; } a { background:transparent; /* font-size:100%; */ margin:0; padding:0; vertical-align:baseline; } /* =G L O B A L ---------------------------------------------------- */ /* apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* https://medium.com/@MateMarschalko/improving-font-rendering-with-css-3383fc358cbc */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'Merriweather', serif; font-size: 16px; max-height: 999999px; text-rendering: optimizeSpeed; } body { background-color: #f2f2f2; color: #333; height: 100%; line-height: 1.5; overflow-x: hidden; } @media screen and (-webkit-min-device-pixel-ratio: 0) { body { /* font-size: 1rem; */ } } /* =T Y P O G R A P H Y ---------------------------------------------------- */ @font-face { font-family: 'fontello'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility; } /** * All CSS font-family selectors grouped for easy child theming * */ form, input, textarea, select, #sliderCounter, .lb-data .lb-number, /* #sec-nav a, .sec-sub-menu a, */ .primary-navigation a:after, #menu-button:after, .cat-links, figcaption, .entry-meta, .comment-body, .comment-form, .comment-date, #cancel-comment-reply-link, .event-content, .event-all-day, .event-from, .event-to, #totop, .footer-nav a, address, .dp-recent-comment-header, .dp-recent-comment-header a, .bio h3, .bio-content h3, .email-link, .wp-pagenavi, .lb-data .lb-caption, .agenda-item .event-date, .event-full, .no-comments, .cat-page-title, #footer-bar .widget, .footer-extra, .more-link, .bbpress .bbp-breadcrumb, .bbpress .favorite-toggle, .bbpress .subscription-toggle, .bbpress .bbp-template-notice p, #bbpress-forums .bbp-author-name { font-family: 'Merriweather Sans', sans-serif; } h1, h2, h3, h4, h5, h6 { -webkit-font-kerning: normal; color: #4d4d4d; font-kerning: normal; font-weight: 900; text-rendering: optimizeLegibility; } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) { h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: subpixel-antialiased; } } h3 { border-top: 1px solid #b3b3b3; color: #4d4d4d; padding: 7px 0 8px; } h4, h5, h6 { clear: both; color: #333; font-size: 1rem; font-weight: 700; margin: 23px 0 0 0; } .post .entry-content h3 { border-bottom: 1px solid #b3b3b3; color: #333; padding: 0; margin: 23px 0; } .post .entry-content h2 { clear: both; font-size: 2rem; line-height: 1; margin: 48px 0 24px 0; /* letter-spacing: -0.025em; */ } .post .entry-content h1 { clear: both; font-size: 2rem; margin: 32px 0 16px 0; /* letter-spacing: -0.025em; */ } a { color: #3e89aa; cursor: pointer; text-decoration: none; } a:hover { /* text-decoration: underline; */ border-bottom: 1px dotted #3e89aa; } a:active, a:visited { color: #3e89aa; } a:active, a:focus { outline: 0; } p { margin: 0 0 23px 0; } blockquote { border-left: 8px solid #ccc; color: #666; font-style: italic; font-weight: 700; padding-left: 24px; } em, i { font-style: italic; } strong, b { font-style: normal; font-weight: 900; } input, textarea, select { border: 1px solid #b3b3b3; border-radius: 0; color: #4d4d4d; font-weight: 300; font-size: 100%; line-height: 1.5; margin: 0; max-width: 100%; } input[type="text"], input[type="email"], textarea { -webkit-appearance: none; } input[type="radio"], input[type="checkbox"] { border: none; } textarea { height: 112px; padding: 12px 8px 0 8px; } input[type="submit"] { background-color: #3e89aa; border: none; color: #f2f2f2; cursor: pointer; float: right; font-size: 100%; font-weight: 700; height: 40px; line-height: 1.5; padding: 0 8px; text-transform: lowercase; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } select { background-color: #f2f2f2; padding-left: 8px; } option { display: block; height: 28px; vertical-align: middle; } .required { color: #d64a36; display: inline-block; font-size: .75rem; font-weight: 300; line-height: 2; position: relative; top: -4px; } /* specific theme content styles */ .entry-question { font-style: italic; margin: 0; } .entry-answer { font-style: normal; margin: 0 0 23px 0; } /* =L A Y O U T ---------------------------------------------------- */ .post-body { padding-bottom: 16px; } @media only screen and (min-width: 720px) { .page-template-user-profile-template h1.cat-page-title { margin-top: -25px; } .sidebar { margin: 0 auto; max-width: 720px; } } @media only screen and (min-width: 976px) { .container { max-width: 856px; margin: 0 auto; } .container:after, .post-body:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .post-body { float: left; margin: 0; /* padding: 0 8px 16px 8px; */ padding: 0 0 16px; width: 66.35%; /* 568/856 */ } .sidebar { margin: 0; max-width: 100%; } #sidebar-1 { float: right; margin: 0; padding: 24px 0 0 0; width: 32.71%; /* 280/856 */ } .category #sidebar-1 { padding-top: 12px; } #sidebar-1 .widget { clear: both; display: block; float: none; width: 100%; } #sidebar-2, #sidebar-3 { clear: both; display: block; float: none; max-width: 864px; margin: 0 auto; } } @media only screen and (min-width: 1272px) { .post-wrap { margin: 0 auto; max-width: 1144px; padding: 0; } .container { float: left; padding: 0; margin: 0; max-width: 74.825%; /* 856/1144 */ width: 74.825%; /* 856/1144 */ } .post-body { float: right; width: 66.35%; /* 568/856 */ padding: 0; } #sidebar-1, .category #sidebar-1 { float: left; padding: 23px 0 0 0; } .search #sidebar-1 { float: right; } #sidebar-2 { clear: none; float: right; margin: 0; padding: 23px 0 0 0; width: 24.475%; /* 280/1144 */ } /* .post-short #sidebar-1, .post-short #sidebar-2 { margin-top: 24px; } */ #sidebar-3 { max-width: 1152px; } } /* =H E A D E R ---------------------------------------------------- */ .site-header { background-color: #c7d51b; /* background-image: url(huisstijl/header-bg.png); */ background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 96px; width: 100%; position: absolute; /* position: fixed; */ top: 0; z-index: 1000; } /* .site-header:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } */ #logo { background-image: url(huisstijl/logo.png); background-repeat: no-repeat; background-size: 100%; float: left; height: 48px; left: 3.75%; position: absolute; top: 8px; width: 144px; } #logo h2 { font-size: 1px; line-height: 1px; text-indent: -9999px; } #logo a, #logo a:active, #logo a:visited { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ color: #c7d51b; display: block; height: 48px; width: 100%; } #logo a:hover { border: none; } /** * Navigation menus & search * */ #mobiledropmenu, #searchdropbox { display: none; } #menu-button { -webkit-tap-highlight-color: rgba(0,0,0,0.5); /* -webkit-tap-highlight-color: transparent; /* For some Androids */ cursor: pointer; display: block; float: right; font-size: 400%; font-weight: 900; line-height: .75; position: absolute; right: 3.75%; top: 5.3328px; z-index: 100; } /** * SECONDARY NAVIGATION BAR * */ #sec-nav { -webkit-overflow-scrolling: touch; background-color: #3e89aa; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; clear: both; height: 48px; margin-right: 48px; overflow-x: scroll; overflow-y: hidden; padding: 4px 3.75% 0 3.75%; position: relative; /* text-transform: lowercase; */ top: 56px; white-space: nowrap; z-index: 500; } #main-nav::-webkit-scrollbar, #sec-nav::-webkit-scrollbar { display: none; } #sec-nav ul, .sub-menu, .sec-sub-menu { list-style: none; } #sec-nav li { display: inline-block; padding-top: 8px; } #sec-nav > ul > li:last-of-type { padding-right: 56px; } #sec-nav a, #sec-nav a:hover, #sec-nav a:visited { border: none; border-right: 1px solid #f2f2f2; color: #f2f2f2; display: inline-block; height: 16px; line-height: 1; padding: 0 8px; } #sec-nav li:first-of-type a, #sec-nav li:first-of-type a:hover, #sec-nav li:first-of-type a:visited { padding-left: 0; } #sec-nav li:last-of-type a, #sec-nav li:last-of-type a:hover, #sec-nav li:last-of-type a:visited { border-right: 0; } #sec-nav .menu-item-has-children a:after { display: inline-block; content: ' \203A'; font-family: 'fontello'; margin-left: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .sec-sub-menu { background: transparent; box-shadow: 0 0 0 0 rgba(0,0,0,0); max-height: 0; overflow: hidden; position: absolute; z-index: 9999; -moz-transition: box-shadow .15s; -webkit-transition: box-shadow .15s; transition: box-shadow .15s; width: 100%; } @media screen and (min-width: 592px) { .sec-sub-menu { min-width: 208px; width: auto; } } .sec-sub-menu > li { border-bottom: 1px solid rgba(17,37,46,0.33); background-color: #3e89aa; display: block; padding: 0; margin: 0; } .sec-sub-menu > li > a { width: 100%; margin: 0; } .sec-sub-menu a { color: #f2f2f2; display: inline-block; height: auto; padding: 16px 8px 8px 8px; } .sec-sub-menu a:hover, .sec-sub-menu a:visited { color: #f2f2f2; text-decoration: none; border-bottom: none; } .sec-sub-menu a:hover { background-color: rgba(48,107,133,0.33); } .sub-menu, .sub-menu li { display: inline-block; } .sub-menu { font-size: 0; } .sub-menu > li { font-size: 1rem; text-align: center; } .sub-menu > li > a, .sec-sub-menu > .menu-item-has-children > a { /* border-right: 1px solid rgba(255,255,255,0.1); */ min-width: 48px; width: auto; } .sec-sub-menu > .menu-item-has-children > a { padding-right: 8px; } /** * MAIN NAVIGATION BAR * */ #main-nav { max-height: 0; overflow: hidden; position: absolute; top: 56px; width: 100%; z-index: 9999; -moz-transition: max-height .3333s; -webkit-transition: max-height .3333s; transition: max-height .3333s; } #mobiledropmenu:checked ~ #main-nav { height: auto; max-height: auto; } #mobiledropmenu:checked ~ #menu-button { /* background-color: rgba(0,0,0,.1); */ /* color: #4d4d4d; */ /* padding-bottom: 100%; padding-right: 100%; */ z-index: 100; } .primary-navigation a { background-color: #4d4d4d; border-bottom: 1px solid #b3b3b3; color: #f2f2f2; display: block; font-weight: normal; height: auto; padding: 16px 3.75% 15px 3.75%; /* text-transform: lowercase; */ width: 100%; } .primary-navigation a:after { color: #b3b3b3; content: '\203A'; display: block; float: right; font-size: 150%; font-weight: 300; line-height: .75; } #sec-nav > ul > li:first-of-type > a:before, .primary-navigation > ul > li:first-of-type > a:before, .home-icon:before { content: '\e805'; font-family: 'fontello'; font-size: 150%; line-height: .5; padding-right: 4px; position: relative; top: 2px; } /** * Search form * */ #search-form-button { background-color: #553111; border: 1px solid #f2f2f2; border-right: none; box-shadow: -5px 0 2px 0 rgba(0,0,0,.25); color: #f2f2f2; content: '\e800'; cursor: pointer; display: block; height: 48px; position: absolute; right: 0; text-align: center; top: 56px; width: 48px; z-index: 5000; font-family: 'fontello'; line-height: 2; padding-top: 8px; } .search-form { background-color: #553111; margin: 0; max-height: 0; overflow: hidden; padding: 0; position: absolute; top: 103px; width: 100%; z-index: 200; -moz-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; } #searchdropbox:checked ~ .search-form { max-height: 1000px; padding: 16px 3.75% 0 3.75%; } .search-field { height: 40px; padding-left: 8px; width: 100%; } input.search-submit { background-color: transparent; color: #3e89aa; font-family: 'fontello'; font-size: 100%; line-height: 1.5; height: 24px; padding: 0; position: relative; top: -28px; width: 24px; content: '\e800'; } /** * Navmenu widget * */ .sidebar .widget_nav_menu .menu { background-color: #e6e6e6; } .sidebar .widget_nav_menu h3 { border-bottom: 1px solid #b3b3b3; border-top: none; } .sidebar .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; } .sidebar .widget_nav_menu .menu-item a { border-bottom: 1px solid #b3b3b3; display: block; font-weight: normal; height: auto; padding: 16px 3.75% 8px 3.75%; /* text-transform: lowercase; */ width: 100%; } .sidebar .widget_nav_menu .menu-item a:hover { background-color: #ccc; } .sidebar .widget_nav_menu .menu-item a:after { color: #b3b3b3; content: '\203A'; display: block; float: right; font-size: 150%; font-weight: 300; line-height: .75; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .site-header { min-height: 112px; position: relative; z-index: 500; } .header-main { margin: 0 auto; max-width: 696px; } #logo { float: left; left: 0; position: relative; } #menu-button { float: left; left: 0; position: relative; top: 12px; width: 72px; } #main-nav { box-shadow: 0 0 0 0 rgba(0,0,0,0); max-width: 336px; top: 72px; -moz-transition: box-shadow .15s; -webkit-transition: box-shadow .15s; transition: box-shadow .15s; z-index: 1000; } #mobiledropmenu:checked ~ #main-nav { border-top: 1px solid #b3b3b3; box-shadow: 2px 2px 2px 0 rgba(0,0,0,.5); } .primary-navigation a { padding: 16px 8px 15px 8px; } #sec-nav { margin-right: 40px; position: absolute; text-transform: none; top: 72px; width: 100%; z-index: 750; } .sec-sub-menu { text-transform: none; } #search-form-button { top: 72px; } .search-form { top: 112px; } .sidebar .widget_nav_menu .widget-title { margin-bottom: 0; } .sidebar .widget_nav_menu .menu-item a { padding-left: 8px; padding-right: 8px; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .site-header { min-height: 136px; } .header-main { height: 24px; margin: 0 auto; max-width: 984px; } #logo { height: 72px; top: 12px; width: 216px; } #menu-button { float: left; left: 0; position: relative; top: 12px; width: 72px; } #menu-button:after { font-size: .75rem; font-weight: 300; display: block; color: #f2f2f2; content: 'menu'; text-transform: uppercase; } #sec-nav { font-weight: 900 !important; overflow-x: auto; margin: 0; padding: 4px 0 0 0; top: 96px; width: 100%; } #sec-nav ul { padding: 0 0 0 8px; max-width: 856px; margin: 0 auto; } #sec-nav li:last-of-type { padding-right: 0; } #search-form-button { display: none; } .search-form { float: none; height: 40px; margin: 0 auto; overflow: visible; padding: 0; position: relative; max-width: 888px; text-align: right; top: 0; } .search-field { width: 216px; } input.search-submit { top: 8px; left: -32px; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .header-main { margin: 0 auto; max-width: 1128px; } .search-form { max-width: 1144px; } .search-field { margin-right: -16px; } #sec-nav ul { max-width: 1144px; } #sidebar-1 .widget.widget_nav_menu, #sidebar-2 .widget.widget_nav_menu { padding: 0; } input.search-submit { left: -16px; } } /* =M A I N C O N T E N T ---------------------------------------------------- */ #main { padding-top: 96px; } #main:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .article-photo { background-color: #1a1a1a; background-size: cover; height: auto; padding-top: 128px; position: relative; } .no-photo { background: #3e81a3; background: -webkit-gradient(linear, left top, right top, from(#22495b), to(#3e81a3)); background: -webkit-linear-gradient(left, #22495b, #3e81a3); background: -moz-linear-gradient(left, #22495b, #3e81a3); background: -ms-linear-gradient(left, #22495b, #3e81a3); background: -o-linear-gradient(left, #22495b, #3e81a3); padding-top: 8px; } .entry-header { background-color: rgba(0,0,0,.5); position: relative; text-align: left; z-index: 1; } /** * Slick slider * */ .slick-slider { position: absolute; top: 0; width: 100%; } .slick-slider, .slick-list, .slick-track, .slick-slide { height: 100%; text-align: center; } .gallery-cell, .slick-slider .slick-slide { background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 256px; text-indent: -9999px; width: 100%; font-size: 0.1px; } .slick-slider .hide-first { display: none; } #sliderCounter { color: #b3b3b3; position: absolute; z-index: 1000; right: 3.75%; bottom: 8px; } .post-long #sliderCounter { bottom: 56px; } .gallery-cell { bottom: 0; position: absolute; top: 0; } .post-short .gallery-cell { min-height: 224px; } @media only screen and (min-width: 720px) { #sliderCounter, .post-long #sliderCounter { bottom: 4px; right: 8px; } } @media only screen and (min-width: 976px) { .post-long .slick-slider .slick-track { left: 50%; } .post-long .slick-slider .slick-slide { max-width: 856px; width: 856px; } #sliderCounter { bottom: 8px; right: 80px; } .post-long #sliderCounter { bottom: 8px; right: 160px; } } @media only screen and (min-width: 1272px) { .post-long .slick-slider .slick-slide { max-width: 1144px; width: 1144px; } } /* Arrows */ .slick-prev, .slick-next { display: none; width: 40px; height: 40px; margin-top: -56px; z-index: 400; } .slick-prev:before, .slick-next:before { font-size: 0; opacity: .5; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev { left: 8px; } .slick-next { right: 10px; } @media only screen and (min-width: 592px) { .slick-prev:before, .slick-next:before { font-size: 40px; } } @media only screen and (min-width: 976px) { .slick-prev, .slick-next { width: 24px; height: 24px; margin-top: 0; } .slick-prev:before, .slick-next:before { font-size: 2rem; opacity: .6; } /* desktop positioning */ .slick-prev, .slick-next { top: auto; bottom: 16px; margin-top: 0; } .post-long .slick-next { padding-right: 8px; } } @media only screen and (min-width: 1272px) { .slick-prev, .slick-next { margin-top: 24px; } .slick-prev:before, .slick-next:before { opacity: .4; } .post-long .slick-prev, .post-long .slick-next { margin-top: 0; } } /* Dots */ .slick-slider { margin-bottom: 0; } .slick-dots { bottom: 8px; height: 32px; right: 8px; width: 85%; padding: 0; text-align: right; z-index: 333; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .slick-dots { height: 37.328px; } } .slick-dots li { width: 24px; height: 24px; margin: 0; padding: 0; } .slick-dots li button { width: 24px; height: 24px; padding: 0 4px; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: .8; } .slick-dots li button:before { font-size: 20px; line-height: 1; opacity: .2; color: white; } .slick-dots li.slick-active button:before { opacity: .6; color: white; } @media only screen and (min-width: 720px) { .slick-dots li button:before { font-size: 2rem; } .slick-dots li, .slick-dots li button { width: 32px; height: 24px; padding: 0 4px; } .slick-dots { padding-bottom: 8px; width: 90%; } } @media only screen and (min-width: 976px) { .post-long .slick-dots { width: 424px; right: auto; left: 50%; } } @media only screen and (min-width: 1272px) { .post-long .slick-dots { width: 568px; } } .slider-link { display: block; font-size: 1px; height: 0; text-indent: -9999px; margin-top: -10px; } .no-photo .entry-header { background-color: transparent; } .cat-links { color: #4d4d4d; font-size: .75rem; font-weight: 300; letter-spacing: 0.8px; line-height: 2; padding: 8px 3.75% 0 3.75%; text-transform: uppercase; } .no-photo .cat-links { color: #e6e6e6; } .cat-links a, .cat-links a:hover, .cat-links a:active, .cat-links a:visited { border: none; color: #f2f2f2; } .entry-header .entry-title { color: #c7d51b; font-size: 150%; font-weight: 300; line-height: 1.3333; padding: 0 3.75% 16px 3.75%; min-height: 72px; } figcaption { background-color: #f2f2f2; color: #808080; font-size: .75rem; font-weight: 300; line-height: 2; padding: 0 3.75%; position: relative; z-index: 333; } figcaption p { border-bottom: 1px solid #b3b3b3; margin: 0; padding: 8px 0 15px 0; } figcaption p:before, .wp-caption-text:before { content: '\e803'; display: inline-block; font-family: 'fontello'; line-height: .5; width: 16px; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 16px; margin-right: 4px; text-align: center; font-variant: normal; text-transform: none; line-height: 16px; margin-left: 4px; /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .entry-meta { color: #808080; font-size: .75rem; font-weight: 300; line-height: 2; margin: 0 3.75%; padding-top: 8px; } .entry-meta a { font-weight: 700; } footer.entry-meta { border: none; padding-top: 0; } .entry-content { border-top: 1px solid #b3b3b3; clear: both; display: block; /* margin: -8px 3.75% 8px 3.75%; */ margin: 0 3.75%; padding-top: 15px; } .entry-content h3 { border: none; } .entry-content ul, .entry-content ol { margin: 8px 0 24px 24px; } /* .entry-content > p:first-of-type, */ .excerpt { color: #553111; font-weight: 900; } .entry-content img { max-width: 100%; } /** * Tables front end * */ .entry-content table { border-collapse: collapse; margin: 28px 0 20px 0; padding: 0; width: 100%; } .entry-content table th, .entry-content table td { text-align: left; padding: 7px 4px 4px; border-top: 1px solid #ccc; } .entry-content table th { background: #e6e6e6; border-bottom: 1px solid #b3b3b3; font-weight: 900; } .entry-content table tfoot td { border-top: 1px solid #b3b3b3; } /** * Social link icons * */ .social-links { display: none; position: relative; padding-bottom: 8px; top: 8px; } .social-links.repeated { display: block; } .social-links a, .social-links a:hover { border: none; display: inline-block; font-family: "fontello"; font-size: 300%; font-style: normal; font-weight: normal; width: 36px; } .icon-facebook-circled:before { color: #4d67a2; content: '\e80c'; } .icon-twitter-circled:before { color: #26a5dd; content: '\e80b'; } .icon-linkedin-circled:before { color: #0178b3; content: '\e80e'; } .icon-gplus-circled:before { color: #d64a36; content: '\e80d'; } .icon-mail:before { color: #808080; content: '\e801'; } .icon-calendar:before { color: #aa3f40; content: '\e809'; } .icon-resize-full:before { color: #f2f2f2; content: '\e810'; font-size: 150%; display: inline-block; height: 24px; line-height: 1; position: relative; top: 0; opacity: 0.75; } .single-post .icon-resize-full { display: none; } .icon-resize-full:hover { border: none; } /** * Sharing & publisher info * */ .bio { background-color: #b3b3b3; color: #4d4d4d; font-family: 'Merriweather', serif; font-size: 1rem; font-weight: normal; line-height: 1.5; max-width: 280px; padding: 8px; } .bio .avatar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-right: 8px; } .bio:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .bio h3, .bio-content h3 { border: 0; color: #808080 !important; font-size: .75rem; font-weight: 300; line-height: 2; padding: 0; text-transform: uppercase; letter-spacing: 0.075em; } .email-link { display: block; font-weight: bold; } .email-link:hover { border: none; text-decoration: none; } .email-link-tablet { display: none; } .email-link:before { color: #3e89aa; content: '\e801'; display: inline-block; font-family: "fontello"; position: relative; top: 1.6px; width: 20px; } /** * Tag links * */ .tag-links { margin: -5.3328px 0 24px 0; } .tag-links a { background-color: #e6e6e6; border: none; display: inline-block; font-weight: 300; letter-spacing: 0.8px; padding: 0 8px; text-transform: uppercase; white-space: nowrap; margin: 6.4px 5.3328px 0 0; } .tag-links a:hover { background-color: #3e89aa; color: #e6e6e6; } /** * Content images * */ .entry-content .alignleft, .entry-content .aligncenter, .entry-content .alignnone, .entry-content .alignright, .entry-content .wp-caption img { height: auto; max-width: 100%; width: auto; } .entry-content .wp-caption { background-color: #e6e6e6; /* border-bottom: 1px solid #b3b3b3; */ padding: 0; margin: 0 -3.75% 23px -3.75%; white-space: normal; } .wp-caption-text { background-color: #e6e6e6; border-bottom: 1px solid #b3b3b3; color: #808080; margin: 0; padding: 2.2px 8px 7px 8px; } /** * large mobile * */ @media only screen and (min-width: 480px) { .entry-header .entry-title { font-size: 200%; font-weight: 300; line-height: 1.5; padding-top: 4px 3.75% 8px 3.75%; } .main-footer-nav { display: none; } } /** * tablets portrait * */ @media only screen and (min-width: 720px) { #main { padding-top: 0; top: 0; } .post-long .icon-resize-full { position: relative; left: calc(((100vw - 552px) / 2) - 64px); left: 8px; top: 40px; z-index: 500; } .article-photo { padding-top: 176px; } .flickity-page-dots { bottom: 0; top: auto; margin-right: 24px; } .flickity-prev-next-button { display: block; } .js-flickity > .entry-header { cursor: pointer; } .no-photo { padding-top: 8px; } figcaption { background: transparent; color: #b3b3b3; margin-bottom: 16px; padding: 0; } .post-short figcaption { margin-bottom: -8px; } .no-photo figcaption { background-color: transparent; } figcaption p { border-bottom: none; max-width: 552px; margin: 0 auto; padding: 20px 0 0 0; } .entry-header, .no-photo .entry-header { min-height: 144px; padding-top: 16px; } .cat-links { margin: 0 auto; max-width: 552px; padding: 8px 0 0 0; } .entry-header .entry-title { font-size: 250%; font-weight: normal; letter-spacing: -0.025em; line-height: 1.2; margin: 0 auto; max-width: 696px; padding: 4px 0 0 72px; } .no-photo .entry-header .entry-title { padding-bottom: 36px; } .entry-meta { border: none; font-size: 100%; line-height: 1.5; margin: 0 auto; max-width: 696px; padding-left: 72px; } .author { font-family: 'Merriweather', serif; } .social-links { display: block; float: right; margin-bottom: -17.7776px; padding-bottom: 0; top: -16px; } .social-links a, .social-links a:hover { font-size: 200%; } .entry-content { /* margin: -8px auto 8px auto; */ margin: 7px auto 0 auto; max-width: 696px; padding: 15px 72px 0 72px; } .tag-links { font-size: .75rem; line-height: 2; } .social-links.repeated { display: none; } .post { margin-bottom: 0; } .entry-content .wp-caption { margin: 0 0 16px 0; } /* short posts = smaller images */ .short-post-photo { background: -webkit-gradient(linear, left top, right top, from(#1a1a1a), to(#333)); background: -webkit-linear-gradient(left, #1a1a1a, #333); background: -moz-linear-gradient(left, #1a1a1a, #333); background: -ms-linear-gradient(left, #1a1a1a, #333); background: -o-linear-gradient(left, #1a1a1a, #333); } /* .short-post-photo .gallery-cell { max-width: 712px; left: 0 right: 0 margin: 0 auto; } */ .entry-content > p > img.alignleft, .entry-content > p > img.alignnone, .entry-content > p > img.alignright { margin-bottom: 8px; margin-top: 16px; } .entry-content .alignleft, .entry-content .alignright { max-width: 50.7%; width: auto; } .entry-content .alignleft img, .entry-content .alignright img { width: auto; } .entry-content .alignleft, .entry-content img.alignleft { float: left; margin-left: -8px; margin-right: 16px; } .entry-content .alignright, .entry-content img.alignright { float: right; margin-right: -8px; margin-left: 16px; } .entry-content .alignnone, .entry-content img.alignnone { clear: both; display: block; margin-left: -8px; margin-right: -8px; max-width: calc(100% + 16px); width: calc(100% + 16px); } .entry-content .aligncenter, .entry-content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 280px; } .entry-content .alignnone img, .entry-content .aligncenter img { width: 100%; } .entry-content ul { position: relative; left: 16px; } /* hack to eliminate white line .entry-content > p + ul { margin-bottom: 0; top: -24px; } */ } /** * tablets landscape * */ @media only screen and (min-width: 976px) { figcaption p, .cat-links { max-width: 840px; } .cat-links { /* letter-spacing: 0.085em; */ } figcaption p { padding-right: 288px; /* 288/840 */ } .post-long .icon-resize-full { left: calc(((100vw - 840px) / 2) - 64px); } .icon-resize-full:hover:before { color: rgba(62, 134, 167, .85); } /* part width cells for larger devices */ .flickity-slider .gallery-cell { width: 856px; } .flickity-prev-next-button { background: rgba(255, 255, 255, .5); color: transparent; color: rgba(0, 0, 0, .25); border-radius: 0; bottom: 0; left: 50%; top: auto; width: 32px; height: 32px; margin-bottom: 8px; opacity: 1; } .flickity-prev-next-button:hover { background: rgba(62, 134, 167, .85); } .flickity-prev-next-button.previous { left: 50%; margin-left: 368px; } .flickity-prev-next-button.next { right: auto; margin-left: 400px; } .flickity-page-dots { margin-right: 0; left: 50%; max-width: 352px; text-align: right; margin-bottom: 4px; } .post-short .flickity-page-dots { max-width: 208px; } .flickity-page-dots .dot:hover { background: rgba(62, 134, 167, .85); } .main-gallery .slider-link { height: 100%; width: 100%; } .entry-header .entry-title { max-width: 840px; padding: 0; } .entry-meta { margin: 0; max-width: 568px; padding-left: 8px; padding-right: 8px; } .entry-content { margin-top: 8px; max-width: 568px; padding: 15px 8px 0; } .entry-header, .no-photo .entry-header { padding-top: 0; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .article-photo { padding-top: 200px; } .post-long .icon-resize-full { left: calc(((100vw - 1128px) / 2) - 8px); bottom: -8px; top: auto; } figcaption p { width: 552px; padding: 8px 0 0 0; } .widget-photo figcaption p { padding-top: 16px; } /* part width cells for larger devices */ .flickity-slider .gallery-cell { width: 1144px; } .flickity-prev-next-button.previous { margin-left: 512px; } .flickity-prev-next-button.next { margin-left: 544px; } .flickity-page-dots { max-width: 496px; } .no-photo { padding-top: 8px; } .cat-links { font-size: 100%; line-height: 1.5; font-weight: 300; padding-left: 8px; padding-top: 55px; position: relative; left: -432px; } .sidebar .cat-links, .post .entry-header .cat-links { max-width: 280px; } .entry-header .entry-title { font-size: 300%; line-height: 1.5; max-width: 1144px; padding: 12px 0 4px 296px; /* 296/1144 */ margin-top: -72px; } .no-photo .entry-header .entry-title { padding-bottom: 28px; } figcaption p { max-width: 1144px; } /* .short-post-photo .gallery-cell { left: 288px; } */ .entry-content .alignleft img, .entry-content .alignright img, .entry-content .alignnone, .entry-content img.alignnone { /* max-width: 520px; */ } .entry-content .alignnone, .entry-content img.alignnone { /* max-width: 520px; */ } } /** * Comments section * */ .comments-area { margin: 0 3.75%; padding-top: 24px; } .comments-title, .comment-reply-title { padding-top: 7px; padding-bottom: 0; margin: 0; margin-bottom: 24px; } .comments-number { color: #808080; font-weight: 300; } .comment-list, .children { list-style: none; } .comment-list { margin-bottom: 24px; } .comment-body { font-weight: 300; padding: 0; margin-bottom: 20px; } .avatar { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: left; height: 40px; margin-right: 8px; width: 40px; } .comment-author, .comment-metadata { display: inline; } .comment-metadata:before, .comment-metadata .edit-link:before { display: inline-block; content: '|'; width: 8px; text-align: center; } .comment-author .avatar { display: none; } .avatar-72 { height: 72px; width: 72px; } .comment-author .fn { color: #808080; font-weight: 700; } .comment-metadata { color: #808080; font-size: .75rem; line-height: 2; } .comment-metadata > a { color: #808080; } .comment-content { color: #4d4d4d; padding: 0; } .comment-content p { margin: 0; padding-bottom: 0; } .comments-area .reply { font-size: .75rem; line-height: 2; padding-top: 3.2px; /* text-transform: uppercase; */ } .comment-form { font-weight: 300; } .comment-form label { display: inline-block; width: 72px; } .logged-in-as { color: #808080; font-size: .75rem; line-height: 2; padding: 12px 0 0 0; } .comment-form-comment { padding-bottom: 5.3328px; } .comment-form-comment > label { display: none; } .comment-form-url { display: none; } #comment { margin: 0; padding-bottom: 8px; width: 100%; } .comment-respond { padding-bottom: 40px; } .comment-respond:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .says { display: none; } .no-comments { border-top: 1px solid #b3b3b3; color: #808080; font-size: .75rem; line-height: 2; font-weight: 300; text-transform: uppercase; padding-top: 4px; padding-bottom: 23px; } .comment-reply-link { text-transform: uppercase; } #cancel-comment-reply-link { display: block; font-size: .75rem; line-height: 2; font-weight: normal; text-transform: uppercase; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .comments-area { /*margin: -8px auto 0 auto; */ margin: 0 auto; max-width: 568px; } .comments-title, .comment-reply-title, .no-comments { /* padding-left: 72px; */ padding-left: 8px; } .avatar { margin-right: 32px; } .comment-content, .comment-awaiting-moderation, .comments-area .reply, .comment-form { margin: 0 auto; max-width: 552px; } .comment-meta { margin-left: 8px; } .children { padding-left: 24px; border-left: 1px solid #e6e6e6; } .children .comment-meta { margin-left: 0; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { /* .comments-title, .comment-reply-title, .avatar { margin-left: -72px; } */ .no-comments { padding-left: 0; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .comments-title, .comment-reply-title, .avatar { margin-left: 0; padding-left: 0; } .comment-meta { margin-left: 0; } } /* =S H O R T P A G E ---------------------------------------------------- */ /* nasty template whitespace */ .post-short, .post-long { margin-top: -24px; } .post-short .article-photo { border-bottom: 1px solid #f2f2f2; min-height: 40px; height: auto; } .post-short .post-body .article-thumbnail { padding-top: 152px; position: relative; } .post-short .entry-title { padding-bottom: 24px; padding-top: 8px; min-height: 48px; } @media screen and (min-width: 720px) { .post-short .entry-title { min-height: 72px; } } /* webkit hack */ @media screen and (min-width: 720px) and (-webkit-min-device-pixel-ratio: 0) { .post-short .entry-title { min-height: 96px; } } .post-short .flickity-page-dots { bottom: 0; top: auto; } .post-short .entry-content { margin: 8px 3.75%; } .post-short .post-body .no-photo { background: transparent; /* min-height: 96px; */ padding-top: 8px; } .post-short .no-photo .entry-title { border-bottom: 1px solid #b3b3b3; color: #4d4d4d; font-weight: 900; margin: 0 3.75%; padding: 8px 0 23px 0; } .post-short .no-photo .entry-header .cat-links { color: #e6e6e6; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .post-short .post-body .article-thumbnail { margin: 23px auto 0 auto; max-width: 568px; padding-top: 168px; position: relative; } .post-short .article-photo { min-height: 56px; } .post-short .entry-header { min-height: 72px; } .post-short .no-photo .cat-links { font-size: 1rem; letter-spacing: 1.6px; line-height: 1.5; padding-top: 8px; } .post-short .post-body .article-thumbnail .entry-header { min-height: 168px; } .post-short .post-body .article-thumbnail .entry-title { font-size: 200%; font-weight: bold; letter-spacing: 0.5328px; line-height: 1.5; padding: 12px 8px 36px 8px; } .post-short figcaption p { padding-top: 8px; } .post-short .flickity-page-dots { margin-right: 0; } .post-short .social-links { margin-right: 64px; } .post-short .entry-content { margin: 8px auto; } /* .post-short .gallery-cell { max-width: 568px; } */ .post-short .post-body .no-photo { padding: 0; margin: 0 auto; max-width: 696px; /* min-height: 112px; */ } .post-short .post-body .article-thumbnail .entry-header { min-height: 72px; } .post-short .post-body .no-photo .entry-title { font-weight: 900; letter-spacing: 0; margin: 0; padding: 15px 72px 7px 72px; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .post-short .post-body .article-thumbnail { margin: 23px 0 0; } .post-short figcaption p { padding-right: 0; } .post-short .social-links { margin-right: -8px; } .post-short .post-body .article-thumbnail .entry-header { padding: 0; } .post-short .post-body .no-photo .entry-title { padding-left: 8px; padding-right: 8px; } .post-short .article-photo { min-height: 80px; } .post-short .article-photo .cat-links { font-size: 2rem; letter-spacing: 1.6px; line-height: 2; padding-top: 16px; } .post-short .flickity-prev-next-button { left: auto; } .post-short .flickity-prev-next-button.previous { right: 40px; } .post-short .flickity-prev-next-button.next { right: 8px; } .post-short .post-body .no-photo .entry-title { font-weight: 900; letter-spacing: 0; padding-bottom: 23px; margin-bottom: 8px; min-height: auto; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .post-short .no-photo .cat-links { left: 0; max-width: 568px; } .post-short .post-body .article-thumbnail { padding-top: 244px; /* strange... should be 10.5! */ } .post-short .flickity-page-dots { padding: 0 8px 0 0; max-width: 248px; left: auto; right: 64px; text-align: right; } .post-short .post-body .no-photo { margin-top: 0; padding-top: 0; } .post-short .post-body .no-photo .entry-title { border: none; margin-top: 24px; } /* better readability? */ .post-short .post-body .article-thumbnail .entry-title, .post-short .post-body .entry-meta, .post-short .entry-content, .post-short .comments-area { padding-left: 32px; padding-right: 32px; } .post-short .no-photo .cat-links{ padding-left: 40px; } .post-short .post-body figcaption.wp-caption-text { padding: 2.2px 8px 8px 8px; } } /* =L O N G P A G E ---------------------------------------------------- */ .cat-header { border-bottom: 1px solid #e6e6e6; height: 40px; } /* .post-long .entry-header .entry-title { padding-bottom: 24px; padding-top: 8px; } */ /** * tablets portrait * */ @media only screen and (min-width: 720px) { .cat-header { height: 56px; } .cat-header .cat-links { font-size: 1rem; line-height: 1.5; } /* .post-long .article-photo { padding-top: 168px; } .post-long .entry-header .entry-title { padding-bottom: 0; } */ } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .cat-header { height: 80px; } .cat-header .cat-links { font-size: 2rem; letter-spacing: 1.6px; line-height: 2; padding-top: 16px; } /* .post-long .article-photo { padding-top: 240px; } */ } /** * desktop * */ @media only screen and (min-width: 1272px) { .cat-header .cat-links { left: 0; max-width: 568px; } } /* =W I D G E T S ---------------------------------------------------- */ .widget { clear: both; display: block; margin: 0 3.75% 16px 3.75%; } .widget.widget_dp_title_widget { margin-bottom: 8px; } #sidebar-1 .widget.widget_dp_title_widget, #sidebar-2 .widget.widget_dp_title_widget, #sidebar-3 .widget.widget_dp_title_widget { padding: 0; } .widget .widget-title { padding-bottom: 8px; padding-left: 8px; } .widget .widget-title.has-bg { background-image: url(huisstijl/widget-bg.png); /* background-position: left top; */ background-repeat: no-repeat; /* border: none; */ } .widget ul, .widget ul li { padding-left; 0; margin-left: 0; width: 100%; } .widget p:last-of-type { margin-bottom: 0; } .widget-post { background-color: #e6e6e6; clear: both; display: block; margin: 8px 0 0 0; padding: 8px; } .widget_dp_posts_widget .widget-post { cursor: pointer; } .widget-post .article-thumbnail { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; height: 96px; width: 96px; margin-right: 8px; } .widget-post .article-thumbnail.no-thumb, .widget-post.no-thumb .article-thumbnail { background: -webkit-linear-gradient(left, rgba(0,0,0,0.0333), rgba(0,0,0,0)); background: -moz-linear-gradient(left, rgba(0,0,0,0.0333), rgba(0,0,0,0)); background: -ms-linear-gradient(left, rgba(0,0,0,0.0333), rgba(0,0,0,0)); background: -o-linear-gradient(left, rgba(0,0,0,0.0333), rgba(0,0,0,0)); margin: 0; min-width: 0; width: auto; } .widget-post .cat-links { /* display: none; */ left: 0; margin: 0; padding: 0; } .widget-post .cat-links, .widget-post .cat-links a, .widget-post .cat-links a:hover, .widget-post .cat-links a:active, .widget-post .cat-links a:visited { border: none; color: #808080; } .widget-post .entry { /* min-height: 64px; */ } .widget-post .entry-title { border: none; font-size: 100%; font-weight: normal; min-height: 72px; height: auto; line-height: 1.5; padding: 0; } .widget-post .entry-title.no-thumb { /* min-height: 48px; */ } .sidebar .widget_dp_posts_widget .widget-post { min-height: 96px; } .widget-post .entry-excerpt, .widget-post-highlight .entry-excerpt { display: none; } .widget-post .entry-meta, .widget-post-highlight .entry-meta { border: none; margin: 0; padding: 0; } .widget-post .entry-date:before, .widget-post-highlight .entry-date:before, .comment-archive-post .entry-date:before { content: '\e80a'; font-family: 'fontello'; font-size: 16px; line-height: .5; padding-right: 4px; position: relative; top: 2px; } .widget-post .comments-count { display: inline-block; float: right; } .comments-count-label { display: none; } .widget-post .comments-count:before, .widget-post-highlight .comments-count:before { content: '\e806'; font-family: 'fontello'; font-size: 16px; line-height: .5; padding-right: 4px; position: relative; top: 2px; } /* highlighted posts */ .widget-post-highlight { background-color: #e6e6e6; clear: both; display: block; margin-bottom: 8px; margin: 0 -4% 16px -4%; width: 108%; } .widget-post-highlight .article-thumbnail { background-position: center; background-repeat: no-repeat; background-size: cover; height: 184px; width: 100%; } .widget-post-highlight .pane { padding: 0 8px; } .widget-post-highlight .cat-links { left: 0; padding: 8px 0 0; } .widget-post-highlight .cat-links a { color: #808080; } .widget-post-highlight .entry-title { border: none; font-size: 125%; font-weight: 900; height: 96px; line-height: 1.2; margin: -1.6px 0 1.6px 0; padding: 0; } .widget-post-highlight .comments-count { display: inline-block; float: right; } .more-link { display: block; font-size: 1rem; font-weight: 300; text-align: right; text-transform: lowercase; width: 100%; } .more-link:hover { border: none; } .textwidget { padding: 8px; margin-bottom: 16px; } .textwidget p:last-of-type { margin-bottom: 0; } .widget-post .entry-date { text-align: left; } /** * PORTRAIT * * Tiles, applicable to all three sidebars * */ @media only screen and (min-width: 720px) and (max-width: 1272px) { .widget { font-size: .1%; margin: 0 auto; max-width: 720px; position: relative; } .widget div { font-size: 1rem; } .widget .widget-title { font-size: 1rem; margin: 0 4px; padding: 7px 8px; } .widget_nav_menu .widget-title { margin: 0 !important; } .widget:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .widget-post { background-color: #e6e6e6; border: none; border-collapse: collapse; display: inline-block; font-size: 1rem; min-height: 336px; margin: 0 3.2px 24px 3.2px; padding: 0; vertical-align: top; width: 32.2222%; /* 232/720 */ } #site-footer .widget-post { width: 100% !important; } .widget-post .pane { padding-bottom: 8px; padding-right: 8px; } .sidebar .widget_dp_posts_widget .widget-post { min-height: auto; } .sidebar .widget-post .entry { min-height: 136px; } .widget-post .article-thumbnail { float: none; height: 168px; margin: 0; width: 100%; } .widget-post .cat-links, .widget-post-highlight .cat-links { display: block; font-size: .75rem; line-height: 2; padding: 16px 8px 0 0; } .widget-post .cat-links a, .widget-post .cat-links a:hover, .widget-post .cat-links a:active, .widget-post .cat-links a:visited { color: #808080; border: none; border-collapse: collapse; } .widget-post .entry-title, .widget-post .entry-title.no-thumb { font-weight: 900; min-height: 64px; padding: 0 8px 8px 8px; } .sidebar .widget-post .entry-title, .sidebar .widget-post .entry-title.no-thumb { /* min-height: 88px; */ } .widget-post .entry-meta { font-size: .75rem; line-height: 2; height: 16px; vertical-align: bottom; } .widget-post .entry-date { padding: 0 8px 8px 8px; } /* half height, no image */ .widget-post.half-tile { min-height: 160px; height: auto; padding-bottom: 8px; } .widget-post.half-tile .article-thumbnail { height: 0; } /* highlight post */ .widget-post-highlight { font-size: 1rem; height: 216px; margin: 0 3.2px 24px 3.2px; max-width: 712px; padding: 0; } .widget-post-highlight .article-thumbnail { float: left; height: 216px; margin: 0 16px 0 0; max-width: 32.5842%; /* 232:712 */ } .widget-post-highlight .entry-title { height: 72px; margin: -1.6px 0 0 0; } .widget-post-highlight .entry-excerpt { color: #4d4d4d; display: block; font-weight: normal; margin: 0; padding: 0; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 72px; } .widget-post-highlight .entry-meta { font-size: .75rem; line-height: 2; } .more-link { position: absolute; top: 8px; } .textwidget { padding: 8px 12px 0 12px; } } /** * LANDSCAPE * * Tiles, overridden by sidebar-1 below * */ @media only screen and (min-width: 976px) and (max-width: 1272px) { .widget { max-width: 864px; } .widget-post { padding: 0; width: 32.4%; /* 280:864 */ } .comments-count-label { display: inline; } .widget-post .comments-count { padding-right: 8px; } /* highlight post */ .widget-post-highlight { font-size: 1rem; height: 216px; margin: 0 3.2px 24px 3.2px; max-width: 856px; padding: 0; } .widget-post-highlight .article-thumbnail { float: left; height: 216px; margin: 0 16px 0 0; max-width: 32.5842%; /* 232:712 */ } .more-link { position: static; margin-top: -8px; } } /** * LANDSCAPE: #sidebar-1 * * List style widget posts as on mobile * */ @media only screen and (min-width: 976px) { #sidebar-1 .widget { clear: both; display: block; margin: 0; padding: 0 0 8px 0; width: 100%; } #sidebar-1 > .widget_text { padding-bottom: 0; } #sidebar-1 > .widget_nav_menu { margin-bottom: 16px; } /* half height, no image */ #sidebar-1 .widget-post.half-tile { min-height: 96px; height: auto; } #sidebar-1 .widget-post .entry { min-height: 72px; height: auto; } #sidebar-1 .widget-post { background: #e6e6e6; /* border-top: 1px solid #b3b3b3; */ clear: both; display: block; float: none; min-height: 72px; height: auto; margin: 0 0 8px 0; padding: 8px; width: 100%; } #sidebar-1 > .widget_dp_posts_widget { padding-bottom: 24px; } #sidebar-1 .widget-post .article-thumbnail { float: left; height: 88px; width: 88px; margin: 0 8px 0 0; } #sidebar-1 .widget-post .article-thumbnail.no-thumb { margin-right: 0; min-width: 0; width: auto; } #sidebar-1 .widget-post .cat-links { display: block; min-height: 0; height: auto; padding: 0; } #sidebar-1 .widget-post .entry { /* min-height: 48px; */ } #sidebar-1 .widget-post .entry-title { border: none; font-size: 1rem; font-weight: normal; min-height: 72px; height: auto; line-height: 1.5; padding: 0; } #sidebar-1 .widget-post .entry-title.no-thumb { min-height: 48px; } #sidebar-1 .widget-post .entry-excerpt, #sidebar-1 .widget-post-highlight .entry-excerpt { display: none; } #sidebar-1 .widget-post .entry-meta, #sidebar-1 .widget-post-highlight .entry-meta { margin: 0; padding: 0; } .widget-post .entry-date { padding: 0 8px 8px 8px; } #sidebar-2 .widget-post .entry-date { padding-left: 8px; } #sidebar-1 .comments-count-label { display: none; } .textwidget { padding: 8px 8px 0 8px; } /* show comments in sidebars too .sidebar .widget-post .comments-count { display: inline-block; float: right; padding-right: 8px; } .sidebar .widget-post .entry-meta { clear: both; } */ } @media only screen and (min-width: 976px) and (-webkit-min-device-pixel-ratio: 0) { #sidebar-1 .widget-post.half-tile { min-height: 112px; } } /** * DESKTOP: #sidebar-1 and #sidebar-2 * * List style widget posts as on mobile * * #sidebar-3: highlight as normal tile * */ @media only screen and (min-width: 1272px) { .widget-post { padding: 0; } .sidebar .widget_dp_posts_widget .widget-post { min-height: auto; } #sidebar-1 > .widget:first-of-type > .widget-title, #sidebar-2 > .widget:first-of-type > .widget-title { margin: 0; } #sidebar-1 > .widget:first-of-type > .widget-title, #sidebar-2 > .widget:first-of-type > .widget-title { margin-bottom: 7px; padding: 8px 0 7px 8px; } #sidebar-2 .widget { clear: both; display: block; margin: 0; padding: 0 0 8px 0; } #sidebar-1 > .widget_text, #sidebar-2 > .widget_text { padding-bottom: 0; } #sidebar-1 > .widget_dp_posts_widget, #sidebar-2 > .widget_dp_posts_widget { padding-bottom: 24px; } #sidebar-2 > .widget_nav_menu { margin-bottom: 16px; } /* half height, no image */ #sidebar-2 .widget-post.half-tile { min-height: auto; } #sidebar-2 .widget-post { background: #e6e6e6; padding: 8px; clear: both; display: block; float: none; height: auto; margin: 8px 0; width: 100%; } #sidebar-2 .widget-post .article-thumbnail { height: 88px; width: 88px; margin: 0 8px 0 0; } #sidebar-2 .widget-post .article-thumbnail.no-thumb { margin-right: 0; min-width: 0; width: auto; } #sidebar-1 .widget-post .entry-date, #sidebar-2 .widget-post .entry-date { padding-left: 0; } .widget-post .entry-meta { font-size: .75rem; line-height: 2; height: 24px; vertical-align: bottom; } .widget-post .cat-links, .widget-post-highlight .cat-links { display: block; font-size: .75rem; line-height: 2; padding: 0; } .widget-post .cat-links a, .widget-post .cat-links a:hover, .widget-post .cat-links a:active, .widget-post .cat-links a:visited { color: #808080; border: none; border-collapse: collapse; } /* WIDGETS IN BOTTOM BAR */ /* floats left of tiles */ #sidebar-3 .widget { /* height: 48px; */ font-size: 0.16px; border-top: 1px solid #b3b3b3; margin: 0 0 16px 0; padding-top: 15px; width: 1152px; /* 1144 + 8 */ } #sidebar-3 .widget-title { border: none; font-size: 1rem; float: left; min-height: 336px; margin: 0 .333%; padding: 8px 0 0 4px; width: 24.3%; /* 280:1152 */ } #sidebar-3 .widget-post { font-size: 1rem; background-color: #e6e6e6; border: none; border-collapse: collapse; clear: none; float: left; min-height: 336px; margin: -8px .333% 32px .333%; padding: 0; width: 24.3%; /* 280:1152 */ } #sidebar-3 .widget_dp_agenda_widget .widget-post, #sidebar-3 .widget_dp_agenda_widget .widget-title { min-height: 80px; } #sidebar-3 .widget-post .comments-count { float: right; padding-right: 8px; } #sidebar-3 .widget-post .comments-count-label { display: inline; } #sidebar-3 .widget-post .entry { min-height: 136px; } #sidebar-3 .widget-post .article-thumbnail { float: none; height: 168px; margin: 0; width: 100%; } #sidebar-3 .widget-post .cat-links { display: block; padding: 16px 8px 0 8px; } #sidebar-3 .widget-post .cat-links a, #sidebar-3 .widget-post .cat-links a:hover { color: #808080; font-size: .75rem; border: none; border-collapse: collapse; } #sidebar-3 .widget-post .entry-title { font-weight: 900; padding: 0 8px 8px 8px; } #sidebar-3 .widget-post .entry-meta { font-size: .75rem; line-height: 2; height: 1px; vertical-align: bottom; } #sidebar-3 .widget-post .entry-date { padding: 0 8px 8px 8px; } /* HIGHLIGHT POST */ #sidebar-3 .widget-post-highlight { clear: right; float: left; font-size: 1rem; height: 216px; margin: 0 3.2px 24px 3.2px; max-width: 856px; padding: 0; width: 74.3%; /* 856/1152 */ } #sidebar-3 .widget-post-highlight .article-thumbnail { float: left; height: 216px; margin: 0 16px 0 0; max-width: 32.5842%; /* 232:712 */ } #sidebar-3 .widget-post-highlight .cat-links a { font-size: .75rem; } #sidebar-3 .widget-post-highlight .entry-title { height: 72px; margin: -1.6px 0 0 0; } #sidebar-3 .widget-post-highlight .entry-excerpt { color: #4d4d4d; display: block; font-weight: normal; margin: 0; padding: 0; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 72px; } #sidebar-3 .widget-post-highlight .entry-meta { font-size: .75rem; line-height: 2; } } /* =C A T E G O R Y C O L L E C T I O N P A G E ---------------------------------------------------- */ .cat-page-title { color: #f2f2f2; font-size: 100%; font-weight: 300; line-height: 1.5; letter-spacing: 0.8px; margin: 0; padding: 28px 3.75% 20px 3.75%; text-transform: uppercase; } .collection { clear: both; display: block; margin: 0 2.5% 24px 2.5%; } .collection .archive-meta { padding-top: 16px; } .collection .collection-title { /* border-bottom: 1px solid #b3b3b3; */ border-top: 0; margin: 0; padding-bottom: 16px; } .collection .has-thumb .event-date { border: none; color: #e6e6e6; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.666); } .event-duration { position: relative; left: 104px; top: -12px; max-width: 100%; width: 192px; white-space: nowrap; text-shadow: none; text-align: left; } /* correcties */ .collection .widget-post, .list-archive .widget-post { margin-top: -16px; } .search .list-archive .event-duration, .page-template-page-archive .list-archive .event-duration, .page-template-page-events .list-archive .widget-post .entry-date { display: none; } .container > .list-archive > .entry-content { margin: 0; padding-left: 8px; padding-right: 8px; max-width: 100%; width: 100%; } .collection .widget-post .cat-links, .collection .widget-post .cat-links a, .collection .widget-post .cat-links a:hover, .collection .widget-post .cat-links a:active, .collection .widget-post .cat-links a:visited { color: #e6e6e6; } .collection .no-thumb.widget-post .cat-links, .collection .no-thumb.widget-post .cat-links a, .collection .no-thumb.widget-post .cat-links a:hover, .collection .no-thumb.widget-post .cat-links a:active, .collection .no-thumb.widget-post .cat-links a:visited { border: none; color: #808080; } /** * Agenda items verzamelpagina * */ .collection .event-full { display: none; } .collection .show-event-date .event-date { /* background: rgba(0, 0, 0, .25); */ margin: 0; height: 88px; width: 88px; } .collection .no-thumb .event-date { margin: 0 8px 0 0; height: 88px; width: 88px; } /** * large mobile * */ @media only screen and (min-width: 480px) { .cat-page-title { font-size: 150%; line-height: 1.3333; padding: 24px 3.75%; } } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .cat-page-title { /* color: #e6e6e6; */ font-size: 200%; line-height: 1.5; margin: 0 auto; max-width: 696px; padding: 60px 0 0 72px; } .cat-page-header, .no-photo .cat-page-header { min-height: 132px; } .cat-page-caption { background-color: rgba(0,0,0,.5); color: #b3b3b3; } .archive-meta { padding: 8px; } .collection .archive-meta { margin-top: 0; } .archive-meta p { /* margin: 8px 0 16px 0; */ padding: 0; } .collection { margin: 12px auto 32px auto; max-width: 568px; } .collection > h3 { margin-top: 8px; padding-bottom: 7px; padding-left: 8px; } .collection .collection-title { border-bottom: 1px solid #b3b3b3; padding-bottom: 8px; } .collection .widget-post { clear: both; display: block; float: none; height: 272px; margin: -16px 0 8px 0; padding: 0; position: relative; width: 100%; cursor: pointer; } .collection .no-thumb { /* border-top: 1px solid #b3b3b3; */ height: 152px; } .collection .widget-post .article-thumbnail { height: 100%; } .collection .widget-post .pane { height: 128px; padding: 0; position: absolute; bottom: 0; width: 100%; z-index: 10; } .collection .has-thumb .pane { background-color: rgba(0,0,0,.5); color: #e6e6e6; } .collection .entry { min-height: 80px; } .collection .widget-post .cat-links { min-height: 24px; margin: 0; padding: 8px 8px 0 8px; } .collection .widget-post .cat-links, .collection .widget-post .cat-links a, .collection .widget-post .cat-links a:hover, .collection .widget-post .cat-links a:active, .collection .widget-post .cat-links a:visited { color: #e6e6e6; } .collection .no-thumb.widget-post .cat-links, .collection .no-thumb.widget-post .cat-links a, .collection .no-thumb.widget-post .cat-links a:hover, .collection .no-thumb.widget-post .cat-links a:active, .collection .no-thumb.widget-post .cat-links a:visited { color: #808080; } .collection .widget-post .entry-title { font-size: 125%; line-height: 1.2; height: 64px; } .collection .has-thumb .entry-title a, .collection .has-thumb .entry-title a:hover { color: #c7d51b; } .collection .widget-post .entry-meta { display: block; min-height: 40px; margin: 0; padding: 0; } .collection .widget-post .entry-date { display: inline-block; padding-left: 8px; padding-top: 8px; } .collection .comments-count-label { display: inline; } .collection .widget-post .comments-count { display: inline-block; float: right; margin: 0; padding-top: 8px; text-align: right; } /* Agenda items */ .collection .show-event-date.no-thumb .pane { height: 104px; } .collection .has-thumb .event-full { padding: 0; } .collection .no-thumb .event-date { height: auto; width: auto; } .collection .no-thumb .event-full { float: left; } .event-duration { left: 0; top: 0; } .no-thumb .event-duration { float: left; left: 0; top: 21.328px; } .collection .no-thumb .event-full { color: #b3b3b3; text-shadow: none; padding-left: 0; padding-top: 0; } .collection .has-thumb .event-all-day, .collection .has-thumb .event-from, .collection .has-thumb .event-to { color: #e6e6e6; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.666); } .collection .no-thumb .event-all-day, .collection .no-thumb .event-from, .collection .no-thumb .event-to { color: #b3b3b3; } /** VARIANT: show excerpts in tablet mode **/ .collection .widget-post { height: 472px; margin: -16px 0 0 0; } .collection .no-thumb { height: 352px; } .collection .widget-post .article-thumbnail { height: 272px; } .collection .no-thumb .article-thumbnail { height: 152px; } .collection .widget-post .pane { background-color: transparent; height: auto; bottom: 0; top: auto; } .collection .no-thumb .pane { top: 16px; } .collection .widget-post .cat-links { padding-top: 16px; } .collection .widget-post .entry-title { height: 96px; } .collection .widget-post .cat-links, .collection .widget-post .entry-title { background-color: rgba(0,0,0,.5); margin: 0; max-width: 100%; } .collection .no-thumb .cat-links, .collection .no-thumb .entry-title { background: transparent; } .collection .widget-post .entry-excerpt { display: block; font-weight: normal; height: 160px; overflow: hidden; margin: 0; padding: 24px 8px 16px 8px; } .collection .has-thumb .entry-excerpt { color: #333; } .collection > p { padding: 16px 8px; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .cat-page-title { font-size: 250%; line-height: 1.2; max-width: 840px; padding: 56px 0 0 0; } .collection { margin: 4px 0 32px 0; float: left; width: 66.355%; /* 568/856 */ } .collection .widget-post { height: 472px; margin: -16px 0 0 0; } .collection .no-thumb { height: 352px; } .collection .widget-post .article-thumbnail { height: 272px; } .collection .no-thumb .article-thumbnail { height: 152px; } .collection .widget-post .cat-links { padding-top: 16px; } .collection .widget-post .entry-title { height: 96px; } .collection .widget-post .cat-links, .collection .widget-post .entry-title { background-color: rgba(0,0,0,.5); } .collection .no-thumb .cat-links, .collection .no-thumb .entry-title { background: transparent; } .collection .widget-post .entry-excerpt { display: block; font-weight: normal; height: 160px; overflow: hidden; margin: 0; padding: 24px 8px 16px 8px; } .collection .has-thumb .entry-excerpt { color: #333; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .collection { margin-top: 16px; } .cat-page-title { max-width: 1144px; padding: 56px 0 0 296px; /* 296/1144 */ } .cat-page-header { min-height: 168px; } .no-photo .cat-page-header { min-height: 144px; } .collection .widget-post { border-collapse: collapse; border: none; clear: both; display: block; float: none; height: 472px; margin: -16px 0 0 0; padding: 0; position: relative; width: 100%; } .collection .widget-post.bg-standard, .collection .widget-post.has-thumb { /* background-color: #e6e6e6; */ } .collection .widget-post .article-thumbnail { float: none; height: 272px; margin: 0; width: 100%; } .collection .widget-post .entry { color: #e6e6e6; min-height: 80px; } .collection .widget-post .cat-links { display: block; font-size: .75rem; font-weight: 300; letter-spacing: 0.8px; left: 0; line-height: 2; margin: 0; max-width: 100%; padding: 16px 8px 0 8px; width: 100%; } .collection .widget-post.has-thumb .cat-links { background-color: rgba(0,0,0,.5); color: #b3b3b3 !important; } .collection .widget-post .cat-links a { border-collapse: collapse; border: none; } .collection .widget-post .entry-title { font-size: 125%; font-weight: 900; line-height: 1.2; padding: 0 8px 8px 8px; } .collection .widget-post.has-thumb .entry-title { background-color: rgba(0,0,0,.5); } .collection .widget-post.has-thumb .entry-title a, .collection .widget-post.has-thumb .entry-title a:hover { color: #c7d51b; } .collection .widget-post .entry-excerpt { color: #4d4d4d; display: block; font-weight: normal; height: 160px; margin: 0; overflow: hidden; padding: 24px 8px 24px 8px; } .collection .widget-post .entry-meta { display: block; font-size: .75rem; height: 1px; line-height: 2; margin: 0; padding: 0; vertical-align: bottom; } .collection .widget-post .entry-date { display: inline-block; padding: 8px; } .collection .widget-post .comments-count { display: inline-block; float: right; margin: 0; /* padding: 8px; */ text-align: right; } .collection .widget-post .cat-links, .collection .widget-post .cat-links.second, .collection .widget-post .entry-title, .collection .widget-post .entry-excerpt, .collection .widget-post .entry-meta { padding-left: 32px; padding-right: 32px; } /* no thumbnail */ .collection .widget-post.no-thumb { height: 352px; } .collection .widget-post.bg-standard .cat-links, .collection .widget-post.bg-standard .cat-links a, .collection .widget-post.bg-standard .cat-links a:visited{ color: #e6e6e6; } .collection .widget-post.no-thumb .article-thumbnail { height: 152px; } .collection .widget-post.no-thumb .pane { background-color: transparent; height: 100%; bottom: 0; top: 0; padding-top: 16px; } /* agenda item */ .collection .widget-post .event-date { padding-left: 24px; } .collection .widget-post.show-event-date { background-color: #e6e6e6; } /* layout */ .collection { float: right; width: 66.35%; /* 568/856 */ } } /* =S T A T I C P A G E ---------------------------------------------------- */ .page .entry-header { padding-top: 24px; } .page .entry-content { border: none; border-collapse: collapse; padding-top: 23px; } .page .no-photo ~ .entry-content { padding-top: 7px; } .page .entry-header .entry-title { min-height: 80px; } .page .post-short .no-photo { margin-top: 24px; } .page .post-short .no-photo .entry-title { padding-bottom: 0; padding-top: 8px; } .page .post-short .entry-header .cat-links { margin-top: -24px; } .page .post-short .entry-header, .page .post-short .article-thumbnail .entry-title { min-height: 48px; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .page .entry-header .entry-title { padding-top: 8px; } .page .post-short .no-photo .entry-title { padding-bottom: 8px; padding-top: 15px; } .page .entry-content { padding-bottom: 8px; padding-top: 8px; margin-top: 24px; } .page .sidebar .widget-post .pane { /* padding-top: 24px; */ padding-top: 0; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .page .entry-content { margin-top: 0; } .page .no-photo ~ .entry-content { padding-top: 0; } .page .entry-header .entry-title { margin-top: -4px; padding-top: 0; } .page .sidebar .widget-post .pane { padding-top: 0; } } /* =A R C H I V E P A G E ---------------------------------------------------- */ .list-archive { clear: both; display: block; margin: 0 2.5% 24px 2.5%; } .list-archive h3 { border: 0; padding: 8px; } #filter-form { background-color: #e6e6e6; border-bottom: 1px solid #b3b3b3; margin-bottom: 7px; padding: 12px 8px; width: 100%; } .select-label { border-bottom: 1px dotted #b3b3b3; } .select-label:last-child { border-bottom: 0; border-top: 1px dotted #b3b3b3; } #filter-form select { display: block; margin: 0 8px 8px 0; width: 100%; } .list-archive .no-thumb .article-thumbnail { min-width: 0; width: auto; } .list-archive .event-duration { font-size: .75rem; line-height: 2; } .list-archive .has-thumb .event-date { background: transparent; margin: 4px; border-color: transparent; color: #e6e6e6; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.666); } .list-archive .event-full { display: none; } .list-archive .event-date { margin: 0 8px 0 0; height: 96px; width: 96px; } /* .list-archive .widget-post { margin-top: -16px; } */ /** * tablets portrait * */ @media only screen and (min-width: 720px) { .list-archive { margin: 24px auto 32px auto; max-width: 568px; } #filter-form { height: 56px; margin-bottom: 0; } #filter-form select { display: inline; margin-bottom: 0; max-width: 152px; width: auto; } #post_year, #post_month { width: 128px; } .list-archive .widget-post { background-color: #e6e6e6; border: none; clear: both; display: block; float: none; margin: 0 0 -16px 0; min-height: 136px; height: auto; width: 100%; cursor: pointer; } .list-archive .widget-post .article-thumbnail { float: left; min-height: 136px; height: auto; width: 136px; margin: 0 16px 0 0; } .list-archive .widget-post .entry { /* min-height: 96px; */ } .list-archive .widget-post .cat-links { padding-top: 8px; min-height: 24px; } .list-archive .widget-post .entry-meta { height: auto; padding-top: 0; } .list-archive .comments-count-label { display: inline; } .list-archive .widget-post .entry-date, .list-archive .widget-post .comments-count { display: inline-block; margin: 0; padding: 0; width: 41%; } .list-archive .widget-post .comments-count { width: 25%; } .list-archive .no-thumb .article-thumbnail { margin: 0 8px 0 0; min-width: 0; width: auto; } /* .list-archive .no-thumb .entry-title { font-size: 125%; line-height: 1.2; min-height: 56px; } */ .list-archive .show-event-date .entry-title { font-size: 100%; line-height: 1.5; } .list-archive .show-event-date .event-date { border: 1px solid #808080; height: 120px; width: 120px; margin: 8px 16px 8px 8px; text-align: center; } .list-archive .has-thumb .event-date { background: transparent; border-color: #e6e6e6; color: #e6e6e6; margin: 8px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.666); } .list-archive .show-event-date .event-day { display: block; font-size: 400%; line-height: 1.125; padding-top: 7px; } .list-archive .show-event-date .event-month { display: block; font-size: 200%; line-height: 1; } .list-archive .show-event-date .event-full { display: none; } .list-archive .show-event-date .event-duration { position: relative; left: 136px; top: -16px; max-width: 100%; width: 192px; white-space: nowrap; text-shadow: none; text-align: left; } .list-archive .show-event-date .event-all-day { display: inline-block; padding-left: 0; text-align: left; } .list-archive .wp-pagenavi { padding-top: 39px; } } /** WEBKIT HACK **/ @media screen and (min-width: 720px) and (-webkit-min-device-pixel-ratio: 0) { .list-archive .widget-post .entry-date, .list-archive .widget-post .comments-count { margin-top: 8px; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .list-archive { margin: 24px 0 8px 0; float: left; width: 66.355%; /* 568/856 */ } .list-archive .show-event-date .event-date { padding-top: 0; } .list-archive .show-event-date .event-full { font-size: 250%; line-height: 1.2; } .list-archive .widget-post .entry-date, .list-archive .widget-post .comments-count { width: 33%; } .list-archive .show-event-date .event-duration { top: -16px; text-align: left; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .list-archive { float: left; padding-bottom: 8px; width: 67%; /* 568/856 */ } [class*="page-template-page-"] #sidebar-1 { float: right; width: 32.7%; } [class*="page-template-page-"] #sidebar-2 { display: none; float: none; margin: 0 auto; max-width: 1152px; width: 100%; } [class*="page-template-page-"] .container { float: right; max-width: 856px; } .list-archive .widget-post .entry-title { font-weight: 900; padding: 0 8px 0 0; min-height: 64px; } .list-archive .widget-post .cat-links { display: block; left: 0; font-size: .75rem; line-height: 2; padding: 8px 0 0 0; } .list-archive .no-thumb .cat-links { /* left: -136px; */ } .list-archive .show-event-date.no-thumb .cat-links { left: 0; } .list-archive .widget-post .entry-meta { padding-top: 8px; } .list-archive .show-event-date .cat-links a, .list-archive .bg- .cat-links a, .list-archive .bg-standard .cat-links a, .list-archive .show-event-date .cat-links a:hover, .list-archive .bg- .cat-links a:hover, .list-archive .bg-standard .cat-links a:hover { color: #808080; } .list-archive .show-event-date .event-date { padding-top: 0; } .list-archive .show-event-date .event-duration { top: -16px; } .list-archive .widget-post .entry-date, .list-archive .widget-post .comments-count { width: 33%; } } /* webkit hack */ @media screen and (min-width: 1272px) and (-webkit-min-device-pixel-ratio: 0) { .list-archive .widget-post .entry-title { min-height: 56px; } } /* =U S E R L I S T P A G E ---------------------------------------------------- */ .user-list .user-profile { background: transparent; margin: 0 0 8px 0; padding: 0; } .user-list .user-profile .pane { background: #e6e6e6; margin-bottom: 8px; padding: 8px; } .user-list .user-profile .entry { min-height: 88px; } .user-list .user-bio { clear: both; display: block; } .user-list .user-profile .entry-title { font-weight: 900; padding-left: 0; } .not-excerpt p { margin: 24px 0; } .page-users > .article-thumbnail { background: none; } .user-list .user-profile .article-thumbnail { padding: 0; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .not-excerpt p { margin-bottom: 0; } .user-list { margin-top: 0; padding-top: 8px; width: 100%; } .user-list p { padding: 0 8px 16px 8px; } .user-list .user-profile { margin-bottom: 8px; min-height: 96px; } .user-list .user-profile .article-thumbnail { min-height: 96px; width: 96px; } .user-list .user-profile .entry { min-height: 96px; } .page-users .article-thumbnail.no-photo { padding: 0; margin: 0 auto; max-width: 696px; } .page-users .article-thumbnail .entry-header { min-height: 72px; } .page-users .article-thumbnail.no-photo .entry-title { font-size: 200%; font-weight: 900; letter-spacing: 0; line-height: 2; margin: 0; padding: 31px 72px 0 72px; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .user-list .user-profile .entry-title { min-height: 72px; } .page-template-page-users .post-body { float: none; } .page-template-page-users .post-short .no-photo .cat-links { padding-left: 8px; } .page-template-page-users .article-thumbnail.no-photo .entry-title { padding-left: 8px; border-bottom: 1px solid #b3b3b3; } .search .page .entry-header .entry-title { margin-top: -56px; padding-top: 0; } .search .container { float: right; } } .search .page .entry-header .cat-links { color: #e6e6e6; } /* =A G E N D A W I D G E T ---------------------------------------------------- */ .widget_dp_agenda_widget { max-width: 100%; margin-top: 16px; } .widget_dp_agenda_widget .widget-title { } .event-post { background: transparent; border: 0; min-height: 88px; height: auto; margin: 8px 0; padding: 0 8px; width: 100%; } #sidebar-1 > .widget_dp_agenda_widget > .widget-post.event-post, #sidebar-2 > .widget_dp_agenda_widget > .widget-post.event-post { border: none; } .event-date { background-color: #e6e6e6; border: 1px solid #b3b3b3; color: #808080; display: block; float: left; margin-right: 8px; min-height: 80px; min-width: 80px; text-align: center; } .event-day, .widget div.event-day { font-size: 300%; font-weight: bold; line-height: 1; padding-top: 8px; } .event-month { text-transform: uppercase; } .event-content { clear: both; display: block; color: #4d4d4d; display: none; font-weight: 300; font-size: .75rem; line-height: 2; padding: 24px 8px 0 8px; } .event-title { border: 0; margin: 0; padding-bottom: 0; min-height: 48px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: normal; word-wrap: break-word; } .event-title:hover ~ .event-content { display: block; } .event-all-day, .event-from, .event-to { color: #808080; font-weight: 300; text-transform: lowercase; } .event-from:after { content: ' -'; display: inline-block; text-align: center; width: 16px; } .event-to:after { content: ' uur'; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .widget_dp_agenda_widget { padding-bottom: 16px; } .event-post { /* border-top: 1px solid #b3b3b3; padding-top: 7px; */ padding-top: 0; clear: none; float: left; margin: 0 3.2px 8px 3.2px; width: 48.888%; } #site-footer .event-post { width: 100% !important; padding-left: 0; } .widget-post.event-post { background: transparent; } .show-event-date .event-date, .collection .show-event-date .event-date { background: transparent; border: 0; height: auto; margin: 0; padding-left: 8px; text-align: left; width: auto; } .show-event-date .event-date { padding-left: 0; } .show-event-date .event-duration { padding-left: 8px; } .widget_dp_agenda_widget .show-event-date.no-thumb .event-date { margin: 8px; background-color: #f2f2f2; border: 1px solid #b3b3b3; height: 144px; max-width: 552px; width: 100%; } .show-event-date .event-day, .show-event-date .event-month { display: none; } .show-event-date .event-full { color: #e6e6e6; display: block; font-size: 250%; font-weight: 200; line-height: 1.2; padding: 8px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.666); } .show-event-date.no-thumb .event-full { color: #b3b3b3; text-shadow: none; padding-left: 0; padding-top: 0; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { #sidebar-1 .widget_dp_agenda_widget { max-width: 100%; padding-bottom: 8px; width: 100%; } #sidebar-1 .widget-post.event-post { background: transparent; max-width: 100%; padding: 0; width: 100%; } .event-post .event-date { margin-bottom: 8px; } .event-post { width: 32.5%; } #sidebar-1 .widget_dp_agenda_widget .more-link { margin-top: 16px; margin-bottom: 8px; } } /** * desktop * */ @media only screen and (min-width: 1272px) { #sidebar-2 .event-post { background: transparent; margin: 8px 0 0 0; max-width: 100%; padding: 0; width: 100%; } #sidebar-3 .widget_dp_agenda_widget .widget-title, #sidebar-3 .widget_dp_agenda_widget .widget-post { background: transparent; height: auto; } #sidebar-2 .widget_dp_agenda_widget .more-link { margin-top: 16px; margin-bottom: 8px; } } /* =R E C E N T E R E A C T I E S W I D G E T ---------------------------------------------------- */ .dp-recent-comments-list { list-style: none; margin: 0 0 16px 0; } .dp-recent-comments-list .avatar { display: none; } .dp-recent-comment { /* background-color: #e6e6e6; */ border-bottom: 1px solid #e6e6e6; color: #808080; cursor: pointer; font-size: 1rem; padding: 8px; margin-bottom: 7px; } .dp-recent-comment-header { font-weight: 300; } .dp-recent-comment-header a { font-weight: 700; } .dp-recent-comment:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .dp-recent-comment .comment-author-name { font-weight: 700; } .dp-recent-comment time { font-size: .75rem; color: #808080; display: block; line-height: 2; } .dp-recent-comment time:before { content: '\e80a'; font-family: 'fontello'; font-size: 16px; line-height: .5; padding-right: 4px; position: relative; top: 2px; } .dp-recent-comment .avatar { height: 40px; width: 40px; margin: 0 8px 0 0; } .dp-recent-comment h4 { margin: 0; padding: 0; font-weight: 900; min-height: 48px; } .dp-recent-comment p { margin: 0; padding: 0; max-height: 0; overflow: hidden; -moz-transition: max-height .3333s; -webkit-transition: max-height .3333s; transition: max-height .3333s; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .widget_dp_recent_comments_widget { max-width: 100%; width: 100%; } .dp-recent-comments-list { margin-top: 0; } .widget .dp-recent-comment { clear: none; display: inline-block; margin: 0 3.2px 8px 3.2px; width: 48.888%; vertical-align: top; } #site-footer .widget .dp-recent-comment { width: 100% !important; } .dp-recent-comment:hover p { height: auto; max-height: 1000px; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { #sidebar-1 .widget_dp_recent_comments_widget, #sidebar-1 .dp-recent-comment { max-width: 100%; width: 100%; } .widget .dp-recent-comment { width: 32.4%; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .widget .dp-recent-comment { clear: both; display: block; float: none; width: 100%; } } /** * COMMENTS ARCHIVE * */ .comments-archive { padding-top: 32px; } @media only screen and (min-width: 720px) { .comments-archive { padding: 7px 8px 0 8px; } } .comment-archive-post { border-bottom: 1px solid #ccc; color: #4d4d4d; margin-bottom: 15px; padding-bottom: 7px; } .comment-archive-post .entry-meta { margin: 0; padding: 0; } .comment-archive-post .avatar { display: none; } .comment-archive-post h3, .post .entry-content .comment-archive-post h3 { border: none; margin: 0; padding: 0; } .comment-archive-post p.entry-content { clear: both; display: block; margin: 0; padding: 0; } .comment-archive-post .entry-date { font-size: .75rem; line-height: 2; } /** * BIOGRAFIE WIDGET * */ .widget_dp_person_widget, .widget_dp_author_widget { margin-bottom: 8px; } .widget_dp_person_widget .bio, .widget_dp_author_widget .bio, .widget_dp_author_widget .bio-content { background-color: #e6e6e6; color: #4d4d4d; font-size: 1rem; padding: 8px; max-width: 100%; width: 100%; } .widget_dp_person_widget .bio-content, .widget_dp_author_widget .bio-content { margin-top: 8px; } .widget_dp_person_widget .bio .avatar, .widget_dp_author_widget .bio .avatar { margin-left: 0; } /* correctie voor text widget margin .widget_text ~ .widget_dp_author_widget { position: relative; top: -24px; } */ .widget_dp_person_widget .user-name, .widget_dp_author_widget .user-name { padding-left: 80px; } .extra-info, .widget div.extra-info { clear: both; display: block; font-size: 75%; line-height: 2; margin: 0; padding: 0; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .widget_dp_person_widget, .widget_dp_author_widget { /* clear: none; float: left; */ display: inline-block; vertical-align: bottom; margin: 0 3.2px 8px 3.2px; width: 48.888%; overflow-x: visible; } .widget_dp_person_widget .widget-title, .widget_dp_author_widget .widget-title { clear: left; margin-left: 0; margin-right: 0; width: 202.5%; /* 568/280 */ } .widget_dp_author_widget + .widget_dp_author_widget .widget-title, .widget_dp_person_widget + .widget_dp_person_widget .widget-title, .widget_dp_author_widget + .widget_dp_person_widget .widget-title, .widget_dp_person_widget + .widget_dp_author_widget .widget-title { width: 100%; } /* .sidebar .widget.has-title { clear: both; display: block; float: none; } */ } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .widget_dp_person_widget, .widget_dp_author_widget { padding-bottom: 16px; margin: 0 4px 8px 4px; width: 32.4%; } .widget_dp_person_widget .widget-title , .widget_dp_author_widget .widget-title { width: 305.5%; /* 856/280 */ } .widget_dp_author_widget + .widget_dp_author_widget .widget-title, .widget_dp_person_widget + .widget_dp_person_widget .widget-title, .widget_dp_author_widget + .widget_dp_person_widget .widget-title, .widget_dp_person_widget + .widget_dp_author_widget .widget-title { width: 202.5%; /* 568/280 */ } #sidebar-1 .widget_dp_person_widget .widget-title , #sidebar-1 .widget_dp_author_widget .widget-title { max-width: 280px; } } /** * desktop * */ @media only screen and (min-width: 1272px) { #sidebar-1 .widget_dp_person_widget, #sidebar-2 .widget_dp_person_widget, #sidebar-1 .widget_dp_author_widget, #sidebar-2 .widget_dp_author_widget { margin: 0; width: 100%; } #sidebar-2 .widget_dp_person_widget .widget-title , #sidebar-2 .widget_dp_author_widget .widget-title { max-width: 280px; } } /* =P H O T O W I D G E T ---------------------------------------------------- */ .widget_dp_image_widget { margin: 0 0 24px 0; } .widget-photo { background-position: center; background-repeat: no-repeat; background-size: cover; font-size: 1rem; width: 100%; padding-top: 160px; } .widget-photo .fig-title { border-top: 0; font-weight: 900; } .widget-photo .fig-title a, .widget-photo .fig-title a:hover, .widget-photo .fig-title a:visited { color: #c7d51b; } .widget-photo figcaption { background-color: rgba(0,0,0,.5); color: #ccc; font-family: 'Merriweather', serif; font-size: 1rem; font-weight: 300; line-height: 1.5; margin: 0; padding: 8px 3.75%; } .widget-photo figcaption p { border: 0; width: 100%; padding-bottom: 16px; } .widget-photo figcaption p:before { content: ''; width: 0; } .widget-photo figcaption h3 { color: #e6e6e6; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .widget_dp_image_widget { display: inline-block; margin: 24px 0 8px 0; /* width: 32.2222%; /* 232/720 */ width: 100%; } .widget-photo figcaption { padding: 8px; } .widget-photo figcaption h3 { /* max-width: 552px; */ margin: 0 auto; } .widget-photo figcaption p { padding-left: 0; padding-right: 0; } .widget-photo figcaption h3 { max-width: 552px; margin: 0 auto; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .widget_dp_image_widget { width: 32.4%; /* 280:864 */ } figcaption.icon-resize-full:hover:before { color: #fff; } /* #sidebar-1 > .widget_dp_image_widget:first-of-type { margin-top: 12px; } */ } /** * desktop * */ @media only screen and (min-width: 1272px) { .widget_dp_image_widget { margin: 16px 0 24px 0; width: 100%; } .widget-photo { max-width: 280px; width: 100%; } #sidebar-1 > .widget_dp_image_widget:first-of-type { margin-top: 0; } } /* =F O O T E R ---------------------------------------------------- */ .top-link { background-color: #3e89aa; border-bottom: 1px solid #f2f2f2; clear: both; display: block; height: 40px; padding: 6px 3.75% 0 3.75%; width: 100%; } #totop { color: #f2f2f2; font-weight: 300; } #totop:before { content: '\e80f'; font-family: 'fontello'; font-size: 150%; line-height: .5; padding-right: 4px; position: relative; top: 2px; } .main-footer-nav { background-color: #e6e6e6; } .main-footer-nav a { background-color: #e6e6e6; border-bottom: 1px solid #b3b3b3; color: #3e89aa; } .main-footer-nav a:hover { color: #f2f2f2; } .main-footer-nav a:after { color: #3e89aa; } .footer-nav { padding: 12px 3.75%; } .footer-nav a { color: #f2f2f2; font-weight: 300; } .google-maps-widget .widget-title { display: none; } #footer-bar .widget.widget_sow-google-map { width: 100%; margin: 0; padding-left: 0; padding-right: 0; } .google-maps-widget img { background-color: #333; width: 100vw; height: 75vw; margin: 0 -5%; } address { display: block; font-size: 1rem; font-style: normal; margin: 0; padding: 0; } .adr { margin: 0; padding: 0; list-style:none; } .sidebar .vcard { padding-top: 8px; } .tel:before { content: '\e808'; font-family: 'fontello'; line-height: .5; padding-right: 4px; } .footer-extra { color: #808080; font-weight: 300; padding: 12px 3.75%; } .footer-extra p { margin-bottom: 0; padding-bottom: 0; text-align: center; } #footer-logo { display: block; margin: 0 auto; width: 80px; height: 80px; } /** * Footer widgets * */ #site-footer { background-color: #fff; margin-top: -8px; } #site-footer > .top-link + .menu { margin: 24px auto; max-width: 320px; } #footer-bar { background-color: #4d4d4d; background-image: url(huisstijl/footer-bg.png); background-position: right bottom; background-repeat: no-repeat; background-size: contain; min-height: 160px; padding-bottom: 24px; padding-top: 7px; } #footer-bar .widget { color: #b3b3b3; font-size: 1rem; font-weight: 300; padding: 0 4px 8px 4px; } #footer-bar .textwidget { margin: 0; padding: 0; } #footer-bar .textwidget p { padding: 8px 0 16px 0; } #footer-bar .textwidget p:last-of-type { padding-bottom: 0; } #footer-bar .widget-title { background: none; border-bottom: 1px solid #808080; border-top: 0; color: #b3b3b3; font-weight: 700; margin: 0 0 8px 0; padding: 8px 0 7px 0; } #footer-bar ul { list-style: none; margin: 8px 0 -8px 0; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { #totop, .footer-extra-info { display: block; margin: 0 auto; max-width: 696px; } #site-footer > .top-link + .menu { display: none; } .site-info { margin: 0 auto; max-width: 696px; padding: 16px 0; } .site-info:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } .footer-nav { float: left; padding: 22px 0 12px 0; width: 33.3333%; } .google-maps-widget img { width: 100%; height: auto; margin: 0; } #footer-bar > .widget-container > .widget.widget_sow-google-map { margin-top: 40px; } .footer-extra { max-width: 720px; /* 576px; */ margin: 0 auto; padding: 24px 12px 40px 12px; } #footer-logo { /* float: left; */ width: 200px; height: 200px; /* margin: -16px 16px 32px 0; */ } /** * Footer widgets * */ .google-maps-widget .widget-title { display: block; } #site-footer { margin-top: 0; } #footer-bar .widget-container { max-width: 720px; /* 576px; */ margin: 0 auto; } #footer-bar > .widget-container > .widget { display: inline-block; padding: 0 12px 8px 12px; vertical-align: top; margin: 0 0 16px 0; width: 33.1%; } /* #footer-bar .widgets-count-1, #footer-bar .widgets-count-2 { width: 50%; } #footer-bar .widgets-count-3, #footer-bar .widgets-count-4 { width: 33.3%; } */ } /** * tablets landscape * */ @media only screen and (min-width: 976px) { #totop, .site-info { max-width: 840px; } .footer-extra { max-width: 864px; } /** * Footer widgets * */ #site-footer { margin-top: 0; } #footer-bar .widget-container { max-width: 864px; } /* #footer-bar .widgets-count-1, #footer-bar .widgets-count-2, #footer-bar .widgets-count-3 { width: 33.3%; } #footer-bar .widgets-count-4 { width: 24.85%; } */ } /** * desktop * */ @media only screen and (min-width: 1272px) { #totop, .footer-extra-info, .site-info { max-width: 1128px; } #totop-text { display: inline-block; text-indent: -9999px; } .footer-extra { /* padding-left: 156px; */ } /** * Footer widgets * */ #site-footer { margin-top: 0; } #footer-bar .widget-container { max-width: 1152px; } #footer-bar > .widget-container > .widget { width: 24.85%; } /* #footer-bar .widgets-count-1, #footer-bar .widgets-count-2 { width: 50%; } #footer-bar .widgets-count-3, #footer-bar .widgets-count-4 { width: 24.85%; } */ } /* =A G E N D A P A G E ---------------------------------------------------- */ .agenda-item .event-date { background: transparent; border: 0; color: #b3b3b3; float: none; font-size: 150%; font-weight: 300; line-height: 1; height: auto; padding: 8px 3.75% 16px 3.75%; text-align: left; width: auto; } .agenda-item .article-photo { padding-top: 136px; } .agenda-item .no-photo { background: none; padding-top: 8px; } .agenda-item .no-photo .event-date { color: #808080; font-size: 100%; line-height: 1.5; padding: 15px 3.75% 8px 3.75%; } .agenda-item .no-photo .entry-title { color: #4d4d4d; border-bottom: 1px solid #b3b3b3; font-weight: 900; padding-left: 0; padding-right: 0; margin-left: 3.75%; margin-right: 3.75%; } .agenda-item .entry-meta { font-size: 1rem; line-height: 1.5; padding-bottom: 8px; padding-top: 23px; } /* .agenda-item .entry-content { margin-top: -16px; } */ .agenda-item .entry-content p { color: #4d4d4d; font-weight: normal; } .agenda-item .social-links { display: block; float: right; top: 8px; top: -24px; right: 24px; padding-bottom: 0; margin-bottom: -16px; } .agenda-item footer.entry-meta { margin-top: -20px; } .agenda-item .post-categories { background: #f0f; list-style: none; } .agenda-item .post-categories li { display: inline-block; float: left; font-size: .75rem; font-weight: 200; } .agenda-item .venue-location h3 { margin: 12px 3.75% -8px 3.75%; } .agenda-item .venue-address { color: #4d4d4d; padding: 8px 3.75% 16px 3.75%; } .agenda-item .venue-address .org { font-weight: 900; } /** * tablets portrait * */ @media only screen and (min-width: 720px) { .agenda-item .article-photo { margin: 23px auto 0 auto; max-width: 568px; padding-top: 168px; position: relative; } .agenda-item .entry-meta { padding-right: 72px; } .agenda-item .event-date { font-size: 150%; letter-spacing: 0.8px; line-height: 1; margin: 0 auto; max-width: 552px; padding: 28px 0 4px 0; } .agenda-item .entry-title { font-weight: bold; max-width: 552px; padding: 4px 0 20px 0; } .agenda-item .entry-content { margin: -8px auto 8px auto; } .agenda-item .social-links { top: -16px; right: 0; } .agenda-item .post-categories li { font-size: 100%; } .agenda-item .venue-location { margin: 0 auto; padding: 8px 0 0 0; max-width: 712px; } .agenda-item .venue-location h3 { margin: 26.56px 0 -8px 0; padding-left: 8px; } .agenda-item .venue-map { float: left; margin-bottom: 24px; width: 66.25%; /* 472/712 */ } .agenda-item .eo-venue-map { border: 1px solid #e6e6e6; } .agenda-item .venue-address { background-color: #e6e6e6; float: left; padding: 16px 8px 88px 16px; width: 33.7%; /* 240/712 */ height: 200px; } .agenda-item .tag-links { margin: -5.3328px 0 24px 0; } .agenda-item #sidebar-1 { margin-top: -16px; } /* NO PHOTO */ .agenda-item .no-photo { border-bottom: 1px solid #b3b3b3; padding-top: 8px; max-width: 696px; } .agenda-item .no-photo .event-date { padding: 0; } .agenda-item .no-photo .entry-title { border: none; margin: 0 auto; max-width: 552px; } } /** * tablets landscape * */ @media only screen and (min-width: 976px) { .agenda-item .article-photo { margin: 23px 0 0 0; max-width: 110%; } .agenda-item .entry-header { padding-left: 8px; padding-right: 8px; } .agenda-item .entry-content { margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 8px; max-width: 110%; } .agenda-item .entry-meta { padding-right: 8px; } .agenda-item .venue-location { padding: 0; margin: 0; } .agenda-item .venue-map, .agenda-item .venue-address { float: none; margin-bottom: 0; width: 100%; } .agenda-item .venue-address { padding-left: 8px; height: 176px; } .agenda-item #sidebar-1 { margin-top: 0; padding-top: 0; } .agenda-item .no-photo .entry-header { padding: 0; } } /** * desktop * */ @media only screen and (min-width: 1272px) { .agenda-item .entry-header { padding-top: 8px; } .agenda-item .event-date { padding: 0; } .agenda-item .entry-title { font-size: 2.5rem; line-height: 1.2; padding: 4px 0 20px 0; margin: 0; } /* readability */ .agenda-item .entry-header, .agenda-item .no-photo .entry-header, .agenda-item .entry-meta, .agenda-item .entry-content { padding-left: 32px; padding-right: 32px; } .single-event .cat-header .cat-links, .agenda-item .venue-location h3, .agenda-item .venue-address { padding-left: 40px; } } /* =P L U G I N S & E X T E R N A L L I B S ---------------------------------------------------- */ /** * Styles for WP-PageNavi plugin * * http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { clear: both; display: block; color: #4d4d4d; font-weight: 100; padding: 40px 0 8px 0; text-align: center; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; background: #e6e6e6; padding: 8px; margin-right: 8px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { background: #4d4d4d; color: #e6e6e6; } .wp-pagenavi span.current { font-weight: 900; } .wp-pagenavi .pages { display: none; } @media only screen and (min-width: 720px) { .wp-pagenavi .pages { display: inline; } } /** * Lightbox styles * */ /* Preload images */ body:after { content: url(huisstijl/close.png) url(huisstijl/loading.gif) url(huisstijl/prev.png) url(huisstijl/next.png); } .lb-cancel { background-image: url(huisstijl/loading.gif); } .lb-nav a.lb-prev { background-image: url(huisstijl/prev.png); } .lb-nav a.lb-next { background-image: url(huisstijl/next.png); } .lb-nav a.lb-next, .lb-nav a.lb-prev { opacity: .4; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .lb-nav a.lb-next:hover, .lb-nav a.lb-prev:hover { opacity: .8; } .lb-data .lb-caption { /* hide, for now */ display: none; font-size: 1rem; font-weight: 100; line-height: 1.5; } .lb-data .lb-number { color: #808080; font-size: .75rem; padding-top: 8px; } .lb-data .lb-close { background-image: url(huisstijl/close.png); background-position: center; background-size: contain; height: 24px; width: 24px; } /** * WPCF 7 Contact form * */ .wpcf7-form { margin-bottom: 32px; } input.wpcf7-submit { float: left; } @media only screen and (min-width: 720px) { .wpcf7-form { margin-bottom: 0; } } /* =B B P R E S S F O R U M ---------------------------------------------------- */ .bbpress .entry-header .entry-title { margin-top: 24px; } #bbpress-forums { color: #333; width: 100%; } #bbpress-forums .reply { font-size: 1rem; line-height: 1.5; } #bbpress-forums div.even, #bbpress-forums ul.even { /* background: #f2f2f2; */ } .bbpress .subscription-toggle { display: inline-block; float: right; padding-top: 8px; } .bbpress .bbp-breadcrumb, .bbpress .bbp-topic-tags { font-size: .75rem; } .bbpress .bbp-reply-post-date { color: #999; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { text-align: left; } #bbpress-forums div.bbp-forum-author a.bbp-author-name, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { margin: 0; } /* =Admin Links -------------------------------------------------------------- */ .bbpress .bbp-admin-links { float: right; color: #d5d5d5; } .bbpress .bbp-admin-links a { color: #b3b3b3; font-weight: normal; font-size: .75rem; text-transform: uppercase; text-decoration: none; } /* =Notices -------------------------------------------------------------- */ .bbpress .bbp-template-notice, .bbpress .indicator-hint { padding: 0 4px; background-color: #fff; border-color: #e6e6e6; clear: both; display: block; } .bbpress .bbp-template-notice a { color: #666; text-decoration: none; } .bbpress .bbp-template-notice a:hover { color: #1a1a1a; } .bbpress .bbp-template-notice.info { border: none; border-bottom: #dde 1px solid; border-top: #eef 1px solid; background-color: #f2f2ff; } div.bbp-template-notice p { font-size: .75rem; } @media only screen and (min-width: 720px) { .bbpress .entry-header .entry-title { margin-top: 32px; } .bbpress .entry-content { border: none; padding: 8px 0; } } @media only screen and (min-width: 976px) { .bbpress .entry-content { max-width: 840px; } } @media only screen and (min-width: 1272px) { .bbpress .entry-header .entry-title { padding-left: 8px; } .bbpress .entry-content { max-width: 1128px; } } /** * category links in widget posts * */ .widget-post .cat-links.first { display: block; padding-left: 0; } .widget-post .cat-links.first a, .widget-post .cat-links.first a:hover { color: #808080; } .widget-post .cat-links.second { display: none; } @media only screen and (min-width: 720px) { .widget-post .cat-links.second { display: block; padding-left: 8px; } .widget-post .cat-links.first { display: none; } } @media only screen and (min-width: 976px) { #sidebar-1 .widget-post .cat-links.first { display: block; } #sidebar-1 .widget-post .cat-links.second { display: none; } } @media only screen and (min-width: 1272px) { #sidebar-2 .widget-post .cat-links.first { display: block; } #sidebar-2 .widget-post .cat-links.second { display: none; } #sidebar-3 .widget-post .cat-links.first { display: none; } #sidebar-3 .widget-post .cat-links.second { display: block; } } /* Login pagina */ form#loginform input[type=text], form#loginform input[type=password] { display: block; margin-top: 10px; } p.login-submit { float: left; } /* styling van comments op berichten */ h3.comments-title { margin-bottom: 10px !important; } /* styling of header without photo */ @media only screen and (min-width: 1272px) { .post-short .no-photo .cat-links { padding-left: 20px !important; } } /* user items in menu */ #main-nav a.menu-profile, #main-nav .menu-logout a, #main-nav .menu-login a { color: #3e89aa; } /* styling of new login & registration and user profile pages */ .page-template-login-template .entry-header .entry-title { padding-left: 0; color: #4d4d4d; /* font-family: 'Merriweather', serif !important; */ font-weight: bold; } body.page-template-user-profile-template .entry-content .entry-header, body.page-template-page-user .entry-content .entry-header, body.page-template-user-registration .entry-content .entry-header, body.page-template-login-remember-template .entry-content .entry-header, body.page-template-login-template .entry-content .entry-header { min-height: unset; } @media only screen and (max-width: 992px) { .page-template-user-profile-template .entry-content h1, .page-template-login-template .entry-content h1, .page-template-page-user .entry-content h1, .page-template-user-registration .entry-content h1, .page-template-login-remember-template .entry-content h1 { margin-top: 0px; } } .page-template-login-template #sec-nav, .page-template-page-user #sec-nav, .page-template-user-registration #sec-nav, .page-template-login-remember-template #sec-nav { /* line-height: 40px; */ } .page-template-login-template .entry-header { background: none !important; padding-top: 0 !important; } .page-template-login-template div.login-tabs, .page-template-page-user div.login-tabs { max-width: 1100px !important; margin-top: -45px; margin-bottom: 50px; } .page-template-login-template .login-tabs div, .page-template-page-user .login-tabs div { display: inline-block !important; margin-right: 20px !important; } .page-template-login-template .login-tabs div a, .page-template-page-user ul.login-tabs div a { color: #000000b8 !important; text-transform: uppercase !important; font-family: 'Merriweather Sans', sans-serif !important; } .page-template-login-template input[name=wp-submit], .page-template-login-template input[name=wp-submit2], .page-template-user-registration input[name=wp-submit2], .page-template-login-template input[name=wp-submit3] { /* text-align: left !important; */ float: left !important; } .page-template-login-template .login-section { position: relative; z-index: 9; display: none; } /* login & registratiepagina */ .form-submit input#submit { float: left !important; } input#wp-submit2 { /* text-transform: unset !important; */ } @media only screen and (min-width: 769px) { .page-template-login-template .form-label { min-width: 180px; display: inline-block !important; } .page-template-page-user .form-label { min-width: 275px; display: inline-block !important; } .page-template-login-template .form-field, .page-template-page-user .form-field { display: inline-block !important; } } .page-template-login-template form#registerform div, .page-template-page-user form#registerform div { display: inline-block; } /* registration page */ .page-template-login-template .form-field2 span.action.good, .page-template-login-template .form-field2 span.action.strong { background: #09ab09 !important; } .page-template-login-template .form-field2 span.action, .page-template-page-user .form-field2 span.action { background: orange; padding: 3px 8px; color: white; text-transform: uppercase; font-size: 14px; } .page-template-login-template .form-field2, page-template-user-profile-template .form-field2 { vertical-align: text-bottom; margin-top: 15px; width: 100% !important; margin-left: 0 !important; } .page-template-login-template input#wp-submit2, .page-template-page-user input#wp-submit2, .page-template-login-template input#wp-submit, .page-template-page-user input#wp-submit { /* text-align: left !important; */ float: left !important; margin-bottom: 60px; } .profile-error { background: orange; padding: 5px; color: white; display: inline-block; } @media only screen and (min-width: 769px) { .page-template-user-profile-template .form-label { min-width: 180px; display: inline-block !important; } .page-template-page-user .form-label { min-width: 275px; display: inline-block !important; } .page-template-user-profile-template .form-field, .page-template-page-user .form-field { display: inline-block !important; } } .page-template-user-profile-template form#registerform div, .page-template-page-user form#registerform div { display: inline-block; } /* registration page */ .page-template-user-profile-template .form-field2 span.action.good, .page-template-user-profile-template .form-field2 span.action.strong { background: #09ab09 !important; } .page-template-user-profile-template .form-field2 span.action, .page-template-page-user .form-field2 span.action { background: orange; padding: 3px 8px; color: white; text-transform: uppercase; font-size: 14px; } .page-template-user-profile-template .form-field2, .page-template-page-user .form-field2 { vertical-align: text-bottom; margin-top: 15px; width: 100% !important; } .page-template-user-profile-template .entry-header .entry-title { padding-left: 0; color: #4d4d4d; /* font-family: 'Merriweather', serif !important; */ font-weight: bold; } .page-template-user-profile-template .entry-header { background: none !important; } .page-template-user-profile-template div.login-tabs, .page-template-page-user div.login-tabs { max-width: 1100px !important; margin-top: -45px; margin-bottom: 50px; } .page-template-user-profile-template .login-tabs div, .page-template-page-user .login-tabs div { display: inline-block !important; margin-right: 20px !important; } .page-template-user-profile-template .login-tabs div a, .page-template-page-user ul.login-tabs div a { color: #000000b8 !important; text-transform: uppercase !important; font-family: 'Merriweather Sans', sans-serif !important; } .page-template-user-profile-template input[type="submit"] { /* text-align: left !important; */ float: left !important; } .page-template-user-profile-template .login-section { position: relative; z-index: 999999999999999999999999999; } .page-template-user-profile-template input#wp-submit2, .page-template-page-user input#wp-submit2, .page-template-user-profile-template input#wp-submit, .page-template-page-user input#wp-submit { /* text-align: left !important; */ float: left !important; margin-bottom: 60px; } p.profile-logout { margin-top: -45px; position: relative; z-index: 999999999999999; } .page-template-page-register .profile-error { margin: 120px auto 60px; display: block; max-width: 1100px; } input, textarea, select { border: 1px solid #ddd !important; } .password-rules { width: 100%; background: #ddd; padding: 5px; /* font-size: 14px; */ } .wachtwoord-vergeten { margin-top: -15px; font-size: 13px; margin-bottom: 20px; } .melding-email { font-weight: bold !important; color: white; background: #09ab09 !important; padding: 5px; } .pass-hidden { display: none !important; } span#password-strength2 { background: orange; padding: 3px 8px; color: white; text-transform: uppercase; font-size: 14px; } /* password check */ .pass-button { background: #3e89aa; display: inline-block; color: #ffffffe8; text-transform: lowercase; font-weight: bold; padding: 8px; cursor: pointer; } .page-template-user-profile-template input#updateuser, .updatepassword { display: none; } .page-template-page-register .container { float: left !important; } @media only screen and (min-width: 769px) { .page-template-user-registration .form-label { min-width: 180px; display: inline-block !important; } .page-template-page-user .form-label { min-width: 275px; display: inline-block !important; } .page-template-user-registration .form-field, .page-template-page-user .form-field { display: inline-block !important; } } .page-template-user-registration form#registerform div, .page-template-page-user form#registerform div { display: inline-block; } /* registration page */ .page-template-user-registration .form-field2 span.action.good, .page-template-user-registration .form-field2 span.action.strong { background: #09ab09 !important; } .page-template-user-registration .form-field2 span.action, .page-template-page-user .form-field2 span.action { background: orange; padding: 3px 8px; color: white; text-transform: uppercase; font-size: 14px; } .page-template-user-registration .form-field2, page-template-user-profile-template .form-field2 { vertical-align: text-bottom; margin-top: 15px; width: 100% !important; margin-left: 0 !important; } .page-template-user-profile-template input.search-submit { float: right !important; } .registration-confirm { background: #09ab09; padding: 3px 8px; color: white; text-transform: uppercase; font-size: 14px; font-family: 'Merriweather Sans', sans-serif; margin-bottom: 10px; } .page-template-user-profile-template h1.entry-title, .page-template-login-template h1.entry-title { padding-bottom: 0 !important; min-height: 0 !important; } /* hide remember me on login page */ p.login-remember { display: none; } span.msg.error { background: orange; padding: 3px 8px; color: white; font-size: 14px; display: none; } header.entry-header div.gallery-cell { display: none !important; } @media only screen and (min-width: 720px) { header#masthead { /* margin-top: -24px; */ margin-bottom: 24px; } } .page-template-user-profile-template .resetpasswordform-toggle { margin-top: 25px; padding-bottom: 5px !important; } .resetpasswordform-toggle input { margin-right: 5px; } .page-template-login-template .entry-content { padding-top: 60px; } .password-check-content { padding: 25px 0; } body.page-template-user-profile-template .entry-header .entry-title, body.page-template-page-user .entry-header .entry-title, body.page-template-user-registration .entry-header .entry-title, body.page-template-login-remember-template .entry-header .entry-title, body.page-template-login-template .entry-header .entry-title { font-size: 200%; }