/*
 -------------------------------- 
 PVII Zeitgeist - version: 1.0.4
 by Project Seven Development
 www.projectseven.com
 --------------------------------
*/

* {box-sizing: border-box;}

body {
	/* see p7HMY body */
}

.hmy-section a:link, 
.hmy-section a:visited {
	color: #000;
	font-weight:bold;
	letter-spacing: 1px;
}
.hmy-section a:hover, 
.hmy-section a:active {color: #777!important;}


/*---------- Restrict height of logo image ----------- */
img.z-logo {max-height:60px; box-sizing: border-box; padding:5px;}
img.footer-logo {max-height: 40px;}



/* --------- Grid, images on hover --------------------*/
.team-grid .hmy-section.member .hmy-content {
	padding: 12px;
	overflow: hidden;
}
.team-grid .hmy-section.member img {
	transition: all ease-out .5s;
	transform: scale(1);
	transform-origin: center;
	opacity: 1;
}
.team-grid .hmy-section.member img:hover {
	transform: scale(1.75);
	opacity: .3;
}

/* inspiration tiles and media tiles */
.hmy-section.member .hmy-content-wrapper .hmy-content p a {
	font-size:80%!important;
	letter-spacing:normal;
}

.hmy-section.member .hmy-content a:hover {text-decoration: none;}

.image-caption {margin:0px;	letter-spacing:0.5em;}
.image-description {font-size:90%;}

/* used to separate side by side links */
.hmy-section.member .hmy-content .spacer {padding-left: 1.33%; padding-right:1.33%;}

/*
--------------------------------------------------------
 Custom media queries for Grid. Flex-basis 50% sets grid 
--------------------------------------------------------
*/
@media only screen and (min-width: 0px) and (max-width: 1280px) {
	.team-grid .hmy-section.member {flex-basis: 50% !important;}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.team-grid .hmy-section.member {flex-basis: 100% !important;}
}


/*
--------------------------------------------------------
 utility rules 
--------------------------------------------------------
*/
.centered {text-align: center;}
.bordered {border: 1px solid;}
.rounded {border-radius: 3px;}
.tagline {
	font-size: 85%;
	letter-spacing: .25em;
}
.fancy {
	border-radius: 3px;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.45);
}

.blocked-indent {
	padding: 1% 10%;
	line-height: 2.25;
	font-size: 88%;
	letter-spacing: .1em;
}
.bump-padding-top {
	padding-top: 48px;
}

.section-header .hmy-content {padding:4em 2.5em 1.5em 2.5em;}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	.section-header .hmy-content {padding: 1em 2.5em;}
}


/*
--------------------------------------------------------
 Sticky elements. at full-width.
--------------------------------------------------------
*/
.header {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 10;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.40);
}
.sticky .hmy-content {
	position: -webkit-sticky;
	position: sticky;
	top:70px;
}

/*
-------------------------------------------------------------
 Custom and Exception rules. 
 ************************************************************
 NOTE: position: sticky will cease to work if the element
 or one of its parents is also set to overflow: hidden.
-------------------------------------------------------------
*/
.hmy-content {padding:2em;}

.padxtrawide {padding-right:10%; padding-left:10%;}

.logo .hmy-content {padding: 0px 0px 0px 10px;}
.nav .hmy-content {padding: 0px;}

.search .hmy-content {
	padding: 10px 6px 10px 6px;
	text-align: right;
}


.hmy-content-wrapper.intro .hmy-content,
.hmy-content-wrapper.intro-tall .hmy-content {
	max-width: 1000px;
	margin: auto;
}

/* bible resources page only */
.hmy-content-wrapper.intro-bible .hmy-content {
	max-width: 1200px;
	margin: auto;
}


/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 Set content wrapper to min-height 100vh 
 use Harmony UI to vertically center content within.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.hmy-content-wrapper.full-height {
	min-height: 100vh;
}
.hmy-content-wrapper.intro,
.hmy-content-wrapper.intro-tall,
.hmy-content-wrapper.intro-bible {
	min-height: 100vh;
	border-bottom:0px solid;
}


/*
---------------------------------------------------------------
 Special fixed background images. 
---------------------------------------------------------------
*/
.top-panel-welcome {
	background-image: url("../images/amber-thinking.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-welcome-cliff {
	background-image: url("../images/cliff-gold.jpg");
	background-repeat: no-repeat;
	background-position: center right;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-welcome-grass {
	background-image: url("../images/grass-thinking.jpg");
	background-repeat: no-repeat;
	background-position: center right;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-hands {
	background-image: url("../images/bg-hands-lightflecks.jpg"); 
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-steps {
	background-image: url("../images/bg-steps.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-twopaths {
	background-image: url("../images/bg-twopaths.jpg"); 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-outreach {
	background-image: url("../images/bg-outreach.jpg"); 
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-stone {
	background-image: url("../images/bg-light-main-portal.jpg"); 
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-heart {
	background-image: url("../images/love-heart.jpg"); 
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-praying {
	background-image: url("../images/bg-praying.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-mist {
	background-image: url("../images/mysterious-bg.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.top-panel-bible-dk {
	background-image: url("../images/bg-bible-dark.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}

.banner-homemobile {
	background-image: url("../images/watching-sunset-mobile.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.banner-contemplation {
	background-image: url("../images/contemplation-bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.banner-viewsun {
	background-image: url("../images/looking-toward-sun.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.banner-everyone {
	background-image: url("../images/everyone.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}



/*
***************************************
         MENU CUSTOMIZATIONS
***************************************
*/

/*
---------------------------------------------------------------------------------------
 Customize pointer arrow between menu trigger and sub-menu, when sub-menu is showing. 
---------------------------------------------------------------------------------------
*/
.p7AMM.amm-pointer ul ul:after {
	border-top: 15px solid #000; /* changes color of triangle */
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid transparent;
	top: -10px;
	left: 0px;
}


/*
**********************************************
 Set Root links to be visible in DW design view.
**********************************************
*/
.p7AMM.amm-noscript ul li a {background-color: #000 !important;}


/*
*****************************************************
 Remove default white space between root menu items.
*****************************************************
*/
.p7AMM ul li {padding: 0;}


/*
*****************************************************
   Add border separators between root menu items.
   Remove borders for sub-menu items.
   Remove border from last root menu item.
*****************************************************
*/
.p7AMM li {
	border-right: 0px dotted rgba(255,255,255,0.35)!important;
}
.p7AMM ul ul li, .p7AMM ul ul li:hover {border-right: none;}
.p7AMM li.last-root {border-right: none;}
.p7AMM ul ul li,
.p7AMM ul ul li:last-child {border-right: none;}


/*
****************************************************
 nudge triangle drop-down
****************************************************
*/
.p7AMM a.amm-trigger {
	background-position: 4px center;
}
.p7AMM ul ul a.amm-trigger {
	background-position: 0px center;
}
/*
****************************************************
    Adjust Padding on root level menu links
****************************************************
*/
.p7AMM li a { padding: 20px 24px; }



/*
****************************************************
   MENU ICON ARROW
****************************************************
*/

.p7AMM ul li a.arrowup {font-size:28px; padding-bottom:25px!important;}



/*
*****************************************************
 Reset line height for ALL root menu items to align with icon
 reset sub-menu line height to normal.
*****************************************************
*/
.p7AMM li a { line-height: 24px; }
.p7AMM ul ul li a {line-height: normal;}


/*
*****************************************************
  Menu Hamburger bar. Disable Hamburger text (Show Menu)
*****************************************************
*/
.amm-toolbar {background-color:#555!important;}
.amm-toolbar a {display:block !important;}
.p7AMM.amm-responsive .amm-toolbar.closed a:before,
.p7AMM.amm-responsive .amm-toolbar.opened a:before {
	display: none;
}

/*
---------------------------------------------------------------------------
 Search Pop-Down.
---------------------------------------------------------------------------
*/
.popper {
	transition: all ease-out .75s;
	position: absolute;
	left: 0px;
	z-index: -1;
	width: 100%;
	top: -100%;
	opacity: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: rgba(115,115,115,0.9);
}
.hmy-noscript .popper {
	position: static;
}
#popper.show-popper {
	top: 100%;
	opacity: 1;
}
#popper.hide-popper {
	top: -100%;
}



/*
-------------------------------------------------------------------------
                           Media Queries
-------------------------------------------------------------------------
*/

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.footer .hmy-content.hmy-left, .footer .hmy-content.hmy-right {text-align: center;}
	.footer p {margin: 0px;}
	
	.hmy-content-wrapper.search .hmy-content {text-align: center;}
	
	.hmy-content-wrapper {min-height: 0px !important;}
	.p7AMM ul li a.arrowup {color:none!important; }

}

/*
******************************************************
 Read by IE10 and 11 ONLY. These browsers do not do 
 well with viewport height and vertical centering.
 top/bottom padding to simulate vertical centering.
******************************************************
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.hmy-content-wrapper.intro {min-height: 0; padding: 10% 0;}
	.p7AMM li a {line-height: 20px;}
}



/* 
*******************************************************
Overrides to default Adaptive Menu Magic media query 
*******************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
.p7AMM.amm-responsive {	padding: 0px !important;}
.p7AMM.amm-fixed {
    max-height: 100% !important;
    overflow-y: auto;
}

.p7AMM.amm-responsive li {
	text-align: left !important;
	display: block;
	max-height: 700777px;
}
.p7AMM.amm-responsive a { padding: 10px 24px; }

.p7AMM.amm-responsive.amm-pointer ul ul:after {
	display: none !important;
}
.p7AMM.amm-responsive ul ul {
	width: 100%;
	min-width: 0px;
	margin: 0px !important;
	position: relative !important;
}
.p7AMM.amm-responsive ul,
.p7AMM.amm-responsive a {
	border-radius: 0px !important;
}
.p7AMM.amm-responsive .amm-toolbar {
	display: block;
	text-align: right;
	margin: 0px 0px;
	padding: 0px 10px 0px 20px;
	background-color: #2E2E2E!important;
	color: #FFF !important;
}
.p7AMM.amm-responsive .amm-toolbar a {
	display: inline-block;
	text-decoration: none;
	font-size: 1.9rem;
	color: #FFF;
	opacity: 0.7;
}
.p7AMM.amm-responsive .amm-toolbar a:hover {
	opacity: 1;
}
.p7AMM.amm-responsive .amm-toolbar.amm-toggle-text.closed a:before,
.p7AMM.amm-responsive .amm-toolbar.amm-toggle-text.opened a:before {
	display: inline-block;
	content: "MENU"!important;
	font-size:1.2rem!important;
	font-family: Oswald, Helvetica, Arial, sans-serif!important;
	position: relative;
 top: -.20rem!important;
 left: -.36rem!important;
}
.p7AMM.amm-responsive .amm-toolbar.amm-toggle-text.opened a:before {
	content: "CLOSE"!important;
}

.p7AMM.amm-responsive ul.closed {
	display: none;
}
.p7AMM.amm-responsive ul.opened {
	display: block;
}
.p7AMM.amm-responsive li.amm-more {
	display: none !important;
}
.p7AMM.amm-responsive li.amm-root-moved {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}
}


/* 
****************************************************
    Overrides to default Harmony Media Queries
****************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
.p7HMY .hmy-section {flex-basis: 100% !important;}
	
.hmy-content {padding: 1.5em;}

/* ---------------------------------------------------- */		
/* adjust top and bottom padding to tall content panels */
	
.hmy-content-wrapper.intro-tall {
	min-height: 100vh;
	padding:10px 5%!important;
}
	
.hmy-content-wrapper.intro-bible {
	min-height: 100vh;
	padding:65px 10% 25px 12%!important;
}
.top-panel-bible-dk {
	background-image: url("../images/bg-bible-dark-mob.jpg")!important;
	background-position:top right!important;
}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */	

.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border: none !important;}
.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
}


/* 
**************************************
            Tablets 
**************************************
*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  div {background-attachment: scroll !important;}
  .hmy-content-wrapper.hmy-vertical-center.sticky {display: block;}
}


/* 
**************************************
            Smartphones
**************************************
*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
     div {background-attachment: scroll !important;}
}

/*End Media Queries*/