/*
Theme Name: Salient Child
Template: salient
*/

/*Fonts importieren, damit sie nicht von Google geladen werden müssen*/
/*-----------------START-----------------*/
@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/salient-child/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/salient-child/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/salient-child/fonts/roboto/Roboto-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/wp-content/themes/salient-child/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
/*-----------------ENDE-----------------*/


/*-------JD 140824: rounding corners of large buttons (solid color and see-through) START-------*/
.nectar-button.large.regular.regular-button  {
    border-radius: 30px !important;
}
.nectar-button.large.see-through.accent-color {
    border-radius: 30px !important;
    font-weight: 800;
    border: 4px solid rgba(255,255,255,.75);
    padding-left: 30px;
    padding-right: 30px;
}
/*-------JD 140824: rounding corners of jumbo buttons END-------*/

/*-------JD 140824: rounding corners of jumbo buttons START-------*/
.nectar-button.jumbo.regular.regular-button  {
    border-radius: 40px !important;
    color: red;
}
/*-------JD 140824: rounding corners of jumbo buttons END-------*/




#header-outer{
    top: 0px !important;
}

/*entfernt namen in header*/
#logo{
    display: none;
}

.menu-title-text:hover {
  color: #28E5BB; /* Deine Wunschfarbe */
}

/*Flip Box Font und Padding ändern
.flip-box-front {
    font-size: 20px;
    font-weight: bold;
}

.flip-box-front .inner{
    padding: 30px !important;
}

.flip-box-back .inner{
    padding: 30px !important;
}
*/

.strength-icon {
    max-width: 5em !important;
}

.strength .vc_column-inner{
    border: 0px !important;
}

/*ändert die Größe der Icons beim Kontaktfooter*/
.contact {
    max-width: 2em !important;
}

.contact-icon {
    max-width: 2em !important;
}

.contact-text {
    position: relative;
}