/*
 Theme Name: GP Advance Child
 Theme URI: https://generatepress.com
 Description: GeneratePress child theme to fully customize GeneratePress using GP Premium and GenerateBlocks
 Author: Arya Dhiratara
 Author URI: https://dhiratara.me
 Template: generatepress
 Version: 0.1
 Requires at least: 5.2
 Tested up to: 6.4
 Requires PHP: 7.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: generatepress
 GeneratePress, Copyright 2014-2024 EDGE22 Studios LTD.
 GeneratePress is distributed under the terms of the GNU GPL
 Contributors: 
*/

.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    -webkit-clip-path:none;
    clip-path:none;
    color:#21759b;
    display:block;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}

a:hover {
	color: var(--linkTextHoverlColor);
}
/*
button:hover, a.gb-button:hover {
	background: var(--buttonBackgroundHoverColor);
	color: var(--buttonTextHoverColor);
}
*/
/* nav */

.main-navigation .main-nav ul li a {
	font-weight: 700
}


.main-navigation {
    background-color:var(--base-3);
}
/*
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: var(--black);
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a {
    color:var(--brand-color);
}
*/
button.menu-toggle:hover,button.menu-toggle:focus {
    color:var(--brand-color);
}

@media (min-width: 768px) {
	
	:root {
		
	}
	
}

@media (min-width: 3540px) {
	
	
}

@media (min-width: 1025px) and (max-width: 1366px) {
	
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	.main-navigation .main-nav ul li a,
	.main-navigation .menu-toggle,
	.main-navigation .menu-bar-items {
	  color: var(--contrast);
	}
	
}

@media (max-width: 499px) {
	
	:root {
		
	}
	
	
}