/*
Theme Name: Definite
Description: Used to style Gutenberg Blocks.
*/


/* Audio */
.wp-block-audio audio {
    display: block;
    width: 100%;
}

/* File */
.wp-block-button__link,
.wp-block-button__link:visited,
.wp-block-file .wp-block-file__button {
    background-color: #2f3335;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.06em;
    padding: 10px 40px;
    transition: all 0.2s ease;
    max-width: 100%;
	margin: 0 0 1rem;
    text-transform: uppercase;
    text-align: center;
}
.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 1px solid #484848;
    color: inherit;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
    background-color: #3e8cc1;
	text-decoration:none;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
    color: #fff;
	opacity: 0.8;
}

.is-style-outline .wp-block-button__link:focus,
.is-style-outline .wp-block-button__link:hover {
	background: transparent;
	border-color: #3e8cc1;
	color: #3e8cc1;
}

.wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus {
    outline: thin dotted;
    outline-offset: -4px;
}

.rtl .wp-block-file * + .wp-block-file__button {
    margin-left: 0.75em;
    margin-right: 0;
}

.wp-block-file {
    margin: 1rem 0;
}
.wp-block-file a {
    margin: 0 0.75rem 0 0;
    font-size: 0.875rem;
}

/* Cover image */
.editor-block-list__block .wp-block-cover-image {
    height: 50vh;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    width: 100%;
}

.editor-block-list__block .wp-block-cover-image.alignfull {
    /* This makes a full area image */
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.wp-block-cover {
	font-family: "helvetica neue", arial, sans-serif;
    margin: 2.5rem auto;
}


.wp-block-cover-image .wp-block-subhead:not(.has-text-color), 
.wp-block-cover-image h1:not(.has-text-color), 
.wp-block-cover-image h2:not(.has-text-color), 
.wp-block-cover-image h3:not(.has-text-color), 
.wp-block-cover-image h4:not(.has-text-color), 
.wp-block-cover-image h5:not(.has-text-color), 
.wp-block-cover-image h6:not(.has-text-color), 
.wp-block-cover-image p:not(.has-text-color), 
.wp-block-cover .wp-block-subhead:not(.has-text-color), 
.wp-block-cover h1:not(.has-text-color), 
.wp-block-cover h2:not(.has-text-color), 
.wp-block-cover h3:not(.has-text-color), 
.wp-block-cover h4:not(.has-text-color), 
.wp-block-cover h5:not(.has-text-color), 
.wp-block-cover h6:not(.has-text-color), 
.wp-block-cover p:not(.has-text-color) {
    color: #fff;
    font-family: Arial, sans-serif;

}

/* images and captions */
.wp-block-image {
    text-align: center;
}

.wp-block-image img {
    max-width: 100%;
}
.blocks-gallery-caption,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-image figcaption {
    margin: 0 auto;
    font-style: normal;	   
    color: #fff;
    font-family: "helvetica neue", arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.wp-block-image figcaption,
.blocks-gallery-caption {
	color: #484848;
	margin: 1rem auto 0;
}
.blocks-gallery-item__caption, 
.blocks-gallery-grid .blocks-gallery-item figcaption {
    margin: 0;
    color: #fff;
}
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
    display: block;

}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.alignleft,
.alignright {
    float: none;
    margin: 2rem auto 1px;
}

.wp-block-pullquote {
    padding: 0;
    text-align: left;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    margin-bottom: 0;
    margin-top: 0;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: 1.25rem;
    line-height: 1.4;
}

.wp-block-pullquote cite {
	    margin: 1rem 0;
    color: #9a9a9a;
}


.wp-block-media-text {
    display: block;
    border-radius: 5px;
	font-family: var(--font-primary);
    margin: 2rem 0;
}
.wp-block-media-text p {
    margin-bottom: 1rem;
}
.wp-block-media-text .wp-block-media-text__content {
    padding: 8%;
}

.aligncenter {
    margin: 2rem auto 1.5rem;
}

.alignnone {
    margin: 2rem 0 1.5rem;
}

/* gallery */
.wp-block-gallery,
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignnone {
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.blocks-gallery-item figure {
    border: 1px solid #ededed;
}

/* Block: Separator -------------------------- */

.wp-block-separator.is-style-wide {
    width: 100%;
}

.wp-block-separator.is-style-dots {
    background: none;
    border: none;
    text-align: center;
    max-width: 180px;
    line-height: 1;
    height: auto
}

.wp-block-separator.is-style-dots:before {
    color: #222;
    content: "\00b7 \00b7 \00b7";
    font-size: 2.5rem;
    letter-spacing: 0.5rem;
    padding-left: 1rem;
}

.wp-block-separator:not(.is-style-dots):not(.is-style-wide) {
    width: 50%;
}

.wp-block-separator {
    background: #dedede;
    color: #dedede;
}

/* Table */
.wp-block-table {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
	overflow-x: initial;
    width: 100%;
}
.wp-block-table table th {
    color: #ffffff;
    background-color: #3e8cc1;
}
.wp-block-table table th, 
.wp-block-table table th + th, 
.wp-block-table table td + th {
    border-color: #6d97b3;
}

/* Block Columns */
.wp-block-columns {
	margin-bottom: 0;
}

/* Dropcap */
.has-drop-cap:not(:focus):after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px;
}
p.has-drop-cap:not(:focus):first-letter {
	float: left;
    font-size: 5.688rem;
    line-height: .78;
    margin: .438rem 1rem 0 0;
    text-transform: uppercase;
    font-family: georgia,serif;
    font-style: normal;
    font-weight: 700;
    color: rgba(0,0,0,.8);
    -webkit-font-smoothing: antialiased;
}


/* ALIGN WIDE and FULL */

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    width: 100%;
}

.wp-block-image img {
    max-width: 100%;
}

.wp-block-image.alignwide,
.wp-block-image.alignfull {
    margin-top: 50px;
    margin-bottom: 40px;
}

.template-short .entry-content .alignfull .alignfull,
.template-short .entry-content .alignfull .alignwide,
.default-page .entry-content .alignfull .alignfull,
.default-page .entry-content .alignfull .alignwide {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.template-short .entry-content .alignwide,
.default-page .entry-content .alignwide {
    margin-left: -100px;
    margin-right: -100px;
    max-width: unset;
    width: unset;
}

.template-short .entry-content .alignwide .alignfull,
.template-short .entry-content .alignwide .alignwide,
.default-page .entry-content .alignwide .alignfull,
.default-page .entry-content .alignwide .alignwide {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.template-short .entry-content .wp-block-column .alignfull,
.template-short .entry-content .wp-block-column .alignwide,
.default-page .entry-content .wp-block-column .alignfull,
.default-page .entry-content .wp-block-column .alignwide {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.template-short .entry-content .has-2-columns .wp-block-column:first-child,
.default-page .entry-content .has-2-columns .wp-block-column:first-child {
    padding-right: 10px;
}

.template-short .entry-content .has-2-columns .wp-block-column:last-child,
.default-page .entry-content .has-2-columns .wp-block-column:last-child {
    padding-left: 10px;
}

.template-short .entry-content .alignfull img .default-page .entry-content .alignfull img {
    border-radius: 0;
}

.template-short .entry-content .alignfull,
.default-page .entry-content .alignfull {
    border-radius: 0;
    width: auto;
}

.template-short .entry-content .alignwide,
.default-page .entry-content .alignwide {
    margin-left: 0;
    margin-right: 0;
}

.template-short .entry-content .wp-block-column .alignfull,
.template-short .entry-content .wp-block-column .alignwide,
.default-page .entry-content .wp-block-column .alignfull,
.default-page .entry-content .wp-block-column .alignwide {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .wp-block-pullquote.alignleft,
    .wp-block-image .alignleft,
    .alignleft {
        display: inline;
        float: left;
        margin-right: 2rem;
        margin: 0.5rem 2rem 0 0;
    }

    .wp-block-pullquote.alignright,
    .wp-block-image .alignright,
    .alignright {
        display: inline;
        float: right;
        margin-left: 2rem;
        margin: 0.5rem 0 0 2rem;
    }

    .wp-block-pullquote.alignleft,
    .wp-block-image .alignleft {
        margin-top: 0;
    }

	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		max-width: 50%;
	}

    .aligncenter {
        clear: both;
        display: block;
        margin: 2rem auto 1.5rem;
    }

    .wp-caption.alignnone {
        margin: 2rem 0 1.5rem;
    }

    .wp-caption.alignleft,
    .wp-caption.alignright {
        margin-bottom: 0;
    }

    .wp-block-media-text {
        display: grid;
    }

    .wp-block-media-text .wp-block-media-text__content {
        padding: 0 8%;
    }
}

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {

	.template-short .entry-content .alignwide {
        margin-left: -100px;
        margin-right: -100px;
    }

    .default-page .entry-content .alignwide {
        margin-left: -40px;
        margin-right: -40px;
    }

    /* This is for the full browser window edge to edge without being contained in a boxed container
	* This will break out of the boxed container to give a full browser width image
	*/
    .template-short .entry-content .alignfull,
    .default-page .entry-content .alignfull {
        margin-left: -webkit-calc(-50vw + 50%);
        margin-left: calc(-50vw + 50% - 10px);
        margin-right: -webkit-calc(-50vw + 50%);
        margin-right: calc(-50vw + 50% - 10px);
        max-width: 100vw;
        width: 100vw;
    }
}

/* Large devices (desktops, 1440px and up) */
@media (min-width: 1440px) {

    .template-short .entry-content .alignwide {
        margin-left: -242px;
        margin-right: -242px;
    }

    .default-page .entry-content .alignwide {
        margin-left: -100px;
        margin-right: -100px;
    }
}

/* COLOURS */
/* accent colour */
.has-accent-color {
    color: #cd4433;
}

.wp-block-button .has-accent-background-color,
.has-accent-background-color {
    background-color: #cd4433;
}

/* blue */
.has-blue-color {
    color: #3e8cc1;
}

.wp-block-button .has-blue-background-color,
.has-blue-background-color {
    background-color: #3e8cc1;
}

/* dark */
.has-dark-color {
    color: #2f3335;
}

.wp-block-button .has-dark-background-color,
.has-dark-background-color {
    background-color: #2f3335;
}

/* white */
.has-white-color {
    color: #fff;
}

.wp-block-button .has-white-background-color,
.has-white-background-color {
    background-color: #fff;
}

/* Font Sizes  */
.has-small-font-size {
    font-size: 1rem;
}

.has-regular-font-size {
    font-size: 1.125rem;
}

.has-large-font-size {
    font-size: 1.5rem;
}

.has-larger-font-size {
    font-size: 2rem;
}

.has-small-font-size,
.has-regular-font-size {
    line-height: 1.7;
}

.has-large-font-size,
.has-larger-font-size {
    line-height: 1.3;
}
