/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700&display=swap');

:root {
	--themepath: '/wp-content/themes/gj21/';
	
    --darkgreen: 4,89,34;
    --lightgreen: 149,193,31;
    --cerise: 242,31,49;
    --magenta: 255,0,122;
}


* {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 400;
}

strong,
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

#site-title h2.site-description {
    display: inline-block;
    font-weight: 700;
    margin-top: 0;
}

#site-title h1,
#site-title h1 a {
    font-size: 1.3rem;
    letter-spacing: 0;
    word-break: keep-all;
    hyphens: none;
    font-weight: 700;
}


em {
    display: inline-block;
    background: blue !important;
    font-style: normal !important;
    font-weight: 700;
    padding: 0 0.6em;
    color: #fff;
    border-radius: 10000px;
} 

a em {
    display: inline-block;
    background: rgb(var(--magenta)) !important;
    font-style: normal !important;
    font-weight: 700;
    padding: 0 0.6em;
    color: #fff;
    border-radius: 10000px;
    font-size: 0;
} 

a:hover em {
    background: #b7055a !important;
}

a em:after {
	font-size: 25px;
	padding: 0 0.12em;
	line-height: 1.2em;
	font-weight: normal;
    font-family: dashicons;
	content: "\f177";
	color: #fff;
}
figure a {
	display: inline-block;
	border: 1px solid #bbb;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
	font-size: 0;
}

figure a:hover {
	border: 1px solid #848484858;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
}

@media screen and (min-width: 767px) {


     
}

@media screen and (min-width: 1023px) {

	.post .entry-header, .post .entry-content, .post .entry-footer, .site-content .page, #comments, #nav-below, #nav-single, #nav-image, #nav-comments, .wp-pagenavi, .archive-header, .search-results .site-content .page, .entry-thumbnail, #disqus_thread {
	    max-width: none;
	    margin: 0 auto;
	}
     
}