/* Theme customizations */


/* Vars */
:root {
  --rem-percentage:     62.5%; /* 1rem = 10px */
	--max-width: 98rem;
	--font-family: "MuseoSans_500", sans-serif;
	--alt-font-family: "MuseoSans_500", sans-serif;
/*	--alt-font-family: "Museo_Slab_500", serif; */
	--font-size: 18;
	--header-step: 1.35;   /* how much the font size increases each step of H tag (between H6 - H1). */
	--spacing: 1.5; 		   /* used by several elements to control margins & padding */
	--border: 5px rgb(95, 105, 177) solid !important;
  	--border-dashed: 2px rgb(95, 105, 177) dashed !important;  
  --footer-background-color: #433f36;
  --footer-color: #fff;
  --footer-link-color: #d0d0a4;
  --social-size: 2.5rem;
  --social-color: #fff;
}


body {
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .faux-heading {
	letter-spacing: initial;
}

/* see: https://type-scale.com/  -- loosely based on 1.333 - perfect fourth */

h1, h2, h3, h4, h5, h6,
.heading-size-1, .heading-size-2, .heading-size-3, .heading-size-4, .heading-size-5, .heading-size-6 
{
	font-weight: 400 !important;
	margin-top: calc( var(--spacing) * 1rem) !important;
	margin-bottom: calc( var(--spacing) * .75 * 1rem ) !important;	
	line-height: 1; /* 1.15 */
}

h1,
.heading-size-1 {
	margin-top: 0 !important;
/*	font-size: calc(6 * var(--font-size) * ( var(--header-step) - 1) * .1rem); */
	font-size: 28px;
	font-style: italic;
	color: rgb(54, 62, 110);
	margin: 0 0 8px;
	padding: 0;
	text-align: center;
	line-height: 100%;
	border-bottom: 1px dotted #a1a1a1;
  padding: 5px 3px 27px 0;
}

h2,
.heading-size-2 {
/*	font-size: calc(5 * var(--font-size) * ( var(--header-step) - 1) * .1rem); */
	font-size: 26px;
	color: rgb(95, 105, 177);
	line-height: 28px;
	margin-bottom: -0.5em;
}

h3,
.heading-size-3 {
/*	font-size: calc(4.5 * var(--font-size) * ( var(--header-step) - 1) * .1rem); */
	font-size: 24px;
	color:rgb(95, 105, 177);
	line-height:28px;
	margin-bottom: -0.5em;
}

h4,
.heading-size-4 {
/*	font-size: calc(4 * var(--font-size) * ( var(--header-step) - 1) * .1rem); */
	font-size: 22px;
	color: rgb(95,105,177);
	margin: 0 0 25px;
	padding: 0;
}

h5,
.heading-size-5 {
/*	font-size: calc(3.5 * var(--font-size) * ( var(--header-step) - 1) * .1rem); */
	font-size: 21px;
}

h6,
.heading-size-6 {
/*	font-size: calc(3 * var(--font-size) * ( var(--header-step) - 1) * .1rem); */
  	text-transform: none;
	font-size:20px;
	color:rgb(30, 35, 62);
	text-align:left;
	line-height:28px;
	margin-bottom: -0.5em;
}




.header-titles .site-logo,
.header-titles .logo-titles
{
  display: inline;
}

.header-titles .logo-titles {
  margin-left: 1rem;
}

.header-titles .logo-title-1,
.header-titles .logo-title-2,
.header-titles .logo-title-3,
.header-titles .logo-title-4
{
  display: block;
  color: rgb(54,62,110);
}

.header-titles .logo-title-1,
.header-titles .logo-title-2 {
  font-family: "Museo_Slab_500";
}


.header-titles .logo-title-3,
.header-titles .logo-title-4 {
  font-size: .75em;
  display: inline;
}

.header-titles:hover
{
  text-decoration: underline;
}


#site-content > article .entry-title {border-bottom: none;}
#site-content > article .entry-title h1 {padding: 5px 3px 27px 0;}


#site-content > article {
max-width: none;
}


#site-content .posts-list article {
	border-bottom: solid 1px #eee;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(238, 238, 238);
}

#site-content .posts-list article:not(:last-child) {
     margin-bottom: 2.5%;
     padding-bottom: 2.5%; 
}

#site-content .posts-list article .entry-title-title {text-align: center;}

#site-content .posts-list .page-nav-container {text-align: center;}


.section-inner.medium {
  max-width: none;
}

figure img {
	margin-left: auto;
	margin-right: auto;
} 



.wp-block-latest-posts__list li a, 
.wp-block-latest-posts__post-excerpt {
  color: black;
}

.ptam-block-post-grid .is-list article {
  display: block;
}

.entry-content {
/*	font-size: calc( var(--font-size) * .1rem); */
	font-size: 17px;
	color: rgb(30, 35, 62);
	min-width: 320px;
}

.entry-content p, .entry-content li, .entry-content ol {
	line-height: 140%;;
}

.has-small-font-size{
	font-size: calc( var(--font-size) * .1rem *.85);
}

.has-normal-font-size{
	font-size: calc( var(--font-size) * .1rem);
}

.has-large-font-size{
	font-size: calc( var(--font-size) * .1rem * var(--header-step) * 1.5 );
}
 
.has-larger-font-size{
	font-size: calc( var(--font-size) * .1rem * var(--header-step) * 2 );
}

.has-largest-font-size{
	font-size: calc( var(--font-size) * .1rem * var(--header-step) * 3 );
}




html, body {
  height: 100%;
  margin: 0;
}

body>div.container {
  max-width: calc( var(--max-width) + 14rem + 14rem ) !important;
  /* box-shadow: 0 0 15px #e7e7e7; */
  margin: auto;
  padding-bottom: 10rem;
  margin-bottom: -86px; /* height of footer and .push */
  min-height: 100%;
}


body.home>div.container {
  box-shadow: none;
}

#site-header {
	border-bottom: 1px solid #a1a1a1;
  
}

#site-header .header-inner {
	padding: calc(var(--spacing) * 1rem) calc(var(--spacing) * 2rem);
}


body.home header.entry-header { 
	height: calc(var(--spacing) * 1rem );
	padding: 0;
	margin: 0; 
}

.primary-menu > li > a {
	color: #1e233e !important;
}


.primary-menu > li > .icon {
	display: none;
}

.primary-menu ul.sub-menu {
	background-color: #1e233e !important;
	opacity: 90% !important;
	top: calc(100% + 1.5rem);
}

.primary-menu ul.sub-menu a {
	color: white !important;
}

.primary-menu ul:before, .primary-menu ul:after {
	display: none !important;
}


#site-content > article {
  margin-top: calc(var(--spacing) * 1rem );
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width);
}

.singular .featured-media-inner {
  left: initial;
  width: 100%;
}
.singular .featured-media-inner img {
  width: 100%;
}

.entry-title-inner {
  width: 100%;
}



/* fixes for forcing full width */
#site-content > article {
max-width: none;
}
.section-inner.medium {
  max-width: none;
}
figure img {
	margin-left: auto;
	margin-right: auto;
} 



#site-content > article .entry-title {
  margin-top: calc(var(--spacing) * 1rem * 2);
  border-bottom: none;
}

#site-content > article .entry-title h1 {
  padding: 5px 3px 27px 0;
}


#site-content > article .entry-title-title {
  text-align: center;
  font-style: italic;
  margin-bottom: calc(var(--spacing) * 1rem ) !important;

}


body.home #site-content .entry-content  {
   width: 100%; 
}

.ptam-block-post-grid .is-list article {
  display: block;
}

.type-post .post-meta {display: none;}

#site-content a {
	color: rgb(0, 19, 249) !important;  
	text-decoration: none;
}

#site-content a:hover {
	color: rgb(0, 19, 249) !important;
	text-decoration: underline !important; 
}

#site-content a:visited{
	color: rgb(0, 19, 249) !important;
} 

#site-content ul {
	margin: 0;
	list-style: none;
	padding: 0 0 10px 0px; /*26px; */
}

#site-content ul li{
	padding:0 0 0 4rem !important;
	margin: 0 0 10px 0;
	line-height: 140%;
}

#site-content ul.is-style-default {
    list-style-type: none !important;
    padding-left: 0 !important;
}


#site-content hr {
	margin-top: calc(var(--spacing) * 1rem ) !important;
	margin-bottom: calc(var(--spacing) * 1rem ) !important;
}

#site-content hr:before, #site-content hr:after {
  display: none !important;
}

.push, footer.site-footer {
  height: 86px;
}
footer.site-footer {
  margin-top: 0 !important;
}

footer.site-footer {
  background-color: var(--footer-background-color);
  font-size: calc( var(--font-size) * .85 * .1rem);
  color: var(--footer-color);
}


footer.site-footer>div {
  display: flex;
  padding: 1.2rem;
  max-width: var(--max-width); 
  margin: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer.site-footer address { 
  margin: 0;
}

footer.site-footer a {
  color: var(--footer-link-color) !important;
}

footer.site-footer .socials .social.icon {
  margin-top: 1rem;
  position: relative;
  top: .75rem;
}

.social.icon {
  width: var(--social-size);
  height: var(--social-size);
  display: inline-block;
  fill: var(--social-color);
  margin-left: calc(var(--spacing) * 1rem);
}

.social.icon:shover {
  fill: var(--footer-link-color);
}




@media ( max-width: 360px ) {
  body>div.container {
    margin-bottom: -200px;
  }
  .push, footer.site-footer {
    height: 200px;
  }
  
  footer.site-footer>div {
    display: block;
    font-size: 1.2rem;
    text-align: center;
  }
}



@media ( min-width: 361px ) {
  body>div.container {
    margin-bottom: -150px;
  }
  .push, footer.site-footer {
    height: 150px;
  }
  footer.site-footer>div {
    display: block;
    text-align: center;
  }
}

@media ( min-width: 730px ) {
  body>div.container {
    margin-bottom: -80px;
  }
  .push, footer.site-footer {
    height: 80px;
  }
  footer.site-footer>div {
    display: flex;
    text-align: left;
  }

}

.entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft {
  max-width: calc( var(--max-width) * 2 );
}

/* gutenberg styles that site editor can apply */
.border {
	border: var(--border);
  /* padding: calc( var(--spacing) * 1rem); */
	margin: 20x;
	padding: 10px;
}

.border h1, .border h2, .border h3, .border h4, .border h5, .border h6 {
        font-size: 28px;
        margin: 0 0 8px;
        padding: 0;
        text-align: center;
}
.border-dashed {
 border: var(--border-dashed);
  /* padding: calc( var(--spacing) * 1rem); */
        margin: 20x;
        padding: 10px;
	text-align: center;
}

.shadow {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
  padding: calc( var(--spacing) * 1rem );
}







/* Font Families ----------------------------- */





/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: 'MuseoSans_500';
    src: url('/wp-content/themes/holyfamily/assets/fonts/MuseoSans_500-webfont.woff2') format('woff2'),
         url('/wp-content/themes/holyfamily/assets/fonts/MuseoSans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
/*
@font-face {
    font-family: 'MuseoSans_500_Italic';
    src: url('/wp-content/themes/holyfamily/assets/fonts/MuseoSans_500_Italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/holyfamily/assets/fonts/MuseoSans_500_Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: 'Museo_Slab_500';
    src: url('/wp-content/themes/holyfamily/assets/fonts/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('/wp-content/themes/holyfamily/assets/fonts/Museo_Slab_500_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
/*
@font-face {
    font-family: 'Museo_Slab_500_Italic';
    src: url('/wp-content/themes/holyfamily/assets/fonts/Museo_Slab_500italic-webfont.woff2') format('woff2'),
         url('/wp-content/themes/holyfamily/assets//fonts/Museo_Slab_500italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

body * {
  font-family: var(--font-family); 
}

#site-header,header.entry-header, .entry-content, footer.site-footer {
	font-family: var(--font-family); 
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: var(--alt-font-family); 
}

@supports ( font-variation-settings: normal ) {

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-content cite,
	.entry-content figcaption,
	.entry-content table,
	.entry-content address,
	.entry-content .wp-caption-text,
	.entry-content .wp-block-file {
		font-family: var(--alt-font-family); 
	}
}







/* WP block overrides */

html {
	font-size: var(--rem-percentage);
}

.wp-block {max-width: var(--max-width); }

.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
	margin-top: calc( var(--spacing) * 1rem) !important;
	margin-bottom: calc( var(--spacing) * 1rem * .75 ) !important;	
}


.wp-block-image { 
	margin-bottom: 0;
}

.wp-block-image figure, .wp-block-image figure.alignleft, .wp-block-image figure.alignright {
	margin-top: 1rem;
	margin-bottom: .5rem;
}

.wp-block-image figure.alignleft {
	margin-right: calc( var(--spacing) * 1rem );
	margin-left: 0rem;
}

.wp-block-image figure.alignright {
	margin-right: 0rem;
	margin-left: calc( var(--spacing) * 1rem );
}



.editor-styles-wrapper {
  background-color: #fff;
}


.editor-styles-wrapper p,
.editor-styles-wrapper ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper dl,
.editor-styles-wrapper dt
 {
	font-family: var(--font-family) !important; 
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper cite,
.editor-styles-wrapper figcaption,
.editor-styles-wrapper table,
.editor-styles-wrapper address,
.editor-styles-wrapper .wp-caption-text {
	font-family: var(--alt-font-family) !important; 
}

.editor-styles-wrapper ul.is-style-none {
    padding-left: 1.3em !important;
}

.editor-styles-wrapper ul.is-style-none, 
.editor-styles-wrapper ul.is-style-none li {
	list-style-type: disc !important;
}



/* customer tweaks  - 9.16.2020 */

.header-toggles {
  position: absolute;
  top: 10px;
  right: 70px;
}

@media (min-width: 1000px) {
.header-inner .toggle {
  height: 2.2rem;
 }
}

.header-inner .toggle-wrapper:first-child::before {
  content: none !important;
}

.desktop-search-toggle svg {
  width: 1.25rem; 
	height: 1.25rem;
}

.desktop-search-toggle .toggle-text {
  display: none;
}

.primary-menu > li.menu-item-has-children > a {
  padding-right: initial;
}

.primary-menu ul.sub-menu {
  background-color: rgb(54,62,110);
}

.primary-menu > li > a {
  text-decoration: none !important;
  border-bottom: solid 1px transparent;
}

.primary-menu > li > a:hover {
  border-bottom: solid 1px rgb(54,62,110);
}


#icon-location, #icon-facebook {
  fill: #ffffff;
}


/* customer tweaks  - 11.17.2020 */
.green-bg {
	background-color: #2b7722;
}

.nf-form-content {
	max-width: 100% !important;
}

#site-content ul li {
    padding: 0 0 0 4rem !important;
}




.hf-2col-container > *:nth-child(1) {
	vertical-align: top;
	display: inline-block;
	max-width: 15%;
}

.hf-2col-container > *:nth-child(2) {
	vertical-align: top;
	display: inline-block;
	max-width: 80%;
	margin-left: 5%;
}

.has-buttons-background-color {
	background-color: var(--wp-admin-theme-color);
}

.has-text-color {
	color: #FFFFFF !important;
}

#site-content a.wp-block-button__link, #site-content a.wp-block-button__link:visited,
#site-content a.wp-block-file__button, #site-content a.wp-block-file__button:visited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}


.wp-block-button__link, .wp-block-file__button.wp-element-button
{
	border-radius: .75rem;
	transition: .1s opacity linear;
	margin: 0.3rem 0 2rem 2rem;
	text-decoration: none !important;
	text-transform: none;
	padding: .9rem 3.2rem;
	line-height: 1.25;
	letter-spacing: 0.0333em;
	font-size: 1.75rem;
	min-height: 60px;
	display: grid;
	align-items: center;
}


.wp-block-file .wp-block-file__button {
	color: white !important;
	background-color: #3858e9;

}

.wp-block-button__link:hover,
.wp-block-file.download .wp-block-file__button:hover
{
	opacity: .8;
}


.wp-block-file.download .wp-block-file__button {
	font-size: 1.75rem;
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
	min-width: 135px;
}