/*
Theme Name: Pacific Diamond
Version: 1.9.77
Description: Custom theme for Pacific Diamond
Author URI: https://www.designhawaii.com/
Theme URI: https://www.designhawaii.com/
License: Copyrighted to Pacific Diamond
*/
/* Color Theme Swatches in Hex */
.Diamond-Collision-1-hex { color: #3424BF; }
.Diamond-Collision-2-hex { color: #2F4FE3; }
.Diamond-Collision-3-hex { color: #BED6E4; }
.Diamond-Collision-4-hex { color: #EFEFEF; }
.Diamond-Collision-5-hex { color: #454647; }
html, body {
	overflow-x: hidden;
	margin: 0;
	padding: 0 !important;
}
a, a:visited, button:focus { 
	color: #802F00;
	outline: none; }
a:hover,
a:active,
a:focus {
	
}
img.pswp__img {
	background: white;
}
body.term-43 .customrings {
	display: none;
}
.customrings {
	background: black;
	color: white;
	padding: 10px;
	max-width: 722px;
	text-align: center;
	border-radius: 5px;
}
video {
background-color: transparent !important;
}
video:focus { outline:none; }
.gform_confirmation_message {
	text-align: center;
	padding-bottom: 40px;
}

.div-bg-white {
	background: white;
	display: block;
	width: 100%;
	padding: 2vw 0;
}
.sec {
	border-top: solid 1px #ccc;
}

.btn-green-light, .btn-primary  {
	background-color: #00CCCC;
	border-color: #00CCCC;
	color: white !important;
	text-transform: uppercase;
}
.btn-primary:hover {
	background-color: teal;
	border-color: teal;
}
#send_product_enquiry {
	background-color: #00CCCC;
	border-color: #00CCCC;
	color: white;
	text-transform: uppercase;
	font-weight: 400;
}
.btn-green-light:hover {
	background-color: teal;
	border-color: teal;
	color: white;
}
.btn-green-outline {
	border: solid 1px #79dfc1;
	color: #79dfc1;

}
.btn-green-outline:hover {
	background: #79dfc1;
	color: black;
}
img {
	max-width: 100%;
}
video.desktop {
	width: 100vw;
height: 100vh;
display: block;
max-width:100%;
object-fit: cover;
}
video.desktop-page {
	width: 100vw;
height: 50vh;
display: block;
max-width:100%;
object-fit: cover;
}
video.desktop-page-about {
	width: 100vw;
height: 85vh;
display: block;
max-width:100%;
object-fit: cover;
}
video.desktop-page-woo {
	width: 100vw;
height: 50vh;
display: block;
max-width:100%;
object-fit: cover;
}
video.mobile {
object-fit: cover;
width: 100vw;
height: 100vh;
position: relative;
top: 0;
left: 0;
max-width: 100%;
}

video.mobile-woo {
object-fit: cover;
width: 100vw;
height: 50vh;
position: relative;
display: block;
top: 0;
left: 0;
max-width: 100%;
}
video.mobile-page {
object-fit: cover;
width: 100vw;
height: 50vh;
position: relative;
top: 0;
left: 0;
max-width: 100%;
}
#videowrap {
	background: #0c121c;
	  margin: 0;
  padding: 0;
}
.menu_left {
float: left;
/*width: 300px;*/
margin-top: 34px;
margin-left: 5vw;
}
.logo {
position: absolute;
top: 20px;
left: 50%;
width: 240px;
max-width: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
}
.menu_right {
	display: inline-block;
float: right;
padding-top: 34px;
padding-right: 5vw;
width: 300px;
text-align: right;
}
.headroom--top a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
.headroom--not-top a {
		color: black !important;
	text-decoration: none;
	font-weight: bold;
	display: block;
	
}
.headroom--top .heart-black {
	display: none;
}
.headroom--top .heart-white {
	display: inline-block;
}

.headroom--not-top .heart-black {
	display: inline-block;
}
.headroom--not-top .heart-white {
	display: none;
}


.headroom--top img.logo-white {
	display: block;
	width: 240px;
	max-width: 100%;
}
.headroom--top img.logo-color {
	display: none;
}
.headroom--not-top img.logo-color {
	display: block !important;
	width: 120px;
	margin: 0 auto;
}
.headroom--not-top .logo {
top: 10px;
}
.headroom--not-top img.logo-white {
	display: none;
}

.headroom--pinned {
	display: block;
}
.headroom--unpinned {
	display: none;
}
.header--fixed {
	position: fixed;
	z-index: 600;
	right: 0;
	left: 0;
	top: 0;
	min-height: 82px;
}
.headroom--not-top {
	background: rgba(255, 255, 255, .9);
	background: white;
}
.headroom--top {
	background: none !important;
}
.white {
	color: white;
}
.slogan {
	z-index: 100;
	width: 100%;
	text-shadow: 2px 2px 1px rgba(000, 000, 000, .3);
}
.top-20 {
	top: 20% !important;
}
.bg-white-only {
	background: white;
}
.menu_bars {
	background: white;
	width: 18px;
display: block;
height: 0px;
margin-top: 6px;
border-top-width: 1px;
border-top-style: solid;
background-color: rgb(0, 0, 0);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.bb-1 {
	border-bottom: solid 1px rgba(0, 0, 0, 0.5);
}
.fmvdVG {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 50vh;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgba(0, 0, 0, 0.2);
transition-duration: 0.5s;
transition-timing-function: initial;
transition-delay: initial;
transition-property: background;
}
.fmvdVG-home {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgba(0, 0, 0, 0.2);
transition-duration: 0.5s;
transition-timing-function: initial;
transition-delay: initial;
transition-property: background;
}
.fmvdVG2 {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
height: 85vh;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgba(0, 0, 0, 0.2);
transition-duration: 0.5s;
transition-timing-function: initial;
transition-delay: initial;
transition-property: background;
}
.black-bg {
	background: black;
	color:white;
}
.diamonds-row {
	padding: 10px 0 50px 0;
	background: white;
	color: #0C1636;
}
.diamonds-top {
		background: white;
	color: #0C1636;
	font-family: serif;
	padding-top: 50px;
}
.color-teal {
	color: teal;
}
.color-red {
	color: #CC190A;
}
.color-teal-light, .footer a {
	color: #00CCCC;
	text-decoration: none;
}
.teal-light {
	background: #00CCCC;
}
.serif {
	font-family: serif;
}
.logotos img {
	height: 50px;
	vertical-align: middle;
}
.pad-19 {
	padding: 9%;
}
.btn-outline-primary {
	color: teal;
	border-color: teal;
}
.btn-outline-primary:hover {
color: #fff;
background-color: teal;
border-color: teal;
}
.footer {
	background: #0c121c;
	color: white;
	padding: 3%;
	display: block;
}
.img-fluid {
width:100%; 
height:100%;
object-fit: cover;
}

.offcanvas-body ul li {
	list-style: square;
	text-transform: uppercase;
	font-weight: bold !important;
}
.offcanvas-body ul li a {
	color: black;
	text-decoration: none;
	line-height: 2;
	color: #00CCCC;
	font-weight: 400;
}
.offcanvas {
	background-color: #0c121c;
	color: white;
	}
.certs {
	border-top: solid 1px #008C8C;
	padding-top: 30px;
	padding-bottom: 30px;
}
.certs img{
	max-height: 55px;
}
#map {
	width: 100vw;
	height: 100vh;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
height: auto !important;
}
.pswp__caption, .woocommerce-ordering, li.product a.button {
	display: none;
}
.input-text, .product-search-field {
	border: 1px solid #ced4da;
	padding: 8px;
	border-radius: .25rem;
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.product-search-field {
	margin-bottom: 25px !important;
}
.woocommerce-loop-product__title {
	text-align: center;
}
a.woocommerce-LoopProduct-link {
	color: #00CCCC;
}
li.cat-item {
	list-style: none;
}
li.cat-item a {
	text-decoration: none;
	color: rgb(51, 51, 51);
	font-weight: bold;
}
.offcanvas-body ul.children li a {
	font-size: 12px;
}
ul.children li.cat-item {
	list-style: disc;
}
ul.children li.cat-item ul.children li.cat-item {
	list-style: circle;
}
ul.children li.cat-item ul.children li.cat-item a{
	font-weight: 400;
}
.woocommerce-product-details__short-description h1, .woocommerce-product-details__short-description h2 {
	font-size: 1.5rem;
	margin-top: 20px;
}
.wps_add_to_cart {
display:none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	max-width: 100px;
	display: inline-block;
	float: none;
}
.woocommerce div.product div.images .flex-control-thumbs {
	text-align: center;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: none;
}
.page-numbers li a {
	color: rgb(51, 51, 51);
}
.woocommerce nav.woocommerce-pagination {
	text-align: left;
}
body.woocommerce h1.page-title {
	font-family: serif;
	color: rgb(51, 51, 51);
	border-bottom: solid 1px #eee;
	padding-bottom: 10px !important;
}
.entry-title {
		font-family: serif;
	color: rgb(51, 51, 51);
}
.border-right {
	border-right: solid 1px #eee;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	min-width: 3em;
	text-align: center;
	}
	
.offcanvas-body::-webkit-scrollbar {
  display: none;
}
video#video {
	display: block !important;
}
.video-thumbnail img, .item-slick {
	display: none !important;
}
.offcanvas-body{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.offcanvas-body li.cat-item a {
	color: darksalmon !important;
}
#web-design:after {
	content: "";
	background: url('images/design-hawaii.svg');
	width: 15px;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	display: inline-block;
	float: right;
	margin-left: 5px;
	background-position: center center;
}