/*
 Theme Name: Troosthuis
 Template: frost
 Text Domain: troosthuis
 Description: Theme specifically for Troosthuis Ede
 Version: 1.0
 Author: Mark van Aalst
*/

.is-relative {
  position: relative
}

input:focus,
textarea:focus {
	background-color: transparent;
	outline: none;

	/* glow */
	box-shadow: 0 0 0 3px var(--wp--preset--color--neutral);
}

.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
	flex: 1
}

/* --- testimonial overrides --- */

.strong-form-inner {
	padding: 0 !important;
}

.required-notice {
	display: none;
}

.wpmtst_submit_testimonial {
	cursor: pointer !important;
	background: var(--wp--preset--color--primary) !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	border-top-left-radius: 100px;
    	border-top-right-radius: 100px;
    	border-bottom-right-radius: 100px;
    	border-bottom-left-radius: 100px;
}
.wpmtst_submit_testimonial:hover {
	border: 2px solid var(--wp--preset--color--primary) !important;
	background: #ffffff !important;
	color: var(--wp--preset--color--primary) !important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content {
	font-size: inherit;
}


/* --- Base visibility utilities --- */
.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.block {
  display: flex !important;
}

.inline-block {
  display: inline-block !important;
}

/* sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px */

@media (min-width: 640px) {
  .sm\:hidden { display: none !important; }
  .sm\:block { display: block !important; }
  .sm\:inline-block { display: inline-block !important; }
  .sm\:flex { display: flex !important; }
}

@media (min-width: 768px) {
  .md\:hidden { display: none !important; }
  .md\:block { display: block !important; }
  .md\:inline-block { display: inline-block !important; }
  .md\:flex { display: flex !important; }
}

@media (min-width: 1024px) {
  .lg\:hidden { display: none !important; }
  .lg\:block { display: block !important; }
  .lg\:flex { display: flex !important; }
}

@media (min-width: 1280px) {
  .xl\:hidden { display: none !important; }
  .xl\:block { display: block !important; }
  .xl\:flex { display: flex !important; }
}

@media (min-width: 1536px) {
  .\32xl\:hidden { display: none !important; }
  .\32xl\:block { display: block !important; }
  .\32xl\:flex { display: flex !important; }
}