/*
 * Client: James & Williams
 * Copyright 2008-2023 Punchmark
 */

/* =======================================================================================
	ROLEX BANNER
======================================================================================= */

section.rolex-banner-official .column-slider .owl-nav > button,
section.rolex-banner-official .column-slider .owl-nav > button {
	background: #127749;
}
section.rolex-banner-official .column-slider .owl-nav > button > i {
	color: rgba(235,235,235,0.8);
}
section.rolex-banner-official .column-slider .owl-nav > button:hover,
section.rolex-banner-official .column-slider .owl-nav > button:focus {
	background: #127749;
}
section.rolex-banner-official .column-slider .owl-nav > button:hover > i,
section.rolex-banner-official .column-slider .owl-nav > button:focus > i {
	color: rgba(255,255,255,1);
}
section.rolex-banner-official .btn {
	font-family: "Helvetica", sans-serif !important; 
    font-weight: normal !important;
	background: #127749 !important;
	border-color: #127749 !important;
	color: white !important;
	font-size: 14px !important;
	letter-spacing: 0.1rem !important;
	text-transform: uppercase !important;
	border-radius: 60px !important;
	padding: 10px 1.75rem 10px 1.85rem !important;
	height: 50px !important;
	line-height: 28px !important;
}
section.rolex-banner-official [data-widget-element="widgetHeader"] {
	font-family: "Helvetica", sans-serif !important;
	font-weight: 300 !important;
	font-size: 2.15rem !important; 
	color: #151515 !important;
	letter-spacing: 0.1rem !important;
	text-transform: uppercase !important;
	margin-bottom: 20px !important;
}
section.rolex-banner-official [data-widget-element="widgetHeader"] > small {
	font-size: 1.15rem !important; 
	color: #111111 !important;
	display: block !important;
	margin-bottom: 1rem !important;
}
@media(min-width:768px){
	section.rolex-banner-official .column-slider .owl-nav > button,
	section.rolex-banner-official .column-slider .owl-nav > button {
		background: transparent;
	}
	section.rolex-banner-official [data-widget-element="widgetHeader"] {
		font-size: 2.25rem !important;
		text-align: left !important;
	}
	section.rolex-banner-official [data-widget-element="widgetHeader"] + span.w-100.d-block {
		text-align: left !important; 
	}
}
@media(min-width:992px){
	section.rolex-banner-official [data-widget-element="widgetHeader"] {
		font-size: 2.5rem !important;
	}
}
@media(min-width:1200px){
	section.rolex-banner-official .column-slider .owl-nav > button.owl-prev {
		left: 45px !important;
	}
	section.rolex-banner-official .column-slider .owl-nav > button.owl-next {
		right: 45px !important;	
	}
}
@media( max-width:767px ){
	section.rolex-banner-official .img-mobile {
	  aspect-ratio: 400 / 400;
	}
}
@media( min-width:768px ){
	section.rolex-banner-official [data-widget-element="widgetHeader"].text-light {
	  color: #ffffff !important;
	}
}


/* =======================================================================================
	HELPERS
======================================================================================= */

nav.navbar .nav-item.holiday-red > .nav-link {
  color: red !important;
  font-weight: bolder !important; 
}

body#rolex #podium-website-widget {
  display: none !important;
}

.row.explore-all-row {
  display: none !important;
}

nav.navbar .nav-item.dropdown > .dropdown-menu.dropdown-menu-wide {
  padding-bottom: 30px !important;
}

.btn-link {
  position: relative;
}

.btn-link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--primary);
  bottom: 4px;
  left: 0;
}

.product-slider .product-title,
.product-slider .product-price {
  text-align: center;
}

.pb-icon,
.pb-icon-link,
.product-slider .product-price {
  color: var(--primary);
}

section[data-pagebuilder="section"] .column-slider .owl-nav {
  top: calc(50% - 20px);
}

@media (max-width:991px){
	section[data-pagebuilder="section"] .column-slider .owl-outer-stage {
	  margin-left: -20px;
	  margin-right: -20px;
	}	
	section[data-pagebuilder="section"] .column-slider .owl-nav,
	section[data-pagebuilder="section"] .column-slider:hover .owl-nav {
	  opacity: 1;
	}
	section[data-pagebuilder="section"] .column-slider .owl-nav button {
	  background: white !important;
	}
	section[data-pagebuilder="section"] .column-slider .owl-nav button.owl-prev {
	  left: 0px !important;
	  background: white !important;
	}
	section[data-pagebuilder="section"] .column-slider .owl-nav button.owl-next {
	  right: 0px !important;
	  background: white !important;
	}
}

@media (min-width:992px){
	section[data-pagebuilder="section"] .column-slider .owl-nav,
	section[data-pagebuilder="section"] .column-slider:hover .owl-nav {
	  opacity: 1;
	}
	section.vertical-hrs [data-pagebuilder="column"] {
	  position: relative;
	}
	section.vertical-hrs [data-pagebuilder="column"] + [data-pagebuilder="column"]::after {
	  display: block;
	  height: calc(100% - 50px);
	  width: 2px;
	  background: var(--primary);
	  content: "";
	  position: absolute;
	  top: 35px;
	  left: 0;
	}
}

@media (min-width: 1300px){
	section[data-pagebuilder="section"]:not(.rolex-banner-official) .column-slider .owl-nav button.owl-prev {
	  left: -5vw !important;
	}
	section[data-pagebuilder="section"]:not(.rolex-banner-official) .column-slider .owl-nav button.owl-next {
	  right: -5vw !important;
	}
}

@media(max-width:767px){
	section.mobile-stack .btn-light {
	  background: var(--dark) !important;
	  border-color: var(--dark) !important;
	  color: var(--light) !important;
	}
	section.mobile-stack .btn-outline-light {
	  background: transparen !important;
	  border-color: var(--dark) !important;
	  color: var(--dark) !important;
	}
}



/* =======================================================================================
	ALERT GLOBAL
======================================================================================= */

.alert-global {
  position: absolute;
  top: 0;
  z-index: 2001;
  width: 100%;
  left: 0;
  transform: none;
  background: none !important;
  border: 0 !important;
  color: white !important;
  letter-spacing: 0.06rem !important;
}

.alert-global * { 
  color: white !important;
}

.alert-global .close {
  display: none !important;
}

body.sitemanager-menu-open .alert-global,
body.sitemanager-menu-closed .alert-global {
  top: 63px;
}

@media(min-width:768px){
	.alert-global {
	  width: 50% !important;
	  left: 50% !important;
	  transform: translateX(-50%) !important;
	  letter-spacing: 0.1rem !important;
	}
}

@media(min-width:1200px){
	.alert-global {
	  width: 800px !important;
	  left: 50% !important;
	  transform: translateX(-50%) !important;
	  letter-spacing: 0.1rem !important;
	  margin-left: auto !important;
	  margin-right: auto !important;
	}
}

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

header {
  z-index: unset;
}

@media(max-width:767px){
	header a#logo {
	  width: 80% !important;
	}
}

/* =======================================================================================
	TOOLBAR
======================================================================================= */

.toolbar > .toolbar-inner > ul {
  transform: translateY(40px);
}

.toolbar > .toolbar-inner > ul > li > a > span {
  font-weight: 500;
  font-size: 12px;
  color: #111111;
}

.toolbar > .toolbar-inner > ul > li > a > i {
  color: #111111;
}

.toolbar > .toolbar-inner > ul > li.dropdown {
  position: relative;
}

.toolbar > .toolbar-inner > ul > li.dropdown::after {
  font-family: themify;
  content: "\e64b";
  margin-left: 4px;
  font-size: 10px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #111111;
  transform: translateY(1px);
}

.toolbar > .toolbar-inner > ul > li.dropdown.show::after {
  content: "\e648";
}

@media(min-width:768px){
	.toolbar > .toolbar-inner > ul {
	  transform: none;
	}
	.toolbar > .toolbar-inner > ul > li > a > span {
	  color: #ffffff;
	  font-size: 14px;
	}
	.toolbar > .toolbar-inner > ul > li > a > i {
	  color: #ffffff;
	}
	.toolbar > .toolbar-inner > ul > li.dropdown::after {
	  -webkit-text-stroke-color: #ffffff;
	}
}

@media(max-width:767px){
	.toolbar > .toolbar-inner > ul.right li.dropdown > .dropdown-menu {
	  left: auto !important;
	}
}


/* =======================================================================================
	CONTENT TOOLBAR
======================================================================================= */

header .content-toolbar > .content-toolbar-inner > ul {
  height: auto !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > span {
  font-weight: 500;
  font-size: 12px;
}

header a#logo {
  position: relative;
  z-index: 10;
}

header .content-toolbar.inline-left-and-right {
  position: relative;
  z-index: 10;
}

header .content-toolbar.inline-left-and-right ul.right {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px;
}

header .content-toolbar > .content-toolbar-inner > ul > li.dropdown {
  position: relative;
  display: flex;
}

header .content-toolbar > .content-toolbar-inner > ul > li.dropdown::after {
  font-family: themify;
  content: "\e64b";
  margin-left: 4px;
  font-size: 10px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #111111;
  transform: translateY(calc(50% - 7px));
}

header .content-toolbar > .content-toolbar-inner > ul > li.dropdown.show::after {
  content: "\e648";
}

header .content-toolbar > .content-toolbar-inner > ul.right .item-search .dropdown-menu,
header .content-toolbar > .content-toolbar-inner > ul > li.dropdown .dropdown-menu {
  top: 100% !important;
}

header .content-toolbar > .content-toolbar-inner > ul.left li > a > i {
  transform: translateY(2px);
}

header .content-toolbar > .content-toolbar-inner > ul > li.rolex-href {
  display: none;
}

@media(min-width:768px){
	header .content-toolbar.inline-left-and-right ul.left {
	  -ms-flex-pack: center;
	  justify-content: center;
	  padding-right: 0px;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > span {
	  font-size: 14px;
	}
	header .content-toolbar > .content-toolbar-inner > ul.left li > a > i {
	  transform: translateY(1px);
	}
	header .content-toolbar > .content-toolbar-inner > ul > li.rolex-href {
	  display: flex;
	}
}

/* =======================================================================================
	NAV
======================================================================================= */

nav.navbar {
  margin-top: -40px;
  z-index: unset;
}

nav.navbar .navbar-toggler {
  z-index: 2000;
}

nav.navbar .navbar-nav > .nav-item {
  border-top: 1px solid #e0e0e0;
}

@media(min-width:768px){
	nav.navbar {
	  margin-top: 0;
	}
	nav.navbar .navbar-nav > .nav-item {
	  border-top: 0;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 0.875rem;
	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 0.925rem;
	}
}

@media(min-width:1200px){
	nav.navbar .nav-item .nav-link {
	  font-size: 1rem;
	}
}

@media(min-width:768px) and (max-width:1199px){
	nav.navbar .navbar-nav > .nav-item .nav-link {
		padding: 10px 10px;
	}
}

/* =======================================================================================
	FOOTER
======================================================================================= */

footer .input-group {
  background: none;
  border: 2px solid white;
  box-shadow: none;
  border-radius: 40px;
}

footer .input-group .form-control {
  background: none;
  border: 0;
  box-shadow: none;
}

footer .input-group .form-control::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

footer .input-group .btn {
  background: none;
  border: 0;
  box-shadow: none;
}