/**
 * =========================================================
 * AOGM SINGLE CONTENT LAYOUT
 * =========================================================
 */

.aogm-single-article{
	width:100%;
}

.single-post .aogm-single-article {
    
    overflow: hidden;

	background: var(--aogm-light-colour);

	padding: 0px;

	border-radius: 6px;

	box-shadow: 0 5px 20px rgba(0,0,0,.06);
	
	margin-top: 15px;

}

.aogm-single-content-wrapper {
    padding: 25px;
}



.aogm-single-media{
	margin-bottom:40px;
}

.aogm-single-thumbnail{
	display:block;
	width:100%;
	height:auto;
}

.aogm-single-header{
	margin-bottom:30px;
}

.aogm-single-content{
	width:100%;
}

.aogm-single-thumbnail {
	display: block;
	width: 100%;
	height: auto;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}



/**
 * =========================================================
 * AOGM CONTENT TYPOGRAPHY
 * =========================================================
 */


/* =========================================================
   PARAGRAPHS
========================================================= */

.aogm-single-content p {

	margin: 0 0 1.5em;

	text-align: justify;

}

.aogm-single-content p:last-child {

	margin-bottom: 0;

}

/* =========================================================
   HEADINGS
========================================================= */

.aogm-single-content h1,
.aogm-single-content h2,
.aogm-single-content h3,
.aogm-single-content h4,
.aogm-single-content h5,
.aogm-single-content h6 {

	margin-top: 2em;
	margin-bottom: .75em;

}

/* =========================================================
   LISTS
========================================================= */

.aogm-single-content ul,
.aogm-single-content ol {

	padding-left: 24px;
	margin: 0 0 1.5em;

}

.aogm-single-content li {

	margin-bottom: .5em;

}

.aogm-single-content li:last-child {

	margin-bottom: 0;

}

/* =========================================================
   BLOCKQUOTE
========================================================= */

.aogm-single-content blockquote {

	margin: 2em 0;

}

/* =========================================================
   FIGURE
========================================================= */

.aogm-single-content figure {

	margin: 2em 0;

}

.aogm-single-content figcaption {

	margin-top: .75em;
	text-align: center;

}

/* =========================================================
   MEDIA
========================================================= */

.aogm-single-content img {

	max-width: 100%;
	height: auto;

}

.aogm-single-content table {

	width: 100%;
}

.aogm-single-content iframe {

	max-width: 100%;
}

/* =========================================================
   META
========================================================= */

.aogm-single-header-meta {

	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;

}

.aogm-single-header-left {

	flex: 1;
	min-width: 0;

	display: flex;
	flex-direction: column;
	gap: 10px;

}

.aogm-single-header-right {

	flex: 0 0 auto;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-left: 20px;

}

.aogm-single-author {

	display: inline-flex;
	align-items: center;
	gap: 6px;

}

.aogm-single-font-size {

	display: flex;
	gap: 8px;

}

.aogm-font-size-button {

	width: 40px;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0;

}

.aogm-single-category {

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;

}

.aogm-single-category .aogm-meta-icon {
	margin-right: 6px;
}

.aogm-category-group {

	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;

}

.aogm-single-category a {

	text-decoration: none;

}

.aogm-single-category a:hover {

	text-decoration: none;

}

/**
 * =========================================================
 * TAGS
 * =========================================================
 */

.aogm-single-footer {

	display: flex;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 20px;

	margin-top: 40px;

	padding-top: 25px;
	padding-bottom: 25px;
	
	margin-bottom: 40px;

	border-top: 1px solid var(--aogm-border-colour);
	border-bottom: 1px solid var(--aogm-border-colour);

}

.aogm-single-footer-left {

	display: flex;

	flex-grow: 1;

	margin-right: 30px;

	min-width: 0;

	padding-left: 25px;

}
.aogm-single-tags {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}


.aogm-single-tags-label {

	flex: 0 0 auto;

}

.aogm-single-tags-list {

	display: flex;
	flex-wrap: wrap;
	gap: 8px;

}

.aogm-single-tags-list a {

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 1px 14px;

	border-radius: 6px;

	box-sizing: border-box;

	text-decoration: none;

	transition:
		background-color .3s ease,
		color .3s ease;

}



.aogm-single-tags-list a:hover {

	text-decoration: none;

}

.aogm-single-footer.aogm-no-tags {
	justify-content: flex-start;
}

.aogm-single-share {

	display: flex;
	align-items: center;
	gap: 12px;

	padding-right: 25px;
	padding-left: 25px;

}


.aogm-share-link {

	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;

	border-radius: 50%;

	overflow: hidden;

}

.aogm-single-share-links {

	display: flex;
	align-items: center;
	gap: 8px;

}

.aogm-share-link,
.aogm-share-link:hover {

	text-decoration: none;

}

.aogm-share-link i {

	text-decoration: none;
	line-height: 1;

}

/**
 * =========================================================
 * PREVIOUS / NEXT
 * =========================================================
 */

.aogm-post-navigation {

	display: flex;
	gap: 30px;

	margin-top: 0px;

	padding: 0px 25px 25px;

	border-bottom: 1px solid var(--aogm-border-colour);
}


.aogm-post-navigation-previous,
.aogm-post-navigation-next {

	flex: 1;
	min-width: 0;

}


.aogm-post-navigation-previous:hover,
.aogm-post-navigation-next:hover {

	text-decoration: none;

}

.aogm-post-navigation-card {

	display: flex;
	flex-direction: column;
	height: 100%;

	padding: 0px 0;

	border: 0;
	border-radius: 0;

	box-sizing: border-box;
}

.aogm-post-navigation-label {

	display: inline-flex;
	align-items: center;
	gap: 8px;

	align-self: flex-start;

	padding: 10px 18px;

	margin-bottom: 20px;

	border-radius: 6px;

	text-decoration: none;

}

.aogm-post-navigation-body {

	display: flex;
	align-items: center;
	gap: 20px;

}



.aogm-post-navigation-thumbnail {

	width: 80px;
	height: 80px;
	
	overflow: hidden;
	flex-shrink: 0;

	border-radius: 15px;

	overflow: hidden;

}

.aogm-post-navigation-thumbnail img {

	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;

	transition: transform .3s ease;

}

.aogm-post-navigation-thumbnail:hover img {

	transform: scale(1.08);

}

.aogm-post-navigation-previous .aogm-post-navigation-thumbnail {

	margin-right: 18px;

}

.aogm-post-navigation-next .aogm-post-navigation-thumbnail {

	margin-left: 18px;

}

.aogm-post-navigation-content {

	flex: 1;
	min-width: 0;

}

.aogm-post-navigation-next .aogm-post-navigation-content {

	text-align: right;

}

.aogm-post-navigation-title {

	transition: color .3s ease;

}

.aogm-post-navigation-next .aogm-post-navigation-body {

	justify-content: flex-end;

}


.aogm-post-navigation-next .aogm-post-navigation-label {

	align-self: flex-end;

}

/**
 * =========================================================
 * COMMENT LIST
 * =========================================================
 */
 
.aogm-comments-title{
	margin-bottom:30px;
}

.aogm-comment-list {

	list-style: none;

	margin: 0;
	padding: 0;

}

.aogm-comment-list .children {

	list-style: none;

	margin: 40px 0 0 60px;
	padding: 0;

}

.aogm-comment-list > li {

	margin-bottom: 40px;

}

.aogm-comment-body {

	width: 100%;

}

.aogm-comment-inner {

	display: flex;
	align-items: flex-start;
	gap: 24px;

}

.aogm-comment-avatar {

	flex: 0 0 80px;

}

.aogm-comment-avatar img {

	display: block;

	border-radius: 50%;

}

.aogm-comment-content {

	flex: 1;
	min-width: 0;

}

.aogm-comment-header{

	display:flex;
	justify-content:space-between;
	align-items:flex-start;

	gap:20px;

	margin-bottom:18px;

}

.aogm-comment-meta{

	flex:1;
	min-width:0;

}

.aogm-comment-title{

	margin:0 0 6px;

}


.aogm-comment-title a{

	text-decoration:none;

}

.aogm-comment-title a,
.aogm-comment-title a:hover {
	text-decoration: none;
}

.aogm-comment-reply-title a,
.aogm-comment-reply-title a:hover{
	text-decoration:none;
}

.aogm-comment-reply-title{
	margin-bottom:25px;
}

#cancel-comment-reply-link,
#cancel-comment-reply-link:hover {
	text-decoration: none;
}

#cancel-comment-reply-link {

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 18px;

	margin-left: 12px;

	border-radius: 6px;

	transition: .3s ease;
}

.aogm-comment-date{

	margin:0;

}

.aogm-comment-reply{

	flex:0 0 auto;

}

.aogm-comment-reply a{

	display:inline-flex;
	align-items:center;
	justify-content:center;

	padding:10px 22px;

	border-radius:6px;

	text-decoration:none;

	transition:.3s ease;

}

/**
 * =========================================================
 * COMMENTS FORM
 * =========================================================
 */

.aogm-comments {
	padding: 40px 25px;
}

.aogm-comment-form p {
	margin: 0 0 20px;
}

/* ==========================================
 * Fields
 * ========================================== */

.aogm-comment-form input[type="text"],
.aogm-comment-form input[type="email"],
.aogm-comment-form input[type="url"],
.aogm-comment-form textarea {

	display: block;
	box-sizing: border-box;

	border: 1px solid var(--aogm-border-colour);
	border-radius: 6px;

	background: var(--aogm-light-colour);

	transition: all .3s ease;
}

.aogm-comment-form input[type="text"],
.aogm-comment-form input[type="email"],
.aogm-comment-form input[type="url"] {

	width: min(360px, 100%);
	height: 50px;

	padding: 0 16px;

}

.aogm-comment-form textarea {

	width: 100%;

	min-height: 180px;

	padding: 14px 16px;

	resize: vertical;

}

.aogm-comment-form input::placeholder,
.aogm-comment-form textarea::placeholder {

	color: #777;

}

.aogm-comment-form input[type="text"]:focus,
.aogm-comment-form input[type="email"]:focus,
.aogm-comment-form input[type="url"]:focus,
.aogm-comment-form textarea:focus {

	outline: none;

	border-color: var(--aogm-primary-colour);

}


/* ==========================================
 * Submit Button
 * ========================================== */

.aogm-comment-submit {

	padding: 18px 36px;

	border: 0;
	border-radius: 6px;

	cursor: pointer;

	transition: all .3s ease;

}
 
/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.aogm-single-content p {

		margin-bottom: 1.25em;

	}

	.aogm-single-content h1,
	.aogm-single-content h2,
	.aogm-single-content h3,
	.aogm-single-content h4,
	.aogm-single-content h5,
	.aogm-single-content h6 {

		margin-top: 1.6em;
		margin-bottom: .6em;

	}

	.aogm-single-content ul,
	.aogm-single-content ol {

		padding-left: 20px;
		margin-bottom: 1.25em;

	}

	.aogm-single-content blockquote,
	.aogm-single-content figure {

		margin: 1.5em 0;

	}

}

/* =========================================================
   PREVIOUS NEXT
========================================================= */

@media (max-width: 767px) {
    
    .aogm-post-navigation-label{

    	width: 130px;
    	padding: 8px 15px;
    	min-height: 20px;
    	
    	justify-content: center;
		gap: 8px;
    
    }
    
	/* Previous */
	.aogm-post-navigation-previous .aogm-post-navigation-label {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 8px;
	}

	.aogm-post-navigation-previous .aogm-post-navigation-label span {
		text-align: left;
	}

	/* Next */
	.aogm-post-navigation-next .aogm-post-navigation-label {
		display: grid;
		grid-template-columns: 1fr auto;
		column-gap: 8px;
	}

	.aogm-post-navigation-next .aogm-post-navigation-label span {
		text-align: right;
	}  
    
    	.aogm-post-navigation-label .aogm-label-word {
    		display: none;
    	}
    	

	.aogm-post-navigation-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.aogm-post-navigation-thumbnail {
		order: 1;
		width: 90px;
		height: 90px;
		flex: 0 0 90px;
	}

	.aogm-post-navigation-content {
		order: 2;
	}
}

@media (max-width: 767px) {

	.aogm-post-navigation-next .aogm-post-navigation-body {
		align-items: flex-end;
	}

	.aogm-post-navigation-next .aogm-post-navigation-thumbnail {
		align-self: flex-end;
	}

	.aogm-post-navigation-next .aogm-post-navigation-content {
		text-align: right;
		width: 100%;
	}
}