a, a:visited {color: #BAD5D8;}
a:hover {color: #e01d6c;}

/* Navigation */
.navbar { padding: 1.5rem 1rem; }
.header-logo img { max-width: 150px; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {display: none!important}
.home #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item:not(.mega-current-menu-item) > a.mega-menu-link {color: #eaeaea;}
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item:not(.mega-current-menu-item) > a.mega-menu-link:hover { color: #e01d6c; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item#mega-menu-item-9781:not(.mega-current-menu-item) > a.mega-menu-link,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item#mega-menu-item-9781:not(.mega-current-menu-item) > a.mega-menu-link,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item#mega-menu-item-9781:not(.mega-current-menu-item) > a.mega-menu-link:hover,
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item#mega-menu-item-9784:not(.mega-current-menu-item) > a.mega-menu-link:hover { color: #fff; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item { margin-top: 10px !important; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #1C2B36 !important; }
#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover { background: rgba(0, 0, 0, 0) !important; }
.is-hidden {opacity: 0; transition: all 0.3s ease-in-out;}
.is-visible {opacity: 1;}
.bg-darkblue {background: #29404f;}
.bg-darkgreen {background: #1C2B36;}
.bg-lightblue {background: #AECBD3;}

/* Titles and Headings */
.sectionTitle {font-size: 3rem; line-height: 3rem; color: #AECBD3; position: relative; padding-left: 0; font-weight: 400; text-transform: uppercase;}
.sectionTitle:before {position: absolute; top: 0; left: -40px; content: '\ee08'; font-family: 'boxicons'; 
    transform: rotate(45deg); font-weight: 300; color: #e01d6c; font-size: 1.5rem; line-height: 3rem;}

.bxMember { background: white; }
.bxMember img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); transition: 0.4s ease; position: relative; z-index: 2; opacity:1; }

.bxMember img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  opacity: 1; }

.bxMember.association-member:after { content: ''; display: inline-block; position: absolute; bottom: 28px; right: 19px; width: 10px; height: 10px; background: #e01d6c; transform: rotate(45deg); z-index: 2; }

.bxMember-link { position: relative; display: inline-block; }
.bxMember-link img:hover { cursor: pointer; }
.bxMember-info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #fff; padding: 10px; opacity: 0; }

.bxMember-info p { line-height: 1.5; }
.bxMember-info p span { display: inline-block; margin-bottom: 10px; font-weight: 500;}

.bxMember-info a { color: #333; }
.bxMember-info a:hover { color: #e01d6c; }

/* Header */
.join-bg, .join-button, .join-bg-home, .join-button-home {visibility: hidden;}
.join-bg {position: fixed; top: 86px; right: calc(((100% - 1140px)/4)); width: 64px; height: 64px; transform: rotate(45deg); background: #e01d6c; z-index: 1100;}
.join-button { width: 90px; height: 90px; color: #fff!important; text-transform: uppercase; font-weight: 400; line-height: 88px; transform: rotate(-45deg); text-align: center; margin: -13px 0 0 -13px;}
.join-bg-home {width: 64px; height: 64px; transform: rotate(45deg); background: #e01d6c; }
.join-button-home {width: 64px; height: 64px; color: #fff!important; text-transform: uppercase; font-weight: 400; line-height: 64px; transform: rotate(-45deg); text-align: center; }
.join-bg:hover { background: #fff; }
.join-bg:hover a { color: #e01d6c !important; }

/* Homepage */

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  position: relative;
  background: url("img/mountains.png") top right no-repeat;
  background-size: cover;
    overflow: hidden;
}

#hero:before {
  content: "";
    position: absolute;
   background: rgb(161,189,206);
background: linear-gradient(180deg, rgba(161,189,206,0.1) 0%, rgba(120,161,186,0.3) 20%, rgba(83,132,162,0.5) 40%, rgba(62,98,121,0.7) 60%, rgba(41,64,79,0.8) 80%, rgba(41,64,79,1) 100%);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero h1 {
  margin: 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 56px;
  color: #45505b;
}

#hero p {
  color: #45505b;
  margin: 15px 0 0 0;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

#hero p span {
  color: #29404f;
  letter-spacing: 1px;
    font-size: 1.5rem;
}

#hero .social-links {
  margin-top: 30px;
}

#hero .social-links a {
  font-size: 24px;
  display: inline-block;
  color: #45505b;
  line-height: 1;
  margin-right: 20px;
  transition: 0.3s;
}

#hero .social-links a:hover {
  color: #0563bb;
}

@media (max-width: 992px) {
  #hero {
    text-align: center;
  }
  #hero h1 {
    font-size: 32px;
    line-height: 36px;
  }
  #hero p {
    margin-top: 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .sectionTitle {font-size: 2.2rem; padding-left: 40px; }
  .sectionTitle:before { left: 0; }
  #member-dapps .app-item img, #external-dapps .app-item img { margin: 0 20px 20px 0 !important; }
}

.circle {background:  rgba(255, 255, 255, 0.72); position: absolute; height: 30px; width: 30px;	transform: rotate(45deg); animation: grow 3s linear; z-index: 1;}
#hero .container {z-index: 2;}

@keyframes grow {
	to {
        opacity: 0;
    }
}

.leaflet-interactive {
    animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



.fall-holder{
  width: 100%;
  height: 100vh;
}
.fall-block{
  width: 80px;
  height: 80px;
  margin: 10px;
    transform: rotate(45deg);
  background-color: #f4ebc1;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
  display: inline-block;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  opacity: 0;
  transition: .2s ease;
}
.fall-block:hover{
  transform: scale(1.1, 1.1);
}
.fall-block:active{
  transform: scale(1, 1)
}

/* Contact form */
.form-control {
    background: #AECBD3;
    border: 1px solid #AECBD3;
    color: #29404F;
    border-radius: 0px;
    padding: .5rem .7rem;
}
.form-control::-webkit-input-placeholder {
  color: #29404F;
}
.form-control:-moz-placeholder {
  color: #29404F;
}
.form-control::-moz-placeholder {
  color: #29404F;
}
.form-control::placeholder {
  color: #29404F;
}
.form-control:-ms-input-placeholder {
  color: #29404F;
}
.form-control:focus {
    background: #AECBD3;
    color: #29404F;
    border: 1px solid #E01D6C;
    box-shadow: 0 0 0 0.2rem rgb(224 29 108 / 25%)
}

/* Buttons */
a.btn-main {background: #e01d6c; border: 2px solid #e01d6c; color: #fff; padding: 1rem 2rem; display: inline-block; font-weight: 400;
  transition: 0.3s;}
a:hover.btn-main {background: none; color: #fff; border: 2px solid #fff;}
.btn-contact {background: #E01D6C; border: 2px solid #E01D6C; color: #fff; padding: 0.5rem 1.5rem; display: inline-block; font-weight: 400;
  transition: 0.3s; border-radius: 0px;}
.btn-contact:hover {background: none; color: #AECBD3; border: 2px solid #AECBD3;}

/* Font Sizes, Weights, Colors */
.fs-08 {font-size: 0.8rem;}
.fs-1 {font-size: 1rem;}
.fs-15 {font-size: 1.5rem;}
.fs-2 {font-size: 2rem;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.text-pink {color: #e01d6c!important;}

/* Leaflet CSS */
.marker-cluster-small {background: none!important}
.marker-cluster-small div {background: rgb(224, 29, 108)!important; border-radius: 0px!important; transform: rotate(45deg)!important}
.marker-cluster-small div span {transform: rotate(-45deg)!important; display: inline-block!important}
.marker-cluster-medium {background: none!important}
.marker-cluster-medium div {background: rgb(224, 29, 108)!important; border-radius: 0px!important; transform: rotate(45deg)!important}
.marker-cluster-medium div span {transform: rotate(-45deg)!important; display: inline-block!important}
.marker-cluster-large {background: none!important}
.marker-cluster-large div {background: rgb(224, 29, 108)!important; border-radius: 0px!important; transform: rotate(45deg)!important}
.marker-cluster-large div span {transform: rotate(-45deg)!important; display: inline-block!important}

/* Category Pages */

/* Member App Pages */
.member-app-content p {font-size: 0.8rem;}
.apps-landing > section.regular:last-child {padding-top: 0;}


/*.app-item img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
    transition: 0.4s ease;
}

.app-item img:hover {
    filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}*/

.member-quote {
}

.member-quote blockquote {
    position: relative;
    margin: 0;
    padding: 2rem 2rem 2rem 4rem;
}

.member-quote blockquote p {
    display: inline;
    font-style: italic;
}

.member-quote blockquote:before {
    content: '';
    width: 2rem;
    height: 2rem;
    transform: rotate(45deg);
    background: #e01d6c;
    z-index: 1;
    position: absolute;
    top: 2rem;
    left: 0.5rem;   
    
}

.member-quote blockquote:after {
    content: "\201c";
    width: 2rem;
    height: 2rem;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 4rem;
    line-height: 4rem;
    text-align: center;
    position: absolute; 
    top: 2rem;
    left: 0.5rem;
    z-index: 2;
}

/* Press Releases */
img.press-img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
    transition: 0.4s ease;
}

img.press-img:hover {
    filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}

/* Single Post */

/* WordPress image style */
.alignright, img.alignright {float:right; margin:0 0 1em 1em}
.alignleft, .img.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter, img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {text-align: left; background-color: #C9D9E3; padding: 5px; margin: 10px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 0.8rem; line-height: 1.5; padding: 10px 5px; margin: 0; color: #29404f; font-weight: 600;}


/* Footer */
footer {background: #1C2B36;}
.footerNav {list-style-type: none;}
.footerNav li {display: inline-block; padding: 0 2rem;}
.footerNav li a {color: #eaeaea;text-decoration: none; }
.footerNav li a:hover {color: #e01d6c;}

.socialNav li {margin: 15px;}
.socialNav li a {color: #eaeaea;text-decoration: none;}
.socialNav li a:hover {color: #e01d6c;}

@media (max-width: 768px) {
  .footerNav li {display: block; width: 100%; text-align: center; margin-bottom: 1rem; padding: 0;}
}

@media (max-width: 1199px) {
  #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item > a.mega-menu-link { padding: 0 20px 0 20px !important; }
}
@media (min-width: 1200px) {
  .join-bg, .join-button, .join-bg-home, .join-button-home {visibility: visible;}
/*   body:not(.home) li.mega-menu-item:last-child .mega-sub-menu { right: -30px !important; } */
  nav { justify-content: center!important; }
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip { box-shadow: none !important; }
.leaflet-container { font: 12px/1.5 'Montserrat', sans-serif !important; }
.leaflet-popup-content-wrapper { border-radius: 0 !important; }

#member-dapps .app-item img, #external-dapps .app-item img { max-width: 100px; margin: 55px 0 0 20px;  }