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

.block-with-corners,
.block-with-corners.fl-col-bg-color>div{
   position: relative;
}

.block-with-corners::before,
.block-with-corners.fl-col-bg-color>div:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background:
   linear-gradient(to right, #fff 51px, transparent 0) 15px 15px no-repeat,
   linear-gradient(to left, #fff 51px, transparent 0) calc(100% - 15px) 15px no-repeat,
   linear-gradient(to bottom, #fff 51px, transparent 0) 15px 15px no-repeat,
   linear-gradient(to top, #fff 51px, transparent 0) calc(100% - 15px) 15px no-repeat; 
   background-size: 51px 1px, 51px 1px, 1px 51px, 1px 51px;
   background-repeat: no-repeat;
}
.block-with-corners::after,
.block-with-corners.fl-col-bg-color>div:after{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background:
   linear-gradient(to left, #fff 51px, transparent 0) calc(100% - 15px) calc(100% - 15px) no-repeat,
   linear-gradient(to right, #fff 51px, transparent 0) 15px calc(100% - 15px) no-repeat,
   linear-gradient(to top, #fff 51px, transparent 0) calc(100% - 15px) calc(100% - 15px) no-repeat,
   linear-gradient(to bottom, #fff 51px, transparent 0) 15px calc(100% - 15px) no-repeat;
   background-size: 51px 1px, 51px 1px, 1px 51px, 1px 51px;
   background-repeat: no-repeat;
}