/* --- Article --- */
		.site-branding {width: 40%; padding: 0; margin: 0; height: 100%; overflow: hidden;}
		.site-branding a img {max-height: 60px;}
		.site-title a {margin: 0; padding: 0; height: 100%; display: block;}
		.entry-header .entry-meta, .comment-metadata, .entry-footer {
		padding: 15px 7.5px;
		border-top: 0.25px solid rgb(215,215,215);
		border-bottom: 0.25px solid rgb(215,215,215);
		}
		.entry-header .entry-meta {
		display: flex;
		justify-content: flex-end;
		}
		.entry-header .entry-meta *, .comment-metadata time {		
		font-size: 15px;
		}		
		
		.entry-header .entry-meta a, .comment-metadata a {
		display: inline-block;
		margin-right: 5px;
		transition: all 0.5s;
		color: black;
		}
		.entry-header .entry-meta a:hover, .comment-metadata a:hover {
		color: var(--main-color);
		text-decoration: none;
		}
		
		.entry-footer {
		margin-bottom: 25px;	
		}
		
		.cat-links a {
			color: var(--main-color);
            list-style-type: none;
            display: inline-block;
            min-width: 20%;
		}
		
		time.updated {
		display: none;
		}
		
		.tags-links a:before {
		content: "#";	
		}
		
		/*
		.cat-links a {
		color: var(--main-color);
		border: 0.5px solid var(--main-color);
		padding: 10px;
		margin-right: 5px;
		border-radius: 10px;
	    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
		transition: all 0.5s;
		text-decoration: none;
		}
		
		.cat-links a:hover {
		color: white;
		background: var(--main-color);
		}
		*/
		
		/* --- Comments --- */
		.comment-list li {
		list-style: none;
		margin-left: -40px;
		}
		.comment-author {margin-bottom: 25px;}
		.comment-body {
		padding: 10px;
		border: 0.5px solid rgb(215,215,215);
		border-radius: 10px;
	    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
		margin-bottom: 15px;
		}
		.comment-metadata {
		display: flex;
		justify-content: space-between;
		align-items: center;
		}		
		#respond {
		display: block;
		height: auto;
		overflow: auto;
		width: 100%;
		position: relative;
		}
		#respond .comment-form {
		position: static;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		}		
		#respond .comment-form p {
		display: block;
		width: 100%;		
		}
		.edit-link a.post-edit-link {display: block; margin-top: 15px; text-align: center;}
		#respond .comment-form input[type="submit"], .reply, .edit-link a.post-edit-link {
		cursor: pointer;
		border: none;
        background: var(--second-color);
        height: 100%;
        border-radius: 10px;
	    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        outline: none;
        padding: 10px;
        transition: all 0.5s;
		color: white;
        }
		.reply {
		display: inline-block;
		color: white;		
		}		
		.reply a {color: white;}		
		#respond .comment-form input[type="submit"]:hover, .reply:hover {
		opacity: 0.75;	
		}
		.reply:hover a {
		text-decoration: none;
		}
		#respond .comment-form input[type="submit"]:before, .reply:before, .edit-link a:before { 
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		margin-right: 10px;
		}
		.edit-link a:before {content: "\f013";}
		.reply:before {content: "\f0e5";}
		/*.edit-link a {
		display: block;	
		margin-top: 25px;
		text-decoration: none;
		opacity: 0.5;	
		}
		.edit-link a:hover {opacity:1;}
		.comment-form-cookies-consent {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 400px;
		}*/
		.comment-form-cookies-consent input, .comment-form-cookies-consent label {display: block; }
		.comment-form-cookies-consent input {width: 10%; float: left; }
		.comment-form-cookies-consent label { width: 80%; float: left; font-size: 12px; background: none; color: black;}
		
		/* --- Search Form --- */
		#search-2, #search-2 form{
		position: static;
		display: block;
		width: 100%;
		}
		#search-2 form{
		padding: 10px;
        padding-top: 7px;
        border: 1px solid #ddd;
        border-radius: 10px;
	    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-color: rgb(215,215,215);
        height: 50px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		#search-2 form:hover {
        box-shadow: 0 0 5px rgb(215,215,215);
	    -webkit-box-shadow: 0 0 5px rgb(215,215,215);
	    -moz-box-shadow: 0 0 5px rgb(215,215,215);
        }
		#search-2 form * {
		padding: 0;
		margin: 0;
		height: auto;
		}
		#search-2 form label {
		background: none;
		width: 100%;
		padding: 0;
		}
		#search-2 form label span {
		display: none;	
		}
		#search-2 form label input {
        font-size: 16px;
        float: left;
        border: none;
        outline: none;
        width: 100%;
		height: 100%;
        transition: all 0.5s;
        background: none;
		padding: 5px;
		padding-left: 15px;
        }
		#search-2 form input[type="submit"] {
		cursor: pointer;
		border: none;
        background: var(--main-color);
        min-width: 0;
        width: 100px;
        height: 100%;
        border-radius: 10px;
	    -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
        outline: none;
        padding: 0;
        transition: all 0.5s;
		color: white;
		content: "";
        }
		#search-2 form input[type="submit"]:hover {
		opacity: 0.75;	
		}		
		aside li {
		list-style: none;	
		margin-left: -40px;
		padding: 10px 0;
		border-bottom: 0.25px solid rgb(215,215,215);
		}

		/* --- Navigation --- */
		
		#menu-menu-emacss {
		margin: 0;
		padding: 0;
		height: auto;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		}
		
		.menu-item {
		list-style: none;	
		}
		
		.menu-item a {
        padding: 20px 10px;
        display: inline-block;
        color: var(--second-color);
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.75s;
        font-weight: bold;
        }

        .menu-item a:hover {
        text-decoration: underline;
        color: var(--main-color);
        }
				
		/*

        header#top-header nav .menu-container {
        position: relative;
        display: inline-block;
        cursor: pointer;
        }

        header#top-header nav .menu-container a.selector:after {
        content: '\f0da';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        margin:0px 0px 0px 10px;
        text-decoration:none;
        }

        header#top-header nav .menu-container a.selector:hover {
        text-decoration:none;
        }

                    header#top-header nav .menu-container .sub-menu {
                    display: block;
                    width: 230px;
                    height: 0;
                    opacity: 0;
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    border: 0.25px solid rgb(215,215,215);
                    -webkit-box-shadow: 0px 1.5px 5px 0px rgba(189,187,189,0.85);
                    -moz-box-shadow: 0px 1.5px 5px 0px rgba(189,187,189,0.85);
                    box-shadow: 0px 1.5px 5px 0px rgba(189,187,189,0.85);
                    background: white;
                    position: absolute;
                    transform: translateY(-2em);
                    transition: all 0.6s linear 0.25s, visibility 0s linear 0.6s, z-index 0s linear 0.25s;
                    }

                        header#top-header nav .menu-container .sub-menu a {
                        display: block;
                        height: 0;
                        margin: 0;
                        padding: 0;
                        font-size: 0;
                        opacity: 0;
                        transition: all 0.45s linear, padding 0.6s linear 0.15s;
                        }

                        header#top-header nav .menu-container:hover .sub-menu {
                        height: auto;
                        opacity: 1;
                        z-index: 1;
                        transform: translateY(0%);
                        }

                        header#top-header nav .menu-container:hover .sub-menu a {
                        height: auto;
                        font-size: 18px;
                        padding: 12px;
                        opacity: 1;
                        transition-delay: 0s, 0s, 0.1s;
                        }
						
				*/

                .home, .menu-item-home a {
                background: var(--main-color);
                color: white;
                }

                .home:hover, .menu-item-home a:hover {
                background: var(--second-color);
                color: var(--main-color);
                }
				
				.home {
				height: 100%;
				padding: 20px 10px;
				display: inline-block;
				}

                a#icon {
                width: 70px;
                text-align: center;
                display: none;
                }

                header#top-header nav .top-menu {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                }

            ul.tag-list li {
            color: var(--main-color);
            list-style-type: none;
            display: inline-block;
            min-width: 20%;
            float: left;
            }

            ul.tag-list li::before {
            content: "#";
            }
			
			@media screen and (max-width: 900px) {
			   /*nav {
			   display: block;
			   float: left;
			   width: 100%;
			   }*/

			   a#icon {
			   display: block;
			   float: right;
			   }

			   #menu-menu-emacss {
			   position: absolute;
			   top: 0;
			   left: 0;
			   background: white;
			   width: 100%;
			   height: 0;
			   overflow: hidden;
			   display: block;
			   }
			   
			   .menu-item a {
				display: block;
			    width: 100%;
				float: left;				
			   }
			.entry-header .entry-meta {
			flex-direction: column;
			}
			main, aside {
			padding-top: 0;
			border-top: 5px solid var(--main-color);
			}
		}