/*
Theme Name: Paul Bradley, Ltd
Theme URI: http://paulbradleyltd
Author: Paul Bradley, Ltd
Author URI: http://paulbradleyltd
Description: Description
Version: 1.0.0
Tested up to: 8.0
Requires PHP: 8.0 +
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: paul-bradley-ltd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

a:focus,
input:focus-visible,
input:focus {
	outline: 0 auto -webkit-focus-ring-color;
}

a {
	text-decoration: none !important;
	transition: all 0.5s ease-in-out;
}

a:hover,
:hover {
	text-decoration: none !important;
	transition: all 0.5s ease-in-out;
}

.fa-phone,
.fa-phone-square {
	transform: rotate(90deg);
}

.form-select:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: unset;
}

ul li {
	list-style: none;
}


@font-face {
	font-family: 'AGaramondPro';
	src: url('../font/AGaramondPro-Regular.woff') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	/* Optional: improves loading behavior */
}

.header-section {
	font-family: 'AGaramondPro';
	padding: 70px 0 85px;
}

.nav-right .navbar-expand-lg .navbar-nav .nav-link {
	font-size: 20px;
	color: #4b4b4b;
}

.nav-right .navbar-expand-lg .navbar-nav .nav-item {
	padding-left: 0.8em;
}

.nav-right .navbar-expand-lg .navbar-nav {
	margin-top: 0.8em;
}

.nav-right .dropdown-item {
	font-size: 20px;
	color: #214821;
	padding-top: 7px;
	padding-bottom: 7px;
}

.nav-right .navbar-expand-lg .navbar-nav .dropdown-menu {
	padding: 0;
	border: 0;
	margin-left: -0.8em;
	background-color: #fff;
}

.nav-right .navbar-expand-lg .navbar-nav .dropdown-menu a {padding: 2.5px 7px;color: #214821;font-size: 19px;}


/* slider */

/* Style for carousel control buttons */
.carousel-control-prev,
.carousel-control-next {
	background-color: transparent;
	border: none;
	color: #444444;
	opacity: 0.8;
	transition: all 0.3s ease;
}

/* Hover effect for carousel control buttons */
.carousel-control-prev:hover,
.carousel-control-next:hover {
	color: #444444;
	opacity: 1;

}

/* Style for the control icons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(90%);
}

/* Hover effect for the control icons */
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
	filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}


/* home-section */
.home-section {
	padding: 70px 0 230px;
}

.home-section h1 {
	font-size: 44px;
	color: #6f6f6f;
	font-family: "PT Serif", serif;
	padding-bottom: 90px;
}

.home-section p {
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
	font-size: 15px;
}

/* footer-section */

.footer-section .row {
	border-top: 1px solid #dadada;
	padding: 60px 0;
}

.footer-left {
	font-size: 15px;
	font-family: "Merriweather", serif;
	color: #535353;
}


/* about-section */
.about-section {
	padding: 70px 0 150px;
}

.about-section h1 {
	font-size: 44px;
	color: #6f6f6f;
	font-family: "PT Serif", serif;
	padding-bottom: 40px;
}

.about-section p {
	font-size: 15px;
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
}

/*  contact-section*/
.contact-section {
	padding: 0 0 130px;
}

.map {
	height: 500px;
	filter: grayscale(100%);
}

.contact-section p,
.contact-section a {
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
	font-size: 15px;
}

.contact-section a:hover {
	color: #000000;
}

.contact-section hr {
	border-top: 1px solid #979797;
	margin: 40px 0 50px;
}

/* research-section */
.research-section {
	padding: 0 0 200px;
}

/* Custom Owl Carousel Navigation & Dots */


.research-left .owl-theme .owl-dots {
	margin-top: 1.5em !important;
	text-align: center;
}

.research-left .owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.research-left .owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 1em;
	background: #d6d6d6;
	display: block;
	transition: opacity 200ms ease;
	border-radius: 50%;
}

.research-left .owl-theme .owl-dots .owl-dot span:hover {

	background: #000000;

}


.research-left .owl-theme .owl-nav [class*=owl-]:hover {
	background: #86979100 !important;
	color: #000000 !important;
	text-decoration: none;
}

/* Custom Owl Carousel Navigation Arrows */
.research-left .owl-nav {
	display: block !important;
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	pointer-events: none;
	/* Allows clicks to pass through empty spaces */
	margin-top: 2.4em !important;
}

.research-left .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: block !important;
}

.research-left .owl-prev,
.research-left .owl-next {

	pointer-events: auto;
	/* Re-enable clicks on buttons */

	color: #cccccc !important;
	font-size: 24px !important;
	line-height: 0px !important;
	text-align: center;
	box-shadow: 0 2px 5px rgb(0 0 0 / 0%);
	transition: all 0.3s ease;
	margin: 2.5em !important;
}

.research-left .owl-prev:hover,
.research-left .owl-next:hover {
	background: #cccccc !important;
	color: #fff !important;
	border-color: #cccccc !important;
}

.research-left .owl-prev {
	left: 0;
}

.research-left .owl-next {
	right: 0;
}

.research-left .owl-prev span,
.research-left .owl-next span {
	display: block;
	position: relative;
	top: -1px;
}

.research-right h5 {
	font-size: 19px;
	font-family: "Merriweather", serif;
	color: #444444;
	font-weight: 700;
	padding-bottom: 10px;
}

.research-right p {
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
	font-size: 15px;

}

/* drawing-section */
.drawing-section {
	padding: 0px 0 150px;
}

/* category-section  */

.category-section {
	padding: 0px 0 150px;

}

.image-container {
	position: relative;
	display: inline-block;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	/* Ensures the overlay doesn't exceed container */
}

.image-container img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.5s ease-in-out;
}

 

.image-container {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.image-container img {
	width: 100%;
	height: auto;
	display: block;
	transition: filter 0.5s ease;
}

.overlay-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    background: rgb(255 255 255 / 83%);
	color: #565656;
	font-family: "PT Serif", serif;
	font-size: 22px;
	opacity: 0;
	transition: opacity 0.5s ease;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.image-container:hover .overlay-text {
	opacity: 1;
}

.image-container:hover img {
	filter: brightness(0.7);
	/* Slightly darken image on hover */
}


.nav-right .nav-link:hover,
.current_page_item a {
	color: #214821 !important;
	transition: all 0.5s ease-in-out;

}


.cateroy-secton-text h1 {
	font-size: 38px;
	color: #6f6f6f;
	font-family: "PT Serif", serif;

}

.cateroy-secton-text p {
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
	font-size: 15px;
}

/* single-section */
.single-section {
	padding: 0 0 50px;
}


.single-carousel.owl-theme .owl-dots {
	margin-top: 2.4em;
	text-align: center;
}

.single-carousel.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}


.single-carousel.owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 1em;
	background: #d6d6d6;
	display: block;
	transition: opacity 200ms ease;
	border-radius: 50%;
}

.single-carousel.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent !important;
	color: #000000 !important;
	text-decoration: none;
}

.single-carousel.owl-theme .owl-dots .owl-dot span:hover {

	background: #000000;

}

/* Custom Owl Carousel Navigation Arrows */
.single-carousel .owl-nav {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	pointer-events: none;
	/* Allows clicks to pass through empty spaces */
	margin-top: 3.2em !important;
}

.single-carousel .owl-prev,
.single-carousel .owl-next {
	pointer-events: auto;
	color: #cccccc !important;
	font-size: 24px !important;
	line-height: 0px !important;
	text-align: center;
	box-shadow: 0 2px 5px rgb(0 0 0 / 0%);
	transition: all 0.3s ease;
	/* margin: 0 8em 0 10em !important; */
	margin-top: -0.46em !important;
}

.single-carousel .owl-prev:hover,
.single-carousel .owl-next:hover {
	background: #cccccc !important;
	color: #fff !important;
	border-color: #cccccc !important;
}

.single-carousel .owl-prev {
	left: 40% !important;
	position: absolute;
	top: 1px;
}

.single-carousel .owl-next {
	right: 40% !important;
	position: absolute;
	top: 1px;

}

.single-carousel .owl-prev span,
.single-carousel .owl-next span {
	display: block;
	position: relative;
	top: -1px;
}

.single-section h1 {
	font-size: 38px;
	color: #6f6f6f;
	font-family: "PT Serif", serif;
	padding-bottom: 40px;
}


.single-section p {
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
	font-size: 15px;
}

.single-right {
	border-left: 1px solid #636363;
}

.single-right h4 {
	font-size: 19px;
	font-family: "Merriweather", serif;
	color: #444444;
	font-weight: 700;


}

.single-right p {
	color: #444444;
	font-family: "Merriweather", serif;
	line-height: 30px;
	font-size: 15px;
	padding-bottom: 15px;
}

.back-section {
	padding-top: 140px;
	padding-bottom: 70px;
}

.back-section a {
	font-size: 18px;
	font-family: "PT Serif", serif;
	color: #444444;
	font-weight: 600;
}

.back-section a:hover {
	color: #000000;
}


.nav-link:focus-visible {

	box-shadow: unset;
}

.mobile-menu .container {
	background: #f0f0f0;
	position: relative;
	overflow: hidden;
	width: 375px;
	height: 600px;
	margin: 50px auto 0;
	box-shadow: 0 0 50px 10px #aaa;
}

.mobile-menu .container .header {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}


/* End container/placeholder */

/* Menu Header */
.header {
left:0;
	overflow: hidden;
	height: 55px;
	width: 100%;
	z-index: 1;
	position: absolute;
	transition: all 0.4s ease-out, background 1s ease-out;
}

.header.menu-open {
	z-index: 100;
	left: 0;
	height: auto;
	background: #fff;
	transition: all 0.45s ease-out, background 0.8s ease-out;
}

#menu-main-menu {
	padding: 0 15px;
}

/* Menu List items */
.mobile-menu {
	margin-top: 4em;
	clear: both;
}

.mobile-menu .nav-link {
	font-size: 20px;
	color: #4b4b4b;
}

.header ul.menu {
	position: relative;
	display: block;
	padding: 0px 40px 0;
	list-style: none;
}

.header ul.menu li.menu-item a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 2.8;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}

.header ul.menu li.menu-item {
	border-bottom: 1px solid #333;
	margin-top: 5px;
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.header ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.35s;
}

.header ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.3s;
}

.header ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.25s;
}

.header ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}

.header ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.15s;
}

.header ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.1s;
}

.header ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.05s;
}

.header.menu-open ul.menu li.menu-item {
	opacity: 1;
}

.header.menu-open ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.05s;
}

.header.menu-open ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.1s;
}

.header.menu-open ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.15s;
}

.header.menu-open ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}

.header.menu-open ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.25s;
}

.header.menu-open ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.3s;
}

.header.menu-open ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.35s;
}

/* Menu Icon */
.icon-container {
	position: absolute;
	display: inline-block;
	z-index: 2;
	/* height: 55px; */
	/* width: 55px; */
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	right: 0;
	left: 0;
	top: 1em;
}

.icon-container #menuicon {
	width: 20px;
	height: 10px;
	position: relative;
	display: block;
	margin: -4px auto 0;
	top: 50%;
}
.nav-right .dropdown-toggle::after {
		display: none;
		 
	}


.navbar .nav-item .dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
	  width:250px;
  }
  
  /* Optional: Add animation for smoother appearance */
  .navbar .dropdown-menu {
    margin-top: 0;
  }
  
  /* Optional: Style for better hover experience */
  .navbar .nav-item.dropdown:hover > .nav-link {
    color: rgba(0, 0, 0, 0.7);
  }

/*mobile*/

@media only screen and (max-width: 767px) {

	.sidenav {
		display: block;

	}

	.navbar-nav .dropdown-menu {

		padding: 10px 25px;
		width: 100%;
	}

	.dropdown-toggle::after {

		display: inline-block;
		margin-left: 1.255em;
		vertical-align: 0.1em;
	}

	.header-section {
		padding: 30px 0 60px;
	}

	.home-section h1,
	.about-section h1,
	.single-section h1 {
		font-size: 30px;
		padding-bottom: 20px;
		padding-top: 30px;
	}

	.footer-section .row {

		padding: 35px 0 20px;
	}

	.home-section,
	.about-section,
	.category-section {
		padding: 0px 0 70px;
	}

	.drawing-section,
	.single-section,
	.research-section {
		padding: 0 0 70px;
	}

	.contact-section {
		padding: 0 0 50px;
	}

	.map {
		height: 300px;
	}

	.single-right p {

		padding-bottom: 5px;
	}

	.back-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.owl-theme .owl-nav [class*=owl-] {
		color: #FFF;
		font-size: 14px;
		margin: 5px -3em;
		padding: 4px 7px;
		background: #D6D6D6;
		display: inline-block;
		cursor: pointer;
		border-radius: 3px;
	}

	.research-right h5 {
		padding-top: 35px;

	}
.nav-right .dropdown-toggle::after {
		display: inline-block;
		 
	}


}

/*vertical*/

@media screen and (min-width: 768px) and (max-width: 991px) {

	.sidenav {
		display: block;

	}
	.nav-right .dropdown-toggle::after {
		display: inline-block;
		 
	}

	.sidenav .navbar-nav .dropdown-menu {

		width: 100%;
	}

	.nav-right .dropdown-toggle::after {
		display: inline-block;
		right: 0;
		text-align: right;
		float: right;
		margin: 10px;
		font-size: 20px;
	}

	.nav-web {
		display: none;
	}

	.nav-right .d-sm-none {
		display: block !important;
	}


	.open-nav {

		top: 2.3em;

	}


	.home-section h1 {
		font-size: 36px;

		padding-bottom: 60px;
	}

	.home-section,
	.drawing-section,
	.single-section,
	.about-section,
	.category-section,
	.contact-section,
	.research-section {
		padding: 0 0 70px;
	}

	.back-section {
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.nav-right .dropdown-toggle::after {
		display: inline-block;

	}


}

/*landscape*/

@media (min-width: 992px) and (max-width: 1199px) {
	.home-section h1 {
		font-size: 36px;

		padding-bottom: 60px;
	}

	.home-section {
		padding: 70px 0;
	}

	.nav-right .navbar-expand-lg .navbar-nav .nav-link {
		font-size: 16px;

	}

	.nav-right .navbar-expand-lg .navbar-nav {
		margin-top: 1.5em;
	}

	.nav-right .navbar-expand-lg .navbar-nav .nav-item {
		padding-left: 0.2em;
	}

	.nav-right .navbar-expand-lg .navbar-nav .dropdown-menu {

		width: 200px;

	}
}

/*large*/

@media (min-width: 1400px) {}