@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

.pppTemplate-2 {float: left;width: 100%;margin: 0;padding: 0;color: #0f2e47;font-size: 16px;font-weight: normal;font-family: 'DM Sans',sans-serif;display: flex;flex-wrap: wrap;}

.pppTemplate-2 img {max-width: 100%;vertical-align: middle; object-fit: cover;}

.pppTemplate-2 , .pppTemplate-2 * {box-sizing: border-box;}

.pppTemplate-2-col {flex-basis: 33.33%;width: 33.33%;max-width: 33.33%;margin: 0;padding: 0 10px;}

.pppTemplate-2-col-inner {border: 1px solid #e7e7e7;float: left;width: 100%;height: 100%;position: relative;}

.pay-per-post-info h3 {font-size: 22px;line-height: normal;font-weight: 600;color: #1b1b1b;display: inline-block;margin: 0 0 15px 0;padding: 0;vertical-align: middle;font-family: 'DM Sans',sans-serif;}

.pppTemplate-2-media-block , .pppTemplate-2-content-block , .pppTemplate-2-content-block .pay-per-post-info ,
.pppTemplate-2-content-block .ppp-actions {float: left;width: 100%;margin: 0;padding: 0;font-family: 'DM Sans',sans-serif;padding-top:10px;}

.pppTemplate-2-content-block .pay-per-post-info , .pppTemplate-2-content-block .ppp-actions {padding: 20px;}

.pay-per-post-info p {margin: 0 0 15px 0;display: inline-block;width: 100%;vertical-align: middle;padding: 0;color: #868686;font-size: 16px;font-weight: normal;}

.pppTemplate-2-content-block .ppp-actions {border-top: 1px solid #eee;}

.pppTemplate-2-content-block .ppp-actions .ppp-action-block {float: left;width: auto;margin:10px 5px 0 0 ;animation: 0;padding: 0;text-align: center;}

.pppTemplate-2-content-block .ppp-actions .ppp-action-block > label {font-weight: 600;margin: 0 0 8px 0;display: block;float: none;color: #0f2e47;}

.pppTemplate-2-content-block .ppp-actions .ppp-btn-style, .pppTemplate-2-content-block .ppp-actions .ppp-btn-style:focus {background: #268bbf;display: inline-block;width: auto;margin: 0;padding: 8px 20px;color: #fff;text-decoration: none;font-size: 14px;font-weight: 500;min-width: 65px;text-align: center;outline: none;box-shadow: none;}


.pppTemplate-2-col { margin: 0 0 50px 0;   }

.pppTemplate-2-col-inner {background-color:#fff;}  

.pppTemplate-2-media-block {
    height: 300px;
    padding-top:0px;
}

.pppTemplate-2 img {
    max-width: 100%;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}
	
.pay-per-post-content-block .ppp-actions .frontendVisibility {
float: left;
margin-right: 13px;

margin-bottom: 10px;
}

	
.readMoreText{
	color: #007bff !important;
    float: right;
    font-size: 13px;
    padding: 0 7px ;
    box-shadow: none;
    font-family: var(--font-family-sans-serif);
    outline: none;
    width: 100%;
    text-align: right;
     line-height:normal;
    font-style: normal;
    text-decoration:none !important;
 }   
 
 
 
.ppp-actions .backendVisibility , .ppp-actions .frontendVisibility {float: none;width: auto;display: inline-block;text-align: center;margin: 0 8px 0 0;}

.ppp-actions .backendVisibility .ppp-btn-style , .ppp-actions .frontendVisibility .ppp-btn-style {margin: 0;}

.ppp-actions .backendVisibility > .amountOuter, .ppp-actions .frontendVisibility > .amountOuter {font-weight: 600;margin: 0 0 8px 0;display: block;float: none;}



#preview_store_front .storeFrontPreview .pay-per-post-content-block .ppp-actions .btn_container {margin-right: 0;}
.backendVisibility{display:none !important;}
.pay-per-post-content-block .frontendVisibility, .pay-per-post-content-block .frontendVisibility{display:block }
.frontendVisibility{display: inline-block !important}



.pppTemplate a {box-shadow:none}


.pppTemplate-2 .pay-per-post-info h3, #tcb_landing_page .pppTemplate-2 .pay-per-post-info h3 {
font-size: 22px;
font-weight: 600;
color: #1b1b1b;
display: inline-block;
margin: 0 0 0px 0;
padding: 0;
vertical-align: middle;
font-family: 'DM Sans',sans-serif;
min-height: 92px;
width: 100%;
line-height: 1.4;
border: none;
}

.pppTemplate-2-content-block .pay-per-post-info .descriptionReadMoreOuter p:empty {display: none;}

.pppTemplate-2-content-block .pay-per-post-info .descriptionReadMoreOuter p {width: auto;display: inline;}

.pppTemplate-2-content-block .pay-per-post-info .descriptionReadMoreOuter {display: inline-block;width: 100%;vertical-align: middle;margin: 0;padding: 0;}

.pppTemplate-2-content-block .ppp-actions {background-color: #f9f9f9;text-align: center;}

.pppTemplate-2-content-block .ppp-actions .ppp-action-block {float: none;display: inline-block;}

.pppTemplate-2-content-block .ppp-actions .ppp-action-block:last-child {margin-right: 0;}



.ppp-actions .ppp-action-block {
   float: left;
   width: auto;
   margin: 0 13px 0 0;
   animation: 0;
   padding: 0;
   text-align: center;
}

.ppp-actions .ppp-action-block > label {
   font-weight: 600;
   margin: 0 0 8px 0;
   display: block;
   float: none;
}

.pppTemplate-1 .pay-per-post-list .pay-per-post-store.pppTemplate {display: flex;margin-bottom:50px}

.pppTemplate-1 .pay-per-post-media-block {float: left;margin: 0;padding: 0 20px 0 0;box-sizing: border-box;max-width: 320px;width: 320px;flex-basis: 320px;min-height: 220px;}

.pppTemplate-1 .pay-per-post-content-block {display: flex;flex-wrap: wrap;flex-flow: column;justify-content: space-between;float: left; width: 100%; margin: 0; padding: 0 0 10px; box-sizing: border-box; max-width: calc(100% - 320px); max-width: -moz-calc(100% - 320px); max-width: -webkit-calc(100% - 320px); max-width: -ms-calc(100% - 320px); }

.pppTemplate-1 .pay-per-post-media-block img {width: 100%; height: 100%; vertical-align: middle; object-fit: cover; -webkit-object-fit: cover; }

.pppTemplate-1 .pay-per-post-store .pay-per-post-media-block > a {width: 100%; height: 100%; display: inline-block; vertical-align: middle; }

.pppTemplate-1  .frontendVisibility{display: flex !important}

.pppTemplate-1 .pay-per-post-info .descriptionReadMoreOuter p {
width: auto;
display: inline;
}


.pppTemplate-2-col, .pppTemplate-2-col * {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.pppTemplateMainOuter a{ border-bottom: none;}

.thrv_wrapper .pppTemplate-2, .thrv_wrapper .pppTemplate-1{
float: none;
clear: both;
}

@media (max-width:767px) {

.pppTemplate-2-col {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
}

}


@media (max-width:575px) {

.pppTemplate-2-col {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

}