@import url("/sites/default/files/caltha_theme/fontello.css");
.site-header__initial,
#site-header__inner {
    background-color: #000 !important;
}
.mobile-nav-button__label {
    color: #fff !important;
}
.page-node-type-webform .page-title {
    font-size: 32px;
    text-transform: uppercase;
}
.mobile-nav-button__icon,
.mobile-nav-button__icon::before, 
.mobile-nav-button__icon::after {
    border-color: #fff !important;
}
.action-btns-wrapper a:link,
.action-btns-wrapper a:visited,
.action-btns-wrapper a:active,
.action-btns-wrapper a:hover {
    text-decoration: none;
    box-shadow: none;
    border: 2px solid rgb(221,18,125);
    border-radius: 4px;
    color: rgb(221,18,125);
    padding: 6px 15px;
}
.action-btns-wrapper .support:link,
.action-btns-wrapper .support:visited,
.action-btns-wrapper .support:active,
.action-btns-wrapper .support:hover {
    background-color: rgb(221,18,125);
    color: #fff !important;
}
.form-item__label.form-required::after, .fieldset__label.form-required::after, .required-mark::after{
      background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23DD127D'/%3E%3C/svg%3E%0A") !important;
}
.node__content .text-content {
    margin-block-end: 0;
}
.fieldset__label {
    color: #000 !important;
}
.radios--wrapper .fieldset__wrapper .form-item,
.checkboxes--wrapper .fieldset__wrapper .form-item{
    margin-block: 5px;
}
[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    border: none;
    background-color: #f2f3f2;
}
.checkboxes--wrapper .fieldset__wrapper,
.radios--wrapper .fieldset__wrapper {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
}
.checkboxes--wrapper legend,
.radios--wrapper legend {
    margin-bottom:0!important;
    padding-bottom: 0!important;
}
.checkboxes--wrapper legend span,
.radios--wrapper legend span {
    padding-left: 0;
}
.button--primary {
    background-color: #DD127D;
    border-color: #DD127D;
}
.button--primary:hover {
    background-color: #ae0e62;
    border-color: #ae0e62;
}
input[type="checkbox"], 
input[type="radio"] {
    border: 2px solid rgb(221,18,125);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    border-width: 2px;
    border-color: rgb(221,18,125);
}
input[type="radio"]:checked {
    background-image:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23DD127D'/%3E%3C/svg%3E%0A");
}
input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='%23DD127D' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E")
}

/****    HEADER    ***/
.navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}
.navbar-toggler:focus {
    outline: 0;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 768px) {
    .navbar-toggler {
        display: none;
    }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.header-bottom .block {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .main-content__container.container{
        padding-block-start: var(--sp4);
    }
    .visible-xs,
    .header-bottom .block {
        display: block !important;
    }
    table.visible-xs,
    table.header-bottom .block {
        display: table !important;
    }
    tr.visible-xs,
    tr.header-bottom .block {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs,
    th.header-bottom .block,
    td.header-bottom .block {
        display: table-cell !important;
    }
    .visible-xs-block {
        display: block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
    .hidden-xs, .region-content-bottom .block {
        display: none !important;
    }
}
#logo {
    width: 100%;
    margin: 15px 0;
    padding-left: 30px;
    padding-right: 120px;
}
#logo img {
    max-height: 22px;
}
@media all and (min-width: 992px) {
    #logo {
        margin: 13px 0;
        padding: 0;
    }
    #logo img {
        margin: 0;
        max-height: none;
    }
}
@media all and (max-width: 767px) {
    #header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
    }
}
#header-top {
    background-color: #1f1a17;
    color: #fff;
}
@media all and (min-width: 992px) {
    #header-top {
        height: 68px;
    }
}
.block-social-links .content a {
    display: inline-block;
    width: 66px;
    height: 66px;
    background-color: #fff;
    margin-right: 18px;
    border-radius: 50%;
    color: #1f1a17;
    box-shadow: none
}
.block-social-links .content a:before {
    padding: 16px;
    margin: 0;
    width: auto;
    font-size: 35px;
    line-height: 1;
    text-decoration: none;
}
.site-footer__inner .container:before,
.site-footer__inner .container:after,
.header-top .container:before,
.header-top .container:after,
.header-top .container-fluid:before,
.header-top .container-fluid:after,
.header-top .nav:before,
.header-top .nav:after,
.header-top .navbar:before,
.header-top .navbar:after,
.header-top .navbar-header:before,
.header-top .navbar-header:after,
.header-top .navbar-collapse:before,
.header-top .navbar-collapse:after {
    display: table;
    content: " ";
}
.header-top button.navbar-toggler {
    position: absolute;
    top: 5px;
    padding: 0;
    margin: 0 15px 0 0;
    float: right;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}
.header-top button.navbar-toggler .icon-bar {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
}
.header-top .action-btns-wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
}
.header-top .action-btns-wrapper a {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.8em;
    padding: 3px 6px;
    border-radius: 6px;
    border: 2px solid #fff;
}
.header-top .action-btns-wrapper a .glyphicon {
    margin-right: 5px;
    font-size: 0.9em;
}


#header-bottom {
    background-color: #fff;
}
@media all and (min-width: 768px) {
    #header-bottom {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
.header-bottom nav.navbar {
    background-color: transparent;
    border: none;
    margin: 0 -15px;
    min-height: 0;
}
.header-bottom nav.navbar .navbar-collapse {
    border: none;
    padding: 0;
    overflow-x: visible;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
    display: none
}
.header-bottom nav.navbar .navbar-collapse.collapse.in {
    display: block;
}
@media (max-width: 768px) {
    .header-top .collapse:not(.show) {
        display: block;
    }
}
@media (min-width: 768px) {
    .header-bottom nav.navbar .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
    .header-bottom nav.navbar .navbar-collapse.in {
        overflow-y: visible;
    }
}
.header-bottom nav.navbar .navbar-collapse ul.nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block
}
.header-bottom nav.navbar .navbar-collapse ul.nav > li {
    padding: 0;
    margin: 0;
    display: block;
}
.header-bottom nav.navbar .navbar-collapse ul.nav > li a {
    color: #000;
    line-height: 1;
    text-align: center;
    display: block;
    padding: 15px;
    border-bottom: 1px solid #1f1a17;
    text-decoration: none;
    box-shadow: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.header-bottom nav.navbar .navbar-collapse ul.nav > li a:hover {
    color: #dd127d;
    box-shadow: none;
    text-decoration: none;
}
@media all and (min-width: 768px) {
    .header-bottom nav.navbar .navbar-collapse ul.nav {
        float: left;
    }
    .header-bottom nav.navbar .navbar-collapse ul.nav > li {
        float: left;
    }
    .header-bottom nav.navbar {
        margin: 0;
        float: left;
    }
    .header-bottom nav.navbar .navbar-collapse ul.nav > li {
        border-left: 2px solid #dd127d;
    }
    .header-bottom nav.navbar .navbar-collapse ul.nav > li a {
        border-bottom: none;
        padding: 6px 20px;
        color: #414141;
        line-height: 1.4;
    }
}
.header-bottom .action-btns-wrapper {
    float: right;
    overflow: hidden;
}
.header-bottom .action-btns-wrapper a {
    margin-left: 10px;
    float: right;
    border: 2px solid #dd127d;
    padding: 4px 16px 3px;
    border-radius: 4px;
    text-transform: uppercase;
}
.header-bottom .action-btns-wrapper a:hover {
    text-decoration: none;
}
.header-bottom .action-btns-wrapper a.support {
    background-color: #dd127d;
    padding-right: 18px;
    padding-left: 18px;
    color: #fff;
}
.header-bottom .block.block-social-links {
    padding: 15px 0;
    border-bottom: 1px solid #1f1a17;
    text-align: center;
}
.header-bottom .block.block-social-links .content {
    padding-top: 0;
}
.header-bottom .block.block-social-links .content a {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid #1f1a17;
}
.header-bottom .block.block-social-links .content a:last-child {
    margin-right: 0;
}
.header-bottom .block.block-social-links .content a:before {
    font-size: 21px;
    padding: 9px;
}
.site-footer .text-content #content-bottom {
    background: rgb(31, 26, 23);
    padding-block-start: 30px !important;
}
.site-footer .text-content #content-bottom a:hover {
    color: rgb(31, 26, 23)
}
.site-footer #content-bottom .block.block-address {
    width: 260px;
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff
}
.site-footer #footer {
    background-color: #f5f5f5;
}
.site-footer #footer .block-footer {
    color: #a6a6a6;
    font-size: 10px;
    line-height: 14px;
}
.site-footer .block-footer .content p:nth-child(1) {
    width: 68px;
    padding: 1px;
}
.site-footer .block-footer .content p:nth-child(2) {
    padding-left: 70px;
    float: none;
    padding: 1px;
    text-align: justify;
}
.site-footer .block-footer .content p:nth-child(3) {
    clear: both;
}
.site-footer .block-footer .content p:nth-child(4) {
    float: right;
}
@media (min-width: 768px) {
    .site-footer .block-footer .content p:nth-child(1) {
        width: 139px;
    }
    .site-footer .block-footer .content p:nth-child(2) {
        padding-left: 139px;
    }
    .site-footer .block-footer .content p:nth-child(3) {
        padding-top: 18px;
    }
    .site-footer .block-footer .content p:nth-child(4) {
        padding-top: 18px;
        margin-right: 10px;
    }
}
.site-footer .region-content-bottom .block.block-social-links {
    display: inline-block;
}

.site-footer {
    width: 100% !important;
    border-inline-start: 0 !important;
}
.site-footer__inner {
    max-width: none !important;
    padding-block: 0px !important;
    padding-inline: 0 !important;
}
.site-footer__inner .block-address a {
    color: #dd127d !important;
    text-decoration: none !important;
}
.site-footer__inner .block-footer img{
    display: inline;
}
.site-footer__inner .region-footer {
    margin-top: 20px;
}
.site-footer__inner .block-footer p {
    margin-block-start: 0;
    margin-block-end: 0;
    float: left;
}
.site-footer__inner .block-footer a, .site-footer__inner .block-footer a:hover {
    color: #a6a6a6;
}
footer.site-footer {
    background: #f5f5f5;
}
.sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
#logo img {
  max-height: 32px;
  margin: -5px 0;
}
@media (min-width: 992px) {
    #logo {
        margin: 0px 0;
        padding: 0;
    }
    #logo img {
        margin: 0;
        max-height: 55px;
        margin: 7px;
    }
}