:root {
	--font-color-very-light: #9fadb5;
    --font-color-light: #798084;
    --font-color: #132941;

	--content-very-light: #ffffff;
	--content-light: #f7f8f9;
	--content: #e3e7ea;
	--content-dark: #9fadb5;
	--content-very-dark: #798084;

	--primary-very-light: #dcf7e8;
	--primary-light: #56d48f;
	--primary: #36b56f;
	--primary-dark: #128043;

	--secondary-very-light: #cee4ff;
	--secondary-light: #3579cf;
	--secondary: #154a8d;
	--secondary-dark: #05336d;

	--warning-very-light: #fff5ee;
	--warning-light: #ff993e;
	--warning: #f47521;
	--warning-dark: #d25603;

	--danger-very-light: #ffe9e9;
	--danger-light: #ff4208;
	--danger: #ed1c24;
	--danger-dark: #b40007;
	
	--content-text: #6a6a6a;
}

/*
 * fixes to oceanwp default styles
 */
#author-bio .author-bio-title {
	text-transform: initial;	
}

.theme-heading {
    letter-spacing: initial;
}
.blog-entry.post .blog-entry-header .entry-title a {
    letter-spacing: initial;
}

#site-navigation-wrap .dropdown-menu>li>a {
    letter-spacing: initial;
	text-transform: uppercase;
}
.dropdown-menu ul li a.menu-link {
    letter-spacing: initial;
	text-transform: initial;
}
.dropdown-menu ul li a.menu-link .nav-content {
	font-weight: 400;
}
/*
 * FIXES OCEAN SOCIALS PLUGIN
 * */
.entry-share.minimal ul.oss-social-share li a {
    border: 1px solid var(--content-text);
}
.entry-share.minimal ul.oss-social-share li a .oss-icon {
    fill: var(--content-text);
}

/*
 * FIXES GRID ENTRY POSTS
 * */
.blog-entry.grid-entry.entry .blog-entry-inner {

	position: relative;
}

.blog-entry.grid-entry.entry .blog-entry-readmore {

	position: absolute;
	right: 0;
	bottom: 0;
}

.blog-entry.grid-entry.entry .blog-entry-readmore a {

	display: block;
	line-height: 2;
	padding: 0 0.625rem 0 0;
	background: var(--primary);
	color: var(--content-very-light);

	border-bottom: none;
	text-transform: none;
}

.blog-entry.grid-entry.entry .blog-entry-readmore a::before {
	
	content: " ";
	position: absolute;
	left: -24px;
	border: 12px solid transparent;
	border-right-color: var(--primary);
	border-bottom-color: var(--primary);
	transition: inherit;
}

.blog-entry.grid-entry.entry .blog-entry-readmore a:hover {

	background: var(--primary-dark);
}
.blog-entry.grid-entry.entry .blog-entry-readmore a:hover::before {

	border-right-color: var(--primary-dark);
	border-bottom-color: var(--primary-dark);
}

/*
 * AGRALAN
 * */

.menu-option-novelty a::after {
	content: ' ';
    background-image: url(/wp-content/uploads/2022/03/octagram.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
}

/* 
 * LOGO
 */
#agralan-header-wrapper {
	
	position: sticky;
	top: 0;

	width: 100%;
	z-index: 99;
	transition: box-shadow .33s ease-in-out;
}

#agralan-header-wrapper.agralan-header-wrapper-scrolled {
	
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .40), 0px 4px 8px 0px rgba(0, 0, 0, .20);
}

#agralan-header-wrapper.agralan-header-wrapper-scrolled #site-header {

	background-color:var(--content-light);
}

#agralan-header-wrapper #site-logo #site-logo-inner img {

	height: calc(100% * 4 / 7);
}

/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}