/*
Theme Name:	mrshoekran
Author:	mrshoekran
Author URI:	https://mrshoekran.online/
Template:	astra
Version:	1.0
*/

:root {
    --main-green: #2A6158;
    --light-green: #becfcc;
    --white: #fff;
    --black: #000;
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: 'Montserrat';
  font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat';
  font-weight: 800;
}
a:hover {
  text-decoration: underline;
}
.clear {
  clear: both;
}
.entry-content p,
.entry-content  {
  hyphens: auto;
}
.entry-content .phone a {
  display: inline-block;
  padding-left: 25px;
  background-image: url( 'images/phone-black.svg' );
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left center;
  margin-bottom: 10px;
}
.entry-content .whatsapp a {
  display: inline-block;
  padding-left: 35px;
  background-image: url( 'images/icons-whatsapp.svg' );
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  margin-bottom: 10px;
}

h1,
.entry-content h1 {
    font-size: 28px;
    font-size: 1.85rem;
    font-weight: 600;
    line-height: 1.4em;
}
h2,
.entry-content h2 {
    font-size: 20px !important;
    font-size: 1.275rem !important;
    font-weight: 600;
    line-height: 1.3em;
}
.entry-content ol li,
.entry-content ul li {
  margin-bottom: 15px;
}
.hidden {
  display: none !important;
}
.button:hover {
  text-decoration: none !important;
}

/* header */
.main-header-bar {
  background-color: var(--main-green) !important;
}
.main-header-bar * {
  color: var(--white) !important;
}
.site-branding {
  margin-bottom: -16px;
}
.sub-menu li {
  background-color: var(--main-green) !important;
  border-bottom: 1px solid var(--white) !important;
}
.sub-menu li a:hover {
  background-color: var(--black) !important;
}
.icon-user-login {
  width: 16px;
  height: 16px;
}

/* mobile navigation */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: var(--white) !important;
    width: 30px;
    height: 30px;
}

/* footer */
.site-above-footer-wrap[data-section="section-above-footer-builder"],
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background-color: var(--main-green) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.site-footer * {
  color: var(--white) !important;
}
.site-footer h2 {
  font-size: 1.2em;
}
.site-footer h3 {
  font-size: 1.0em;
}
.site-footer h4 {
  font-size: 0.8em;
}
.site-footer p {
  font-size: 0.95em;
}
.footer-phone {
  display: inline-block;
  padding-left: 25px;
  background-image: url( 'images/phone-white.svg' );
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left center;
  margin-bottom: 10px;
}
.footer-wa {
  display: inline-block;
  padding-left: 35px;
  background-image: url( 'images/icons-whatsapp-white.svg' );
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left center;
  margin-bottom: 10px;
}

.footer-mail {
  padding-left: 25px;
  background-image: url( 'images/mail-white.svg' );
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left center;
}
#block-9 .wp-block-gallery.wp-block-gallery-1 {
  gap: 10px !important;
  float: left;
}
#block-9 img {
  max-width: 30px !important;
  max-height: 30px !important;
  object-fit: contain !important;
}
/* acf global */
.acf-label {
  white-space: nowrap;
}
.acf-ui-datepicker .ui-state-highlight.ui-state-active  {
    background: var(--main-green) !important;
}

/* page orders */
.orders {
  margin-top: 10px;
}
.orders th {
  background-color: var(--main-green) !important;
  color: var(--white) !important;
}
.orders tr:hover,
.orders tr:hover td a {
  background-color: var(--light-green) !important;
  color: var(--white) !important;
}
.orders td {
  text-align: right;
}
.orders td.left {
  text-align: left;
}
.orders td.order-date {
  white-space: nowrap;
}
#acf-field_67a1d954663d4,
#acf-field_67a1d954663d4 option {
  font-size: 18px;
}

.acf-button-group label.selected {
    border-color: var(--main-green) !important;
    background: var(--main-green) !important;
}



.pagination-wrapper {
  width: 100%;
  text-align: center;
}
a.prev,
a.next {
  display: inline-block;
  padding: 7px 10px 7px 10px;
  background-color: var(--main-green) !important;
  color: var(--white) !important;
}
a.prev {
  float: left;
}
a.next {
  float: right;
}
a.page-numbers {
  display: inline-block;
  padding: 7px 10px 7px 10px;
  background-color: var(--main-green) !important;
  color: var(--white) !important;
  margin-right: 5px;
}
.pagination-wrapper .current {
  display: inline-block;
  padding: 7px 10px 7px 10px;
}
.pagination-wrapper .dots {
  display: none;
}


/* page/product laser engraving, hide add to cart */
body.page-id-1222 .price,
body.page-id-1222 .p3d-before-cart,
body.page-id-1222 .add-cart-wrapper,
body.page-id-1222 #p3d-quote-loading,
body.postid-1231 .price,
body.postid-1231 .p3d-before-cart,
body.postid-1231 .add-cart-wrapper,
body.postid-1231 #p3d-quote-loading {
  height: 0 !important;
}
body.page-id-1222 #p3d-cutting-instructions
body.postid-1231 #p3d-cutting-instructions {
  clear: both;
}
body.page-id-1222 .price-request-field,
body.postid-1231 .price-request-field {
  margin-bottom: 20px;
}
body.page-id-1222 .price-request-field,
body.postid-1231 .price-request-field {
  margin-right: 10px;
}


/* page order form */
.acf-field {
  max-width: 48%;
  width: 48%;
  float: left;
  clear: none !important;
  padding: 16px 2% 16px 0 !important;
  border-top-width: 0 !important;
}
/* wrapper for field svg-content, internal use only */
#svg-content {
  display: none;
}
/* order details comment */
.acf-field-67ab79863a74b {
  max-width: 100%;
  width: 100%;
  border-top: 2px solid var(--main-green) !important;
  padding-top: 35px !important;
  margin-top: 15px !important;
}
/* field service */
.acf-field-67a1d954663d4 {
  max-width: 100%;
  width: 100%;
  border-bottom: 2px solid var(--main-green);
  float: none;
  padding-bottom: 35px !important;
  margin-bottom: 15px !important;
}
#open-stamp-configurator {
  display: inline-block;
  width: auto;
  padding-top: 17px;
  padding-bottom: 17px;
  border-radius: 10px;
}

/* field adress */
.acf-field-67ac5dc25a112 {
  max-width: 100%;
  width: 100%;
  float: none !important;
  clear: left !important;
  border-bottom: 2px solid var(--main-green);
  padding-bottom: 35px !important;
  margin-bottom: 15px !important;
}
/* field chargeable Amount */
.acf-field_67a1d98b663d5 {
  clear: left !important;
}
/* field payment */
.acf-field-67a1d98b663d5 {
  clear: left !important;
}

#Stamp-template-preview .image-wrap svg,
.acf-image-uploader .image-wrap img[src$=".svg"] {
    min-height: 500px !important;
    min-width: 500px !important;
}
#Stamp-template-preview {
  margin-right: 4%;
  float: right;
}

/* stamp configurator */
#media-uploader {
  display: none;
}
#stamp-svg {
  max-width: 100%;
}
.field-c2faf1c {
  opacity: 0;
  height: 0;
}
#stamp-configurator {
  width: 100%;
  display: block;
}
#stampForm-wrapper {
  float: left;
  width: 55%;
}
.preview {
  float: left;
  width: 40%;
  margin-right: 4%;
  padding-top: 20px;
  text-align: center;
}
#stampPreview {
  text-align: center;
  max-width: 100%;
}
#get-svg-content {
  display: inline-block;
  margin: 0 auto;
}
.form-group.text-input {
  float: left;
  width: 63%;
}
.form-group.size-select {
  float: left;
  padding: 0 10px 0 5px;
}
.form-group.radio-input {
  padding: 10px 0 10px 0;
}
#stampForm input[type="radio"] {
    margin-right: 5px;
}
.logo-upload {
  padding-top: 15px;
  padding-bottom: 15px;
}
.text-input.file-upload {
  width: 50%;
}
.file-upload input {
  display: block;
}
#remove-logo {
  margin-top: 27px;
}
span.italic {
  font-style: italic;
}
span.bold {
  font-weight: bold;
}
.checkbox-button {
    margin: 25px 10px 0 0;
    background-color: #000;
    border-radius: 4px;
    border: 1px solid #000;
    overflow: auto;
    float: left;
}
.checkbox-button label {
    float: left;
    width: auto;
    cursor: pointer;
    padding: 0;
    margin: 0;
}
.checkbox-button label span {
    text-align: center;
    padding: 10px 16px;
    display: block;
    border-radius: 4px;
    color: #fff !important;
}
.checkbox-button label input {
    position: absolute;
    top: -20px;
    opacity: 0;
}
.checkbox-button input:checked + span {
    background-color: #2a6158;
    color:#fff;
}
.checkbox-button input:checked:hover + span {
    background-color: #2a6158;
    color: #fff;
}
#preview-button-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
#preview-button-wrapper .button {
  margin: 0 auto;
}

/* seal configurator */
.seals-overlay {
  min-height: 500px;
}
.field-1dc47d3 {
  opacity: 0;
  height: 0;
}

/* dater stamp configurator */
.dater-stamp-overlay{
  min-height: 700px;
}
.field-ef5e1ff {
  opacity: 0;
  height: 0;
}

/* page register */
.acf-fields.-clear>.acf-field {
    margin: 0;
}

/* about us */
.shoekran-legend table {
  width: auto !important;
  border: 0 !important;
}
.shoekran-legend table td {
  border: 0;
  font-size: 1.2em;
}
.shoekran-legend table td:first-child {
  text-align: right;
  white-space: nowrap;
}
.about-poster {
  min-height: 512px;
}

/* 3D printing calculator */
body.postid-1072 .woocommerce-product-gallery {
  display: none;
}
#p3d-model-message-upload {
  padding: 10px 10px 10px 10px !important;
}
#p3d-model-message-upload-icon {
  margin-bottom: 10px;
}
.p3dlite-stats {
  margin-top: 1em !important;
}
.p3dlite-stats td {
  padding: 10px !important;
}
.p3dlite-control {
  float: none !important;
  margin-top: 0 !important;
}
#p3d-dimensions-text {
  padding-top: 5px;
}
#p3d-scale-input,
#p3d-scale-dimensions {
  display: block !important;
}
#p3d-slider-range-value,
#p3d-scale-dimensions input {
    min-width: 90px;
    height: 40px !important;
    font-size: 16px !important;
    font-style: normal!important;
    font-weight: 400 !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
}
.p3d-list-group-item {
  opacity: 0.2;
  background-color: var(--white) !important;
  border: 0 !important;
  border-bottom: 1px solid #cfcfcf !important;
  padding-left: 0 !important;
}
.p3d-list-group-item.open {
  opacity: 1;
}
.p3d-info {
  margin-top: 20px !important;
}
#p3d-material-name,
.p3d-list-group-item > * {
  color: var(--black) !important;
}
.p3d-btn-light,
.p3d-btn-primary {
  display: inline-block;
  width: 45%;
  padding: 10px 20px;
  background-color: var(--main-green) !important;
  color: var(--white) !important;
  font-weight: 500 !important;
  font-size: 16px;
  font-size: 1rem !important;
  line-height: 1em;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  text-decoration: none !important;
  text-transform: none !important;
}
.p3d-button-content {
  padding-top: 20px !important;
}
.p3d-btn-light {
  background-color: var(--black) !important;
}
.p3d-btn-light:hover,
.p3d-btn-primary:hover {
  text-decoration: none;
}
.acc-step-number,
.p3d-badge-pill {
  background-color: var(--main-green) !important;
  color: var(--white) !important;
  padding: .5em .7em !important;
}
fieldset.p3d-fieldset legend {
  border: 0 !important;
  font-size: 100% !important;
  margin-bottom: 0 !important;
}
#p3d-amount-text {
  display: inline-block;
  margin-top: 20px;
}
.select2-container {
    z-index: 2000 !important;
}
#p3d-model-message-upload-txt {
  padding-top: 13px !important;
  display: inline-block !important;
}

/* laser cutting options */
#p3d-cutting-instructions-table {
    border: 0 !important;
}
#p3d-cutting-instructions-table tbody td {
    background-color: transparent !important;
}

/* shop page loop */
.woocommerce-js ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.0em;
    min-height: 40px;
}
.ast-grid-common-col .woocommerce_short_description,
.ast-woo-shop-product-description p {
  min-height: 145px;
  hyphens: auto;
  text-align: left !important;
}
#product-filter > * {
  display: inline;
  float: left;
  white-space: nowrap;
}
#product-filter h2  {
  font-size: 18px;
  font-weight: 400;
}
.woocommerce .woocommerce-ordering {
    margin-top: -68px;
    margin-bottom: 0;
}
.woocommerce-js .woocommerce-ordering select {
    width: auto;
    padding-right: 1.5em;
    font-size: 18px;
    font-weight: 400;
    margin-top: -8px;
    border: 1px dotted var(--black);
}

/* custom loop for category filter */
.ast-grid-common-col a.add_to_cart_button {
  text-align: center;
}
.ast-grid-common-col a:hover {
  text-decoration: none;
}


/* advanced product fields styles */
.copies-field input {
  min-width: 100px !important;
}
.surface-fields {
  width: auto !important;
  display: inline-block;
}
.surface-fields input {
  min-width: 100px !important;
}
.volume-fields {
  width: auto !important;
  display: inline-block;
}
.volume-fields input {
  min-width: 100px !important;
}

/* mini cart */
#menuiconid,
.carttxtbtnwraptct {
  color: var(--white) !important;
}
.whmc-cart-items {
  max-width: 95%;
}
.cart-item-data-field .variation-Model {
  display: none !important;
}



/* search */
.searchwp-modal-form-default .ast-search-submit {
  display: none;
}
.searchwp-modal-form__close {
  background: transparent !important;
  border-color: none !important;
}

/* product pages */
.woocommerce-Tabs-panel--description h2 {
  font-size: 1.20em !important;
}
#tab-description h2 {
  display: block !important;
}

.stamp-options {
  float: left;
  width: 45%;
}
.stamp-options:first-child {
  border-right: 1px solid #000;
  margin-right: 20px;
}

.stamp-options h2,
h2.chat-invitation {
  width: 100%;
  margin-bottom: 10px !important;
  font-size: 15px !important;
  font-size: 1.05rem !important;
}
.chat-button {
  display: block;
  width: 191px;
  height: 50px;
  text-align: center;
  background-image: url( 'images/chat-button.png' );
  background-repeat: no-repeat;
  background-size: 191px 50px;
  background-position: center;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}


/* woo styles overrides */
.woocommerce-js ul.products li.product strong {
  display: inline;
}
.woocommerce-cart-form__contents .variation-Model,
.woocommerce-checkout-review-order-table .variation-Model {
  display: none;
  max-width: 100% !important;
}
.entry-content .variation p {
  margin-top: 0px !important;
}
.woocommerce-cart-form__cart-item td p {
  margin-top: 0 !important;
}
#shipping_method li label {
  white-space: nowrap !important;
}

/* page my account */
.woocommerce-MyAccount-navigation ul li {
  margin-bottom: 0 !important;
}

/* astra styles overrides */
:root :where(.is-layout-flow) > * {
  margin-block-start: 0 !important;
}
.wp-block-columns {
    padding: 0 0 10px 0 !important;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 10px !important;
}
.entry-content p {
    margin-top: 10px !important;
}
.ast-plain-container.ast-no-sidebar #primary {
  margin-top: 60px !important;
}
.ast-article-post .post-thumb-img-content img {
    aspect-ratio: unset !important;
}
