/*
Theme Name: Agrarium
Theme URI: http://demo.artureanec.com/themes/agrarium/
Author: Artureanec
Author URI: https://demo.artureanec.com/
Description: Meet WordPress Theme by Artureanec - really amazing, powerful, clean and ultramodern product, that created with love and attention to details. We know it's difficult to represent yourself on the web in the right way, that's why we spent a lot of time trying to make our Theme more effective. It's flexible, easy customizable, high-quality and really easy to use! So everyone can make awesome website with it. Hope you'll like it. Enjoy!
Version: 1.0.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: agrarium
Tested up to: 5.8.1
Requires PHP:
*/

.header-menu-container{
	    margin-top: -5px;
}
.header .main-menu > li > a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 16px 0 16px;
    font-family: Nunito!important;
    font-size: 22px;
    font-weight: 800;
}
.header .main-menu > li > a:hover {
    color: #ffffff!important;
}
.header .main-menu li:hover{
	background-color: #0a3390;
	color: white;
}
.header .main-menu li {
    list-style: none;
    position: relative;
    padding: 0px 20px 0px 20px;
}
.header .main-menu > li > a:before {
	display:none;
}
@media only screen and (min-width: 1200px) {
    .header .main-menu li:not(:last-of-type) {
        margin-right: 0;
    }
}
.header .main-menu li:not(:last-of-type) {
        margin-right: 0;
    }
.lang-item{
	padding: 0px 10px !important;
}


/* footer start */
	
	
	.footer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 50% 20% 20% 10%;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 20px;
}

.header .main-menu > li ul.sub-menu{
	background-color: #ffffff!important;
}
.header .main-menu ul.sub-menu > li > a{
	color: #000000;
    font-family: 'Nunito' !important;
    font-weight: 900 !important;
}

.logo-container {
    position: relative;
    top: 0px; 
    left: 20px;
}

.elf-container {
    text-align: center;
    color: #000;
	margin: 0 auto;
}

.elf-container p {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.links-container {
    text-align: right;
}

.contact-button {
    background-color: #0048ba;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 10px;
}


	
	.contact-button{
		font-weight: 900!important;
    background-color: transparent!important;
    background-image: linear-gradient(180deg, #5460FA 0%, #000E8D 70%)!important;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: 12px 18px 17px 0px rgba(0, 0, 0, 0.5)!important;
    border: none!important;
    color: white!important;
    font-family: 'Nunito'!important;
    font-size: 26px!important;
    height: 45px!important;
    margin-bottom: 45px!important;
    line-height: 1!important;
    padding: 0px 20px!important;
	}
	
	.footer-logo img{	
    position: absolute;
    bottom: 300px;
    width: 300px;
    right: 0;
	}
	
	.contact-button:hover{
		    background-color: #032676!important;
    color: #f77593!important;
	}
	
	.contact-button:after{
		    background-color: #032676!important;
    color: #f77593!important;
	}
	
	.social-icons .icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: cover;
    margin: 0 35px 30px 0;
}

.social-icons .facebook {
    background-image: url('/wp-content/uploads/2024/08/fb.webp');
}

.social-icons .facebook:hover {
    background-image: url('/wp-content/uploads/2024/08/fb-a.webp'); 
}

.social-icons .instagram {
    background-image: url('/wp-content/uploads/2024/08/in.webp');
}

.social-icons .instagram:hover {
    background-image: url('/wp-content/uploads/2024/08/in-a.webp'); 
}
	
	/* footer end */


.header a, .header .main-menu > li > a{
	color: #0a3390;
}

.header .main-menu > li.current-menu-item > a{
	color: #0a3390;
}

.mobile-header-menu-container{
	background-color:#0a338ed4 !important;
}
.mobile-header-menu-container{
    border-color: #f47392!important;
}
.mobile-header-menu-container .main-menu li.active > a{
    color: #f03a86!important;
}
.header .main-menu > li.current-menu-ancestor > a, .header .main-menu > li.current-menu-parent > a{
    color: #f77594!important;
}