.pp-sub-widget {
width: 100%;
margin: 10px auto;
font-family: sans-serif;
background-color: #FFFFFF;
padding: 0 32px;
}
@media (min-width: 1200px) {
.container {
width: 85%;
}
}
.pp-sub-widget .pp-sub-bx {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
width: auto;
height: auto;
margin: 0 10px;
}
.pp-sub-widget div.pp-sub-h {
margin: 10px 10px 0 10px;
font-size: 90%;
font-weight: bold;
color: rgb(25,118,210);
}
.pp-sub-widget div.pp-sub-t {
font-weight: bold;
margin: 10px 10px 0 10px;
padding: 0;
font-size: 150%;
color: #444444;
}
.pp-sub-widget-include div.pp-sub-t {
margin: 15px 10px 0 10px !important;
padding: 0 !important;
font-weight: bold !important;
font-size: 150% !important;
color: #444444 !important;
}
.pp-sub-widget p.pp-sub-st {
margin: 5px 10px 0 10px;
padding: 0;
font-size: 100%;
color: #222222;
}
.pp-sub-widget-include p.pp-sub-st {
margin: 5px 10px 0 10px !important;
padding: 0 !important;
font-size: 100% !important;
color: #222222 !important;
}
.pp-sub-widget .pp-sub-a {
font-weight: bold;
margin: 5px 10px 1em 10px;
padding: 0;
font-size: 120%;
color: #1976d2;
}
.pp-sub-widget-include .pp-sub-a {
margin: 5px 10px 1em 10px !important;
padding: 0 !important;
font-weight: bold !important;
font-size: 120% !important;
color: #1976d2 !important;
} .pp-sub-widget a.pp-sub-btn-sq {
height: 72px;
display: inline-block;
text-decoration: none;
vertical-align: middle;
line-height: calc(72px - 2em);
overflow: hidden;
width: 250px;
border-radius: 5px;
box-sizing: border-box;
}
.pp-sub-widget-include a.pp-sub-btn-sq {
width: 250px !important;
}
.pp-sub-widget-modern a.pp-sub-btn-sq {
color: #444444;
margin: 0 0 3vw 0;
border: 1px solid #707070;
padding: 1em;
background-position: center;
transition: background 0.8s;
font-size: 100%;
font-weight: bold;
}
.pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn-sq {
font-size: 100% !important;
} .pp-sub-widget a.pp-sub-btn {
height: 72px;
display: inline-block;
text-decoration: none;
vertical-align: middle;
line-height: calc(72px - 2em);
overflow: hidden;
border-radius: 50px;
width: 250px;
box-sizing: border-box;
}
.pp-sub-widget-include a.pp-sub-btn {
width: 250px !important;
}
.pp-sub-widget-modern a.pp-sub-btn {
color: #444444;
margin: 0 1ch 3vw 1ch;
border: 1px solid #707070;
padding: 1em;
background-position: center;
transition: background 0.8s;
font-size: 100%;
width: 250px;
font-weight: bold;
}
.filling-empty-space {
width: 250px;
margin: 0;
height:0;
}
.pp-sub-widget ~ p, .pp-sub-widget ~ h3, header.entry-header {
margin-left: 32px;
}
header.entry-header h1 {
color: #444444;
}
.pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn {
font-size: 100% !important;
}
body .entry-content .pp-sub-widget a:link,
body .entry-content .pp-sub-widget a:visited,
body .entry-content .pp-sub-widget a:active,
body .entry-content .pp-sub-widget a:hover,
body .pp-sub-widget a:link,
body .pp-sub-widget a:visited,
body .pp-sub-widget a:active,
body .pp-sub-widget a:hover {
text-decoration: none;
}
body .entry-content .pp-sub-widget-include a:link,
body .entry-content .pp-sub-widget-include a:visited,
body .entry-content .pp-sub-widget-include a:active,
body .entry-content .pp-sub-widget-include a:hover,
body .pp-sub-widget-include a:link,
body .pp-sub-widget-include a:visited,
body .pp-sub-widget-include a:active,
body .pp-sub-widget-include a:hover {
text-decoration: none !important;
} .pp-sub-widget-modern a.pp-sub-btn:hover, .pp-sub-widget-modern a.pp-sub-btn-sq:hover {
background: #ebebeb radial-gradient(circle, transparent 1%, #ebebeb 1%) center/15000%;
}
.pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn-sq:active {
background-color: #AB42DF;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-android.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-android.pp-sub-btn-sq:active {
background-color: #75BA26;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-email.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-email.pp-sub-btn-sq:active {
background-color: #018C8B;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-gp.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-gp.pp-sub-btn-sq:active {
background-color: #F9BA01;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn-sq:active {
background-color: #2B91C9;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn-sq:active {
background-color: #1C1F3D;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn-sq:active {
background-color: #3EB559;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn-sq:active {
background-color: #960d16;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn-sq:active {
background-color: #007feb;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn-sq:active {
background-color: #a316b4;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn-sq:active {
background-color: #3668ff;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn-sq:active {
background-color: #2278cf;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-rss.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-rss.pp-sub-btn-sq:active {
background-color: #FF6600;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn-sq:active {
background-color: #4400FF;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn-sq:active {
background-color: #AB0000;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn-sq:active {
background-color: #2BC5B4;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn-sq:active {
background-color: #E62C2F;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn-sq:active {
background-color: #000000;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-more.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-more.pp-sub-btn-sq:active {
background-color: #333333;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget-modern .pp-sub-youtube.pp-sub-btn:active, .pp-sub-widget-modern .pp-sub-youtube.pp-sub-btn-sq:active {
background-color: #E1251B;;
background-size: 100%;
transition: background 0s;
}
.pp-sub-widget img.pp-sub-l {
max-width: 300px;
padding: 0;
margin: 0 2em 2em 0;
float: left;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
width: 50%;
height: auto;
}
.pp-sub-widget .pp-sub-widget-head {
margin-bottom: 2em;
}
.pp-sub-widget-include img.pp-sub-l {
width: 50% !important;
height: auto !important;
}
.pp-sub-widget .pp-sub-btns {
margin:  0;
padding: 0;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.pp-sub-widget-include .pp-sub-btns {
width: 100% !important;
}
.pp-sub-widget .pp-sub-m {
clear: both;
margin: 10px;
}
.pp-sub-widget p.pp-sub-m-p {
margin: 0;
font-size: 90%;
color: rgb(25,118,210);
}
.pp-sub-widget .pp-sub-m-i {
width: 80%;
color: #333333;
font-size: 85%;
border: 1px solid #999999;
padding: 5px;
}
.pp-sub-widget-modern a.pp-sub-btn:hover, .pp-sub-widget-modern a.pp-sub-bub-sq:hover {
color: #444444;
}
@media screen and (max-width: 400px) {
.pp-sub-widget .pp-sub-bx {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.pp-sub-widget .pp-sub-t {
font-size: 150%;
}
} .pp-sub-ic {
display: inline-block;
width: 48px;
height: 48px;
border: 0;
vertical-align: middle;
background-repeat: no-repeat;
margin-right: 1em;
background-size: 50px;
}
.pp-sub-widget-modern .pp-sub-ic {
transform: scale(1.5);
padding-left: 15px;
box-sizing: border-box;
background-image: url(//journeyoffaith.com/wp-content/plugins/powerpress/images/modern_icon_sprite_2024_2.svg);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .pp-sub-widget-modern a .pp-sub-ic {
background-image: url(//journeyoffaith.com/wp-content/plugins/powerpress/images/modern_icon_sprite_2024.png);
}
} .pp-sub-widget-modern .pp-sub-itunes .pp-sub-ic {
background-position: 0 -5px;
}
.pp-sub-widget-modern .pp-sub-android .pp-sub-ic {
background-position: 0 -55px;
}
.pp-sub-widget-modern .pp-sub-email .pp-sub-ic {
background-position: 0 -106px;
}
.pp-sub-widget-modern .pp-sub-gp .pp-sub-ic {
background-position: 0 -155px;
}
.pp-sub-widget-modern .pp-sub-stitcher .pp-sub-ic {
background-position: 0 -205px;
}
.pp-sub-widget-modern .pp-sub-tunein .pp-sub-ic {
background-position: 0 -255px;
}
.pp-sub-widget-modern .pp-sub-spotify .pp-sub-ic {
background-position: 0 -307px;
}
.pp-sub-widget-modern .pp-sub-iheartradio .pp-sub-ic {
background-position: 0 -456px;
}
.pp-sub-widget-modern .pp-sub-deezer .pp-sub-ic {
background-position: 0 -507px;
}
.pp-sub-widget-modern .pp-sub-anghami .pp-sub-ic {
background-position: 0 -1254px;
}
.pp-sub-widget-modern .pp-sub-pandora .pp-sub-ic {
background-position: 0 -555px;
}
.pp-sub-widget-modern .pp-sub-blubrry .pp-sub-ic {
background-position: 0 -605px;
}
.pp-sub-widget-modern .pp-sub-rss .pp-sub-ic {
background-position: 0 -355px;
}
.pp-sub-widget-modern .pp-sub-more .pp-sub-ic {
background-position: 0 -405px;
}
.pp-sub-widget-modern .pp-sub-amazon .pp-sub-ic {
background-position: 0 -1003px;
}
.pp-sub-widget-modern .pp-sub-pcindex .pp-sub-ic {
background-position: 0 -1053px;
}
.pp-sub-widget-modern .pp-sub-jiosaavn .pp-sub-ic {
background-position: 0 -1103px;
}
.pp-sub-widget-modern .pp-sub-gaana .pp-sub-ic {
background-position: 0 -1203px;
}
.pp-sub-widget-modern .pp-sub-podchaser .pp-sub-ic {
background-position: 0 -1153px;
}
.pp-sub-widget-modern .pp-sub-youtube .pp-sub-ic {
background-position: 0 -1306px;
}
@media (max-width: 640px) {
.pp-sub-widget {
padding: 0 8px;
}
.pp-sub-widget-include img.pp-sub-l {
width: 40% !important;
height: auto !important;
}
.pp-sub-widget img.pp-sub-l {
width: 40%;
height: auto;
margin: 0 1em 2em 0;
}
.pp-sub-widget-include div.pp-sub-t {
margin: 15px 2px 0 2px !important;
font-size: 125% !important;
}
.pp-sub-widget div.pp-sub-t {
margin: 15px 2px 0 2px;
font-size: 125%;
}
#main.content-area {
padding: 10px 4px 0 4px;
}
}