/*!
Theme Name: Farm
Theme URI: #
Author: Ataul Mostofa
Author URI: #
Description: Farm - is a modern and versatile Gardening And Landscaping WordPress Theme 
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: farm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




/*---------------Custom Css For Wordpress Theme Development-----------*/





.header__logo {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-position: center;
    background-size: cover;
    margin-top: -33px;
    margin-bottom: 10px;
}

span.elementor-button-text {
    color: #fff;
}



.rightshape.right-left.d-lg-block.d-none {
    width: 25%;
}

.rightshape.right-left.d-lg-block.d-none img {
    border-radius: 100px;
}
  


/*-------About page desgin issue css-----*/
.farm__innerimg.imghover {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.farm__innerimg.imghover img {
    width: 55%;
	margin: 0 auto;
}



/*---PDF For Proposal page custom style css-----------*/
/* Container for the PDF Viewer */
.pdf___container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-top: 20px;
}

/* Styling the iframe to make it responsive and visually appealing */
.pdf-iframe {
    width: 100%;
    max-width: 800px; /* Max width for larger screens */
    height: 600px; /* Set height for uniformity */
    border: none;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    transition: transform 0.3s ease-in-out; /* Smooth hover zoom */
}

/* Hover effect for iframe */
.pdf-iframe:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Responsive design for mobile and tablet devices */
@media (max-width: 768px) {
    .pdf-iframe {
        height: 400px; /* Adjust height for smaller screens */
    }
}

/* Optional: Add a fade effect when PDF is loading */
.pdf-iframe {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.pdf-iframe.loaded {
    opacity: 1;
}














.header__logo {
  width: 50px;
  height: 80px;
  line-height: 100px;
  text-align: center;
  background-position: center;
  background-size: cover;
  margin-top: -41px;
  margin-bottom: -16px;
}



@media (min-width: 576px) {
  .header__logo {
    width: 75px;
     height: 70px;
    margin-top: -30px;
    margin-bottom: 7px;
  }
}

@media (min-width: 768px) {
  .header__logo {
     width: 80px;
    height: 75px;
    margin-top: -32px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .header__logo {
    width: 85px;
    height: 85px;
    margin-top: -32px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .header__logo {
    width: 100px;
    height: 100px;
    margin-top: -33px;
    margin-bottom: -12px;
  }
}





.header__logo img {
    width: 82%;
}


.custom-about-title{
	color: green;
	margin-bottom: 10px;
    font-size: 3rem;
}

.about__content p{
	font-size: 1.2rem;
}






/*----------------Final css for wordpress theme development-----------*/



.wp-block-search__button.wp-element-button {
    background: #184C2B;
    color: #fff;
    padding: 15px;
    border-radius: 4px;
    border: none;
}

.style-one-blog .thumb img {
    width: 424px !IMPORTANT;
    height: 240px !important;
}


.preloader.loaded .logo-thumb a img {
    width: 80px !important;
}

.logo-thumb img{
	width: 80px !important;
}

 /* BREAKOUT FROM CONTAINER: Force 100vw width */
.full-width-wrapper-inner {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 0 40px; /* Optional side padding so images don't touch screen edge exactly */
	box-sizing: border-box;
}

.food-swiper-full {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.food-swiper-full .swiper-slide img {
	width: 100%;
	display: block;
	border-radius: 15px; /* Added standard radius for better look */
}

/* Reuse your old classes for buttons */
.food-swiper-next, .food-swiper-prev {
	width: 50px; height: 50px;
	background: #184C2B;
	border-radius: 50%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	z-index: 10;
}
.food-swiper-next:after, .food-swiper-prev:after {
	font-size: 20px;
	color: #fff;
}

.food-gallery-main {
	overflow-x: hidden; 
	padding-bottom: 50px; 
}

/* .section-desc{
	font-size: 20px;
} */