/*
 * 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
 */


.tac { text-align: center;}



 /**Reduce font size in wp backend**/
.interface-interface-skeleton__html-container{font-size:62.5% !important;}

/* Client color variables */
:root {
	--page-color: #ffffff;
	--text-color:#1a0e47
}
html :where(.wp-block){max-width:none;}

/*Alignment*/
.align-right{text-align:right}
.image-left img {margin-right:0 !important;}
.align-center, .centered, .aligncenter {text-align:center;}
img.aligncenter {display:block;margin-left:auto !important;margin-right:auto !important; }
.align-left {text-align:left;}
.image-left img {margin-left:0 !important;}

/* Image Text Wrap */
img.alignleft {padding-right:1rem;padding-top:5px;}
img.alignright {padding-left:1rem;padding-top:5px;}
.alignright {float: right !important;margin-left:2rem;}
.alignleft {float: left !important;margin-right:2rem;}
.alignleft .wp-caption-text, .alignright .wp-caption-text{margin-bottom:0 !important;}

/**Saved Styles**/
.extra-large-body{font-size:4.2rem;font-family:'itc-avant-garde-gothic-pro', sans-serif;font-weight:100;line-height:1.2;}
.large-body{font-size:2.8rem;}
.small-body{font-size:1.75rem;}
.image-border-radius img{border-radius:20px;}
.inner-padding{padding: 0 6rem;}
.grid-gap-top{padding-top:40px;}
.small-padding-bottom{padding-bottom:5rem;}
.small-padding-top{padding-top:5rem;}

.convert-image-to-bg{border-radius:20px;overflow:hidden;}
.convert-image-to-bg img{object-fit: cover;width:100%;height:100%;}

.static-form{background:#F4F3F7;padding:3rem;border-radius:20px;}

.partner-hero img{margin-top:-10vw;z-index:-1;position: relative;}

/**Blogs**/
.blog-intro{text-align:center;}
.blog-intro h3{font-size:4.2rem;font-family:'itc-avant-garde-gothic-pro', sans-serif;font-weight:100;line-height:1.2;}

/**Lozenges**/
.lozenge{padding:2rem;background:#1A0E47;display:inline-block;border-radius:20px;color:#ffffff;position: relative;z-index:-1;margin:1rem 0;}

/**Inline Tag**/
.inline-tag{padding:1rem 2rem;background:#ffffff;font-weight:bold;display:inline-block;border-radius:100px;margin-bottom:2rem;font-size:1.9rem;letter-spacing:1px;}

/* Margin and Padding Styles with Scale Factor */
.padding-bottom{ padding-bottom:12.5rem;}
.padding-top{ padding-top:12.5rem}
.padding-both{ padding-bottom:12.5rem; padding-top:12.5rem; }
.padding-both-half{ padding-bottom:6rem; padding-top:6rem; }

.margin-bottom{ margin-bottom:12.5rem; }
.margin-top{ margin-top:12.5rem; }
.margin-both{ margin-bottom:12.5rem; margin-top:12.5rem; }

/**Vertical Alignment**/
.vertical-middle .grid{align-items:center;}
.vertical-bottom .grid{align-items:flex-end;}
.button + .button, .button + .button-alt, .button-alt + .button-alt, .button-alt + .button{margin-left:2rem;}

/*Section Title*/
.section-title-area{display:grid;grid-template-columns:1fr 1fr;font-size:2.8rem;grid-gap:30px;align-items:flex-end;margin-bottom:7.5rem;}
.section-title-area.step-in{padding-left:10rem;}
.section-title-area:last-child{margin:0;}
.section-title-area.no-description{grid-template-columns:1fr;}

/**Block Shapes**/
.block-with-shapes{position: relative;overflow:hidden;}
.block-with-shapes .container{z-index:99;}
.block-shapes{position:absolute;top:0;left:0;width:100%;height:100%;}
.block-shapes .block-shape.circle{border-radius:100%;width:50%;padding-top:50%;position:absolute;}

/**Product Heros**/
.product-hero{overflow:visible !important;}
.product-hero img{margin-top:-130px;margin-bottom:-100px;}
.product-hero + .block-product-features{position: relative;z-index:-1;}

.kiosk-hero img{margin-top:-130px;margin-bottom:40px;}

/**Home Tiles**/
.home-tiles.grid{grid-template-columns:1fr 450px;}
.home-tiles.grid.reverse{grid-template-columns:450px 1fr;}
.block-home-tiles + .block-home-tiles{margin-top:30px;}
.home-tiles.grid .home-tile-image{border-radius:20px;overflow:hidden;background-position:center;background-size:cover;}
.home-tiles.grid .home-tile-image img{object-fit:cover;height:100%;width:100%;max-width:none;}
.home-tiles.grid .home-tile-content{padding:3rem;border-radius:20px;position: relative;border:2px solid #1A0E47;min-height:410px;}
.home-tiles.grid .home-tile-content.with-buttons{padding-bottom:10rem;}
.home-tiles.grid .home-tile-content .content{padding-bottom:4rem;}
.home-tiles.grid .home-tile-content .content:not(:empty){margin-top:2rem;}
.home-tiles.grid .home-tile-content .home-tile-subtitle{text-transform:uppercase;font-family:'neuzeit-grotesk', sans-serif;font-weight:800;margin-bottom:4rem;font-size:1.8rem;letter-spacing:.16rem;}
.home-tiles.grid .home-tile-content .home-tile-title{font-family:'itc-avant-garde-gothic-pro', sans-serif;font-weight:500;line-height:1.2;}
.home-tiles.grid .home-tile-content .home-tile-title-item{margin-bottom:0;}
.home-tiles.grid .home-tile-content .buttons{position:absolute;bottom:3rem;left:3rem;}
.home-tiles.grid .home-tile-content .buttons .button-alt, .home-tiles.grid .home-tile-content .buttons .button{margin-bottom:0 !important;}

.home-tiles.no-image{grid-template-columns:1fr;max-width:800px;margin:0 auto;}

.home-tiles .logo-panel{display:flex;margin-bottom:4rem;}
.home-tiles .logo-panel .logo-panel-bar{width:100%;height:2px;background:#8E97F9;display:block;}
.home-tiles .logo-panel .logo-panel-logo{display:inline-block;padding:0 1rem;}
.home-tiles .logo-panel .logo-panel-logo img{height:35px;max-width:none;width:auto;}

@media(max-width:1024px){
    .home-tiles.grid{grid-template-columns:1fr;grid-gap:30px;max-width:768px;margin:0 auto;}
    .home-tiles.grid.reverse{display:flex;flex-direction:column-reverse;}
	.home-tiles.grid .home-tile-image{padding-top:100%;position:relative;}
	.home-tiles.grid .home-tile-image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.home-tiles.grid .home-tile-content{padding:3rem !important;min-height:35rem;display:flex;flex-direction:column;justify-content:space-between;}
    .home-tiles.grid .home-tile-content .home-tile-subtitle{margin-bottom:2rem;}
    .home-tiles.grid .home-tile-content .home-tile-title-item{font-size:2.6rem;margin:0;}
    .home-tiles.grid .home-tile-content br{display:none;}

	.home-tiles.grid .home-tile-content .buttons{position:static;}

	.home-tiles.grid .home-tile-content .buttons .button, .home-tiles.grid .home-tile-content .buttons .button-alt{margin-left:0 !important;margin-bottom:2rem !important;width:100%;}
	.home-tiles.grid .home-tile-content .buttons .button:last-child, .home-tiles.grid .home-tile-content .buttons .button-alt:last-child{margin-bottom:0 !important;}
}

/**Post Listings**/
.post-listings{grid-template-columns:1fr 1fr 1fr;}
.post-listing{background:#F4F3F7;border-radius:20px;border:2px solid #623DB5;display: flex;flex-direction: column;justify-content: space-between;overflow:hidden;position: relative;height:100%;transition:all .15s;}
.post-listing:hover{box-shadow:5px 10px 50px 0px rgba(140, 79, 251, 0.25), 10px 5px 70px 0px rgba(26, 14, 71, 0.25);}
.post-listing .post-listing-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;}
.post-listing .post-listing-date{margin-bottom:2rem;display:block;color:#623DB5;font-weight:bold;z-index:9999;position: relative;line-height:1;font-size:1.8rem;}
.post-listing img{width:100%;}
.post-listing .post-listing-content{padding:3rem;}
.post-listing .post-listing-content h3{font-size:2.6rem;line-height:1.2;margin-bottom:2rem;}
.post-listing .post-listing-icon{width:30px;height:30px;position:absolute;right:20px;top:20px;}
.post-listing .post-listing-icon svg{width:100%;}
.post-listing:hover .post-listing-icon svg path{fill:#8C4FFB;stroke:#ffffff;}

.post-listings-pagination-area{text-align:center;padding-top:5rem;}
.post-listings-pagination-area .page-navigation a, .post-listings-pagination-area .page-navigation span{padding:1rem;border:2px solid;border-radius:10px;line-height:1;display:inline-block;}
.post-listings-pagination-area .page-navigation span{background:#1a0e47;color:#ffffff;border:2px solid #1a0e47;}

.post-listings .load-more-resources-area{grid-column:span 3;text-align:center;margin-top:5rem;}

.post-listings .post-listing-lazy{opacity:0;transform:translateY(50px);transition:all .5s;}
.post-listings .post-listing-lazy.loaded{opacity:1;transform:translateY(0px);}

.post-listings .home-tiles{grid-column:span 3;width:100%;}

/**Resources**/
.resources-area .resource-taxonomies, .resources-area .resource-post-types{text-align:center;font-size:0;margin-bottom:5rem;}
.resources-area .resource-taxonomies .resource-taxonomy, .resources-area .resource-post-types .resource-post-type{display:inline-block;padding:1rem 2rem;margin:.35rem;border-radius:100px;border:2px solid;font-size:1.75rem;cursor: pointer;}
.resources-area .resource-taxonomies .resource-taxonomy.active, .resources-area .resource-post-types .resource-post-type.active{background:#8C4FFB;border-color:#8C4FFB;color:#ffffff;}

@media(max-width:768px){
    .resources-area .resource-taxonomies, .resources-area .resource-post-types{display:none;}
}

/**Container**/
.container{ position: relative; width: 100%; max-width: 1300px;margin: 0 auto; padding: 0 2rem;}
.thin-container .container, .thin-container.container{max-width:908px;}
.grid { display: grid;grid-gap:40px;}

/**Hubspot forms**/
.hbspt-form{font-size:80%;}
.hbspt-form fieldset{max-width:none !important;}
.hbspt-form .field{position: relative;margin-bottom:2rem;}
.hbspt-form .field .input{position: relative;}
.hbspt-form .field .input input, .hbspt-form .field .input select{width:100% !important;border:none;padding:0 2rem;border:1px solid #D0D5DD;border-radius:10px;height:50px;}
.hbspt-form .tips-enabled .field > label{display:none;}
.hbspt-form .field .field-tip{position:absolute;top:1.25rem;left:1rem;opacity: 0.5;pointer-events:none;transition:all .25s;padding:0 1rem;font-size:1.75rem;}
.hbspt-form .field input:focus + .field-tip, .hbspt-form .field input:valid + .field-tip, .hbspt-form .field select:valid + .field-tip, .hbspt-form .field textarea:not(:placeholder-shown) + .field-tip, .hbspt-form .field textarea:focus + .field-tip{font-size:1.2rem;margin-top:-20px;opacity:1;color:#8c4ffb;background:#ffffff;}
.hbspt-form .field input:focus{border:1px solid #8c4ffb;}
.hbspt-form .field input, .hbspt-form .field select:invalid{font-size:0;}
.hbspt-form .field input:focus, .hbspt-form .field input:valid{font-size:1.6rem;}
.hbspt-form .field textarea{width:100% !important;border:none;padding:2rem;border:1px solid #D0D5DD;border-radius:10px;min-height:100px;padding:2rem;font-family:inherit;}
.hbspt-form .field .inputs-list{color:inherit;margin:3rem 0;font-size:inherit;list-style-type:none;padding:0;}
.hbspt-form .field .hs-error-msgs{list-style-type:none;padding:0;margin:.5rem 0 0;font-size:1.5rem;}
.hbspt-form .hs-error-msgs .hs-error-msg{color:#a60a0a !important;}

.hbspt-form .field input[type="checkbox"]{width:22px !important;height:22px;border:2px solid #D0D5DD;border-radius:4px;appearance:none;-webkit-appearance:none;padding:0;margin-right:1rem;background:#ffffff;}
.hbspt-form .field input[type="checkbox"]:checked{background:#8c4ffb;border-color:#8c4ffb;}

.hbspt-form .actions .hs-button{width:100%;background:#8C4FFB;color:#ffffff;font-size:2rem;text-align:center;border:none;padding:2rem;border-radius:10px;margin-top:2rem;cursor:pointer;}

/**Share Post**/
.share-post-area .share-post-icons .share-post-icon{background:#8B4DF2;display:inline-block;width:45px;height:45px;position: relative;border-radius:100px;margin:0 .5rem;}
.share-post-area h4{margin-bottom:2rem;}
.share-post-area .share-post-icons .share-post-icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;}

/**Circle Count**/
.circle-count-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:15px;}
.circle-count-grid .circle{width:100%;padding-top:100%;background:#ffffff;border-radius:100px;}

/**Static Logos**/
.static-logos .grid{grid-gap:30px !important;}
.static-logos .col{border:3px solid #F4F3F7;padding:3rem;display:grid;align-items:center;border-radius:20px;}

/**Checklist**/
.checklist ul, ul.checklist{padding:0;margin:0;list-style-type:none;font-size:1.8rem;}
.checklist li{padding-left:5.25rem;position: relative;margin-bottom:2rem;}
.checklist li:before{content:'';position:absolute;left:0;top:50%;transform:translatey(-50%);width:36px;height:36px;background:#FFFFFF;border-radius:100px;background-image:url('/wp-content/themes/toast/assets/images/check.svg');background-size:50%;background-position:center 55%;background-repeat:no-repeat;}
.checklist.checklist-large-body ul, ul.checklist.checklist-large-body{font-size:2.6rem;}
.checklist.checklist-large-body li{margin-bottom:1rem;}

.checklist.checklist-invert li:before{background-image:url('/wp-content/themes/toast/assets/images/check-invert.svg');background-size:100%;}

.checklist-small .checklist li, .checklist-small.checklist li{padding-left:3rem;margin-bottom:1rem;}
.checklist-small .checklist li:before, .checklist-small.checklist li:before{width:20px;height:20px;}

/**Inline checklist**/
.inline-checklist ul, ul.inline-checklist{padding:0;margin:0;list-style-type:none;font-size:2rem;}
.inline-checklist li{display:inline-block;margin-right:5rem;padding-left:3rem;position: relative;line-height: 1;}
.inline-checklist li:before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:#FFFFFF;border-radius:100px;background-image:url('/wp-content/themes/toast/assets/images/check-dark.svg');background-size:100%;background-position:center;display:inline-block;margin-right:1rem;}

/**Author Preview**/
.author-preview{grid-template-columns:80px 1fr;grid-gap:20px;display:grid;align-items:center;margin:5rem 0;}
.author-preview .author-preview-image{border-radius:1000px;overflow:hidden;}
.author-preview .author-preview-image img{margin:0;}
.author-preview .author-preview-name{font-weight:bold;}

@media(max-width:1024px){
	/**Saved Styles**/
	.extra-large-body, .blog-intro h3{font-size:2.6rem;}
	.inner-padding{padding: 0rem;}
	.reverse-column-mobile .grid{display:flex;flex-direction:column-reverse;}

	/**Product Hero**/
	.product-hero img{margin:-10vw 0 0 ;}
	.kiosk-hero img{margin-top:-3vw;}
	
	/**Checklist**/
	.checklist ul, ul.checklist{font-size:1.8rem;}

	/**Inline checklist**/
	.inline-checklist li{display:block;margin-right:0;margin-bottom:1rem;}

	/**Lozenges**/
	.lozenge{padding:1rem;border-radius:10px;}

	/**Post Listings**/
	.post-listings{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
	.post-listings .home-tiles{grid-column:span 1;}
	.post-listings .load-more-resources-area{grid-column:span 1;text-align:center;}

	/**Section Title*/
	.section-title-area{grid-template-columns:1fr !important;font-size:2.2rem;}
	.section-title-area.step-in{padding-left:0;}

	.padding-bottom{ padding-bottom:5rem;}
	.padding-top{ padding-top:5rem}
	.padding-both, .padding-both-half{ padding-bottom:5rem; padding-top:5rem; }
	
	.margin-bottom{ margin-bottom:5rem; }
	.margin-top{ margin-top:5rem; }
	.margin-both{ margin-bottom:5rem; margin-top:5rem; }

	/*Section Title*/
	.section-title-area{margin-bottom:3rem;}
	
}

@media(max-width:550px){
	.large-body{font-size:2.2rem;}
	.partner-hero img{margin-top:-50vw;width:300%;max-width:none;margin-left:-100%;}
}