/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

#site-header {
	z-index: 999999;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
	color: #6EC1E4;
}

/* Form */

#contact-form p label {
	width: 100%;
}
#contact-form p label input,
#contact-form p label select,
#contact-form p label textarea {
	margin-top: 5px;
	border: 2px solid #273D1A;
    border-radius: 5px;
}

#contact-form p label input[type="submit"]:hover {
	background-color: #273D1A;
}

/* Footer */

footer .site-logo.show {
	margin-bottom: 15px;
}

footer .copyright {
	padding-top: 15px;
}


/* Header */

body:not(.home) .site-header .site-navigation ul.menu li a, .site-header .site-navigation ul.menu li ul.sub-menu li a {
    color: #141F0D;
}
.site-navigation-toggle-holder .site-navigation-toggle {
    background-color: #003410;
}

.site-navigation ul.menu li ul.sub-menu {
	width: 250px;
	border-radius: 10px;
}
.site-navigation ul.menu li ul.sub-menu li {
	padding: 8px 16px;
    width: 100%;
}
.site-navigation ul.menu li ul.sub-menu li:first-of-type {
	border-radius: 10px 10px 0 0;
}
.site-navigation ul.menu li ul.sub-menu li:last-of-type {
	border-radius: 0 0 10px 10px;
}

.site-navigation ul.menu li ul.sub-menu li:hover {
	background: #799E1D;
}
.site-navigation ul.menu li ul.sub-menu li:hover a {
	color: white;
}

/* Header - Mobile Menu */

.site-navigation-dropdown ul.menu li a {
    font-family: "Roboto Slab", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #141F0D;
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: #273D1A;
    color: #fff;
}

.site-navigation-dropdown ul.menu li:hover > a {
    color: #fff;
	background: #799E1D;
}

/* Swiper - Work pages, for swiper used when transferring WP Bakery slider image IDS to new slider */

/* Wrapper spacing so pagination sits under the image */
.ths-gallery-wrap {
  width: 100%;
}

/* Ensure images behave nicely */
.ths-gallery .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* Arrow buttons */
.ths-gallery .ths-swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  z-index: 5;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

/* Place inside left/right edges */
.ths-gallery .ths-swiper-prev { left: 12px; }
.ths-gallery .ths-swiper-next { right: 12px; }

/* Draw simple arrow chevrons */
.ths-gallery .ths-swiper-button::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-right: 3px solid #273D1A;
  border-bottom: 3px solid #273D1A;
  margin: 0 auto;
}

.ths-gallery .ths-swiper-prev::before {
  transform: rotate(135deg);
}

.ths-gallery .ths-swiper-next::before {
  transform: rotate(-45deg);
}

/* Pagination underneath */
.ths-swiper-pagination {
  margin-top: 12px;
  text-align: center;
}

/* Dot size + color */
.ths-swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #273D1A;
  margin: 0 5px !important;
}

/* Active dot color */
.ths-swiper-pagination .swiper-pagination-bullet-active {
  background: #799E1D;
}

button.ths-swiper-button:hover,
button.ths-swiper-button:focus {
	background-color: transparent!important;
}


/* Our Work Post Grid */

article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap {
	width: 100%;
    height: 400px;
    object-fit: cover;
}

article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap img {
	min-height: 400px;
}

@media (max-width: 1400px) {
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap {
		height: 300px;
	}
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap img {
		min-height: 300px;
	}	
}

@media (max-width: 1100px) {
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap {
		height: 200px;
	}
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap img {
		min-height: 200px;
	}	
}

@media (max-width: 1025px) {
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap {
		height: 300px;
	}
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap img {
		min-height: 300px;
	}	
}

@media (max-width: 768px) {
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap {
		height: auto;
	}
	article.wpr-grid-item .wpr-grid-item-inner .wpr-grid-media-wrap .wpr-grid-image-wrap img {
		min-height: none;
	}	
}

/* Dual Buttons CTA - Work page */

.wpr-dual-button {
	gap: 20px;
} 

@media (max-width: 1000px) {
	.wpr-dual-button {
		gap: 10px;
    	flex-direction: column;
    	align-items: flex-end;
	} 	
}
@media (max-width: 768px) {
	.wpr-dual-button {
		gap: 20px;
    	flex-direction: row;
		align-items: center;
		justify-content: flex-start!important;
	} 	
}
@media (max-width: 500px) {
	.wpr-dual-button {
		gap: 10px;
    	flex-direction: column;
    	align-items: flex-end;
	} 
	.wpr-dual-button .wpr-button-a-wrap, .wpr-dual-button .wpr-button-b-wrap {
		max-width: 100%!important;
	}
}

/* Hide uncategorised from work filter */

li:has(> span[data-filter=".category-uncategorised"]) {
	display: none !important;
}

/* Filters for grid on mobile */

.wpr-grid-filters-dropdown {
  display: none;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
}

@media (max-width: 1025px) {
  .wpr-grid-filters-dropdown {
    display: block;
    margin-bottom: 12px;
  }

  .wpr-grid-filters {
    display: none !important;
  }
}


.elementor-widget-text-editor ul {
	margin-bottom: 15px;
}

/* Testimonials */
@media (max-width: 768px) {
	.wpr-testimonial-content-inner {
		    padding: 15px 50px 15px 50px!important;
	}
}
@media (max-width: 500px) {
	.wpr-testimonial-content-inner {
		    padding: 15px 30px 15px 30px!important;
	}
}

/* Load more */

a.wpr-load-more-btn {
	background-color: #799E1D!important;
    border-radius: 10px!important;
    padding: 12px 24px!important;
    font-size: 18px;
    font-family: 'Roboto Slab';
    font-weight: 500;
    text-transform: uppercase;
}
a.wpr-load-more-btn:hover {
	background-color: #273D1A!important;
}

.wpr-pagination-loading .wpr-double-bounce .wpr-child {
	background-color: #799E1D!important;
}

.single-post .wpr-grid-filters,
.single-post .wpr-grid-pagination,
.page-child  .wpr-grid-filters,
.single-post .wpr-grid-filters-dropdown,
.page-child  .wpr-grid-filters-dropdown {
	display: none!important;
}

.single-post .wpr-grid {
	margin-top: 30px;
}