/****************** font CAMBO: UTILIZZATO SOLO X TESTO MULTIRIGA */
@font-face {
	font-family: 'CamboRegular';
	src: url('fonts/Cambo-Regular-webfont.eot');
	src: url('fonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cambo-Regular-webfont.woff') format('woff'), url('fonts/Cambo-Regular-webfont.ttf') format('truetype'), url('/fonts/Cambo-Regular-webfont.svg#CamboRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/****************** font Playball (script) */
@font-face {
	font-family: 'Playball';
	src: url('fonts/Playball-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
/****************** font PT-SERIF: UTILIZZATO PER I TITOLI */
@font-face {
  font-family: 'PT Serif';
  src: url('fonts/PTSerif-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PT Serif';
  src: url('fonts/PTSerif-Bold.ttf');
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PT Serif';
  src: url('fonts/PTSerif-Italic.ttf');
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'PT Serif';
  src: url('fonts/PTSerif-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

/****************** font PT-SANS: UTILIZZATO PER I TESTI */
@font-face {
  font-family: 'PT Sans';
  src: url('fonts/PTSans-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PT Sans';
  src: url('fonts/PTSans-Bold.ttf');
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PT Sans';
  src: url('fonts/PTSans-Italic.ttf');
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'PT Sans';
  src: url('fonts/PTSans-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
  font-display: swap; }




body {font-family: 'PT Serif', serif; font-size: 1.125rem; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans', sans-serif; font-weight: 600; line-height: 1; color: #314B68}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1.1rem; }


/* default font del template originali
#html-body, h1, h2, h3, h4, h5 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}	*/

#masthead-logo img {
	/* image for masthead logo */
	width: 220px;
}

#edit-page {
	/* the edit page link that appears when page is editable */
	position: absolute;
	top: 10px;
	right: 10px
}

#offcanvas-toggle {
	/* the hamburger icon that toggles the mobile navigation */
	position: absolute;
	top: 10px;
	left: 15px; 
}

#offcanvas-nav .uk-search-input {
	/* the search box that appears in offcanvas nav */
	width: 100%;
}

img.uk-comment-avatar {
	/* avatar that appears in comments */
	width: 60px;
	height: 60px; 
}

@media only screen and (max-width: 959px) {
	/* custom adjustments for mobile layouts under 960px */
	#masthead {
		/* primary nav is not visible, so it needs some padding here */
		padding-bottom: 20px;
	}
}


/****************************************************************
 * Bodycopy text and images
 *
 * These styles are good to have on any ProcessWire site
 *
 */

.align_left {
	/* for images placed in rich text editor */ 
	float: left;
	margin: 0 1em 0.5em 0; 
	position: relative;
	top: 0.5em;
	max-width: 50%; 
}

.align_right {
	/* for images placed in rich text editor */ 
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%; 
}

.align_center {
	/* for images placed in rich text editor */ 
	display: block;
	margin: 1em auto; 
	position: relative;
	top: 0.5em;
}

figure {
	/* figure for image that has a caption */
	display: table;
	margin: 1em 0;
}

figure figcaption {
	/* display caption text below image contained to image width */
	display: table-caption;
	caption-side: bottom;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 5px;
	color: #777;
}

@media only screen and (max-width: 767px) {
	/* common PW mobile layout adjustments for widths under 768px */ 

	.align_left, .align_right, .align_center {
		/* display images in center rather than aligned */
		display: block;
		float: none; 
		margin: 1em auto;
		max-width: 100%; 
	}
	
	figure,
    figure figcaption {
		/* let figcaption display as wide as needed below image */
	    display: block;
	    text-align: center;
    }
}

/* correzioni del tema*/
.uk-nav-default {font-size: 1.25rem;}
.uk-container {padding-left: 5px; padding-right: 5px;}
ul.uk-nav-sub {
  padding: 0px 0px 0px 16px;
  line-height: 1;
}
.uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover {
  color: #444;
}
.uk-nav-default .uk-nav-sub a, .uk-navbar-nav > li > a, .uk-navbar-dropdown-nav > li > a {
  color: #094890;
}
.uk-nav li > a {
  display: flex;
  text-decoration: none;
  font-size: 1rem;
}
.uk-nav-sub a {
  /*padding: 0;*/
}
.uk-background-muted{ background-image: url('gradient.png');background-repeat: repeat-x;}
.uk-navbar-container:not(.uk-navbar-transparent){background:transparent;}
.uk-navbar-nav > li.uk-active, .uk-navbar-nav > li:hover {background:#fff;border-top-left-radius: .4rem;border-top-right-radius: .4rem;}

/***************************************************************************************
/* utilizzati per la Bibbia */
.rientro {padding-left: 2rem;}
.rif {font-size: .9rem; line-height: .9rem; color: #1a1;}
.caps {font-family: 'CamboRegular', serif;
	background-color:#ffc;
	font-size: 1.2rem; font-weight: 600;
	padding: 1rem; border-radius: 1rem;
	margin: 1rem 0 2rem 0;}
span.cap {	/*Multi riga del numero capitolo*/
	display: inline-block;
	float: left;
	font-size: 4.5rem;
	line-height: 4.5rem;
	padding-top: 0rem;
	padding-right: .5rem;
	padding-left: 0;
	color: #a22;
}
p {text-align: justify;}
/* titoli utilizzati per la Bibbia (e post/commenti*/
.t1, .t2, .t3, .t4, .t5, .t6, .t5i, .t6i {font-family: 'PT Sans', sans-serif; font-weight: 600; line-height: 1.25; color: #324868; }
.t1 {font-size: 2.2rem;}
.t2 {font-size: 1.8rem;}
.t3 {font-size: 1.6rem;}
.t4 {font-size: 1.4rem;}
.t5 {font-size: 1.2rem;}
.t6 {font-size: 1.1rem;}
.t5i{font-size: 1.2rem; font-style: italic}
.t6i{font-size: 1.1rem; font-style: italic}

.rientro {padding-left: 2rem;}
.rif {font-size: .9rem; line-height: 1.2rem; color: #1a1;}
.rit {color: #a11;}
.short {clear:both; min-height: 140px;}
p.caps {font-family: 'CamboRegular', serif; background-color:#ffc; font-size: 1.2rem; font-weight: 600; padding: 1rem; border-radius: 1rem;}
span.cap /*Testo multi-riga del numero capitolo - tipo prima lettera (anche croci nel vangelo)*/
	{font-family:'CamboRegular',serif; float: left; font-size: 4.5rem; line-height: 3rem; padding: .25rem 1rem 0 0; color: #a22;}
.cit_bib, .cb {background-color: #ddd; margin-left: 6rem; padding: 0.2rem 0.5rem 0.2rem 0.5rem;}
ol li, ul li {text-align: justify;}
sup.b {color: #a22; padding-left: 0rem; padding-right: .2rem;} /*piccolo spazio a destra*/
sup.bb {display: inline-block; font-weight: 700; padding: 0.25rem 0.05rem 0.45rem 0.05rem; background-color:#ff28; border-radius: 0.5rem;}
sup.bb {padding: 0.55rem 0.3rem 0.8rem 0.3rem;}  /*maggiore padding solo test (per maggiore visibilità)*/
sup.bb:hover {background-color:#ff2f;}
sup.c {vertical-align:20%; font-size:70%;}
cite {color:#999; display:block; font-size:1rem; padding-bottom: 1rem;}

.captionImage.left {float: left;  margin: 0 2rem 0 0; border-radius: .2rem; display: inline-block; border: solid transparent 0.3rem; box-shadow: .25rem .25rem .025rem #39f6;}
.captionImage.left:hover {box-shadow: 0rem 0rem 1rem #39f; background-color: #6df;}
.captionImage p {clear: both; margin: 0; text-align: center; font-style: italic; color: #888; font-size: 1rem;}

/* visualizzazoni a tabella */
.blog-posts {display:grid;grid-template-columns: repeat(1, minmax(0, 1fr));}
@media (min-width: 810px){.blog-posts {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (min-width:1200px){.blog-posts {grid-template-columns: repeat(3, minmax(0, 1fr));}}
.home-grid {clear: both; display:grid;grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 100%;}
@media (min-width:1200px){.home-grid {grid-template-columns: repeat(6, minmax(0, 1fr));}}
/***************************************************************************************
/* utilizzati nel Blog */
.firma {font-family: 'Playball', serif; padding-left: 3rem; font-size: 1.5rem;}
.prev-blog-post a{display:block;float:left; color:#3085ee;background:#e1edfd80;padding-left:.5rem;padding-right:1rem;border-radius: 1rem;}
.next-blog-post a{display:block;float:right;color:#3085ee;background:#e1edfd80;padding-left:1rem;padding-right:.5rem;border-radius: 1rem;}

/* gestione allineamento immagini nei post del blog*/
.float0s  {float: left;}
.float20s {float: left; padding-right: 20px;}
.float40s {float: left; padding-right: 40px;}
.float0d  {float: right;}
.float20d {float: right; padding-left: 20px;}
.float40d {float: right; padding-left: 40px;}

/* utilizzo colorbox */
.jqmodal {background: #fde52614; border: 1px inset #eee;}
.jqmodal h3 {font-style: italic; font-size: 1.25rem; background-color: lightgoldenrodyellow; border: 1rem solid lightgoldenrodyellow; margin:0;}
.jqmodal p {margin:1rem;}
.jqmodal ol {margin:1rem;}
.jqmodal em {background-color:#fff; letter-spacing: .04rem;}

/* utilizzo di tabelle con <div> (vedi: https://divtable.com/generator/)*/
.divTable{display: table; width: auto;}
.divTableHeading {background-color: #EEE; display: table-header-group; font-weight: bold;}
.divTableRow {display: table-row;}
.divTableFoot {background-color: #EEE; display: table-footer-group; font-weight: bold;}
.divTableCell, .divTableHead {display: table-cell; padding: 1px 10px;} /* per eventuali bordi border: 1px solid #999999; */
.divTableBody {display: table-row-group;}