

@font-face {
  font-family: 'yanone';
  src: url('/docLib/common/fonts/CinzelDecorativeRegular/cinzeldecorativeregular-webfont.eot?') format('eot'), url('/docLib/common/fonts/CinzelDecorativeRegular/cinzeldecorativeregular-webfont.woff') format('woff'), url('/docLib/common/fonts/CinzelDecorativeRegular/cinzeldecorativeregular-webfont.ttf') format('truetype');
}

/*
@font-face {
  font-family: 'Cinzel Decorative';
  src: url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.eot');
  src: url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.eot?#iefix') format('embedded-opentype'),
       url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.woff2') format('woff2'),
       url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.woff') format('woff'),
       url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.ttf')  format('truetype'),
       url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.svg#svgFontName') format('svg');
}
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative|Kranky|Raleway:400,300,200|Lobster+Two|Philosopher|Chelsea+Market|Oregano|Lobster|Pacifico|Questrial|Dancing+Script|Kaushan+Script|Quattrocento+Sans|Courgette|Quattrocento|Tangerine|Calligraffitti|Nothing+You+Could+Do|Fredericka+the+Great|Cabin+Sketch|Quintessential|Raleway+Dots|Ruthie|Redressed|Macondo+Swash+Caps|Open+Sans:400,300);
*/
/*
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.eot');
    src: url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.eot') format('embedded-opentype'),
         url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.woff2') format('woff2'),
         url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.woff') format('woff'),
         url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.ttf') format('truetype'),
         url('/docLib/common/fonts/CinzelDecorativeRegular/CinzelDecorativeRegular.svg#CinzelDecorativeRegular') format('svg');
}
*/


body{
   font-family: "Open Sans", "Helvetica Neue",Helvetica, Arial, sans-serif;
}
header, main, footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1980px;
}
h1, .h1, h1 small, .h1 small,
h2, .h2, h2 small, .h2 small,
h3, .h3,
h4, .h4,
h5, .h5 {


  font-family: 'yanone', cursive;  


  /*font-family: 'Raleway', sans-serif;
  font-family: 'Kranky', cursive;
   font-family: 'Philosopher', cursive; */
  font-weight: 200;
  color: #485000; }

h1,
.h1 {
  font-size: 200%; }

h2,
.h2 {
  font-size: 160%; 
}

h3,
.h3 {
  font-size: 120%; }

h4,
.h4 {
  font-size: 110%; }

h5,
.h5 {
  font-size: 100%; }

a,
a:active,
a:hover {
  text-decoration: none; }

a {
  color: #485000;
}
a:hover,
a:focus {
  color: #869486; 
}
main p > a, .main p > a{
  font-weight: bold; 
}
main a:active, .main a:hover{
}
.flex-table{
  margin-top: 1em;
  margin-bottom: 1em;
}

.media .media-body h3.media-heading {
  font-size: 110%; }

.media .media-body h4.media-heading {
  font-size: 100%; }

@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 190%; }

  h2,
  .h2 {
    font-size: 180%; }

  h3,
  .h3 {
    font-size: 120%; }

  h4,
  .h4 {
    font-size: 110%; }

  h5,
  .h5 {
    font-size: 100%; }
 }

@media screen and (min-width: 992px) {



  h1,
  .h1 {
    font-size: 250%; }

  h2,
  .h2 {
    font-size: 185%; }

  h3,
  .h3 {
    font-size: 120%; }

  h4,
  .h4 {
    font-size: 110%; }

  h5,
  .h5 {
    font-size: 100%; } 
    div.col-md-6 > h2:first-child {
      margin-top: 0;
    }
}

/* @media screen and (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 120%; 
  }
}
@media screen and (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 145%; 
  }
} */

/*
$navbar-brand-url: '../img/theBandX.png';
$primary-color: #ff0000;
$highlight-color: #00ffff;
$navbar-highlighting: 'border';
$navbar-alignment: 'justified';
$navbar-brand-placement: 'navbar-header';
$carousel-transition: 'fade';
@import 'partials/typography';
@import 'partials/navbar';
@import 'partials/footer';
@import 'partials/carousel';
*/
/*
Required variables:
    1) Variables affecting colors, backgrounds, borders etc:
        $navbar-brand-url: image url relative to stylesheet for navbar logo;
        $primary-color: used to indicate active navbar choice
        $highlight-color: used to indicate activation of a navbar choice
    2) Variables affecting structure and layout
        $navbar-highlighting: border | background | default
        $navbar-alignment: justified | default
        $navbar-brand-placement: navbar-header | navbar-brand | default
*/
.navbar{
  margin-bottom: 0;
}
.navbar-tight {
  margin-bottom: 0; }

.navbar-default {
  opacity: 0.98; }

.navbar-header {
  
  background-image: url(/docLib/24/uploads/published/2755/PetrosLogo2016.png/PetrosLogo2016.png);
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center; }

.navbar-nav > li > a,
.navbar-header > .row p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4; }

.dropdown-menu > li > a {
  padding: 3px 17px; }

.dropdown-menu > li {
  width: 18em; }

/*
    Highlighting the navbar
*/
.navbar-nav > li > a {
  border-bottom-width: 4px;
  border-bottom-color: transparent;
  border-bottom-style: solid; }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent; }

.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:hover {
  color: #869486;
  border-bottom-color: #869486; }

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:active,
.navbar-default .navbar-nav > li.active > a:hover {
  color: #485000;
  border-bottom-color: #485000; }

.navbar-default .navbar-nav {
  text-align: center; }

@media (min-width: 768px) {
  .navbar-default .navbar-nav {
    width: 100%; } }
@media (min-width: 768px) {
  .navbar-default .navbar-header {
    float: none; } }
@media (min-width: 768px) {
  .navbar-default .navbar-nav > li {
    float: none;
    display: inline-block; } }
@media (min-width: 768px) {
  .navbar-header p {
    font-size: 90%;
    margin: 0 0 0.25em; } }
@media (min-width: 768px) {
  .navbar-fixed-top {
    border-width: 0; } }
@media (max-width: 767px) {
  .navbar-fixed-top + #carousel-banner {
    margin-top: 51px; } }
@media (min-width: 768px) {
  .navbar-fixed-top + #carousel-banner {
    margin-top: 115px; 
  }
 }
.navbar-toggle {
  z-index: 2000; }

.footer .row p {
  font-weight: 300;
}

footer > .container-fluid,
footer > .container {
  background-color: #c5c5c5;
  border-top: 1px solid #e5e5e5;
  padding-top: 2em;
  padding-bottom: 2em; }

.footer ul, footer ul {
  padding-left: 2em;
}
.footer ul li , footer ul li{
  list-style: outside none none;
}

html.sticky-footer {
  position: relative; }

html.sticky-footer footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.footer a {
  color: #485000;
  font-weight: bold;
 }

.footer a:active,
.footer a:hover {
  color: #869486; }

.footer p.the-bottom-line{
  margin: 1em 0;
  font-size: 80%;
}

@media (min-width: 768px) {
  footer .col-sm-text-center {
    text-align: center; } }
@media (max-width: 767px) {
  footer .col-sm-text-center {
    text-align: center; } }

@media (min-width: 768px) {
  footer .col-sm-text-right {
    text-align: right; } }
@media (max-width: 767px) {
  footer .col-sm-text-right {
    text-align: center; } }

@media (min-width: 768px) {
  footer .col-sm-text-left {
    text-align: left; } }
@media (max-width: 767px) {
  footer .col-sm-text-left {
    text-align: center; } }

/*
    Variables
        $carousel-transition: fade | default (=slide)
*/
/* main .carousel {
	margin-bottom: 1em;
    margin-top: 20px;
} */
.carousel-inner .img-responsive {
	margin-bottom: 0;
}
.carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.carousel-inner .item,
.carousel-inner .active.left,
.carousel-inner .active.right {
  opacity: 0; }

.carousel-inner .active,
.carousel-inner .next.left,
.carousel-inner .prev.right {
  opacity: 1; }

.carousel-inner .next,
.carousel-inner .prev,
.carousel-inner .active.left,
.carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.carousel-control {
  z-index: 2; }

.navbar-header {
  height: 70px; }
  @media (min-width: 768px) {
    .navbar-header {
      height: 110px; } }
  @media (min-width: 992px) {
    .navbar-header {
      height: 130px; } }
  @media (min-width: 1200px) {
    .navbar-header {
      height: 140px; } }

.navbar-header h4,
.navbar-header .h4 {
  margin-bottom: 0.15em; }

@media (min-width: 768px) {
  .navbar-fixed-top .nav > li > a {
    padding-left: 7px;
    padding-right: 7px; } }
@media (min-width: 992px) {
  .navbar-fixed-top .nav > li > a {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 768px) {
  .navbar-top .nav > li > a {
    padding-left: 5px;
    padding-right: 6px; } }
@media (min-width: 992px) {
  .navbar-top .nav > li > a {
    padding-left: 15px;
    padding-right: 15px; } }

.header-text.row.hidden-xs p {
  font-size: 105%;
  margin: 0 0 0.15em;
}

.header-text.visible-xs p {
  margin-bottom: 0.15em; }

.navbar-fixed-top + #carousel-banner,
.top-container {
  margin-top: 115px; }
  @media (min-width: 768px) {
    .navbar-fixed-top + #carousel-banner,
    .top-container {
      margin-top: 164px; } }
  @media (min-width: 992px) {
    .navbar-fixed-top + #carousel-banner,
    .top-container {
      margin-top: 189px; } }
  @media (min-width: 1200px) {
    .navbar-fixed-top + #carousel-banner,
    .top-container {
      margin-top: 199px; } }

.table td.heading {
  color: #485000; }

/*# sourceMappingURL=petros.css.map */


.calendar-date .day-of-month{
    font-size: 500%;
    font-weight: 200;
    text-align: center;
}
.calendar-date .month-of-year{
    font-size: 100%;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
}
li.day-of-month,
li.month-of-year{
  list-style: none;
}
.panel-event .col-event-date > h4,
.panel-event .col-event-date > h5{
  margin: 0 auto;
  text-align: center;
}
.panel-event .col-event-date > h4 {
  font-size: 600%;
  font-weight: 100;
  line-height: 0.8;
}
.panel-event .col-event-date > h5 {
  font-size: 130%;
  font-weight: 100;
  line-height: 1.4;
}
.panel-event .panel-title {
  font-size: 140%;
  font-weight: 100;
}
@media (min-width: 768px){
.panel-event .panel-title {
  font-size: 160%;
}
}
main,
.main{
padding-bottom: 50px;
}
@media (max-width: 767px){
    .img-responsive-constrained{
        max-height: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* .img-responsive{
    margin-top: 20px;
    margin-bottom: 1em;
} */
.carousel-inner > .img-responsive {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 992px){
    .img-responsive-constrained{
        max-height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}
.well h1, .well .h1,
.well h2, .well .h2,
.well h3, .well .h3,
.well h4, .well .h4,
.well h5, .well .h5,
.well h6, .well .h6{
  margin-top: 0;
}
.panel {
  margin-top: 20px;
}
.list-group.link-list .list-group-item,
.list-group.link-list .list-group-item p.pdf .glyphicon{
  line-height: 150%;
}
.list-group.link-list .list-group-item{
  font-size: 150%;
  font-weight: 200;
}
/*
.list-group.link-list .list-group-item p.pdf:before {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  content: "+ ";
}
*/
/*
.navbar-default{
  background-image: url(/docLib/24/uploads/published/2748/005-wood-grain.png/005-wood-grain.png);
  background-repeat: repeat;
  background-position: center center;
}
.navbar-default,
body{
  background-image: url(/docLib/24/uploads/published/2727/017-Subtle-light-patterns-Vol04.png/017-Subtle-light-patterns-Vol04.png);
  background-repeat: repeat;
  background-position: center center;
}
*/
@media(min-width:1980px){
  body{
    background-image: url(/docLib/24/uploads/published/2743/001-wrinkled-wall.png/001-wrinkled-wall.png);
    background-repeat: repeat;
    background-position: center center;
  }
}
.navbar-default,
main{
  background-image: url(/docLib/24/uploads/published/2753/006-fine-plaster.png/006-fine-plaster.png);
  background-repeat: repeat;
  background-position: center center;
}
.well{
  background-image: url(/docLib/24/uploads/published/2766/002SmallTile.jpg/002SmallTile.jpg);
  background-repeat: repeat;
  background-position: center center;
  margin-top: 20px;
}

@media (min-width: 768px){
.navbar-nav li.icon a{
  background-image: url(/docLib/24/uploads/published/2752/SocialMediaIconSprite.png/SocialMediaIconSprite.png);
  background-repeat: no-repeat;
  text-indent: -5000px;
  padding-left: 5px;
  padding-right: 30px;
  width: 25px;
}

.navbar-nav li.facebook a{
  background-position: -20px -85px;
}
.navbar-nav li.twitter a{
  background-position:  -95px -85px;
}
.navbar-nav li.facebook a:active,
.navbar-nav li.facebook a:hover{
  background-position: -20px -10px;
}
.navbar-nav li.twitter a:active,
.navbar-nav li.twitter a:hover{
  background-position:  -95px -10px;
}
}
