/*
Theme Name: PoweredxJesus
Theme URI: https://www.poweredxjesus.com
Author: PoweredxJesus
Author URI: https://www.poweredxjesus.com
Description: A super lightweight theme built for churches.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: poweredxjesus
Tags: flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images
This theme, like WordPress, is licensed under the GPL.
*/


:root{
--body-font: 'Montserrat',  -apple-system, BlinkMacSystemFont, sans-serif;
--headline-font: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;

--brand-color: #00759d;
--link: var(--brand-color);

--black: #000;
--white: #fff;

--blue-50: #eff6ff;
--blue-100: #dbeafe; 
--blue-200: #bfdbfe;
--blue-300: #93c5fd;
--blue-400: #60a5fa;
--blue-500: #3b82f6;
--blue-600: #2563eb;
--blue-700: #1d4ed8;
--blue-800: #1e40af;
--blue-900: #1e3a8a;

--gray-50: #fafafa;
--gray-100: #f5f5f5;
--gray-200: #e5e5e5;
--gray-300: #d4d4d4;
--gray-400: #a3a3a3;
--gray-500: #737373;
--gray-600: #525252;
--gray-700: #404040;
--gray-800: #262626;
--gray-900: #171717;
--gray-950: #0a0a0a;

--lg-width: 960px;
--xl-width: 1200px;

}


body { font-family:var(--body-font); font-size: 20px; line-height: 1.48; }
h1, h2, h3 { font-family:var(--headline-font); margin: 1.25em 0 0; }
h1 {font-size: 320%; font-weight: 700; letter-spacing: -.025em; line-height: 1.15; }
h2 {font-size: 190%; font-weight: 700; letter-spacing: -.025em; line-height: 1.25;}
h3 {font-size: 120%; font-weight: 700; letter-spacing: -.025em; line-height: 1.25;}
li {margin:1em 0 0;}
strong {font-weight:600; letter-spacing: -.018em;}
pre, code { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 16px; }


.sm-container { max-width:600px !important; margin:0 auto; }
.md-container { max-width:750px !important; margin:0 auto; }
.lg-container { max-width:var(--lg-width) !important; margin:0 auto; }
.xl-container { max-width:var(--xl-width) !important; margin:0 auto; }
.xxl-container { max-width:1500px !important; margin:0 auto; }

.gap-1 {gap:1em !important;}

.text-center { text-align:center; }
.no-underline { text-decoration:none; }
.font-medium, .font-medium a { font-weight: 500 !important; }
.font-semibold, .font-semibold a { font-weight: 600 !important; }
.font-bold, .font-bold a { font-weight: 700 !important; }
.font-extrabold, .font-extrabold a { font-weight: 800 !important; }

.text-xl { font-size:130%; }
.text-lg { font-size:110%; }
.text-md { font-size:95%; }
.text-sm { font-size:85%; }
.text-xs { font-size:75%; }
.text-xxs { font-size:65%; }

.my-0 { margin-top:0; margin-bottom:0; }
.mt-0 { margin-top:0; }
.mb-0 { margin-bottom:0; }
.-my-3 {margin-top: -1rem !important; margin-bottom: -1rem !important;}
.-mt-3 {margin-top: -1rem !important;}
.-mt-5 {margin-top: -3rem !important;}
.-mb-3 {margin-bottom: -1rem !important;}
.-mb-5 {margin-bottom: -3rem !important;}
.-mb-8 {margin-bottom: -6rem !important;}


.button { display: inline-block; border-radius: 300px; border: 1px solid var(--brand-color); color: var(--brand-color); font-weight: 700; padding: .3rem 1rem .33rem; background:white; }

/*********************************************************
    COLORS
*********************************************************/

.black, .black a{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}

.white, .white a{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}

.gray, .gray a{color: var(--gray-500) !important;}
.gray-bg{background-color: var(--gray-500) !important;}

.gray-50, .gray-50 a{color: var(--gray-50) !important;}
.gray-50-bg{background-color: var(--gray-50) !important;}

.gray-100, .gray-100 a{color: var(--gray-100) !important;}
.gray-100-bg{background-color: var(--gray-100) !important;}

.gray-200, .gray-200 a{color: var(--gray-200) !important;}
.gray-200-bg{background-color: var(--gray-200) !important;}

.gray-300, .gray-300 a{color: var(--gray-300) !important;}
.gray-300-bg{background-color: var(--gray-300) !important;}

.gray-400, .gray-400 a{color: var(--gray-400) !important;}
.gray-400-bg{background-color: var(--gray-400) !important;}

.gray-500, .gray-500 a{color: var(--gray-500) !important;}
.gray-500-bg{background-color: var(--gray-500) !important;}

.gray-600, .gray-600 a{color: var(--gray-600) !important;}
.gray-600-bg{background-color: var(--gray-600) !important;}

.gray-700, .gray-700 a{color: var(--gray-700) !important;}
.gray-700-bg{background-color: var(--gray-700) !important;}

.gray-800, .gray-800 a{color: var(--gray-800) !important;}
.gray-800-bg{background-color: var(--gray-800) !important;}

.gray-900, .gray-900 a{color: var(--gray-900) !important;}
.gray-900-bg{background-color: var(--gray-900) !important;}

.blue, .blue a{color: var(--blue-500) !important;}
.blue-bg{background-color: var(--blue-500) !important;}

.blue-50, .blue-50 a{color: var(--blue-50) !important;}
.blue-50-bg{background-color: var(--blue-50) !important;}

.blue-100, .blue-100 a{color: var(--blue-100) !important;}
.blue-100-bg{background-color: var(--blue-100) !important;}

.blue-200, .blue-200 a{color: var(--blue-200) !important;}
.blue-200-bg{background-color: var(--blue-200) !important;}

.blue-300, .blue-300 a{color: var(--blue-300) !important;}
.blue-300-bg{background-color: var(--blue-300) !important;}

.blue-400, .blue-400 a{color: var(--blue-400) !important;}
.blue-400-bg{background-color: var(--blue-400) !important;}

.blue-500, .blue-500 a{color: var(--blue-500) !important;}
.blue-500-bg{background-color: var(--blue-500) !important;}

.blue-600, .blue-600 a{color: var(--blue-600) !important;}
.blue-600-bg{background-color: var(--blue-600) !important;}

.blue-700, .blue-700 a{color: var(--blue-700) !important;}
.blue-700-bg{background-color: var(--blue-700) !important;}

.blue-800, .blue-800 a{color: var(--blue-800) !important;}
.blue-800-bg{background-color: var(--blue-800) !important;}

.blue-900, .blue-900 a{color: var(--blue-900) !important;}
.blue-900-bg{background-color: var(--blue-900) !important;}


.brand-color, .brand-color a{color: var(--brand-color) !important;}
.brand-color-bg{background-color: var(--brand-color) !important;}

/*********************************************************
    RESPONSIVE
*********************************************************/
.mobile-only {display: none !important;}

@media (max-width: 1199.98px){

}

@media (max-width: 991.99px){
  button, .btn, .button, input[type="submit"], input[type="button"], #submit { padding: .65em 1.2em; font-size: 13px; }
}

@media (max-width: 767.98px){
	h1 {font-size: 230%;}
	h2 {font-size: 150%;}
	h3 {font-size: 115%;}
 	body {font-size: 14px;}
}

@media (max-width: 575.99px){

}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400;1,8..60,500;1,8..60,600&display=swap');


/*********************************************************
    RESET
*********************************************************/
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse: collapse;}
fieldset{border: none; padding: 0;}
input[type="text"], input[type="password"], textarea, select {outline: none;}

/*********************************************************
    GLOBAL
*********************************************************/
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: var(--font-primary); font-size:18px; font-weight: 400; line-height: 2; color: var(--font-primary); text-align: left; background-color: var(--background); -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}

@-ms-viewport{width: device-width;}

/*********************************************************
    ASSETS
*********************************************************/
:root{
    --black: #000;
      --black-900: #102119;
      --black-800: #242424;
    --brown: #6B5B48;
    --blue: #529ECC;
        --blue-200: #DDEAFF;
        --light-blue: #EFF5FF;
        --dark-blue: #37477E;
    --dark-gray: #585858;
    --green: #33CC99;
    --gray: #DDDDDD;
      --gray-200: #8e8e8e;  
      --gray-300: #888;
      --gray-500: #667;
      --gray-550: #595959;
      --gray-600: #444;
      --gray-900: #333;
    --light-gray: #F5F5F5;
      --light-gray-100: #F8F9FA;
      --light-gray-200: #F8F8F8;
      --light-gray-250: #F6F6F6;
      --light-gray-300: #F4F4F4;
      --light-gray-400: #E8E8E8;
    --orange: #F6BD60;
    --pink: #FF3399;
    --purple: #5E36CA;
    --red: #CC3333;
      --red-600: #F92E2A;
      --red-700: #E10000;
      --red-800: #c80805;
    --rust: #873A3A;
    --white: #FFFFFF;
    --yellow: #FFD700;
      --yellow-600: #ffdd20;
      --yellow-900: #b39100;


    /* Shadows */
    --light-border: 1px solid rgba(57,76,96,0.15);
    --gray-border: 2px solid var(--light-gray-400);

    --header-text-color: var(--black-900);
    --body-text-color: var(--gray-900);
    --subheader-text-color: var(--gray-300);
    
    --primary-button-text-color: white;
    --secondary-button-text-color: var(--black-900);
    
    --primary-button-background-color: black;  
    --primary-button-background-alt-color: var(--red-700);

    --secondary-button-background: white;
    --secondary-button-box-shadow:  inset 0 0 0 2px var(--light-gray-200);

    /* Fonts */
    --font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif !important;
    --font-secondary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif !important;
    --text: var(--font-primary);
    --headline: var(--font-primary);

    /* Shadows */
    --box-shadow-xl: 0px 4px 23px rgba(0, 0, 0, 0.16);
    --box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)!important;
    --box-shadow-sm: 0 1px 10px 0px rgba(0,0,0,0.1),0 0 4px -1px rgba(0,0,0,0.05)!important;

    /* Paddings */
    --grid-gap: var(--gap);
    --grid-gap-sm: var(--gap-sm);
    --grid-row-gap: 30px;
    --gap: 20px;
    --gap-sm:  10px;

    /* Border Radius */
    --rounded-box: 10px !important;
    --rounded-full: 100px !important;

    /* Gradients */
    --gradient-offer: linear-gradient(10deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.8));
    --gradient-dark: linear-gradient(165deg, #1a172d, #1d1e33, #212638, #262d3d, #2b3442, #323c47, #3a434b, #424a50);
    --gradient-light: linear-gradient(to bottom, rgba(255, 255, 255, .3), rgba(230, 230, 230, 1));
    --gradient-hero: linear-gradient(to bottom left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .85));
    --gradient-video: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.7));
    --gradient-audio: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0.9));
    --gradient-events: linear-gradient(to bottom, rgba(0, 0, 0, .48), rgba(0, 0, 0, 0.75));
    --gradient-series: linear-gradient(to right bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    --gradient-events: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0, 0, 0, 0.05));
    --gradient-ministries: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0, 0, 0, 0.5));
    --gradient-ministries-hover: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0, 0, 0, 0.8));
    --gradient-store: linear-gradient(15deg, #000000, #0b0707, #130e0e, #191313, #1f1717, #251b1b, #2b1f1f, #312323);


}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: var(--font-primary); font-weight: 800; line-height: 1.25; margin-top: 1em; margin-bottom: 0.5rem;}
h1.xl, .h1.xl {font-size: 50px;}
h1, .h1{font-size: 40px;}
h2.xl, .h2.xl {font-size: 23px;}
h2, .h2{font-size: 20px;}
h3, .h3{font-size: 16px;}
h4, .h4{font-size: 14px;}
p { margin:1em 0; font-weight: 500; }
li { font-family: var(--font-primary); font-weight: 500; }
ol, ul {line-height: 1.4;}
b, strong { font-weight: 600; }
a{color: var(--link); font-weight: 500; outline: none; transition: 0.2s ease; text-decoration: none !important;}
a.external_link_icon:after{content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); margin: 0 3px 0 5px;}
blockquote {border-left: 3px solid #5F6367; padding: .25em 2em; text-align: left; margin: 1em 0;}
blockquote p {font-weight: 400;}
.biblequote{font-size: 15px; border-left: 3px solid var(--link); padding: 1em 2em; font-family: 'Source Serif 4', serif; font-weight: 600; color: #3c4044; line-height: 1.75;}
.underline{text-decoration: underline !important;}
.bold {font-weight: 700 !important;}
.semibold {font-weight: 600 !important;}
.extrabold {font-weight: 800 !important;}
.no-underline{text-decoration: none !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.small{font-size: 80% !important; font-weight: 500; line-height: 1.75 !important;}
.circle{border-radius: 50rem !important;}
.border{border: 1px solid var(--gray) !important;}
.border-b{border-bottom: 1px solid var(--gray) !important;}
.border-t{border-top: 1px solid var(--gray) !important;}
.muted{opacity: 0.75;}
.shadow{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20);}
.rounded{border-radius: var(--rounded-box) !important;}
.rounded-full{border-radius: var(--rounded-full) !important;}
.rounded-md{border-radius: var(--rounded-box) !important;}
.uppercase{letter-spacing: .05em; text-transform: uppercase; font-size: 13px; font-weight: 800; }
.uppercase a{font-weight: 800;}
.outlined{ border: 2px solid white !important; background: none !important; }
.leading-tight{line-height: 1.6!important;}
.leading-xs{line-height:1.15!important;}
.leading-sm{line-height: 1.3!important; }
.background-cover {background-size: cover; background-position: center;}
.background-cover.top {background-position: top center;}
.background-cover.bottom {background-position: top center;}


/*********************************************************
    COLORS
*********************************************************/

.black, .black a{color: var(--black) !important;}
.black-bg{background-color: var(--black) !important;}

.white, .white a{color: var(--white) !important;}
.white-bg{background-color: var(--white) !important;}

.gray, .gray a{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}

.gray-200, .gray-200 a{color: var(--gray-200) !important;}
.gray-200-bg{background-color: var(--gray-200) !important;}

.gray-300, .gray-300 a{color: var(--gray-300) !important;}
.gray-300-bg{background-color: var(--gray-300) !important;}

.gray-400, .gray-400 a{color: var(--gray-400) !important;}
.gray-400-bg{background-color: var(--gray-400) !important;}

.gray-500, .gray-500 a{color: var(--gray-500) !important;}
.gray-500-bg{background-color: var(--gray-500) !important;}

.dark-gray, .dark-gray a{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}

.red, .red a{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}

.orange, .orange a{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}

.yellow, .yellow a{color: var(--yellow) !important;}
.yellow-bg{background-color: var(--yellow) !important;}

.green, .green a{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}

.blue, .blue a{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}

.light-blue, .light-blue a{color: var(--light-blue) !important;}
.light-blue-bg{background-color: var(--light-blue) !important;}

.dark-blue, .dark-blue a{color: var(--dark-blue) !important;}
.dark-blue-bg{background-color: var(--dark-blue) !important;}

.purple, .purple a{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}

.pink, .pink a{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}

.light-gray, .light-gray a { color:var(--light-gray) !important; }
.light-gray-bg { background-color:var(--light-gray) !important; }

.light-gray-100, .light-gray-100 a { color:var(--light-gray-100) !important; }
.light-gray-100-bg { background-color:var(--light-gray-100) !important; }

.brown, .brown a { color: var(--brown) !important; }
.brown-bg { background-color: var(--brown) !important; }

.rust, .rust a { color: var(--rust) !important; }
.rust-bg { background-color: var(--rust) !important; }

.primary, .primary a{color: var(--primary) !important;}
.primary-bg{background-color: var(--primary) !important;}

.secondary, .secondary a{color: var(--secondary) !important;}
.secondary-bg{background-color: var(--secondary) !important;}

.btn-text, .btn-text a{color: var(--button-text) !important;}
.nav-text, .nav-text a{color: var(--nav-text); font-weight: 600;}
.body-text, .body-text a{color: var(--font-primary);}
.link-text, .link-text a{color: var(--link) !important;}

/*********************************************************
    HOVERS
*********************************************************/
.hover-mute:hover{opacity: 0.75;}
.hover-dip:hover{transform: translateY(5px);}
.hover-glow:hover{text-shadow: 0 0 10px #fff!important;}
.hover-just-grow{transition: all ease 0.25s;}
.hover-just-grow:hover{transform: scale(1.06);}
.hover-grow {top: 0; transition: all ease 0.25s; }
.hover-grow:hover {top: -4px; transform: scale(1.01);}
.hover-grow-xl {top: 0; transition: all ease 0.25s; }
.hover-grow-xl:hover {top: -4px; transform: scale(1.06);}
.hover-no-grow:hover {top: 0; transform: none;}
.hover-reveal-text .text{display: none;}
.hover-reveal-text:hover .text{display: inline-block;}
.hover-nav a:hover, a.hover-nav:hover {background: var(--light-gray-100); color: var(--black);}

/*********************************************************
    HELPERS
*********************************************************/
.img-fluid{max-width: 100%; height: auto;}
.min-height{min-height: 1000px;}
.container-800{max-width: 800px; margin: auto;}
.w-100{width: 100% !important; max-width: -webkit-fill-available;}
.max-w-600{max-width: 600px !important; width: 100%;}
.max-w-750{max-width: 750px !important; width: 100%;}
.grid { display:grid; }
.cols-2{grid-template-columns: 1fr 1fr;}
.cols-3{grid-template-columns: 1fr 1fr 1fr;}
.cols-4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.overflow-visible {overflow: initial !important;}
.overflow-hidden {overflow:hidden !important;}
.d-block {display: block !important;}

.p-0{padding: 0rem !important;}
.p-1{padding: 0.25rem !important;}
.p-2{padding: 0.5rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}

.px-0{padding-left: 0rem !important; padding-right: 0rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-4{padding-left: 2rem !important; padding-right: 2rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}

.py-0{padding-top: 0rem !important; padding-bottom: 0rem !important;}
.py-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}

.pb-0{padding-bottom: 0rem !important;}
.pb-1{padding-bottom: 0.25rem !important;}
.pb-2{padding-bottom: 0.5rem !important;}
.pb-3{padding-bottom: 1rem !important;}
.pb-4{padding-bottom: 2rem !important;}
.pb-5{padding-bottom: 3rem !important;}

.pt-0{padding-top: 0rem !important;}
.pt-1{padding-top: 0.25rem !important;}
.pt-2{padding-top: 0.5rem !important;}
.pt-3{padding-top: 1rem !important;}
.pt-4{padding-top: 2rem !important;}
.pt-5{padding-top: 3rem !important;}

.m-0{margin: 0rem !important;}
.m-1{margin: 0.25rem !important;}
.m-2{margin: 0.5rem !important;}
.m-3{margin: 1rem !important;}
.m-4{margin: 2rem !important;}
.m-5{margin: 3rem !important;}

.mx-auto{margin-left: auto !important; margin-right: auto !important;}
.mx-0{margin-left: 0rem !important; margin-right: 0rem !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2{margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-4{margin-left: 2rem !important; margin-right: 2rem !important;}
.mx-5{margin-left: 3rem !important; margin-right: 3rem !important;}

.my-0{margin-top: 0rem !important; margin-bottom: 0rem !important;}
.my-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}

.mb-0{margin-bottom: 0rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}

.mt-0{margin-top: 0rem !important;}
.mt-1{margin-top: 0.25rem !important;}
.mt-2{margin-top: 0.5rem !important;}
.mt-3{margin-top: 1rem !important;}
.mt-4{margin-top: 2rem !important;}
.mt-5{margin-top: 3rem !important;}
.mt-6{margin-top: 4rem !important;}
.mt-7{margin-top: 5rem !important;}

.sm { font-size:14px !important; line-height: 1.4;}
.xs { font-size: 12.5px !important; line-height: 1.3;}
.text-wrap-balance { text-wrap: balance !important; }

/*********************************************************
    CONTAINERS
*********************************************************/
.wrap{margin: 0 auto; }
.wrap.xxl{max-width: 1680px;}
.wrap.xl{max-width: 1380px;}
.wrap.lg{max-width: 1150px;}
.wrap.md{max-width: 940px;}

/*********************************************************
    FORMS
*********************************************************/
input[type="text"],input[type="email"],textarea{background-color: #fff; border: 1px solid #aaa; border-radius: var(--rounded-box); font-weight: 500; padding: 3px 8px;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder { color: black; font-weight: 600; opacity: 1; }
input.search-input.placeholder{ font-size: 85%; }

button, .btn, .button, input[type="submit"], input[type="button"], #submit, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background-color: var(--brand-color); border: 1px solid transparent; border-radius: var(--rounded-full); box-sizing: border-box; color: var(--white); cursor: pointer; display: inline-block; font-family: var(--font-primary); font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: .05em; padding: .85em 2em; position: relative; margin-right: .35em; text-align: center; text-decoration: none !important; text-transform: uppercase; top: 0; transition: all ease 0.25s; user-select: none; vertical-align: middle; width: auto; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-appearance: none;}

button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, #submit:hover, .btn:hover, .btn:focus, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus {box-shadow: none; opacity: 1 !important; top: -5px;}

.button.icon-only {padding: 0; width: 50px !important; height: 50px !important; display: inline-flex; align-item: center;align-content: center; justify-content: center;}
.button.icon-only svg {height: 20px; align-self: center;}
.button.icon-only.hover-reveal-text{transition:width 0.25s; -webkit-transition:width .25s; -moz-transition: width 0.25s; align-items: center;}
.button.icon-only.hover-reveal-text:hover{width: auto !important; padding: 0 1em}
.btn-sm{margin: 1px 0; text-transform: none; letter-spacing: 0; font-weight: 700; font-size: 13px !important; padding: 4px 13px; align-items: center; align-content: center; display: inline-flex; height: 30px; justify-content: center;}
.button svg {margin-right: 7px; width: 13px; margin-left: -1px;}
.btn-sm svg {margin: 0 4px 0 -8px; height: 22px; width: auto;}
.form-control{display: block; width: 100%; padding: 0.3rem 0.75rem; color: var(--font-primary); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-group{margin-bottom: 1rem;}
.border-light { border:1px solid #dde0e4; }


/*********************************************************
    FOOTER
*********************************************************/
footer{ background: var(--white); font-size: 20px; }
footer, footer p, footer a, footer h3{ color: var(--black-900); }
footer .main-menu{ padding: 6em 0 9em; display: grid; grid-template-columns: 1fr .75fr .8fr; grid-gap: 100px; width: 100%;}
footer .nav-menu ul{ column-count: 2; padding: 1em 0; list-style: none; }
footer .nav-menu ul li{ float: none; }
footer .nav-menu ul li a{ font-size: 20px; padding: 0; text-transform: none; letter-spacing: normal; }
footer h3{ font-weight: 700; font-size: 25px; }
footer .site-descriptor{ font-size: 23px; }
footer .social-profiles{ float: left; }
footer .copyright p, footer .copyright p a{ font-size: 14px; color: var(--dark-gray); }
footer a.button{ color: var(--white); background: var(--black-900); }
footer .site-name img { width:200px; }
@media screen and (max-width: 1100px) {
    footer { font-size: 16px; padding: 3em; }
    footer .main-menu { padding: 0; grid-template-columns: 1fr; }
    footer .site-descriptor { font-size: 17px; }
    footer h3 { font-size: 20px; }
    footer .nav-menu ul li a { font-size: 15px;}
}

/*********************************************************
    PAGINATION
*********************************************************/
.wp-pagenavi{font-weight: 600; clear: both; font-size: 125%;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; border: 0; padding: 6px 13px; margin: 2px; border-radius: 5px; background-color: var(--light-gray); color: var(--gray-900); font-weight: 600;}
.wp-pagenavi span.current {font-weight: bold; background: var(--link); color: white;}

/*********************************************************
    HOMEPAGE
*********************************************************/
.homepage--featured-hero{display: grid; grid-gap: var(--grid-gap); grid-template-columns: .7fr .3fr; }
.homepage--featured-hero__sermon{position:relative; }
.homepage--featured-hero__sermon--item{position:absolute; top:0; color:white; width:100%; height:100%; background:var(--brand-color); background-size: cover; background-position: center;}
.homepage--featured-hero__events--item h2{font-size:16px; font-weight:700; color:black;}
.homepage--featured-hero__events--item p{font-size:14px; font-weight:600; color:#555555; line-height: 1.3;}
.homepage--featured-hero__events{display:grid;}
.homepage--featured-hero__events--item{display: flex; width:100%; box-sizing:border-box; gap:var(--grid-gap);}
.homepage--featured-hero__events a:nth-child(n+5){ display: none; }
.homepage--featured-hero__events--item .text-wrap{ width: -webkit-fill-available; }
.homepage--featured-hero__events--item .image-wrap{ width: auto; height: 100%; position: relative; display: flex; justify-content: end; }
.homepage--featured-hero__events--item .image-wrap .image-wrap--item{ margin-top: .5em; width: 80px; height: 80px; background-size:cover; background-position: center; border-radius: var(--rounded-box); }
.pastors .card .image-wrap img { width:auto; }
.homepage__section-header a svg {transition: all ease 0.25s;}
.homepage__section-header a:hover svg {fill:var(--brand-color);}

h2.collection-header_title { font-size:36px; margin-bottom:24px; margin-top:0; }
.sermon-collection, .post-collection, .event-collection, .ministry-collection { margin-top: 36px; }

.homepage__featured-sermons {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: min-content 1fr; grid-gap: 20px; width: 100%;}
.homepage__featured-sermons .homepage__featured-sermons--sermon-menu {display: grid; grid-column: 1 / span 3; width:100%;  grid-template-columns:1fr; grid-template-rows: 1fr auto; overflow-x: scroll; grid-gap: 20px;}
.homepage__featured-sermons .homepage__featured-sermons--sermon-menu .sermon-item.full-w {width:100%;}
.homepage__featured-sermons--sermon-menu__sermon-scroll {flex: 1; display: flex !important; overflow: auto; gap: var(--grid-gap); min-height:150px;}
.homepage__featured-sermons .homepage__featured-sermons--sermon-menu .homepage__featured-sermons--sermon-menu__sermon-scroll .sermon-item{ min-width: 200px;}
.homepage__featured-sermons .homepage__featured-sermons--right-menu {grid-column: 4;  grid-row: 1/4;}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu {}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu ul { list-style:none; margin:0; padding:0; margin:0 .2em; padding:.25em; list-style: none; line-height: 1.15; font-weight:700;}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu li { margin:0; padding:0; margin:.1em 0;}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu li a { display: inline-flex; align-items: center; align-content: center; border-radius: var(--rounded-box); padding: 0.65em; color: black; width: 100%; box-sizing: border-box; grid-gap: 17px; font-weight: 700; font-size: 90%; }
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon.svg); margin-right: 0; width: 25px; height:25px; display: inline;}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.sermons a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-sermons.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.first-time a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-first-time.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.bible a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-bible.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.children a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-children.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.church a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-church.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.class a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-class.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.directions a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-directions.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.donate a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-donate.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.events a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-events.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.facebook a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-facebook.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.group a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-group.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.instagram a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-instagram.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.listen a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-listen.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.message a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-message.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.ministry a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-ministry.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.news a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-news.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.pastor a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-pastor.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.prayer a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-prayer.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.read a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-read.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.sermons a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-sermons.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.serve a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-serve.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.staff a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-staff.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.store a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-store.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.volunteer a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-volunteer.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.watch a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-watch.svg);}
.homepage__featured-sermons .homepage__featured-sermons--right-menu .quicklinks-menu .q-icon.youtube a:before { content: url(/wp-content/themes/poweredxjesus/images/icons/q-icon-youtube.svg);}
@media (max-width: 767.98px){
    .homepage__featured-sermons {grid-template-columns: 1fr; grid-gap: 0; grid-row-gap: 0px;}
    .homepage__featured-sermons .sermon-item.rounded-md:first-child .sermon-card {border-radius: 0 !important;}
    .homepage__featured-sermons .homepage__featured-sermons--right-menu {grid-column: span 1;  grid-row: 3 / span 1; }
    .homepage__featured-sermons .homepage__featured-sermons--sermon-menu {display: grid; grid-template-columns: 1fr !important; grid-template-rows: repeat(1fr) !important; grid-gap: 20px;}
    .homepage__featured-sermons .homepage__featured-sermons--sermon-menu .sermon-item {}
}

/*********************************************************
    SHORTCODES
*********************************************************/
.cta-section{box-shadow: var(--box-shadow-xl); border-radius: var(--rounded-box); overflow: hidden;margin: 1em 0 2em; display: grid; grid-template-rows: 1fr; grid-template-columns: .4fr .2fr .4fr;}
.cta-section .image{background-size: cover; background-position: center; grid-column-start: 1; grid-column-end: 2; grid-row: 1;}
.cta-section .text{grid-column: 2 / 4; grid-row: 1; background-color: rgba(255,255,255,1); backdrop-filter: blur(30px); padding: 4em 4em 4em 3em; margin: 0; box-shadow: var(--box-shadow-xl);}
.cta-section:nth-child(even) .text {grid-column-start: 1; grid-column-end: 3; grid-row: 1;}
.cta-section:nth-child(even) .image {grid-column: 3 / 4; grid-row: 1;}
.cta-section.left .image{background-size: cover !important; background-position: center  !important; grid-column-start: 1 !important; grid-column-end: 2 !important; grid-row: 1 !important;}
.cta-section.left .text{grid-column: 2 / 4 !important; grid-row: 1 !important; background-color: rgba(255,255,255,1) !important; backdrop-filter: blur(30px) !important; padding: 4em 4em 4em 3em !important; margin: 0 !important; box-shadow: var(--box-shadow-xl) !important;}
.cta-section.right .text {grid-column-start: 1 !important; grid-column-end: 3 !important; grid-row: 1 !important;}
.cta-section.right .image {grid-column: 3 / 4 !important; grid-row: 1 !important;}
.cta-section .text .text-wrap{display: grid; grid-template-columns: 68px 1fr; grid-gap: 30px;}
.cta-section .text .text-wrap .icon{display: flex; justify-content: right; align-items: flex-start;}
.cta-section .text .text-wrap .icon img{width: 100%; margin: 1em 0; display: inline-block;}
.cta-section .text .text-wrap .content{}
.cta-section h1 {font-size:150%;}
.cta-section p {font-size: 90%; line-height: 1.6;}
.service-times-box{display: grid; grid-template-columns: 1fr 100px 100px 100px; grid-gap: 6px; margin-bottom: 1em; }
.service-times-box .service-time{background: var(--light-gray-100); border-radius: var(--rounded-full); font-size: 13px; font-weight: 700; color: var(--gray-600); display: inline-flex; align-content: center; align-items: center; justify-content: center;}
.service-day {font-size: 19px; font-weight: 700; text-align: right; padding-right: 1em; color: var(--gray-300);}
@media (max-width: 767.98px){
  .cta-section{display: block; border-radius: 0; box-shadow: none;}
  .cta-section .image{position: relative; width: 100%; height: 250px; display: block;}
  .cta-section .text{display: block; position: relative; max-width: -webkit-fill-available; margin: 0; min-height: auto; padding: 2em;}
  .cta-section .text .text-wrap{display: grid; grid-template-columns: 48px 1fr; grid-gap: 15px;}
  .service-times-box{grid-template-columns: 1fr;}
  .service-times-box .service-time{font-size: 13px; padding:.2em 0;}
  .service-day{margin-top: 1em; text-align: center; font-size: 15px;}
}
.page-connect {display:grid; grid-template-columns:1fr 2fr; grid-gap:2em;}

/*********************************************************
    POSTS (GLOBAL)
*********************************************************/
.posts{display: grid; grid-gap: var(--grid-gap); }
.post{display: block; }
.post__image{position: relative; height: fit-content; }
.post__image:before{content: ""; display: block; height: 0; width: 0; padding-bottom: calc(9/16 * 100%); position: relative;}
.post-card{position: relative; min-width: 0; word-wrap: break-word; background-clip: border-box; transition: 0.2s ease; }
.post-card:hover{}
.post-card a {color:var(--body-text-color);}
.post-card h3 { font-size: 21px; font-weight: 700; }
.post-card p { font-size: 15px; line-height:1.35;}
.post-card img.avatar {position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); border-radius: var(--rounded-full); max-width: 100px;}
.post-card .image-wrap{}
.post-card .image-wrap--item{height: 150px; width: 150px; border-radius: var(--rounded-box); background-size: cover; background-position: center;}
@media (max-width: 767.98px){
    .posts.cols-3 { grid-template-columns:1fr; }
    .posts.cols-3 .post a {display: grid; grid-template-columns: 35% 1fr;}
    .post-card img.avatar {max-height:-webkit-fill-available; max-width: fit-content;}
}

/*********************************************************
    EVENTS (GLOBAL)
*********************************************************/
.events{display: grid; grid-row-gap: var(--grid-gap); }
.events.cols-3{grid-template-columns: 1fr 1fr 1fr;}
.events.cols-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.event {padding:0; padding-right:1.5em; margin-right: 1.5em; border-right:1px solid var(--gray);}
.event a {color:var(--body-text-color);}
.event:last-child {border-right:0;}
.event h3 {margin:0 0 .25em 0; font-weight:800; font-size: 96%;}
.event p {margin:0; font-weight:600; font-size: 83%;}
.event__content {line-height: 1.25;}

/*********************************************************
    MEDIA PLAYER (GLOBAL)
*********************************************************/
#player .video-display {max-height:1000px; max-height: -webkit-fill-available; opacity: 1; transition: max-height 0.5s; transition: opacity .25s; display: flex; box-sizing: border-box;}
#player .audio-display {width: 100%; padding: 0; max-height: 0px; opacity: 0; transition: max-height 0.5s; transition: opacity .25s; overflow: hidden;}
#player.show-audio .video-display {max-height: 0px; max-width: 0px; overflow: hidden; position: absolute; transition: max-height 0.5s; transition: opacity .25s; box-sizing: border-box;} 
.audio-display audio {width: 100%;} 
#player.show-audio .audio-display {max-height:1000px; max-height: -webkit-fill-available; opacity: 1; padding: 1.25em; transition: max-height 0.5s; transition: opacity .25s; box-sizing: border-box;} 
#player.show-audio{position: relative; height: fit-content; background:black; overflow: hidden;}
#player.show-audio:before{content: ""; display: block; height: 0; width: 0; padding-bottom: calc(9/16 * 100%); position: relative;}
.audio-display{position: absolute; top: 0; height: 100%; background-position: center; background-size: cover; backdrop-filter: blur(30px); max-height:1000px; max-height: -webkit-fill-available; max-width: -webkit-fill-available; box-sizing: border-box;}
.audio-backdrop{position: absolute; top: 0; height: 100%; left: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.25); backdrop-filter: blur(5px);}
.audio-thumbnail{backdrop-filter: blur(13px); background: rgba(255,255,255,.05); width: 200px; height: 200px; border-radius: 200px; background-position: center; background-size:cover; align-self:center; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; margin-top: 10%; display: inline-flex; align-content: center; justify-content: center;}
@media (max-width: 1199.98px){
    .audio-thumbnail{width: 150px; height: 150px; margin-top: 5%;}
}
@media (max-width: 767.98px){
    .audio-thumbnail{width: 90px; height: 90px; margin-top: 5%;}
}
.audio-thumbnail svg {width:125px; height:auto; color:rgba(255, 255, 255, .5);}
.audio-player{position: absolute; left: 0; right: 0; bottom: 0; padding: 1em; align-self:center;}
.switch-audio-video-button {position: absolute; top: 1em; right: 1em; z-index: 9; display: inline-flex; align-items: center; color: white; padding: 4px 10px 4px 6px; background: rgba(0,0,0,.15); backdrop-filter: blur(25px);}
.switch-audio-video-button .icon{width: 18px; display: inline-flex; height: 18px; margin-right: 3px;}
.switch-audio-video-button #switch-player-text{line-height: 1;}

/*********************************************************
    MINI (GLOBAL)
*********************************************************/
.mini{position: relative; display: block; min-width: 0; word-wrap: break-word; background-clip: border-box; transition: 0.2s ease; margin: 0 0 .5em; padding: 0 .5em; border-radius: var(--rounded-box);}
.mini .wrap{display: grid; grid-template-columns: auto 1fr; grid-gap: var(--grid-gap); align-items: center;}
.mini h2 {font-size: 19px;}
.date {font-size:12px; font-weight:700; color:#666; border-radius: 100px; padding: 0; display: inline-block; line-height: 1.25;}
.mini .text-wrap{line-height: 1;}
.mini .image-wrap{}
.mini .image-wrap--item{width: 75px; height: 75px; border-radius: var(--rounded-box); background-size: cover; background-position: center;}
.mini h2{font-size:16px; font-weight:700; color:black;}
.mini p{font-size:14px; font-weight:600; color:#555555; line-height: 1.3;}


/*********************************************************
    SERMONS (GLOBAL)
*********************************************************/
.sermons{display: grid; grid-template-rows: 1fr; grid-gap: var(--grid-gap); grid-row-gap: var(--grid-row-gap); padding-bottom: 2em;}
.sermon-card{border-radius: var(--rounded-box); position:absolute; top:0; color:white; width:100%; height:100%; border-radius:  var(--rounded-box); background-size: cover !important; background-position: center !important; background:var(--brand-color);}
.sermon {height:100%; width:100%; box-sizing: border-box;}
.sermon .meta-wrapper{position: absolute; width: auto; height: auto; bottom:1em; left: 1.5em; right: 1.5em; line-height:1.25; padding-bottom:1em;}
.sermon .meta-wrapper h1.title{font-weight:800; line-height:1; font-size:33px;}
.sermon .meta-wrapper h3{font-size: 16px;}
.sermon .meta-wrapper h3 .date{display: inline-block;letter-spacing: 0;text-transform: none; color: white; font-size: 12px; font-weight: 700; padding: 3px 1em; background-color: rgba(0,0,0,.3); backdrop-filter: blur(30px); border-radius: 100px; border:0;}
.sermon .meta-wrapper p{font-weight:600;}
.sermon-item { position: relative; height: fit-content; }
.sermon-item:before{ content: ""; display: block; height: 0; width: 0; padding-bottom: calc(9/16 * 100%); position: relative;}
.sermons.cols-4 {grid-row-gap: 100px; padding-bottom:3.5em;}
.sermons.cols-4 h1.title{ font-size:15px; }
.sermons.cols-4 .no-mobile{ display: none; }
.sermons.cols-4 .button.series-link{display: none;}
.sermons.cols-4 .meta-wrapper{display:none;}
.sermons.cols-4 .buttons{margin:1.5em 0 0 !important; }
.sermons.no-series-button .series-link { display: none; }
.play-button{display: inline-flex; height: 100%; width: 100%; text-align: center; align-items: center;justify-content: center; z-index: 10;}
.play-button a{width: 110px; height: 110px; background-color: rgba(255,255,255,.3); color: rgba(0,0,0,.7); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px);  border-radius: 110px; display: inline-flex; align-items: center; justify-content: center;}
.sermons.cols-1 .play-button a {width: 85px; height: 85px;}
.play-button svg {width: 32%; height: auto; margin-right: -7%;}
.cols-2 .play-button{align-items: flex-start; justify-content: right; }
.cols-2 .play-button a{width: 40px; height: 40px; margin-right: 20px; margin-top: 20px;}
.cols-4 .play-button a{width: 75px; height: 75px;}
.cols-1-only, .cols-4-only { display: none; }
.sermons.cols-4 .cols-4-only.meta-wrapper { display:block; position:absolute; max-width: 100%;}
.sermons.cols-1 .cols-1-only {display: block;}
.sermons.cols-1 .sermon-item {display: grid; grid-template-columns: .5fr 1fr; padding: 0; grid-gap: 1em; box-shadow: var(--box-shadow-xl); border-radius: var(--rounded-box);}
.sermons.cols-1 .sermon-item:before{display: none;}
.sermons.cols-1 .sermon-card {grid-column: 1; width: 100%; position: relative; border-radius: var(--rounded-box) 0 0 var(--rounded-box);}
.sermons.cols-1 .sermon-card .meta-wrapper{display: none;} 
.sermons.cols-1 .meta-wrapper.cols-1-only{padding: 1em;}
.sermons.cols-1 .meta-wrapper.cols-1-only h1 {font-size: 180%;}
.sermons.table {grid-gap:0; border-top:var(--light-border);}
.sermons.table .item a {display: grid; align-items: center; grid-row-gap: 0; border-bottom: var(--light-border); padding: .6em 10px .6em 10px; width: 100%;}
.sermons.table .item a .name {color:#424242;}
.sermons.table .item a .count {margin-right:1em; }
.sermons.speaker.table .item a {grid-template-columns:  30px 1fr auto; grid-column-gap: 2em;}
.recommended-reading p {}
.recommended-reading svg {width:15px !important; fill:#d7a149 !important; vertical-align: middle !important;}

@media screen and (max-width: 1300px) {
    .sermons.cols-4 .sermon .meta-wrapper h1.title{ font-size:16px; }
    .sermons.cols-4 .buttons{ margin:1em 0 0 !important; }
    .cols-4 {grid-template-columns: 1fr 1fr 1fr; padding: 0 .5em;}
    .sermons-table {grid-template-columns: 1fr 1fr;padding: 0 1em;}
    .sermons-table.mini {padding: 0;}
}

@media screen and (max-width: 1100px) {
    .play-button a{width: 75px; height: 75px;}
    .cols-4 .play-button a{width: 70px; height: 70px;}
    .cols-2 .play-button a{width: 25px; height: 25px;}
    .sermons.cols-1 .meta-wrapper.cols-1-only h1 {font-size: 150%;}
}

@media screen and (max-width: 767px) {
    .sermons.cols-4 h1.title{font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .cols-4 {grid-template-columns: 1fr 1fr;}
    .sermons-table.mini {padding: 0 1em;}
    .sermons.table .cols-2 { grid-template-columns:1fr 1fr; }
}

/*********************************************************
    BREADCRUMBS
*********************************************************/
.breadcrumb-wrapper {width: 100%; display:inline-flex; line-height: 1; color: var(--dark-gray); align-items: center; font-weight: 600 !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breadcrumb-wrapper a{color: var(--link); font-weight: 600 !important; display: inline-flex; align-items: center;}
.breadcrumb-wrapper svg {width: 1.5em; color: var(--link);}
@media screen and (max-width: 1500px) {
    .sermon-breadcrumbs span, .breadcrumb-wrapper svg{display: none;}
    .sermon-breadcrumbs span:nth-last-of-type(3n), .sermon-breadcrumbs span:last-of-type, .breadcrumb-wrapper svg:last-of-type{display: flex;}
}

/*********************************************************
    SINGLE - SERMON PAGE
*********************************************************/
.sermon-page-wrap{background:white; display:grid; grid-template-columns: 1fr 34%;}
.sermon-page-wrap .sermon-page-wrap__primary-column--wrap #sermon {margin: 0;} 
.sermon-page-wrap #media-container{max-width: 100%; margin: 0;}
.sermon-page-wrap__primary-column--wrap{max-width:970px; margin: 0 7% 0 auto; padding: 20px 0 6em;}
.sermon-page-wrap .avatar {max-width: 100%; height: auto !important; border-radius: var(--rounded-full );}
.sermon-page__title-wrap{display: grid; grid-template-columns: 1fr; margin: 0 0 1em;}
.sermon-page__title-wrap--share{display: flex;}
.sermon-page-wrap__secondary-column{background:white;}
.sermon-page-wrap__secondary-column a{color: #555;}
.sermon-page-wrap__secondary-column--wrap{height: 100%; max-width:450px; margin: 0 auto 0 0; padding: 0 0 3em;}
.sermon-page__author-wrap{display: grid; padding:1em 0; grid-gap: 1em; grid-template-columns: auto 1fr;}
.sermon-page__author-wrap--name{line-height: 1;}
.sermon-page__author-wrap--name .name, .sermon-page__author-wrap--name .name a{font-size: 14px; font-weight: 600 !important; line-height: 1.3;}
.sermon-page__author-wrap--name strong a{font-weight: 600;}
.sermon-page__author-wrap--avatar img, .sermon-page__author-wrap--avatar svg {width: 45px; height:45px; border-radius: 45px; margin: 0; padding: 0; border: 0 !important; max-height: 45px; max-width: 45px; }
.sermon-page__author-wrap.with-bio {  }
.sermon-page__author-wrap.with-bio .sermon-page__author-wrap--name{line-height: 1.5;}
.sermon-page__author-wrap.with-bio .sermon-page__author-wrap--avatar img, .sermon-page__author-wrap.with-bio .sermon-page__author-wrap--avatar svg {width: 150px; height:150px; border-radius: 150px; max-height: 150px; max-width: 150px; }
.sermon-page__download-menu{margin: 2em 0 1em; font-size: 93%; line-height: 1.25;}
.sermon-page__download-menu--item-wrap{border-bottom: 1px solid var(--gray-border);}
.sermon-page__download-menu--item-wrap:first-child{border-top: 1px solid var(--gray-border);}
.sermon-page__download-menu--item{display: block; padding: 1em; font-weight: 600; transition: background-color 0.25s ease;}
.sermon-page__download-menu--item:hover{background: var(--light-gray-300);}
.sermon-page__download-menu--item svg{color: #BABABA; vertical-align: middle; max-width: 100%;}
.sermon-page__body-wrap--transcript p{font-weight: 500;}
.sermon-page__body-wrap--introduction-text{font-size:116%; line-height: 1.78;}
.sermon-page__body-wrap--introduction-text, .sermon-page__body-wrap--introduction-text p{color:var(--gray-550); font-weight:500; }
.sermon-page__download-menu--item-wrap--button-grid{display: grid; grid-template-columns: 32px 1fr; grid-gap: 1em;}
.sermon-page__download-menu--item-wrap--button-grid-icon-column{text-align: center;}
.sermon-page__download-menu--item-wrap--button-grid-text-column{display: flex; align-items: center;}
.sermon-page__sticky_menu{position: sticky; top: 0; padding-bottom: 150px; padding-top: 2em;}
.sermon-page__body-wrap--transcript h2 {font-size: 122%;}
.sermon-page__body-wrap--scripture button.collapsible-bible-verse{cursor: pointer; padding: 18px 18px 18px 30px; width: 100%; text-align: left; font-size: 90%; color: var(--gray-900) !important; margin-bottom: .5em; background: var(--light-gray-200);}
.sermon-page__body-wrap--scripture .collapsible-bible-verse-content{margin: 0; padding: 0;}
.collapsible-bible-verse-content-wrap{margin-bottom: 1em;}
.collapsible-bible-verse-content-wrap h3{padding-left: 1em; border-bottom: var(--light-border);}
.collapsible-bible-verse-content-wrap p{font-size: 85%; font-weight: 500; line-height: 1.75; padding: 2em 4em; font-style: italic;}
.collapsible-bible-verse-content-wrap details{border: var(--light-border); border-radius: var(--rounded-box); overflow: hidden;}
.collapsible-bible-verse-content-wrap summary{padding:1em 1.5em; border-bottom: var(--light-border); cursor: pointer; font-weight: 600; color: var(--gray-900);}
.collapsible-bible-verse-content-wrap summary::marker{margin-right: 1em; color: var(--gray-300);}
.collapsible-bible-verse-content-wrap svg{width: 24px; float: left; margin-right: 11px; margin-top: 11px; color: rgba(0,0,0,.3);}
.collapsible-bible-verse-content-wrap .passage-source{font-size: 80%; font-style: normal; text-align: right; text-transform: uppercase; letter-spacing: .06em;}
.collapsible-bible-verse-content-wrap .passage-source, .collapsible-bible-verse-content-wrap .passage-source a{color:  var(--gray-300); font-weight: 700;}
.sermon-page__body-wrap--accordion div:first-child {border-top:var(--light-border);}
.sermon-page__body-wrap--accordion .sermon-accordion-header { display: flex; align-items:center; grid-gap:.75em; cursor: pointer; }
.sermon-page__body-wrap--accordion .sermon-accordion-header .caret {display: inline-block; transition: all .25s; }
.sermon-page__body-wrap--accordion .sermon-accordion-header .caret svg {width:20px !important; fill: var(--gray-200); width:100%; display: inline-block; }
.sermon-page__body-wrap--accordion .sermon-accordion-header .caret svg path { }
.sermon-page__body-wrap--accordion .sermon-accordion-header .caret.active { display: inline-block; rotate:45deg !important; transform: rotate(45deg) !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.sermon-page__body-wrap--accordion #sermon-outline-body {font-size: 90%; line-height: 1.45;}
.sermon-page__body-wrap--accordion #sermon-outline-body ol {list-style-type: upper-roman;}
.sermon-page__body-wrap--accordion #sermon-outline-body ol li {margin: .5em 0 .25em; padding: .25em .25em .35em;}
.sermon-page__body-wrap--accordion #sermon-outline-body ol > li > ol {list-style-type: lower-alpha;}
.sermon-page__body-wrap--accordion #sermon-outline-body ol > li > ol > li > ol {list-style-type: lower-roman;}
.sermon-page__body-wrap--scripture .collapsible-bible-verse:after{ content: url(/wp-content/themes/thestory-child/images/expand.svg); color: white; float: right; margin-left: 10px; font-weight: 200;line-height: 0; width: 20px;}
.sermon-page__body-wrap--scripture .collapsible-bible-verse.active:after{content: url(/wp-content/themes/thestory-child/images/collapse.svg);}
.sermon-page__body-wrap--author{border-top: 1px solid var(--gray-border); padding-top: 1em; margin-top: 2em; display: grid; grid-template-columns: 145px 1fr; grid-gap: 30px;}
.sermon-page__body-wrap--author--avatar{display: flex; align-items: flex-start;}
.sermon-page__body-wrap--author--name h3{padding-top: 2em;}
.sermon-page__body-wrap--author--name p{font-size: 85%; font-weight: 500;}
.sermon-subscribe-wrap{background:white; display:grid; grid-template-columns: 1fr; text-align:center; grid-gap:10px; line-height: 1.2;}
.sermon-page__subscribe a{background: white; font-weight: 700; color: black; font-size: 16px; display: inline-flex; align-content: center; align-items: center; transition: .25s ease; grid-gap:20px; border-radius:var(--rounded-full); padding-left: 20px !important;}
.sermon-page__subscribe svg{margin: 0; display: block; color: #959595; width: 28px;}
.sermon-page__subscribe a.app-store:hover svg {color: #2196F3;}
.sermon-page__subscribe a.youtube:hover svg {color: #FE0200;}
.sermon-page__subscribe a.podcast:hover svg {color: #A91CD2;}
.sermon-page__recommended-series--header{display: grid; grid-template-columns: auto 1fr; grid-gap:var(--grid-gap);}
.sermon-page__recommended-series--header .image-wrap{width: 100px; height: 100px; background-position: center; background-size: cover; }

@media screen and (max-width: 1600px) {
    .sermon-page-wrap__primary-column--wrap{padding: 10px; margin: 0;}
}
@media screen and (max-width: 1500px) {
    .sermon-page__title-wrap{grid-template-columns: 1fr; grid-gap: 0; margin: 1em 0;}
    .sermon-page__title-wrap h3{padding: 0 0 0.25em; font-size: 90%;}
    .sermon-page-wrap__secondary-column--wrap{margin: 0 9%; font-size: 80%; max-width: 100%; padding: 1em 10px;}
    .sermon-subscribe-wrap{grid-template-columns: 1fr;}
}
@media screen and (max-width: 1200px) {
    .sermon-page-wrap__primary-column--wrap{padding: 10px;}
    .sermon-page__series-menu .lp-wrapper{grid-template-columns: 90px 1fr; grid-gap: 10px;}
}
@media screen and (max-width: 900px) { 
    .sermon-page__body-wrap--author{grid-template-columns:1fr; grid-gap: 20px;}
    .sermon-page__body-wrap--author--avatar{width: 80px; justify-self: center;}    
    .sermon-page__body-wrap--author--name h3{text-align: center; padding-top: 0;}
}
@media screen and (max-width: 767px) {
    .sermon-page-wrap__primary-column--wrap{padding: 0;}
    .sermon-page-wrap{grid-template-columns: 1fr;} 
    .sermon-page__subscribe svg{margin: 0; display: inline-block; color: #959595;}
    .sermon-page-wrap__secondary-column--wrap {margin: 0;}
    .sermon-page__sticky_menu {padding-bottom: 0;}
}
/*********************************************************
    PAGE.PHP
*********************************************************/
.ministry-page-header { border-bottom:1px solid var(--light-gray); }
.ministry-page-header .ministry-page-header__grid { display:grid; grid-template-columns: 1fr 1fr; grid-gap:var(--grid-gap); }
.ministry-page-header .ministry-page-header__grid .ministry-page-header__grid--text-column {display:grid; grid-template-columns: 80px 1fr; grid-gap:var(--grid-gap);}
.ministry-page-header svg { border-radius: var(--rounded-full); background:var(--light-gray); }
.ministry-page--social-icons { display: flex; align-items: center; grid-gap:6px;  flex-wrap: wrap; }
.ministry-page--social-icons svg { max-width: 44px; }
.ministry-page--social-icons .social-icon { display: flex !important; align-items: center;}
@media screen and (max-width: 767px) {
    .ministry-page--social-icons { justify-content: center; }
    .ministry-page-header__grid--text-column, .ministry-page-header__grid--social-column, .ministry-page-header__grid--social-column { width:100%; }
    .ministry-page-header .ministry-page-header__grid { grid-template-columns: 1fr; }
    .ministry-page-header img, .ministry-page-header svg { width:80px; height: 80px }
    .ministry-page-header .ministry-page-header__grid .ministry-page-header__grid--text-column {grid-template-columns: auto 1fr;}
    .ministry-page-header .ministry-page-header__grid .ministry-page-header__grid--social-column { text-align: center !important;}

}

/*********************************************************
    SERMON ARCHIVE
*********************************************************/

.sermon-library-sidebar ul {list-style: none; padding: 0; margin: 0; line-height: 1.25;}
.sermon-library-sidebar a {display:block; padding: .5em .5em;font-size: 16px; font-weight: 600; transition: all .25s ease; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: var(--rounded-box); color: var(--black);}
.sermon-library-sidebar h3:first-child {margin-top: 0;}
.sermon-library-sidebar h3 {margin: 1.5em 0 .5em;}

.sermons-page__page-header{display: grid; grid-template-columns: 1fr auto;}
.sermons-page__page-header .description {grid-column: span 2;}
.sermons-page__page-header .search {max-width: 300px; display: flex; align-items: end;}
.sermons-page__page-header .search .searchform {width: 100%;}
.recent-sermons-hero-table.sermons-table {display: grid; grid-template-columns:3fr 1fr; grid-gap: 2em;}
.recent-sermons-hero-table.sermons-table .sermons-table--item  p {line-height: 1.25;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest {grid-row: 1 / 4;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest h2 {font-size: 33px; position: relative; left: 0; font-weight: 800; margin: .35em 0; bottom: 0;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest h3 {font-size:  16px; font-weight: 800; color: white; margin: 0;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest p {font-size: 18px;color: white; margin: 0 0 1.5em; font-weight: 600;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest a.button {width: auto;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest .meta-wrapper {position: absolute; bottom: .5em; padding: 1em; width: 100%; box-sizing: border-box;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.featured-event {background: white; border-radius: 0;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.featured-event .sermons-table--item__box--image {width: 100px; height: 100px; border-radius: 0;}
.recent-sermons-hero-table.sermons-table .sermons-table--item__box {display: flex;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.featured-event .title {color: black; position: relative; margin: 0; padding: 0;}
.recent-sermons-hero-table.sermons-table .sermons-table--item.latest .meta-wrapper a {display: inline-block; position: relative;}
.sermons-page__category-header {margin: 1em auto 2em; width: 100%; max-width: 960px; text-align: center;}
.sermons-page__more-wrap {text-align: center; margin: 0 0 9em;}
.sermons-page__page-header + .sermons-table {margin-top: 1em;}

@media screen and (max-width: 767px) {
    .sermons-page__page-header {padding: 0 1em;}
    .sermons-page__page-header h1 {font-size: 21px;}
    .sermons-page__page-header .title {grid-column: span 2; margin-bottom: 1em;}
    .sermons-page__page-header .search {max-width: 100%;grid-column: span 2;}
    .recent-sermons-hero-table.sermons-table {grid-template-columns: 1fr;}
    .recent-sermons-hero-table.sermons-table .sermons-table--item.latest:before {padding-bottom: calc(9/16 * 100%);}
    .recent-sermons-hero-table.sermons-table .sermons-table--item.latest a.button {width: 100%;}
}

/*********************************************************
    SERIES (GLOBAL)
*********************************************************/
.series{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-gap: 0; grid-row-gap: 0; padding-bottom: 2em;}
.series.cols-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.series-header { display:grid; grid-auto-flow: column; grid-gap: 2em; align-items: center; grid-template-columns: auto 1fr;}
.series-header .image-wrap { height:12em; width:12em; }

@media (max-width: 767.98px){
    .series-header .image-wrap { height:8em; width:8em; }
    .series-header { grid-template-columns: 1fr; grid-auto-flow: row;}
}

@media screen and (max-width: 1300px) {
    .series,.series.cols-4{grid-template-columns: 1fr 1fr; padding: 0 .5em;}
}
.series-card{border-radius: 0; background: var(--brand-color); position: relative; background-size: cover; background-position: center center;}
.series-card:before{content: ""; display: block; height: 0; width: 0; padding-bottom: calc(5/4 * 100%); position: relative;}
.series-card a{box-sizing: border-box; width: 100%; height: 100%; display: block; position: absolute; top: 0;}
.series-card a h2.title{font-size: 15px; position: absolute; bottom: .5em; left: 1em; color: white; right: .5em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.series-card a .meta{position: absolute; top: .5em; right: .5em; color: white; font-size: 12px; font-weight: 700; padding: 3px 1em; backdrop-filter: blur(30px); background-color: rgba(0,0,0,.3); border-radius: 100px; line-height: 1.2; text-align: right;}

/*********************************************************
    MINISTRIES (GLOBAL)
*********************************************************/
.ministries{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:var(--grid-gap);}
.ministry{border-radius: var(--rounded-box); background:black; position: relative; background-size: cover; background-position: center; transition: all ease 0.25s; overflow: hidden;}
.ministry:before{content: ""; display: block; height: 0; width: 0; padding-bottom: calc(16/9 * 100%); position: relative;}
.ministry-card{background: var(--gradient-ministries); position: absolute; bottom: 0em; left: 0; right: 0; width: 100%; height: 100%; transition: all ease 0.25s;}
.ministry:hover .ministry-card {background: var(--gradient-ministries-hover);}
.ministry-card .text-wrap{position: absolute; bottom: 0; left: 1em; right: 1em; transition: all ease .25s;}
.ministry:hover .ministry-card .text-wrap{ bottom: 1em;  }
.ministry-card .text-wrap h2{font-size: 25px;}
.ministry-card .text-wrap p{transition: all ease 0.25s; opacity: 0; font-size:  15px;}
.ministry:hover .text-wrap p{opacity: 1;}


/*********************************************************
    ARTICLE
*********************************************************/
.article{padding-top: 2rem; display: grid; grid-template-columns: minmax(1.2rem,1fr) minmax(auto,57ch) minmax( 1.2rem, 1fr ); width: 100%; margin: auto;}
.article h1,.article h2, .article h3, .article h4, .article p, .article ul, .article ol, .article blockquote {grid-column:2;}
.article h1.title{grid-column: 1/4; margin-bottom: 1em;}
.article .cta-section{grid-column: 1/4;}
.article a{text-decoration: underline;}
.article p{margin-top: 0; margin-bottom: 2.5rem;}
.article ol,ul,dl{margin-top: 0; margin-bottom: 2rem;}
.article ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
.article li{margin-bottom: 0.25rem;}
.article iframe{margin-bottom: 2rem; width: 100%; max-width: 100%;}
.article blockquote{padding-left: 2.5rem; margin: 0; color: var(--body); opacity: 0.75; border-left: 5px solid var(--primary); font-style: italic; font-family: var(--font-primary);}
.article .cta-section {grid-column: 1/4;}
.article img {grid-column: 2; max-width: 100%; height: auto; margin-bottom: 2em;}
.article p img.full {grid-column: 1/4;}


/*********************************************************
    WORDPRESS
*********************************************************/
.alignnone{margin: 0; max-width: 100%; height: auto;}
.aligncenter, div.aligncenter{display: block; margin: auto; max-width: 100%; height: auto;}
.alignright{float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto;}
.alignleft{float:left; margin: 0 20px 20px 0; max-width: 100%; height: auto;}
a img.alignright{float: right; margin: 0 0 20px 20px; max-width: 100%; height: auto;}
a img.alignnone{max-width: 100%; width: 100%; height: auto;}
a img.alignleft{float: left; margin: 0 20px 20px 0; max-width: 100%; height: auto;}
a img.aligncenter{display: block; margin: auto; max-width: 100%; height: auto;}
.wp-caption{background: none; border: none; max-width: 100%; text-align: left; margin: 0 0 40px 0 !important;}
.wp-caption.alignnone{margin: 0 0 40px 0;}
.wp-caption.alignleft{margin: 5px 20px 20px 0;}
.wp-caption.alignright{margin: 5px 0 20px 20px;}
.wp-caption img{border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 11px; padding: 0;  margin: 0px !important;}
.wp-block-image{margin: 0 0 2.5rem 0;}
.wp-block-image img{max-width: 100%; width: 100%; height: auto;}


/*********************************************************
    WOOCOMMERCE STORE
*********************************************************/
.woocommerce h1, .woocommerce p {grid-column: 1/3;}
.woocommerce .woocommerce {grid-column: 1/4;}
.article .woocommerce {grid-column: 1/5;}
.woocommerce-notices-wrapper {grid-column: 1/6;}

/*********************************************************
    SHORTCODES
*********************************************************/
.latest-shortcode { display: grid; grid-template-columns: 1fr 2fr; grid-column-gap: 2em; grid-row-gap: 0; }
.latest-shortcode {}
.latest-shortcode {}

@media screen and (max-width: 767px) {
    .latest-shortcode { display: grid; grid-template-columns: 1fr; }
}

/*
.woocommerce-shop section.container {max-width:100% !important;}
.woocommerce-shop {}
.woocommerce-shop h1 {font-size: 50px; font-weight: 900; grid-column: 1/4;}
.woocommerce-shop .woocommerce {grid-column: 1/4;}
.woocommerce ul.products{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto auto; grid-gap: 2em;}
.woocommerce ul.products .button{display: none;}
@media (max-width: 991.99px){
    .woocommerce ul.products {grid-template-columns: 1fr 1fr;}
}
.woocommerce ul.products::before {display: none;}
.woocommerce ul.products a {}
.woocommerce ul.products h2 {font-size: 25px !important; font-weight: 800;}
.woocommerce ul.products li.product .woocommerce-loop-product__title { margin: 1em 0 0; padding:0; }
.woocommerce ul.products li.product a img {border-radius: var(--rounded-box); margin:0;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 100% !important; margin: 0;}
.woocommerce ul.products li.product .price {color:#9F9F9F; font-weight: 700; font-size: 15px !important; margin: 0;}
.woocommerce ul.products li.product .button {margin:1em 0; background:none; border:2px solid #6A6A6A; color: #D0D0D0; letter-spacing: 0; text-transform: none; font-size: 13px; border-radius: var(--rounded-full);}
.woocommerce-shop .woocommerce .woocommerce-ordering { background: none; border-radius: var(--rounded-full); border: 2px solid #6A6A6A; padding: 0.3em 0.75em; align-content: center; display: inline-flex; }
.woocommerce-shop .woocommerce .woocommerce-ordering select { background:none; color:#D0D0D0; border: 0; font-weight: 700; font-size: 14px;}
.product-template-default section.container {background:var(--gradient-store); max-width:100% !important;}

.woocommerce div.product .summary.entry-summary {border: 3px solid #6A6A6A; border-radius: var(--rounded-box); grid-column: 2/4; grid-row: 2; width: 100%; padding: 1em; }
.woocommerce div.product { display: grid; grid-template-columns: 700px 1fr; grid-template-rows: auto 1fr; grid-gap: 4em; grid-row-gap: 2em;}
.woocommerce div.product .woocommerce-tabs { grid-column: 1; grid-row: 1/3; }
.woocommerce div.product .related.products { grid-column: 1/4; grid-row: 3; }
.woocommerce div.product form.cart {margin-bottom: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs {font-size: 13px; display: none;}
.woocommerce div.product div.images { margin-bottom: 0; }
.woocommerce div.product div.images.woocommerce-product-gallery {max-width: 12em; max-height: 12em; margin: 0 auto; width: 100%; height: 100%;}
.woocommerce-page div.product div.summary { grid-row:2; width:100%; text-align: center; height: fit-content; padding: 0;}
.woocommerce-page div.product div.images { width: 100%; border-radius: var(--rounded-box); }
.woocommerce .related.products ul.products { grid-template-columns: 1fr 1fr 1fr 1fr; }
.woocommerce button.button.alt {margin:1em 0; background:none; border:2px solid #6A6A6A; color: #D0D0D0; letter-spacing: 0; text-transform: none; font-size: 13px; border-radius: var(--rounded-full);}
.woocommerce div.product .summary.entry-summary p {margin:0; padding: .25em 1em 0; color: #9F9F9F; width: 100%; line-height: 1;}
.woocommerce div.product h2 { font-size: 21px; margin:  2em 0 0;}
.woocommerce div.product .woocommerce-product-gallery { grid-column: 2/4; grid-row: 1; overflow: hidden; border-radius: var(--rounded-box);}
.woocommerce div.product .product_meta { font-size:13px; margin:0 0 1em; }*/

/*
body.product-template-default {background: var(--gradient-store); background-size: cover; background-position: center; background-repeat: no-repeat;}



.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left; position: relative; width: 22.05%; margin-left: 0; padding: 0; border-radius: var(--rounded-box); transition: ease all .25s; box-shadow: var(--box-shadow-lg); overflow: hidden;}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {box-shadow: var(--box-shadow-xl);}
.woocommerce-loop-product__title {color:black !important; font-size:15px !important; padding:0 1em !important;}
.woocommerce ul.products li.product .price {font-weight: 700; font-size:15px; padding:0 1em;  }
.woocommerce ul.products li.product a img {border-radius: 0; }
.woocommerce .woocommerce-ordering select {background:none; font-weight: 600; font-size: 16px; display: flex; align-items: center; align-content: center; border: 0; cursor: pointer; }
.woocommerce .woocommerce-ordering {margin: 0 0 1em; background: white; border-radius: 255px; padding: 0.25em 0.5em; border: 2px solid var(--light-gray-400);}
.woocommerce ul.products li.product .button {background: white; border-radius:100px; border:1px solid var(--light-gray-400); font-weight: 600; font-size: 15px; letter-spacing: 0; text-transform: none; margin: .5em .75em 1.5em;}


.woocommerce .product h1 { margin-top: .5em; margin-bottom: 1em; }
.related.products h2 {margin-top:  2em; margin-bottom: 1em !important;}
.summary.entry-summary .woocommerce-Price-amount.amount {font-size: 35px; font-weight: 900;}
 */


/*********************************************************
    RESPONSIVE
*********************************************************/
.mobile-only {display: none !important;}

@media (max-width: 1199.98px){
  h1, .h1, h1.xl, .h1.xl { font-size: 40px; }
  .homepage--featured-hero {grid-template-columns: 1fr;}
  .homepage--featured-hero__sermon .sermon-card {border-radius: 0; }
  .homepage--featured-hero__events {grid-template-rows: repeat(5, auto); padding: 0 var(--grid-gap);}
  .homepage--featured-hero__events--item {gap:var(--grid-gap);}
  .homepage--featured-hero__sermon--item .recent-sermons__item {border-radius: 0;}
}

@media (max-width: 991.99px){
  .container{max-width: 100%;}
  .text-lg-center{text-align: center !important;}
  button, .btn, .button, input[type="submit"], input[type="button"], #submit { padding: .5em 1em; font-size: 13px; }
  .sermon .meta-wrapper h1.title {font-size:25px;}
  .sermon .meta-wrapper h3 {font-size: 13px;}
  .recent-sermons__item .sermon .meta-wrapper {padding: .1em;}
  .recent-sermons__item .sermon .meta-wrapper h1.title {font-size: 20px;}
  .post-card .image-wrap--item{width: 75px; height: 75px;}
  .post-card h3 {font-size:15px;}
  .post-card h2 {font-size:17px;}
  .post-card p {font-size:13px;}
  .ministries{padding: 0 .5em;grid-template-columns: 1fr 1fr; grid-gap: var(--grid-gap-sm);}
}

@media (max-width: 767.98px){
  .px-md-0{padding-left: 0rem !important; padding-right: 0rem !important;}
  .px-md-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
  .px-md-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
  .px-md-3{padding-left: 1rem !important; padding-right: 1rem !important;}
  .pb-md-0{padding-bottom: 0 !important;}
  .py-md-0{padding-top:0!important; padding-bottom: 0 !important;}
  .py-md-1{padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
  .py-md-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
  .py-md-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
  .my-md-0{margin-top:0 !important; margin-bottom:0 !important;}
  .my-md-1{margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
  .my-md-2{margin-top: .5rem !important; margin-bottom: .5rem !important;}
  .mb-md-0{margin-bottom: 0 !important;}
  .mb-md-2{margin-bottom: .25rem !important;}
  .mb-md-2{margin-bottom: .5rem !important;}
  .mb-md-3{margin-bottom: 1rem !important;}
  .mb-md-4{margin-bottom: 2rem !important;}
  .mb-md-5{margin-bottom: 3rem !important;}
  .mt-md-0{margin-top: 0 !important;}
  .mt-md-1{margin-top:0.25rem !important;}
  .mt-md-3{margin-top: 1rem !important;}
  .cols-2 { grid-template-columns: 1fr; }
  .text-md-center{text-align: center !important;}
  .btn{ line-height: 1;}
  .no-mobile {display: none !important;}
  .mobile-only {display: block !important;}
  .small{font-size: 100% !important;}

  h1.xl, .h1.xl { font-size: 30px; }
  h1, .h1{font-size: 21px;}
  h2.xl, .h2.xl {font-size: 17px;}
  h2, .h2{font-size: 17px;}
  h3, .h3{font-size: 14px;}
  body, p, blockquote {font-size: 14px;}

  .recent-sermons {grid-template-columns: 1fr; grid-gap: var(--grid-gap-sm); margin-bottom: 20px;}
  .rounded-md, .rounded-full-md {border-radius: 0 !important;}
  .w-md-100 { width:100%; max-width: -webkit-fill-available;}
}

@media (max-width: 575.99px){
  .header{font-size: 0.75rem;}
}

.blink{-webkit-animation: blink .9s alternate infinite; -moz-animation: blink .9s alternate infinite; -ms-animation: blink .9s alternate infinite;}
.light.blink {width: 10px; height: 10px; background: #ff172c; border-radius: 10px; margin: 0px 2px 0px 0px; display: inline-block;}
@-webkit-keyframes blink {0%{opacity: 0.1;} 100%{opacity: 1;}}
@-moz-keyframes blink {0%{opacity: 0.1;} 100%{opacity: 1;}}
@-ms-keyframes blink {0%{opacity: 0.1;} 100%{opacity: 1;}}






/*************** OLD ***************/
/*************** OLD ***************/
/*************** OLD ***************/
/*************** OLD ***************/
/*************** OLD ***************/
/*************** OLD ***************/





/*************** EVENTS TABLE **************/

.events-table {
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
    .events-table { 
        grid-template-columns: 1fr;
        padding: 1em;
    }
}

.events-table--item {
    color: white;
    border-radius: var(--rounded-box);
    background: black;
    font-weight: 500;
    background-position: center;
    background-size: cover;
    line-height: 1.2;
    height: 300px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .events-table--item  { 
        height: auto;
    }
}


.events-table--item h3 {
    font-size: 25px;
    font-weight: 700;
    color: white;
}

@media screen and (max-width: 767px) {
    .events-table--item h3 {
        font-size: 19px;
    }
}


.events-table--item a {
    margin: 0;
    padding: 2em;
    display: block;
    max-height: -webkit-fill-available;
    color: white;
    font-size: 21px;
}


@media screen and (max-width: 767px) {
    .events-table--item a {
        padding: 1em;
    }
}

.events-table--item a p {
    margin: 0 0 1em;
}

@media screen and (max-width: 767px) {
    .events-table--item a p {
        margin: 0 0 3em;
    }

}

.events-table--item .button {
    position: absolute;
    right: 1em;
    bottom: 1em;
    top: auto;
}
.events-table--item__text-box {
    margin-top: 2em;
}

@media screen and (max-width: 767px) {
    .events-table--item__text-box {
    margin-top: 0;
    }
}

/*************** PASTOR PAGE ***************/

.pastor-template .header-wrapper {
    position: absolute;
    top: 0;
    height: 300px;
}

.pastor-template .content-wrap {
    margin: 365px auto 4em; 
}

.pastor-template .full-bg-image {
    background-position: top -245px right 0; 
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .pastor-template .content-wrap {
        margin: 265px auto; 
    }
}

.pastor-hero-image img.wp-post-image {
    border: 3px solid white;
    width:12em; 
    display:block; 
    margin:2em auto 0; 
    border-radius:12em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6em;
}


.pastor-hero-image img.avatar {
    border: 3px solid white;
    width:9em; 
    display:block; 
    margin:0 auto; 
    border-radius:12em;
}

/*************** MEDIA PLAYER ***************/

#media-wrap {
    border-radius: var(--rounded-box);
}

.mejs-overlay-play {
    display: inline-flex;
    justify-content: center;
    justify-items: center;
}

.mejs__button button {
    border-radius: 0;
}

.mejs__button button:hover {
    background-color: rgba(0,0,0,0);
}

.play-video-button, .play-audio-button {
    backdrop-filter: blur(30px);
    background-color: rgba(255,255,255,.3) !important;
    border: 0;
    opacity: 1;
    line-height: 1;
    font-weight: 600;
    color: rgba(0,0,0,.7);
}

.play-video-button {
    width: 100px !important;
    height: 100px !important;
    border-radius:  100px !important;
}


.play-video-button:before {
    border-color: transparent transparent transparent black;
    opacity: .65;
    top: 51%;
    left: 52%;
}

.play-video, .play-video-button, .play-audio-button:first-child {
    height: auto;
    line-height:1;
    margin-top: 0;
}

.play-audio-button {
    margin-top: 150%;
    font-size: 16px;
    padding: 1em 2em;
    width: 345px;
    border-radius: 345px;
}

.play-audio-button:first-child {
    padding: 1em 2em;
}

.play-audio-button:after {
    content: 'Play Audio Only';
}

.play-audio-button:first-child:before {
    display: none;
}

.return {
    color: white;
    background: none;
}

#control-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
}

#control-wrap img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .play-audio-button {
        margin-top: 6.25em;
        font-size: 12px;
        padding: 9px 15px;
        width: 103%;
        border-radius: 345px;
    }

    .play-video-button {
        margin-left: 0;
        width: 64px !important;
        height: 64px !important;
        border-radius: 75px !important;
    }

    .play-video-button:before {
        border-color: transparent transparent transparent black;
        opacity: .65;
        top: 51%;
        left: 52%;
        margin: -10px 0 0 -7px !important;
        border-width: 10px 0 10px 16px !important;
    }
}

/*


#media-wrap button {
    border-radius: 0;
}

.mejs-overlay-play {
    position: unset;
    top: 45%;
    left: 50%;
    width: 100%;
    margin: -45px 0 0 -50px;
    cursor: pointer;
}


.play-audio-button {
    text-align: center;
    margin-top: 100px;
    bottom: 10px;
    right: 10px;
    width: fit-content;
    padding: 0 15px;
    font-weight: 600;
    position: absolute;
    border-radius: 100px;
    backdrop-filter: blur(30px) !important;
    background: rgba(255,255,255,.3);
    border: 0;
    color: black;
    font-size: 75%;
    box-shadow: var(--box-shadow-lg);
    opacity: 1;
}

#control-wrap {
    position: absolute;
    height: 100%;
}

#control-wrap img {
    width: 100%;
    height: 100%;
}

#control-wrap img:after {
    content: '';
    width: 100%;
    height: 100%;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
}
*/


/*************** SERMON CAROUSEL ***************/

.sermon-carousel {
    padding: 2em 0;
}

@media screen and (max-width: 767px) {
    .sermon-carousel {
        padding: 0;
    }
}

.sermon-carousel--item {
    position: relative; 
    background-position: center !important;
    background-size: cover !important;
}

.sermon-carousel--item h1, .sermon-carousel--item h3, .sermon-carousel--item p {
    color: white;
    margin: 0;
    padding: 0 100px 0 0;
}

@media screen and (max-width: 1400px) {
    .sermon-carousel--item h1, .sermon-carousel--item h3, .sermon-carousel--item p {
        padding: 0;
    }
}



.sermon-carousel--item p { 
    line-height: 1.4;
}

.sermon-carousel--item h1 {
    line-height: 1;
}

.sermon-carousel--item:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    padding-bottom: calc(9/16 * 100%);
    position: relative;
}

.sermon-carousel--item__text-wrap {
    position: absolute;
    bottom: 2em;
    left: 2em;
}

.sermon-carousel--item__text-wrap h3.uppercase .meta-date {
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    background: rgba(0,0,0,.2);  
    padding: .25em 1em;  
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 1em;
    display: inline-block;
}

.glide__slide {
    background: var(--black);
    border-radius: var(--rounded-box);
    opacity: .35;
    transition: all ease 0.25s;
}

@media screen and (max-width: 767px) {
    .glide__slide {
        border-radius: 0;
    }
}

.glide__slide--active {
    opacity: 1;
}

button.glide__arrow {
    width: 5em;
    height: 5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 0;
    backdrop-filter: blur(30px);
    background: rgba(255,255,255,.95);
}

button.glide__arrow svg {
    width: 80%;
    color: rgba(0,0,0,.7);
}

button.glide__arrow:hover {
    top: 50% !important;
}

button.glide__arrow:active {
    position: absolute;
    bottom: auto !important;
}

button.glide__arrow--left {
    left: 20%;
}

button.glide__arrow--right {
    right: 20%;
}

@media screen and (max-width: 1400px) {
    button.glide__arrow--left {
        left: 0;
    }
    button.glide__arrow--right {
        right: 0;
    }
}

.glide__bullets {
    bottom: 0.25em;
}

/*************** SERMON ARCHIVE ***************/




.sermons-table--item__box--image {
    border-radius: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    position: relative;
}

.series-page__cover-image {
    background-size: cover;
    background-position: center;
    display: none;
    position: relative;
}

.series-page__cover-image a.back {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;

}

.series-page__cover-image a.back svg {
    width: 40px;
}

@media screen and (max-width: 767px) {
    .series-page__cover-image { 
        display: block;
    }
}

.series-page__cover-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  padding-bottom: calc(9/16 * 100%);
}

.sermons-table.square .sermons-table--item:before {
  padding-bottom: calc(1 * 100%);
}
.sermons-table--item a {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.sermons-table--item a h2.title {
    font-size: 15px;
    position: absolute;
    bottom: .5em;
    left: 1em;
    color: white;
}


.sermons-table--item a h2.title .sermon-verse {
    font-size:90%;
    color:rgba(255,255,255,.7);
}

.sermons-table--item a .meta {
    position: absolute;
    top: .5em;
    right: .5em;
    color: white;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 1em;
    backdrop-filter: blur(30px);
    background-color: rgba(0,0,0,.3);
    border-radius: 100px;
    line-height: 1.2;
    text-align: right;
}

@media screen and (max-width: 1300px) {

    .sermons-table.mini .sermons-table--item a .meta {
        font-size: 10px;
    }

    .mini .sermons-table--item.sermon a h2.title {
        font-size: 13px !important;
    }

    .mini .sermons-table--item.sermon a h2.title .sermon-verse {
        font-size: 12px !important;
    }
}



/** DUPLICATE STYLING FOR MOBILE VIEW & PLACES THAT NEED SMALL SERMON STYLING **/
@media screen and (max-width: 767px) {
    .sermons-table {
        grid-template-columns: 1fr;
    }

    .sermons-table.square {
        grid-template-columns: 1fr 1fr;
    }

}
.sermons-table.mini {
    grid-template-columns: 1fr;
}

.sermon-page__series-menu .sermons-table.mini {
    margin-top: .5em;
}

@media screen and (max-width: 767px) {
    .sermons-table--item.sermon {
        border-radius: var(--rounded-box);
        background: white !important;
        box-shadow: var(--box-shadow-sm);
        min-height: 110px;
        overflow: hidden;
    }
}

.mini .sermons-table--item.sermon {
    border-radius: var(--rounded-box);
    background: white !important;
    box-shadow: var(--box-shadow-sm);
    min-height: 110px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .sermons-table--item.sermon:before {
        display: none;
    }
}
.mini .sermons-table--item.sermon:before {
    display: none;
}

@media screen and (max-width: 1300px) {
    .sermons-table--item__box {
        grid-template-columns: .75fr 1fr;
    }
}


@media screen and (max-width: 767px) {
    .sermons-table--item__box {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: .75fr 1.25fr;
    }
}

.mini .sermons-table--item__box {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: .75fr 1.25fr;
}

@media screen and (max-width: 767px) {
    .sermons-table--item__box--text {
        align-items: center;
        display: flex;
    }
    .sermons-table--item__box--text {
        align-items: center;
        display: flex;
    }

}

.mini .sermons-table--item__box--text {
    align-items: center;
    display: flex;
}

.mini .sermons-table--item__box--text {
    align-items: center;
    display: flex;
}

@media screen and (max-width: 767px) {
    .sermons-table--item.sermon a h2.title {
        color: black;
        position: relative;
        top: 0;
        left: 0;
        font-size: 115%;
        font-weight: 600;
        padding: 0 9% 9%;
        box-sizing: border-box;
        width: 100%;
    }
}

.mini .sermons-table--item.sermon a h2.title {
    color: black;
    position: relative;
    top: 0;
    left: 0;
    font-size: 15px;
    font-weight: 600;
    padding: 9%;
    box-sizing: border-box;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sermons-table--item a h2.title .sermon-verse {
        color:rgba(0,0,0,.7);
        font-size: 80%;
        display: block;
        margin-top: -9px;
        font-weight: 500;
    }
}

.mini .sermons-table--item a h2.title .sermon-verse {
    color:rgba(0,0,0,.7);
    font-size: 13px;
    display: block;
    margin-top: 5px;
    font-weight: 500;
}
/** END DUPLICATE STYLING FOR MOBILE VIEW & PLACES THAT NEED SMALL SERMON STYLING **/



/*********************************************************
    WP BLOCK RESETS
*********************************************************/
.homepage__block-content article { max-width:var(--xl-width); }
.wp-element-button, .wp-block-button__link { background-color: var(--brand-color) !important;}
.wp-element-button.is-style-outline { background-color: none !important;}