.main-search {
    display: flex;
    display: -ms-flex;

    margin-top: 2rem;
}
.main-search input {}
.main-search input.ccm-search-block-text {
    width: 300px;

    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #1c2a5a; }

.main-search input.ccm-search-block-text::placeholder {
    text-transform: uppercase;
    color: #1c2a5a; }

.main-search button[type="submit"] {
    padding: 5px 10px;
    font-size: 18px;

    border: 2px solid #1c2a5a;
    background: #1c2a5a;
    color: white;

    transition: 200ms ease-in-out;
}

.main-search button[type="submit"]:hover {
    background-color: white;
    color: #1c2a5a;
}

.main-search-wrapper #searchResults {
    display: flex;
    display: -ms-flex;

    flex-wrap: wrap;
    -ms-flex-wrap: wrap;

    margin-top: 1.5rem;

    gap: 0 20px;
}

.main-search-wrapper .searchResult {
    display: flex;
    display: -ms-flex;
    
    align-items: center;
    -ms-align-items: center;

    width: 100%;

    margin-top: .8rem;
    padding-top: 1.3rem;
    margin-bottom: .8rem;
    padding-bottom: 1.3rem;
    
    padding-left: 1.5rem;
    padding-right: 1.5rem;

    background-color: #F5F5F5;
    box-shadow: 0.2rem 0.2rem #a11c20;

    transition: 200ms ease-in-out;
}

.main-search-wrapper .searchResult .search-content {
    margin-left: 0;
    transition: 200ms ease-in-out;
}

.main-search-wrapper .searchResult:hover .search-content {
    margin-left: 6px;
}

.main-search-wrapper .searchResult h3 a {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.main-search-wrapper .pagination li {
    margin-right: 8px;
}

.main-search-wrapper .search-item {
    position: absolute;
    top: 10px;
    right: 15px;
}

.main-search-wrapper .search-item p {
    font-size: 16px;
}

@media all and (min-width: 992px) {
    .main-search-wrapper .searchResult {
        width: calc(50% - 20px);
    }

    .main-search-wrapper #searchResults {
        gap: 0 20px;
    }
}