/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child 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: hello-elementor-child
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
*/

.archive-title {
	margin-top: 2rem !important;
	margin-bottom: 0.5rem !important;
}

.archive-title a {
	font-size: 20px !important;
	color: #351a47 !important;
}

.archive-title a:hover {
	color: #8f4abd !important;
}

h3>a {
	font-size: 1.7rem !important;
}

h3>a:hover {
	color: #8f4abd !important;
}

a.btn-link {
	background: #454038;
	color: #fff;
	border-radius: 30px;
	padding: .25em .5em;
	line-height: 2;
	margin-right: .25em;
}

a.btn-link:hover {
	color: #fff !important;
	background: #56524B;
}

a.btn-link.--bu {
	background: #3D1053;
}

a.btn-link.--bu:hover {
	background: #6d3387;
}

a.btn-link.--tag {
	background: #904199;
}

a.btn-link.--tag:hover {
	background: #b565be
}

.contains-sidebar {
	display: grid;
	grid-template-columns: 1fr 5fr;
	align-items: start;
}


/*
  SIDEBAR STYLES
*/

.nav-sidebar {
	width: 15vw;
	height: calc(100vh - 108px);
	position: sticky;
	top: 108px;
	background: #F1F2ED;
	padding: 15px;
	align-self: flex-start;
}

@media (max-width: 1024px) {
	.nav-sidebar {
		width: 25vw;
	}
}


.nav-logo {
	padding: 15px 0px;
}

.sidebar-nav ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sidebar-nav a {
    display: block;
    padding: 5px 0px;
    text-decoration: none;
    color: #000;
}

.sidebar-nav a:hover {
	color: #FFF;
    background: #3D1053;
}

.sidebar-nav li {
    position: relative;
}

.sidebar-nav .sub-menu {
	padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid #ddd;
    max-height: 0;
    opacity: 0;
    transform: translateY(-5px);
    overflow: hidden;
    /*transition: 
        max-height 0.35s ease,
        opacity 0.25s ease,
        transform 0.25s ease;*/
}

/* connector line */
.sidebar-nav .sub-menu li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 17px;
    width: 10px;
    height: 1px;
    background: #ddd;
}

.sidebar-nav li.active > .sub-menu {
    /*max-height: 500px;*/
    opacity: 1;
    transform: translateY(0);
}

.sidebar-nav li.menu-item-has-children > a::after {
    content: "▸";
    float: right;
    transition: transform 0.2s ease;
}

.sidebar-nav li.active > a::after {
    transform: rotate(90deg);
}

.sidebar-nav .current-menu-item > a {
    font-weight: 700;
    background-color: #e5e5e5;
    border-left: 3px solid #333;
	padding-left: 6px;
}

.sidebar-nav .current-menu-item > a:hover {
    color: #FFF;
    background: #3D1053;
}