/*
	Theme Name:   Dada Child Theme - papaki.com
	Description:  Dada Child Theme for papaki.com
	Template:     dada
*/
* {
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 400;
}

.base-font,
.base-font * { font-family: 'Proxima Nova Regular', sans-serif; font-weight: 400 !important; }
.base-font.bold,
.base-font .bold,
.base-font .bold *,
.base-font b,
.base-font strong,
.base-font b *,
.base-font strong * { font-family: 'Proxima Nova Bold', sans-serif; font-weight: 700 !important; }
.base-font.italic,
.base-font .italic,
.base-font em,
.base-font em * { font-style: italic !important; }

h1, h2 {
	font-family: 'Proxima Nova Thin', sans-serif;
}

h3, h4, h5, h6 {
	font-family: 'Proxima Nova Thin', sans-serif;
}

#supportCsMenu.top-menu.top-menu {
	margin-top: 14px;
}

.hkb-category.hkb-category {
    background-color: #FFF;
    padding: 30px 40px !important;
    margin-bottom: 25px;
}

.hkb-archive.hkb-archive--three-cols.clearfix {
	list-style: none !important;
}

.login-widget { white-space: nowrap; }

.footer-logo img, #site-title img { width: 260px; }
#footer .footer_phonenumber span { color: #666; }

header.navbar-dark.navbar { height: 90px; }

@media screen and (min-width: 769px) and (max-width: 991px) {
	#headerLoginBox {
		margin-top: -30px;
	}
	header.navbar-dark.navbar {
		height: auto;
		max-height: max-content;
	}
}

@media (max-width: 768px) {
	.bottom-header, .dada-topPageNav {
		display: block;
	}
	header.navbar-dark.navbar { max-height: max-content; height: auto; }
	#menu-primary-menu-1 {
		display: none;
	}
	.bottom-header .menu-item .mobile-nav-arrow {
		background: rgba(255,255,255,.05); 
		color: #fff; 
		float: right; 
		line-height: 1; 
		padding: 10px 13px 8px 12px; 
		cursor: pointer;
		position: absolute;
		right: 5px;
	}
}

/* Footer overrides */
#footer {
	background: #000;
}

#menu-footer-menu {
	display: flex;
}

.menu-footer-menu-gr-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #000;
  color: #fff;
  padding: 40px 20px;
  gap: 40px;
}

.menu-footer-menu-gr-container.dropdown-menu {
	position: static !important;
	width: 100% !important;
}

.menu-footer-menu-gr-1 {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
	justify-content: space-evenly;
}

.menu-footer-menu-gr-1 > li {
  flex: 1 1 calc(25% - 40px);
  list-style: none;
  display: flex;
  flex-flow: column;
	max-width:300px;
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .menu-footer-menu-gr-1 > li {
    flex: 1 1 calc(50% - 40px);
  }
}

.menu-footer-menu-gr-1 li .dropdown-menu {
  display: block !important;
  position: static;
  box-shadow: none;
  background: none;
  margin-top: 10px;
  padding: 0;
}

.menu-footer-menu-gr-1 li > a .caret {
  display: none;
}

.menu-footer-menu-gr-1 li > a.dropdown-toggle {
  pointer-events: none;
  cursor: default;
  font-family: 'Proxima Nova Bold', sans-serif;
  padding-bottom: 5px;
  display: inline-block;
  color: #fff !important;
	font-size: 18px;
}

.menu-footer-menu-gr-1 .dropdown-menu li {
  margin: 6px 0;
}

.menu-footer-menu-gr-1 .dropdown-menu a {
  color: #eee !important;
  text-decoration: none;
  font-size: 14px ;
  padding: 0;
}

.menu-footer-menu-gr-1 .dropdown-menu a:hover {
  text-decoration: underline;
}

.menu-footer-menu-gr-1 .dropdown-menu > li > a:focus,
.menu-footer-menu-gr-1 .dropdown-menu > li > a:hover {
  background: none;
}
	
.menu-footer-menu-gr-1 li > a.dropdown-toggle::after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background-color: var(--blue);
  margin-top: 8px;
}

.footer-col.language-switcher {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.footer-col.language-switcher .chglng {
	float: none !important;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.footer-col.language-switcher .chglng ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.footer-col.language-switcher .chglng li {
	display: inline-block;
}

.footer-col.language-switcher .chglng a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	padding: 4px 6px;
	border-radius: 3px;
	transition: background-color 0.2s;
}

.footer-col.language-switcher .chglng a:hover {
	background-color: #333;
}

/* SubFooter overrides */
.sub-footer-outer {
	background-color: #000;
	color: #fff;
}

.sub-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.footer-col {
	flex: 1 1 33.33%;
	padding: 10px;
	text-align: center;
	font-size: 13px;
}

.sub-footer .chglng {
	float: left !important;
}

.footer-col.language-switcher {
	text-align: left;
}

.footer-col.social-links {
	text-align: right;
}

.footer-col a {
	color: #fff;
	text-decoration: none;
	margin: 0 8px;
	font-size: 18px;
}

.footer-col a.active_lang {
	border:1px solid #d2d2d2;
	padding:4px 7px;
	border-radius:2px
}

.footer-col a:hover {
	color: #ccc;
}

#menu-footer-menu-gr > li > a,
#menu-footer-menu-en > li > a,
#menu-footer-menu-gr > li > ul > li > a,
#menu-footer-menu-en > li > ul > li > a {
	color: #FFF;
	text-decoration: none;
}

#menu-footer-menu-gr > li > a,
#menu-footer-menu-en > li > a {
	pointer-events: none;
	cursor: default;
	font-family: 'Proxima Nova Bold', sans-serif;
	padding-bottom: 5px;
	display: inline-block;
	font-size: 18px;
}

#menu-footer-menu-gr > li > a::after,
#menu-footer-menu-en > li > a::after { 
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background-color: var(--blue);
	margin-top: 8px;
}

#menu-footer-menu-gr > li > ul > li > a,
#menu-footer-menu-en > li > ul > li > a {
	font-weight: 400;
	color: #eee !important;
	font-size: 14px;
	padding: 0;
}

.menu-footer-menu-gr-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #000;
	color: #fff;
	padding: 40px 20px;
}

.menu-footer-menu-gr-1 {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
}

/* ---- 4 Col on desktop ---- */
.menu-footer-menu-gr-1 > li {
	flex: 1 1 25%;
	min-width: 200px;
	max-width: 25%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

/* ---- 2 col on tablet ---- */
@media screen and (min-width: 769px) and (max-width: 991px) {
	.menu-footer-menu-gr-1 > li {
		flex: 1 1 45%;
		max-width: 45%;
	}
}

/* ---- 1 col on mobile ---- */
@media screen and (max-width: 768px) {
	.menu-footer-menu-gr-1 > li {
		flex: 1 1 100%;
		max-width: 100%;
		text-align: left;
	}
	.menu-footer-menu-gr-1 > li {
		border-bottom: 1px solid #333;
		padding-bottom: 15px !important;
    margin: 15px !important;
	}
	.menu-footer-menu-gr-1 > li:last-child {
		border-bottom: none;
	}
	.footer-col {
		flex: 1 1 100%;
		text-align: center !important;
	}

	.footer-col.social-links {
		margin-top: 10px;
	}
	.footer-col.language-switcher {
		justify-content: center;
		margin-bottom: 10px;
	}
}

/* Header overrides */
.navbar { background-color: #222; }
header.navbar .bottom-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}

header.navbar .navbar-collapse {
	position: relative;
}

.navbar-nav>li {
	position: relative;
}

.navbar-nav .dropdown-menu {
	position: absolute !important;
	top: 100%;
	left: 0;
	margin-top: 0;
	display: none;
	z-index: 1000;
}

.navbar-nav .dropdown.show>.dropdown-menu {
	display: block;
}

.navbar-nav>li>a {
	padding: .75rem 1rem;
	line-height: 1.2;
}

.navbar-nav .dropdown-toggle::after,
.navbar-nav .dropdown>a::after,
.navbar-nav .dropdown-submenu>a::after {
	display: none !important;
	content: none !important;
}

/* Desktop layout */
@media (min-width: 992px) {

	.navbar-toggle,
	.navbar-toggler {
		display: none !important;
	}

	#main-navbar-collapse {
		display: flex !important;
		align-items: center;
		flex-basis: auto;
	}

	#main-navbar-collapse .nav.navbar-nav {
		display: flex;
		flex-direction: row;
	}

	.bottom-header .navbar-collapse .nav .dropdown-submenu:not(.info-area-group, .spid-group, .fepa-group, .pec-group, .sitelock-group, .ssl-group)>.dropdown-menu {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 0.25rem 1rem;
		padding: 0.75rem 1rem;
		box-sizing: border-box;
		position: absolute !important;
		top: 100%;
		left: 0;
		margin-top: 0;
		min-width: 320px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 0.25rem;
		z-index: 1000;
	}

	.bottom-header .navbar-collapse .nav .dropdown-submenu:not(.info-area-group, .spid-group, .fepa-group, .pec-group, .sitelock-group, .ssl-group)>.dropdown-menu>li {
		float: none !important;
		display: block;
		width: 100%;
	}

	.bottom-header .navbar-collapse .nav .dropdown-submenu:not(.info-area-group, .spid-group, .fepa-group, .pec-group, .sitelock-group, .ssl-group)>.dropdown-menu a {
		display: block;
		padding: 0.35rem 0;
		white-space: normal;
		line-height: 1.4;
	}
}

/* Mobile dropdown */
@media (max-width: 991px) {
	#main-navbar-collapse {
		background-color: #000;
		padding: 1rem;
	}

	.navbar-nav .dropdown-menu {
		position: static !important;
		display: block;
	}

	header.navbar .bottom-header {
		flex-direction: column;
		align-items: baseline;
	}

	.bottom-header {
		position: absolute !important;
	}

	#main-navbar-collapse {
		padding: 0;
	}

	.bottom-header .navbar-collapse .nav>.menu-item>.dropdown-menu>li {
		padding: 20px 0 20px 130px;
		width: 500px;
		float: left;
		background: no-repeat -16px 0;
		min-height: 195px;
	}

	.container {
		max-width: none;
	}

	.bottom-header .navbar-collapse .nav>.menu-item>.dropdown-menu>li {
		padding: 0;
		width: 100%;
		min-height: auto;
	}

	.navbar-nav .dropdown-menu {
		display: none;
	}

	.navbar-nav .dropdown-menu.show {
		display: block;
	}

	.navbar-nav .dropdown-menu,
	.bottom-header .navbar-collapse .nav .dropdown-submenu:not(.info-area-group, .spid-group, .fepa-group, .pec-group, .sitelock-group, .ssl-group)>.dropdown-menu,
	li.dropdown-submenu ul.dropdown-menu.dropdown-submenu {
		display: none !important;
	}

	.navbar-nav .dropdown-menu.show {
		display: block !important;
	}

	.bottom-header .navbar-collapse .nav>.menu-item>.dropdown-menu a {
		padding-left: 15px;
	}

	/* .bottom-header a.dropdown-toggle+ul.dropdown-menu { display: block !important; } */
}

.bottom-header .navbar-collapse .nav .dropdown-submenu.info-area-group>.dropdown-menu,
.bottom-header .navbar-collapse .nav .dropdown-submenu.spid-group>.dropdown-menu,
.bottom-header .navbar-collapse .nav .dropdown-submenu.pec-group>.dropdown-menu,
.bottom-header .navbar-collapse .nav .dropdown-submenu.fepa-group>.dropdown-menu,
.bottom-header .navbar-collapse .nav .dropdown-submenu.sitelock-group>.dropdown-menu,
.bottom-header .navbar-collapse .nav .dropdown-submenu.ssl-group>.dropdown-menu {
	display: block !important;
	column-count: 1 !important;
	grid-template-columns: none !important;
	position: absolute !important;
	top: 100%;
	left: 0;
	min-width: 240px;
}

/* --- TOP MENU DESKTOP --- */
@media (min-width: 992px) {
	#topmenumobile {
		display: none !important;
	}

	header .top-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: -40px;
	}

	header .top-header .navbar-brand {
		flex: 0 0 auto;
	}

	header .top-menu {
		display: flex;
		flex: 1 1 auto;
		text-align: right;
	}

	header .top-menu nav {
		display: inline-block;
	}

	header .top-menu .nav.navbar-nav {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		gap: 20px;
	}

	header .top-menu .nav.navbar-nav>li {
		position: relative;
	}

	header .top-menu .dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		float: none;
		min-width: 180px;
		padding: 10px 0;
		margin-top: 0;
		border: 1px solid #ddd;
		background: #fff;
		z-index: 9999;
	}

	header .top-menu .nav.navbar-nav>li:hover>.dropdown-menu {
		display: block;
	}

	header .top-menu #headerLoginBox,
	header .top-menu .dada_languageSwitcher {
		display: inline-block;
		vertical-align: middle;
		margin-left: 20px;
	}
}

/* --- TOP MENU MOBILE --- */
@media (max-width: 991px) {

	#topmenud,
	#topmenumobile {
		display: none !important;
	}

	#topmenumobile.top-menu nav {
		width: 100% !important;
	}

	#topmenumobile.top-menu .nav.navbar-nav {
		display: block !important;
		width: 100% !important;
	}

	#topmenumobile.top-menu .nav.navbar-nav>li {
		width: 100%;
		border-bottom: 1px solid #eee;
	}

	#topmenumobile.top-menu .dropdown-menu {
		position: relative !important;
		display: none;
		width: 100%;
		box-shadow: none;
		border: none;
	}

	#topmenumobile.top-menu .dropdown.open>.dropdown-menu,
	#topmenumobile.top-menu .dropdown>.dropdown-menu.show {
		display: block !important;
	}

	.bottom-header .navbar-collapse .nav>.menu-item>a {
		display: flex !important;
		justify-content: space-between;
	}
}

.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}

.footer-col a {
	color: #FFF !important;
}

#footer .chglng li.active a {
	border-color: rgb(255, 255, 255) !important;
}