.bento-scroll-grid,.bento-grid{display:grid;grid-auto-flow:dense;--bento-gap:0;--bento-template-columns:1fr;--bento-column-start:auto;--bento-column-end:auto;--bento-row-start:auto;--bento-row-end:auto;--bento-align-content:center;gap:var(--bento-gap);grid-template-columns:var(--bento-template-columns);align-content:var(--bento-align-content)}.bento-scroll-grid > .grid-item,.bento-grid > .grid-item{grid-column-start:var(--bento-column-start);grid-column-end:var(--bento-column-end);grid-row-start:var(--bento-row-start);grid-row-end:var(--bento-row-end);align-content:var(--bento-align-content);display:var(--bento-display,grid);position:relative;overflow:hidden}.bento-scroll-grid > .grid-item > .stacks_out,.bento-grid > .grid-item > .stacks_out{width:100%}.bento-scroll-grid > .grid-item > .stacks_out > .stacks_in,.bento-grid > .grid-item > .stacks_out > .stacks_in{height:100%;box-sizing:border-box}.bento-grid{grid-auto-rows:0px;grid-auto-columns:0px;--bento-template-rows:none;grid-template-rows:var(--bento-template-rows)}.grid-item.dummy{visibility:hidden}.bento-hide{display:none} .bento-grid.grid-stacks_in_10919 { --bento-align-content: center ; --bento-template-columns: repeat(2, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_10919 > .grid-item { --bento-display: var(--bento-display-xs); --bento-column-start: var(--bento-column-start-xs); --bento-column-end: var(--bento-column-end-xs); --bento-row-start: var(--bento-row-start-xs); --bento-row-end: var(--bento-row-end-xs); } @media (max-width: 25em) { .bento-grid.grid-stacks_in_10919 .grid-item:nth-child(n+9) { display: none; } } @media (min-width: 25em) and (max-width: 40em) { .bento-grid.grid-stacks_in_10919 { --bento-template-columns: repeat(2, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_10919 > .grid-item { --bento-display: var(--bento-display-sm, var(--bento-display-xs)); --bento-column-start: var(--bento-column-start-sm, var(--bento-column-start-xs)); --bento-column-end: var(--bento-column-end-sm, var(--bento-column-end-xs)); --bento-row-start: var(--bento-row-start-sm, var(--bento-row-start-xs)); --bento-row-end: var(--bento-row-end-sm, var(--bento-row-end-xs)); } .bento-grid.grid-stacks_in_10919 .grid-item:nth-child(n+9) { display: none; } .bento-grid.grid-stacks_in_10919 .bento-hide-for-small-up { display: none; } .bento-grid.grid-stacks_in_10919 .bento-show-for-small-up { display: grid; } } @media (min-width: 40em) and (max-width: 64em) { .bento-grid.grid-stacks_in_10919 { --bento-template-columns: repeat(3, auto); --bento-template-rows: repeat(5, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_10919 > .grid-item { --bento-display: var(--bento-display-md, var(--bento-display-sm, var(--bento-display-xs))); --bento-column-start: var(--bento-column-start-md, var(--bento-column-start-sm, var(--bento-column-start-xs))); --bento-column-end: var(--bento-column-end-md, var(--bento-column-end-sm, var(--bento-column-end-xs))); --bento-row-start: var(--bento-row-start-md, var(--bento-row-start-sm, var(--bento-row-start-xs))); --bento-row-end: var(--bento-row-end-md, var(--bento-row-end-sm, var(--bento-row-end-xs))); } .bento-grid.grid-stacks_in_10919 .grid-item:nth-child(n+16) { display: none; } .bento-grid.grid-stacks_in_10919 .bento-hide-for-medium-up { display: none; } .bento-grid.grid-stacks_in_10919 .bento-show-for-medium-up { display: grid; } } @media (min-width: 64em) { .bento-grid.grid-stacks_in_10919 { --bento-template-columns: repeat(4, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_10919 > .grid-item { --bento-display: var(--bento-display-lg, var(--bento-display-md, var(--bento-display-sm, var(--bento-display-xs)))); --bento-column-start: var(--bento-column-start-lg, var(--bento-column-start-md, var(--bento-column-start-sm, var(--bento-column-start-xs)))); --bento-column-end: var(--bento-column-end-lg, var(--bento-column-end-md, var(--bento-column-end-sm, var(--bento-column-end-xs)))); --bento-row-start: var(--bento-row-start-lg, var(--bento-row-start-md, var(--bento-row-start-sm, var(--bento-row-start-xs)))); --bento-row-end: var(--bento-row-end-lg, var(--bento-row-end-md, var(--bento-row-end-sm, var(--bento-row-end-xs)))); } .bento-grid.grid-stacks_in_10919 .grid-item:nth-child(n+17) { display: none; } .bento-grid.grid-stacks_in_10919 .bento-hide-for-large-up { display: none; } .bento-grid.grid-stacks_in_10919 .bento-show-for-large-up { display: grid; } } .bento-grid.grid-stacks_in_10919 .grid-null, .bento-grid.grid-stacks_in_10919 .grid-item:nth-child(1) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_10919 .grid-null, .bento-grid.grid-stacks_in_10919 .grid-item:nth-child(1) { align-content: center; } /* Start Play stack CSS code */ #stacks_in_10843 { z-index: 4; } .stacks_in_10843playContainer { overflow: hidden; position: relative !important; z-index: 6; } .stacks_in_10843playContainer { background-image: url("") !important; background-position: center center !important; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: cover; } .stacks_in_10843overlay{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 7; } .stacks_in_10843contentBox{ position: relative; text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; z-index: 8; } .stacks_in_10843content{ position: relative; max-width: 1000px; margin: 0 auto 0 auto; text-align: center !important; z-index: 8; text-shadow: none !important; } .stacks_in_10843content,.stacks_in_10843content h1,.stacks_in_10843content h2,.stacks_in_10843content h3,.stacks_in_10843content h4,.stacks_in_10843content h5,.stacks_in_10843content h6{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_10843content a,.stacks_in_10843content a:active,.stacks_in_10843content a:visited{ color: rgba(59, 148, 217, 1.00) !important; text-decoration: none !important; } .stacks_in_10843content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_10843playScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_10843playScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; z-index: 8; } .stacks_in_10843playScrollButton{ display: block; } .stacks_in_10843playContainer { min-height: 200px; } .stacks_in_10843contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes playanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes playanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .playanimation { animation: playanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: playanimation 3s ease-in-out 0s infinite normal none; } .wallpaper, .wallpaper .wallpaper-container, .wallpaper .wallpaper-media { -webkit-transition: none !important; transition: none !important; } .wallpaper { overflow: hidden; position: relative;} .wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } .wallpaper .wallpaper-media { left: 0; opacity: 0; position: absolute; top: 0; } .wallpaper .wallpaper-media.animated { -webkit-transition: opacity 0.5s linear !important; transition: opacity 0.5s linear !important; } .wallpaper .wallpaper-media img, .wallpaper .wallpaper-media video, .wallpaper .wallpaper-media iframe { display: block; height: 100%; width: 100%; } .wallpaper .wallpaper-embed.ready:after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .wallpaper .wallpaper-embed.ready iframe { /* pointer-events: none; - safari doesn't like this :/ */ z-index: 0; } .wallpaper .wallpaper-media.native { background-position: center; background-size: cover; height: 100%; width: 100%; } .wallpaper .wallpaper-media.native img { display: none; } .wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; } .wallpaper .wallpaper-media.fixed img { display: none; } /* End Play stack CSS code *//* ------------------------------------------- File: Blueball FontStylr 6, v7.0 for Stacks 2 fontstylr01.css Style Sheet Created: 14, April, 2011 Last Modified: 31, January, 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #Add Div Name Here h1 { font-size: 24px; line-height: 24px; color: #000000; width: auto; margin: 0px 0px 0px 0px; text-align: left; padding: 0px; letter-spacing: 0px; cursor: default; } #Add Div Name Here h1 a { text-decoration: none; color: #000000; } #stacks_in_10887 { font-size: 150%; } :root{--mejs-background:#000;--mejs-color:#fff;--mejs-controls:url('https://thegraceofpentecost.com/rw_common/plugins/stacks/mejs-controls.svg')}.stacks_in_9616{width:100%;text-align:center;}.stacks_in_9616 div:focus{outline:none}.stacks_in_9616 .html5audio,.stacks_in_9616 audio.html5audio{outline:none;margin:0 auto;display:block;width:100% !important;height:auto;}.stacks_in_9616 .html5audio.mejs-ted,.stacks_in_9616 .html5audio.mejs-wmp,.stacks_in_9616 audio.html5audio.mejs-ted,.stacks_in_9616 audio.html5audio.mejs-wmp{min-height:65px}.stacks_in_9616 button{box-shadow:none;border-width:0;border-style:none}.stacks_in_9616 .mejs__container .mejs__overlay-play,.stacks_in_9616 .mejs__container .mejs__overlay-loading{}.stacks_in_9616 .mejs__container .mejs__controls{}.stacks_in_9616 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total{}.stacks_in_9616 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-loaded{}.stacks_in_9616 .mejs__container .mejs__controls .mejs__time-rail .mejs__time-total .mejs__time-current{}