/* 
Theme Name: Byggdagboken
Theme URI: https://www.heyonline.se/
Description: Byggdagboken Child Theme
Author: HeyOnline.se
Author URI: https://www.heyonline.se/
Template: hello-elementor
Version: 2.0.0
Text Domain: byggdagboken
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
*/

/* Add your custom styles here */

b, strong{
	font-weight: bold;
}

 img.back-btn{
   transform: rotate(180deg);;
   margin-top: -4px;
   margin-right: 10px;
 }
 
 .contact-icons{
 	justify-content: center;
 }
 
 .elementor-nav-menu .menu-item-5654{
 	display: none !important;
 }
 .widgetModal-close.js-closeModal.close{
 	margin-top: 10px !important;
 	margin-right: 10px;
 }
 .widgetModal-close.js-closeModal.close i{
 	color: black;
 }
 
 .callMePopup .nav-tabs li.active a, .callMePopup .modal-dialog .modal-body .nav-tabs li.active .nav-link, .callMePopup .modal-dialog .modal-body .nav-tabs li:hover .nav-link{
 	color: black !important;
 }
 .callMePopup .nav-tabs li.active a i, .callMePopup .modal-dialog .modal-body .nav-tabs li.active .nav-link i{
 	color: black !important;
 }
 
 #lc_submit_button{
 	    width: 100% !important;
     color: black;
     border-radius: 50px;
 }
 
 /* paket table borders  */
 .center-top-vertical.margintop > .hor-stack:nth-last-child(1){
   border-bottom-left-radius: 30px;
   border-bottom-right-radius: 30px;
 }
 
 .center-top-vertical.margintop > .hor-stack:nth-child(1) > .w-layout-cell:nth-last-child(1) > .cent-cent-rows{
   border-top-right-radius: 30px;
 }
 
 .center-top-vertical.margintop > .hor-stack:nth-last-child(1) > .w-layout-cell:nth-last-child(1) > .cent-cent-rows{
   border-bottom-right-radius: 30px;
 }
 /* End table boarders */
 
 
 @media(max-width: 480px){
 	.elementor-nav-menu .menu-item-5654{
 	display: flex !important;
 }
 	
   .fixed_callbtn_det.tooltip_top{
 		display: none !important;
 	}
 	
 	#callMePopup .modal-dialog{
 		width: 90%;
 	}
 }
 
 .elementor .person_image img{
 	max-width: 330px;
 }
 
 
 
 
 .qib-button-wrapper .screen-reader-text{
   all: unset !important;
 	font-size: 14px !important;
   
 }
 
 .qib-button-wrapper{
   gap: 20px !important;
   align-items: center !important;
 }
 
 .qib-button-wrapper .qib-button{
   padding: 0px !important;
   margin: 0 !important;
 }
 
 .qib-button-wrapper .input-text.qty {
   border-radius: 50px;
 }
 
 .tick_list ul{
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	position: relative;
 	padding-left: 35px;
 }
 
 .tick_list ul li{
 	margin-bottom: 20px;
 	position: relative;
 }
 
 .tick_list ul li:before{
 	position: absolute;
 	top: 4px;
 	left: -40px;
 	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 26 20' fill='none'%3E%3Cpath d='M9.34223 18.3561L9.69325 18.7021L10.0443 18.3561L24.351 4.25212L24.7122 3.89605L24.351 3.53998L22.4277 1.64393L22.0767 1.29789L21.7257 1.64393L9.69325 13.5058L4.27433 8.16368L3.92331 7.81764L3.57229 8.16368L1.64898 10.0597L1.28779 10.4158L1.64898 10.7719L9.34223 18.3561Z' fill='%23FF6F5D' stroke='%23FF6F5D'%3E%3C/path%3E%3C/svg%3E");
 	margin-right: 15px;
 	
 }
 
 
 .priceTable{
   box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
   border-radius: 30px;
 }
 
 .priceTable thead th{
   background-color: #222831;
   color: white;
   font-size: 1.3em;
   padding-top: 15px;
   padding-bottom: 15px;
 }
 
 .priceTable thead th:first-child{
     border-top-left-radius: 30px;
 }
 
 .priceTable thead th:last-child{
   border-top-right-radius: 30px;
 }
 
 .priceTable tbody td{
   padding-top: 8px;
   padding-bottom: 8px;
 }
 .priceTable tbody td.column-1{
   padding-left: 25px;
 }
 
 .priceTable tbody tr:last-child td{  
   border-bottom-left-radius: 30px;
   border-bottom-right-radius: 30px;
 }
 
 .elementor-menu-cart__toggle_button, .elementor-menu-cart__toggle_button:focus{
   background: transparent !important;
 }
 
 .featured .paket_single .single_bg{
 	background: #ffec80 !important;
 }
 
 .featured .paket_single .single_price h3{
 	color: #fe6f5d !important;
 }
 
 .featured .paket_single .add_to_cart_button{
 	background: #fe6f5d !important;
 	color: white !important;
 }
 
 .featured .paket_single {
 	background-color: #fff9da;
 }
 
 .woocommerce-js #customer_details, .woocommerce-js .woocommerce table.shop_table{
   border-radius: 15px !important;
 }
 .shop_table th{
   font-weight: bold !important;
 }
 .shop_table thead th{
   background-color: #222831;
   color: white;
 }
 
 .shop_table tbody tr:nth-child(2n + 1){
   background-color: #f9f9f9 !important;
 }
 .shop_table tbody tr td, .shop_table tfoot tr td{
   padding: 8px 12px !important;
 }
 
 .shop_table tfoot tr:last-child th:first-child{
   border-bottom-left-radius: 15px;
 }
 
 .shop_table tfoot tr:last-child td:last-child{
   border-bottom-right-radius: 15px;
 }
 
 .shop_table thead th:first-child {
   border-top-left-radius: 15px;
 }
 .shop_table thead th:last-child {
   border-top-right-radius: 15px;
 }
 
 .wc-forward {
 	display: none;
 }
 
 /* side cart cart button */
 .fc-woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
   display: none !important;
 }
 
 
.elementor .btn-dark {
 	background-color: rgb(66, 66, 65);
 	font-family: Archivo, sans-serif;
 	font-size: 16px;
 	font-weight: 600;
 	fill: rgb(255, 255, 255);
 	color: rgb(255, 255, 255);
 	border-style: solid;
 	border-width: 1px;
 	border-color: rgb(66, 66, 65);
 	border-radius: 50px;
 	padding: 5px 20px;
 }
 .elementor .btn-dark:hover {
 	background-color: rgba(2, 1, 1, 0);
 	color: rgb(66, 66, 65);
 	border-color: rgb(66, 66, 65);
 }
 .elementor .btn-dark:focus {
 	color: white;
 }
 
.elementor .btn-red {
 		background-color: rgb(255, 111, 93);
     font-family: Archivo, sans-serif;
     font-size: 16px;
     font-weight: 600;
     fill: rgb(255, 255, 255);
     color: rgb(255, 255, 255);
     border-style: solid;
     border-width: 1px;
     border-color: rgb(255, 111, 93);
     border-radius: 50px;
     padding: 5px 20px;
 }
.elementor .btn-red:hover {
 	background-color: rgba(2, 1, 1, 0);
 	color: rgb(255, 111, 93);
 	border-color: rgb(255, 111, 93);
 }
.elementor .btn-red:focus {
 	color: white;
 }
 
 /* loader i add_to_cart knapp */
 .custom-spinner {
   display: inline-block;
   width: 16px;
   height: 16px;
   border: 3px solid #fff;
   border-top: 3px solid #FF6F5D;
   border-radius: 50%;
   animation: spin 0.8s linear infinite;
   margin-left: 5px;
   vertical-align: middle;
 }
 
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }

/* Menu */

.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown{
  
  width: min(920px, calc(100vw - 32px)) !important;
  /* spacing + look */
  padding: 16px !important;
  border-radius: 14px;
  box-shadow: 0 18px 55px rgba(0,0,0,.14);
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  
  max-height: min(70vh, 520px);
  overflow: auto;

  columns: 3;
  column-gap: 18px;
}

.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 8px;
}

.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a.elementor-sub-item{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 12px;
  padding-left: 0;
  border-radius: 10px;

  color: inherit;
  text-decoration: none;

  transition: background-color .15s ease, transform .15s ease;
}

.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a.elementor-sub-item:hover,
.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li > a.elementor-sub-item:focus{
  background: rgba(0,0,0,.05);
  transform: translateY(-1px);
  outline: none;
}

/* Menu End */
 /* Funktion */
.acf-heading-text-repeater{

}
.acf-heading-text-repeater__item{
  padding: 40px 0;
}

.acf-heading-text-repeater__item.is-grey{
  background: var(--e-global-color-db8f90f);
}

.acf-heading-text-repeater__description{
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

.acf-heading-text-repeater h2{
  font-size: var( --e-global-typography-f5b3fa5-font-size );
  font-weight: var( --e-global-typography-f5b3fa5-font-weight );
  line-height: var( --e-global-typography-f5b3fa5-line-height );
}

.acf-heading-text-repeater h3{
      font-family: var( --e-global-typography-9e2f769-font-family ), Sans-serif;
    font-size: var( --e-global-typography-9e2f769-font-size );
    font-weight: var( --e-global-typography-9e2f769-font-weight );
    line-height: var( --e-global-typography-9e2f769-line-height );
}


.acf-features-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}


.acf-feature-card{
  border:1px solid #D9D9D9;
  border-radius:10px;
  padding:40px;
  transition:transform .25s ease;
  background:#fff;
}

.acf-feature-card:hover{
  transform:scale(1.025);
}

.acf-feature-card__top{
  display:flex;
  align-items:center;
  gap:10px; 
}

.acf-feature-card__icon{
  flex:0 0 20%;
  max-width:20%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.acf-feature-card__icon img{
  width:65px;
  height:65px;
  object-fit:contain;
  display:block;
}

.acf-feature-card__heading{
  flex:0 0 80%;
  max-width:80%;
  margin:0;
  font-family:"Archivo", sans-serif;
  font-size:29px;
  font-weight:800;
  line-height:1;
}

.acf-feature-card__desc{
  margin-top:20px;
  font-family:"Archivo", sans-serif;
  font-size:16px;
  line-height:24px;
  color:#424241;
}

.acf-feature-card__desc *{
  margin-bottom: 0;
}

@media (max-width:1024px){
  .acf-features-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  

  .acf-feature-card{
    padding:24px;
  }

  .acf-feature-card__icon{
    flex:0 0 30%;
    max-width:30%;
  }

  .acf-feature-card__icon img{
    width:60px;
    height:60px;
  }

  .acf-feature-card__heading{
    flex:0 0 70%;
    max-width:70%;
    font-size:20px;
    line-height:24px;
  }

  .acf-feature-card__desc{
    font-size:14px;
  }
}

/* End */


/* Elementor form styling */

.elementor-form .elementor-field-textual{
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.25) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.elementor-form .elementor-field-group{
  position: relative;
}

.elementor-form .elementor-field-group::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;                
  height: 2px;              
  background: #FF6F5D;       
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
  pointer-events: none;
}

.elementor-form .elementor-field-group:focus-within::after{
  transform: scaleX(1);
}

.elementor-form .elementor-field-group:hover .elementor-field-textual{
  border-bottom-color: rgba(0,0,0,.45) !important;
}


.elementor-form .elementor-field-textual.elementor-error{
  border-bottom-color: rgba(239,68,68,.8) !important;
}
.elementor-form .elementor-field-group:has(.elementor-error)::after{
  background: #ef4444;
}

/* End */

a.ajax_add_to_cart.loading {
  position: relative;
  pointer-events: none; /* optional: prevents double-clicks */
}

/* Cart spinner */
a.ajax_add_to_cart.loading::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 3px solid #fff;
  border-top: 3px solid #FF6F5D;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-left: 8px;
  vertical-align: middle;
}

a.ajax_add_to_cart.loading .elementor-button-text {
  opacity: 0.8;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Cart spinner end */