/*
 Theme Name:	Tsirintani
 Theme URI:		-
 Description:	Eleni Tsirintani's Theme
 Author:		The Udjat Team	
 Author URI:	https://www.udjat.dev
 Template:		phlox-pro
 Version:		1.0.0
*/
 
/*------------------------------------*\
	#FONT
\*------------------------------------*/
@font-face {
	font-family: Bebas Neue;
	src: url(./fonts/BebasNeue-Regular.ttf);
	font-weight: normal; }
 
@font-face {
	font-family: Bebas Neue Pro;
	src: url(./fonts/BebasNeuePro-Regular.otf);
	font-weight: normal; }
 
 
/*------------------------------------*\
	#BODY
\*------------------------------------*/
body,
footer p,
footer li,
h1,
h2,
h3,
h4,
h5,
h6,
.aux-h1,
.aux-h2,
.aux-h3,
.aux-h4,
.aux-h5,
.aux-h6,
ul,
label,
#menu-header-primary-menu .aux-menu-item > .aux-item-content {
	color: #6e6259 !important;
	font-family: "Bebas Neue", sans-serif !important;
	font-size: 14px;
	letter-spacing: .2em;
	line-height: 1em; }
 
ol,
li,
table {
	color: #6e6259;
	font-family: Roboto, sans-serif !important;
	font-size: 12px;
	letter-spacing: .01em;
	line-height: 1.6em; }
 
.privacy-policy ul {
	list-style: disc;
	margin-left: 20px; }

p {
	text-align: justify;
	color: #6e6259;
	font-family: Roboto, sans-serif !important;
	font-size: 12px;
	letter-spacing: .01em;
	line-height: 1.6em; }
 
a,
.interviews-link a { color: #bbb; }
	a:hover,
	interviews-link a:hover { color: #6e6259; }
 
.interviews-link p {
	font-family: "Bebas Neue", sans-serif !important;
	font-size: 14px;
	letter-spacing: .2em;
	line-height: 1em;
	text-align: right; }
 
.Articles p,
.Articles h2,
.Interviews p,
.Interviews h2,
.Presentations p,
.Presentations h2,
.Workshops p,
.Workshops h2 { color: #fff !important; }
 
.table-1 { margin-bottom: 20px; }
 
 
/*------------------------------------*\
	#HEADER
\*------------------------------------*/
#site-elementor-header {
	margin-bottom: 30px;
	margin-top: 30px; }
 
.elementor-widget-aux_site_title {
	max-width: 28%;
	margin-bottom: 0 !important; }
 
h1.aux-site-title-heading {	display: inline; }
 
h1.aux-site-title-heading a {
	color: #6e6259;
	font-weight: 900; }
 
@media (min-width:768px) {
	.elementor-section.elementor-section-height-full { height: 65vh; }
}
 
@media (min-width: 320px) and (max-width: 768px) {
	.aux-burger .mid-line,
	.aux-burger::before,
	.aux-burger::after { border-color: #6e6259; }
}
 
@media (min-width: 320px) and (max-width: 359px) {
	.elementor-widget-aux_site_title { max-width: 80%; }
}
 
@media (min-width: 360px) and (max-width: 383px) {
	.elementor-widget-aux_site_title { max-width: 92%; }
}
 
@media (min-width: 384px) and (max-width: 479px) {
	.elementor-widget-aux_site_title { max-width: 93%; }
}
 
@media (min-width: 480px) and (max-width: 532px) {
	.elementor-widget-aux_site_title { max-width: 94%; }
}
 
@media (min-width: 533px) and (max-width: 599px) {
	.elementor-widget-aux_site_title { max-width: 95%; }
}
 
@media (min-width: 600px) and (max-width: 767px) {
	.elementor-widget-aux_site_title { max-width: 96%; }
}
 
@media (min-width: 768px) and (max-width: 768px) {
	.elementor-widget-aux_site_title { max-width: 97%; }
}
 
@media (min-width: 769px) and (max-width: 1024px) {
	.elementor-widget-aux_site_title {
		margin-bottom: 10px !important;
		max-width: 100%;
		text-align: center; }
}
 
@media (min-width: 1025px) and (max-width: 1040px) {
	.elementor-widget-aux_site_title { max-width: 30%; }
}
 
@media (min-width: 1041px) and (max-width: 1073px) {
	.elementor-widget-aux_site_title { max-width: 29%; }
}
 
 
/*------------------------------------*\
	#MENU
\*------------------------------------*/
.menu-header-primary-menu-container li a span {	color: #bbb; }
 
.menu-header-primary-menu-container li a:hover span,
.menu-header-primary-menu-container li.current-menu-ancestor > a span,
.menu-header-primary-menu-container li.current-menu-item a span {
	color: #6e6259;
	font-weight: 400; }
 
.offcanvas-content li a:hover span,
.offcanvas-content li.current-menu-ancestor > a span,
.offcanvas-content li.current-menu-item a span {
	color: #bbb;
	font-weight: 400; }
 
.Home.elementor-widget-aux_recent_posts .entry-main .entry-header h4,
.Home.elementor-widget-aux_recent_posts .entry-main .entry-content p { color: #fff !important; }
 
#menu-item-56.aux-menu-depth-0 > .aux-submenu {
	border: none;
	left: 32%; }
 
#menu-item-98.aux-menu-depth-0 > .aux-submenu {
	border: none;
	left: 48.5%; }
 
@media (min-width: 320px) and (max-width: 768px) {
	#menu-item-56.aux-menu-depth-0 > .aux-submenu,
	#menu-item-98.aux-menu-depth-0 > .aux-submenu {
	left: 0; }
}
 
.aux-master-menu.aux-horizontal > .aux-menu-item > .aux-submenu { top: 200%; }
 
 
/*------------------------------------*\
	#CONTENT
\*------------------------------------*/
.Blog .entry-tax { display: none; }
 
.single h1.entry-title {
	font-size: 2.3em;
	line-height: 150%;
	margin: 0;
	position: relative;
	word-break: break-word; }
 
.single .elementor-post-info span {
	color: #888888;
	font-family: "Bebas Neue", sans-serif !important;
	font-size: 12.3167px;
	letter-spacing: .2em;
	line-height: 1em; }
 
@media (min-width: 320px) and (max-width: 768px) { 
	.elementor-widget-heading h1.elementor-heading-title { text-align: center; }
}
 
 
/*------------------------------------*\
	#PROJECTS FILTER
\*------------------------------------*/
.aux-filters.aux-underline,
.aux-filters.aux-slideup {
	margin-left: 60px;
	margin-right: 60px; }
 
.aux-filters .aux-selected { color: #6e6259; }
 
.aux-filters.aux-slideup li > a.aux-selected span::after,
.aux-filters.aux-slideup li > a.aux-selected span::before { color: #6e6259; }
 
.aux-filters.aux-slideup li > a span::after,
.aux-filters.aux-slideup li > a span::before { color: #bbb; }
 
	.aux-filters.aux-slideup li > a:hover span::after,
	.aux-filters.aux-slideup li > a:hover span::before { color: #6e6259; }
 
.aux-filters li > a {
	color: #bbb;
	font-family: "Bebas Neue", sans-serif !important;
	font-size: 14px;
	letter-spacing: .2em; }
 
	.aux-filters li > a:hover { color: #6e6259; }
 
 
/*------------------------------------*\
	#PROJECTS TEXT
\*------------------------------------*/
.project-data p { margin: 0 0 0.3em 0; }
 
 
/*------------------------------------*\
	#PROJECTS TITLE
\*------------------------------------*/
.hentry .aux-portfolio-columns .entry-title a:hover,
.aux-widget-recent-portfolios .aux-portfolio-columns .entry-title a:hover { color: #bbb !important; }
  
 
/*------------------------------------*\
	#TEAM NAMES
\*------------------------------------*/
div.elementor-element.elementor-element-4e6d2f2.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-9a72568.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-a4b058b.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-bd5a989.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-5cc6d40.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-dbf388f.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-b175b1d.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-4458a25.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-eab9c13.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-5d37b14.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-9db3b09.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-15d418c.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-98a18e1.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-b534200.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-f4b3261.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default,
div.elementor-element.elementor-element-9d70b99.elementor-widget.elementor-widget-heading div.elementor-widget-container h2.elementor-heading-title.elementor-size-default { font-family: "Bebas Neue Pro", sans-serif !important; }
 

/*------------------------------------*\
	#BLOG
\*------------------------------------*/
.aux-timeline a:hover { color: #bbb; }
 
.aux-timeline .entry-main .entry-meta .readmore .aux-read-more:hover { color: #bbb !important; }
 
 
/*------------------------------------*\
	#FRONTPAGE SLIDER
\*------------------------------------*/
.htslider-slider-area h2,
.htslider-slider-area p { color: #fff !important; }
 
 
/*------------------------------------*\
	#FRONTPAGE HIRING BADGE
\*------------------------------------*/
.hiring-badge {
	bottom: 50%;
	left: 85%;
	margin-left: -85px;
	position: absolute;
	top: 60%;
	transform: rotate(20deg);
	z-index: 1; }
 
@keyframes pulse {
	from { transform: rotate(20deg) scale(1); }
	50% { transform: rotate(20deg) scale(0.85); }
	to { transform: rotate(20deg) scale(1); }
}
 
.hiring-badge {
	animation-name: pulse;
	animation-duration: 6s;
	animation-iteration-count: infinite; }
 
.hiring-badge:hover,
.hiring-badge:focus { animation-name: unset; }
 
.modal {
	display: none;
	position: fixed;
	z-index: 2;
	left: 0;
	top: 40%;
	width: 100%;
	height: 100%;
	overflow: auto; }
 
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 37%;
	overflow-wrap: break-word; }
 
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold; }
 
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer; }
 
 
/*------------------------------------*\
	#FOOTER
\*------------------------------------*/
footer a,
footer a span { color: #bbb; }
 
footer a:hover,
footer a:hover span { color: #6e6259; }
 
 
/*------------------------------------*\
	#404 PAGE
\*------------------------------------*/
.error-404.elementor-element.elementor-element-fb4a00c {
	margin-top: 35px;
	padding: 0px 70px 0px 70px; }
 
.not-found {
	margin: 0 auto 120px auto;
	text-align: center; }
 
.not-found p { text-align: center; }
 
.not-found .entry-content h2 { font-size: 3.2em !important; }
 
 
/*------------------------------------*\
	#GO TO TOP
\*------------------------------------*/
.aux-arrow-nav.aux-outline .aux-overlay::after { background-color: #6e6259; }
 
 
/*------------------------------------------*\
	#COOKIES POLICY & PRIVACY POLICY PAGE
\*------------------------------------------*/
.elementor-element-d017960 h2,
.elementor-element-3c4d9121 h2 { margin-top: 25px; }
 
.elementor-element-3c4d9121 h3 { margin-top: 15px; }
 
 
/*------------------------------------*\
	#COOKIES POLICY BANNER
\*------------------------------------*/
.cky-consent-container,
.cky-consent-container button,
.cky-modal,
.cky-modal button {
	color: #6e6259;
	font-family: "Bebas Neue", sans-serif !important;
	font-size: 14px;
	letter-spacing: .2em;
	line-height: 1.6em; }
 
.cky-consent-container p,
.cky-modal p,
.cky-modal li,
div.cky-category-description {
	font-family: Roboto, sans-serif !important;
	font-size: 12px;
	letter-spacing: .01em;
	line-height: 1.6em; }
 
 
/*------------------------------------*\
	#WEAVED BY
\*------------------------------------*/
.udjat {
	height: 18px;
	margin: 0 0 0 5px;
	width: 25px; }