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

@media (min-width: 767px) {
/* Current HOME menu item colour is now in CUSTOMIZE > ADDITIONAL CSS */
}


/* =================================================*/
/*        COMMON CSS Available for all websites     */
/* =================================================*/ 
h1, h2, h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

hr {
	border-top: 1px solid #8f8f8f !important;
}

ul li { 
	padding: 0px 0px; /* Add spacing between bullet lists items */
}

.fl-rich-text li { /* Change height of lists in basic text module */
	line-height: 35px;
}

#wpadminbar {
	z-index: 999999; /* Keep admin bar above all else */
}

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	position: relative;
	margin-top: 1.5em !important;
	margin-right: 0 !important;
	margin-bottom: 20px !important;
	margin-left: 0!important;
	padding-top: 0!important;
	padding-right: 70px!important;
	padding-bottom: 0px!important;
	padding-left: 70px!important;
	border:0;
	font-style:italic;
	color:#666;
	border-left:none !important;
}
blockquote:before
 {
	color: #666;
	content: "\201C";
	font-size: 6em;
	position: absolute;
	left: 5px;
	top: 0.3em;
	line-height: 0.1em;
}

blockquote:after
 {
   color: #666;
  content: "\201D";
  font-size: 6em;
  position:absolute;
  right:25px;
  bottom: -10px;
  line-height: 0.1em;
}

.fas { /* so solid font awesome icons can display */
	font-weight:900 !important; 
}

.fa, far, .fas{  /* so font awesome icons can display */
	font-family: "Font Awesome 5 Free" !important;
}

/*--Bullet lists icons Place "bullet-list" class in editing element--*/

.bullet-list .fl-rich-text ul li:before {
	content: "\f00c"; /* Change this to the correct icon */
	color:#000; /* Change colour */
	font-weight:900 !important; /* For Solid fontawesome icons */
	font-family: "Font Awesome 5 Free" !important;
	float: left;
	width: 1.4em;
	font-size:16px;
}

.bullet-list .fl-rich-text ul li {
	list-style: none;
	margin-left: -30px;
	list-style-position: outside;
	padding-left: 22px;
	padding-top:3px;
	padding-bottom:3px;
	text-indent:-22px;
}

/*------- Makes a photo module full width and resizeable ------------- */
.full-width-photo .fl-photo .fl-photo-content, 
.full-width-photo .fl-photo .fl-photo-content img {
  width: 100%;
}

/* ----- PowerPack Changes -----*/

.pp-infolist-wrap .pp-list-item > a { /* when COMPLETE BOX is the ling for the PP List Items module then this will centre the icon */
    align-items: center;
}


/* ----- Basic Slider using Content slider as per hints -----*/

.fl-content-slider .fl-slide-foreground {
    max-width: 100%;
}
.fl-slide-foreground .fl-slide-photo-img {
    width: 100%;
}

/* ----- Contact Form Dropdown select font colour -----*/
.uabb-cf7-style select {
	color:#000 !important;
}

span.wpcf7-list-item {display: block;} /* Lists radio and checkboxes underneath each other */

input[type="checkbox"]{
  width: 20px; /*Desired width*/
  height: 20px; /*Desired height*/
  margin-right:7px!important; /*Adds space between box and text*/
}
	
input[type="radio"]{
  width: 20px; /*Desired width*/
  height: 20px; /*Desired height*/
  margin-right:7px!important; /*Adds space between box and text*/
}


/* =================================================*/
/*                      ADMIN                       */
/* =================================================*/     
body .fl-builder-bar .fl-builder-bar-content { /* Change the main BB header to another colour */
	background-color: #f3db83 !important;
}

.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-left { /* Removes off-canvas menu for desktop - quick slide on desktops?? */
	display:none;
}


/*--------------------------------------------------------------- */
/*           _____    _                                            
/*          |  __ \  | |                                           
/*  ______  | |__) | | |__     ___    _ __     ___   ___    ______ 
/* |______| |  ___/  | '_ \   / _ \  | '_ \   / _ \ / __|  |______|
/*          | |      | | | | | (_) | | | | | |  __/ \__ \          
/*          |_|      |_| |_|  \___/  |_| |_|  \___| |___/          
/*                                                                 
/*--------------------------------------------------------------- */
@media screen and (max-width: 992px) {
	
	.fl-col-small { /* Change all modules to 100% width and column gap on small devices */
		max-width: none;
	}
	
	
	/*-------- Mobile menu and Call Us button  ------------- */
	.header .fl-node-5f28a6cdd6812{ /* Unique class for 3 top columns on mobiles */
		position:fixed;
		z-index:9999;
	}
.mobile-menu .fl-module-content {
		margin: 0px !important;
	}
	
	.uabb-creative-menu.off-canvas .sub-menu li { /* Removes separtor line under each menu option on sub-menus */
    	border-bottom-style: none !important;
}
	
	.fl-slide-content-wrap { /* Basic slider using content slider for mobiles */
        display: none;
    }

} /* Finish Media Screen 992 */

/*------------------------------------------------------- */
/*          _____   _____               _____           
/*          |_   _| |  __ \      /\     |  __ \          
/*  ______    | |   | |__) |    /  \    | |  | |  ______ 
/* |______|   | |   |  ___/    / /\ \   | |  | | |______| Landscape + Small Screens between 992px - 1198px
/*           _| |_  | |       / ____ \  | |__| |         
/*          |_____| |_|      /_/    \_\ |_____/          
/*                                                       
/*-------------------------------------------------------- */
@media only screen and (max-width: 1198px) and (min-width: 992px){ /* Mainly Ipads */

	.fb-phone span {
		font-size: 18px !important;
	}
	
}