/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Header
*/

/* Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-374   2 columns
375-639   6 columns
640-1023  12 columns
1024-1439 12 columns
1440+   12 columns

*/

@media (min-width: 375px) {}
@media (min-width: 640px) {}
@media (min-width: 800px) {}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {}

@media (max-width: 374px) {}
@media (max-width: 639px) {}
@media (max-width: 799px) {}
@media (max-width: 1023px) {}
@media (max-width: 1439px) {}

/* Wordpress Admin Bar Height-Change Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-782   46px tall
783-...   32px tall
f
*/



/* –––––––––––––––––––––––––––––––––––––––––––––––––– */
/*  Removal of Common Google Search Elements */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– */


div.gs-action {
    display: inline;
    margin-right: 0em !important;
}

.gsc-control-cse div{
position: inherit !important;

}
/* Do no display the count of search results */    
.gsc-result-info {
     display: none; 
}

/* Hide the Google branding in search results */
.gcsc-branding {
    display: none; 
}

/* Hide the Google image and web tabs in search results */
 .gsc-tabsArea {
   display: none !important;
}


.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important; 
}


.gsc-above-wrapper-area {
  border-bottom: none !important; 
   padding: 0px; 
}


.gs-webResult div.gs-visibleUrl-long {
    display: none !important;
}

.gsc-orderby-container {
    display: none;
}

.cse .gsc-tabsArea, .gsc-tabsArea {
    margin-top: 0em !important;
    border-bottom: none !important; 
}

.gsc-refinementsArea {
    clear: both; 
     margin-bottom: 0px !important;
    padding-left: 0px !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

.gsc-above-wrapper-area {
    border-bottom: 1px solid #E9E9E9;
    padding: 0px 0 0px 0 !important;
}

.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF !important;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Custom Overrides of Standard Google Format */
/* –––––––––––––––––––––––––––––––––––––––––––––––––– */
a.excerpt-media-listing-block__title--bold b {
    font-weight: bolder !important;
}

a.excerpt-media-listing-block__title--bold em {
    font-style: normal;
    font-weight: 500;
}

/* Change the font size of snippets inside search results */
.gs-snippet {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 1.1666666rem;
    line-height: 1.9166666rem;
}

/* Google Custom Search highlights matching words in bold */
.gs-snippet em {
    font-style: normal;
    font-weight: bold;
}


/* Page Nav CSS */
/* ------------------------------------------------------- */
.gsc-results{
  padding-top: 7rem;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
  }

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    cursor: pointer;
    color: #000000;
    text-decoration: none !important;
    display: inline;
    font-family: "Gotham A", "Gotham B";
}

.gsc-cursor-current-page{
  color: white !important;
  background-color: #38A0B2 !important;
  cursor: default !important;
  border-radius: 50% !important;
}

.gsc-cursor-page{
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 300;
  font-size: 1.333333rem;

  margin: 0 1rem;
  width: 1.6rem;
  text-align: center;
  cursor: pointer;
}


.gsc-cursor {
    list-style-type: none;
    display: flex;
}

.gsc-results .gsc-cursor {
  padding-top: 2rem;
    display: inherit !important; 
}

div.gsc-cursor-box.gs-bidi-start-align {
    display: flex !important;
    justify-content: center;
    margin-bottom: 2rem;
    padding: 0;
    margin: 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;



}

.cse .gsc-control-cse, .gsc-control-cse {
    width: auto;
}


.gs-actions{

  display:flex;
  text-align: right;

}
table{
  margin-bottom: 0rem;
}


/* ------------------------------------------------------- */
/* Search box Attributes */
/* ------------------------------------------------------- */


.section .section__search-title .search-title{
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-size: 3rem;
}

.search_header{
      display: flex;
    width: 450px;
    max-width: 100%;
    margin: auto;
    justify-content: space-around;
}

div.search_results_box {
    position: center;
}

.menu-search-area {
  float: left;
  width: 35%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
}

#search-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60%;
  margin: auto;
}

.search:focus {
  outline: none;
}

#search {
  width: 80%;
  height: 22px;
  background: #E5E5E5;
  font-size: 12px;
  color: #4A4A4A;
  line-height: 40px;
  border-radius: 0;
  border: none;
  padding-left: 10px;
  max-width: 340px;
  margin-left: auto;
  font-weight: 300;
}

#search::webkit-input-placeholder {
  color: #4A4A4A;
}

#search::moz-placeholder {
  color: #4A4A4A;
}

#search-submit {
  font-family: FontAwesome;
  color: #fff;
  background: transparent;
  border: none;
  margin-left: -30px;
}

.media-icon__hover:hover{
  border: 1px solid #38A0B2;
}


.container.outer_edge.standard-title{
  padding-bottom: 2rem;
}
/* ------------------------------------------------------- */

.search_title span{
    color: #000;
    font-size: 3.33333rem;
    line-height: 3.33333rem;
    font-family: "Sentinel A", "Sentinel B";
    font-style: normal;
    font-weight: 400;
}

.alignment{
  display: flex;
  align-itmes: center;

}

#search-area-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-family: "Gotham SSm A", "Gotham SSm B";
}
#search-bar-area {
    height: 250px;
}
#search-area-wrap span {
    font-size: 36px;
    color: #000000;
    line-height: 40px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    margin-bottom: 2rem;
    text-align: center;

}

#search-area-wrap hr {
    width: 100%;
}

#search-results-form {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#search-results-bar {
    -webkit-box-flex: .25;
        -ms-flex-positive: .25;
            flex-grow: .25;
    
    border-color: #e9e9e9;
    padding-left: 15px;
    color: #000000;
    line-height: 40px;
    border-radius: 0;
    font-family: "Gotham A", "Gotham B";
}

#search-results-bar::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  font-size: 19px;
}
#search-results-bar::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  font-size: 19px;
}
#search-results-bar:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-size: 19px;
}
#search-results-bar:-moz-placeholder { /* Firefox 18- */
  color: #000;
  font-size: 18px;
}

.search-thumbnail__wrapper {
    z-index: 10;
    width: 95px;
    height: 126px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 126px;
    overflow: hidden;
    margin: 20px;
    float: left;
}

.search-thumbnail {
    min-height: 100%;
    min-width: 100%;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* modern browsers */
    opacity: 0;
}

/* Fixes search bar margin compatibility with Safari */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    #search-results-bar { 

      line-height: 24px;

    }
}}

#search-results-submit {
    background: #38A0B2;
    font-size: 14px;
    font-family: "Gotham A", "Gotham B";
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    letter-spacing: -0.5px;
    line-height: 22px;
    border:none;
    text-transform: uppercase;
    padding: 0 20px;
    font-weight: 10;
    border-radius: 0;
}


hr {
    color: #e9e9e9;
    margin-left:10rem;
    margin-right: 10rem;
}

@media (min-width: 1440px){
.gsc-results {
    width: calc(100% + 0rem);
    max-width: 1235px;
}
}

@media (min-width: 1024px max-width: 1460px){
    hr{
      max-width: 1024px;

    }
}
@media (min-width: 1460px){
    hr{
      max-width: 1440px;
      margin:auto;
    }
}



@media (max-width: 1024px) {
    hr{
    display:none;
  }
    #search-results-bar{
      display:none;
  }


  #search-bar-area {
    height: 150px;
  }

  #search-results-form {
   display:none;
  }

  .desktop_title{
    display:none;
  }

}



@media(max-width: 800px){

  .gsc-results .gsc-cursor {
    padding-left: 4rem;
    padding-right: 4rem;

}

}

@media(min-width: 1024px){

  .search_header{}
  #search-results-form {
   padding-top: 3rem;
  }
  .section__search-title{}

}

@media(min-width: 1024px){
  .outer_edge{
    max-width: 835px;
  }
}

@media(min-width: 1020px){
  .mobile_title{
    display:none;
  }
}

.st-ui-embed {
  padding: 3rem;
}

#st-default-search-input {
  border-radius: 0;
  background-image: none;
}

#byu-ribbon__search__text-box {
  background-image: none;
  width: 225px;
  height: initial;
  padding: 1px 1px 1px 3px;
  border: none;
  border-radius: 0px;
  font-size: 1.36rem;
  font-family: "Gotham A", "Gotham B";
}

.st-search-pagination .st-query-present {
  float:right;
  margin-right:calc(44%);
}

.st-ui-pagination-number-link {
  padding:0 .3rem;
  margin: 0 .5rem;
  font-size: 1.333333rem;
  font-weight: 300;
}
.st-query-present .active {
  color: white !important;
  background-color: #38A0B2 !important;
  cursor: default !important;
  border-radius: 50% !important;
  font-weight: bold;
}