/*
Block Name: Columns
Description: An extremely flexible block allowing simple and complex layouts. This block is used for images and static text purposes.
*/

.features-images { position: relative;
    padding: 2rem;
    background: var(--brand-3);
    min-height: 41rem;
    border-radius: 2rem;  }
.features-images img { position: absolute; inset: 4rem -4rem 0 4rem;}
.features-images img:first-of-type {     z-index: 2;
    padding: 10rem 0 4rem 10rem; }
.features-images img:nth-of-type(2) { z-index: 2; right: -4rem;   }

.features-images a.button { position: absolute; bottom: -8rem; }

body section:first-of-type p:first-of-type { font-size: 120%; line-height: 1.2; }

.block-columns.larger-icon i { font-size: 5rem; margin-bottom: 2rem; }

.features-images img { border-radius: .25rem;  margin-bottom: 4rem;  }

.block-columns.block-icons .col-icon-col { 
    background: var(--brand-1);
    color: #fff;
    padding: 1rem;
    border-radius: 10rem;
    display: flex;
    display: inline-block;
    margin-bottom: 1rem;
    height: 5rem;
    width: 5rem;
    text-align: center;

}
body.wp-admin section.block-columns { border: 1px solid #ccc; }
body.wp-admin section .container .grid:empty:before { font-size: 2rem; color: #e88b39; font-weight: 600; content: "This is an empty *block* - add content"; padding: 2rem 0; display: block;}
body.wp-admin section .container .grid .col:empty:before { color: #e88b39; font-weight: 600; content: "This is an empty *column* - add content"; padding: 2rem 0; display: block;}


.block-columns .col-icon{max-width:100px;margin:0 auto 2rem;}

section.why-imedoc a.button { display: inline-block; margin: 2rem auto; }

section.why-imedoc .button.toast-primary,  section.why-imedoc .button.toast-secondary { background: transparent; border: 1px solid #fff; }
section.why-imedoc .button.toast-primary:hover,  section.why-imedoc .button.toast-secondary:hover { background: var(--brand-3); border: 1px solid var(--brand-3); }



@media screen and (max-width:768px ) {
	
	.learn-more .column-content { padding-top: 5rem; }
}



@media screen and (max-width:576px ) {
	.col-bg-img { min-height: 30vh;}
		.learn-more .column-content:first-of-type { padding-top: 10rem; }
	.mailing-list h3 { margin-top: 5rem; }
	
	.features-images { position: relative;
    padding: 0rem;
    background: none;
    min-height: auto;
    border-radius: 2rem;  }
.features-images img { position: relative; inset: 0;}
.features-images img:first-of-type {     z-index: 2;
    padding: 0rem; }
.features-images img:nth-of-type(2) { z-index: 2; right: 0rem;   }

.features-images a.button { position: relative; bottom: auto; margin-bottom: 4rem; }

body section:first-of-type p:first-of-type { font-size: 120%; line-height: 1.2; }

.block-columns.larger-icon i { font-size: 5rem; margin-bottom: 2rem; }

.features-images img { border-radius: .25rem;  margin-bottom: 4rem;  }

	
	
	
}