/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
a { color: #ffbf51}
a:active, a:hover {color: #856226;}


/* Navbar */
/* .menu-header-right-navigation-container ul#menu-header-right-navigation {
    justify-content: start !important
}
.menu-header-right-navigation-container li#menu-item-1380 {
    margin-right: 19%;
} */
/* header mobile menu */
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-663 {
    display: none;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-662 {
    display: none;
}

/* Banner */
body{
    background-position: 0% 1% !important; background-image: url(https://woodshippingcrates.com/wp-content/uploads/2024/12/wood-shipping-crate-custom-quote-2.jpg) !important;
}



/* Forms */

#ninja_forms_required_items, .nf-field-container{margin-bottom: 5px !important;}
.list-checkbox-wrap .nf-field-element li label, .nf-checked-label,.ninja-forms-field,.listcheckbox-container.label-above .nf-field-label label, .listcheckbox-container.label-below .nf-field-label label, .listcheckbox-container.label-right .nf-field-label label{font-size: 14px !important;font-family: 'Poppins' !important;}
.nf-form-content .nf-field-container #nf-field-13-wrap .nf-field-element .ninja-forms-field,.nf-form-content .nf-field-container #nf-field-29_1-wrap .nf-field-element .ninja-forms-field{background-color: #ffbf51;width: 185px;float: right;}
.nf-form-content textarea.ninja-forms-field{height: 100px !important;}

/* Let's Talk */
#booking-package{font-family: 'Poppins';color: #000;font-size: 14px;}
#booking-package .today{background: #ffbf51 !important;}
#booking-package #booking-package_schedulePage .selectPanelActive{background: #ffbf51 !important;}
#booking-package button{font-weight: normal !important;background-color: #ffbf51 !important;width: 185px !important;color: #fff !important;border: 0 !important;margin-top: 10px !important;font-size: 14px !important;}
#booking-package #booking-package_schedulePage .selectPanelError{background: #000 !important;color: #fff !important;}
#booking-package_inputFormPanel .name, #booking-package_serviceDetails .name, #booking-package_myBookingDetailsFroVisitor .name, #booking-package_myBookingDetails_panel .name{font-weight: 700 !important;color: #333;}
#booking-package input[type=text], #booking-package textarea{background: #f7f7f7 !important;border: 1px solid #c4c4c4 !important;border-radius: 0 !important;box-shadow: none !important;color: #787878 !important;transition: all .5s !important;height: 50px !important;font-size: 14px !important;}
#booking-package_inputFormPanel input[type=text]{width: 100% !important;padding: 12px !important;font-size: 14px !important;}


/* Blog */
a.eael-post-elements-readmore-btn {text-shadow: 1px 1px 0px #00000087;text-transform: uppercase;font-family: "Barlow Condensed", Sans-serif !important;font-weight: 700;font-size: 21px !important;}

.entry-title {color: #000000; font-weight: 600; }
.page-content {background-color: #ffffff; padding: 25px; }

/* Services */
#services .elementor-widget-image-box img {
    height: 300px!important;
	width: 100%;
    object-fit: cover;
}

/* foating button 1 */
.floating-button{
	position: fixed;
    right: 1em;
	top: 8em;
    background: #000000;
    padding: 0 5px 0 5px;
    border-radius: 10px;
	display: flex;
    column-gap: 15px;
    align-items: center;
	box-shadow: -4px 4px 0px 0px #ffbf51;
	border-top: 1px solid #fff;
	transition: all .3s linear;
}
.floating-button .floating-content {
    text-align: center;
}
.floating-icon {
	width: 22px;
	margin-right: 5px;
}
.floating-icon img {
    width: 25px;
}
.floating-button .floating-heading span {
    color: #fff;
}
.floating-button .floating-heading{
	font-family: "Barlow Condensed", Sans-serif;
    font-size: 24px;
    font-weight: 700;
	color: #FFBF51;
    text-transform: uppercase;
}
.floating-button .floating-text{
	color: #ffffff;
	font-size:14px;
}

/* foating button 2 */
.floating-button2{
	position: fixed;
    right: 1em;
	top: 14em;
    background: #000000;
    padding: 0 5px 0 5px ;
    border-radius: 10px;
	display: flex;
    column-gap: 15px;
    align-items: center;
	box-shadow: -4px 4px 0px 0px #ffbf51;
	border-top: 1px solid #fff;
	transition: all .3s linear;
}
.floating-button2 .floating-content2 {
    text-align: center;
}
.floating-icon2 img {
    width: 25px;
}

.floating-button2 .floating-heading2 span {
    color: #fff;
}
.floating-button2 .floating-heading2{
	font-family: "Barlow Condensed", Sans-serif;
    font-size: 24px;
    font-weight: 700;
	color: #FFBF51;
    text-transform: uppercase;
}
.floating-button2 .floating-text2{
	color: #ffffff;
	font-size:14px;
}

.floating-heading,
.floating-heading2{ display: flex; align-items: center; justify-content: center; }
.floating-icon-hidden,
.floating-icon2-hidden { display: none; }

/* Product Photos */
.prod-gallery .gallery-item { height: 150px; margin-bottom: 5px!important; overflow: hidden; }
.prod-gallery .gallery-item img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
.spider_popup_close span { background: #fff; border-radius: 10px; }
#propho .bwg-item a > div > div{ position: relative; }
#propho .bwg-item a > div > div:hover:after { content:''; display: block; position: absolute; bottom:4px; right: 4px; background: url('assets/img/zoom_sm_1.0.gif') top left no-repeat; width: 23px; height: 23px; z-index: 99999; }

/* @media (max-width: 1600px){
.opac-1 { opacity: .1; }
.opac-1:hover { opacity: 1; }
} */

@media (max-width: 1500px){
	.floating-button .floating-content,
	.floating-button2 .floating-content2 { display: none; }
	.floating-icon-hidden,
	.floating-icon2-hidden { display: block; }
	.floating-button:hover .floating-content,
	.floating-button2:hover .floating-content2 { display: block; }
	.floating-button:hover .floating-icon-hidden,
	.floating-button2:hover .floating-icon2-hidden { display: none; }
} 

@media (max-width: 768px){
	.floating-button{display:none;}
	.floating-button2{display:none;}
}