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


.single-post IMG
{
margin: 3% 0%;
}

@media only screen and (max-width: 768px){

.hero .fl-builder-shape-layer {
    
    display: none;
}

}


.fl-node-5f03531955241 .fl-menu-mobile-flyout
{
	background-color: #000000;
}
.fl-node-5f03531955241 .fl-menu-mobile-flyout A
{
	color: #FFFFFF !important;
	
}

.fl-node-5f03531955241 .fl-menu-mobile-flyout A:hover
{
	background-color: #FFC719 !important;
	
}

.fl-menu .fl-menu-mobile-flyout BUTTON.fl-menu-mobile-close
{
	color: #FFFFFF;
	font-size: 20px;
}
.fl-menu .fl-menu-mobile-flyout BUTTON.fl-menu-mobile-close:hover
{
	color: #FFC719;
	font-size: 20px;
	
	
}

#fl-to-top:hover
{
	background-color: #FFC719;
}


/* Tutorial status dots */ 

.fl-post-grid-post.status-coming::before
{
	content: "";
	width: 8px;
	height: 8px;
	position: relative;
	display: grid;
	/*+border-radius: 35px;*/
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-khtml-border-radius: 35px;
	border-radius: 35px;
	margin: 8px 0 -8px 8px;
	background-color: #FF0000;
}
.status-coming A.coming
{
	display: none;
}
.fl-post-grid-post.status-ready::before
{
	content: "";
	width: 8px;
	height: 8px;
	position: relative;
	display: grid;
	/*+border-radius: 35px;*/
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-khtml-border-radius: 35px;
	border-radius: 35px;
	margin: 8px 0 -8px 8px;
	background-color: #03EB03;
}
.status-ready A.ready
{
	display: none;
}
.fl-post-grid-post.status-in-progress::before
{
	content: "";
	width: 8px;
	height: 8px;
	position: relative;
	display: grid;
	/*+border-radius: 35px;*/
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-khtml-border-radius: 35px;
	border-radius: 35px;
	margin: 8px 0 -8px 8px;
	background-color: #FFC719;
}
.status-in-progress A.in-progress
{
	display: none;
}

.example-link A
{
	background-color: #FFC719;
	padding: 6px 10px;
	color: #FFFFFF;
	position: relative;
	/*+border-radius: 3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}
.example-link A:hover
{
	background-color: #000;
		
}

.example-smlink A:hover
{
	background-color: #f5f5f5;
	color:#000;
	text-decoration:none;	
}

.example-smlink A
{
	border-radius:6px;	
}

.example-link
{
	margin-top: 8px;
}
.fl-node-content .fl-rich-text OL LI
{
	margin-bottom: 12px;
	background-color: #F9F9F9;
	padding: 12px;
}

.fl-module-content.fl-node-content .fl-rich-text IMG
{
	margin: 30px;
}

.fl-module .fl-module-content.fl-node-content .fl-rich-text A
{
	border-bottom: 2px solid #FFC719 !important;
}


.fl-module .fl-module-content.fl-node-content .fl-rich-text A:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #000000 !important;
}

.fl-builder-content a:active {
  position: relative !important;
  top: 1px !important;
}

.fl-comments .comment-form-subscriptions
{
	margin-bottom: 2%;
}

#sre.subscribe-form-field
{
	margin-bottom: 2%;
}

::selection {
    background-color: #000!important;
    color: #fff!important;
}

.fl-comments .comment-content
{
	background-color: #FFFFFF;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 30px;
	margin-top: 24px;
}
.fl-comments .comment-content P
{
	color: #000000 !important;
}
.fl-comments .comment-content A
{
	color: #000000 !important;
	border-bottom: 1px solid #FFC719;
}
.fl-comments .comment-content A:hover
{
	text-decoration: none;
}


.yellow-dots .fl-module-content UL {
list-style: none;
padding: 0;
margin: 0 28px 0 0;
text-indent: -38px;

}
 
.yellow-dots  .fl-module-content LI::before {
    content: "•";
    margin-right: 12px;
    color: #FFC719;
    font-size: 30px;
    line-height: 0.5;
    position: relative;
    top: 3px;
}


.fl-user-template-thumbnail .fl-builder--template-thumbnail {
width: 160px;
}

.fl-builder--save-new-user-template, .fl-user-template
{
padding-bottom: 30px;
}

.fl-user-template-name
{
position: absolute;
bottom: 0;
font-size: 14px;
padding-bottom: 8px;
font-weight: bold;
}


.coming P {
    
   background-color: red;
   clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
    width: 160px;
    height: 120px;
}

.coming p {
  padding:20px;

}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ffc719 !important;
}