* {
   box-sizing: border-box;
 }
 
body,html {

   height: 100%;
   font-family:"Noto Serif";
   

}

.pagecontainer {

   padding:0px 20px;

}

.bg {

  background-image: url("../images/bg.jpg");

  height: 100%; 

  /* background-position: center; */
  background-repeat: repeat;
  background-size: cover;

}

.title {

   text-align:center;
   font-size:3.5vw;
   padding:10px 10px 5px 10px;
   font-family:"Anton";
   
}

.title a {

   text-decoration: none;
   color:#000 !important;

}

.title a:hover {

   text-decoration: none;
   color:#000 !important;

}

.subtitle {

   text-align:center;
   font-size:1.2vw;
   font-family:"Mitr";
   padding-bottom:20px;
   
}

.box1 .header {

   text-align: center;
   font-size:1.25vw;
   

}

.box1 .belief {

   background-color:#fff;
   padding:7px;
   border-radius: 3px;
   box-shadow:2px 2px 2px #888;
   margin: 10px 0px;

}

.box1 .belief .header {

   font-size:12pt;
   margin:0;
   font-family:"Mitr";
   padding:5px 0px;

}

.box {

   /* padding:10px; */
   background-color:rgb(255, 216, 143);
   border-radius:3px;
   box-shadow:2px 2px 5px #bbb;
   margin:5px;
   font-family:"Mitr";

}

.box h6 {

   background-color:rgb(243, 185, 76);
   padding:10px;
   font-size:12pt;
   margin:0;
   font-weight:900;

   
}

.box p {

   padding:5px 15px;
   font-size:10pt;

   
}

.contact-map {

   width: 100%;
   float: left;
   -webkit-filter: grayscale(100%) sepia(10%) brightness(100%);
   filter: grayscale(1000%) sepia(10%) brightness(100%);

   padding-top: 10px;

}

#gmap_canvas {

   width: 100%;
   height: 400px;

}

.times {

   background-color:rgb(255, 255, 255);
   border-radius:3px;
   /* box-shadow:2px 2px 5px #bbb; */
   margin:15px;
   font-family:"Mitr";
   padding:8px;

}

.times h3 {

   font-size:13pt;
   margin:0;
   text-align: center;
   padding:10px 0px 10px;
   background-color: rgb(243, 185, 76);
   border-radius:3px 3px 0px 0px;
   box-shadow:2px 2px 5px #bbb;

}

.timesbox {

   padding:20px;
   background-color: rgb(255, 216, 143);
   box-shadow:2px 2px 5px #bbb;

}

.talktime {

   text-align: right;
   padding-right:20px;
}

.talktype {
   padding-left:20px;
}

.subject {

   font-size:20pt;
   background-color: rgb(243, 185, 76);
   border-radius:3px;
   padding:5px;
}

.readings .header {

   text-align: center;
   font-size:1.25vw;
   

}

.readings .section {

   background-color:#fff;
   padding:7px;
   border-radius: 3px;
   box-shadow:2px 2px 2px #888;
   margin: 10px 0px;

}

.readings .section .header {

   font-size:12pt;
   margin:0;
   font-family:"Mitr";
   /* padding:5px 0px; */

}


.section {

   /* padding:10px; */
   background-color:rgb(255, 216, 143);
   border-radius:3px;
   box-shadow:2px 2px 5px #bbb;
   margin:5px;
   font-family:"Mitr";

}

.section h4 {

   background-color:rgb(243, 185, 76);
   padding:10px;
   font-size:12pt;
   margin:0;
   font-weight:900;

   
}

.section h5.date {

   background-color:rgb(255, 216, 143);
   padding:5px;
   font-size:10pt;
   margin:0;
   font-weight:900;
   text-align:center;

   
}

.section .nextDate {
   
   background-color:rgb(240, 152, 51);
   padding:10px;
   font-size:12pt;
   margin:0;
   font-weight:900;
}

.section .nextTalk {

   background-color:rgb(243, 185, 76);
   padding:15px;
   font-size:20pt;
   margin:0;
   font-weight:900;
   text-align:center;

}

.section p {

   padding:10px 15px;
   font-size:11pt;
   margin:0;
      
}

.contact {

   background-color:rgb(255, 233, 137,0.3);
   padding:20px;

}

.biblelink {

   color:rgb(95, 35, 0) !important;

}

.links {

   background-color:#fff;
   padding:7px;
   border-radius: 3px;
   box-shadow:2px 2px 2px #888;
   margin: 10px 0px;

}

.links .header {

  
   background-color:rgb(243, 185, 76);
   border-radius:3px;
   box-shadow:2px 2px 5px #bbb;
   margin:5px;
   font-family:"Mitr";
   padding:8px;
   font-size:12pt;
   text-align:center;

}

.links .item {

   background-color:rgb(255, 216, 143);
   border-radius:3px;
   box-shadow:2px 2px 5px rgb(122, 114, 114);
   margin:10px 5px;
   font-family:"Mitr";
   padding:8px 12px;
   font-size:12pt;

}

.footer {

   width:100%;
   background-color: rgb(95, 35, 0);
   color:#fff;
   padding:5px 10px;
   font-size:8pt;
   margin:30px 0px 0px 0px;
   font-family:"Mitr";

}

.footerright {
   text-align: right;
}
.footerlink {

   color: #ccc !important;

}

.internal {

   font-family:"Mitr";
   padding:20px;

}

.internal .links {
   
   background-color:transparent;
   box-shadow:0px 0px 0px #000;

}

.sites .item {
   box-shadow: 2px 2px 2px #222;
}

.address {

   padding:15px;

}

.believe {

   background-color:#fff;
   padding:7px;
   border-radius: 3px;
   box-shadow:2px 2px 2px #888;
   margin: 10px 0px;

}

.believe .item {

   background-color:rgb(255, 216, 143);
   border-radius:3px;
   box-shadow:2px 2px 5px #bbb;
   margin:10px 5px;
   font-family:"Mitr";
   padding:8px 12px;
   font-size:12pt;

}

div.rtTooltipFooter a {

   display:none;
}

.VerseClickDefaultVerseText + div {
   display:none !important;
}

.vcVerseLink {

   color:rgb(95, 35, 0) !important;

}

.bibleVideo {
   
   width:100%;

}

.bibleVideoContainer {

   display:block;
   max-width:640px;
   max-height:380px;
   margin: auto;
   display: block;

}

video {

   width: 100%;
   height: auto;
   margin:30px 0px;
   box-shadow:5px 5px 5px #333;

 }

 .readingsLink {

   text-align: right;
   font-size:8pt;
   padding-right:10px;

 }

 .teachings {

   background-color: rgba(226, 208, 148, 0.5);
   padding:10px;
   margin:0;

 }

 .teaching {

   width:100%;
   margin-top:10px;
   background-color: rgb(235, 253, 153);
   border-radius:3px;
   box-shadow:2px 2px 2px #333;
   

 }

 .teachingHead {
    padding:10px 20px;
    margin:0;
 }

.teachingIcon {
   float:right;
   margin-top:5px;
   padding-right:10px;
}

.teachingBox {
   background-color:#fff;
   padding:10px 30px;
   display:none;
}

.fc-head {

   background-color: #888 !important;
}

.fc-day {

   background-color:#eee;

}

.fc-bg .fc-sun {

   background-color:rgb(255, 233, 137);

}

.fc-day-top.fc-today { 
      background-color:rgb(187, 45, 45) !important;
      color:#fff;
}

.fc-title {
      font-size:10pt;
}

.updateTable {
   width:100%;
}

.updatehead {
   background-color:rgb(138, 90, 1);   
   color:#fff;
}

.updateRow:nth-child(odd) {
   background-color:rgb(248, 246, 133);   

}

.updateRow:nth-child(even) {
   background-color:rgb(228, 219, 104);
   padding:10px !important;   
}

.updateStart {
   padding:10px !important;

}

.updateTitle {
   padding:10px !important;
}

.updateActions {
   padding:10px !important;
}

.pointer {
   cursor: pointer;
}

.expired { 
   opacity:0.3;
}

.notSun:nth-child(odd) {

   background-color: rgba(241, 207, 162, 0.863) !important;

}

.notSun:nth-child(even) {

   background-color: rgba(224, 183, 129, 0.863) !important;

}

@media all and (max-width: 1280px) {

   .title {
      font-size:5vw;
   }

   .subtitle {
      font-size: 2vw;
   }
}

@media all and (max-width: 1024px) {

   .title {
      font-size:5vw;
   }

   .subtitle {
      font-size: 2vw;
   }
   .fc-title {
      font-size:9pt;
   }
}

@media all and (max-width: 767px) {

   .title {
      font-size:4.5vw;
   }

   .subtitle {
      font-size: 2.5vw;
   }
   
   .fc-title {
      font-size:9pt;
   }

}

@media all and (max-width: 575px) {

   .footerleft {
      text-align: center !important;
   }

   .footerright {
      padding-top:10px;
      text-align: center !important;
   }

   .timesbox {
      text-align: center !important;
   }

   .talktime {
      text-align: center;
      padding:0px;
   }

   .talktype {
      text-align: center;
      padding:0px;
      font-weight:bold;
   }
   .fc-title {
      font-size:8pt;
   }
}