/* 
Theme Name: Oyopi
Theme URI: https://github.com/elementor/hello-theme/
Description: Oyopi is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: oyopi
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.gradient-text .elementor-heading-title {
    background-image: linear-gradient(90deg, #211C12 0%, #2D5F04 30%, #C14915 70%, #E86A33 90%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#wpadminbar .ab-top-menu #wp-admin-bar-elementor_edit_page.menupop > .ab-sub-wrapper {
	width: 420px;
}

#wpadminbar #wp-admin-bar-elementor_edit_page .ab-submenu .ab-item,
#wpadminbar #wp-admin-bar-jet_plugins .jet-ab-item .ab-item {
	min-width: 400px;
}

#breadcrumbs > span {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.glass-effect{
	background: rgba(255, 255, 255, 0.1);
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* WP FILE DOWNLOAD */
.wpfd-container .wpfd-container-demo .wpfd-categories {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	align-items: flex-start;
}

@media (max-width:1024px){
	.wpfd-container .wpfd-container-demo .wpfd-categories {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}


.wpfd-content-demo .wpfd-container-demo .wpfd_list .file .file-right {
	display:flex;
	flex-direction: column;
	gap: 10px;
}

.wpfd-content-demo .wpfd-container-demo .wpfd_list .file.is_downloaded {
	background-color: var(--e-global-color-7fbea4f);
}

.wpfd-content-demo .wpfd-container-demo .wpfd_list .file h3 a {
	color: var(--e-global-color-secondary);
}

.wpfd-content-demo .wpfd-container-demo .wpfd_list .file .file-right a.downloadlink,
.wpfd-content-demo .wpfd-container-demo .wpfd_list .file .file-right a.openlink {
	margin: 0;
	padding: 10px 20px;
	display: block;
	line-height: 1;
	height: auto;
	font-size: 16px;
	border-radius: 50px;
}

.wpfd-content-demo .wpfd-container-demo .wpfd_list .file .file-right a.openlink {
	background: white;
	border: 1px solid var(--e-global-color-7fbea4f);
	color: var(--e-global-color-secondary);
}

.wpfd-container .wpfd-container-demo .wpfd_list {
	gap: 20px;
}

.wpfd-container .wpfd-container-demo .wpfd-categories .wpfd-category-desc {
	display: none;
}

.wpfd-container .wpfd-container-demo .wpfd-categories .wpfdcategory {
	color: white;
	background: var( --e-global-color-d49ac81 );
	margin: 0;
	font-size: 16px;
	border: 1px solid var( --e-global-color-d49ac81 );
	border-radius: 5px;
	height: auto;
	justify-content: flex-start;
	align-items: flex-start;
}

.wpfd-container .wpfd-container-demo .wpfd-categories .wpfdcategory:hover {
	box-shadow: none;
	background: var(--e-global-color-332724a);
}

.wpfd-container .wpfd-container-demo .wpfd-categories .wpfdcategory span,
.wpfd-container .wpfd-container-demo .wpfd-categories .wpfdcategory i{
	color: white;
	white-space: wrap;
    align-self: flex-start;
	max-width: unset;
}

.wpfd-container .wpfd-container-demo .wpfd-categories .catlink.backcategory {
	display: block;
	position: relative;
	top: unset;
	right: unset;
	background: var(--e-global-color-d49ac81);
	color: white;
	width: fit-content;
	padding: 10px 30px;
	height: auto;
	margin: 0;
	border-radius: 28px;
	line-height: 1;
	margin-bottom: 10px;
}

.wpfd-container .wpfd-container-demo .wpfd-categories .catlink.backcategory:hover{
	background: var(--e-global-color-332724a);
}

.wpfd-container .wpfd-container-demo .wpfd-categories .catlink.backcategory span,
.wpfd-container .wpfd-container-demo .wpfd-categories .catlink.backcategory i{
	font-size: 16px;
	color: white;
}

.wpfd-container .wpfd-container-demo .wpfd-categories h2 {
	grid-column-start: 1;
  	grid-column-end: 6;
	font-size: 24px;
	font-weight: 500;
	color: var( --e-global-color-d49ac81 );
	margin: 0;
}

#et-boc .wpfd-content .wpfd-container-demo .wpfdcategory > span, 
.wpfd-content .wpfd-container-demo .wpfdcategory > span {
	overflow: unset;
	text-overflow: none;
}

.wpfd-content .breadcrumbs.wpfd-breadcrumbs-demo li a {
	font-weight: 500;
	color: var(--e-global-color-secondary);
}

.wpfd-content .breadcrumbs.wpfd-breadcrumbs-demo li a:hover {
	font-weight: 500;
	color: var(--e-global-color-secondary);
}

.wpfd-content .breadcrumbs.wpfd-breadcrumbs-demo li:last-child span{
	font-weight: bold;
	color: var(--e-global-color-secondary);
}

.wpfd-single-file .wpfd-single-file--buttons {
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.wpfd-single-file .wpfd-single-file--details .wpfd-file-content--title a{
	color: var(--e-global-color-secondary);
}

.wpfd-single-file .wpfd-single-file--details .wpfd-file-content--title a:hover{
	color: var(--e-global-color-d49ac81);
}

.wpfd-single-file .wpfd-single-file--buttons .wpfd-single-file-button.wpfd-button-download:hover {
	border-color: var(--e-global-color-332724a);
}

.wpfd-single-file .wpfd-single-file--buttons .wpfd-single-file-button.wpfd-button-preview:hover {
	border-color: var(--e-global-color-d49ac81);
}

.wpfd-single-file .wpfd-single-file--buttons .wpfd-single-file-button.wpfd-button-preview:hover svg g{
	fill: white;
}