/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/

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

body, html {
  height: 100%;
}
body {
  font-family: 'Castoro', serif;
  font-family: 'Raleway', sans-serif;
  background: #f9f9f9;
}
body.halt {
  overflow: hidden;
}

/* general */
.wrapper {
  padding-top: 125px;
}
.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.8);
}
.square:after {
  content:'';
  float:left;
  padding-bottom: 100%;	
}
.rectangle:after {
  content:'';
  float:left;
  padding-bottom: 50%;	
}
.chubby-rectangle:after {
  content:'';
  float:left;
  padding-bottom: 75%;	
}
.tall-rectangle:after {
  content:'';
  float:left;
  padding-bottom: 150%;	
}
.circle {
	position: relative;
	border-radius: 50%;
	width: 100%;
	height: auto;
	padding-top: 100%;
	background: white;	
	display: block;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe, .video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video {
	max-width: 100%;
}
.p-absolute {
  position: absolute;
}
.p-relative {
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
.bw {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* animations */
.fadeimg {
  visibility: hidden;
}
.fadeIn {
  -webkit-animation: animat_show 0.8s;
  animation: animat_show 0.8s;
  visibility: visible !important;
}
@-webkit-keyframes animat_show{
  0%{opacity:0}
  100%{opacity:1}
}


/* text/fonts */
.text-black {
	color: #000;
}
.h1, h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.font-serif {
	font-family: serif;
	font-style: normal;
	font-weight: 400;
}
.font-sansserif {
	font-family: sans-serif;
	font-style: normal;
	font-weight: 400;
}


/* links */
a { 
  transition: .2s ease all;
  color: #005170;
}
a:hover {
  text-decoration: none;
}
p.text-dark a {
  color: #555;
}

/* buttons */
button:focus, .btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.btn {
  font-family: 'Raleway', sans-serif;
	border-radius: 0;
}
.btn-primary {
  background: #005170;
  border-color: #005170;
}
.btn-primary:hover {
  color: #005170;
  background: #fff;

}
.btn-default {

}
.btn-default:hover {
	
}
.btn-secondary {

}
.btn-secondary:hover {

}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
  background: #005170;
}


/* backgrounds */
.bg-black {
	background: #000;
}


/* carousel */
.carousel-indicators li {
  height: 12px;
  width: 12px;
  margin: 0 .5rem;
  border-radius: 50%;  
}

/* borders */ 
.bl-dark {
	border-left: 1px solid #000;
}
.br-dark {
	border-right: 1px solid #000;
}
.bt-dark {
	border-top: 1px solid #000;
}
.bb-dark {
	border-bottom: 1px solid #000;
}
.bl-light {
	border-left: 1px solid #ddd;
}
.br-light {
	border-right: 1px solid #ddd;
}
.bt-light {
	border-top: 1px solid #ddd;
}
.bb-light {
	border-bottom: 1px solid #ddd;
}
.b-light {
  border: 1px solid #ddd;
}


/* forms */
.form-control {
	border-radius: 0;
}


/* header */

header.navbar {
  position: fixed;
  width: 100%;
  z-index: 20;
  background: #fff;
}
.navbar-brand img {
  transition: .3s ease all;
  max-width: 200px;
}
header.navbar.scroll  {
  border-bottom: 1px solid #ddd;
}
header.navbar.scroll .navbar-brand img {
  max-width: 80px;
}



header.navbar {
  background: #005170;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  padding: 1rem 0 0 .25rem;
  margin: 0 .5rem;
  border-bottom: 2px solid transparent;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.navbar-toggler {
  border: 0;
}
button.navbar-toggler:focus {
  box-shadow: none;
}
#nav-icon {
  width: 32px;
  height: 22px;
  position: relative;
  margin: 4px;
  background: transparent;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float: right;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #eee;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 0px;
  background: #68aace;
}
#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: 0px;
  background: #68aace;
}

/* footer */
footer.footer {
  background: #005170;
}

.pagination {
  margin: auto;
}
.page-numbers {
  list-style: none;
}
.page-numbers li {
  display: inline-block;
}
a.page-numbers, span.page-numbers {
  border:1px solid #ddd;
  margin: .25rem;
  padding: .1rem .5rem;
  background: #fff;
}
span.page-numbers.current {
  color: #fff;
  background: #005170;
}
a.page-numbers {
  transition: .3s ease all;
}
a.page-numbers:hover {
  color: #fff;
  background: #005170;
}

span.screen-reader-text {
  display: none;
}

.event-tickets .tribe-tickets__rsvp-ar-quantity {
  display: none!important;

}

@media (max-width: 767px) {
  .wrapper {
    padding-top: 55px;
  }
}