/* @define teft-viewport */

/**
 * Internal dependencies
 */

/* @define teft-spacing */

/**
 * External dependencies
 */

/* @define teft-typography */

:root {
	/* stylelint-disable-next-line value-keyword-case */
	--teft-typography-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--teft-typography-heading-font-family: var(--teft-typography-font-family);
	--teft-typography-font-color: inherit;

	--teft-typography-base: 1em;
	--teft-typography-scale-ratio: 1.3;

	--teft-typography-xs: calc(1em / (var(--teft-typography-scale-ratio) * var(--teft-typography-scale-ratio)));
	--teft-typography-sm: calc(1em / var(--teft-typography-scale-ratio));
	--teft-typography-md: calc(1em * var(--teft-typography-scale-ratio));
	--teft-typography-lg: calc(var(--teft-typography-md) * var(--teft-typography-scale-ratio));
	--teft-typography-xl: calc(var(--teft-typography-lg) * var(--teft-typography-scale-ratio));
	--teft-typography-xxl: calc(var(--teft-typography-xl) * var(--teft-typography-scale-ratio));
	--teft-typography-xxxl: calc(var(--teft-typography-xxl) * var(--teft-typography-scale-ratio));

	--teft-typography-heading-line-height: 1.2;
	--teft-typography-heading-font-color: var(--teft-typography-font-color);
	--teft-typography-heading-font-weight: 600;
	--teft-typography-body-line-height: 1.8125;
}

:root {
	--teft-spacing-base: var(--teft-typography-base);
	--teft-spacing-block-margin: 4.5rem;
	--teft-spacing-negative-block-margin: -2.5rem;

	--teft-spacing-xxxs: calc(0.25 * var(--teft-spacing-base));
	--teft-spacing-xxs: calc(0.375 * var(--teft-spacing-base));
	--teft-spacing-xs: calc(0.5 * var(--teft-spacing-base));
	--teft-spacing-sm: calc(0.75 * var(--teft-spacing-base));
	--teft-spacing-md: calc(1.25 * var(--teft-spacing-base));
	--teft-spacing-lg: calc(2 * var(--teft-spacing-base));
	--teft-spacing-xl: calc(3.25 * var(--teft-spacing-base));
	--teft-spacing-xxl: calc(5.25 * var(--teft-spacing-base));
	--teft-spacing-xxxl: calc(8.5 * var(--teft-spacing-base));
}

:root {
	--color-primary: #88171B;
	--teft-theme-primary-color: var(--color-secondary);
	--color-primary-light: #FCEBEB;
	--color-secondary: #092947;
	--color-secondary-light: #0D3B65;
	--color-neutral-light: #FCF3E9;
	--color-black: #2F2F2F;
	--color-black-alt: #191919;
	--color-gray-dark: #666666;
	--color-white: #fff;
	--color-border: #cccccc;

	--color-custom: var(--color-primary);
	--color-custom-light: var(--color-primary-light);

	--teft-theme-site-padding: 32px;
	--teft-theme-content-width: 580px;
	--teft-theme-site-width: 1200px;
	--teft-theme-content-wider: calc(var(--teft-theme-content-width) + 210px);

	--teft-buttons-background-color: var(--color-secondary);
	--teft-buttons-background-color-hover: var(--color-white);
	--teft-buttons-border-color: var(--color-secondary);
	--teft-buttons-text-color: var(--color-white);
	--teft-buttons-text-color-hover: var(--color-secondary);

	--teft-cards-gap: 20px;
	--teft-theme-site-padding: 20px
}

@media (min-width: 783px) {

:root {
		--teft-cards-gap: 46px
}
	}

.editor-styles-wrapper .has-white-background-color,
	.editor-styles-wrapper .has-neutral-light-background-color,
	.editor-styles-wrapper .has-neutral-background-color,
	.editor-styles-wrapper .has-primary-light-background-color,
	.editor-styles-wrapper .has-primary-alt-background-color,
	.editor-styles-wrapper .has-secondary-light-background-color,
	.editor-styles-wrapper .has-secondary-background-color,
	.entry-content .has-white-background-color,
	.entry-content .has-neutral-light-background-color,
	.entry-content .has-neutral-background-color,
	.entry-content .has-primary-light-background-color,
	.entry-content .has-primary-alt-background-color,
	.entry-content .has-secondary-light-background-color,
	.entry-content .has-secondary-background-color {
		color: var(--color-black);
	}

.editor-styles-wrapper .has-black-background-color,
	.editor-styles-wrapper .has-primary-background-color,
	.editor-styles-wrapper .has-primary-dark-background-color,
	.editor-styles-wrapper .has-secondary-dark-background-color,
	.editor-styles-wrapper .has-image,
	.entry-content .has-black-background-color,
	.entry-content .has-primary-background-color,
	.entry-content .has-primary-dark-background-color,
	.entry-content .has-secondary-dark-background-color,
	.entry-content .has-image {
		color: var(--color-white)
	}

.editor-styles-wrapper .has-black-background-color *:not(.wp-block-button__link), .editor-styles-wrapper .has-primary-background-color *:not(.wp-block-button__link), .editor-styles-wrapper .has-primary-dark-background-color *:not(.wp-block-button__link), .editor-styles-wrapper .has-secondary-dark-background-color *:not(.wp-block-button__link), .editor-styles-wrapper .has-image *:not(.wp-block-button__link), .entry-content .has-black-background-color *:not(.wp-block-button__link), .entry-content .has-primary-background-color *:not(.wp-block-button__link), .entry-content .has-primary-dark-background-color *:not(.wp-block-button__link), .entry-content .has-secondary-dark-background-color *:not(.wp-block-button__link), .entry-content .has-image *:not(.wp-block-button__link) {
			color: var(--color-white);
		}

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

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

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

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

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

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

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

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

.media-single-wrapper.circle-frame.media-uploaded {
    overflow: hidden;
    border-radius: 100%;
    display: block;
  }

.media-single-wrapper:not(.media-uploaded) {
    background-color: #f8f8f8;
  }

.media-single-wrapper .components-placeholder.block-editor-media-placeholder {
    background-color: #f8f8f8;
    box-shadow: none;
  }

.media-single-wrapper .components-placeholder__label, .media-single-wrapper .components-placeholder__instructions {
    color: #222222;
  }

.media-single-wrapper {
  position: relative;
  height: 255px
}

@media (min-width: 601px) {

.media-single-wrapper {
    height: 430px
}
  }

@media (min-width: 1281px) {

.media-single-wrapper {
    height: 620px
}
  }

.media-single-wrapper.size-medium {
    height: 370px
  }

@media (min-width: 601px) {

.media-single-wrapper.size-medium {
      height: 325px
  }
    }

@media (min-width: 1281px) {

.media-single-wrapper.size-medium {
      height: 450px
  }
    }

.media-single-wrapper.size-icon, .media-single-wrapper.size-icon-tiny, .media-single-wrapper.size-file, .media-single-wrapper.size-thumbnail {
		width: 150px;
		height: 150px;
  }

.media-single-wrapper .components-placeholder.components-placeholder {
    margin-bottom: 0;
    max-width: 500px;
    min-height: unset;
  }

.media-single-wrapper.media-uploaded {
    overflow: hidden;
    position: relative
  }

.media-single-wrapper.media-uploaded.size-file {
  		width: 150px;
  		height: 50px;
    }

.media-single-wrapper.media-uploaded.size-icon {
  		width: 47px;
  		height: 47px
    }

.media-single-wrapper.media-uploaded.size-icon img {
        -o-object-fit: contain;
           object-fit: contain;
      }

.media-single-wrapper.media-uploaded.size-icon-tiny {
  		width: 30px;
  		height: 30px;
    }

.media-single-wrapper.media-uploaded.size-responsive-width {
      height: auto
    }

.media-single-wrapper.media-uploaded.size-responsive-width img {
        width: 100%;
        height: auto;
        display: block;
      }

.media-single-wrapper.media-uploaded:not(.size-responsive-width) img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }

.media-single-wrapper.media-uploaded.size-icon:not(.size-responsive-width) img, .media-single-wrapper.media-uploaded.size-icon-tiny:not(.size-responsive-width) img {
        -o-object-fit: contain;
           object-fit: contain;
      }

.media-single-wrapper .edit-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: white;
    border: unset;

    svg {
      width: 100%;
      height: auto;
      fill: white;
    }
  }

.media-single-wrapper:hover .edit-item, .media-single-wrapper:focus .edit-item {
      cursor: pointer;
      display: block;
    }

.media-single-wrapper .pdf-wrapper {
    position: relative;
    padding-right: 50px
  }

.media-single-wrapper .pdf-wrapper .edit-item {
      left: auto;
      right: 0px;
    }

.block-dark .media-single-wrapper:not(.media-uploaded) {
      background-color: transparent;
    }

.wp-block[data-type="teft/gallery"] {
	max-width: calc(var(--teft-theme-site-width) - var(--teft-theme-content-width) + 30px);
}

ul.wp-block-teft-gallery {
	li {
		list-style-type: none;
	}

	.is-selected & {
		margin-bottom: 0;
	}
}

.editor-styles-wrapper .wp-block-teft-gallery ul {
	margin-left: 0;
	padding-left: 0;
}

.editor-styles-wrapper .wp-block-teft-key-information-icon-and-text .media-single-wrapper {
    margin-right: 16px;
  }

.editor-styles-wrapper .wp-block-teft-key-information-icon-and-text h3, .editor-styles-wrapper .wp-block-teft-key-information-icon-and-text p {
    margin: 0;
  }

.editor-styles-wrapper .wp-block-teft-key-information .block-editor-inner-blocks {
    width: 100%;
  }

@media (min-width: 783px) {

.editor-styles-wrapper .wp-block-teft-key-information .block-editor-block-list__layout > [data-type="teft/key-information-column"] {
	    width: calc(50% - 50px);
	    flex-shrink: 0
  }
	    .editor-styles-wrapper .wp-block-teft-key-information .block-editor-block-list__layout > [data-type="teft/key-information-column"]:nth-child(1) {
	      padding-right: 50px;
	    }
	    .editor-styles-wrapper .wp-block-teft-key-information .block-editor-block-list__layout > [data-type="teft/key-information-column"]:nth-child(2) {
				padding-top: 0;
	      padding-left: 50px;
	    }
		}

@media (min-width: 1281px) {

.editor-styles-wrapper .wp-block-teft-key-information .block-editor-block-list__layout > [data-type="teft/key-information-column"] {
			width: calc(50% - 142px)
  }
	    .editor-styles-wrapper .wp-block-teft-key-information .block-editor-block-list__layout > [data-type="teft/key-information-column"]:nth-child(1) {
	      padding-right: 142px;
	    }
	    .editor-styles-wrapper .wp-block-teft-key-information .block-editor-block-list__layout > [data-type="teft/key-information-column"]:nth-child(2) {
	      padding-left: 142px;
	    }
    }

.editor-styles-wrapper .wp-block-teft-related-content .block-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > div  {
    margin-left: 0;
    margin-right: 0;
  }

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"] {
	display: inline-block;
	margin: 0;
	width: 100%
}

@media (min-width: 783px) {

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"] {
		width: 33.333%
}
	}

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"] > .wp-block-navigation-link {
		width: 100%
	}

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"] > .wp-block-navigation-link .wp-block-navigation-link__content {
			border-top: none;
		}

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"]:nth-child(1) .wp-block-navigation-link__content {
		border-top: 1px solid rgba(7, 70, 70, 0.3);
	}

@media (min-width: 783px) {

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"]:nth-child(2) .wp-block-navigation-link__content,
	.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"]:nth-child(3) .wp-block-navigation-link__content {
			border-top: 1px solid rgba(7, 70, 70, 0.3)
	}
		}

@media (min-width: 783px) {

.editor-styles-wrapper .wp-block[data-type="teft/navigation-link"] .block-editor-url-input__input {
			width: 100%
	}
		}

.editor-styles-wrapper .teft-navigation-block__inner-content.has-cta-box .wp-block[data-type="teft/navigation-link"] {
	width: 100%
}

@media (min-width: 783px) {

.editor-styles-wrapper .teft-navigation-block__inner-content.has-cta-box .wp-block[data-type="teft/navigation-link"] {
		width: 50%
}
	}

.editor-styles-wrapper .teft-navigation-block__inner-content.has-cta-box .wp-block[data-type="teft/navigation-link"] > .wp-block-navigation-link {
		width: 100%;
	}

.editor-styles-wrapper .block-editor-block-list__block[data-type="teft/navigation"] .block-list-appender {
	display: inline-block;
}

.wp-block-teft-hero iframe {
	pointer-events: none;
}

.has-black-background-color .block-editor-button-block-appender, .has-primary-background-color .block-editor-button-block-appender {
    border: 1px solid var(--color-white);
  }
