/**
/* CW ADDITIONS and OVERRIDES - D10 Showcase+ Theme
 * @file
 * Use this CSS file to override base CSS rules
 */

/**
*  0. ALTERNATE TITLE CLASS WITHIN ARTICLES
*  1. EXTRA BUTTONS
*  2. IMAGE CLASSES
*  3. ICONS
*  4. SAINTS PAGES
*  5. FOOTER ITEMS
*  6. SUPPRESSED IMAGES
*  7. MASONRY TITLE HEADINGS
* 22. PRESENTATIONS CLASSES
*/

/*----------------------------------------------------------
    0. ALTERNATE TITLE CLASS WITHIN ARTICLES
----------------------------------------------------------*/
.with-byline { border-bottom: 1px solid #e7e7e7 !important;
padding-bottom: 4px !important; margin-bottom: 0 !important; }
.title-byline { margin-top: 4px; font-weight: 500; margin-bottom: 30px; text-transform: uppercase; }



/*----------------------------------------------------------
    1. EXTRA BUTTONS
----------------------------------------------------------*/
/*  add button styles here */
.isotope-item .more-link a {
  text-align: right;
}
a.button,
.button > a,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-weight: 700;
  text-transform: uppercase;
}
a.button.tight,
.button.tight > a {
  font-size: 10px;
  padding: 7px 15px;
}

/*  outline button styles */
a.button.button--outline,
.button.button--outline > a {
  background-color: transparent !important;
  color: #666666 !important;
  border: 2px solid #666666 !important;
}
a.button.button--outline:hover,
.button.button--outline > a:hover,
a.button.button--outline:focus,
.button.button--outline > a:focus {
  color: #ffffff !important;
  background-color: #006599 !important;
  border: 2px solid #006599 !important;
}
.region--light-typography a.button.button--outline,
.region--light-typography .button.button--outline > a {
  background-color: transparent !important;
  border-color: #006599 !important;
  color: #ffffff !important;
}
.region--light-typography a.button.button--outline:hover,
.region--light-typography .button.button--outline > a:hover,
.region--light-typography a.button.button--outline:focus,
.region--light-typography .button.button--outline > a:focus {
  background-color: #ffffff !important;
  border-color: #006599 !important;
  color: #000000 !important;
}

/*  custom button styles */
a.button.info:before {
  content: "\f129"; /* fa-info */
  font-family: 'FontAwesome';
  margin-right: 6px;
  font-size: 16px;
}
/* styles for the GO BACK button in the GO BACK block */
.block-go-back-history:hover {
  background-color: #004B8F !important;
  cursor: pointer;
}
a.go-back-history-btn::after {
  content: " go back where you came from";
  font-size: 18px;
  color: #212121;
  font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  position: absolute;
  left: 60px;
  bottom: 10px;
  display: inline-block;
  line-height: 1.5em;
  width: 400px;
}
.page-node-type-full_page h1.page-title { display: none; }

a.button.button--small,
.button.button--small > a {
  font-size: 14px;
  padding: 10px 20px;
  border-width: 1px;
  text-transform: none;
}
.highlight a.button.button--small:hover,
.highlight .button.button--small > a:hover {
  color: #ffffff;
}

a.go_fwd_btn {
    background: transparent url(/sites/default/files/pictures/fwd-arrow-circle.png) no-repeat right center;
    padding: 24px 0;
    padding-right: 66px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
a.go_fwd_btn.white {
    background: transparent url(/sites/default/files/pictures/fwd-arrow-circle-white.png) no-repeat right center;
}
a.go_fwd_btn:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}
/* revive this style after fontawesome icons are fixed */
a.fwd_btn::after {
    display: inline;
	font-family: 'FontAwesome';
	font-weight: 200;
	content:"\f138"; 
	padding-left: 4px;
}
/* temporary css for broken fontawesome icons */
/* a.fwd_btn::after {
  content: " »";
  font-size: 20px;
} */
a.go_back_btn {
    background: transparent url(/sites/default/files/pictures/back-arrow-circle.png) no-repeat left center;
    padding: 24px 0;
    padding-left: 66px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
a.go_back_btn:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.quote--subhead a.go_fwd_btn { color: #ffffff; }

/*  big button */
a.big--btn, .big--btn > a {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  padding: 15px 30px;
  color: #ffffff !important;
  display: inline-block;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin:  0;
  text-align: center;
  border-radius: 25px;
  border: 2px solid #ccc;
  text-decoration: none;
  text-transform: uppercase; background-color: #CC6633; letter-spacing: 1px;
}

a.big--btn:hover, a.big--btn:focus, .big--btn > a:hover, .big--btn > a:focus {
    font-size: 20px;
    text-decoration: none;
  -webkit-box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 44px 44px;
  -moz-box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 44px 44px;
  -ms-box-shadow:rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 44px 44px;
  box-shadow: rgba(28, 56, 72, 0.1) 0px 2px 2px, rgba(28, 56, 72, 0.1) 0px 4px 4px, rgba(28, 56, 72, 0.1) 0px 8px 8px, rgba(28, 56, 72, 0.1) 0px 16px 16px, rgba(28, 56, 72, 0.1) 0px 32px 32px, rgba(28, 56, 72, 0.1) 0px 44px 44px;
background-color: #036;
}

/*----------------------------------------------------------
    2. IMAGES
----------------------------------------------------------*/
.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -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;
 }
.border { padding: 6px; border: 1px solid #ccc; }
  .border-bgwhite { padding: 6px; border: 1px solid #ccc; background: #fff; }
  img.border--2 { border: 23px solid #ccc; }
  img.border--3 { border: 3px solid #ccc; }
  img.border--4 { border: 4px solid #ccc; }
  img.border--5 { border: 5px solid #ccc; }
  img.border--6 { border: 6px solid #ccc; }

  img.iconsize { width: 36px; }
  img.smallest { width: 80px; }
 img.small { width: 100px; }
 img.medium { width: 200px; }
 img.large { width: 400px; }
 img.xlarge { width: 450px; }

.fadein img { opacity:1; transition: 1s ease; }
.fadein img:hover { opacity:0.6; transition: 1s ease; }
 img.faint { opacity:0.6; }



/*----------------------------------------------------------
    3. ICONS
----------------------------------------------------------*/
/**
 * @file
 * Visual styles for Corporate Lite's icon features.
 */
.feature {
  text-align: center;
  margin-bottom: 20px;
}
.feature__icon {
  width: 160px;
  height: 160px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  border-style: solid;
  border-width: 2px;
  border-color: #e1e1e1;
  text-align: center;
  margin: 0 auto 30px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #ffffff;
}
.feature__icon:hover {
  background-color: #336699;
}
.fontawesome-icon .featured:hover {
  color: #ffffff;
}
.region--dark-typography .feature__icon {
  color: #ffffff;
}
.region--light-typography .feature__icon {
  border-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 1200px) {
  .field--name-field-mt-if-body {
    width: 60%;
    margin: 0 auto;
  }
}
.feature__icon i {
  font-size: 60px;
  line-height: 160px;
}
.feature:hover a.feature__icon {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}
.feature__image {
  margin-bottom: 30px;
}


/*----------------------------------------------------------
    4. SAINTS PAGES and FEATURED REGION QUOTES
----------------------------------------------------------*/
.photocaption, .field--name-field-photo-credit, .field--name-field-photo-credit--banner { font-size: 11px; letter-spacing: 1px; text-transform: none; color: #999; text-align: right; }
	.field--name-field-photo-credit, .field--name-field-photo-credit--banner { font-size: 9px; text-transform: uppercase; margin-top: -42px; margin-bottom: 24px; }
	.field--name-field-photo-credit--banner {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: right;
	padding-right: 18px;
	font-weight: 700;
	}
	.field-photo-credit { font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #999; text-align: right; margin-top: 2px; }
.field--name-field-role-feast-day {
  font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif;
  font-size: 18px;
  line-height: 1.20;
  padding: 0;
  margin: 0 0 20px 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #363636;
  letter-spacing: 1px;
}
/* bottom-right of bg image */
.featured-photo-credit { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #cccccc; text-align: right; margin-top: 30px; /* position: relative; bottom: 30px; bottom: 0; */ }
.featured-photo-credit a, .field--name-field-cw-photocredit a { color: #ffffff; }
.featured-photo-credit a:hover, .field--name-field-cw-photocredit a:hover { font-size: 11px; }

#block-showcaseplus-resourcesprayercaption {
	width: 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}

.field--name-field-cw-photocredit { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; text-align: right; margin-top: 60px;
    background-color: #000000;
    -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;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 6px 20px;
    opacity: 0.6 !important;
    filter: alpha(opacity=60 !important;);
}

/* black background for photo credit */
.black-bg.featured-photo-credit, .black-bg .featured-photo-credit {
    background-color: #000000;
    -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.6 !important;
    filter: alpha(opacity=60 !important;);
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.flush-sides .black-bg .featured-photo-credit {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.featured--region--photocredit {
    padding-top: 115px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin-right: 0;
}

/* black background for quote */
.black-bg .featured--region--quote {
    background-color: #000000;
    -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.6 !important;
    filter: alpha(opacity=60 !important;);
}

.black-bg .highlight-body {
    color: white;
    font-size: 20px;
}

.field--name-field-source { font-size: 12px; letter-spacing: 1px; }


.TM { font-size:0.8em; position:relative; top:-0.6em; left:0; }
.citation { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.footnote { font-size: 12px; /* letter-spacing: 1px; */ }
	.footnote p { padding-bottom: 0; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 2px; color: #212121; font-weight: 500; }
	.footnote a, a .footnote { text-transform: none; font-weight: bold; }
	hr.footnote { border-top: 1px solid #999; margin-right: 80%; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.dateline { font-size: 16px; text-transform: uppercase; font-weight: 300; }
  .footnote.spaced--out p { padding-bottom: 12px; }
	.views-field-field-feast-day { color: #999; border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 6px; }

div.footnote-rule {
    border: 0;
    height: 1px;
    max-height: 1px;
    color: #999;
    background-color: #999;
    margin-top: 0;
    margin-bottom: 2px;
    margin-right: 80%;
    overflow: hidden;
}


/*----------------------------------------------------------
    5. FOOTER ITEMS
----------------------------------------------------------*/
.vocabulary-saints-quotes h2, h2.saints-quotes { padding-top: 0 !important; margin-top: 0 !important; }
div.copyright-quotes { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #444; font-weight: 300; width: 185px; padding-top: 8px; background-color: #fff; margin-right: 6px; margin-bottom: 6px;  }
	div.copyright-quotes a, a .copyright-quotes { text-transform: none; font-weight: bold; }
.field-name-field-photo { float: left; margin-right: 8px; }
.field-name-field-quote { font-family: "Georgia", Verdana; font-size: 14px; }
.field-name-field-quote .large { font-family: "Georgia", Verdana; font-size: 20px; line-height: 1.5em; font-style: italic; }
.field-name-field-saints { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.footer-item { border-top: 1px solid #ccc; padding: 12px 0; margin: 4px 0; }
.block-views-blockmonthly-saint-block-1 img { margin: 10px; border: 1px solid #ccc; padding: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -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;
 }


/*----------------------------------------------------------
    6. SUPPRESSED IMAGES - PAGES WHERE MAIN IMAGE IS SUPPRESSED
----------------------------------------------------------*/
/* main image suppressed on these formation pages, calendar page, and phase 2 reference materials; imaged needed for masonry only */
.page-node-101 .images-container, .page-node-102 .images-container, .page-node-103 .images-container, .page-node-263 .images-container, .page-node-343 .images-container { display: none; }


/*----------------------------------------------------------
    7. ISOTOPE HEADINGS
----------------------------------------------------------*/
.isotope-container h2.masonry-title {
  font-size: 32px !important;
  font-family : 'Raleway', Helvetica Neue, Arial, Sans-serif;
}
.isotope-container h3.masonry-title {
  font-size: 26px !important;
  font-family : 'Raleway', Helvetica Neue, Arial, Sans-serif;
}
.isotope-container h4.masonry-title {
  font-size: 22px !important;
  font-family : 'Raleway', Helvetica Neue, Arial, Sans-serif;
}
.isotope-container h5.masonry-title {
  font-size: 18px !important;
  font-family : 'Raleway', Helvetica Neue, Arial, Sans-serif;
}
.isotope-container h6.masonry-title {
  font-size: 14px !important;
  font-family : 'Raleway', Helvetica Neue, Arial, Sans-serif;
}




/*----------------------------------------------------------
  13. BOOTSTRAP CAROUSEL SLIDESHOW CLASSES
----------------------------------------------------------*/
#myCarousel .carousel-caption p, .carousel-caption h3 { display: block; }
#myCarousel .carousel-caption h3 { font-weight: 400; color: #ddd; margin-top: 0; padding-top: 0; }
#myCarousel .carousel-caption p:last-child { margin: 0; }
#myCarousel .carousel-caption { background-color: #fff; background: rgba(0, 0, 0, 0.44); color: #ddd; text-shadow: none; padding: 10px; top: 10%; left: 5%; bottom: auto; width: 35%; text-align: left;
/* comment the lines below if you want to square the corners of the caption box */
    -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;
}



/*----------------------------------------------------------
  22. PRESENTATIONS CLASSES
----------------------------------------------------------*/
.dark {
    font-weight: 500;
    color: #000;
}
h4 span {
    font-size: 24px;
    color: #ccc;
    border-right: 4px solid #ccc;
    margin-right: 12px;
}
h4 a.pdf--download {
	font-size: 14px;
	font-weight: 500;
	color: #3399cc;
}
h4 a.pdf--download::before {
	display: inline;
	font-family: 'FontAwesome';
/*	font-weight: 200; */
	content:"\f1c1"; /* fa-pdf-o */
	padding-right: 6px;
	color: #BB111A;
}
h4 a.pdf--download::after {
	display: inline;
	font-family: 'FontAwesome';
/*	font-weight: 200; */
	content:"\f019"; /* fa-download */
	padding-left: 6px;
}
td h3 a.pdf--download {
   font-size: 16px;
   font-weight: 500;
   color: #3399cc;
}
td h3 a.pdf--download::before {
	display: inline;
	font-family: 'FontAwesome';
/*	font-weight: 200; */
	content:"\f019"; /* fa-download */
	padding-right: 6px;
}
.boxed--in {
  border-right: 4px dotted #f1f1f1;
  border-left: 4px dotted #f1f1f1;
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 24px;
}
.boxed--bottom {
  border-bottom: 4px solid #f1f1f1;
  margin: 24px 0;
}