/*
Theme Name: ReachHigherOk Child Theme
Theme URI: https://reachhigherok.org
Version: BB Child - 1.0.2
Description: Child Theme for PXM Page Builder, requires that the parent Beaver Builder / PXM Page Builder theme be installed.
Author: PixelMongers, LLC
Author URI: https://pixelmongers.com
template: bb-theme
*/

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

/* ================================
 * FOCUS
 * ================================
 */

a:focus {
  outline: 2px solid red !important;  
}

/* ================================
 * MEGA MENU
 * ================================
 */

/* Menu Description */
.menu-item-description {
	display: block;
	font-size: 15px;
	font-weight: 400 !important;
	font-style: normal;
	line-height: 1.2em;
	color: #000000 !important;
}

/* Full Width Mega Menu */
@media screen and (min-width: 768px)
{
	/*This is just removing some default styles(not required)*/
	.fl-page-nav ul.sub-menu {
		padding: 5px 0;
	 	box-shadow: none;
	 	border: 0;
	 	background: none;
		min-height: 100px;
 	}
 	ul.navbar-nav li.mega-menu > ul.sub-menu:after {
	 	content: "";
		display: block;
	 	position: absolute;
	 	left: 50%;
	 	top: -1px;
	 	height: 100%;
	 	width: 100vw;
	 	transform: translateX(-50%);
	 	z-index: -1;
	 	box-sizing: border-box;
	 	/*These styles are replacing the BB style that are being over written above (not required)*/
	 	border-top: 1px solid #DEDEDE;
	 	/*+box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.4);*/
	 	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
	 	background-color: #ffffff;
 	}
}

ul.navbar-nav li.mega-menu > ul.sub-menu > li {
	border-right: 3px dashed #f7b91a;
}


@media screen and (max-width: 768px)
{
	/* This to hide menu items you don’t want to show in your mobile navigation. You will need to add mobile-nav-header to the CSS of the menu item */
	ul.navbar-nav li.mega-menu .mobile-nav-header > a {
 		display: none;
 	}
	/* Adjust topbar in mobile header to be centered.*/
	.fl-page-bar-row .text-right {
		text-align: center !important;
	}
}



/* ================================
 * TOP BAR NAV
 * ================================
 */
.fl-page-bar {
	font-size: 15px;
}
.fl-page-bar-nav {
	padding-top: 5px;
}
.fl-social-icons {
	padding-top: 0px;
}



/* ================================
 * UABB - HOTSPOT (Campus Maps)
 * ================================
 */
 
/* Add more style to Hotspot tooltips*/
.uabb-hotspot-tooltip-content
{
	border-radius: 3px;	
	box-shadow: 0px -1px 3px #333333;
}

/* ================================
 * UABB - POSTS
 * ================================
 */

/* Round the corners of boxes. */
.add-radius .uabb-blog-posts-shadow {
		 border-radius: 5px;
}

/* featured image */
.uabb-post-thumbnail {
	height:225px;
	overflow:hidden;
}


/* ================================
 * BB SLIDER
 * ================================
 */

/* adjust margins for slider title and text */
.fl-slide-title, .fl-slide-text > * {
	margin: 0 !important;
}

/* Play controls */
.bx-wrapper .bx-controls-auto {
	margin-left: 48%;
}

/* ================================
 * HERO BACKGROUND IMAGE
 * ================================
 */
/* Hide image on mobile */
@media only screen and (max-width: 768px) {
  .img-hide .fl-row-content-wrap,
	.img-hide .fl-row-content-wrap:after
	{
			background-image: none;
	}
}



/* ================================
 * HEADER
 * ================================
 */


/* Change header column widths */
@media screen and (min-width: 992px) {

.fl-page-nav-col {
		max-width: 1200px !important;
}
.fl-page-header-logo-col {
  -ms-flex: 0 0 25% !important;
  flex: 0 0 25% !important;
  max-width: 25% !important;
	padding: 0 !important;
}

.fl-page-nav-col {
  -ms-flex: 0 0 75% !important;
  flex: 0 0 75% !important;
	max-width: 75% !important;
	padding: 0 !important;
}

}
.fl-page-nav-wrap {
	background-color: transparent;
}



/* ==================================
 * MODERN TRIBE
 * -------------
 */

.tribe-mini-calendar-event .list-date .list-daynumber {
	background-color: #007faf;
	padding: 5px 0;
}
.tribe-mini-calendar-event .list-date .list-dayname {;
	padding: 5px 0 !important;
	font-size: 11px !important;
}

.tribe-mini-calendar-event {
	border-bottom: none !important;
}

.tribe-mini-calendar-event .list-date {
	background: #007faf !important;	
	padding: 1px !important;
}

.tribe-mini-calendar-event .tribe-events-title {
	margin-bottom: 5px !important;
}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
    color: #666666;
}

.tribe-mini-calendar-grid-wrapper {
	display:none;
}
/* Single event view */
.tribe-events-event-image img {
	width: 350px;
	float:right;

}
.single-tribe_events .tribe-events-content {
max-width: 50% !important;
padding: 15px;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	padding: 0;
}
.tribe-events-calendar-list__event-date-tag-daynum {
	background-color: #007faf;
	color: white !important;
	padding: 5px !important;
	border: 0 1px 1px 1px;
	border-width: 1px;
	border-style: solid;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
	background-color: #efefef;
	padding: 5px !important;
	color: #000000;
	font-weight: bold;
	border: 1px 1px 0 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #007faf;
}

.tribe-events-calendar-list__event-datetime {
	font-size: 1.2em;
	color:  #007faf;
	font-weight: bold;
}

.tribe-events-schedule__timezone {
		color:  #000;
}


/* ==================================
 * GRAVITY FORMS
 * -------------

/* Darken gsection divider lines */
.gform_wrapper .gsection {
    border-bottom: 1px solid #808080;
}

/* Increases font size in consent description */
.gfield_consent_description {
	font-size: 16px;
}


/* ==================================
 * GRAVITY VIEW
 * ------------- */
.
.gv-map-view-footer {
	font-size: 1em !important;
}
.gv-map-view-image {
	color: #007cba;
	font-size: 1.25em;
	font-weight: bold;
}

.gv-map-view-title h3 {
	font-size: 1em;
	padding-top: 25px;
	color: #007cba;
}

.gv-search-clear {
	margin-left: 20px !important;
	padding: 10px;
}
.gv-widget-search {
    padding: 10px;
    background-color: #EFEFF0;
	}
.gv-search-box label {
	font-weight:bold;
}
.gv-search-box p label{
	font-weight: 400;
}



/* ==================================
 * FINISH LINE SCHOLARSHIP
 * ------------- */

.finishlineok .partial_entry_warning {
	font-style: italic;
	color: #c02b0a;
}

.finishlineok .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: #cfd3d9;
    color: #000000;
}

.finishlineok .gf_page_steps {
	background-color: #f8f8f8;
	padding: 5px 20px 0;
	border-radius: 5px;
	margin: 20px 0 !important;
}

.finishlineok .section-number {
	color: #007faf;
	padding-top: 40px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.finishlineok .gsection_title {
  padding: 0 0 10px 0;  
	border-bottom: 3px dashed #f7b91a !important;
}

.finishlineok .gsection {
    border-bottom: none !important;
}

.finishlineok .gform_wrapper.gravity-theme .gfield_description {
	font-size: 16px;
}

.finishlineok input[type=text], 
.finishlineok input[type=password], 
.finishlineok input[type=email], 
.finishlineok input[type=tel], 
.finishlineok input[type=date], 
.finishlineok input[type=month], 
.finishlineok input[type=week], 
.finishlineok input[type=time], 
.finishlineok input[type=number], 
.finishlineok input[type=search], 
.finishlineok input[type=url], textarea, select { 
border-color: #585858;
	border-radius: 3px;
	font-size: 16px;
}

.finishlineok .wp-editor-container {
	border-color: #585858 !important;
}


.finishlineok input[type=checkbox],
.finishlineok input[type=radio] {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    padding: 10px;
	margin-left: 3px;
}

.finishlineok .gfield_consent_label,
.finishlineok .gchoice label {
	display: inline;
	margin-left: 10px;
	padding: 5px;
	font-size: 18px !important;
}

.finishlineok .mce-toolbar button:hover, 
.finishlineok .mce-toolbar input[type=button]:hover,
.finishlineok .mce-toolbar input[type=submit]:hover {
  background-color: #ccc;  
	border: none !important;
}
.finishlineok .mce-toolbar .mce-ico {
	color: #000000;
}



.finishlineok .gfield_consent_description {
	margin-bottom: 10px;
	padding: 10px 15px !important;
	background-color: #fafafa;
	border: 1px solid #eeeeee !important;
	overflow: hidden !important;
	border-radius: 3px;
	max-height: 1000px;
	font-size: 16px;
}


.finishlineok .gfield_validation_message, .finishlineok .validation_message {
    padding: 10px !important;
		border-radius: 3px;
}

.finishlineok .gform_page_footer {
	margin-top: 20px !important;
	border-top: 1px solid #ccc;
}