/*!
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;
}





























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



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