/*
 Theme Name:   Lisa Leonard Child
 Description:  Gridbox Child Theme
 Template:     gridbox
 Version:      1.0.0
 */



:root {align-content
	--text-font: 'Mulish', sans-serif!important;
	--title-font: 'Mulish', sans-serif!important;
	--navi-font: 'Mulish', sans-serif!important;
	--widget-title-font: 'Mulish', sans-serif!important;
}

html {
	font-family: 'Mulish', sans-serif!important;
}


body {
	font-family: 'Mulish', sans-serif!important;
}

body,
button,
input,
select,
textarea {
	color: #6d6e71;
}

.site-header {
  background-color: #fff;
}
.main-navigation ul a, .main-navigation ul a:link, .main-navigation ul a:visited {
    color: #6d6e71;
    text-decoration: none;
    transition: all 0.2s ease;
}

body:not(.home) .header-image {
    display: none;
}
#masthead {
    position: fixed;
    margin-top: 0px !important;
    width: 100%;
	opacity: 0.9;
    z-index: 999900;
}
.header-image img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: auto;
    vertical-align: top;
    padding-top: 60px;
}
.primary-menu-toggle .icon {
    margin: 0;
    width: 32px;
    height: 32px;
    vertical-align: top;
    fill: #6d6e71;
    transition: fill 0.2s ease;
}
.primary-menu-toggle:hover .icon,
.primary-menu-toggle:active .icon {
	fill: rgb(14 14 14 / 27%);
}

.sidebar {
    float: right;
    width: 30%;
    margin-top: 60px;
}

.no-sidebar .content-single, .site-content .centered-content-area {
    float: none;
    margin: 40px auto;
    padding: 0;
    max-width: 800px;
    width: 100%;align-content
}

.pagination a,
.pagination .current {
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0.4em 0.9em;
	background-color: #ABDBD4;
	color: #6d6e71;
	text-align: center;
	text-decoration: none;
}
/* Footer */
.footer-wrap {
    background-color: #ddd9d6;
	color:#6d6e71;
}
#footer-logo {margin-top:20px}
.site-footer {color: #6d6e71}
.site-footer a {color: #6d6e71}
#footer ul {list-style-type: none; margin-top: 0.3em;}
#menu-footer-menu {text-align:center;}
#menu-footer-menu a {color: #6d6e71;}
#footer-text {text-align:center;padding: 0.4em;}

.lld-social {display:none;}
.center-post {text-align:center;}

@media only screen and (min-width: 320px) {
	.header-image img {padding-top: 100px;}
	.page-header {padding-top:70px;}
	.type-post {margin-top:20px;}
	.content-single {margin-top:64px;}
}

@media only screen and (max-width: 30em) {
	.container {
		padding-right: 1.5em;
		padding-left: 0.5em;
	}

	.site-content {
		padding-top: 1.5em;
	}

	.widget,
	.page-header,
	.type-page,
	.type-attachment,
	.pagination,
	.comments-area {
		margin-bottom: 1.5em;
	}
	.archive-column {height: 280px;}

	/* Post Columns */
	.post-wrapper,
	.magazine-grid {
		display: block;
		margin-right: 0;
	}
	
	.home .post-column {
		height: 280px;
	}

	.post-wrapper .post-column,
	.magazine-grid .magazine-grid-post {
		display: block;
		padding-right: 0;
	}

	.post-layout-two-columns .post-wrapper .post-column,
	.post-layout-three-columns .post-wrapper .post-column,
	.post-layout-four-columns .post-wrapper .post-column,
	.magazine-two-columns-grid .magazine-grid-post,
	.magazine-three-columns-grid .magazine-grid-post,
	.magazine-four-columns-grid .magazine-grid-post {
		width: 48%;
		float: right;
		padding: 4px;
	}

	.magazine-three-columns-grid .magazine-grid-post .wp-post-image {
		float: none;
		margin: 0 0 0.5em;
		max-width: 100%;
	}
}

@media only screen and (max-width: 30em) {
	.archive-title,
	.page-title,
	.entry-title,
	.widget-magazine-posts .widget-header .widget-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.post-layout-two-columns .post-wrapper .type-post .entry-title,
	.post-layout-three-columns .post-wrapper .type-post .entry-title,
	.post-layout-four-columns .post-wrapper .type-post .entry-title,
	.magazine-two-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-three-columns-grid .magazine-grid-post .type-post .entry-title,
	.magazine-four-columns-grid .magazine-grid-post .type-post .entry-title {
		font-size: 24px;
		font-size: 1rem;
	}
	
	.post-wrapper .type-post .entry-meta {
	margin-bottom: 0.5em;
	font-size: 14px;
	font-size: 0.8rem;
}
	
#secondary {/*display:none;*/}
.sidebar {
    float: none;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
}