/*
THEME NAME: Marcello Nasso
VERSION: 1.0.0
AUTHOR: T.G.
*/


/*-------------------------------------------------------------------------------------
[Table of contents]

1 STAMP
2 MAIN STRUCTURE
3 LIST STYLING
4 SOCIAL MEDIA
5 DOWNLOAD
6 BLOG STYLING
7 MOBILE ONLY STYLES
8 MOBILE ONLY STYLES
9 MENU

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

/*-------------------------------------------------------------------------------------
1 STAMP
--------------------------------------------------------------------------------------*/

#blog {
	outline: none !important;
}

#team b {
    display: none !important;
}

.opener, .closer, #stempelextra2 {
    color: #000;
    text-decoration: none;
    left: 7.8em;
    top: 8.3em;
    position: absolute;
    opacity: 0.4;
}

#stempelextra2, #stempelextra {
	text-decoration: none;
	visibility: hidden;
}

.downer {
    background: url('../../../images/x.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
}

.upper {
    background: url('../../../images/x.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.opener:hover, .closer:hover {
    opacity: 1;
}


.closer {

    background: url('../../../images/minus.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;


}

.opener {

    background: url('../../../images/plus.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1em;
}


#Ebene_1 {
    width: 20em;
    margin: -1.5em;
}


#Ebene_1 a, #Ebene_1 > text {
    opacity: .4;
}


circle {
    opacity: .4;
}


#Ebene_1 a:hover {
    opacity: .7
}


#innenoben, #innenunten, #aussenoben, #aussenunten {
    position: absolute;

}


#innenoben, #innenunten {
    top: 1.7em;
}


#innenunten {
    top: 12em;
}

#aussenunten {
    top: 8em;
}

#aussenoben, #aussenunten {
    font-size: 1.5em;
}


text {
    font-family: Arial, sans-serif;
    fill: #000;
    font-size: 1em;
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: Courier New, Courier, monospace;
}

.pure-g .pure-u-1-4 {
    text-align: center;
}

.addresses p {
    margin-left: 0 !important;
}

.image {
    display: block;
    height: auto;
    max-width: 180px;

}

.pLeftZero{
	padding-left:0;
	margin-bottom:0;
}

.overlay {
	cursor:pointer;
    position: absolute;
    top: 1em;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0px;
    width: 180px;
    opacity: 0;
    transition: .5s ease;
    background-color: transparent !important;
    max-width: 100%;
}


.containerimg {
    position: relative;
}

.containerimg:hover .overlay {
    opacity: 0.8;
}

.l-box {
    padding-top: 1em;
}

.text {
    color: white;
    font-size: 1em;
    bottom: 0.8em;
    left: 0.8em;
	margin-top: 4%;
    margin-left: 7%;

}

.skilldesc {
    margin-top: 0.5em;
    margin-left: 0.5em;
}

.teamskills .role {
    margin-top: 0.5em;
    margin-left: 0.4em;
}

.skillskills {
	margin-top: 1em;
}

/*.teamskills {*/
/*    max-width: 180px;*/
/*    font-size: 0.8em;*/
/*}*/

.placeholder {
    max-width: 180px;
    width: 180px;
    height: 180px;
}

.teamImgBig {
    width: 360px;
    transition: all .3s;
}

.rightWerkverzeichnis p {
    margin-bottom: 2px;
}

/* .placeholdercontainer:first-child {
	display:none !important;
} */

/*-------------------------------------------------------------------------------------
2 MAIN STRUCTURE
--------------------------------------------------------------------------------------*/

body {
    font-family: Courier New, Courier, monospace;
    font-size: .8em;
    margin: 0;

}


#container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100vh;
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow;

}

.nooverflow {
    overflow: unset !important;
}

#zwei, #drei {
    margin-left: -59em;
    margin-top: 11em;
    height: 80%;
}

#zwei, #drei, #blog {
    overflow: auto;
    height: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

#eins {
    height: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: hidden;
}

#eins, #zwei, #drei, #vier {
    padding: 1em;
    overflow-wrap: break-word;
    vertical-align: top;
    white-space: nowrap;
}


#eins, #zwei, #drei {
    padding: 1em;
}

#zwei, #blog {
    padding-bottom: 2em;
	text-align: left;

}

#drei {
    margin-left: 10em;
	text-align: left;
}

#vier {
    margin-left: 3em;

}


#eins > div {
    position: relative;
}


#zwei p {
    margin-left: -4em;
}

#zwei p, #drei p, #vier p {
    font-size: 17.5px;
}


.heftoff {
    visibility: hidden;
}

.hefton {
    visibility: visible;
}

#team {
	width: 1200px !important;
	padding: 1em;
    padding-left: 3em;
    margin-top: 11em;
	margin-bottom:3em;
    height:auto;
	max-width: 1200px !important;
    overflow: auto;
}

#team [class *= "pure-u"] {
    /*margin-bottom: 10px;*/
}

#team h1 {
    margin-left: -0.6em ;
}


/*-------------------------------------------------------------------------------------
3 LIST STYLING
--------------------------------------------------------------------------------------*/


#zwei h1, #drei h1, #team h1 {
    font-size: 1.4em;
    letter-spacing: .04em;
    margin: -2em 4em 0 0;
    position: absolute;
    text-transform: uppercase;
}


#zwei ul li, #drei ul li {
    cursor: pointer !important;
    font-size: 17.5px;
    list-style: none;
    line-height: 1.8em;
}

#zwei ul li ul li, #drei ul li ul li {
    font-size: 0.9em;
}


h2 {
    margin: 0 12em .7em 0; /* unsauber! */
    display: block;
    font-size: 1.4em;
    font-weight: normal;

}


h2 + ul {
    margin: .3em 0 2em 0;
}

#projekte h2 + ul li span, #projekte_cultural h2 + ul li span {
    padding: .3em;
}


li ul a {
    color: #000;
    text-decoration: none;
    /*display:block;*/
    padding: 0 1.1em 0 0;

}

.links {
    text-decoration: none;
    padding: 0 1.1em 0 0;

}

.mail, .links {
    color: #000;
    /*text-decoration: none;*/
}

.mail {
    text-decoration: none;
}


.props {
    margin: .2em 0 .7em 0;

}

li ul a[href$=".pdf"]:hover {
	background-size: .7em;
    background-repeat: no-repeat;
    background-position: center right;
}


li ul a[href^="https://www.youtube.com/"]:hover {
    background-image: url('../../../images/cam.png');
    background-size: 1.1em;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 1.6em;
}


.download {
    display: table;
}


.heftlink {

    display: inline-block;
    margin: -.5em 0 0 .1em;
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
    padding: 0 1em 0 .7em;
}


.heftlink:hover {
    background-image: url('../../../images/stack.png');
    background-size: .7em;
    background-repeat: no-repeat;
    background-position: center right;

}

.contacts {
	
}

.links h2 {
    font-size: 1.4em;
    margin-top: 1em;
}

.linkdescription {
    padding-inline-start: 40px;
    margin-top: -1.5em;
}

.addresses {
	font-size:17.5px;
}


/*------------------------------------------
hovers - hover with colors */

.download, #zwei h1, #drei h1, #zwei h2, #drei h2, #zwei ul, #drei ul, li {
    cursor: pointer;
}

.yellow:hover, .yellow .target {
    background-color: transparent;
    color: #000;
}

/* stadtebau #eee882*/
.coloredBG h2:nth-of-type(1) + ul li span:hover, .coloredBG h2:nth-of-type(1) + ul li .target {
	background-color:  #a9d252;
    color: #000;
}

.stadtebau, .städtebauH span:hover {
	background-color:  #a9d252;
    color: #000;
}

/* einzelbau #ed835e*/
.coloredBG h2:nth-of-type(2) + ul li span:hover, .coloredBG h2:nth-of-type(2) + ul li .target {
    background-color: #93dbe0;
    color: #000;
}

.einzelbau, .einzelbauH span:hover {
    background-color: #93dbe0;
    color: #000;
}

/* Transformation #f8abbf */
.coloredBG h2:nth-of-type(3) + ul li span:hover, .coloredBG h2:nth-of-type(3) + ul li .target {
    background-color: #ffaec3;
    color: #000;
}

.transformation, .transformationH span:hover {
    background-color: #ffaec3;
    color: #000;
}

/* Innenausbau #a4d9dd */
.coloredBG h2:nth-of-type(4) + ul li span:hover, .coloredBG h2:nth-of-type(4) + ul li .target {
    background-color: #ffa937;
    color: #000;
}

.innenausbau, .innenausbauH span:hover {
    background-color: #ffa937;
    color: #000;
}

/* Installation #c4db81 */
.coloredBG h2:nth-of-type(5) + ul li span:hover, .coloredBG h2:nth-of-type(5) + ul li .target {
    background-color: #ffce36;
    color: #000;
}

.installation, .installationH span:hover {
    background-color: #ffce36;
    color: #000;
}

/* vortrage */
#projekte_cultural h2:nth-of-type(1) + ul li span:hover, #projekte_cultural h2:nth-of-type(1) + ul li .target {
	background-color: #b2e0df;
    color: #000;
}

.vorträge span:hover {
	background-color: #b2e0df;
    color: #000;
}

/* lehre */
#projekte_cultural h2:nth-of-type(2) + ul li span:hover, #projekte_cultural h2:nth-of-type(2) + ul li .target {
	background-color: #a9ddb1;
    color: #000;
}

.lehre span:hover {
	background-color: #a9ddb1;
    color: #000;
}

/* workshops */
#projekte_cultural h2:nth-of-type(3) + ul li span:hover, #projekte_cultural h2:nth-of-type(3) + ul li .target {
	background-color: #fdedb2;
    color: #000;
}

.workshops span:hover {
	background-color: #fdedb2;
    color: #000;
}

/* texte */
#projekte_cultural h2:nth-of-type(4) + ul li span:hover, #projekte_cultural h2:nth-of-type(4) + ul li .target {
	background-color: #ff7633;
    color: #000;
}

.texte span:hover {
	background-color: #ff7633;
    color: #000;
}

/* visionen */
#projekte_cultural h2:nth-of-type(5) + ul li span:hover, #projekte_cultural h2:nth-of-type(5) + ul li .target {
	background-color: #ffcdb2;
    color: #000;
}

.visionen span:hover {
	background-color: #ffcdb2;
    color: #000;
}


.noPaddingLeft {
    padding-left: 0 !important;;
}

.noMarginLeft {
    margin-left: 0 !important;;
}

/*-------------------------------------------------------------------------------------
3.1 LANGUAGE SWITCHER (HEADER)
--------------------------------------------------------------------------------------*/

#languages {
    position: fixed;
    left: 1em;
    bottom: 2em;
    z-index: 1000;
    height: 2.6em;
}

.pure-menu-horizontal {
    width: auto !important;
    font-size: .9em;
}

.pure-menu-list {
    text-transform: uppercase;
}

.pure-menu-link:hover {
    background-color: rgba(0,0,0,0);
}

/*-------------------------------------------------------------------------------------
3.2 MENU (LEFT FOOTER)
--------------------------------------------------------------------------------------*/

#menuleft a {
    color: black;
    text-decoration: none;
}

#menuleft a:visited {
    color: black;
}

#menuleft {
    position: fixed;
	right: 2em;
    top: 1.6em;
    z-index: 1000;
	height: 5em;
    
}

/*-------------------------------------------------------------------------------------
4 SOCIAL MEDIA (FOOTER)
--------------------------------------------------------------------------------------*/
.pure-menu-link {
    padding: 0;
}

#platforms img {
    margin-left: .8em;
    height: 1.2em;
}


#platforms {
    cursor: default!important;
    position: fixed;
    right: 2em;
    bottom: 1em;
    z-index: 1000;
    height: 5em;
}

#platforms a:last-child{
	visibility: hidden !important;
}


#platforms a {
    opacity: .4;
}

#platforms a:hover {
    opacity: 1;
}


/*-------------------------------------------------------------------------------------
5 DOWNLOAD
--------------------------------------------------------------------------------------*/
#download img {
    margin-left: .8em;
    height: 2em;
}


#download {
	cursor: default;
    position: fixed;
    left: 7.5em;
    bottom: 1em;
    z-index: 1000;
	height: 5em;}


#download a {
    opacity: .4;
}

#download a:hover {
	opacity: 1;}

/*-------------------------------------------------------------------------------------
5.1 Spazio
--------------------------------------------------------------------------------------*/
#spazio img {
    margin-left: 0.8em;
    height: 1.5em!important;
}


#spazio {
	right: 12.8em;
    cursor: default!important;
    position: fixed;
    bottom: 1em;
    z-index: 1000;
	height: 5em;}


#spazio a {
    opacity: .4;
}

#spazio a:hover {
	opacity: 1;}

/*-------------------------------------------------------------------------------------
 6 BLOG STYLING
--------------------------------------------------------------------------------------*/


#blog h1 {
    font-size: 1.4em;
    letter-spacing: .04em;
    /*	position:absolute;*/
    text-transform: uppercase;
}


h4 {
    font-family: arial;
    font-weight: 100;
    opacity: .5;
}

h5 {
    font-size: 1em;
    font-weight: bold;
}


#blogcontent h2:not(:first-child) {
    margin-top: 2em;
}

#blog > p {
    margin-left: 4em;
}


#projekte, #projekte_cultural {
    margin: 0 0 0 0;
}


::-webkit-scrollbar {
    display: none;
}

.biografieText {
    width: 60vw ;
	white-space: pre-wrap;
}

.biografieText p {
    margin-top: -30px;
    padding-left: 0.3em;
    margin-left: 0 !important;
}

.publikationenDescription p, .biografieDescription p {
    margin-top: 0 !important;
    padding-left: 0.3em;
    margin-left: 0 !important;
}
.werkverzeichnisDescription br, .publikationenDescription br, {
    display: none;
}

.publikationenDescription {
    margin-bottom: -4em;
    margin-top: -2em;
}

.biografieDescription {
	display: block !important;
    margin-top: -1.5em !important;
    line-height: 1.4;
}

.biografieDescription p {
    margin-bottom: 0;
}

.werkverzeichnisDescription p:first-child {
    margin-top: -20px !important;
}

.biografieDescription p:last-child {
    margin-bottom: 1em;
}

.shortdistance {
    margin-bottom: 0em;
}

.shortdistancePub {
    margin-bottom: -6.5em;
}

.shortdistance2 {
    margin-bottom: -2.5em;
}

.shortdistance3 {
    margin-bottom: 0em;
}

.WerkverzeichnisContainer {
    width: 60vw !important;
}
.wekverzeichnisContent {
    margin-bottom: -2em !important;
}

.bibliografie {
    font-size: .7rem !important;
}

.bibliografie li {
    line-height: 1.5 !important;
}

.shortdistanceTop {
    display: flex;
}

.biografieText div :not(.pure-*) {
    margin-top: -3.5em;
}

.publikationen .biografieText:last-child {
    margin-bottom: 0 !important;
}

.noPadding {
    padding: 0!important;
}

#dank span {
    padding-left: 0em !important;
	font-family: Courier New, Courier, monospace;
}

.publikationen {
    font-size: .8rem;
    margin-top: -4em !important;
    margin-bottom: -5em !important;
}

.publikationen li {
    margin-bottom: -5em !important;
}

.aktivitatenSubUl {
    margin-top: -3.5em;
}

.werkverzeichnisRight {
    margin-top: -4em;
}

.werkverzeichnisRight:first-child {
   margin-top: -1.5em;
}

.impressumZwei {
    width: 70%;
}

.activitatentobis {
    margin-top: -3.8em;
}

h2.yellow {
	margin: 0 0 .7em;
}


/*-------------------------------------------------------------------------------------
7 DESKTOP ONLY STYLES
--------------------------------------------------------------------------------------*/

@media screen and (min-width: 900px) {
    html {
        font-size: 1.2vw;

    }

    #blog {
        width: 60em;
        margin-top: 160em;
        position: relative;
        margin-left: 2em;
        z-index: -100;
    }

    .mobilecloser {
        display: none;

    }

    .blog_entry_container {
        align-self: stretch;
        display: flex;
        flex-flow: row wrap;
        margin-top: 1em;
    }

    .blog_text {
        width: 52%;
        padding-right: 3%;

    }

    .blog_text_zweispaltig {
        flex: 1;
        columns: 2;
        margin-right: 5em;

    }


    .blog_bild_text {
        width: 35%;
        margin-right: 3%;

    }

    .blog_bildlegende {
        text-align: right;
        font-size: .7em;
        font-style: italic;
    }


    .blog_bild {
        width: 100%;
        height: auto;

    }

    .blog_bild_zweispaltig {
        width: 90%;
        height: 90%;
        margin-right: 5em;
    }

    .quelle {
        font-size: .8em;
        font-style: italic;
    }

    .blog_entry_container {
        margin-bottom: 4em;
    }

    .entry-date {
        flex: 1 100%;
    }


    #blogcontent {
        margin: 3em 0 1em 1em;

    }

    #menuleft-mobile {
        display: none;
    }

    #languages-mobile {
        display: none;
    }

}


/*------------------------------------------------------------------
8 MOBILE ONLY STYLES
-------------------------------------------------------------------*/

@media screen and (max-width: 900px) {

    html {
        overflow: auto;
    }

    .opener, .closer, #stempelextra2 {
        display: none;
    }


    #Ebene_1 {
        width: 20em;
        margin: -1.5em 0 0 .8em;
    }

    #platforms img {
        margin-right: .8em;

    }


    #platforms {
        margin-top: 1.5em;
        position: inherit;
        right: 0;
        left: 10.5em;
        bottom: -2em;
        z-index: 1000;
        text-align: left;
        height: 2em;
    }

    #platforms a {

        margin-bottom: 1em;
    }
	
	#download img {
    margin-left: .8em;
    height: 1.3em;
}

	#download {
        margin-top: 0.15em;
        position: inherit;
        right: 0;
        left: -6em;
        bottom: 0;
        z-index: 1000;
        text-align: right;
        height: 2em;
}
	#spazio img {
    margin-left: .8em;
    height: 1.3em;
}

	#spazio {
        margin-top: -2.1em;
        position: inherit;
        right: 0;
        left: -23em;
        bottom: 0;
        z-index: 1000;
        text-align: right;
        height: 3em;
}
	
    #languages {
        display: none;
    }

    #languages-mobile {
        z-index: 1001;
        display: inline-block;
        width: 100% !important;
        text-align: center;
    }

    #languages-mobile .pure-menu-list {
        text-align: center;
    }

    #languages-mobile .pure-menu-item {
        width: auto !important;
    }

    #menuleft {
        display: none;
    }

    #menuleft-mobile {
        z-index: 1001;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: -1em;
        margin-bottom: 1em;
    }

    #actualmenuleft {
        display: none;
    }

    #blogicon {
        display: none;
    }


    .props {
        text-align: center;
    }


    #zwei h1, #drei h1 {
        margin: 0 0 0 0;
        position: relative;
    }


	.impressumZwei {
    	width: 100%;
	}
	
	.impressumZwei .biografieText {
		width: 100%;
	}
	
	.WerkverzeichnisContainer {
    	width: 100%;
	}
	
    #container {

        display: block;
        overflow: scroll;
        height: 100%;
    }


    #eins, #zwei, #drei {

        position: relative;
        margin: 0;
        z-index: 100;
        height: auto;
    }

    #drei {
        margin-bottom: 3em;
    }

    #eins, #zwei, #drei {
        text-align: center;
        margin: 0;
    }


    #blog {
        position: relative;
        margin: 0 3em;
        z-index: -100;
        display: none;
    }

    #eins, #zwei, #drei {
        margin-top: 0;

    }

    #eins {
        overflow: hidden;
    }

    body {
        overflow-y: hidden;
    }

    #zwei, #drei {
        margin-top: 1em;
    }


    #zwei, #drei, #blog  {
        overflow: auto;
        height: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;

    }


    #eins, #zwei, #drei {
        margin-top: 1em;

    }

    #projekte, #projekte_cultural {
        margin: 0 0 0 0;
    }

    #zwei {
        margin-left: 0em;
    }

    #drei {
        margin-left: 0;
    }


    h2 {
        margin: 1em 1em 0 1em;
    }

    .download {
        display: inline-block;

    }

    .heftlink {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0;
    }


    .heftlink:hover {
        background-image: url('../../../images/stack.png');
        background-size: .7em;
        background-repeat: no-repeat;
        background-position: center right;

    }

    ul, li, ul li a {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .mobilecloser {
        font-size: 10em;
        cursor: pointer;
        position: fixed;
        right: .1em;
        top: .1em;
        font-family: Arial, sans-serif;
    }

    .blog {
        margin-bottom: 0em;
    }

    .blog_bildlegende {
        text-align: left;
        font-size: .7em;
        font-style: italic;
    }


    .blog_bild {
        width: 95%;
        height: auto;

    }

    .blog_entry_container {

        margin-top: 3em;
    }

    .blog_text {
        font-size: 1.2em;
    }

}

/* --------------------------------------------------------------------
9. MENU
----------------------------------------------------------------------*/



/* Primary Menu ---------------------------- */

.primary-menu-wrapper {
	display: none;
}

ul.pure-menu-list {
	display: flex;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: -0.0277em;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: -0.8rem 0 0 -1.6rem;
}

.pure-menu-list .icon {
	display: block;
	height: 0.7rem;
	position: absolute;
	pointer-events: none;
	transform: rotate(-45deg);
	width: 1.3rem;
}

.pure-menu-list .icon::before,
.pure-menu-list .icon::after {
	content: "";
	display: block;
	background-color: currentColor;
	position: absolute;
	bottom: calc(50% - 0.1rem);
	left: 0;
}

.pure-menu-list .icon::before {
	height: 0.9rem;
	width: 0.2rem;
}

.pure-menu-list .icon::after {
	height: 0.2rem;
	width: 0.9rem;
}

.pure-menu-list li {
	font-size: inherit;
	line-height: 1.25;
	position: relative;
}

.pure-menu-list > li {
	margin: 0.8rem 0 0 1.6rem;
}

.pure-menu-list > li.menu-item-has-children > a {
	padding-right: 0rem;
}

.pure-menu-list > li > .icon {
	right: -0.5rem;
	top: calc(50% - 0.4rem);
}

.pure-menu-list a {
	color: inherit;
	display: block;
	line-height: 1.2;
	text-decoration: none;
	word-break: normal;
	word-wrap: normal;
}

.pure-menu-list a:hover,
.pure-menu-list a:focus,
.pure-menu-list .current_page_ancestor {
	background: rgba(0,0,0,0.05) !important;
}

.pure-menu-list li.current-menu-item > a,
.pure-menu-list li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: underline;
}

.pure-menu-list li.current-menu-item > a:hover,
.pure-menu-list li.current-menu-item > .link-icon-wrapper > a:hover,
.pure-menu-list li.current-menu-item > a:focus,
.pure-menu-list li.current-menu-item > .link-icon-wrapper > a:focus {
	text-decoration: none;
}

/* SUB MENU */

.pure-menu-list ul.sub-menu {
	z-index: 9999 !important;
	background: #fff;
	border-radius: 0.4rem;
	color: #000;
	font-size: 0.8rem;
	opacity: 0;
	padding: 0.5rem 0;
	position: absolute;
	right: 9999rem;
	top: calc(100% + 2rem);
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translateY(0.6rem);
	width: 10rem;
	z-index: 1;
}

/* .pure-menu-list li.menu-item-has-children:hover > ul,
.pure-menu-list li.menu-item-has-children:focus > ul,
.pure-menu-list li.menu-item-has-children.focus > ul{
	right: 1em;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.15s linear, transform 0.15s linear;
} */

.toggleMenuButton {
	right: 1em!important;
	opacity: 1!important;
	transform: translateY(0)!important;
	transition: opacity 0.15s linear, transform 0.15s linear!important;
}

.pure-menu-list ul::before,
.pure-menu-list ul::after {
	content: "";
	display: block;
	position: inherit;
	bottom: 100%;
}

.pure-menu-list ul::before {
	height: 2rem;
	left: 0;
	right: 0;
}

.pure-menu-list ul::after {
	border: 0.4rem solid transparent;
	border-bottom-color: #fff;
	right: 1.8rem;
}

.pure-menu-list ul a {
	background: transparent;
	border: none;
	color: absolute;
	display: block;
	padding: 0.5rem 1rem;
	transition: background-color 0.15s linear;
	width: 100%;
}

.pure-menu-list ul li.menu-item-has-children > a {
	padding-right: .2rem;
}

.pure-menu-list ul li.menu-item-has-children .icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}


h2.blog {
    display: none !important;}