/*
Theme Name:     Antimony Theme
Description:    Custom WordPress theme built using the Bootstrap 4 framework.
Author:         Anthony Ahn
Author URI:     http://www.anthonyahn.com
Version: 		1.0
Text Domain: 	ahnpersonal
*/

/*	STYLE GUIDE:
blue: #036cb6, dark blue: color: #025692;;   
green: #6cb33e, dark green: #568f32;  
gray: #b7b986  
yellow: #CFA51D
oragne: #dd8e18;
*/

/* FONTS */

@font-face {
    font-family: 'FuturaBT-Book';
    src: url('fonts/FuturaBT-Book.otf');
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/FuturaBT-Book.otf');
}
@font-face {
    font-family: 'FuturaBT-Book-Bold';
    src: url('fonts/FuturaBT-Book-Bold.ttf');
}
@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/CrimsonText-Regular.ttf');
}
@font-face {
    font-family: 'Crimson Text Bold';
    src: url('fonts/CrimsonText-SemiBold.ttf');
}
@import 'https://fonts.googleapis.com/css?family=Work+Sans:300,300i,400,500,700';
/* GLOBAL */
#topnav img, .nav-logo, header img, footer img, .green-button, .white-button, .gray-button, .blue-button, #site-navigation { /* effects speed */
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
html, body {
    font-family: 'FuturaBT-Book', sans-serif;
  	font-size: 17px;
	line-height: 1.3;
	color: #2B383F;
	overflow-x: hidden;
}
strong {
  font-family: 'FuturaBT-Book-Bold', sans-serif;
}
em {
  font-style: italic;
}
hr {
  background: #262d86;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 30px 0;
  border: none;
}
/** Set mock container widths to match those of bootstrap (if no padding subtract 30px) **/
.mock-container {
	width: 1110px;
	margin: 0 auto;
}

.temp-hide {
	display: none;
}
p {
	font-size: 1rem;
}
.sb-flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.5rem;
	flex-wrap: wrap;
}
.sb-fi {
	width: calc(25% - 1rem);
	margin: 0 0 1rem 0;
}
.sideb-link {
	color: #FBFAF5;
	display: block;
	padding: 0 0 0.66rem 0.25rem;
}
.sideb-link:hover {
	color: rgba(241,99,52,0.99);
	text-decoration: none;
}
@media(min-width: 577px) and (max-width: 991px) {
	.sb-fi {
		width: calc(50% - 1rem);
	}
}
@media(max-width: 576px) {
	.sb-fi {
		width: calc(95% - 1rem);
	}
}
.fi-box {
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 230px;
}
.fi-box .fi-gradient {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(140,140,140,0.5);
	z-index: 1;
	transition: 0.2s all ease-in-out;
}
.fi-box:hover .fi-gradient {
	background: rgba(40,40,40,0.1);
}
.fi-box .fi-overlay {
	position: absolute;
	font-size: 1.05em;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5rem;
	min-height: 22%;
	color: #FFF;
	height: auto;
	z-index: 2;
}
.fi-box .fi-overlay .fi-smaller {
	margin-top: 0.25rem;
	font-size: 0.8em;
	display:block;
}
h1 { /*  */
	font-family: 'Crimson Text', serif;
	font-size: 2.2rem;
	margin: 0 0 0.5rem 0;
}
h2 { /*  */
	font-family: FuturaBT-Book;
	font-size: 1.75rem;
	margin: 0 0 0.5rem 0;
}
h3 { /*  */
	font-family: 'Crimson Text Bold';
	font-size: 1.5rem;
	margin: 0 0 0.5rem 0;
}
h4 { /*  */
	font-family: FuturaBT-Book-Bold, serif;
	font-size: 1.2rem;
}
h5 { /*  */
	font-family: 'Crimson Text Bold';
  	font-size: 1.2rem;
  	padding-bottom: 0;
  	margin-bottom: 5px;
}
h6 { /*  */
	font-family: FuturaBT-Book;
  	font-size: 1.1rem;
  	padding-bottom: 0;
  	margin-bottom: 5px;
}
.h1-no-line {
	font-size: 28px;
	color: #262d86;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
/* Sidebar Styles */
.side_panel h6 {
	font-size: 1rem;
}
.side_panel p {
	font-size: 0.9rem;
}
/* no gutters row */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.go-back {
	font-size: 0.9rem;
	text-decoration: underline;
	cursor: pointer;
}
.go-back:hover {
	font-weight: bold;
}
/* images */
img {
	max-width: 100%;
	height: auto;
}
.alignleft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 0.75rem;
}
.alignright {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 0.75rem;
}
.aligncenter {
	display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
}

/*  Boxy Headers */
.boxy-line {
	position: relative;
	display: block;
	z-index: 1;
	line-height: 1rem;
	border-bottom: 2px solid #036cb6;
	text-align: center;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.boxy-text {
	font-family: 'FuturaBT-Book-Bold', sans-seif;
	position: absolute;
	margin: 0 auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	padding: 0.5rem 1rem;
	background: #FFF;
	z-index: 2;
	border: 2px solid #036cb6;
}
  .flexi-table {
     display: table;
     width: 100%;
  }
  .flexi-row {
    display: table-row;
  }
  .flexi-cell {
    display: table-cell;    
  }

/* Accessibility */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

.skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 14px;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* masthead */
#masthead {
	position: fixed;
	top: 0;
	right: 0;
	width: 85%;
	text-align: center;
	background-color: #243665;
	color: #FFF;
	border: none;
	font-size: 1.5em;
	padding: 10px 4px
}
#masthead a{
	color: #FFF;
	text-decoration: none;
}
#masthead a:hover{
	text-decoration: underline;
}

#ql-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 15%;
	background-color: rgb(10,10,10);
	text-align: center;
	color: #FFF;
	border: none;
	font-size: 1.5em;
	padding: 0.55rem;
	z-index: 2;
}
#ql-menu.shrunk {
	padding: 0.5rem;
}
.ql-git {
	position: fixed;
	top: 0;
	display: none;
	padding-top: 15px;
	width: 8.2%;
	height: 3.05rem;
	color: #ddd;
}
.ql-transition {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.ql-git:hover {
	color: #FFF;
	padding-top: 6px;
}
.ql-git h5{
	margin-bottom: 0;
}
.ql-git span {
	text-align: center;
	display: none;
	font-size: 12px;
	line-height: 1;
	margin: 0;
}
.ql-git:hover span {
	display: block;
}
#ql-1 {
	left: 15%;
	background: rgba(169,169,169,0.95);
}
#ql-1:hover {
	border: 1px solid rgb(109,109,109);
}
#ql-2 {
	left: 23%;
	background: rgba(33,117,155,0.95);
}
#ql-2:hover {
	border: 1px solid rgb(33,117,155);
}
#ql-3 {
	left: 31%;
	background: rgba(150,180,190,0.95);
}
#ql-3:hover {
	border: 1px solid rgb(190,180,90);
}
.hike-head-logo {
	font-size: 18px;
}
.spacer {
	clear: left;
	width:100%;
	background: inherit;
}
.angled-border-left {
	width: 0px;
	height: 0px;
	float: left;
	border-left: 70px solid transparent;
	border-top: 70px solid #574841;
}
.masthead-spacer {
	position: relative;
	background: #000;
	z-index: -1;
	margin: 0;
	padding: 0;
	height: 48px;
	width: 100%;
}
.big-half {
	position: relative;
	height: 74vh;
	max-height: 560px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.big-gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.top-content {
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */	
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.top-content:hover h1 {
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
	color: white;
}
.search-form {
	float: right;
	max-height: 80%;
	max-width: 40%;
}
.double-pad {
	padding-left: 15px;
	padding-right: 15px;
}
@media(max-width: 767px){
	.double-pad {
		padding-left: 0;
		padding-right: 0;
	}
}
/* header */
header {
	position: relative;
	z-index: 9999;
}
header img:hover {
	opacity: .6;
}
header .nav-logo {
	float: left;
	margin: 8px 0;
}
.nav-logo:hover {
	opacity: .6;
}
.topnav-social {
	float: right;
	padding-top: 20px;
}
.topnav-link-icon {
	float: left;
	padding-left: 4px;
}
.search-icon {
	margin-top: 35px;
}
/* main menu */
#site-navigation {
	position: fixed;
	top: 0;
	left: -23.2%;
	width: 23.2%;
	height: auto;	
	background: rgba(10,10,10,0.92);
	font-size: 1rem;
	color: #FFF;
}
#menu-top-menu a {
	padding: 4px 16px;
	color: #FFF;
}
#menu-top-menu {
	margin-top: 10vh;
	list-style-type: none;
	text-align: right;
	padding-left: 0;
}
#menu-top-menu>li:first-child, #menu-top-menu>li:last-child{
	padding: 0.25rem 0;
}
#menu-top-menu .sub-menu {
	padding-left: 0;
	list-style-type: none;
}
#menu-top-menu .menu-item-has-children>a {
	cursor: default;
}
#menu-top-menu .menu-item-has-children>a:hover {
	text-decoration: none !important;
}
#menu-top-menu li#menu-item-372 {
	padding: 2rem 0 0.5rem 0;
	background: rgba(60,132,147,0.7);
}
#menu-top-menu li#menu-item-378 {
	padding: 2rem 0 0.5rem 0;
	background: rgba(249,156,0,0.4) !important;
}
#site-navigation.men-active {
	left: 0;
}
#site-navigation.men-active div ul li{
	opacity: 1;
}
/* Accessibility */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
/*  Hero Image */
#single-hero-big {
	display: block;
}
#single-hero-mobile {
	display: none;
}
@media (max-width: 576px){
	#single-hero-big {
		display: none;
	}
	#single-hero-mobile {
		display: block;
	}
}
/* main content */
.section {  /* regular content section */
	clear: both;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 36px 0 40px 0;
}
.white {
  background: #fff;
}
.section p {  
	padding-bottom: 5px;
}
.section a, .section a:focus {
  	text-decoration: none;
}
.section a:hover {
  	color: #06314d;
  	text-decoration: underline;
}
.section a:active {
  	color: #262d86;
  	text-decoration: none;
}
.section ul, .section ol {  
	padding-bottom: 15px;
}
.section li {  
	padding-bottom: 4px;
	margin-bottom: 4px;
	padding-left: 7px;
}
.section ul li ul {  
	margin-top: 15px;
}
.section td {
	padding: 8px 5px;
  	vertical-align: top;
	font-size: 15px;
}
.featured-image {
	font-size: 16px;
	text-align: left;
	color: #6e6e6e;
}
.featured-image-caption {
	padding-top: 10px;
}
.paginate-left {
	padding-left: 30px;
	text-align: left;
}
.paginate-right {
	padding-right: 30px;
	text-align: right;
}
.paginate-links-wrapper {
	padding-left: 20px;
}
.page-link {
	padding: 6px;
	margin: 6px;
	font-size: 22px;
}

/*Social Icons */
.social-wrap {
	display: block;
	margin: 1.25rem 0;
	text-align: left;
	font-size: 1.25rem;
	background: transparent;
	color: #8d8d8d;
	height: auto;
}
.social-circle i {
	color: #8d8d8d;
	font-size: 1.25rem;
}
.social-circle {
	display: inline;
	margin-right: 1.25rem;
	font-size: 1.25rem;
	vertical-align: middle;
	text-decoration: none;
}
.social-circle:hover i {
	text-decoration: none;
	color: #ACECEA;
}
/* banners & sliders */
.slider-section {
	position: relative;
	width: 100%;
	height: 100vh;

	z-index: 20;
}
.full-slide {
	position: relative;
	width: 100%; 
	height: 100%;	
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.carousel-control {
	position: absolute;
	top: 40%;
	z-index: 9999;
}
.carousel-control.left, .carousel-control.right {
   background-image: none !important;
   filter: none !important;
}
.carousel-control.left {
    left: -40px ;
    margin-left: 0;
}
.carousel-control.right {
    right: -40px;
    margin-right: 0;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1 !important;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: 50;
	background: rgba(0,0,0,.3)
}
.caption-content {
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
	font-family: roboto_condensedregular, sans-serif;
	font-size: 45px;
	color: #fff;
}
.scroll-down {
	position: absolute;
	bottom: 50px;
	right: 50px;
	z-index: 9999;
}

/* columns of same height styles */
.inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: top;
}

/* Contact Form 7 */
form.wpcf7-form {
	font-family: Arial, Helvetica, sans-serif;
}

form.wpcf7-form label {
	font-size: 1rem;
	display: block;
}

form.wpcf7-form input, form.wpcf7-form textarea {
	width: 80%;
	border-radius: 15px;
	padding: 8px 12px;
	background: #EEEDEE;
	font-size: 1rem;
	border: 1px solid #262d86;
	color: #2B383F;
}

.wpcf7-submit{
	display: inline-block;
	padding: 6px 20px;
	background: #262d86 !important;
	font-size: 17px;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
}
.wpcf7-submit:hover{
	background: #EEEDEE !important;
	color: #2B383F !important;
}

/* Effects */
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal, .paginate-left a, .paginate-right a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #6cb33f;
  color: #FFF;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 8px 16px;
  font-size: 1.5rem;
}
.hvr-shutter-in-horizontal:before, .paginate-left a:before, .paginate-right a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #036cb6;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active, .paginate-left a:hover, .paginate-right a:hover, .paginate-left a:focus, .paginate-right a:focus, .paginate-left a:active, .paginate-right a:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before, .paginate-left a:hover:before, .paginate-right a:hover:before, .paginate-left a:focus:before, .paginate-right a:focus:before, .paginate-left a:active:before, .paginate-right a:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* buttons */
#searchsubmit {
	font-size: 0.4em;
	background: transparent !important;
	border: none;
	color: #DDD;
	cursor: pointer;
}
#searchsubmit:hover {
	color: #acecea !important;
}

.blue-button {
	font-family: lorabold_italic, serif !important;
	display: inline-block;
	padding: 6px 20px;
	background: #262d86 !important;
	font-size: 19px;
	color: #fff !important;
	text-decoration: none !important;
  text-align: center;
	border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.blue-button:hover, .blue-button a:hover {
	background-color: #808080 !important;
	color: #fff !important;
  	text-decoration: none !important;
}
.white-button {
	font-family: lorabold_italic, serif !important;
	display: inline-block;
	padding: 6px 10px;
	background: rgba(0,0,0,.4);
	font-size: 19px;
	color: #fff !important;
	text-decoration: none !important;
  	text-align: center;
	border: 2px solid #fff !important;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
}
.white-button:hover, .white-button a:hover {
  	text-decoration: none !important;
	color: #57922d !important;
	border: 2px solid #57922d !important;
}
.gray-button {
	font-family: lorabold_italic, serif !important;
	display: inline-block;
	padding: 6px 10px;
	background: transparent !important;
	font-size: 19px;
	color: #494949 !important;
  	text-align: center;
	text-decoration: none !important;
	border: 2px solid #494949 !important;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
}
.gray-button:hover, .gray-button a:hover {
  	text-decoration: none !important;
	color: #57922d !important;
	border: 2px solid #57922d !important;
}
/* Link with border on hover */
.border-hover {
	transition: all 0.2s;
	border-style: solid;
	border-color: rgba(47, 60, 126, 0);
	background: rgba(47, 60, 126, 0);
	opacity: 1;	
	border-width: 4px;
}
.border-hover:hover {
	opacity: 0.8;
	border-color: rgba(47, 60, 126, 1);
	background: rgba(47, 60, 126, 0.75);
	border-width: 4px;
}
a.border-hover:hover {
	text-decoration: none !important;
}
/* Button Style with arrow (set colors in local template) */
.olay-ani {
  width: 200px;
  display: inline-block;
  position: relative;
  margin: 0 0 1rem 0;
  padding: 0.5rem 24px 0.5rem 0.5rem;
  background-color: #4CB5F5;
  color: #FFF;
  text-align: left;
  border-radius: 7px;
  transition: background-color 0.5s ease;
  font-size: 1rem;
}
.olay-ani:hover{
  text-decoration: none !important;
  color: #4cb5f5;
  background-color: #FFF;
}
.olay-ani-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 24px;
  height: 18px;
  cursor: pointer;
}

.olay-ani-arrow .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80%;
  height: 3px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  animation: arrow 350ms linear;
}
.olay-ani:hover .arrow {
  transform: translate(10px, -50%);
  background-color: #4cb5f5;
}
.olay-ani:hover .arrow::after, .olay-ani:hover .arrow::before {
  background-color: #4cb5f5;
}
.olay-ani-arrow .arrow::after {
  content: '';
  position: absolute;
  width: 60%;
  height: 3px;
  top: -4px;
  right: -4px;
  background-color: #fff;
  transform: rotate(45deg);
}

.olay-ani-arrow .arrow::before {
  content: '';
  position: absolute;
  width: 60%;
  height: 3px;
  top: 4px;
  right: -4px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  transform: rotate(-45deg);
}
.small-oval{
	display: inline-block;
	margin: 0.2rem 0;
	font-size: 0.8rem;
	border-radius: 25px;
	padding: 0.25rem 1rem;
	text-decoration: none;
}
.small-oval:hover{
	background-color: #2b383f;
	color: #FFF !important;
}
.view-more-button {
	position: absolute; 
	bottom: 2px; 
	left: 0; 
	width: 100%; 
	text-align: center;
}
#s {
	font-style: italic;
	background: transparent;
	font-size: 0.5em;
	color: #CCC;
	padding: 2px 4px;
	border: 1px solid #CCC;
	box-shadow: none;
}

/* Image Gallery */
#thumbs {
	display: inline-block;
	margin: 0 auto;
	padding-top: 10px; 
	overflow: hidden;
}
#largeImage {
   width: auto;
   height: auto;
   max-width: 80%;
   max-height: 500px;
   border: 1px solid gray;
   padding: 4px;
   background-color: white;
   margin: 0 auto;
}

#description {
	height: 17px;
	padding-top: 4px;
   font-size: 14px;
   text-align: center;
}
#panel { 
    position: relative; 
}

/* Sidebar */
.sidebar-block {
	display: block;
	position: relative;
	margin: 0 -0.5rem;
	width: 100%;
	height: auto;
	padding: 0.75rem 0.25rem;
}
.sidebar-block h1, .sidebar-block h2, .sidebar-block h3, .sidebar-block h4,.sidebar-block h5,.sidebar-block h6, .sidebar-block p {
	margin-bottom: 0;
}

/* footer */
footer {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0 0 0;
	font-size: 18px;
	color: #fff;
}
footer img {
	margin-right: 6px;
}
footer a img:hover {
	opacity: .6;
}
footer h3 {
	padding-bottom: 0;
}
footer h4 {
	line-height: 1.5;
}
footer a, footer a:focus, .copyright a, footer a:focus {
  color: #fff;
  text-decoration: none;
}
footer a:hover, .copyright a:hover {
  color: #dedcdc;
  text-decoration: none;
}
footer a:active, .copyright a:active {
  color: #fff;
  text-decoration: none;
}
.copyright {
	padding: 20px 0 5px 0;
	color: #fff;
	font-size: 15px;
}
.copyright-left {
	text-align: left;
}
.copyright-right {
	text-align: right;
}
/* YouTube Video */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* "Large" */
@media(min-width: 992px) and (max-width: 1199px) {
	body {
  		font-size: 16px;
	}
	.mock-container {
		width: 930px;
	}	
	.navbar-custom .navbar-nav > li > a {
		padding: 5px 4px;
		margin: 0 3px;
		font-size: 18px;
	}
  	.caption-content {
		font-size: 35px;
 	  	top: 49%;
 	}
 	.bio-slideout {
 		font-size: 15px;
 	}
	#site-navigation {
		left: -31%;
		width: 31%;
	}
	div.masthead-spacer {
		height: 44px;
	}
	#ql-menu.shrunk {
		padding: 0.6rem;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	body {
  		font-size: 16px;
	}
	#ql-menu {
		padding: 0.55rem;
	}
	#ql-menu.shrunk {
		padding: 0.6rem;
	}
	div.masthead-spacer {
		height: 42px;
	}
}
.grecaptcha-badge {
	display:none;
}
/* x-Large  */
@media(min-width: 1600px){
	#site-navigation {
		left: -15%;
		width: 15%;
	}
}
/* "Extra Small" */
@media (max-width: 767px) {
	body {
  		font-size: 14px;
	}	
	.search-icon {
		margin-top: 30px;
	}
	.row-height, .col-height {
		display: block;
		float: none;
	}
	.copyright-left, .copyright-right {
		text-align: center;
	}
	.caption-content {
		top: 30%;
		font-size: 25px;
    padding: 0 30px;
	}
	.scroll-down {
		bottom: 70px;
		right: 10px;
	}
  	.gray-button {
    	margin-bottom: 10px;
  	}
  	.prev-link-wrapper, .next-link-wrapper {
		width: 50%;
	}
	.search-form {
		display: none !important;
	}
	#site-navigation {
		left: -39.6%;
		width: 39.6%;
	}
	#ql-menu.shrunk {
		padding: 0.72rem;
	}
	div.masthead-spacer {
		height: 48px;
	}
}
/* "Extra Small" */
@media(max-width: 576px) {
	body {
  		font-size: 12px;
	}
    #masthead {
        font-size: 0.9rem !important;
        padding-top: 0.88rem !important;
        padding-bottom: 0.88rem !important; 
    }
	#site-navigation {
		left: -190px;
		width: 190px;
	}
	#menu-top-menu .sub-menu {
		padding-left: 0;
	}
	.masthead-spacer {
	    height: 42px;
	}
	#ql-menu {
		padding: 1rem 0 0.6rem 0;
	}
	#ql-menu.shrunk {
		padding: 1rem 0 0.6rem 0;
	}
	.ql-git {
		height: 3rem;
	}
}

/* other stuff */
noscript {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-color: #8f9297;
	color: #fff;
}
noscript > p {
	width: 66.667%;
	margin: 50px auto 0;
	text-align: center;
	color: #fff;
}