/*
note - there are specifici mk043 items such as the section-heading and site icons you will need to update for your specific site
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* fadeInDown animation from Animate.css */
/*  * Copyright (c) 2018 Daniel Eden */
@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

/*
widget-giving-2 heading link used in articles but styled to work with the class .widget-giving-2-heading-link
this is the mk043 section heading that will need to match your client site
*/
.widget-giving-2-heading-link { display: flex; width: 100%; margin-bottom: 1rem; }

.widget-giving-2-heading-link .heading { position: relative; width: 100%; flex-basis: 0; flex-grow: 1; max-width: 100%; }

.widget-giving-2-heading-link .heading h1, .widget-giving-2-heading-link .heading h2, .widget-giving-2-heading-link .heading h3, .widget-giving-2-heading-link .heading h4, .widget-giving-2-heading-link .heading h5, .widget-giving-2-heading-link .heading h6, .widget-giving-2-heading-link .heading p { /*color: #000000;*/ margin: 0px; }

.widget-giving-2-heading-link .link { position: relative; width: 100%; flex: 0 0 56px; max-width: 56px; margin-left: 1.5rem; }

.widget-giving-2-heading-link .link a { display: block; height: 56px; text-decoration: none !important; text-align: center; font-size: inherit; border-style: solid; border-width: 2px; border-radius: .65rem; /*border-color: #000000;* /*color: #70f9f4;*/ }

.widget-giving-2-heading-link .link a i { display: block; position: relative; font-size: 1.5rem; top: 50%; transform: translateY(-50%); }

@media (hover: hover) { .widget-giving-2-heading-link .link a:hover { /*background-color: #000000;*/ } }

.dark .widget-giving-2-heading-link .heading h1, .dark .widget-giving-2-heading-link .heading h2, .dark .widget-giving-2-heading-link .heading h3, .dark .widget-giving-2-heading-link .heading h4, .dark .widget-giving-2-heading-link .heading h5, .dark .widget-giving-2-heading-link .heading h6, .dark .widget-giving-2-heading-link .heading p { /*color: #ffffff;*/ }

.dark .widget-giving-2-heading-link .link a { /*border-color: #ffffff;*/ /*color: #70f9f4;*/ }

@media (hover: hover) { .dark .widget-giving-2-heading-link .link a:hover { /*background-color: #ffffff;*/ } }

/*
.giving-2-articles + .widget-giving-2-heading-link + site default for .linked-image
*/
.giving-2-articles .articles-list article { display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 1rem 0px; border-radius: .5rem; padding: .75rem 0px; }

.giving-2-articles .articles-list article .article-image { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 1rem; padding: 0px !important; }

.giving-2-articles .articles-list article .article-image a { display: block; }

@media (min-width: 992px) { .giving-2-articles .articles-list article .article-image { flex: 0 0 30%; max-width: 30%; margin-bottom: 0px; margin-right: 1rem; } }

.giving-2-articles .articles-list article .article-image img { display: block; }

.giving-2-articles .articles-list article .article-image .linked-image { display: block; margin: 0px; }

.giving-2-articles .articles-list article .article-image:last-child { margin-bottom: 0px; }

.giving-2-articles .articles-list article .article-info { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; text-align: left; }

@media (min-width: 992px) { .giving-2-articles .articles-list article .article-info { flex-basis: 0; flex-grow: 1; } }

/*
.giving-2-content-columns */
.giving-2-content-columns .feature-inner-child { display: none; }

.giving-2-content-columns .giving-2-content-row { display: flex; flex-wrap: wrap; overflow: hidden; }

@media (min-width: 992px) { .giving-2-content-columns .giving-2-content-row.right .feature { order: -1; margin: 0px; margin-right: 30px; } }

@media (min-width: 992px) { .giving-2-content-columns .giving-2-content-row.right .content-info { margin-right: 0px; } }

.giving-2-content-columns .giving-2-content-row .feature { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; display: flex; align-items: center; }

@media (min-width: 992px) { .giving-2-content-columns .giving-2-content-row .feature { flex-basis: 0; flex-grow: 1; max-width: 100%; margin-left: 15px; } }

.giving-2-content-columns .giving-2-content-row .feature .feature-inner .feature-inner-child { display: block; }

.giving-2-content-columns .giving-2-content-row .content-info { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; display: flex; align-items: center; margin-bottom: 1.5rem; overflow: hidden; }

@media (min-width: 992px) { .giving-2-content-columns .giving-2-content-row .content-info { flex-basis: 0; flex-grow: 1; max-width: 100%; margin-right: 15px; } }

.giving-2-content-columns .giving-2-content-row .content-info.dark { /*background-color: $black;*/ }

.giving-2-content-columns .giving-2-content-row .content-info .content-info-inner { padding: 2rem; }

.giving-2-content-columns .giving-2-content-row .content-info .content-info-inner h1.section-heading, .giving-2-content-columns .giving-2-content-row .content-info .content-info-inner h2.section-heading, .giving-2-content-columns .giving-2-content-row .content-info .content-info-inner h3.section-heading, .giving-2-content-columns .giving-2-content-row .content-info .content-info-inner h4.section-heading, .giving-2-content-columns .giving-2-content-row .content-info .content-info-inner h5.section-heading, .giving-2-content-columns .giving-2-content-row .content-info .content-info-inner h6.section-heading { margin-bottom: 1rem; }

.giving-2-content-columns .giving-2-content-row .content-info .description { font-size: 1rem; }

.giving-2-content-columns .giving-2-content-row .content-info .more { margin: 1rem 0px 0px 0px; }

.giving-2-content-columns .giving-2-content-row .content-info .btn { margin: 0px; }

/*request to adjust for this theme only*/
.giving-2-content-columns.add-fullwidth .giving-2-content-row .content-info .content-info-inner { margin: 0 auto; }

.giving-2-content-columns.add-fullwidth .giving-2-content-row .feature { align-items: flex-start; }

.giving-2-content-columns.add-fullwidth .giving-2-content-row .feature .feature-inner { padding: 0 15px; margin: 0 auto; }

.giving-2-content-columns.add-fullwidth .giving-2-content-row .feature .feature-inner .giving-2-articles .articles-list article .article-image { padding-right: 15px; }

@media (min-width: 576px) { .giving-2-content-columns.add-fullwidth .giving-2-content-row .content-info .content-info-inner { max-width: 540px; }
  .giving-2-content-columns.add-fullwidth .giving-2-content-row .feature .feature-inner { max-width: 540px; } }

@media (min-width: 768px) { .giving-2-content-columns.add-fullwidth .giving-2-content-row .content-info .content-info-inner { max-width: 720px; }
  .giving-2-content-columns.add-fullwidth .giving-2-content-row .feature .feature-inner { max-width: 720px; } }

@media (min-width: 992px) { .giving-2-content-columns.add-fullwidth .giving-2-content-row .content-info { margin-bottom: 0px; }
  .giving-2-content-columns.add-fullwidth .giving-2-content-row .content-info .content-info-inner { margin: 0px auto 0px 0px; padding-left: 6rem; }
  .giving-2-content-columns.add-fullwidth .giving-2-content-row .feature .feature-inner .giving-2-articles .articles-list article .article-image { padding-right: 0px; }
  .giving-2-content-columns.add-fullwidth .giving-2-content-row .feature .feature-inner { padding: 2rem 2rem 2rem 4rem; margin: 0px auto 0px 0px; } }

/*
.giving-2-numbers
*/
.giving-2-numbers { margin-bottom: 2rem; }

.giving-2-numbers ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0px; margin: 0px; }

.giving-2-numbers ul li { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; list-style: none; padding: 0px; margin: 0px 0px 1rem 0px; text-align: center; }

@media (min-width: 992px) { .giving-2-numbers ul li { flex-basis: 0; flex-grow: 1; margin: 1rem 0px; } }

.giving-2-numbers ul li:after, .giving-2-numbers ul li:before { display: none; }

.giving-2-numbers ul li .numbers-count { /*color: $blue;*/ }

.giving-2-numbers ul li .numbers-count .icon, .giving-2-numbers ul li .numbers-count .fa { display: none; margin: 0px; font-size: 90%; }

.giving-2-numbers ul li .numbers-count .icon[class*="icon-"], .giving-2-numbers ul li .numbers-count .icon[class*="fa-"], .giving-2-numbers ul li .numbers-count .fa[class*="icon-"], .giving-2-numbers ul li .numbers-count .fa[class*="fa-"] { display: inline-block; }

.giving-2-numbers ul li .numbers-label { padding-top: .65rem; }

/*
.giving-2-media-columns
if the site does not have plyr you will need to re-work the video option for your site. 
uses the add-fullwidth and no-sec-padding built into the site sections.  may need to add this from mk043 to your site
*/
.giving-2-media-columns .giving-2-media-row { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; }

@media (min-width: 992px) { .giving-2-media-columns .giving-2-media-row.right .image { order: 13; } }

.giving-2-media-columns .giving-2-media-row .image { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { .giving-2-media-columns .giving-2-media-row .image { flex: 0 0 50%; max-width: 50%; } }

.giving-2-media-columns .giving-2-media-row .image .plyr__player-wrap { overflow: hidden; border-radius: 0px; }

.giving-2-media-columns .giving-2-media-row .image .plyr__player-wrap:empty { display: none; }

.giving-2-media-columns .giving-2-media-row .image .plyr__player-wrap:empty[data-hasimage=true] { display: block; padding-bottom: 56.25%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.giving-2-media-columns .giving-2-media-row .info { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; display: flex; align-items: center; }

@media (min-width: 992px) { .giving-2-media-columns .giving-2-media-row .info { flex: 0 0 50%; max-width: 50%; } }

.giving-2-media-columns .giving-2-media-row .info.dark { /*background-color: $black;*/ }

.giving-2-media-columns .giving-2-media-row .info .info-inner { width: 100%; max-width: 640px; margin: 0 auto; padding: 2rem; }

.giving-2-media-columns .giving-2-media-row .info .info-inner h1.section-heading, .giving-2-media-columns .giving-2-media-row .info .info-inner h2.section-heading, .giving-2-media-columns .giving-2-media-row .info .info-inner h3.section-heading, .giving-2-media-columns .giving-2-media-row .info .info-inner h4.section-heading, .giving-2-media-columns .giving-2-media-row .info .info-inner h5.section-heading, .giving-2-media-columns .giving-2-media-row .info .info-inner h6.section-heading { margin-bottom: 1rem; }

/*
.giving-2-app-links
*/
.giving-2-app-links { list-style: none; margin: 0px; padding: 0px; text-align: inherit; }

.giving-2-app-links li { display: inline-block; list-style: none; margin: .5rem .5rem 0px .5rem; padding: 0px; }

.giving-2-app-links li:first-child { margin-left: 0px; }

.giving-2-app-links li:last-child { margin-right: 0px; }

.giving-2-app-links li a { display: block; text-align: center; width: 46px; height: 46px; text-decoration: none; border-radius: 50%; /*background-color: $blue;*/ /*color: $black;*/ }

.giving-2-app-links li a i { display: block; position: relative; top: 50%; transform: translateY(-50%); }

@media (hover: hover) { .giving-2-app-links li a:hover { /*background-color: $ltblue;*/ /*color: $black;*/ } }

/*
.giving-2-grid-links
uses site outsideurl js function. may need to copy to your site
*/
.giving-2-grid-links { display: flex; flex-wrap: wrap; justify-content: center; margin-right: -15px; margin-left: -15px; }

.giving-2-grid-links .app-link { display: none; }

.giving-2-grid-links article { text-align: center; position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; margin-bottom: 1.5rem; min-height: 340px; }

@media (min-width: 992px) { .giving-2-grid-links article { flex: 0 0 31%; max-width: 31%; } }

@media (hover: hover) { .giving-2-grid-links article:hover:before, .giving-2-grid-links article:hover:after { /*background-color: $blue;*/ }
  .giving-2-grid-links article:hover .info { /*background-color: $black;*/ }
  .giving-2-grid-links article:hover .info .info-inner { /*color: $white;*/ }
  .giving-2-grid-links article:hover .info .info-inner h2, .giving-2-grid-links article:hover .info .info-inner h3, .giving-2-grid-links article:hover .info .info-inner h4, .giving-2-grid-links article:hover .info .info-inner h5, .giving-2-grid-links article:hover .info .info-inner h6, .giving-2-grid-links article:hover .info .info-inner p { /*color: $white;*/ }
  .giving-2-grid-links article:hover .info .icons .fa, .giving-2-grid-links article:hover .info .icons .icon { /*color: $white;*/ /*border-color: $white;*/ } }

.giving-2-grid-links article:before { content: ""; position: absolute; width: 10px; height: 60px; top: 50%; left: 11px; transform: translateY(-50%); z-index: 100; /*background-color: $black;*/ transition: all 0.2s ease-in-out; }

.giving-2-grid-links article:after { content: ""; position: absolute; width: 10px; height: 60px; top: 50%; right: 11px; transform: translateY(-50%); z-index: 100; /*background-color: $black;*/ transition: all 0.2s ease-in-out; }

.giving-2-grid-links article .info { position: relative; display: flex; align-items: center; border-width: 2px; border-style: solid; border-radius: .65rem; /*border-color: $black;*/ /*background-color: $white;*/ transition: all 0.2s ease-in-out; height: 100%; }

.giving-2-grid-links article .info .info-inner { position: relative; width: 100%; max-width: 100%; padding: .5rem 1.25rem; /*color: $black;*/ transition: all 0.2s ease-in-out; }

.giving-2-grid-links article .info .info-inner h2, .giving-2-grid-links article .info .info-inner h3, .giving-2-grid-links article .info .info-inner h4, .giving-2-grid-links article .info .info-inner h5, .giving-2-grid-links article .info .info-inner h6, .giving-2-grid-links article .info .info-inner p { /*color: $black;*/ transition: all 0.2s ease-in-out; }

.giving-2-grid-links article .info .icons { position: relative; min-height: 100px; }

.giving-2-grid-links article .info .icons .fa, .giving-2-grid-links article .info .icons .icon { display: block; width: 80px; height: 80px; margin: 0 auto; font-size: 2rem; border-radius: 50%; /*color: $black;*/ border-width: 2px; border-style: solid; /*border-color: $black;*/ transition: all 0.2s ease-in-out; }

.giving-2-grid-links article .info .icons .fa:before, .giving-2-grid-links article .info .icons .icon:before { display: block; position: relative; top: 50%; transform: translateY(-50%); }

.giving-2-grid-links article .info .grid-heading { position: relative; }

.giving-2-grid-links article .info .grid-heading:after { font-family: "Font Awesome 5 Pro" !important; content: "\f30b"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 400; margin-left: .25rem; vertical-align: middle; display: none; }

.giving-2-grid-links article .info .description-wrap { min-height: 90px; }

.giving-2-grid-links article .info .description { font-size: 1rem; }

.giving-2-grid-links article .info .giving-2-app-links { display: none; text-transform: center; }

.giving-2-grid-links article .info .giving-2-app-links li.app-link { display: inline-block; }

.giving-2-grid-links article .info .more { display: none; margin: 1rem 0px 0px 0px; }

.giving-2-grid-links article .info .btn { margin: 0px; }

.giving-2-grid-links article.has-more .info:hover .info-inner .icons { display: none; }

.giving-2-grid-links article.has-more .info:hover .info-inner .giving-2-app-links, .giving-2-grid-links article.has-more .info:hover .info-inner .more { display: block; }

.giving-2-grid-links article.has-more .info .grid-heading:after { display: inline-block; }

@media (min-width: 992px) { .giving-2-grid-links article.has-more .info .grid-heading:after { display: none; } }

/*Colors*/
/* .widget-giving-2-heading-link .heading h1, .widget-giving-2-heading-link .heading h2, .widget-giving-2-heading-link .heading h3, .widget-giving-2-heading-link .heading h4, .widget-giving-2-heading-link .heading h5, .widget-giving-2-heading-link .heading h6, .widget-giving-2-heading-link .heading p { color: #000000; } .widget-giving-2-heading-link .link a { color: #70f9f4; } .widget-giving-2-heading-link .link a { border-color: #000000; } @media (hover: hover) { .widget-giving-2-heading-link .link a:hover { background-color: #000000; } } .dark .widget-giving-2-heading-link .heading h1, .dark .widget-giving-2-heading-link .heading h2, .dark .widget-giving-2-heading-link .heading h3, .dark .widget-giving-2-heading-link .heading h4, .dark .widget-giving-2-heading-link .heading h5, .dark .widget-giving-2-heading-link .heading h6, .dark .widget-giving-2-heading-link .heading p { color: #ffffff; } .dark .widget-giving-2-heading-link .link a { color: #70f9f4; } .dark .widget-giving-2-heading-link .link a { border-color: #ffffff; } @media (hover: hover) { .dark .widget-giving-2-heading-link .link a:hover { background-color: #ffffff; } } .giving-2-content-columns .giving-2-content-row .content-info.dark { background-color: $black; } .giving-2-numbers ul li .numbers-count { color: $blue; } .giving-2-media-columns .giving-2-media-row .info.dark { background-color: $black; } .giving-2-app-links li a { color: $black; } .giving-2-app-links li a { background-color: $blue; } @media (hover: hover) { .giving-2-app-links li a:hover { color: $black; } .giving-2-app-links li a:hover { background-color: $ltblue; } } .giving-2-grid-links article:before { background-color: $black; } .giving-2-grid-links article:after { background-color: $black; } .giving-2-grid-links article .info { background-color: $white; } .giving-2-grid-links article .info { border-color: $black; } .giving-2-grid-links article .info .info-inner { color: $black; } .giving-2-grid-links article .info .info-inner h2, .giving-2-grid-links article .info .info-inner h3, .giving-2-grid-links article .info .info-inner h4, .giving-2-grid-links article .info .info-inner h5, .giving-2-grid-links article .info .info-inner h6, .giving-2-grid-links article .info .info-inner p { color: $black; } .giving-2-grid-links article .info .icons .fa, .giving-2-grid-links article .info .icons .icon { color: $black; } .giving-2-grid-links article .info .icons .fa, .giving-2-grid-links article .info .icons .icon { border-color: $black; } @media (hover: hover) { .giving-2-grid-links article:hover:before, .giving-2-grid-links article:hover:after { background-color: $blue; } .giving-2-grid-links article:hover .info { background-color: $black; } .giving-2-grid-links article:hover .info .info-inner { color: $white; } .giving-2-grid-links article:hover .info .info-inner h2, .giving-2-grid-links article:hover .info .info-inner h3, .giving-2-grid-links article:hover .info .info-inner h4, .giving-2-grid-links article:hover .info .info-inner h5, .giving-2-grid-links article:hover .info .info-inner h6, .giving-2-grid-links article:hover .info .info-inner p { color: $white; } .giving-2-grid-links article:hover .info .icons .fa, .giving-2-grid-links article:hover .info .icons .icon { color: $white; } .giving-2-grid-links article:hover .info .icons .fa, .giving-2-grid-links article:hover .info .icons .icon { border-color: $white; } } */