body, html {
    font-family: "Lato", sans-serif;
    height: 100%;
}

a {text-decoration:none;color:#2b5797;}


.w3-col.s25{width:20.83333%}.w3-col.s95{width:79.16666%}.w3-col.s316{width:26.33333%}.w3-col.s884{width:73.66666%}
@media(min-width:601px){.w3-col.m25{width:20.83333%}.w3-col.m95{width:79.16666%}.w3-col.m316{width:26.33333%}.w3-col.m884{width:73.66666%}}
@media (min-width:993px){.w3-col.l25{width:20.83333%}.w3-col.l95{width:79.16666%}.w3-col.l316{width:26.33333%}.w3-col.l884{width:73.66666%}}

.w3-animate-main{animation:fading 8s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}80%{opacity:1}100%{opacity:0}}

.w3-padding{padding:10px 14px!important}

.my-upper{text-transform: uppercase}

.mySlides {display: none}

.my-date {text-align:left;float:left;color:gray;width:49.99999%;margin-bottom:16px;}
.my-source {text-align:right;float:left;color:gray;width:49.99999%;margin-bottom:16px;}

.my-headline h2 {font-size:24px;font-weight:bold;color:#2b5797;line-height:1.15}
.my-headline a {text-decoration:none;}
.my-headline a:hover {text-decoration: underline;}
.my-headline .banner {background-attachment: scroll; background-repeat: no-repeat; background-size: cover; height: 200px;}
.my-headline .text {text-align: left;}


.map-banner {background-attachment: scroll; background-repeat: no-repeat; background-size: cover; height: 200px; background-position: 50% 50%;}
.map-banner a {color:#000;}


.my-main-banner, .my-main-page{
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 41px;
}

.my-main-banner{height: 25%;}
.my-main-page{height: 50%;}

.picture-whole-page{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.w3-tangerine {
  font-family: 'Tangerine', serif;
  font-weight: bold;
}

.my-main-banner h1, .my-main-page h1 {font-size:20px;}
.my-main-banner h5, .my-main-page h5 {font-size:10px;margin-top:-14px;margin-bottom:5px;}

@media (min-width:601px){
.my-main-banner h1, .my-main-page h1 {font-size:36px;}
.my-main-banner h5, .my-main-page h5 {font-size:18px;margin-top:-20px;margin-bottom:5px;}
}

/**************************Menu****************************************/

.smenu{padding:0!important;margin:0!important;} 
a.sm1, a.sm2 {padding:6px 16px!important;width:80%;display:inline-block;color:#fff;}
a.sm2 {padding:6px 26px!important;}

.smenu-extend{width:20%;display:inline-block;padding:6px 20px;text-align:right;float:right;color:#fff;}
.smenu-main{width:80%;display:inline-block;color:#fff;}

.my-bar-item{padding:3px 16px;float:left;width:auto;border:none;outline:none;display:block}

.my-paragraph {text-align:justify!important}
h1.my-heading {font-size:30px;letter-spacing:2px;font-weight:bold;}
h2.my-heading {font-size:24px;font-weight:bold;}
h3.my-heading {font-size:18px;font-weight:bold;text-align:left!important;}
h3.my-heading-center {font-size:18px;font-weight:bold;margin-bottom:32px;}
.my-date-readings {text-align:left;float:left;color:#0a2e64;width:49.99999%;margin-bottom:16px;font-size:18px;}
.my-author {text-align:right;color:#0a2e64;margin-bottom:32px;font-size:18px;}


.my-subheading {font-size:20px;opacity:0.60;font-style:italic;font-weight:bold;}

.my-main-container{float:right!important}
.my-image-no-float,.my-image-right-container,.my-image-left-container{margin: auto;margin-bottom:8px!important;}
.my-image{border-radius:8px;width:100%;}
.my-image-gallery{height:100%;}
.my-person-card-alone{margin:auto;width:100%}
.my-small-card-alone{margin:auto;width:70%}
.small-container{}

.my-descript{background: rgba(255, 255, 255, 0.7); width:90%;border-radius:16px;}
.my-descript-gallery{background: rgba(255, 255, 255, 0.7); width:90%;}
.my-descript-wide-image{background: rgba(255, 255, 255, 0.7);width:90%;border-radius:16px;font-size:18px;}

@media (max-width:600px){
.my-image-no-float,.my-image-right-container,.my-image-left-container{width:80%!important;}
}

@media (min-width:601px){
.my-image-right-container{float:right!important;margin-left:16px!important;width:40%}
.my-image-left-container{float:left!important;margin-right:16px!important;width:40%}
.my-image-no-float{width:40%}
.my-person-card-alone{width:50%}
.my-small-card-alone{width:45%}
.my-descript-wide-image{width:auto;}
}
@media (min-width:993px){
  .my-main-container{float:left!important}
  .my-image-right-container{width:30%}
  .my-image-left-container{width:30%}
  .my-small-card-alone{margin:auto;width:30%}
  .my-image-no-float{width:30%}
}

.left-menu-l0{padding:3px 16px!important;font-size:15px;}
.left-menu-l1{padding:3px 26px!important;font-size:15px;}
.left-menu-l2{padding:3px 36px!important;font-size:13px;}

a.my-link:link {font-weight:bold;text-decoration:none;}
a.my-link:hover {font-weight:bold;text-decoration:underline;}

.w3-text-metro-dark-blue {color:#2b5797;background-color:#fff}
.w3-metro-dark-blue {color:#fff;background-color:#2b5797}

.my-modal{z-index:3;display:none;padding-top:0;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.my-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}

#myInput {background-image: url('/images/searchicon.png');background-position: 10px 12px; background-repeat: no-repeat; width: 80%; min-width: 300px; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px;}

.readings{white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.meditation{white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.w3-padding-8{padding-top:8px!important;padding-bottom:8px!important}


.maptextcenter {position:absolute;left:0;top:40%;width:100%;text-align:center; font-size: 18px;}

.space-right{padding-right:0px!important} .space-left{padding-left:0px!important}

@media (min-width:601px){
.space-right{padding-right:40px!important} .space-left{padding-left:32px!important}
}

p.card-head {padding:8px 8px 0px 8px;margin-bottom:0px}