@import url(http://fonts.googleapis.com/css?family=Cinzel);

img#logo {
    width: 1000px;
    height: 125px;
    background: url(images/parish-logo.png) 0 0 no-repeat;
    margin-top: 0px;
    float: left;
}

img#logo-school {
    width: 1000px;
    height: 125px;
    background: url(images/logo-school.png) 0 0 no-repeat;
    margin-top: 0px;
    float: left;
}

/************ BUTTONS  ************/
.readon, .button { 
  color: white; 
  background: #C0C0C0; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: #C0C0C0;
}

.readon:hover, .button:hover {background: #ddd;}



/* gets rid of any box around the artilces if nothing is there */
table.contentpaneopen-blank {
}

/* makes the alert section red, bold and bigger so it gets noticed */
table.contentpaneopen-alert {
	font-weight: bold; 
        color: red;
        font-size: 130%;

}


/* contactinfo */
table.contactinfo {
  margin: 0 0 0 0;
  background: whitesmoke;
  border-collapse: collapse; 
  width: 100%;
}

table.contactinfo th, table.contactinfo td, table.infotables th, table.infotables td  {
  border: 1px black solid;
}

table.contactinfo th, table.infotables th {
  background: url(images/th-bg.jpg) repeat-x top #001c5c;
  text-align: center;
  color: #d6dce8;
  padding: 0.1cm;
}

table.contactinfo td, table.infotables td {
  background: url(images/td-bg.jpg) repeat-x top #d6dce8;
  text-align: left;
  color: #001c5c;
  padding: 0.1cm;
}

table.contactinfo td:hover, table.infotables td:hover {
  color: #001c5c;
  background: #aaafb8;
}


/* infotables */
table.infotables {
  margin: 1em 1em 1em 0;
  background: whitesmoke;
  border-collapse: collapse; 
}

#top-bar { display: none;}

.menu-home img {max-width:  100%;}

#horiz-menu a, #horiz-menu li.active a {
  padding: 0 15px;
}

img, embed { max-width: 100%;}


/************ *******************  ************/
/************ AUDACITY TEMPLATE SEPT 2016  ************/
/************ *******************  ************/


#rt-header .menu-block {width: 100%; margin: 0; padding: 0!important;}
.gf-menu {display: flex; flex-direction: row; justify-content: space-around;}
.layout-slideshow .sprocket-features-img-container {height: 22vw;}
.layout-slideshow .sprocket-features-img-container img {object-position: center; object-fit: cover;}


/************ HEADER AND MENU  ************/

.header img {
    width: 80%;
    text-align: center;
    margin: auto;
    display: block;
}
#rt-header .rt-grid-6.rt-alpha {display: none;}
#rt-header .rt-grid-6.rt-omega { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; }
#rt-header .menu-block { float: left; padding-left: 20px; }

#rt-header-surround {background: #042061;}
#rt-header .rt-container {background: none;}


.menu-block .gf-menu li.active > .item .menu-item-bg { color: #888; }
.menu-block .gf-menu .item { color: white;}
.menu-block .gf-menu.l1 > li > .item  { color: #0e1240; }
.gf-menu .item { font-size: 16px; }
.menu-block .gf-menu.l1 > li > .item { font-family: Cinzel, sans-serif; }
.menu-block .gf-menu.l1 > li > .item {font-size: 1em;} 
.menu-block .gf-menu.l1 > li:hover, .menu-block .gf-menu.l1 > li:focus {background: grey;}
.menu-block {float: left;}

.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {margin: 5px;}
.subsite-school2 .menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {margin: 5px;}
.menu-block .gf-menu.l1 > li > .item .menu-item-wrapper {color: white;}

@media only screen and (min-width: 1200px) {
	.menu-block .gf-menu.l1 > li > .item {font-size: 1.25em;}
}

@media only screen and (min-width: 960px) and (max-width:1199px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menu-block .gf-menu.l1 > li > .item {font-size: .8em;}
	body.layout-mode-responsive .menu-block .gf-menu.l1 > li > .item .menu-item-wrapper { margin: 2px;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {}

@media only screen and (max-width: 480px) {}


@media only screen and (max-width: 767px) {
	.header img { width: 90%; padding-top: 50px; padding-bottom: 50px;}
}

/** MODULES  ************/
.layout-mode-responsive .module-title .title {
    font-size: 2em;
    line-height: 1em;
	font-weight: normal ;
}
.module-title .title { font-family: Cinzel, sans-serif;}



#rt-showcase .rt-container {
    color: #3F3F3F;
    background-color: white;
}

 [class*=" title"].rt-block { padding: 5px; }

 .searchsearchtop-right {
    position: fixed;
    top: 5px;
    right: 5px;
	
 }
 
input, input[type="text"] {height:  25px;   background-color: rgba(255,255,255,.7); width: 130px;}

 
 
/************ SITE CONTENT  ************/
.font-size-is-default { font-size: 16px; }
.blog img {padding: 3px 10px;}
h2 {font-size: 2.2em; }


@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 480px) { #rt-top .module-content img {     width: 75%;  margin: auto;  display: block;} }

/************ FOOTER  ************/
#rt-copyright a {color: #bbb;}
#rt-copyright h3 {  font-size: 2.2em; }
.footertext { font-size: 1.4em;}

#rt-copyright .rt-container { color: #3d3d3d;  background-color: #e8e8e8; }
#rt-copyright .rt-container a { color: #063091; }
#rt-copyright .rt-container a:hover { color: #3d3d3d; }

 
/************ QUICKLINKS  ************/
.quicklinkbox {border: 4px #5193ec solid; border-radius: 5px; }

.quicklinkbox:hover {border: 4px grey solid; }
.rt-block.inbetweenlayers { margin-top: -65px; margin-bottom: -10px;}


@media only screen and (max-width: 767px) { 
	.rt-block.inbetweenlayers { margin-top: 0; margin-bottom: 0px;} 
	.equaltables img.quicklinkbox {margin-bottom: 20px;} 
}

/************ SLIDESHOW  ************/
.layout-slideshow .sprocket-features-content {
    background: rgba(255,255,255, .6);
    background: -webkit-linear-gradient(left, rgba(14,18,64, 0.6), rgba(14,18,64, 0.5), rgba(255,255,255, 0) );
    background: -o-linear-gradient(right, rgba(14,18,64, 0.6), rgba(14,18,64, 0.5), rgba(255,255,255, 0) );
    background: -moz-linear-gradient(right, rgba(14,18,64, 0.6), rgba(14,18,64, 0.5), rgba(255,255,255, 0) );
    background: linear-gradient(to right, rgba(14,18,64, 0.6), rgba(14,18,64, 0.5), rgba(255,255,255, 0) );
    left: 0;
    padding-left: 30px;
}

#rt-showcase h2, #rt-copyright h2 {font-family: Cinzel, sans-serif; font-weight: normal; font-size: 2.5em; line-height: 1em; margin-bottom: 0px;}
.layout-slideshow .sprocket-features-desc {font-family: Cinzel, sans-serif; font-weight: normal; font-size: 1.5em; line-height: 1.2em; margin-bottom: 0px;}


#rt-showcase {  color: #818182; }
.box1 ul.menu li.current a, .box1 ul.menu li.active a, .box1 ul.menu li a:hover{color: #aaa !important;}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	
#rt-showcase h2, #rt-copyright h2 {font-size: 1.25em;}
	.sprocket-features-desc p {font-size: .8em; line-height: 1.2em;}
}

@media only screen and (max-width: 767px) {
	#rt-showcase h2, #rt-copyright h2 {font-size: 1.25em;}
	.sprocket-features-desc p {font-size: .8em; line-height: 1.2em;}
	.sprocket-features-content { display: none;}
}

/************ NEWSLETTER PAGE ************/

.menu-newsletter #rt-sidebar-a h2.title {font-size: 1.35rem; letter-spacing: -0.5px }
.subsite-home2 #rt-mainbody img {padding: 5px 15px; }

/************ NEWSLETTER PAGE STRIPS ARTICLES  ************/

.sprocket-strips-content > a { position: absolute; top: 0; right:0; bottom: 0; left: 0; background: none; display: flex; justify-content: center;  align-items: center; }
.sprocket-strips-content h4 { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(4,32,96,0.75); font-size: 1.4rem; text-shadow: 1px 1px 3px rgba(0,0,0,.5); margin-bottom: 0px; min-height: 72px; text-align: center; transition: all .2s ease-in; padding-top: 1rem;}
.sprocket-strips-content h4 a { color: white; }
.sprocket-strips-content {padding: 0; }

.sprocket-strips-item {
	position: relative;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	background-position: 50% 50%;
	border-radius: .5rem;
	background-size: cover;
	height: 300px;
}
.sprocket-strips { position: relative; }
.sprocket-strips-container { display: flex; justify-content: center; }
.sprocket-strips-item { background: url(../images/stories/template/article-default.jpg) 0 0 no-repeat; }
.sprocket-strips-item .readon { padding: 0; margin: 0;}
.sprocket-strips-item .readon:hover { background: rgba(4,32,96,0.85);}
.sprocket-strips-item .readon span  { flex: 1; text-align: center; transition: all .2s ease-in; opacity: 0; }
.sprocket-strips-item .readon:hover span  { opacity: 1; }
.sprocket-strips-item:hover .sprocket-strips-content h4 { opacity: 0;}
.sprocket-lists-item .sprocket-padding { padding-top: 0px;}
.sprocket-lists-title { padding: 15px 10px !important;}
.sprocket-strips-item img {max-width: 230px; height: auto;}

body.layout-mode-responsive .sprocket-strips-container.cols-4 li { width:  19%!important;}

.sprocket-strips-container > li { margin: 10px 3%;}

@media only screen and (max-width: 767px) {	
	body.layout-mode-responsive .sprocket-strips-container.cols-4 li { width: 43%!important; float: right ; }
	.sprocket-features-content img { display: none;}
.sprocket-strips .sprocket-strips-nav .arrow.next { right: -20px; }
.sprocket-strips .sprocket-strips-nav .arrow.prev { left: -20px; }
.sprocket-strips-item { height: 45vw;  }
.sprocket-strips-container { flex-wrap: wrap; }
.sprocket-strips .cols-3 > li { width: 32vw;}
}

/************ SPONSORSHIP PAGE  ************/

.sprocket-tables {color: black;}

.basic, .bronze, .silver, .gold, .platinum {transition: all .5 linear;}
h4.sprocket-tables-title a {font-weight: bold; font-size: 1.5em; }
.basic .sprocket-tables-desc {background: white; color: #333; }
.bronze .sprocket-tables-desc {background: #8C7853 !important; color: #333; }
.silver .sprocket-tables-desc {background: #CDCDCD !important; color: #333; }
.gold .sprocket-tables-desc {background: #CFB53B !important; color: #333; }
.platinum .sprocket-tables-desc {background: #E5E4E2 !important; color: #333; }

.sponsorshippage .component-content ul li, .sponsorshippage .component-content ol li, .sponsorshippage .component-content ul {   
	padding: 0 1%;
    line-height: inherit;
    margin: 1% -4px 1% 0;}

.sponsorshippage .component-block .sprocket-tables .readon {float: none; display: block;}

.basic h4.sprocket-tables-title a {color: #333 !important; }
.bronze h4.sprocket-tables-title a {color: white !important; }
.silver h4.sprocket-tables-title a {color: #333 !important; }
.gold h4.sprocket-tables-title a {color: white !important; }
.platinum h4.sprocket-tables-title a {color: #333 !important; }

.basic:hover h4.sprocket-tables-title a {color: #666 !important; }
.bronze:hover h4.sprocket-tables-title a {color: #ddd !important; }
.silver:hover h4.sprocket-tables-title a {color: #666 !important; }
.gold:hover h4.sprocket-tables-title a {color: #ddd !important; }
.platinum:hover h4.sprocket-tables-title a {color: #CFB53B !important; }

.sprocket-tables-item .sprocket-tables-cell:nth-child(1) { height: 140px;}
.sprocket-tables-item .sprocket-tables-cell:nth-child(3) { height: 225px;}
.sprocket-tables-item .sprocket-tables-cell:nth-child(3) img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.noborder img {
     background: none !important;
     border: 0 !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     padding: 0px !important;
	 margin: 0 !important;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
}
/************ HIGHLIGHT SILVER  ************/
.sprocket-tables-block {margin-top: 30px !important; }
.silver {margin-top: -30px !important; }
.silver .sprocket-tables-item .sprocket-tables-cell:nth-child(1) { height: 132px; padding-top: 30px;}
.silver .sprocket-tables-item .sprocket-tables-cell:nth-child(6) { height: 50px; padding-top: 30px;}
.silver .sprocket-tables-item { border: 3px solid #572A79; margin-top: 30px; }
.silver .sprocket-tables-item {box-shadow: 2px 2px 15px #888 ;} 

/************ EXAMPLE ADS  ************/
.sponsorshippage .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption {text-align: center;}
.sponsorshippage .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content { padding-bottom: 40px;}

/************ FAQ  ************/
.sponsorshippage .sprocket-lists-container li:first-child {display: none;}
.sponsorshippage .sprocket-lists .sprocket-lists-container li .sprocket-lists-title {background: none; color: #777;}
.sponsorshippage .sprocket-lists .sprocket-lists-container li {background: none; border: none; box-shadow: none;}
.sponsorshippage .sprocket-lists-title .indicator {display: none;}

/********** EQUAL TABLES ********************/
.equaltables { width: 100%; display: table; table-layout: fixed;}
.equaltables > div {	display: table-cell; margin: 10px; width: 2%; border: 10px solid rgba(0,0,0,0); vertical-align: top; word-break: break-word;}
@media only screen and (max-width: 767px){
 .equaltables, .equaltables div{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
 .equaltables img { display: block; margin: 0 auto;}
}

/************ BORDER ON VIDEO  ************/
.sponsorshippage iframe {border: 4px rgba(0,0,0,0.5) solid; border-radius: 5px;}

/************ NO BORDER  ************/
.sprocket-tables img {
     background: none !important;
     border: 0 !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     padding: 0px !important;
	 margin: 0 !important;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
	 max-width: 100%;
}

.sponsorshippage .cat-children, .sponsorshippage .rt-cat-children{display: none;}



/************ ******************* ************/
/************ ITEMS FOR ALL SITES ************/
/************ ****************** ************/

/************ PROTECT AGAINS WEIRD SPANISH PAGES ************/
[class*="span"] { float: none; margin-left: 0; }'
/************ DOCMAN ************/
.docman_download__info {display: none;}
.koowa h4.koowa_header { display: none; }
/************ HIDE SEARCH LABEL ************/
form label {display: none; }
/**** WEBLINKS ***************************/
.weblink-category .category img { height: 0;}
.weblink-category .category .title, .component-content .weblink-category .category .title p {margin-bottom: 0px; font-size: 16px; }
.weblink-category .category .title {background: none; padding-left: 10px; }
.category .title .category {font-size: 1.25em;}
/************ SLIDESHOW FIX ************/
.weblink-category .component-content ul.rg-ss-slice-list { list-style-type: none; padding: 0; margin: 0;}
/************ ALERT ************/
.rt-block.alert {border: none; padding: 0; margin: 0; background-color: #FFCFCF; color: #FF0000;}
.alert h2, .alert p { margin-left: 20px;}
/************ IMAGES ************/
.item img {margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}
/************ CENTER ADS ************/
.admod table {margin: auto;}

/*  */

