/**
 * @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;
}*/
/* Colors: */
/* Dark Red: #8c0d13
rgba(140, 13, 19, 0.5) */


/*----------------------------------------------------------
    1. HEADERS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  letter-spacing: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #212121;
  font-weight: 500 !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #212121;
}
/* see /base/element.css for updated heading sizes */

/* components: image overlay */
.overlay--colored {
  background-color: rgba(55, 55, 55, 0.7) !important;
}
/* Menu dropdowns */
.header-container .sf-menu ul li a {
    font-weight: 500 !important;
}
table tr td {
    font-weight: 500 !important;
    font-size: 15px !important;
}
table tr th {
  text-transform: uppercase;
}

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

/* suppress main content region on the homepage */
.path-frontpage .main-content {
   visibility: hidden;
   display: none;
}
/* increase weight of body text */
body {
  font-weight: 400;
  font-size: 16px;
}
.region-sidebar-second .nosidebar { display: none; }


/*  site name and slogan */
.site-name, .site-name a { font-weight: 700 !important; text-transform: none; font-size: 36px !important; line-height: 1.1; color: #212121; letter-spacing: normal; }

.logo img { width: 70px; margin-bottom: 25px; margin-top: 6px }

.site-slogan { color: #ccc; text-transform: uppercase; letter-spacing: 0.2em; }

/* #block-showcaseplus-gtranslate { float: right; margin-left: 10px; } */
#block-showcaseplus-searchform { float: right; width: 105%; }
#block-showcaseplus-gtranslate { text-align: right; }
/* increase space between flags */
.gtranslate_wrapper a.glink {
  margin-left: 8px;
}

.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;
}
/* components: pager */
li.pager__item a:hover,
li.pager__item a:focus,
li.pager__item.is-active a {
  color: #8c0d13;
  border-color: #8c0d13;
  font-size: 24px;
}
#edit-help-link { display: none; visibility: hidden; }




/*----------------------------------------------------------
    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, a.noborder, a .noborder { border: none !important; }
.float_left { float: left; margin-right: 6px; }
.float_right { float: right; margin-left: 6px; }
.bolder, .bolder a { font-weight: 700 !important; }
.slight--bold { font-weight: 600 !important; }
.notitle a { display: none !important; }

a.more-info {
  margin: 0 0 10px 0px;
  display: block;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
a.more-info:hover {
  font-weight: 700;
}
a.more-info:after {
  content: "\f138";
  font-family: 'FontAwesome';
  margin-left: 6px;
  display: inline-block;
  line-height: 1;
}
.bold-hover:hover {
  font-weight: 700;
}

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 {
    display: block;
    text-align: right;
    font-weight: 700;
}
a.more-link, .more-link a {
    margin: 0 0 10px 0px;
    display: block;
    background: transparent;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    border: none;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.8em;
}
.highlight .more-link a, .more-link a, a.more-link { text-align: center; font-weight: 700; }
.highlight .more-link a:hover, a.more-link:hover { text-decoration: underline !important; }
.highlight .more-link::after, a.more-link::after {
    display: inline; font-family: 'Glyphicons Halflings'; font-weight: 500; content:"\e131"; padding-left: 3px; vertical-align: middle;
}

/* 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;
}
.skinny a {
   font-weight: 400;
}

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



/*----------------------------------------------------------
    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, Wedges
----------------------------------------------------------*/

.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; }
.wedge--bottom, ol.wedge--bottom li, ul.wedge--bottom li { margin-bottom: 16px; }
.wedge--bottom--24, ul.wedge--bottom--24 li, ol.wedge--bottom--24 li { margin-bottom: 24px; }
.wedge--bottom--18, ul.wedge--bottom--18 li, ol.wedge--bottom--18 li { margin-bottom: 18px; }
.wedge--bottom--12, ul.wedge--bottom--12 li, ol.wedge--bottom--12 li { margin-bottom: 12px; }
.wedge--bottom--7, ul.wedge--bottom--7 li, ol.wedge--bottom--7 li { margin-bottom: 7px; }
.wedge--top, ul.wedge--top li { margin-top: 16px; }
.wedge--top--24, ul.wedge--top--24 li, ol.wedge--top--24 li { margin-top: 24px; }
.wedge--top--18, ul.wedge--top--18 li, ol.wedge--top--18 li { margin-top: 18px; }
.wedge--top--12, ul.wedge--top--12 li, ol.wedge--top--12 li { margin-top: 12px; }
.wedge--top--7, ul.wedge--top--7 li, ol.wedge--top--7 li { margin-top: 7px; }
.wedge--top--minus12 { margin-top: -12px !important; }
.wedge--top--minus18 { margin-top: -18px !important; }
.total--inner--wedge-12 { padding: 12px 10px; }
.total--inner--wedge-18 { padding: 18px 12px; }
.total--inner--wedge { padding: 24px; }



/*----------------------------------------------------------
    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; }
.darkred { color: #8c0d13; }
.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; }
.leftside--rule--white { border-left: 2px solid #ffffff; padding-left: 9px; }
.leftside--rule--grey { border-left: 2px solid #999; padding-left: 9px; }
.leftside--rule--red { border-left: 2px solid #8c0c14; padding-left: 9px; }

/* 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; }

/* 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; }

/* border left or right */
.borderleftwhite { border-left: 1px solid #ffffff; padding-left: 6px; }
.borderleftgrey { border-left: 1px solid #cccccc; padding-left: 6px; }
.borderrightwhite { border-right: 1px solid #ffffff; padding-right: 6px; }
.borderrightgrey { border-right: 1px solid #cccccc; padding-right: 6px; }
.borderleftwhite2 { border-left: 2px solid #ffffff; padding-left: 6px; }
.borderleftgrey2 { border-left: 2px solid #cccccc; padding-left: 6px; }
.borderrightwhite2 { border-right: 2px solid #ffffff; padding-right: 6px; }
.borderrightgrey2 { border-right: 2px solid #cccccc; padding-right: 6px; }

.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 red theme
	   PLUS LINK SPECIAL CLASSES
----------------------------------------------------------*/

/* a.external, a.more {
  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.external:hover, a.more: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%;
  text-align: right;
  font-weight: 700;
}
.lower-highlights {
   margin-left: 25px;
   margin-top: 50px;
}
.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;
}

div.bordered {
  padding: 6px;
  border: 1px solid #d3d1cd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}