Beaver Builder CSS Snippets
/* Button row - substitute out .black-but for a custom CSS
---------------------------------------------------------------------------------------------------- */
.home-hero-row .fl-node-598a5652377af {
justify-content: center;
display: flex;
flex-flow: row wrap;
}
.home-hero-row .fl-node-598a5652377af .fl-col {
width: auto;
margin-right: 10px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.home-hero-row .fl-node-598a5652377af .fl-col {
margin: 0;
}
.home-hero-row .fl-node-598a5652377af .fl-col .fl-module-content {
margin: 10px 5px 5px;
}
}
/* Buttons - substitute out .black-but for a custom CSS
---------------------------------------------------------------------------------------------------- */
.fl-builder-content .black-but a.fl-button,
.fl-builder-content .black-but a.fl-button:visited {
background: #000;
border: 1px solid #000;
color: #fff;
border-radius: 1px;
}
.fl-builder-content .black-but a.fl-button:hover,
.fl-builder-content .black-but a.fl-button:focus {
background: #fff;
border: 1px solid #000;
color: #000;
}
.fl-builder-content .black-but a.fl-button *,
.fl-builder-content .black-but a.fl-button:visited {
color: #fff;
}
.fl-builder-content .black-but a.fl-button:hover *,
.fl-builder-content .black-but a.fl-button:focus * {
color: #000000;
}
/* Before and after quote symbols on a rich text box
---------------------------------------------------------------------------------------------------- */
.testimonial-boxed-quote .fl-rich-text:before{
content: "\f122";
font-family: dashicons;
position: absolute;
top: 20px;
left: -20px;
font-size: 55px;
display: inline-block;
background: #fff;
}
.testimonial-boxed-quote .fl-rich-text:after{
content: "\f122";
font-family: dashicons;
transform: rotate(180deg);
position: absolute;
bottom: 20px;
right: -20px;
font-size: 55px;
display: inline-block;
background: #fff;
}