Connected Rooms

/* ----------------------------------------- */ /* View slug: blog-slider - start */ /* ----------------------------------------- */ .blog-item { position: relative; min-height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; } .w-blog-block { min-height: 92px; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); padding: 20px 40px; justify-content: space-between; } .w-blog-title { margin: 0; font-size: 20px; font-weight: bold; color: rgb(85, 87, 89); text-align: left; } .w-blog-icon i { text-shadow: none; } .x-btn.x-btn-icon.w-blog-icon, .x-btn.x-btn-icon.w-blog-icon i { color: #f08722; border-color: #f08722; } .x-btn.x-btn-icon.w-blog-icon:hover { background-color: #f08722; } .x-btn.x-btn-icon.w-blog-icon:hover i { color: #fff; } .blog-item:hover .w-blog-block { background-color: rgba(240, 135, 34, 0.8); } .blog-item:hover .w-blog-title { color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon { border-color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon:hover { background-color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon i { color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon:hover i { color: #f08722; } @media screen and (max-width:768px) { .row.blog-items { flex-direction: column; } } .row.blog-items { flex-flow: row wrap; max-height: 300px; overflow: hidden; } @media screen and (min-width:1500px) { .blog-item { flex-basis: 25%; } } @media screen and (min-width:1000px) and (max-width:1500px) { .blog-item { flex-basis: 33.33%; } } @media screen and (min-width:768px) and (max-width:1000px) { .blog-item { flex-basis: 50%; } } @media screen and (max-width:768px) { .blog-item { flex-basis: 100%; } } /* ----------------------------------------- */ /* View slug: blog-slider - stop */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: blog-meer-van-huidige-auteur - start */ /* ----------------------------------------- */ @media screen and (min-width:768px) { .w-author-column { border-left: 1px solid #555759; } .w-author-column .w-author { margin-top: -5em; } } @media screen and (max-width:768px) { .w-author-column { padding-left: unset!important; } .w-author-posts { padding-left: unset!important; } } .w-author { text-align: center; padding-bottom: 2em; } img.w-author-img, .w-author-img img { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); margin-bottom: 1em; border: 5px solid #fff; border-radius: 100em; background-color: #fff; } .w-author-name { font-weight: 700; color: #f08822; } .w-author-function { text-transform: lowercase; } .w-author-email { padding-top: 1em; } .w-author-more { font-weight: 700; color: #545658; } .w-author-posts span { color: #555759; } .w-author-posts i { color: #f08822; } /* ----------------------------------------- */ /* View slug: blog-meer-van-huidige-auteur - stop */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhoudssjabloon: single-page-template - start */ /* ----------------------------------------- */ h2, h3, h4, h5, h6 { font-size: 1.5em; color: #555759; } /* ----------------------------------------- */ /* Inhoudssjabloon: single-page-template - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhoudssjabloon: blok - start */ /* ----------------------------------------- */ .blok-item { position: relative; background-color: #fff; min-height: 300px; background-image: url(/wp-content/uploads/banner-tijdelijk-300x194.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .w-blok-bar { display: flex; flex-direction: row; justify-content: space-between; background-color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; right: 0; padding: 1em 1em 1em 2em; min-height: 100px; } .w-blok-headline { display: flex; flex-direction: column; justify-content: center; } .w-blok-title { font-size: 20px; color: #555759; margin: 0; } .blok-item:hover .w-blok-bar { background-color: rgba(240, 135, 34, 0.8); } .blok-item:hover .w-blok-title { color: #fff; } .blok-item:hover .w-blok-icon { color: #fff; border-color: #fff; } .x-btn.x-btn-icon.w-blok-icon:hover { background-color: #fff; } .x-btn.x-btn-icon.w-blok-icon:hover i { color: #f08822; } @media screen and (max-width:768px) { .blok-item { flex-basis: 100%; } } @media screen and (min-width:768px) and (max-width: 1200px) { .blok-item { flex-basis: 50%; } } @media screen and (min-width:1200px) and (max-width: 1600px) { .blok-item { flex-basis: 33.33%; } } @media screen and (min-width:1600px) { .blok-item { flex-basis: 25%; } } /* ----------------------------------------- */ /* Inhoudssjabloon: blok - einde */ /* ----------------------------------------- */