/* Margin and Padding Styles with Scale Factor*/
 .padding-bottom, .pb { padding-bottom: 7.5rem; }
 .padding-top, .pt { padding-top: 7.5rem; }
 .padding-both, .pbth { padding-bottom: 7.5rem; padding-top: 7.5rem; }
 .large-padding-bottom, .lpb { padding-bottom: 10rem; }
 .large-padding-top, .lpt { padding-top: 10rem; }
 .large-padding-both, .lpbth { padding-bottom: 10rem; padding-top: 10rem; }

 .extra-shape-padding-top{padding-top:25%;}
 .extra-shape-padding-bottom{padding-bottom:25%;}
 
 .margin-bottom, .mb { margin-bottom: 7.5rem; }
 .margin-top, .mt { margin-top: 7.5rem; }
 .margin-both, .mbth { margin-bottom: 7.5rem; margin-top: 7.5rem; }
 .large-margin-bottom, .lmb { margin-bottom: 10rem; }
 .large-margin-top, .lmt { margin-top: 10rem; }
 .large-margin-both, .lmbth { margin-bottom: 10rem; margin-top: 10rem; }

 /**Block Shapes**/
 section{position: relative;}
 .block-shape{position:absolute;z-index:9;transform:translate(-50%, -50%);}
 .block-shape.reverse-translate{transform:translate(-50%, 50%);}
 .block-shape svg{width:100%;}
 .block-shape svg path{fill:var(--shape-color) !important;}

 /**Post Listings**/
 .post-listings{grid-template-columns:1fr 1fr 1fr;}
 .post-listings .post-listing{background:#ffffff;box-shadow:0 10px 12px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;position: relative;}
 .post-listings .post-listing .post-listing-link{position:absolute;top:0;left:0;width:100%;height:100%;}
 .post-listings .post-listing .post-listing-content{padding:2rem;}
 .post-listings .post-listing .post-listing-content h3{font-size:2.5rem;}

 /**Hero Alternative**/
 .hero-alternative-area{position: relative;}
 .hero-alternative-area .hero-alternative-graphic:not(.animate) svg path{fill:var(--hero-color) !important;}
 .hero-alternative-area .hero-alternative-graphic.animate{opacity:0.7;}
 .hero-alternative-area .hero-alternative-graphic{position:absolute;top:0;left:0;width:200%;transform:translateY(-40%);margin-left:-60%;}
 .hero-alternative-area .hero-alternative-graphic svg{width:100%;}

 .hero-alternative-area .hero-alternative-content-area{color:#ffffff;padding:10rem 0 5rem;}
 .hero-alternative-area .hero-alternative-content-area .hero-alternative-content{max-width:700px;}
 .hero-alternative-area h5{font-size:2.5rem;margin-bottom:1rem;}
 .hero-alternative-area + section.popout .container{background:#ffffff;padding:5rem;box-shadow:-10px 10px 0px rgba(0,0,0, 0.2);margin-bottom:-10.5%;border-radius:20px;}

 /**Single Post**/
 .single-post-content{overflow:visible;}
 .single-post-content .grid{grid-template-columns:1fr 300px;}
 .single-post-content .sidebar .fixed{position:sticky;top:100px;}
 .single-post-content .sidebar .widget{margin-bottom:5rem;}
 .single-post-content .sidebar h5{margin-bottom:.5rem;}
 .single-post-content .sidebar .get-in-touch{padding:4rem 3rem;background:#5B53BF;border-radius:20px;text-align:center;color:#ffffff;}
 .single-post-content .sidebar .get-in-touch h3{margin-bottom:.5rem;font-size:3rem;}
 .single-post-content .sidebar ul{list-style-type:none;padding:0;}
 .single-post-content .sidebar ul li a{padding:1rem 0;display:block;color:#47A168;border-bottom:1px solid #D768E3;}

 .single-post-content .single-post-thumbnail{margin-bottom:5rem;border-radius:10px;overflow:hidden;}

 .single-post-additional-content{overflow:hidden;}

 /**Search Area**/
 .search-area{padding:4rem 3rem;background:#D768E3;color:#ffffff;display:grid;grid-template-columns:175px 1fr;align-items:center;grid-gap:30px;border-radius:20px;}
 .search-area h3{margin:0;font-size:2.5rem;}
 .search-area .search-area-input-area{border-radius:1rem !important;overflow:hidden;position: relative;}
 .search-area .search-area-input{font-size:1.75rem;border:none;padding:.75rem 1rem;}
 .search-area .search-area-button{position:absolute;top:0;right:0;background:#47a168;padding:.75rem 1rem;color:#ffffff;bottom:0;border-radius:5px;width:200px;cursor:pointer}

/**Page Navigation**/
.page-navigation{padding-top:5rem;text-align:center;}
.page-navigation a,  .page-navigation span{padding:1rem;background:#5b53bf;border-radius:5px;color:#ffffff;line-height:1;}
.page-navigation .current{background:#3e5987;}

/**Checklist**/
.checklist{padding:0;}
.checklist li{margin-bottom:2rem;list-style-type:none;padding-left:4rem;position: relative;line-height:1.4;}
.checklist li:before{content:'';width:25px;height:25px;position:absolute;top:0;left:0;background-image:url('/wp-content/themes/toast/assets/images/check.svg');background-size:100%;background-position:center;background-repeat:no-repeat;}

 @media(max-width:1024px){
     .hero-alternative-area .hero-alternative-graphic{width:400%;transform:translatey(-50%);}
     .hero-alternative-area .hero-alternative-content-area{padding:5rem 0;}
     .hero-alternative-area + section.popout .container{box-shadow:none !important;padding:5rem 2rem !important;border-radius:0px;}

     .single-post-content{padding:5rem 0;background:#ffffff;position: relative;}

 }

 @media(max-width:768px){
    .post-listings{grid-template-columns:1fr;}
    .block-shape{width:var(--shape-width-mobile) !important;}

    .single-post-content .grid{grid-template-columns:1fr;}

    .extra-shape-padding-top{padding-top:35%;}
    .extra-shape-padding-bottom{padding-bottom:35%;}

 }

 @media(max-width:500px){
   .hero-alternative-area .hero-alternative-graphic{width:1500%;margin-left:-50%;}
}