/* 
Theme Name: Ripskogs Mek & Svets
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
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
*/

/* Add your custom styles here */


/* =========
   Extra färg för <span>
   ========= */

.bla {
	color: #82B4C3;
}

/* =========
   Diverse till menyn
   ========= */

@media only screen and (min-width: 1024px) {
  #knapp {
    color: #ffffff !important;
    font-size: 0.875em !important;
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 35px !important;
    padding: 10px 25px;
	margin: 0 0 0 20px;
    height: fit-content;
    align-self: center;
    transition: background-color 0.2s ease;
  }

  #knapp:hover {
    background-color: #82B4C3 !important;
	border: 1px solid #82B4C3 !important;
  }
}

/* =========
   Knappar "Type" färger
   ========= */

/* INFO */
.elementor-element.elementor-button-info .elementor-button {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.elementor-element.elementor-button-info .elementor-button:hover {
  background-color: #82B4C3 !important;
  border-color: #82B4C3 !important;
  color: #ffffff !important;
}

/* SUCCESS */
.elementor-element.elementor-button-success .elementor-button {
  background-color: transparent !important;
  border-color: #000000 !important;
  color: #000000 !important;
}

.elementor-element.elementor-button-success .elementor-button:hover {
  background-color: #82B4C3 !important;
  border-color: #82B4C3 !important;
  color: #ffffff !important;
}

/* WARNING (Varning) */
.elementor-element.elementor-button-warning .elementor-button {
  background-color: transparent !important; 
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.elementor-element.elementor-button-warning .elementor-button:hover {
  background-color: #D74E0B !important;
  border-color: #D74E0B !important;
  color: #ffffff !important;
}

/* DANGER (Fara) */
.elementor-element.elementor-button-danger .elementor-button {
  background-color: transparent !important; 
  border-color: #000000 !important;
  color: #000000 !important;
}
.elementor-element.elementor-button-danger .elementor-button:hover {
  background-color: #D74E0B !important;
  border-color: #D74E0B !important;
  color: #ffffff !important;
}

/* Mjuk hover på alla typer */
.elementor .elementor-button {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
	
.elementor-cta__button.elementor-button {
  border: 0 solid #fff !important;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}




.elementor-location-header .e-n-menu-toggle {
  background-color: transparent !important;
  border-color: transparent !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (max-width: 1023px) {
  .e-n-menu-icon svg {
    fill: #000000 !important;
  }
}

@media screen and (max-width: 1024px) {
	#e-n-menu-title-6611 {
		padding-top: 20px;
	}
	#e-n-menu-title-6616 {
		padding-bottom: 20px;
	}
}