/*
Font Family
=========================== */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/* :root can be useful for declaring global CSS variables: */
:root {
  --font1:'Lora', serif;
  --fontweight:500;
  --color1:#000;
  --color2:#fff;
  
}

/*
Custom Style
=========================== */
nav {
    min-height: 60px;
    background: #222;
}

nav .wrap-core-nav-list,
nav .nav-header {
    background: #222;
}

nav .brand {
    display: block;
    position: relative;
    width: 100%;
    top: 20px;
}
nav .brand i {
color:#fff;
font-size:20px;
}
nav .brand img {
    width: 100%;
}

nav .menu li a {
    display: block;
    padding: 20px 9px;
    text-decoration: none;
    color: var(--color1);
	font-weight: var(--fontweight);
	font-size:15px;
}

nav .menu li a:hover {
    color: var(--color1);
	text-shadow: 2px 2px 2px var(--color1);
}
.row_menu li a{
	color:var(--color2) !important;
	font-weight:700;
}
.row_menu .dropdown-content li a{
	color:var(--color2) !important;
	font-weight: var(--fontweight);
}

/*
DROPDOWN STYLE
=========================== */
nav .menu > li.dropdown  li.dropdown > a::before{
    margin-left: 10px;
    content: '';
    border-top: solid 5px var(--color2);
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    float: right;
    position: relative;
    top: 8px;
}

nav .menu li.dropdown.open > a{
    color: #e74c3c;
}

.sample-text{
    padding: 30px;
}
/* =========================== */


nav button {
    background: transparent;
    border: none;
    outline: none;
}

@media (max-width: 992px) {
    nav .full-container,
    nav .nav-container {
        padding-left: 0;
        padding-right: 0;
    }

    nav .nav-header {
        min-height: 60px;
    }

    nav .nav-header .brand {
        margin:0px 20px;
        float: none;
    }
	
    nav .nav-header .brand i{
		color:#fff;
		font-size:20px;
	}

    nav .nav-header .toggle-bar {
        font-size: 18px;
        position: absolute;
        top: 12px;
        right:5px;
		color:#fff;
    }

    nav .menu li a {
        padding: 10px 10px;
        /* border-bottom: solid 1px #efefef; */
    }

    nav .menu li:last-child a {
        border-bottom: none;
    }
}
/* =========================== */