/*
	Theme Name: Giving MIU
    Template: giving-main
	Theme URI: www.safire.com
	Description: A plain-vanilla & lightweight theme
	Author: Safire Internet Solutions, Inc.
	Author URI: https://www.safire.com
	Text Domain: miu-giving
*/

  @font-face {
	font-family: 'source sans pro';
	font-style: normal;
	font-weight: 400;
	src:url(https://giving.miu.edu/fonts/sourcesanspro-light-webfont.woff) format('woff'),
		url(https://giving.miu.edu/fonts/sourcesanspro-light-webfont.woff2) format('woff2');
  }


@font-face {
  font-family: 'source sans pro';
  font-style: normal;
  font-weight: 400;
  src:url(https://giving.miu.edu/fonts/SourceSansPro-Regular.woff) format('woff'),
  	url(https://giving.miu.edu/fonts/SourceSansPro-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'source sans pro';
  font-style: italic;
  font-weight: 400;
  src: url(https://giving.miu.edu/fonts/SourceSansPro-It.woff) format('woff'),
  url(https://giving.miu.edu/fonts/SourceSansPro-It.woff2) format('woff2');
}

@font-face {
  font-family: 'source sans pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://giving.miu.edu/fonts/SourceSansPro-Semibold.woff) format('woff'),
  url(https://giving.miu.edu/fonts/SourceSansPro-Semibold.woff2) format('woff2');
}

@font-face {
  font-family: 'source sans pro';
  font-style: italic;
  font-weight: 600;
  src: url(https://giving.miu.edu/fonts/SourceSansPro-SemiboldIt.woff) format('woff'),
  url(https://giving.miu.edu/fonts/SourceSansPro-SemiboldIt.woff2) format('woff2');
}

/* =============================================
   HEADLINES AND CALLOUTS
   ============================================= */

@font-face {
  font-family: 'rosario';
  font-style: normal;
  font-weight: 400;
  src: url(https://giving.miu.edu/fonts/rosario-light-webfont.woff2) format('woff'),
  url(https://giving.miu.edu/fonts/rosario-light-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'rosario';
  font-style: italic;
  font-weight: 400;
  src: url(https://giving.miu.edu/fonts/rosario-lightitalic-webfont.woff) format('woff'),
  url(https://giving.miu.edu/fonts/rosario-lightitalic-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'rosario';
  font-style: normal;
  font-weight: 400;
  src: url(https://giving.miu.edu/fonts/rosario-regular-webfont.woff) format('woff'),
  url(https://giving.miu.edu/fonts/rosario-regular-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'rosario';
  font-style: italic;
  font-weight: 400;
  src: url(https://giving.miu.edu/fonts/rosario-italic-webfont.woff) format('woff'),
  url(https://giving.miu.edu/fonts/rosario-italic-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'rosario';
  font-style: normal;
  font-weight: 600;
  src: url(https://giving.miu.edu/fonts/rosario-semibold-webfont.woff) format('woff'),
  url(https://giving.miu.edu/fonts/rosario-semibold-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'rosario';
  font-style: italic;
  font-weight: 600;
  src: url(https://giving.miu.edu/fonts/rosario-semibolditalic-webfont.woff) format('woff'),
  url(https://giving.miu.edu/fonts/rosario-semibolditalic-webfont.woff2) format('woff2');
}

@font-face {
  font-family: 'rosario';
  font-style: normal;
  font-weight: 700;
  src: url(https://giving.miu.edu/fonts/rosario/rosario-bold-webfont.woff) format('woff');
}

@font-face {
  font-family: 'rosario';
  font-style: italic;
  font-weight: 700;
  src: url(https://giving.miu.edu/fonts/rosario/rosario-bolditalic-webfont.woff) format('woff');
}
*
/* reset whitespace */
* {
	margin:0;
	padding:0;
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

/* set HTML5 elements to block  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {
	display: block;
}

html {
	scroll-behavior: smooth;
	/* set a padding for scrolling for the sticky header */
	scroll-padding-top: 300px;
}

/* =============================================
   Visibility
   ============================================= */

nav.desktop {
	display: block;
	background: #fff;
}
.mobile,
.tablet-only,
#hero .slide img.mobile,
#nav-open,
#nav-close,
#sub-open,
#sub-close {
	display: none;
}

.small-screens-only {
  display: none;
}

/* =============================================
   Common Utilities
   ============================================= */

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}

.hidden {
	display: none;
}

.padding {
	padding: 30px 30px 10px 30px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.margin-top {
	margin-top: 40px;
}

.transparent {
	background: none;
}

.light-fonts {
	background-image: url(../media/arrow-sprite.png);
	background-repeat: no-repeat;
	font-weight: 400;
	background-size: 15px;
	background-position: right 6px;
	padding-right: 18px;
}

.margin-top-none,
article + h2 {
	margin-top: 0;
}

.margin-top-30,
.body p.margin-top-30 {
	margin-top: 30px;
}

.margin-bottom-none,
.body article form fieldset p.margin-bottom-none,
section.body article h3.margin-bottom-none {
	margin-bottom: 0;
}

.active {
	opacity: 1;
}

.view-table {
	display: table !important;
	width: 100% !important;
}

.view-table-row {
	display: table-row !important;
}

.view-table-cell {
	display: table-cell !important;
	vertical-align: middle;
}

.anchor-stickymenu {
  scroll-margin-top: 3rem;
}

.flex {
    display: flex;
}

/* =============================================
   Backgrounds & Colors
   ============================================= */

.main-color {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91ba5b+0,70ab44+100 */
	background: #244B6F;
	color: #fff !important;
}

.blue {
	background-color: #0179be;
	color: #fff;
}

.tan {
	background: #f9f7f2;
}

.green {
	background: #89af4f;
	color: #fff;
	overflow: visible;
}

.gray {
	background: #f7f4ef;
}

.main-color-darken {
	background-color: #08386f;
}

.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green p,
.green a,
.green a:visited,
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue p,
.blue a,
.blue a:visited {
	color: #fff;
}

a.orange {
	color: #fea740 !important;
}

a.orange:hover {
	color: #bf8211!important;
}

/* =============================================
   LAYOUT
   ============================================= */

body {
	font: 300 17px/1.6 'source sans pro', sans-serif;
	font-family: 'source sans pro', sans-serif;
	color: #4c4943;
	background: #fff;
	-webkit-font-smoothing: subpixel-antialiased;
}

header,
nav,
section,
footer {
	position: relative;
	width: 100%;
	z-index: 0;
	/*text-align: center;*/
	clear: both;
}

section {
	overflow: hidden;
}

section.elementor-top-section {
    padding: 2rem 0;
}

header,
nav {
	overflow: visible;
}

.container {
	position: relative;
	width: 93%;
	max-width: 1000px;
	margin: auto;
	z-index: 0;
	text-align: left;
	padding: 40px 4%;
}

.body .container {
	padding-top: 45px;
	padding-bottom: 45px;
}

article,
aside,
.col,
.block {
	position: relative;
	display: inline-block;
	overflow: visible;
}

.col,
.block {
	display: block;
	float: left;
}

article {
	width: 74%;
}

article.full {
	width: 100%;
}

aside {
	z-index: 999;
	width: 21.5%;
	max-width: 207px;
	margin-right: 3%;
	display: block;
	float: left;
}

article .col.main {
	width: 65%;
	padding-right: 5.5%;
}

article .col.side,
article .block.side {
	width: 29.5%;
}

article .block.side.right {
	float: right;
	margin: 0 0 30px 5%;
}

article .col.half,
#conact-popup .col.half {
	width: 47%;
	margin-right: 6%;
	clear: left;
}

article.full .col.half {
	width: 49.25%;
	margin-right: 1.5%;
}

article .col.half.last,
article.full .col.half.last,
#conact-popup .col.half.last  {
	margin-right: 0;
	clear: none;
}

article .col.half.border-top {
	border-top: 4px solid #faf8f1;
	padding-top: 30px;
}


hr {
	clear: both;
	outline: none;
	border: none;
	zoom: 1;
	height: 1px;
	background: #bebab3;
	margin-bottom: 30px;
	margin-top: 30px;
}

hr.dark {
	background: #adadad;
	margin-top: 50px;
	margin-bottom: 20px;
}

.call-out hr {
	margin-bottom: 20px;
	margin-top: 20px;
}

/* Clear*/

.clearFix:after,
.clear-multi:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix,
.clear-multi {
	zoom: 1; /* for IE */
}

body .elementor img.alignright {
    width: 50%;
  }

.ms-thumb-frame img {
    height: auto!important;
}

.ms-layout-partialview img {
    border: 1px solid #aba9a6!important;
    box-sizing: border-box!important;
}

.ms-thumb-frame img {
    height: auto!important;
    width: 100%!important;
}

.ms-slide .ms-slide-bgcont img {
    width: 100%!important;
    height: auto!important;
}

.same-width-buttons a.elementor-button {
    width: 95%;
    margin: auto;
    display: block;
}



/* =============================================
   BASIC TEXT / HEADINGS
   ============================================= */

h1,
h2,
h3,
h4,
h5 {
	font-family: 'rosario',sans-serif;
	font-weight: normal;
	color: #555;
}

h1 {
	font-weight: 400;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 20px;
}


h2 {
/*  font-family: 'source sans pro',sans-serif;
  font-size: 42px;
  line-height: 1.3!important;
  margin-bottom: 20px!important;
  color: #392f2a;
  text-align: center;
  font-weight: 400;
  text-transform: initial;
  letter-spacing: 2px;*/
  font-size: 50px;
line-height: 1.3!important;
margin-bottom: 0!important;
color: #8aa671;
text-align: center;
font-weight: 400;
text-transform: initial;
letter-spacing: 1px;
}

h2.first {
	margin-top:0;
}

body .elementor-heading-title {
  line-height: 1.25;
}

@media screen and (max-width: 1440px) {
	h2.small {
		font-size: 32px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	h2.small {
		font-size: 28px;
	}
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	h2.small {
		font-size: 24px;
	}
}

@media screen and (max-width: 639px) {
	h2.small {
		font-size: 20px;
	}
}

h3 {
	font-weight: 400;
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 15px;
}

h3 span.subtitle {
	color: #295b8d;
    display: block;
    font-size: .9em;
    font-style: italic;
    margin-top: 12px;
}

.body article h3.first {
	margin-top: 0!important;
}

.stripe h3 {
	margin-bottom: 10px;
}

section.body article h3 {
	margin-bottom: 20px;
}

h4 {
	font-weight: 400;
	font-size: 19.2px;
	line-height: 1.3;
	margin-top: 25px;
	margin-bottom: 15px;
}

h4.margin-bottom {
	margin-bottom: 20px;
}

h5,
h1.small {
	font-family: "source sans pro", sans-serif, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 0;
	color: #000;
	font-weight: normal;
}

h1.small {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 5px;
	letter-spacing: 2px;
}

blockquote {
	color: #333;
	font-style: italic;
	border-left: 4px solid #faf8f1;
	padding: 0 20px;
	margin: 0 20px 20px 20px;
}

p {
	margin: 0 0 20px 0;
}

.body p {
	margin: 15px 0 15px 0;

}

article h2 {
	margin-top: 25px;
}

article h2:first-child {
	margin-top: 0;
}

.body blockquote {
	margin-bottom: 30px;
}

.body ul, .body ol {
	margin: 0 0 20px 20px;
}

.body ul ul {
    margin: 12px 0 0 20px;
}

.body ul ul li:before {
	content: "•";
	    margin-right: 7px;
	    color: #939b87;
	    margin-left: -17px;
	    font-size: .85em;
	    vertical-align: 1px;
}

ul ul li {
    background: none;
    padding-left: 0;
}

strong, b {
	font-weight: 600;
}

p.heading-1,
p.heading-2,
p.heading-3,
p.heading-4 {
	font-weight: 700;
}

p.500,
p.heading-1,
p.heading-2,
p.heading-3,
p.heading-4  {
	color: #444;
}

.with-arrow {
	background-image: url("../media/bullet@2x.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px 10px;
	font-weight: 400;
	padding-right: 15px;
}

sup {
    font-size: x-small;
}

/* =============================================
   GENERAL IMAGE STYLES
   ============================================= */

.body img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

.body .col.half img {
	margin: 0 0 20px 0;
}

p.caption, .wp-caption {
    font-style: italic;
    font-size: 1.05em;
    text-align: center;
    line-height: 1.2;
}

.wp-caption {
    font-style: normal;
}

img.float-left,
.alignleft,
.body img.alignleft,
.wp-caption.float-left,
.wp-caption.alignleft  {
	float: left;
	margin: 0 40px 20px 0;
	max-width: 50%;
}

.alignleft.small,
.body img.alignleft.small {
	margin: 0 25px 15px 0;
}

img.float-right,
.alignright,
.body img.alignright,
.wp-caption.float-right,
.wp-caption.alignright {
	float: right;
	margin: 0 0 20px 40px;
	max-width: 50%;
}

.alignright.small,
.body img.alignright.small {
	margin: 0 0 15px 25px;
}

.wp-caption img,
.body article .wp-caption img {
	width: 100%;
	max-width: 100%;
	display: block;
	margin-bottom: 10px;
}

/* =============================================
   CALL-OUT
   ============================================= */

.body .call-out {
	padding: 15px;
	-webkit-box-shadow: 0 0 0 2px rgba(137,175,79,1);
	-moz-box-shadow: 0 0 0 2px rgba(137,175,79,1);
	box-shadow: 0 0 0 2px rgba(137,175,79,1);
	margin-top: 20px;
	margin-bottom: 20px;
}

.body .call-out.buttons {
	margin-bottom: 40px;
	padding-bottom: 10px;
}

.body .call-out.buttons a.button {
	display: inline-block;
	margin-right: 10px;
	float: left;
}

.body .call-out h3 {
	margin-bottom: 20px;
}


/* =============================================
   QUOTE STYLES
   ============================================= */

p span.author {
	display: block;
	font-weight: 700;
	margin-top: 5px;
}

p.author {
	font-weight: 700;
}

/* =============================================
   TOOLTIPS
   ============================================= */

#tooltip
{
    text-align: center;
    color: #fff;
    background: #756d68;
    position: absolute;
    z-index: 500;
    padding: 15px;
    pointer-events: none;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #756d68;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #756d68;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

span.tooltip {
    background-color: transparent;
    font-size: inherit;
    padding: 0;
    border-radius: 0;
    margin-left: 0;
    font: inherit;
    font-family: inherit;
    vertical-align: 0;
    color: #4a6a7d;
    border-bottom: 1px solid #4a6a7d;
    white-space: nowrap;
    cursor:help;
}

.tooltip-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	line-height: 23px;
	background-color: #777;
	color: #fff;
	margin-top: 4px;
	margin-left: 6px;
	border-radius: 100%;
	cursor: pointer;
}

span.entrycallout {
    color: #89af4f;
    border-bottom: 1px solid #89af4f;
}

span.greenstripe {
		color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/* =============================================
   DEFAULT LINKS
   ============================================= */

a, a:visited {
	color: #4a6a7d;
	text-decoration: underline;
	cursor: pointer;
}

.elementor p a, .elementor li a {
    text-decoration: underline;
    color: #9f651a;
}

.covid a, .covid a:visited {
	color: #ffffff;
}

h3 a,
h3 a:visited {
	color: #333;
	text-decoration: none;
}

a:hover,
h3 a:hover {
	text-decoration: underline;
	color: #f1a416;
}

a:focus {
	outline:none
}

a img {
	border: none;
	display: block;
}


/* =============================================
   BUTTONS
   ============================================= */

/* =============================================
   LISTS
   ============================================= */

section ul, section ol {
	padding-left: 25px;
}

section ol {
    margin-bottom: 20px;
}

section li {
	text-align: left;
	line-height: 1.6;
	padding: 0 0 12px 0;
}

/* =============================================
   TABS
   ============================================= */

body .styleone .tab-area li .inrtab {
    background: transparent;
    color: #392f2a;
    font-weight: 400;
    transition: all 0.3s ease-in 0s;
}

body .xl-tab li {
    display: inline-block;
    cursor: pointer;
    border-left: 1px solid #e1d0a6;
    padding: 0 10px;
}

body .xl-tab li:first-child {
    border-left: none;
}

body .xl-tab.styleone .tab-area li.active .inrtab div:before {
    bottom: -1px;
    height: 1px;
    background: #392f2a;
}

/* =============================================
   KPI Dashboard
   ============================================= */

   .kpi-project-container {
    display: flex;
    width: 100%;
    gap: 2px;
    flex-wrap: wrap;
}

/* Pledge Options above KPIs */

span.pledge-explained {
    display: block;
    margin-bottom: 35px;
}

.kpi-project-container .pledge-explained h3 {
    font-size: 1.8em;
    text-align: left;
    margin-bottom: 20px;
    margin-top: -50px;
}

.pledge-explained h4 {
    font-size: 1.7rem;
}

.pledge-explained ol > li strong {
    color: #6d904d;
}

.pledge-explained ol li::marker {
    font-weight: 400;
    color: #6d904d;
}

.pledge-explained ol ul li strong {
    color: inherit;
}

.pledge-explained ol ul ul li {
    padding-bottom: 0;
}

.kpi-project-container > div {
    width: 49%;
        margin: 1px;

}

.kpi-project-container h3 {
  font-size: 1.6rem;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
    text-align: center;
}

.kpi-start-container, .kpi-pledge-container, .kpi-goal-container {
    background: #f6d175;
    padding: 15px 20px 18px;
    color: #fff;
}

.kpi-pledge-container {
background: #f9ca56;
}

.kpi-start-container  {
    background: #f8ca57;
}

.kpi-goal-container {
background: #f2b315;
}

.kpi-project-container .amount {
  font-size: 3rem;
text-align: center;
    width: 100%;
    line-height: 1;
}

/* =============================================
   HEADER
   ============================================= */

/* Theme classes */

.no-highlight:hover {
	background-color: transparent !important;
}

header,
header * {
	box-sizing: border-box;
}

header {
	z-index: 500;
	color: #606060;
  /*transition: all .1s linear;*/
}

header.sticky {
	position: -webkit-sticky;
    position: sticky;
    background: #fff;
    top: 0;
}

header .stack-top {
	position: relative;
	z-index: 1;
}

header .whitebar {
	display: block;
}

header .topbar {
	width: 100%;
  display: block;
  transition: display .2s linear;
}

header.sticky .topbar {
  display: none;
}

header .container {
	width: 100%;
	padding: 0;
}

header .announcement-slider p span.highlight {
	font-weight: bold!important;
	text-decoration: underline;
}

header .topbar-item {
	float: left;
}

header .topbar-item-last {
	float: right;
}

header .topbar-item.nav {
	width: 35%;
}

.topbar-item-last-ctas {
	float: right;
	border-right: 1px solid #e2e0dc;
	margin-right: 10px;
	padding-right: 10px;
}

.topbar-item-last-ctas li.searchform {
	width: 170px;
}


header ul.nav li {
	list-style: none;
	float: left;
	line-height: 20px;
}

header ul.nav li a {
	padding: 0 5px;
	color: #5f5f5f;
	text-decoration: none;
	font-size: 11px;
	font-weight: 400;
}

header ul.nav li a:hover {
	color: #636262;
	text-decoration: underline;
}

ul.nav.cta li {
	border-right: 1px solid #e2e0dc;
	padding-right: 2px;
	display: block;
	height: 24px;
	margin-right: 4px;
}

ul.nav.cta li a {
	padding-left: 0;
	font-weight: 800;
}

/* greenbar */

header .greenbar {
	border-top: 1px solid #e2e0dc;
	border-bottom: 1px solid #e2e0dc;
	height: auto;
	padding: 25px 0;
  overflow: visible;
  transition: all .1s linear;
}

header .logo, footer .logo {
	    background: url(/wp-content/themes/miu-giving/media/miu-logo-horizontal.svg) no-repeat left top;
      transition: all .1s linear;
}

header .logo h1 {
	font-family: Times New Roman, serif;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 0px;
	text-align: left;
}

header .logo h1 a {
	color: #22496b;
	text-decoration: none;
}

header .logo p {
	font-size: 1.1em;
	margin: 0;
}

.logo p a {
	color: #979697;
	text-decoration: none;
}

.logo-section {
    float: left;
    width: 32%;
    transition: all .1s linear;
}

/*header .logo-section a.explain {
    display: inherit;
    font-weight: 400;
    text-transform: initial;
    font-style: italic;
    float: left;
    color: #809e50;
    clear: left;
    letter-spacing: 1px;
    font-size: 13px;
    border-top: none;
    padding-top: 8px;
	text-decoration: none;
}*/

.welcome-content p a img {
	display: inline;
	width: 260px;
	margin-left: 0px;
}

header .welcome-content p {
	font-size: 60px;
	line-height: 1;
	font-weight: 400;
	color: #8ba771;
	margin-bottom: 4px;
  text-align: left;
}

header .ctas {
	width: 27%;
}

header .search-project {
  background-color: #fbf9f6;
  border: 1px solid #e4e2de;
  padding: 0 10px 6px;
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  width: 215px;
  float: right;
  text-align: center;
  margin-top: -26px;
  transition: margin-top .1s linear;
}

header .search-project input {
    width: 100%;
    background: #d8ac74 url(/wp-content/themes/miu-giving/media/icon-sprite.svg) no-repeat center right;
    border: none;
    color: #fff;
    font-size: 17px;
    padding: 3px 7px;
    font-style: italic;
    font-family: source sans pro, sans-serif;
    display: block;
    background-size: 17px;
    border-right: 5px solid #d8ac74;
    background-position-y: 7px;
    border-radius: 4px;
}

header .search-project input::-webkit-input-placeholder {
  color: #fff;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

/* Firefox 18- */
header .search-project input:-moz-placeholder {
  color: #fff;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

header .search-project input::-moz-placeholder {
  color: #fff;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

header .search-project input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

li.indent-project-item  {
  padding-left: 10px;
}

li.capital-campaign-first-item::before {
  display:block;
  content:'Renaissance Campaign';
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
  width: 100%;
  height: 15px;
  margin-left: -10px;
  margin-bottom: 10px;
}

li.other-projects-first-item::before {
  display:block;
  content:'Other Projects';
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
  width: 100%;
  height: 15px;
  margin-left: -10px;
  margin-bottom: 10px;
}

/*li.ui-menu-item::before {
    content: 'car';
    width: 200px;
}*/


/* VIEW ALL DEGREE PROGRAMS ON LANDING PAGES */
.cta-button.orange {
	font: 400 24px/1.6 source sans pro, sans-serif;
	padding: 15px 20px;
}

@media screen and (max-width: 640px) {
	.cta-button.orange {
		font: 400 20px/1.2 source sans pro, sans-serif;
	}
}

/* Main Nav */

header ul.topbar-mainnav li {
	list-style-type: none;
	text-align: center;
	border-right: 1px solid #e2e0dc;
	font-weight:400;
}

header ul.topbar-mainnav li a {
	text-decoration: none;
	color: #5d5552;
	text-transform: uppercase;
	letter-spacing: .5px;
	display: block;
	font-size: .75em;
	line-height: 40px;
}

header li.current-menu-item a {
    font-weight: 600;
    /* text-decoration: underline!important; */
    color: #668848!important;
}

header li#menu-item-8188.current-menu-item a, header li.current-menu-item.menu-item-8188 a {
    font-weight: 400;
    /* text-decoration: underline!important; */
    color: #5d5552!important;
}

header ul.topbar-mainnav li a:hover {
	text-decoration: underline;
  color: #668848;
}

header ul.topbar-mainnav li.cta-orange a:hover, header ul.topbar-mainnav li.cta-orange a:active {
	background: #ed8200;
}

header ul.topbar-mainnav li.cta-red a:hover, header ul.topbar-mainnav li.cta-red a:active {
    background: #ea5d20!important;
}

header .burger {
	background: url(/wp-content/themes/miu-giving/media/icon-sprite.png) no-repeat;
	width: 16px;
	height: 14px;
	background-size: 14px;
	margin-left: 5px;
	display: inline-block;
	background-position-y: -310px;
	overflow: visible;
	vertical-align: -1px;
}

header .current_page_item .burger {
    background-position-y: -375px;
}

	header ul.topbar-mainnav li.collapse a:hover, header ul.topbar-mainnav li.collapse a:active {
		transition: none;
	}

header #topbar-nav-other {
	position: absolute;
	top: 24px;
	right: 0;
	min-width: 17%;
}

header #mainnav-more {
	position: absolute;
	right: 0;
	z-index: 1000;
	width: 100%;
}
 header .welcome-container {
        margin: 0;
        padding: 0 0 0 2.5%;
        width: 41%;
        transition: all .1s linear;
        max-width: 460px;
    }

    header.sticky .welcome-container {
    width: 200px;
}

#primary-menu li.menu-item-has-children {
    position: relative;
}

ul.sub-menu {
    width: 200px;
    position: absolute;
    top: 16px;
    height: auto;
    display: none;
}

ul.sub-menu li {
    float: none!important;
    display: block!important;
    margin-left: 0!important;
}

ul.sub-menu.opened, .nav-desktop li.menu-item-has-children:hover ul.sub-menu, footer li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

#primary-menu li.menu-item-has-children > a:after {
    background: url(/wp-content/themes/miu-giving/media/icon-sprite.svg) no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    content: "";
    float: right;
    background-size: 11px;
    background-position-y: -15px;
    opacity: .6;
    margin-left: 3px;
}

/*#primary-menu li.menu-item-has-children:hover > a:after {
    background-position-y: -35px;
}*/

ul#ui-id-1, ul#ui-id-2 {
  list-style: none;
}

ul.sub-menu a, header .nav-small-screens ul.topbar-mainnav li a {
    padding: 10px;
    background: rgba(251,249,246,.9);
    margin-top: 2px;
}

ul#ui-id-1, ul#ui-id-2 {
    width: 50%!important;
    max-width: 500px;
    padding: 10px 20px;
    z-index: 500;
      background: rgba(251,249,246,.95);
}

ul#ui-id-2 {
    /*top: -760px!important;*/
    height: 300px;
    overflow: scroll;
    width: 300px!important;
}

ul#ui-id-1 li div, ul#ui-id-2 li div {
  padding: 5px 0;
  cursor: pointer;
  line-height: 1.2!important;
    text-decoration: none;
    color: #5d5552;
    letter-spacing: .5px;
    font-size: 15px;
    line-height: 40px;
    font-weight: 400;
}

ul#ui-id-1 li div:hover, ul#ui-id-2 li div:hover {
  text-decoration: underline;
}

ul.sub-menu a:hover {
    background-color: #668848!important;
    color: #fff!important;
    text-decoration: none!important;
}

/* Header Media Queries */

/* ALL DESKTOP */
@media screen and (min-width: 1024px) {

	p, li, section ol li, .toggle-box {
		font-size: 24px;
	}

	header .whitebar {
		height: 33px;
	}

	header nav.whitebar {
		height: auto;
		width: 665px;
		float: left;
	}

	header .whitebar ul.topbar-mainnav li a {
		line-height: 1;
	}

	header .whitebar ul.topbar-mainnav li a:hover, header .whitebar ul.topbar-mainnav li a:active, header .whitebar ul.topbar-mainnav li a span:hover {
		background-color: #fff;
		background: #fff;
	}

	header .topbar {
		background: url('/wp-content/themes/miu-giving/media/mmy.gif') no-repeat;
		background-position-x: left;
		background-size: 29px;
		background-position-y: 4px;
		padding: 5px 0;
	}

	header .topbar-item.founder {
		width: auto;
		display: block;
		margin-right: 20px;
	}

	header .topbar-item.founder span {
		margin-left: 35px;
		font-size: .7em;
		color: #5e5e71;
		line-height: 25px;
		display: block;
		letter-spacing: 1.05px;
		font-weight: 400;
		margin-bottom: 0px;
	}

	header .topbar-item.announcement-slider {
		width: 415px;
		border-left: 1px solid #e2e2e2;
		height: 24px;
		padding: 0;
		overflow: hidden;
	}

	.announcement-slider p {
		font-size: 18px;
		font-style: italic;
		font-weight: 400 ;
	}

	.topbar-item-last-ctas {
		float: right;
	}

  header.sticky .greenbar {
    padding: 17px 0;
  }

	header .topbar-item.nav {
		border: none;
	}

	header ul.nav li.collapse {
		width: 65px;
	}

	header ul#topbar-nav-users {
		top: 34px;
		right: 0;
		min-width: 190px;
		position: absolute;
		z-index: 1;
	}

	header .logo {
    background-size: 365px;
    background-position-y: -203px;
    height: 75px;
    background-position-x: -42px;
    width: 308px;
	}

	header .logo span {
		display: block;
		letter-spacing: 2px;
		font-size: .85em;
		font-weight: 400;
		text-transform: uppercase;
	}

	header .welcome-container {
		border-left: 1px solid #E2E0DD;
	}

	header .welcome-content {
		width: 100%;
    height: 70px;
    transition: all .1s linear;
	}

  header.sticky .welcome-content {
    height: 45px;
  }

  header .welcome-content img {
    width: 108%;
    transition: all .1s linear;
  }

  header.sticky .welcome-content img {
    width: 350px;
  }

	.welcome-content p.accredited {
		margin-bottom: 3px;
		font-weight: 800;
	}

	header .ctas a.cta.btn {
		font-size: 13px;
		display: block;
		float: left;
	}

	.topbar-mainnav {
		margin-top: 2px;
	}

	header .nav-desktop ul.topbar-mainnav li,
	header .nav-tablet ul.topbar-mainnav li,
	header .nav-mobile ul.topbar-mainnav li {
		list-style-type: none;
		text-align: left;
		border-right: none;
		font-weight: 400;
		float: left;
		margin-left: 28px;
	}

	header ul.topbar-mainnav li:first-child {
		margin-left:0!important;
	}

	header ul.topbar-mainnav > li:first-child a {
		padding-left: 0;
	}

	header ul.topbar-mainnav li.searchform {
		width: 16.9%;
	}

	ul#mainnavdesktop-more {
		margin-top: 8px;
	}

}

/* SMALL DESKTOP */

@media screen and (min-width: 1024px) and (max-width: 1439px) {

	header .topbar-item.founder {
		width: 155px;
		margin-right: 10px;
	}

	.announcement-slider p {
		line-height: 22px;
		font-size: 16px;
		font-style: italic;
	}

	header .topbar-item.founder span {
		font-size: 10px;
		line-height: 1.2;
		text-align: left;
		margin-bottom: 0px;
	}

	.welcome-content p a img {
		width: 220px;
	}

	header a.cta.btn {
		padding: 6px 11px;
	}

	header .topbar-item.announcement-slider {
		width: 390px;
	}

	header ul.topbar-mainnav li a {
    font-size: .63em;
	}

  header.sticky ul.topbar-mainnav li a {
    font-size: 14px;
  }

	header .nav-desktop ul.topbar-mainnav li, header .nav-tablet ul.topbar-mainnav li, header .nav-mobile ul.topbar-mainnav li {
		margin-left: 18px;
	}

	.searchsmallDesktop{
		display: block;
		margin-bottom: -5px;
	}
	header #topbar-mainnav-searchbardesktop {
		right: auto;
		position: absolute;
		top: 34px;
	}
	.find-button{
		width: 20px;
		margin-right: -20px;
	}
	.topbar-item-last-ctas li.searchform{
		display: none !important;
	}

	header .logo {
    background-size: 390px;
    background-position-y: -217px;
    height: 84px;
    width: 300px;
}

header.sticky .logo {
    height: 64px;
}

header .welcome-container {
    padding: 0 0 0 20px;
}

		header nav.whitebar {
	    width: 685px;
		}

		header .burger {
    width: 16px;
    height: 13px;
    background-size: 14px;
    background-position-y: -313px;
    vertical-align: -3px;
}

header .current_page_item .burger {
    background-position-y: -378px;
}
}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 1023px) {

	header .topbar {
		background: none;
	}

	header .topbar {
		background: transparent;
		background-position-x: left;
		background-size: 29px;
		background-position-y: 4px;
		padding: 5px 0;
		height: 30px;
	}

	header .topbar-item.founder {
		width: 152px;
		margin-right: 5px;
		display:none;
	}

	header .topbar-item.founder span {
		margin-left: 35px;
		font-size: 10px;
		line-height: 1.2;
		text-align: left;
		display: block;
		letter-spacing: 1.05px;
		margin-top: -2px;
		margin-bottom: 0px;
	}

	header .topbar-item.announcement-slider {
		width: 52%;
		border: none;
		height: 24px;
		overflow: hidden;
	}

	header .announcement-slider p {
		line-height: 23px;
		font-size: 14px;
		margin-bottom: 0;
		padding-left: 0;
		font-style: italic;
		font-weight: 400;
	}

	header .topbar-item.social-icons {
		float: right;
		width: 140px;
	}

	header .topbar.whitebar .burger {
		background-position-y: -308px;
	}

	header ul.nav li a:hover, header ul.nav li a:active  {
		background-color: #e6e3dc;
		text-decoration: none;
	}

	header ul.nav li.collapse a {
		padding-right: 25px;
		background: url(/wp-content/themes/miu-giving/media/icon-sprite.png) no-repeat 42px -283px;
		background-size: 13px;
	}

	header ul.nav li.collapse a:hover, header ul.nav li.collapse a:active {
		background: url(/wp-content/themes/miu-giving/media/icon-sprite.png) no-repeat 42px -303px;
		background-color: #e6e3dc;
		background-size: 13px;
	}

	header .greenbar {
		height: auto;
    padding: 0;
	}

	header .logo {
		background-size: 280px;
    background-position-y: -158px;
    height: 56px;
    background-position-x: -31px;
    width: 240px;
	}

	header .logo-section a.explain {
		font-size: 12px;
		padding-top: 8px;
		margin: 0 0 5px 10px;
		line-height: 1.3;
	}

	.searchsmallDesktop{
		display: none;
	}

	.logo-section {
		width: 237px;
	}

	header .logo h1 {
		font-size: 19px;
		line-height: 1.2;
	}

	header .logo p {
		font-size: .75em;
	}

	header .welcome-container {
		border-left: 1px solid #e2e0dc;
		border-right: none;
		width: 206px;
		padding-top: 0;
	}

	header .search-popup {
		top: 35px;
	}

  .logo-section img {
    width: 358px;
    margin-top: 12px;
}

	.welcome-content {
		width: auto;
		display: block;
		float: none;
		padding: 0;
		margin-top: 0;
	}

	header .welcome-content p {
		font-size: 14px;
		line-height: 1.1;
	}

	.welcome-content p a img {
		display: inline;
		width: 240px;
		margin-left: -4px;
		margin-top: 5px;
	}

	header .welcome-content p {
		font-size: 15px;
		    line-height: 1.1;
		    letter-spacing: 1.0px;
		    margin-top: 0px;
		    font-weight: 400;
		    width: auto;
		    margin-bottom: 0;
	}

	header .topbar-mainnav-container {
		padding: 0;
		border-bottom: 1px solid #ddd2c6;
	}

	header ul.topbar-mainnav li {
		padding: 0;
	}

	header ul.nav li {
		float: left;
		line-height: 20px;
		border-right: 1px solid #ddd2c6;
		height: 24px;
	}

	header ul.nav li a {
		padding: 6px 5px;
		color: #8c8c8c;
		font-size: 11px;
		font-weight: 400;
	}

  .tablet-only {
    display: block;
  }

  .mobile-only {
    display: none!important;
  }

}

/* MOBILE */
@media screen and (max-width: 639px) {

	.topbar-mainnav li {
		font-size: 17px;
	}

	header .topbar {
		background: none!important;
	}

	header .topbar-item {
		width: 100%;
	}

	.topbar-item.announcement-slider {
		width: 100%;
		border: none;
		padding: 0 0px 0px;
		height: 27px;
		overflow: hidden;
	}

	header .greenbar {
		height: auto;
		text-align: center;
		padding: 0;
	}

	header .logo {
		background-size: 405px;
		background-position-y: -246px;
		height: 80px;
		background-position-x: -47px;
		width: 392px;
	}

	.logo-section {
		float: none;
		width: auto;
	}

	header .logo {
		background-size: 320px;
		background-position-y: -178px;
		height: 68px;
		background-position-x: center;
		width: 100%;
	}

	header .logo-section a.explain {
		float: none;
		font-size: 14px;
			padding-top: 5px;
	}

	header .welcome-container {
		padding: 4px 0 3px 0;
	}

	header .logo h1 {
		font-size: 23px;
		text-align: center;
	}

	header .logo p {
		font-size: 1.1em;
		margin: 3px 0 0;
		line-height: 1.4;
	}

	.logo p a {
		display: block;
	}

	header .logo,
	header .welcome-content,
	header .welcome-container {
		float: none;
		display: block;
	}

	header .logo-content {
		padding-left: 20%;
		text-align: left;
	}

	.announcement-slider p {
		line-height: 25px;
		font-size: 13px;
		font-weight: 400;
		font-style: italic;
	}

	div.users {
		overflow: hidden;
		background-color: #e6e3dc;
		padding-bottom: 5px;
	}

	header .dropdown li div {
		padding: 1px 10px;
	}

	header .dropdown li a, header .dropdown li div {
		font-size: 12px;
		font-weight: 400;
	}

	.anchor-stickymenu {
	scroll-margin-top: 4rem;
	}

}

/* Sticky Header */
.sticky-topnav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	box-sizing: content-box;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	background-color: #fff;
}

.sticky-topnav .topbar-mainnav-container {
	width: 100%;
	padding: 0;
	border-bottom: none;
}

#sticky-logo {
	width: 100%;
}

#sticky-menu {
	width: 100%;
}

a.sticky-logo {
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	font-size: 21px;
	text-transform: uppercase;
}

a.sticky-logo:hover,
a.sticky-logo-mobile:hover {
	text-decoration: none;
	color: #fff;
}

header .sticky-topnav ul li {
	text-align: center;
}

header .sticky-topnav ul.topbar-mainnav li:first-child {
	width: 45px;
	padding-right: 7px;
	border-left: none;
}

header .sticky-topnav ul.topbar-mainnav li {
	border-right: 1px solid #e2e0dc;
}

header .sticky-topnav ul.topbar-mainnav li.current {
	background-color: #5a9136;
	color: #fff;
}

header .sticky-topnav ul.topbar-mainnav li.collapse a {
	border-right: none;
}

header .sticky-topnav ul.topbar-mainnav li:last-child {
	padding-right: 0;
	border-right: 1px solid #fff;
}

header .sticky-topnav ul.topbar-mainnav li.search {
	border-right: none;
	cursor: pointer;
}

header .sticky-topnav ul.topbar-mainnav li.search:hover, header .sticky-topnav ul.topbar-mainnav li.search:active {
	background: #f5f5f4;
    background: -moz-linear-gradient(top, #f5f5f4 0%, #fafaf9 100%);
    background: -webkit-linear-gradient(top, #f5f5f4 0%,#fafaf9 100%);
    background: linear-gradient(to bottom, #f5f5f4 0%,#fafaf9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f4', endColorstr='#fafaf9',GradientType=0 );
}

header .sticky-topnav ul.topbar-mainnav li a,
.sticky-topnav #searchform input[type="text"],
a.sticky-logo {
	color: #fff;
}

header .sticky-topnav ul.topbar-mainnav li a {
	font-weight: 400;
	border: none;
	color: #5d5552;
}

.sticky-topnav li a:hover {
	text-decoration: none !important;
}

header .sticky-topnav ul.topbar-mainnav li.contact {
	width: 122px;
}

header .sticky-topnav li.apply {
	border-right: 1px solid #fff;
}

/* Sticky Dropdowns */

header .sticky-dropdown {
	display: none;
	border: 1px solid #e2e0dc;
	border-bottom: none;
	list-style: none;
	border-top: none;
}

header .sticky-dropdown li {
	float: none;
	border-bottom: 1px solid #e2e0dc;
	display: block !important;
}

header .sticky-dropdown li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .5px;
	background-color: rgba(255,255,255, 0.95);
}

header .sticky-dropdown li a:hover,
header .sticky-dropdown li.current_page_item,
/*header .sticky-topnav ul.topbar-mainnav li.current_page_item a,*/
/*header .sticky-topnav ul.topbar-mainnav li.current_page_item div*/ {
	text-decoration: none;
	transition: .2s;
	font-weight: 400;
	cursor: pointer;
	background: #f5f5f4;
	background: -moz-linear-gradient(top, #f5f5f4 0%, #fafaf9 100%);
	background: -webkit-linear-gradient(top, #f5f5f4 0%,#fafaf9 100%);
	background: linear-gradient(to bottom, #f5f5f4 0%,#fafaf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f4', endColorstr='#fafaf9',GradientType=0 );
}

header .sticky-topnav ul.topbar-mainnav li a.cta:hover, header .sticky-topnav ul.topbar-mainnav li a.cta:active {
	background-color: transparent;
}

header .sticky-topnav ul.topbar-mainnav li.current_page_item {
	background: #f5f5f4;
	background: -moz-linear-gradient(top, #f5f5f4 0%, #fafaf9 100%);
	background: -webkit-linear-gradient(top, #f5f5f4 0%,#fafaf9 100%);
	background: linear-gradient(to bottom, #f5f5f4 0%,#fafaf9 100%);
}

header li.collapse {
	position: relative;
}

header #search-popup {
	display: none;
}

header #search-popup #searchform input {
	background-color: rgb(128, 128, 128)!important;
	color: #fff !important;
	padding: 9px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,.3);
	border-top: 0;
	margin-left: -1px;
}

header .sticky-topnav #search-popup #searchform input {
	height: 32px;
}

header #search-popup .arrow {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 1;
	color: #fff;
	font-weight: 400;
	font-size: 20px;
}

header .sticky-dropdown #searchform input[type="text"] {
	float: none !important;
	margin: 0 !important;
	width: 100%;
	background-position-y: -39px;
	border-bottom: none !important;
}

#sticky-mainnav-more {
	position: absolute;
	left: 0;
	display: none;
}

/* DESKTOP */
@media screen and (min-width: 1024px) {
	.sticky-topnav {
		height: 40px;
	}

	.sticky-topnav .container {
		width: 100%;
	}

	.sticky-nav-hide-desktop {
		display: none !important;
	}

	.sticky-topnav .topbar-mainnav {
		margin-top: 0;
	}

	#sticky-mainnav-more {
		top: 34px;
		width: 50%;
	}

	header .sticky-topnav ul.topbar-mainnav li {
		padding: 0;
	}

	header .sticky-topnav ul.topbar-mainnav li a {
		font-size: 12px;
	}

	header .sticky-topnav ul.topbar-mainnav li a:hover,
	header .sticky-topnav ul.topbar-mainnav li a:active {
		transition: .2s;
		cursor: pointer;
	}

	header .sticky-topnav ul.topbar-mainnav li a.sticky-logo {
		background: url(/wp-content/themes/miu-giving/media/miu-logo-horizontal.svg) no-repeat left top;
    width: 35px;
    background-size: 152px;
    background-position-y: -81px;
    margin-right: 0;
    padding-right: 0;
    background-position-x: -11px;
	}

	a.sticky-logo-mobile {
		display: none;
	}

}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 1023px) {

	header .sticky-dropdown {
		display: none;
		border-top: 1px solid #e2e0dc;
		border-bottom: none;
		list-style: none;
		border-left: none;
		border-right: none;
	}

	header .sticky-topnav ul.topbar-mainnav li a.sticky-logo {
		background: url(/wp-content/themes/miu-giving/media/miu-logo-horizontal.svg) no-repeat left top;
		background-size: 124px;
		background-position: -4px -67px;
		height: 29px;
		width: 37px;
		margin-right: 0;
		padding-right: 0;
	}

	header .sticky-topnav ul.topbar-mainnav li.no-highlight {
	    display: none!important;
	}

	.sticky-topnav {
		height: 35px;
	}

	.sticky-topnav .container {
		width: 100%;
	}

	.sticky-nav-hide-tablet {
		display: none !important;
	}

	#sticky-mainnav-more {
		top: 35px;
		width: 100%;
		left: 0;
	}

	header .sticky-topnav a.sticky-logo {
		padding: 0px 9px;
	}

	header .sticky-topnav ul#sticky-mainnav-more li:first-child {
		display: none !important;
	}

	header .sticky-topnav ul.sticky-dropdown li {
		height: auto;
		border-right: none;
	}

	header .sticky-topnav ul.sticky-dropdown li a {
		background-color: rgba(255, 255, 255,.95);
		font-size: .7em;
		line-height: 30px;
	}

	header .sticky-topnav ul.sticky-dropdown li:last-child {
		border-right: none;
	}

	header ul.topbar-mainnav .sticky-dropdown li div {
		background-color: rgba(112,171,68,.95);
	}

	header ul.topbar-mainnav .sticky-dropdown li a.find-button {
		background-color: transparent;
	}

	header .sticky-topnav ul.topbar-mainnav li.contact {
		width: 116px;
	}

	header .sticky-topnav ul.topbar-mainnav li.cta {
		padding: 0 0px;
	}

	header .sticky-topnav ul.topbar-mainnav li:last-child {
		border-right: none;
	}

	header ul.topbar-mainnav .sticky-dropdown li a, header ul.topbar-mainnav .sticky-dropdown li div {
		padding: 5px 10px;
		text-align: left;
	}

	header .sticky-dropdown #searchform input[type="text"] {
		height: 30px;
		padding: 0;
		background-position-y: -22px;
		color: #fff;
		background-size: 20px;
	}

	header li.current_page_item .burger {
		    background-position-y: -375px;
	}

	header .sticky-topnav ul.topbar-mainnav li.current_page_item a.find-button {
		border-bottom: none;
	}

}


/* MOBILE */
@media screen and (max-width: 639px) {

	header .sticky-topnav ul#sticky-mainnav-more li {
		width: 100%;
	}

	.sticky-nav-hide-mobile {
		display: none !important;
	}

	.sticky-topnav .container {
		width: 100%;
	}

	header .topbar {
		background: transparent;
	}

	#sticky-mainnav-more {
		top: 30px;
		width: 100%;
	}

	header .sticky-dropdown {
		border-top: 1px solid #e2e0dc;
	}

	a.sticky-logo-mobile {
		display: block;
		width: 100%;
		float: none;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		font-size: .9em;
		text-transform: uppercase;
		border-bottom: 1px solid #5a9136;
		color: #fff;
	}

	a.cta.btn.covid {
		margin-top: 0px;
		display: block;
		border-radius: 0;
		margin-left: 0;
		background-color: #ffee79;
		font-size: 13px;
		border-right: none;
	}

	header .sticky-topnav ul.topbar-mainnav li:last-child {
		border-right: none;
	}

	header ul.topbar-mainnav .sticky-dropdown li {
		height: auto;
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #e2e0dc;
	}

	header .sticky-topnav ul.topbar-mainnav .sticky-dropdown li:first-child, header .sticky-topnav ul.topbar-mainnav .sticky-dropdown li:last-child {
		border-left: none; border-right: none;
	}

	header ul.topbar-mainnav .sticky-dropdown li a, header ul.topbar-mainnav .sticky-dropdown li div {
		/*background-color: rgba(90,145,54, 0.95);
		border-bottom: 1px solid #70ab44;*/
		padding: 0 10px;
		height: 38px;
		line-height: 38px;
	}

	header .sticky-topnav ul.topbar-mainnav li.current_page_item a.find-button {
		border-bottom: none;
	}

	header ul.topbar-mainnav .sticky-dropdown li div {
		background-color: rgb(226, 224, 220);
	}

	header .sticky-dropdown #searchform input[type="text"], header .dropdown #searchform input[type="text"] {
		background-size: 23px;
		height: 38px;
		padding: 0;
		border-bottom: none;
		font-weight: 400;
	}

	header .sticky-dropdown #searchform input[type="text"], #searchform input[type="text"] {
		background-position-y: -56px;
		color: #4a4a49;
		font-weight: 400;
	}

	header .dropdown ul.topbar-mainnav li div {
		background-color: #fff;
		padding: 5px 10px 5px 6px;
	}

		header li.current_page_item .burger {
		    background-position-y: -377px;
	}
}

/* =============================================
	BANNER
   ============================================= */

   #banner-container {
       height: auto;
       display: flex;
       align-items: center;
       border-bottom: 1px solid #e4e2de;
       background: rgb(251,247,239);
     background: -moz-linear-gradient(180deg, rgba(251,247,239,1) 0%, rgba(255,251,245,1) 52%, rgba(251,247,239,1) 100%);
     background: -webkit-linear-gradient(180deg, rgba(251,247,239,1) 0%, rgba(255,251,245,1) 52%, rgba(251,247,239,1) 100%);
     background: linear-gradient(180deg, rgba(251,247,239,1) 0%, rgba(255,251,245,1) 52%, rgba(251,247,239,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbf7ef",endColorstr="#fbf7ef",GradientType=1);
     padding: 35px 0;
     transition: all .4s linear;
   }

   #banner-container div {
    margin: auto;
    text-align: center;
}

#banner-container h1 {
    line-height: 1.1;
    font-weight: 500;
    color: #6d904d;
    letter-spacing: 1px;
    font-size: 3rem;
    margin-bottom: 8px;
    text-transform: initial;
    font-family: "Amiri", serif;
}

#banner-container h3 {
margin-bottom: 0;
}

#banner-container p {
    font-weight: 400;
    font-size: 1.4rem;
}

header.sticky + #banner-container {
	position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 2;
    top: 100px;
    height: auto;
    padding: 20px 0;
}

header.sticky + #banner-container h1 {
    font-size: 28px;
    margin-bottom: 0px;
}

header.sticky + #banner-container h3 {
    font-size: 20px;
    margin-bottom: 0;
}

/* =============================================
	MAIN BODY AREA
   ============================================= */

.body {
	border-top: 1px solid #e2e0dc;
}

.body .container {
	padding-top: 25px;
	padding-bottom: 30px;
}


/* =============================================
	SIDEBAR
   ============================================= */

   main.has-sidebar {
       max-width: 1400px;
       margin: auto;
       display: flex;
       gap: 35px;
       margin-top: 40px;
   }

   #sidebar {
    width: 40%;
    margin-top: 2rem;
    max-width: 480px;
}

   .widget-header {
    background: #d7994a;
    padding: 20px;
    font-style: italic;
    color: #feefdc;
    font-weight: 400;
    font-size: 1.35rem;
}

.widget-header h2 {
    color: #fff;
    text-transform: uppercase;
  font-size: 1.44rem;
    margin-bottom: 0!important;
    font-style: normal;
    text-align: center;
}

.widget-header span {
    text-align: center;
    display: block;
    width: 100%;
    line-height: 1.2;
}

.widget-body {
    border-right: 1px solid #c4c0b6;
    border-bottom: 1px solid #c4c0b6;
    border-left: 1px solid #c4c0b6;
    padding: 20px 25px 25px;
}

#sidebar h3 {
    font-weight: 800;
    font-size: 1.35rem;
}

.button-container {
  display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin: 10px 0;
      justify-content: space-around;
}

.button-container button {
    width: 30%;
    border: none;
    padding: 5px 10px;
    font-size: 1.25rem;
    border-radius: 5px;
    background: #ebe3ce;
    font-family: source sans pro, sans-serif;
    color: #392f2a;
    margin-bottom: 10px;
    cursor: pointer;
}

.button-container button:hover {
    background: #d7994a;
    color: #fff;
}

.other-ways ul {
    list-style: none;
    padding: 0;
}

.other-ways ul li {
    border-top: 2px solid #e1d0a6;
    padding: 7px 0;
    margin-bottom: 0px;
    font-size: 1.2rem;
}

.other-ways ul li a {
    color: #392f2a;
    text-decoration: none;
    font-weight: 400;
    display: block;
    background: transparent;
    padding: 0;
    transition: all .1s linear;
}

.other-ways ul li a:hover {
  /*  text-decoration: underline;*/
    background: #f5f0e5;
    padding: 0 6px;
}

.other-ways ul li a:after {
    content: "\279D";
    float: right;
    font-weight: 600;
}


#sidebar .footnote {
    text-align: left;
    padding: 20px;
}

.footnote p {
    font-size: 1.4rem;
}

section#safire_donation_proj_cta-3, section#safire_donation_proj_cta-4, section#safire_donation_proj_cta-5 {
    display: none;
}


/* =============================================
	FOOTER
   ============================================= */

   footer {
   	background: #21547d;
     color: #fff;
     padding-bottom: 100px;
   }

footer .container {
	text-align: left;
    padding: 30px 0;
    width: 95%;
    max-width: 1200px;
    margin: auto;
}

footer li {
	font-size: 11px;
}

footer .logo {
    background-size: 365px;
    background-position-y: -204px;
    height: 76px;
    background-position-x: -44px;
    width: 100%;
}

footer p.copyright {
    font-size: .9em !important;
    text-align: center;
}

footer .flex {
    align-items: center;
    gap: 20px;
}

footer .flex .item-1 {
    width: 24.5%;
    border-right: 1px solid #71a3cd;
}

footer .flex .item-2 {
    background: url(/wp-content/themes/miu-giving/media/miu-foundation.svg) no-repeat left;
    width: 41.5%;
text-align: left;
overflow: hidden;
filter: brightness(100);
background-position-y: 14px;
background-size: 400px;
height: 70px;
}

footer .flex .item-3 {
  width: 30%;
}

footer .logo, footer .flex .item-2 img {
    filter: brightness(100);
}

.director-cta a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    border: 1px solid #71a3cd;
    border-radius: 5px;
    padding: 8px;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.3;
}

footer .search-project {
    border: 1px solid #71a3cd;
    padding: 2px 10px 7px;
    border-radius: 5px;
    font-weight: 400;
}

footer .search-project input {
    width: 100%;
    box-sizing: border-box;
}

footer nav {
    text-align: center;
    border-top: 1px solid #71a3cd;
    margin-top: 20px;
    border-bottom: 1px solid #71a3cd;
    margin-bottom: 20px;
}

footer nav .container {
    padding: 22px 0;
}

footer nav ul {
    list-style: none;
    width: auto;
    text-align: center;
}

footer nav li {
    display: inline-block;
    margin: 0 10px;
}

footer nav ul a {
    color: #fff!important;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
}

footer nav ul.sub-menu {
    bottom: 35px;
    top: auto;
}

footer nav ul.sub-menu a {
    color: #000!important;
    font-weight: 400;
    width: 100%;
    display: block;
}

footer nav ul.sub-menu a:hover {
    color: #fff!important;
}

/* =============================================
	EMBEDDED VIDEOS
   ============================================= */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 10px;
}

.embed-container.wide {
    padding-bottom: 50.25%;
}

.embed-container.thin {
	padding-bottom: 72.25%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =============================================
	GENERAL FORM STYLES
   ============================================= */

  Label {
    font-weight: 400;
  }

  input, textarea, select {
    border: 1px solid #cdc8bc;
    border-radius: 5px;
    padding: 5px 10px!important;
    color: #4c4943;
  	font-family: source sans pro, sans-serif;
}

.gform_body {
    text-align: left;
}

.gform_body h3 {
    font-size: 33px;
    color: #8aa671;
    font-weight: 600;
}

.gform_body input {
    line-height: 25px;
}

.gform_wrapper.gravity-theme .gfield {
    margin-bottom: 20px;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 22px!important;
    font-weight: 600!important;
}

.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
  margin-left: 5px;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 17px!important;
    padding-top: 5px;
}

.gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)), .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
    margin-bottom: 20px;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
  font-size: 22px!important;
}

.gform_wrapper.gravity-theme .gfield input.small, .gform_wrapper.gravity-theme .gfield select.small {
    min-width: 160px;
}

input.gform_button {
    background: #d66d3d;
    padding: 10px 30px;
    color: #fff;
    font-family: 'source sans pro';
    font-size: 22px;
    min-width: 175px;
    line-height: 1.5;
    border: none;
    cursor: pointer;
}

input.gform_button:hover {
      background: #ea936b;
}


.gform_body input::-webkit-input-placeholder {
  color: #4c4943;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

/* Firefox 18- */
.gform_body input:-moz-placeholder {
  color: #4c4943;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.gform_body input::-moz-placeholder {
  color: #4c4943;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.gform_body input:-ms-input-placeholder {
	color: #4c4943;
	opacity: 1;
	font-family: source sans pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

/* =============================================
	DONATION FORM
   ============================================= */

.payment-method li label:after {
    content: "";
    display: inline-block;
    background-size: contain!important;
    margin-left: 10px;
    vertical-align: -7px;
}

.payment-method .gchoice_12_26_0 label:after {
    width: 180px;
    height: 30px;
    background: url(/wp-content/themes/miu-giving/media/credit-card-icons.png) no-repeat;
}

.payment-method .gchoice_12_26_1 label:after {
    width: 180px;
    height: 30px;
    background: url(/wp-content/themes/miu-giving/media/paypal-icon.png) no-repeat;
}

/* =============================================
   ANNOUNCEMENT BAR
   ============================================= */

.announcement-bar {
    background: #22547d;
    padding: 3.5px 10px;
    border-bottom: 1px solid #e2e0dc;
    display: none;
}

.announcement-bar {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.announcement-bar a {
    color: #fff;
    text-decoration: none;
}
.announcement-bar a:hover {
    text-decoration: underline;
}


/* =============================================
	HOMEPAGE
   ============================================= */

.feature-bg {
    background: #eae0cf;
}

.feature-container {
  width: 100%;
  height: /*320*/ 520px;
  position: relative;
  max-width: /*1440px*/ 100%;
  margin: auto;
}
.featured-box {
    position: absolute;
	width: /*25*/100%;
	height: 100%;
	top: 0;
	cursor: pointer;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
  border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.featured-box.leftbox {
	left: 0;
}
.featured-box.leftmiddlebox {
	right: /*50*/0%;
}
.featured-box.rightmiddlebox {
	right: 25%;
}
.featured-box.rightbox {
	right: 0px;
}
.featured-box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.featured-box.enlarged {
  position: absolute;
	width: 100%;
	right: 0px;
    z-index: 498!important;
}
.featured-box div {
    position: absolute;
    padding: 15px;
    /*max-width: 295px;*/
}

.featured-box div {
    position: absolute;
    padding: 65px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.featured-box h3 span {
    font-size: 1.3em;
    display: block;
    text-transform: initial;
    margin-bottom: 10px;
}
.featured-box, .featured-box h3, .featured-box a {
    color: #fff;
}
.featured-box a:hover {
    text-decoration: none;
    font-weight: 400;
}
.featured-box h3 {
    text-transform: uppercase;
    font-size: /*1.5*/ 3.5rem;
    margin: 0px;
    line-height: 1;
    text-shadow: 0 0 5px #4c341b;
    letter-spacing: 7px;
}

.featured-box p {
    line-height: 1.2;
    font-size: 2.2rem;
    font-weight: 400;
    opacity: 1;
    margin-top: 10px;
    color: #fbf2d5;
}
.featured-box p.initial {
    margin-bottom: 0;
        text-shadow: 0 0 5px #4c341b;
}

.featured-box span {
    font-weight: 400;
    font-style: italic;
}

.featured-box.leftbox.enlarged h3 {
    display: none;
}

.featured-box.leftbox {
    background: #c4a67d;
}
.featured-box.leftmiddlebox {
    background: #82894d;
}
.featured-box.rightmiddlebox {
    background: #976758;
}
.featured-box.rightbox {
    background: #8e755a;
}

.featured-box.enlarged:after {
      content: "X";
      width: 24px;
      height: 44px;
      position: absolute;
      cursor: pointer;
      top: 0px;
      right: 0px;
      color: black;
      font-size: 45px;
      text-transform: lowercase;
      line-height: 1;
      margin-top: -10px;
}
.small-screens-only .menu-item-has-children .mobile-accordion-btn.arrow-grey {
	width: 27px;
	height: 39px;
	background: url(/wp-content/uploads/2022/08/gray-arrow-down.png) no-repeat left top;
	border: none;
	background-size: 20px;
	left: -3px;
	top: 0px;
	position: absolute;
	display: block;
	margin-bottom: 0;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	background-position-y: 15px;
	padding: 0;
}

.small-screens-only .menu-item-has-children .mobile-accordion-btn.arrow-grey.open {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: 0px;
    background-position-x: right;
}

.featured-box.enlarged div {
    max-width: 86.5%;
    width: 100%;
}

.opened p {
    font-size: 18px;
    margin-bottom: 16px;
    width: 77%;
}

.featured-box.enlarged a.even-more-link {
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.4);
    padding: 6px 10px;
    border-radius: 5px;
    margin-top: 4px;
    display: inline-block;
    font-weight: 400;
}

.featured-box.enlarged h3 {
  display: none!important;
}

.featured-box.enlarged img {
	height: 100%;
	width: auto;
  float: right;
}

.featured-box.enlarged li {
    font-size: 19px;
}

.featured-box .opened, .featured-box.enlarged .initial {
  display: none;
}

.featured-box.enlarged .opened {
    display: block;
    padding: 0;
    position: static;
}

.featured-box.enlarged .opened ul {
    float: right;
    list-style: none;
    margin: 0 0 0 17px;
}

/*.featured-box.leftmiddlebox div, .featured-box.rightbox div {
    bottom: 0;
}*/

.featured-box.leftmiddlebox.enlarged div, .featured-box.rightbox.enlarged div {
    bottom: auto;
    top: 0;
}

.other-project-box {
    position: relative;
    background-color: #f6f6f6;
    padding: 15px;
}

.other-project-box img {
    width: 75%;
    display: block;
    margin: 0 auto 54px;
}

.other-project-box h3 {
    position: absolute;
    bottom: 20px;
    color: #382f2a;
    width: 90%;
    font-size: 20px;
    margin: 0 auto;
    cursor: pointer;
    transition: all .4s linear;
    font-weight: 600;
}

.other-project-box figure.elementor-image-box-img {
    margin-bottom: 0!important;
        display: block;
}

section.contact-info p {
    margin-bottom: 10px;
    line-height: 1.2;
}

section.contact-info ul {
  margin-bottom: 10px;
}

section.contact-info li {
    text-align: left;
    line-height: 1.6;
    padding: 0 0 5px 0;
    font-size: 1.4rem;
}

/* =============================================
	MEDIA QUERIES
   ============================================= */

/* =============================================
   DESKTOP ONLY
   ============================================= */

@media screen and (min-width:1024px) {

	.mobile-only {
		display: none!important;
	}

  header.sticky .search-project {
    margin-top: -26px;
  }

  header.sticky .logo-section {
      width: 58px;
      overflow: hidden;
      margin-right: 10px;
  }

  header.sticky .logo-section .logo {
    background-size: 276px;
        background-position-y: -151px;
        background-position-x: -30px;
  }

}


/* =============================================
   SMALL DESKTOPS ONLY
   ============================================= */

@media screen and (min-width:1024px) and (max-width:1439px) {

.banner-text-box h1 {
	padding: 2.5rem 0 1rem;
}

.opened p {
    font-size: 20px;
}

footer .flex .item-1 {
    width: 32%;
}

footer .flex .item-2 {
    background: url(/wp-content/themes/miu-giving/media/miu-foundation.svg) no-repeat left;
    width: 37%;
    text-align: left;
    overflow: hidden;
    filter: brightness(100);
    background-position-y: 17px;
    background-size: 330px;
    height: 70px;
}

footer .flex .item-3 {
    width: 35%;
    gap: 10px;
}

footer .flex .item-3 > div {
    width: 50%;
    font-size: 1.1rem!important;
}

footer .logo {
    background-size: 340px;
    background-position-y: -190px;
    height: 72px;
    background-position-x: -39px;
}

}

/* =============================================
	LARGE DESKTOP
   ============================================= */

@media screen and (min-width: 1440px) {

	h1 {
		font-size: 42px;
	}

	.container {
		max-width: 1200px;
	}

	header .topbar-item.announcement-slider {
		width: 496px;
	}

	header ul.nav li a {
		font-size: 12px;
	}

	header ul.nav li.collapse {
    width: 66px;
}

header .logo {
	background-size: 435px;
    background-position-y: -245px;
    height: 89px;
    background-position-x: -44px;
    width: 337px;
}

header.sticky .logo {
    height: 64px;
}

.logo-section {
    width: 360px;
}

	header .welcome-container {
		padding: 0 0 0 2.5%;
	}

	header .welcome-content p {
		font-size: 1.3em;
		width: auto;
	}

.welcome-content p.programs {
    margin-bottom: 8px;
}

	.welcome-content p.accredited {
		margin-bottom: 3px;
		font-size: 14px;
	}

	header .ctas a.cta.btn {
		font-size: 15px;
		padding: 5px 12px 7px 16px;
	}

	section.banner-image .banner-text-box {
		min-height: 385px;
	}

	article {
		width: 78.25%;
	}

	header nav.whitebar {
		    width: 830px;
	}

	header ul.topbar-mainnav li a {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}

header.sticky ul.topbar-mainnav li a {
    font-size: 14px;
}

	header ul.topbar-mainnav li.current-menu-item a {
    font-weight: 600;
}

header .simple-mainnav .burger {
    background-position-y: -312px;
}

header .simple-mainnav .current_page_item .burger {
    background-position-y: -377px;
}

}

/* =============================================
	LARGEST DESKTOP
   ============================================= */

@media screen and (min-width: 1920px) {
}

/* =============================================
	TABLET
   ============================================= */

@media screen and (min-width: 640px) and (max-width: 1023px) {

  header.sticky + #banner-container {
      top: 135px;
      padding: 12px 0;
  }

  header.sticky + #banner-container h1 {
      font-size: 25px;
  }

  header.sticky + #banner-container h3 {
      font-size: 18px;
  }

}

/* =============================================
	LARGER THAN MOBILE
   ============================================= */


@media screen and (min-width: 640px) {

  .content-container.with-left-sidebar {
    width: 60%;
  }

  .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)), .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
    margin-bottom: 20px!important;
}

}

/* =============================================
	TABLET & MOBILE
   ============================================= */

   @media screen and (max-width: 1023px) {

     p, li, section ol li, .toggle-box {
       font-size: 21px;
       line-height: 1.4;
     }

   ul.sub-menu {
       width: 100%;
       position: static;
       top: 0;
       height: auto;
     }

     .desktop-only {
       display: none;
     }

     .small-screens-only {
       display: block;
     }

     .header-top.flex {
       display: flex;
       justify-content: space-between;
       border-bottom: 1px solid #e2e0dc;
       align-items: center;
   }

   header .whitebar {
       display: block;
       position: relative;
       width: 40%;
       padding-left: 10px;
   }

   header .whitebar {
       width: 51px;
       padding-left: 10px;
       flex-grow: 0;
       box-sizing: border-box;
       flex-shrink: 0;
   }

   header .search-project {
     flex-grow: 2;
 }

   header .greenbar {
    border-top: none;
    }

    header .search-project {
    background-color: #fbf9f6;
    border: none;
    padding: 6px 10px 6px;
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    width: 378px;
    float: none;
    text-align: center;
    margin-top: 0;
    border-left: 1px solid #e4e2de;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    header .search-project div {
    width: 200px;
}

.search-project span {
    width: 195px;
    font-size: 19px;
    text-align: right;
    padding-right: 10px;
}

  nav.whitebar .simple-mainnav {
    display: none;
}

nav.whitebar.open .simple-mainnav {
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
}

header ul.topbar-mainnav li {
    list-style-type: none;
    text-align: left;
    border-right: none;
}

.mobile-bars {
    width: 30px;
    height: 3px;
    border-bottom: 2px solid grey;
    margin: 5px 0;
}

.logo-section {
    width: 100%;
    display: flex;
    align-items: center;
    height: 110px;
    padding: 0 10px;
    transition: height .2s linear;
}

header.sticky .logo-section {
  height: 90px;
}

.logo-section h1 {
    margin-bottom: 0;
}

.topbar-item.logo {
    border-right: 1px solid #e2e0dc;
    margin-right: 15px;
}

.logo-section h1 {
    margin-bottom: 0;
}

#banner-container {
    padding: 20px;
}

#banner-container h1 {
    font-size: 2rem;
    margin-bottom: 2px;
}

#banner-container h3 {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.content-container.with-left-sidebar {
    width: 55%;
}

main.has-sidebar {
    gap: 15px;
    margin-top: 0;
}

.kpi-project-container h3 {
    font-size: 1.2rem;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.kpi-project-container .amount {
    font-size: 1.5rem;
    font-weight: 400;
}

footer .flex {
    align-items: center;
    gap: 0;
    flex-direction: column;
}

footer .flex .item-1 {
    width: 100%;
    border-bottom: 1px solid #71a3cd;
    padding-bottom: 18px;
    border-right: none;
}

footer .logo {
    background-size: 340px;
    background-position-y: -190px;
    height: 72px;
    background-position-x: center;
    width: 100%;
}

footer .flex .item-2 {
    background: url(/wp-content/themes/miu-giving/media/miu-foundation.svg) no-repeat left;
    width: 100%;
    background-position-y: 14px;
    background-size: contain;
    height: 62px;
    background-position-x: center;
    margin-bottom: 25px;
}

footer .flex .item-3 {
    width: 100%;
    gap: 10px;
    flex-direction: row;
    margin-bottom: 35px;
}

footer .flex .item-3 > div {
    width: 50%;
    font-size: 1.1rem;
}

footer input {
    width: 100%;
    box-sizing: border-box;
}

footer nav {
  display: none;
}

.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1.5!important;
    min-height: 32px;
}

.features {
    padding-top: 0!important;
}

.features .elementor-widget-image-box h3 {
    font-size: 26px;
    text-transform: uppercase;
        margin-bottom: 0;
}

.features .elementor-widget-image-box h3 span {
  display: block;
  text-transform: initial;
}

.features .elementor-element-populated {
    padding: 0!important;
}

.features .elementor-image-box-wrapper {
    position: relative;
    width: 100%;
}

.features .elementor-widget:not(:last-child) {
    margin-bottom: 0;
}

.features figure {
    width: 100%!important;
    margin-bottom: 0!important;
    display: block!important;
}

.features img {
    width: 1023px;
    height: auto!important;
    display: block;
    float: right;
    max-width: 1023px!important;
}

/*.features .elementor-widget-image-box .elementor-image-box-content {
    position: absolute;
    top: 0;
    text-align: left;
    padding: 15px 20px 10px;
    width: 85%;
        text-shadow: 0 0 10px #403e3e;
}*/

.features .elementor-widget-image-box .elementor-image-box-content {
    position: absolute;
    top: 0;
    text-align: center;
    padding: 15px 20px 10px;
    width: 100%;
        text-shadow: 0 0 10px #403e3e;
}

.features .elementor-widget-image-box h3, .features .elementor-widget-image-box p {
  color: #fff;
}

.features .eael-adv-accordion .eael-accordion-list .eael-accordion-header {
  width: 115px;
    margin-top: -78px;
    margin-bottom: 30px;
    background: transparent!important;
    border: 1px solid #ffffff85;
    margin-left: 15px;
}

.features .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover {
    background-color: #ffffff38!important;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-content p {
    text-align: left;
}

.features .eael-accordion-header .fa-toggle {
    color: #fff!important;
}

}


/* =============================================
	MOBILE
   ============================================= */

@media screen and (max-width: 639px) {

	.right-sidebar {
		width: 130px;
	}

	.left-sidebar {
		width: 130px;
	}

  .announcement-bar {
      padding: 4px 10px;
      margin-top: 30px;
      background-color: #22547d;
      font-size: 13px;
      border-bottom: none;
  }

  .announcement-bar {
      font-size: 16px;
  }

  .announcement-bar a {
      color: #fff;
  }

  header .search-project input {
    font-size: 17px;
    padding: 3px 6px!important;
    background-size: 17px;
    border-right: 5px solid #d8ac74;
    background-position-y: 5px;
}

header .search-project div {
width: 52%;
}

.search-project span {
    width: 46%;
    line-height: 1;
    padding-bottom: 2px;
    font-size: 5vw;
}

#banner-container h1 {
    font-weight: 600;
    font-size: 1.6rem;
        margin-bottom: 1px;
}

header.sticky + #banner-container {
    top: 41px;
    padding: 8px 0;
}

header.sticky + #banner-container h1 {
    font-size: 22px;
}

header.sticky + #banner-container h3 {
    font-size: 17px;
}

.logo-section {
  height: 190px;
  padding: 8px 10px;
  flex-wrap: wrap;
}

header.sticky .logo-section {
  display: none;
}

.logo-section h1 {
    width: 100%;
}

.logo-section img {
    width: 217px;
    margin: 13px auto 0;
}

.topbar-item.logo {
    border-right: none;
    margin-right: 0;
}

main.has-sidebar {
    gap: 0;
    margin-top: 0;
    width: 94%;
    flex-wrap: wrap;
}

#sidebar, .content-container.with-left-sidebar {
    width: 100%;
}

.simple-mainnav {
    top: 33px;
}

.simple-mainnav {
    width: 280px;
}

nav.whitebar.open .simple-mainnav {
    top: 32px;
}

header ul.topbar-mainnav li a {
    font-size: 16px;
    line-height: 28px;
border: 1px solid #e2e0dc;
}

ul.sub-menu a, header .nav-small-screens ul.topbar-mainnav li a {
  margin-top: 0;
}

nav.open div#mobile-bar1 {
    transform: rotate(45deg) translate(5px, 5px);
    width: 25px;
    margin-left: 4px;
}

nav.open div#mobile-bar2 {
    display: none;
}

nav.open div#mobile-bar3 {
    transform: rotate(-45deg) translate(5px, -6px);
    width: 25px;
    margin-left: 4px;
    margin-top: 11px;
}

.other-project-box {
    text-align: center;
}

.other-project-box img {
    max-width: 160px!important;
display: block;
margin: 0 auto 32px;
}

}

/* =============================================
	LARGE MOBILE
   ============================================= */

@media screen and (min-width:420px) and (max-width: 639px) {
	.search-project span {
		font-size: 20px;
	}
}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 1023px) {

    footer .container {
        padding: 30px 3%;
    }

}

/* MOBILE */
@media screen and (max-width: 639px) {

    footer .container, footer .footer-block .container {
        padding: 30px 0;
        width: 88%;
    }

}
/*CTA on top for mobile*/
@media (max-width: 639px) {
	.sticky-topnav {
		top: 29px;
	}
	.topbar-item.announcement-slider {
		margin-top: 0 /*27px*/;
		text-align: center;
	}
}
.showslateinforeq {
	display: block !important;
}

span.geodir_post_meta_title {
    font-weight: 600;
}

.geodir_post_meta.text-left.d-block.geodir-field-address br {
    display: none;
}

.geodir_post_meta.text-left.d-block.geodir-field-address span:after {
    content: ",";
}

.geodir_post_meta.text-left.d-block.geodir-field-address span.geodir_post_meta_title:after {
	display: none;
}

.apexcharts-text tspan {
    font-family: source sans pro, sans-serif;
}

.elementor-html .project-list-container {
	display: none;
}

.custom-loading {
	position: relative;
}
.custom-loading {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 8px solid lightblue;
	border-right-color: #6d904d;
	animation: loader 1s infinite linear;
	margin-top: 6px;
}

@keyframes loader {to{transform: rotate(1turn)}}