/*!
Theme Name: patientinsights.org - Hello Elementor Child
Description: Child-theme for the main-theme Hello Elementor. Fit the needs for the website patientinsights.org
Author: BuildingBridges gGmbH
Author URI: https://buildingbridges.social
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor
*/

/* Webfont (Roboto)*/
@font-face {
 font-family: Roboto;
 src: url("webfont.woff2");
 font-display: swap;
}

html, body
{
   margin: 0px !important;
   padding: 0px !important;
   font-family: Roboto !important;
   hyphens: auto;
}

.spec-no-hyphens
{
   hyphens: none;
}

h6
{
   font-size: 20px !important;
   color: #000000 !important;
   font-weight: 700 !important;
}

ul
{
  padding-left: 15px;
}

.epi-start-survey-ack-formart
{
   width: 100%;
   display: flex;
}

.epi-start-survey-ack-left
{
   width: 20px;
   margin-right: 10px;
}

.epi-start-survey-ack-right {
   font-size: 18px;
   margin-bottom: 30px;
   padding-right: 6px;
}

.epi-start-survey-ack-right a,
.elementor-tab-content a,
.epi-redirect-link,
.epi-newsletter-reg-ack-right a
{
   color: #004080;
   font-weight: 700;
}

.epi-start-survey-ack-right a:hover,
.elementor-tab-content a:hover,
.epi-redirect-link:hover,
.epi-newsletter-reg-ack-right a:hover
{
   color: #000000;
   text-decoration: underline;
}

.epi-start-survey-ack-left input[type="checkbox"],
.epi-newsletter-reg-ack-left input[type="checkbox"]
{
   width: 20px;
   height: 20px;
   border-color: #000000;
   margin-top: 5px;
}

.epi-fancybox-content
{
   hyphens: auto !important;
   font-family: Roboto !important;
   font-size: 20px;
   padding: 15px;
   color: #000000;
}

.epi-fancybox-content img
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.epi-fancybox-content ul {
  padding-left: 18px;
}

.epi-fancybox-content h1
{
   font-size: 32px;
   color: #000000;
   font-weight: 700;
   hyphens: auto !important;
}

.epi-fancybox-content h4,
.epi-fancybox-content h6
{
   font-size: 20px;
   color: #000000;
   font-weight: 700;
   hyphens: auto !important;
}

.epi-start-survey-ack-cta
{
   margin-top: 20px;
   margin-bottom: 50px;
   text-align: center;
   transition: transform 0.3s ease-in-out;
}

.epi-survey-share-link
{
   margin-top: 50px;
   margin-bottom: -10px;
   text-align: center;
   transition: transform 0.3s ease-in-out;
}

.epi-start-survey-ack-cta:hover,
.epi-survey-share-link:hover,
.epi-newsletter-reg-submit:hover
{
   transform: scale(1.06);
}

.elementor-accordion-item
{
   margin-bottom: 15px;
}

.elementor-tab-content
{
   text-align: justify !important;
   padding: 3px !important;
   margin: 0px !important; 
}

.epi-newsletter-reg-formart
{
   width: 100%;
   border: 2px solid #004080;
   border-radius: 8px;
}

.epi-newsletter-reg-line
{
   width: calc(100% - 50px);
   margin: 25px;
}

.epi-newsletter-reg-line h2
{
   color: #004080;
   font-size: 38px;
   font-weight: 700;
   text-align: center;
}

.epi-newsletter-reg-hidden
{
   display: none;
}

.epi-newsletter-reg-line input[type="text"],
.epi-newsletter-reg-line input[type="email"]
{
  width: 100%;
  border: 0;
  border-bottom: 2px solid #004080;
  border-radius: 0;
  font-size: 18px;
}

.epi-newsletter-reg-line input[type="text"]:focus,
.epi-newsletter-reg-line input[type="email"]:focus,
.epi-newsletter-reg-line input[type="text"]:focus-visible,
.epi-newsletter-reg-line input[type="email"]:focus-visible,
.epi-newsletter-reg-line input[type="text"]:target,
.epi-newsletter-reg-line input[type="email"]:target
{
  width: 100%;
  border: 0;
  border-bottom: 2px solid #000000;
  border-radius: 0;
  color: #000000;
  outline: none;
}

.epi-newsletter-reg-ack-formart
{
   display: flex;
   width: calc(100% - 50px);
   margin: 25px;
   font-size: 18px;
}

.epi-newsletter-reg-ack-left input[type="checkbox"]
{
   width: 20px;
   height: 20px;
   margin-top: 5px;
   margin-right: 8px;
}

.epi-newsletter-reg-ack-notice
{
   width: calc(100% - 50px);
   margin: 25px;
   color: #808080;
   font-size: 15px;
}

.epi-newsletter-reg-submit
{
   width: 100%;
   text-align: center;
}

.epi-newsletter-reg-submit [type="submit"]
{
   margin-top: 20px;
   margin-bottom: 50px;
   text-align: center;
   transition: transform 0.3s ease-in-out;
}

.epi-survey-share-link [type="button"], .epi-survey-share-link [type="submit"], .epi-survey-share-link button {
  color: #004080 !important;
  border: 1px solid #004080 !important;
  font-weight: bold !important;
}

[type="button"]:hover, [type="submit"]:hover, button:hover {
  color: #ffffff !important;
  background: #004080 !important;
  border: 1px solid #004080 !important;
  font-weight: bold !important;
}

.pi-survey-list-formart
{
   width: 100%;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-top: 20px;
}

.pi-survey-list-content
{
   font-size: 18px;
   text-align: justify;
   hyphens: auto !important;
}

.pi-survey-list-button
{
   text-align: center;
   margin-top: -15px;
   border-bottom: 1px solid #000000;
   padding-bottom: 30px;
}

.pi-survey-list-button a
{
   font-weight: bold;
   text-transform: uppercase;
   color: #004080;
   border: 1px solid #004080;
   border-radius: 8px;
   background: #ffffff;
   padding: 12px;
}

.pi-survey-list-button a:hover
{
   color: #ffffff !important;
   background: #004080;
   text-decoration: none !important;
}

.pi-survey-list-image img
{
   height: auto;
   filter: brightness(0) invert(0);
}

@media (max-width: 699px)
{
.pi-survey-list-formart
{
   display: block;
}

.pi-survey-list-content
{
   width: 100%;
}

.pi-survey-list-content h3
{
   text-align: center;
}

.pi-survey-list-button
{
   text-align: center;
   margin-top: 30px;
}

.pi-survey-list-image
{
   width: 100%;
   margin-bottom: 20px;
}

.pi-survey-list-image img
{
   display: block;
   width: 80px;
   margin-left: auto;
   margin-right: auto;
}
}

@media (min-width: 700px)
{
.pi-survey-list-formart
{
   display: flex;
   justify-content: space-between;
}

.pi-survey-list-content
{
   width: 87%;
}

.pi-survey-list-content h3
{
   text-align: left;
}

.pi-survey-list-button
{
   text-align: center;
   margin-top: 30px;
}

.pi-survey-list-image
{
   width: 10%;
}

.pi-survey-list-image img
{
   width: 100%;
}
}