/* ========= Add site-specific styles here ========= */
.page-header h1{
}
.annoucement { margin: 0 auto; }

.memberTitle { font: 1.8rem 'League Gothic', sans-serif;}

.page-section .section-heading { margin-bottom:1rem;}

/*=====Button style=====*/
a:link button, a:visited button {
    padding: 1rem 1rem;
    font-weight:bold;
    font-size:1.25rem;
    display:block;
    width:100%;
    background-color: #c8102e;
    color: #fff9d9;
    text-align:center;
    line-height:1.5;
    border:none;
    margin-bottom:20px;
}
a:hover button{
    background-color: #960c22;
    transition: background-color .5s ease;
}

.creamButton a:link button, .creamButton a:visited button{
    padding: 1rem 1rem;
    font-weight:bold;
    font-size:1.25rem;
    display:block;
    width:100%;
    background-color: #fff9d9;
    color: #c8102e;
    text-align:center;
    line-height:1.5;
    border:none;
    margin-bottom:20px;
}
.creamButton a:hover button{
    background-color: #f4bd00;
    transition: background-color .5s ease;
}

.onTopButton {
    position: relative;
    z-index: 98;
    
}

.iconBlock div {display: flex; align-items:center; margin: 20px 0;}
.iconBlock img { margin: 0 1em 0 0; }
.iconBlock abbr[title], abbr[data-original-title] {
    display: contents !important;
}



@media screen and (min-width: 64em){
.searchPro button { width:50% !important; }
.nominate button { width:50% !important; }
.nominate p { margin: 0 auto 1.2rem; width: 70%; font-size: 1.5rem; }
}

@media screen and (min-width: 61em){
    .annoucement { width: 80%;}
    .iconBlock div { flex-wrap:nowrap; }
    
}

@media screen and (max-width: 42em){
    .iconBlock div { flex-wrap:wrap }
    .iconBlock img { margin: 0 auto;}
    .iconBlock p {text-align: center}
    
}

@media screen and (min-width: 24em){
    
    
}