html,
body {
    height: 100%;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*font-size: 16px;
    line-height: 1.42857143;
    color: #252525;
    background-color: #ffffff;*/
}

.wrap {
    min-height: 100%;
    height: auto;
    margin-top: 50px;
    /* margin-right: -60px; */
    /* margin: 40px 0px 60px; top */
    /* padding: 0px 0px 0px;  */
}


.wrap > .container-fluid {
    margin: 0px;
    /* margin-left: 0px; */
    /* margin-right: -60px; */
    /* padding: 0px; */
    /* padding: 0px 0px 0px; */
}

.footer {
    /*height: 60px;*/
    /*background-color: #f5f5f5; */
    background-color: #3c3c3c; 
    border-top: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.copyright {
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.social_acct,  .social_acct:focus {
    color: #fff;
    text-decoration: none;
    position: relative;
}

.social_acct:hover
{
    color: #00c8ff;
    text-decoration: none;
    /*text-indent: 50px;*/
    position: relative;
}

h4.footer_header {
    color: #f97352;
}

/*body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #252525;
    background-color: #ffffff;
}*/

.article {
    color: #777;
    font-size: 17px;
    line-height: 27px;
    text-align: left;
    position: relative;
    margin-top: 10px;
    /*top: 14px;*/
}

.article-description {
    margin-top: 20px;
    margin-bottom: 50px;
}

/*p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}*/

.worship-god {
    font-size: 5em;
}

.header_text {
    display: block;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 6px;
    line-height: 1.5em;
    margin: 0;
    color: #252525;
    font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif;
}    

.header_subtext {
    color: #777;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 1px;
    margin: 8px 0 7px 0;
}    

.container-fluid {
    margin-top: 50px;
}

/*h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    font-family: inherit;
}*/

.sr_title_center {
    text-align: center;
}

.sr_item_title {
    
    /*padding-bottom: 0.75em;
    margin-bottom: 1.23em;*/
    position: relative;
    font-weight: 700
}

.bible_study_group {
    background-color: #f2f0ec;
    /*background-image: url('../images/bible.jpg');*/
}

.dark_gray {
    background-color: #f2f0ec;
}

.white_bg {
    background-color: white;;
}

.border-margin {
    margin-top: 3em;
    margin-bottom: 2.5em;
}

.sr_horiz_line {
    content: '';
    height: 2px;
    background-color: #c0c0c0;
    text-align: left;
    width: 30%;
    left: 0;
    margin: 2.5em 0;
}

.sr_horiz_line2 {
    content: '';
    height: 2px;
    background-color: #c0c0c0;
    text-align: left;
    width: 30%;
    left: 0;
    margin: 1em 0;
}

.sr_bible_study_title {
    line-height: 1.2em;
    font-weight: 700;
}

p.sr_content {
    line-height: 1.3em;
    margin-top: 1.5em;
    font-size: 1.2em;
    margin-bottom: 1.5em;
}

.tp-caption.rs-caption-2 {
    color: white !important;
}    

img.hoverImages {
    margin:20px;
    -webkit-transition: margin 0.7s ease-out;
    -moz-transition: margin 0.7s ease-out;
    -o-transition: margin 0.7s ease-out;
}

img.hoverImages:hover {
    cursor:pointer;
    margin-top: 5px;
}

img.border-outline {
    padding:3px;
    outline:3px solid #DDD;
    border:#a1a1a1; 
}

.event-border {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.image-shadow {
    -webkit-filter: drop-shadow(5px 4px 7px #222 );
    filter: drop-shadow(5px 4px 7px #222);
}

div.hoverDivEvents {
    margin-top:20px;
    /*padding:3px;*/
    /*outline:2px solid #DDD;
    border:#a1a1a1; */
    
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

div.hoverDivEvents:hover {
    cursor:pointer;
    margin-top: 5px;
}

div.boxshadow {
  /*width:200px;
  height:200px;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /*text-align: center;*/
}

div.containerTitle {
  padding: 10px;
}

.event_details {
    /*height: 160px;*/
    padding-top: 15px;
    padding-bottom: 18px;
    color: #f4f4f4;
    font-size: 1.5em;
    line-height: .8em;
    margin : 0px;
}

.event_date {
    background-color: #f4f4f4;
    height : 125px;
    color: #01c1cf;
    padding-bottom: 10px;
    line-height: 1.5em;
    text-align: center;
    margin: 10px;
    border: 1px solid #c0c0c0;
}

.event_date:hover {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
            0 5px 15px 0 rgba(0,0,0,0.08);
    cursor:pointer;
}

.event_day {
    padding-top: 30px;
    font-size: 1.7em;
    font-weight: 700;
    color: black;
}
.event_month {
    font-size: 1.5em;
    font-weight: 500;
}

.sermon {
    background-image: url('../images/cross-dark_blur_jpg.jpg');
    background-repeat: no-repeat;
}

.priest_welcome_part {
    background-image: url('../images/cross-dark_blur_jpg.jpg');
    background-repeat: repeat-y;

    /* object-fit: fill; */
}

img.priest_welcome {
    margin : 2em .5em 1em;
    width: 100%;
    object-fit: cover;
}

.priest_name {
    margin-top: 5px;
    font-size: 1.3em;
    
}

.welcome_msg {
    font-size: 1.5em;
    text-align: center;
}

/* p.priest_name {
    font-size: 1.5em;
    font-weight: 300;
    color: white;
    text-align: center;
} */


div.quot_mark {
    position: relative;
    top: -10px;
    /* margin-right: 20px; */
}

div.letter_bg {
    
    color: white;
    
    padding-top: 1.5em;
    font-size: 1.5em;
    object-fit: fill;
}

.priest_speech {
    /* margin: 2em; */
    padding: 30px;
    background-image: url('../images/letter_bg_3.png');
}


.quotes {
    background-image: url('../images/st_rose_header1/galaxy_blur.png');
    background-repeat: no-repeat;
    color: white;
}

.quotes_words {
    font-size: 2em;
}
.quotes_by {
    font-size: 1.7em;
}

.sermon_margin_bottom {
    margin-bottom: 20px;
}

.sermon_description {
    color: black; 
    background-color: white;
    padding: 5px; 
    font-size: 1.2em;
}

.white_title {
    color: white;
}

.youtube-video {
    width: 100%;
    text-align: center;
}

.icon-padding-right {
    padding-right: 20px;
}

.icon-padding-small {
    padding-right: 10px;
}

.icon-padding-map {
    padding: 10px;
}

/* .icon-background1 {
    background-color: #000;
} */

.icon-background1 {
    color: #c0ffc0;
}

.icon-background2 {
    color: #000;
}


/* If the screen size is 600px wide or less, hide the element */
@media only screen and (max-width: 768px) {
    .priest {
        display: none;
    }

    h1 {
        font-size: 1.5em;
    }

    .img-parish-council {
        height: 80px;
    }
    
} 

.side-crop { 
    max-width: 100%; 
    max-height: 200px; 
    overflow: hidden; 
    padding : 10px;
    text-indent: -15%;
}

.image-title {
    background-color: #328bc3;
    color : white;
    padding: 10px;
    /* text-align: center; */
    
}

.image-sub-title {
    font-size: .8em;
    font-weight: 100;
}

.shadow-lg:hover {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
            0 5px 15px 0 rgba(0,0,0,0.08);
    cursor:pointer;
}

.bible-study-list {
    font-size: 1.5em;
}

.bldg {
    color: #60483d;
}
.globe {
    color: #0b3c5d;
}

.sermon_description:hover {
    color: white;
    background-color: #0b3c5d;
}

a.login-link {
    color: white;
    text-decoration: none;
}

div.contain-image {
    width: 100%; /* or any custom size */
    height: 100%; 
    object-fit: contain;
}

img.church-image  {
    width: 100%;
    height: 350px;
    object-fit: cover;
    /* border: 1px solid blue; */
}

.bottom-space {
    padding-bottom: 15px;
}

.center-content {
    text-align: center;
}

.top-space {
    padding-top: 15px;
}

.social-media {
    font-size: 1.3em;
    text-decoration: none;
    padding-top: 10px;
    /* color: white; */
}

.social-media:hover {
    color: lightgreen;
    text-decoration: none;
}

.church-email, .church-email:hover {
    color: lightgreen;
    text-decoration: underline;
}

/* Animate Church on hover */
.img-container {
    position: relative;
    overflow: hidden;
}

img.item  {
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
}

.img-container:hover img.item {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.message-color {
    color : #f9dca4;
    margin-left: 30px;
}

.img-parish-council {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.parish-council-member-name {
    /* text-align: center; */
    padding-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
}

.parish-council-member-info {
    /* text-align: center; */
    padding-bottom: 10px;
    font-size: 1.2em;
    /* font-weight: 700; */
}

.border-top {
    padding-top: 30px;
}

.header-title {
    /* font-family: italian-plate, sans-serif; */
    width: 100%;
    font-size: 1.75em;
    font-weight: 700;
}

.event-header-title {
    /* font-family: italian-plate, sans-serif; */
    width: 100%;
    font-size: 1.75em;
    font-weight: 100;
    color: #247ba0;
    padding-right: 20px;
}

.header-title-sub {
    /* font-family: italian-plate, sans-serif; */
    width: 100%;
    font-size: 1.5em;
    font-weight: 700;
}

.background-color-light-blue {
    background-color: #f2f6ff;
}

.background-color-docu {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}

.tp-bannertimer {
    /* border-color: white!important; */
    background: #D0D0D0;
}

.header_img {
    float: left;
    padding: 20px;
    max-width: 100%;
}

.announcement {
    background-color: #f2f6ff;
    padding-top: 50px;
    padding-bottom: 50px;
    
}

.news_section {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
}

#hidden-content-2 {
/* Custom styling */
    width: 50%;
    padding: 10px 30px 30px 30px;
    border-radius: 4px;

/* Custom transition - fade from top*/
    opacity: 0;
    transform: translateY(-50px);
    transition: all .3s;
}

.fancybox-slide--complete #hidden-content-2 {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 992px) {
  .modal-dialog {
    width: 50% !important;
    max-width: 100% !important;
  }
}

.bootstrap-dialog-message > br {
    display: none;
  }

.event_font {
    font-size: 30px;
    font-family: "Arial, Helvetica, sans-serif";
    color: black;
}  

.event-warning {
    background-color: #fff7e9;
    border: 2px solid #ffba43;
}