/*
 Theme Name:     Divi Child Theme
 Theme URI:      
 Description:    Divi Child Theme
 Author:         Justin Visser
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* Global Styles */
body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    background: linear-gradient(135deg, rgba(130, 214, 253, 0.3) 50%, rgba(255, 255, 255, 0.8) 50%, rgba(203, 227, 238, 0.3) 50%), rgba(255, 255, 255, 0.8) 50%;
    background-size: 50% 50%;
    filter: blur(30px);
    animation: moveClouds 10s linear infinite;
    z-index: -3;
    pointer-events: none;
}

/* Keyframes */
@keyframes moveClouds {
    0% {
        transform: translateX(0) translateY(0);
    }
    100% {
        transform: translateX(-50%) translateY(-50%);
    }
}


/* Card Styles */
.card {
    background-color: #fff;
    box-shadow: 0px 8px 24px 0px rgba(140, 149, 159, 0.2);
    border-radius: 5px;
    padding: 10px 25px !important;
    padding-top: 36px !important;
}

#main-content .container {
    background-color: #fff;
    box-shadow: 0px 8px 24px 0px rgba(140, 149, 159, 0.2);
    border-radius: 5px;
    padding: 10px 25px !important;
    padding-top: 36px !important;
}

/* Section Styles */
.et_pb_section {
    padding-top: 0 !important;
    background-color: transparent;
}

/* Menu Styles */
.et_pb_menu, #main-content {
    background-color: transparent !important;
}

#banner {
    padding: 10px !important;
}

#banner_content {
    padding: 0px !important;
}

.et_pb_menu__menu, .et_pb_menu__menu nav {
    width: 100%;
    justify-content: center;
}

#menu-menu_banner {
    width: 94%;
    justify-content: space-between;
}

/* Title Styles */
.entry-title {
    font-size: 22px;
}

.et_pb_title_container h1 {
    font-size: 22px;
}

#left-area .entry-content {
    max-width: 680px;
}

.et_pb_with_border {
    padding-top: 17px;
}

/* List Styles */
/* List Styles within .et_pb_post_content */
.et_pb_post_content ol,
.et_pb_post_content ul {
    padding-left: 40px; /* Adjust padding as needed */
    list-style-position: outside; /* Ensure list markers are outside the text */
}

.et_pb_post_content ol li,
.et_pb_post_content ul li {
    position: relative;
    padding-left: 0; /* Reset padding */
    text-indent: 0; /* Reset text indent */
}

/* Hanging Indent */
.et_pb_post_content ol li::marker,
.et_pb_post_content ul li::marker {
    display: inline-block;
    width: 20px; /* Adjust width to ensure consistent alignment */
    text-indent: 0; /* Reset text indent for marker */
}

.et_pb_post_content ol li,
.et_pb_post_content ul li {
    padding-left: 20px; /* Adjust as needed for proper alignment */
    text-indent: 0px; /* Create a hanging indent */
}

/* Reaction Buttons */
.et_builder_inner_content .reaction_buttons {
    display: none;
}

.et_pb_row .reaction_buttons {
    display: block;
}

.reaction_buttons ul {
    padding: 0;
    margin-left: -3px;
}



/* Post Content */
.et_pb_post_content {
    padding-bottom: 1em !important;  
}

.et_pb_bg_layout_light .et_pb_post p {
    color: #161616 !important;
    font-size: 15px !important;
}

/* Header Styles */
h3 {
    padding-top: 0.2em !important;
}

/* Button Styles */
.wp-element-button {
    background-color: #ddb26b !important;
    color: #fff !important;
}

/* Table Styles */
td {
    border-color: rgb(102, 102, 102) !important;
}

/* Search Input */
.wp-block-search__input {
    font-size: 13px !important;
}

/* Responsive Media Queries */
@media (min-width:981px) {
    .et_pb_section {
        /* Custom styles for screens wider than 981px */
    }
}

@media (max-width:980px) {
    .et_pb_row {
        width: 94%;
    }
}

@media (min-width:768px) and (max-width:980px) {
    .et_pb_row {
        width: 94%;
    }
}

@media (max-width:767px) {
    .et_pb_row {
        width: 94%;
    }
}

/* Image Styles */
.et_pb_image_0_tb_header {
    text-align: center !important;
}

/* Mobile Menu */
.et_mobile_menu li a {
    font-size: 13px !important;
}

#subscribe-submit {
	justify-content: center;
  	display: flex;
}

#subscribe-submit button {
	justify-content: center;
  	display: flex;
    background-color: #ddb26b !important;
    color: #fff !important;
}

.et_pb_widget a {
	color: #1f15d8 !important;
}

.et_pb_widget a:hover {
	color: #605bb7;
}

.et_pb_widget {
	margin-bottom: 3% !important;
}

#subscribe-email {
	padding-bottom: 0.5em;
}

/* Post links */

.custom-navigation-links {
    display: flex;
    justify-content: space-between;
}

.custom-navigation-links a {
    display: inline-flex;
    align-items: center;
}

.prev-post-link {
    margin-right: 10px;
}

.next-post-link {
    margin-left: 10px;
}

/* woordenboek */

/* Increase the width of the main container */
#woordenboek-search {
    max-width: 800px; /* Adjust this value to increase/decrease the width */
    margin: 0 auto; /* Center the search box horizontally */
    padding: 20px; /* Optional: add some padding for better spacing */
}

/* Adjust the main content container */
#content, .post-content {
    max-width: 900px; /* Increase the maximum width */
    margin: 0 auto; /* Center the content horizontally */
    padding: 20px; /* Optional: add padding for better spacing */
}

/* Style the related terms section */
.verwante-begrippen h3 {
    margin-top: 30px; /* Add space above the related terms section */
}

.verwante-begrippen p {
    margin-bottom: 10px; /* Space between related terms */
}

/* Adjust the random suggestions section */
#random-suggestions {
    margin-top: 40px; /* Space above the random suggestions */
}

#random-suggestions h3 {
    margin-bottom: 15px; /* Space below the suggestions heading */
}

#random-suggestions p {
    margin-bottom: 5px; /* Space between suggestion links */
}

/* Adjust the footer/contact section */
#contact-info {
    margin-top: 50px; /* Space above the contact info */
    text-align: center; /* Center the contact information */
}

/* Optional: General text alignment */
body {
    line-height: 1.6; /* Improve readability with line height */
}


/* Adjust the height of the search input and button to be the same and aligned */
#woordenboek-search .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
}

#woordenboek-search .wp-block-search__input {
    width: calc(100% - 130px); /* Adjust width relative to the button */
    padding: 10px; /* Adjust padding to ensure alignment */
    font-size: 16px;
    height: 46.5px; /* Set height to match the button */
    box-sizing: border-box; /* Include padding in height calculation */
    margin: 0; /* Remove any default margins */
}

/* progress button */
.custom-progress-button-wrapper {
    text-align: center; /* Center the button horizontally */
    padding-bottom: 1em;
}

.custom-progress-button {
    display: inline-block;
    padding: 15px 30px; /* Adjusted padding for a more substantial button */
    background-color: #ddb26b; /* Background color based on your feedback */
    color: #ffffff; /* White text color */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 5px; /* Slight rounding of the corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for a professional look */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    width: auto; /* Automatic width to fit the text content */
}

.custom-progress-button:hover {
    background-color: #c49c5b; /* Slightly darker on hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline.wp-block-jetpack-subscriptions__use-newline .wp-block-jetpack-subscriptions__button
{
	height: 30px !important;
}