* {
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, Sans-Serif !important;
    font-size: 10pt;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    width: 100%;
    height: 100%;
}


#footer_wrap, header, main {
   display: block;
   max-width: 940px;
   margin: 0 auto;
   background-color: #fff;
}

#header1 {
   background: none repeat scroll 0 0 #F0F3F7;
   padding: 20px 0 5px 0;   
}

#header2 {
   border-bottom: 1px solid #ded5e4;
   text-align: center;
   padding-top: 20px;
   display: inline-block;
}

header:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

header figure.logo {
   display: block;
   width: 260px;
   float: left;
   margin: 0;
   padding: 0;
}

footer {
   padding: 10px 10px 0 10px;
   color: #666;
   overflow: hidden;
}

#footer {
   margin-top: 30px;
   border-top: 1px dashed #999999 !important;
   border-bottom: 1px dashed #999999 !important;
}

   #footer .block-menu-block h2, #footer .block-menu h2 {
      padding: 0;
      margin-bottom: 0.4em;
   }

#block-block-3 {
   float: left;
   width: 600px;
}

#block-block-14 {
   float: right;
   width: 320px;
}

   #block-block-14 img {
      margin-left: 20px;
   }

.block-menu-block ul, .block-menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

   .block-menu-block ul li, .block-menu ul li {
      margin: 0;
      padding: 0;
      list-style-type: none !important;
      list-style-image: none !important;
      display: block;
   }

.block-menu-block li a, .block-menu li a {
   margin: 0;
   display: block;
   text-decoration: none;
}

#block-menu-menu-footer {
   margin: 0 0 25px;
   overflow: hidden;
   width: 100%;
   font-size: 1.2em;
}

#footer .block-menu-block li, #footer .block-menu li {
   border-right: 1px solid #A988C1;
   float: left;
   margin-right: 10px;
   padding: 0 10px 0 0;
}

   #footer .block-menu-block li.last, #footer .block-menu li.last {
      border: 0;
   }

   #footer .block-menu-block li a, #footer .block-menu li a {
      border-top: 0;
      padding: 0;
      line-height: 16px;
   }

      #footer .block-menu-block li a:hover, #footer .block-menu-block li a.active:hover, #footer .block-menu li a:hover, #footer .block-menu li a.active:hover {
         background: none transparent;
         text-decoration: underline;
      }


p {
   line-height: 1.5em;
   margin-bottom: 1.3em;
}

#footer p {
   line-height: 1.8em;
   margin-bottom: 1em;
}

a, a:visited, li a.active {
   color: #7471b4;
   text-decoration: none;
}

   a:hover, a:focus, li a.active:hover {
      text-decoration: underline;
   }


h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
}

h1 {
   /*   font-family: 'FuturaBT-ExtraBlack';
   font-size: 2em;
   margin: 0;
   font-weight: normal;
   text-transform: uppercase;
*/
   font-size: 1.8em;
   color: #cccc00;
}

h2 {
   font-size: 1.7em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.2em;
    margin-block-end: 0.2rem;
    margin-bottom: 0;
}

hr {
   margin-bottom: 0;
}

footer a {
    font-weight: normal;
    text-decoration: underline;
    color: #7c75bb;
}

.popover {    
    background: #F4E1F7;
}

.popover-header {
    color: #A0458A;    
    font-weight: bold;
}

.popover-body {
    color: #A0458A;    
    font-weight: normal;
}

.questionnaire {
   padding: 10px 20px;
   font-size: 1.2em;
}

.questionnaire label {
   margin: 0.5em 0;
}

.questionnaire input, .questionnaire select {
   width: 100%;
   max-width: 400px;
   height: 34px;
   padding: 0.375rem 0.75rem;
   margin: 0 0 0.7rem 0;   
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.3;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #8a84ba;
   border-radius: 0.25rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

   .questionnaire input:not([type=checkbox]):focus, .questionnaire select:focus {
      border-color: #c9da2d !important;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 12px rgba(201, 218, 45, 0.5);
   }

   .questionnaire select { 
      width: auto;
   }

   .questionnaire input[type=checkbox] {
      width: auto;
      margin: 0.2rem 0 0.5rem 0;
   }
   
   .questionnaire input[type=date], .questionnaire input[type=month] {
      width: 180px;
   } 
   
   .questionnaire input[type=number] {
      width: 100px;
   }

      .questionnaire input[type=number]::-webkit-inner-spin-button, .questionnaire input[type=number]::-webkit-outer-spin-button {
         opacity: 1;
      }

      /*
      .questionnaire input[type=text] + label, .questionnaire input[type=date] + label, .questionnaire input[type="number"] + label {
         display: none;
      }
      */

   .questionnaire input[type=button], .questionnaire input[type=submit], .questionnaire submit {
      margin: 0 0 0.7rem 0;
      font-size: 1rem;
      line-height: 1.3;
      background-clip: padding-box;
      border-radius: 0.25rem;
      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      width: 170px !important;
      border: 0;
      padding: 0;
      line-height: 40px;
      height: 40px;
      background: #7471b4;
      color: #fff;
      text-align: center;
      letter-spacing: 0.1rem;
      font-weight: bold;
      font-family: "Arial","Helvetica",sans-serif;
   }


   .questionnaire button.btn-light {
      background: #7471b4;
      color: #fff;
      border-radius: 0.25rem;
   }

   .questionnaire .container .row div {
      text-align: center;
   }

.response, .freeresponse {
    display: flex;
    width: 80%;
    margin: 0 !important;
    /*margin: 0 0 12px 0 !important;*/
}

   .response label, .freeresponse label {
      flex-grow: 0;
      text-align: left;
      width: auto;
      padding-left: 10px;
   }

    .freeresponse textarea,
    input[type="text"] {
        flex-grow: 1;
    }

input.styling[type="radio"] {
    display: inline;
}

input[type="radio"] {
    display: none;
}

/*input[type="checkbox"] {
    display: none;
}*/

.show-button {
    display: inline !important;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    /*margin: 0 !important;
    font-size: 1.2em;*/
}

input[type="radio"] + label {
    border-radius: 5px;
    background-color: rgb(240, 240, 240);
    border: solid 2px rgb(240, 240, 240);
    width: 95%;
    padding-left: 20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-family: "Arial", "sans-serif";
    text-align: left;
    /*text-transform: uppercase;*/
    display: block;
}

    input[type="radio"] + label:hover {
        background-color: rgb(230, 230, 230);
        border: solid 2px rgb(230, 230, 230);
    }

textarea + label {
    float: right;
}

textarea {
    display: block;
}

    textarea + label {
        display: none;
    }

/* select all labels immediatle after a checked radio box */

input[type="radio"]:checked + label {
   border: solid 2px #999999;
   background: #7471b4;
   color: #fff;
}

/*input[type="checkbox"]:checked + label {
    border: solid 3px rgb(130, 193, 230);
    background-color: rgb(60, 145, 222);
    color: white;
}
*/

.is-invalid {
   border: 1px solid #dc3545 !important;
}

#loading {
   width: 100%;
   padding: 100px 0;
   text-align: center;
}

#rendering {
   display: none;
}

@media screen and (max-width:675px) {
   h1 {
      font-size: 1.5em;
   }
}

@media screen and (max-width:570px) {
   #header2 {
      clear: both;
      display: block;
      margin: 0 auto !important;
      padding: 0;
   }
}