/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*FONTS
 * ************/
@font-face {
  font-family: "Agency";
  src:  url("/wp-content/themes/bb-theme-child/fonts/AgencyFB-Bold.woff2") format("woff2"),
        url("/wp-content/themes/bb-theme-child/fonts/AgencyFB-Bold.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Harlekin";
  src:  url("/wp-content/themes/bb-theme-child/fonts/Harlekin.woff2") format("woff2"),
        url("/wp-content/themes/bb-theme-child/fonts/Harlekin.woff") format("woff");
  font-weight: normal;
}
.harlekin-font{
	font-family: Harlekin;	
}
.vi-styled-name{
    font-family: 'Harlekin';
    font-size: 50px;
    line-height: 1;
    padding: 20px;
}

h3 a:hover {
	color: #008bb0 !important;
}
/*underlines to links */
.fl-module a:hover, .vi-footer-menu a:hover .menu-item-text, .pp-breadcrumbs a, .vi-guide-link a, .vi-location-link a, .pp-sub-heading a, .fl-rich-text a, .vi-location-phone a, .pp-description-wrap a {
	text-decoration: underline !important;
}
.uabb-creative-button-wrap a:hover, .fl-heading a:hover, .fl-button-wrap a:hover, .pp-advanced-menu a:hover, .pp-social-icon a:hover, .vi-category-buttons a:hover, a.vi-guide-button:hover, .woocommerce a.button:hover {
	text-decoration: none !important;
}
.pp-breadcrumbs span {
	display: inline !important;
}
/* Homepage Custom Text Typing */
#typedtext{
	padding: 20px 20px 20px 20px;
	font-size: 40px;
	line-height: 1;
}

#addname, #typedtext {
	font-family: Harlekin, Verdana, Arial, sans-serif !important;
}

/*MAIN MENU
 * ************/
.vi-mobile-nav .pp-menu-toggle {
	right: 100% !important;
	background-color: #dbf6ff;
	padding: 5px;
}
.vi-mobile-nav .sub-menu {
	width:100% !important;
}
.vi-top-nav .sub-menu{
	z-index:110 !important;
}
.vi-top-nav-row {
	background-color: #005870 !important;
}
.vi-top-nav	.vi-hide-top-nav, .vi-mobile-nav .vi-hide-mobile-nav {
		display:none !important;
	}

/*BUTTONS*/
.fl-button-text {
	letter-spacing: 1px;
}

/*FORMS 
 * ***********/
.vi-search-form input, .vi-name-form input {
	width: 100%;
    border: 0px;
	font-size:16px;
	border-radius:10px;
	letter-spacing: 1px;
}
/*HOMEPAGE
 * ************/
.vi-oval-headline span.pp-primary-title {
	border-radius:100%;
}

@media (min-width:769px) {
	.vi-featured-banner-large p, .vi-featured-banner p {
		margin: 0px;
	}
	.vi-featured-banner-large .info-banner-wrap {
		vertical-align:top !important;
	}
}	
.vi-featured-banner-large .banner-title, .vi-featured-banner .banner-title {
	border-radius:10px;
}
.vi-featured-banner .banner-title {
	background-color: rgba(0, 0, 0, 0.5);
}
.vi-featured-banner .banner-title::after {
	content: "\e95e";
	font-family: 'Ultimate-Icons' !important;
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	padding-left:5px;
	font-size:90%;
}
.vi-featured-banner .pp-info-banner-content .info-banner-wrap {
    vertical-align: bottom !important;
	text-align: left !important;
}
.vi-featured-banner .pp-info-banner-content:hover .info-banner-wrap {
    vertical-align: middle !important;
	text-align: center !important;
}
.vi-go-rogue .pp-sub-heading p{
	color: rgba(255, 255, 255, 0.7) !important;
}
@media (max-width:768px) {
	.vi-home-slider-row .fl-bg-slideshow img {
		
	}
}	
/*HOVER CARDS*/
.vi-featured-hover-card .pp-hover-card-title {
	margin-top:210px !important;
	padding-left:25px;
}
.vi-large-hover-card .pp-hover-card-title {
	margin-top:450px !important;
	padding-left:40px;
}
.vi-small-hover-card .pp-hover-card-title {
	margin-top:110px !important;
}
.vi-middle-hover-card .pp-hover-card-title {
	margin-top:170px !important;
}
.vi-featured-hover-card .pp-hover-card-inner:hover .pp-hover-card-title {
	text-align: center !important;
	margin-top:0% !important;
	padding-left:0px !important;
}
.vi-featured-hover-card .pp-hover-card-description-inner {
	background-color: rgba(0, 0, 0, 0.5);
	border:2px solid #fff;
	border-radius:10px;
	margin-left:15px;
	margin-right:15px;
}
.vi-featured-hover-card .pp-hover-card-description-inner p::after {
	content: "\e95e";
	font-family: 'Ultimate-Icons' !important;
	speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	padding-left:5px;
	font-size:90%;
}
.vi-featured-hover-card .pp-hover-card-image {
	object-fit: cover !important;
}
@media (max-width:1300px) {
	.vi-featured-hover-card .pp-hover-card .pp-hover-card-image {
		max-width: 135% !important;
	}
	.vi-four-hover-cards h3{
		font-size:26px !important;
	}
}	
@media (max-width:990px) {
	.vi-four-hover-cards h3{
		font-size:34px !important;
	}
}
@media (max-width:768px) {
	.vi-large-hover-card .pp-hover-card-title {
		margin-top:200px !important;
		padding-left:20px !important;
	}
	.vi-middle-hover-card .pp-hover-card-title {
		margin-top:60px !important;
	}
	.vi-small-hover-card .pp-hover-card-title {
		margin-top:60px !important;
	}
	
}
/*input name form on homepage*/
.vi-name-form input[type=text] {
	border: 1px #757575 solid;
	width:55%;
	margin-right:10px;
	display: inline-block;
	vertical-align: top;
	border-radius:10px;
	margin-top:3px;
}
.vi-name-form input[type=submit] {
	width:35%;
	vertical-align:top;
	padding: 6px 30px 6px 10px;
	font-size: 20px;
}
.vi-hello-button {
	position: relative;
}
.vi-hello-button i {
	position: absolute;
	right: 10px;
	top:7px;
	font-size:18px;
	color: #005066;
}

.vi-name-form label {
	font-family: "Agency";
	font-size: 18px !important;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.vi-go-rogue .pp-sub-heading {
	margin-top: -80px !important;	
}

/*SEARCH
 * ************/
.vi-search-form .searchandfilter h4 {
	font-size: 30px !important;
}
.vi-search-form .searchandfilter label {
	width: 100% !important;
}

.vi-search-form .searchandfilter input {
	border:1px #757575 solid;
	border-radius: 10px;
	font-size: 16px;
	padding:10px;
	background-color: #fff;
	text-transform: lowercase;
}
.vi-search-form .sf-input-text {
	color:#000 !important;
}
.vi-search-form .searchandfilter ul {
	padding-left:0px !important;
}
.vi-search-form .searchandfilter .sf-field-submit input {    
    font-size: 24px;
    font-weight: bold;
    padding: 7px 10px;
    background-color: #fff647;
	font-family: Agency, Verdana, Arial, sans-serif;
	color:#005870;
	border:0px !important;
	border-radius:10px;
}
.vi-search-form .searchandfilter .sf-field-submit input:hover {
	background-color: #fff200;
}

/*GUIDES
 * *****************/
.vi-guides {
	height:100%;
	position: relative;
}
.vi-guide-cover {
	padding-left:25px;
	padding-right:25px;
	z-index:10;
}
.vi-guide-content {
	background-color: #e5e5e5;
	margin-top:0px;
	border-radius:15px;
	border: 3px #005066 solid;
	padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
	padding-bottom: 10px;
	margin-top:-23px;
}
.vi-guide-title {
	background-color: #005066;
	padding:5px 20px;
}
.vi-guide-title h3 {
	color: #fff;
}
.vi-guide-title h3 a:hover {
	color: #fff !important;
}
.vi-guide-details {
	padding: 5px 20px 20px 20px;
	min-height: 185px;
	position:relative;
}
.vi-guide-link {
	position:absolute;
	bottom:0px;
	left:0px;
}
.vi-guide-link .col-lg-6 {
	padding-left:10px !important;
	padding-right:10px !important;
}
.vi-guide-link .col-md-6, .vi-guide-link .col-sm-12 {
	padding-left:5px !important;
	padding-right:5px !important;
}
@media (max-width:1430px) {
	.vi-guide-title h3 {
		font-size: 22px !important;
	}
}
@media (max-width:1350px) and (min-width:1025px) {
	.vi-guide-listing .uabb-blog-posts-col-4 {
		width:33.33% !important;
	}
}
@media (max-width:1024px) and (min-width:551px) {
	.vi-guide-listing .uabb-blog-posts-col-4 {
		width:50% !important;
	}
}
@media (max-width:550px) {
	.vi-guide-listing .uabb-blog-posts-col-4 {
		width:100% !important;
	}
	.vi-guide-cover {
		width:75% !important;
	}
	.vi-guide-details {
		min-height: 150px;
	}
}
@media (max-width:1250px) and (min-width:551px) {
	.vi-guide-listing .uabb-blog-posts-col-3 {
		width:50% !important;
	}
}
@media (max-width:1300px) {
	.vi-guide-listing .uabb-blog-posts-col-1 .col-xs-6 {
		width:100% !important;
	}
	.vi-guide-listing .uabb-blog-posts-col-1 .vi-guide-details {
		min-height: 285px;
	}
}
.uabb-post-wrapper:hover .vi-guide-content {
	background-color: #fff !important;
}
.uabb-post-wrapper:hover .vi-guide-title {
	background-color: #008bb0 !important;
}
a.vi-guide-button {
	margin-bottom: 20px;
	width:100%;
	text-align: center;
	padding:10px !important;
}
@media (max-width:992px) {
	a.vi-guide-button {
		font-size: 22px !important;
	}
}

div.vi-guide-number {
  counter-reset: list-number;
}
div.vi-guide-number div.vi-number-counter:before {
  counter-increment: list-number;
  content: counter(list-number);
	font-size:40px;
	background-color: #005870 !important;
	color: #fff !important;
	padding: 5px 15px;
	border-radius: 10px 0px 10px 0px;
	position: absolute;
	z-index:20;
	top: 0;
	font-family: "Agency";
}
.vi-guides-btn-group {
	margin:20px;
}
.vi-guides .row {
	margin-right: 0px !important;
	margin-left:0px !important;
}
/*LOCATIONS
 * *****************/

.vi-location-content {
	padding:20px !important;
}
.vi-location-photo {
	border-radius:10px 10px 0px 0px;
}
.vi-locations .fl-post-grid-post {
	background: #f6f6f6 !important;
	border:0px !important;
	border-radius:15px !important;
}
.vi-post-meta a {
	color: rgb(73, 73, 73) !important;
	letter-spacing: 1px !important;
}
.vi-locations h4 {
	margin-bottom:0px !important;
}
.vi-locations h3 {
	margin-top:0px !important;
}
.vi-location-name {
	 font-family: "Agency",Verdana,Arial,sans-serif;
	 font-size: 24px !important;
	color: #005870;
	text-transform:uppercase;
}

/*CATEGORIES
 * *****************/
.vi-category-buttons a.fl-button {
	background-color: #005870 !important;
	margin-bottom: 10px;
}
.vi-category-buttons .fl-button-text {
	color:#fff !important;
	text-transform: uppercase !important;
	font-size: 20px !important;
}
.vi-category-buttons .fl-button-icon {
	color:#fff !important;
	font-size:1em !important;
}
.vi-category-buttons a.fl-button:hover {
	background-color: #008bb0 !important;
}
.vi-active a.fl-button {
	background-color: #008bb0 !important;
}
.vi-active a.fl-button:hover {
	background-color: #005870 !important;
}
/*EVENTS
 * *****************/
.vi-annual-events .dashicons-before:before {
	font-size: 28px !important;
}
.vi-annual-events h3 {
	margin-bottom: 0px !important;
	margin-top:15px !important;
}
.vi-events-calendar h2 {
	font-size: 30px !important;
}
.vi-submit-event-form input, .vi-submit-event-form textarea {
    border: 1px #757575 solid;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px !important;
    background-color: #fff;
    text-transform: lowercase;
}
.vi-submit-event-form #event-image {
	border: 0px !important;
}
.vi-submit-event-form input.button-primary {    
    font-size: 24px;
    font-weight: bold;
    padding:7px 20px !important;
    background-color: #fff647;
	font-family: Agency, Verdana, Arial, sans-serif;
	color:#005870;
	border:0px !important;
	border-radius:10px;
}
.vi-submit-event-form i {
	display: none;
}
.vi-submit-event-form #event-name {
	width:100% !important;
}
.gform_button {
	padding-left:25px;
	padding-right:25px;
	text-transform: lowercase !important;
}
.tribe-events-single-section-title {
	font-size: 30px !important;
	color:#005870 !important;
}
.gfield_label {
	font-weight:400 !important;
}
/*PRODUCTS
 * ****************/
.vi-products img, .vi-related-products img {
	border-radius:25px 25px 0px 0px !important;
	border: 0px !important;
}
.vi-product-categories h2 {
	font-size:30px !important;
}
.vi-product-categories {
	border-left: 3px solid #e5e5e5;
}
.woocommerce a.button {
	padding-left:25px;
	padding-right:25px;
	text-transform: lowercase !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .vi-products h3 {
	font-size: 30px !important;
	line-height: 30px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.vi-products .uabb-woo-product-wrapper, .vi-related-products .related ul.products li.product {
	background-color: #f6f6f6 !important;
	border-radius:25px !important;
}
.woocommerce ul.products li.product .price {
	font-size: 18px !important;
}
.woocommerce .fl-module-fl-woo-related-products .related ul.products li.product {
	width:24% !important;
	height:100% !important;
}
@media (max-width:990px) {
	.woocommerce .fl-module-fl-woo-related-products .related ul.products li.product {
		width:50% !important;
	}
}
.woocommerce-page ul.products li.product a.button {
	margin-bottom: 25px !important;
}
.vi-add-to-cart-btn label {
	color: #333 !important;
	font-size:18px !important;
}
.vi-product-images img {
	border-radius:25px !important;
}
@media only screen and (max-width:993px) {
	.woocommerce.woo-4.archive ul.products.columns-4 li.product, .woocommerce-page.woo-4.archive ul.products.columns-4 li.product {
	width:33.33% !important;
}
}
@media only screen and (max-width:768px) {
	.woocommerce.woo-4.archive ul.products.columns-4 li.product, .woocommerce-page.woo-4.archive ul.products.columns-4 li.product {
	width:50% !important;
}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		max-width: 100% !important;
	}
}

/*EVENTS
 * *****************/
.vi-events-list h2 {
	font-size:20px !important;
}
h2.my-events {
	font-size:34px !important;
}
.tribe-button-secondary, #post.events-community-submit {
	background: #005870 !important;
	padding:10px 30px !important;
	border-radius:10px !important;
	font-family: Agency, Verdana, Arial, sans-serif !important;
	font-size: 20px !important;
	text-transform: lowercase !important;
}
a.tribe-button-secondary:hover {
	text-decoration: none !important;
	background: #005066 !important;
	color:#fff !important;
}
.recurrence-row button>span {
	font-size:20px !important;
	color:#fff !important;
}
.tribe-community-events input, .tribe-community-events textarea {
	text-transform: none !important;
}
.tribe-community-events h3 {
	font-size:24px !important;
}
.vi-featured-events .fl-post-grid-event-calendar-date {
	white-space: normal;
}
.tribe-events-l-container {
	padding-bottom: 0px !important;
}
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{
	color: #fff !important;
}

/*FOOTER 
 * *****************/
.vi-social-icons {
	z-index:10;
}
.vi-footer-menu .sub-menu {
	margin-left:10px !important;
	width:100% !important;
	margin-top:15px !important;
}
.vi-footer-menu .pp-has-submenu-container a > span {
	padding-right: 0px !important;
	
}
.vi-footer-menu .pp-has-submenu-container {
	line-height:1 !important;
}