/*
 * These styles are outputted both of the frontend and backend of the site
 * Please note any changes you do make may also make changes to the WP backend default styles.
 * Edit with caution
 */

/* Margin and Padding Styles */
.padding-bottom{padding-bottom:5rem;}
.padding-top{padding-top:5rem;}
.padding-both{padding-bottom:5rem;padding-top:5rem;}
.large-padding-bottom{padding-bottom:10rem;}
.large-padding-top{padding-top:10rem;}
.large-padding-both{padding-bottom:10rem;padding-top:10rem;}

.margin-bottom{margin-bottom:5rem;}
.margin-top{margin-top:5rem;}
.margin-both{margin-bottom:5rem;margin-top:5rem;}
.large-margin-bottom{margin-bottom:10rem;}
.large-margin-top{margin-top:10rem;}
.large-margin-both{margin-bottom:10rem;margin-top:10rem;}

/**Branding Elements**/
.block-with-oval{padding:3rem 0;margin:7.5rem 0;}
.block-with-oval:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#005B86;border-radius:20vw;transform:scalex(1.2) rotate(3deg);}

.section-title{text-align:center;}

/**Post Listings**/
.post-listings{grid-template-columns:1fr 1fr 1fr;grid-gap:30px;}
.post-listings .post-listing{background:#edfcff;border-radius:20px;overflow:hidden;}
.post-listings .post-listing .post-listing-content{padding:2rem;}
.post-listings .post-listing .post-listing-content h3{margin:0;font-size:2.5rem;}
.post-listings .post-listing .post-listing-content .date{color:#0eb3d9;margin-bottom:1.5rem;}
.post-listings .post-listing .post-listing-content p{margin-bottom:1.5rem;font-size:1.65rem;line-height:1.4;}

.page-navigation{margin-top:5rem;text-align:center;}
.page-navigation span, .page-navigation a{display:inline-block;padding:1rem 1.5rem;background:#005B86;color:#ffffff;line-height:1;border-radius:10px;margin:0 .5rem}
.page-navigation .current{background:#0eb3d9}

/**Popups**/
.popup{display:none;}
.popup.active{display:block;}
.popup .popup-bg{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;}
.popup .popup-area{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:4rem;background:#ffffff;width:90%;max-width:900px;max-height:80%;overflow:scroll;overflow-x:hidden;}

/**Accordions**/
.accordion{border-radius:10px;overflow:hidden;}
.accordion .accordion-title{background:#005B86;color:#ffffff;padding:1rem 2rem;cursor:pointer;font-size:2rem;position:relative;}
.accordion .accordion-title:after{content:'';width:18px;height:2px;position:absolute;top:50%;right:2rem;background:#ffffff;transform:translatey(-50%);}
.accordion .accordion-title:before{content:'';width:2px;height:18px;position:absolute;top:50%;right:calc(2rem + 8px);background:#ffffff;transform:translatey(-50%);transition:all .5s;}
.accordion.active .accordion-title:before{display:none;}
.accordion .accordion-content{height:0;overflow:hidden;transition:all .5s;}
.accordion .accordion-content .accordion-content-padding{padding:1rem 2rem;background:#edfcff}

@media(max-width:1024px){
	.block-with-oval:after{border-radius:10vw;transform:scalex(1.2) rotate(1deg);}
}

@media(max-width:768px){
	.post-listings{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
}

/**Block Quotes**/
blockquote{font-weight:bold;font-style:italic;font-size:2rem;text-align:center;background:#edfcff;padding:3rem;border-radius:5px;margin:0;}
blockquote:before{content:'';width:70px;height:42px;background-image:url('/wp-content/themes/toast/assets/images/quote.svg');display:block;background-size:cover;background-position:center;margin:0 auto 2rem;}

/*------------- Do not remove the styles below this line -------------*/
.wp-block{max-width:none;}
.admin-toast-support a, .admin-toast-support:hover a{background:#e88b39 !important;color:#ffffff !important;font-weight:bold !important;}
.admin-css-file a, .admin-css-file:hover a{background:#0c4e56 !important;color:#ffffff !important;font-weight:bold !important;}