
/* SINGLE BLOG LAYOUT
--------------------------------------------------- */
.single-post:not(.fl-full-width) article {
background: white;
border-radius: 4px;
padding: 10px 10px;
}

.post-template-default figcaption {
font-size: 80%;
text-align: center;
font-style: italic;
margin-top: 12px;
}


.post-template-default .dorcas-blog-inhoud li,
.post-template-default .dorcas-blog-inhoud ul,
.post-template-default .dorcas-blog-inhoud p {
line-height: 1.8em !important;
}

@media (min-width:900px) {
.dorcas-blog-inhoud iframe:not([src*="spotify"]) {
width: 100% !important;
height: 500px;}
}

@media (max-width:899px) {
.dorcas-blog-inhoud iframe:not([src*="spotify"]) {
width: 100% !important;
height: 250px;}
}

.post-template-default .dorcas-blog-inhoud p:not(:first-child) {
margin-bottom: 20px !important;
}

h1.fl-post-title {
font-size: 35px;
padding-top: 10px;
}

.single-post #breadcrumbs {
font-size: 13px !important;
}

.single-post:not(.fl-builder) article {
margin-bottom: 50px !important;
}

.single-post:not(.fl-builder-edit) article .fl-builder-content .fl-row-content-wrap {
z-index: 1;
}

.single-post .fl-content {
margin-top: 0px !important;
}

.single-post:not(.fl-builder-edit) .fl-content {
z-index: 2;
}

/* Desktop CSS */
@media (min-width : 1026px) {
.px-inner-post-content {
margin: 20px 20px;
}

.px-post-content {
padding: 0px !important;
}

.px-featured-image {
border-radius: 4px 4px 0px 0px;
margin: -10px;
padding: 300px;
}

#breadcrumbs,
.fl-post-header {
margin: 0px 20px !important;
padding: 0px;
}

#breadcrumbs {
padding-left: 3px;
}
}

/* End @media */
/* iPad Landscape CSS */
@media (min-width : 901px) and (max-width : 1025px) {
.px-inner-post-content {
margin: 20px 20px;
}

.px-post-content {
padding: 0px !important;
}

.px-featured-image {
border-radius: 4px 4px 0px 0px;
margin: -10px;
padding: 300px;
}

#breadcrumbs,
.fl-post-header {
margin: 0px 20px !important;
padding: 0px;
}

#breadcrumbs {
padding-left: 3px;
}
}

/* End @media */
/* iPad Portrait CSS */
@media (min-width : 768px) and (max-width : 900px) {
.px-inner-post-content {
margin: 20px 20px;
}

.px-post-content {
padding: 0px !important;
}

.px-featured-image {
border-radius: 4px 4px 0px 0px;
margin: -10px;
padding: 300px;
}

#breadcrumbs,
.fl-post-header {
margin: 0px 20px !important;
padding: 0px;
}

#breadcrumbs {
padding-left: 3px;
}
}

/* End @media */
/* Mobile CSS */
@media (max-width : 767px) {
.px-inner-post-content {
margin: 0px 0px;
}

.px-post-content {
padding: 0px !important;
}

.px-featured-image {
border-radius: 0px 0px 0px 0px;
margin: -10px;
padding: 200px;
}

.single-post article {
border-radius: 0px !important;
}

.single-post #breadcrumbs,
.single-post .fl-post-header {
padding-top: 0px !important;
margin-bottom: 0px;
}

.container {
padding: 0px !important;
}

.single-post #breadcrumbs {
display: none !important;
padding-bottom: 13px !important;
}

h1.fl-post-title {
font-size: 25px;
padding-top: 0px;
}

.px-post-container article {
padding: 15px 20px;
}
}

/* End @media */
/* GUTENBERG
--------------------------------------------------- */
.wp-block-image {
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
border-radius: 4px;
margin-top: 20px;
margin-bottom: 20px;
margin-left:0px;
margin-right:0px;
}

.wp-block-embed iframe {
width: 100%;
}

.pb_image {
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}

/* Tablet and above */
@media (min-width : 768px) {
.layout-column-1 {
padding-right: 15px;
}

.layout-column-2 {
padding-left: 15px;
}

.wp-block-image img {
border-radius: 4px;
max-height: 650px;
height:auto;
width: 100%;
object-fit: cover;
}

.wp-block-embed-youtube iframe {
width: 100%;
height: 360px;
}
}

/* End @media */
/* Mobile */
@media (max-width : 767px) {
.wp-block-columns.has-2-columns {
grid-auto-columns: unset !important;
}

.wp-block-columns .layout-column-1,
.wp-block-columns .layout-column-1 {
grid-column: none !important;
}

.wp-block-image img {
border-radius: 4px;
max-height: 350px;
width: 100%;
object-fit: cover;
}

.wp-block-embed-youtube iframe {
width: 100%;
height: 260px;
}
}
