/*
 Theme Name:   BC Greenhouses
 Theme URI:    https://www.bcgreenhouses.com/
 Description:  Customized theme for BC Greenhouses.
 Author:       FirstPage Marketing
 Author URI:   https://www.firstpagemarketing.com
 Template:     hello-elementor
 Version:      1.2.9
*/

/* Displaying content for English or French Translation Only */
.french-only {
	display: none !important;
}

*:lang(fr) .french-only, *:lang(fr-fr) .french-only {
	display: block !important;
}

*:lang(fr) .english-only, *:lang(fr-fr) .english-only {
	display: none !important;
}

.elementor-editor-active .french-only, .elementor-editor-active .english-only {
	display: block !important;
}

/* Envira Gallery Quote Text */
.envira-gallery-wrap a img {
    transition: opacity 0.3s ease-in-out;
}
.envira-gallery-wrap a:hover img {
	opacity: 0.3;
}

@media (min-width:768px) {
    a.envira-gallery-link-disabled {
        position: relative;
        display: block;
    }
    a.envira-gallery-link-disabled:after {
        content: 'Get a Quote from this Image';
        position: absolute;
        top: 50%;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        pointer-events: none;
        font-family: "Mulish", Sans-serif;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.2em;
        letter-spacing: 0.2px;
        color: black;
    }
    a.envira-gallery-link-disabled:hover:after {
        opacity: 1;
    }
}

/* Envira Gallery Pagination */
.envira-gallery-wrap .envira-pagination {
    display: flex;
    justify-content: center;
    padding: 30px;
}

.envira-gallery-wrap .envira-pagination a.page-numbers {
    border: 1px #CBCBCB solid;
    padding: 12px 15px;
    border-radius: 4px;
    margin: 0px 10px;
    color: #717573;
    font-weight: 900;
}

.envira-gallery-wrap .envira-pagination a.page-numbers:hover {
    border: 1px #6c8583 solid;
    color: #fff;
    background-color: #6c8583;
}

.envira-gallery-wrap .envira-pagination span.page-numbers.current {
    border: 1px #81a9a7 solid;
    background-color: #81a9a7;
    padding: 12px 15px;
    border-radius: 4px;
    margin: 0px 10px;
    color: #fff;
    font-weight: 900;
}

/* Hubspot Form Styles */
.form_wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
}
	
.form_tab {
	display: none;
	width: 100%;
	height: auto;
	min-height: 200px;
	/* grey contaioner */
	margin: 0px 0px 0px 0px;
    padding: 30px 30px 30px 30px;
    background-color: var(--e-global-color-42306dc );
    border-radius: 15px 15px 15px 15px;
}

.form_tab_show {
    display: block;
}

.hbspt-form label {
    color: #143040;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

.hbspt-form label.hs-error-msg {
	color: red;
}

.hbspt-form .hs-error-msgs{

}

.hbspt-form .hs-error-msgs label a {
	color: red;
    text-decoration: underline;
    background-color: yellow;
    padding: 5px;
    margin-top: 5px;
    display: block;
}
.hbspt-form .hs-error-msgs label a:hover {
	color: red;
	cursor: pointer;
}

.hbspt-form .hs-form-field {
    padding-bottom: 20px;
}

.hbspt-form input[type="text"], .hbspt-form input[type="email"], .hbspt-form input[type="tel"] {
    color: #717573;
    font-size: 17px;
    font-weight: 400;
    border: #CBCBCB solid 1px;
    background-color: #fff;
    border-radius: 20px;
}

.hbspt-form select {
    color: #717573;
    font-size: 17px;
    font-weight: 400;
    border: #CBCBCB solid 1px;
    background-color: #fff;
    border-radius: 20px;
}

.hbspt-form .hs-form-required {
    color: #F00;
    padding-left: 4px;
}

.hbspt-form .hs-field-desc {
    font-size: 14px;
    margin-bottom: 10px;
}

.hbspt-form textarea {
    color: #717573;
    font-size: 17px;
    font-weight: 400;
    border: #CBCBCB solid 1px;
    background-color: #fff;
    border-radius: 20px;
    height: 160px;
}

.hbspt-form input[type="submit"] {
    border: 1px #6c8583 solid;
    background-color: #6c8583;
    color: #fff;
    padding: 15px 30px !important;
}

.hbspt-form input[type="submit"]:hover {
    background-color: #69727d;
}

.cat-bold-text {
    font-size: 58px;
    font-family: "Yeseva One";
    font-weight: 500;
    line-height: 1.1em;
    letter-spacing: -0.8px;
    text-transform: capitalize;
    display: block;
}

.gt-code {
    width: 56px !important;
}

.gt-code .gt_switcher-popup span {
    display: none;
}

.gt-code a {
    color: #81A9A7;
    font-size: 13px;
    margin-right:10px;
    color: var(--e-global-color-text );
}
.gt-code .gtranslate_wrapper {
    display: flex;
}

/* jetMenu Customization */
.jet-mega-menu-sub-menu__list {
	padding: 20px 0 !important;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item:hover>.jet-mega-menu-item__inner {
	border-radius: 5px 5px 0 0 !important;
	overflow: hidden;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner {
	border-radius: 10px !important;
	overflow: hidden;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list li {
	border-top: 1px solid #d9e7e7;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list li:first-of-type {
	border-top: none;
}

/* Greenhouse Menus in the Mega Menu */
.mega-menu-sub-menu li a {
	padding: 10px 30px 10px 30px !important;
}
.mega-menu-sub-menu li a:hover {
	background-color: #d9e7e7;
}

/* Adjust position of accordion icons on the right */
.elementor-toggle-icon.elementor-toggle-icon-right {
	top: 8px;
    position: relative;
}

/* Greenhouse Grid Layout */
.greenhouse-grid a {
	transition: all .3s;
}
.greenhouse-grid .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 10px;
}

.estate {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}

.commercial {
  grid-row: 1 / 3;
  grid-column: 3 / 4;
}

.attached {
  grid-row: 2 / 4;
  grid-column: 1 / 2;
}

.economy {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
}

.backyard {
  grid-row: 3 / 4;
  grid-column: 2 / 4;
}

@media (max-width: 768px) {
	.greenhouse-grid .e-con-inner {
		display: flex !important;
	}
}

/* jetMenu Back Button Fix */
.jet-mobile-menu__controls div[aria-label="Back to Prev Items"] i:before {
        content: "\f0a8";
}

/* Bottom Margin for UL and OL */
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol, .elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol {
	margin-bottom: 0.9em;
	text-align: left;
}

.elementor-widget-text-editor ul li, .elementor-widget-text-editor ol li, .elementor-widget-theme-post-content ul li , .elementor-widget-theme-post-content ol li {
	margin-bottom: 0.6em;
	text-align: left;
}

.elementor-widget-text-editor ul li::marker, .elementor-widget-text-editor ol li::marker, .elementor-widget-theme-post-content ul li::marker , .elementor-widget-theme-post-content ol li::marker {
	color: var(--e-global-color-primary );
}

/* Online Store Product Listing Item */
.product-listing-item .product_title {
	min-height: 80px;
}

.product-listing-item .price ins {
	text-decoration: none;
}

.product-listing-item .elementor-widget-container {
	line-height: 0;
}

.product-listing-item .product-feature-image a {
	width: 100%;
	height: inherit
}

.product-listing-item .product-feature-image img {
	height: 350px !important;
	width: 100% !important;
	object-fit: cover;
	margin: 0 !important;
}

/* Online Store Single Product Page */
.product-add-cart .variations tr {
	display: flex;
	flex-direction: column;
}

.product-add-cart .variations th, .product-add-cart .variations td {
	padding-bottom: 5px !important;
}

/* HTML Pricing Table Styles */
.table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* for smoother iOS scrolling */
    
  }
  
  .pricing-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 880px; /* ensures scroll on smaller screens */
    font-size: 14px;
    line-height: 1.2em;
    position: relative;
  }

  .pricing-table tr:first-of-type th {
    font-weight: bold;
    padding: 10px;
    color: black;
    font-size: 16px;
    text-align: center;
  }

  @media (max-width: 768px) {
    .pricing-table tr:first-of-type th {
        text-align: left;
    }
    .pricing-table {
        margin-bottom: 30px;
    }

    .pricing-table:after {
        position: absolute;
        left: 0;
        content: "Swipe to see more →";
        color: var( --e-global-color-text );
        text-transform: uppercase;
        font-size: 12px;
    }
  }

  .pricing-table td {
    text-align: center;
    padding: 10px;
  }

  .pricing-table td, table.pricing-table tbody tr:hover > td {
    background-color: white !important;
  }
  .pricing-table th, table.pricing-table tbody tr:hover > th {
    background-color: var( --e-global-color-42306dc ) !important;
  }
  

/* Inline Image Styling */
img.alignleft {
	max-width: 50% !important;
	margin: 0 30px 30px 0;
}

img.alignright {
	max-width: 50% !important;
	margin: 0 0 30px 30px;
}

img.aligncenter {
	margin: 0 auto 30px;
}

img.alignnone {
	margin: 0 0 30px 0;
}

@media (max-width: 768px) {
	img.alignleft, img.alignright, img.aligncenter, img.alignnone {
		display: block;
		margin: 0 auto 30px;
		max-width: 100% !important;
		float:none;
	}
}