/*
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... */ 

body:not(.fl-builder-edit) .vi-on-top {
	z-index:10;
	position:relative;
}
.vi-pic-on-top .fl-photo-content{
	z-index:10 !important;
}

/*underlines to links */

.fl-page-content a, .fl-module-content a, .vi-staff-member-list p a, .pp-hotspot-tour a {
	text-decoration: underline;
}
.uabb-creative-button-wrap a, .fl-heading a, .vi-main-nav .fl-module-content a, .vi-footer-menu a, .vi-subpage-menu a, .vi-table-row a, .pp-add-to-cart a, .pp-hotspot-tour a i, .pp-hotspot-tour a i{
	text-decoration: none !important;
}

/*HEADER*
 * **************/
.vi-main-nav ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu > li {
	width: auto !important;
}
.fl-theme-builder-header-shrink a {
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.vi-main-nav .sub-menu .pp-has-submenu-container .menu-item-text::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";
	padding-right:5px;
}
@media (max-width:1666px) {
	.vi-logo-col {
		width:15% !important;
	}
	.vi-nav-col {
		width:82% !important;
	}
	.vi-search-col {
		width:3% !important;
	}
}

.vi-main-nav .sub-menu .sub-menu a {
	text-transform: none !important;
	padding-bottom:0px !important;
}
.vi-main-nav .sub-menu .sub-menu li {
	padding-left:17px !important;
}
.vi-main-nav .sub-menu a {
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.vi-main-nav .mega-menu ul {
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.vi-main-nav .sub-menu ul.sub-menu {
	padding-top:0px !important;
}
.fl-theme-builder-header-shrink .vi-site-logo img {
	max-height:52px !important;
}
.vi-main-nav .pp-has-submenu-container a {
	font-weight: 400 !important;
}
.vi-main-nav .pp-advanced-menu .menu > li > a, .vi-main-nav .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
	padding-left:10px !important;
	padding-right:10px !important;
}
@media (max-width:1374px) {
	.vi-main-nav .sub-menu {
		font-size:14px !important;	
	}
}
@media (max-width:1214px) {
	.vi-main-nav .pp-advanced-menu .menu > li > a, .vi-main-nav .pp-has-submenu-container > a {
		font-size: 14px !important;
	}
	.vi-main-nav .pp-advanced-menu .menu > li > a, .vi-main-nav .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
	padding-left:7px !important;
	padding-right:7px !important;
	}
}
@media (max-width:1040px) {
	.vi-main-nav .pp-advanced-menu-mobile-toggle {
		margin-left:50px !important;
	}
	.vi-search-box {
		margin-right:50px !important;
	}
}
.vi-main-nav .sub-menu .sub-menu {
	border:0px !important;
}
/*HOME
 * *************/
.vi-flip-box .pp-flipbox-title {
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}
.vi-flip-box .pp-flipbox-front {
	padding:0px !important;
}
@media (max-width:1360px) {
	.vi-mark-twain .uabb-photo-img {
		width:350px !important;
	}
	.vi-mark-twain .uabb-imgseparator-wrap {
		text-align:right !important;
	}
}
@media (max-width:1300px) and (min-width:992px) {
	.vi-flip-box .pp-flipbox-front-title {
		font-size: 26px !important;
	}
}
@media (max-width:1200px) {
	.vi-flip-box .pp-flipbox {
		height: 450px !important;
	}
}
@media (max-width:992px) {
	.vi-flip-box .pp-flipbox {
		height:400px !important;
	}
}
/*PAGE TITLE
 * ************/

.vi-subpage-menu li:first-child a {
	font-size: 18px !important;
	font-weight: 600 !important;
}
.vi-subpage-menu .sub-menu {
	display: none !important;
}
.vi-breadcrumbs i {
	padding-top:2px !important;
}

.pp-breadcrumbs span {
    display: inline !important;
}


/*FORMS
 * *************/
.vi-form .frm_button_submit::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
	padding-right:5px;
}
.vi-form button {
	box-shadow: 0px 0px 0px !important;
}
.vi-dark-background-form .frm_primary_label {
	color: #fff !important;
}
.vi-dark-background-form .frm_required {
	color:#f1f0d8 !important;
}

/*EVENTS
 * ************/
.vi-events-calendar button, .vi-events-calendar .tribe-common-c-btn-border, .vi-events-calendar .tribe-events-c-subscribe-dropdown__list-item, .vi-events-calendar a.tribe-common-c-btn-border-small, .vi-events-calendar .day, .vi-events-calendar .month, .vi-events-calendar .year {
	border-radius:0px !important;
}
.vi-upcoming-events .pp-post-event-calendar-date span {
	font-weight: normal !important;
	font-size: 14px !important;
}

/*STAFF
 * ************/
.vi-staff-member-list p {
	font-size:16px !important;
}
/*SHOP
 * ************/
.woocommerce table.shop_table, .woocommerce-page table.shop_table, .input-text, .wc_donation_trubte_name, .wc-input-text, ul.causes-dropdown {
	border: 1px solid #867d78 !important;
	border-radius:0px !important;
}
.variations .label {
	color: #5b3427 !important;
	text-transform: uppercase !important;
	font-size:100% !important;
}
.variations .value {
	width:100% !important;
}
.woocommerce-message {
	width:60% !important;
}
.fl-theme-builder-woo-notices.fl-row-fixed-width {
	max-width:1400px !important;
}
.fl-theme-builder-woo-notices {
	padding:100px 40px 0px 40px !important;
}
::placeholder {
	color:#444 !important;
}
.cause-drop-title, .cause-drop-desc {
	line-height:1.45 !important;
}

.pp-add-to-cart a {
	background-color: #065143 !important;
	color: #fff !important;
}
@media (max-width:767px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce[class*=columns-] ul.product li.product {
		max-width:75% !important;
	}
	.vi-product-categories h2 {
		font-size:20px !important;
	}
}	

/*PRODUCT PAGE SHORTCODE - Donation Form - Bricks
 * ***********/
.vi-single-product div.woocommerce h2 {
	font-size: 30px !important;
}
.woocommerce button.button.alt {
	background-color: #065143 !important;
	font-weight:400 !important;
}
.vi-single-product .product_meta, .vi-single-product .woocommerce-tabs, .vi-single-product .related {
	display: none !important;
}

/*SEARCH FORM
 * ************/
.searchandfilter > ul > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]  {
	background-color:#052f55 !important;
}
.select2-container--open .select2-dropdown--below {
	border-top:1px solid #aaa !important;
}
.vi-search-form .select2-selection--single {
	border-radius: 0px !important;
}
.vi-search-form .searchandfilter ul {
	background:#f2f2f2;
	padding:20px !important;
}
.vi-search-form input[type=text] {
	border:1px solid #aaa !important;
	border-radius: 0px !important;
	font-size:16px !important;
	padding-top:3px;
	padding-bottom:0px;
}

/*LESSON PLANS
 * ************/
.vi-table-row {
	padding:0px !important;
}
.vi-lesson-title-row {
	display:grid;
	grid-template-columns:5fr 1fr;
	background-color: #5b3427;
	color: #fff;
}
a:hover .vi-lesson-title-row {
	background-color: #052f55 !important;
	color:#fff !important;
}
.vi-lesson-title {
	padding:10px;
}
.vi-table-row .vi-download-icon {
	text-align:right !important;
	padding:10px;
}
.vi-lesson-details-row {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	border-top: 1px solid #d3dddd;
}
.vi-lesson-label {
	background:#f2f2f2 !important;
	padding:10px;
}
.vi-lesson-field {
	padding:10px;
}
/*TOM AND BECKY
 * ************/
.vi-tom-becky {
	display:grid;
	grid-template-columns: 1fr 1fr;
}
.vi-tom-becky-title {
	background-color: #5b3427 !important;
	color:#fff !important;
	padding:10px;
	font-weight:700;
	text-transform: uppercase;
	font-size:16px;
	letter-spacing:1px;
}

.vi-tom-becky-name {
	display:grid;
	grid-template-columns:1fr 3fr;
}
.vi-tom-becky-name .vi-lesson-label, .vi-tom-becky-name .vi-lesson-field {
	border-bottom: 1px solid #d3dddd;
}

/*AUDIO TOUR
* **************/

.mejs-controls {
	height: 60px !important;
	padding-top: 12px !important;
}

.mejs-controls button {
	    transform: scale(2, 2);
}
.mejs-mute button {
	transform: scale(1.5, 1.5); 
}


/*FOOTER
 * ************/
.vi-footer-menu li:last-child a{
	border-right:0px !important;
}
@media (max-width:768px) {
	.vi-footer-menu a {
		border-right:0px !important;
	}
}