body{
  margin: 0;
  padding: 0;
}
body, .leaflet-popup-content {
  font-family: 'Montserrat', sans-serif;
}
.leaflet-popup-content {
  font-size: 1em;
}
.mapContainer{
  width: 915px;
  height: 600px;
  margin-left: auto; 
  margin-right: auto;
}
.mapDiv{
  float: left;
}

#mapid {
  width: 600px;
}
.ad-col {
  width: 300px;
  height: 600px;
  float: right;
/* border: 1px solid #727272; */
}
#loc_info {
  width: 600px; 
  height: 105px; 
  border: 1px solid #727272; 
  display: table; 
  color: #727272;
  padding: 10px;
  font-size: 0.9em;
  background-color: white;
}
.loc_title {
  font-weight: bold; 
  color: #404040;
}
.motto {
  font-size: 1.4em; 
  font-style: italic; 
  color: #727272;
}
#title-container {
  padding-left: 5rem;
  display: inline-block;
}
#title-container h1 {
  color: #105efe;
  font-weight: 600;
}
#title-container h2 {
  color: #105efe;
  font-weight: 600;
}
.sharingDiv {
  padding-left: 5rem;
}
.copyright {
  padding: 6px;
  text-align: center;
  font-size: 0.85em; 
  color: #101010;
  background-color: #f8f9fa;
}

#comments {
  margin-top: 80px; 
  background-color: #f8f9fa;
  color: #727272;
}
#comments h2{
  color: #105efe;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.comment {
  margin-top: 35px; 
  min-height: 130px; 
  background-color: #ffffff; 
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px;
}

.fb-like {
  margin-left: 0px; 
}

.navbar{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px;
  background-color: #f8f9fa;
  direction: rtl;
}
.navbar .collapse ul{
  direction: ltr;
}
.navbar .navbar-brand img{
  width: 80px;
  height: 80px;
}
.navbar-brand {
  margin-right: 0;
}
.navbar .nav-link {
  font-size: 1em;
  font-weight: bold;
  color: #222222;
  text-transform: uppercase;
  transition-duration: 0.4s;
}
.navbar .nav-item.active .nav-link,
.navbar .nav-item .nav-link:hover {
  color: #105efe;
  transition-duration: 0.4s;
}
.leaflet-container a {
  color: #105efe;
}
.contact-email {
  color: #105efe;
}
.leaflet-control a {
  color: #101010;
}
#mobile-badge {
  display: block;
  margin: .55rem 1rem;
  font-size: 0.9em;
  cursor: default;
}
.warning-text {
    font-weight: bold;
    color: red;
}

@media (max-width: 991px) {
  .mapContainer {
    width: 600px;
    height: 880px;
  }
  .mapDiv {
    float: none;
  }
  .ad-col {
    height: 0px;
    #height: 250px;
    float: none;
    margin-bottom: 30px;
    margin-left: auto; 
    margin-right: auto; 
  }
  #title-container {
    padding-left: 1rem;
    width: 600px;   
  }
  .sharingDiv {
    padding-left: 1rem;
    width: 600px; 
  }
}

@media (max-width: 650px) {
  .mapContainer {
    width: 100%;
  }
  .mapDiv {
    width: 100%;
  }
  #mapid {
    width: 100%;
  }
  #loc_info {
    width: 100%;
  }
}

@media (min-width: 1600px) {
  #mapid {
    width: 800px;
    float: left;
  }
  #loc_info {
    width: 300px; 
    height: 600px; 
    float: right;
    margin-top: 0px;
    margin-left: 15px;
  }
  .mapContainer{
    width: 1430px;
  }
}

@media (min-width: 1707px) {
  #mapid {
    width: 850px;
  }
  .mapContainer{
    width: 1480px;
  }
}

@media (min-width: 1814px) {
  #mapid {
    width: 900px;
  }
  .mapContainer{
    width: 1530px;
  }
}

@media (min-width: 1920px) {
  #mapid {
    width: 950px;
  }
  .mapContainer{
    width: 1580px;
  }
}

@media (max-height: 599px) {
    #mapid {
      height: calc(100vh - 105px);
    }
    #loc_info {
      margin-top: 0px;
    }
}

@media (min-height: 600px) {
    #mapid {
      height: 480px;
    }
}

@media (min-height: 600px) and (max-width: 1599px) {
    #loc_info {
      margin-top: 15px;
    }
}


/* Scroll button */

.top-link {
    position: fixed;
    bottom: 0;
    right: 0;
    display: inline-flex;
  
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 0; /* 0 3em 3em 0; */
    /*border-radius: 50%;*/
    padding: .25em;
    width: 80px;
    height: 80px;
    background-color: #F8F8F8;
    z-index: 99999;
    visibility: hidden; /* show only on mobile */
    
    border: 1px solid #727272;
}

.top-link svg {
    fill: #000;
    width: 24px;
    height: 12px;
    display: none;
}

.top-link:hover {
    background-color: #E8E8E8;
}

.top-link:hover svg {
    fill: #000000;
}

// Text meant only for screen readers.
.screen-reader-text {
    position: absolute;
    clip-path: inset(50%);
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px; 
    height: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:focus {
    display: block;
    top: 5px;
    left: 5px;
    z-index: 100000; // Above WP toolbar
    clip-path: none;
    background-color: #eee;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    text-decoration: none;
    line-height: normal;
    color: #444;
    font-size: 1em;
    clip: auto !important;
}

#jump-icon-map {
    filter: grayscale(100%);
    width:20px;
    height:33px;
    display: none;
}


#quote-container {
  display: block;
  min-height: 500px;
  width: 100%;
  padding: 15px;
  font-style: italic;
}

.next-quote {
    margin-left: 5px;
    margin-right: 5px;
}

.blog-intro {
  padding: .5rem 1.75rem;
  text-align: justify;
}

.blog-post {
  /*padding: .75rem 1.25rem;*/
  padding: .75rem 1.75rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  border-color: #d6d8db;
  /*background-color: #f8f9fa;*/
  text-align: justify;
}

.blog-post-date {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 1.4em;
  color: #727272;
  font-style: italic;
  text-transform: capitalize;
}

.blog-post-title {
  font-size: 1.4em;
  color: black;
  text-align: left;
}

.blog-post p {
  margin-bottom: 0.5rem;
}

.blog-post p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.blog-intro p {
  margin-bottom: 0.5rem;
}

.blog-filter-row {
  margin-bottom: 1rem;
  padding: 5px 1.5rem;
  width: 100%;

  border: 1px solid transparent;
  border-radius: .5rem;
  border-color: #d6d8db;
}

#blog-order-posts-toggle-wrapper {
  float: right;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.blog-post-sharing {
  display:inline-block;
  width: 100%;
}

.blog-post-sharing a {
  float: right;
  display:inline-block;
  margin-right: 5px;
}

.blog-post-sharing a img {
  display:inline-block;
}

.post-copy-link {
  cursor: pointer;
}

.post-copy-link-done {
  display: none;
}


.subscribe-button {
  float: left;
}

.subscription-form-content {
  padding-bottom: 5px;
}

.form-control {
  margin-top: 5px;
  max-width: 350px;
}