@font-face{	font-family: "Inversionz";  src: url('../fonts/inversionz/Inversionz.ttf'); }
@font-face{	font-family: "Inversionz Italic";  src: url('../fonts/inversionz/Inversionz Italic.ttf'); }
@font-face{	font-family: "Inversionz Unboxed";  src: url('../fonts/inversionz/Inversionz Unboxed.ttf'); }
@font-face{	font-family: "Inversionz Unboxed Italic";  src: url('../fonts/inversionz/Inversionz Unboxed Italic.ttf'); }

:root {
  /*--white: #ffffff;
  --headerbar:#5d7261;
  --body-bg-color: #f4f1ea;
  --superfish-hover: #f4f1ea;
  --superfish-border:#e5e4e1;*/
  --white: #ffffff;
  --headerbar:#5d787f;
  --body-bg-color: #edf0f1;
  --superfish-hover: #edf0f1;
  --superfish-border:#5d787f;
  --branding:#4d5356;
  --font-family-common:'Inter', sans-serif;
  --font-family-heading: 'Gotu', sans-serif;
  --black:#000000;
  
} 

body{
	font-family: 'Inter', sans-serif;
	background-color: var(--body-bg-color);
}
/* Menu */
header.fixed {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    z-index: 10;
}
.navbar {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.header-bar{
	background-color: var(--headerbar);
}
.branding-bar{
	background-color: var(--branding);
	color:var(--white);
}
.path-frontpage .message-container {
    width: 45%;
}
.path-frontpage .global-flex {
    display: -ms-flexbox;
    display: flex;
}
.space-between-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-nav {
    padding-left: 20px;
    padding-right: 0;
	height: 60px;
	overflow:hidden;
} 
ul#superfish-main a{
	color: var(--white);
	font-size: 0.85rem;
    line-height: 1.8;
    padding: 3px 9px 3px 0px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
}
ul#superfish-main .sf-sub-indicator{
	right: -6px;	
} 
.header-bar #superfish-main li.sf-depth-1 {
    padding-left: 25px !important;
}

#superfish-main li ul {
	background: var(--white);
	border-radius: 0 0 5px 5px; 
}
ul#superfish-main li a{
	text-decoration:none;
    font-weight: 400;
}
ul#superfish-main li ul li a{ 
	color:#000;
	text-decoration:none;
	font-weight: 400;
	padding: 15px 20px;

}
ul#superfish-main li ul li{
   border-bottom: 1px solid var(--superfish-border);
}
ul#superfish-main li ul li a.sf-depth-2{
	width:85%;
	float:left;
}
.custom-menu-right-arrow{
    width: 15%;
    float: left;
    margin-top: 19px;
}
ul#superfish-main li ul li:hover{
    background: var(--superfish-hover);
	transition: .3s ease all;
}
.menu-wrapper-main a.header-logo{ 
	width: 13%;
    float: left;
    padding-top: 5px;
	padding-bottom: 5px;
}
.view-branding-logo .views-row img{
	width:100%;
	height:100%; 
}
nav.header-nav{
    width: 85%;
    float: left;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 22px;
	position: relative;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 60%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Inversionz';
  font-size: 39px;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    left: 0;
    top: 1.75em;
}
.element-hidden{ 
	display:block;
}
.slide__caption {
    visibility:revert !important; 
}
.home-page-about {
    text-align:center;
    font-size:16px;
    padding-top:15px;
    font-weight:300;
}  
.view-home-group h3 {
    text-align:center;
	font-family: var( --font-family-heading);
	font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: 400;
	padding-top: 30px;
} 
.view-home-group .image-style-home-group {
    border-radius: 5px;
    transition: opacity 1s;
} 
.view-home-group  .field-content {
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.view-home-group .views-field-field-about p{
    padding:0;margin:0;
}
.view-home-group .views-field-field-about{ 
    color: var(--black);
    font-size:0.8em;
    padding-top:5px;
}
.view-home-group .views-field-field-about span{
	font-family: 'Inter', sans-serif;
    font-weight: 200;
	font-size: 12px;
}
.view-home-group{
	padding-top:15px;
	padding-bottom:15px;
}
.view-home-group .views-field-field-name-1 span,.view-home-group .views-field-field-name-1{
	font-family: 'Inter', sans-serif;
    font-weight: 500;
	font-size: 11px;
    color: gray;
}

.view-home-group  .view-content .views-view-grid .row{
    padding-bottom:35px;
}
.slick-dots li{
	margin:0px;
}
.slick-dots li button::before {
    font-size: 12px;
    font-size: 1rem;
} 
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--headerbar);
}
footer{
    background-color: var(--headerbar);
    text-align: center;
	padding: 0;
    font-size: 12px;
}
footer p {
    color:#fff;
	margin: 10px;
}
footer p a{
    color:#f4f1ea;
    text-decoration:none;
}
.homepage-v-align-container {
  height: 200px;
  position: relative;
}
.grid.views-view-grid.custom-wrapper-homepage {
    padding-top:15px;
    padding-bottom:15px;
	background-color:var(--white);
} 
.grid.views-view-grid.custom-wrapper-homepage .field__item{
    text-align: center;
    background-color: #fff;
    height: 250px; 
	
}
.custom-homepage-mass-time .field__item2{
	padding-top:30px;
	font-family: var( --font-family-common);
}

.sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls
{
	background-color: var(--branding) !important;
}

ul.sf-menu .sf-sub-indicator::after {
    content: url(../svg/down_arrow.svg);
    left: 0px; 
    line-height: 1; 
    position: absolute;
    text-indent: 0px;
} 
.page-node-type-playlist #block-liturgy-page-title,
.path-playlist-individual-player #block-liturgy-page-title h1,
.path-feeds  #block-liturgy-page-title,
.path-user-management #block-liturgy-page-title,
.path-phone-number-list #block-liturgy-page-title,
.path-user #block-liturgy-page-title,
.path-csv-import #block-liturgy-page-title,
.page-node-type-feed-phone-number #block-liturgy-page-title,
.page-node-type-feed #block-liturgy-page-title,
.path-feed-notification  #block-liturgy-page-title{
    padding-top:80px;
	
}
.page-node-type-playlist #block-liturgy-page-title h1,
.path-playlist-individual-player #block-liturgy-page-title h1,
.path-feeds  #block-liturgy-page-title h1,
.path-user-management #block-liturgy-page-title h1,
.path-phone-number-list #block-liturgy-page-title h1,
.path-user #block-liturgy-page-title h1,
.path-csv-import #block-liturgy-page-title h1,
.page-node-type-feed-phone-number #block-liturgy-page-title h1,
.page-node-type-feed #block-liturgy-page-title h1,
.path-feed-notification  #block-liturgy-page-title h1{

	font-family: var( --font-family-heading);
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: 400;
}
.path-user-management .region-content,
.path-phone-number-list .region-content,
.path-user .region-content,
.path-node  .region-content {
    padding: 0 0.1rem; 
}
.header-bar #superfish-main li.sf-depth-1.sf-no-children > .custom-menu-right-arrow{
    display:none;
}
.path-frontpage .row .order-1 div.region-content{
	padding:0px;
}    
#slick-node-church-banner-default-14-1-slider{
	margin-top: 95px;
}
.field--name-field-about .field__item span > span{
  font-family: var( --font-family-heading);
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: -1px;
  font-weight: 400;
}
.field--name-field-about .field__item {
    max-width: 60%;
    margin: 0 auto;
	padding-top:30px;
}
.path-frontpage .field--name-field-about {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.quote-content {
    max-width: 600px;
}
.page-node-type-prayer #block-liturgy-page-title{
	visibility:hidden;
}
.custom-feed-item {
  width:70%;
  margin: 0 auto;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
  box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
  background-color:var(--white);
  background-color: var(--white);
  border-radius: 5px;
  margin-bottom: 15px;
}

.views-infinite-scroll-content-wrapper.clearfix {
  margin: 0 auto;
  width:100%
}
.custom-title-edit a{
    padding-left:10px;
    font-family: var( --font-family-common);
    font-weight: 200;
    font-size: 12px;
}
.custom-title-edit{
    font-family: var( --font-family-common);
    font-weight: 500;
    font-size: 16px;
}
.custom-time{
   font-family: 'Inter', sans-serif; 
   font-size: 12px;
   padding-bottom:12px;
}
/*feed page*/
.views-field-field-video video, .views-field-field-audio audio{
	width:100%;
}
.field-content.custom-feed-item-field {
    padding: 10px;
}
.field-content.custom-feed-item-field-inner{
	padding-left: 10px;
	padding-right: 10px;
}
.slick-arrow::before {
    color: var(--headerbar);
}
.page-node-type-playlist .field__items .field__item{
    width: 60%;
    margin: 0 auto;
    -webkit-box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    background-color: var(--white);
    background-color: var(--white);
    border-radius: 5px;
    margin-bottom: 15px;
}

.page-node-type-playlist .audiofield {
    width: 98%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-node-type-playlist .audiofield div[id^=jp_container_file]{
    width:100%;
}
.view-admin-user-management .view-header{
	float:right;
}
.view-admin-user-management .view-header a.button, 
.view-phone-number-list .view-header a.button{
	background-color:var(--headerbar);
	border-color: var(--headerbar);
	color:var(--white);
	color:var(--white);
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}
.views-exposed-form label{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 0.85rem;
	color: var(--headerbar);
}
.view-header {
	color: var(--headerbar);
    font-size: 0.85rem;
}
#block-feedbutton a.custom-action-icon{
    margin-top: -48px;
}
.view thead th, .view-admin-user-management thead th a{
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color:var(--headerbar)
}
.view tbody, .view tbody a{
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    text-decoration:none;
   
}
.form-select, .form-control{
	  font-size: 0.8rem;
}
.view-admin-user-management{
  font-size: 12px;
  color:var(--headerbar)
}
input[type="submit"], button.custom-btn{
	background-color:var(--headerbar) !important;
	border-color: var(--headerbar);
	color:var(--white);
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
	margin-top: 2px;
} 
button.custom-btn{
	float:right;
}
button.custom-btn:hover{
	color:var(--white);
}
.views-exposed-form .form--inline .form-actions {
    float: left !important;
    clear: revert;
    padding-top: 22px;
}
.node-form,.user-form,form#user-login-form{
    width:100%;
    margin: 0 auto;
    -webkit-box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    background-color: var(--white);
    background-color: var(--white);
    border-radius: 5px;
    margin-bottom: 15px;
	padding:10px
}

a.custom-action-icon {
     margin-left: 5px;
    margin-right: 5px;
    font-size: .85rem;
	font-weight: bold;
    text-decoration:none;
	color:var(--headerbar);
	float: right;
	
}
a.custom-action-icon span{
	font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
	font-weight: 500;
}
a.custom-action-icon.common{
	margin-top: 10px;
}
a.custom-action-icon.btn{
	color:var(--white);
	background-color:var(--headerbar);
}
a.custom-action-icon:before{
    padding-right:4px
}
.audiofield .audiofield-player label{
	display:none;
}
.node-form .form-actions,form#user-login-form .form-actions {
    text-align: right;
}
.node--type-prayer{
    -webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.15);
    background-color: var(--white);
    background-color: var(--white);
    border-radius: 5px;
    margin-bottom: 15px;
	padding:10px;
}
#edit-submit-admin-user-management{
   margin-top: -2px;
}
.node--type-prayer .field--name-field-display-title,
.node--type-prayer .field--name-field-prayer-image{
    text-align:center;
    padding-bottom: 10px;
    font-family: var( --font-family-heading);
	font-size: 20px;
	font-weight: 600;
}
.node--type-prayer audio{
	width:100%;
}
#edit-delete,.ui-dialog-buttonpane button{
	background-color:var(--headerbar) !important;
	border-color: var(--headerbar);
	color:var(--white);
	font-size: 0.8rem;
}
/** Login **/
form#user-login-form {
  width:40%;
  padding:20px;
  font-family:var(--font-family-common);
}
.ui-dialog .ui-dialog-titlebar {
    background: var(--headerbar);
    color: var(--white);
	font-family:var(--font-family-common);
	font-weight:400;
} 
.btn-close, .ui-dialog .ui-dialog-titlebar-close{
	background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat !important;
} 
.page-item.active .page-link, .media-library-view--widget .view-header a.page-item.is-active .page-link {
  z-index: 3;
  color: #fff;
  background-color:  var(--headerbar);
  border-color:  var(--headerbar);
}
.page-link{
	color: var(--headerbar);
}  	
.right{
	float:right;
}
.view-home-location-mass-time > div.view-content .views-field-field-location .field-content{
	height:200px;
}
.mobile, .mobile-menu, #navbar-close-icon {
    display: none;
}  
.sf-accordion-toggle a {
    display: none;
}
.show {
    display: block !important;
}
.hide{
	display: none !important;
}
.navbar-toggler {
    text-decoration: none;
}	
.navbar-toggler:focus {
	box-shadow: none;
}
.clr{
	clear:both;
}
#superfish-custom-main-toggle{
	position: absolute;
    z-index: 1;
    opacity: 0.9;
    width: 100%;
    /*background-color: rgb(93 120 127);*/
	background-color: rgb(77 83 86);
}
#superfish-custom-main-toggle .custom-menu-right-arrow{
	display:none;
}
#superfish-custom-main-toggle #superfish-main--2{
	width:100%;
}
#superfish-custom-main-toggle + ul li:last-child a{
	border-bottom:transparent
}
#superfish-custom-main-toggle a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 3px;
    font-weight: 800;
    font-size: 18px;
	width: 78%;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}
.field--widget-text-textarea .filter-wrapper{
	display:none; 
}
.view-playlist-individual-player .view-content
{

	margin: 0 auto;
	margin-bottom: 0px;
	-webkit-box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
	background-color: var(--white);
	background-color: var(--white);
	border-radius: 5px;
	margin-bottom: 15px;
	padding-top:20px;
}

.views-field-field-files .field-content audio
{
	width:100%;
	padding: 0px 10px 20px 10px;

}
.views-field-filename
{
	padding: 0px 10px;
}

@media (min-width: 280px) 
    and (max-height: 896px)
	and (orientation : portrait) { 

	.mobile-menu{
		float: left;
		display:block;
		width:8%;
		padding-left: 2px;
	}
	#superfish-main{
		display:none;
	}
	header .header-bar nav >div.d-flex{
		display:block;
	}
	.header-nav {
		padding-left: 11px;
		line-height: 20px;
	}
	nav.header-nav {
		width: 75%;
		letter-spacing: 0px;
	}
	.vertical-center {
		top: 50%;
		font-size: 21px;
	}
	.menu-wrapper-main a.header-logo {
		width: 25%;
	}
	.field--name-field-about .field__item span > span {
		font-size: 1.6rem;
	}
	.field--name-field-about .field__item {
		max-width: 88%;
	}
	.container.d-flex.custom-home-picture-group {
		display: block !important;
		overflow:hidden;
	}
	.custom-homepage-mass-time .field__item2 {
		padding-top: 0;
	}
	.custom-p-1{
        padding: 0.5rem !important;
	}
	form#user-login-form {
		width: 80%;
	}
	.custom-feed-item {
		width: 100%;
	}
	.custom-feed-item.m-2 {
		margin:0 !important;
	}
	.views-field.views-field-photo-grid-view {
		margin-bottom: 15px;
	}
	#superfish-main--2-accordion .sf-sub-indicator{
		right: 6em;
		width: 20px;
	}
	.page-node-type-playlist .field__items .field__item {
		width: 100%;
	}
	/* jplayer */
	 .jp-video video, .jp-audio, .jp-controls-holder {
		 width: 100% !important;
	 }
	.jp-video, .jp-video > div, .jp-video img {
		height: auto !important;
		width: 100% !important;
	}
	.jp-video-360p {
		max-width: 570px !important;
	}
	.jp-video-270p {
		max-width: 480px !important;
	}
	.jp-progress {
		width: 130px;
	}
	.view-home-group .views-field-field-about span,
	.view-home-group .views-field-field-about{
		font-size: 17px;
	}
	.view-home-group .views-field-field-name-1{
		font-size: 14px;
	}
}    
@media only screen 
  and (min-width: 360px) 
  and (max-width: 896px) 
  and (orientation: landscape){
    .vertical-center {
        top: 43%;
        font-size: 19px;
    }
	#superfish-main--2-accordion{
		display: none !important;
	}
	.path-frontpage .message-container {
		width: auto;
	}
	.page-node-type-playlist .field__items .field__item {
		width: 70%;
	}
}      
@media only screen  and (min-width: 712px) and (max-height: 1180px) and (orientation: portrait) {
   .vertical-center {
        top: 43%;
        font-size: 18px;
    }
	.path-frontpage .message-container {
		width: auto;
	}
	.page-node-type-playlist .field__items .field__item {
		width: 80%;
	}
}        
@media only screen 
  and (min-width: 712px) 
  and (max-width: 1180px) 
  and (orientation: landscape){
   .vertical-center {
        top: 43%;
        font-size: 24px;
		line-height: .8em;
    }
	.path-frontpage .message-container {
		width: auto;
	}
	.page-node-type-playlist .field__items .field__item {
		width: 80%;
	}
}