html, a, li {
   font-family: "Calibri", Helvetica, sans-serif;
}
html, body {
  overflow-x: hidden;
}
.col-sm-6 {
    margin: 0 auto;
}
body {
  position: relative;
  /*padding-bottom:5%;*/
  /*padding-top:3.65%;*/
  /*padding-top: 2.55rem; with the fontsize of navbar li's at 20px*/
  padding-top: 2.15rem;
  padding-bottom: 3.65rem;
}
*, *:before, *:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.currentlink {
    text-decoration:underline;
    text-shadow: 2px 2px 4px red;
}
ul {
    width: 100%;
}
body > p,  body> div:not(.calendar) {
    margin: 0.5em auto;
    text-align:center;
    width: 100%;
}
div.wrapper {
    margin-left: 2%;
}
h2.welcome {
    /*margin-left:10% !important;*/
    margin:4% auto !important;
    width:60%;
}
li > a {
    color: yellow;
    font-weight: bold;
    text-decoration : none;
}
div.alignCenter > a {
    font-weight: bold;
}
iframe > html{
    zoom: 0.75;
}
  
[aria-expanded='true']{transform:rotate(180deg)}

.custom-toggler.navbar-toggler{color:blue !important;}
.custom-toggler.navbar-toggler {padding: .05rem .55rem !important;}
.custom-toggler.navbar-toggler .btn-line {
   width: 28px;
   height: 0.1em;
   margin: 0.25em 0 0.25em 0;
   background: red;
   transition: all 0.25s ease-out;
}
/* Adding transform to the X */
.custom-toggler.navbar-toggler[aria-expanded='true'] {
    transform: rotate(180deg);
}
/* Styling the three lines
    to make it an X */
[aria-expanded='true'] .btn-line:nth-child(1) {
    transform: rotate(45deg) translate(0.25em, 0.25em);
}
[aria-expanded='true'] .btn-line:nth-child(2) {
    opacity: 0;
}
[aria-expanded='true'] .btn-line:nth-child(3) {
    transform: rotate(-45deg) translate(0.25em, -0.2em);
}
button.navbar-toggler {
    margin-left: 2%!important;
}
h1.success {
    color: green;
    font-weight: bold;
}
.row.row-striped {
    padding: 10px;
    background-color: #d597d6;
    border-top: 5px solid black;
    /*border-bottom: 5px solid black;*/
    margin-right: 0;
    margin-left: 0;
}
/* Memory Lane */
.row.ml_row-striped {
    padding: 10px;
    background-color: #ffffba;
    border-top: 5px solid black;
    /*border-bottom: 5px solid black;*/
    margin-right: 0;
    margin-left: 0;
}
/* Suzis Last Resort*/
.row.slr_row-striped {
    padding: 10px;
    background-color: #bae1ff;
    border-top: 5px solid black;
    /*border-bottom: 5px solid black;*/
    margin-right: 0;
    margin-left: 0;
}

/*div.row.row-striped:nth-child(-n+1){*//*, div.row.row-striped:not(:first-child):not(:last-child) {*/
 div.row.row-striped:last-of-type, div.row.slr_row-striped:last-of-type, div.row.ml_row-striped:last-of-type {
    /*border-bottom: none !important;*/
    border-bottom: 5px solid black;
}
.list-inline-item, li {
    font-size: 16px;
    
}
span[id^=day] {
    background-color: maroon;
}
.btn-primary {
    background-color : maroon !important;
}
h2[id^=monthHeader] {
    font-size: 1.5em !important;
    padding-right: 0.25em;
}
.text-uppercase {
    font-size: 1.5em !important;
}
.display-4 {
    font-size:2rem !important;
}
div.col-8 {
    margin-left:auto;
    padding-left:2em;
    text-align:end;
}
ul.navbar-nav {
    margin:0 auto;
    width: auto;
    text-wrap:nowrap;
    padding-left:2.5%;
}
li.nav-item > a {
    color: red !important;
    font-weight: bold;
}
a.nav-link {
    padding: 0.15rem 1rem !important;
}
div.addeventForm {
    display: flex;
    flex-direction: row;
    margin-left:2%;
}
form.addeventForm {
    width: 150%;
}
.editor-datetime {
    position: relative;
}

input.form-control3 {
    width: 48.5% !important;
}

nav.navbar.navbar-expand-lg.navbar-light {
    justify-content: flex-start;
    width: 100%;
    padding: 0.2em !important;
    /*height:7vh;*/
}
div.col-2.text-right > h1.display-4 {
    margin: 0 !important;
}
@media only screen and (max-width: 850px) {
    nav.navbar.navbar-expand-lg.navbar-light {
        justify-content: flex-start;
        width: 100%;
        /*height:15vh;*/
    }
    div.calendar {
        zoom: 0.55;
    }
    iframe#chatapp {
        zoom: 0.95;
    }
    li > a.nav-link {
        padding: 0.15rem 0rem !important;
    }
}
p {
    padding-top: 0% !important;
}
 
iframe#chatapp *{
    overflow-wrap: break-word;
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,0,0) !important;
} 
.custom-toggler.navbar-toggler-icon{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
 
}
nav.PoyntlyssNav {
    background-image: url(https://www.poyntlysssistars.com/images/blackanggold.gif) !important;
    /*mix-blend-mode: multiply;*/
    position:fixed;
    top:0;
    background-color: maroon;
    z-index:99999;
    
}

div.aboutWrapper {
    display: flex;
    flex-direction: row;
    /*border: 2px solid black;*/
    margin: 1%;
    width:97%;
    flex-wrap: wrap;
    
}
div.aboutWrapper:nth-child(3n) {
  wrap-after: flex; /* New proposed syntax */
}
div.aboutIMG_Begin {
    flex: 1 1 300px;
    order: 1;
    border: 2px solid black;
    text-align: center;
    margin: 2%;
    min-width:300px;
}
div.aboutIMG_Middle {
    flex: 1 1 300px;
    order: 2;
    border: 2px solid black;
    text-align: center;
    margin: 2%;
}
div.aboutIMG_End {
    flex: 1 1 300px;
    order: 3;
    border: 2px solid black;
    text-align: center;
    margin: 2%;
}
img.aboutIMG {
    width: 90%;
    padding: 5%;
    min-width: 200px;
}
.break {
  flex-basis: 99%;
  height: 0;
}
.alignCenter {
    text-align:center;
    width: 97%;
}
div.bodyPadded {
    margin: 3%;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.form-control {
    border: 3px solid black;
    border-radius: 5px;
}

footer {
    text-align: center;
    position: fixed;
    background: white;
    bottom: 0;
    margin-top: 0.5vh;
    width: 99%;
    margin-bottom: 0.5vh;
    margin-right: 0.5vw;
    margin-left: 0.5vw;
    border: 2px solid black;
    & p {
        padding-top:0% !important;
        margin-top: 0% !important;
        margin-bottom:0% !important;
    }
    & a {
        padding-top:0% !important;
        margin-top: 0% !important;
        margin-bottom:0% !important;
    }
    
}
input.form-control{
    width:50%;
    margin: 0 auto;
}

p, h1, h2, h3:not(.text-uppercase) {
    max-width: 85%;
    margin: 1rem 7.5% !important;
}
h3:not(.text-uppercase) {
    text-align:center;
}