/* lee specific overrides, we should reconcile these with main.css and scss in a timely manner */
.quick-fact-arrow svg {

	height: 80%;
	fill: #831618;

}

.quick-fact-slide {
	outline: none;
	display: block;
}

.quick-fact-icon {
	margin: 0 auto;
	width: 8.125rem;
}

.quick-fact-label {
	color: #001f41;
	font-style: italic;
	font-size: 1rem;
	font-family: "Bitter", serif;
}

.quick-fact-value {
	color: #840b00;
	  line-height: 1.5;
	  font-weight: 100;
	  font-size: 2.5rem;
	  font-family: "Lato", sans-serif;
}

.data-slider-vertical-adjustment-20 {
     background-position-y: 35% !important; 
}
/* experimental code to play around with.*/
a.mainMenuNavLink {
    padding: 0.875rem 1.705rem !important; 
}

/* These overrides allow the navbar to fit when the apply now link is active and the screen is fairly small */


@media only screen and (min-width: 41.063em) {

    a.mainMenuNavLink {
        padding: 0.775rem .05rem !important
        
    }
}

@media only screen and (min-width: 42.063em) {

    a.mainMenuNavLink {
        padding: 0.775rem .205rem !important
        
    }
}


@media only screen and (min-width: 44.063em) {

    a.mainMenuNavLink {
        padding: 0.775rem .605rem !important
        
    }
}


@media only screen and (min-width: 68.063em) {

    a.mainMenuNavLink {
        padding: 0.875rem .805rem !important;
    }
}

/* NEVER hide the summary */

.hero-video p {
    display: block !important;
}


/* without writing a ton of responsive CSS myself I don't know how we can easily support videos of all sizes. The template seems
    centered around a video of fixed size and breaks on the edges if it's even slightly different aspect ratio or resolution.
    As such I just zoomed in and gave it some wiggle room on all edges. Feel free to play with these numbers and force reload to make it look better.
    Consider this the final tweaking to give you control over zoom, left, right, and top positioning.

    Zooming in above 100% is a solid way to ensure nothing is lost on the edges.

*/
.lee-video-overrides {
    height: 150% !important;
    width: 150% !important;
    left: -25% !important;
}

/* Search box is ridiculously overengineered, quick hack to destroy all the auto-generated styles and random tables 
.searchContainer td, .searchContainer div, .searchContainer tr, .searchContainer input  {
    margin: 0px !important; padding: 0px !important;
    font-size: 12px !important;
}*/

/* google search overrides */

.gsc-input {
    vertical-align: top !important;
}

.gs-title {
    height: auto !important;
}

#search-box input.gsc-input {
    
    font-size: .825rem;
    
}
#search-box input.gsc-input::-webkit-input-placeholder {
    font-size: .825rem !important;
}
#search-box input.gsc-input:-moz-placeholder {
  font-size: .825rem !important;
}
#search-box input.gsc-input::-moz-placeholder {
  font-size: .825rem !important;
}
#search-box input.gsc-input:-ms-input-placeholder {
  font-size: .825rem !important;
}

.gsc-thumbnail-inside, .gsc-url-top, .gs-title, .gsc-result-info {
    padding-left: 0px !important;
}

/* end google search overrides */