/*
Block Name: Large Call to Action with Circles
Description: The main call to action for the Toast Site
*/

.block-large-call-to-action-with-circles { position: relative; overflow: hidden;  }
		.call-to-action-background { padding: 30rem 0; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }

.cta-col { color: #fff;
background: rgba(84,106,123,.95);
    padding: 3rem;
    box-sizing: border-box;
    box-shadow: 3rem 3rem 11rem rgb(0 0 0 / 80%);
	z-index: 3;
	border-radius: 2rem 2rem 2rem 0; }

.cta-col p a { color: #fff; text-decoration: underline; }
.cta-col p a:hover { text-decoration: none; }

.cta-col p a.button { text-decoration: none; }


.call-to-action-background:before { 
      content: " ";
    display: block;
    height: 100rem;
    position: absolute;
    top: calc(50% - 45rem);
    right: 65%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 100rem;
    border: 21rem solid rgba(232,139,58,.5);
 } 


.call-to-action-background:after { 
      
   content: " ";
    display: block;
    height: 50rem;
    position: absolute;
    top: calc(50% - 26rem);
    right: 52.5%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 50rem;
    border: 12rem solid rgb(255 255 255/25%);
   


} 

section.block-call-to-action {/* z-index: -1; */ margin-top: 8rem; }


.block-call-to-action [class*='col-'] {
   
    padding-right: 3em; 
    
}

.cta-col .content { margin-bottom: 0; }

.block-large-call-to-action-with-circles { position: relative; margin-top: 0rem; margin-bottom: 1rem; }
.block-large-call-to-action-with-circles:before {    

    content: " ";
    display: block;
    height: 21rem;
    background: #fff;
    transform: skew(0deg,355deg);
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
box-shadow: 0rem 8rem 5rem rgb(0 0 0 / 50%);
}



.block-large-call-to-action-with-circles:after {    

    content: " ";
    display: block;
    height: 21rem;
    background: #fff;
    transform: skew(0deg,355deg);
    position: absolute;
    bottom: 0rem;
    left: 0;
    right: 0;
}

@media (max-width: 576px) {
	.block-large-call-to-action-with-circles:after {  display: none; }  
.block-large-call-to-action-with-circles:before {     display: none; }  
.call-to-action-background:after {  display: none; }  
	.call-to-action-background:before {  display: none; }  
	.call-to-action-background { padding: 12rem 0; }


.call-to-action-background { background-size: cover; background-attachment: scroll; }
	
}