/*
Theme Name: Volunteer Cornwall
Theme URI: https://wordpress.org/themes/volunteercornwall/
Author: Bear and Pear
Author URI: https://bearandpear.co.uk
Description: A bespoke theme created for Volunteer Cornwall, with a focus on ease of use, clear structure and intuitive navigation. Developed on top of the robust Twenty Twenty-four full site editing code.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: volunteercornwall
*/

/* styles and fixes */

.spacing--50 {
    padding: min(6.5rem, 8vw);
}

.has-spacing-50 { 
    margin-top: 0;
    margin-bottom: 0;
    padding-top: var(--wp--preset--spacing--50);
    padding-right: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
    padding-left: var(--wp--preset--spacing--50);
}
.section-min-padding {
    padding-top: min(6.5rem, 12vw) !important;
    padding-bottom: min(6.5rem, 12vw) !important;
}

.min-width-10rem {
    min-width: 10rem;
}

.column-rowreverse {
    flex-direction: row-reverse;
}

.vc-link {
    font-weight: 100;
    color: #91949A;
}

strong {
    font-weight: 600;
}

.wp-block-button .has-accent-2-background-color:hover {
    background-color: var(--wp--preset--color--contrast-2) !important;
} 
.wp-block-button .has-contrast-2-background-color:hover {
    background-color: var(--wp--preset--color--contrast) !important;
} 

/* mobile menu breakpoint */

@media (max-width: 1030px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}


@media (min-width: 1030px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
}

/* links */

.menu-link a {
    text-decoration: none;
}

.menu-link a:hover, .menu-link a:active {
    text-decoration: underline;
}

h1, h2, h3 {
  scroll-margin-top: 2em;
}


/* image block */

.wp-block-image.is-style-fancy img {
    border-radius: 1.5rem;
    
}
.wp-block-image.is-style-fancy {
    position: relative;
    padding: 2em;
    background-color: #eaee44;
}
.wp-block-image.is-style-fancy::after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 5em;
    height: 5em;
    background-color: blue;
    opacity: .7;
    border-radius: 50%;
}
.is-style-circle img {
    border-radius: 50%;
}
.max-width-200 {
    text-align: center;
}
.max-width-200 img {
    max-width: 200px;
    max-height: 200px;
    aspect-ratio: 1;
}

/* spacing */

.is-style-10 {
    padding-top: var(--wp--preset--spacing--10) !important;
    margin-block-start: 0 !important;
}
.is-style-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
    margin-block-start: 0 !important;
}
.is-style-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
    margin-block-start: 0 !important;
}
.is-style-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
    margin-block-start: 0 !important;
}
.is-style-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
    margin-block-start: 0 !important;
}
.is-style-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
    margin-block-start: 0 !important;
}

/* Document Library Pro */

/*.posts-table-wrapper {
    max-width: var(--wp--style--global--wide-size);
}*/

.dlp-grid-card-featured-img {
    max-height: 10rem;;
}
.dlp-grid-card-featured-img img {
    object-fit: none;
    object-position: center;
}
.dlp-grid-card-featured-icon {
    min-height: 10rem !important;
}
.dlp-grid-controls.dlp-grid-below {
  margin-top: 2.5rem !important;
}
.dlp-grid-controls.dlp-grid-above {
  margin-bottom: 1.5em !important;
}

.single-dlp-description {
    display: none;
}
.single-dlp_document .single-dlp-description {
    display: block;
}

/* Carbon Badge */

.carbonbadge {
    font-size: small !important;
}