/*
 Theme Name:   Customify K.S.S.B.G.
 Theme URI:    https://www.sintbarbaragullegem.be/
 Description:  Customify K.S.S.B.G. Child Theme
 Author:       Dieter Verfaillie
 Author URI:   https://www.sintbarbaragullegem.be/
 Template:     customify
 License: GNU General Public License v3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  customify-kssbg
*/

/* "Recente berichten" op "Welkom" pagina */
.wp-block-latest-posts.wp-block-latest-posts__list li {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  padding: 15px 15px 15px 15px;
  overflow: auto;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.wp-block-latest-posts.wp-block-latest-posts__list a {
  font-size: 1.1em;
  font-weight: 500;
  color: #2b2b2b;
}
time.wp-block-latest-posts__post-date {
  font-size: .72em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
  color: #6d6d6d;
  margin-top:15px;
  margin-bottom:15px;
}
time.wp-block-latest-posts__post-date::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  content: "\f017\00a0\00a0";
}
.wp-block-latest-posts__featured-image.alignright {
  margin:10px;
  display: inline-block;
}

/* Kalender */
.ics-calendar-color-key {
	display: none;
}

.ics-calendar-date-wrapper {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	padding: 15px;
	overflow: auto;
	display: grid;
	gap: 1em;
	grid-template-columns: 7ch auto;
}

.ics-calendar-date {
	grid-row: 1/-1;
	align-self: stretch;
	text-align: center;
	background: #808000;
	color: white;
	word-spacing: 100vw;
}

.ics-calendar-date .time-inline {
	display: none;
}

.ics-calendar dl.events {
	overflow: visible;
	grid-column: 2;
	margin: 0;
}

.ics-calendar dl.events dt.time {
	color: #6d6d6d;
	padding: 0;
	font-size: .72em;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 8px;
}

.ics-calendar dl.events dt.time span.end_time {
	color: #6d6d6d;
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
}

.ics-calendar dl.events dt.time::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	content: "\f017\00a0\00a0";
}

.ics-calendar dl.events dd.event {
	padding: 0 0 1.5em 0;
}

.ics-calendar dl.events dd.event span.title {
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 8px;
}

.ics-calendar .event .descloc {
	font-size: 1em;
	color: #6d6d6d;
}

.ics-calendar .event .descloc div.location::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	content: "\f3c5\00a0\00a0"
}

/* Digital signage */
.ics-calendar.layout-masonry {
	margin-left: 32px;
	margin-right: 32px;
}

.ics-calendar-date-wrapper.ics-calendar-masonry-grid-item {
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

.ics-calendar-masonry-grid-item .ics-calendar-date {
	font-size: 28px;
	font-weight: 700;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	word-spacing: initial;
	text-align: center;
}

.ics-calendar.layout-masonry dl.events dd.event {
	padding-bottom: 6px;
}

.ics-calendar.layout-masonry dl.events dd.event span.title {
	display: block;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 6px;
}

.ics-calendar.layout-masonry dl.events dt.time {
	font-size: 15px;
}

.ics-calendar.layout-masonry dl.events dt.time span.end_time {
	font-size: 15px;
}

.ics-calendar.layout-masonry .location {
	display: none;
}

.ics-calendar.layout-masonry .eventdesc * {
	font-size: 18px;
	margin-bottom: 6px;
	line-height: 1.3em;
}

/* "Meer nieuws" & "Verder lezen" knoppen in sidebar op "Welkom" pagina */
/* "Download" knoppen */
a.kssbg-button, a.srpw-more-link, .wp-block-file a.wp-block-file__button, a.wp-block-button__link {
  white-space: nowrap;
  display: inline-block;
  line-height: 1;
  border: 1px solid #808000;
  background: #ffffff;
  color: #808000 !important;
  border-radius: 2px;
  cursor: pointer;
  padding: 7px 17px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  -webkit-transition: border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s, -webkit-transform .18s;
  transition: border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s, -webkit-transform .18s;
  transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s;
  transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s, -webkit-transform .18s;
  font-weight: 500;
}
a.kssbg-button:hover, a.srpw-more-link:hover, .wp-block-file a.wp-block-file__button:hover, a.wp-block-button__link:hover {
  background: #808000;
  color: #FFFFFF !important;
  border-color: #808000;
}

/* Berichten op "Nieuws" pagina */
.entry-inner {
  padding: 10px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}
.entry-inner:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Webshop */
p.woocommerce-store-notice {
  background-color: #E2401C;
}
.woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
  visibility: hidden;
}
.woocommerce ul.products li.product a img {
  width: 180px;
  height: auto;
  display: block;
}
.media-product-media div {
  width: 275px;
}

/* Cookie seetings link in footer */
.cli_settings_button {
  color: rgba(255,255,255,.79);
}

/* WPCF7 input label styling */
.wpcf7 form label,
.wpcf7 form .field.file label
{
  margin-bottom: 4px !important;
}

/* WPCF7 input styling */
.wpcf7 form input[type="date"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="text"],
.wpcf7 form .field.file,
.wpcf7 form .wpcf7-list-item
.wpcf7 form .wpcf7-textarea
{
  margin-bottom: 8px !important;
}

.wpcf7 form .wpcf7-textarea
{ 
    width: 100% !important;
	min-height:140px !important;
    height:140px !important;
}

/* WPCF7 submit button styling & all other submit buttons */
.wpcf7 form input[type="submit"],
input[type="submit"]
{
  color:#ffffff !important;
  background:#8B4513 !important;
}

/* WPCF7 validation styling */
.wpcf7 form .wpcf7-not-valid {
  border: 1px solid #ff0000 !important;
}
.wpcf7 form span.wpcf7-not-valid-tip {
  background: #ffffff !important;
  border: 0px;
  font-size: 12pt;
  width: 100%;
  padding: 0px 0px 8px 0px !important;
  position:static !important;
}

/* WPCF7 output styling */
.wpcf7 form .cf7sg-response-output,
.wpcf7 form .wpcf7-response-output
{
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;	
  width: 100%;
  margin: 0px 0px 8px 0px !important;
  padding: 8px !important;
}
.wpcf7 form.init .cf7sg-response-output,
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.sent .cf7sg-response-output,
.wpcf7 form.sent .wpcf7-response-output
{
  display: none !important;
}
.wpcf7 form.failed .cf7sg-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .cf7sg-response-output,
.wpcf7 form.aborted .wpcf7-response-output
{
  background: #ffe2e2 !important;
  border: 1px solid #ff0000 !important;
  color: #C10000 !important;
}
 
.wpcf7 form.spam .cf7sg-response-output,
.wpcf7 form.spam .wpcf7-response-output
{
  background: #e2e2e2 !important;
  border: 1px solid #bcbcbc !important;
  color: #383838 !important;
}
 
.wpcf7 form.invalid .cf7sg-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .cf7sg-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output
{
  background: #fcf8e3 !important;
  border: 1px solid #ac9163 !important;
  color: #8a6d3b !important;
}

.wpcf7 span.cf7sg-popup
{
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;	
  width: 100%;
  margin: 8px 0px 8px 0px !important;
  padding: 4px !important;
  background: #fcf8e3 !important;
  border: 1px solid #ac9163 !important;
  color: #8a6d3b !important;
}
.wpcf7 form .cf7sg-popup-box
{
  text-align: center;
}
.wpcf7 form .wpcf7-spinner
{
  margin: 8px 0px 8px 0px !important;
  padding: 4px !important;
}

/* Hide reCaptcha badge */
.grecaptcha-badge { visibility: hidden; }