/*
Theme Name:		 Capitol School
Theme URI:		 https://capitolsch.com
Tags: full-site-editing
Author:			 Laura Agusti
Author URI:		 https://kiwwwilab.com
Text Domain:	 capitol
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.2

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
    --icon-size: 24px;
}

html {
    scroll-behavior: smooth;
}

/* Navigation */ 

:not(.editor-styles-wrapper) .site-header__centered {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: -webkit-box;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border-radius: 5px;
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: unset;
}

header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
}

/* Buttons */

.wp-block-button .wp-block-button__link:hover {
    opacity: 0.9;
}


.button-arrow .wp-block-button__link {
    align-items: center;
    display: flex;
    gap: 5px;
}

.button-arrow .wp-block-button__link:after {
    content: "";
    height: var(--icon-size);
    width: var(--icon-size);
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' viewBox='0 0 24 24' fill='none' class='icon-1x1-medium'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

/* Text modifiers */

.text-columns-two {
column-count: 2;
gap: var(--wp--preset--spacing--40)
}

.text-columns-two > * {
break-inside: avoid;
}

/* Accordions */

.wp-block-accordion-heading__toggle-icon {
    color: transparent;
    position: relative;
    margin-right: 6px;
}

.wp-block-accordion-heading__toggle-icon:before,
.wp-block-accordion-heading__toggle-icon:after {
    content: "";
    position: absolute;
    background-color: var(--wp--preset--color--accent);
}

.wp-block-accordion-heading__toggle-icon:before {
    width: 16px;
    height: 2px;
}

.wp-block-accordion-heading__toggle-icon:after {
    width: 2px;
    height: 16px;
}