/*————————————————————-*/
/*——————Blurb Ribbons by Divi Soup—————–*/
/*————————————————————-*/
/***Top Left***/
/*Set the blurb max width*/

.ds-blurb-ribbon-topleft.et_pb_blurb {
max-width: 550px;
}
/*Position the subtitle*/

.ds-blurb-ribbon-topleft.et_pb_blurb h4 {
position: absolute;
left: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 150px;
height: 150px;
}
/*Change the subtitle into a ribbon*/

.ds-blurb-ribbon-topleft.et_pb_blurb h4 a {
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 30px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 150px;
background: #0F6387;
background: linear-gradient(#1693C9 0%, #0F6387 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 28px;
left: -32px;
padding-bottom: 3px;
}
/*Add the left ribbon fold over*/

.ds-blurb-ribbon-topleft.et_pb_blurb h4::before {
content: “”;
position: absolute;
left: 0;
top: 68%;
z-index: -1;
border-left: 5px solid #0F6387;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(-45deg);
}
/*Add the right ribbon fold over*/

.ds-blurb-ribbon-topleft.et_pb_blurb h4::after {
content: “”;
position: absolute;
right: 40px;
top: 0;
z-index: -1;
border-left: 5px solid transparent;
border-right: 5px solid #0F6387;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(-45deg);
}
/***Top Right***/
/*Set the blurb max width*/

.ds-blurb-ribbon-topright.et_pb_blurb {
max-width: 550px;
}
/*Position the subtitle*/

.ds-blurb-ribbon-topright.et_pb_blurb h4 {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 150px;
height: 150px;
}
/*Change the subtitle into a ribbon*/

.ds-blurb-ribbon-topright.et_pb_blurb h4 a {
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 30px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 150px;
background: #0F6387;
background: linear-gradient(#1693C9 0%, #0F6387 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 28px;
right: -32px;
padding-bottom: 3px;
}
/*Add the right ribbon fold over*/

.ds-blurb-ribbon-topright.et_pb_blurb h4::before {
content: “”;
position: absolute;
right: 0;
top: 68%;
z-index: -1;
border-left: 5px solid #0F6387;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(135deg);
}
/*Add the left ribbon fold over*/

.ds-blurb-ribbon-topright.et_pb_blurb h4::after {
content: “”;
position: absolute;
left: 40px;
top: 0;
z-index: -1;
border-left: 5px solid transparent;
border-right: 5px solid #0F6387;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(-45deg);
}
/***Bottom Left***/
/*Set the blurb max width*/

.ds-blurb-ribbon-topright.et_pb_blurb {
max-width: 550px;
}
/*Position the subtitle*/

.ds-blurb-ribbon-bottomleft.et_pb_blurb h4 {
position: absolute;
left: -5px;
bottom: -5px;
z-index: 1;
overflow: hidden;
width: 150px;
height: 150px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
/*Change the subtitle into a ribbon*/

.ds-blurb-ribbon-bottomleft.et_pb_blurb h4 a {
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 30px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
width: 150px;
background: #0F6387;
background: linear-gradient(#1693C9 0%, #0F6387 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 28px;
right: -32px;
padding-bottom: 3px;
}
/*Add the right ribbon fold over*/

.ds-blurb-ribbon-bottomleft.et_pb_blurb h4::before {
content: “”;
position: absolute;
right: 0;
top: 68%;
z-index: -1;
border-left: 5px solid #0F6387;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(135deg);
}
/*Add the left ribbon fold over*/

.ds-blurb-ribbon-bottomleft.et_pb_blurb h4::after {
content: “”;
position: absolute;
left: 40px;
top: 0;
z-index: -1;
border-left: 5px solid transparent;
border-right: 5px solid #0F6387;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(-45deg);
}
/***Bottom Right***/
/*Set the blurb max width*/

.ds-blurb-ribbon-bottomright.et_pb_blurb {
max-width: 550px;
}
/*Position the subtitle*/

.ds-blurb-ribbon-bottomright.et_pb_blurb h4 {
position: absolute;
right: -5px;
bottom: -5px;
z-index: 1;
overflow: hidden;
width: 150px;
height: 150px;
transform: rotate(-270deg);
-webkit-transform: rotate(-270deg);
}
/*Change the subtitle into a ribbon*/

.ds-blurb-ribbon-bottomright.et_pb_blurb h4 a {
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 30px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
width: 150px;
background: #0F6387;
background: linear-gradient(#1693C9 0%, #0F6387 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 28px;
right: -32px;
padding-bottom: 3px;
}
/*Add the right ribbon fold over*/

.ds-blurb-ribbon-bottomright.et_pb_blurb h4::before {
content: “”;
position: absolute;
right: 0;
top: 68%;
z-index: -1;
border-left: 5px solid #0F6387;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(135deg);
}
/*Add the left ribbon fold over*/

.ds-blurb-ribbon-bottomright.et_pb_blurb h4::after {
content: “”;
position: absolute;
left: 40px;
top: 0;
z-index: -1;
border-left: 5px solid transparent;
border-right: 5px solid #0F6387;
border-bottom: 5px solid transparent;
border-top: 5px solid #0F6387;
transform: rotate(-45deg);
}
/***Top***/
/*Set the blurb max width*/

.ds-blurb-ribbon-top.et_pb_blurb {
max-width: 550px;
}
/*Position the subtitle*/
/*Change the subtitle into a ribbon*/

.ds-blurb-ribbon-top.et_pb_blurb h4 {
position: absolute;
padding: 5px 5px 7px;
margin: 10px 0;
width: calc(100% + 20px);
left: -10px;
top: 0;
background: #8F0808;
background: linear-gradient(#F70505 0%, #8F0808 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
outline: 1px dashed #fff;
outline-color: rgba(255, 255, 255, 0.5);
outline-offset: -5px;
}
/*Add the left ribbon fold over*/

.ds-blurb-ribbon-top.et_pb_blurb h4::before {
content: ”;
position: absolute;
left: -10px;
top: 27px;
z-index: -1;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #8F0808;
transform: rotate(90deg);
}
/*Add the right ribbon fold over*/

.ds-blurb-ribbon-top.et_pb_blurb h4::after {
content: ”;
position: absolute;
right: -10px;
top: 27px;
z-index: -1;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #8F0808;
transform: rotate(-90deg);
}
/***Middle***/
/*Set the blurb max width*/

.ds-blurb-ribbon-middle.et_pb_blurb {
max-width: 550px;
}
/*Position the subtitle*/
/*Change the subtitle into a ribbon*/

.ds-blurb-ribbon-middle.et_pb_blurb h4 {
position: absolute;
padding: 5px 5px 7px;
margin: 10px 0;
width: calc(100% + 20px);
left: -10px;
top: 50%;
background: #8F0808;
background: linear-gradient(#F70505 0%, #8F0808 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
outline: 1px dashed #fff;
outline-color: rgba(255, 255, 255, 0.5);
outline-offset: -5px;
}
/*Add the left ribbon fold over*/

.ds-blurb-ribbon-middle.et_pb_blurb h4::before {
content: ”;
position: absolute;
left: -10px;
top: 27px;
z-index: -1;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #8F0808;
transform: rotate(90deg);
}
/*Add the right ribbon fold over*/

.ds-blurb-ribbon-middle.et_pb_blurb h4::after {
content: ”;
position: absolute;
right: -10px;
top: 27px;
z-index: -1;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #8F0808;
transform: rotate(-90deg);
}
/*————————————————————-*/
/*—————-End Blurb Ribbons by Divi Soup—————*/
/*————————————————————-*/
/*————————————————————-*/
/*————–Pricing Table Ribbons by Divi Soup————-*/
/*————————————————————-*/
/***Pricing Ribbon Featured***/
/*Add some margin to the subtitle field*/

.ds-pricing-ribbon-featured .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_heading {
margin-bottom: 60px;
}
/*Add some padding to the subtitle text*/

.ds-pricing-ribbon-featured .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_heading h2 {
padding: 15px 10px;
}
/*Change the subtitle field into the ribbon*/

.ds-pricing-ribbon-featured .et_pb_pricing_table.et_pb_featured_table span.et_pb_best_value {
position: absolute;
padding: 10px 5px 15px;
margin: 10px 0;
width: calc(100% + 20px) !important;
left: -10px;
background: #077A1B;
background: linear-gradient(#0CC92C 0%, #077A1B 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
outline: 1px dashed #fff;
outline-color: rgba(255, 255, 255, 0.5);
outline-offset: -5px;
}
/*Add the left ribbon fold over*/

.ds-pricing-ribbon-featured .et_pb_pricing_table.et_pb_featured_table span.et_pb_best_value:before {
content: ”;
position: absolute;
left: -10px;
top: 35px;
z-index: -1;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #077A1B;
transform: rotate(90deg);
}
/*Add the right ribbon fold over*/

.ds-pricing-ribbon-featured .et_pb_pricing_table.et_pb_featured_table span.et_pb_best_value:after {
content: ”;
position: absolute;
right: -10px;
top: 35px;
z-index: -1;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #077A1B;
transform: rotate(-90deg);
}
/*Add a strikethrough to the featured price*/

.ds-price-strikethrough-featured .et_pb_pricing_table.et_pb_featured_table .et_pb_sum {
position: relative;
}
.ds-price-strikethrough-featured .et_pb_pricing_table.et_pb_featured_table .et_pb_sum:before {
position: absolute;
content: “”;
left: 0;
width: 150%;
bottom: 40%;
left: -20%;
border-top: 3px solid;
transform: rotate(-25deg);
border-color: inherit;
}
/*————————————————————-*/
/*————End Pricing Table Ribbons by Divi Soup———–*/
/*————————————————————-*/