/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
	# Media
		# Captions
		# Galleries (Legacy)
# Post and page content
	# Alignments
	# Custom block colors
	# Custom font sizes
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/

@import "_media.css";

/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/

.alignleft {
    float: left;
    margin-right: 1.5rem;
}

.alignright {
    float: right;
    margin-left: 1.5rem;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignwide {
    max-width: calc(50% + var(--content-width) / 2);
}

.alignfull {
    max-width: 100%;
    padding: 0;
}


/*--------------------------------------------------------------
## Custom block colors.
--------------------------------------------------------------*/

.has-theme-primary-color,
.has-theme-primary-color a {
    color: var(--color-theme-primary);
}

.has-theme-primary-background-color {
    background-color: var(--color-theme-primary);
}

.has-theme-secondary-color,
.has-theme-secondary-color a {
    color: var(--color-theme-secondary);
}

.has-theme-secondary-background-color {
    background-color: var(--color-theme-secondary);
}

.has-theme-red-color,
.has-theme-red-color a {
    color: var(--color-theme-red);
}

.has-theme-red-background-color {
    background-color: var(--color-theme-red);
}

.has-theme-green-color,
.has-theme-green-color a {
    color: var(--color-theme-green);
}

.has-theme-green-background-color {
    background-color: var(--color-theme-green);
}

.has-theme-blue-color,
.has-theme-blue-color a {
    color: var(--color-theme-blue);
}

.has-theme-blue-background-color {
    background-color: var(--color-theme-blue);
}

.has-theme-yellow-color,
.has-theme-yellow-color a {
    color: var(--color-theme-yellow);
}

.has-theme-yellow-background-color {
    background-color: var(--color-theme-yellow);
}

.has-theme-black-color,
.has-theme-black-color a {
    color: var(--color-theme-black);
}

.has-theme-black-background-color {
    background-color: var(--color-theme-black);
}

.has-theme-grey-color,
.has-theme-grey-color a {
    color: var(--color-theme-grey);
}

.has-theme-grey-background-color {
    background-color: var(--color-theme-grey);
}

.has-theme-white-color,
.has-theme-white-color a {
    color: var(--color-theme-white);
}

.has-theme-white-background-color {
    background-color: var(--color-theme-white);
}

.has-custom-daylight-color,
.has-custom-daylight-color a {
    color: var(--color-custom-daylight);
}

.has-custom-daylight-background-color {
    background-color: var(--color-custom-daylight);
}

.has-custom-sun-color,
.has-custom-sun-color a {
    color: var(--color-custom-sun);
}

.has-custom-sun-background-color {
    background-color: var(--color-custom-sun);
}


/*--------------------------------------------------------------
## Custom block font sizes.
--------------------------------------------------------------*/

.has-small-font-size {
    font-size: var(--font-size-small);
}

.has-regular-font-size {
    font-size: var(--font-size-regular);
}

.has-large-font-size {
    font-size: var(--font-size-large);
}

.has-larger-font-size {
    font-size: var(--font-size-larger);
}