/*
 Theme Name:   Zoran Interiors Ltd
 Theme URI:    http://example.com/twenty-twentyone-child/
 Description:  Twenty Twenty-One Child Theme
 Author:       Reaper
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  zoran
*/
/* Variables */
:root {
	--global--font-size-xxxl: 3rem;
	--primary-color: rgba(255,255,255,0.6);
	--branding--title--font-family: 'Oswald', sans-serif;
	--branding--title--text-transform: none;
	--branding--title--font-size: 3rem;
	--heading--font-family: 'Lato', sans-serif;
	--entry-content--font-family: 'Vollkorn', serif;
	--global--color-border: #95abb9;
	--form--border-color: #95abb9;
	--form--border-width: 1px;
	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;
	--responsive--alignfull-width: 1400px;
	--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
}
.site-header {
	padding-top: calc(1 * var(--global--spacing-vertical));
	padding-bottom: calc(1 * var(--global--spacing-vertical));
	display: flex;
    align-items: flex-end;
	background: var(--primary-color);
	max-width: none; 
	padding-left: 20%;
	padding-right: 20%;
}

.site-title { 
	font-family: var(--branding--title--font-family);
	text-transform: var(--branding--title--text-transform);
	font-size: var(--branding--title--font-size);
}

.site-description {
	font-family: Roboto;
}

.hero-text-upper {
	font-size: 1.75rem;
	text-align: center;
	padding-top: 50px;
}

.hero-text-lower {
	font-size: 1.5rem;
	text-align: center;
	padding-bottom: 25px;
}

.entry-content, .entry-summary {
  font-family: Roboto;
}

.has-gigantic-font-size {
	margin-bottom: 4rem;
}
.wp-block-cover.has-background-dim {
	padding: 0;
}
.wp-block-cover__inner-container h2{
	font-size: 4rem;
    max-width: 1024px!important;
    color: white !important;
    text-shadow: 1px 5px 5px black;
	text-align: center;}

.wp-block-cover__inner-container p {
	text-align: center;
}
.wp-block-cover__inner-container p strong {
	font-size: 2rem;
	text-align: center;
}
form input[type=submit] {
	width: 100%;
}
.wp-block-cover {
	max-width: 100%;
}

section#block-7.widget.widget_block {width:900px;}

.site-footer {
	padding-bottom: 0;
}

.site-footer > .site-info .site-name {
  font-family: var(--branding--title--font-family);
}

footer .widget-area, footer .site-info {
	margin-top: 0;
    display: flex;
    flex-direction: column;
}
footer .widget-area .widget {
	margin: 0;
}

/* .site {
	background: linear-gradient(180deg, rgba(255,255,255,0.9009978991596639) 0%, rgba(255,255,255,0.7) 100px, rgba(255,255,255,0) 100px, rgba(255,255,255,0.7) 600%);
}
*/

@media only screen and (min-width: 1024px) {
	.wp-block-cover h2, .has-gigantic-font-size {
		font-size: 4rem;
	}
}

/** iPhone 11 Portrait size */
@media only screen and (max-width : 828px) {
.site-header {
  padding-left: 5%;
  padding-right: 5%;
}
	.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
  max-width: 90%;
  margin-left: 10%;
  margin-right: 10%;
}
	
.hero-text-upper {
  font-size: 1.75rem;
  text-align: center;
  padding-top: 0px;
}
	
.site-footer > .site-info .site-name {
  font-family: var(--branding--title--font-family);
}
	
}