/*
Theme Name: Alena Beck Template
Theme URI: 
Author: Sarah Schneller
Author URI: https://www.sarahschneller.de
Description: This is a blank theme for Wordpress Editor
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: alenabeck
Tags: 
*/

/* dosis-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/dosis-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dosis-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dosis-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  h2 a, h1 a, h3 a, h4 a {
    text-decoration: none !important;
  }

strong {
	font-weight: 600;
}

h1, h2, h3, h4, a, p {
	word-break: break-word;
}

ul li a {
	word-break: unset;
}

  @media (min-width: 960px) {
    .wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap {
      margin-left: auto;
      margin-right: auto;
    }
  }
  
  @media (max-width: 1450px) {
    body .is-layout-constrained.entry-content > .alignwide,
	  body .is-layout-constrained > .alignwide,
    .entry-content.alignwide,
    .entry-content > .alignwide,
    .mainmenu-header .innerblocks-wrap,
    footer .is-layout-constrained.alignwide,
    header .is-layout-constrained > .alignwide, 
    h1.alignwide, h2.alignwide, h3.alignwide {
      padding-left: 5% !important;
      padding-right: 5% !important;
    }
  }

  .has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
    padding: 50px;
  }

/* Fluent Form Button überschreiben */
form .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #384414 !important;
}

/* Mobile Menu */
body .wp-block-navigation__responsive-container-close {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 2;
}

@media (max-width: 1016px) {
	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).fluentform {
		width: 100%;
		margin-right: 5% !important;
		margin-left: 5% !important;
	}
}

@media (max-width: 600px) {
	.wp-block-navigation li.wp-block-navigation-item {
		text-align: right;
		font-size: 20px;
		display: block !important;
	}
	.wp-block-navigation li.wp-block-navigation-item a {
		font-size: 20px;
		display: block !important;
	}
	
	.wp-block-navigation li.wp-block-navigation-item a span {
		display: block !important;
		padding: 5px 0;
	}
	
	.wp-block-navigation li.wp-block-navigation-item ul  {
		margin: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
		position: relative !important;
		display: block !important;
	}
	
	.wp-block-navigation li.wp-block-navigation-item.wp-block-navigation-submenu > a, 
	.wp-block-navigation li.wp-block-navigation-link > a {
		font-weight: bold;
	}
	
	.wp-block-navigation li.wp-block-navigation-item ul li a {
		padding: 10px 0;
	}
	
	.wp-block-navigation li.wp-block-navigation-item ul li > a {
		font-weight: normal;
	}
	
	.has-modal-open .is-menu-open .wp-block-navigation__responsive-dialog {
		padding: 30px !important;
		padding-bottom: 70px !important;
	}
}