@import 'structure.css';
@import 'all.min.css';
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400|Satisfy|Roboto:300|Handlee&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:wght@400;600;700|Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

@import 'animate.css';
/* @import 'slider.css'; */

 
/* ==============================================
   CBC [2021] CSS
   Author: hyper hedgehog
   Website: https://hyperhedgehog.uk
 
   Contents
   -------------------------------
 
   1. Function classes
   2. Particulars
   3. Layout & Structure override
   3. Homepage
   4. What's On
   5. Visit
   6. Podcast
   7. Connect

   X. Media Queries
================================================== */
 
 
     
 
/* 1. Function classes
-------------------------------------------------- */
 
  * {box-sizing:border-box;}

    .center {float:none!important; margin:0 auto;}
    .clr {display:block; clear:both;}
    .fl {float:left;} .fr {float:right;}
    .nopad {padding:0!important;}
    .nosidepad {padding-left:2em!important; padding-right:2em!important;}
    .no-br {white-space:nowrap;}
    .last-row {margin-bottom:0!important; padding-bottom:3em;}
    .last-row div {background:rgba(0,0,0, 0.1);}





/* 2. Particulars
-------------------------------------------------- */

    /* Typography */
 
        h1, h2, h6, blockquote {font-family:'Crimson Text', Times, serif; font-weight:lighter; line-height:1.16em;}
        
        h3, h4, h5 {font-family:'Quicksand', Helvetica, Arial, sans-serif; font-weight:normal;}

            h1 {font-size:2.75em;}

            h2 {margin-bottom:.55em;
                font-size:2.65em;
                color:#333;
                }
                #page-header h2 {font-size:2.8em; color:#fafafa; color:rgba(255,255,255, 0.8);}
                #intro h2 {margin-top:80px; /*font-size:3.2em;*/}
                .band h2 {}
                .b-band h2,
                .c-band h2 {color:#fafafa;}

            h3 {margin-bottom:1em;
                font-size:1.6em;
                font-weight:normal;
                font-family:'Quicksand';
                line-height:1.2em;
                color:#333;
                }

            h4 {color:#666;}

            h5 {}

            h6 {font-size:1.1em;}
                footer h6 {
                    margin:1em auto;
                    letter-spacing:2px;
                    color:#f0f0f0;
                    }
 

 
        p, small, blockquote, li {
            font-family:Quicksand, Helvetica, Arial, sans-serif;
            font-weight:400;
            line-height:1.3em;
            color:#777;
            }

            p { margin-left:auto;
                margin-right:auto;
                margin-bottom:1.4em;
                font-size:1.35em;
                }
                .band p {color:#555;}
                .subtxt p {font-size:1.1em; line-height:1.4em;}
                
                .parallax p,
                    #page-header p,
                .b-band p, .b-band small, .b-band blockquote, .b-band li {color:#fafafa; color:rgba(255,255,255, 0.5);}
                .c-band p, .c-band small, .c-band blockquote, .c-band li {color:#fafafa;}

                .intro {
                    text-align:center;
                    width:90%;
                    margin-left:auto;
                    margin-right:auto;
                    }

                .intro-large {
                    max-width:88%;
                    margin-bottom:1.75em;
                    font-size:1.75em;
                    margin-left:auto;
                    margin-right:auto;
                    }

                .light-modal-body p {color:#777;}


            small {font-size:1.1em;}


            blockquote {
                margin:2em auto 2em;
                padding-left:0;
                font-size:3.4em;
                color:#ccc;
                quotes:unset;
                border-left:0;
                }
                blockquote::before {
                    z-index:1;
                    content:open-quote;
                    position:absolute;
                    top:80px;
                    left:-30px;
                    font-size:11em;
                    color:rgba(0,0,0, 0.03);
                    }
                blockquote::after {
                    z-index:0;
                    content:close-quote;
                    position:absolute;
                    top:360px;
                    right:-30px;
                    font-size:22em;
                    color:rgba(0,0,0, 0.03);
                    }
                blockquote span {display:block; padding-top:1em; padding-right:5%; font-size:.8em; font-family:'Crimson Text'; color:#bbb; text-align:right;}


            ul {margin-left:0;}
            ul.no-bullets {margin-top:-8px; margin-bottom:1.55em;}
            ul.no-bullets li {list-style:none!important; font-size:1.1em;}



    /* Links */
 
        /* regular & band */
            a {color:#333;}
            a:active {color:#777; text-decoration:underline;}

				/* wordpress-specific link styles */
					body.archive #head-bg #page-header a,
					body.archive #page-header a {color:rgba(255,255,255, .75); text-decoration:none;}

					body.archive #head-bg #page-header a:active,
					body.archive #page-header a:active {color:rgba(255,255,255, 1); text-decoration:underline;}


            /* b-band */
                .b-band a {color:rgba(255,255,255, 0.6);}
                .b-band a:active {color:#E8C85C; text-decoration:underline;}

            /* c-band */
                .c-band a {color:rgba(255,255,255, 0.6);}
                .c-band a:active {color:#E8C85C; text-decoration:underline;}


        /* foot links */
            footer a {color:#eee; color:rgba(255,255,255, 0.5); text-decoration:none;}
            footer a:active {color:#E8C85C; text-decoration:none;}

            #footer-nav a {}
            #footer-nav a:hover {}
            #footer-nav a:active {}

            #footer-address-soc a {}
            #footer-address-soc a:hover {}
            #footer-address-soc a:active {}

            #policies-list a {color:rgba(255,255,255, .3);}
            #policies-list a:active {color:#E8C85C; text-decoration:none;}

        


    /* Controls */
        .btn, button,
        .b-band .btn, .b-band button,
        .c-band .btn, .c-band button {
            margin-bottom:0;
            padding:1.1em 1.32em; /* 18px 32px convert to EMs = 1.18em 1.32em; */
            color:#eaeaea;
            font-size:1em;
                font:1.25em 'Quicksand', Helvetica, Arial, sans-serif;
            text-decoration:none;
            background:#777;
            border:1px solid #2B4F7C;
            border:0;
            border-radius:4px;
            -webkit-appearance:none!important;
            }
            button:hover {background:#2B4F7C;}
            button:active {color:#2B4F7C; background:none; border:1px solid #2B4F7C;}

            .btn {display:inline-block;}
            .btn:hover, .btn:focus {color:#fff; background:#8f8f8f;}
            .btn:active {background:#555; border:0; text-decoration:none;}


        .light-slider-call {display:none;}





/* 3. Layout & Structure override
-------------------------------------------------- */

    html {height:100%;}
 
    body {
        overflow-x:hidden;
        max-width:100vw;
        margin:0 auto;
        color:#333;
        text-align:center;
        background:#fafafa;
		background:whitesmoke!important;
        }

        #wrapper { /* aka #wrapper - All content goes inside to keep the margins on the left and right of the content when scaling down. */
            max-width:100%;
            /* min-height:calc(100vh - 1.5em); /* 1.5em height of last element above footer's bottom margin */
            min-height:calc(100vh - 38.5em); /* 18.5em */
            margin:0 auto; padding:0px; /* margin L & R = page gutters */
            background:rgba(255,255,255, 0.1); /* used for mobile header (as well as page) bg */
            }

            header {
                z-index:5;
                display:block;
                position:absolute; top:0; left:0;
                min-width:100%; 
                height:85px;
                margin:0; padding:0;
                background:rgba(255,255,255, 0.85);
				background:#f5f5f5e3;
                border-bottom:2px solid;
                }
                header h1 {
                    position:absolute; z-index:6;
                    width:100%; height:1px;
                    padding:0;
                    background:rgba(0,0,0, 0);
                    }
                    header h1 img {width:115px; margin-top:10px; opacity:.8;}


                /* Nav styling */
                    header nav {position:absolute; z-index:5; width:100%; margin:0 auto; padding:0;}
                    header nav ul {margin:0; padding:0;} /* nav ul {padding:0.5em 20px;} /* Enable L+R 20px gutters */
                    header nav ul li {min-width:8em; margin:20px 1.5em; list-style:none;}
                        nav ul li:first-child {margin-left:0;}
                        nav ul li.last-child {margin-right:0;}
                        nav ul li.spacer {width:140px;}
                        nav ul li.spacer a {opacity:0;}

                    /* Nav link styles */
                        nav ul li a {
                            display:block;
                            padding:.75em;
                            font-size:1.5em;
                            text-decoration:none;
                            }
                            nav.il ul li {display:inline-block;} /* inline nav */
                            nav.c {text-align:center;} /* centered */
                    
                    /* Nav logo incorporation */
                        nav ul li.logo {margin:0 10px 10px 0;}
                        nav ul li.logo .fa {font-size:2em;}
                        nav ul li.mob-nav-btn a {font-size:2em; color:#666;}
                        
                        nav.show ul li.mob-nav-btn a {color:#000;} /* delete? */


                /* Mobile Navigation */
                    #burger,
                    #burgerClose,
                    #touch-contact li a {color:#444; color:rgba(0,0,0, .5); font-size:2em!important;} /* uniform burger & touch-contact styling - Remove #burgerClose to enable an alt. Close icon colour */

                    #burger, #burgerClose {position:absolute; top:12px; right:14px; z-index:120;}

                        #burger {display:block;}
                        #burger:focus, #burger:active {color:rgba(0,0,0,.85);}
                        #burger:focus {color:rgba(0,0,0,.5);}
                        /* #burger:active {color:#E8C85C;} */

                        #burgerClose {display:none;}
                        #burgerClose:focus, #burger:active {color:rgba(0,0,0,.85)!important;}
                        #burgerClose:focus {color:rgba(0,0,0,.5);}
                        /* #burger:active {color:rgba(0,0,0,.85);} */


                /* Touch Contact links */
                    #touch-contact {
                        position:absolute; top:-8px; left:12px;
                        margin-left:0; 
                        list-style:none; z-index:10;
                        }
                        #touch-contact li {display:inline-block;}
                        #touch-contact li a {
                            display:block;
                            width:27px;
                            margin-right:.45em; padding:.15em 0;
                            text-align:center; font-size:1.8em;
                            }
                            #touch-contact li a:active {color:rgba(0,0,0,.85);}

                            #touch-contact li#call-link {font-size:0.97em;}
                            #touch-contact li#loc-link {position:absolute; top:-1px; font-size:0.97em;}


                    #burger {display:none;}
                    #burgerClose {display:none;}

                    .mob-only, .tab-only {display:none;}
                    .mob-nav-logo {display:none!important;}

					#goingup {
						z-index:2000;
						position:fixed;
						right:15px;
						bottom:15px;
						padding:7px 6px 3px;
						color:rgba(255,255,255,.5);
						font-size:.6em;
						background-color:#0000002e;
						border-radius:50px;
						cursor:pointer;
						}




            /* Content Structure Components */
 
                #content {} /* push down page content by same fixed margin as header height */
                #content #head-bg {background-image:url("../img/parallax/wood-dark-grey.jpg"); background-size:100%; background-position:center;}

                    section, div.section {margin-bottom:2em; padding:4em 3em 4em;} /* OG: 4em 2em */
                    section.row, div.section.row {margin-bottom:1.5em;} /* OG: 2em */
                        section.row .row:last-child, div.section .row:last-child {margin-bottom:0;}
                        /* section.row .row:nth-child(1), div.section .row:nth-child(1) {margin-bottom:3.5em;}  1.5em standard */
                    section.band.row, div.section.band.row {margin-bottom:0;}

                    .forehead {padding-top:3em!important;}
                    .header-row {margin-bottom:3.5em!important;}
                    .solo-row {margin-bottom:0!important;}
                    .container {margin:0; padding:0;}

                    /* Banding */
                        .preband {margin-bottom:0!important;}
                        .band {
                            position:relative;
                            width:100vw;
                            left:49.99%;
                            right:49.99%;
                            margin-top:0; /* OG: 4em */
                            margin-bottom:0!important; /* OG: 2.2em */
                            margin-left:-50vw!important;
                            margin-right:-50vw!important;
                            padding:4em 3em 6em;
                            text-align:center;
                            border-top:1px solid rgba(0,0,0, 0.1);
                            }

                            section.band.parallax,
                            div.band.parallax {padding-left:0!important; padding-right:0!important; border-top:1px solid rgba(0,0,0, 0.15);}
                            
                            .band.row {margin-left:auto; margin-right:auto; padding-left:0; padding-bottom:0; padding-right:0;} /* OG: margin:0 auto; padding:0 0 1em 0; */
                            .band .row .row {padding:0 20px;}
                            .band .row::after {display:block;}

                            /* .band .row div {background:rgba(255,255,255, 0.1);} */

                            /* Band Sizing */
                              .band .row { /*width:90%;*/ width:100%; max-width:1860px; margin-left:auto; margin-right:auto;}
                              .band.wideband .row {max-width:2200px;}
                              .band.narrowband .row {max-width:1080px;}

                            /* Band Colouring */
                              .band {background:#ddd;}
                              .b-band {background:#97afc8; color:rgba(255,255,255, 0.4); background-image:url("../img/parallax/wood-med-grey.jpg");}
                              .c-band {background:maroon; color:rgba(255,255,255, 0.4);}
 
                                    /* .b-band element customisation */
                                    .b-band h1, .b-band h2, .b-band h3, .b-band h4 {}
                                    .b-band p, .b-band li, .b-band small, .b-band blockquote {}

                                    /* .c-band element customisation */
                                    .c-band h1, .c-band h2, .c-band h3, .c-band h4 {}
                                    .c-band p, .c-band li, .c-band small, .c-band blockquote {}



                        .bg-img-band {
                            height:650px;
                            margin-top:-1px;
                            margin-bottom:0em!important;
                            padding:275px 2em 0!important;
                            color:white;
                            background-color:#657586;
                            background-color:#97afc8;
                            background-color:#363636;
                            background-size:cover;
                            overflow:hidden;
							background-position:center;
                            background-image:url("../img/parallax/wood-dark-grey.jpg");
                            }
                            .bg-img-band.about {background-image:url('../img/header-about.jpg');}
							
							body.single-event #head-bg .section.band.bg-img-band.single-item-header {background-size:cover; background-position:center;}

							.single-item-header {background-size:cover!important; background-position:center;}


					/* header bg imgs 
						#head-bg-home {background-image:url("../img/bg-head-home.jpg")!important; background-position:center;}
						#head-bg-whatson {background-image:url("../img/bg-head-whatson.jpg")!important;}
						#head-bg-visit {background-image:url("../img/bg-head-visit.jpg")!important;}
						#head-bg-podcast {background-image:url("../img/bg-head-podcast.jpg")!important;}
						#head-bg-connect {background-image:url("../img/bg-head-connect.jpg")!important;}

						#head-bg-events {background-image:url("../img/bg-head-events.jpg")!important;}
						#head-bg-catevents {background-image:url("../img/bg-head-catevents.jpg")!important;}
						#head-bg-catpods {background-image:url("../img/bg-head-catpods.jpg")!important;}
					*/

                    /* section.band {margin-bottom:0!important; padding:4em 3em 6em!important;}*/

						section.parallax,
                        div.parallax {
                            display:block;
                            position:relative;
                            min-height:450px;
                            margin-top:0; margin-bottom:0;
                            padding-left:0!important; padding-right:0!important;
                            background-position:50% 50%;
                            background-repeat:no-repeat;
                            	/* background-attachment:fixed; moved to DL and D */
                            background-size:cover;
                            background-color:slategrey;
                            background-image:url("../img/parallax/wood-med-grey.jpg");
                            }
                            section.parallax.pre-band,
                            div.parallax.pre-band {margin-bottom:-4em;}

                            section.band.pre-band.parallax,
                            div.band.pre-band.parallax {margin-top:4em!important;}

                            div.parallax.parallax-pad {min-height:140px; padding:8em 0 9em;}

                            /* parallax img classes */
                                section.parallax.x
                                    {background-image: url("../img/parallax/cramlington-back-garden.jpg");}

                                section.parallax.x2
                                        {background-image: url("../img/parallax/font1.jpg");}

						/*
                                section#home1.parallax,
                                section#home2.parallax,
								section#whatson1.parallax,
								section#whatson2.parallax,
								section#visit1.parallax,
								section#podcast1.parallax,
								section#connect1.parallax
                                	{
                              			background-color:coral;
                                        background-image:url("../img/hghg.png")!important;
									}
								

								div#home1 {background-image:url("../img/sec-home1.jpg")!important;}
								div#home2 {background-image:url("../img/sec-home2.jpg")!important;}
								div#whatson1 {background-image:url("../img/sec-whatson1.jpg")!important;}
								div#whatson2 {background-image:url("../img/sec-whatson2.jpg")!important;}
								div#visit1 {background-image:url("../img/sec-visit1.jpg")!important;}
								div#podcast1 {background-image:url("../img/sec-podcast1.jpg")!important;}
								div#connect1 {background-image:url("../img/sec-connect1.jpg")!important;}
						*/
									div#home2,
									div#whatson2,
									div#visit1 {
										background-image:url("../img/parallax/wood-light-grey.jpg");
										}

									/* ^^^ Temp wood colouring, remove for photos ^^^ */



								#bible-study,
								#bible-study.parallax
								div#bible-study.parallax,
								div#bible-study.section.band.parallax {
									min-height:550px; /* min-height:300px; /* restore 550px when images back in */
									padding:15% 3em!important;
									background-position:bottom;
								 background-image:url("../img/sec-bible-study.jpg")!important; 
									/* background-image:none!important; 
									background-color:#bbb!important;*/
									background-size:cover;
									}
									#bible-study p {max-width:980px; color:#555!important; padding:0;}


					/* Slider (Owl Carousel) */

						/* Slider prev next */ 
							.owl-theme .owl-nav {margin-top:0;}
							.owl-nav button.owl-next, 
							.owl-nav button.owl-prev {
								position:absolute;
								top:41.5%;
								background:coral; /*rgba(0,0,0, .05)*/
								border-radius:4px!important;
								}
								
								.owl-nav button.owl-prev {
									/* position:absolute; top:41.5%;*/ left:-39px; 
									transform:translateY(-50%);
									padding:5px 12px 3px 11px!important;
									}

								.owl-nav button.owl-next {
									/* position:absolute; top:41.5%;*/ right:-39px;
									transform:translateY(-50%); 
									padding:5px 11px 3px 12px!important;
									}


								.owl-nav [class*=owl-],
								.owl-nav button.owl-prev,
								.owl-nav button.owl-next {font-weight:bold; background:transparent;}

									.owl-nav button.owl-prev span,
									.owl-nav button.owl-next span {font-size:3em!important; color:rgba(0,0,0, .6)!important;}


								.owl-nav [class*=owl-]:active,
								.owl-nav button.owl-prev:active,
								.owl-nav button.owl-next:active {background:rgba(255,255,255, 0.95)!important;}

									.owl-nav button.owl-prev:active span,
									.owl-nav button.owl-next:active span {color:rgba(0,0,0, .95)!important;}

									.owl-nav button.owl-prev:active,
									.owl-nav button.owl-next:active,
									.owl-nav button.owl-prev:focus,
									.owl-nav button.owl-next:focus {outline:none;}


                    /* Accordion */
 
                        /* Accordion Magic */
                            .accordion:hover .accordion-item:hover .accordion-item-content,
                            .accordion:focus .accordion-item:focus .accordion-item-content,
                            .accordion .accordion-item--default .accordion-item-content {
                                height:120px;
                                background:rgba(255,255,255, 0.15)
                                }
                            .accordion-item-content,
                            .accordion:hover .accordion-item-content,
                            .accordion:focus .accordion-item-content {
                                height:0;           
                                margin-bottom:0;
                                overflow:hidden;
                                transition:height .5s, padding .5s;
                                }
     
                        /* Accordion Styling */
                            .accordion {margin:0 auto; padding:0;}
                            .accordion .accordion-item {padding-top:6px; background:#ccc; cursor:pointer;}
                            .accordion .accordion-item:hover {background:#bbb;}
     
     
                        /* Alt. Accordion / Main / Primary / Content Accordion */
                            .accordion-container {
                                max-width:75%;
                                margin:4em auto; padding:0;
                                border:1px solid #dfdfdf; border-radius:2px;
                                }
                                .accordion-container .acc-trigger {
                                    width:100%;
                                    padding:1.25em 0;
                                    color:#444;
                                    background-color:#eee;
                                    border-bottom:1px solid #e0e0e0;
                                    outline:none;
                                    cursor:pointer;
                                    transition:0.4s;
                                    }
                                    .accordion-container div.acc-trigger.last-trigger,
                                    .accordion-container div.acc-trigger:last-child {border-bottom:0px solid #ccc;}
     
                                    .acc-trigger h3 {margin-bottom:0; /*font-size:1.1em;*/}
                                    .acc-open, .acc-trigger:hover {
                                        background: #ddd;
                                        }
     
                                .acc-content-container {
                                    max-height:0;
                                    margin-bottom:0;
                                    padding:0;
                                    background:white;
                                    overflow:hidden;
                                    transition:max-height 0.2s ease-out;
                                    }
                                    .acc-content-container:last-child {border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
                                    .acc-content-container .acc-content {padding:2em; text-align:left;}
                                    .acc-content .row {padding-left:1.5em; padding-right:1.5em;}
                                    .acc-content h5 {color:#369; font-size:1.2em; font-weight:bold; line-height:1.3em;}

                                    .acc-content ol {margin:0 0 4em 4em;}
                                    .acc-content li {margin-bottom:1em; padding-left:1em; font-size:1.2em; line-height:1.3em;}
                                    .acc-content li p {font-size:1.1em;}



            footer {
                display:block; left:0;
                width:100%;
                padding:2em 0 2em;
                color:#ccc;
                font-size:1.2em;
                background:#424646;
                border-top:8px solid #707879;
                }
                
                /* footer presets */
                    footer p {}
                    footer small {}
                    footer address {font-family:Quicksand, Helvetica, Arial, sans-serif; line-height:1.4em;}
                    
                    /* beware of inherited header nav styling */
                    footer ul {margin:0 auto 1.4em; background:transparent;}
                    footer ul li {display:inline-block; margin:0;}
                    footer ul li a {padding:10px; font-size:1em;}

                    ul#footer-nav {margin-top:.5em;}
					ul#footer-nav li a {min-width:4em;}
                    ul#footer-address-soc {margin:4em auto 2em;}
                    ul#footer-address-soc a {padding:0;}
                    ul#footer-address-soc i {font-size:1.8em;}


                #fore-foot {}
                    a.logo-link {display:inline-block; margin-bottom:.25em;}
                    a.logo-link img {width:140px; opacity:.75;}
                    #fore-foot nav,
                    #fore-foot nav ul {position:relative; background:transparent;} /* beware of inherited header nav styling */
                        ul#footer-nav {margin-bottom:0;}
                        ul#footer-nav li {margin:0 1.4em;}

                #mid-foot {}
                    ul#footer-address-soc {font-size:1.4em;}
                    ul#policies-list {font-size:.85em;} /* .85em = small */
                    #mid-foot small {}






/* 3. Homepage
-------------------------------------------------- */


    #regular-meetings-container  {}

    #about-vows {margin:4em 0 4em; margin-left:0;}

        #about-vows ul {}
        #about-vows ul li {
            margin-bottom:1.4em; padding:0 2em;
            font-size:1.35em;
            text-align:left;
            line-height:1.4em;
            list-style:none;
            } 
 
 
    .accordion { }
 
        .accordion label {
            position:relative; height:40px;
            z-index:20;
            display:block;
            cursor:pointer;
            }
            /*
            .accordion label:hover {background:rgba(255,255,255, 0.1);}
            .accordion label[for="ac-2"]:hover {background:rgba(255,255,255, 0.2);}
            */
            .accordion input:checked + label,
            .accordion input:checked + label:hover {
                /* checked styling */
                
                }
                .accordion input.ctrl
                .accordion input.ctrl {display:none;} /* duplicated on line 601 */
 
        .accordion .accordion-item-content {
            position:relative;
            overflow:hidden;
            z-index:10;
            height:0px;
            margin-top:-1px;
            transition:height .3s ease-in-out, padding .3s;
            }
            .accordion input:checked ~ .accordion-item-content {
                height:358px;
                padding-bottom:8px;
                transition:height .5s ease-in-out, padding .3s;
                }
 
 
 
    #slider-band {
        margin-top:-1px;
        /* margin-bottom:1.5em; /* 1.5em = row standard */ margin-bottom:4em;
        padding:0!important;
        }
        #slider-band .row {max-width:100%; margin-top:-4px; padding:1px 0em!important; background:none!important; }
        #slider-band .w-100 {margin-bottom:0!important; padding:1em; background:orange!important}
 
 
        /* SLIDER */
 
            .slider {
                height:500px;
                /* height:650px; slider img demo, increased height */
                } /* height:loacted in HTML slider <script> tag */
 
 
                .slider [class*="ctrl"] {top:53%; font-size:70px; color:rgba(255,255,255, 0.2);}
                .slider [class*="ctrl"]:hover {color:rgba(255,255,255, 0.7);}
                .ctrlNext {right:25px;}
                .ctrlPrev {left:25px;}
 
                .slDots {bottom:22px;}
                .slDotsSingle {
                    width:11px;
                    height:11px;
                    margin-top:6px;
                    margin-left:12px;
                    border:2px solid rgba(255,255,255, 0.5);
                    border-radius:50%;
                    cursor:pointer;
                    }
                    .slDotsSingle.active {
                        background:rgba(255,255,255, 0.5);
                        }
                    .slDotsSingle:hover {
                        background:rgba(255,255,255, 0);
                        border-color:#fff;
                        }
                        .slDotsSingle.active:hover {background:rgba(255,255,255, 0.5);}



                #soc-small {margin-left:0; list-style:none; margin-bottom:0;}
                #soc-small li {display:inline-block; margin:0; padding:0!important; font-size:3em;}
/*                     #contact-box #soc-small li:first-child {margin-right:-5px;}
                    #contact-box #soc-small li:last-child {margin-right:-7px; padding-right:0;}
 
                #soc-message {display:none;}
                  #soc-message li {display:inline-block; margin:0 0.25em;}
                  #soc-message li button {
                    font:1em Helvetica, arial, sans-serif;
                    border:1px solid #ddd;
                    border-radius:5px;
                    }
                    li.fb-message button {color:#0384ff; background:#fff;}
                    li.tw-message button {color:#eee; background:#38A1F3;}
 
 
 */
 
 
 
 
 
/* 4. What's On
-------------------------------------------------- */

    a#other-events {display:inline-block; color:#777;}
		i.fa-chevron-down {animation:float 1.3s infinite; animation-timing-function: cubic-bezier(.46,.03,.52,.96);}
			@keyframes float {
				0% {transform: translateY(0);}
				50% {transform: translateY(-12px);}
				100% {transform: translateY(0);}
				}


    #upcoming-events {padding:4em 1em 6em!important;}
        #upcoming-events .band .row {max-width:1250px;}

        #events-container {
            margin-left:auto;
            margin-right:auto;
			margin-bottom:3em;
            }
            ul#events-list {margin:4em auto;}
            ul#events-list li {display:inline-block; /* added for consistency in connect & podcasts*/ width:30%;}

			ul#events-list.owl-carousel {} /* Slider events list */


                li.event-item {
                    display:inline-block;
					/* or place here??? for consistency in connect & podcasts: width:30%; */
                    margin:0 1em 3.4em;
                    padding:1em 1em 1.15em;
                    list-style:none;
                    background:#f0f0f0;
                    border-radius:2px;
                    vertical-align:top;
                    }
					body.page-template-events li.event-item {width:30%;}
                    
				/* Slider items */
					ul#events-list.owl-carousel div.owl-item li.event-item, /* Slider events list item targeting */
					ul#events-list.owl-carousel {width:92%;}
					/* ul#events-list.owl-carousel uses; UL > Div > LI */


					li.event-item img {display:block; margin-bottom:1em; border:1px solid #bfbfbf;}

                    li.event-item a {text-decoration:none;}
                    li.event-item a small {font-size:1em; line-height:1.3em; text-transform:uppercase;}

                    li.event-item h3 {margin:.75em 0 1em; font-size:1.5em; line-height:1.75em;}
                    li.event-item h3 span {display:block; font-weight:normal; font-size:1em; line-height:1.35em; color:#777;}
                    li.event-item p {padding-right:.5em; max-height:343px; overflow:hidden;}
					li.event-item p.event-shortdesc {padding-right:.5em; max-height:68px; overflow:hidden;}


                        .btn-ico {
                            position:relative;
                            margin-bottom:.2em;
                            padding-left:3.8em;
                            }
                        .btn-ico i {
                            position:absolute;
                            left:.6em;
                            margin-top:-4px;
                            font-size:1.6em;
                            }

							#upcoming-events .owl-nav button.disabled {opacity:1!important;}





/* 5. Visit
-------------------------------------------------- */  

    #location {padding:0!important; margin-bottom:1.5em!important;}
        #location h2 {display:none;}
        #map {
            display:block;
            position:relative;
            width:100vw;
            top:0;
            right:50%;
            bottom:0;
            left:50%;
            margin:0 -50vw;
            padding:0;
            }
            #map iframe {height:100px;}


    #directions-container {margin:3em auto; max-width:1022px;}
        #radio-tabs-holder {margin:0 auto; padding:5px 4px; /*padding:0 2em!important;*/}
            .radio-tab {
                display:inline-block;
                width:32.6%; height:auto;
                margin:0; padding:2em 0;
                color:#999;
                line-height:1em;
                font-size:1.2em;
                font-weight:bold;
                vertical-align:top;
                text-decoration:none;
                background:#e0e0e0;
                border-radius:4px;
                cursor:pointer;
                box-sizing:border-box;
                }
                .radio-tab i {display:block; margin:.4em auto .2em; font-size:4em; color:#aaa;}                    
                .radio-tab i.fa-car {margin-top:.55em; margin-bottom:.05em;}
                
                #radio-tabs-holder label input {display:none;}


        #radio-content-holder {margin:0 auto; padding:5px 4px;}
            .radio-tab-content {
                width:32.6%; min-height:250px;
                margin:0; padding:1em;
                }
                #radio-tab1-content {display:none; float:left;}
                #radio-tab2-content {display:none; margin:0 auto; float:none; width:70%;}
                    #radio-tab2-content ul {margin-bottom:2.4em; max-width:500px;}
                #radio-tab3-content {display:none; float:right;}

                .radio-tab-content ul {max-width:300px; margin:1em auto;}
                .radio-tab-content ul li {margin-bottom:1em; font-size:1.05em; list-style:none;}
                .radio-tab-content ul li:first-child {margin-bottom:1.2em; list-style:none; font-size:1.3em;}






/* 6. Podcast
-------------------------------------------------- */
 
        #podcast {}

            #podcasts-container {
                max-width:1080px;
                margin-left:auto;
                margin-right:auto;
                }
                div#podcast-controls {width:80%; margin:0 auto 4em; padding:1.4em; background:#f0f0f0; border-radius:2px;}
                div#podcast-controls select, div#podcast-controls .btn {width:100%; height:51px; margin-bottom:0; padding:1.1em 1.32em; font:1.15em Lato, Helvetica, Arial, sans-serif;}
                div#podcast-controls select {
                    padding:0 .7em;
                    border:1px solid #ccc;
                    }


                ul#recording-list {
                    /* padding:2.25em; */
                    border-radius:4px;
                    }
                    li.recording-item {
                        margin-bottom:4em;
                        padding:1.5em;
                        text-align:left;
                        list-style:none;
                        background:#dfdfdf;
                        background:#f0f0f0;
                        }
                        li.recording-item div, li.recording-item div div {margin-bottom:0!important;}
                        li.recording-item img {float:left; max-height:295px; margin-right:1.55em; margin-bottom:1px; border:1px solid #bfbfbf;}

                        li.recording-item a {text-decoration:none;}
                        li.recording-item h3 {margin-bottom:6px; padding-top:.5em;}
                        li.recording-item h3 span {font-weight:normal;}

                        li.recording-item small {text-transform:uppercase; color:#999;}
                        li.recording-item p {margin-top:1em; padding-right:.5em;}

                        .recording-options {margin-top:3.5em;}
                            /* .recording-stream {} */
                            /* .btn-ico + .btn-ico i - see above in What's On, event slider */

						.recording-download {margin-top:2em;}

                    ul#recording-list li:last-child {margin-bottom:0;}


                .post-single .recording-download {width:100%; margin-left:0;}
                .post-single img {margin-left:auto; margin-right:auto;}

				#no-results {margin:6em auto 12em;}


                ul#pagination {display:inline-block; margin-top:3em; padding:1.2em 1.4em; background:#f0f0f0; border-radius:2px;}
                ul#pagination li {display:inline; margin:0 .5em; list-style:none;}
                ul#pagination li a {padding-top:.75em; padding-bottom:.75em;}
                ul#pagination li:first-child {margin-left:0;}
                ul#pagination li:last-child {margin-right:0;}






/* 7. Connect
-------------------------------------------------- */
 
        #map {z-index:20; position:relative; height:730px; background:#fbf6ea; overflow:hidden;}
        #map iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


        #cbc-info img {max-width:240px; margin-bottom:.25em;}
            #cbc-info .btn {margin:3em auto;}
            #cbc-info .btn-ico {padding-left:3.2em;}
            #cbc-info .btn-ico i {left:.5em;}


        #contact {}

            #contact-form-container {
                width:100%;
                margin:2em auto 0;
                }
                .contact-form {
                    margin:20px auto;
                    padding:0 1.4em;
                    color:#777;
                    line-height:1.5em;
                    font:1em 'Roboto', Helvetica, Arial, sans-serif;
                    }
                    form fieldset {margin-bottom:0; padding:0; border:none;}
                    form fieldset label {display:none;}

                    input[type="text"],
                    input[type="password"],
                    input[type="email"],
                    form fieldset input,
                    form fieldset select,
                    form fieldset textarea,
                    textarea {
                        margin:0 auto 1.2em;
                        padding:.7em;
                        color:#777;
                        line-height:1.5em;
                        font:1.15em Lato, Helvetica, Arial, sans-serif;
                        background:rgba(255,255,255, 0.7);
                        border:1px solid #ccc;
                        border-radius:2px;
                        box-sizing:border-box;
                        /* -webkit-appearance:none; - moved below */
                        }

                        input[type="text"],
                        input[type="password"],
                        input[type="email"],        /* Permits checkboxes to show their 'check' by excluding them (generic input)*/
                        form fieldset select,
                        form fieldset textarea,
                        textarea {
                            -webkit-appearance:none; /* needed for padding to impact select */
                        }

                        form fieldset textarea {min-height:170px; margin-bottom:1.4em;}
                        form fieldset textarea, form fieldset select, form fieldset input[type=text] {width:100%;}
 
                        form input:focus,
                        form select:focus,
                        form textarea:focus {
                            background-color:rgba(255,255,255, 1);
                            }

                        small.consent-container {
                            display:inline-block;
                            float:left;
                            margin-bottom:1.5em;
                            color:#888;
                            text-align:left;
                            line-height:1.4em;
                            }
                            .consent-container label,
                            form fieldset small label {display:block!important; cursor:pointer;}
                            .consent-container label input {display:inline-block!important;}
        
                                input.optin {
                                    display:inline-block;
                                    float:left;
                                    margin:3px 16px 2.4em 1px!important;
                                    }


                        form fieldset.submit {margin-bottom:0;}

                        form input[type="submit"] {
                            display:block;
                            margin-bottom:1.3em;
                            -webkit-appearance:none!important;
                            }
 
 
                /* Submission confirmation container */
                    .enq_success {
                        width:70%;
                        margin:1.75em auto 4em;
                        padding:1.85em 1.77em;
                        color:#777;
                        line-height:1.5em;
                        }
 


        #team {}
            #flex-container {padding:0;}
            .flex-grid {
                display:flex;
                width:100%;
                margin:3em auto;
                }
                .col {flex:1;}

                    #team .col .team-title,
                    #team .col .team-member-wrapper {
                        position:relative;
                        min-height:300px;
                        margin:8px; margin-bottom:18px;
                        padding:2em 1.5em;
                        text-align:left;
                        background:#eaeaea;
                        }
                        #team .col .team-member-wrapper {padding:0;}

                    .team-photo {
                        display:block;
                        position:relative;
                        min-height:300px;
                        background:#818897;
                        background-image:url("../img/parallax/wood-med-grey.jpg");
                        background-size:cover;
                        }
                        #annacowland    {background-image:url('../img/team-annacowland.jpg')}
                        #gregcowland    {background-image:url('../img/team-gregcowland.jpg')}
                        #ianhack        {background-image:url('../img/team-ianhack.jpg')}
                        #jemimagaddam   {background-image:url('../img/team-jemimagaddam.jpg')}
                        #ravparasram    {background-image:url('../img/team-ravparasram.jpg')}
                        #joansmith      {background-image:url('../img/team-joansmith.jpg')}

                        #user1      {background-image:url('../img/user2.png')}
                        #user2      {background-image:url('../img/user4.png')}
                        #user3      {background-image:url('../img/user3.png')}
                        #user4      {background-image:url('../img/user6.png')}
                        #user5      {background-image:url('../img/user5.png')}
                        #user6      {background-image:url('../img/user1.png')}
                        
                        #team div.team-photo.pull {margin-top:-60px;}
                        .dip {margin-top:75px!important;}
                        .super-dip {margin-top:150px!important;}
                        #team div.push {margin-top:50px;}
                        #team div.pull {margin-top:-40px;}

                        #team .col div span.team-name {
                            display:block;
                            position:absolute;
                            bottom:22px;
                            right:20px;
                            padding-left:20px;
                            text-align:right;
                            }
                    
                    .team-txt {
                        display:block;
                        position:relative;
                        min-height:200px;
                        padding:1.6em;
                        color:#666;
                        font-size:87%;
                        background:#b8bcc4;
                        text-align:right;
                        }
                        #team .team-photo h4, #team .team-photo h5 {
                            margin-bottom:0;
                            color:rgba(255,255,255, 0.4);
                            }

                            #team .team-photo h4 {margin-bottom:0; font-size:2em; line-height:1.4em; color:#f0f0f0;}
                            #team .team-photo h5 {font-size:1.6em; line-height:1.2em;}

 
 



 


/* --------------------------------------------------
   X. Media Queries
-------------------------------------------------- */
 
/* Desktop Large
-------------------------------------------------- */
    @media only screen and (min-width:1401px) {
 
        body {}
 
        /* Typography */
 
            h2 {font-size:2.8em;}
            h3 {font-size:1.8em;}
            h6 {font-size:1.2em;}

            #page-header {font-size:140%;}



            p {font-size:1.4em;}
              section p:first-child {max-width:1400px;}
                .band p {max-width:1650px;}
                .subtxt p {font-size:1.2em;}

                small {font-size:1.1em;}


            a:hover {color:#777; text-decoration:none;}
                .b-band a:hover {color:#fff; text-decoration:none;}
                .c-band a:hover {color:#fff; text-decoration:none;}
		
				/* wordpress-specific link styles */
					body.archive #head-bg #page-header a:hover,
					body.archive #page-header a:hover,
					body.archive #head-bg #page-header a:focus,
					body.archive #page-header a:focus {color:#777; text-decoration:none;}
		
            
			footer a:hover {color:#fff; text-decoration:underline;}
            #policies-list a:hover {color:#fff; text-decoration:underline;}
		

        header {border-bottom-color:#8B78EA;}
            header nav ul li {min-width:14em;}
 
            nav ul li {margin:20px 3.5em;}
            nav ul li.spacer {width:280px;}
            nav ul li a {font-size:1.4em;}

				#menu-item-14 {margin-right:0!important;}
 

        footer {font-size:112%;}

            #fore-foot {}
                ul#footer-nav {}
                ul#footer-nav li {}
                ul#footer-nav li a {}
                footer a.logo-link {margin-bottom:.5em;}
                footer address {line-height:1.8em;}

            #mid-foot {}
                ul#footer-address-soc {}
                ul#policies-list {}
                #mid-foot small {}


 
        #wrapper {
            width:90%;
            max-width:1900px;
            }
 
            section {padding:6em 0 8em;}
              .band .row {width:90%; max-width:1860px;}
              .band.wideband .row {max-width:2200px;}
              .band.narrowband .row {max-width:1080px;}
 
              .bg-img-band {height:700px; padding-top:300px!important;}
 
            section.band {padding:6em 2em 10em!important;}
		
			section, div.section {padding:8em 3em 8em;}
		
			div.parallax.parallax-pad {padding:23em 0 0em;}
		
			/* Enable parallax for Large Desktop */
				section.parallax,
				div.parallax {
					min-height:750px; height:750px;
					background-position:50% 50%;
					background-attachment:fixed;
					}
		
			/* Disable to re-enable the above 750px heights */
				#bible-study,
				#bible-study.parallax
				div#bible-study.parallax,
				div#bible-study.section.band.parallax,
				#bible-study, #bible-study.parallax {
					height:500px; min-height:550px; min-height:550px; /* restore 300px when images disabled */
							/* background-image:none!important;*/
							/*background-color:#bbb!important;  remove on image restore */
					}
		
			/* hover styling */
				.owl-nav [class*=owl-]:hover {background:rgba(255,255,255, 0.3)!important;}
				body.archive #head-bg #page-header a:hover {color:rgba(255,255,255, 1);}

		
		

		
            /* Homepage */
 
                /* slider.css overrules */
                    #slider.slider {height:600px;}
                    .slider [class*="ctrl"] {top:16%; padding:250px 15px; font-size:70px;}
                    .ctrlNext {right:4px;}
                    .ctrlPrev {left:4px;}

				#regular-meetings-container {margin-top:3em;}
				
				#join-community {padding-top:11em!important}
		
				#about-vows {margin-top:6em;}

 
 
            /* What's On */

                li.event-item {margin:0 1em 3.4em; padding:1.5em 1.5em 1.6em;}
                li.event-item img {margin-bottom:1.5em;}
                li.event-item a small {font-size:1.1em;}

				/* div.owl-item li.event-item {width:90%;} - moved to global application, Line 819 */

				.owl-nav button.owl-prev {left:-45px; font-size:1.25em;}
				.owl-nav button.owl-next {right:-45px; font-size:1.25em;}
		
				#other-events .w-80,
				#other-events2 .w-80 {padding-top:2em}



		
            /* Visit */
				
				#find-us-intro {max-width:1405px; margin-left:auto; margin-right:auto;}
				
				#location {margin-bottom:0!important;}
		
				#directions-container {margin:5em auto;}
		
					#radio-tab2-content.radio-tab-content {width:80%;}
						.radio-tab-content ul li {font-size:1.3em;}
						.radio-tab-content ul li:first-child {font-size:1.5em;}

					#directions p:last-child {max-width:1175px;}




            /* Podcast */

				body.single-podcast li.event-item.post-single {padding:1.5em 3em 1.5em;}
				
				li.recording-item img {max-height:unset;}
		

 
		
 
            /* Connect */
 
                #map {height:800px;}

                #formjump {margin-top:3em;}
                #contact-form-container {width:33%; min-width:560px;}
                    form fieldset input,
                    form fieldset select,
                    form fieldset textarea {
                        box-sizing:border-box;
                        -webkit-appearance:none; /* needed to force padding to impact <select> */
                        }

                .flex-grid {width:90%; max-width:1280px;}
                    #team .col .team-title,
                    #team .col .team-member-wrapper {
                        margin:14px;
                        margin-bottom:30px;
                        }
 
 
 
    }

 
 
 
 
/* Desktop
-------------------------------------------------- */
    @media only screen and (min-width:1026px) and (max-width:1400px) {
 

		a:hover {color:#777; text-decoration:none;}
			.b-band a:hover {color:#fff; text-decoration:none;}
			.c-band a:hover {color:#fff; text-decoration:none;}
		
				/* wordpress-specific link styles */
					body.archive #head-bg #page-header a:hover,
					body.archive #page-header a:hover,
					body.archive #head-bg #page-header a:focus,
					body.archive #page-header a:focus {color:#777; text-decoration:none;}
		

			footer a:hover {color:#fff; text-decoration:underline;}
			#policies-list a:hover {color:#fff; text-decoration:underline;}

		
        #page-header {font-size:130%;}

        header {border-bottom-color:#64ADE3}
            header nav ul li {min-width:12em;}
				#menu-item-14 {margin-right:0!important;}

 
        #wrapper {
            min-width:1000px;
            max-width:1100px;
            }
            .band .row {max-width:1120px;}
            .band.wideband .row {max-width:1380px;}
            .band.narrowband .row {max-width:880px;}
			
			/* Enable parallax for Desktop */
				section.parallax,
				div.parallax {
					background-position:50% 50%;
					background-attachment:fixed;
					}

		
			/* hover styling */
				.owl-nav [class*=owl-]:hover {background:rgba(255,255,255, 0.3)!important;}
				body.archive #head-bg #page-header a:hover {color:rgba(255,255,255, 1);}



            /* Homepage */
 
                /* slider.css overrules */
					#slider-band {margin-bottom:0;}
						.slider [class*="ctrl"] {top:10%; padding:250px 15px; font-size:70px;}
						.ctrlNext {right:4px;}
						.ctrlPrev {left:4px;}



            /* What's On */



            /* Visit */



            /* Podcast */

				body.single-podcast li.event-item.post-single {padding:1.5em 3em 1.5em;}

                li.recording-item img {max-height:unset;}


		
            /* Connect */

                #contact-form-container {width:50%;}

                .flex-grid {width:90%;}

    }
 
 
 
 
 
/* Tablet Landscape
-------------------------------------------------- */
    @media only screen and (min-width:770px) and (max-width:1025px) {

        body {/*font-size:84%;*/ font-size:.9em;}


        .nosidepad {padding-left:0em!important; padding-right:0em!important;}

        /* Typography */

            h2 {margin-bottom:.85em; font-size:1.7em; font-size:2.2em;}
            h3 {margin-bottom:.75em; line-height:1.3em;}
            h4 {margin-bottom:.85em; font-size:1.25em; line-height:1.3em;}
            h5 {line-height:1.4em;}


            blockquote {margin:2em auto 1em; padding:0 1.5em; font-size:2.4em}
                blockquote::before {
                    top:55px;
                    left:-18px;
                    font-size:9em;
                    color:rgba(0,0,0, 0.03);
                    }
                blockquote::after {
                    top:320px;
                    right:-30px;
                    font-size:20em;
                    color:rgba(0,0,0, 0.03);
                    }
                blockquote span {padding-right:2%;}



            button {min-width:10em; padding:9px 12px; font-size:.9em;}


        .tab-only {display:block;}
        .row {padding-left:1em; padding-right:1em;}


                    
        #wrapper {padding:0 20px;}

            header {height:90px; border-bottom-color:#ABF7BD;}
                header h1 {z-index:6; height:1px; padding:0;}
                header h1 img {width:120px; margin-top:12px;}
                header nav ul li {/*min-width:6em;*/ min-width:6.5em;}

            nav ul li {min-width:6em; margin:20px 1.4em;}
                nav ul li.spacer {width:100px;}
                nav ul li a {display:block; padding:12px 0; font-size:1.2em;}
					#menu-item-14 {margin-right:0!important;}
 
 
            footer {font-size:1em; border-top-width:6px;}
                
                #fore-foot {}
                    ul#footer-nav {}
                    ul#footer-nav li {margin:0 0.4em;}
					ul#footer-nav li a {min-width:4em;}

                #mid-foot {}
                    ul#footer-address-soc {}
                    ul#policies-list {}
                    #mid-foot small {}

 
 
            #content {}
                #content ul {}
                #content ul li {line-height:1.4em;}
 
 
                section {margin-bottom:2em; padding:3em 2em 4em;}
                    .band {padding:3em 2em 6em;}
                    .band .row {}
                    .band.wideband .row {width:95%; max-width:1025px;}
                    .band.narrowband .row {max-width:600px;}
 
                    .bg-img-band {height:600px; padding-top:250px!important;}

                    .band.parallax.parallax-pad {padding-top:4em!important; min-height:280px;}

                    .acc-content li {padding-left:.25em; font-size:.95em;}
 
 
 
            /* Homepage */

                #slider-band {margin-bottom:3em;}
                .slider {height:475px;} /* height:loacted in HTML slider <script> tag */
                /* slider.css overrules */
                    .slider [class*="ctrl"] {top:10%; padding:210px 10px; font-size:70px;}
                    .ctrlNext {right:0px;}
                    .ctrlPrev {left:0px;}
                    .slDots {bottom:18px;}
                    .slDotsSingle {width:12px; height:12px;}

                
                #home-connect {}
                    #home-connect p {max-width:78%;}
                    #home-connect #social-profile-links {margin-top:3em; padding-bottom:4em;}


                #mission .row {padding:0;}
                    #about-vows {padding-left:0; padding-right:0;}
                    #about-vows ul li {font-size:1.35em;}




            /* What's On */

                #upcoming-events .row {padding:0;}
                    ul#events-list {margin:2.5em auto 1em;}
                        #events-list li.event-item {margin:0 .5em 3.4em; font-size:85%;}
				
						ul#events-list.owl-carousel div.owl-item li.event-item
						/* ul#events-list.owl-carousel - commented to fix TL mode */
							{width:30%!important; color:skyblue}
                    
						ul#events-list.owl-carousel div.owl-item li.event-item
						/* ul#events-list.owl-carousel - commented to fix TL mode */
							{width:92%!important; color:coral}
		
                    
					/* ul#events-list.owl-carousel div.owl-item li.event-item, */
					/*	ul#events-list.owl-carousel
							{width:92%!important; color:green}
					*/
		
					/* ul#events-list.owl-carousel div.owl-item li.event-item,  */
					/*	ul#events-list.owl-carousel
							{width:92%!important; color:violet}
					*/
		
		
		
					.owl-nav {display:inline-block!important;}
					.owl-nav button.owl-prev {left:-28px; min-width:unset!important;}
					.owl-nav button.owl-next {right:-28px; min-width:unset!important;}



            /* Visit */

                #directions-container {padding-left:0!important; padding-right:0!important;}

                    #radio-tabs-holder {padding:5px 0!important;}

                        .radio-tab {width:31%; margin:0 .3em; padding:1em 0 2em;}
                            #radio-tab1 {margin-left:0;}
                            #radio-tab3 {margin-right:0;}

                        .radio-tab-content {padding:1em 0;}
                            .radio-tab-content ul li:first-child {font-size:1.2em; line-height:1.25em!important;}
                            #radio-tab2-content {width:65%;}



            /* Podcast */
                
                #podcasts-container {max-width:1400px; padding:4em 0em 4em!important;}

                    div#podcast-controls {width:85%; padding:1em;}
                    /*div#podcast-controls select,*/ div#podcast-controls .btn {padding-top:.8em;}
                
                        li.recording-item {padding:1.2em;}
                        li.recording-item img {max-height:unset; max-width:100%; margin-right:1em;}
                        li.recording-item h3 {line-height:1.2em;}

                        .recording-options {margin-top:1.5em; padding:0;}
                        .recording-download .btn {/*font-size:90%;*/}

                    ul#pagination {padding:1em;}




            /* Connect */

                #map {height:570px;}


                #formjump {margin-bottom:0;}
                #contact-form-container {width:70%; margin:1.5em auto 0;}
                    
                    .contact-form {max-width:550px;}
                    
                    #contact-form-container fieldset textarea {height:220px;}
                    form fieldset input, form fieldset select,
                    input[type="text"], input[type="password"], input[type="email"] {
                        margin-bottom:1em;
                        }


                #team .col .team-title,
                #team .col .team-member-wrapper {
                    min-height:250px;
                    }

                    #team .col .team-title {padding:1.5em 1.2em;}
                    .team-photo {min-height:220px;}
                        #team .team-photo h4 {margin-bottom:.4em; font-size:1.6em; line-height:1.2em;}
                        #team .team-photo h5 {font-size:1.3em; line-height:1.2em;}
     


    }
 
 
 


 
/* Tablet Portrait
-------------------------------------------------- */
    @media only screen and (min-width:670px) and (max-width:769px) {
 
        body {}



        /* Typography */
 
            h3 {font-size:1.45em; margin-bottom:.6em; line-height:1.3em;}
            p {font-size:1.4em; line-height:1.4em;}
 
                .intro-large {line-height:1.3em; font-size:1.8em; max-width:90%;}
                .subtxt p {font-size:1.1em; line-height:1.4em}
                .slanted {font-size:3em; line-height:1.2em; margin-bottom:2em;}

                blockquote {margin:1em auto 3em; font-size:2.6em}
                    blockquote::before {
                        top:40px;
                        left:-20px;
                        font-size:8em;
                        color:rgba(0,0,0, 0.03);
                        }
                    blockquote::after {
                        top:290px;
                        right:-20px;
                        font-size:18em;
                        color:rgba(0,0,0, 0.03);
                        }
                    blockquote span {padding-top:.5em;}


        .tab-only {display:block;}



        #page-header {font-size:110%;}

        .row, .band.row {padding-left:1.5em; padding-right:1.5em;}
 
        #wrapper {}

            header {border-bottom-color:#F0E2B5;}
                header h1 {z-index:6 ;height:1px; padding:0;}
                header h1 img {width:105px; margin-top:14px;}
                header nav ul li {min-width:6em; margin-left:1em; margin-right:1em;}

                nav ul li {min-width:6em; margin:20px 1.4em;}
                nav ul li.spacer {width:130px;}
                nav ul li a {
                    display:block;
                    padding:12px 1em;
                    font-size:1.25em;
                    }
					#menu-item-14 {margin-right:0!important;}



        /* Footer */

            footer {font-size:1em; border-top-width:6px;}

                #fore-foot {}
                    a.logo-link {margin-bottom:.5em;}
                        a.logo-link img {width:175px;}
                    ul#footer-nav {}
                    ul#footer-nav li {min-width:4em; margin:0 1.5em;}
                    ul#footer-nav li a {padding:8px 0.5em; }

                #mid-foot {}
                    ul#footer-address-soc i {font-size:2.6em;}
                    ul#policies-list {}
                    #mid-foot small {}




        #content {}
 
            #content ul {}
            #content ul li {}
 
            section, div.section {margin-bottom:3em; padding:2.6em 2.5em 2em;}
                /*section.row {margin-bottom:3em;}*/
                section.last-row {margin-bottom:0!important;}
                    .band {/*margin-top:2em;*/ padding:2.6em 2.5em 5em;}

                    .band.parallax {height:550px;}
                    .band.parallax.parallax-pad {height:unset; padding-top:6em!important; min-height:280px;}
                    .band.row, .row.band {padding-bottom:2em;}
                    .band .row {}
                    .band.wideband .row {max-width:380px; padding:40px 2em;}
                    .band.narrowband .row {max-width:880px;}
                    
                    .bg-img-band {height:500px; padding-top:220px!important;}
                




            /* Homepage */

                #slider-band {margin-bottom:3em!important;}
                .slider {height:400px;} /* height:loacted in HTML slider <script> tag */

                /* slider.css overrules */
                .slider [class*="ctrl"] {top:13.25%; padding:160px 10px; font-size:50px;}
                    .ctrlNext {right:8px;}
                    .ctrlPrev {left:8px;}
                    .slDots {bottom:18px;}
                    .slDotsSingle {width:12px; height:12px;}


                #regular-meetings-container .tp-50 {min-height:370px;}

                #mission .row {padding:0;}
                    #about-vows {padding:0;}


                    #contact-box h3 {margin-bottom:20px;}
                        /*#contact-box a.tel {font-size:2.2em;}*/
                        #contact-box a.tel {line-height:1em}
                        #contact-box i.fa-phone {bottom:80px; right:134px; font-size:6em; transform:rotate(64deg);}
                        #contact-box #soc-small {margin:-1em -1px 0 0;}
                            #contact-box #soc-small li {font-size:3.45em;}


                #home-connect p {max-width:85%;}
                #home-connect #social-profile-links {margin-top:3em; margin-left:1em; margin-right:1em; padding-bottom:6em;}
                    .home-soc-container {margin-bottom:2.4em; padding:0 1em;}




            /* What's On */

                #upcoming-events .row {padding:0;}
                    #events-list li {font-size:85%;}
                        li.event-item {margin:0 .35em 3.4em;}
                        li.event-item a small {font-size:1em;}
                        li.event-item p {font-size:1.2em;}

				.owl-nav {display:inline-block!important;}
				.owl-nav button.owl-prev {left:-28px; min-width:unset!important;}
				.owl-nav button.owl-next {right:-28px; min-width:unset!important;}

		

		
            /* Visit */
                
                    #visit #head-bg {min-height:350px; height:350px;}

                    #landlords-services .accordion-container {max-width:90%;}
                        #landlords-services .acc-content .row {padding:0 .1em;}
                        #landlords-services .acc-content .row h5 {font-size:1.25em;}
                        #landlords-services .acc-content .row p {font-size:1.1em;}
                        #landlords-services .acc-content ul {margin-left:1.2em;}
                        #landlords-services .acc-content li {padding-left:0; font-size:.95em;}

                    .radio-tab-content {padding:1em 0.5em;}
                        .radio-tab-content ul li:first-child {line-height:1.3em;}

                        #radio-tab2-content {width:65%;}



             
            /* Podcast */
 
                li.recording-item img {min-height:unset; max-height:unset; margin-right:1em;}
                li.recording-item h3 {padding-top:.25em;}
 
                .recording-options,
                div.recording-options,
                div.recording-options.row {padding:0!important;}

                    .recording-options {margin-top:2em;}




            /* Connect */

                #map {height:480px;}

                #formjump {padding:0 8em;}
                    #contact-form-container {width:80%; margin:1em auto 0;}
                    .contact-form {padding:0;}
                    form fieldset input, form fieldset select,
                    input[type="text"], input[type="password"], input[type="email"] {
                        margin-bottom:1em;
                        }

                #team .col .team-title,
                #team .col .team-member-wrapper {
                    min-height:250px;
                    margin:6px; margin-bottom:14px;
                    }

                    #team .col .team-title {padding:1.5em 1.2em;}
                    .team-photo {min-height:210px;}
                        #team .team-photo h4 {margin-bottom:.4em;}
                        #team .team-photo h5 {line-height:1.2em;}




    }





/* Mobile Landscape
-------------------------------------------------- */
    @media only screen and (min-width:480px) and (max-width:669px) {
 
        body {}


            /* Typography */
            
                h2 {font-size:2em;}

                blockquote {margin:2em auto 0; font-size:2em;}
                .intro-large {font-size:1.3em; max-width:none; width:95%;}

                .mob-nav-logo {display:block!important;}
                .mob-only {display:block;}
                .no-mob {display:none;}

 


        #wrapper {
            position:relative; z-index:0;
            margin:0; padding:4px 0 0 0; /* adjust top padd to allow for logo height */
            }
 
            header {
                height:75px; margin-top:0;
                border-bottom-color:#FFB67F;}
                header h1 {
                    height:0;
                    margin:0 auto; padding:0;
                    border-color:black;
                    }
                    header h1 img {width:100px; margin-top:9px;}
 


                /* Mobile Navigation */
                    #burger {display:block;}
                    #burgerClose {display:none;}


                    /*  #####################################################
                        Navigation: RightFull
                    --------------------------- */
                    
                        #burger-nav.rightFull {display: none; position:absolute; right:-500px; z-index:100; width:100%; height:100vh; margin:0; padding:0; background:#77716E;}

                            #burger-nav.rightFull ul {display:block; position:relative; top:0; right:0; width:100%; margin:0 auto; padding:10px 0px 0px 0px; background:rgba(0,0,0, 0);}
                                #burger-nav.rightFull ul li {display:block; float:none; min-width:5em; margin:5px 0 7px; margin-left:0; font-size:1.3em; background:rgba(0,0,0, 0);}
                                #burger-nav.rightFull ul li:first-child {margin-left:0;}
                                #burger-nav.rightFull ul li.spacer {display:none;}
                                #burger-nav.rightFull ul li.mob-nav-logo img {margin-top:0; width:120px}
                                        
                            #burger-nav.rightFull ul li a {display:block; margin:0; padding:7px .5em 7px; color:#fff; color:rgba(255,255,255, 0.7); background:rgba(255,255,255, 0);}
                                #burger-nav.rightFull ul li a:hover,
                                #burger-nav.rightFull ul li a:focus {color:#fd0; color:#fff; color:rgba(255,255,255, 1);}
                                #burger-nav.rightFull ul li a:active {color:#fd0;}
                        
                        
                            /* Change the right possition of menu when .showNav is assigned */
                                .showNavR {display:unset!important; right:0!important;}

                            /* Prevents entire page dropping down when menu is open */
                                #wrapper.unset {top:unset!important;}

                            /* Open/Close slide animation */
                                .slideOpenR {
                                    animation-name: openR;
                                    animation-duration: 0.5s;               
                                    }               
                                .slideCloseR {
                                    animation-name: closeR;
                                    animation-duration: 0.5s;                       
                                    }
                                    @keyframes openR {
                                        from {right:-500px;}
                                        to {right:0px;}
                                        }
                                    @keyframes closeR {
                                        from {right:0px;}
                                        to {right:-500px;}
                                        }


                .ml-nomob {display:none;} 
                #touch-contact {top:10px;}



            /* Footer */
             
                footer {
                    top:608px;
                    margin:0; padding:10px 0 50px!important;
                    font-size:120%;
                    border-top-width:5px;
                    }

                    #fore-foot {}
                        ul#footer-nav {}
                        ul#footer-nav li {min-width:4em; margin:0 0;}
                        ul#footer-nav li a {}
                        #fore-foot .logo-link img {margin:20px auto 10px; width:135px;}

                    #mid-foot {}
                        ul#footer-address-soc {margin-top:2em;}
						#mid-foot h6 {line-height:.7em;}
                        #mid-foot small {font-size:.9em;}
                        ul#policies-list {}
 
 

        #content {margin-top:-8px; padding-top:0;}
            #content ul {}
            #content ul li {line-height:1.4em;}
 
            section {margin-bottom:2em; padding:3em 1.5em 4em;}
                .band .row {}
                .band.wideband .row {}
                .band.narrowband .row {}

                .bg-img-band {height:420px; padding-top:180px!important;}
 
            section.band {margin-bottom:0!important; padding:3em 2em 1em!important;} /* pad btm down from 6em*/

 


            /* Homepage */
 
                #slider-band {margin-bottom:4.75em!important;}
                .slider {height:275px;} /* height:loacted in HTML slider <script> tag */
 
                /* slider.css overrules */
                .slider [class*="ctrl"] {top:19%; padding:115px 10px 115px; font-size:40px;}
                    .ctrlNext {right:0px;}
                    .ctrlPrev {left:0px;}
                    .slDots {bottom:18px;}
                    .slDotsSingle {width:8px; height:8px;}




            /* What's On */

				ul#events-list li {width:30%; padding-bottom:1em;}
                li.event-item {margin:0 .25em 3.4em; padding:.5em .5em .55em; font-size:85%;} /* 3x per row */
              /*  li.event-item {width:40%; margin:0 .5em 3.4em; padding:.75em .75em .9em;}  2x per row */
				li.event-item.single-post {padding:1em 2em 2.2em;}

				.owl-nav {display:inline-block!important;}
				.owl-nav button.owl-prev {left:-23px; min-width:unset!important; padding:3px 10px 1px 7px!important;}
				.owl-nav button.owl-next {right:-29px; min-width:unset!important; padding:3px 8px 1px 9px!important;}



            /* Visit */

                #map {display:block; height:300px;}

                .radio-tab {padding:1em 0 2em;}

                .radio-tab-content {width:100%!important;}
                    #radio-tab2-content {width:65%;}




            /* Podcast */
 
                #podcast-controls, ul#pagination {padding:.95em!important;}
                    #podcast-controls .w-33 {margin-bottom:.98em;}
                    #podcast-controls .ml-100 {margin-bottom:1px;}
 
				ul#recording-list {font-size:92%;}
                	li.recording-item {padding:1em!important;}
                	li.recording-item div:nth-child(2) {margin-left:4%}
                	li.recording-item h3 {font-size:1.4em}
                	li.recording-item p {font-size:1.2em}
                    .recording-options {margin-top:0}
                    .recording-options .btn {margin-left:0!important; font-size:1em;}

                ul#pagination li {margin:0 .3em}




            /* Connect */

				#cbc-info img {max-width:140px; margin-bottom:1em;}
				#cbc-info h3 {line-height:.65em;}
                #contact-form-container {width:75%;}

                #team .team-photo {min-height:185px;}
                #team .col div span.team-name {bottom:13px; right:12px;}
                    #team .team-photo h4 {margin-bottom:.4em; font-size:1.6em; line-height:1.05em;}
                    #team .team-photo h5 {font-size:1.25em; line-height:1.1em;}



    }





/* Mobile Portrait
-------------------------------------------------- */
    @media only screen and (max-width:479px) {
 
        body {}

            .nosidepad {padding-left:1em!important; padding-right:1em!important;}

            section, div.section {padding:4em 1.25em;}
            div.parallax.parallax-pad {padding:7em 0;}


            /* Typography */
 
                h2 {
                    margin-top:0.75em;
                    margin-bottom:.9em;
                    font-size:2.2em;
                    line-height:1.1em;
                    }
                    #page-header {}
                    #page-header h2 {margin-bottom:1em; font-size:3em; line-height:1.1em;}
                    #page-header p {font-size:1.55em; line-height:1.6em;}
                    #intro h2 {margin-top:60px;}

                h3 {font-size:1.6em;}
                h6 {line-height:1.4em;}
                    footer h6 {margin-top:1.35em; margin-bottom:1.4em; line-height:.75em}


                p {font-size:1.35em;}

                    blockquote {margin-top:2.5em; margin:1em; font-size:2.1em; text-align:right;}
                        blockquote::before {top:45px; left:-26px;}
                        blockquote::after {top:310px; right:-35px;}
                        blockquote span {padding:20px 0 0 0; font-size:.9em}
                        

                    .intro-large {margin-bottom:2.4em; font-size:1.4em; color:#606060;}
                    .slanted {margin-bottom:1em; font-size:2em; line-height:1.2em;}

                        #other-events p:last-child,
                        #more-events p:last-child {margin-bottom:2em;}


                a.btn,
                input[type="submit"] {
                    padding-top:12px!important;
                    padding-bottom:14px!important;
                    font-weight:normal!important; 
                    border:0!important;
                    }
					a.btn-ico i {margin-top:-1px; font-size:1.4em;}


            .mob-nav-logo {display:block!important;}
            .mob-only {display:block;}
            .no-mob {display:none;}



 
        #wrapper {
            position:relative; z-index:0;
            margin:0; padding:0; /* adjust top padding to allow for logo height */
            }
            /*.row {padding-left:8px; padding-right:8px;}*/
 
            header {
                height:69px; margin-top:0;
				background:rgba(255,255,255, 0.85);
                border-bottom-color:#F29F9F;
                }
                header h1 {
                    height:0;
                    margin:0 auto 0; padding:0;
                    border-color:black;
                    }
                    header h1 img {/*width:92px; margin-top:8px;*/ width:88px; margin-top:10px;}
     
 
                /* Mobile Navigation */
                    #burger {display:block;}
                    #burgerClose {display:none;}

                    /*  #####################################################
                        Navigation: RightFull
                    --------------------------- */
                    
                        #burger-nav.rightFull {display: none; position:absolute; right:-500px; z-index:100; width:100%; height:100vh; margin:0; padding:0; background:#77716E;}

                            #burger-nav.rightFull ul {display:block; position:relative; top:0; right:0; width:100%; margin:0 auto; padding:60px 0px 0px 0px; background:rgba(0,0,0, 0);}
                                #burger-nav.rightFull ul li {display:block; float:none; min-width:5em; margin:20px 0; margin-left:0; font-size:1.6em; background:rgba(0,0,0, 0);}
                                #burger-nav.rightFull ul li:first-child {margin-left:0;}
                                #burger-nav.rightFull ul li.spacer {display:none;}
                                #burger-nav.rightFull ul li.mob-nav-logo img {margin-top:10px; max-width:125px;}
                                        
                            #burger-nav.rightFull ul li a {display:block; margin:0; padding:7px .5em 7px; color:#fff; color:rgba(255,255,255, 0.7); background:rgba(255,255,255, 0);}
                                #burger-nav.rightFull ul li a:hover,
                                #burger-nav.rightFull ul li a:focus {color:#fd0; color:#fff; color:rgba(255,255,255, 1);}
                                #burger-nav.rightFull ul li a:active {color:#fd0;}

                            /* Change the right possition of menu when .showNav is assigned */
                                .showNavR {display:unset!important; right:0!important;}

                            /* Prevents entire page dropping down when menu is open */
                                #wrapper.unset {top:unset!important;}

                            /* Open/Close slide animation */
                                .slideOpenR {
                                    animation-name: openR;
                                    animation-duration: 0.5s;               
                                    }               
                                .slideCloseR {
                                    animation-name: closeR;
                                    animation-duration: 0.5s;                       
                                    }
                                    @keyframes openR {
                                        from {right:-500px;}
                                        to {right:0px;}
                                        }
                                    @keyframes closeR {
                                        from {right:0px;}
                                        to {right:-500px;}
                                        }
 

                #touch-contact {top:13px;}


            /* Footer */

                footer {
                    top:550px; /*608px*/
                    margin:0; padding:15px 5px 50px!important;
                    font-size:130%;
                    border-top-width:5px;
                    }

                    #fore-foot {margin-bottom:0;}
                        #fore-foot img {width:120px; margin:.5em auto 1em;}
                        ul#footer-nav {}
                        ul#footer-nav li {margin:1em .25em .5em; display:block;}
                        ul#footer-nav li a {max-width:200px; margin:.5em auto; padding:6px 12px; font-size:1.2em;}

                    #mid-foot {font-size:90%;}
                        ul#footer-address-soc {margin:4em auto 1.25em}
                        ul#footer-address-soc i {font-size:2.4em}
                        ul#policies-list {}
                        footer address {line-height:1.6em;}
                        #mid-foot small {}
                        footer small {padding:0.25em;}

 
            #content {padding-top:0;}
                .bg-img-band {padding-top:170px!important;}
                div.parallax.parallax-pad {min-height:320px; padding:7em 1em!important;}



            /* Homepage */

                ul.no-bullets {margin:-5px auto 1.55em;}
                ul.no-bullets li {font-size:1.2em;}

                #regular-meetings-container {padding:0 7px;}
                #regular-meetings-container div {margin-bottom:1.5em!important;}

                #about-vows ul li {padding:0 .5em; font-size:1.25em; text-align:center;}
                    ul#mission-points {margin-bottom:4em;}

                #soc-small li {font-size:3.8em;}



            /* What's On */

                li.event-item {width:84%!important; min-width:280px; margin:0 auto 4em!important; padding:1em 1em 2.2em;} /*0 .25em 4em!important;*/
					.owl-item li.event-item  {width:92%; min-width:unset; margin:0 auto 4em!important;}
					li.event-item.post-single {width:94%!important; min-width:290px; margin-bottom:0!important; padding:1.5em 1.5em 2.2em}
					li.event-item img {width:100%; margin-bottom:1.4em;}
					li.event-item a.btn-ico {display:inline-block;}
                		i.fa-chevron-down {padding-top:.25em;}

						.std-event {padding-bottom:1.25em;}
						.w-30.std-event.w-40.std-event {padding:0 2em 3em 2em;}
		
				body.single-event li.event-item {width:95%;}
								  li.event-item h3 {line-height:1.4em;}
								  li.event-item p {max-height:unset;}
		
					.owl-nav {display:inline-block!important;}
					.owl-nav button.owl-prev {top:46%; left:-20px!important; min-width:unset!important; padding:3px 10px 1px 7px!important;}
					.owl-nav button.owl-next {top:46%; right:-21px!important; min-width:unset!important; padding:3px 8px 1px 8px!important;}
		
				#bible-study {min-height:480px!important; padding:4em 3em!important;}
	
		

            /* Visit */

                #guide {padding:4em 1em;}

                #radio-tabs-holder {padding:0;}

                    .radio-tab {width:30%; margin:0 .5%; padding:.5em .5em 1em; font-size:1.1em;} /*.25em .5em .55em*/
                        .radio-tab:first-child {margin-left:1%;}
                        .radio-tab:last-child {margin-right:1%;}
                        .radio-tab i {margin:.2em auto .15em; font-size:3em;}
                        .radio-tab i.fa-car {margin-top:.33em; margin-bottom: 0;}

                    .radio-tab-content {width:100%!important;}
					.radio-tab2-content {padding:1em 3em;}

		
		
            /* Podcast */
 
                #podcast-controls, ul#pagination {padding:.95em!important;}
                    #podcast-controls {width:84%;}

                    div#podcast-controls select, div#podcast-controls .btn {height:40px;}
                    div#podcast-controls select {margin-bottom:.65em; padding:0 .5em;}
					div#podcast-controls input[type=submit],
					a.btn.filter-btn {margin-bottom:0; padding-top:8px!important;}

                        li.recording-item {width:90%; min-width:280px; margin-left:auto; margin-right:auto; padding:1.2em!important; text-align:center;}
                        li.recording-item img {margin:0 auto 1em; float:none; max-width:100%; max-height:unset;}
                        li.recording-item h3 {margin-bottom:10px; line-height:1.3em;}
                        li.recording-item p {padding-top:.75em;}

                        .recording-options {margin-top:2.5em;}
						.btn-ico {/*display:block;*/ padding-left:3.2em;}
		 				/*li.recording-item a.btn-ico {display:inline-block;}*/

                    ul#pagination li {margin:0 .3em}
 

		
            /* Connect */

				#cbc-info img {max-width:140px; margin-bottom:.5em;}
				#cbc-info h3 {margin-bottom:1.2em; line-height:.6em;}
				#cbc-info .btn-ico {display:inline-block;}
		
                #contact-form-container {width:100%; max-width:320px;}
                    .contact-form {padding:0;}
						form fieldset input,
						form fieldset select,
						input[type="password"],
						input[type="email"],
						input[type="text"] {
							margin-bottom:1em;
							}

                #team {padding-left:1em; padding-right:1em;}

                    .flex-grid {display:block; margin-top:0;}
                        #team .col {display:block; margin-bottom:0; padding:0 1em;}
                            
                            #team div.team-photo.pull,
                            #team div.pull,
                            .team-photo.dip,
                            .team-photo.pull,
                            .team-photo.super-dip {margin-top:0!important;}

                            #team .col .team-title {display:none;}
                            #team .col .team-member-wrapper {min-width:250px; max-width:335px; margin:0 auto 4.35em;}
                                #team .team-photo {min-width:225px;}
                                    #team .col div span.team-name {right:20px; bottom:22px;}
                                #team .team-txt {padding:20px; font-size:unset;}
                                    #team .team-photo h4 {margin-bottom:.25em; font-size:2.4em; line-height:1.1em; color:#f0f0f0;}
                                    #team .team-photo h5 {font-size:1.6em;}

                            #last-team-member {margin-bottom:0!important;}




    }




/* Universal header border for Demo / Publication */

	header {border-bottom-color:rgba(0,0,0, 0.55);}

/*			#head-bg-home {background-image:url("../img/bg-head-homeb.jpg")!important; background-position:center;}
				div#home1 {background-image:url("../img/sec-home1.jpg")!important; background-position:top; color:#ddd!important;}
				section#join-community {color:#ddd;}
				div#home2 {background-image:url("../img/sec-home1.jpg")!important; background-position:top;}

			#head-bg-whatson {background-image:url("../img/bg-head-whatson.jpg")!important;}
				div#whatson1 {background-image:url("../img/sec-whatson1b.jpg")!important;}
				div#whatson2 {background-image:url("../img/sec-cakeb.jpg")!important;}

			#head-bg-visit {background-image:url("../img/bg-head-visitb.jpg")!important;}
				div#visit1 {background-image:url("../img/sec-visit1.jpg")!important;}

			#head-bg-podcast {background-image:url("../img/bg-head-podcast.jpg")!important;}
				div#podcast1 {background-image:url("../img/sec-podcast1.jpg")!important;}

			#head-bg-connect {background-image:url("../img/bg-head-connectb.jpg")!important;}
				div#connect1 {background-image:url("../img/sec-connect1b.jpg")!important;}


			#head-bg-catevents {background-image:url("../img/bg-head-catevents.jpg")!important;}
			#head-bg-catpods {background-image:url("../img/bg-head-catpods.jpg")!important;}

		*/



		/* Headers with raw images */
		/*
			#head-bg-home {background-image:url("../img/bg-head-home.jpg")!important; background-position:center;}
				div#home1 {/*background-image:url("../img/sec-home1.jpg")!important; background-position:top;*/ /*color:#ddd!important;}
				section#join-community {color:#ddd;}
				div#home2 {background-image:url("../img/sec-home1.jpg")!important; background-position:top;}
			#head-bg-whatson {background-image:url("../img/bg-head-whatson.jpg")!important;}
				div#whatson1 {background-image:url("../img/sec-whatson1.jpg")!important;}
				div#whatson2 {background-image:url("../img/sec-cake.jpg")!important;}
			#head-bg-visit {background-image:url("../img/bg-head-visit.jpg")!important;}
				div#visit1 {background-image:url("../img/sec-visit1.jpg")!important;}
			#head-bg-podcast {background-image:url("../img/bg-head-podcast.jpg")!important;}
				div#podcast1 {background-image:url("../img/sec-podcast1.jpg")!important;}
			#head-bg-connect {background-image:url("../img/bg-head-connect.jpg")!important;}
				div#connect1 {background-image:url("../img/sec-connect1.jpg")!important;}

			#head-bg-catevents {background-image:url("../img/bg-head-catevents.jpg")!important;}
			#head-bg-catpods {background-image:url("../img/bg-head-catpods.jpg")!important;}
		*/



/* Demo black & white images = disable the above */



/*  MP to TL 
    Target mobile devices ---- */

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

        section.parallax {
            height:500px; min-height:150px;
            background-attachment:initial!important;
            background-position:center center!important;
            overflow:hidden;
            }


    }




/**** form dev styling ***/

.upload-errors {display:none; color:#dc3545;}

.form-loading-wrapper {
	position:relative;
	}
	.form-loading-wrapper .loaders-container {
		position:absolute;
		width:100%; height:100%;
		font-size:0; text-align:center;
		background:#ddd!important;
		opacity:.75;
		z-index:99;
		}
		.form-loading-wrapper .loaders-container .circle-container {
			position:relative; display:flex;
			width:100%;
			height:100%;
			padding:30px;
			align-items:center;
			justify-content:center;
			box-sizing:border-box;
			}
			.form-loading-wrapper  .loaders-container .circle-container .circleloader {
				position:absolute; top:50%;
				width:80px; height:20px;
				margin-top:-10px; padding:4px;
				background:rgba(255, 255, 255, 0.4);
				border-radius:16px;
				box-sizing:border-box;
				}

.loaders-container .container .circleloader:before {
    content:'';
    position:absolute; left:0;
    width:20px; height:12px;
    background:#fff;
    border-radius:16px;
    animation:push 1s infinite linear;
	}
	.circle {
		width:60px; height:60px;
		border-radius:100%;
		border:8px solid rgba(255, 255, 255, 0.2);
		border-top-color:#FFF;
		box-sizing:border-box;
		animation:spin 1s infinite linear;
		}
		@keyframes spin {
			100% {transform: rotate(360deg);}
			}