/* 
Theme Name: Henel
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Henel
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


 			/*@font-face{
              font-family: font1;
              font-weight: normal;
                src: url(./fonts/HankenGrotesk-Regular.ttf);
            }
            @font-face{
                font-family: font2;
                font-weight: 300;
                src: url(./fonts/HankenGrotesk-Light.ttf);
            }
            @font-face{
                font-family: font3;
                font-weight: normal;
               src: url(./fonts/Forum-Regular.ttf);
            }
            @font-face{
                font-family: font4;
                font-weight: 500;
               src: url(./fonts/HankenGrotesk-Medium.ttf);
            }
             @font-face{
                font-family: font5;
                font-weight: 600;
               src: url(./fonts/HankenGrotesk-SemiBold.ttf);
            }*/

            :root{
                --font1: "NeueHaasGroteskDisplayPro35ExtraLight";
                --font2: "NeueHaasGroteskDisplayPro35ExtraLight";
                --font3: "EmpiraExtraLight";
                --font4: "NeueHaasGroteskDisplayPro35ExtraLight";
                --font5: "NeueHaasGroteskDisplayPro35ExtraLight";
                --color1: #19233F;
                --color2: #242424;
                --color3: #fff;
            }


h1.elementor-heading-title,h2.elementor-heading-title,h3.elementor-heading-title,h4.elementor-heading-title,h5.elementor-heading-title,h6.elementor-heading-title,h1,h2,h3,h4,h5,h6{
		font-family: var(--font3)!important;
}

.elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor span,p,a,.elementor-icon-list-item span,.elementor-icon-list-item{
	font-family: var(--font1)!important;
	letter-spacing: 0.70px;
}
.footer-col h2{
	font-weight: bolder!important;
}
button:focus{
background-color: transparent!important;
  }           
.site-navigation ul.menu{
	column-gap: 8px;
}
.site-navigation ul.menu li a{
	font-family: var(--font2);
	color: var(--color1);
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase!important;
	padding: 10px!important;
	display: flex;
 	align-items: center;
 	border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.site-navigation ul.menu li a:hover,.site-navigation ul.menu li.current-menu-item.current_page_item a{
	border-bottom: 1px solid var(--color1);
}

ul#menu-main-menu li.phone-menu a{
	border: 1px solid var(--color1);
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	padding: 12px!important;
}
ul#menu-main-menu li.phone-menu a::before{
	content: '';
	background-image: url('images/phone-icon.svg');
	background-size: 24px;
	display: block;
	width: 24px;
    height: 24px;
}
ul#menu-main-menu li a:hover{
	opacity: 0.8;
}
ul#menu-main-menu li.phone-menu{
	margin-left: 80px;
}
.site-header{
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border-bottom: 0.5px solid rgb(25 35 63 / 50%);
}
.um-field-checkbox{
	display: none!important;
}
.um-login-extras{
	display: flex;
	justify-content: space-between;
}
.um-form #um-submit-btn{
	width: 100%!important;
}
.home-banner.slick-dotted.slick-slider{
	margin-bottom: 24px;
}
#homebanner-prev-btn .elementor-button-icon svg,#homebanner-next-btn .elementor-button-icon svg{
	width: 32px!important;
}
.home-banner .slick-dots li button::before{
	content: '';
	background-image: url('images/hdot.svg');
	background-size: 10px;
	display: block;
	width: 10px;
    height: 10px;
}
.home-banner .slick-dots li button{
	padding: 0px;
	width: 10px;
	height: 10px;
}
.home-banner .slick-dots li button:hover{
	background-color: transparent!important;
}
.home-banner .slick-dots li{
	width: 10px;
	height: 10px;
	margin:0px;
}
.home-banner .slick-dots{
	display: flex;
	justify-content: flex-start;
	column-gap: 4px;
	bottom: -45px;
	width: fit-content;
}
.home-banner .slick-dots li:nth-child(2) button::before{
	opacity: 0.6!important;
}
.home-banner .slick-dots li:nth-child(3) button::before{
	opacity: 0.3!important;
}
.home-banner .slick-dots li:nth-child(4) button::before{
	opacity: 0.15!important;
}
.banner-nav-btn{
	display: flex;
}
body .home-banner .slick-dots li.slick-active button::before {
    opacity: 1!important;
}

#gold-silver-calculator{
	background-color: #fff!important;
	/*padding: 40px 29.5px 50px 29.5px!important;*/
}
.calculator-inner{
	padding: 40px;
}
.calculator-inner.gold-inner{
	border-bottom: 1px solid rgba(36, 36, 36, 0.2);
}
.gsc-options-container{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#gsc-fineness-options label input[type="radio"] ~ .wpcf7-list-item-label,#gsc-metal-options label input[type="radio"] ~ .wpcf7-list-item-label{
  display: flex;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #ABABAB;
  font-family: var(--font4);
  padding: 9.5px 26px;
  color: rgba(36, 36, 36, .80);
  background-color: #fff;
}

#gsc-fineness-options label input ,#gsc-metal-options label input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#gsc-fineness-options label input[type="radio"]:checked ~ .wpcf7-list-item-label,#gsc-metal-options label input[type="radio"]:checked ~ .wpcf7-list-item-label{
    background: #D8D8D8;
    border: 1px solid #ABABAB;
}
#gsc-fineness-options label input[type="radio"]:hover ~ .wpcf7-list-item-label,#gsc-metal-options label input[type="radio"]:hover ~ .wpcf7-list-item-label,{
    background: #D8D8D8;
    border: 1px solid #ABABAB;
}
.table-wrap-head h3{
	font-family: var(--font3);
	color: #19233F;
	font-size: 24px;
	line-height: 28.8px;
	letter-spacing:1.2px;
	text-transform: uppercase;
}
.table-wrap-head.silver h3{
	background-color: rgba(159, 184, 185, .8);
}

.gold-silver-calculator-inner-header{
	padding: 40px 30px 0px 30px;
}
.gold-silver-calculator-inner-header h3{
	font-family: var(--font3);
	color: #19233F;
	font-size: 24px;
	line-height: 28.8px;
	border-bottom: 1px solid rgba(36, 36, 36, 0.15);
	padding-bottom: 12px;
	text-transform: uppercase;
}
.grandtotal-wrap-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.grandtotal-wrap{
	padding: 42px 0px 0px 0px;
}

.grandtotal-wrap-inner h3{
    margin: 0px!important;
    font-family: var(--font1);
	color: rgba(36, 36, 36, 0.8);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	text-transform: uppercase;
}
.grandtotal-wrap-inner h3.gsc-grand-total-value{
	font-family: var(--font5);
	color: rgba(36, 36, 36, 1);
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.42px;
}
.discount-notice p{
	font-family: var(--font2);
	color: rgba(36, 36, 36, 0.8);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	font-style: italic;
}
.discount-notice{
	margin-top: 4px;
}
.grandtotal-wrap-inner{
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(36, 36, 36, 0.15);
}
button.gsc-add-feinheit{
	border: 1px solid #19233F;
	padding: 8px 10px;
	font-family: var(--font1);
	font-size: 16px;
	line-height: 21px;
	color: #19233F;
	border-radius: 0px;
	display: flex;
	column-gap: 8px;
	align-items: center;
}
button.gsc-add-feinheit img{
	display: flex;
	width: 24px;
}
button.gsc-add-feinheit:hover{
	background-color: #19233F;
	color: #fff!important;
}
button.gsc-add-feinheit:hover img{
	filter: brightness(0) invert(1);
}
.gsc-table td{
	font-family: var(--font4);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	color: rgba(36, 36, 36, .8);
}
.gsc-table th{
	font-family: var(--font1);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	color: #242424;
	font-weight: normal;
}
.popup-button{
	display: flex;
	justify-content: flex-end;
	margin-top: 24px;
	column-gap: 10px;
}
button#gsc-save-feinheit{
	width: 137px;
	height: 41px;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: var(--font1);
	font-size: 16px;
	line-height: 21px;
	text-transform: uppercase;
	color: #fff;
	background-color: #19233F;
	border: 1px solid #19233F;
}
.gsc-step h3{
	font-family: var(--font1);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	text-transform: uppercase;
	color: rgba(36, 36, 36, .8);
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(36, 36, 36, .15);
	margin-bottom: 20px;
}
button#gsc-save-feinheit:hover,button#gsc-save-feinheit:focus{
	color:#19233F;
	background-color: transparent;
}
.gsc-options-container label input[type="radio"]:disabled ~ .wpcf7-list-item-label {
    opacity: 0.5;
    cursor: not-allowed;
}
#gsc-metal-options label input[type="radio"] ~ .wpcf7-list-item-label{
	padding: 0px;
	width: 100%;
	height: 55px;
	width: 167px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#gsc-weight-input-container{
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
}
.gsc-metal-info{
	width: 140px;
	height: 55px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gsc-weight-control,.gsc-value-control,.gsc-button-control{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
}
tr[data-metal="gold"] .gsc-metal-info{
  background-color: #D19920;
}
tr[data-metal="silber"] .gsc-metal-info{
  background-color: #9FB8B9;
}
tr[data-metal="platinum"] .gsc-metal-info{
  background-color: #AFAFAF;
}
tr[data-metal="palladium"] .gsc-metal-info{
  background-color: #A5AA8A;
}
.gsc-metal-info{
	color: #fff;
}
.gsc-metal-info .gsc-metal-fineness{
	font-family: var(--font5);
	font-size: 16px;
	line-height: 21px;
}
.gsc-metal-info .gsc-rate-display{
	font-family: var(--font1);
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.42px;
}
button.gsc-qty-btn{
	padding: 0px!important;
	width:24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 20px;
	border-radius: 0px;
	border: 1px solid rgba(36, 36, 36, .2);
	color:rgba(36, 36, 36, .4);
	font-size: 24px;
	line-height: 25px;
}
button.gsc-qty-btn:hover{
	background-color: #000!important;
	color: #fff!important;
}
#gsc-weight-input{
	width: 114px;
	height: 55px;
	border-radius: 0px!important;
	border: 1px solid #ABABAB;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font4)!important;
	font-size: 20px;
	line-height: 26px;
	outline: none!important;
	box-shadow: none!important;
}
button.gsc-remove{
	padding: 0px!important;
	border: none!important;
	background-color: transparent!important;
}
.popup-button button{
	width: 114px;
	height: 41px;
	background-color: #19233F;
	border: 1px solid #19233F;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	font-family: var(--font1);
	text-transform: uppercase;
	border-radius: 0px!important;
}
.popup-button button:hover{
	background-color: transparent;
	color:#19233F;
}
.popup-button button#gsc-save-item{
	width: 120px;
}
table tr:nth-child(even),
table tr:nth-child(odd) {
  background-color: transparent !important;
}
.gsc-table input[type=number],.gsc-table input[type=text]{
	padding: 0px;
	border: none!important;
	outline: none!important;
	font-family: var(--font4);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	color: rgba(36, 36, 36, .8);
}
button.gsc-qty-btn.gsc-qty-plus span{
	margin-top: -4px;
}
.gsc-weight-control{
	justify-content: space-between;
}
.subtotal{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(36, 36, 36, 0.15);
}
.subtotal p{
	margin-bottom: 0px!important;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	color: rgba(36, 36, 36, .8);
	font-family: var(--font1);
}
.subtotal span{
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	color: #242424;
	font-family: var(--font4);
}
.popup-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.popup-header a{
	display: flex;
}
.popup-header a img{
	width: 179px;
}
.gsc-close{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
	background-color: #E8E8E8;
	display: flex;
	align-items: center;
	justify-content: center;
}
#gsc-feinheit-heading{
	text-transform: uppercase;
	font-family: var(--font1);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.42px;
	color: rgba(36, 36, 36, .8);
	width: 100%;
	border-bottom: 1px solid rgba(36, 36, 36, 0.15);
	padding-bottom: 8px;
	margin-bottom: 20px;
}


.calculator-table::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.calculator-table::-webkit-scrollbar-track {
  background: #fff; 
}
 
.calculator-table::-webkit-scrollbar-thumb {
  background: #19233f; 
  border-radius: 20px;
  width: 5px;
}
.calculator-table::-webkit-scrollbar-thumb:hover {
  background: #19233f; 
}
.table-wrap-head button.gsc-add-item{
	border-radius: 0px;
	border: 1px solid #19233F;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	font-family: var(--font1);
	font-size: 16px;
	line-height: 21px;
	color: #19233F;
}
.table-wrap-head button.gsc-add-item:hover img{
	filter: brightness(0) invert(1);
}
.table-wrap-head button.gsc-add-item:hover{
	background-color: #19233F;
	color: #fff;
}
.table-wrap-head button.gsc-add-item span{
	display: flex;
}
.gsc-metal-rate-column{
	width: 140px;
}
.gsc-placeholder-content img{
	margin-bottom: 8px;
}
.gsc-placeholder-content{
	text-align: center;
	background-color: #F6F6F6;
	padding: 34px 83px;
}
.gsc-table th{
	width: 141px;
	vertical-align: middle;
}
.gsc-table th:last-child{
	background-color: transparent!important;
    width: 67px;
    padding: 17px 0px;
    min-width: 67px;
}
.gsc-table th button#gsc-clear-all{
	background-color: transparent!important;
	border: none!important;
	outline: none!important;
	box-shadow: none!important;
	color: rgba(36, 36, 36, .60)!important;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.42px;
}
.gsc-table th button#gsc-clear-all:hover{
	color: #000!important;
}
.field_input input, .field_input textarea{
	outline: none!important;
}
.intl-tel-input.separate-dial-code .selected-flag{
	background-color: transparent!important;
}
.gsc-placeholder-content p{
	margin-bottom: 2px!important;
	color: rgba(36, 36, 36, .8)!important;
}
.error.mar-90{
		margin: 50px 0px;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
}
.error.mar-90 h1{
	text-align: center;
}