/*
Theme Name:    Blacklite Gird
Theme URI:     http://zthemes.net/themes/blacklite
Author:        ZThemes.net
Author URI:    https://zthemes.net/
Description:   Blacklite Gird is a perfect Grid Blog News Theme a child theme of Blacklite wordpress Theme. Designed for travel blogs, food, life style ... See demo: http://blackgrid.demozthemes.com/. Get free support and check the demo at http://zthemes.net/themes/blacklite
Template:      blacklite
Version:       1.0.3
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:   blacklite-gird
Tags:          blog, news, grid-layout, two-columns, three-columns, right-sidebar, custom-logo, featured-images, theme-options

*/

/*
Customizations of this theme start here
*/

:root {
	--font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
	--headings: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}

.h1-styling {
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: .15rem;
	font-weight: 600;
	padding: 0 1rem;
}

h1.entry-title {
	font-size: 2.5rem;
	font-weight: 900;
}

h1.entry-title, h2.entry-title, h1.page-title {
	text-transform: none;
	line-height: 1.2;
}

h1, h2, h3, h4, h5 {
	font-family: var(--headings);
}

h2.entry-title a, h1.entry-title a, nav#site-navigation a, .nav-previous a, .nav-next a {
	color: #255075;
	text-decoration: underline;
}

h2.entry-title a:hover, h1.entry-title a:hover {
	text-decoration: none;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	color: #222;
}

.entry-header-cate {
	font-weight: 700;
	margin-left: 0;
	letter-spacing: 0.05rem;
}

.entry-header-cate a {
	color: #3778af;
}

.entry-header-cate a:hover {
	text-decoration: none;
	opacity: 0.75;
}

header.entry-header {
	text-align: left;
}

.menu li a, h1.entry-title {
	letter-spacing: 0;
}

blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	border-left: 5px solid #255075;
	padding-left: 1rem;
}

.post-entry ul, .post-entry ol, .entry-content ul, .entry-content ol {
	font-size: 0.9rem;
	padding-left: 2rem;
}

.post-entry ul li, .entry-content ul li {
	margin-bottom: 0;
}

figure {
	margin: 0;
}

.post-entry a, .entry-content a {
	font-weight: 700;
}

.widget-title {
	background: #255075;
}

.widget-title a {
	color: #e9e9e8;
}

body {
	font-size: 1.2rem;
	font-family: var(--font-family);
	color: #222;
}
div#page{
  box-shadow: none;
}
a {
  color: #255075;
}
nav#site-navigation {
  background: #d1cdbc;
}

nav#site-navigation a {
  font-style: normal;
  font-weight: 600;
}
#site-navigation .menu li a{
  font-size: 14px;
}
#site-navigation .menu li a:hover {
  color:  #e2b1a5;
}
div#top-social  a:hover,div#top-search  a:hover, .entry-share a:hover{
  color:  #e2b1a5;
}
#site-navigation ul.menu ul a{
  background-color: #fff;
}
#site-navigation ul.menu ul a:hover{
  background-color: #fff;
  color: #e2b1a5;
}
p.site-description {
  font-size: 9px;
}

article.post {
	margin-bottom: 0;
	padding-bottom: 2.5rem;
	border-bottom: 1px dashed rgba(37, 80, 117, 0.6);
}

.update {
	display: inline-block;
	line-height: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.25rem 0.5rem;
	border-left: 4px solid;
	border-color: #255075;
	background-color: #fff;
}

.post-categories {
	display: inline-block;
}

.meta-font-size, .post-categories li {
	display: inline-block;
}

.black-bg {
	background: black;
}

.archive-description ul {
	list-style: disc;
	margin-left: 2.5rem;
}

.archive-description {
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(37,80,117,0.15);
}

.wp-block-image figcaption {
	font-size: 0.8rem;
	font-style: italic;
}

.entry-excerpt p {
	 margin: 1.5rem 0 1.5rem;
}

.block {
	padding: 1rem 3rem;
}

.toc-columns {
	column-count: 2;
}

/*==========================================
 Home Page Style
 ==========================================*/
.home .zt-grid article.post {
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

h2.entry-title{
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: 0;
	margin: 1rem 0;

}
.posts-navigation{
  width: 100%;
  float: none;
}
.zt-grid .entry-more,.zt-grid .entry-share {
  display: none;
}
.zt-grid header.entry-header {
  margin: 2rem 0;
}
.entry-header, .excerpt-aside figure {
  margin-top: 2.5rem;
}

header.site-header, .title-divider {
	margin: 0;
}

div#content {
	border-top: 1px solid rgba(37,80,117,0.15);
}

.category .page-title, .tag .page-title {
	text-align: inherit;
	font-weight: 700;
	font-size: 3.5rem;
	letter-spacing: 0.05rem;
}

.category article *  {
	text-align: left;
}

.home .zt-grid article.post {
	width: 100%;
	margin-bottom: 0;
}

.entry-meta {
	margin-bottom: 0.1rem;
}

/*==========================================
 Single Post Style
 ==========================================*/

.widget ul .links a {
	color: #255075;
	font-weight: 600;
	text-decoration: underline;
}

.date {
	color: #696969;
	font-size: 0.75rem;
}

.perm {
	opacity: 0.7;
}

 h1.site-title {
  font-size: 30px;
  letter-spacing: 2px;
}
.entry-cate a {
	background-color: #255075;
}

.entry-cate a:hover {
	opacity: 0.7;
}
.entry-tags a:hover {
  background-color: #fbe6e0;
}
h2.widget-title, time.entry-date {
  font-family: var(--font-family);
}
.entry-tags a, .widget .tagcloud a {
  font-family: var(--font-family);
  text-transform: none;
}
.entry-more a:hover {
  background-color: #ecc4b9;
  border-color: #ecc4b9;
}
.entry-more a {
  color: #fff;
  font-family: var(--font-family);
  text-transform: uppercase;
  font-size: 12px;
  background-color: #e2b1a5;
  border-color: #e2b1a5;
}
.entry-box-post{
  margin: 0;
}
#site-navigation .menu .sub-menu, #site-navigation .menu .children {
  background-color: #fff3f0;
}
#site-navigation ul.menu ul a, #site-navigation .menu ul ul a {
  color: #111111;
  margin: 0;
  font-size: 12px;
  padding: 6px 10px;
  min-width: 175px;
  line-height: 20px;
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
  border-top: 1px solid;
  border-color: #fbe6e1;
}
.comment-form input.submit:hover {
  background:#e2b1a5;
  color:#FFF;
  border: 1px solid #e2b1a5;
}
.tagcloud .tag-cloud-link:hover {
  background-color: #e2b1a5;
  color:#fff;
}
/*==========================================
 Footer Style
 ==========================================*/

 footer.site-footer {
  border-bottom: 10px solid #fff3f0;
  background-color: #fbf3f2;
}
footer .site-info {
  color: #525252;
  font-size: 10px;
  letter-spacing: 1px;

}
#footer-social a {
  color: #999;
}
footer .site-info a {
  color: #e2b1a5;
  font-weight: 600;
}

.meta-font-size {
	font-size: 1rem;
}

time.entry-date {
	color: #424242;
	font-size: 1rem;
	font-weight: 700;
}

#colophon {
	background: #d1cdbc;
}

#instagram-footer {
	display: flex;
	margin: 0 auto;
}

@media (max-width: 768px) {
	#site-navigation ul.menu ul a, #site-navigation .menu ul ul a {
		color: #000;
	}
	nav#site-navigation a {
	    color: #000;
	}
	#site-navigation ul.menu ul a {
		background: #fff3f0;
	    border: none;
	}
	.menu li {
    	background: #fff3f0;
	}
	.m_menu_icon{
		background-color: #000;
	}
	.main-navigation ul ul{
		box-shadow: none;
	}
	.home .zt-grid.full-width article.post{
		width: 49%;
	}
}

@media (max-width: 480px){
	.site-main.zt-grid .entry-content{
		display: none;
	}
	h2.entry-title{
		font-size: 1.5rem;
		margin-bottom: 0;
	}
	
	h1.entry-title {
		font-size: 1.75rem;
	}
	
	.meta-font-size, time.entry-date {
		font-size: 0.75rem;
	}
}

/* EXTERNAL LINKS - credit to https://codepen.io/Xaptor/pen/XYVvGG for the design */

h2.entry-title-terminal, .terminal {
	font-family: monospace;
	font-size: 1.5rem;
	color: #e9e9e8;
}

h2.entry-title-terminal a {
	font-weight: 400;
	color: #a3f949;
	text-decoration: underline;
 	text-underline-offset: 0.1em;
}

h2.entry-title-terminal a:is([href*="logicface.co.uk"]) {
	color: #5f9acd;
}

h2.entry-title-terminal a:not([href*="logicface.co.uk"])::after {
	content: ' \279A';
}

.terminal {
	background-color: #151515;
	box-sizing: border-box;
	padding: 1.25rem;
	border-bottom-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

h2.entry-title-terminal {
	margin-top: 0;
}

.terminal p {
	margin-bottom: 0;
	font-size: 1.25rem;
}

.menubar {
	margin-top: 1rem;
	box-sizing: border-box;
	height: 1.5rem;
	background: linear-gradient(to bottom, #c6c6c6, #949494);
	border-bottom: 1px solid #8e8e8e;
	border-top-right-radius: 0.3rem;
	border-top-left-radius: 0.3rem;
}

.excerpt-aside p {
	font-size: 1.65rem;
	line-height: 1.4;
	margin: 2.5rem 0 1.5rem 0;
}

.excerpt-aside a {
	text-decoration: underline;
}

.excerpt-aside a:hover {
	text-decoration: none;
}

.excerpt-aside .posted-on a {
	text-decoration: none;
}

.excerpt-aside .posted-on a:hover {
	text-decoration: underline;
}

.entry-meta-cool-link {
	border: 1px #484848 solid;
	padding: 0.5rem;
	box-shadow: 5px 5px #255075;
	border-radius: 5px;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 2px;
  	font-weight: 700;
}

q {
	color: #444;
	quotes: "“" "”" "‘" "’";
	font-style: italic;
}
q::before {
    content: open-quote;
}
q::after {
    content: close-quote;
}

/* ADDED */

.main-navigation {
    display: flex;
    width: 100%;
}

.top-nav {
	display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

div#top-search {
	justify-content: flex-end;
    height: 31px;
    display: flex;
}

.intro-box {
	margin: 100px auto 50px;
	max-width: 40%;
    text-align: center;
}

.intro-box h1 {
	font-size: 1.75rem;
}

.widget ul {
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin-bottom: 9px;
	padding: 0;
	list-style: none;
}

.widget ul li a {
	color: #255075;
	font-weight: 700;
	font-size: 1.5rem;
	text-decoration: underline;
}

.widget ul li a:hover {
	text-decoration: none;
}

.widget {
	margin: 0 0 1em;
}

.widget p {
	font-size: 1rem;
	line-height: 1.6;
}

aside h2 {
	margin: 2.5rem 0 0 0;
}

.widget h1 {
	font-size: 1.75rem;
}

.site-branding {
	padding: 40px 0 0 0;
	margin-top: 0;
}

aside.sidebar {
	width: 350px;
}

@media (max-width: 1100px) {
  aside.sidebar {
    width: 25.96154%;
  }
}

@media (max-width: 768px) {
  aside.sidebar {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
}

main#main {
	width: 780px;
}

@media (max-width: 991px) {
  .container, main#main {
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 1100px) {
  .container, main#main {
    width: 95%;
    margin: 0 auto;
  }
}

.entry-box > * {
    margin-bottom: 1rem;
}

.entry-box p {
	margin-top: 0;
}

a[rel=tag] {
	font-size: 0.95rem;
	text-transform: uppercase;
	background: #efefef;
	padding: 0.4rem 0.9rem 0.4rem 0.9rem;
	border-radius: 0.5rem;
}