html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
.home-news-grid,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} @font-face {
font-family: 'EurostileDemi';
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_demi-webfont.eot);
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_demi-webfont.eot?#iefix) format('embedded-opentype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_demi-webfont.woff) format('woff'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_demi-webfont.ttf) format('truetype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_demi-webfont.svg#EurostileDemi) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EurostileMedium';
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile-webfont.eot);
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile-webfont.eot?#iefix) format('embedded-opentype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile-webfont.woff) format('woff'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile-webfont.ttf) format('truetype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile-webfont.svg#EurostileMedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'EurostileBold';
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_bold-webfont.eot);
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_bold-webfont.eot?#iefix) format('embedded-opentype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_bold-webfont.woff) format('woff'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_bold-webfont.ttf) format('truetype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/eurostile_bold-webfont.svg#EurostileBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/icomoon.eot?-y17aal);
src: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/icomoon.eot?#iefix-y17aal) format('embedded-opentype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/icomoon.woff?-y17aal) format('woff'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/icomoon.ttf?-y17aal) format('truetype'), url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/fonts/icomoon.svg?-y17aal#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
body {
font: 14px/1.6em 'Roboto', sans-serif;
color: #8e8e8e;
-webkit-font-smoothing: antialiased;
background-color: #fff;
}
img {
display: block;
}
strong,
b {
font-weight: 700;
}
h1 strong,
h2 strong,
h3 strong {
font-weight: normal;
font-family: 'EurostileBold', Tahoma, Geneva, sans-serif;
}
::-moz-selection {
background: #5d9fc5; color: #fff;
}
::selection {
background: #5d9fc5; color: #fff;
}
::-moz-selection {
background: #5d9fc5; color: #fff;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.oldbrowser {
padding: 10px 0;
background: #ffdbdb;
border-bottom: 1px solid #666;
color: #000;
font-size: 12px;
text-align: center;
width: 100%;
}
.posrel {
position: relative;
}
.posrel100 {
position: relative;
width: 100%;
}
.posabs {
position: absolute;
top: 0;
left: 0;
}
.nopadding {
padding: 0;
}
.noborder {
border: 0;
}
.imgcenter {
margin: 0 auto;
}
.aligncenter {
text-align: center;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.flright {
float: right;
}
.flleft {
float: left;
}
.margt20 {
margin-top: 20px;
}
.margb20 {
margin-bottom: 20px;
}
.small {
font-size: 10px;
}
.imgwidth100 {
width: 100%;
max-width: auto;
display: block;
}
.maxwidth100 {
max-width: 100%;
display: block;
}
.borderbottom {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #5a963c;
}
.bordertop {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dotted #5a963c;
}
.greyborder {
border: 1px solid #ddd;
}
.page-numbers {
padding: 0px 10px;
}
*:focus {
outline: none;
}
p {
font-size: 14px;
line-height: 1.6em;
margin: 0 0 18px 0;
}
h1,
h2 {
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
font-weight: normal;
text-transform: uppercase;
}
h1 {
color: #2f4f92;
font-size: 24px;
line-height: 1.2em;
margin: 0;
}
h2 {
color: #a7a7a7;
font-size: 20px;
line-height: 1.2em;
margin: 30px 0;
}
.greenbar h2 {
color: #fff;
font-size: 24px;
margin: 0 0 30px 0;
}
h3 {
margin: 15px 0;
text-transform: uppercase;
color: #2f4f92;
font-size: 18px;
}
.container-sidebar h3 {
margin: 0 0 15px 0;
}
a,
a:visited,
a:hover {
text-decoration: none;
color: #2f4f92;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
text-decoration: underline;
}
ul,
ol {
margin: 0 24px;
padding: 0 0 24px 24px;
}
ul li,
ol li {
margin: 5px 0;
}
article {
overflow: hidden;
}
.odd-even:nth-child(2n+1) {
background-color: #F7FBF4;
}
.odd-even {
padding-top: 5px;
padding-bottom: 5px;
} .intro {
margin: 2rem 0;
padding: 1em;
text-align: center;
color: #fff;
background: #5c973d;
}
.intro h1 {
color: #fff;
background: #5c973d;
}
@media screen and (max-width: 480px) {
#grid[data-columns]::before {
content: '1 .column.size-1of1';
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
#grid[data-columns]::before {
content: '2 .column.size-1of2';
}
}
@media screen and (min-width: 769px) {
#grid[data-columns]::before {
content: '3 .column.size-1of3';
}
}
@media screen and (min-width: 1240px) {
#grid[data-columns]::before {
content: '4 .column.size-1of4';
}
} .home-news-grid {
margin-bottom: 2rem;
}
.home-news-grid .size-1of1 {
width: 100%;
}
.home-news-grid .size-1of2 {
width: 50%;
}
.home-news-grid .size-1of3 {
width: 33.333%;
}
.home-news-grid .size-1of4 {
width: 25%;
}
.home-news-grid .column {
float: left;
}
.home-news-grid .column img {
max-width: 100%;
}
.home-news-grid article {
display: block;
width: 100%;
color: #333;
padding: 0 10px 20px;
}
.home-news-grid article h3 {
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
}
.home-news-grid .item-styling {
border: 1px solid #d3d3d3;
overflow: hidden;
}
.home-news-grid .bewoners .item-styling {
color: #000;
background: #f2f6d7;
}
.home-news-grid .bewoners a {
color: #000;
background: #f2f6d7;
}
.home-news-grid .projecten .item-styling {
background: #304f92;
border: 0;
color: #fff;
}
.home-news-grid .projecten a {
color: #fff;
}
.home-news-grid .duurzaam .item-styling {
background: #5c9a33;
color: #fff;
}
.home-news-grid .duurzaam a {
color: #fff;
}
.newscontent {
padding: 1rem;
}
p {
margin: 1rem 0;
} .eyebrow-box {
float: left;
margin: 0;
}
.eyebrow-menu {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
.social-eyebrow-container {
margin-left: 15px;
}
.eyebrow-menu li {
float: left;
}
.eyebrow-menu li a {
display: block;
font-size: 12px;
text-transform: lowercase;
color: #a4a4a4;
padding: 0 6px;
}
.eyebrow-menu li a:hover {
text-decoration: none;
color: #2f4f92;
}
.eyebrow-menu li:first-child a {
padding-left: 0;
}
.eyebrow-menu li:last-child a {
padding-right: 0;
}
.eyebrow-box .eyebrow-menu a.social-eyebrow,
.eyebrow-box .eyebrow-menu a.social-eyebrow:visited,
.eyebrow-box .eyebrow-menu a.social-eyebrow:hover {
font-size: 16px;
float: left;
width: 16px;
height: 16px;
margin: 5px 10px 0 0;
color: #a4a4a4;
}
.eyebrow-box .eyebrow-menu a.social-eyebrow:hover {
color: #2f4f92;
}
.header-container nav {
position: absolute;
bottom: 0;
right: 10px;
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
float: right;
}
.header-container nav ul,
.header-container nav ul li,
.header-container nav {
margin: 0;
list-style: none;
padding: 0;
}
.header-container nav .menu {
list-style: none;
}
.header-container .menu li {
float: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.header-container .menu li:last-child {
border-right: 0;
}
.header-container .menu li a {
font-size: 14px;
line-height: 1.3em;
display: block;
color: #434343;
padding: 7px 17px 6px 17px;
margin: 0;
border: 0;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-container .menu li.current-menu-ancestor a,
.header-container .menu li.current-menu-parent a,
.header-container .menu li.current_page_parent a,
.header-container .menu li a:hover,
.header-container .menu li.current_page_item a,
.header-container .menu li.current-menu-item a {
color: #fff;
background: #2f4f92;
text-decoration: none;
}
.header-container .menu li ul {
padding: 0;
position: absolute;
top: 31px;
left: 0;
width: 200px;
-webkit-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
z-index: 9999;
}
.header-container .menu li ul li {
background: #377975;
display: block;
float: none;
}
.header-container .menu li ul li a {
color: #fff;
padding: 8px 10px;
font-family: Arial, Helvetica, sans-serif;
text-transform: none;
}
.header-container .menu li:hover a {
background: #2f4f92;
color: #fff;
}
.header-container .menu li ul li a:hover {
background: #5a963c;
color: #fff;
}
#nav ul li:hover>ul {
display: block;
opacity: 1;
z-index: 99999;
visibility: visible;
}
#nav ul ul ul {
left: 100%;
top: 0;
}
.greenbar.container-crumble {
padding: 10px;
margin: 0;
text-transform: lowercase;
font-size: 11px;
}
.header-endpage {
margin-top: 15px !important;
}
.container-crumble a {
color: #fff;
}
.marg300 {
margin-top: 30px;
margin-bottom: 30px;
}
.endpage-img {
margin-bottom: 20px;
}
.downloadlist {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
}
.wysija_archive,
.mailpoet_archive {
list-style: none;
padding: 0;
margin: 0;
}
.downloadlist.normal-font-size {
font-size: 14px;
}
.downloadlist li a {
display: block;
text-decoration: none;
padding-left: 24px;
padding-bottom: 10px;
padding-top: 5px;
border-bottom: 1px dotted #ccc;
}
.downloadlist li a:hover {
color: #5a963c;
}
.downloadlist li a.pdf {
background: url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/icons/pdf.png) 0 6px no-repeat;
}
.downloadlist li a.pdf span {
color: #8e8e8e;
}
.container-submenu {
margin-bottom: 3rem;
}
.container-submenu .menu,
.container-submenu .menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.container-submenu .menu li {
padding: 0;
margin: 0;
}
.container-submenu .menu li a:before {
content: '\203A';
margin-right: 5px
}
.container-submenu .menu li a {
display: block;
border-bottom: 1px dotted #ccc;
padding: 10px;
text-decoration: none;
margin: 0;
}
.container-submenu .menu li a span.menu-addition {
font-size: 10px;
float: right
}
.container-submenu .menu li>a:hover,
.container-submenu .menu li.current_page_item>a,
.container-submenu .menu li.current-menu-item>a {
background: #5a963c;
color: #fff;
}
.container-submenu .menu li ul li {
font-size: 11px;
margin: 0;
}
.container-submenu .menu li ul li a {
padding-left: 20px;
}
.main-slider {
visibility: hidden;
} .search-box {
float: left;
margin-right: 10px;
}
.search-box .search-input {
border: 1px solid #a4a4a4;
width: 106px;
border-right: 0;
padding: 8px;
height: 33px;
margin: 0;
font-size: 12px;
float: left;
}
.search-box .search-submit {
font-family: 'icomoon';
background: #fff;
border: 1px solid #a4a4a4;
width: 34px;
border-left: 0;
height: 33px;
padding: 4px 8px;
color: #a4a4a4;
margin: 0;
font-size: 14px;
float: left;
}
.logo-rijswijkbuiten {
display: block;
}
.container-aanbod {
margin-bottom: 40px;
padding: 0;
}
.slider1-navbox {
position: relative;
float: right;
margin: -30px 10px 0 0;
width: 28px;
height: 19px;
}
.main-slider {
width: 100%;
background: #a4a4a4;
position: relative;
margin-top: 15px;
}
.bx-wrapper {
overflow: hidden;
}
.slider-text {
position: absolute;
top: 40%;
left: 20px;
}
.slider-text h4 {
font-size: 48px;
line-height: 1.1em;
color: #fff;
text-shadow: 1px 1px 14px rgba(0, 0, 0, 1);
display: block;
padding: 0 0 30px 0;
}
.slider-text h3 {
font-family: 'EurostileBold', Tahoma, Geneva, sans-serif;
color: #fff;
text-transform: none;
text-shadow: 1px 1px 14px rgba(0, 0, 0, 1);
font-size: 45px;
line-height: 1.1em;
margin-bottom: 30px;
}
.slider-text a.slider-readmore,
.slider-text a.slider-readmore:visited,
.slider-text a.slider-readmore:hover {
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
font-size: 14px;
text-decoration: none;
line-height: 1em;
display: inline-block;
background: #2f4f92;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 10px 20px 7px 20px;
}
.slider-text a.slider-readmore:hover {
background: #5a963c;
}
.but-inschrijven {
position: absolute;
top: -3px;
right: -3px;
}
.bluebar,
.greenbar {
color: #fff;
background: #2f4f92;
}
.greenbar {
padding: 25px 0;
background: #5a963c;
}
.addressinfo {
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
font-size: 18px;
text-transform: uppercase;
}
a.big-button,
a.big-button:visited,
a.big-button:hover {
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
display: block;
padding: 7px 0;
font-size: 14px;
line-height: 1em;
text-transform: uppercase;
text-decoration: none;
background: #2f4f92;
color: #fff;
}
a.big-button.inline-but,
a.big-button.inline-but:visited,
a.big-button.inline-but:hover {
display: inline-block;
padding: 14px 20px;
}
input.submit-woningen {
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
display: block;
padding: 7px;
font-size: 14px;
line-height: 1em;
text-transform: uppercase;
text-decoration: none;
background: #5a963c;
border: 0;
color: #fff;
width: 100%;
}
input.submit-woningen:hover {
background: #67b021;
}
a.big-button:hover {
background: #fff;
color: #2f4f92;
}
.container-newsitems {
margin: 0 0 40px 0;
}
.endpage-wrapper .container-newsitems {
margin: 0 0 20px 0;
}
.container-newsitems .grid-50 {
margin-bottom: 20px;
min-height: 180px;
}
.container-newsitems p {
padding: 0;
margin: 0;
}
.container-newsitems h3 {
margin: 0 0 10px 0;
font-size: 20px;
width: 90%;
line-height: 1.2em;
}
.container-newsitems h3 a:hover {
color: #5a963c;
text-decoration: none;
}
.container-newsitems img {
display: block;
margin: 0;
}
.container-newsitems .news-date {
color: #5a963c;
}
.paginate-container {
padding: 10px 0;
text-transform: lowercase;
border-top: 1px dotted #5a963c;
border-bottom: 1px dotted #5a963c;
text-align: center;
}
.paginate-container .current {
display: inline-block;
line-height: 1em;
padding: 5px 5px 2px 5px;
background: #2f4f92;
color: #fff;
}
.paginate-container .prev {
float: left;
}
.paginate-container .next {
float: right;
}
.readmore {
white-space: nowrap;
}
.readmore-news {
display: inline-block;
margin-top: 15px;
}
#map_canvas {
width: 100%;
height: 600px;
}
#map_canvas img { max-width: none;
}
.container-todo-icons {
font-size: 18px;
text-transform: uppercase;
font-family: 'EurostileMedium', Tahoma, Geneva, sans-serif;
}
.container-todo-icons a,
.container-todo-icons a:visited,
.container-todo-icons a:hover {
padding: 22px 0 24px 0;
color: #fff;
display: block;
text-decoration: none;
}
.container-todo-icons a:hover {
background: #5d76aa;
}
.container-todo-icons span {
font-size: 24px;
margin-right: 5px;
}
.footer-text {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
font-size: 10px;
}
.footer-text a {
color: #a4a4a4;
}
a.open-mobilemenu,
a.open-mobilemenu:hover {
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 44px;
height: 44px;
padding: 0;
font-size: 40px;
color: #a4a4a4;
text-decoration: none;
}
.container-slider1 {
list-style: none;
padding: 0;
margin: 0;
}
.container-overview article {
border-bottom: 1px dotted #5a963c;
padding: 0;
margin-bottom: 20px;
position: relative;
}
.container-overview article:hover {
background: #edf3ea;
}
.container-overview article h3 {
margin: 0 0 10px 0;
padding: 0;
}
.container-overview article h3 a:hover {
text-decoration: none;
}
.container-overview article summary {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px;
background: rgba(90, 150, 60, 0.7);
color: #fff;
left: 0;
}
.container-overview article:hover summary {
background: rgba(47, 79, 146, 0.7);
}
.container-overview article summary a,
.container-overview article summary a:visited {
text-decoration: none;
color: #fff;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
margin: 2em 0;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} gform_wrapper .g..home-news-grid {
margin: 32px 0 16px 0 !important;
}
gform_wrapper h2.g..home-news-grid_title,
.gform_wrapper h3.gform_title {
padding-top: 20px;
color: #2f4f92;
font-size: 24px;
line-height: 1.2em;
margin: 0;
font-weight: normal !important;
color: #2f4f92;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
background: #2f4f92;
color: #fff;
text-transform: uppercase;
font-size: 24px;
line-height: 1em;
padding: 8px 20px 5px 20px;
margin: 0;
font-weight: normal !important;
border: 0;
}
.icon-info {
margin: 0 auto 30px auto;
font-size: 106px;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-book:before {
content: "\e600";
}
.icon-library:before {
content: "\e601";
}
.icon-cart:before {
content: "\e602";
}
.icon-coin:before {
content: "\e603";
}
.icon-aid:before {
content: "\e604";
}
.icon-search:before {
content: "\e605";
}
.icon-dribble:before {
content: "\e606";
}
.icon-menu:before {
content: "\e607";
}
.icon-briefcase:before {
content: "\e60b";
}
.icon-info:before {
content: "\e60a";
}
.icon-facebook:before {
content: "\e608";
}
.icon-twitter:before {
content: "\e609";
}
.icon-whatsapp:before {
content: "\e900";
}
.icon-linkedin:before {
content: "\e901";
}
.icon-instagram:before {
content: "\e902";
}
@media screen and (min-width: 1024px) {
.dhv-whatsapp {
display: none !important;
}
}
.dhv-social a,
.dhv-social a:visited,
.dhv-social a:hover,
.dhv-social a:active {
padding: 6px 8px !important;
color: white;
font-size: 12px;
border-radius: 2px;
margin-right: 2px;
cursor: pointer;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
margin-top: 2px;
display: inline-block;
text-decoration: none;
line-height: 1em;
}
.dhv-twitter {
background: #00aced;
}
.dhv-twitter:hover,
.dhv-twitter:active {
background: #0084b4;
}
.dhv-facebook {
background: #3B5997;
}
.dhv-facebook:hover,
.dhv-facebook:active {
background: #2d4372;
}
.dhv-pinterest {
background: #bd081c;
}
.dhv-pinterest:hover,
.dhv-pinterest:active {
background: #a50618;
}
.dhv-linkedin {
background: #0074A1;
}
.dhv-linkedin:hover,
.dhv-linkedin:active {
background: #006288;
}
.dhv-whatsapp {
background: #43d854;
}
.dhv-whatsapp:hover,
.dhv-whatsapp:active {
background: #009688;
}
.dhv-social {
margin: 0 0 25px 0;
-webkit-font-smoothing: antialiased;
font-size: 12px;
}
.dhv-social i {
font-size: 18px;
}
.dhv-social .social-title {
display: none;
}
@media screen and (min-width: 767px) and (max-width: 960px) {
.logo-rijswijkbuiten {
width: 100%;
max-width: auto;
display: block;
}
.header-container .menu li a {
font-size: 12px;
padding: 7px 12px 6px 12px;
}
.container-todo-icons {
font-size: 16px;
}
.container-todo-icons span {
font-size: 20px;
}
} @media only screen and (max-width: 767px) {
.container-newsitems h3 {
margin-top: 20px;
}
#map_canvas {
height: 300px;
}
.big-button {
margin-bottom: 20px;
}
.eyebrow-box {
text-align: center;
}
.eyebrow-menu {
margin: 0 auto;
float: none;
display: inline-block;
padding: 0;
}
.header-container .grid-20 {
text-align: center;
}
.header-container .margt20 {
margin-top: 0;
}
.logo-rijswijkbuiten {
display: inline-block;
margin: 20px auto 0 auto;
}
.flleft,
.flright {
float: none;
}
.search-box {
float: none;
width: 100%;
text-align: center;
margin-right: 0;
}
.search-box form {
background: green;
display: inline-block;
margin: 0 auto;
width: 240px;
}
.search-box .search-input {
width: 206px;
}
.search-box .search-submit {
width: 34px;
}
.eyebrow-menu li a {
font-size: 11px;
padding: 0px 4px;
}
.eyebrow-box .eyebrow-menu a.social-eyebrow,
.eyebrow-box .eyebrow-menu a.social-eyebrow:visited,
.eyebrow-box .eyebrow-menu a.social-eyebrow:hover {
margin-right: 4px;
}
.page-numbers {
padding: 0px 3px;
}
} @media screen and (max-width: 420px) {
.page-numbers {
padding: 0px;
font-size: 12px;
}
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//www.rijswijkbuiten.nl/wp-content/themes/rijswijkbuiten2018/images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}.go-slider {
position: relative;
padding:0;
margin:0;
}
.go-slider-container {
width: 100%;
margin: 0 auto;
visibility: hidden;
}
.go-slider .go-slider-canvas {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.go-slider li {
height: 100%;
width:100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
display: none;
background-size: cover;
background-position: center center;
}
.go-slider li img {
visibility: hidden;
}
.go-slider .active {
display: block;
}
.go-slider .go-slider-canvas.slide-animation,
.go-slider .go-slider-canvas.slide-fade {
position: relative;
overflow: hidden;
}
.go-slider .go-slider-canvas.slide-animation li {
float: left;
position: absolute;
left: 100%;
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.go-slider .go-slider-canvas.slide-animation li.active,
.go-slider .go-slider-canvas.slide-animation li.prev {
left: 0%;
}
.go-slider .go-slider-canvas.slide-fade li {
float: left;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
display: block;
}
.go-slider .go-slider-canvas.slide-fade li.active,
.go-slider .go-slider-canvas.slide-fade li.prev {
opacity: 1;
}
.go-slider .slider-nav {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right:0;
margin: 0;
padding: 10px 10px;
}
.go-slider .slider-nav li {
height: 10px;
width: 5%;
display: block;
background-color: rgba(255, 255, 255, 0.4);
border: 2px solid #eee;
display: inline-block;
margin: 0 3px;
position: static;
}
.go-slider .slider-nav li:hover {
cursor: pointer;
background-color: #fff;
}
.go-slider .slider-nav li.active {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #eee;
}
.go-slider .arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60px;
background: rgba(255, 255, 255, 0.4);
}
.go-slider .arrows:hover {
background: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.go-slider .prev-arrow {
left: 0px;
}
.go-slider .next-arrow {
right: 0px;
}
.go-slider .arrows img {
width: 100%;
border:0;
}
.go-slider .image-overlay {
margin: 0 auto;
text-align: center;
}
.go-slider .image-overlay h1 {
margin:0;
padding:0;
margin-top: 5px;
font-size: 2rem;
font-weight: 900;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
}
.go-slider .image-overlay h2 {
margin:0;
padding:0;
margin-top: 25px;
font-size: 1.2rem;
font-weight: 400;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}