/*
Block Name: Call To Action
Description: An extremely flexible block to create a call to action block
*/

.block-cta .cta-area{display: grid; grid-template-columns: 3fr 1fr; padding: 5rem 2rem 5rem 0; font-size: 1.75rem; font-weight: 400;}
.block-cta .cta-area::before{content: ''; position: absolute; width: 66%; left: 0; top: 0; height: 100%; background-color: inherit; z-index: -1;}
.block-cta .cta-image img{height:100%;object-fit:cover;width:100%; object-position: right;}
.block-cta .cta-content{padding:5rem;display:grid;align-items:center; position: relative;}

.block-cta .cta-bg{position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; display: block;}

.block-cta .container{position: static;}

.block-cta .cta-area h1,
.block-cta .cta-area h2,
.block-cta .cta-area h3,
.block-cta .cta-area h4,
.block-cta .cta-area h5,
.block-cta .cta-area h6 { color: #fff; }
.block-cta h6{font-size: 3.25rem; font-weight: 300;}
.block-cta h3{font-size: 3.25rem}

.block-cta .cta-image{position: absolute; right: 0; width: 33%; top: 0; height: 100%;}

.block-cta a.white-outline-button{font-size: 1.65rem; background: #fff; color: var(--brand-7);}
.block-cta a.white-outline-button:hover{background: transparent; color: #fff; border-color: #fff; }

.block-cta a.white-outline-button:hover::after {
    content: '';
    width: 15px; 
    height: 15px;
    background-image: url('/wp-content/uploads/white-arrow.png');
    background-position: center;
    background-size: cover;
	margin-left: 1rem;
}

.block-cta .cta-content.reversed .cta-image{left: 0; right: auto;}
.block-cta .cta-content.reversed .cta-area{grid-template-columns: 2fr 4fr; padding: 5rem 0 5rem 2rem;}

.block-cta a.white-outline-button::after{background-image: url('/wp-content/themes/toast/assets/images/arrows/arrow-lblue-bg.svg');}

@media(max-width:1024px){
    .block-cta .cta-area{grid-template-columns: 1fr !important}
    .block-cta .cta-image{width: 100%; z-index: -2;}
    .block-cta .cta-bg{opacity: 0.75;}
}