@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(//fonts.googleapis.com/css?family=Merriweather:300,700,900);
@import url('css/responsive.css');

/*
Theme Name: Sintcentrale
Theme URI: http://www.sintcentrale.nl
Author: MarMac ICT
Author URI: http://www.marmac.nl
Description: MarMac ICT & Sintcentrale
Version: v1.5

/* SintCentrale CSS */


.gform_wrapper.gravity-theme .gsection {
    border-bottom: 1px solid #ccc;
    padding: 40 16px 8px 0!important;
}
.wpdt-c .wpDataTables.wpDataTablesWrapper {
    position: initial !important;
    overflow: auto;
}

.navigatie {padding:0 10px;border-radius:40px;float:right;margin:30px 0 10px;background:rgba(190, 21, 34, 0.6);position:relative;z-index:999;}
.navigatie ul#menu-hoofdmenu li {float:left;}
.navigatie ul {margin:0;}
.navigatie ul#menu-hoofdmenu li {margin:20px 8px;}
.navigatie ul#menu-hoofdmenu li a { font-family: 'Merriweather', Arial, serif; font-weight: 700;
  font-size:16px;color:#fff;text-decoration:none;}
.navigatie ul#menu-hoofdmenu li.current-menu-item a,
.navigatie ul#menu-hoofdmenu li a:hover {text-decoration:underline;}
.header-sintcentrale {background:#be1522 url(images/sintc-bg.png) center center;overflow:hidden;}
#sintcentrale.logo {top:-70px;position:relative;}
.stichting {margin-top:70px;}
.stichting h1 {font-size:36px;}
a.leden {display: none; background:#68b33a;color:#fff !important;text-decoration:none;font-weight:bold;float:right;border-radius:50px;padding:10px 15px;position:relative;z-index:2;border:2px solid #5c9b36;}
a.leden:hover {background:#5c9b36;}
.stichting h1, .stichting h2 {color:#fff;}
.stichting h2 {font-weight:400;}
.fright {float:right;}
.bottom p {margin:0 5px;font-size: 12px;}
.bottom {border-top:1px solid #5d5d5d;margin:0;padding-top:10px;}
img.sint {margin-top:-156px;}
footer .five.columns.last {float:right;margin-right:0;}
#content {overflow:hidden;margin:30px 0 50px;}
#content ul li {list-style: inside;}

.over-ons {
	background: #d41f2f url('images/bg-pepernoten.jpg') center center no-repeat;
    background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;	
}
.over-ons, .over-ons p, .over-ons h1, .over-ons h2, .over-ons h3, .over-ons h4, .over-ons h5 {
	color: #ffffff;
}
.over-ons .the-content {padding-right:30px;}
.planningc {margin:10px 0;}
a .planningc h4 {background:#f1f1f1;padding:20px; text-decoration:none;font-size:16px;font-weight:normal;border-radius:4px;}
a:hover .planningc h4 {background:#86d073;color:#fff;}
footer {background:#666;padding:30px 0 10px !important;color:#fff;}
#sidebar {margin-top:30px;}
a.terug {background:#86d073;padding:10px;border-radius:4px;margin-right:40px;color:#fff !important;text-decoration:none;float:left;}
.border {border-bottom:1px solid #e7e7e7;}


.btn {
  padding: 0.9rem 1.7rem 0.9rem 1.7em !important;
  font-size: 1.2em !important;
  font-weight: 400 !important;
  text-align: center;
  text-decoration: none !important;
  border-radius: 5rem !important;
  display: inline-block;
	background: #ffed00!important;
	border: 2px  solid #ffffff;
}
.btn img {
vertical-align: bottom;
}

a.btn, a.btn:hover {
  color: #000000;
  background: #ffffff;
}


.footer-img {
	text-align: center;
}
.footer-img img, .sint-en-piet img {
	max-width: 100%;
	height: auto;
}

footer ul li a, footer strong {color:#fff;}
.wpcf7-form p input.wpcf7-form-control.wpcf7-submit {background:#5c9b36;color:#fff;border-radius:40px;border:none;padding:10px 15px;font-weight:normal;font-size:14px;cursor:pointer;}


.fixed {
  position: fixed;
  will-change: transform;
}

.fixed--bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

/* label:after {font-family:'FontAwesome';content:'\f00c';font-size:16px;} */

/* Wanneer je dit formulier gebruikt, ga je akkoord met onze <a href="/privacyverklaring-cookies/">privacy</a> regels.*/

/* 
<svg class="svg-inline--fa fa-lock fa-w-14" aria-hidden="true" data-fa-processed="" data-prefix="fas" data-icon="lock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path></svg>
*/

/* modules/button.css */

.wpcf7-form-control-wrap::before {
    background: url(/images/lock.png) no-repeat center center;
    height: 20px;
    width: 20px;
    content: '';
    position: absolute;
    background-size: 85%;
    opacity: .6;
    top: 28px;
    left: -22px;
}

button {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  margin: 0;
  padding: 0;
}

.button {
  border-style: solid;
  border-width: 0.0625em;
  padding: 0.5em 1em;
  position: relative;
}

.button::after {
  background-color: #333;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  will-change: opacity;
  z-index: -1;
}

.button:focus::after,
.button:hover::after {
  opacity: 1;
}

p#wpgdprc_field {float:left;}

/* modules/cookie-disclaimer.css */

.cookie-disclaimer {
  background-color: #333;
  color: #fff;
  font-size: 12px;
  opacity: 0;
  padding: 12px;
  padding: 0.75rem;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, transform 0.5s;
  transition: opacity 0.3s, transform 0.5s, -webkit-transform 0.5s;
  z-index:999;
}

.cookie-disclaimer.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.cookie-disclaimer a {color:inherit;opacity:0.9;}

.cookie-disclaimer :first-child {
  margin-top: 0;
}

.cookie-disclaimer :last-child {
  margin-bottom: 0;
}

/* modules/media.css */

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.media--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.media__object--left {
  margin-right: 1em;
}

.media__object--right {
  margin-left: 1em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.media__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.media__body p {color:#fff;font-weight:normal;}

/* Basic CSS */

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, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
  body {
    line-height: 1; }
  ol, ul {
    list-style: none; }
  blockquote, q {
    quotes: none; }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }


/* #Basic Styles
================================================== */
  body {
    background: #fff;
    font: 14px/21px 'Open Sans', Arial, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
 }



/* #Typography
================================================== */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', Arial, serif; font-weight: 400;
    color: #2e2e2e;
    font-weight: 700; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  h1 { font-size: 26px; line-height: 50px; margin-bottom: 14px;}
  h2 { font-size: 25px; line-height: 40px; margin-bottom: 10px; }
  h3 { font-size: 22px; line-height: 34px; margin-bottom: 8px; }
  h4 { font-size: 20px; line-height: 30px; margin-bottom: 4px; }
  h5 { font-size: 15px; line-height: 24px; }
  h6 { font-size: 14px; line-height: 21px ; }
  .subheader { color: #777; }

  p { margin: 0 0 20px 0; line-height: 24px;}
  p img { margin: 0; }
  p.lead { font-size: 21px; line-height: 27px; color: #777;  }

  em { font-style: italic; }
  strong { font-weight: bold; color: #333; }
  small { font-size: 80%; }

/*  Blockquotes  */
  blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
  blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
  blockquote cite { display: block; font-size: 12px; color: #555; }
  blockquote cite:before { content: "\2014 \0020"; }
  blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

  hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
  a, a:visited { color: #333; text-decoration: underline; outline: 0; }
  a:hover, a:focus { color: #000; }
  p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
  ul, ol { margin-bottom: 20px; }
  ul { list-style: none outside; }
  ol { list-style: decimal; }
  ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  ul.square { list-style: square outside; }
  ul.circle { list-style: circle outside; }
  ul.disc { list-style: disc outside; }
  ul ul, ul ol,
  ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
  ul ul li, ul ol li,
  ol ol li, ol ul li { margin-bottom: 6px; }
  li { line-height: 18px; margin-bottom: 12px; }
  ul.large li { line-height: 21px; }
  li p { line-height: 21px; }

/* #Images
================================================== */

  img.scale-with-grid {
    max-width: 100%;
    height: auto; }


/* #Forms
================================================== */

.login-form form table tbody tr td input.login-btn {
  background:#A6CE39;
  width: 100%;
  padding:10px;
  color:#fff;
  font-size:16px;
  border:none;
  border-radius:5px;
  cursor:pointer;
  margin-bottom:10px;
}

.login-form form table tbody tr td input {
  border:1px solid #e7e7e7;
  padding:8px;
  width: 90%;
  border-radius:5px;
  margin-bottom:22px;
}