/*
 * Theme Name: Urstrom Theme.
 * Description:  Test Urstrom Theme.
 * Author: Urstrom eG 
 * Textdomain: urstrom 
 * Template:  twentytwentytwo
 * Version:  1.0
 * */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v28-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/open-sans-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v28-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* Base font size */
html {
	font-size: calc(12px + .5vw);
}



a, a:link 
{
text-decoration: none;
}

a:hover,
a:active
{
color: rgb(225,181,9) 
}

a[href$=".pdf"]:before
{
  content:"\f1c1\00a0";
  font: var(--fa-font-solid);
}  

header .wp-block-navigation .wp-block-navigation-item a
header .wp-block-navigation .wp-block-navigation-item a:link
{
	color: var(--wp--preset--color--light-green);
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:active
{
	color: var(--wp--preset--color--orange);
	text-decoration: none;
}

.link-kontakt .wp-block-navigation-item__content .wp-block-navigation-item__label::before
{
	font: var(--fa-font-solid);
	content: "\f0e0\00a0";
}

.link-login .wp-block-navigation-item__content .wp-block-navigation-item__label::before
{
	font: var(--fa-font-solid);
	content: "\f023\00a0";
}

.urstrom-leiste-oben
{
	border-top: 8px solid !important;
	border-image: var(--wp--preset--gradient--urstrom) 1 !important;
	margin-top: -8px;
}
.urstrom-leiste-unten
{
	border-bottom: 8px solid !important;
	border-image: var(--wp--preset--gradient--urstrom) 1 !important;
	margin-bottom: -8px;
}

/*
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open
) {
    display: none;
    width: inherit;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open
) .wp-block-navigation__responsive-container-close {
    display: inherit;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submen
u-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-contai
ner.wp-block-navigation__submenu-container {
    left: inherit;
  }
}

@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: inherit;
  }
}
@media (min-width: 1000px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open
) {
    display: block;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open
) .wp-block-navigation__responsive-container-close {
    display: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submen
u-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-contai
ner.wp-block-navigation__submenu-container {
    left: 0;
  }
}

@media (min-width: 1000px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}
*/

/*
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
        padding-left: var(--wp--custom--spacing--inner);
        padding-right: var(--wp--custom--spacing--inner);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
        margin-left: calc(-1 * var(--wp--custom--spacing--inner)) !important;
        margin-right: calc(-1 * var(--wp--custom--spacing--inner)) !important;
        width: unset;
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
        margin-left: auto !important;
        margin-right: auto !important;
        width: inherit;
}



@media (min-width: 600px) {
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
        padding-left: var(--wp--custom--spacing--outer);
        padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
        margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
        margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
        width: unset;
}

.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
        margin-left: auto !important;
        margin-right: auto !important;
        width: inherit;
}
}
*/
.bg-warm {
	background-color: rgba(255, 253, 247, 1.00);
	border: solid rgba(255, 244, 219, 1.00);
}

.wp-block-cb-carousel .slick-slide {
    padding-left: 0;
    padding-right: 0;
}

.alignfull .slick-slide .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.has-small-font-size {
	line-height: var(--wp--custom--typography--line-height--small-text)
}

.has-medium-font-size {
	line-height: var(--wp--custom--typography--line-height--medium-text)
}
.has-large-font-size {
	line-height: var(--wp--custom--typography--line-height--large-text)
}

.has-x-large-font-size {
	line-height: var(--wp--custom--typography--line-height--x-large-text)
}

.has-subtext
{
	margin-bottom: 0;
}
.is-subtext
{
	margin-block-start: 0 !important;
}

:where(.wp-block-group.has-background)
{
	padding: 1.5rem 2.375em;
}

a.read-more {
	margin-top: -1.5rem;
	margin-right: -1.5rem !important;
}
a.read-more:hover {
	background: var(--wp--preset--color--yellow) !important;
}

div.testimonial {
	background: rgba(255,253,247,.85) !important;
	padding: 1.5rem !important;
}



div.testimonial blockquote
{
	margin-left: 0 !important;
	max-width: 625px;
}

@media (min-width: 1250px) {
div.testimonial blockquote {
	max-width: 50vw;
}

.color-column
{
	padding: 1.5rem !important;
}

.adjacent-to-color-column {
	padding: 1.5rem 0;
}}


div.testimonial blockquote p
{
	margin-top: 0;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: var(--wp--custom--typography--line-height--x-large-text);
	font-weight: 700;
	font-family: var(--wp--preset--font-family--open-sans)
}
div.testimonial blockquote cite {
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--medium-text)
}

/* Navigaton */
@media(max-width: 1100px) {
	header div.alignfull {
		justify-content: center;
		flex-direction: column;
	}
	header nav.urstrom-header-nav-side ul.wp-block-navigation__container,
	header nav.urstrom-header-nav-main ul.wp-block-navigation__container
	 {
		justify-content: center;
	}
}

@media(max-width: 600px) {
	nav.urstrom-header-nav-main {
		justify-content:center
	}
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open a
	{
		color: var(--wp--preset--color--light-green);
		background: rgba(255,255,255,0.9)
	}
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open a:hover
	{
		color: var(--wp--preset--color--orange);
	}	
}

.urstrom-header-nav-main button.wp-block-navigation__responsive-container-open::before {
	content: "Navigation";
	font-weight: 700;
	font-size: var(--wp--preset--font-size--medium);
	margin-right: 1rem;
	line-height: var(--wp--custom--typography--line-height--medium-text);
	vertical-align: bottom;
}

/* Email subscribe */
input
{
    display: block;
    padding: .75em;
    width: 100%;
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--typography--line-height--small-text);
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    margin-block-start: 1.5rem;
    transition: border-color .15s linear,background .15s linear;
}

input:focus,
input:focus
{
	border-color: var(--wp--preset--color--orange);
	background: #fafafa;
}

input[type="submit"] {
    background: rgba(227,138,4,1);
    color: rgba(255, 253, 247, 1.00);
    display: block;
    width: 100%;
    padding: 1em;
    line-height: var(--wp--custom--typography--line-height--normal);
    border: 0;
    margin-block-start: 1.5rem;
}

/* Background sun */
p#sun-background {
	padding: 0 33% 0 0;
	background: url(./assets/medium-230226.png) no-repeat right center;
	background-size: 25%, contain;	
}

@media(max-width: 782px){
	p#sun-background {
		padding: 0 0 10.5rem 0;
		background-position: bottom center;
		background-size: 9rem, contain;
	}
}


div.wp-block-group.is-style-urstrom-orange-bg,
.editor-styles-wrapper div.wp-block-group.is-style-urstrom-orange-bg{
	border: 1px solid rgba(243, 224, 189, 1.00);
	background: rgba(255, 253, 247, 1.00);
	padding: 1.5rem;
}

.wp-site-blocks div.wp-block-group.is-style-urstrom-orange-bg .alignfull,
.editor-styles-wrapper .wp-site-blocks div.wp-block-group.is-style-urstrom-orange-bg .alignfull {
	margin-left: -1.5rem !important;
	margin-right: -1.5rem !important;
}

@media(max-width: 782px) {
	div.wp-block-group.is-style-urstrom-orange-bg,
	.editor-styles-wrapper div.wp-block-group.is-style-urstrom-orange-bg{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
}

/* Unsere Anlagen */
div.urstrom-unsere-anlagen,
.editor-styles-wrapper div.urstrom-unsere-anlagen {
	align-items: unset;
}

div.urstrom-unsere-anlagen > div,
.editor-styles-wrapper div.urstrom-unsere-anlagen > div {
	width: 24%;
	min-width: 20rem;
}

div.urstrom-unsere-anlagen > .is-style-urstrom-orange-bg figure {
	margin-top: -1.5rem;
	width: unset;
}

@media(max-width: 782px) {
	div.urstrom-unsere-anlagen,
	.editor-styles-wrapper div.urstrom-unsere-anlagen {
		flex-direction: column;
	}
	div.urstrom-unsere-anlagen > div,
	.editor-styles-wrapper div.urstrom-unsere-anlagen > div {
		width: unset;
	}
}

.has-light-green-background-color a,
.has-light-green-background-color a:link,
.has-orange-background-color a,
.has-orange-background-color a:link {
	color: rgba(255, 253, 247, 1.00) !important;
}

.has-light-green-background-color a:hover,
.has-light-green-background-color a:active,
.has-orange-background-color a:hover,
.has-orange-background-color a:active {
	color: var(--wp--preset--color--white) !important;
	text-decoration: underline !important;
}

div.hide {
	display: none;
}

.wp-block_cover,
.wp-block-cover-image {
	min-height: max(33vh, 33vw,430px) !important;
}