.gform_fields {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.gform_wrapper .gfield {
    width: 100%;
    margin-bottom: 20px;
}

.gfield input[type="text"],
.gfield input[type="email"],
.gfield select,
.gfield textarea {
    width: 100%;
}

.gfield textarea {
    resize: none;
}

.resource-library__tab-content-wrapper {
    background-color: white;
}

.resource-library__tab-content {
    display: none;
    background-color: white;
    padding: 10px;
    border: 1px solid #eaeaea;
    min-height: 700px;
}

.resource-library__tab-content--active {
    display: block;
}

.resource-library__tabs {
    width: 100%;
}

.resource-library__tab {
    float: left;
    background-color: white;
    padding: 5px 10px;
    border: 1px solid #eaeaea;
    border-bottom: none;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    transition: color 0.2s ease-in;
}

.resource-library__tab:hover {
    color: #1566a4;
}

.resource-library__tab--active {
    color: #1566a4;
}

.resource-library__tab--active:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: white;
    position: absolute;
    top: 100%;
    left: 0;
}

.validation_error {
    background-color: tomato;
    color: white;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.validation_message {
    color: tomato;
}

.resource:nth-child(odd) {
    background-color: #fafafa;
}

.resource {
    padding: 5px 10px;
    cursor: pointer;
    display: block;
    color: #333;
    position: relative;
    min-height: 44px;
}

.resource svg {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    right: 10px;
    fill: #333;
    transition: fill 0.2s ease-in;
}

.resource:hover svg {
    fill: #1566a4;
}

.resource:hover h4,
.resource:hover p {
    color: #1566a4;
}

.resource h4,
.resource p {
    transition: color 0.2s ease-in;
    margin-bottom: 5px;
}

.loading-resource-list {
    display: block;
    margin: 40px auto 0;
}

.gfield_radio {
    list-style-type: none;
    margin: 0;
}

.gfield_radio .other-option {
    float: left;
}

.gform_wrapper .gfield_radio li {
    margin: 8px 0;
}

.gfield_radio input[value="gf_other_choice"] {
    float: left;
}

.gfield_radio li::before,
.gfield_radio li::after {
    content: ' ';
    display: table;
}

.gfield_radio li::after {
    clear: both;
}

.resources__category {
    width: 50%;
    float: left;
    margin-bottom: 30px;
    min-height: 260px;
    padding-right: 20px;
}

.resource__sub-category {
    margin-bottom: 30px;
}

.category-resource {
    list-style-type: none;
    margin-bottom: 10px;
    padding: 10px;
}

.category-resource:nth-child(odd) {
    background-color: #eaeaea;
}

.category-resource__info {
    overflow: hidden;
    padding-right: 20px;
}

.category-resource__info p {
    margin-bottom: 0;
}

.category-resource__options {
    float: right;
}

.no-bullet-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.resource__back {
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.resource__back:before {
    content: "";
    width: 6px;
    height: 12px;
    background: url(../img/left-arrow.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY( -50% );
    transition: left 0.2s ease-in;
}

.resource__back:hover:before {
    left: 5px;
}

input[type="radio"]:not(.styled) + label:before {
    display: none;
}

input[value="gf_other_choice"] {
    margin-top: 15px !important;
}

input[value="gf_other_choice"] + input[type="text"] {
    width: auto;
}

.resource__meta {
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}

.button.button--download {
    padding-right: 30px;
    background-image: url(../img/download.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px 15px;
}

.button:hover {
    opacity: 1;
    box-shadow: none !important;
    background-color: rgba( 4, 173, 230, 0.75 );
}

.single-resource .button.button--download {
    font-size: 16px;
    padding: 10px 40px 10px 20px;
}

.gfield--resource-category-parent input[type="radio"] {
    display: none;
}

.gfield--resource-category-child {
    padding-left: 20px;
}