/*
Theme Name: Haroon-Sharif-Jewellers
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Haroon-Sharif-Jewellers with Blog Integration.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Haroon-Sharif-Jewellers
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary:#DAA14C;
  --primary-light:#FFC672;
  --primary-hover:#946431;
  --grey:#F8F6F4;
  --text-color:#808080;
  --dark:#665d4e;
}

@font-face {
  font-family: 'Jedira';
  src: url('fonts/Jedira-Regular.eot');
  src: url('fonts/Jedira-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/Jedira-Regular.woff2') format('woff2'),
      url('fonts/Jedira-Regular.woff') format('woff'),
      url('fonts/Jedira-Regular.svg#Jedira-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jedira';
  src: url('fonts/Jedira-Italic.eot');
  src: url('fonts/Jedira-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/Jedira-Italic.woff2') format('woff2'),
      url('fonts/Jedira-Italic.woff') format('woff'),
      url('fonts/Jedira-Italic.svg#Jedira-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

body{ font-family: "Poppins", sans-serif;line-height:1.6;font-weight: normal; overflow-x: hidden; color: black; font-size: 15px;}
a{color:var(--primary);-webkit-transition:all linear .3s 0s; transition:all linear .3s 0s;text-decoration:none;}
a:hover{color:var(--primary-hover);text-decoration:none}
a:focus,button:focus{text-decoration:none;outline:0;}
a.under, span.under a { text-decoration:underline !important;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
@media (min-width:992px){
}
img {max-width: 100%;}


h1, h2, .h2 {font-size:40px; }
.heading {margin-bottom: 40px;}
.heading h1, .heading h2, .heading h3 {font-family: 'Jedira'; }


h2.heading {font-size:45px; }
h3.heading {font-size:40px; }
.clear{clear: both; overflow: hidden;}
.grey_bg {background: var(--grey);}
section{padding: 80px 0;}
.btn,.btn:hover,.btn:focus,
.form-control,.form-control:hover,.form-control:focus,input:hover,input:focus{box-shadow:none;outline:none;border-radius: 0;}
.form-control { border-radius:5px;}
.border-rad12 img {border-radius: 12px;}
.text-warning-light { color: var(--primary-light) }
.text-warning { color: var(--primary) !important;}
.btn-warning {background: var(--primary); border-color: var(--primary); color: white;}
.btn-warning:hover, .btn-warning:focus {background: var(--primary-hover); border-color: var(--primary-hover);color: white;}

.btn-outline-warning {color: var(--primary); border-color: var(--primary); background-color: #fff; border-width: 2px!important;}
.btn-outline-warning:hover, .btn-outline-warning:focus {background: var(--primary-hover); border-color: var(--primary-hover); color: #fff;}

.btn-light {background: white; border-color: white;}
.btn-dark {background: black; border-color: black;}
.btn_styled {padding: 8px 30px; }
.btn_styled img {margin-left: 10px;}


@media (min-width:1308px){
  .container-fluid { padding: 0 5vw;}
}



header {position: absolute; left:0; top:0; right:0; z-index: 99;}
.top_header_bar {background: var(--dark); padding: 15px 0; color: white;}
.top_header_bar b {font-weight: 600;}
.top_header_bar a{color: var(--primary-light);}

.logo img {max-height: 65px;}

.header_bar{background: white; padding: 10px 0;}


ul.top_link {padding:0; margin:0; list-style: none; text-align: right; margin-right:10px; }
ul.top_link > li {display:inline-block; margin-right:20px; position:relative; vertical-align: top;}
ul.top_link > li:last-child {margin-right:0;}
ul.top_link li a {text-decoration:none; color:black; font-size:18px; font-weight: 500;}
ul.top_link li i {font-size: 26px; position: relative; top: 4px; margin-right: 5px;}
.quantity_item {position: absolute; left:11px; top:0px; width:17px; height:17px; padding:1px; line-height: 15px; border-radius: 50%; background:var(--primary); color: white; text-align: center; font-size:9px;}

ul.top_link > li a.open_search i { margin-right: 0;font-size: 22px; position: relative; top: 8px;}


#menu {padding:0;}
  #menu ul{list-style:none;margin:0;padding:0; text-align: center; }
  #menu ul li{display:inline-block; position:relative; margin:0 10px;  font-weight: bold;}
  #menu ul li:last-child {margin-right:0; }
  #menu ul li a{color:black; padding:10px 5px; display:block; text-decoration:none; position:relative; font-size: 16px; font-weight: 400;}
  #menu li > a:after { content: '\F282'; font-family: bootstrap-icons; margin-left:5px; position: relative; top: 2px;font-size: 12px;  }
  #menu li > a:only-child:after { margin-left: 0; content: ''; }
  #menu ul li a:hover,
  #menu ul li.active a,
  #menu ul li.current_page_item>a,
  #menu ul li.current-menu-ancestor>a,
  #menu ul li.current-menu-item>a,
  #menu ul li.current-menu-parent>a{color: var(--primary);}
  #menu ul li a:hover:before,
  #menu ul li.active a:before,
  #menu ul li.current_page_item>a:before,
  #menu ul li.current-menu-ancestor>a:before,
  #menu ul li.current-menu-item>a:before,
  #menu ul li.current-menu-parent>a:before {opacity: 1;}
  #menu li.active ul li a{color:#fff;background:#333}
  #menu li.active ul li a:hover{color:#fff;background:var(--primary);}
  #menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
  #menu ul li.active ul li a { background:#fff; color:#333; border-bottom:1px solid rgba(0,0,0,0.09)!important;}
  #menu li>ul li{border-bottom:#ddd 1px solid; display:block; position:relative; margin:0; text-align:left;}
  #menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
  #menu li>ul li a:after { content: '\F285'; font-family: bootstrap-icons; position: absolute; right:15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; }
  #menu li>ul li a:hover{color:#fff;text-decoration:none}
  #menu li ul li.current_page_item>a,
  #menu li ul li.current-menu-ancestor>a,
  #menu li ul li.current-menu-item>a,
  #menu li ul li.current-menu-parent>a{background:var(--primary);color:#fff}
  #menu>li{border-left:1px solid #999}
  #menu>li:first-child,
  #menu>li.has-submenu+li{border-left:0}
  #menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden; opacity:0}
  #menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
  #menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li:hover>ul{visibility:visible;opacity:1}
  #menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s; font-size:14px; background-color: var(--dark); color: #fff;}
  #menu li>ul li a:hover {background-color:var(--primary); color: #fff !important;}
  #menu li:hover>ul li a{padding:10px 23px}
  #menu li>ul li:hover a {color:#fff !important; background: var(--primary);}
  #menu li>ul li:hover ul li a {color:#fff;}
  #menu li>ul li ul li a:hover {color:#fff;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
#menu ul li a.btn {color: #fff; padding: 6px 20px; margin-left:10px; position: relative;  top:0;}
#menu ul li a.btn:hover {top:-5px;}
.menu_bar.sticky {margin:0; position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; background-color: white;
-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px; z-index: 99; }


.hero_banner {position: relative; display: block; }


@media (min-width:992px){

  .hero_banner, .inner_bar {  margin-top:195px; }
}





/* .video_container {height: 100%;width: 100%;top: 0;left: 0;position: absolute;overflow: hidden;z-index: 0;} */
.video_container iframe {object-fit: cover;width: 100%; height: 100%; min-height: 600px;}
.cat_section {margin-top: -60px; padding-top: 120px;}

.product_item {text-align: center;}
.product_thumb, .feature_thumb {position: relative; margin-bottom: 15px;}
.product_thumb .shop_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;}
.product_item:hover .product_thumb .shop_btn{opacity: 1;}

@media (min-width:576px){
  .feature_block  .row [class*="col-"]:nth-child(even){margin-top: 60px;}
}
.feature_item {text-align: center;}
.item_price {font-size: 18px; font-weight: 500; color: var(--primary);}
.item_price del {margin-left: 12px; color: #777777;}
.feature_item h4, .product_item h4{font-size: 18px; font-weight: 500;}
.feature_item p {font-size: 13px; color: #5A5A5A;}




footer{background:var(--dark); color: white; text-align: center; padding:30px 0; font-size: 14px;}
footer a{color: white;}
.footer_logo {margin-bottom: 30px;}

.footer_link ul {list-style: none; margin: 0; padding: 0; overflow: hidden; margin-bottom: 30px; }
.footer_link ul li {display:inline-block;}
.footer_link ul li:before {display:inline-block;content:"/ ";padding:0 8px 0 8px;}
.footer_link ul li:first-child:before {content:"";padding-left:0;}
.footer_link ul li a:hover {opacity: .6;color: white; }

ul.social_list {list-style: none; margin: 0; padding: 0; overflow: hidden; margin-top: 30px; }
ul.social_list li {display: inline-block; margin-right: 7px;}
ul.social_list li a {display: block; background: white; width:36px; height: 36px; line-height: 30px;text-align: center; color: black; border-radius: 5px; position: relative; border-color: white;}
ul.social_list li a i,
ul.social_list li a svg {position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
ul.social_list li a svg {fill: black; width: 20px; height: 20px;}
ul.social_list li a:hover {opacity: .6; }


.footer_bar {margin-top: 30px;}


.full_screen_wrapper {display: none;}


.full_screen_wrapper {background-color:rgba(255,255,255,0.95); position:fixed; left:0; top:0; right:0; bottom:0; text-align: center; z-index:99; display:none;}
.full_screen_search {text-align: center; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.full_screen_search input.form-control {background-color:transparent; padding:20px 10px 20px 0; color: #000; text-decoration: none; font-size:30px; border:0; border-bottom:var(--primary) solid 2px; width:100%; -webkit-border-radius:0; border-radius:0;}
.full_screen_search input.form-control:focus {box-shadow: none!important; outline: 0!important;}
.full_screen_search .search_button {position:absolute; height: 3.5em; width: 3.5em; right:0; top:15px; background-color:var(--primary); -webkit-border-radius:50%; border-radius:50%; display:inline-block; border:0; color: white; font-size:15px; }
.cross_button {position:absolute; right:3%; top:3%; font-size:30px; display:inline-block; text-decoration: none; color: var(--primary);}
.cross_button:hover {color: var(--primary);}

.inner_bar {background:#f1ddc5; padding: 12px 0;}

.inner_section{margin-top: 0; padding-top: 50px;}
.breadcrumb {margin:0; padding:0; color:#777575; margin-bottom: 0px; padding: 10px 0; border-radius: 0; display: block; font-size: 14px; }
.breadcrumb > span {display: inline-block; padding: 0 10px;}
.breadcrumb a {color:#777575; text-decoration: none;}
.breadcrumb a:hover {color:black;}
.breadcrumb > span+span:before{  color: #777575; content:"/";padding-right: 15px;}
.breadcrumb > span.active{color:black;}


.inner_section .product_item {margin-bottom: 30px;}
ul.text_list {list-style: none; margin: 25px 0; padding: 0;}
ul.text_list li {margin-bottom: 7px;}
ul.text_list li b {font-weight: 600;}
.btn_block {margin-top: 15px;}



.intro_gallery1 {position: relative; overflow: hidden; margin-bottom: 60px;  }

.Swiper_small { padding:0; overflow: inherit;}
.Swiper_small .swiper-wrapper {display: block; text-align: center; }
.Swiper_small .swiper-slide {width:49% !important;cursor: pointer; margin: 0 auto 20px; float: left;}
.Swiper_small .swiper-slide:nth-child(even) {float: right;}
.Swiper_small .swiper-slide img {height:150px;object-fit: cover;}
.Swiper_small .swiper-slide-thumb-active {	opacity: 1; position: relative;}

.right_col-slider{position: relative; overflow: hidden; height:466px;}
.sidebar .heading{ margin-bottom: 25px;}


.slider .swiper-container { width: 100%; height: 100%;}
.slider__flex { display: flex; align-items: flex-start;}
.slider__col { display: flex; flex-direction: column; width: 155px; margin-right: 17px; height: 525px; overflow: hidden; }
.slider__prev, .slider__next { cursor: pointer; text-align: center; font-size: 20px; height: 60px; display: flex; align-items: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: black;}
.slider__prev:focus, .slider__next:focus { outline: none;}
.slider__thumbs { height: calc(525px - 96px);}
.slider__thumbs .slider__image { transition: 0.25s; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5;}
.slider__thumbs .slider__image:hover { opacity: 1;}
.slider__thumbs .swiper-slide-thumb-active .slider__image { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}
.slider__thumbs .swiper-slide-thumb-active .slider__image img{border: var(--primary) 1px solid;}
.slider__images { height: 525px;}
.slider__images .slider__image img { transition: 3s;}
.slider__images .slider__image:hover img { transform: scale(1.1);}
.slider__image { width: 100%; height: 100%; overflow: hidden;}
.slider__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer; border: #ddd 1px solid;}
@media (max-width: 767.98px) {
  .slider__flex { flex-direction: column-reverse;}
  .slider__col { flex-direction: row; align-items: center; margin-right: 0; margin-top: 24px; width: 100%;}
  .slider__images { width: 100%;}
  .slider__thumbs { height: 100px; width: calc(100% - 96px); margin: 0 16px;}
  .slider__prev, .slider__next { height: auto; width: 32px;}
}



.sidebar.left ul {list-style: none; margin: 0; padding: 0;}
.sidebar.left ul li{ display: block; margin-bottom: 7px;}
.sidebar.left ul li a{position: relative; padding-left: 20px; color: black; font-size: 14px;}
.sidebar.left ul li a:before{ position: absolute; left: 0; top: 0; content: "\-"; }
.sidebar.left ul li a:hover{ color: var(--primary-hover);}


.video_container {width: 100%; height: 600px; overflow: hidden; position: relative;}
.video_container video {width: 100%; height: 100%; transform: scale(2,2); position: absolute;}
@media (max-width: 991px) {
  .video_container {height: 400px;}
}