/* ---------- New Org ---------- */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;300;400;700&family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* NEW LIGHT THEME STYLES */
p, p.intro, li, .wp-block-gutenbee-imagebox.icon p.wp-block-gutenbee-imagebox-text {color: #010205;}
.stripe-blue {background: #ccf1ff; border-top: 2px solid #00b7ff; border-bottom: 2px solid #00b7ff;}
.stripe-green {background: #e1f5cc; border-top: 2px solid #69cc00; border-bottom: 2px solid #69cc00;}
.stripe-bluegray {background: #ebedf0; border-top: 2px solid #394c65; border-bottom: 2px solid #394c65;}

.float-right {float: right;}
.br8 {border-radius: 8px;}

.line-plus {text-align: center;}
.line-plus figure {margin: 0;}
.no-border {border: 0;}
.m16 {margin: 16px;}

.deploy-stat {padding: 48px;}

/* ------------------------- */

.box-green {
    background-color: #e1f5cc;
    padding: 16px 64px;
    border: 2px solid #69CC00;
    border-radius: 8px;}
.box-blue {
    background-color: #ccf1ff;
    padding: 16px 64px;
    border: 2px solid #00B7FF;
    border-radius: 8px;}
.box-bluegray {
    background-color: #ebedf0;
    padding: 16px 32px !important;
    border: 2px solid #394c65;
    border-radius: 8px;}
.box-floating {border-radius: 8px; padding: 48px; margin-top: 64px; margin-bottom: 64px;}
.box-background { background-color: #040d18; border-radius: 8px; padding: 48px 32px; }
.stripe-background { padding: 48px 0; background-color: #040D1B; }
.wp-block-social-links .wp-social-link {display: inline-block; margin-right: 16px;}

.rc8 {border-radius: 8px;}


/* Color Library */
.text-blue {color: #00B7FF !important;}
.text-green {color: #69CC00 !important;}
.text-oxfordblue {color: #081F3F !important;}
.text-bluegray {color: #394C65 !important;}
.text-seagreen {color: #12C4B7 !important;}
.yellow-text, .text-yellow {color: #F6E017 !important;}
.text-black {color: #010205 !important;}
.text-charcoal {color: #42454D !important;}
.text-sonicsilver {color: #717479 !important;}
.text-quicksilver {color: #A1A2A6 !important;}
.text-lightgray {color: #D0D1D2 !important;}
.white-text, .text-white {color: #FFFFFF !important;}

.background-dots { inherit url(https://mantiumai.com/wp-content/uploads/2022/07/background-dots.png);}
.background-blue {background-color: #00B7FF;}
.background-green {background-color: #69CC00;}
.background-oxfordblue {background-color: #081F3F;}
.background-bluegray {background-color: #394C65;}
.background-seagreen {background-color: #12C4B7;}
.background-mint {background-color: #d0f3f1;}
.background-yellow {background-color: #F6E017;}
.background-black {background-color: #010205;}
.background-charcoal {background-color: #42454D;}
.background-sonicsilver {background-color: #717479;}
.background-quicksilver {background-color: #A1A2A6;}
.background-lightgray {background-color: #D0D1D2;}
.background-white {background-color: #FFFFFF;}
.background-white-screen {background-color: rgba(255, 255, 255, .85);}


/* ----- Typography ----- */
body {background: #ffffff url(https://mantiumai.com/wp-content/uploads/2022/08/bg-a-angle.png) no-repeat bottom right;}
body {
  font-family: 'Nunito', sans-serif; 
  color: #010205; 
  font-weight: 500;
  line-height: 1.45 !important;
}
h1, h2, h3 {
  font-family: 'Archivo', sans-serif;
}
h4, h5, h6 {
  font-family: 'Nunito', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.35 !important;
}
h1 {
  font-size: 2.75em;
  font-weight:100;
  color: #69CC00;
}
h2 {
  font-size: 2.35em;
  font-weight:300;
  color: #12C4B7;
  padding-top: 24px;
}
h3 {
  font-size: 1.75em;
  color: #081F3F;
  font-weight: 700;
  padding-top: 24px;
}
h4 {
  font-size: 1.45em;
  color: #081F3F;
  font-weight: 700;
  padding-top: 16px;
}
h5 {
  font-size: 1.2em;
  color: #081F3F;
  font-weight: 700;
  padding-top: 16px;
}
h6 {
  font-size: 1em;
  color: #081F3F;
  font-weight: 700;
  padding-top: 16px;
}
p {
  	font-size: 16px;
  	color: #010205;
  	font-weight: 300;
	line-height: 1.45;
}
p.intro, li.big, p.big {font-size: 20px !important; font-weight: 700 !important;}
.small {font-size: 12px !important;}
.disclaimer {padding-top: 50px;}
.date {
	color: #394C65;
	font-size: 12px;
	font-weight: 300;
	padding-top: 3px;
}
ul {
	padding-bottom: 8px;
}
li {
  	line-height: 1.5;
	padding-bottom: 8px;
}
ul.fa-ul li {padding-bottom: 16px; padding-left: 8px;}

ul.font-awesome {list-style: none;}
ul.font-awesome::before {display: none;}
ul.font-awesome li::before {
    margin-right: -16px;
    position: relative;
    left: -24px;
	font-weight: 900;
}
ul.fa-circle-check li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: #69cc00;
}
ul.fa-arrow-right li::before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    color: #69cc00;
}
ul.fa-bolt li::before {
    content: "\f0e7";
    font-family: "Font Awesome 5 Free";
    color: #69cc00;
}
ul.fa-bookmark li::before {
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    color: #69cc00;
}
ul.fa-check li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: #69cc00;
}

a {
  color: #00B7FF;
  text-decoration: none;
}
a:hover {
  color: #0080b3; 
  text-decoration: none;
}
hr {
    background-color: #00B7FF
}
strong {
    font-weight: 700;
}
td {
    font-size: 14px;
    padding: 12px;
    border: 1px solid #D0D1D2;
	vertical-align: baseline;
}
th {
    font-size: 16px;
    padding: 12px;
    border: 1px solid #D0D1D2;
	background: #d0d1d220;
}

/* ----- Hubspot forms ----- */

.hbspt-form label {font-size: 12px; color: #717479; margin-bottom: 4px;}
.hbspt-form input, .hbspt-form select, .hbspt-form textarea {border: 2px solid #D0D1D2; background-color: #f1f1f1; border-radius: 8px; padding: 8px 16px 8px 16px; width: 100%; color: #42454D; margin-bottom: 16px;}

.hbspt-form ul.inputs-list {padding-left: 0; padding-bottom:0; margin-bottom:0;}
.hbspt-form ul.inputs-list li {padding-bottom:0; margin-bottom:0;}
.hbspt-form li.hs-form-radio, .hbspt-form li.hs-form-booleancheckbox {list-style: none;}
.hbspt-form li.hs-form-radio label, .hbspt-form li.hs-form-booleancheckbox label { }
.hbspt-form li.hs-form-radio label span { margin-left: 16px; font-size: 14px;}
.hbspt-form li.hs-form-booleancheckbox label span {}

.hbspt-form li.hs-form-radio label, 
.hbspt-form li.hs-form-booleancheckbox label span {
    font-size: 16px;
    display: inline;
}
.hbspt-form li.hs-form-radio label, .hbspt-form li.hs-form-booleancheckbox label input {
    font-size: 16px;
    display: inline-block;
    width: 32px;
}

.submitted-message.hs-main-font-element p {
    font-size: 24px;
    color: #081f3f;
    font-weight: 700;
    line-height: 1.35;
}
.submitted-message {
    padding: 16px;
    border: 2px solid #00B7FF;
    border-radius: 8px;
    background-color: #00B7FF20;
}
ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
}

ul.no-list.hs-error-msgs.inputs-list label{
    padding: 4px 8px;
    margin:0;
    border: 1px solid #f03d3e;
    border-radius: 8px;
    background-color: #f03d3e30
}
.hbspt-form [type=button]:not(:disabled), .hbspt-form [type=reset]:not(:disabled), .hbspt-form [type=submit]:not(:disabled), .hbspt-form button:not(:disabled) { 
	width: initial; background-color: transparent; border-color: #00b7ff; color:#00b7ff;
}
.hbspt-form p, .hbspt-form li.hs-form-booleancheckbox label span {font-size: 12px; color: #42454D; line-height: 1.1; margin-bottom: 8px !important;}
.legal-consent-container .field.hs-form-field {
    margin-bottom: 0px !important;
}
.hbspt-form .legal-consent-container {
    font-size: 12px;
    padding-bottom: 16px;
}


.social-icon {margin-top: 8px;}
.social-icon i {margin-right:24px;}

.careers {background: #f5f5f5; }

.stat-block {
    font-family: 'Archivo', sans-serif;
    margin: 0 48px;
    display: block;
}

.stat {
    font-size: 80px;
    font-weight: 700;
    color: #f6e017;
    display: inline;
    float: left;
    line-height: 1;
	margin-right: 8px;
}

.fact {
    display: inline;
    font-size: 32px;
    font-weight: 100;
    color: #00b7ff;
    line-height: 1;
	position: relative;
	top: 4px;
}

/* ---------- Components ---------- */

/* ----- Header ----- */

section#hero, header {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      align-items: start;
      height: 600px;
      margin-top: 50px;
      position: relative;
}
section#hero .btn, header .btn {
    position: relative; 
    z-index:0;
}
section#hero p, header p, .hero p {
    font-size:20px;
    color: #CCF1FF;
    position:relative;
    z-index:1;
    font-weight: 500;
}
div#main-menu a.btn {
    margin: 0;
    padding: 4px 8px;
	font-size: 14px;
}
ul#menu-main-menu li.menu-item {
    padding: 8px 0 0 0;
	font-size: 14px;
}
.navbar {
    padding-top: 8px; 
    padding-bottom: 8px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    opacity: 1;
    font-family: 'Archivo', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
	padding: 0 16px;
}
.dropdown-toggle::after {
    margin-left: 8px;
}
ul.dropdown-menu {
    background-color: #081F3F;
	border-radius: 8px;
}
.dropdown-item {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #D0D1D2;
    background-color: #ffffff30;
}
.bg-dark {background-color: #051224 !important;}
.underline {
    height: 2px; 
    background: rgb(55,144,248); 
    background: linear-gradient(123deg, rgba(105,204,0,.3) 0%, rgba(19,23,32,.3) 100%);
}

/* ----- Page ----- */
.title {
    margin-top: 48px; 
    background: /*rgb(19,23,32)*/ transparent; 
/*    background: linear-gradient(180deg, rgba(55,144,248,.10) 0%, rgba(19,23,32,.10) 100%); */
    padding: 72px 0 16px 0;
}
.title p{
    color: #CCF1FF;
    font-size: 23px;
    font-weight: 300;
}
.underline {
    height: 2px; 
    background: rgb(55,144,248); 
    background: linear-gradient(123deg, rgba(105,204,0,.3) 0%, rgba(19,23,32,.3) 100%);
	margin-bottom: 16px;
}

h3 i.fas, h4 i.fas {margin-right: 4px; font-size: 85%;}

/*  CTA  */
.cta {
	background: #051224 linear-gradient(135deg, #00b7ff00 0%, #00b7ff20 50%, #00b7ff05 100%); 
}
.cta .wp-block-gutenbee-divider {
    margin: 0;
}

.cta .wp-block-gutenbee-container {
    margin: 0 auto;
	padding: 32px 24px;
}

.cta .wp-block-gutenbee-container-lg,
.hero .wp-block-gutenbee-container-lg{
    margin: 0 !important;
}
.cta h4 {
    padding-top: 0;
}

/* ----- Footer ----- */
footer h4 {
	  color: #42454D;
		margin-bottom: 16px;
		font-size: 20px;
}
footer img.footer-mark {
	  width: 47px;
	  height: 48px;
		margin-bottom: 24px;
}
footer {
	  background: #040D1B;
		padding: 64px 0;
}
footer a {
	  color:#A1A2A6!important;
	  text-decoration: none;
}
footer p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    color:#D0D1D2;
}
.sub-footer {
    background: #051224;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}
/*.sub-footer.sticky {position: absolute; width: 100%; bottom: 0;}*/
.sub-footer a {
    color: #ffffff;
    text-decoration: none;
}
.sub-footer a:hover {
    color: #00B7FF;
}

.wp-block-social-links .wp-social-link svg {
    width: 1.75em !important;
    height: 1.75em !important;
}

.wp-block-social-link {
    border: none !important;
}

footer figure.footer-seal img {
    width: 64px;
    height: 64px;
	max-width: inherit;
}
footer ul {
    padding-left: 0rem!important;
}
footer li {
  list-style-type: none;
  border-bottom: solid 0px rgba(55,144,248,.25);
  font-size: 12px;
  color:#A1A2A6!important;
}
footer li:last-child {
    /* padding-top: 13px; */
    border: none;
}
footer .post-date {
    display: block;
    color: rgba(167,201,240,.5); 
    font-size: 12px; 
    font-weight: 300; 
    padding-top: 3px;
    padding-bottom: 15px;
}
.footerline {
    height: 2px;
    background: linear-gradient(90deg, #081F3F, #69CC00, #081F3F);
    opacity: 100%;
}

/* Homepage */
.hero {
    padding: 72px 0 32px 0;
    height: auto;
}
.hero p.subhead {
    font-size: 20px;
    color: #CCF1FF;
    font-weight: 500;
}
.hero h1.title-only {margin: 64px 0 32px 0;}

.line-hero {
    position: relative; 
    z-index:0;
}


.left-column-section-icon {padding-top: 32px;}
div.ss-col.left {max-width:300px; margin-right: 48px;}
div.ss-col.right {max-width:300px; margin-left: 48px;}
.ss-img, fig.ss-img img {
    width: 100%;
	filter: drop-shadow(0px 10px 3px #00000050);
}
.collateral-image, .collateral-image img {
	filter: drop-shadow(0px 10px 3px #00000050);
}
@media (max-width: 370px) {
    .ss-img {width: 100%;}
}
	
.feature-space-top {padding-top: 48px;}
.space-top {padding-top: 48px;}

/* Company Culture */
p.stat-number {
    font-size: 64px;
	color: #f6e017;
	line-height: 1;
    margin: 0;
	text-align: center;
	font-weight: 500;
}
p.stat-text {
    font-size: 12px;
	color: #f6e017;
	line-height: 1.15;
    margin: 0;
	text-align: center;
}
.value-block {padding: 16px;}

.block-type {
    background-color: #ffffff;
    padding: 16px 64px;
    border: 2px solid #081F3F;
    border-radius: 8px;
}
.pipeline-border-left {border-left: 1px solid #d0d1d2;}
.block-type.background-white {
    background-color: #ffffff;
}

/* Terms */
.terms h2 {
    margin: 12px 0;
    padding: 0;
}
.terms p{
    margin: 24px 40px 12px 24px;
    padding: 0;
	line-height: 1.5;
}
.terms p.intro {
    margin: 24px 40px 12px 24px;
    padding: 0;
}
.terms ol li {
    margin: 16px 40px 0 40px;
    padding: 0;
    list-style-type: lower-alpha;
	line-height: 1.25;
}

/* ----- Pricing page ----- */
.wp-block-gutenbee-column.pricing-grid {border: 2px solid #d0d1d2; border-radius: 8px; padding: 24px !important; margin: 0 16px 0 0;}
.pricing-grid .wp-block-gutenbee-divider{
    margin: 8px 0 !important;
    border: 1px solid #d0d1d2;
    background: none;
}
.pricing-grid p {margin: 0; padding: 8px 0;}
.pricing-grid p.yes, .pricing-grid p.no {font-size:14px;}
.pricing-grid .tier {font-weight: 700; padding-top: 0; font-size: 20px;}
.pricing-grid .price {font-size: 32px;font-weight: 700;}
.pricing-grid .price code {
    font-size: 12px;
    background: none;
    color: inherit;
    font-weight: 300;
    font-family: inherit;
}
.pricing-grid i.fas, .pricing-grid i.far {margin-right: 4px;}
.pricing-grid .yes i.fas, .pricing-grid .yes i.far {color: #69CC00;}
.pricing-grid .no {color: #d0d1d2;}
.pricing-grid .wp-block-gutenbee-buttons {display: block; margin-top: 16px;}
.pricing-grid .wp-block-gutenbee-button.primary a.gutenbee-block-button-link {width: 100% !important;}
@media (max-width: 991px) {
    .wp-block-gutenbee-column.pricing-grid {padding: 24px; margin: 0 16px 24px 0;}
}
.price {
  display: flex;
  align-items: baseline;
  justify-content: left;
}
/* ----- Connector page ----- */
.connector-list-row {margin: 32px 0;}
@media (max-width: 991px) {
    .connector-list-row {margin: 0;}
    .connector-list-row figure {margin: 20px 0 0 0;}
}

/* ----- Use case pages ----- */
.use-case {
    border: 0px;
    border-radius: 8px;
    margin: 0 0 48px 0;
    padding: 24px !important;
    background-color: #ccf1ff;
}
.use-case h3 {padding-top: 0;}
.use-case .eyebrow {font-size: 12px; font-weight: 700;}
.use-case p.transformation {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #d0d1d2;
    font-size: 12px; 
    font-weight: 700;
    margin: 0 8px 0 0;
}
.use-case figure.connector, .use-case .connector figure {margin: 12px 24px 0 0;}
.wp-block-gutenbee-imagebox.icon.left.use-case-card-small {
    border: 2px solid #00B7FF;
    background-color: #ffffff;
    padding: 8px 16px !important;
    margin: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex: 1;
    align-self: stretch;
}
.wp-block-gutenbee-imagebox.icon.left.use-case-card-small img{height: 48px; width: 48px;}
.wp-block-gutenbee-imagebox.icon.left.use-case-card-small 
 .wp-block-gutenbee-imagebox-content {padding: 8px 0 0; margin: auto 0;}
.wp-block-gutenbee-imagebox.icon.left.use-case-card-small figure.wp-block-gutenbee-imagebox-figure {padding: 4px 8px 0 0;}
.wp-block-gutenbee-imagebox.icon.left.use-case-card-small .wp-block-gutenbee-imagebox-title {padding: 0; margin: 0;}

/* ----- Blog ----- */
/* Section */
.section.blog.title {
	border-bottom: 2px solid #69CC00;
	margin-bottom: 48px;
	height: 360px;
}
.section.title p.author {
	font-size: 20px;
	font-weight:700;
	color: #ffffff;
}
.section.title div.date, #recent p.date {
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	padding-top: 0px;
}

/* Use Cases */
.use-case-card {
    margin: 16px;
    padding: 16px;
    background-color: #ffffff;
    border: 2px solid #d0d1d2;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: none;
    align-self: stretch;
    flex-grow: 1;
}
.use-case-card.active {border: 2px solid #00b7ff;}
.use-case-card p{font-size: 12px;}
.use-case-card p.read-more {margin-bottom: 0;}
.use-case-card figure{margin:0;}
.use-case-section {
	text-align: left; 
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	margin-bottom: 24px;
}
.use-case-io {
    border-radius: 8px;
	background: #fff;
	padding: 16px;
}
.use-case-section h5, use-case-io h5 {padding-top: 0;}
/* Header background Image */
/*.wp-block-gutenbee-container.block-00672f-a19c-47 > .wp-block-gutenbee-container-background {opacity: .5;}*/


/* Transformations Card */
.transform-list-block {
    border: 2px solid #d0d1d2;
    padding: 12px;
    border-radius: 8px;
    margin: 12px 0;
    height: 160px;
}
.transform-list-block h6 {
    padding: 0;
    margin: 0 0 4px 0;
    font-size: 16px;
}
.transform-list-block p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.transform-list-block p.eyebrow {
    height: auto !important;
    font-size: 8px !important;
    background-color: #e1f5cc;
    display: inline-block !important;
    padding: 4px 6px !important;
    border-radius: 4px;
    margin-bottom: 4px !important;
    line-height: 1;
}
.transform-list-block p.eyebrow.enrich {background-color: #d0f3f1;}

/* Card */
.card {
  padding: 32px;
  margin-bottom: 32px;
  background-color: #040D1B;
  border: 2px solid #42454D;
  border-radius: 8px;
}
.card p {color:#ffffff !important;}
.card h3 {
	padding: 32px 0 32px 0;
	font-family:'Archivo', sans-serif;
	font-size:24px;
	line-height: 1.2!important;
	color: #ffffff;
}
.card .btn {margin-right: 0;}
.card .tag {
	background-color: #F6E017;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block !important;
	color: #040d1B !important;
	border-radius: 4px;
	padding: 4px 6px;
	width: fit-content;
}

/* Card - Light*/
.card.light {
  background-color: #ffffff;
  border: 2px solid #d9dadb;
}
.card.light p {color:#394c65 !important;}
.card.light h3 {color: #42454d;}
.card.light .tag {
	background-color: #F6E017;
	color: #040d1B !important;
}
.card.light .btn {border: 2px solid #00B7FF;}

.pr-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff90;
    background-clip: border-box;
    border: 2px solid #00B7FF;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 32px;
    height: 266px;
}
.pr-card h3 {padding-top:0px; line-height:1.1!important; height:92px; font-size: 24px;}
.pr-title {margin-top: 72px; padding: 72px 0 16px 0;}
.pr-card .date {position: absolute; bottom: 40px;}
.pr-card .ghost {font-size:12px;position: absolute; bottom: 32px;}

/* Blog Listing */
.blog-listing .card {
	background-size: cover;
	background-color: #040D1B;
	border: none;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 32px;
	margin-bottom: 32px;
	height: 440px;
}
.blog-listing .card .category {
	padding: 4px 6px;
	background-color: #12c4b7;
	border-radius: 4px;
	font-weight: bold;
	font-size: 12px;
	line-height: 10px;
	color: #040d1b;
	text-transform: uppercase;
	width: fit-content;
}
.blog-listing .card .category a {color:#040D1B!important;}
.blog-listing .card .category a {color:#040D1B!important;}
.blog-title {
    height: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
	margin-bottom: 16px;
}
.blog-desc p{
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
}
.blog-listing .card .btn {
	font-size: 12px;
	text-align: left;
	display: inline-block;
	padding: 8px 12px;
	position:absolute;
	bottom:32px;
}
.blog-listing .card .btn.blog {bottom: 64px;}
.blog-listing .card p.date {
	font-size: 12px;
	margin: 32px 0 0 0;
	color: inherit;
  position:absolute;
  bottom:32px;
}
.blog-listing .card.subscribe .btn {font-size: 16px; bottom: inherit;}
.blog-listing .subscribe, .blog-listing .feature {height:420px!important;}

.blog-post {
    margin: 48px 32px;
    padding: 16px;
    border-radius: 8px;
    border: #394C65 2px solid
}
.blog-post .wp-block-gutenbee-column-content {padding: 16px;}
.blog-post figure {margin: 0;}
.blog-post h4 {padding-top: 0;}
.blog-post figure img {border-radius: 8px;}

.link-block{
  /* all rules required to make the whole div clickable */ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}
.link-block:hover {background-color: #ffffff30;}
.blog-link{
    /* all rules required to make other links to work */ 
    position: relative; z-index: 100;
}

/* Category Listing */
.category-listing a {
	display: inline-block;
	flex-direction: row;
	align-items: flex-start;
	padding: 4px 12px;
	border: 1px solid #00B7FF;
	box-sizing: border-box;
	border-radius: 50px;
	font-size: 12px;
	width: fit-content;
	color:#00B7FF;
}
.category-listing li {
	list-style-type: none;
	display:inline-block;
	margin-right:10px;
}
.category-listing .current-cat a {
	display: inline-block;
	flex-direction: row;
	align-items: flex-start;
	padding: 4px 12px;
	border: 1px solid #00B7FF;
	background: #00B7FF;
	color:#040D1B;
	box-sizing: border-box;
	border-radius: 50px;
	font-size: 12px;
	width: fit-content;
}

/* Subscribe Card */
#subscribe-bottom.card {padding: 64px 32px;}
#subscribe-bottom.card h3 {padding: 0;}
#subscribe-bottom.card .illustration {margin: auto; text-align: center;}

.card.subscribe {border-color: transparent; background-color: #e7f9f8; padding-top: 0;}
.card.subscribe h3 { padding-bottom: 16px; margin-bottom: 0;}
.card.subscribe p { margin-bottom: 8px;}
.feature.card h3, .feature.card p {width: 75%;}

/* Recent Posts */
#recent-posts ul {
	list-style-type: none;
	padding-left:0px;
	margin-bottom:0px;
}
#recent-posts li {padding-bottom: 0px;}
#recent-posts li:hover {
	background-color: #ffffff40;
	border-radius: 8px;
	margin: 0 -24px;
	padding: 0 24px;
}
#recent-posts h4 {
	padding-top:10px;
	font-family:'Archivo', sans-serif;
	font-size:20px;
	color: #00b7ff;
}
#recent h4 {padding-top: 16px;}
#recent .post:hover {
	background-color: #ffffff40;
	border-radius: 8px;
	margin: 0 -24px;
	padding: 0 24px;
}

/* Author Bio */
#author-bio {
	background-color: #ececed;
	border-radius: 8px;
	padding: 32px;
	color: #42454D;
	margin-bottom: 64px;
}
#author-bio p.eyebrow {
	font-size: 12px;
	padding: 0;
	color: #717479;
	text-transform: uppercase;
	font-weight: 700;
}
#author-bio  .headshot {
	display: block;
	float: left;
	margin-right: 16px;
}
#author-bio  .headshot img{
	border-radius: 50%;
	border: 2px solid #A1A2A6;
	width: 64px;
	height: 64px;
}
#author-bio .author-details {
	margin: 16px 0 32px 0;
}
#author-bio .author-name {
	font-family: 'Archivo', sans-serif;
	font-weight: 700;
	font-size: 16px;
	padding-top: 8px;
}
#author-bio .author-title {
	font-size: 14px;
	margin-bottom: 8px;
}
#author-bio .acknowledgements {
	border-top: 1px solid #d0d1d2;
	border-bottom: 1px solid #d0d1d2; 
	padding: 16px 0; 
	margin-top: 16px; 
	font-size: 14px;
}

/* Pagination */
.page-numbers {
  border-radius: 4px;
  margin: 2px;
  border: 2px solid #00B7FF;
  padding: 5px 11px;
  height: 36px;
  width: 36px;
  text-align: center;
}
.page-numbers.current {
	background-color: #00B7FF;
	color: #051224;
}

/* Badge */
.badge {
    padding: 4px 8px;
    border-radius: 50px;
    background-color: #A5E066;
    font-size: 12px;
    text-transform: uppercase;
    color: #010205;
    align-items: center;
    justify-content: center;
    display: flex;
    width: fit-content;
}

/* Alerts */
.alert {
    padding: 24px;
    border-radius: 8px;
    border-width: 2px;
}
.alert.info {
    background-color: #00b7ff20;
    border-color: #00b7ff;
}
.alert.success {
    background-color: #69cc0020;
    border-color: #69cc00;
}
.alert.warning {
    background-color: #f6e01720;
    border-color: #f6e017;
}
.alert.danger {
    background-color: #f03d3e20;
    border-color: #f03d3e;
}
.alert h3, .alert h4 {padding-top: 0;}
.alert ul {padding-bottom: 0;}
.alert h5, .alert h6 {
    margin: 0 0 8px 0;
    padding: 0;
}
.alert p {margin: 0; padding: 0;}

/* ---------- Gutenberg Blocks ---------- */
/* Button - Base Styles */
a.gutenbee-block-button-link, .btn {
    padding: 8px 16px;
    margin: 0 16px 0 0;
    color: #00B7FF;
    font-weight: 700;
    border-radius: 4px;
}
a.gutenbee-block-button-link i.fas {
    margin-left: 8px;
    padding: 0;
}

/* Button - Primary */
.wp-block-gutenbee-button.primary a.gutenbee-block-button-link,
.btn-primary {
    background-color: #00B7FF;
    color: #081F3F;
}
.wp-block-gutenbee-button.primary:hover a.gutenbee-block-button-link,
.btn-primary:hover {
    border: 2px solid #00B7FF;
    background-color: #00B7FF50;
    color: #00B7FF;
}

/* Button - Secondary */
.wp-block-gutenbee-button.secondary a.gutenbee-block-button-link,
.btn-grey {
    background-color: #394C65;
    color: #ffffff;
}
.wp-block-gutenbee-button.secondary:hover a.gutenbee-block-button-link,
.btn-grey:hover {
    border: 2px solid #394C65;
    background-color: #394C6550;
    color: #ffffff;
}

/* Button - Ghost */
.wp-block-gutenbee-button.ghost a.gutenbee-block-button-link {
    border: 2px solid #00B7FF;
    color: #00b7ff;
}
.wp-block-gutenbee-button.ghost.dark a.gutenbee-block-button-link{
    border: 2px solid #00B7FF;
    color: #ffffff;
}
.wp-block-gutenbee-button.ghost:hover a.gutenbee-block-button-link,
.btn-outline-secondary:hover {
    background-color: #00B7FF50;
    border: 2px solid #00B7FF;
}

/* Button - Link */
.wp-block-gutenbee-button.link a.gutenbee-block-button-link {
    color: #00b7ff;
}
.wp-block-gutenbee-button.link:hover a.gutenbee-block-button-link,
.btn-outline-secondary:hover {
    background-color: #00B7FF50;
}

/* Button - Watch Video */
p.watch-demo {
    border: 2px solid #00b7ff;
    padding: 8px 16px;
    border-radius: 8px;
    background: #ffffff;
    font-weight: bold;
}
p.watch-demo i.fas {margin-right: 8px;}
.wp-block-gutenbee-button.watch-demo a.gutenbee-block-button-link i.fas{
    margin: 0 8px 0 0;
}

.disabled {opacity: .3}

/* Dividers */
.wp-block-gutenbee-divider {
    margin: 48px 0;
	width: 100%;
}
.wp-block-gutenbee-divider.green {
    height: 2px;
    background: linear-gradient(90deg, #ffffff00, #69CC00, #ffffff00);
    opacity: 100%;
}
.wp-block-gutenbee-divider.blue {
    height: 2px;
    background: linear-gradient(90deg, #ffffff00, #00B7FF, #ffffff00);
    opacity: 100%;
}
.wp-block-gutenbee-divider.yellow {
    height: 2px;
    background: linear-gradient(90deg, #ffffff00, #F6E017, #ffffff00);
    opacity: 100%;
}
.wp-block-gutenbee-divider.turquoise {
    height: 2px;
    background: linear-gradient(90deg, #ffffff00, #12C4B7, #ffffff00);
    opacity: 100%;
}
.wp-block-gutenbee-divider.bluegray {
    height: 2px;
    background: linear-gradient(90deg, #ffffff00, #394C65, #ffffff00);
    opacity: 100%;
}
.wp-block-gutenbee-divider-inner {
    border: none !important;
}

/* Regular Quote */
blockquote p {
    font-size: 24px;
    font-weight: 100;
    font-family: 'Archivo';
    color: #00B7FF;
    line-height: 1.25;
    margin: 24px 12px;
    padding: 12px 0 0 48px;
}
blockquote cite {
	margin: 24px 12px;
    padding: 12px 0 0 48px;
    font-size: 12px;
    color: #00B7FF;
	display: block;
    font-style: normal;
    font-weight: 500;
}

/* GutenBee Quote */
blockquote.wp-block-gutenbee-testimonial{
    background-color: #040D1B;
    border-radius: 8px;
}
.wp-block-testimonial-content-wrapper p{
    font-size: 24px;
    font-weight: 100;
    font-family: 'Archivo';
    color: #00B7FF;
    line-height: 1.25;
    margin: 12px;
    padding: 0;
}
blockquote.wp-block-gutenbee-testimonial cite {
    margin: 12px;
    padding: 0 12px;
    font-size: 12px;
    color: #00B7FF;
    font-style: normal;
    font-weight: 700;
	text-align: left !important;
	display: auto;
}
.wp-block-gutenbee-testimonial .gutenbee-block-testimonial__info {
    padding: 0;
    margin: 0 0 0 12px;
}

/* Big Quote */
blockquote.big-quote p {
    font-size: 32px;
    font-weight: 100;
    font-family: 'Archivo';
    color: #00B7FF;
    line-height: 1.25;
    margin: 24px 12px;
    padding: 12px 0 0 48px;
    background: url(/wp-content/uploads/2021/12/quote-mark.png) no-repeat;
}
blockquote.big-quote cite {
    margin: 24px 12px;
    padding: 12px 0 0 50px;
    font-size: 12px;
    color: #00B7FF;
    font-style: normal;
	font-weight: 500;
}

/* Image Block */
.wp-block-gutenbee-imagebox {
    border: 1px solid #42454D;
    border-radius: 8px;
}
figure.wp-block-gutenbee-imagebox-figure {
    border-bottom: 1px solid #42454D;
    margin: 0 !important;
}
.wp-block-gutenbee-imagebox.icon.left {
    margin: 16px 0 0 0;
}
.wp-block-gutenbee-imagebox.icon.left.infobox {
    border: 1px solid #f6e01720;
    margin: 16px -32px -16px -32px;
    padding: 16px 32px;
    background-color: #f6e01720;
}
.wp-block-gutenbee-imagebox.icon.left.use-case {
    border: 1px solid #ccf1ff;
    margin: 16px -32px 24px -32px;
    padding: 16px 32px;
    background-color: #ccf1ff;
}
.use-case {
    border: 0px solid #ccf1ff;
    border-radius: 8px;
  	margin: 16px 0;
    padding: 16px;
    background-color: #ccf1ff;
}
.use-case h3 {padding-top: 16px;}
.wp-block-gutenbee-imagebox.icon.left figure.wp-block-gutenbee-imagebox-figure {
    padding: 8px 0 0;
}
figure.wp-block-gutenbee-imagebox-figure img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}
.wp-block-gutenbee-imagebox-content {
    margin: 0;
    padding: 24px;
    background-color: #040D1B;
    border-radius: 0 0 8px 8px;
}
.wp-block-gutenbee-imagebox .wp-block-gutenbee-imagebox-title {
    margin: 0 0 8px !important;
}
/* h4.wp-block-gutenbee-imagebox-title {
    font-family: 'Archivo', san-serif; */
}
p.wp-block-gutenbee-imagebox-text{
    color: #A1A2A6;
}

/* Icon Image Block */
.wp-block-gutenbee-imagebox.icon {
    border: none;
}
.wp-block-gutenbee-imagebox.icon figure.wp-block-gutenbee-imagebox-figure {
    border-bottom: none;
    margin: 0 !important;
}
.wp-block-gutenbee-imagebox.icon figure.wp-block-gutenbee-imagebox-figure img {
    width: initial;
}
.wp-block-gutenbee-imagebox.icon.provider figure.wp-block-gutenbee-imagebox-figure img {
    width: 150px !important;
}
.wp-block-gutenbee-imagebox.icon .wp-block-gutenbee-imagebox-content {
    margin: 0;
    padding: 8px 24px 16px 24px;
    background-color: transparent;
}

.wp-block-gutenbee-imagebox.icon p.wp-block-gutenbee-imagebox-text{
    color: #42454D;
}

/* Code + Pre */
code {
    color: #f03d3e;
    display: inline-block;
    background-color: #e9e9e9;
    padding: 0 4px;
}
pre.wp-block-code {
    background: #040D1B !important;
    border-radius: 8px !important;
    border: none;
    padding: 24px !important;
	margin: 24px 0 !important;
}
pre.wp-block-preformatted {
    background-color: #66d4ff;
    border-radius: 4px;
    padding: 4px 8px;
    color: #081F3F;
	display: inline-block;
}
pre code {
    color: #f5f5f5 !important;
    line-height: 1.45;
	background: #040D1B !important;
}
figcaption {
    font-size: 12px;
    text-align: center;
    color: #A1A2A6;
    padding-top: 8px;
}
.wp-block-kevinbatdorf-code-block-pro {
    margin-bottom: 24px;
}

/* Accordion */
.wp-block-gutenbee-accordion {
    border-radius: 8px;
    border: 1px
}
.wp-block-gutenbee-accordion-item {
    border-radius: 8px;
}
.wp-block-gutenbee-accordion-item-title {
    background-color: #081F3F;
    border: 1px solid #42454D !important;
    font-weight: 700;
}
.wp-block-gutenbee-accordion-item-content-wrap {
    background-color: blue;
}
.wp-block-gutenbee-accordion-item-content {
    background-color: #040D1B;
    border: 1px solid #42454D !important;
}
p.wp-block-gutenbee-accordion-item-text {}

/* Tabs */
.wp-block-gutenbee-tabs {}
.wp-block-gutenbee-tabs-nav {}
.wp-block-gutenbee-tabs-nav-item.wp-block-gutenbee-tabs-nav-item-active {
    background-color: #081F3F;
    font-weight: 700;
    padding: 12px 16px;
    color: #ffffff;
}
.wp-block-gutenbee-tabs-nav-item {
    font-weight: 300;
    color: #717479;
    margin: 0 8px;
    border-radius: 4px 4px 0 0;
}
.wp-block-gutenbee-tabs-tab-content-wrap {
    border: none !important;
    border-top: solid 2px #42454D !important;
    padding: 16px;
}
.wp-block-gutenbee-tabs-tab-content {
    font-size: 16px;
}



.margin-0 {margin: 0 !important;}
.ml-50 {margin-left: 50px;}
.pl-30 {padding-left: 32px;}
.pb-12 {padding-bottom: 12px;}

.lil-space-top {padding-top: 50px;}
.feature-space-top {padding-top: 50px;}
.space-top {padding-top: 48px;}
.space-bottom {padding-bottom: 48px;}
.margin-top {margin-top: 56px;}
.lil-margin-top {margin-top: 50px;}
.lil-margin-bottom {margin-bottom: 50px;}



/* Breezy Widget Styling */

#bzOpeningsContainer ul .bzCategory {
    font-size: 16px;
    color: #42454D;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 8px;
}
#bzOpeningsContainer h2 {
    font-size: 24px;
    color: #010205;
    font-weight: 300;
    padding-top: 8px;
}
#bzOpeningsContainer ul {
    list-style-type: none;
	padding-left:0px;
}
#bzOpeningsContainer ul.bzOpeningsList li.bzOpening {
    background: #ffffff;
    padding: 32px;
    margin: 16px 0 16px 0;
    border-radius: 8px;
	border: 2px solid #081f3f;
}
#bzOpeningsContainer ul.bzMeta {
    padding: 0 !important;
    background-color: transparent !important;
    margin: 0 inherit !important;
} 
#bzOpeningsContainer ul.bzMeta li {
    list-style-type: none;
    margin: 0px;
    padding-right: 16px;
    font-size: 14px;
    color: #42454d;
    display: inline-block;
}
#bzOpeningsContainer ul.bzMeta li.bzDepartment {
    display: none !important;
}
#bzOpeningsContainer button.bzButtonApply[type=button] {
    font-size: 16px;
    font-weight: 700;
    color: #212529;
    background-color: #00B7FF;
    border: 2px solid #00B7FF;
    border-radius: 8px;
    display: inline-block;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    float: right;
    position: relative;
    top: 24px;
}
.bzButtonApply:hover {
    background-color: #33C5FF;
    color: #081F3F;
    border-color: #33C5FF;
  }    
.bzType:before {
    content: url(/wp-content/themes/mantium-theme/images/icon-calendar.svg); 
    margin-right: 8px;
}
.bzLocation:before {
    content: url(/wp-content/themes/mantium-theme/images/icon-world.svg); 
    margin-right: 8px;
}
.bzRemote:before {
    content: url(/wp-content/themes/mantium-theme/images/icon-marker.svg); 
    margin-right: 8px;
}
.bzDepartment:before {
    content: url(/wp-content/themes/mantium-theme/images/icon-group.svg); 
    margin-right: 8px;
}


@media (max-width: 767px) {
    #bzOpeningsContainer ul.bzMeta li.bzType, .bzType:before, .bzLocation:before, 
    .bzRemote:before, .bzDepartment:before {
        display: none
    }
    #bzOpeningsContainer ul.bzOpeningsList li.bzOpening {
        padding: 24px;
    }
    #bzOpeningContainer h2 {font-size: 20px; padding: 0;}
    #bzOpeningsContainer button.bzButtonApply[type=button] {
        float: none;
        position:
        initial;
        top: 0px;
        margin-top: 32px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    #bzOpeningsContainer ul.bzOpeningsList li.bzOpening {
        padding: 16px;
    }
    #bzOpeningsContainer button.bzButtonApply[type=button] {
        margin-top: 4px;
        width: 100%;
    }
    .bzButtonApply {
        display: block; 
        float: none; 
        -webkit-transform: scaleY(-1); 
        margin-bottom: 16px; 
        margin-top: 0px;
    }
    .bzOpening {
        -webkit-transform: scaleY(-1); 
        transform: scaleY(-1);
    }
    #bzOpeningsContainer h2 {
        padding-top: 0px;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
    }
    .bzMeta {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        margin-bottom: 0px;
    }
}

/* ---------- Breakpoints ---------- */
@media (max-width: 1400px) { .wp-block-gutenbee-imagebox.icon.left.use-case-card-small .wp-block-gutenbee-imagebox-content {margin: 0;}

@media (max-width: 1199px) {

}

@media (max-width: 1024px) {
	.section.blog.title {margin-top: 48px;}
}

@media (max-width: 991px) {
	.border-grad-right {
		border-right:  none;
		border-image-slice: 1;
		border-image-source: linear-gradient(180deg, rgba(19,23,32,.29) 0%, rgba(55,144,248,.29) 50%, rgba(19,23,32,.29) 100%); 
		border-width: 0px 0px 0px 0px;
	}
	.lil-space-top {padding-top: 0px;}
	.border-grad-left:nth-child(2n) {
		border-left:  none;
		border-image-slice: 1;
		border-image-source: linear-gradient(180deg, rgba(19,23,32,.29) 0%, rgba(55,144,248,.29) 50%, rgba(19,23,32,.29) 100%); 
		border-width: 0px 0px 0px 0px;
	}
	.company-space {padding-top: 0px;}
}

@media (min-width: 992px) {
    .navbar-expand-xl .navbar-nav .nav-link {padding-right: 16px; padding-left: 16px;}
}

@media (max-width: 767px) {
	.lil-margin-top {margin-top: 0px;}
	div.stat p.stat-number {font-size: 48px;}
	blockquote.big-quote p {
		font-size: 24px;
		margin: 24px 12px;
		padding: 12px 0 0 48px;
	}
	.cta .wp-block-gutenbee-container {
		padding: 0;
	}
	.block-type {
		padding: 16px 24px;
	}
	.pipeline-border-left {border: none;}
}

@media (max-width: 576px) {
	.space-top {padding-top: 50px;}
	.space-bottom {padding-bottom: 50px;}
	.margin-top {margin-top: 50px;}
	.stat-block {
		margin: 24px;
	}

	.stat {
		/* font-size: 64px; */
		/* display: block; */
		float: none;
		margin: 0;
	}

	.fact {
		display: block;
		font-size: 32px;
		position: initial;
		top: initial;
	}
	.block-type {
		padding: 16px; 
		margin-bottom: 24px;
	}
}

@media (max-width: 575px) {
	.hero h1.title-only {margin: 0 0 32px 0;}
}

@media (max-width: 435px) {
	.cta h4 {margin-bottom: 24px;}
}

@media (min-width: 280px) and (max-width: 480px) {
	h1 {font-size: 2.25em;}
	h2 {font-size: 1.85em;}
	h3 {font-size: 1.55em;}
	h4 {font-size: 1.35em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 16px;}
	p { font-size: 16px;}
	p.intro, li.big, p.big {font-size: 18px;}
	.title h1 {margin-bottom: 0;}
	.title p {font-size: 16px; margin-bottom: 32px;}
	.section.title {padding-bottom: 0px !important;}
	.section.resource.title {padding: 48px 0 !important;}
	.underline {margin-bottom: 24px;}
	.cta {padding: 32px 24px;}
	.home-btm-cta-button {flex-basis: 100% !important;}
	figure.full-width img {width: 100%;height: auto;}
	.wp-block-gutenbee-imagebox.icon {margin: 8px 0;}
	.stat {width: 50%;margin-bottom: 32px;}
	p.stat-number {font-size: 48px;}
	.wp-block-gutenbee-tabs-nav-item {margin: 0;}
	.blog-listing .card .btn,.blog-listing .card p.date {
		margin: 16px 0 0 0;
	  	position: inherit;
	  	bottom: inherit;
	}
	.no-mobile {display: none;}
	.card.social {border: none; background: none;}
	#recent-posts li:hover {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#subscribe-bottom.card {padding: 32px 24px;}
	.container.blog-listing {margin: 24px 0 48px 0;}
	.container.category-listing {margin: 24px 0;}
	.blog-listing .card, .card { padding: 24px;}
	.section.blog.title {
		margin-bottom: 32px;
		padding: 32px 0 !important;
		height: auto;
	}
	.section.title div.date {margin-bottom: 32px;}
	.stat-block {
		margin: 24px;
	}

	.stat {
		font-size: 64px;
		/* display: block; */
		float: none;
		margin: 0;
	}

	.fact {
		display: block;
		font-size: 24px;
		position: initial;
		top: initial;
	}
}
/* Tablet */
@media (max-width: 767px) { 
	.pr-card {height: auto;}
	.pr-card h3 {height: auto;}
	.blog-listing .card p.date, .pr-card .date {position: initial;}
	.blog-listing .card .btn, .pr-card .ghost {position: initial; bottom: initial; bottom: initial; margin: 16px 0 0 0;}
	.blog-title {height:auto;}
	.card h3 {padding: 32px 0 0 0;}
	.blog-desc p {height: auto;}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	h1 {font-size: 2.5em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.25em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 1em;}
	blockquote.big-quote p {
		font-size: 24px;
		margin: 24px 12px;
		padding: 12px 0 0 48px;
		/* background: none; */
	}
	.blog-listing .card, .card { padding: 24px;}
	.blog-listing .card h3 {padding: 24px 0 16px 0; font-size: 24px;}
	.blog-listing .card p {font-size: 14px;}
	.blog-listing .card .btn, .blog-listing .card p.date {position: initial; bottom: inherit;}
	.blog-desc p {
		height: auto;
	}
	#recent-posts li:hover {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#subscribe-bottom.card {padding: 32px 24px;}
	.no-tablet {display: none;}
	.stat-block {
		margin: 0 24px;
		display: block;
	}

	.stat {
		font-size: 64px;
		display: block;
		float: none;
		margin-right: 8px;
	}

	.fact {
		display: inline;
		font-size: 24px;
		position: relative;
		top: 4px;
	}
}
@media (max-width: 1024px) {
	.container {padding: 0 16px !important;}
	.cta .wp-block-gutenbee-container-lg,
	.hero .wp-block-gutenbee-container-lg {margin-right: 0 !important;}
	button.navbar-toggler {
		padding: 4px 8px;
		border: none;
		font-size: 1em;
	}
	.section.title, .section.pr-title {height: auto; padding: 24px 0 16px;}
	.section.resource.title {padding: 48px 0 !important;}
	div.ss-img.full-width figure img,
	div.full-width figure img,
	figure.full-width img {
		width: 100%;
		height: auto;
	}
	footer {padding: 48px 0 !important;}
	footer h4 {
		font-size: 16px;
		margin-bottom: 8px;
	}
	div.ss-col.left, div.ss-col.right {
		max-width: auto;
		margin: 0;
	}

	.category-listing {margin-bottom: 16px;}
	.pr-card h3 {font-size: 24px;}

}
@media screen and (max-width: 1399px) {
	.feature.card h3, .feature.card p{width: 100%;}
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.pr-card {
        height: 270px;
    }
    .blog-desc p, .pr-card h3 {
		height: auto;
	}
    .pr-card h3 {font-size: 24px}
	.blog-listing .card .btn, .pr-card .ghost {
		position: initial;
	}
	.blog-listing .card p.date, .pr-card .date {
		position: initial;
		margin: 16px 0 0 0;
		bottom: initial;
	}
}
@media screen and (max-width: 1199px) {
	/*.blog-listing .subscribe, .blog-listing .feature {height:470px!important;}*/
	.blog-listing .card {height: auto !important;}
}
@media screen and (max-width: 991px) {
	.blog-listing .subscribe, .blog-listing .feature {height:auto!important;}
}