/**
 * Theme Name:     Twenty Twenty Child
 * Author:         the WordPress team
 * Template:       twentytwenty
 * Text Domain:	   twenty-twenty-child
 * Description:    Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
 */


:root {
	--purple: #9843d2;
	--Nunito: "Nunito", sans-serif;
}
body {
	font-family: var(--Nunito);
    font-size: 14px;
    color: #666;
    background-color: #fff;
	letter-spacing: 0px;
}
p:empty {
    display: none;
}
h2.sec-title {
    color: #371654;
    font-size: 36px;
    font-weight: bold;
}
.inner-content a {
    color: #9843d2;
}
.post-inner a {
    color: var(--purple);
}
.text-shadow {
	    text-shadow: 0.08em 0.08em 0em #d7edff;
}

.purple {
    color: var(--purple);
}

.rounded-30 {border-radius: 30px;}

.bg-purple-light {
	background: #f2e4ff;
}

.site-logo  img {
    max-width: 160px;
    height: auto;
}
button.toggle {
	margin-top: 15px;
}
button.close-nav-toggle {
	font-size: 15px;
	padding: 15px 0;
}
button.close-nav-toggle .toggle-text {
	margin-right: 10px;
}
button.close-nav-toggle svg {
	height: 15px;
	width: 15px;
}
.modal-menu {
	padding-left: 0;
}
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.0375em;
	padding: 20px 20px;
	color: var(--purple);
}
header#site-header {
    background: #263238;
}
ul.primary-menu li {
    display: inline-block;
    font-size: 18px;
    padding-right: 22px;
    margin: 0;
    color: #d7edff;
}

ul.primary-menu li a {
    color: #d7edff !important;
	text-decoration: none !important;
}
ul.primary-menu li a:hover {
   opacity: .7;
}
.nav-toggle .toggle-inner {
    padding-top: 20px;
}
.toggle-icon .svg-icon {
    width: 20px;
    display: block;
}
.toggle-icon .svg-icon path {
   fill: #fff;
}
	
	
.btn-blue {
    background-color: #7dacc9;
    border: none;
    color: #fff !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
	    border-radius: 44px;
    cursor: pointer;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

.btn-blue:hover,
a.btn-blue:hover {
    background-color: var(--purple);
	color: #fff;
}

.btn-blue.outline {
    border: 5px solid #b266ed;
}
button.accordion-button {
    background: #d7edff;
    font-weight: bold;
    color: #5a2a7f;
}
section#hero-section .container {
    max-width: 1000px;
}
div#accordionFlushExample {
    max-width: 420px;
    margin: 0 auto;
}
.form-sec h2 {
	font-size: 26px;
	color: var(--purple);
}
.form-sec h3 {
    font-size: 22px; 
}
.form-sec a {
    color: var(--purple);
	text-decoration: none;
}
    .form-field {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    background-color: #d7edff;
    border-radius: 25px;
    color: #263238;
}

.page header.entry-header {
	display: none;
}

.space-vertical {
	padding: 60px 15px;
}

#Plans {
    box-shadow: inset 0 4px 0 0 #9843d2;
}

#Plans p {
    color: #5a2a7f;
    font-size: 18px;
}

#Plans .card-header {
    background-color: #5a2a7f;
    min-height: 70px;
}
#Plans .card-price {
    font-weight: 500;
    font-size: 46px;
    color: #b266ed;
    line-height: 40px;
    min-height: 50px;
}

#Plans .features-list li {
    font-size: 16px;
    color: #263238!important;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: normal;
	margin-left: 0;
}

#Plans .features-list {
    min-height: 120px;
	margin-left: 0;
}

.cur,
.duration {
    color: #7dacc9;
    letter-spacing: 2px;
    font-size: 18px;
}


section#WhyBlomp {
    background: #d7edff;
}
.percent-value {
    font-size: 40px;
    color: #9843d2;
    text-shadow: 0 0.1em 0.1em rgb(0 0 0 / 20%);
}
#download-section a { 
    color: #371654;
	text-decoration: none;
}
section#download-banner {
    background: #f0f8ff;
}

.btn-download {
    background: #9843d2;
    height: 50px;
    line-height: 2;
}
.btn-download:hover {
    background: #772da9;
}
.btn-login {
    background: #c9c9c9;
    height: 50px;
    line-height: 2;
}

.btn-login:hover {
    background: #9b9b9b;
}


.site-footer {
    background-color: #263238;
	padding: 40px 15px;
	    font-size: 18px;
}
.site-footer p,
.site-footer a, 
.site-footer li a {
    color: #d7edff;
}
.site-footer a:hover,
.site-footer li a:hover  {
	color:#fff;
}


.post-meta-edit-link-wrapper {
    display: none;
}

.inner-content,
.inner-content p,
.inner-content li {
    font-size: 18px;
    color: #263238;
}
.inner-content h1 {
    font-weight: bold;
}

.inner-content h2 {
    font-size: 26px;
    font-weight: bold;
    margin-top: 40px;
}


.blog .archive-list {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1095px;
    padding: 70px 10px;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}
.blog article {
    width: calc(30% - 0px);
    border: 0;
    padding: 0;
    background-color: #fff;
    word-wrap: break-word;
    box-shadow: 0 5px 15px 5px rgb(0 0 0 / 6%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.blog article .section-inner.medium {
    max-width: 100rem;
    max-height: 200px;
    width: 100%;
}
.blog article .section-inner.medium img {
    max-height: 100%;
	object-fit: cover;
}
.blog article .entry-title {
    font-size: 20px;
    line-height: 1.4em;
    color: #371654;
    margin: 20px 0;
    font-weight: 700;
    text-align: left;
	    padding: 0 20px;
}
.blog article:hover .entry-title a {
	color: var(--purple);
}
.blog article .entry-title a {
    color: inherit;
    text-decoration: none;
}
   
.blog article .entry-content {
    padding: 0 20px;
}
.blog article .entry-content p {
    font-size: 18px;
    line-height: 1.8em;
    color: #666;
}
.blog .entry-categories-inner,
.blog .post-meta-wrapper,
.blog .post-separator {
    display: none;
}
.blog figure.featured-media img {
    max-width: 100%;
    height: auto;
}

.blog article .entry-header {
    display: flex;
    order: 1;
}
.blog article .featured-media {
    display: flex;
    order: 0;
}
.blog article .post-inner {
    order: 2;
    display: flex;
}


.blog-banner {
    background-image: linear-gradient(90deg,#d7edff 25%,rgba(215,237,255,0) 67%),
	url('/assets/css/assets/image/22c47c2c-xBlog_Head_Image_04.png');
	    padding-top: 150px;
    padding-right: 0px;
    padding-bottom: 150px;
    padding-left: 0px;
	    position: relative;
    background-color: #fff;
    background-position: 50%;
    background-size: 100%;
    background-size: cover;
}
.blog-banner h1 {
    font-size: 80px;
    letter-spacing: -3px;
    line-height: 1.1em;
	    color: #371654;
}
.blog-banner h2 {
	    color: #371654;
}

.single-post .entry-categories,
.single-post .intro-text,
.single-post .pintro-text,
.single-post .post-meta-wrapper,
.single-post .pagination-single .styled-separator,
.single-post .comments-wrapper  {display: none;}

.single-post .entry-title {
	font-size: 30px;
	font-weight: bold;
	    margin-bottom: 30px;
}
.single-post .entry-title,
.single-post .featured-media-inner {
	text-align: center;
}
.single-post .featured-media-inner {width: 100%}
.single-post article {
    padding: 70px 15px;
    max-width: 800px;
    margin: 0 auto;
}

.single-post .featured-media {
	margin-bottom: 30px;
}
.single-post .featured-media img {
	max-width: 100%;
	height: auto;
}
.single-post article h2 {
    font-size: 26px;
	    color: #371654;
		font-weight: bold;
}
.single-post article h3 {
    font-size: 22px;
	    color: #371654;
		font-weight: bold;
}
.single-post article p, .single-post article ul li {
    font-size: 18px;
	    color: #5a2a7f;
}

.single-post .pagination-single-inner a {
    border-radius: 50px 50px 50px 50px;
    overflow: hidden;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    font-size: 18px;
    background-color: #d7edff;
    color: var(--purple);
}
.single-post .pagination-single-inner a.next-post {
    flex-direction: row-reverse;
    gap: 15px;
}

article.type-post i {
    display: block;
    text-align: center;
    font-size: 80px;
    margin-bottom: 20px;
    color: var(--purple) !important;
}

.entry-content table.pricing-table th {
	background-color: #5a2a7f;
	color: #fff !important;
	font-size: 22px;
	font-weight: 600 !important;
	text-align: center;
	padding: 14px 10px !important;
	    border-left: 0;
    border-top: 0;
    border-bottom: 0;
	border-right: 1px solid #996ebb
}
.entry-content table.pricing-table th:last-child {
    border-right: 0;
}

.entry-content table.pricing-table th:first-child {
	border-radius: 20px 0 0 20px
}

.entry-content table.pricing-table th:last-child {
	border-radius: 0 20px 20px 0
}

.entry-content table.pricing-table tr:nth-child(odd) {
	background-color: #5a2a7f0f
}

.entry-content table.pricing-table tr td {
	border-top: 0;
	padding: 10px 24px;
	font-size: 16px;
	text-align: center
}

.entry-content table.pricing-table tr td:first-child {
	font-weight: bold;
	text-align: left;
	border-left: 0;
}
.entry-content table.pricing-table tr td:last-child {
	border-left: 0;
}

.entry-content table.pricing-table tr td span {
	font-size: 11px;
	color: #333;
	display: block;
	line-height: 10px;
	margin-bottom: 7px
}

.info-text {
	margin: 3rem 0 0;
	font-size: 1rem;
	color: #555;
	background: #f7f7f7;
	padding: 20px;
	border-radius: 20px
}

.info-text strong {
	color: #5a2a7f
}

.contact-text {
	text-align: center;
	margin-top: 1.5rem;
	font-size: 1rem;
	color: #555
}

.contact-text a {
	color: #5a2a7f;
	text-decoration: none
}

.contact-text a:hover {
	text-decoration: underline
}
ul.compare {
    padding-left: 0;
	margin-left: 0;
}
 .compare li {
    margin-top: 12px;
    padding-left: 0;
    list-style: none;
}
.cloud-banner {background-image: url('/assets/css/assets/image/07cb5dd0-Secured-cloud-data-technology.jpg');
    height: 250px;
    background-size: cover;
    background-position: center;
}
.cloud-banner .container {
	padding-top: 0px;
}
.pagination a {
    color: var(--purple);
}





@media (max-width: 767px) {
	h2.sec-title {
   	 font-size: 26px;
	}
	.form-field {
		width: 100%;
		max-width: 300px;
	}
	.entry-content table.pricing-table tr td {
		 padding: 5px 5px;
		font-size: 13px
	}
	.entry-content table.pricing-table th {
    font-size: 14px;
    white-space: nowrap;
    min-width: 120px;
}
.pricing-table.rounded-30 {
    border-radius: 5px;
}
.entry-content table.pricing-table th:first-child {
    border-radius: 5px 0 0 5px;
}
.entry-content table.pricing-table th:last-child {
    border-radius: 0 5px 5px 0;
}
	.blog .archive-list {
		padding: 50px 25px;
	}
	.blog article {
		width: 100%;
	}
	.blog-banner h1 {
    font-size: 50px;
	}
	.single-post .entry-title {
    font-size: 26px;
	}
	.single-post article h3 {
		font-size: 22px;
	}
	.single-post article h3 {
		font-size: 18px;
	}
	.compare-box {
		height: auto !important;
	}
}