/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*Custom class for sidebar list*/
.no-margin {
    margin: 0 0 0em 0em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1.5em;
    margin-left: 0em;
}

.no-list{
    list-style:none;
}

#site-navigation, #sticky-navigation {
	padding-left: 4%;
	padding-right: 4%;
}

/*Custom style for pagination*/
#nav-below {
    text-align: center;
	padding: 20px;
	margin-bottom: 20px
	color: #1a1a1a
}

.paging-navigation {
	font-size: 18px;
}

.paging-navigation a {
	color: #17B8C0;
	font-size: 15px;
	text-decoration: none !important;
}

.paging-navigation a:hover {
	color: #17B8C0;
	font-size: 18px;
	text-decoration: none !important;
	transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.5s;
}

/*Style for recommend readings*/
body .wp-show-posts a, .wp-show-posts a:hover {
	text-decoration: none;
	color: #1a1a1a;
}

.wp-show-posts-entry-meta {
	margin-top: 10px;
}

/*Button default style mod*/
.button {
	padding: 0px;
	transform: translateX(0px);
	transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.5s;
}

.button:hover {
	transform: translateX(10px);
	transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.5s;
}


/*Left sidebar sticky*/
@media (min-width: 1024px) {
	.site-content {
		display: flex;
		}

	.inside-left-sidebar {
		height: 100%;
		}

	.inside-left-sidebar aside:last-child {
		position: -webkit-sticky;
		position: sticky;
		top: 40px;
		}
}


/*Sidebar custom position on mobile*/
@media (max-width: 1023px) {
	#left-sidebar.is-left-sidebar.sidebar {
		order: -1;
		}
}

.nav-links {
	display: none;
}

.custom-pagination .nav-links {
	display: block;
}

/*sitebar on tablet*/
@media (max-width: 1023px) {
	.site-content {
		flex-direction: column;
	}
	.site-content .content-area, .site-content .sidebar {
		width: 100%;
	}
}

/*Sticky last item in right sidebar*/
@media(min-width: 1024px) {
	.site-content {
		display: flex;
    }

	.inside-right-sidebar {
		height: 100%;
    }

	.inside-right-sidebar .widget:last-of-type {
        position: sticky;
        position: -webkit-sticky;
        top: 40px;
    }
}

/*First post full width*/
.featured-column.generate-columns.grid-66 {
	width: 100%;
}

/*Navigation made better*/
#sticky-navigation {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

@media (min-width: 1024px) {
	.main-navigation .menu > .menu-item > a::after {
		content: "";
		position: absolute;
		right: 0;
		left: 50%;
		bottom:8px;
		-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.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%;
	}
}

/*Hide slide out widget on Desktop*/
@media (min-width: 1024px) {.slideout-widget {
		display: none;
	}
}

/*hr before H2*/
.inside-article h2:before {
    content:'';
    display: block;
    border: 1.5px solid #0c68a5;
	background: #0c68a5;
	width: 40%;
	margin-top: 50px;
	margin-bottom: 15px;
}

h2.widget-title:before, .gb-headline:before {
	display: none !important;
}

/*hr customizing*/
hr {
	height: 4px;
	width: 55%;
	background: #fff;
	margin-bottom: 20px;
	margin-top: 10px;
}

.hr-feed {
	height: 3px;
	width: 80%;
	background: #fff;
	margin: auto;
}


/*Active Link underline*/
.inside-article a, .paging-navigation a, .comments-area a, .page-header a {
	text-decoration: underline;
	font-weight: 600;
}

h1.gb-headline-0f1e301b a, h6.gb-headline-0d268819 a {
	text-decoration: none;
}

/*Search Box Styling*/
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: none;
    border: none;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
	padding: 10px;
}

.wp-block-search .wp-block-search__button.has-icon {
	background-color: #F38944 !important;
	border: none;
}

/*ul, ol, li styling*/
.inside-article ol, ul {
    margin: 0 0 1.5em 1.3em;
		font-size: 18px;
}

.inside-article li::marker {
	color: #0c68a5;
}

.inside-article blockquote {
    border-left: 3px solid #0c68a5;
    padding-left: 10px;
    font-size: 18px;
    font-style: italic;
    margin: 0 0 1.5em;
    position: relative;
}

.inside-left-sidebar ol, ul {
	font-size: 16px;
}

/*Content Container Floats*/
.home .site-content .content-area {
	padding: 40px 20px;
}

.search .site-content .content-area {
	padding: 40px 20px;
}

.archive .site-content .content-area {
	padding: 40px 20px;
}

@media (min-width: 1024px) {
.single .site-content .content-area {
	margin-top: -250px;
	z-index: 1;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1)
}
	
.search .site-content .content-area {
	margin-top: -250px;
	padding: 40px;
	z-index: 1;
	background: #fff;
	background: #fafafa;
}

.home .site-content .content-area {
	margin-top: -250px;
	padding: 40px;
	z-index: 1;
	background: #fafafa;
}

.archive .site-content .content-area {
	margin-top: -250px;
	padding: 40px;
	z-index: 1;
	background: #fafafa;
}
}

/*Another CSS improvements*/
div.yoast-breadcrumbs {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
}

.gb-container-6d5c0c01.inline-post-meta-area > .gb-inside-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-text-decoration a {
	text-decoration: none !important;
}

img.avatar.avatar-50.photo {
	display: none;
}


/*Style for notice bar*/
.noticestyle {
	background-color:#cdcdcd;
	width:auto; margin:auto;
	padding: 0px;
}

@media (min-width: 1024px) {
	.noticestyle {
		padding: 0px 60px;
}
}

.sticky-bottom-bar {
    position: sticky;
    bottom: 0;
    z-index: 99;
}