/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

/*----------------------------------------------------------
    0. LAYOUT OVERRRIDES
    Remove some of the space between the breadcrumbs and the
    main content.
----------------------------------------------------------*/

body {
  font-weight: 600;
}
.main-content__section,
.sidebar__section {
  padding: 120px 0 130px;
}
.header-container ul.menu li a {
    letter-spacing: 0.2em;
}
.header-container ul.menu li li a {
    letter-spacing: normal;
}
.block-search input.form-search, .search-form .form-search {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #212121;
}
.region-sidebar-second ul.menu li a {
    font-size: 14px;
}
.path-frontpage .no-front, .path-frontpage .no--front {
  display: none;
}
/* Accordion Heads */
.panel-title a {
    letter-spacing: 0.25em;
    text-transform: uppercase;
}
.page-node-type-exclusive .field--name-field-subtitle {
    font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif;
    font-size: 36px;
    line-height: 1.20;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

/* replace dark color of night-blue theme with bluer blue */
/* components: buttons change dark night blue to a bluer blue */
a.button,
.button > a/*,
input[type="submit"],
input[type="reset"],
input[type="button"] */ {
  background-color: #006599 !important;
}
.region--light-typography.region--colored-background a.button:hover,
.region--light-typography.region--colored-background .button > a:hover,
.region--light-typography.region--colored-background input[type="submit"]:hover,
.region--light-typography.region--colored-background input[type="reset"]:hover,
.region--light-typography.region--colored-background input[type="button"]:hover,
.region--light-typography.region--colored-background a.button:focus,
.region--light-typography.region--colored-background .button > a:focus,
.region--light-typography.region--colored-background input[type="submit"]:focus,
.region--light-typography.region--colored-background input[type="reset"]:focus,
.region--light-typography.region--colored-background input[type="button"]:focus {
  border-color: #006599 !important;
  background-color: #006599 !important;
}
.region--colored-background a.button.button--hover-style-2:hover,
.region--light-typography.region--colored-background a.button.button--hover-style-2:before,
.region--light-typography.region--colored-background .button.button--hover-style-2 > a:before {
  background-color: #006599 !important;
  border-color: #006599 !important;
}






/*----------------------------------------------------------
    1. GENERAL SPAN CLASSES
----------------------------------------------------------*/

.nobr { white-space: nowrap; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.first { padding-top: 0; margin-top: 0; }
.last { padding-bottom: 0; margin-bottom: 0; }
.noborder { padding: 0; border: none; }
.float_left { float: left; margin-right: 6px; }
.float_right { float: right; margin-left: 6px; }
.bolder, .bolder a { font-weight: 700; }
.slight--bold { font-weight: 600; }
.notitle a { display: none !important; }
a.read-more { font-size: 12px; text-transform: uppercase; font-weight: 500; text-decoration: none; color: #5191CD; opacity: 0.6; filter: alpha(opacity=60); }
a.read-more:hover { opacity: 1.0; filter: alpha(opacity=100); }
.read-more::after {
    display: inline; font-family: 'Glyphicons Halflings'; font-weight: 500; content:"\e131"; padding-left: 3px; vertical-align: middle; color: #5191CD;
}
.more-link a {
    margin: 0 0 10px 0px;
    display: block;
    background: transparent;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    border: none;
    font-weight: 300;
    text-decoration: none;
    font-size: 0.8em;
}

/* remove short dark horizontal rule above blockquotes */
blockquote:before {
  content: "";
  width: 70px;
  height: 3px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: 600; }
h1.verse,h2.verse,h3.verse,h4.verse,h5.verse,h6.verse { text-transform: none; }

/* Featured region with background image */
.featured--uc {
/*    font-size: 36px; */
    font-family: 'Raleway',Helvetica Neue,Arial,Sans-serif !important;
    margin: 20px 0 30px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
.headings-wide-spacing-enabled h2.featured--uc,
.headings-wide-spacing-enabled h3.featured--uc,
.headings-wide-spacing-enabled h4.featured--uc,
.headings-wide-spacing-enabled h5.featured--uc,
.headings-wide-spacing-enabled h6.featured--uc {
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.featured--uc {
    text-transform: uppercase;
}

.featured--padded {
  margin-left: 25px !important;
  margin-right: 5px !important;
  margin-bottom: 0 !important;
}

/*  site name */
.site-name, .site-name a { font-family: 'Papyrus', Helvetica Neue, Arial, Sans-serif; font-weight: 400; text-transform: none; font-size: 36px !important; }
.logo img { width: 40px; margin-bottom: 25px; margin-top: 6px; }

/*  site name */
.site-name, .site-name a { font-family: 'Papyrus', Helvetica Neue, Arial, Sans-serif; font-weight: 400; text-transform: none; font-size: 36px !important; }
.logo img { width: 40px; margin-bottom: 25px; margin-top: 6px; }



/*----------------------------------------------------------
    FONTS (added by cw) FOR LOGO
----------------------------------------------------------*/

@font-face {

  font-family: 'Papyrus';
  src: url('../../fonts/papyrus-webfont.eot');
  src: url('../../fonts/papyrus-webfont.eot?#iefix') format('embedded-opentype'),
     url('../../fonts/papyrus-webfont.woff') format('woff'),
     url('../../fonts/papyrus-webfont.ttf') format('truetype'),
     url('../../fonts/papyrus-webfont.svg#Papyrus') format('svg');
  font-weight: normal;
  font-style: normal;
}
.hff-33 h1.Papyrus,
.hff-33 h2.Papyrus,
.hff-33 h3.Papyrus,
.hff-33 h4.Papyrus,
.hff-33 h5.Papyrus,
.hff-33 h6.Papyrus,
p.Papyrus, span.Papyrus, div.Papyrus { font-family: 'Papyrus',Arial, Helvetica, sans-serif; text-transform: none; }




/*----------------------------------------------------------
    Text Sizes
----------------------------------------------------------*/

.text--small {
    font-size: 11px;
}
.text--large {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif;
}
.text--larger {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif;
}
.text--huge {
    font-size: 30px;
    font-weight: 300;
    font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif;
}




/*----------------------------------------------------------
    Text Alignment
----------------------------------------------------------*/

.text-right, .text--right { text-align: right !important; }
.text-left, .text--left { text-align: left !important; }
.text-center, .text--center { text-align: center !important; }



/*----------------------------------------------------------
    Copyright, Blockquotes, Pullquotes
----------------------------------------------------------*/

.copyright, .field--name-field-author { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }
	.copyright a, a .copyright, .field--name-field-author a, a .field--name-field-author { text-transform: none; font-weight: bold; }
.field--name-field-author { padding-bottom: 12px; }
.copyright.page--bottom { font-size: 11px; letter-spacing: 1px; text-transform: none; font-weight: normal; }

.wedge--bottom, ol.wedge--bottom li, ul.wedge--bottom li { margin-bottom: 16px !important; }
.wedge--bottom, ol.wedge--bottom li, ul.wedge--bottom li { margin-bottom: 16px !important; }
.wedge--bottom--48, ul.wedge--bottom--48 li, ol.wedge--bottom--48 li { margin-bottom: 48px !important; }
.wedge--bottom--24, ul.wedge--bottom--24 li, ol.wedge--bottom--24 li { margin-bottom: 24px !important; }
.wedge--bottom--18, ul.wedge--bottom--18 li, ol.wedge--bottom--18 li { margin-bottom: 18px !important; }
h1.wedge--bottom--18 { margin-bottom: 18px !important; }
.wedge--bottom--12, ul.wedge--bottom--12 li, ol.wedge--bottom--12 li { margin-bottom: 12px !important; }
.wedge--bottom--7, ul.wedge--bottom--7 li, ol.wedge--bottom--7 li { margin-bottom: 7px !important; }
.wedge--top, ul.wedge--top li { margin-top: 16px !important; }
.wedge--top--24, ul.wedge--top--24 li, ol.wedge--top--24 li { margin-top: 24px !important; }
.wedge--top--18, ul.wedge--top--18 li, ol.wedge--top--18 li { margin-top: 18px !important; }
.wedge--top--12, ul.wedge--top--12 li, ol.wedge--top--12 li { margin-top: 12px !important; }
.wedge--top--7, ul.wedge--top--7 li, ol.wedge--top--7 li { margin-top: 7p !importantx; }
.wedge--top--minus12 { margin-top: -12px !important; }
.wedge--top--minus18 { margin-top: -18px !important; }
.total--inner--wedge-12 { padding: 12px 10px !important; }
.total--inner--wedge-18 { padding: 18px 12px !important; }
.total--inner--wedge { padding: 24px !important; }



/*----------------------------------------------------------
    2. COLORS FOR TEXT, RULES, BACKGROUND
----------------------------------------------------------*/

/* text colors */
.text--white { color: #ffffff !important; }
.text--black { color: #000000 !important; }
.text--lightgrey { color: #cccccc; }
.text--grey { color: #999999; }
.purple { color: #642165; }
.red { color: #BB111A; }
.blue { color: #223E92; }
.briteblue { color: #233D92; }
.darkblue { color: #003366; }
.green { color: #0C8A44; }
.brown { color:  #4D1111; }
.brightblue { #1B72D9; } /* (for quizes) */

/* thick rule colors */
hr.thick.lightgrey { border-top: 4px solid #cccccc; }
hr.thick.grey { border-top: 4px solid #999999; }
hr.thick.black { border-top: 4px solid #000000; }
hr.thick.purple { border-top: 4px solid #642165; }
hr.thick.red { border-top: 4px solid #BB111A; }
hr.thick.blue { border-top: 4px solid #223E92; }
hr.thick.briteblue { border-top: 4px solid #233D92; }
hr.thick.siteblue { border-top: 4px solid #AABEC8; }
hr.thick.darkblue { border-top: 4px solid #003366; }
hr.thick.green { border-top: 4px solid  #0C8A44; }
hr.thick.brown { border-top: 4px solid #4D1111; }
hr.thick.brightblue { border-top: 4px solid #1B72D9; } /* (for quizes) */
.bottom--rule { border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 8px; }
.bottom--rule--white { border-bottom: 1px solid #ffffff; padding-bottom: 6px; margin-bottom: 8; }

/* background colors */
.bglightwhite { background: #ffffff; }
.bglightgrey { background: #cccccc; }
.bgpalegrey { background: #f2f2f2; }
.bggrey { background: #999999; }
.bgblack { background: #000000; }
.bgpurple { background: #642165; }
.bgred { background: #BB111A; }
.bgblue { background: #223E92; }
.bgbriteblue { background: #233D92; }
.bgdarkblue { background: #003366; }
.bggreen { background: #0C8A44; }
.bgbrown { background:  #4D1111; }
.bgtan { background: #F2E7D8; }
.bgturquoise { background-color: #3399cc; }
.bgdarkturquoise { background-color: #006699; }
.bgyellow, .bghighlight { background-color: #fc3; }
.bglightyellow { background-color: #fcf0ce; background-color: #FCF1DD; background-color: #fdf7e9; }

table tr th.dotted--right {
    border-right: 4px dotted #cccccc !important;
}
table tr th.dotted--left {
    border-left: 4px dotted #cccccc !important;
}

/*  Quotes subhead */
.quote--subhead {
  padding: 6px 12px;
  background-color: #006599;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all ease-in-out 2s;
    -moz-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    -ms-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s;
}

/* background colors */
a.bgpurple { background: #642165; color: #FFF; }
a.bgred { background: #BB111A; color: #FFF; }
a.bgblue { background: #223E92; color: #FFF; }
a.bgbriteblue { background: #233D92; color: #FFF; }
a.bgdarkblue { background: #003366; color: #FFF; }
a.bggreen { background: #0C8A44; color: #FFF; }
a.bgbrown { background:  #4D1111; color: #FFF; }

.ti_intention { color: #898989; letter-spacing: 1px; font-weight: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }

#block-popesintentions { border-bottom: 1px dotted #e1e1e1; padding-bottom: 0; margin-bottom: 14px; }




/*----------------------------------------------------------
    2. TWIG CLASSES
----------------------------------------------------------*/

/*  TWIG and JAVASCRIPT date field for Lection Divina block */
.field--type-twig h6.ld--date, #di--date, h6.ld--date { font-weight: 500; padding-top: 0; padding-left: 100px; padding-left: 128px; margin-top: -166px; margin-bottom: 144px; color: #ffffff; text-transform: uppercase; }
/* twig teaser container */
.tw-teaser--ld--container {
   position: relative;
   margin-top: -600px;
   margin-bottom: 600px;
   padding-left: 20px;
}
.tw-teaser--ld--container h5.ld--417 {
   color: #ffffff;
}
.tw-teaser--ld--container h5.ld--417:hover {
   color: #ffffff;
}





/*----------------------------------------------------------
    3. LINK COLORS - override for the gray / night blue theme
	   PLUS LINK SPECIAL CLASSES
----------------------------------------------------------*/
/* a {
  color:#336699 !important;
  font-weight: 500;
}
a:hover, a:focus {
  text-decoration: underline;
} */
a {
  color: #336699;
}
a:hover,
a:focus {
  color: #336699;
  text-decoration: underline;
}

a.external, a.more, a.pdf {
  color:#336699;
}
a.external::after {
  display: inline;
	font-family: 'FontAwesome';
	font-weight: 200;
	content:"\f08e"; /* fa-external */
	padding-left: 4px;
	font-size: 80%;
}
a.more::after {
    display: inline;
	font-family: 'Glyphicons Halflings';
	font-weight: 500; content:"\e131";
	padding-left: 3px;
	vertical-align: middle;
	color: #5191CD;
	font-size: 80%;
}
a.pdf::after {
  display: inline;
	font-family: 'FontAwesome';
	font-weight: 200;
	color: #BB111A;
	content:"\f1c1"; /* fa-file-pdf-o */
	padding-left: 4px;
	font-size: 80%;
}
a.external:hover, a.more:focus, a.pdf:focus {
  text-decoration: none;
}




/*----------------------------------------------------------
    4. News Sidebar
----------------------------------------------------------*/

ul.news-sidebar {
    padding-bottom: 20px;
}
ul.news-sidebar li { list-style-type: none !important; margin-left: 0;
    border-bottom: 1px solid #ced8df;
    display: block;
    padding: 5px 0 6px 0;
 }
/* No bullet-type image on the recent news list */
/* ul.news-sidebar li a:before {
  content: "\f055";
  content: "\f105";
  font-family: 'FontAwesome';
  margin-right: 6px;
  font-size: 20px;
} */
h6.news--title { text-transform: none; font-size: 16px; margin: 0; padding-bottom: 12px; }
h5.news--title { text-transform: none; line-height: 1.5em; }
h4.news--title { text-transform: none; line-height: 1.5em; }
h3.news--title { text-transform: none; line-height: 1.5em; }
h2.news--title { text-transform: none; line-height: 1.5em; }


.news-morelink .more-link a {
    text-align: right !important;
}
.view-mt-popular-tags { text-transform: capitalize; }

/* 404 page */
.featured-linked-text-tile__title {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.featured-linked-text-tile__title a {
  color: #212121;
}
.featured-linked-text-tile__title a:hover {
  text-decoration: underline;
}
#block-showcaseplus-404blockcredit, #block-showcaseplus-403blockcredit {
  width: 100%;
  margin-top: 50px;
  position: absolute;
  bottom: 0;
  right: 15px;
}
.field--name-field-photo-credit.cw404 {
  width: 100%;
/*  position: absolute;
  bottom: 40px;
  right: 15px;
  padding-right: 15px; */
  text-align: right;
  font-weight: 700;
}
.lower-highlights {
   margin-left: 25px;
   margin-top: 30px;
}
.region--light-typography.region--black-background.block {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all ease-in-out 2s;
    -moz-transition: all ease-in-out 2s;
    -o-transition: all ease-in-out 2s;
    -ms-transition: all ease-in-out 2s;
    transition: all ease-in-out 2s;
    padding: 6px 20px;
    opacity: 0.8 !important;
    filter: alpha(opacity=80 !important;);
}
h2.wedge--bottom--404 {
   padding-bottom: 20px;
}