/*
Theme Name: BlueStar
BlueStar Core
*/

body {
	min-width: 320px;
}
@media only screen and (min-width: 0) {
	html {
		font-size: 15px
	}
}

@media only screen and (min-width: 992px) {
	html {
		font-size: 15.5px
	}
}

@media only screen and (min-width: 1200px) {
	html {
		font-size: 16px
	}
}

html,body {
	margin: 0;
	padding:0;
}

html {
	line-height: 1.7;
	font-family: "neuzeit-grotesk", sans-serif;
	font-weight: normal;
	color: #4a4a4a;
}

body, p, ul, ol, li, blockquote, div, span {
	font-family: "neuzeit-grotesk", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #4a4a4a;
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: "neuzeit-grotesk", sans-serif;
	font-weight: 300;
	color: #4a4a4a;
	letter-spacing: 0px;
	margin: 0.2em 0 0.2em;
	text-rendering: optimizelegibility;
	text-transform: uppercase;
}
h1 {
    font-size: 3.5rem;
	margin: 0.5em 0;	
}
h2 {
	font-size: 2.5rem;
	margin: 0.5em 0;
}
h4 {
    font-size: 1.75rem;
}
strong {
    font-weight: 700;
}
a, a:hover, a:active, a:focus, a img {
	border: 0 none;
	outline: 0 none;
}
.breadcrumbs {
	font-size: 0.9375rem;
	color: #979797;
	margin: 10px 0;
}
.breadcrumbs a, .breadcrumbs span {
	font-size: 0.9375rem;
	color: #979797;
}
.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: none outside none;
	margin: 10px 0;
    padding: 8px 0;
}
.breadcrumb li {
	font-size: 1rem;
}
.breadcrumbs i,
.breadcrumbs svg {
	font-size: 13px;
	line-height: 1.2;
	margin: 0 5px;
}

a, a:active, a img {
	outline:0;
	border:0;
}
.alignleft{
	float:left;
	margin:0 25px 25px 0;
}
.alignright{
	float:right;
	margin:0 0px 25px 25px;
}
.aligncenter {
	float:none;
	margin:25px;
}
i.right,
svg.right {
	margin-left:5px;
}
#menu-main-menu .dropdown i,
#menu-main-menu .dropdown svg {
	position:relative;
	top:-19px;
}
.current-menu-item a, .current-menu-ancestor a, .current_page_parent a {
	background: rgba(0,0,0,.1);
}

/*//////////////////////
	SOCIAL
/////////////////////*/
.social-share {
	margin-top: 15px;
}

ul.social-share {
	padding: 0;
	margin: 0;
}

ul.social-share li {
	list-style: none;
	display: inline-block;
	margin: 0 10px 15px 0;
}

ul.social-share li.last {
	margin-right: 0;
}

ul.social-share li a {
	color: #428bca;
}

ul.social-share li a, ul.social-share li a:hover {
	text-decoration: none;
}

ul.social-share li i,
ul.social-share li svg {
}

.top-bar .social a i,
.top-bar .social a svg {
	transition: .3s;
}

/*Twitter*/
a.twitter i:hover,
a.twitter svg:hover {
    color: #9AE4E8;
}
/*Facebook*/
a.facebook i:hover,
a.facebook svg:hover {
    color: #3B5998;
}
/*Instagram*/
a.instagram i:hover,
a.instagram svg:hover {
    color: #417399;
}
/*Google Plus*/
a.google-plus i:hover,
a.google-plus svg:hover {
    color: #D34836;
}
/*LinkedIn*/
a.linkedin i:hover,
a.linkedin svg:hover {
    color: #0e76a8;
}
/*Yelp*/
a.yelp i:hover,
a.yelp svg:hover {
    color: #d32323;
}
/*Pinterest*/
a.pinterest i:hover,
a.pinterest svg:hover {
    color: #C92228;
}


/*//////////////////////////
	FOOTER
//////////////////////////*/

.footer {
    background-color: #fff;
    border-top: 0px;
    min-height: 100px;
    width: 100%;
}
.footer a {
	color: #4a4a4a;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .text-muted {
    margin: 20px 0;
}

@media (max-width: 767px) {
	.footer .text-muted {
		text-align: center;
	}	
}

.hiddendiv {
    padding-top: 0;
}


.padNO {
	padding: 0 !important;
}
.padBtm {
	padding-bottom: 1.5em !important;
}
.padTop {
	padding-top: 1.5em !important;
}
.padTop2x {
	padding-top: 3em !important;
}
.padBtm2x {
	padding-bottom: 3em !important;
}

#wrapper {
	height: 64px;
}

nav.jump-nav {
	box-shadow: none;
	z-index: 999;
}
nav.jump-nav ul a {
    padding: 0.93em 1.7em;
    font-size: 1.125rem;
    font-weight: 700;
	text-transform: uppercase;
    border-bottom: 0;
    transition: background-color .3s;
}
nav.jump-nav ul a:hover,
nav.jump-nav ul a:active,
nav.jump-nav ul a.active {
	background-color: rgba(0,0,0,0.3);
	border-bottom: 0;
}

nav.jump-nav ul a:focus {
	border-bottom: 0;
}


nav.jump-nav ul li {
	display: inline-block;
	float: none;
}

.pin-top {
	position: relative;
}
.pin-bottom {
	position: relative;
}
.pinned {
	position: fixed !important;
}

.btn, .btn-large {
	font-size: 1.125em;
	font-weight: 600;
	margin: 0 0.5rem 1rem 0;
}
.center .btn, .center .btn-large {
	margin-left: 0.5rem;
}
.buttons {
	margin-top: 3em;
}

.greyBG {
	background-color: #f5f6f7;
}
.whiteBG {
	background-color: #ffffff;
}

.invert h1,
.invert h4,
.invert p,
.invert a {
	color: #fff !important;
}
.invert .btn,
.invert .btn-large {
	background-color: #fff;
	border: 2px solid #fff;
}
.invert .btn:hover, .invert .btn-large:hover,
.invert .btn:hover, .invert .btn-large:focus,
.invert .btn:hover, .invert .btn-large:active {
	color: #fff !important;
	border: 2px solid #fff;
}


.location h1 {
	margin-top: 1em;
}

.acf-map {
	width: 100%;
	height: 450px;
	border: 0;
}

.acf-map img {
   max-width: inherit !important;
}

.location .btn {
	margin-top: 20px;
}

.contact-card .card .card-content {
    padding: 24px 0;
}
.card .card-content {
    padding: 24px;
}
.contact-card h4.card-title {
    font-size: 1.75rem;
}

.card .card-title {
    font-size: 1.125rem;
}

.card .card-action {
    border-top: 2px solid #e6e6e6;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
	color: rgba(74,74,74,1);
	font-size: 1.125rem;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
	color: rgba(74,74,74,0.8);
}

.contact-card .card .card-content p {
	color: #979797;
	font-size: 1rem;
}

.slider .slides {
    background-color: transparent;
}

.specials h3 {
	font-size: 1.75rem;
	font-weight: 700;
}
.specials .slider .slides {
    background-color: transparent;
}
.specials .slider .slides li {
    background-color: #f5f6f7;
    transition: box-shadow .25s;
    border-radius: 0;
	box-shadow: none;
    border: 1px solid #eeeeee;
}
.specials .slider .slides li .special-content {
    padding: 1rem 1.5rem 1rem;
}
.specials .specials-content {
	padding: 0;
	border-radius: 0;
}
.specials .special-content p {
	color: #979797;
}
.specials .slider .slides li .specials-cta {
	color: #4a4a4a;
	font-size: 1.125rem;
	text-transform: uppercase;
	border-top: 2px solid #e6e6e6;
	padding: 1rem 0 0;
	display: table;
	min-width: 270px;
	margin-bottom: 0;
}
.specials .slider .slides li .specials-cta a {
	transition: .3s;
}
.specials .slider .slides li .specials-cta a:hover,
.specials .slider .slides li .specials-cta a:focus,
.specials .slider .slides li .specials-cta a:active {
	color: #4a4a4a;
    cursor: pointer;
}
.specials .special-image {
	padding: 0;
	line-height: 0;
}

.slider .indicators .indicator-item {
    cursor: pointer;
    background-color: transparent;
	border: 2px solid #4a4a4a;
    transition: background-color .3s;
    border-radius: 50%;
}
.slider .indicators .indicator-item.active {
    background-color: #4a4a4a;
	border: 2px solid #4a4a4a;
}
.special-block .specials-img {
	padding: 0;
	min-height: 230px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.testimonial-details p {
    font-size: 2.875rem;
    text-transform: uppercase;
    margin-bottom: 1em;
    line-height: 1.2;
}
.testimonial-author p {
    font-size: 1.125rem;
	font-weight: 300;
}
.testimonials .slider .indicators .indicator-item {
    cursor: pointer;
    background-color: transparent;
	border: 2px solid #ffffff;
}
.testimonials .slider .indicators .indicator-item.active {
    background-color: #ffffff;
	border: 2px solid #ffffff;
}

button.testimonial.prev,
button.testimonial.next {
	color: rgba(255,255,255,1);
}
button.testimonial.prev:hover,
button.testimonial.next:hover {
	color: rgba(255,255,255,0.5);
}																		

/*////////////
  FAQ's
////////////*/
.faqs {
	margin-top: 1.5em;
}
.faq-question {
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.5rem;
	width: 100%;
}
.faqs .collapsible {
	border: 1px solid #dfdfdf;
	box-shadow: none;
}
.faqs .collapsible-header {
	border: 1px solid #dfdfdf;
}
.faqs .collapsible-header.active {
	background-color: #f0f1f1;
}
.faqs .collapsible-header.active .faq-question {
    font-weight: 700;
}
.faqs .collapsible-header i,
.faqs .collapsible-header svg {
	color: #bfbfbf;
	font-size: 1rem;
	margin-top: 0.6rem;
}
.faqs .collapsible-body {
	background-color: #fff;
	padding: 1rem 1.5rem;
	border: 1px solid #dfdfdf;
}
.faqs .collapsible-body p {
	color: #4a4a4a !important;
	font-size: 1.1rem;
	margin: 0 0 1em;
}

/* Video Width 100% override */
video{ 
	width: 100%; height: 100%; max-width: 100%; 
}
.wp-video {
	width: 100% !important;
}

#video-wrapper {
	/* display: none; */
}

/*FLEX GRID STYLES*/
.flex-wrapper {
	display: flex;
	align-content: flex-start;
	flex-flow: row wrap;
	flex-wrap: wrap;
	position: relative;
}
.flex-1 .flex-item {
	flex: 1 1 100%;
	flex-grow:0;
}

.flex-2 .flex-item{
	flex: 1 1 50%;
	flex-grow:0;
}

.flex-3 .flex-item {
	flex: 1 1 33.3%;
	flex-grow:0;
}
.flex-4 .flex-item {
	flex: 1 1 25%;
	flex-grow:0;
}
.flex-5 .flex-item {
	flex: 1 1 25%;
	flex-grow:0;
}
.flex-6 .flex-item {
	flex: 1 1 16.6%;
	flex-grow:0;
}
.flex-item {
	flex: 1;
	display: inline-block;
}
/* With gutters */
.flex-gutters {
	margin: -2em 0 0 -2em;
}
.flex-gutters > .flex-item {
	padding: 2em 0 0 2em;
}
.valign {
	align-items: center;
   	justify-content: center;
}
.flex-grow-1{
	flex:1 !important;
	flex-grow:1 !important;
}
.flex-grow-2{
	flex:2 !important;
	flex-grow:2 !important;
}
.flex-grow-3{
	flex:3 !important;
	flex-grow:3 !important;
}
.flex-grow-4{
	flex:4 !important;
	flex-grow:4 !important;
}

@media only screen and (max-width: 992px) {
	.modal {
		width: 50%;
		top: 5% !important;
		max-height: 100%;
	}

	.modal h4 {
		line-height: 10%;
		font-size: 0.9rem;
	}

	.modal .modal-content {
		padding: 14px;
	}

	.modal .modal-footer {
		height: 48px;
	}
}

@media only screen and (max-width: 600px) {
	.modal {
		margin: 6%;
		width: 90%;
	}

	.modal h4 {
		line-height: 10%;
		font-size: 0.9rem;
	}

	.modal .modal-content {
		padding: 14px;
	}
}