/*
Theme Name: TAI Mod
Theme URI: https://tarci.com
Description: TAI custom
Author: TAI
Author URI: https://tarci.com
Version: 1.3
Text Domain: brok
Template: brok
*/

/*
b90909 red
*/

/****************************** Cursor */
/* Cursor */
body {
    cursor: url('cursor/cursor-dot-dark.svg') 7 7, url('cursor/cursor-dot-dark.png') 7 7, auto;
}
/* Logo */
#qodef-page-header-inner a.qodef-header-logo-link {
	cursor: url('cursor/cursor-dot-dark-rect.svg') 3 3, url('cursor/cursor-dot-dark-rect.png') 3 3, auto;
}
/* Custom Cursor Class */
body a.tarci-project.cursor-arrow {
    cursor: url('cursor/cursor-arrow-diag-circ.svg') 21 21, url('cursor/cursor-arrow-diag-circ.png') 21 21, auto;
}
/* Primary Navigation */
.qodef-header-navigation .menu-item a {
    cursor: url('cursor/cursor-dot-dark.svg') 7 7, url('cursor/cursor-dot-dark.png') 7 7, auto;
}

/* Wide menu */
.qodef-drop-down-second li a[href]:not([href="#"]) {
    cursor: url('cursor/cursor-dot-hover.svg') 11 11, url('cursor/cursor-dot-hover.png') 11 11, auto;
}
.qodef-drop-down-second {
    cursor: url('cursor/cursor-dot-active.svg') 7 7, url('cursor/cursor-dot-active.png') 7 7, auto;
}
.qodef-drop-down-second li a[href^="#"] {
/*     cursor: default; */
}

/* Home Footer buttons */
.elementor-widget-brok_core_button a.qodef-button {
    cursor: url('cursor/cursor-arrow-diag-right.svg') 7 7, url('cursor/cursor-arrow-diag-right.png') 7 7, auto;
}
/* Custom cursor on real links */
.qodef-e-media-image a[href]:not([href="#"]) {
    cursor: url('cursor/cursor-arrow-diag-circ.svg') 21 21, url('cursor/cursor-arrow-diag-circ.png') 21 21, auto;
}
/* Default cursor on dummy links */
.portfolio-item.has-dummy-link a[href="#"] {
    cursor: url('cursor/cursor-dot-dark.svg') 7 7, url('cursor/cursor-dot-dark.png') 7 7, auto;
}

/* Single project */
body.portfolio-item-template-default.single {
	cursor: url('cursor/cursor-dot-dark.svg') 7 7, url('cursor/cursor-dot-dark.png') 7 7, auto;
}
/* Single project - Navigation */
body.portfolio-item-template-default.single a.qodef-m-nav.qodef--prev:hover,
body.portfolio-item-template-default.single a.qodef-m-nav.qodef--back-link:hover,
body.portfolio-item-template-default.single a.qodef-m-nav.qodef--next:hover {
	cursor: url('cursor/cursor-dot-active.svg') 7 7, url('cursor/cursor-dot-active.png') 7 7, auto;
}
/* Single project - Popup */
.qodef-popup-gallery a[href]:not([href="#"]) {
    cursor: url('cursor/cursor-arrow-diag-circ.svg') 21 21, url('cursor/cursor-arrow-diag-circ.png') 21 21, auto;
}
/* Single project - Popup gallery click off to close */
div.mfp-container.mfp-s-ready.mfp-image-holder {
	cursor: url('cursor/cursor-close.svg') 21 21, url('cursor/cursor-close.png') 21 21, auto;
}

/* Single Project Popup Gallery (has arrows) → next cursor */
.mfp-container:has(.mfp-arrow) img.mfp-img {
    cursor: url('cursor/cursor-right-circ.svg') 21 21, url('cursor/cursor-right-circ.png') 21 21, auto;
}
/* Single Project Popup Gallery (no arrows) → end cursor */
.mfp-container:not(:has(.mfp-arrow)) img.mfp-img {
    cursor: url('cursor/cursor-end.svg') 21 21, url('cursor/cursor-end.png') 21 21, auto;
}
/* Single Project catergory gallery */
.portfolio-category-gallery a.qodef-e-title-link {
	cursor: url('cursor/cursor-dot-active.svg') 7 7, url('cursor/cursor-dot-active.png') 7 7, auto;
}

a[href]:not([href="mailto"]) {
    cursor: url('cursor/cursor-dot-active.svg') 7 7, url('cursor/cursor-dot-active.png') 7 7, auto;
}
#tai-form .wpforms-container .wpforms-form .wpforms-submit:hover {
    cursor: url('cursor/cursor-dot-light.svg') 7 7, url('cursor/cursor-dot-light.png') 7 7, auto;
}
footer {
    cursor: url('cursor/cursor-dot-light.svg') 7 7, url('cursor/cursor-dot-light.png') 7 7, auto;
}
footer a:hover {
    cursor: url('cursor/cursor-dot-light-hover.svg') 7 7, url('cursor/cursor-dot-light-hover.png') 7 7, auto;
}

/****************************** Logo hover effect */
#qodef-page-header .qodef-header-logo-link.qodef-source--textual {
	transition: 1s;
}
#qodef-page-header .qodef-header-logo-link.qodef-source--textual:hover {
	color: #b90909;
	letter-spacing: 5px;
}

/****************************** Top-level nav underline animation */
#qodef-page-wrapper nav.qodef-header-navigation>ul>li.current-menu-item>a>span::before,
#qodef-page-wrapper nav.qodef-header-navigation>ul>li>a>span::before {
	background-color: transparent;
}
.qodef-header-navigation > .menu > li > a .qodef-menu-item-text {
	position: relative;
	display: inline-block;
	padding: 2px 0;
}
.qodef-header-navigation > .menu > li > a .qodef-menu-item-text::after {
	content: "";
	position: absolute;
	left: 0;                /* start right at the text edge */
	bottom: -4px;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width .3s ease;
}
.qodef-header-navigation > .menu > li:hover > a .qodef-menu-item-text::after,
.qodef-header-navigation > .menu > li.current-menu-item > a .qodef-menu-item-text::after {
	width: 100%;
}

/****************************** Wide menu */
#qodef-page-header .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner>ul {
    justify-content: space-between;
    padding: 32px 0 40px;
}
/****************************** Wide menu project indicator */
.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-item.menu-item-type-custom a {
	color: #fff;
}
.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-item.menu-item-type-custom a {
	padding: 0;
}
.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-item.menu-item-type-custom span svg {
	display: none;
}

.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-item:not(.menu-item-type-custom) a::after {
	content: "";
	display: inline-block;
	font-size: 1.125rem;
	width: 1em;
	height: 1em;
/* 	width: 0.425em; */
/* 	height: 0.425em; */
	margin-left: -0.25em;
	vertical-align: middle;
	position: relative;
	top: 0.25em;

	/* Use mask so arrow follows text color */
	background-color: #e20000;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
}

.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-legend.menu-item.menu-item-type-custom a::before {
	content: "";
	display: inline-block;
	font-size: 1.125rem;
	width: 1em;
	height: 1em;
	margin-left: -0.5em;
	margin-right: 0.375em;
	vertical-align: middle;
	position: relative;
	top: 0.25em;

	/* Use mask so arrow follows text color */
	background-color: #e20000;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
}

.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-legend.menu-item.menu-item-type-custom a {
	color: #ff0000;
	font-size: 0.75rem;
    top: 5px;
    cursor: url('cursor/cursor-dot-active.svg') 7 7, url('cursor/cursor-dot-active.png') 7 7, auto;
}
.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-legend.menu-item.menu-item-type-custom a:hover {
	padding: 0;
}
.qodef-header-navigation > ul > li.qodef-menu-item--wide .qodef-drop-down-second ul li ul li.menu-legend.menu-item.menu-item-type-custom span svg {
	display: none;
}

/****************************** Typography */
p.tai-top-header {
	font-family: 'Montserrat', sans-serif;
	font-size: .625rem;
	font-weight: 700;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}
#qodef-page-content .tai-main h1 {
	font-size: clamp(2rem, 1.7917rem + 1.0417vw, 2.625rem);
	line-height: 1.1;
	color: #b90909;
}
#qodef-page-content .tai-projects h1 {
	font-size: clamp(1.625rem, 1.7935rem + -0.2174vw, 1.75rem);
	line-height: 1.1;
	color: #222;
}
#qodef-page-content .tai-main h2 {
/* 	clamp(1.25rem, 1.4167rem + -0.2083vw, 1.375rem); */
	font-size: clamp(1.125rem, 1.2935rem + -0.2174vw, 1.25rem);
	line-height: 1.2;
	letter-spacing: 0.02rem;
}
#qodef-page-content .tai-contact h1 {
	font-size: clamp(1.25rem, 1.2065rem + 0.2174vw, 1.375rem);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.02rem;
	color: #000;
}
#qodef-page-content .tai-contact h2 {
	font-size: clamp(1.125rem, 1.2935rem + -0.2174vw, 1.25rem);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.02rem;
	color: #000;
}
#qodef-page-content .tai-contact h3 {
/* 	clamp(1.25rem, 1.4167rem + -0.2083vw, 1.375rem); */
	font-size: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.02rem;
}
#qodef-page-content .tai-contact h4 {
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02rem;
	color: #000;
}
#qodef-page-content p {
	font-size: clamp(1rem, 1.1667rem + -0.2083vw, 1.125rem);
	line-height: 1.5;
}

#qodef-page-content .text-over-image h2 {
	color: #fff;
	font-size: clamp(1.875rem, 1.2228rem + 3.2609vw, 3.75rem);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
#qodef-page-content .text-over-image-lg h2 {
	color: #fff;
	font-size: clamp(1.875rem, 1.2228rem + 3.2609vw, 3.75rem);
	line-height: 1.2;
	font-weight: 600;
	text-transform: uppercase;
/* 	letter-spacing: 0.02em; */
}
sr7-module h2.sr7-layer.text-over-image-lg {
	color: #fff;
/* 	font-size: clamp(2.5rem, 1.2826rem + 6.087vw, 6rem) !important; */
	font-size: clamp(1.875rem, 1.2228rem + 3.2609vw, 3.75rem) !important;
	line-height: 1.1 !important;
	font-weight: 600;
	text-transform: uppercase;
/* 	letter-spacing: 0.02em; */
}


/****************************** Icon List */
.tai-icon-list .elementor-icon-list-text {
	font-size: clamp(1rem, 1.1685rem + -0.2174vw, 1.125rem);
}

/****************************** Portfolio List */
.tai-portfolio-list .qodef-e-bottom-holder {
	display: none;
}
body .qodef-e-info>* {
	color: #333;
	font-style: normal;
	font-weight: 400;
}
.tai-portfolio-list h5 {
	font-size: 0.825rem;
	letter-spacing: 0.02em;
}
.tai-portfolio-list.qodef-grid.qodef-gutter--tiny>.qodef-grid-inner>.qodef-grid-item {
	margin: 0 0 2.5rem;
}
#qodef-page-content .tai-gallery-legend p {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #b90909;
}
.tai-gallery-legend p::before {
	content: "";
	display: inline-block;
	font-size: 1.125rem;
	width: 1em;
	height: 1em;
	margin-left: -0.4em;
	margin-right: 0.375em;
	vertical-align: middle;
	position: relative;
	top: 0.0875em;

	/* Use mask so arrow follows text color */
	background-color: #b90909;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
}

.tai-portfolio-list .qodef-grid-item h5 a[target="_blank"]::after {
	content: "";
	display: inline-block;
	font-size: 1.125rem;
	width: 1em;
	height: 1em;
/* 	width: 0.425em; */
/* 	height: 0.425em; */
	margin-left: -0.375em;
	vertical-align: middle;

	/* Use mask so arrow follows text color */
	background-color: #000;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 19 L19 5 L19 12 L21 12 L21 3 L12 3 L12 5 L19 5 L5 19 Z"/></svg>') no-repeat center / contain;
}
.tai-portfolio-list .qodef-grid-item h5 a[target="_blank"]:hover::after {
	background-color: #b90909;
}
.tai-portfolio-list .qodef-grid-item .qodef-e-inner:hover h5 a[target="_blank"]::after {
    background-color: #b90909;
}
.tai-portfolio-list .qodef-grid-item .qodef-e-inner:hover h5 a[target="_blank"] {
    color: #b90909;
}
.qodef-item-layout--info-below.qodef-hover-animation--clip article:hover .qodef-e-media-image:has(a[href="#"]) {
    clip-path: inset(0px);
}
/* Firefox support */
.qodef-item-layout--info-below.qodef-hover-animation--clip article.has-dummy-link:hover .qodef-e-media-image {
    clip-path: inset(0px);
}

/****************************** Portfolio Single */
body.single-portfolio-item #qodef-page-outer {
	margin-top: clamp(1.25rem, 1.0326rem + 1.087vw, 1.875rem) !important;
}
body.single-portfolio-item #qodef-page-content .qodef-portfolio-single.qodef-layout--images-small .qodef-portfolio-title {
    font-size: 30px;
	margin: 0 0 20px;
}
body.single-portfolio-item #qodef-page-content .qodef-portfolio-info .qodef-e.qodef-info--date {
	display: none !important;
}
body.single-portfolio-item #qodef-page-content .qodef-portfolio-info .qodef-e.qodef-info--social-share {
	display: none;
}

/* Close SVG hover animation */
.qodef--back-link svg {
	transition: transform 0.5s ease-in-out, fill 0.5s ease-in-out;
	transform-origin: center;
}
.qodef--back-link:hover svg {
	transform: scale(1.2) rotate(180deg);
}
.qodef--back-link:hover svg rect {
	fill: #b90909;
}

.single-portfolio-item .qodef-e.qodef-info--category {
    display: none;
}
#qodef-portfolio-single-related-items .qodef-e-info {
    display: none;
}
/* Related projects */
.qodef-e-bottom-holder .qodef-e-info {
	display: none;
}

/****************************** Contact */
.map-btn a {
	font-size: 0.75rem;
	font-weight: 700;
	color: #777;
    text-transform: uppercase;
	background-color: #fff;
    border: 1px solid #999;
    padding: 8px 12px;
}
.map-btn a:hover {
	color: #fff;
    background-color: #000;
    border: 1px solid #000;
}

/****************************** Underline anim */
.underline-anim a {
	position: relative;
	text-decoration: none;
	color: inherit;
}
.underline-anim a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0;
	height: 2px;
	background: currentcolor;
	transition: width 0.3s ease;
}
.underline-anim a:hover::after {
	width: 100%;
}

/****************************** Slider Revolution */
sr7-module {
	cursor: grab !important;
}
sr7-module.grabbing {
	cursor: grabbing !important;
}
p.tai-footer {
	font-size: 0.813rem;
	font-weight: 500;
}

/****************************** wpForms */
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #dcf2ff;
    border: 1px solid #000000;
}

/* WPForms submit button override – with hover */
#tai-form .wpforms-container .wpforms-form button[type="submit"],
#tai-form .wpforms-container .wpforms-form .wpforms-submit {
	all: unset;
	display: inline-block;
	box-sizing: border-box;
	padding: 16px 22px;
	background: #222 !important;
	color: #fff !important;
	font: 600 1rem/1.4 sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease !important;
	vertical-align: middle !important;
}
#tai-form .wpforms-container .wpforms-form button[type="submit"]:hover,
#tai-form .wpforms-container .wpforms-form .wpforms-submit:hover {
	background: #b90909 !important;
	color: #fff !important;
}

#tai-form div.wpforms-container-full:not(:empty) {
    margin: 0px auto;
}
#tai-form div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder {
	opacity: 1;
}
#tai-form div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable {
	color: #000;
}

#tai-form div.wpforms-container-full ::-webkit-input-placeholder {
	color: #777;
	opacity: 1;
}
#tai-form .wpforms-container :-moz-placeholder {
	color: #777;
	opacity: 1;
}
#tai-form .wpforms-container ::-moz-placeholder {
	color: #777;
	opacity: 1;
}
#tai-form .wpforms-container :-ms-input-placeholder {
	color: #777;
	opacity: 1;
}
#tai-form div.wpforms-container-full ::placeholder {
	color: #777;
	opacity: 1;
}

/****************************** HTML Sitemap */
.tai-sitemap ul{
	list-style: none;
}
.tai-sitemap ul li a {
	display: inline-block;
	padding: 0 0 0.25rem 0;
	transition: 200ms;
}
.tai-sitemap ul li a:hover {
	padding-left: 1rem;
}
.sitemap-portfolio a::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: -1px;
    
    /* SVG as mask */
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 4H12V12" stroke="black" stroke-width="2" fill="none" stroke-linecap="round"/></svg>') no-repeat center / 80%;
-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4 4H12V12" stroke="black" stroke-width="2" fill="none" stroke-linecap="round"/></svg>') no-repeat center / 80%;

    background-color: #777;
    transition: background-color 0.3s;
}
.sitemap-portfolio a:hover::after {
    background-color: #b90909;
}