/*
 Theme Name:   GP Child Theme
 Description:  GeneratePress child theme
 Author:       Tom Usborne
 Template:     generatepress
 Version:      2.0
*/


/******************
 *  GeneratePress *
 * ****************/

html {
	-webkit-font-smoothing: auto;
}

/* .site-header,
#mobile-header{
	box-shadow: 0 2px 2px -2px rgb(0, 0, 0, 20%);
} */

.nav-below-header .main-navigation{
	box-shadow: 0 1px 8px -2px rgb(0, 0, 0, 20%);
}

.nav-below-header .inside-navigation.grid-container{
	max-width:1220px;
}

.wp-custom-logo .site-title,
.wp-custom-logo .main-title,
.wp-custom-logo .site-description {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important;
}

.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 48px!important;
}

.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
	left:auto!important;
    right: 9px;
    top: 2px;
}

/***********
 *  Global *
 * *********/
.site-container{
	max-width:1300px;
	padding:40px 40px;
	margin:0 auto;
}

.section-header,
.page-header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.page-header{
/* 	padding-top:50px!important; */
	padding-left:0!important;
	padding-right:17.5px!important;
	padding-bottom:0!important;
}

.search-results .page-header .page-title span{
	margin-left:10px;
}
.section-header .section-title,
.page-header .page-title{
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 27px;
	color: var(--contrast);
	text-transform: uppercase;
	margin: 0;
}

.section-header .section-title span,
.page-header .page-title span{
/* 	padding:3px 10px; */
	margin-right:22px;
}

.section-header .section-title:after,
.page-header .page-title:after{
    content: "";
    flex: 1;
/*     margin-left: 20px; */
    border-top: 2px solid #f2f2f2;
}

.section-header .more {
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing:0.5px;
	color: var(--primary);
	margin-left: 22px;
}

.section-header .more span{
	display:inline-block;
	transition:0.3s ease-in;
}

.section-header .more:hover span{
	transform:translateX(3px)
}

.section-header .more:hover{
	color: var(--primary);
}

.post .thumbnail,
.post-image{
	transition:0.3s ease-in-out;
	position: relative;
    padding-bottom: 50%;
}

.post .thumbnail a,
.post-image a{
    display: flex;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	border-radius:8px;
}

.post img,
.post-image img{
	object-fit: cover;
	display:block;
	width:100%;
	border-radius: 8px;
}

.post .thumbnail:hover {
    filter: brightness(0.8);
}

.post .title{
	font-weight:600;
	margin:0;
}

.post .title a{
	color: var(--primary2);
	text-decoration:none;
	padding-bottom: 5px;
  border-bottom: 1px solid #fff;
	transition:0.3s ease-in;
}

.post .title a:hover{
	color: var(--contrast);
	padding-bottom: 1px;
	border-bottom: 1px solid var(--primary);
	background: #fcffca;
}

.post .term{
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	margin-top:12px;
	margin-bottom:5px;
}
.post .term a{
	color:var(--primary2);
}

.post .meta{
	display:block;
	margin-top:12px;
	font-size:12px;
	color:#444;
	text-transform:uppercase;
}

.post .meta a{
	color:#444;
}

.post .meta .author {
	background: url('/wp-content/uploads/2022/11/icon-author.svg') no-repeat left top;
	background-position: 0px 0px;
	background-size: 14px 14px;
	padding-left: 22px;
	margin-right: 15px;
}

.post .meta .date {
	background: url('/wp-content/uploads/2022/11/clock.svg') no-repeat left top;
	background-position: 0px 0px;
	background-size: 14px 14px;
	padding-left: 22px;
}

.popular .title{
	font-size:14px;
	line-height:23px;
	margin-top:-5px
}

/* Unset auto image height */
.popular-posts .post .thumbnail,
.list .post .thumbnail{
	position: relative;
    padding-bottom: 0;
}

.popular-posts .post .thumbnail a,
.list .post .thumbnail a{
	display:initial;
    position: relative;
}

.popular-posts .post img,
.list .post img{
	object-fit: unset;
}


.entry-summary{
	display:none;
}

/*************
 *  Homepage *
 * ***********/
.home .site-content{
	display:block;
}

.home .read-more {
    display: none;
}

/* Trending */
.trending .site-container{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;

}

.trending .left-block{
	flex:0 0 44%;
	margin-right:35px;
}
.trending .right-block{
	flex:1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 35px;
	grid-row-gap: 30px;
}

.trending p{
	margin:0;
}

.trending .left-block .title{
	font-size:30px;
	line-height:41px;
	font-weight:800;
	margin-top:12px;
	margin-bottom:15px;

}

.trending .left-block .title a{
	color:var(--contrast);
	padding-bottom: 1px;
/* 	border-bottom: 1px solid var(--primary);
	background: #fcffca; */
	border-bottom: 1px solid #ffe1a0;
    background: #fdffe4;
}


.post .title a:hover{
	padding-bottom: 1px;
/* 	border-bottom: 1px solid var(--primary);
	background: #fcffca; */
	border-bottom: 1px solid #ffe1a0;
    background: #fdffe4;
}

.trending .left-block .excerpt{
	font-size:16px;
}

.trending .right-block p{
	display:none;
}

.trending .right-block .title{
	font-size:18px;
	line-height:25px;
	margin-top:15px;
}


/* Latest and Popular */

.latest-and-popular .site-container{
	display: flex;
	align-items:flex-start;
}

.latest-and-popular .latest{
	flex: 0 0 70%;
	margin-right:70px;
}
.latest-and-popular .popular{
	flex: 1;
	position: sticky;
  top: 25px;
}

.latest .one{
	border-bottom:1px solid #eee;
	padding-bottom:10px;
	margin-bottom:45px;
}

.latest .one .title{
	font-size:39px;
	line-height:51px;
	font-weight:700;
	margin-top:22px;
	margin-bottom:10px;
}

.latest .one .title a{
	color: var(--contrast);
	padding-bottom: 1px;
    border-bottom: 1px solid var(--primary);
    background: #fcffca;
}

.latest .one .excerpt{
	font-size:16px;
	margin-bottom:8px;
}

.latest .one .meta{
	margin-bottom:20px;
}

.latest .list .post{
	display:flex;
	border-bottom: 1px solid #eee;
	padding-bottom:25px;
	margin-bottom:25px;
}

.latest .list .thumbnail{
	flex: 0 0 42%;
	margin-right:35px;
}

.latest .list .title{
	font-size:26px;
	line-height:36px;
	font-weight:700;
	margin-bottom:10px;
}

.latest .list .excerpt{
	font-size:15px;
	line-height:24px;
	margin-bottom:17px;
}

.popular p{
	margin:0;
}

.popular-posts .post{
	display:flex;
}

.popular-posts .post:not(:last-child){
	margin-bottom:25px;
}

.popular-posts .thumbnail{
	flex: 0 0 35%;
	margin-right:20px;
}

.popular-posts .title{
	font-size:15px;
	line-height:22px;
	margin-top:-5px
}

/* Pagination */
.pagination{
	 display:flex;
	 justify-content:center;
	 align-items: center;
	 margin-top:60px;
}

.nav-links{
	display:flex;
	justify-content:center;
	margin-top:0px;
}
 
.page-numbers{
	 display:block;
	 text-align:center;
}
 
.page-numbers:not(:last-child){
	 margin-right:10px;
}
 
.page-numbers{
	display:block;
	font-size:17px;
	font-weight:500;
	text-decoration:none!important;
	padding:7px 15px!important;
	color:var(--contrast);
	border:1px solid #ddd;
	border-radius:4px;
}

.page-numbers:hover{
	background:#fafafa;
}

.page-numbers.dots:hover{
	background:none;
}

.page-numbers.current{
	display:block;
	border:1px solid var(--primary);
	background:var(--primary);
	color:var(--white);
}

/* Cat */
.cat .wrapper{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 35px;
	grid-row-gap: 35px;
}

.cat .thumbnail{
	margin-bottom:15px;
}

.cat .title{
	font-size:19px;
	line-height:28px;
}

/* Footer */
.footer-area{
	background: #142024;
	color:#eee;
	text-align:center;
	font-size:14px;
	margin-top:30px;
}

.footer-area .site-container{
	padding-bottom: 20px;
}

.footer-area .footer-logo{
	margin-bottom:30px;
}

.footer-area .social-links{
	margin-bottom:30px;
}

.footer-area .social-links a{
	margin:5px 5px;
}

.footer-area .footer-menu{
	margin-bottom:25px;
}

.footer-area .footer-menu a{
	display:inline-block;
	margin:4px 15px;
	font-size:15px;
	color:#eee;
	text-decoration:none;
}

.footer-area .footer-menu a:hover{
	text-decoration:underline;
}

.footer-area .disclaimer{
	max-width:780px;
	margin: 0 auto;
	line-height:28px;
	margin-bottom:0;
}

.inside-site-info{
	margin-top:-35px;
	padding-bottom:40px;
}

.site-info{
	font-size:14px;
}

/****************
 * Single Post/Page  *
 ***************/

/* .single .grid-container#page,
.page-template-default .grid-container#page{
	max-width:1200px;
} */

.single .main-navigation .main-nav ul li[class*="current-menu-"] > a{
	color:var(--primary2)!important;
}

.single .entry-content p a,
.page-template-default .entry-content p a{
	font-weight:500;
	text-decoration:underline;
}


.entry-meta{
	margin-top:20px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:500;
}

.entry-meta .author {
    display: inline-block;
    background: url(/wp-content/uploads/2022/11/icon-author.svg) no-repeat left top;
    background-position: 0px 2px;
    background-size: 14px 14px;
    padding-left: 22px;
    margin-right: 26px;
}

.entry-meta .entry-date {
    display: inline-block;
    background: url(/wp-content/uploads/2022/11/clock.svg) no-repeat left top;
    background-position: 0px 2px;
    background-size: 14px 14px;
    padding-left: 22px;
    margin-right: 26px;
}

.entry-meta .read-time {
    display: inline-block;
    background: url(/wp-content/uploads/2022/11/read.svg) no-repeat left top;
    background-position: 0px 1px;
    background-size: 17px 17px;
    padding-left: 24px;
    margin-right: 26px;
}


/* Breadcrumbs */
#breadcrumbs {
	margin-bottom:12px;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	color:var(--contrast-2);
}

#breadcrumbs a { 
	color:var(--contrast-2);
}

#breadcrumbs .sep {
	font-size:14px;
	margin-left:5px;
	margin-right:5px;
}

/* TOC */
div#toc_container{
	padding:30px;
	border-radius:10px;
	margin-bottom:30px;
	border:3px dashed #b0c0c5!important;
}

#toc_container .toc_title{
	font-size:20px;
}

#toc_container .toc_list li{
	margin-bottom:8px;
}

#toc_container .toc_list li ul{
	margin-top:5px;
}


/* Author Box */
.author-box {
	display: flex;
	align-items: center;
	padding: 30px;
	border: 1px solid #eee;
	margin:0 40px 20px 40px;
}

.author-box .left-block{
	flex:0 0 120px;
	margin-right:30px;
}

.author-box .left-block img{
	border-radius:50%;
}

.author-box .right-block{
	flex:1;
}

.author-box .right-block .title {
	font-size: 21px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 15px;
}

.author-box .right-block .bio {
    font-size: 16px;
}


/**************
*  ARCHIVES  *
* ************/
/* .blog #page .site-container{
	padding-top:50px;
	padding-bottom:10px;
} */

/* .archive .page-header,
.search-results .page-header{
	padding:30px 20px;
} */

/* .blog .site-container h1,
.archive .page-title,
.search-results .page-title,
.no-results .entry-title,
.error404 .entry-title{
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	text-align:center;
} */

/* .error404 .entry-title {
	text-align:left;
}
*/
/* .no-results .entry-header{
	margin:0!important;
}
.no-results .entry-title{
	text-align:left;
}

.author .page-header .page-title{
	justify-content:center;
}

.author .page-header .page-title .avatar{
	border-radius:50%;
}

.author .author-info{
	max-width:750px;
	margin:0 auto;
	font-size:16px;
}  */


.archive.author .avatar,
.archive.author .author-info{
	display:none;
}



.blog .site-main,
.archive .site-main,
.search-results .site-main,
.author .site-main{
	padding:0 0px 40px 40px;
}

.blog .generate-columns,
.archive .generate-columns,
.search-results .generate-columns,
.author .generate-columns{
	padding-left:0px;
	margin-bottom:35px;
}

.blog .inside-article,
.archive .inside-article,
.search-results .inside-article,
.author .inside-article{
	padding:0;
	margin: 0 17.5px;
}

.no-results .inside-article{
	box-shadow:none;
}

.blog .post-image,
.archive .post-image,
.search-results .post-image,
.author .post-image{
	margin-bottom:15px!important;
	transition: 0.3s ease-in-out;
}

.blog .post-image:hover,
.archive .post-image:hover,
.search-results .post-image:hover,
.author .post-image:hover{
	filter: brightness(0.8);
}


.blog .entry-title a,
.archive .entry-title a,
.search-results .entry-title a,
.author .entry-title a{
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	transition: 0.3s ease-in;
}

.blog .entry-title a:hover,
.archive .entry-title a:hover,
.search-results .entry-title a:hover,
.author .entry-title a:hover{
	padding-bottom: 1px;
    border-bottom: 1px solid var(--primary);
    background: #fcffca;
}


.blog .entry-summary,
.archive .entry-summary,
.search-results .entry-summary,
.author .entry-summary,{
	display:none
}

.blog .entry-meta,
.archive .entry-meta,
.search-results .entry-meta,
.author .entry-meta{
	font-size:10px;
	margin-top:14px;
}

.blog .entry-meta .author,
.archive .entry-meta .author,
.search-results .entry-meta .author,
.author .entry-meta .author{
    background-position: 0px 1px;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-right: 18px;
}

.blog .entry-meta .entry-date,
.archive .entry-meta .entry-date,
.search-results .entry-meta .entry-date,
.author .entry-meta .entry-date{
    background-position: 0px 1px;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-right: 0px;
}

/* MEDIA QUERIES */
@media (max-width:991px){
	
	/***********
	*  Global *
	* *********/
	.site-container{
		padding:30px;
	}
}

@media (max-width:935px){
	/******************
	 *  GeneratePress *
	 * ****************/
		.mobile-header-navigation .site-logo {
			margin-left: 20px;
	}
		.icon-menu-bars{
			font-size:18px;
		}

		.icon-search{
			font-size:15px;
		}
		.main-navigation .main-nav ul li{
			border-bottom:2px solid #303030;
		}
		.main-navigation .main-nav ul li a {
			line-height: 50px;
	}
}

@media (max-width:768px){
	/***********
	*  Global *
	* *********/
	
	.page-header{
		padding-right:0!important;
	}
	
	.site-container{
		padding:20px;
	}
	
	.post .meta{
		margin-top:8px;
	}
	
	/* Trending */
	.trending .site-container{
		flex-direction:column;
	}

	.trending .left-block{
		margin-right:0;
		margin-bottom:20px;
	}
	.trending .right-block{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 20px;
	}
	
	.trending .right-block .post{
		border-top:1px solid #eee;
		padding-top:20px;
		display: flex;
		align-items:flex-start;
	}

	.trending .left-block .title{
		font-size:22px;
		line-height:32px;
		font-weight:700;
		margin-bottom:10px;
	}

	.trending .left-block .excerpt{
		font-size:14px;
		line-height:22px;
	}
	

	.trending .right-block .thumbnail{
		flex:0 0 34%;
		margin-right:17px;
		position: relative;
		padding-bottom: 0;
	}

	.trending .right-block .thumbnail a{
		display:initial;
		position: relative;
	}

	.trending .right-block .thumbnail img{
		object-fit: unset;
	}
	
	
	.trending .right-block .content{
		flex:1;
	}

	.trending .right-block .title{
		font-size:16px;
		font-weight:700;
		line-height:23px;
		margin-top:-4px;
	}
	
	/* Latest and Popular */

	.latest-and-popular .site-container{
		flex-direction: column;
	}

	.latest-and-popular .latest{
		margin-right:0px;
		margin-bottom:25px
	}
	.latest-and-popular .popular{
		position: relative;
		top: 0;
	}

	.latest .one .title{
		font-size: 22px;
    	line-height: 32px;
	}

	.latest .one .excerpt{
		font-size:15px;
	}

	.latest .list .post{
		display:flex;
	}
	
	.latest .list .title{
		font-size: 15px;
		line-height:23px
	}

	.latest .list .post:not(:last-child){
		padding-bottom: 20px;
    	margin-bottom: 20px;
	}

	.latest .list .thumbnail{
		flex: 0 0 35%;
		margin-right:17px;
	}
	
	.latest .list .title{
		margin-top:-5px;
	}

	.popular-posts .post{
		display:flex;
	}
	
	.popular-posts .post:not(:last-child){
		border-bottom: 1px solid #eee;
		padding-bottom:20px;
	}

	.popular-posts .thumbnail{
		flex: 0 0 35%;
		margin-right:17px;
	}

	.popular-posts .title{
		margin-top:-5px;
		font-size:16px;
		font-weight:700;
		line-height:23px;
	}
	
	/* Pagination */
	.pagination{
	 flex-wrap: wrap;
	 margin-top:30px;
 }
	.nav-links{
	 flex-wrap: wrap;
	 margin-top:0px;
 }
	 
 .page-numbers{
	 font-size:14px;
	 padding:5px 14px;
	 margin-bottom:15px;
 }
	
	/* Cat */
	.cat .wrapper{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 35px;
		grid-row-gap: 35px;
	}
	
	/*Footer*/
	.footer-area .site-container {
    padding-top: 40px;
}
	
	/********************
	*  Single Post/Page *
	* *******************/
	
	.single .entry-content p,
	.page-template-default .entry-content p{
		font-size:17px;
	}
	
	.single .entry-meta .author {
		background-position: 0px 3px;
	}
	
	/* TOC */
	div#toc_container{
		font-size:88%;
		padding:20px;
	}
	
	/***********
	*  Archives *
	* *********/
	.blog .site-main,
	.archive .site-main,
	.search-results .site-main,
	.author .site-main{
		padding-left:20px;
		padding-right:20px;
	}
	
	.blog .inside-article, .archive .inside-article, .search-results .inside-article, .author .inside-article {
    margin: 0;
}
	
}

@media (max-width:600px){
	
	/***********
	*  Global *
	* *********/

	.section-header .section-title,
	.page-header .page-title{
		font-size:16px;
	}

	/* Cat */
	.cat .wrapper{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 30px;
	}
	
	.cat .thumbnail{
		position: relative;
		padding-bottom: 0;
	}

	.cat .thumbnail a{
		display:initial;
		position: relative;
	}

	.cat .thumbnail img{
		object-fit: unset;
	}
	
	.cat .post .title{
		font-size:19px;
		font-weight:700;
		line-height: 27px;
	}
	
	/* Latest & Pupular */
	.latest .list .excerpt {
		display:none;
	}
	
	/*Footer*/
	.footer-area .footer-logo{
		max-width:220px;
	}
	
	.footer-area .disclaimer {
		line-height:25px;
    margin-bottom:10px;
	}
	
	/* Author Box */
	.author-box {
		flex-direction:column;
		padding:20px;
		margin: 20px;
	}

	.author-box .left-block{
		flex:0 0 120px;
		margin-right:0;
		margin-bottom:20px;
	}

	.author-box .right-block .title {
		text-align:center;
		font-size: 19px;
		line-height: 29px;
		margin-bottom: 10px;
	}

	.author-box .right-block .bio {
		font-size: 15px;
		line-height:27px;
		text-align:center;
	}
	
}

@media(max-width:459px){
	.single .entry-meta .byline,
	.single .entry-meta .posted-on{
		display:inline-block;
		margin-bottom:5px;
	}
}

@media(max-width:450px){
	.latest .list .meta{
		font-size:10px
	}
	
	.latest .list .author{
    background-position: 0px 0px;
    background-size: 11px 11px;
    padding-left: 18px;
    margin-right: 14px;
}
	.latest .list .date{
    background-position: 0px 0px;
    background-size: 11px 11px;
    padding-left: 18px;
    margin-right: 0;
}
}

@media (min-width:992px){
	
	.single.separate-containers.right-sidebar .site-main,
	.page-template-default.separate-containers.right-sidebar .site-main{
		margin-left: 30px;
		margin-right: 30px;
	}
	
}

@media(min-width: 769px) {
	
	/******************
 *  GeneratePress *
 * ****************/
	
	.main-navigation .menu > .menu-item > a::after {
		content: "";
		position: absolute;
		right: 0;
		left: 50%;
		bottom: 15px;
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0);
		display: block;
		width: 0;
		height: 2px;
		background-color: currentColor;
		transition: 0.3s width ease;
	}
	
	.main-navigation .menu > .menu-item.menu-item-has-children > a::after {
		left: 38%;
		transform: translate3d(-50%,0,0);
	}

	.main-navigation .menu > .menu-item.current-menu-item > a::after,
	.main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
	.main-navigation .menu > .menu-item > a:hover::after {
		width: 50%;
	}

	/***********
	*  Global *
	* *********/
	
	
	/****************
	* Single Post/Page  *
	***************/

	.single.separate-containers.right-sidebar .site-main,
	.page-template-default.separate-containers.right-sidebar .site-main{
		margin-top: 10px;
	}
	
	.inside-right-sidebar {
		height: 98%;
	}
	
	.inside-right-sidebar .widget:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
	

}