html {
  font-size: 14px;
}

body { font-family: "Mortise Regular",Georgia, Serif; font-size: 17px; color:#007C6A;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a, a:hover { color:inherit; text-decoration: underline;text-decoration-skip: objects;  }

/* alerts */
.alert-topsite { color: #ffffff; background-color: #0F3165; border-color: #0F3165; margin-bottom: 0; border-radius: 0; }
.alert-topsite .close { padding: 0.55rem 1.25rem; text-shadow: none; font-weight: 400; opacity: 1; font-size: 1.9rem; }
.alert-topsite .close:not(:disabled):not(.disabled):focus, .alert-topsite .close:not(:disabled):not(.disabled):hover { opacity: 1; color: #ffffff; }

/* nav bar */
.navbar-light .navbar-nav .nav-link { color: #007C6A; font-family: "Mortise Bold",Georgia, Serif; text-decoration: none;  }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #007C6A; text-decoration: underline; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #007C6A; text-decoration: underline; }

.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon { background-image: url(/img/ico-menu-closed.svg); }
.navbar-light .navbar-toggler:not(.collapsed) .navbar-toggler-icon { background-image: url(/img/ico-menu-close.svg); font-size: 10px; }
.navbar-light .navbar-collapse { font-size: 20px; }

.navbar-light .navbar-toggler { border-color: transparent; }
.navbar-light h5 { line-height: 22px; }


/* nav */
.nav.library .nav-item a.nav-link { color: #123364; font-family: "Mortise Bold",Georgia, Serif; font-size: 26px; text-decoration: none; }
.nav.library .nav-item a.nav-link:hover, .nav.library .nav-item a.nav-link:focus, .nav.library .nav-item a.nav-link.active { color: #C480F9; text-decoration: none; }

.nav.library-sub .nav-item a.nav-link { color: #123364; font-family: "Mortise Bold",Georgia, Serif; font-size: 16px; text-decoration: none; padding: .4rem 1rem; }
.nav.library-sub .nav-item a.nav-link:hover, .nav.library-sub .nav-item a.nav-link:focus, .nav.library-sub .nav-item a.nav-link.active { color: #C480F9; text-decoration: none; }


@media (min-width: 768px) {
  html { font-size: 16px; }
  .navbar-light .navbar-collapse  { font-size: 16px; }
}
/* section colors */
section.signup, section.banner-2, nav, section.content { background-color: #F7FFE6; }
section.banner { background-color: #C480F9; }

section.bottom-1 { background-color: #F0F9FC; }
section.bottom-2 { background-color: #D5E6DA; }
section.bottom-3 { background-color: #DCEFDC; }

section.top-1 { background-color: #F6EBFF; }

section.overlap { height: 77px; top: -77px; background-color: #ffffff; position: relative; z-index: 1; }
footer { background-color: #F7FFE6; }
.section-form { background-color:#F7FFE6; }

.container { max-width: 960px; }
.container.events-list { max-width: 1140px; }

ul.footer-nav { list-style: none; display: flex; padding-left:0; }
ul.footer-nav li > a { text-decoration: none; }
ul.footer-nav li > a:hover { text-decoration: underline; }

/* images */
img.mags { width: 570px; position: relative; }
img.bat { width: 70px; top: -6px; position: relative; }
img.books { width: 335px; }
img.mech { width: 265px; }
img.bio { width: 330px; }
img.bees { width: 349px; }
img.underwater { width: 373px; }
img.people { width: 424px; }
img.book { width: 397px; }
img.feature { position: relative; z-index: 100; }
img.climate-a { width: 290px; }
img.partners-c { width: 320px; }
img.about {  }

/* headings */
h1 { font-family: "Mortise Bold",Georgia, Serif;  }
h3 { font-family: "Mortise Bold",Georgia, Serif; font-size: 18px; }

/* books */
.book>p { font-family: "Mortise Medium",Georgia, Serif; line-height: 23px; }

/* background colors */
.bg-purple { background-color: #3A2073 !important; }

/* text colors */
.text-dark-purple { color: #123364; }
.text-purple { color: #143465; }
.text-green { color: #4E785A; }
.text-dark-red { color: #641420; }
.text-pink { color: #F8999A; }
.text-pink-light { color: #C480F9; }
.text-rose { color: #C57CFC; }

.text-branded-green { color: #007C6A; }
.text-branded-dark-green { color: #007C6A; }

/* font size */
.fs-60 { font-size: 60px; line-height: 58px; }
.fs-45 { font-size: 45px; line-height: 50px; }
.fs-40 { font-size: 40px; line-height: 48px; }
.fs-30 { font-size: 30px; }
.fs-25 { font-size: 25px; line-height: 32px; }
.fs-22 { font-size: 22px; line-height: 1.2em; }
.fs-20 { font-size: 20px; }
.fs-18 { font-size: 18px; }
.fs-15 { font-size: 15px; }
.fs-14 { font-size: 14px; }
.fs-12 { font-size: 12px; }
.fs-10 { font-size: 10px; }

.lh-20 { line-height: 20px; }

/* text weight */
.tw-medium { font-family: "Mortise Medium",Georgia, Serif; }
.tw-bold, strong { font-family: "Mortise Bold",Georgia, Serif; }

.text-decoration-none { text-decoration: none; }

hr.branded { border-top: 1px solid #F7FFE6; }

.brand { text-decoration: none; color: #007C6A; }
.brand:hover { text-decoration: none; color: #007C6A; }

.sub-title { font-family: "Mortise Bold",Georgia, Serif; font-size: 24px; }
p { /*font-size: 17px;*/ line-height: 26px; }

/* buttons */
.btn-cta { font-family: "Mortise Medium",Georgia, Serif; border-radius: 9rem; padding: .5rem 1.4rem; text-decoration: none; padding-top: 7px; }

.btn-dark-grey {  background-color: #C2D7E3; border-color: #C2D7E3; color: #0F3165; }
.btn-dark-grey:hover, .btn-dark-grey:not(:disabled):not(.disabled):active { background-color: #9FBBCB; border-color: #9FBBCB; color: #0F3165; }
.btn-grey {  background-color: #C1DAE1; border-color: #C1DAE1; color: #143465; }
.btn-grey:hover, .btn-grey:not(:disabled):not(.disabled):active { background-color: #9EB4B9; border-color: #9EB4B9; color: #143465; }

.btn-light-red {  background-color: #F5B849; border-color: #F5B849; color: #000000; }
.btn-light-red:hover, .btn-light-red:not(:disabled):not(.disabled):active { background-color: #A87B01; border-color: #A87B01; color: #ffffff; }

.btn-dark-blue {  background-color: #143465; border-color: #143465; color: #FFFFFF; }
.btn-dark-blue:hover, .btn-dark-blue:not(:disabled):not(.disabled):active { background-color: #08162B; border-color: #08162B; color: #FFFFFFF; }

.btn-rose {  background-color: #C57CFC; border-color: #C57CFC; color: #FFFFFF; }
.btn-rose:hover, .btn-dark-blue:not(:disabled):not(.disabled):active { background-color: #A330FA; border-color: #A330FA; color: #FFFFFFF; }

.btn-disabled {  background-color: #E1E1E1; border-color: #E1E1E1; color: #0F3165; cursor: default !important; }
.btn-disabled:hover, .btn-disabled:not(:disabled):not(.disabled):active { background-color: #E1E1E1; border-color: #E1E1E1; color: #0F3165; cursor: default !important; }

.btn-disabled-green {  background-color: #027941; border-color: #027941; color: #ffffff; cursor: default !important; }
.btn-disabled-green:hover, .btn-disabled-green:not(:disabled):not(.disabled):active { background-color: #027941; border-color: #027941; color: #ffffff; cursor: default !important; }

.btn-green {  background-color: #F5B849; border-color: #F5B849; color: #000000; }
.btn-green:hover, .btn-dark-grey:not(:disabled):not(.disabled):active { background-color: #A87B01 ; border-color: #A87B01 ; color: #ffffff; }

.text-decoration { text-decoration: underline; }
.btn-secondary-toggle { color: #000000; background-color: #ffffff;  border: 1px solid #ced4da; padding: 9px 20px;}

/*.ico-fb:hover { background-color: #BF7574; border-color: #BF7574; color: #66141F; }*/

.btn-secondary-toggle:not(:disabled):not(.disabled).active, .btn-secondary-toggle:not(:disabled):not(.disabled):active, .show>.btn-secondary-toggle.dropdown-toggle {
    color: #fff;
    background-color: #007C6A;
    border-color: #007C6A;
	
}

.links-cta a { font-size: 16px; color: #FFB628; line-height: 25px; }

/* events */
a.event-location { text-decoration: none; }

.section-events { color: #0C2F66; font-size: 14px; }
.section-events { /*padding-bottom: 50px;*/ }
.section-events .filter { background: #FBFAFF; border: 1px solid #E4E0F6; border-radius: 7px; }
.section-events .line { border-top: 1px solid #eee; width: 100%; height: 1px; padding-top: 40px; }
.section-events .date { font-size: 15px; }
.section-events .date span { font-size: 14px; }
.section-events .location { color:#8276ab; text-decoration: underline; }
.section-events .type { font-size: 10px; font-family: "Mortise Bold",Georgia, Serif; text-transform: uppercase; }
.section-events .title { font-size: 19px; font-family: "Mortise Bold",Georgia, Serif;}
.gm-style { font-family: "Mortise Regular",Georgia, Serif; }
.gm-style-iw .info_content, .gm-style-iw .info_content a { color: #0C2F66; }
.gm-style-iw .info_content h4 { font-family: "Mortise Bold",Georgia, Serif; }
.gm-style-iw .info_content p { line-height: 18px; }
.gm-style-iw .info_content a.location { text-decoration: underline; font-family: "Mortise Regular",Georgia, Serif; font-size: 13px; }
.gm-style-iw .info_content a.view { font-size: 13px; font-family: "Mortise Regular",Georgia, Serif; padding-top: 10px; display: block; }
.section-events p { line-height: 23px; }
.section-events a.event-row { display: block; color: #0C2F66; text-decoration: none; }
.section-events a.event-row:hover { background-color: #f8f7ff; color: #0C2F66; }
.section-events a.event-row:hover .arrow { background-color: #C480F9; color: #ffffff; }
.section-events a.event-row .arrow { color: #C480F9; position: absolute; top: 50%; right: 10px; transform: translate(-50%, -50%); padding: 13px 15px 15px 16px; border-radius: 100%; height: 44px; width: 44px; }

a.event-row:hover .card-header { background-color: #006354; }

#filterForm  .eventsInput { padding-right: 36px; }
.form-clear {
  align-items: center;
  background: #F7FFE6;
  border-radius: 50%;
  top: 37px;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  display: flex;
  height: 25px;
  justify-content: center;
  position: absolute;
  right: 24px;
  width: 25px;
  z-index: 10;
}
.form-clear > .ico-close {
	top: 0;
    padding-left: 6px;
    color: #fff;
    height: 25px;
    width: 25px;
    padding-top: 5px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%2326679F' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
}


.card {
	border-radius:10px;
	border: none;
}
.card-header {
	background-color: #007C6A;
}

.card-header:first-child {
    border-radius: 10px 10px 0 0;
}

.eventsInput::-ms-clear {
    display: none;
}
.ico-calendar {
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	background: url(/img/ico-calendar-dark-green.svg);
	background-size: 16px 16px;
	position: absolute;
	top:2px;
}
.ico-marker {
	display: inline-block;
	text-indent: -9999px;
	width: 11px;
	height: 16px;
	background: url(/img/ico-marker-dark-green.svg);
	background-size: 11px 16px;
	position: absolute;
	top:2px;
	left: 2px;
}
.ico-marker2 {
	display: inline-block;
	text-indent: -9999px;
	width: 11px;
	height: 16px;
	background: url(/img/ico-marker@2x.png);
	background-size: 11px 16px;
	position: absolute;
	top:2px;
	left: 2px;
}

.section-events a.event-row:hover .arrow .icon-arrow {
	display: block;
	text-indent: -9999px;
	width: 15px;
	height: 20px;
	background: url(/img/arrow-right-on.svg);
	background-size: 15px 20px;
}
.ico-map { 
	background: url(/img/ico-map-dark.svg); 
	width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}
.btn-view.active .ico-map, .btn-view:hover .ico-map { 
	background: url(/img/ico-map-light.svg); 
	width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}
.ico-close {
	font-size: 29px;
    line-height: 12px;
    display: inline-block;
    position: relative;
    top: 5px;
    padding-left: 5px;
}
.ico-list { 
	background: url(/img/ico-list-dark.svg); 
	width: 12px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}
.btn-view.active .ico-list, .btn-view:hover .ico-list { 
	background: url(/img/ico-list-light.svg); 
	width: 12px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}
.dropdown-item { color: #000000; }
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007C6A;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #007C6A;
}


.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    color: #007C6A;
}
.dropdown-item:hover span.check-mark {
    color: #FFFFFF !important;
}
#mapCanvas { height: 620px;	}
#miniMapCanvas { height: 300px;	}
.btn-clear, .btn-clear.active, .btn-clear:hover { text-decoration: underline; background: none !important; padding: 5px 15px; border-radius: 20px !important; font-family: "Mortise Regular",Georgia, Serif; font-weight: 400 !important; color: #ffffff !important; font-size: 14px; border-color: transparent; }
.btn-view.active, .btn-view:hover { background-color: #3A2073 !important; padding: 5px 15px; border-radius: 20px !important; color: #ffffff !important; }
.btn-view { background: none !important; padding: 5px 15px; border-radius: 20px !important; font-family: "Mortise Regular",Georgia, Serif; font-weight: 400 !important; color: #3A2073 !important; font-size: 14px; border-color: transparent; }
.btn-select { background-color: #ffffff; border: 1px solid #ccc; height:45px; padding: 10px 16px;}
.eventsInput, .partnerInput {
    width: 100% !important;
	height: 45px;
}
.form-control {
    height: 45px;
    box-shadow: none;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #FFF;
}

.events-list .filter { font-size: 14px; }
.events-list label { align-items: flex-start; justify-content: flex-start; font-family: "Mortise Bold",Georgia, Serif; }
.events-list label.custom-control-label { font-family: "Mortise Regular",Georgia, Serif; }
.form-inline label { margin-bottom: 0.4rem; }

#filter-terms > a {
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    color: #FFFFFF;
    padding: 5px 11px 6px 13px;
    margin-right: 10px;
    margin-bottom: 10px;
	text-decoration: none;
}

.eventContent {
    padding-bottom: 30px;
}
.icon-arrow { 
	display: block;
	text-indent: -9999px;
	width: 15px;
	height: 20px;
	background: url(/img/arrow-right.svg);
	background-size: 15px 20px;
}

.pill { color: #fff; font-size: 13px; padding: 4px 10px 4px 10px; border-radius: 20px; }

.outline-purple { 
	border: 1px solid #007C6A;
	color: #007C6A;
	margin-right: 10px;
    margin-bottom: 10px;
}

.section-event .event-actions a.share { color:#007C6A; background:transparent url(/img/ico-share-green.svg) no-repeat center left; padding: 11px 8px 12px 30px; background-size: 16px 16px; vertical-align: middle; text-decoration: none; }
.section-event .event-actions a.share:hover { text-decoration: underline; }

/* partners */
ul.partners-alpha { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #007C6A; }
ul.partners-alpha li { float: left; }
ul.partners-alpha li a { display: block; color: white; text-align: center; padding: 10px; text-decoration: none; font-size: 19px; font-family: "Mortise Bold",Georgia, Serif; }
ul.partners-alpha li a:hover { color: #FFFFFF; }

.content.partners .dropdown { display: none; visibility: hidden; }

.partners-years a { display:inline-block; padding:8px 14px; border:2px dotted #a59ebf; float:left; margin-right:10px; text-decoration:none; font-family: "Mortise Bold",Georgia, Serif; font-size:18px; line-height:18px; }
.partners-years a.On, .partners-years a:hover { border:2px solid #F7FFE6;  }

.partners-alpha-letter { font-size:32px; color:#007C6A;font-family: "Mortise Bold",Georgia, Serif; margin-bottom:0; margin-top:30px; }
hr.partners { margin-top:30px; margin-bottom:30px;  border-top: 1px solid #fff; }
.partners-name { font-size:19px;font-family: "Mortise Bold",Georgia, Serif; }

.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {
    display: block;
}

.list-noindent { list-style-type: disc; padding-left: 17px; }
.list-nostyle { list-style-type: none; padding-left: 0; }
.list-nostyle li { padding-bottom: 7px; }

/*.content { margin-top:40px; margin-bottom: 230px; }*/
@media (min-width: 768px) {
  /*.content { margin-top:170px; }*/
}

@media (min-width: 720px) {
  /*main, .section-form { padding-bottom: 85px;}*/
  
}