/*    
Theme Name: StoryBase 

Actual CSS can be found in /assets/css/ folder.
*/

.header-image {
	height: 25px;
}
body {
    background-color: #fff!important;
    color: #0A0A1A;
    font-family: 'Inter', sans-serif!important;
    margin: 0px; 
	font-size: 16x;
	line-height: 24px;
}
p {
	font-size: 16px;
	line-height: 24px;
}
#menu-top .menu-item-type-post_type > a {
	font-size: 16px;
	font-weight: 600;
	color: #0A0A1A;
	font-family: Work Sans;
} 
#menu-top .menu-item-type-post_type > a:hover {
	color: #5252CC;
	text-decoration: none;
}
p, span, div {
	color: #0A0A1A;
}
a:hover {
	color: #5252CC;
	text-decoration: underline;
}
.inside-header {
    padding: 12px 0px!important;
}
.front-page-top-left {
	padding: 145px 0px 128px;
}
.front-page-top-right {
	padding: 32px 0px;
}
.grid-container {
    max-width: 100%!important;
}
.inside-article {
	padding-right: 0px!important;
	padding-left: 0px!important;
}
@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}
#offer {
	background-color: #5252CC;
	padding: 12px 18px;
	border-radius: 10px;
	font-weight: 600;
	color: #fff;
	margin-top: 8px;
	display: inline-block;
	font-family: 'Work Sans', sans-serif!important;
}
.a-video {
	border: 1px solid #5252CC;
	padding: 11px 18px;
	border-radius: 10px;
	font-weight: 600;
	color: #5252CC;
}
h1, h2, h3, h4, h5 {
	font-family: 'Work Sans', sans-serif!important;
	font-style: normal!important;
	font-weight: 600!important;
	letter-spacing: -0.03em!important;
}
h1 {
	font-size: 54px!important;
	line-height: 60px!important;
}
h2 {
	font-size: 44px!important;
	line-height: 48px!important;
}
h3 {
	font-size: 36px!important;
	line-height: 44px!important;
}
h4 {
	font-size: 20px!important;
	line-height: 24px!important;
}
h5 {
	font-size: 28px!important;
	line-height: 34px!important;
}
.menu-toggle {
	font-size: 20px;
}
.testimonail-outer-box {
	background: #FFFFFF;
	border: 1px solid #DFDFE5;
	box-sizing: border-box;
	border-radius: 20px;
	width: calc(33.33333333% - 28px) !important;
}
div.testimonail-outer-box:nth-child(1), div.testimonail-outer-box:nth-child(2) {
	margin-right: 41px;
}
.testimonail-outer-box2 {
	background: #FFFFFF;
	border: 1px solid #DFDFE5;
	box-sizing: border-box;
	border-radius: 20px;
	width: calc(20% - 32px) !important;
}
div.testimonail-outer-box2:nth-child(1), div.testimonail-outer-box2:nth-child(2), div.testimonail-outer-box2:nth-child(3), div.testimonail-outer-box2:nth-child(4) {
	margin-right: 40px;
}
.testimonial-box {
	padding: 0 32px 24px;
	text-align: center!important;
	line-height: 24px!important;
}
.testimonial-box i {
	color: #6F6F80;
	margin: 0px 8px; 
}
.testimonial-picture img {
	max-width: 96px!important;
	border-radius: 50%;
	margin: 40px auto 24px!important;
	padding: 0px; 
}
.wpb_content_element {
	margin-bottom: 40px;
}
.logoer-box img {
	max-width: 100px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.logoer-box .wpb_wrapper, .logoer-box img {
	vertical-align: middle!important;
}
.logoer-box .wpb_wrapper {
	min-height: 70px;
}
.logoer-box .wpb_content_element {
	margin-bottom: 0px;
}
#footer-banner {
	width: 100%;
	height: 348px;
	background-image: url(/app/themes/storybase/svg/left_right.svg);
	margin-top: 128px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #3F3FAA;
}
#footer-banner-inner {
	text-align: center;
	position: absolute;
 	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
#footer-banner-inner h3 {
	margin-bottom: 16px;
}
.footer-banner-link {

}
#footer-banner div, #footer-banner a {
	color: #fff;
}
a.footer-banner-link {
	background-color: #C279E5;
	padding: 12px 18px;
	border-radius: 10px;
	display: inline-block;
	margin-top: 24px;
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
}
a.footer-banner-link:hover, a#offer:hover, div#primary-link:hover, input#pmpro_btn-submit:hover, 
div.profile input.submit:hover, div.app.billing a.button:hover, a.button-slim:hover, a.read-more:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-text-decoration: none;
    text-decoration: none;
}
a.footer-banner-link, a#offer, a.learn-more img, div#primary-link, input#pmpro_btn-submit, 
div.profile input.submit, div.app.billing a.button, a.button-slim, a.read-more {
	-webkit-transition: -webkit-transform 200ms,background 200ms;
    transition-property: transform, background;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
-webkit-transition: transform 200ms,background 200ms;
    transition-property: transform, background;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
transition: transform 200ms,background 200ms;
    transition-property: transform, background;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
}
ul.tml-action-links {
	margin-bottom: 80px!important;
}
.site-footer {
	padding: 56px 0px;
	text-align: center;
}
.footer-link {
	margin:	0px 16px;
	color: #0A0A1A;
}
.footer-link:hover {
	text-decoration: none;
}
.copyrights {
	color: #6F6F80;
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
}
.front-page-box img {
	max-width: 535px!important;
}
.front-page-box .wpb_content_element {
	margin-bottom: 0px;
}
.front-page-seperator {
	margin-bottom: 128px;
}
.front-page-box .wpb_single_image.vc_align_right {
    text-align: left;
}
div.front-page-box-text {
	padding-left: 60px;
	display: flex;
	align-items: center;
}
div.front-page-box-text2 {
	padding-right: 80px;
	display: flex;
	align-items: center;
}
.front-page-box {
	display: flex;
}
.vc_column_container > .vc_column-inner {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.vc_row {
    margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1110px;
}
.learn-more {
	font-weight: 600;
	display: inline-block;
	margin-top: 14px;
	color: #5252CC;
}
.learn-more:hover {
	color: #5252CC;
	text-decoration: none;
}
.learn-more:hover img {
	--transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-x: 0.125rem;
}
.learn-more img {
	margin-left: 12px; 
}
.testimonial-box a {
	color: #5252CC;
}

.nav-float-right #site-navigation {
    margin: auto;
}
.site-logo {
	max-width: 100%;
	position: absolute;
}
.logoer-img img {
	max-width: 80%!important;
}
div.logoer-img {
	display: flex;
	align-items: center;
}
#nav-login > div {
	display: inline-block;
}
#nav-login {
	position: absolute;
	right: 0px;
}
.inside-header {
    position: relative;
}
#primary-link a:hover, .mobile-primary-link a:hover {
	text-decoration: none;
}
#login-link {
	margin-right: 32px;
}
#login-link a, .mobile-login-link a, #primary-link a, .mobile-primary-link a {
	color: #0A0A1A;
	font-weight: 600;
	font-family: Work Sans;
	font-size: 16px;
	line-height: 24px;
}
#primary-link a, .mobile-primary-link a {
	background-color: #5252CC;
	border-radius: 10px;
	padding: 6px 18px;
	font-weight: 600;
	color: #fff;
	display: inline-block;
}
#login-link a:hover, .mobile-login-link a:hover {
	color: #5252CC;
	text-decoration: none;
}
.mobile-primary-link, .mobile-login-link {
	display: none;
}
.not-front-page {
	padding-top: 96px;
}
body.blog .not-front-page {
	padding-top: 0px;
}
div#content.blog-post {
    padding-top: 0px;
}
div.wpb_content_element {
    margin-bottom: 16px;
}
.box-left-20 {
	padding-left: 20px!important;
}
.box-right-20 {
	padding-right: 20px!important;
}
.box-left-60 {
	padding-left: 60px!important;
}
.box-right-60 {
	padding-right: 60px!important;
}
div.flex, div.flex > div > div.section_inner_margin {
	display: flex;
}
.padding-40 {
	padding: 40px 0px;
}
.pricing-membership {
	margin-top: 40px;
	font-weight: 600;
	font-family: 'Work Sans', sans-serif!important;
}
.pricing {
	margin: 40px 0px 128px;
}
.pricing-text {

}
div.pricing-button {
	margin: 12px 0px 24px!important;
}
div.pricing-price {
	margin: 24px 0px!important;
}
.pricing-price .sign {
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}
.pricing-price .number {
	font-family: 'Work Sans', sans-serif!important;
	font-weight: 600;
	font-size: 44px;
	line-height: 41px;
}
.pricing-price .mo {
	font-size: 14px;
	line-height: 20px;
}
.pricing-price .line {
	font-family: 'Work Sans', sans-serif!important;
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 41px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #C4C4C4;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #5252CC;
}
input:focus + .slider {
  box-shadow: 0 0 1px #5252CC;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
} 
.select-billing {
	display: inline-block;
	margin: 0px 12px;
}
#change-price {
	margin: auto;
	width: 460px;
}
#discount-17 {
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Work Sans', sans-serif!important;
	display: inline-block;
	color: #fff;
	background-color: #27A872;
	padding: 0 8px;
	border-radius: 10px;
}
div.faq.vc_row {
	margin:	0px!important;
	width: 100%;
	max-width: 100%;
	background-color: #F2F2E6;
}
div.top-128 {
	padding-top: 128px;
}
div.bottom-112 {
	padding-bottom: 112px;
}
div.bottom-40 {
	padding-bottom: 40px;
}
div.bottom-24 {
	padding-bottom: 24px;
}
div.faq.vc_row > div {
	max-width: 1110px;
	margin: auto;
}
div.padding-top-bottom-24 {
	padding: 24px 0px;
}
div.faq div > div.vc_col-sm-6:nth-child(1) {
	padding-right: 20px;
}
div.faq div > div.vc_col-sm-6:nth-child(2) {
	padding-left: 20px;
}

header#masthead {
	max-width: 1110px;
	margin: auto;
	width: 100%;
}
div#page, div.full_width, div.full_width_inner, div#primary {
	width: 100%;
}
div#primary, main#main {
	height: 100%;
}
#right-sidebar {
	display: none;
}
main#main {
    margin: 0px!important;
}
div.inside-article {
	padding:0px!important;
}
header.entry-header {
	display: none;
}
div.entry-content {
	margin-top: 0px!important;
}
#felter input, #felter textarea, form#lostpasswordform input, form#loginform input, .wpcf7-form input, .wpcf7-form textarea, .profile input, .profile textarea, #pmpro_form input, #pmpro_form textarea, #pmpro_form select, form#coupon-form input, div.tml form input {
	width: 100%!important;
	padding: 6px 10px!important;
	border: 1px solid #DFDFE6!important;
	box-sizing: border-box!important;
	border-radius: 10px!important;
	background-color: #fff!important;
	color: #0A0A1A!important;
	font-family: 'Inter',sans-serif !important;
	line-height: 32px;
}
#felter input:hover, #felter textarea:hover, form#lostpasswordform input:hover, form#loginform input:hover, .wpcf7-form input:hover, .wpcf7-form textarea:hover, .profile input:hover, .profile textarea:hover, #pmpro_form input:hover, #pmpro_form textarea:hover, #pmpro_form select:hover, form#coupon-form input:hover, div.tml form input:hover {
	border: 1px solid #6F6F80!important;
}
#felter input:active, #felter textarea:active, form#lostpasswordform input:active, form#loginform input:active, .wpcf7-form input:active, .wpcf7-form textarea:active, .profile input:active, .profile textarea:active, #pmpro_form input:active, #pmpro_form textarea:active, #pmpro_form select:active, form#coupon-form input:active, div.tml form input:active {
	border: 1px solid #5252CC!important;
}
#pmpro_form input#pmpro_btn-submit:hover, form#loginform input#wp-submit:hover, 
#pmpro_form input#pmpro_btn-submit:active, form#loginform input#wp-submit:active {
	border: none!important;
}

.profile input, .profile textarea {
	margin: 4px 0px 20px!important;
	font-size: 16px;
}
#felter input, #felter textarea {
	margin: 4px 0px 20px;
	font-size: 16px;
}
.wpcf7-form label, .profile label, #pmpro_form label, div.ctr-outer label, div.ctr-outer div.input-rec span {
	font-size: 16px;
	line-height: 24px;
	color: #0A0A1A;
	font-family: 'Inter', sans-serif!important;
}
.StripeElement:hover {
	border: 1px solid #6F6F80!important;
}
.StripeElement:active {
	border: 1px solid #5252CC!important;
}
form input#wp-submit, .wpcf7-form input.wpcf7-submit, .profile input.submit, a.button, input#pmpro_btn-submit, form#coupon-form input.submit, #felter input#hent, div.tml button {
	background-color: #5252CC!important;
	color: #fff!important;
	font-weight: 600;
	font-family: 'Work Sans',sans-serif !important;
	line-height: 32px;
	cursor: pointer;
	border: none !important;
	border-radius: 10px;
}
div.tml button {
	width: 100%;
}
a.button-slim, a.read-more {
	background-color: #5252CC!important;
	color: #fff!important;
	font-weight: 600;
	font-family: 'Work Sans',sans-serif !important;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	border: none !important;
	border-radius: 10px;
	padding: 6px 20px;
	display: inline-block;
}
a.button-slim:hover, a.read-more:hover {
	text-decoration: none;
}
#pmpro_form input, #pmpro_form textarea, #pmpro_form select, input#pmpro_btn-submit {
	line-height: 14px;
	font-size: 14px;
	padding: 14px 10px !important;
}
#pmpro_form input:hover, #pmpro_form textarea:hover, #pmpro_form select:hover {
	border: 1px solid #6F6F80!important;
}
#pmpro_form input:active, #pmpro_form textarea:active {
	border: 1px solid #5252CC!important;
}
#pmpro_form select:active {
	border: 1px solid #5252CC!important;
}
form#coupon-form input { 
	width: 256px!important;
}
form#coupon-form input.submit { 
	width: unset!important;
	border: none !important;
}
input#pmpro_btn-submit {
	line-height: 24px;
	font-size: 16px;
	padding: 14px 10px !important;
}
form#loginform input#rememberme, div.tml input#rememberme {
	width: auto!important;
}
form#pmpro_form div.row > div.col-sm-6 {
	margin-bottom: 24px!important;
}

form#pmpro_form div.row > div.col-sm-6:nth-child(1) {
	margin-right: 12px;
}
form#pmpro_form div.row > div.col-sm-6:nth-child(2) {
	margin-left: 12px;
}
form#pmpro_form select {
	-webkit-appearance:none!important;
	padding: 15px 10px !important;
}
div.col-sm-6 {
	width: calc(50% - 12px);
	display: inline-block;
}
div.pmpro_payment-expiration {
	width: calc(25% - 12px);
	margin: 0px 0px 16px 12px !important;
}
div.pmpro_payment-cvv {
	width: calc(25% - 12px);
	margin: 0px 0px 16px 12px !important;
}
div.pmpro_payment-account-number {
	width: calc(50% - 12px);
	margin: 0px 12px 16px 0px !important;
}
div#theme-my-login, div.tml {
	max-width: 350px;
	margin: auto;
	margin: 0px auto 56px;
}
p.tml-rememberme-wrap input, p.tml-rememberme-wrap label {
	display: inline-block!important;
}
#loginform input, input#user_login {
    max-width: 100%!important;
    width: 100%;
}
input#rememberme {
	width: unset;
}
form.pmpro_form label, #loginform label, .tml-action-links a, .tml-user-login-wrap label, #theme-my-login p.message, div.tml div.tml-alerts li {
    font-weight: 400!important;
    font-size: 16px;
	line-height: 24px;
    color: #0A0A1A;
}
div.tml ul.tml-links {
	margin: 0px;
}
div.tml ul.tml-links li, div.tml ul.tml-links li a {
	font-weight: 400!important;
    font-size: 16px;
	line-height: 24px;
    color: #0A0A1A;
	text-align: center;
	list-style-type: none;
}
div.tml div.tml-alerts li {
	margin: 0px 0px 24px;
	border-left: none;
	box-shadow: none;
	padding: 0px;
}
.tml-user-login-wrap label {
	margin-bottom: 4px!important;
}
#loginform #wp-submit, #lostpasswordform #wp-submit {
	background-color: #5252CC;
	border-radius: 10px;
	padding: 6px 18px;
	width: 100%;
	font-weight: 600;
}
ul.tml-action-links {
    list-style-type: none;
    margin: 0px;
	text-align: center;
	margin-top: 16px;
}
p a, div a {
    color: #5252CC;
}
button.menu-toggle {
	background-color: #fff!important;
}
table#pmpro_invoice_table {
	border-collapse: unset;
	border-spacing: unset;
	border-width: 0px;
}

table#pmpro_invoice_table thead th {
	border-width: 0px;
	padding: 8px 0px;
}
table#pmpro_invoice_table tbody td {
	padding: 22px 0px;
	border-width: 0px;
	border-top: solid 1px #DFDFE5;
}
table#pmpro_invoice_table tr {
	text-align: right;
}
table#pmpro_invoice_table tr td:first-child, table#pmpro_invoice_table tr th:first-child {
	text-align: left;
}
table#pmpro_invoice_table td a {
	color: #0a0a1a;
	text-decoration: none;
}
table#pmpro_invoice_table tr th {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #ACACBF;
}
table#pmpro_invoice_table td a:hover {
	text-decoration: underline;
}
div.billing-text {
	display: flex;
	background-color:#F2F2E6;
	margin: 8px auto 24px!important; 
	padding: 24px;
	border-radius: 10px;
}
div.billing-text svg {
	vertical-align: middle;
	height: 100%;
}
div#billing-text-inner-1 {
	width: 64px;
	margin-right: 20px;
	display: inline-block;
}
div#billing-text-inner-2 {
	width: 100%;
	display: inline-block;
	font-size: 14px;
}
div#billing-text-inner-2 span {
	display: inline-block!important;
}
div#billing-text-inner-2 h4 {
	margin-bottom: 4px;
}
form.pmpro_form select, form.pmpro_form input {
	max-width: 100%!important;
}
.ctr-container {
	max-width: 822px;
	margin: 0px auto;
}
.ctr-outer {
	background-color: #F2F2E6;
	padding-bottom: 128px;
}
div.ctr tbody td {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #0A0A1A;
    padding: 26px 0px;
    border-top: solid 1px #DFDFE5;
}
div.ctr tr {
    text-align: right;
}
div.ctr table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
div.ctr tr th {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #ACACBF;
}
div.ctr thead th {
    padding: 8px 0px;
}
div.ctr tr td:first-child, div.ctr tr th:first-child {
    text-align: left;
}
div#felter {
	padding: 56px 0px 12px;
}
div.double {
	width: calc(50% - 12px);
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 12px;
	margin-top: 20px;
	margin-bottom: 40px;
}
div#website-not-added div.double {
	margin-bottom: 20px;
}
div#anbefalinger div.double:nth-child(1) {
	margin-right: 12px; 
}
div#anbefalinger div.double:nth-child(2) {
	margin-left: 12px;
}
div.fetch {
	display: flex;
}
input#url {
	margin-right: 16px;
}
input#hent {
	width: 128px!important;
}
div#ctr-change, div#coverage-change {
	font-size: 28px;
	font-weight: 600;
}
div#ctr-change span, div#coverage-change span {
	font-size: 14px;
	color: unset;
}
div.input-rec {
	float: right;
	color: #6F6F80;
}
div.ctr-outer div.input-rec span {
	color: #6F6F80;
}
div.circle {
	margin-right: 24px;
}
div.circle-text {
	font-size: 14px;
	line-height: 20px;
}
div.ctr div#suggestions, div.ctr div#forslag-sc, div.ctr div#website-not-added, div.ctr div#fake-table {
	margin-top: 24px;
	background-color: #fff;
	border-radius: 10px;
	padding: 32px;
	border: 1px solid #dfdfe6;
}
div.ctr div#get-access {

}
table, th, td {
    border: none;
}
div.ctr table tr th:last-child {
	width: 100px;
}
div.ctr div#fake-table h4 {
	margin-bottom: 16px!important;
}
div.ctr div#fake-table p {
	margin-bottom: 8px;
}
div#tool {
	width: 822px;
	margin: 0px auto 24px; 
	
}
div.ctr div#fake-table {
	position: relative;
}
div.ctr div#fake-table div#get-access {
	text-align: center;
	position: absolute;
 	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
div#ctr-menu span {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #6F6F80;
}
div#ctr-menu div#mobile div.active-icon span {
	color: #5252CC;
}
form#pmpro_form div#pmpro_user_fields div.mainrow {
	display: flex!important;
}
div#blog {
	width: 1110px;
	margin: auto;
}
div#blog div.pos-1 div.post-image {
	width: 535px;
	display: inline-block;
	margin: 0px 0px 0px 40px;
	text-align: center;
	padding: 37px;
	background-color: #BAE6FD;
	border-radius: 10px;
}
div#blog div.entry-summary {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #0A0A1A;
}
div#blog img {
	max-width: 100%!important;
	max-height: 100%!important;
}
div#blog div.pos-5 img, div#blog div.pos-6 img { 
	max-width: 230px!important;
	max-height: 230px!important;
}
div#blog div.pos-1 img { 
	max-width: 340px !important;
	max-height: 340px !important;
}
div#blog div.pos-1 div.entry-summary {
	width: 495px;
	display: inline-block;
	margin: 0px 40px 0px 0px;
}
div#blog div.pos-1 div.post-image {
	width: 535px;
	display: inline-block;
	margin: 0px 0px 0px 40px;
	text-align: center;
	padding: 37px;
	background-color: #BAE6FD;
	border-radius: 10px;
}
div#blog div.pos-2, div#blog div.pos-3, div#blog div.pos-4,
div#blog div.pos-7, div#blog div.pos-8, div#blog div.pos-9 {
	width: 343px;
	display: inline-block;
	vertical-align: top;
	margin: 96px 0px 0px;
	text-align: center; 
}
div#blog div.pos-2, div#blog div.pos-3, div#blog div.pos-4 {
	margin-top: 56px;
}
div#blog div.pos-2 div.entry-summary, div#blog div.pos-3 div.entry-summary, div#blog div.pos-4 div.entry-summary,
div#blog div.pos-7 div.entry-summary, div#blog div.pos-8 div.entry-summary, div#blog div.pos-9 div.entry-summary {
	margin: 16px;
}
div#blog div.pos-5 div.entry-summary, div#blog div.pos-6 div.entry-summary {
	margin: 16px 40px;
}
div
div#blog div.pos-2, div#blog div.pos-3,
div#blog div.pos-7, div#blog div.pos-8 {
	margin-right: 40px;
}
div#blog div.pos-2 div.entry-summary, div#blog div.pos-3 div.entry-summary, div#blog div.pos-4 div.entry-summary,
div#blog div.pos-7 div.entry-summary, div#blog div.pos-8 div.entry-summary, div#blog div.pos-9 div.entry-summary {
	margin: 16px;
}
div#blog div.pos-2 div.post-image, div#blog div.pos-3 div.post-image, div#blog div.pos-4 div.post-image,
div#blog div.pos-7 div.post-image, div#blog div.pos-8 div.post-image, div#blog div.pos-9 div.post-image {
	margin: 0px;
	padding: 26px 60px;
	text-align: center;
	border-radius: 10px;
	height: 218px; 
}
div#blog div.pos-2 div.post-image a, div#blog div.pos-3 div.post-image a, 
div#blog div.pos-4 div.post-image a,
div#blog div.pos-7 div.post-image a, div#blog div.pos-8 div.post-image a, 
div#blog div.pos-9 div.post-image a {
	width: 100%;
	height: 100%;
}
div#blog div.pos-5 div.post-image, div#blog div.pos-6 div.post-image {
	margin: 0px;
	padding: 26px 60px;
	text-align: center;
	border-radius: 10px;
	height: 305px;
}
div#blog div.pos-2 div.post-image {
	background-color: #FECACA;
}
div#blog div.pos-3 div.post-image {
	background-color: #FED7AA;	
}
div#blog div.pos-4 div.post-image {
	background-color: #FDE68A;	
}
div#blog div.pos-5 div.post-image {
	background-color: #BAE6FD;	
}
div#blog div.pos-6 div.post-image {
	background-color: #BBF7D0;	
}
div#blog div.pos-7 div.post-image {
	background-color: #BFDBFE;	
}
div#blog div.pos-8 div.post-image {
	background-color: #FDE68A;	
}
div#blog div.pos-9 div.post-image {
	background-color: #DDD6FE;	
}
div#blog div.pos-5, div#blog div.pos-6 {
	width: 535px;
	display: inline-block;
	vertical-align: top;
	margin: 96px 0px 0px;
	text-align: center; 
}
div#blog div.pos-5 {
	margin-right: 40px;
}
div#blog a.read-more  {
	display: none;
}
div#blog div.post-image {
	display: flex;
	justify-content: center;
	align-items: center; 
}
div#blog p {
	margin-bottom: 0px;
}
div#blog div.blog-author {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 32px;
}
div#blog div.pos-1 div.blog-author {
	justify-content: unset;
}
div#blog div.blog-author div.avatar {
	display: flex;
	margin-right: 12px;
}
div#blog div.bio-date > div {
	font-family: Inter;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
div#blog div.bio-date > div:first-child {
	font-weight: 600;
}
div#blog div.pos-1 div.inside-article {
	display: flex;
	justify-content: center;
	align-items: center; 
}
div#blog div.pos-1 a.read-more {
	margin-top: 24px;
}
div#blog footer.entry-meta {
	margin: 0px;
}
div#blog h2 {
	margin: 16px 0px;
	color: #0a0a1a;
}
div#blog div.entry-summary a:hover {
	text-decoration: none;
}
div#blog h4 {
	margin: 12px 0px 16px;
	color: #0a0a1a;
	text-decoration: none;
}
div#blog h4:hover, div#blog h2:hover {
	color: #5252CC;
}
div#blog nav#nav-below.paging-navigation {
	text-align: center;
	padding-top: 96px!important;
	padding-top: 0px;
}
span.comments-link, span.cat-links span.icon-categories, span.cat-links span.screen-reader-text {
	display: none;
}
div#blog span.cat-links {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #F24A30;
}
div#blog a.read-more {
	padding: 12px 18px;
}
.pmpro_checkout_gateway-stripe form.pmpro_form #pmpro_payment_information_fields .pmpro_checkout-fields {
	grid-column-gap: 0px!important;
}
input:focus, input:hover{
    outline:none;
}
article.post img.avatar {
	border-radius: 50%;
}
article.post div.inside-article div.featured-image {
	max-width: 1110px!important;
	width: 100%;
	margin: auto;
	margin-top: 0;
	margin-bottom: 56px;
	background-color: #BAE6FD;
	border-radius: 10px;
	text-align: right;
	height: 440px;
	display: flex;
}

article.post div.inside-article div.featured-image div.featured-image-left, 
article.post div.inside-article div.featured-image div.featured-image-right {
	width: 50%;
	display: inline-block;
}
article.post div.inside-article div.featured-image div.featured-image-left {
	justify-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}
article.post div.inside-article div.featured-image div.featured-image-left > div {
	text-align: left;
	padding: 0px 56px;
}
article.post div.inside-article div.featured-image div.featured-image-left p {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #F24A30;
	margin-bottom: 16px;
}
article.post div.inside-article div.featured-image div.featured-image-left h1 {
	text-align: left;
	font-size: 44px!important;
	line-height: 48px!important;
}
article.post div.inside-article div.featured-image img {
	padding: 56px;
	height: 100%;
	width: 100%;
}
article.post div.inside-article div.entry-content p, article.post div.inside-article li {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #0A0A1A;
	margin-bottom: 24px;
}
article.post div.inside-article li {
	margin-bottom: 4px;
}
article.post ul {
	margin: 16px 0px 16px 26px;
}
article.post div.inside-article div.entry-content h2 {
	font-family: Work Sans;
	font-weight: 600;
	font-size: 36px!important;
	line-height: 44px!important;
	display: block;
	margin: 52px 0px 32px;
}
article.post div.inside-article div.entry-content h3 {
	font-family: Work Sans;
	font-weight: 600;
	font-size: 28px!important;
	line-height: 34px!important;
	display: block;
	margin: 52px 0px 16px;
}
article.post div.inside-article div.entry-content h4 {
	font-family: Work Sans;
	font-weight: 600;
	font-size: 20px!important;
	line-height: 24px!important;
	display: block;
	margin: 32px 0px 16px;
}
article.post div.inside-article div.entry-content img {
	margin: 56px 0px;
	display: block;
}
article.post div#blog-outer {
	display: flex;
	max-width: 1110px;
	margin: auto;
}
article.post div#blog-outer div#blog-left {
	width: 100%;
}
article.post div#blog-outer div#blog-right {
	width: 100%;
}
article.post div.inside-article div.entry-content {
	max-width: 615px;
	margin: 0px 40px;
	min-width: 615px;
}
article.post div.inside-article div.entry-content blockquote {
	border-left: unset; 
}
article.post div.inside-article div.entry-content blockquote p {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	margin: 56px 0px;
	text-align: center;
}
div#blog-left div.toc {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}
div#blog-left div.toc-outer {
	position: sticky;
	top: 24px;
}
div#blog-left div.toc-item a, div#blog-left div.toc-item a:hover {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #5252CC;
	padding: 6px 12px;
	display: inline-block;
	border-radius: 5px; 
}
div#blog-left div.toc-item a.active {
	background-color: #E4E4FF;
}
div#blog-left div.toc-item {
	margin: 0px 0px 6px;
}
div#blog-author div.name {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
}
div#blog-author div.description {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}
div#blog-social-share div.social-icons {
	display: flex;
	align-items: center;
}
div#blog-social-share div.social-icon img {
	width: 24px;
}
div#blog-social-share div.social-icon {
	display: inline-block;
	margin: 0px 16px 0px 0px; 
}
div#blog-social-share div.social-header {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	margin: 32px 0px 8px; 
}
div#blog-social-share {
	position: sticky;
    top: 32px;
}
div#blog-author-bottom {
	background: #F2F2E6;
	border-radius: 10px;
	padding: 40px;
	display: flex;
	margin-top: 56px;
}
div#blog-author-bottom div.avatar-bottom img {
	margin: 0px;
}
div#blog-author-bottom div.avatar-bottom {

}
div#blog-author-bottom div.author-text {
	margin: 21px 0px 0px 32px;
}
div#blog-author-bottom div.author-header {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}
div#blog-author-bottom div.author-name {
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	margin: 4px 0px 16px;
}
div#blog-author-bottom div.author-description {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}
div#blog-author-bottom div.social-icon img {
	margin: 0px;
}
div#blog-author-bottom div.social-icon {
	margin: 24px 12px 0px 0px;
	display: inline-block;
}
div.wpml-ls-statics-footer span.wpml-ls-native {
	font-family: Inter;
	font-size: 14px;
	line-height: 20px;
}
div.wpml-ls-statics-footer a.wpml-ls-link {
	background-color: #FFF;
	border-radius: 10px;
	padding: 7px 12px;
}
div.wpml-ls-statics-footer li {
	margin-right: 4px;
}
div.wpml-ls-statics-footer li.wpml-ls-current-language a.wpml-ls-link {
	background-color: rgba(223, 223, 230, 0.5);
}
div.wpml-ls-statics-footer a.wpml-ls-link:hover {
	text-decoration: none; 
}
article.post {
	margin-bottom: 0px;
}
article.post div.toc-post-header {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
article.post a:hover {
	color: #5252cc;
}
@media only screen and (max-width: 1158px) {
	article.post div.inside-article div.featured-image {
		display: flex;
		justify-content: unset;
		align-items: unset;
		flex-wrap: wrap;
		height: unset;
	}
	article.post div.inside-article div.featured-image img {
		padding: 40px 24px;
	}
	article.post div.inside-article div.featured-image div.featured-image-left > div {
	    text-align: center;
	    padding: 0px;
	}
	article.post div.inside-article div.featured-image div.featured-image-right {
		order: 1;
		width: 100%;
	}
	article.post div.inside-article div.featured-image div.featured-image-left {
		order: 2;
		width: 100%;
		padding: 0px 24px 36px;
	}
	article.post div.inside-article div.featured-image div.featured-image-left h1 {
		font-size: 28px!important;
		line-height: 34px!important;
		text-align: center;
	}
	article.post div#blog-outer div#blog-right, article.post div#blog-outer div#blog-left {
		display: none;
	}
	article.post div.inside-article div.entry-content {
		margin: 0px;
		min-width: 0px; 
	}
	div#blog {
		width: 100%;
	}
	div#blog > div {
		margin: 56px 0px 0px!important;
		width: 100%!important;
	}
	div#blog > div.pos-1 {
	    margin: 0px !important;
	}
	div#blog div.post-image {
		padding: 24px 40px!important;
	}
	div#blog div.pos-1 div.inside-article {
	    display: flex;
	    justify-content: unset;
	    align-items: unset;
	    flex-wrap: wrap;
	}
	div#blog div.pos-1 div.entry-summary {
   		width: 100%;
   		margin: 0px;
   		text-align: center;
   		order: 2;
	}
	div#blog div.pos-1 div.entry-summary h2 {
	    font-size: 36px !important;
	    line-height: 44px !important;
	}
	div#blog div.pos-1 div.post-image {
    	width: 100%;
    	margin: 0px;
    	order: 1;
	}
	div#blog div.pos-1 footer.entry-meta {
		margin-top: 40px;
	}
	div#blog div.pos-1 img {
	    max-width: 100% !important;
	    max-height: 100% !important;
	}
	div#blog-author-bottom {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	div#blog-author-bottom div.avatar-bottom img {
	    margin: auto;
	}
	div#blog-author-bottom div.author-text {
		margin: 16px 0px 0px;
	}
}
@media only screen and (max-width: 700px) {
	div#blog div.pos-1 div.blog-author {
		justify-content: center;
	}
	div.faq div > div.vc_col-sm-6:nth-child(1) {
		padding-right: 0px;
	}
	div.faq div > div.vc_col-sm-6:nth-child(2) {
		padding-left: 0px;
	}
	form#pmpro_form h2 {
		font-size: 36px!important;
		line-height: 44px!important;
	}
	form#pmpro_form div#pmpro_user_fields div.mainrow {
	    display: block!important;
	}
	form#pmpro_form div.row > div.col-sm-6 {
		width: 100%;
		margin: 0px 0px 16px!important;
	}
	form#pmpro_form div#pmpro_payment_information_fields > div.pmpro_checkout-fields {
    	display: inline-block!important;
    	width: 100%;
	}
	div.pmpro_payment-account-number {
	    width: 100%!important;
	}
	form#pmpro_form div.pmpro_payment-expiration {
	    width: calc(50% - 9px);
	    margin: 0px 6px 16px 0px!important;
	    display: inline-block;
	}
	form#pmpro_form div.pmpro_payment-cvv {
	    width: calc(50% - 9px);
	    margin: 0px 0px 16px 6px!important;
	    display: inline-block;
	}
	div#billing-text-inner-1 {
		display: none;
	}
	div#billing-text-inner-2 {
		text-align: center;
	}
	#nav-login {
		display: none;
	}
	div.inside-header, #page {
		padding-right: 24px!important;
		padding-left: 24px!important;
	}
	.front-page-top-left {
		padding: 35px 0 35px;
	}
	.front-page-top-right {
		padding: 10px 0 96px;
	}
	h1 {
		font-size: 36px!important;
		line-height: 44px!important;
	}
	div.vc_custom_1616413959490 {
	    margin-bottom: 24px!important;
	}
	.front-page-box {
	    display: inline-block;
	}
	div.front-page-box-text {
	    padding-top: 40px;
	    padding-left: 0px;
	    display: inline-block;
	    text-align: center;
	}
	div.front-page-box-text2 {
	    padding-top: 0px;
	    padding-bottom: 40px;
	    padding-right: 0px;
	    display: inline-block;
	    text-align: center;
	}
	.front-page-box img {
	    max-width: 100% !important;
	}
	.front-page-seperator {
	    margin-bottom: 96px;
	}
	div.testimonail-outer-box:nth-child(1), div.testimonail-outer-box:nth-child(2) {
	    margin-right: 0px;
	}
	div.testimonail-outer-box {
	    width: 100%!important;
	    margin-bottom: 24px;
	}
	nav#site-navigation {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 80px;
		margin: 0px!important;
		min-height: 100%;
		background-color: #fff!important;
	}
	nav#site-navigation {
		display: none;
	}
	nav#site-navigation.toggled {
		display: inline-block;
	}
	.not-front-page {
	    padding-top: 30px;
	}
	#menu-top .menu-item > a { 
		font-size: 20px;
		line-height: 48px;
		text-align: center;
	}
	ul#menu-top {
		padding: 50px 0px;
		height: calc(100vh - 84px);
	}
	div.flex, div.flex > div > div.section_inner_margin {
	    display: inline-block;
	}
	.box-right-60, .box-left-20 {
    	padding: 0px !important;
	}
	.logoer-img img {
	    max-width: 100% !important;
	    margin-top: 40px;
	}
	div.faq.vc_row {
	    margin: 0px -24px !important;
	    width: calc(100% + 48px);
	    max-width: calc(100% + 48px);
	    background-color: #F2F2E6;
	    padding: 0px 24px;
	}
	div.vc_custom_1616497428627 {
    	margin-top: 80px !important;
	}
	div.contact-form-div.bottom-112 {
		padding-bottom: 64px;
	}
	div.vc_row.pricing {
		margin-bottom: 72px;
	}
	div.faq.top-128 {
		padding-top: 96px;
	}
	div.faq.bottom-112 {
		padding-bottom: 96px;
	}
	.mobile-primary-link, .mobile-login-link {
		display: inline-block;
		text-align: center!important;
	}
	.mobile-primary-link {
		margin: 12px 0px 0px;
	}
	.mobile-nav-top-link {
		margin-top: calc(100vh - 424px)
	}
	.mobile-primary-link a, .mobile-login-link a {
		display: inline-block;
		font-weight: 600;
		font-size: 16px;
	}
	.mobile-primary-link a, .mobile-primary-link a:hover {
		padding: 12px 18px!important;
		color: #fff!important;
		background-color: rgb(82, 82, 204)!important;
		line-height: 24px!important;
	}
	.mobile-login-link a {
		color: rgb(10, 10, 26)!important;
	}
	span#discount-17 {
		display: table;
		margin: 6px auto 0;
	}
	div#change-price {
		width: 100%;
	}
	.select-billing {
	    display: table;
	    margin: 0 auto;
	}
	label.switch {
	    display: block;
	    margin: 6px auto;
	}
}