/** First palette */
/* Other colourpalette */
/** Gridpak SCSS - video page. Generator - http://gridpak.com/ */
/* Reusable column setup */
.col { border: 0 solid transparent; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding-box !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; }

/* 1. 4 Column Grid
-----------------------------------------------------------------------------

Span 1:    23.5%
Span 2:    49.0%
Span 3:    74.5%
Span 4:    100%

----------------------------------------------------------------------------- */
.col { margin-left: 2%; padding: 0 10px; }

/* --- Gridpak variables ---*/
.row .col:first-child { margin-left: 0; }

.span_1 { width: 23.5%; border-left-width: 0; padding: 0 10px; margin-left: 2%; }

.span_2 { width: 49%; border-left-width: 0; padding: 0 10px; margin-left: 2%; }

.span_3 { width: 74.5%; border-left-width: 0; padding: 0 10px; margin-left: 2%; }

.span_4 { margin-left: 0; width: 100%; }

/** End of gridpack */
.view-video-overview ul.item-listing { list-style: none; margin-left: 0; padding-left: 0; }

.view-video-overview ul.item-listing li { margin-left: 0; margin-bottom: 10px; }

.video-field-title { width: 250px; overflow: hidden; }

.video-field-date { font-size: 12px; }

/** Custom block video-kerkdienst/vesper met refresh aanwijzing */
.block-17 .block-inner .block-content, .block-20 .block-inner .block-content { border: 1px solid #F5BE41; padding: 10px 10px 0 10px; }

/* Important Information about this CSS File  - Do not delete or rename this file, if you do not use it leave it blank (delete everything) and the file will be skipped when you enable Production Mode in the Global theme settings.  - Read the _README file in this directory, it contains useful help and other information. */
/* Increase the body font size on small touch devices */
body { font-size: 100%; }

/* ============================================================================= Mobile Menu Toggle See your theme settings extensions for how to enable the menu toggle. These are example styles for the menu toggle menu, you can use these in the relevant responsive stylesheets as required. Modify to suit your design. ========================================================================== */
h2.at-menu-toggle-button a.at-menu-toggle-button-link { color: #ffffff; }

#site-name { font-family: Open Sans; font-size: 2em; font-style: normal; font-weight: 700; }

/** Meer nieuws block (aside) */
.block-region-content-aside { width: 350px; margin-left: 5px; margin-bottom: 5px; }
.block-region-content-aside .views-field-field-image img.image-style-news-icon { float: left; margin-right: 12px; border-radius: 300px; }
.block-region-content-aside .view-voorpagina .views-row { margin-bottom: 7px; margin-top: 7px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #d9d9d9; }
.block-region-content-aside .view-voorpagina .views-row a { text-decoration: none; color: #444444; }
.block-region-content-aside .view-voorpagina .views-row a:hover { color: #cf3721; }
.block-region-content-aside .view-voorpagina .views-row .views-field-created { text-transform: uppercase; color: #666; font-size: 0.8333em; }
.block-region-content-aside .view-footer { margin-top: 12px; }

/** Blocks first and second sidebar */
.block-region-sidebar-first, .block-region-sidebar-second { font-size: 13px; }
.block-region-sidebar-first h2.block-title, .block-region-sidebar-second h2.block-title { color: #cf3721; padding: 6px 0 6px 0; font-weight: bold; font-size: 1.42em; }
.block-region-sidebar-first .block-content, .block-region-sidebar-second .block-content { padding: 4px; }
.block-region-sidebar-first .schriftlezing, .block-region-sidebar-first .voorganger-label, .block-region-sidebar-first .bijzonderheden-label, .block-region-sidebar-second .schriftlezing, .block-region-sidebar-second .voorganger-label, .block-region-sidebar-second .bijzonderheden-label { font-weight: bold; color: #100011; }

#block-block-5 h2.block-title .icon.icon-comment { font-size: 0.9em; padding-right: 4px; }

/** Block Agenda */
.region-sidebar-first { margin-left: 20px; }

#block-views-agenda-block-1 .icon.icon-bell-1 { font-size: 0.9em; padding-right: 4px; }
#block-views-agenda-block-1 .datum-agenda { font-weight: bold; color: #100011; display: block; }
#block-views-agenda-block-1 .datum-agenda::after { content: " uur"; }
#block-views-agenda-block-1 .datum-agenda::first-letter { text-transform: uppercase; }

#block-views-agenda-block-2 .icon.icon-calendar, #block-views-agenda-block-2 .icon.icon-hourglass, #block-block-10 .icon.icon-calendar, #block-block-10 .icon.icon-hourglass { font-size: 0.9em; padding-right: 4px; }
#block-views-agenda-block-2 .view-content .views-row, #block-block-10 .view-content .views-row { margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid #d2d2d2; }
#block-views-agenda-block-2 .view-content .views-row .datum-agenda, #block-block-10 .view-content .views-row .datum-agenda { font-weight: normal; color: #100011; }
#block-views-agenda-block-2 .view-content .views-row .datum-agenda::after, #block-block-10 .view-content .views-row .datum-agenda::after { content: " uur"; }
#block-views-agenda-block-2 .view-footer, #block-block-10 .view-footer { margin-top: 12px; }
#block-views-agenda-block-2 .view-footer p .overzicht-agenda, #block-block-10 .view-footer p .overzicht-agenda { font-size: 16px; }

#block-block-10 .block-content p { font-size: 16px; }

/** Nieuws overzicht */
.view-nieuws p { font-size: 0.88em; }
.view-nieuws h4 { margin: 4px 0 8px 0; }
.view-nieuws .view-content { margin-top: 20px; }
.view-nieuws .view-content .views-row { border-bottom: 1px solid #d2d2d2; margin-top: 12px; }
.view-nieuws .image-nwsoverzicht { float: left; margin: 5px 8px -8px 0; }
.view-nieuws .image-nwsoverzicht img { border: solid 1px #eee; }
.view-nieuws .submitted { font-size: 0.833em; margin-bottom: 8px; }

.page-nieuws #content-column .content-inner { width: 350px; margin-left: 5px; }

/** Video */
.sidebar .view-video-overview { margin-left: 0; }
.sidebar .view-video-overview .views-row { margin-bottom: 14px; }
.sidebar .view-video-overview .views-row .video-field-title { width: 200px; overflow: hidden; }
.sidebar .view-video-overview .views-row .video-field-title-front a { font-size: 16px; }
.sidebar .view-video-overview .view-footer a.alle-videos { font-size: 16px; }

/** Link Uitzending op internet */
.sidebar .view-agenda .view-footer { margin-top: 10px; }
.sidebar .view-agenda .view-footer p { margin-left: -2px; }
.sidebar .view-agenda .view-footer a.uitzending-internet { font-size: 16px; }
.sidebar .view-agenda .view-footer i.fontello { color: #cf3721; }