/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: This is a child theme of Rey.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 1.0.0
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */
/* 
 * /* =========================================================
   PRESTIGE WATCH — HEADER V1
   ========================================================= */

:root {
	--pw-black: #090a0a;
	--pw-charcoal: #151616;
	--pw-ivory: #f7f5f1;
	--pw-champagne: #c8a977;
	--pw-gold-dark: #9f8054;
	--pw-white: #ffffff;
}


/* =========================================================
   TOP UTILITY BAR
   ========================================================= */

.pw-topbar {
	background: var(--pw-ivory) !important;
	border-bottom: 1px solid rgba(0,0,0,.07);
	min-height: 32px !important;
}

.pw-topbar > .elementor-container {
	max-width: 1440px !important;
	min-height: 32px !important;
	align-items: center !important;
}

.pw-topbar .elementor-column,
.pw-topbar .elementor-widget-wrap {
	min-height: 32px !important;
	align-items: center;
}

.pw-benefits,
.pw-benefits *,
.pw-mini-nav,
.pw-mini-nav * {
	color: #292824 !important;
}

.pw-benefits {
	font-size: 10px !important;
	font-weight: 500;
	letter-spacing: .035em;
	text-transform: none;
}

.pw-mini-nav {
	font-size: 9px !important;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.pw-mini-nav a {
	text-decoration: none !important;
}

.pw-mini-nav a:hover {
	color: var(--pw-gold-dark) !important;
}


/* =========================================================
   MAIN BLACK HEADER
   ========================================================= */

.pw-mainbar {
	background: var(--pw-black) !important;
	border-bottom: 1px solid rgba(255,255,255,.10);
	min-height: 84px !important;
}

.pw-mainbar > .elementor-container {
	max-width: 1440px !important;
	min-height: 84px !important;
	align-items: center !important;
}

.pw-mainbar .elementor-column,
.pw-mainbar .elementor-widget-wrap {
	min-height: 84px;
	align-items: center;
}


/* =========================================================
   LOGO
   ========================================================= */

.pw-logo-col {
	display: flex;
	align-items: center;
}

.pw-logo {
	margin: 0 !important;
}

.pw-logo img,
.pw-logo svg {
	max-width: 190px !important;
	max-height: 50px !important;
	width: auto !important;
	height: auto !important;
}

/*
 Temporary:
 Turns the existing dark REY logo white on black.
 Once we upload the real PrestigeWatch gold/white logo,
 we'll remove this filter.
*/
.pw-logo img {
	filter: brightness(0) invert(1);
}


/* =========================================================
   MAIN NAVIGATION
   ========================================================= */

.pw-nav-col {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pw-main-nav {
	width: 100%;
}

.pw-main-nav ul {
	align-items: center;
}

.pw-main-nav a {
	color: rgba(255,255,255,.92) !important;

	font-size: 10px !important;
	font-weight: 600 !important;

	letter-spacing: .075em !important;
	text-transform: uppercase;

	text-decoration: none !important;

	transition:
		color .2s ease,
		opacity .2s ease;
}

.pw-main-nav a:hover,
.pw-main-nav .current-menu-item > a,
.pw-main-nav .current-menu-ancestor > a {
	color: var(--pw-champagne) !important;
}


/* Dropdowns */

.pw-main-nav .sub-menu {
	background: #101111 !important;

	border: 1px solid rgba(255,255,255,.10) !important;

	box-shadow:
		0 18px 45px rgba(0,0,0,.28) !important;
}

.pw-main-nav .sub-menu a {
	color: rgba(255,255,255,.80) !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.pw-main-nav .sub-menu a:hover {
	color: var(--pw-champagne) !important;
}


/* =========================================================
   SEARCH / ACCOUNT / CART
   ========================================================= */

.pw-actions-col {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.pw-actions-col .elementor-widget-wrap {
	justify-content: flex-end !important;
}

.pw-search,
.pw-account,
.pw-cart {
	margin-bottom: 0 !important;
}

.pw-actions-col .rey-headerIcon,
.pw-actions-col .rey-headerIcon-btn,
.pw-actions-col .rey-icon {
	color: var(--pw-white) !important;
}

.pw-actions-col .rey-headerIcon-btn {
	transition: color .2s ease;
}

.pw-actions-col .rey-headerIcon-btn:hover {
	color: var(--pw-champagne) !important;
}


/* Cart counter */

.pw-cart .rey-headerIcon-counter,
.pw-cart [class*="counter"] {
	background: var(--pw-champagne) !important;
	color: var(--pw-black) !important;
}


/* =========================================================
   REMOVE SAN FRANCISCO LIGHTNING ICON ON DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

	.pw-trigger {
		display: none !important;
	}

}


/* =========================================================
   HEADER SPACING
   ========================================================= */

.pw-logo-col > .elementor-widget-wrap {
	justify-content: flex-start !important;
}

.pw-nav-col > .elementor-widget-wrap {
	justify-content: center !important;
}

.pw-actions-col > .elementor-widget-wrap {
	justify-content: flex-end !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.pw-mainbar,
	.pw-mainbar > .elementor-container {
		min-height: 72px !important;
	}

	.pw-mainbar .elementor-column,
	.pw-mainbar .elementor-widget-wrap {
		min-height: 72px;
	}

	.pw-logo img,
	.pw-logo svg {
		max-width: 155px !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.pw-topbar {
		min-height: 29px !important;
	}

	.pw-topbar > .elementor-container {
		min-height: 29px !important;
	}

	.pw-topbar-right {
		display: none !important;
	}

	.pw-topbar-left {
		width: 100% !important;
	}

	.pw-benefits {
		text-align: center;
		font-size: 9px !important;
	}


	.pw-mainbar,
	.pw-mainbar > .elementor-container {
		min-height: 66px !important;
	}


	.pw-logo img,
	.pw-logo svg {
		max-width: 140px !important;
	}

}