@import url("https://use.typekit.net/vws6iff.css");

body {
    background-color: #fff;
}
html, body, p, li, th, td, h1, h2, h3, h4, h5, .h1,.h2, .h3, .h4, .h5 {
    font-family: calibri, sans-serif;
    font-weight: 400;
}
h1,h2,h3,h4 {
    font-weight: 700;
}
h1 { font-size: 40pt; }
h2 { font-size: 30pt; }
h3 { font-size: 20pt; }
h4 { font-size: 16pt; }
.fancybox__container {
    z-index: 9999 !important;
}
p,li { line-height: 1.4; margin-bottom: 10px; }
.btn {
    padding: 8px 30px;
    border-radius: 30px;
    line-height: 1;
}

.grid-button div {
    background-image: linear-gradient(#ff9900,#ff0000);
}
.grid-button-layertwo div {
    background-image: linear-gradient(#99cc00,#999900);
}
.grid-button-layerthree div {
    background-image: linear-gradient(#af4c94,#fb6cd4);
}
.personabar-visible .shadow-on-admin {
    -webkit-box-shadow: 0 0 1px 1px #4AFFED;
box-shadow: 0 0 1px 1px #4AFFED;
}
.sc-menu {
    -moz-transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}
.personabar-visible .space-on-admin {
    padding: 30px 0;
    margin: 30px 0;
    border-top: 1px dashed #ff9900;
    border-bottom: 1px dashed #ff9900;
}

table { margin-bottom: 15px; }
table td { border: 1px solid #95a5a6; }
table td p { margin: 0; }

.show-on-admin { display: none;}
.personabar-visible .show-on-admin { display: block; color: #ff9900}
.personabar-visible .stripe-on-admin {
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}
.mark-for-deletion { display: none; }
.personabar-visible .mark-for-deletion {
    display: flex;
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}

.background-image-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.background-image-fixed {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.p-30 {
    padding: 30px;
}
.p-60 {
    padding: 60px;
}
.p-90 {
    padding: 90px;
}
.p-120 {
    pasdding: 120px;
}
.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.px-90 {
    padding-left: 90px;
    padding-right: 90px;}
.px-120 {
    padding-left: 120px;
    padding-right: 120px;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pb-120 {
    padding-bottom: 120px !important;
}

.post-it {
 	width:100%;
     height:calc(100% - 40px);
  position:relative;
  background:#ffa;
  overflow:hidden;
  padding:60px;
  border-radius:0 0 0 30px/45px;
  box-shadow:
    inset 0 -40px 40px rgba(0,0,0,0.1),
    inset 0 25px 10px rgba(0,0,0,0.1),
    0 5px 6px 5px rgba(0,0,0,0.1);
  font-family: 'Permanent Marker', cursive;
  line-height:1.7em;
  font-size:19px;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

  color:#130d6b;
}

.post-it li {
 	cursor:pointer; 
}

.post-it:before {
 	content:"";
  display:block;
  position:absolute;
  width:20px;
  height:25px;
  background:#ffa;
  box-shadow:
    3px -2px 10px rgba(0,0,0,0.1),
    inset 15px -15px 15px rgba(0,0,0,0.2);
  left:0;
  bottom:0;
  z-index:2;
  transform:skewX(25deg);
}

.post-it:after {
 	content:"";
  display:block;
  position:absolute;
  width:75%;
  height:20px; 
  border-top:3px solid #130d6b;
  border-radius: 50% ;
  bottom:0px;
  left:10%;
}