/* =================================================================== */
/* ADA / Accessibility: skip link and focus visible
====================================================================== */
.skip-link { position: absolute; top: -3.5rem; left: 0; background: #db4a2b; color: #fff; padding: 0.5rem 1rem; z-index: 10000; text-decoration: none; font-size: 1rem; }
.skip-link:focus { top: 0; outline: 2px solid #fff; outline-offset: 2px; }
/* ADA: visible focus for keyboard users - override template outline:none */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible,
.custom-button:focus-visible, .form-control:focus-visible, .input-field:focus-visible, .custom-input-field:focus-visible,
.btn-signup:focus-visible, .btn-webinar:focus-visible, .join-button:focus-visible,
.chat-input:focus-visible, .webinar-input:focus-visible, .webinar-textarea:focus-visible, .webinar-submit-btn:focus-visible,
.navbar-toggler:focus-visible { outline: 2px solid #db4a2b !important; outline-offset: 2px; }

/* =================================================================== */
/* wholtra #db4a2b
====================================================================== */
h1 > span,
.projectmanager h3,
.projectmanager li a,
body.blog-page article h4:hover,
.testimonials #quote-carousel h5,
.services-box-item-content:before,
.services-box-item-content h2,
.services-box-item-content h2 a.service-link,
.social-icons ul li a:before,
.info-map-boxes-item:before,
.info-map-boxes-item h1,
.info-map-boxes-item a,
.about ul.nav.nav-tabs li a.active,
.services-box-item-cover:before,
.services-box-item-cover:after,
#back-top span:before,
.comments-list .comment-reply,
.blog .blog-content .blog-excerpt .meta a,
.blog .blog-content .blog-excerpt span i, .blog-page .blog-content  span i,
.blog-post .banner .content .top-text h4 i,
.blog-post .post-author a,
.blog-page .meta a,
.blog-page .sidebar .widget:not(.widget-tags) ul li a:hover,
.blog-post .blog-content .comment-reply-link,
.videopromotion a i,
.fact-badges h2 span,
.header-fixed .nav-menu ul.nav-menu-inner li a.current,
span.heart,
.nav-menu-icon.active a, .nav-menu-icon a.active, .nav-menu-icon:hover a, .nav-menu-icon a:hover, .nav-menu ul.nav-menu-inner li.active a, .nav-menu ul.nav-menu-inner li a.active, .nav-menu ul.nav-menu-inner li:hover a, .nav-menu ul.nav-menu-inner li a:hover, .header-fixed .nav-menu ul.nav-menu-inner li a.current, .header-fixed .nav-menu ul.nav-menu-inner li.current a
body.dark .nav-menu-icon.active a, body.dark .nav-menu-icon a.active, body.dark .nav-menu-icon:hover a, body.dark .nav-menu-icon a:hover, body.dark .nav-menu ul.nav-menu-inner li.active a, body.dark .nav-menu ul.nav-menu-inner li a.active, body.dark .nav-menu ul.nav-menu-inner li:hover a, body.dark .nav-menu ul.nav-menu-inner li a:hover, body.dark .header-fixed .nav-menu ul.nav-menu-inner li a.current, body.dark .header-fixed .nav-menu ul.nav-menu-inner li.current a,
.btn-wrapper a,
.latest-post .post-title a:hover,
body.dark .latest-post .post-title a:hover {
    color: #db4a2b;
}
.services-box-item-content h2 a.service-link {
    text-decoration: none;
}
.services-box-item-content h2 a.service-link:hover {
    text-decoration: underline;
}
.banner .breadcrumb>li a:hover,
.custom-colorRotatingWords,
.team .social-icons ul.social li a:hover,
.team .social-icons ul.social li a:hover:before {
	color: #db4a2b !important;
}
.latest-post .post-date,
.custom-button,
.portfolio .nav-pills li:hover,
.portfolio .nav-pills li.active,
#back-top a:hover,
.social-icons ul li a:hover,
.custom-input-label::before,
.testimonials #quote-carousel .carousel-indicators .active,
.custom-form-group  .input-group .input-group-addon,
.submit-form button,
.blog-page ul.pagination li.active a,
.blog-page ul.pagination li.active a:hover,
body.dark.blog-page ul.pagination li.active a,
body.dark.blog-page ul.pagination li.active a:hover,
body.double-diagonal .about::before, 
body.double-diagonal .services::before, 
body.double-diagonal .portfolio::before,
body.double-diagonal .team::before,
body.double-diagonal .blog::before,
body.double-diagonal .contact::before,
body.double-diagonal .logos::before,
.team-member:hover .team-member-caption,
.btn-wrapper a:hover,
.widget-tags ul > li a:hover  {
    background-color: #db4a2b;
}
.widget-tags ul > li a:hover {
	border:1px solid #db4a2b;
}
.about-right-side .full-image-container.hovered:before  {
	border-left: 5px solid #db4a2b;
}
.projectmanager blockquote,
#quote-carousel .carousel-indicators .active {
    border-color: #db4a2b;
}
.blog-page ul.pagination li.active a, body.dark.blog-page ul.pagination li.active a  {
	border-color: #db4a2b;
}
.projectmanagerpicture {
    border: 12px solid #db4a2b;
}
.portfolio .nav-pills li {
    border: 2px solid #db4a2b;
}
#back-top a {
    border: 2px solid #db4a2b;
}
.blog-page .banner .content .top-text hr {
	border-top:5px solid #db4a2b;
}
.portfolio .caption h3 {
	border-left: 3px solid #db4a2b;
}
.team-member-caption {
	border-top: 3px solid #db4a2b;
}
.social-icons ul.social-icons-team li a {
	border: 2px solid #db4a2b;
}
.social-icons ul li a{
    border: 3px solid #db4a2b;
}
.footer .social-icons ul li a {
    border: 2px solid #db4a2b;
}
.footer {
    border-top: 2px solid #db4a2b;
}
.social-icons ul.social-icons-team li a,
.about .about-right-side:before {
    border: 2px solid #db4a2b;
}
.preloader .loader {
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
body.dark .preloader .loader {
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
.btn-wrapper a {
	border: 5px solid #db4a2b;
}
.rtl-version .about-right-side .full-image-container.hovered:before {
	border-right: 5px solid #db4a2b;
	border-left:0;
}
.rtl-version .projectmanager blockquote {
	border-left: none;
    border-right: 5px solid #db4a2b;
}
.rtl-version .portfolio .caption h3 {
	border-right: 3px solid #db4a2b;
}
body.double-diagonal .about.safari::before {
	background-image: url(../../img/safari-separators/separator-wholtra.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
@media (max-width:767px){
	.social-icons ul li a {
		border: 2px solid #db4a2b;
	}
	.about-right-side .full-image-container.hovered:before  {
		border-top: 5px solid #db4a2b;
		border-left:none;
	}
	.rtl-version .about-right-side .full-image-container.hovered:before {
		border-right:none;
	}
}
@media (max-width:576px){
	.about ul.nav.nav-tabs li a.active {
		background :#db4a2b;
		color:#fff;
	}
}

/* Blog listing page: make links white on dark background */
body.blog-page section.blog .content a,
body.blog-page section.blog .content a:visited {
	color: #fff;
}

body.blog-page section.blog .content a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Service pages: How it works h3 over image – white, bolder, centered */
.projectmanager.services h3 {
	color: #fff !important;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-align: center;
}

/* Service pages: What you get / grey section h3 – white, centered */
.about .about-content h3 {
	color: #fff !important;
	text-align: center;
}

/* Service pages: static cards only in image-background sections (projectmanager services), no flip */
/* row gap so 3 cards stay in one row with 10px between */
body.service-page .projectmanager.services .about-content {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 -5px;
}
body.service-page .projectmanager.services .about-content > [class*="col-"] {
	background: #e4e2dd;
	border-radius: 7px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.15);
	padding: 30px 24px;
	margin-top: 10px;
	margin-bottom: 0;
	min-height: 1px;
	flex: 1 1 calc((100% - 20px) / 3);
	max-width: calc((100% - 20px) / 3);
}
@media (max-width: 991px) {
	body.service-page .projectmanager.services .about-content > [class*="col-"] {
		flex: 1 1 100%;
		max-width: 100%;
	}
}
body.service-page .projectmanager.services .about-content > [class*="col-"] h3 {
	margin-top: 0;
	margin-bottom: 12px;
	color: #db4a2b !important;
	font-weight: 400;
	text-shadow: none;
}
body.service-page .projectmanager.services .about-content > [class*="col-"] p {
	margin: 0;
	line-height: 1.5;
	font-size: 14px;
	color: #707b7b;
}

/* Desktop: header logo higher and bigger – align content to top so no negative positioning */
@media (min-width: 768px) {
	#header.header .header-inner,
	#header.header .header-inner .navbar {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
	}
	#header.header .header-inner {
		padding-top: 8px;
	}
	#header.header .nav-menu {
		margin-left: auto;
		display: flex;
		justify-content: flex-end;
	}
	#header.header .nav-menu .nav-menu-inner {
		margin-left: auto !important;
	}
	#header.header .logo a {
		width: 200px !important;
		max-width: none !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

/* Logo: preserve aspect ratio, prevent squishing on mobile */
#header .logo a img,
.preloader .logopreloader img {
	object-fit: contain;
	height: auto;
}

/* Mobile: center header logo, closer to top, bigger; taller header bar */
@media (max-width: 767px) {
	#header.header {
		position: relative;
		height: 85px !important;
		min-height: 85px !important;
	}
	#header.header .logo {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		width: 230px !important;
		margin: 0 auto !important;
		float: none !important;
		top: 0 !important;
	}
	#header.header .logo a {
		width: 100% !important;
		margin: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	/* keep hamburger on the right */
	#header.header .navbar {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}
	/* dropdown menu below taller header */
	#header.header .nav-menu {
		top: 85px !important;
	}
}