/*
You can add your own CSS here.
/* MV CSS Adjustment */
@media only screen and (max-width: 359px) {
    #sidebar-wrapper {
        width: 100% !important;
    }
    #content-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
Click the help icon above to learn more.
*/

.contact-me{
	padding: 20px;
    background: rgb(249, 249, 249);
}

.contact-me input[type="text"], 
.contact-me input[type="email"], 
.contact-me textarea{
	background: white !important;
	color: black !important;
}

.sidebar .new-share a{
  display: block;
  border: 1px solid black;
  padding: 18px 10px 16px;
  margin-bottom: 10px;
  font-family: Montserrat;
  font-weight: bold;
  letter-spacing: 3px;
  font-size: 12px;
}

.sidebar .new-share a i{
  margin-right: 6px;
   font-size: 12px;
}

.sidebar .new-share a:hover{
  border: 1px solid #c9c8c8;
}

.sidebar .about_message{
   border-bottom: none;
}

.socialsidebar {
    padding: 10px 0 50px;
}

@media screen and (max-width: 580px){
			/* Homepage */
			.home #outer-wrapper{
				max-width: 100%;
				width: 100%;
			}

			.home #header-wrapper{
				max-width: 400px;
				margin: auto;
			}

			.home #main-wrapper{
				width: 100%;
			}
			.home .post-head {
			    padding: 0 5px;
			}

			.home .post-body p {
			    padding: 0 5px;
			}

			.home .post-body img{
				position: relative;
				left: -8px;
				max-width: calc(100% + 15px);
			}

			.home .post-footer{
				box-sizing: border-box;
				padding-left: 5px;
				padding-right: 5px;
			}

			/* Single post */
			.single #outer-wrapper{
				max-width: 100%;
				width: 100%;
			}

			.single #header-wrapper{
				max-width: 400px;
				margin: auto;
				padding: 0 15px;
				box-sizing: border-box;
			}

			.single #main-wrapper{
				width: 100%;
			}

			.single #content-wrapper{
				box-sizing: border-box;
				padding: 0 15px;
			}

		}

@media screen and (max-width: 580px){
    #linkbar.sticky{
    	position: fixed;
    	top: 0;
    	background: white;
    	width: 100%;
    	left: 0;
    	z-index: 999;
        padding: 16px 0;
        margin-top: 0;
    }

     #header-wrapper {
        margin-bottom: 30px !important;
    }


    .menu-open::after {
        background-image: url(http://inhonorofdesign.com/wp-content/uploads/2018/02/close.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-color: white;
        content: '';
        position: absolute;
        height: 22px;
        width: 30px;
        display: block;
        right: 20px;
        top: 16px;;
        background-size: contain;
        pointer-events: none;
    }

    #linkbar.menu-open {
        position: fixed;
        top: 0;
        overflow: visible;
        z-index: 999;
        background: white;
        height: 100%;
    }


    .menu-open.sticky::after {
        top: 17px;
    }


    .linkbar-mobile img {
        margin-right: 20px;
    }

    #linkbar.mobile .dropdown{
        background: #f2f2f4;
        width: 100%;
        left: 0;
        border-top: 1px solid black;
        z-index: 999;
        top: 57px;
    }
    #linkbar.menu-open.sticky {
        height: 100%;
        box-sizing: border-box;
    }
    #linkbar.menu-open {
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 999;
        background: white;
        margin-top: 0;
        padding-top: 16px;
        left: 0
    }
    #linkbar.mobile {
        margin: 30px 0 5px;
    }
    #linkbar.mobile.menu-open .dropdown {
        display: block;
        height: calc(100% - 60px);
        box-sizing: border-box;
        overflow: scroll;
            overflow-x: scroll;
        overflow-x: hidden;
    }

    #linkbar.mobile.sticky,
    #linkbar.mobile.menu-open {
        margin: 0px 0 5px;
    }

    #linkbar.mobile.menu-open{    padding-bottom: 10px;
    box-sizing: border-box;}

    #linkbar.mobile a:hover, #linkbar.mobile li.current-menu-item a {
        color: black;
        border-bottom: none;
    }
    #linkbar.mobile a {
        color: black;
        border-bottom: none;
    }
    a[title="Sumo"]{
        display: none;
    }
    #menu-main > li > a{
        font-weight: bold;
    }

}			a.more-link {
			    font-style: italic;
			    width: auto;
			    padding: 0 30px;
			    color: #231f20 !important;
			    background: white;
			    border: 1px solid #d7b655;
			    margin-bottom: 30px;
			}

.post-footer{
	text-align: left
}

.simplefavorite-button {
    cursor: pointer;
}

body:not(.single) .wpulike{
float: left
}