/*!
 * Bootstrap v3.0.2 by @fat and @mdo
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */


/* Optional Accent Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital@1&display=swap');

:root {
  --accent-color: #f5a705;
}

.view-content.row {
    justify-content: inherit;
}

.senator-blk {
    height: 100%;
}

.senator-img {
    height: 100%;
    padding: 0px;
}

.senator-img img {
    height: 100%;
    object-fit: cover;
    object-position: 70% 50%;
}

.senator-blk .senator-info {
    padding: 12px 40px;
}

.contact-blk {
    border-radius: 4px !important;
}

.flexslider .slides .views-field-field-feature-image img {
    height: 680px;
}

.item {
    height: 216px;
    margin-bottom: 16px;
}

.flex-control-nav {
    display: none;
}

/*allows front page latest press release titles to be clickable */
#block-views-block-frontpage-ux2-block-1-2 {
    z-index: 2;
}

/*style for webform */

/* Makes label Capitalization correct */
label {
    text-transform: capitalize !important; 
}
/* adds some spacing for elements such as labels and form boxes of the webforms when using the date/time selector and also a single checkbox" */

.js-form-type-webform-time, .form-check-label, .webform-element-description {
    margin-left: 20px;
}

/* to style the form boxes to add some height */
.form-control {
    height: 40px;
}

/* make the form submit text in black */
legend {
    text-transform: capitalize;
    margin: 20px auto 10px !important
}

.js-form-submit {
    color:#000;
}

.webform-header-section > legend:first-child {
    color: #fff;
    background-color: #0f4480;
    border: 1px solid #ddd; 
    margin: 10px auto 0px;
    padding: 12px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.webform-section {
        background: #fff;
        border: 0;
        padding: 1rem 2rem;
        border-top: 10px solid var(--color-primary);
        box-shadow: 2px 2px 8px 0 rgba(102,102,102,0.25)
     }   
    

.fieldset-legend {
	font-size: 1.6rem;
    font-weight: 600;
    font-family: montserrat, sans-serif;
}
.fieldset-wrapper {
  /* padding: 10px 15px 20px 20px;
  border-color: #ddd; */
  margin-bottom: 20px;
    /* background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%); */
} 


/* Makes radio label specific color when checked or active */
.webform-options-display-buttons .form-check-input:checked ~ .form-check-label {
    color: #fff !important;
    background: #f5a705 !important;
    border: none !important;
    border-radius: 5pc !important;
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label {
    font-weight: bold !important;
    text-align: center;
    margin: 0 5px 10px 0 !important;
    border: 2px solid #f5a705 !important;
    border-radius: 5pc !important;
}

/* Makes the class webform-checkbox-format display a column */
.webform-checkbox-format .webform-flexbox .js-webform-flexbox .js-form-wrapper .form-wrapper .mb-3 {
    display:flex !important;
    flex-direction: column;
}

#edit-specify-the-date-time-date, #edit-meeting-must-take-place-by-, #edit-choice-1, #edit-choice-2, #edit-choice-3, input#edit-specify-the-event-date.form-date.form-control {
    text-transform: uppercase !important;

}

/* Makes the checkboxes align with it's label on the right */
.form-check-input {
    margin-top: .8rem;
}

/* Adding style to meeting text in webform */
.meeting_text {
    margin-top:30px !important;
}

.webform-element-description {
    margin-left: 0px;
}

.form-select {
    width: 180px !important;
    height: 40px !important;
}

.work_info_text {
    margin-top: 30px;
}
  
/*End styling for webform */

/*Adjusted Margin for the three quicklink buttons in mobile to make text visible */
@media (max-width: 767px) {
    .item p {
      margin: 0px 0px !important;
    }

    .item i {
        margin: 0px auto 10px !important;
    }
  }