/*!
Theme Name: giovanna
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: giovanna
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

giovanna is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------

font-family: "Karla", system-ui;
font-family: "Nanum Gothic", system-ui;
font-family: "Montserrat Alternates", system-ui;
font-family: "PT Serif", system-ui;
font-family: "Urbanist", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;

--------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400..700;1,400..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Nanum+Gothic:wght@400;700;800&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');




/*--------------------------------------------------------------
# Page 

#262f35

#485761
--------------------------------------------------------------*/

body {
    color: #000000;
    font-family: "Nanum Gothic", system-ui;
}

body a {
    text-decoration: none;
    color: #000000;
}

h1, h2, h3, h4, h5 {
    font-family: "Nanum Gothic", system-ui;
    font-weight: 300;
    font-size: 2.1em;
}


.site-title {
    display: none;
}


.site-main p {
    max-width: 800px;
    line-height: 1.4em;
}

.site-branding {
    display: none;
}

/*--------------------------------------------------------------
# Header Navigation


li.current_page_item
 
/* Highlight using link element 
li.current_page_item 
--------------------------------------------------------------*/

.header-navigation {
    position: fixed;
    background-color:rgba(0, 0, 0, 0.7); 
    display: flex;
    z-index: 2;
    right: 0;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-left: 1.5em;
    padding-bottom: 0em;
    border: 1 px solid black;
}

.header-navigation .site-title {
    display: block;
    margin-top: 0.18em;
    text-transform: uppercase;
    font-family: "Jost", system-ui;
    font-size: 2.3em;
}

.header-navigation a {
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.menu-item {
    padding: 1.3em;
    padding-bottom: 0em;
}

.menu-item a {
    text-transform: uppercase;
    font-weight: 100;
}

#primary-menu {
    display: flex;
    margin-top: 0;
    padding-bottom: 0;
}

#primary-menu .menu-item-has-children:hover {
    text-decoration: overline;
    color: white;
}

#primary-menu .menu-item:hover .sub-menu {
    display: flex;
}



.sub-menu  {
    display: none;
    padding: 0;
    margin-top: 0.4em;
    padding-left: 0.7em;
    margin: 0;
    width: 100%;
}

.sub-menu a  {
    font-size: 0.8em;
}

.sub-menu  .menu-item {
    padding: 0.5em;
    margin: 0;
}

.menu-item-has-children:hover .sub-menu {
    display: flex;
    position: absolute;
    left: 20em;
}

.sub-menu .menu-item:hover a {
    border-bottom: 1px solid white;
}

ul.cnss-social-icon {
    margin-top: 0.3em;
}

#secondary-menu {
    list-style-type: none;
}

#primary-menu {
    list-style-type: none;
}

.sub-menu {
    list-style-type: none;
}


/*--------------------------------------------------------------
# Header Widget Sidebar
--------------------------------------------------------------*/
.sidebar-header {
    display: none;
    
}

.home > .sidebar-header {
        display: block;
}

.sidebar-header  .wp-block-cover .has-background-dim:not([class*=-background-color]) {
    background-color: linear-gradient(to top, transparent, black);
    z-index: 0;
}

.sidebar-header  .wp-block-cover img {
    z-index: -1;
}


.sidebar-header  .wp-block-image img {
        opacity: 1;
}
    

#block-7 {
position: sticky;
    top: 0;
    justify-items: center;
}





/*--------------------------------------------------------------
# Header Widget Sidebar 2
--------------------------------------------------------------*/
.sidebar-header2 {
    display: none;
    
}

.sidebar-header3 {
    display: none;
    
}

.home > .sidebar-header2 {
        display: block;
}

#block-9 {
position: sticky;
    font-family: "Karla", system-ui;
    background-color: white;
    height: 300px;
    padding-top: 3em;
    justify-items: center;
    font-size: 2.4em;
}

#block-9 p {
    justify-content: center;
    display: flex;
}


/*--------------------------------------------------------------
# secondary menu

.menu-item-202:hover {
    background-color: rgba(85, 130, 139,0.7);
}

.menu-item-204:hover {
    background-color: rgba(250, 126, 97,0.7);
}

.menu-item-203:hover {
    background-color: rgba(255, 251, 219,0.7);
}

.menu-item-10:hover {
    background-color: rgba(174, 242, 2,0.7);
}

.menu-item-202 {
    background-color: rgba(85, 130, 139,1);
}

.menu-item-204 {
    background-color: rgba(250, 126, 97,1);
}

.menu-item-203 {
    background-color: rgba(255, 251, 219,1);
}

.menu-item-10 {
    background-color: rgba(174, 242, 2,1);
}

--------------------------------------------------------------*/

.menu-toggle {
    display: none;
}

#secondary-menu  {
    display: flex;
}

#secondary-menu a {
    text-transform: uppercase;
    color: black;
    font-size: 0.9em;
    font-weight: 700;
    font-family: "Jost", system-ui;
    
    color: #55828B;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
}

#secondary-menu a:hover {
    text-shadow: none;
}

#secondary-menu .menu-item:hover  {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.7);
} 

.menu-menu-2-container {
}


#secondary-menu .menu-item {
    padding: 1em 2em 1em 2em;
    width: 25%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0.7);
}





/*--------------------------------------------------------------
# HOMEPAGE

.home .post-thumbnail img {
    display: none;
}
--------------------------------------------------------------*/
.home .header-post-thumbnail {
    display: none;
}



.home .wp-block-image {
    display: block;
}

/*--------------------------------------------------------------
# HOMEPAGE Burger Navigation
--------------------------------------------------------------*/

.home .menu-toggle {
    display: block;
    border: none;
    background: none;
}


 .home #secondary-menu {
    display: none;
}

.home .seiten-header2 {
    display: none;
}

.home .seiten-header3 {
    display: none;
}

.home .seiten-header-vermietung {
    display: none;
}

.home .seiten-header-verkauf {
    display: none;
}

.home .seiten-header-angebote {
    display: none;
}



    
.home    .main-navigation.toggled #secondary-menu {
		display: flex;
        padding: 5px;
	}

.home .page_item {
    display: block;
    font-weight: 700;
}

.home .menu-item {
    display: block;
}

.home .menu-item:hover {
    font-weight: 700;
}

.home .bar1,.home .bar2,.home  .bar3 {
  width: 35px;
  height: 3px;
  background-color: #262f35;
  margin: 8px 0;
  transition: 0.4s;
}

.home .menu-txt {
    display: none;
}

.home .menu-toggle:hover .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.home .menu-toggle:hover .bar2 {opacity: 0;}

.home .menu-toggle:hover .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}

.home .menu-toggle[aria-expanded="true"] .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.home .menu-toggle[aria-expanded="true"] .bar2 {opacity: 0;}

.home .menu-toggle[aria-expanded="true"] .bar3 {
  transform: translate(0, -11px) rotate(45deg);
} 



/*--------------------------------------------------------------
# Widget Sidebar MAIN

.wp-block-cover .has-background-dim:not([class*=-background-color]) 

.wp-block-cover-image {
    background-color: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
}

.wp-block-cover .has-background-dim:not([class*=-background-color]) img {
    background-color: linear-gradient(to bottom, #ff000000, white) !important;
    z-index: 1;
}

.wp-block-image img {
    background-color: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
}


--------------------------------------------------------------*/

.sidebar-main {
    max-width: 70vw;
    margin: auto;
}

.sidebar-main .wp-block-cover {
    margin: 0 1em 2em 1em ;
}

.sidebar-main .wp-block-cover:hover {
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.wp-block-cover .has-background-dim:not([class*=-background-color]) {
    display: none;
}

.wp-block-cover__inner-container {
    margin-bottom: 0em;
    bottom: 4em;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
}

.sidebar-main .widget a {
    font-family: "Urbanist", system-ui;
    font-weight: 200;
    font-size: 0.6em;
    text-shadow: 1px 1px 1px black;
    color: white;
    display: flex;
    margin-left: 1em;
}

.sidebar-main .widget a:hover {
    text-shadow: -1px -1px 0px #262f35;
    
    color: rgba(255, 255, 255, 1);
}

#secondary .widget a {
    font-family: "Nanum Gothic", system-ui;
    font-size: 0.6em;
    text-shadow: 1px 1px 1px black;
    text-transform: uppercase;
    justify-content: flex-start;
    display: flex;
    color: rgba(255, 255, 255, 1);
    
    padding-left: 1em;
}

#secondary .widget a:hover {
    text-shadow: -1px -1px 0px #262f35;
    color: rgba(255, 255, 255, 0.8);
}



/*--------------------------------------------------------------
# Page Seite
--------------------------------------------------------------*/
.page-look {
    margin: auto;    
    width: 70vw;
    padding-bottom: 16em;
}



.wp-block-image {
    display: none;
}

.page-look .entry-content .wp-block-image {
    display: block;
}

.page-look .post-thumbnail {
    display: none;
}

.page-look .is-layout-grid > :is(*, div) {
    margin: auto !important;
}

.page-look h1  {
    max-width: 50vw;
    margin-top: 3em;
    font-size: 2.7em;
    padding-bottom: 0.5em;
}

.page-look h2  {
    max-width: 80vw;
    margin-top: 0em;
    margin-bottom: 0em;
    font-size: 1.8em;
    font-family: "Jost", system-ui;
    font-weight: 500;
}

.page-look h3  {
    max-width: 80vw;
    padding-bottom: 0em;
    padding-top: 0em;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #55828B;
    font-weight: 700;
    font-family: "Jost", system-ui;
    
}

.page-look .wp-block-media-text__content {
    font-family: "Urbanist", system-ui;
    font-size: 1.1em;
    font-weight: 200;
    background-color: white;
    padding: 2em 2em 2em 2em;
    width: fit-content;
    margin: 2em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.page .seiten-header {
    display: block;
    
}

.seiten-header {
    display: none;
}





/*--------------------------------------------------------------
# Post Seite

.header-post-thumbnail .post-thumbnail img
--------------------------------------------------------------*/


.header-post-thumbnail img {
    width: 100%;
    max-height: 75vh;
    object-fit: cover;
    object-position: center;
}

.post-look .post-thumbnail {
    display: none;
}


.post-look .hentry-texte {
    padding-bottom: 16em;
}

.post-look .hentry-texte h1  {
    max-width: 50vw;
    margin: auto;
    font-size: 2.7em;
    padding-bottom: 2em;
    padding-top: 2em;
}

.post-look .hentry-texte h2  {
    max-width: 80vw;
    margin: auto;
    margin-top: 5em;
    margin-bottom: 1em;
    font-size: 1.8em;
    font-family: "Jost", system-ui;
    font-weight: 500;
}

.post-look .hentry-texte h3  {
    max-width: 80vw;
    margin: auto; 
    padding-bottom: 0.5em;
    padding-top: 4em;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #55828B;
    font-weight: 700;
    font-family: "Jost", system-ui;
    
}


.wp-block-buttons {
    margin: auto;
    max-width: 60vw;
}




.post-look .hentry-texte .wp-block-group  {
    margin: auto;    
    width: 100%;
    font-family: "Jost", system-ui;
}

.post-look .hentry-texte .wp-block-media-text .wp-block-group  {
    margin: auto;    
    width: 100%;
    
}

.post-look .hentry-texte .wp-block-gallery {
    ", system-ui;
    max-width: 80vw;
    margin: auto;
}

.post-look .hentry-texte .wp-block-columns {
        font-family: "Jost", system-ui;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: UPPERCASE;
    margin: auto;
    width: 50%;
}



.hentry .entry-footer {
    display: none;
}

.hentry .entry-meta {
    display: none;
}

.post-look hentry .wp-block-media-text {
    padding: 3em;
    width: 100%;
}

.post-look .hentry .wp-block-media-text__content {
    font-family: "Urbanist", system-ui;
        margin: auto;
    font-size: 1.1em;
    font-weight: 300;
    background-color: rgba(174,242,2,0.8);
    color: rgba(0, 0, 0, 0.7);
    padding: 2em 0 2em 2em;
        width: fit-content;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    max-width: 600px;

}

.post-look iframe {
    width: 100%;
}

.nav-links {
    display: none;
}


/*--------------------------------------------------------------
# Category Seite #5C8001

.category .post:hover  {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.7), 0 0px 8px 0 rgba(0, 0, 0, 0.7);
}

--------------------------------------------------------------*/
.category .post {
    margin: 0em 4em 2em 4em;
    padding: 2em 2em 2em 2em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: rgba(0, 0, 0, 0);
    max-width: 85%;
}

.category .entry-content {
    margin-bottom: 3em;
}

.category .hentry-texte {
    margin-left: 2em;
}

.category .page-header {
    display: none;
}

.category .hentry-texte h1  {
    max-width: 75%;
    margin: 0;
    font-size: 2.7em;
    padding-bottom: 1em;
}


.category .entry-header {
}

.category .hentry .post-thumbnail {
    
    
    
}


.category .hentry .post-thumbnail img {
    display: block;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 400px;
    height: 100%;
}

.category .hentry {
    display: flex;
}

.category .more-link {
    font-family: "PT Serif", system-ui;
    font-size: 1.1em;
    text-decoration: overline;
}

.category .more-link:hover {
    font-weight: 400;
    text-decoration: none;
}


.category .hentry-texte .wp-block-columns {
background-color: rgba(255, 255, 255, 0);
    box-shadow: none;
    font-weight: 500;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0 0 3em 0;
    padding: 0;
}

.category .hentry-texte p {
    
    font-size: 0.9em;
    color: #FF674D;
    font-weight: 700;
    font-family: "Jost", system-ui;;
}

.category .hentry-texte .wp-block-group p {
    font-family: "Jost", system-ui;
    color: black;
    font-weight: 400;
    font-size: 1.2em;
    text-transform: uppercase;
}

.category-17 .hentry-texte p {
	color: grey;
}

.category-17 .entry-header {
	font-size: 0.6em;
	text-decoration: line-through;
}

.category-17 .wp-block-column {
	text-decoration: line-through;
}


.category-11 .header-post-thumbnail {
    display: none;
}

.category-11 .seiten-header2 {
    display: none;
}

.category-11 .seiten-header3 {
    display: none;
}

.category-11 .seiten-header-verkauf {
    display: none;
}

.category-11 .seiten-header-vermietung {
    display: block;
}

.category-11 .seiten-header-angebote {
    display: none;
}

.category-11 .wp-block-image img {
       object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: -webkit-fill-available;
    height: auto;
    max-height: 75vh;
    max-width: none;
}

.category-11 .wp-block-image {
    display: block;
}


.category-10 .header-post-thumbnail {
    display: none;
}

.category-10 .seiten-header2 {
    display: none;
}

.category-10 .seiten-header3 {
    display: none;
}

.category-10 .seiten-header-vermietung {
    display: none;
}

.category-10 .seiten-header-angebote {
    display: none;
}

.category-10 .seiten-header-verkauf {
    display: block;
}

.category-10 .wp-block-image img {
       object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: -webkit-fill-available;
    height: auto;
    max-height: 75vh;
    max-width: none;
}

.category-10 .wp-block-image {
    display: block;
}


.category-1 .header-post-thumbnail {
    display: none;
}

.category-1 .seiten-header2 {
    display: none;
}

.category-1 .seiten-header3 {
    display: none;
}

.category-1 .seiten-header-vermietung {
    display: none;
}

.category-1 .seiten-header-angebote {
    display: block;
}

.category-1 .seiten-header-verkauf {
    display: none;
}

.category-1 .wp-block-image img {
       object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: -webkit-fill-available;
    height: auto;
    max-height: 75vh;
    max-width: none;
}

.category-1 .wp-block-image {
    display: block;
}


/*--------------------------------------------------------------
# Sidebar 3 Footer

font-family: "Karla", system-ui;
font-family: "Nanum Gothic", system-ui;
font-family: "Montserrat Alternates", system-ui;
font-family: "PT Serif", system-ui;
font-family: "Urbanist", system-ui;
--------------------------------------------------------------*/

.sidebar-footer {
    height: 15em;
    background-color: rgba(0, 0, 0, 0.8); 
    font-family: "Jost", system-ui;
    text-shadow: 1px 1px 0px black;
    max-width: 100vw;
    margin: auto;
    font-size: 0.9em;
    padding-top: 4em;
    font-weight: 200;
}

.has-medium-font-size {
    
    text-transform: uppercase;
    font-size: 1em !important;
    font-weight: 300;
    font-family: "Jost", system-ui;
    padding-top: 1em;
}


.sidebar-footer p {
    color: white;
    margin-right: auto;
    margin-left: 15%;
    font-size: 1.4em;
}

.sidebar-footer a {
    text-decoration: none;
    color: white;
}

.sidebar-footer a:hover {
    text-decoration: underline;
}


.sidebar-footer .widget {
    max-width: 70vw;
    margin: auto;
    
    padding-top: 2em;
}

.site-footer {
    color: white;
    background-color: rgba(0, 0, 0, 0.8); 
    padding: 5em 2em 5em 2em;
    text-align: center;
    font-family: "Karla", system-ui;
    font-size: 1.2em;
    font-weight: 300;
}

.site-footer a {
    text-transform: uppercase;
    font-family: "Jost", system-ui;
    font-size: 1.2em;
    color: white;
}

.site-info {
    padding-top: 5em;
    max-width: 600px;
    margin: auto;
}


/*--------------------------------------------------------------
# IMAC
--------------------------------------------------------------*/

@media screen and (min-width: 2000px) 
{
    
    body {
        max-width: 70vw;
        margin: auto;
        font-size: 1.2em;
    }
    
    .header-navigation {
    width: 65vw;
    height: auto;
    }
    
    #block-9 {
        font-size: 2em;
    }
    
    .sidebar-main { 
    }
}

/*--------------------------------------------------------------
# IPAD
--------------------------------------------------------------*/

@media screen and (max-width: 1200px) and (min-width:950px) 
{
    
   /*--------------------------------------------------------------
# IPAD Burger Navigation
--------------------------------------------------------------*/

.menu-toggle {
    display: block;
    border: none;
    background: none;
}


 #secondary-menu {
    display: none;
}
    
    .main-navigation.toggled #secondary-menu {
		display: flex;
        padding: 5px;
	}

.page_item {
    display: block;
    font-weight: 700;
}

.menu-item {
    display: block;
}

.menu-item:hover {
    font-weight: 700;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color: #262f35;
  margin: 8px 0;
  transition: 0.4s;
}

.menu-txt {
    display: none;
}

.menu-toggle:hover .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.menu-toggle:hover .bar2 {opacity: 0;}

.menu-toggle:hover .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.menu-toggle[aria-expanded="true"] .bar2 {opacity: 0;}

.menu-toggle[aria-expanded="true"] .bar3 {
  transform: translate(0, -11px) rotate(45deg);
} 
    
     /*--------------------------------------------------------------
# IPAD Pages
--------------------------------------------------------------*/
    
    .post-look .hentry-texte .wp-block-columns {
    margin: auto;
    width: 100%;
        padding: 2em 0 2em 2em;
}
    .category .hentry-texte h1 {
    max-width: 95%;
    margin: 0;
}
    .page-look {
    margin: auto;
    width: 90%;
    padding-bottom: 16em;
}
    
}







/*--------------------------------------------------------------
# MOBILE MOBILE MOBILE
--------------------------------------------------------------*/

@media screen and (min-width: 200px) and (max-width: 1037px) 
{
    .menu-toggle {
    display: block;
    border: none;
    background: none;
}
	

 #secondary-menu {
    display: none;
}
    
	.main-navigation.toggled #secondary-menu {
	display: block;
        padding: 0;
	}
	
	.home .main-navigation.toggled #secondary-menu {
    display: block;
    padding: 0;
}
	
#secondary-menu .menu-item {
	        width: auto;
        font-size: 1.3em;
	}
	
.page_item {
    display: block;
    font-weight: 700;
}

.menu-item {
    display: block;
    padding: auto;
    padding-bottom: 0em;
}

.menu-item:hover {
    font-weight: 700;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color: #262f35;
  margin: 8px 0;
  transition: 0.4s;
}

.menu-txt {
    display: none;
}

.menu-toggle:hover .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.menu-toggle:hover .bar2 {opacity: 0;}

.menu-toggle:hover .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.menu-toggle[aria-expanded="true"] .bar2 {opacity: 0;}

.menu-toggle[aria-expanded="true"] .bar3 {
  transform: translate(0, -11px) rotate(45deg);
} 
    
     /*--------------------------------------------------------------
# MOBILE Pages
--------------------------------------------------------------*/
    
	.post-look .hentry-texte h1 {
    max-width: 100%;
    margin: auto;
    font-size: 2.7em;
    padding-bottom: 0;
    padding-top: 2em;
}
	
    .post-look .hentry-texte .wp-block-columns {
    margin: auto;
    width: 100%;
        padding: 1em 0 0 0;
}
	.post-look .hentry-texte .wp-block-gallery {
    max-width: fit-content;
    margin: auto;
}
	.category .post {
    margin: 0;
		display: block;
    padding: 0;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    max-width: 100%;
		width: 100%;
}
	
	.post-look {
		display: block;
	}
	
.category .hentry .post-thumbnail img {
    display: block;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 1em;
	width: 100%;
    height: auto;
}
    .category .hentry-texte h1 {
    max-width: 95%;
    margin: 0;
}
    .page-look {
    margin: auto;
    width: 90%;
    padding-bottom: 16em;
}
    

.header-navigation {
        display: block;
        width: -webkit-fill-available;
    padding: 2em;
	background-color: rgba(0, 0, 0, 0.8);
		position: relative;
    }
	

	.category .hentry-texte {
    margin-left: 0em;
}
	
	#primary-menu {
		padding-left: 0;
		        padding-right: 0;
	}
	
	.header-nav-items {
		    padding: 0;
    font-size: 0.8rem;
	}
    
    .social-icons {
        position: absolute;
    right: 10px;
    top: 10px;
    }
	
	body .is-layout-grid {
    display: grid;
        font-size: 0.8em;
}
	
		.home .is-layout-grid {
    display: block;
        font-size: 0.8em;
}
	
	#secondary .is-layout-grid {
    display: block;
        font-size: 0.8em;
}
	
	
	.sidebar-footer .is-layout-grid {
    display: grid;
}
	.sidebar-footer .widget {
    max-width: 100%;
		font-size: 0.9rem;
    margin: auto;
    padding-top: 2em;
}
    
}