/*
Theme Name:   DimabayWebsiteTheme
Description:  Hello Elementor Child-Theme für Dimabay Websites.
Author:       Julia Deege
Author URL:   https://deesign-berlin.de/
Template:     hello-elementor
Version:      1.0
Text Domain:  DimabayWebsiteTheme
*/

/* Write here your own personal stylesheet */

/* prevents overflow of animations. prevents horizontal scrollbar from appearing (mobile view) */

.site-main {
    overflow-x: hidden;
}


/* CUSTOM! -- Fix "Versender Werden" Blue Box - CSS Generation Issue
 * the below code sets the css manually in case the combination of wordpress&elementskit isn't able to
 * 
 * to manually fix this on any change to the website go to 
 * elementor -> tools -> regenerate css  afterwards refresh the raidboxes cache
 */

.elementor-widget-elementskit-icon-box .elementskit-infobox {
    background-color: var( --e-global-color-primary ) !important;
    padding: 50px 40px 50px 40px !important;
    box-shadow: 0px 12px 10px 0px rgb(0 0 0 / 50%) !important;
    border-style: solid !important;
    border-width: 0px 0px 0px 0px !important;
    border-radius: 17px 17px 17px 17px !important;
}

.elementskit-info-box-title {
    color: var( --e-global-color-9c3c470 ) !important;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: var( --e-global-typography-secondary-font-weight );
    text-transform: var( --e-global-typography-secondary-text-transform );
    line-height: var( --e-global-typography-secondary-line-height );
    letter-spacing: var( --e-global-typography-secondary-letter-spacing );
}

.elementskit-btn {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var( --e-global-color-text ) !important;
    background-color: var( --e-global-color-9c3c470 ) !important;
}

.elementskit-info-box-icon {
    padding: 0px 0px 0px 0px;
    transform: rotate(0deg);
    width: 146px;
    line-height: 0px;
}

/* Changed Elementor Error Message Style
 */

.elementor-message.elementor-message-danger {
  display: block;
  padding: 6px;
  margin: 6px;
  border-radius: 3px;
  border: 1px solid rgb(238,211,215);
  background-color: rgb(242,222,222);
}

/* CUSTOM! -- WPML Language Switcher Padding Fix (in mobile view the language switcher had a line break due to too many elements) 

.wpml-ls-item  a{
    padding: 10px 15px !important;
}

*/

/* CUSTOM! -- MERGE CALCULATOR BOXES TOGETHER */


#calculator-section .calc-container.horizontal .calc-list {
    margin-bottom: 0 !important;
}

#calculator-section .calc-container.horizontal .calc-subtotal {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

#calculator-section .calc-container.horizontal {
	max-width: 800px;
	margin: auto;
}


#calculator-section .calc-container.horizontal .calc-list.calc-fields .calc-item {
    width: 100%!important;
}

#calculator-section .calc-container.horizontal .calc-list.calc-fields {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-bottom: 0 !important;
}

#calculator-section .calc-container.horizontal .calc-list {
    min-height: auto !important;
} 

/* CUSTOM! -- Remove Padding from Calculator on Tablet+Desktop */

@media only screen and (min-width: 768px) {
  .calc-container {
      padding: 0px 0px 0px 30px !important;
  }
}

/* CUSTOM! -- Set Z-Index on ElementsKit Widget in order for Calculators to properly initialize */


.ekit-wid-con .tab-content > .active { 
    z-index: 99999999999 !important;
}

/* custom tooltip styling (form information) */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* LOCALLY HOST GOOGLE FONTS: RUBIK 
 * https://digital-workshop.at/elementor-google-fonts-lokal-einbinden/
*/

/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/rubik-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/rubik-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/rubik-v14-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/rubik-v14-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/rubik-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-800 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/rubik-v14-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('fonts/rubik-v14-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-300italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/rubik-v14-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/rubik-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-500italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('fonts/rubik-v14-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-600italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('fonts/rubik-v14-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-700italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/rubik-v14-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-800italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('fonts/rubik-v14-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-900italic - latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('fonts/rubik-v14-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/rubik-v14-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}