/*
** Site Specific CSS
*/

/*
** Variables
*/



*:focus {
    outline: 3px solid #EA5D4E;
    box-shadow: 0 0 6px #EA5D4E;
}

html { overflow-y: scroll; }
body { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; color: #000000; }

ul { padding: 0; }
ul li { list-style-type: none; background-image: url(https://webfuel.blob.core.windows.net/webfuel-filesystem/1c04a9dc-5cca-34cc-be4d-08d643f7c550/design/bullet.png); background-repeat: no-repeat; padding: 0 0 0 25px; background-position: 0% 3px; }

label a, p a, li a { color: #2EA9B0; font-weight: bold; }
label a:hover, p a:hover, li a:hover { color: RGB(0, 114, 198); text-decoration: underline; transition: color 0.25s ease; }

h1, h2, h3, h4, h5, h6 { margin: 0px 0 20px 0; line-height: 1.15em; font-weight: normal; }

h3 { color: #6667AD; margin-top:25px; margin-bottom:5px; font-weight: bold; font-size: 20px; }

h4 { color: #6667AD; font-weight: normal; font-size: 18px; }
h5 { color: #F29330; font-weight: normal; font-size: 18px; }
h6 { color: #EA5D4E; font-weight: normal; font-size: 18px; }
h7 { color: #2EA9B0; font-weight: normal; font-size: 18px; }

hr { border: none; border-top: 1px solid #ccc; margin: 40px 0 20px 0; padding: 0; }

table { width: 100%; margin-top: 13px; margin-bottom: 13px; }
td, th { font-size: 13px; vertical-align: top; }

.mce { padding: 10px; }

.wx-top { text-align: right; background-color: #555556; color: #ffffff; font-size: 15px; }
.wx-top ul { margin: 0; padding: 0; display: inline-block; margin: 7px 0 7px 0; }
.wx-top ul li { list-style-type: none; display: inline-block; margin: 0; padding: 0; border-right: 1px solid #FFFFFF; background-image: none; }
.wx-top ul li:last-child { border: none; }
.wx-top ul li a { display: inline-block; line-height: 19px; height: 19px; padding: 0 8px 0 8px; color: #FFFFFF; font-weight: normal; }
.wx-top form { display: inline-block; color: #000000; width: 100%; }
.wx-top form input { margin: 4px 0 4px 0; border: none; padding: 3px 30px 3px 6px; background-image: url(https://webfuel.blob.core.windows.net/webfuel-filesystem/1c04a9dc-5cca-34cc-be4d-08d643f7c550/design/search-bg.png); background-repeat: no-repeat; background-position: 98% 50%; width: 100%; display: inline-block;  }
.wx-top .wx-social a { margin: 4px 0 4px 0; display: inline-block; background-color: #2EA9B0; font-size: 18px; border: 1px solid #ffffff; padding: 2px 4px 3px 3px; transition: all 0.25s ease; }
.wx-top .wx-social a:hover { color: #2EA9B0; background-color: #FFFFFF; border: 1px solid #2EA9B0; }

.wx-bar { margin-bottom: 4px; height: 8px; overflow: hidden; background-color: #2EA9B0; }

.wx-search-form { position: relative; }
.wx-search-form button { position: absolute; top: 0; right: 0; width: 30px; height: 100%; background-color: transparent; border: 0; }

.wx-header img { display: inline-block; margin: 15px 0 15px 0; }

.ez-menu { margin-bottom: 28px; }
.ez-menu > ul > li > a {  border: 1px solid #FFFFFF; text-align: center; font-size: 15px; font-weight: normal; color: #232323; line-height: 42px; border-bottom: 1px solid #A3A3A3; border-top: 1px solid #ffffff; }
.ez-menu > ul > li.active > a,
.ez-menu > ul > li:hover > a { 
    color: #FFFFFF; 
    border: 1px solid #193E72;
    background: #193E72; /* Old browsers */
    background: -moz-linear-gradient(top, #2c548c 0%, #193E72 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c548c), color-stop(100%,#193E72)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c548c 0%,#193E72 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c548c 0%,#193E72 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c548c 0%,#193E72 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c548c 0%,#193E72 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64cb89', endColorstr='#193E72',GradientType=0 ); /* IE6-9 */
}

.ez-menu ul ul {
    border: 1px solid #444444;
    background-color: #444444; /* IE8 */
    background-color: RGBA(0, 0, 0, 0.6); 
    width: 100%;
}

.ez-menu ul ul a { 
    padding: 8px 20px 8px 20px;
    color: #FFFFFF;
}

.ez-menu ul ul a:hover {
    background: #b5e69d; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5e69d 0%, #66cc33 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e69d), color-stop(100%,#66cc33)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5e69d 0%,#66cc33 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e69d', endColorstr='#66cc33',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 768px) and (max-width: 1001px) {
    .wx-header .ez-menu  a { font-size: 11px; }   
}

@media (max-width: 767px) {
    body { padding-top: 40px; }
    
    .wx-header img { margin: 0; }
    
    .wx-header .ez-menu { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
    .wx-header .ez-menu ul { margin: 0; }
    .wx-header .ez-menu li { display: block; margin: 0; padding: 0; background: none !important;   }
    .wx-header .ez-menu li a { display: block; margin: 0; padding-left: 20px; text-align: left; color: #FFFFFF; background: none; background-color: rgba(0, 0, 0, 0.6); }
    .wx-header .ez-menu > button { height: 40px; line-height: 40px; background-color: #000000; border: none; padding: 0; font-size: 22px; color: #FFFFFF; display: block !important; width: 100%; }
    
    .wx-header .ez-menu > ul > li.active > a,
	.wx-header .ez-menu > ul > li:hover > a {
 		border-bottom: 1px solid #A3A3A3; border-top: 1px solid #ffffff; 
	}
    
    .wx-top { text-align: left !important; }
    .wx-top ul li { border: none; }
    .wx-top ul li a { font-size: 13px; padding: 0 4px 0 4px;  z-index: 2000; }
}

.wx-image-box { position: relative; margin-bottom: 15px; overflow: hidden; }
.wx-image-box img { display: block; width: 100%; }
.wx-image-box div { position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; padding: 12px; background-color: RGBA(0, 0, 0, 0.6); }
.wx-image-box h1 { color: #fff; font-size: 19px; font-weight: normal; }

@media (max-width: 1001px) {
    .wx-image-box div { position: relative; }
} 

.wx-blocks {  }
.wx-blocks a { display: block; margin-bottom: 30px; }
.wx-blocks img { border: 1px solid #AAAAAA; width: 100%; display: block; }
.wx-blocks p { color: #FFFFFF; font-size: 15px; padding: 15px 40px 15px 10px; position: relative; margin: 4px 0 4px 0; }
.wx-blocks i { display: block; width: 28px; height: 28px; background-image: url(https://webfuel.blob.core.windows.net/webfuel-filesystem/1c04a9dc-5cca-34cc-be4d-08d643f7c550/design/arrow.png); position: absolute; right: 10px; top: 50%; margin-top: -14px;  }

.wx-news-headlines { margin-bottom: 15px; }
.wx-news-headlines h2 { margin: 0; color: #FFFFFF; background-color: #193E72; font-weight: normal; height: 38px; line-height: 38px; font-size: 17px; padding: 0 40px 0 10px; overflow: hidden; background-image: url(https://webfuel.blob.core.windows.net/webfuel-filesystem/1c04a9dc-5cca-34cc-be4d-08d643f7c550/design/news-bg.png); background-repeat: no-repeat; background-position: 95% 0; }
.wx-news-headlines .wx-header-quote { margin-bottom: 14px; height: 14px; background-image: url(https://webfuel.blob.core.windows.net/webfuel-filesystem/1c04a9dc-5cca-34cc-be4d-08d643f7c550/design/header-quote.png); background-repeat: no-repeat; background-position: 20px 0; }

.wx-news-alert { margin-bottom: 15px; }
.wx-news-alert h2 { margin: 0; color: #FFFFFF; background-color: #EA5D4E; font-weight: normal; height: 38px; line-height: 38px; font-size: 17px; padding: 0 40px 0 10px; overflow: hidden; background-repeat: no-repeat; background-position: 95% 0; }
.wx-news-alert .wx-header-quote { margin-bottom: -10px; height: 14px; background-image: url(https://webfuel.blob.core.windows.net/webfuel-filesystem/1c04a9dc-5cca-34cc-be4d-08d643f7c550/design/header-quote-alert-new.png); background-repeat: no-repeat; background-position: 20px 0; }

.wx-blog-thumbnail { border-bottom: 1px solid #ddd; background-color: #FaFaFa; display: block; margin-bottom: 14px; padding: 8px; transition: box-shadow 0.25s ease;  }
.wx-blog-thumbnail img { display: block; width: 100%; max-width: 130px; }
.wx-blog-thumbnail h2 { color: #9a0050; margin: 8px 0 4px 0; font-size: 20px;  }
.wx-blog-thumbnail p {  }
.wx-blog-thumbnail .date { font-size: 0.9em; }
.wx-blog-thumbnail p.author { font-weight: bold; color: #36246b; }

.wx-blog-list .wx-blog-thumbnail:hover { box-shadow: 0 0 20px #888; }

.wx-tags { margin: 20px 0 20px 0; }
.wx-tags li { list-style-type: none; display: inline-block; background-image: none; padding:0; margin: 0 0 10px 0; }
.wx-tags li a { display: inline-block; position: relative; border: 1px solid #DDDDDD; margin-right: 5px; padding: 4px 12px 6px 12px; border-radius: 4px;}
.wx-tags li a span.a { z-index: 0; position: absolute; top: 0; left: 0; width: 0%; height: 100%;  display: inline-block; background-color: #193E72; transition: all 0.25s ease; }
.wx-tags li a span.b { z-index: 10; position: relative; display: inline-block; transition: all 0.25s ease; }
.wx-tags li a:hover { color: #FFFFFF; border: 1px solid #193E72; }
.wx-tags li a:hover span.a { width: 100%; }
.wx-tags li a:hover span.b { color: #FFFFFF; }
.wx-tags li.active a { color: #FFFFFF; background-color: #193E72; border: 1px solid #193E72; }

.wx-event-summary { display: block; padding: 10px; margin: 10px 0 10px 0; border-radius: 10px;  }
.wx-event-summary.alt { background-color: #F6F6F6; }
.wx-event-summary .wx-event-date { text-align: center; background-color: #2EA9B0; padding: 10px 0 10px 0; color: #FFFFFF; border-radius: 10px; }

.wx-sitemap a { font-weight: normal; }

.wx-footer { margin-top: 40px; color: #FFFFFF; background-color: #555556;  }
.wx-footer input { margin-bottom: 8px; }
.wx-footer h3 { font-size: 25px; font-weight: normal; margin-top: 30px; color: #fff; }
.wx-footer a { color: #FFFFFF; font-weight: normal; }
.wx-footer li { padding: 0; background-image: none; border-bottom: 1px solid #C1C1C1; }
.wx-footer li a { display: block; padding: 4px 0 4px; }
.wx-footer p.wx-icon { padding-left: 45px; position: relative; min-height: 30px; }
.wx-footer p.wx-icon i { position: absolute; left: 0; top: 50%; margin-top: -15px; font-size: 30px; line-height: 30px; }
.wx-footer .wx-web-designer { color: #EEEEEE; font-size: 11px; text-align: right; margin-top: 20px; padding-bottom: 6px; }
.wx-footer .wx-web-designer a { color: #EEEEEE; font-size: 11px; }

.wx-infographic { display: inline-block; position: relative; }
.wx-infographic img { display: inline-block; z-index: 0; }
.wx-infographic a { position: absolute; z-index: 1; }
.wx-infographic a:hover { background-color: rgba(0, 0, 0, 0.1); }

.wx-slideshow { position: relative; margin-bottom: 0px !important; }
.wx-slideshow img { display: block; }
.wx-slideshow > * { display: none; } 
.wx-slideshow > .first { display: block; }
.wx-slideshow.slick-initialized > * { display: block; }
.wx-slideshow .slick-dots { position: absolute; bottom: -10px; padding: 0; margin: 0; }
.wx-slideshow .slick-dots button { width: 12px; height: 12px; background-color: #000000; border-radius: 6px; }
.wx-slideshow .slick-dots .slick-active button { background-color: #193E72; }
.wx-slideshow .slick-dots li { background-image: none; list-style-type: none; width: 15px; height: 15px; }
.wx-slideshow .slick-dots li button:before { content: "" !important; }

.wx-search-hit { margin-bottom: 20px; }
.wx-search-hit .wx-search-title { color: #193E72; font-weight: bold; }
.wx-search-hit .wx-search-url { font-size: 0.9em; }

/* Dynamic Tag Colours */


li.event-tag-EventsWorkshops a { color: rgb(46, 169, 176); }
li.event-tag-EventsWorkshops a span.a { background-color: rgb(46, 169, 176); }
li.event-tag-EventsWorkshops a:hover { border-color: rgb(46, 169, 176); color: rgb(46, 169, 176); }
.wx-tags li.event-tag-EventsWorkshops.active a { background-color: rgb(46, 169, 176); border: 1px solid rgb(46, 169, 176); }
.wx-event-summary.event-tag-EventsWorkshops .wx-event-date { background-color: rgb(46, 169, 176); }

li.event-tag-FundingDeadline a { color: rgb(102, 103, 173); }
li.event-tag-FundingDeadline a span.a { background-color: rgb(102, 103, 173); }
li.event-tag-FundingDeadline a:hover { border-color: rgb(102, 103, 173); color: rgb(102, 103, 173); }
.wx-tags li.event-tag-FundingDeadline.active a { background-color: rgb(102, 103, 173); border: 1px solid rgb(102, 103, 173); }
.wx-event-summary.event-tag-FundingDeadline .wx-event-date { background-color: rgb(102, 103, 173); }

li.event-tag-Webinar a { color: rgb(234, 93, 78); }
li.event-tag-Webinar a span.a { background-color: rgb(234, 93, 78); }
li.event-tag-Webinar a:hover { border-color: rgb(234, 93, 78); color: rgb(234, 93, 78); }
.wx-tags li.event-tag-Webinar.active a { background-color: rgb(234, 93, 78); border: 1px solid rgb(234, 93, 78); }
.wx-event-summary.event-tag-Webinar .wx-event-date { background-color: rgb(234, 93, 78); }

        
.ez-form-submit button,
.wx-button {
    display: inline-block; padding: 4px 20px 5px 20px;
    color: #FFFFFF; 
    border: 1px solid #66CC33;
    background: #b5e69d; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5e69d 0%, #66cc33 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e69d), color-stop(100%,#66cc33)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5e69d 0%,#66cc33 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e69d', endColorstr='#66cc33',GradientType=0 ); /* IE6-9 */
}

.wx-footer button {
    display: block; width: 100%; padding: 5px 5px 5px 5px;
    color: #FFFFFF; 
    border: 1px solid #193E72;
    background: #b5e69d; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c548c 0%, #193E72 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c548c), color-stop(100%,#193E72)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c548c 0%,#193E72 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c548c 0%,#193E72 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c548c 0%,#193E72 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c548c 0%,#193E72 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c548c', endColorstr='#193E72',GradientType=0 ); /* IE6-9 */
}

.wx-footer input {
    width: 100%;
    padding: 6px 8px 5px 8px;
    color: #000000;
}

.wx-gradient-vertical-lightgreen { 
    border: 1px solid #66CC33;
    background: #b5e69d; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5e69d 0%, #66cc33 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e69d), color-stop(100%,#66cc33)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5e69d 0%,#66cc33 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5e69d 0%,#66cc33 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e69d', endColorstr='#66cc33',GradientType=0 ); /* IE6-9 */
}


.wx-gradient-vertical-green { 
    border: 1px solid #193E72;
    background: #193E72; /* Old browsers */
    background: -moz-linear-gradient(top, #2c548c 0%, #193E72 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c548c), color-stop(100%,#193E72)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2c548c 0%,#193E72 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2c548c 0%,#193E72 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2c548c 0%,#193E72 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2c548c 0%,#193E72 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c548c', endColorstr='#193E72',GradientType=0 ); /* IE6-9 */
}

.wx-gradient-vertical-teal { 
    border: 1px solid #F29330 ;
    background: #F29330 ; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3b574 0%, #F29330 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3b574), color-stop(100%,#F29330)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3b574 0%,#F29330 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3b574 0%,#F29330 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3b574 0%,#F29330 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3b574 0%,#F29330 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3b574', endColorstr='#F29330',GradientType=0 ); /* IE6-9 */
}

.wx-gradient-vertical-cerise { 
    border: 1px solid #6667AD;
    background: #6667AD; /* Old browsers */
    background: -moz-linear-gradient(top,  #797aa9 0%, #6667AD 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797aa9), color-stop(100%,#6667AD)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #797aa9 0%,#6667AD 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #797aa9 0%,#6667AD 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #797aa9 0%,#6667AD 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #797aa9 0%,#6667AD 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797aa9', endColorstr='#6667AD',GradientType=0 ); /* IE6-9 */
}

.wx-gradient-vertical-blue { 
    border: 1px solid #2EA9B0;
    background: #2EA9B0; /* Old browsers */
    background: -moz-linear-gradient(top, #52cad1 1%, #2EA9B0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#52cad1), color-stop(100%, #2EA9B0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52cad1 1%, #2EA9B0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52cad1 1%, #2EA9B0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52cad1 1%, #2EA9B0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #52cad1 1%, #2EA9B0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52cad1', endColorstr=' #2EA9B0',GradientType=0 ); /* IE6-9 */
}

.cc_more_info { color: #193E72 !important; }
.mce_inline_error { font-size: 12px; font-weight: normal !important; }

/* CMS Classes */

img.cms-float-left { float: left; max-width: 75%; margin-right: 10px; margin-bottom: 10px; }
img.cms-float-right { float: right; max-width: 75%; margin-left: 10px; margin-bottom: 10px; }

.cms-btn { display: inline-block; color:#fff; background-color: #193E72; position: relative; border: 1px solid #DDDDDD; margin-right: 5px; padding: 4px 12px 6px 12px; border-radius: 4px;}
.cms-btn:hover { color:#fff; }

/*  Impact Tookit  */

.wx-impact-toolkit {
    padding: 2rem 0 2rem 0;
}

.wx-impact-toolkit .card {
    width: 100%;
    perspective: 1000px;
    margin-bottom: 2rem;
    user-select: none;
    display: block;
}

.wx-impact-toolkit .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.5s ease;        
    transform-style: preserve-3d;      
}

    /* Do an horizontal flip when you move the mouse over the flip box container */
.wx-impact-toolkit .card:hover .card-inner {

    transform: rotateX(-180deg);
}

/* Position the front and back side */
 .wx-impact-toolkit .card-front, .card-back {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-backface-visibility: hidden; /* Safari */
     backface-visibility: hidden;
     display: block;
     cursor: pointer;        
     box-shadow: 0 27px 55px 0 rgb(0 0 0 / 30%), 0 17px 17px 0 rgb(0 0 0 / 15%);
}

.wx-impact-toolkit .card-spacer {
    padding: 1rem 0 1rem 0;
}

/* Style the front side (fallback if image is missing) */
.wx-impact-toolkit .card-front {
    background-color: #0E4578;
    color: white;
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 2rem;
    text-align: center;         
}

.wx-impact-toolkit .card-front h2 { 
    color: white; 
    padding: 0 1rem 0 1rem;
    font-weight: normal;
    width: 100%;
    font-size: 4rem;
}

.wx-impact-toolkit .card-front h3 { 
    color: white; 
    padding: 0 5rem 0 5rem;
    font-weight: normal;
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6rem;
}

/* Style the back side */
.wx-impact-toolkit .card-back {
    background-color: #0E4578;
    display: flex;
    align-items: center;
    padding: 0.5rem 2rem 0.5rem 2rem;
    border-radius: 2rem;
    text-align: left;         
    transform: rotateX(180deg);
}  

/* Style the content */


.wx-impact-toolkit .content {
    color: white;
    font-size: 1.3rem;
    line-height: 1.8rem;    
}

.wx-impact-toolkit .content ul {
    padding: 1rem;
}

.wx-impact-toolkit .content li {
    display: list-item;
    list-style-type: disc;
    padding: 0;
    margin: 0 0 0.5rem 0;
}


@media (max-width: 1001px) {
    .wx-impact-toolkit .card-front h2 {
        font-size: 3rem;
    }
    
    .wx-impact-toolkit .content {
        font-size: 1.0rem;
        line-height: 1.2rem;    
    }
} 

@media (max-width: 767px) {
    .wx-impact-toolkit .card-front h2 {
        font-size: 2rem;
    }
    
    .wx-impact-toolkit .content {
        font-size: 0.8rem;
        line-height: 1.0rem;    
    }

    .wx-impact-toolkit .content ul {
        padding: 0.5rem;
    }    

    .wx-impact-toolkit .card-spacer {
        padding: 1rem 0 1rem 0;
    }    
    
    .wx-impact-toolkit .content li {
        margin: 0 0 0.2rem 0;
    }
} 


/* EOF */