/**
 * Shared
 */

 @import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;600&display=swap');

 body {
     --primary-color: #F2300D;
     --secondary-color: #43c493;
     --text-color: #9cabb9;
     --bg-color: #0b1822;
     --bg-secondary-color: #061217;
 
     margin: 0;
     padding: 0;
     font-family: 'Asap', sans-serif;
     font-size: 16px;
     background: var(--bg-color);
     color: var(--text-color);

    background-image: url(bg.jpg) !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
 }
 
 .page-wrapper {
     display: flex;
     flex-direction: column;
     width: 100%;
     align-items: center;
     margin: 10vh auto 10vh auto;
     padding: 0 10px;
     box-sizing: border-box;
     max-width: 500px;
     min-height: calc(80vh - 48px - 256px - 2px); /* 80vh - header - footer - border */
 }
 
 header {
     width: 100%;
     height: 48px;
     background: var(--bg-secondary-color);
     box-shadow: 0 0 5px 0 black;
     padding: 1em 0;
 }
 
 footer {
     width: 100%;
     height: 256px;
     background: var(--bg-secondary-color);
 }
 
 h1 {
     margin-bottom: 0;
     color: white;
     font-weight: 600;
 }

 .logo {
    display: inline-block;
 }

 .logo img {
    max-height: 30px;
 }
 
 @media (max-width: 728px) {
    .logo {
        display: block;
        text-align: center;
        padding-bottom: 1em;
     }
     header {
        height: auto;
     }
 }
 
 /**
  * Index page
  */
 
 .search-box {
     max-width: 500px;
     width: 100%;
 }
 
 .description {
     font-size: 18px;
     text-align: center;
     margin: 20px 0;
 }
 
 .gsc-search-button-v2 {
     cursor: pointer;
     background: var(--primary-color) !important;
     border-color: var(--primary-color) !important;
 }
 .gsc-search-button-v2:hover {
     background: rgba(242, 48, 13, 0.75) !important;
     border-color: transparent !important;
 }
 
 .gsc-input {
     font-family: 'Asap', sans-serif !important;
 }

 #home #___gcse_0 {
    margin: 0 auto;
    width: auto;
    float: none;
 }
 
 
 /**
  * Results page
  */
 
 .page-wrapper.results {
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .gsc-control-cse {
     background-color: transparent !important;
     border: none !important;
 }
 
 .gsc-tabhActive, .gs-title, .gs-title b, .gcsc-find-more-on-google {
     color: #FFF !important;
     border-bottom-color: var(--primary-color) !important;
 }
 
 .gcsc-find-more-on-google-magnifier {
     fill: var(--primary-color) !important;
 }

 .gsc-result-info {
    padding: 0px !important;
 }
 
 .gsc-tabhInactive, .gsc-result-info, .gs-snippet, .gsc-orderby-label {
     color: var(--text-color) !important;
 }
 
 .gsc-result {
     border: none !important;
     background-color: transparent !important;
 }
 
 .gsc-above-wrapper-area, .gsc-tabsArea, .gs-image {
     border-color: #334459 !important; 
 }
 
 .gsc-above-wrapper-area, .gsc-tabsArea {
    padding: 1em 0;
 }

 .gsc-tabsArea .gsc-tabhActive {
    background: linear-gradient(to bottom,#ffffff 50%,#ca0e09 50%,#d42c0a 100%) no-repeat scroll right bottom/100% 210% #f2300d !important;
    color: #fff;
    border: 1px solid #ec5911 !important;
 }

 .gsc-tabsArea .gsc-tabhInactive {
    color: #9cabb9 !important;
    border: 1px solid #ec5911 !important;
    background-color: #061217 !important;
    margin-left: 1em;
 }
 
 .gsc-above-wrapper-area {
     border-top: 0 !important;
 }
 
 .gs-visibleUrl {
     color: var(--secondary-color) !important;
 }
 
 .gsc-wrapper {
     padding: 2em;
     background-color: #061217 !important;
     border: 1px solid #334459;
     border-top: 0;
 }
 
 .gsc-results .gsc-cursor-box .gsc-cursor-page {
     font-size: 1.6em;
   background-color: transparent !important;
   color: #9cabb9 !important;
     padding: .4em .6em;
 }
 
 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
       color: #fff !important;
     background: linear-gradient(to bottom,#ffffff 50%,#ca0e09 50%,#d42c0a 100%) no-repeat scroll right bottom/100% 210% #f2300d !important;
     border: 1px solid #ec5911 !important;
 }
 
 .gsc-results .gsc-cursor-box {
     margin-top: 2em !important;
 }

 .gsc-cursor-box {
    text-align: center !important;
 }
 
 .gcsc-more-maybe-branding-root {
     display: none;
 }

 .gs-spelling {
    color: inherit !important;
 }

.gs-spelling a {
color: #fd6464 !important;
}

.search-bar {
margin: 0 auto;
max-width: 1063px;
padding-top: 10px;
}

 #___gcse_0 {
    width: 80%;
    float: right;
 }

 @media (max-width: 728px) {
    #___gcse_0 {
        float: inherit;
        margin: 0 auto;
     }
 }