body {font-size: 14px}
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
p{ font-size: 1.1rem;}
button, h1, h2, h3, h4, h5, h6, input, option, select {font-family: Montserrat, sans-serif}
button, h1, h2, h3, h4, h5, h6 {font-weight: 700}
label{ font-weight: 700; font-size: 1.1rem;color:#000 !important;}
h3, h5 {line-height: 28px}
button, input, optgroup, select, textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0}
button, select {text-transform: none}
select:focus, input:focus {border: 1px solid black;border-color: #6B1F99 !important;-webkit-box-shadow: none !important;box-shadow: none !important}
select {-webkit-appearance: none;-moz-appearance: none; appearance: none; text-indent: 1px;-o-text-overflow: '';text-overflow: ''}
select::-ms-expand {display: none}
select:disabled::-ms-expand {display: none}
.select-carat {position: absolute;top: 5px;right: 15px}
.select-carat:after {font-family: "FontAwesome";content: "\f107"}
.flex-center {display: flex;align-items: center}
.reskinConfirmationHide input, .reskinConfirmationHide textarea {width: 100%;border-radius: 3px !important;border: solid 1px lightgray;color: #6B1F99 !important;font-weight: 600;margin: 10px auto;background-color: transparent}
#consultationDate, #consultationTime {padding: .75rem 2.25rem 0.75rem 0.75rem;}
.reskinConfirmationHide input, .reskinConfirmationHide textarea {padding: 15px !important}
#consultation-submit {width: 100%;padding: 15px !important;border-radius: 3px !important;border: solid 1px #6B1F99;font-weight: 600;margin: 10px auto;background-color: #6B1F99;color: white !important;margin-bottom: 30px}
.footer__top ul {text-align: center}
.before-footer p {text-align: center;color: black}
.before-footer p a {color: inherit;text-decoration: underline}
.footer__top li a {color: inherit}
.footer__top li:not(:last-child) {border-right: solid 1px black}

.consultation-selected, .seminar-selected {background-color: #6B1F99;color: white;padding: 20px;margin: 20px 0;text-align: center}
.consultation-selected .row > span {width: 32%;text-align: center;display: inline-block}
.consultation-selected .row > span:first-child {text-align: right}
.consultation-selected .row > span:nth-child(3) {text-align-last: left}
#consultation-submit:hover {background-color: #6B1F99;color: white !important;border-color: #6B1F99; box-shadow: 0 4px 14px #6B1F99;}
.submit-loader {display: none;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 20px;height: 20px}
.consultation-form {border: solid 1px black;padding: 40px 100px;background-color: #6B1F99;color: white;text-align: center;margin: 0 auto}
.consultation-form input {background-color: white;color: black;padding: 10px;width: 100%;display: block;margin: 0 auto;margin-bottom: 13px}
.consultation-form input[type="submit"] {min-width: 400px;background-color: #eeeeee;text-align: center;color: #6B1F99 !important;padding: 10px 10px;display: block}
#not-required {font-size: 0.8em;font-style: italic}
.third-input {min-width: 0px !important;max-width: 28% !important;display: inline-block !important}
.consultation_body {max-width: 700px}
.seminar_body {max-width: 1200px}
#light-intro {font-style: italic;margin-top: 40px;padding-bottom: 10px;margin-bottom: 0}
.hf-plans {margin: 40px 0}
.seminar-selected-info h6 {font-size: 2rem}
.seminar-selected .row {margin: 0 auto;text-align: center}
.individual-seminar a {margin-right: 5px;margin-bottom: 5px;background-color: #6B1F99;color: white !important;display: inline-block;text-decoration: none !important;padding: 0 5px;min-width: 80px;text-align: center;border: solid 1px #6B1F99}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #6B1F99}
.pagination > li > a, .pagination > li > span {color: #6B1F99}

#seminar-form-container {width: 700px}
@media (max-width: 700px) {
    .consultation-form {padding: 20px}
    .consultation-form input, .consultation-form input[type="submit"] {min-width: 0;width: 100%}
    .seminar_body {max-width: 1200px;width: 100% !important;margin: 0 !important}
    .seminar-selected {padding: 0}
    .seminar-selected .row {padding: 0;margin: 0;text-align: center;max-width: 100%}
    #seminar-form-container {width: inherit;padding: 0}
    .third-input {display: block !important;width: 100% !important;max-width: none !important}
    .consultation-selected .row > span {width: 100%;margin-bottom: 10px}
    .consultation-selected .row > span:nth-child(3) {text-align-last: center}
    .consultation-selected .row > span:first-child {text-align: center}
    .seminar-month p {font-size: 16px}
    .numeros {margin-bottom: 10px}
    #search-form {text-align: center}
    #search-input {padding-right: 100px !important}
}
#video-button-container {text-align: center;margin-top: 50px}
.video-button {display: inline-block;color: white;padding: 10px 40px;background-color: #6B1F99;font-family: "Montserrat", sans-serif;font-size: 2rem;position: relative;margin-bottom: 20px;margin-right: 10px;margin-left: 10px}
.video-button:hover {color: white}
.video-button p {margin-bottom: 5px}
.video-button > span, .video-button > p, .video-button div {vertical-align: middle;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%}
.small-buttonText {font-size: 0.9rem;line-height: 1.3}
.block-cta__inner {height: 240px !important}
#search-form {max-width: 100%;display: inline-block;position: relative}
#search-input {padding: 20px 250px 20px 10px;border-radius: 0;position: relative;font-weight: bold;border-radius: 5px}
#search-input option:disabled {color: #c2c2c2 !important}
#search-form div {position: absolute;z-index: 10000;top: 15px;bottom: 0;right: 5px;pointer-events: none}
.content .col-md-4 {padding: 0}
.seminar-container {background-color: #fff;border: solid 1px #c2c2c2;min-height: 200px;margin-top: 10px;position: relative}
.seminar-container .row {margin: 0}
.seminar-day {background-color: #6B1F99;color: white;display: inline-block;padding: 10px 20px;font-size: 2rem;position: absolute}
.seminar-city {background-color: #f2f4f7;color: #6B1F99;font-weight: bold;font-size: 2rem}
.seminar-centered {margin-left: 70px;padding: 5px 0px}
.seminar-title {margin-bottom: 0;font-size: 1.2rem;font-weight: bold}
.seminar-info {margin-bottom: 0;font-size: 1.2rem}
.seminar-month {background-color: #6B1F99;color: #fff;text-align: center;bottom: 0;left: 0;position: absolute;width: 100%}
.seminar-month p {margin-bottom: 0}
.col-sm-9 form {background-color: none !important;padding: 0 !important}
.content .col-md-4:nth-child(1), .content .col-md-4:nth-child(4) {padding-right: 5px}
.content .col-md-4:nth-child(2), .content .col-md-4:nth-child(5) {padding: 0 2.5px}
.content .col-md-4:nth-child(3), .content .col-md-4:nth-child(6) {padding-left: 5px}
nav.text-center {display: block}
#thankyou {color: white;margin-top: 0 !important}
.consultation-form h6 {font-size: 33.3px;margin-bottom: 20px}
.consultation-form {margin-bottom: 40px}
.col-xs-9 {margin-bottom: 40px}
.sidebar li {margin: 0 !important}
#search-form div i {font-size: 2.4rem}
footer strong a {font-weight: bold !important}
.footer__links li a {color: #6B1F99}
ol {padding-bottom: 10px}
.addToCalendar {background: #fff;color: #6B1F99 !important;display: block;margin: 0 auto;padding: 14px 10px;font-family: Montserrat, sans-serif !important;font-weight: 100;font-size: 2rem;font-weight: normal;text-align: center;width: 95%;max-width: 210px}
.addToCalendar:hover {color: #fff !important;background: #5490e8}
h4.onConfirmationShow {color: #6B1F99}
.onConfirmationShow {display: none}
.optCheckbox {max-width: 640px;margin: 0 auto;text-align: left}
.optCheckbox.left {margin: 0;}
.optCheckbox:not(:last-of-type) label {margin-bottom: 5px}
.optCheckbox input {min-width: unset !important;display: inline-block !important;width: auto !important}
.text-white{color:#fff !important;}
#seminarSubmit{ width:100%; max-width:400px; font-size: 1.4rem; margin: auto;}
#seminarSubmit:hover{ box-shadow: 0 4px 14px rgba(255,194,11, .75);}

#seminarsContainer{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap:40px; }
#seminarsContainer .seminar{ display: flex;  flex-direction: row; justify-content: center; align-items: stretch; border:thin solid black; border-radius: 4px; padding: 10px;font-size:1rem;text-align: center; min-height: 170px;flex: 1 100 40%; background: rgba(107,32,153,.2); font-weight: 600;font-family: 'Montserrat', sans-serif;}
.seminar .seminar-location-date{ border-right:thin solid #000; padding:14px; flex: 1 0 25%; display: flex; align-items: center; justify-content: center; }
.seminar .seminar-details-address{border-left:thin solid #000; padding:14px;flex: 1 0 25%;  font-size: .87rem;display: flex; align-items: center; justify-content: center; }
.seminar .seminar-time{padding:14px; flex: 1 0 25%;display: flex; align-items: center; justify-content: center; }

.seminar .seminar-middle {display: flex; min-height: 100%; width: 100%; justify-content: center; align-items: center;}
.seminar .seminar-link{ cursor: pointer; text-decoration: underline; padding:10px; font-size: 1.3rem; color:#fff; background: rgb(107,32,153); border-radius: 4px;font-weight: bolder; white-space: nowrap;flex: 1 0 100%;}
.page-item.active .page-link{background-color:rgb(107,32,153);border-color:rgb(107,32,153);}
.page-item.active .page-link:focus{background-color:rgb(107,32,153); box-shadow: 0 0 .25rem rgba(107,32,153, .4);}

#countyContainer select{ font-size: 1.25rem; padding: .75rem; border:none; }
#countyContainer div{display: flex;align-items: center; border: thin solid #ccc; border-radius: 4px;}


.seminar .seminar-details-address {
    text-transform: capitalize;

}

@keyframes text-fix{ 0%{text-transform: lowercase;} 100%{text-transform: capitalize;}}

@media (max-width: 1199px) {
    .seminar .seminar-location-date{ padding:10px;  font-size: .85rem; }
    .seminar .seminar-details-address{padding:10px; font-size: .85rem; }
    .seminar .seminar-time{padding:10px;  font-size: .85rem; }
    .seminar .seminar-link{ padding:10px; font-size: .95rem; }

}

@media (max-width: 1120px) {
    .seminar-container {min-height: 230px}
}

@media (max-width: 991px) {
    .seminar .seminar-location-date{ padding:4px;  font-size: .7rem; }
    .seminar .seminar-details-address{padding:4px; font-size: .7rem; }
    .seminar .seminar-time{padding:4px;  font-size: .7rem; }
    .seminar .seminar-link{ padding:4px; font-size: .7rem; }

}
@media (max-width: 900px) {
    .consultation-form h6 {font-size: 2rem}

    .seminar-selected {padding: 20px 0}

    .col-sm-9 {width: 100%}

    .col-xs-9 {width: 100% !important}
}

@media (max-width: 767px) {
    #seminarsContainer{display: block;}
    .seminar{ margin-bottom:1rem; }
    .seminar .seminar-location-date{ padding:10px;  font-size: .85rem; }
    .seminar .seminar-details-address{padding:10px; font-size: .85rem; }
    .seminar .seminar-time{padding:10px;  font-size: .85rem; }
    .seminar .seminar-link{ padding:10px; font-size: .95rem; }

}

@media (max-width: 400px) {
    .container-fluid {padding: 0}

    #search-form {display: block}

    #search-input {padding-right: 10px !important;width: 100%}
}