/* ------------------------ BOOTSTRAP OVERRIDES ----------------------- */



body {

    background: url(../images/background.jpg);

    /*font-family: 'Verdana', Arial, sans-serif;*/

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #666666;

    line-height: 1.7;

    padding: 0 !important;

}




h1, h2, h3, h4, h5 {

    font-family: 'Raleway', Arial, sans-serif;

    color:#666666;

    font-weight: 700;

    margin-top:0px;

}


h1 {
    font-size: 40px;
    line-height:1.0em;
    margin-bottom:25px;
}

h2 {

  font-size: 34px;

    line-height:1.0em;

  margin-bottom:25px;

}

h3 {

  font-size: 28px;

    line-height:1.0em;

  margin-bottom:25px;

}

h4 {

  font-size: 22px;

    line-height:1.0em;

  margin-bottom:25px;

}

h5 {

  font-size: 18px;

  line-height:1.0em;

  margin-bottom:25px;

}

h6 {

  font-size: 16px;

  font-family: 'Open Sans Condensed', sans-serif;

  text-transform: uppercase;

  font-weight: bold;

  margin-top:15px;

  margin-bottom:10px;

  border-bottom-style: solid;

  border-bottom: solid 1px #CCC;

}


.uppercase {
  text-transform: uppercase;
}

.hppromotxt h4,
.hppromotxt h5 {
  margin-bottom: 8px;
}


p {
 margin: 0 0 30px;
 }


p + ul {margin-top: -15px; } /* bump up UL following a P */


a:link, a:visited {

  color: #00679c;

}



a:hover, a:active {

  color: #0081c4;

}



img {max-width:100%; height:auto;} /*Make all images responsive */

img.maxwidth {width:100%; height:auto;} /*Specific style to make select images full width*/



img.maxresponsive {

  width:100%;

  height:auto;

}



@media (min-width: 501px) {

  img.maxresponsive {

    object-fit: cover;

    height: 225px;

    width: 100%;

  }

}



ul { list-style-type: square; margin-bottom: 40px; }

li { margin-bottom: 10px; }





hr { display: block; height: 1px;

    border: 0; border-top: 1px solid #ccc;

    margin: 1em 0; padding: 0; }





.sticky-article h3 {

    font-size: 27px;

}



.well-sm {

    padding: 8px 12px;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}


.well-nobg {
    min-height: 20px;
    padding: 19px;
    margin: 40px 0;
    border: 2px solid #fdb94c;
    background: #fff8ec;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

}



.well-nobg .btn {
  font-weight: bold;
}

.blueblock-full {
  background: #f0faff;
  margin: 0 -50px;
  padding: 75px 50px 5px 50px;;
}

.blueblock-full a:hover .bubble-pic {
  box-shadow: 0 0 20px #FFFFFF;
}

.blueblock-full h2 {
  text-align: center;
}

.whiteblock-full {
  background: #FFFFFF;
  margin: 0 -50px;
  padding: 75px 50px 35px 50px;
}

.whiteblock-full a:hover .bubble-pic {
  box-shadow: 0 0 20px #ededed;
}

.whiteblock-full h2 {
  text-align: center;
}

.bubble-block {
  text-align: center;
  margin: 30px 0;
}

.bubble-block-p {
  font-family: 'Raleway', Arial, sans-serif;
  color:#666666;
  font-weight: 700;
  font-size: 20px;
}

.bubble-pic {
  display: block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 20px auto;
}

.bubble-pic img {
  height: 100%;
  width: auto;
  object-fit: cover !important;
}


/* Table-like rows for article links */

.row-links {

  margin: 1rem;

  padding: 2rem 0 1rem 0;

  border-top: solid 1px #CCCCCC;

}





.article-thumbnail {

  float: left;

  object-fit: cover;

  height: 190px;

  width: 240px;

  border: solid 1px #000000;

  margin: 7px 20px 10px 0;

}



@media (max-width: 998px) {

  .article-thumbnail {

    float: clear;

    width: 100%;

    height: auto;

    max-height: 300px;

    margin: 0 0 20px 0;

  }

}





.large {font-size:16px; }

.medium {font-size:14px; line-height: 14px;}

.small {font-size:12px; }

.xsmall {font-size:10px; }



.table th, .table td {

     border-top: none;

 }

 .table a {font-weight: 600;}



/*Sitewide colors */

.dolr-blue       {color: #0081c4;}

.dolr-ltblue     {color: #2eadd3;}

.dolr-royalblue  {color: #001EB2;}

.dolr-lime       {color: #8fb956;}

.dolr-purple     {color: #7b3f72;}

.dolr-gold       {color: #FFC100;}

.dolr-orange     {color: #ff6600;}

.dolr-terracotta {color: #df7751;}

.dolr-ltred      {color: #e00000;}

.dolr-red        {color: #990000;}

.dolr-green      {color: #1c801c;}

.dolr-brown      {color: #835b2f;}



.dolr-blue-bg       {color: #FFFFFF; background: linear-gradient(0deg, #0081c4, #098dd1)}

.dolr-ltblue-bg     {color: #FFFFFF; background: linear-gradient(0deg, #2eadd3, #3fbde3)}

.dolr-royalblue-bg  {color: #FFFFFF; background: linear-gradient(0deg, #001EB2, #1232d2)}

.dolr-lime-bg       {color: #FFFFFF; background: linear-gradient(0deg, #8fb956, #7cab3b)}

.dolr-purple-bg     {color: #FFFFFF; background: linear-gradient(0deg, #7b3f72, #8a5282)}

.dolr-gold-bg       {color: #FFFFFF; background: linear-gradient(0deg, #FFC100, #fdc929)}

.dolr-orange-bg     {color: #FFFFFF; background: linear-gradient(0deg, #ff6600, #ff8b3d)}

.dolr-terracotta-bg {color: #FFFFFF; background: linear-gradient(0deg, #df7751, #ee8660)}

.dolr-ltred-bg      {color: #FFFFFF; background: linear-gradient(0deg, #e00000, #f73333)}

.dolr-red-bg        {color: #FFFFFF; background: linear-gradient(0deg, #990000, #cc0000)}

.dolr-green-bg      {color: #FFFFFF; background: linear-gradient(0deg, #1c801c, #147614)}

.dolr-brown-bg      {color: #FFFFFF; background: linear-gradient(0deg, #835b2f, #9e7140)}



.circle {

  font-size: 14px;

  border-radius: 50%;

	padding: 5px 0 0 0;

  width: 22px;

	height: 22px;

  line-height: 14px;

  margin: 0 0.2em -0.2em 0;

  display: inline-block;

  text-align: center;

  overflow: hidden;

  box-shadow: 2px 2px 1px #CCCCCC;

}


.circle-lg {
  font-size: 18px;
  border-radius: 50%;
	padding: 5px 0 0 0;
  width: 28px;
	height: 28px;
  line-height: 18px;
  margin: 0 0.2em -0.2em 0;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  box-shadow: 2px 2px 1px #CCCCCC;
}



a.linkbox {

  display: block;

  width: auto;

  margin: 10px 0 10px 0;

  padding: 10px;

  border-radius: 8px;

  background: #eeeeee;

}



a.linkbox:hover {

  background: #e1e1e1;

  text-decoration: none;

}



a.sublinkbox {

  display: block;

  width: auto;

  margin: -5px 0 10px 50px;

  padding: 6px 10px 6px 10px;

  border-radius: 8px;

  background: #eeeeee;

}



a.sublinkbox:hover {

  background: #e1e1e1;

  text-decoration: none;

}



.linkboxgroup {



}



.listing-icon {

  display: inline-block;

  text-align: center;

  width: 30px;

}



.margin-bottom20 {

  margin-bottom: 20px;

}



.margin-bottom40 {

  margin-bottom: 40px;

}



/*formatting tweak for captcha image*/

 .g-recaptcha {

   clear: both;

   margin-top: 20px;

   margin-bottom: 20px;

 }



.field-hidden {display:none;}

.form-item-ra1 {display:none;}

.form-item-ra2 {display:none;}

input[type=text]{max-width:100%;}



label[for=edit-date-of-application-datepicker-popup-0] {

  display: none;

}



.form-item-site-contact {display:none;}



#edit-search-block-form--2 {/*width:200px;*/}

.custom-search-button {margin-top:5px;}

#block-search-form {height:28px;}

#block-search-form-mobile {height:28px; float:right; padding:10px;}

input.custom-search-box{color:#000;}

.custom-search-button{display:inline;}

.form-item-custom-search-blocks-form-2{display:inline;}



div.donation {width:154px; height:39px; padding-top:5px; text-align:center; margin-right:auto; margin-left:auto; background-image: url(/sites/default/files/giving.png); background-repeat: no-repeat;}

div.donation:hover {background-image: url(/sites/default/files/giving-o.png); background-repeat: no-repeat;}

a.donation {color:#FFF;text-decoration:none; }

a.donation:hover {color:#003366; text-decoration:none;}



#edit-submitted-upload-file-upload-button {margin-top:15px; margin-bottom:15px;}



.kicker {

    font-family: 'Verdana', Arial, sans-serif;

    color:#666666;

    font-size:18px;

    line-height:18px;

    text-transform: uppercase;

    font-weight:700;

    margin-top:0px;

    margin-bottom:12px;

    padding-top:0px;

    padding-bottom:10px;

    border-bottom-style: solid;

    border-bottom: double 4px #CCC;

}



.listhed {

    font-family: 'Raleway', Arial, sans-serif;

    color:#666666;

    font-size:19px;

    line-height:19px;

    font-weight:700;

    margin-top:0px;

    margin-bottom:6px;

    text-decoration: underline;

}



.pullquote {

    width:200px;

    float:right;

    color:#666666;

    font-size:18px;

    line-height:1.4;

    margin:30px;

    padding:10px;

    border-bottom-style: solid;

    border-bottom: double 4px #CCC;

    border-top-style: solid;

    border-top: double 4px #CCC;

}



.text-highlight {

  background: #ffffcc;

}



@media (max-width: 500px) {

  .pullquote {

      width:100%;

      float: none;

      clear: both;

      margin:20px 0 20px 0;

      padding:20px;

  }

}



.pullquoteleft {

    width:200px;

    float:left;

    color:#666666;

    font-size:18px;

    line-height:1.4;

    margin-right:30px;

    margin-top:10px;

    margin-bottom:10px;

    padding:10px;

    border-bottom-style: solid;

    border-bottom: double 4px #CCC;

    border-top-style: solid;

    border-top: double 4px #CCC;

}



.articlefooter {

  font-style: italic;

  font-size: 0.8em;

  margin: 15px 0;

}



.sidebarhed {

  font-family: 'Raleway', Arial, sans-serif;

  font-size: 20px;

  font-weight: 700;

  text-transform: uppercase;

  text-align: center;

  line-height: 1.0em;

  margin-bottom: 10px;}



.parishname {

      font-family: 'Raleway', Arial, sans-serif;

      color:#666666;

      font-weight: 700;

      font-size: 20px;

  }



.deanery {

    font-size: 10px;

}





.panel-title {

  font-family: 'Open Sans', sans-serif;

	text-transform: uppercase;

  font-weight: 300;

	color:#333333;

  text-align:center;

}


.panel-title-bold {
	text-transform: uppercase;
  text-align:center;
  color:#333333;
  font-size: 22px;
  margin-block-end: 0;
  margin-bottom: 0;
}



.panel-body {font-family: 'Open Sans', sans-serif; font-size:13px; line-height:1.7;}

.panel-body p {margin: 0 0 10px;}

.panel-body a {font-weight: 600;}



h5.panel-body {font-size:14px; margin-top:0;}

.panel-body select {width:225px;}

.panel-footer {font-size:12px; line-height:1.3;}



.panel-kicker {

  float:left;

  padding: 12px 0 0 0;

  width: 38px;

  height: 38px;

  border-radius: 3px 0 0 0;

  text-align: center;

  margin: -10px 0 -15px -15px;

  font-size: 1.6rem;

  line-height: 1rem;

}



.panel-body-largetype {

  font-size: 15px;

}



#accordion .panel-title {

  text-transform: none;

}



.boxhead {

    font-family: 'Raleway', Arial, sans-serif;

    color:#666666;

    font-size:16px;

    font-weight: 700;}





    .vert25 {margin: 25px 0 25px 0;}

    .vert50 {margin: 50px 0 50px 0;}

    .vert75 {margin: 75px 0 75px 0;}

    .vert100 {margin: 100px 0 100px 0;}



.taller-row {padding: 10px 0 10px 0;}



/* PADDED CONTENT OVERRIDES FOR LANDING PAGES */





.padded-page p {

  margin: 0 25px 50px 25px;

}



.padded-page h2 {

    margin: 30px 0;

}



.padded-page .fullframe {

    margin: 0 -65px 0 -65px;

    padding: 50px 0;

    text-align: center;

}



.col-md-3 p,

.well p,

.node-type-parishes p,

.node-type-schools p {

  margin-bottom: 10px;

}



.fullwidth {

  padding: 0 120px;

}



.fullwidth .well {

  margin-right: -90px;

  margin-left: -90px;

}



.fullwidth .video-container {

  margin-right: -145px;

  margin-left: -145px;

}



.fullwidth .fulldiv {

  margin: 40px -145px;

}


.fw-video {
  margin-left: -40px;
  margin-right: -40px;
}

.row-full-right {
  margin-right: -40px;
}

.row-full-left {
  margin-left: -40px;
}

.row-full-both {
  margin-left: -40px;
  margin-right: -40px;
}

.newsbox {
  background: #CCCCCC;
  margin: 10px -40px;
  padding: 20px 10px;
}


.newsbox-row {
  max-width: 1000px;
  margin: 0 auto;
}

.news-photo{
  width: auto;
  margin: 0;
  overflow: hidden;
}

.news-photo-lg {
  height: 325px;
  margin-bottom: 15px;
}

.news-photo-md {
  height: 200px;
}

.news-photo-sm {
  height: 100px;
}

.news-photo img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
  -webkit-transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,transform 1s;
  transition: opacity 1s,transform 1s,-webkit-transform 1s;
}

.news-photo img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,transform 1s;
  transition: opacity 1s,transform 1s,-webkit-transform 1s;
}

.news-subtext{
  font-size: 12px;
  margin-bottom: 40px;
}

.news-photo:hover {
  opacity: 0.9;
}

.ac-text {
  text-align: right;
}

.news-caption{
  margin-top: 0;
  margin-bottom: 6px;
  width: 100%;
  line-height: 1.3;
  color: #000000;
  font-weight: bold;
}

.date_bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: 0 20px 10px 0;
  padding: 4px;
  width: 72px;
  height: 72px;
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  background: linear-gradient(0deg, #5cb85c, #4cae4c);
  color: #FFFFFF;
  border-radius: 5px;
}

.cal-header {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
}

a.news-cal-link {
  display: block;
  padding: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
}

a.news-cal-link:hover {
  opacity: 0.90;
  background: #efefef;
  border-radius: 5px;
}

@media (max-width: 998px) {
  .newsbox {
    margin: 40px -15px;
  }
  .fw-video {
    margin-left: -15px;
    margin-right: -15px;
  }

}

.padded-content {padding: 20px 150px;}

.padded-content-100 {padding: 20px 100px;}

.padded-content-50 {padding: 20px 50px;}

.padded-content-0 {padding: 20px 0;}



.padded-content .large, .padded-content-100 .large, .padded-content-50 .large, .padded-content-0 .large {padding-left: 0;  padding-right: 0;}

.padded-content h1, .padded-content-100 h1, .padded-content-50 h1, .padded-content-0 h1 {margin-bottom: 30px;}

.padded-content h2, .padded-content-100 h2, .padded-content-50 h2, .padded-content-0 h2 {margin-bottom: 30px;}

.padded-content h3, .padded-content-100 h3, .padded-content-50 h3, .padded-content-0 h3 {margin-bottom: 30px;}

.padded-content h4, .padded-content-100 h4, .padded-content-50 h4, .padded-content-0 h4 {margin-top: 30px;}

.padded-content p, .padded-content-100 p, .padded-content-50 p, .padded-content-0 p {margin: 30px 0;}



.padded-page {padding: 20px 25px;}



.well-toppad {

  margin-top: 40px;

}



.well-botpad {

  margin-bottom: 40px;

}



.well-bothpad {

  margin-top: 40px;

  margin-bottom: 40px;

}


.well-outline {
  border-radius: 0;
  border: 3px solid #FFFFFF;
  outline: 4px double #555555;
}


@media (max-width: 800px) {

  .padded-page {padding: 20px 10px;}

  .fullwidth {padding: 0 80px;}



  .fullwidth .well {

    margin-right: -50px;

    margin-left: -50px;

  }

  .fullwidth .fulldiv,

  .fullwidth .video-container {

    margin-right: -80px;

    margin-left: -80px;

  }

  .news-photo-sm {
    height: 300px;
    margin-bottom: 15px;
  }

  .ac-text {
    text-align: center;
  }

}



@media (max-width: 500px) {

  .padded-content, .padded-content-100, .padded-content-50 {padding: 0;}

  .padded-content h1, .padded-content-100 h1, .padded-content-50 h1, .padded-content-0 h1 {font-size: 36px;}

  .padded-content h2, .padded-content-100 h2, .padded-content-50 h2, .padded-content-0 h2 {font-size: 30px;}

  .padded-content h3, .padded-content-100 h3, .padded-content-50 h3, .padded-content-0 h3 {font-size: 22px;}

  .padded-content h4, .padded-content-100 h4, .padded-content-50 h4, .padded-content-0 h4 {font-size: 18px;}

  .padded-page {padding: 20px 0;}

  .fullwidth {padding: 0 20px;}

  .fullwidth .well {

    margin-right: 0;

    margin-left: 0;

  }

  .fullwidth .fulldiv,

  .fullwidth .video-container {

    margin-right: 0;

    margin-left: 0;

  }

}





.yaml {

  background: #CCCCCC;

  margin-top: 50px !important;

  margin-bottom: 50px !important;

  padding: 20px 100px !important;

  display: flex;

  align-items: center;

}



.yaml-heading {

  text-align: left;

  font-size: 24px;

  float: left;

  width: 33%;

}



.yaml-body {

  width: 66%;

  float: right;

}



.yaml-body p {

  margin: 5px 5px;

}



/*.yaml-body p {

  display: inline-block;

  margin: 0 5px;

  vertical-align: middle;

  padding: 0;

}



.yaml-body a {

  display: block;

  max-width: 150px;

  height: 100px;

  padding: 10px;

  margin-bottom: 3px;

  background: #ffffff;

  border: solid 1px #666666;

  border-radius: 5px;

}*/



.acrel {

  background-color: #2f64aa;

  color: #FFFFFF;

  /*margin-top: 50px !important;

  margin-bottom: 50px !important;*/

  padding: 20px 100px !important;

  display: flex;

  align-items: center;

}



.acrel a,

.acrel h3 {

  color: #FFFFFF !important;

}



.acrel-heading {

  color: #FFFFFF;

  text-align: left;

  font-size: 24px;

  margin: 20px 0;

  float: left;

  width: 33%;

}



.acrel-heading p {

  color: #FFFFFF;

  font-size: 16px;

  margin: 10px 0;

}



.acrel-body {

  width: 66%;

  float: right;

}



.acrel-body a {

  display: block;

  width: 100%;

  color: #FFFFFF;

}



.acrel-body a:hover {

  opacity: 0.9;

}



.acrel-body img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 200px;

  object-fit: cover;

  margin-bottom: 10px;

}



.acrel-article {

  display: inline-block;

  position: relative;

  width: 30%;

  height: 200px;

  margin: 3px;

  background: #ffffff;

  border: solid 1px #FFFFFF;

  border-radius: 5px;

  overflow: hidden;

}



.acrel-text {

  position: absolute;

  background: rgba(0,0,0,0.5);

  bottom: 0;

  left: 0;

  z-index: 10;

  padding: 5px;

  line-height: 1.1;

}



/*.padded-page .col-lg-1, .padded-page .col-lg-10, .padded-page .col-lg-11, .padded-page .col-lg-12, .padded-page .col-lg-2, .padded-page .col-lg-3, .padded-page .col-lg-4, .padded-page .col-lg-5, .padded-page .col-lg-6, .padded-page .col-lg-7, .padded-page .col-lg-8, .padded-page .col-lg-9,

.padded-page .col-md-1, .padded-page .col-md-10, .padded-page .col-md-11, .padded-page .col-md-12, .padded-page .col-md-2, .padded-page .col-md-3, .padded-page .col-md-4, .padded-page .col-md-5, .padded-page .col-md-6, .padded-page .col-md-7, .padded-page .col-md-8, .padded-page .col-md-9,

.padded-page .col-sm-1, .padded-page .col-sm-10, .padded-page .col-sm-11, .padded-page .col-sm-12, .padded-page .col-sm-2, .padded-page .col-sm-3, .padded-page .col-sm-4, .padded-page .col-sm-5, .padded-page .col-sm-6, .padded-page .col-sm-7, .padded-page .col-sm-8, .padded-page .col-sm-9,

.padded-page .col-xs-1, .padded-page .col-xs-10, .padded-page .col-xs-11, .padded-page .col-xs-12, .padded-page .col-xs-2, .padded-page .col-xs-3, .padded-page .col-xs-4, .padded-page .col-xs-5, .padded-page .col-xs-6, .padded-page .col-xs-7, .padded-page .col-xs-8, .padded-page .col-xs-9 {

  padding-right: 25px;

  padding-left: 25px;

}*/



.breadcrumbs {

  font-size: 0.8em;

  margin: 20px 0 40px 0;
}


.breadcrumbs .well {
  border-radius: 0 !important;
  padding: 8px 40px !important;
}

.breadcrumbs .well-sm:after {

  /*content: ".";

  visibility: hidden;

  display: block;

  height: 0;

  clear: both;
*/
}


ul.primary {
    white-space: normal !important;
}








/* ---------------------- DESIGN AREAS AND ELEMENTS --------------------- */

#contentarea {max-width:1200px; margin-right:auto; margin-left:auto; border-left: #999 solid 1px; border-right: #999 solid 1px; -webkit-box-shadow: 0 0 30px #333; -moz-box-shadow: 0 0 30px #333; box-shadow: 0 0 30px #333; background: #FFFFFF;}



#topnavarea {max-width:1200px; height:100px; margin-right:auto; margin-left:auto; background-color:#FFF; color:#666; padding-top:0px; font-family: 'Raleway',sans-serif; font-weight: 700; font-size:16px;}

.navgroup {font-size:28px;}

#topnavlogo {display:inline-block; width:180px; margin:0px; padding:0px;}

#topnavmid {display:inline-block; height:60px; margin-left:20px; width:62%; text-align:center; }

#topnavsearch {display:inline-block; /*padding:5px; line-height:18px;*/ font-family: 'Verdana', Arial, sans-serif; font-size: 14px; font-weight:normal;}

#mainnavarea {max-width:1200px; height:50px; margin-right:auto; margin-left:auto; background-color:#0081c4; color:#FFF;}

#mainnav {margin-left:270px; padding:6px;}



.dlogo {position:relative; margin-bottom:-70px; margin-left:40px; padding-top:5px; z-index:98;}

.mlogo {position:relative; margin-bottom:-100px; z-index:98;}



.white {color:#FFF;}

.gray {color:#CCC;}

.mdgray {color:#999;}

.dkgray {color:#666;}

.fbblue {color:#3c599b;}

.youred {color:#e02725;}

.gred {color:#df4b38;}

.twitblue {color:58ccff;}



.usccbgreen {color:#008061;}



.photoright {float: right; margin-right:0px; margin-bottom:30px; margin-left:50px; margin-top:4px; border: 1px solid #000000;}

.photoleft {float: left; margin-right:50px; margin-bottom:30px; margin-left:0px; margin-top:4px; border: 1px solid #000000;}

.artright {float: right; margin-right:0px; margin-bottom:30px; margin-left:50px; margin-top:4px;}

.artleft {float: left; margin-right:50px; margin-bottom:30px; margin-left:0px; margin-top:4px;}



.photoboxright {float: right; max-width: 400px; font-size:11px; margin-right:0px; margin-bottom:30px; margin-left:50px; margin-top:3px;}

.photoboxright img {border: 1px solid #000000; margin-bottom:10px;}

.photoboxleft {float: left; max-width: 400px; font-size:11px; margin-left:0px; margin-bottom:30px; margin-right:50px; margin-top:3px;}

.photoboxleft img {border: 1px solid #000000; margin-bottom:10px;}



@media (max-width: 500px) {

  .photoright {float:none; display: block; text-align: center; margin: 20px auto 20px auto;}

  .photoleft {float:none; display: block; text-align: center; margin: 20px auto 20px auto;}

  .artright {float:none; display: block; text-align: center; margin: 20px auto 20px auto;}

  .artleft {float:none; display: block; text-align: center; margin: 20px auto 20px auto;}



  .photoboxright {float:none; display: block; text-align: center; margin: 20px auto 20px auto;}

  .photoboxleft {float:none; display: block; text-align: center; margin: 20px auto 20px auto;}

}





ul.grid_list {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: flex;

    margin: 0;

    padding: 0;

}



ul.grid_list li.grid_item {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 50%;

    flex: 1 1 50%;

    max-width: 50%;

}



@media (orientation: portrait) {

  ul.grid_list li.grid_item {

      -webkit-box-flex: 1;

      -ms-flex: 1 1 100%;

      flex: 1 1 100%;

      max-width: 100%;

  }

}





ul.grid_list li.grid_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

    padding: 10px 20px 10px 0;

    list-style: none;

    border-radius: 10px;

}



ul.grid_list li.grid_item div {

    display: block;

    width: 100%;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 100%;

    flex: 1 1 100%;

    overflow: hidden;

    padding: 20px;

    border-radius: 3px;

    border: 1px solid #ddd;

    -webkit-transition: all 250ms ease;

    transition: all 250ms ease;

    background-color: #f6f6f6;

}













.formattable tbody {border-top:none;}

.formattable td {padding:10px;}



.ruleundertext {

    padding-bottom: 15px;

    margin-bottom: 15px;

    border-bottom: solid 1px #CCC;

}

.whatsnew {

    font-family: 'Raleway', Arial, sans-serif;

    color:#666666;

    font-size:20px;

    line-height:1.7;

    //text-transform:uppercase;

    font-weight: 300;

    margin-top:0px;

    margin-bottom:12px;

    padding-top:0px;

    padding-bottom:10px;

    border-bottom-style: solid;

    border-bottom: double 4px #CCC;

}



.morelinks {

    font-family: 'Raleway', Arial, sans-serif;

    color:#666666;

    font-size:14px;

    text-align:right;

    font-weight: 700;

    padding-top:10px;

    border-top: solid 1px #CCC;

}



.popularlinks {

    font-family: 'Raleway', Arial, sans-serif;

    color:#FFF;

    text-transform:uppercase;

    font-size:20px;

    font-weight: 700;

    margin-top:0px;

    margin-bottom:10px;

    padding-bottom:6px;

    border-bottom: solid 1px #FFF;

}



.form-submit {color:#333; font-weight:300;}



.form-item .description {

    font-size: 0.85em;

    margin-bottom: 10px;

}



.container-inline-date .date-padding {

    float: left;

    line-height: 1.0;

    margin-bottom: 10px;

    font-size: 12px;

}



legend {

  width:auto;

  padding:0 10px;

  margin: 0;

  font-weight: bold;

  border-bottom:none;

}



fieldset {

    margin-bottom:1em;

    padding: 1em;

    border: solid 2px #CCCCCC;

    border-radius: 5px;

}

@media (min-width: 992px) {

.pad1 {

  width: 49%;

  margin: 0 2px 20px 2px;

  }

}



#edit-search-block-form--2 {max-width:200px;} //Main search field



.mugshot {float:left; margin-right:20px; margin-bottom:10px; border: 1px #000 solid;}

.mugnofloat {margin-right:20px; margin-bottom:10px; border: 1px #000 solid;}



.bishopmug-container {

  max-width:180px;

  float:left;

  padding-top:10px;

  margin-right:30px;

  margin-bottom:10px;

}





.picshadow { -webkit-box-shadow: 3px 3px 5px #666; -moz-box-shadow: 3px 3px 5px #666; box-shadow: 3px 3px 5px #666;}



#map-canvas { height: 200px; width:100%; border: solid #CCC 1px; margin-bottom:20px; }



#map-canvasmd { height: 300px; width:100%; border: solid #CCC 1px; margin-bottom:20px; }



#map-canvaslg { height: 550px; width:99%; border: solid #CCC 1px; margin-bottom:20px; }



#headcontainer {max-width:1200px; padding:0px; margin-right:auto; margin-left:auto; background-color: #FFF; }

#container {max-width:1200px; padding:50px 40px; margin-right:auto; margin-left:auto; background-color: #FFF; }



#hppromoarea {position:relative; max-width:1200px; height:auto; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:30px; z-index:99;}

#hppromoimgarea {position:relative; height:auto; margin-right:auto; margin-left:auto;}

.hppromobox {width: 210px; height:280px; background-color:#f5f5f5; border:solid 1px #ddd; border-radius: 4px;}

.hppromobox:hover {opacity: 0.9;}

.hppromobox a, .hppromobox a:hover {

  color: #666666;

  text-decoration: none;

}

.hppromotxt {padding-left:15px; padding-right:15px; font-size: 12px; line-height: 1.4;}

.hppromopic {margin-bottom:15px; border:solid 8px #FFF; border-radius: 10px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;}

.hpmobilepromo {white-space: normal; font-size: 12px; line-height: 1.4;}





#abovefooter {max-width:1200px; padding:10px 40px 1px 40px; background-color:#ebebeb;}



#footerarea {max-width:1200px; padding:40px; padding-bottom:20px; margin-right:auto; margin-left:auto; color:#FFF; background-color: #0081c4;}

#footerarea a {color:#FFFFFF; text-decoration:none;}

#footerarea a:hover {color:#cfdffc; text-decoration:underline;}



#pageslideshowarea {width:100%; background-color:#FFF; }

#pageslideshow {position:relative; min-height:100px; max-width:1200px; height:auto; margin-right:auto; margin-left:auto; /*-webkit-box-shadow: 0 8px 8px #999; -moz-box-shadow: 0 8px 8px #999; box-shadow: 0 8px 8px #999;*/ z-index:80; }



/* prev / next links */

.cycle-prev, .cycle-next { position: absolute; top: 0; width: 6%; opacity: .1; filter: alpha(opacity=10); z-index: 800; height: 100%; cursor: pointer; }

/* larger area for mobile */

@media (max-width: 500px) {

  .cycle-prev, .cycle-next { width: 12%; opacity: .2; filter: alpha(opacity=20);}

}

.cycle-prev { left: 0;  background: url(/sites/all/themes/dolr/images/prev.png) 50% 50% no-repeat;}

.cycle-next { right: 0; background: url(/sites/all/themes/dolr/images/next.png) 50% 50% no-repeat;}

.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }



.header-photo {
  position:relative;
  min-height:200px;
  max-width:1200px;
  height:auto;
  margin-right:auto; margin-left:auto;
  -webkit-box-shadow: 0 8px 8px #999;
  -moz-box-shadow: 0 8px 8px #999;
  box-shadow: 0 8px 8px #999; z-index:80;
  overflow: hidden;
}

.header-photo-img {
  object-fit: cover;
  min-height: 300px;
  width: auto;
}

.header-photo-text {
  padding: 20px 40px;
  color: #FFFFFF !important;
}

.header-photo-text h1,
.header-photo-text h2,
.header-photo-text h3,
.header-photo-text h4,
.header-photo-text p {
    color: #FFFFFF;
    filter: drop-shadow(0 0 4px #000000) drop-shadow(0 0 6px #000000);
    margin: 12px 0;
    line-height: 1.2em;
}


.header-photo-text .noshadow {
  filter: none !important;
}

.header-photo-text .btn {
  margin: 12px 0;
}

.header-photo-text h1 {
    font-size: 52px;
}

.header-photo-text a {
    color: #FFFFFF;
    opacity: 0.9;
    text-decoration: none;
    margin: 0 10px;
}

.header-photo-text a:hover {
    color: #FFFFFF;
    opacity: 1.0;
    text-decoration: underline;
}

.TopCenter {
  position:absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.TopRight {
  position:absolute;
  top: 0;
  right: 0;
  width: 100%;
  text-align: right;
}

.TopLeft {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;
}

.MiddleCenter {
  position:absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.BottomCenter {
  position:absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.BottomRight {
  position:absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: right;
}

.BottomLeft {
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
}

.break-sm {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}

.break-lg {
  display: block;
  height: 0;
  overflow: hidden;
}

@media (max-width: 800px) {
  .header-photo-text h1 { font-size: 36px; margin-bottom: 10px;}
  .header-photo-text h2 { font-size: 30px; margin-bottom: 10px;}
  .header-photo-text h3 { font-size: 24px; margin-bottom: 10px;}
  .header-photo-text h4 { font-size: 20px; margin-bottom: 10px;}
  .break-lg {
    display: inline-block;
    text-align: center;
  }
}

@media (max-width: 500px) {
  .header-photo-text {padding: 10px 20px; }
  .header-photo-text h1 { font-size: 24px; margin-bottom: 5px; line-height: 1.0em;}
  .header-photo-text h2 { font-size: 20px; margin-bottom: 5px; line-height: 1.0em;}
  .header-photo-text h3 { font-size: 16px; margin-bottom: 5px; line-height: 1.0em;}
  .header-photo-text h4 { font-size: 146px; margin-bottom: 5px; line-height: 1.0em;}
  .break-sm {
    display: block;
    height: 0;
    overflow: hidden;
  }
  .header-photo-text a {
    font-size: 13px;
      margin: 0 5px;
  }
}






.fullimg {max-width:100%; height:auto; width: auto;  }



.leftcol {font-size:12px;}



.menu (color:#FFF;)

.menu a {color:#FFFFFF; text-decoration:none;}

.menu a:hover {color:#cfdffc; text-decoration:none;}



.printthis {font-size:11px; font-weight:100;}

a.printthis {color:#333; text-decoration:none;}

a.printthis:hover {color:#999; text-decoration:none;}



.form-rtcol {width:49%; float:right;}

.form-ltcol {width:49%; float:left;}



.grayout {

    opacity: 0.5; /* Real browsers */

    filter: alpha(opacity = 50); /* MSIE */

}



/* pager */

.cycle-pager { text-align: right; padding-right:20px; width: 100%; z-index: 500; position: absolute; top: -30px; overflow: hidden;}

.cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; }

.cycle-pager span.cycle-pager-active { color: #D69746;}

.cycle-pager > * { cursor: pointer;}



/* caption */

.cycle-caption { color: #FFF; font-weight:bold; margin-left:10px; margin-top:-200px; float:left; z-index: 998;}





.clear {clear: both}





/* ----------- STYLES FOR MEGA BUTTONS ------- */



.content-button {

    width: 100%;

    padding: 25px;

    border-radius: 15px;

    margin-top: 20px;

    margin-bottom: 20px;

    font-weight: normal;

    color:#FFFFFF;

}

.content-button-head {color:#FFFFFF;}

.content-button-guts {margin:0;}

.content-button-readmore {padding:2px 4px 2px 4px; border-radius: 3px; color:#FFFFFF; background-color:#c02e31; font-size:70%; text-transform:uppercase}



.content-button-blue {border: 1px solid #006699; background-color:#007cc2;}

.content-button-blue:hover {background-color:#0176b8; transition:.3s;}

.content-button-dkblue {border: 1px solid #005181; background-color:#00629c;}

.content-button-dkblue:hover {background-color:#005a8f; transition:.3s;}

.content-button-green {border: 1px solid #407258; background-color:#468966;}

.content-button-green:hover {background-color:#40815f; transition:.3s;}

.content-button-dkgreen {border: 1px solid #36634b; background-color:#3b6a51;}

.content-button-dkgreen:hover {background-color:#36634b; transition:.3s;}

.content-button-gold {border: 1px solid #888888; background-color:#fbac37;}

.content-button-gold:hover {background-color:#f7a832; transition:.3s;}

.content-button-dkgold {border: 1px solid #888888; background-color:#ec9d27;}

.content-button-dkgold:hover {background-color:#e5941b; transition:.3s;}

.content-button-red {border: 1px solid #d63639; background-color:#ef3e42;}

.content-button-red:hover {background-color:#e83539; transition:.3s;}

.content-button-dkred {border: 1px solid #c52a2d; background-color:#d63639;}

.content-button-dkred:hover {background-color:#cd2f32; transition:.3s;}

.content-button-gray {border: 1px solid #666666; background-color:#888888;}

.content-button-gray:hover {background-color:#807e7e; transition:.3s;}

.content-button-dkgray {border: 1px solid #5c5b5b; background-color:#666666;}

.content-button-dkgray:hover {background-color:#5c5b5b; transition:.3s;}

.content-button-ltgray {border: 1px solid #a4a3a3; background-color:#b3b3b3;}

.content-button-ltgray:hover {background-color:#a4a3a3; transition:.3s;}

.content-button-purple {border: 1px solid #6c3262; background-color:#7b3f72;}

.content-button-purple:hover {background-color:#713667; transition:.3s;}

.content-button-dkpurple {border: 1px solid #5c2652; background-color:#672d5c;}

.content-button-dkpurple:hover {background-color:#5c2652; transition:.3s;}



.content-button-link {color: #FFFFFF; text-decoration:none;}

.content-button-link:hover {color: #FFFFFF; text-decoration:none;}



.content-button-image {float:left; max-width:40%; border:solid 1px #888888; border-radius: 5px; margin-right:15px; }



@media (max-width: 500px) {

    .content-button {padding: 15px;}

    .content-button-image {float:none; max-width:none; width:100%; margin-bottom:15px;}



}



/* Vertical align column content using flexbox */



.vertical-align {

    display: flex;

    align-items: center;

}





/* ----------- HOME PAGE STYLES ------- */



.hp-container {margin: -30px -40px 0 -40px; padding:25px;}

.hp-container-bottom {margin: 0 -40px 0 -40px; padding:25px;}

.hp-container-events {margin: 100px 0 50px 0;}



.hp-white {background:#FFFFFF;}

.hp-gray {background: #f6f6f6;}

.hp-purple {background: #663399; color:#FFFFFF;}

.hp-dolrblue {background: #0081c4; color:#FFFFFF;}

.hp-nobottom {margin-bottom: -30px;}



.hp-image-container {margin: 0 -40px 0 -40px;

    padding: 80px 50px 50px 50px;

    text-align:center;

    background-size: cover;}

.hp-bishop-container {margin: 0 -40px 0 -40px;

    padding: 75px 50px 0 50px;

    background-size: cover;}

.hp_white {color:#FFFFFF; text-shadow: 3px 3px 3px #333333;}

a:hover.hp_white {color:#FFFFFF;}



.hp-container h2, .hp-container h1 {margin:50px 0 50px 0;}

.hp-container-bottom h1 {text-align:center; margin-bottom:50px;}



.hp-articlebox {border-bottom: solid 8px #005b8a; margin-bottom:50px; background: #FFFFFF; min-height:475px; position: relative;}

.hp-articlebox-imagearea {width:100%; max-height:250px; overflow:hidden;}

.hp-articlebox-image {width:100%;}

.hp-articlebox-text {padding:20px;}

.hp-articlebox-cta {position: absolute; bottom: 0; right: 0; padding-right:20px;}



.hp-subsectionbox {border-bottom: solid 8px #005b8a; margin:50px 10px 50px 10px; background: #FFFFFF; height:400px; overflow: hidden; position: relative;}



a.hp-eventbox-link, a:hover.hp-eventbox-link {color: #FFFFFF; text-decoration: none;}

.hp-eventbox {margin-bottom:50px; min-height:240px; background-color: #0081c4; }

.hp-eventbox:hover { transition:.3s; background-color: #005b8a; }

.hp-eventbox h4, .hp-eventbox p, .hp-eventbox h4:hover, .hp-eventbox p:hover {color:#FFFFFF; text-shadow: 1px 1px 1px #333333;}

.hp-eventbox-imagearea {width:100%; height:200px; padding: 20px; overflow:hidden; background-size: cover;}

.hp-eventbox-cta {width: 100%; padding: 10px 20px 10px 20px; text-align: right; border-top: solid 1px #9ccfff;}







.hp-readmore-cta {text-align: right;}



/* ----------- LANDING PAGE STYLES ------- */



.lp-container,
.lp-container-nomarg {/*margin: 0 -40px 0 -40px;*/ margin: 0 -145px 0 -145px; padding:75px 50px 75px 50px;}

.lp-container-bottom {/*margin: 0 -40px -30px -40px;*/ margin: 0 -145px -30px -145px; padding:75px 50px 35px 50px;}

.lp-container-105 {/*margin: 0 -40px -30px -40px;*/ margin: 0 -145px 0 -145px; padding:75px 50px 50px 50px;}
.lp-container-touch {/*margin: 0 -40px -30px -40px;*/ margin: 0 -145px 0 -145px; padding:0 50px 0 50px;}


.lp-container p,

.lp-container-bottom p,

.lp-image-container p {

    margin: 0 0 10px !important;

}




.lp-white {background:#FFFFFF;}

.lp-gray {background: #f6f6f6;}

.lp-graygrad {background: linear-gradient( rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.15) )}
.lp-purple {background: #663399; color:#FFFFFF;}

.lp-nobottom {margin-bottom: -30px;}



.lp-image-container {/*margin: 0 -40px 0 -40px;*/ margin: 0 -145px 0 -145px; padding: 108px 50px 85px 50px; text-align:center; max-height: 300px;

    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("/sites/default/files/pageimages/background-image.jpg") center center;

    background-size: cover;}

.lp-pullquote {font-size: 24px; text-align: center; color: #FFFFFF; margin: 0 -145px 0 -145px; padding: 75px 90px 75px 90px; text-align:center;
        background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) )}
.lp-pullquote-teal {color: #666666; background: linear-gradient( rgba(119, 180, 190, 0.6), rgba(201, 247, 247, 0.6) )}

.lp_white {color:#FFFFFF; text-shadow: 3px 3px 3px #333333;}



.lp-container h2 {text-align:center; margin-bottom:75px;}

.lp-container-bottom h1 {text-align:center; margin-bottom:75px;}



.lp-articlebox {border-bottom: solid 8px #663399; margin-bottom:75px; background: #FFFFFF; min-height:475px; overflow: hidden; position: relative;}

.lp-articlebox-gold {border-bottom: solid 8px #fdb94c; margin-bottom:75px; background: #FFFFFF; height:500px; overflow: hidden; position: relative;}
.lp-articlebox-gray {border-bottom: solid 8px #ebebeb; margin-bottom:75px; background: #FFFFFF; height:500px; overflow: hidden; position: relative;}

.lp-articlebox-imagearea {width:100%; max-height:250px; overflow:hidden;}

.lp-articlebox-image {width:100%;}

.lp-articlebox-text {padding:20px;}

.lp-articlebox-cta {position: absolute; bottom: 0; right: 0; padding-right:20px;}


.fw-container {margin-left: -50px; margin-right: -50px;}

.rb-articlebox {
    border-bottom: solid 8px #ebebeb;
    margin-bottom: 50px;
    background: #FFFFFF;
    min-height: 600px;
    overflow: hidden;
    position: relative;
}

.rb-bottombutton {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.fw-promobox {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

.fw-promobox-static {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.fw-promobox-inside {
  background-color: rgba(255,255,255,0.8);
  padding: 140px 40px;
}


@media (max-width: 800px) {

  .lp-image-container {margin: 0 -125px 0 -125px;}

  .lp-container,
  .lp-container-nomarg {margin: 0 -105px 0 -105px; }

  .lp-container-bottom {margin: 0 -105px -30px -105px;}

  .lp-container-105 {margin: 0 -75px 0 -75px; padding: 0 25px 0 25px;}
  .lp-container-touch {margin: 0 -75px 0 -75px; padding: 0 25px 0 25px;}
  .lp-pullquote {margin: 0 -75px 0 -75px; padding: 50px;}
  .fw-container {margin-left: -15px; margin-right: -15px;}
}



@media (max-width: 500px) {

  .lp-image-container {margin: 0 -45px 0 -45px;}

  .lp-container,
  .lp-container-nomarg {margin: 0 -45px 0 -45px; }

  .lp-container-bottom {margin: 0 -45px -30px -45px;}

  .lp-container-105 {margin: 0 -20px 0 -20px; padding:0 25px 0 25px;}
  .lp-container-touch {margin: 0 -20px 0 -20px; padding:0 25px 0 25px;}
  .lp-pullquote {margin: 0 -20px 0 -20px; padding: 50px 25px 50px 25px;}
  .breadcrumbs .well {
    padding: 8px 15px !important;
  }
}



.search-button {

    width: 100%;

    padding: 10px 10px 5px 10px;

    border-radius: 12px;

    margin-top: 15px;

    margin-bottom: 15px;

    font-weight: normal;

    font-size:12px;

}

.search-button-ltgray {border: 1px solid #a4a3a3; background-color:#f2f2f2;}

.search-button-ltgray:hover {background-color:#FFFFFF; transition:.3s;}

.search-button-link {color: #666666; text-decoration:none;}

.search-button-link:hover {color: #666666; text-decoration:none;}

.search-button-head {color:#007cc2; font-size:24px;}



.search-kicker {margin-bottom:10px; border-bottom: solid 1px #CCCCCC; text-transform:uppercase; font-size:12px; color: #666666;}

.search-kicker-blue {color:#FFFFFF; background-color:#007cc2; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-dkblue {color:#FFFFFF; background-color:#00629c; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-green {color:#FFFFFF; background-color:#468966; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-dkgreen {color:#FFFFFF; background-color:#3b6a51; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-gold {color:#FFFFFF; background-color:#fbac37; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-dkgold {color:#FFFFFF; background-color:#ec9d27; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-red {color:#FFFFFF; background-color:#ef3e42; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-dkred {color:#FFFFFF; background-color:#d63639; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-gray {color:#FFFFFF; background-color:#888888; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-dkgray {color:#FFFFFF; background-color:#666666; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-ltgray {color:#FFFFFF; background-color:#b3b3b3; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-purple {color:#FFFFFF; background-color:#7b3f72; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}

.search-kicker-dkpurple {color:#FFFFFF; background-color:#672d5c; padding:3px 10px; border-top-right-radius: 8px; border-top-left-radius: 8px;}



/* ----------- STYLES FOR DRUPAL VIEWS ------- */



.listing-image { float:left; width: 100px; height:100px; overflow: hidden; margin-right:10px; margin-bottom:10px; border: 1px #000 solid;}

.listing-image-above { width: 150px; height:175px; overflow: hidden; margin: 15px auto 5px auto; border: 1px #000 solid;}

.listing-image-above-sm { width: 90px; height:90px; overflow: hidden; margin-right:auto; margin-left:auto; margin-bottom:5px; border: 1px #000 solid;}

.listing-title {font-family: 'Open Sans Condensed', sans-serif; font-size:13px; text-transform:uppercase; }

.listing-title-es {font-family: 'Open Sans Condensed', sans-serif; font-size:26px; }

.listing-text {font-family: 'Verdana', Arial, sans-serif; font-size:11px; }

.listing-textsm {font-family: 'Verdana', Arial, sans-serif; font-size:9px; }

.listing-box {padding-bottom:20px; padding-top:10px; border-top: 1px solid #CCC;}



.addressbox {margin:20px; padding-left:20px; border-left:5px solid #CCC;}



.views-field-title {margin-bottom:10px;}



#header #navWrapper #main-logo {

    margin: -50px 0 0;

}



/* CUSTOM BUTTON STYLES */



/*RETURN STANDARD BUTTONS LINKS TO WHITE */



.btn-primary {

  color: #fff !important;

}

.btn-success {

  color: #fff !important;

}

.btn-info {

  color: #fff !important;

}

.btn-warning {

  color: #fff !important;

}

.btn-danger {

  color: #fff !important;

}


.btn-square {
  display: inline-block;
  padding: 11px 23px;
  line-height: 16px;
  font-size: 13px;
  color: #fff !important;
  border-radius: 0;
  font-weight: bold;
  margin: 10px auto;
  text-decoration: none;
}

.btn-square:hover {
  text-decoration: none;
}


.btn-50wide {
  display: inline-block;
  width: 100%;
  min-width: 200px;
  max-width: 350px;
  margin: 0 auto;
}

.btn-panel-footer {
  border-radius: 0 0 4px 4px
}

.btn-group-sm>.btn, .btn-sm {
    border-radius: 5px;
}


a.btn-purple {

  color: #ffffff;

}



.btn-purple {

  color: #ffffff;

  background-color: #611BBD;

  border-color: #130269;

}



.btn-purple:hover,

.btn-purple:focus,

.btn-purple:active,

.btn-purple.active,

.open .dropdown-toggle.btn-purple {

  color: #ffffff;

  background-color: #49247A;

  border-color: #130269;

}



.btn-purple:active,

.btn-purple.active,

.open .dropdown-toggle.btn-purple {

  background-image: none;

}



.btn-purple.disabled,

.btn-purple[disabled],

fieldset[disabled] .btn-purple,

.btn-purple.disabled:hover,

.btn-purple[disabled]:hover,

fieldset[disabled] .btn-purple:hover,

.btn-purple.disabled:focus,

.btn-purple[disabled]:focus,

fieldset[disabled] .btn-purple:focus,

.btn-purple.disabled:active,

.btn-purple[disabled]:active,

fieldset[disabled] .btn-purple:active,

.btn-purple.disabled.active,

.btn-purple[disabled].active,

fieldset[disabled] .btn-purple.active {

  background-color: #611BBD;

  border-color: #130269;

}



.btn-purple .badge {

  color: #611BBD;

  background-color: #ffffff;

}





a.btn-dolrblue {

  color: #ffffff;

}



.btn-dolrblue {

  color: #ffffff;

  background-color: #0081c4;

  border-color: #005b8a;

}



.btn-dolrblue:hover,

.btn-dolrblue:focus,

.btn-dolrblue:active,

.btn-dolrblue.active,

.open .dropdown-toggle.btn-dolrblue {

  color: #ffffff;

  background-color: #005b8a;

  border-color: #005b8a;

}



.btn-dolrblue:active,

.btn-dolrblue.active,

.open .dropdown-toggle.btn-dolrblue {

  background-image: none;

}



.btn-dolrblue.disabled,

.btn-dolrblue[disabled],

fieldset[disabled] .btn-dolrblue,

.btn-dolrblue.disabled:hover,

.btn-dolrblue[disabled]:hover,

fieldset[disabled] .btn-dolrblue:hover,

.btn-dolrblue.disabled:focus,

.btn-dolrblue[disabled]:focus,

fieldset[disabled] .btn-dolrblue:focus,

.btn-dolrblue.disabled:active,

.btn-dolrblue[disabled]:active,

fieldset[disabled] .btn-dolrblue:active,

.btn-dolrblue.disabled.active,

.btn-dolrblue[disabled].active,

fieldset[disabled] .btn-dolrblue.active {

  background-color: #611BBD;

  border-color: #130269;

}



.btn-dolrblue .badge {

  color: #005b8a;

  background-color: #ffffff;

}





a.btn-dolrltblue {

  color: #00629c;

}



.btn-dolrltblue {

  color: #00629c;

  background-color: #dcf2fd;

  border-color: #97b8c8;

}



.btn-dolrltblue:hover,

.btn-dolrltblue:focus,

.btn-dolrltblue:active,

.btn-dolrltblue.active,

.open .dropdown-toggle.btn-dolrltblue {

  color: #00629c;

  background-color: #97b8c8;

  border-color: #97b8c8;

}



.btn-dolrltblue:active,

.btn-dolrltblue.active,

.open .dropdown-toggle.btn-dolrltblue {

  background-image: none;

}



.btn-dolrltblue.disabled,

.btn-dolrltblue[disabled],

fieldset[disabled] .btn-dolrltblue,

.btn-dolrltblue.disabled:hover,

.btn-dolrltblue[disabled]:hover,

fieldset[disabled] .btn-dolrltblue:hover,

.btn-dolrltblue.disabled:focus,

.btn-dolrltblue[disabled]:focus,

fieldset[disabled] .btn-dolrltblue:focus,

.btn-dolrltblue.disabled:active,

.btn-dolrltblue[disabled]:active,

fieldset[disabled] .btn-dolrltblue:active,

.btn-dolrltblue.disabled.active,

.btn-dolrltblue[disabled].active,

fieldset[disabled] .btn-dolrltblue.active {

  background-color: #dcf2fd;

  border-color: #97b8c8;

}



.btn-dolrltblue .badge {

  color: #00629c;

  background-color: #ffffff;

}



a.btn-dolrgold {

  color: #ffffff;

}



.btn-dolrgold {

  color: #ffffff;

  background-color: #fdb827;

  border-color: #d29618;

}



.btn-dolrgold:hover,

.btn-dolrgold:focus,

.btn-dolrgold:active,

.btn-dolrgold.active,

.open .dropdown-toggle.btn-dolrgold {

  color: #ffffff;

  background-color: #d29618;

  border-color: #d29618;

}



.btn-dolrgold:active,

.btn-dolrgold.active,

.open .dropdown-toggle.btn-dolrgold {

  background-image: none;

}



.btn-dolrgold.disabled,

.btn-dolrgold[disabled],

fieldset[disabled] .btn-dolrgold,

.btn-dolrgold.disabled:hover,

.btn-dolrgold[disabled]:hover,

fieldset[disabled] .btn-dolrgold:hover,

.btn-dolrgold.disabled:focus,

.btn-dolrgold[disabled]:focus,

fieldset[disabled] .btn-dolrgold:focus,

.btn-dolrgold.disabled:active,

.btn-dolrgold[disabled]:active,

fieldset[disabled] .btn-dolrgold:active,

.btn-dolrgold.disabled.active,

.btn-dolrgold[disabled].active,

fieldset[disabled] .btn-dolrgold.active {

  background-color: #fdb827;

  border-color: #d29618;

}



.btn-dolrgold .badge {

  color: #005b8a;

  background-color: #ffffff;

}



a.btn-dolrltgold {

  color: #563a00;

}



.btn-dolrltgold {

  color: #563a00;

  background-color: #ffd995;

  border-color: #fdb827;

}



.btn-dolrltgold:hover,

.btn-dolrltgold:focus,

.btn-dolrltgold:active,

.btn-dolrltgold.active,

.open .dropdown-toggle.btn-dolrltgold {

  color: #563a00;

  background-color: #fdb827;

  border-color: #fdb827;

}



.btn-dolrltgold:active,

.btn-dolrltgold.active,

.open .dropdown-toggle.btn-dolrltgold {

  background-image: none;

}



.btn-dolrltgold.disabled,

.btn-dolrltgold[disabled],

fieldset[disabled] .btn-dolrltgold,

.btn-dolrltgold.disabled:hover,

.btn-dolrltgold[disabled]:hover,

fieldset[disabled] .btn-dolrltgold:hover,

.btn-dolrltgold.disabled:focus,

.btn-dolrltgold[disabled]:focus,

fieldset[disabled] .btn-dolrltgold:focus,

.btn-dolrltgold.disabled:active,

.btn-dolrltgold[disabled]:active,

fieldset[disabled] .btn-dolrltgold:active,

.btn-dolrltgold.disabled.active,

.btn-dolrltgold[disabled].active,

fieldset[disabled] .btn-dolrltgold.active {

  background-color: #ffd995;

  border-color: #fdb827;

}



.btn-dolrltgold .badge {

  color: #fdb827;

  background-color: #ffffff;

}





a.btn-dolrred {

  color: #ffffff;

}



.btn-dolrred {

  color: #ffffff;

  background-color: #ef3e42;

  border-color: #a7191c;

}



.btn-dolrred:hover,

.btn-dolrred:focus,

.btn-dolrred:active,

.btn-dolrred.active,

.open .dropdown-toggle.btn-dolrred {

  color: #ffffff;

  background-color: #a7191c;

  border-color: #a7191c;

}



.btn-dolrred:active,

.btn-dolrred.active,

.open .dropdown-toggle.btn-dolrred {

  background-image: none;

}



.btn-dolrred.disabled,

.btn-dolrred[disabled],

fieldset[disabled] .btn-dolrred,

.btn-dolrred.disabled:hover,

.btn-dolrred[disabled]:hover,

fieldset[disabled] .btn-dolrred:hover,

.btn-dolrred.disabled:focus,

.btn-dolrred[disabled]:focus,

fieldset[disabled] .btn-dolrred:focus,

.btn-dolrred.disabled:active,

.btn-dolrred[disabled]:active,

fieldset[disabled] .btn-dolrred:active,

.btn-dolrred.disabled.active,

.btn-dolrred[disabled].active,

fieldset[disabled] .btn-dolrred.active {

  background-color: #ef3e42;

  border-color: #a7191c;

}



.btn-dolrred .badge {

  color: #ef3e42;

  background-color: #ffffff;

}





/* STYLE FOR RESPONSIVE YOUTUBE VIDEOS */



.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

    margin-top:40px;

    margin-bottom: 40px;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/* -----------PRINTING --------------*/



@media print {

  a[href]:after {

    content: none !important;

  }

}



/* ---------- DESKTOP STATE ---------- */



@media (min-width: 999px) {

    .mobileonly {

        display: none;

    }



    .desktoponly {

        display: block;

    }

    #desktopnav {

        display: block;

    }



    #mobilenav {

        display: none;

    }



    #hppromoareamobile {

        display: none;

    }



    .large {padding-left:30px; padding-right:30px;}



}





/* ---------- MOBILE STATE ---------- */



@media (max-width: 998px) {



    #container {padding:10px 15px 10px 15px;}



    .mobileonly {

        display: block;

    }



    .desktoponly {

        display: none !important;

    }



    #mobilenav {

        display: block;

    }



    #hppromoareamobile {

        display: block;

    }



    #desktopnav {

        display: none !important;

    }



    #hppromoarea {

        display: none !important;

    }



    .hppromobox {width: 210px; height:260px; background-color:#ede9e1; border:solid 2px #CCC; border-radius: 10px;}



    .bx-wrapper .bx-viewport {

	height: 250px !important; //provide height of slider

    }



    #edit-search-block-form--2 {max-width:200px;} //Mobile search field



    .large {padding:0;}



    .btn-block {

      margin: 15px 0;

    }



    .listing-box {padding: 0; border-top: none;}





}





@media (max-width: 500px) {

  .bishopmug-container {

    float: none;

    padding-top: 10px;

    margin: 10px auto;

  }

}









/* ---------- MENUS ---------- */



#cssmenu {

  font-family: 'Raleway', Helvetica, Arial, Sans-Serif;

  font-size: 24px;

  line-height: 20px;

  text-align: left;

  z-index:99;

}

#cssmenu > ul {

  width: auto;

  list-style-type: none;

  padding: 0;

  margin: 0;

  z-index:99;

}



#cssmenu > ul li {

  display: inline-block;

  *display: inline;

  zoom: 1;

  z-index:99;

  margin-bottom: 0;

}

#cssmenu > ul li.right {

  float: right;

}

#cssmenu > ul li.has-sub {

  position: relative;

}

#cssmenu > ul li.has-sub:hover ul {

  display: block;

}

#cssmenu > ul li.has-sub ul {

  display: none;

  width: 250px;

  position: absolute;

  margin: 0;

  padding: 0;

  list-style-type: none;

  background: #ffffff;

  border: 1px solid #ece6e8;

  border-bottom: 3px solid #d9ced2;

  border-top: 0 none;

  font-size: 14px;

  line-height: 14px;

  font-family: 'Verdana', Arial, sans-serif;



}

#cssmenu > ul li.has-sub ul li {

  display: block;

}

#cssmenu > ul li.has-sub > a.active,

#cssmenu > ul li.has-sub > a:hover {

  background: #d0e5f0;

  color: #0081c4;

}



#cssmenu > ul li a {

  display: block;

  padding: 8px 20px 8px 20px;

  text-decoration: none;

  color: #FFF;

  text-shadow: 0px 1px 0px #000;

}



#cssmenu > ul li.has-sub ul li a {

  color: #0081c4;

  text-shadow: 0px 0px 0px #FFF;

  font-weight: normal;

  padding: 8px 15px 8px 15px;

}



#cssmenu > ul li.has-sub ul li a:hover {

  background: #0081c4;

  color: #fff;

  text-shadow: none;

  font-weight: normal;

}



#cssmenu > ul li a.active,

#cssmenu > ul li a:hover {

  background: #d0e5f0;

  color: #0081c4;

  text-shadow: none;

}











/* ---------- CUSTOM ICON FONT ---------- */



@font-face {

	font-family: 'icomoon';

	src:url('../fonts/icomoon.eot?6zx92b');

	src:url('../fonts/icomoon.eot?#iefix6zx92b') format('embedded-opentype'),

		url('../fonts/icomoon.woff?6zx92b') format('woff'),

		url('../fonts/icomoon.ttf?6zx92b') format('truetype'),

		url('../fonts/icomoon.svg?6zx92b#icomoon') format('svg');

	font-weight: normal;

	font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;



	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-pinterest:before {

	content: "\e600";

}

.icon-instagram:before {

	content: "\e601";

}

.icon-googleplus:before {

	content: "\e602";

}

.icon-youtube:before {

	content: "\e603";

}

.icon-twitter:before {

	content: "\e604";

}

.icon-facebook:before {

	content: "\e605";

}

.icon-usccb:before {

	content: "\e606";

}

.icon-home:before {

	content: "\e607";

}

.icon-home2:before {

	content: "\e608";

}

.icon-newspaper:before {

	content: "\e609";

}

.icon-pencil:before {

	content: "\e60a";

}

.icon-quill:before {

	content: "\e60b";

}

.icon-image:before {

	content: "\e60c";

}

.icon-image2:before {

	content: "\e60d";

}

.icon-images:before {

	content: "\e60e";

}

.icon-camera:before {

	content: "\e60f";

}

.icon-music:before {

	content: "\e610";

}

.icon-headphones:before {

	content: "\e611";

}

.icon-film:before {

	content: "\e612";

}

.icon-camera2:before {

	content: "\e613";

}

.icon-bullhorn:before {

	content: "\e614";

}

.icon-connection:before {

	content: "\e615";

}

.icon-book:before {

	content: "\e616";

}

.icon-folder:before {

	content: "\e617";

}

.icon-folder-open:before {

	content: "\e618";

}

.icon-tag:before {

	content: "\e619";

}

.icon-tags:before {

	content: "\e61a";

}

.icon-credit:before {

	content: "\e61b";

}

.icon-phone:before {

	content: "\e61c";

}

.icon-envelope:before {

	content: "\e61d";

}

.icon-location:before {

	content: "\e61e";

}

.icon-location2:before {

	content: "\e61f";

}

.icon-compass:before {

	content: "\e620";

}

.icon-clock:before {

	content: "\e621";

}

.icon-clock2:before {

	content: "\e622";

}

.icon-alarm:before {

	content: "\e623";

}

.icon-alarm2:before {

	content: "\e624";

}

.icon-bell:before {

	content: "\e625";

}

.icon-stopwatch:before {

	content: "\e626";

}

.icon-calendar:before {

	content: "\e627";

}

.icon-calendar2:before {

	content: "\e628";

}

.icon-print:before {

	content: "\e629";

}

.icon-keyboard:before {

	content: "\e62a";

}

.icon-screen:before {

	content: "\e62b";

}

.icon-mobile:before {

	content: "\e62c";

}

.icon-mobile2:before {

	content: "\e62d";

}

.icon-tablet:before {

	content: "\e62e";

}

.icon-tv:before {

	content: "\e62f";

}

.icon-drawer:before {

	content: "\e630";

}

.icon-drawer2:before {

	content: "\e631";

}

.icon-box-add:before {

