/***
*   SEARCH INTERSTITIAL
***/
#search-background{
  position:fixed;
  z-index:101;
}
#search-wrapper {
    position: fixed;
    opacity:0;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    z-index: 102;
    overflow:hidden;
    transition:opacity .5s;
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -ms-transition:opacity .5s;
}
#search-wrapper.opaque{
  opacity:1;
}
#search-close-button{
  position:fixed;
}
#search-close-button.close-button {
    font-size: 0em;
    transition: transform .5s, font-size .5s;
    -webkit-transition: transform .5s, font-size .5s;
    -moz-transition: transform .5s, font-size .5s;
    -o-transition: transform .5s, font-size .5s;
    -ms-transition: transform .5s, font-size .5s;
}
#search-close-button.close-button.visible {
    font-size: 3em;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
/***SEARCH FORM***/
#search-form {
    position: relative;
    width: 96%;
    padding: 2%;
    top: 0;
    background-color: #f1f1f1;
    border: 1px solid rgba(40,40,40,.15);
    text-align:center;
}
#search-form input {
    width: 80%;
}
.button.blue.search {
    margin: 0;
    vertical-align: top;
    font-size: 1.2em;
    padding: 1% 3%;
  }
/***
*   SEARCH RESULTS
***/
#search-results-wrapper {
    height: 75vh;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid rgba(40,40,40,.15);
}
#search-results-wrapper h3 {
    margin-top: 0;
    padding-top: 1%;
}
#search-results-wrapper .dot-wrapper {
    margin-bottom: 1%;
}
#st-results-container {
    position: relative;
    width: 96%;
    padding: 2%;
    height:55vh;
    text-align: center;
    overflow: scroll;
}

/***GOOGLE SEARCH / GSE***/
.gsc-results.gsc-webResult{
    margin-top:1%;
}
 .gs-title {
	 text-align: left;
	 font-weight: bold;
	 font-size: 15pt !important;
}
 .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{
	 font-size:15pt !important;
}
 .gsc-control-cse, .gsc-control-cse .gsc-table-result{
	 font-size:11pt !important;
}
 #gs_id50.gstl_50.gsc-input{
	 margin:0;
}
 #gs_id50.gstl_50.gsc-input tr{
	 border:none;
}
 .gsc-input{
	 display: inline-block;
	 width: 81%;
}
.gsc-webResult.gsc-result.gsc-promotion{
  border-top: 3px solid #D9161E !important;
}
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link {
    margin-left: 0.5%;
}
.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link,
.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover,
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b{
  transition: none !important;
}

@media screen and (max-width:1080px) {
 td.gsc-input{
	 width: 76% !important;
}
}



.gsib_a{
    border: 1px solid rgba(40,40,40,.15);
}

 .gsc-input-box{
	 border:none !important;
}
 .gsc-search-button{
	 display: inline;
	 width: 10% !important;
	 vertical-align: top !important;
}
.gsc-search-button-v2, .gsc-search-button-v2:focus, .gsc-search-button-v2:active {
    border: 1px solid #1A79AF;
    background-color: #1A79AF;
    background-image: none;
    filter: none;
    padding: 12px 27px !important;
    font-size:0;
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
}
.gsc-search-button-v2:hover{
    border:1px solid #C8102E !important;
    background-color:#C8102E !important;
        transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
}

/***END GOOGLE SEARCH / GSE***/


/***SEARCH RESULT***/
.search-result {
    display: inline-block;
    width: 30%;
    margin: 1%;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid rgba(40,40,40,.15);
    text-align: left;
    transition:background-color .25s;
    -webkit-transition:background-color .25s;
    -moz-transition:background-color .25s;
    -o-transition:background-color .25s;
    -ms-transition:background-color .25s;
}
.search-result:hover{
  background-color:#efda31;
  border-color:#efda31;
  color: #4277c5;
  cursor:pointer;
}
.search-result .image img {
    width: 100%;
}
.search-result.profile .image img {
    width: 50%;
    margin-left: 25%;
    margin-top: 4%;
}
.search-result:hover .info, .search-result:hover .audience, .search-result:hover .body{
  color:#4277c5;
}
.search-result .info {
    position: relative;
    width: 92%;
    padding: 4%;
    color: #404040;
    transition:color .25s;
    -webkit-transition:color .25s;
    -moz-transition:color .25s;
    -o-transition:color .25s;
    -ms-transition:color .25s;
}
.search-result .audience {
    margin: 0;
    color: #666;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}
.search-result h6 {
    margin: 3% 0 1% 0;
    font-size: 1.5em;
    font-family: 'Raleway', sans-serif;
}
.search-result .body {
    padding: 4%;
    color: #666;
    max-height: 100px;
    overflow: hidden;
}
.learn-more-button {
    text-align: right;
}
@media screen and (max-width:1100px){
  #search-close-button.close-button.visible {
      font-size: 2em;
  }
  #search-form input {
    width: 70%;
  }
}
@media screen and (min-width:297px) and (max-width:600px){
    table.gsc-search-box tbody{
        display:block;
    }
    .gsc-input, .gsc-search-button{
        display: inline-block !important;
        border-bottom: none;
    }
    .gsib_a, .gsib_b{
        display:inline-block !important;
    }
    .gsib_a{
        width:84% !important;
    }
    .gsib_b{
        width:4%;
    }
    
    
    table.gsc-search-box td{
        vertical-align: top;
    }
    .gsc-search-button {
        margin: 3.5px !important;
    }
}

@media screen and (max-width:701px){
    .gsc-search-box td{
        padding:5px;
    }
    table .gstl_50.gsc-input{
        border: none;
    }
    .gsc-search-button {
        margin: 6px 0 0 2px;
    }
    table.gsc-search-box tr{
        border: none;
    }
    table.gsc-search-box td{
        vertical-align: middle;
    }
}
    
@media screen and (max-width:900px){
  .search-result {
    width: 45%;
  }
}
/***ALL MOBILE**/
@media screen and (max-width:800px),
/***iPhone X***/
only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3),
/***iPhone 6, 7, 8***/
only screen
and (min-device-width : 375px)
and (max-device-width : 667px),
/***iPhone Plus***/
only screen
and (min-device-width : 414px)
and (max-device-width : 736px),
/***iPad***/
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px),
/***iPad Mini***/
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1),
/***iPad Pro**/
only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5),
/***Galaxy S4, S5, and Note 3**/
only screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3),
/***Galaxy S6***/
only screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 4),
/***Galaxy S7 & S8***/
only screen
and (min-device-width : 360px)
and (max-device-width : 640px),
/***Pixel***/
only screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3),
/***Pixel XL***/
only screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 4){
    #search-wrapper {
        top: 1vh;
        left: 8%;
        width: 84%;
        height:97vh;
    }
    #search-close-button.close-button.visible {
      font-size: 3em;
    }
    #search-form input {
        width: 98%;
        margin-bottom: 2%;
        margin-right:0;
    }
#submit-search {
    width: 100%;
    padding: 2% 0;
}
#search-results-wrapper{
  height:63vh;
}
#search-results-wrapper h3 {
    font-size: 1.8em;
    margin-bottom: 0;
}
#search-results-wrapper .dot-wrapper {
    margin-bottom: 1%;
    line-height: 1em;
}
#st-results-container {
    height: 38vh;
  }
  }
@media screen and (orientation:portrait){
  #search-wrapper {
    top: 7vh;
    left: 2%;
    width: 96%;
    height: 92vh;
}
#search-close-button.close-button.visible {
    font-size: 2.5em;
}
#search-results-wrapper {
    height: 75vh;
}
#st-results-container {
    height: 60vh;
}
.search-result {
    width: 90%;
}
}