/*======================================================================*
* NO UNIQUE STYLES
*
* This stylesheet is intended to be the same on all boards. 
*=======================================================================*/


/*****************************************
* General styles
*****************************************/
small {
    font-size: .75em;
    line-height: 1.4;
    display: inline-block;
}

a, #search-body .gs-webResult.gs-result .gs-title a.gs-title {
    color: var(--secondary-color);
    text-decoration: underline;
}

.single-post h3 {
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
}
.single-post h4 {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
}
.single-post h5 {
    font-size: 26px;
    line-height: 1;
    font-weight: 600;
}
.single-post h6 {
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

/*****************************************
* Global accordion shortcode
*****************************************/
.profession-content .accordion .question {
    border-radius: 5px;
}
.profession-content .accordion .question > .title {
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0;
    padding: 14px 14px 14px 60px;
    line-height: 1.75;
}

/*****************************************
* Google's Programmable Search Engine
*****************************************/
form.searchbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
form.searchbar label {
  position: absolute;
  left: .8rem;
  z-index: 1;
}
form.searchbar label, form.searchbar input.textinput {
  margin-block: .2rem;
  font-size: 1rem;
}

form.searchbar input.textinput {
  margin-block: 0;
  padding: .69rem 1rem;
  border-radius: 10px 0 0 10px;
  border: 1px solid #ccc;
}
form.searchbar input.search-stand-in {
  padding-block: .75rem;
  padding-inline: 1rem;
  border: 1px solid var(--mfn-button-theme-bg);
  border-radius: 0 10px 10px 0;
  text-transform: uppercase;
}
form.searchbar input.textinput, form.searchbar input.search-stand-in, form.searchbar .btn-magnifying {
  height: 2.88rem;
}


/*-* Header *-*/
.search-header form.searchbar {
    max-width: 220px;
}
.search-header form.searchbar #searchhead {
    flex: 1;
    width: 100%
}
.search-header form.searchbar .btn-magnifying {
  border-radius: 0 10px 10px 0;
  padding: 0;
  width: 2.88rem;
}
.search-header form.searchbar .btn-magnifying path {
  fill: #ffffff;
}
.search-header form.searchbar .btn-magnifying:hover path, .search-header form.searchbar .btn-magnifying:focus path, .search-header form.searchbar .btn-magnifying:active path {
  fill: var(--dark-gray-color);
}

@media only screen and (max-width: 1080px) {
    header section.mfn-bring-to-front .search-header.google-programmable-search {
        position: absolute;
        z-index: 999;
        top: -40px;
        right: 20px;
        min-width: 290px;
        display: block;
    }
    header section .search-header.google-programmable-search {
        display: none;
    }
    header section.mfn-bring-to-front .mfn-header-tmpl-menu-sidebar .mfn-header-tmpl-menu-sidebar-wrapper {
        padding-top: 150px;
    }
}

/*-* SEARCH RESULTS *-*/
#search-body.google-programmable-search {
  margin-top: 4rem;
}
#search-body.google-programmable-search .searchbar {
    margin-inline: 1rem;
    margin-bottom: 1rem;
}
#search-body.google-programmable-search .gsc-webResult.gsc-result {
    padding-block: 2rem;
}
