/*
Theme Name: DominicusAmsterdam - Salient Child Theme
Description: DominicusAmsterdam child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Editude.nl
Author URI:  https://editude.nl
Template: salient
Version: 1.0
*/

/* ---------------------------------------  Import font Metropolis  --------------------------------------- */
@import url('font/stylesheet.css');
@import url('fullcalendar.css');

/* ---------------------------------------  Introtekst              --------------------------------------- */

.dom_intro {
	color: #ffffff;
	font-family: 'metropolismedium', sans-serif;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 50px;
	text-align: center;
}

.nectar-flickity.nectar-carousel .flickity-slider .inner-wrap>:last-child {
    height: 25vh;
}

.off-canvas-menu-container {
	margin-top: 10px !important;
}

/* ---------------------------------------  Cirkels achtergrond  --------------------------------------- */

p {

}

.ptitles75c {
	width: max-content; /* This will make the div as narrow as possible while still containing the content */
	margin: 0 auto !important; /* This will center the div horizontally */
  }

.ptitles75c p, .ptitles75c ul {
	max-width: 75ch;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left;
}

.picture-rounded {
	style="border-radius: 50%;
	padding: 10px;
}

.row-bg-wrap, .row-bg-layer, .row-bg, .nectar-global-section, .before-footer {
	z-index: 9 !important;
}

.dom-huur-block-rounded {
	background-color: #ffffff;
	border-radius: 18px;
	margin: 20px !important;
}

.dom-huur-block-picture-rounded {
	display: inline-block;
	width: 150px;
	height: 212px;
	float: left;
	border-top-left-radius: 18px; /* Round the top-left corner */
    border-bottom-left-radius: 18px;
}

table.dom-huur-table {
	border: 0px solid !important;
	vertical-align: bottom;
	border-collapse: collapse;
	max-width: 600px;
	background-color: #ffffff;
	font-size: 18px;
}

table.dom-huur-table td {
	width: 200px;
}

table.dom-huur-table tr {
	background-color: #ffffff !important;
}

table.dom-huur-table tr:nth-child(1) {
	border-bottom: 1px solid #ee2361;
	border-top: 0px;
	color:#ee2361;
	font-size: 21px !important; 
	font-family: metropolisbold !important;
}

table.dom-huur-table tr:nth-child(1) td {
	border-bottom: 1px solid #ee2361;
	color:#ee2361;
	font-size: 21px !important; 
	font-family: metropolisbold !important;
}

#dom_circles_top {
	position: fixed;
	right: 0px;
	top: 0vw;
	z-index: 8999;
	pointer-events: none; 
}

#dom_circles_bottom {
	position: fixed;
	bottom: 10px;
  	left: 50%;
	z-index: 10;
	opacity: 0.5;
  	-ms-transform: translateX(-50%);
  	transform: translateX(-50%);
	  pointer-events: none; 
}

#dom_circles_left {
	position: fixed;
	left: -12vw;
  	top: 151px;
	  z-index: 10;
	  pointer-events: none; 
}

#dom_circles_top { 
	width: 17vw;
    height: 17vw;
    border-radius: 0 0 0 17vw;
     -moz-border-radius: 0 0 017vw;
    -webkit-border-radius: 0 0 0 17vw; 
}

#dom_circles_bottom,
#dom_circles_left { 
	width: 24vw;
    height: 24vw;
    border-radius: 12vw;
    -moz-border-radius: 12vw;
    -webkit-border-radius: 12vw; 
}

#dom_circles_top { 
   border: 3vw #c5bdf5;
   border-style: none none solid solid;
}

#dom_circles_bottom,
#dom_circles_left { 
   border: 3vw solid #c5bdf5;
}

.home #dom_circles_top { 
   border: 3vw #ee2361;
   border-style: none none solid solid;
}

.home #dom_circles_bottom,
.home #dom_circles_left { 
   border: 3vw solid #ee2361;
}


.image_toptitle {
	max-width: 40px !important;
	max-height: 40px !important;
}

/* ---------------------------------------  Pagination buttons --------------------------------------- */

.dom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dom-pagination-empty {
	align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
	margin: 5px; /* Adjusted margin for a more balanced look */
}

.dom-pagination-button {
    font-family: 'metropolismedium', sans-serif;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #ee2361;
    margin: 5px; /* Adjusted margin for a more balanced look */
}

.dom-pagination-active {
    background-color: #ee2361 !important;
    color: #ffffff !important;
}

.dom-pagination-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
/* ---------------------------------------  Nieuws - Recent posts --------------------------------------- */

.blog-recent.columns-3 .post {
	background-color: rgba(44, 33, 133,1) !important;
	border-radius: 10px !important;
}

.post::before {
	background-color: rgba(44, 33, 133,1) !important;
	border-radius: 10px !important;
}

.blog-recent.columns-3 .post .meta-category, span.meta-category > a.blog {
	display: none !important;
}

.nectar-post-grid-item, .nectar-post-grid-item .content .nectar-post-grid-link, .dom_homepage_nieuwslijst > .content {
	color: rgba(44, 33, 133,1) !important;
}

div.dom_homepage_nieuwslijst div.content {
	vertical-align: top !important;
}
.dom_homepage_nieuwslijst .content .nectar-post-grid-link {
	font-size: 16px !important;
}

.full-width-section > .col.span_12.dark .nectar-post-grid[data-text-color="light"] .nectar-post-grid-item .content *, .nectar-post-grid[data-text-color="light"] .nectar-post-grid-item .content * {
	color: rgba(44, 33, 133,1) !important;
}

/* ---------------------------------------  Wie zijn wij - voorgangers --------------------------------------- */

.voorgangersPostLoop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px; /* Fixed gap between items */
    box-sizing: border-box;
}

.voorgangerCard {
    background-color: #c5bdf5;
    text-align: left;
    width: 100%; /* Allow flexbox to control the size */
    max-width: 380px; /* Set the max-width to the desired card width */
    padding: 30px;
    border-radius: 15px;
    box-sizing: border-box;
    flex: 1 1 380px; /* Flex-grow, flex-shrink, flex-basis */
}

.voorgangerInner {
	width: 320px;
}

.voorgangerImage {
	width: 250px;
	height: 160px;
	border-radius: 50%;
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.voorgangerSmallRounded {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.voorgangerName {

}

.voorgangerFunctie {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.voorgangerExcerpt {
	margin-bottom: 20px;
}

.gastsprekersPostLoop {
	display: grid;
	gap: 40px;
}

.gastsprekerCard {
	background-color: rgba(206,199,246,0.3);
    text-align: left;
    width: 100%; /* Allow flexbox to control the size */
    max-width: 380px; /* Set the max-width to the desired card width */
    padding: 30px;
    border-radius: 7px;
    box-sizing: border-box;
    flex: 1 1 380px; /* Flex-grow, flex-shrink, flex-basis */
}

.krantenPostLoop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px; /* Fixed gap between items */
    box-sizing: border-box;
}

.krantenCard {
    background-color: #ffffff;
    text-align: left;
    width: 100%; /* Allow flexbox to control the size */
    max-width: 380px; /* Set the max-width to the desired card width */
	height: 210px;
    /*padding: 14px;*/
    border-radius: 7px;
    box-sizing: border-box;
    flex: 1 1 380px; /* Flex-grow, flex-shrink, flex-basis */
	filter: drop-shadow(10px 10px 0.75rem rgba(0, 0, 0, 0.3));
}

.krantenInner {
	display: flex;
	width: 380px;
	overflow: hidden;
	border-radius: 7px;
}

.krantenImage {
	display: inline-block;
	width: 150px;
	height: 212px;
	float: left;
	border-top-left-radius: 7px; /* Round the top-left corner */
    border-bottom-left-radius: 7px; /* Round the bottom-left corner */
}
.krantenSmall {
	width: 150px;
	height: 212px;
}
.krantenData {
	display: inline-block;
	float: left;
	width: 220px;
	height: 210px;
	padding: 20px;
	vertical-align:top;
	overflow: hidden;
}
.krantenNummer h3 {
	font-size: 18px !important;
}

.krantenDatum {
	font-size: 15px;
	margin-top: 8px;
	margin-bottom: 16px;
}

.krant-pdf-container, .krant-image-container {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
/* ---------------------------------------  Nieuwsbrieven Dropdown --------------------------------------- */

.nieuwsbrieven_dropdown {

}

.nieuwsbrieven_dropdownList, #nieuwsbrieven {

	width: 500px;
	color: #ee2361;
	margin-bottom: 10px;
	height: 50px !important;
}

.nieuwsbrieven_dropdownButton {


}

option.nieuwsbrief_dropdownOption {
	color: #ee2361 !important;
}

.mc-field-group div#mce-EMAIL {
	margin-bottom: 0px !important;
}

.mc-field-group div.clear {
	padding-top: 0px !important;
}

/* ---------------------------------------  Nieuws - Single posts --------------------------------------- */

.meta-comment-count {
	display: none !important;
}

.image_rounded_50 {
	border-radius: 50%;
}
/* ---------------------------------------  Footer  --------------------------------------- */

.dom_footer_text,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	color: #ffffff;
	font-family: metropolisregular;
	font-size: 16px;
}

.dom_footer_text a {
	color: #ffffff;
	text-decoration: none;
}

.dom_form_inputfield {
	color: #000000 !important;
	background-color: #ffffff !important;
}


.dom-grid-address {
	display: grid;
    grid-template-columns: 40% 60%;

	.dom-grid-address-phone:first-child {
		content: '<i class="fa fa-facebook-square fa-fw"></i>';
	}
}