/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

a, a:hover, a:focus {
	outline: none !important;
	text-decoration: none !important;
}
a:is(:hover, :focus, :active) {
	outline: none !important;
	text-decoration: none !important;
}

.display-none {display: none !important}

#site-header {
	position: fixed !important;
	top: 0;
	backdrop-filter: blur(10px);
	//box-shadow: 0 0 25px 5px rgb(0 0 0 / 30%);
}

.menu-item span {text-shadow: 1px 1px 2px #ffffff;}

/* --- HERO SECTION --- */
.hero-section {
	position: relative;
	height: 800px
}
.nhero-section h1 {
	font-size: 54px;
	font-size: 110px
}
.hero-section .wp-block-column {z-index: 1}

.hero-background-image::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2025/06/agricultural-products-company-bg.webp);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
.background-overlay-black::after {
	content: '';
	position: absolute;
	background-color: #000000;
    opacity: 0.7;
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
}
.color-text-white p, .color-text-white h1, .color-text-white h2, .color-text-white h3 {color: white}

.transparent-blurred-bg {
	background-color: transparent;
	backdrop-filter: blur(5px);
    padding: 150px 10px 180px 10px;
    box-shadow: 0 0 50px 50px rgb(255 255 255 / 15%);
	box-shadow: 0 0 50px 50px rgb(0 0 0 / 10%), 0 0 50px 50px rgb(255 255 255 / 10%);
}


#footer-widgets {
	background-color: transparent;
    background-image: url(/wp-content/uploads/2025/06/bg-footer-agri.png);
    background-size: contain;
    background-repeat: repeat-x;
    margin-top: -30px;
}

.wp-block-button__link {
	color: #fff !important;
    font-size: 20px;
    padding: 20px 36px;
	box-shadow: 0 0 50px 50px rgb(255 255 255 / 10%);
	box-shadow: 0 0 0px 5px rgb(255 255 255 / 50%);
}
.wp-block-button__link:hover {
	box-shadow: 0 0 0px 5px rgb(255 255 255 / 90%);
	transform: translateY(4px);
}



/* --- SECTION SPACES --- */
.pt60 {padding-top: 60px}
.pt80 {padding-top: 80px}
.pt100 {padding-top: 100px}

.pb60 {padding-bottom: 60px}
.pb80 {padding-bottom: 80px}
.pb100 {padding-bottom: 100px}

.image-radius img {
	border-radius: 50px
}

.icon-leaf-title {margin-bottom: 20px}
.icon-leaf-title img {max-width: 20px;}

.iicon-leaf-title:before, .iicon-leaf-title:after {
	content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    //top: 0;
    //left: 0;
    background-image: url(/wp-content/uploads/2025/06/green-leaf-icon-title.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.section-background-beige-color {position: relative}
.section-background-beige-color .wp-block-column {z-index: 1}
.section-background-beige-color::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
	background-color: rgb(212 168 113 / 10%);
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    //box-shadow: inset 0 0 50px 5px #f1f1f1;
}

.text-center {text-align: center}


.services-icon .line-icon {
	display: flex;
    font-size: 2.5em;
    vertical-align: middle;
    color: #60C21B;
    background-color: #dd99332b;
	color: rgb(255 255 255 / 90%);
    background-color: #60C21B;
	background-color: #00a958;
    border-radius: 100px;
    height: 110px;
    width: 110px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}


.contact-icon {text-align: left;}
.contact-icon .wp-block-group {align-items: baseline}
.contact-icon .line-icon {
	
	color: #DD9933
}

.image-contact img {
	height: 200px;
    object-fit: cover;
}
.contact-column {
	background-color: white;
    padding: 20px 25px;
    margin: 0 0 0 -100px !important;
    border-radius: 5px;
	box-shadow: 5px 5px 30px 5px rgb(0 0 0 / 8%);
}


::-webkit-scrollbar-thumb {
    background-color: rgb(0 169 88 / 55%);
    border-radius: 20px;
}
::-webkit-scrollbar-track {
    background-color: rgb(0 169 88 / 18%);
}
::-webkit-scrollbar {
    width: 8px;
}


@media (max-width: 781px) {
	.hero-background-image::before {background-image: url(/wp-content/uploads/2025/06/agricultural-products-company-bg-mobile.webp);}
	.hero-section {height: 500px}
	.transparent-blurred-bg {
		padding: 50px 10px 80px 10px;
		margin-top: 50px !important
	}
	.gap0 {gap:0}
	.ptm0 {padding-top: 0}
	.ptm10 {padding-top: 10px}
	.ptm20 {padding-top: 20px}
	.ptm30 {padding-top: 30px}
	.ptm40 {padding-top: 40px}
	.pbm0 {padding-bottom: 0}
	.pbm10 {padding-bottom: 10px}
	.pbm20 {padding-bottom: 20px}
	.pbm30 {padding-bottom: 30px}
	.pbm40 {padding-bottom: 40px}
	.contact-column {margin: -80px 0 0 0 !important;}
	#footer-widgets {margin-top: -95px}
	.services-icon {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 20px 5px;
	}
}