/* ---------- Custom Styles ----------- */
/* 1. Navigation Overrides

*/
/* ----------- 1. Navigation Overrides ------*/


#navbar-main {
 	background-color: #fff!important;
	border-bottom: 2px solid #c4c4c4;
}


#navbar-top {
    border-bottom: 1px solid #c4c4c4;
}

.nav-tabs .nav-link {
	  color: #2727bc;/*#0a0a0a;*/ 
		font-weight: 400;
}


/*--------NC Navigation overrides  ------*/

.navbar-nav a {
    color: #000;
    text-decoration: none;
	font-weight: 600;
}

.navbar-nav a:hover,.navbar-nav a.nav-link.active,.navbar-nav a.show {
    color: #0F3ABD; /*#1e79c8;*/
	text-decoration: none;
}

.navbar-nav a.nav-link.active {
    font-weight: 600;
}

.navbar-nav .dropdown-menu {
    border-top: 4px solid #007bff; /*#3892e1;*/
    border-bottom: 4px solid #007bff; /*#3892e1;*/
}

.navbar-nav .dropdown-menu li {
    border-bottom: 1px solid #dcdcdc;
	padding: 1rem 0.75rem!important;
}

.navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: #1e79c8;
}

.navbar-nav .dropdown-menu .dropdown-item:hover a,.navbar-nav .dropdown-menu .dropdown-item:active a {
    color: #fff;
}

.navbar-nav .dropdown-menu .dropdown-item.active {
    background-color: #092940;
}

.navbar-nav .dropdown-menu .dropdown-item.active a {
    color: #fff;
}

.main-menu-nav nav .navbar-nav .dropdown-menu li:last-child {
    border-bottom: none!important;
}

.main-menu-nav nav .navbar-nav .dropdown-menu li a {
    display: inline-block;
    padding: .25rem 1.5rem;
    width: 100%;
}


/* ---------- General Overrides ----- */

body {
    font-size: 1rem;
    font-weight: 400;
    color: #0a0a0a!important;
/*    line-height: 1.35!important;*/
}

html {
    font-size: 1rem;
    font-weight: 400!important;
    color: #0a0a0a!important;
/*    line-height: 1.35!important;*/
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: underline!important;
}

h2, .h2 {
	margin-bottom: 1rem;
}

a {
	text-decoration: none;
} 

.breadcrumb-item a:hover {
	text-decoration: underline;
}

.small-type {
	font-size: .8rem;
}

.head-red {  
    text-transform: none; 
    color: rgb(153, 0, 0); 
    font-size: x-large; 
    font-weight: bold; 
    padding-bottom: 15px;
}

figure.bq {
	border: 1px solid #ccc;
	/*margin: 25px 0px;*/
    padding: 20px 30px;
/*	border-top: 1px solid #33A1FD;
	border-bottom: 1px solid #33A1FD;
     background: #f7f7f7;

   border-left: 5px solid #33A1FD; 
	font-weight: 500;
    font-style: italic;*/
}

blockquote p {
	font-weight: 500;
/*	font-size: 1.6rem;*/
}

.blockquote {
	margin-bottom: 1.5rem;
}


.blockquote-footer {
    font-weight: 400;
}

blockquote.image-field-caption p {
    font-size: 0.9rem;
    padding: 0 5px 10px;
    width: 900px;
    margin: 0 0 20px 0;
    font-weight: 700;
    border-left: 0px solid #fff;
    font-style: normal;   
}

img.image-style-magazine-story-image-800x400- {
	padding: 0 0;
	margin: 10px 0 15px 0;
}

/*.field--name-body p {
	margin-top: 20px;
}

.field--type-text-with-summary p {
	margin-top: 20px;
}

div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
	margin-top: 0px;
}*/

.lead {
    font-weight: 400;
    font-size: 1.40rem;
}

.note {
	background-color: #FCF8E3;
	padding: 8px;
	text-transform: uppercase;
	font-size: small;
}

.dropcap {
float: left;
/*padding-top: 2px;*/
font-size: 3.5em;
font-weight: 700;
line-height: .8em;
margin-right: 6px;
text-transform: none
} 


/* ------------- Footer Overrides ---------- */

footer {
	margin-top: 1.5rem;
}

footer ul {
	list-style-type: none;
}

.footer-copyright a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: underline;
    font-size: .9rem;
}

.footer-copyright a:hover{
    color: #006acc!important;
    text-decoration: none;
}

.footer-copyright {
	color: rgba(255, 255, 255, 0.6);
    font-size: .9rem;
}

.site-footer .block {
	border: none;
}

.site-footer__top .content li a {
	text-indent: 0;
	border-bottom: none;
}

.site-footer h2 {
	font-size: 1.5rem;
	border-bottom: 1px solid #555;
	/*border-color: rgba(255, 255, 255, 0.15);*/
	font-weight: 600;
	text-transform: capitalize;
}

.footer-link a {
	font-size: .8rem;
	border-bottom: 1px solid #555;
	text-decoration: none;
	border-color: rgba(255, 255, 255, 0.15);
	padding-bottom: 2px;
}

.footer-link a:hover {
	text-decoration: underline;
}

footer .nav-link a {
	float: none;
}

.nav-item li {
	float: none;
}

/* ******** Alerts Overrides (Barrio Alerts syle overridden to revert back to bootstrap style) *****/

.bs-alert {
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid rgba(0, 0, 0, .4);
	border-radius: 0.25rem;	
}


.bs-alert-primary {
	color: #084298;
	background-color: #cfe2ff;
	border-color: #bd6d4fe;
}

.bs-alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}
	
.bs-alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.bs-alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.bs-alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.bs-alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.bs-alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.bs-alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}

/********** Callout/blockquote ( blockquote tag replaced by callouts in most cases) ***** */

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #0dcaf0 /*#5bc0de*/
}

.bd-callout-warning {
    border-left-color: #ffc107 /*#f0ad4e*/
}

.bd-callout-danger {
    border-left-color: #dc3545 /*#d9534f*/
}

.bd-callout-primary {
	border-left-color: #007bff /*#0f3abd*/
}


/* ---------- Stories overrides ----------- */

.text-date {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 700;
    font-size: 14px;
	color: #888!important;
}

.h3, .field--name-field-sub-headline {
	font-style: italic;
	color: #666;
	text-align: center;
	/*margin-bottom: 2rem;*/
}

.field--name-field-publication-date {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 1rem;
}

.field__label {
	font-weight: bold!important;
	padding-right: 0.5rem;
}

.field--name-field-author p {
    padding: .25rem 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
	color: darkred; /*#eb0545*/
	font-weight: 600!important;
	font-size: 1rem; /*.9rem;*/
	text-align: center;
	
}

div.field--name-field-author {
    padding: .25rem 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
	color: darkred;
	font-weight: 600!important;
	font-size: 1rem; /*.9rem;*/
}

/*article.node img[class*="image-style"] {
    margin-bottom: 3rem;
}*/

/*-------- Paragraphs overrides -------- */

.paragraph>.paragraph__column  {
	padding-left: 0px;
}

.paragraph.paragraph--color>.paragraph__column {
	padding: 0 15px 15px 15px
}

.field--name-bp-header {
	/*text-align: center;*/
	margin: 10px 0 20px 0; 
}

.paragraph__column {
		margin-top: 15px;
}

/* ----------- Forms --------------- */

/*.form-search .form-control {
	margin-right: 5px;
}*/

/* ************** highlighted overrides *******/


aside .wide-screen {
	max-width: 1900px!important;
}

#block-hpappeal {
	/*max-width: 1320px!important;*/
	padding-left: 10% auto;
	padding-right: 10% auto;
}


/* ------------Bootstrap spacing replacements ------------------- */
/* adds bootstrap 4 spacing */

.ml-3 {
	margin-left: 1rem!important;
}

.ml-2 {
	margin-left: 0.5rem!important;
}

.mr-3 {
	margin-right: 1rem!important;
}

.mr-2 {
	margin-right: 0.5rem!important;
}

.mx-3 {
	margin-left: 1rem!important;
	margin-right: 1rem!important;
}

.pr-3 {
	margin-right: 1rem!important;
}

/* ------------background, colors (moved from BFD) ---------*/

.bg-blue-hp {
	background-color: #a0d4ff;
}

.bg-highlight {
    background-color: #daf1fe; /*#a0d4ff; */
}

.bg-lt-yellow {
	background-color: #FCF8E3;
}

.bg-lt-gray {
    background-color: #fafafa!important;
}

.bg-med-gray {
    background-color: #f7f7f7; /*#E0E0E0;*/
}

.bg-bluegray {
	background-color: #EFF2F3;
}

.bg-rgba-bluegrey-slight {
    rgba(239, 242, 243, 1);
}

.bg-black {
	background-color: #000000;
}

.bg-white {
    background-color: #fff!important;
}

.bg-graybox {
    background-color: #F8F9FA!important;
    border: 1px solid #ddd;
    padding: 10px;
}

.text-red {
	color: red;
}

.text-navyblue {
    color: navy;
}

.text-black { 
	color: #0a0a0a;
}

.text-gray {
	color: #c0c6c0;
}

.maroon {
    color: maroon;
}

.bluegreen {
    color: #099;
}



/***********Right Sidebar color **************/

.sidebar .block {
	background-color: #F8F9FA;
	border-color: #C5C7C8; /*#e1e1e1;*/
}


/* ------- Columban Mission Stories Home Page ---------- */

.card-title a {
    color: #0F3ABD; /*#2C50BD;*/
    font-size: 1.25rem;
    font-weight: 500;
}

.card-title a:hover {
    color: #33A1FD;
}

/* ***** Image and Caption Overrides ****** */

figcaption {
	padding: 0 1rem;
	color: #333;
	font-size: 0.9rem;
	margin-top: 10px;
	font-weight: 700;
	text-align: center;
	line-height:1.1rem;
}

.field--type-image {
	float: none!important;
}

/*********** Magazine Current Issue page overrides ******************/

.carousel-caption {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0px;
    left: 0%;
    right: 0%; 
/*    margin-bottom: 0px;*/
    padding: 10px 0 0 0;
}

.carousel-caption h3 {
    color: #fff;
}

.carousel-caption p {
    background-color: #000;
	color: #fff!important;
    margin-bottom: 0;
    padding-bottom: 2px;
}

.teaser-link a {
    display: inline-block;
    margin-bottom: 2rem;
    /*vertical-align: middle;*/
    font-family: "Montserrat", Verdana, "sans-serif";
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
}

.teaser-link a:hover,
.teaser-head a:hover {
    color: #e30000; /*#fd0301;*/
    text-decoration: underline;
}

.teaser-head a {
/*  -webkit-text-decoration-line: none;*/
    text-decoration-line: none;
	text-transform: capitalize; 
    font-size: 1.3rem;
	font-family: Gotham, Arial, Helvetica, "sans-serif";
    font-weight: 500;
    color: #222; /*#365ac0; #1d4597;*/
}

.teaser-block {
    display: inline-block;
    background: #2b4fbd;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px;
    margin-right: 5px;
}

.teaser-date-author {
    display: inline-block;
    margin-bottom: .7rem;
    color: rgba(38,50,56,0.95);
    font-size: .75rem;
    font-weight: bold;
    text-transform: uppercase;   
}

.date-icon {
    font-size: .75rem;
}

.views-field-field-author p {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 700;
	font-size: .9rem;
	color: #800!important; /*#eb0545*/
	margin-bottom: 3px;
}

.teaser-date {
	font-size: .8rem;
	font-weight: 700;
	color: #888;
/*	margin-bottom: 4px;*/
}


/* ********** staff page css ******************** */

h4.staff-name-text {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 5px;
}

h6.staff-title-text {
    color: #0a0a0a; /* #2b4fdb;*/
    font-size: 18px;
    font-weight: 500;
    margin-top: 4px;
    font-style: italic!important;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
    padding-bottom: 5px;
}

.staff-title-bottom {
    border-top: 4px solid #e1e1e1;
    width: 30%;   
}

.staff-phone-email {
    font-size: 16px;
}



/* ************** MEDIA QUERIES hacks **************** */

@media (min-width: 768px) {
  body {
    font-size: 1.1rem;
}
	
/* **************** Search-page form overrides *******/
	
/*#edit-keys--2 {
	max-width: 128px;
}
	
#edit-keys {
	width: 400px;	
}*/
	
/*#edit-submit {
	margin: 0 0 0 2px;
}
	*/

/* ************* Magnific Popup photo gallery fix -- 5 columns EM 1-24-2024 ******* */
	
.mfp-all-items {
	display: grid!important;
	grid-template-columns: 170px 170px 170px 170px 170px; /* 5 pictures per row */
	grid-template-rows: auto;
	justify-content: space-evenly; /* spaces 5 pictures evenly across row */

}

/* *********** Fix for Sticky-top main menu EM 1-24-2024************** */
	
#navbar-main {
	top: 43px; /* shows 75px from top of screen */
	/*left: 25%;  starts left margin 300px from left of screen */
	left: 5px;	
	right: 5px;
}