/*

Theme Name:  SGChef Theme. Child for Twenty Twenty one.

Theme URI:  https://thefabl.com

Description:  Child theme for the Twenty Twenty one.TEST

Author:  thefabl

Textdomain:  thefabl

Author URI:  https://thefabl.com

Template:  twentytwentyone

Version:  1.0

License:  GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html                 

*/



html{

	font-family:arboria, sans-serif;

}

:root {

  --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 610px);

  --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1800px);

	

}

h1,h2,h3,h4,h5,h6 p {

	font-family:arboria, sans-serif;

}

h1,h2,h3{

	font-weight:400;

}

.no-underline a{

	text-decoration:none;

}

.site-header{

	max-width:none;

	position:fixed;

	width:100%;

	padding-bottom:0;	

	top:0;

}

.site-header h1, .site-description, .site-title {

	position:absolute;

	left:-99%;

}



.site-header, .site-main{

	padding-top:0;

}

#header-container {

	display:flex;

	padding-left: 2.5em;

	padding-right: 1.5em;

	width:100%;

	display: flex;

	justify-content: space-between;

}

#header-container, .home #header-container.scrolled{

	background:#222222;

}

.home #header-container{

	background:unset;

}

#header-container.scrolled .site-logo{

	margin-top:.25em;

	margin-bottom:.25em;

}

#header-container.scrolled .site-logo .custom-logo{

	width:105px;

}

#header-container.scrolled .site-contact a{

	font-size:13px;

}

.site-contact {

	justify-content: center;

	display: flex;

	flex-direction: column;

	font-weight: 100;

}

.site-contact a{

	display:block;

	color:#fff;

	text-decoration:none;

}

.site-contact .email:before{

  content: '';

  background: url(https://simonguellerchef.com/wp-content/uploads/2022/12/env-white.png);

  display: inline-block;

  width: 25px;

  height: 20px;

  background-repeat: no-repeat;

  background-size: 1em;

  top: 5px;

  position: relative;

  left: -2px;

}

.site-contact .tel:before{

  content: '';

  background: url(https://simonguellerchef.com/wp-content/uploads/2022/12/tel-white.png);

  display: inline-block;

  width: 25px;

  height: 20px;

  background-repeat: no-repeat;

  background-size: 1em;

  top: 4px;

  position: relative;

  left: -2px;

}



.scrolled .site-contact .tel:before{

	top:10px;

}

.scrolled .site-contact .email:before{

	top:10px;

}

.custom-logo-link {

	max-width:150px;

}



.menu-button-container {

	display: flex;

	right:unset;

	padding-top: calc(1.5 * var(--global--spacing-vertical));

	position: fixed;

	top: -25px;

}

.primary-navigation.scrolled .menu-button-container{

	top: -40px;

}

.primary-navigation{

	position:fixed;

	left:0;

}

.primary-navigation > .primary-menu-container {

	visibility:hidden;

	background-color:#fff;

	padding:0;

	height: 100vh;

    z-index: 499;

    overflow-x: hidden;

    overflow-y: auto;

    border: 2px solid transparent;

}

.primary-navigation > div > .menu-wrapper{

	flex-direction:column;

	padding-top: calc(4 * var(--global--spacing-horizontal));

    padding-left: calc(2 * var(--global--spacing-horizontal));

}



.primary-navigation-open .primary-navigation {

  width: 100%;

  position: fixed;

  z-index: 2;

}

.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {

  transform: translateX(0) translateY(0);

}

.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container{

 position:fixed;

}

.primary-navigation .current-menu-item > a:first-child{

	text-decoration:none;

}

.menu-button-container #primary-mobile-menu{

	margin-left:0;

	color:#fff;

}

.dropdown-icon.close{

 color:#222222;

}

.home .entry-header.alignwide{

	max-width:unset;

}

.home .content-area {

	padding-top:0

}

.content-area{

	padding-top: 130px;

}

.entry-header h1.entry-title, .page-header .page-title{

	max-width: var(--responsive--aligndefault-width);

	font-size:3rem;

	margin-left: auto;

	margin-right: auto;

	font-weight:400;

}

.singular .entry-header{

	margin-bottom: calc(1 * var(--global--spacing-vertical));



}

.home .entry-header{

	max-width:unset;

}

.home .entry-content{

	margin-top:0;

}

.entry-header .post-thumbnail{

	width:100%;

}

#post-66 header .post-thumbnail img	{

	margin-top:0;

	max-width: none!important;

	margin-bottom:0;

	padding-bottom:0;

}

.home #personal {

	color: #fff;

    position: fixed;

    right: 5%;

    top: 25%;

    font-size: 4rem;

}

.home .entry-content .home-first-columns{



}

.entry-content, .entry-summary{

	font-family:arboria, sans serif;

	font-weight:300;

}

.testimonials-home{

	max-width: 768px;

}

.testimonials-home > div{

    padding-top: 2rem;

    padding-right: 4rem;

    padding-bottom: 2rem;

    padding-left: 4rem;

	max-width:400px;

	margin: auto;

}

.testimonials-home a{

	color:#fff;

	text-decoration:none;

	font-size:1.75rem;

	text-align:center;

	font-style:italic;

}

.post.category-testimonials .entry-header h2{

    font-size: 2rem;

}

.post.category-testimonials .entry-header h2 a{

	text-decoration:none;

}

#wpforms-152{

	padding:1rem;

	background:#eee;

}

#wpforms-152 .wpforms-field{

	padding:0;

}

#wpforms-152-field_1-container{

	max-width: unset;

	width: 55%;

	display: inline-block;

}

#wpforms-152-field_3-container{

	max-width: unset;

	width: 40%;

	display: inline-block;

	float: right;

}

#wpforms-152-field_1-container input, #wpforms-152-field_3-container input{

	max-width:unset;

}

div.wpforms-container-full .wpforms-form .wpforms-field-label{

	display:inline;

	position: relative;



	left: .25rem;

	letter-spacing: 1px;

}

button#wpforms-submit-152 {

  font-size: .85em;

  border: 1px solid black;

  padding: 5px 15px;

  text-align: center;

  margin: 10px auto;

  display: block;

}

.widget-area {

    grid-template-columns: unset;

	margin-top: calc(1 * var(--global--spacing-vertical));

}

.site-footer{

	border-top: 1px solid #222;

}

@media (min-width: 900px){

.content-area{

	padding-top: 180px;

}

}

@media (max-width: 900px){

.home #header-container, .home #header-container.scrolled{

	background:#222222;

}



#header-container .site-logo{

	margin-top:.25em;

	margin-bottom:.25em;

}

#header-container .site-logo .custom-logo{

	width:125px;

}

#header-container .site-contact a{

	font-size:13px;

}

.home .content-area {

    padding-top: 52px;

}

.home #personal{

	top: 17.5%;

	font-size: 2.5rem;

}

.site-contact .tel:before{

	top:10px;

}

.site-contact .email:before{

	top:10px;

}

}

@media (max-width: 600px){

.home .wp-block-latest-posts.is-grid li{

	margin:20px auto;

	max-width:300px;

}

.home .entry-content .home-first-columns {

    min-width: 100%;

}

.home .entry-header.alignwide{

	padding-bottom:0;

}

.site-contact a{

}

}

@media (max-width: 480px){

.menu-button-container #primary-mobile-menu[aria-expanded="false"]{

	background-color:#222222;

}

#header-container{

	padding-left:1rem;

	padding-right:1rem;

}

}

@media (max-width: 420px){

	#header-container{

	padding-left:.5rem;

	padding-right:.5rem;

}

}