/* If replacing font in theme, select the style menu >> global and select the font-family. In the drop-down type the name of the custom font exactly, press enter and save. 
   the font will not appear in the drop-down list, but it will work.x */

@font-face {
    font-family: 'DIN-Medium';
    src: url('../fonts/DIN-Medium-font.eot');
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DIN-Medium.woff') format('woff'),
         url('../fonts/DIN-Medium.ttf') format('truetype'),
         url('../fonts/DIN-Medium.svg#DIN-Medium') format('svg');
}

/* Menu - Donate button */
.donate-menu {background: #097aac; max-height: 40px; min-height: 40px !important; position: relative; top: 30px; left: 20px; transition: unset !important; color: #ffffff !important;}
.donate-menu:hover, .donate-menu:active, .donate-menu:focus {color: #ffffff !important;}

/* hide in mobile off-canvas menu */

.donate-menu {display: none;}


/* align menu right */

.uk-navbar-container>.container .uk-navbar-right, .uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: 5%;
}

.uk-navbar-container .uk-container {
	max-width: 1600px !important;
}

/* logo fix for small phones iphone 5 etc. */

@media (min-width: 320px) {
	.uk-responsive-height {
    max-width: 240px;
    position: relative;
    left: 15px;
}

.uk-navbar-toggle {
    z-index: 999999;
}

}

@media (min-width: 360px) {
	.uk-responsive-height {
    max-width: 260px;
    position: relative;
    left: 20px;
}

.uk-navbar-toggle {
    z-index: 999999;
}

}

@media (min-width: 400px) {
	.uk-responsive-height {
    max-width: 280px;
    position: relative;
    left: 20px;
}

.uk-navbar-toggle {
    z-index: 999999;
}

}

/* Topbar */
.tm-toolbar .uk-margin-auto-left {margin: 0 auto !important;}
.tm-toolbar .uk-grid-medium div:nth-child(2) {position: absolute; right: 13% !important;}
.top-social {font-size: 20px; font-weight: 700; text-transform: uppercase; color: #000000;}

.ewoverlay .uk-transition-toggle [class*="uk-transition-slide"] {   
opacity: 1;   
transform: translateX(0) translateY(0);  
}

/* Region Selector */

.region-select select {
	background: #dfdfdf;
    height: 30px !important;
    position: relative;
    top: -11px;
}

h1 {line-height: 1.3;}
h3 {line-height: 1.4;}

/* Image in text */
@media (min-width: 960px) {
.img-std .pull-left {padding: 0px 20px 10px 0px !important; width: 50%;}
.img-std .pull-right {padding: 10px 0px 10px 20px !important; width: 50%;}
}

@media (max-width: 959px) and (min-width: 649px) {
.img-std .pull-left {padding: 0px 0px 10px 0px !important;}
.img-std .pull-right {padding: 0px 0px 10px 0px !important;}
.img-std {padding: 20px !important;}
}
@media (max-width: 639px) {
.img-std .pull-left {padding: 0px 0px 10px 0px !important;}
.img-std .pull-right {padding: 0px 0px 10px 0px !important;}
.img-std {padding: 0px 20px !important;}
}



.container, .uk-container {padding-left: 0px; padding-right: 0px;}
.int-hd h2 {font-size: 42px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px;}
.int-btn h3 {font-weight: bold; text-transform: uppercase; text-align: center;}

/* Main header button colour */
.el-content.uk-button.uk-button-primary.uk-button-large {
	color: #ffffff;
}

.el-content.uk-button.uk-button-primary.uk-button-large:hover, .el-content.uk-button.uk-button-primary.uk-button-large:active, .el-content.uk-button.uk-button-primary.uk-button-large:focus {
	color: #097aac;
}


/** Contact Us **/
/*.contact-form div:nth-child(2) {background: #c8c8c6; margin: 0px 30px 0px 0px;}*/
.contact-form div:nth-child(2), .legacy-form {background: #c8c8c6;}
.ui.green.button, .ui.green.buttons .button {background-color: #097aac; font-size: 21px; border-radius: 0px}
.ui.green.button:hover, .ui.green.buttons .button:hover {background-color: #097aac; font-size: 21px; border-radius: 0px; color: #c8c8c6;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {background: #1599d7 !important; color: #ffffff !important;}
.leaflet-popup-content h3 {color: #ffffff !important;}
.contact-form.uk-grid > * {padding: 10px 30px !important;}
.contact-form-mg.uk-grid > * {margin-left: 20px !important;}

.hrhigh {font-weight: normal;}
.departmenthr {font-weight: normal;}
.hr-sectionhd {color: #097aac !important; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.moduleItemTitle {color:#097aac !important;font-size: 30px !important;}
.moduleItemReadMore {background: #0b7cac; color: #ffffff; padding: 10px;}
.hr-form {background: #c8c8c6; margin: 0px 30px 0px 0px;  padding: 30px !important;}
.hr-form input {height: 50px !important;}
/** Contact Us **/

/**3 Text Box **/
.three-txt-box p {color: #000000 !important;}
.three-txt-box h3 {font-size: 24px; font-weight: bold;}
/**3 Text Box **/

/**Box Section **/
.sm-grid a.uk-button-default {font-size: 25px; padding: 5px 15px;}
.sm-grid h3 {font-size: 38px; font-weight: bold !important;  text-transform: uppercase;}
.sm-grid p {font-size: 20px; font-weight: 400;}
.sm-grid a {font-weight: bold;}
.sm-grid {padding-bottom: 20px !important;}

/**Box Section **/

/**Box Section **/
.all-box a.uk-button-default {font-size: 25px; padding: 5px 15px;}
.all-box h3 {font-size: 38px; font-weight: bold !important; text-transform: uppercase; width: 66%;}
.all-box p {font-size: 20px; font-weight: 400; width: 66%;}
.all-box a {font-weight: bold;}
.all-box {margin-top: 0px !important; margin-bottom: 0px !important;}
/**Box Section **/

/**Box Section **/
.all-box-txt-l a.uk-button-default {font-size: 25px; padding: 5px 15px;}
.all-box-txt-l h3 {font-size: 38px; font-weight: bold !important;}
.all-box-txt-l a {font-weight: bold;}
.all-box-txt-l p {font-size: 20px; font-weight: 400;}
.all-box-txt-l {margin-top: 0px !important; margin-bottom: 0px !important;}
/*.all-box-txt-l .uk-card-body {flex};*/

/**Box Section **/


/**Blue Box Section **/
.dblue-box DIV.uk-card-primary {background: #097aac !important;}
.dblue-box p {color: #ffffff;}
.dblue-box h3 {color: #2a3b45 !important;}
.dblue-box a {color: #ffffff !important;}
.dblue-box a:link {color: #ffffff !important;}
.dblue-box a:hover {color: #097aac !important;}
.dblue-box a.uk-button-default {background: #2a3b45 !important;}

/**Blue Box Section **/

/**Grey Box Section **/
.grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.grey-box p {color: #2a3b45;}
.grey-box h3 {color: #1599d7 !important;}
.grey-box a {color: #ffffff !important;}
.grey-box a:link {color: #ffffff !important;}
.grey-box a:hover {color: #1599d7 !important;}
.grey-box a.uk-button-default {background: #1599d7 !important;}
/**Grey Box Section **/

/**Dark Grey Box Section **/
.dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.dgrey-box p {color: #ffffff;}
.dgrey-box h3 {color: #1599d7 !important;}
.dgrey-box a {color: #ffffff !important;}
.dgrey-box a:link {color: #ffffff !important;}
.dgrey-box a:hover {color: #2a3b45 !important;}
.dgrey-box a.uk-button-default {background: #1599d7 !important;}
/**Dark Grey Box Section **/

/**Medium Grey Box Section **/
.mgrey-box DIV.uk-card-primary {background: #56636c !important;}
.mgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.mgrey-box p {color: #ffffff;}
.mgrey-box h3 {color: #1599d7 !important;}
.mgrey-box a {color: #ffffff !important;}
.mgrey-box a:link {color: #ffffff !important;}
.mgrey-box a:hover {color: #56636c !important;}
.mgrey-box a.uk-button-default {background: #1599d7 !important;}
/**Medium Grey Box Section **/





/**Default Grey Box Section **/
.ewdefault-box DIV.uk-card-primary {background: #0b7cac !important;}
.ewdefault-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.ewdefault-box p {color: #ffffff;}
.ewdefault-box h3 {color: #2a3b45 !important;}
.ewdefault-box a {color: #ffffff !important;}
.ewdefault-box a:link {color: #ffffff !important;}
.ewdefault-box a:hover {color: #0b7cac !important;}
.ewdefault-box a.uk-button-default {background: #2a3b45 !important;}
/**Default Grey Box Section **/

/**Default Light Grey Box Section **/
.ewdefault-grey-box .uk-card-body {position: relative; left: 33%;}
.ewdefault-grey-box .uk-card-body h3 {width: 66%;}
.ewdefault-grey-box .uk-card-body p {width: 66%;}
.ewdefault-grey-box .uk-card-body li {width: 66%;}
.ewdefault-grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.ewdefault-grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.ewdefault-grey-box p {color: #2c3b42;}
.ewdefault-grey-box h3 {color: #0b7cac !important;}
.ewdefault-grey-box a {color: #ffffff !important;}
.ewdefault-grey-box a:link {color: #ffffff !important;}
.ewdefault-grey-box a:hover {color: #c8c8c6 !important;}
.ewdefault-grey-box a.uk-button-default {background: #0b7cac !important;}
/**Default Light Grey Box Section **/

/**Default Dark Grey Box Section **/
.ewdefault-dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.ewdefault-dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.ewdefault-dgrey-box p {color: #ffffff;}
.ewdefault-dgrey-box h3 {color: #0b7cac !important;}
.ewdefault-dgrey-box a {color: #ffffff !important;}
.ewdefault-dgrey-box a:link {color: #ffffff !important;}
.ewdefault-dgrey-box a:hover {color: #2a3b45 !important;}
.ewdefault-dgrey-box a.uk-button-default {background: #0b7cac !important;}
/**Default Dark Grey Box Section **/

/**Default Medium Grey Box Section **/
.ewdefault-mgrey-box .uk-card-body {position: relative; left: 33%;}
.ewdefault-mgrey-box h3 {width: 66%;}
.ewdefault-mgrey-box p {width: 66%;}
.ewdefault-mgrey-box li {width: 66%;}
.ewdefault-mgrey-box DIV.uk-card-primary {background: #56636c !important;}
.ewdefault-mgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.ewdefault-mgrey-box p {color: #ffffff;}
.ewdefault-mgrey-box h3 {color: #ffffff !important;}
.ewdefault-mgrey-box a {color: #1599d7 !important;}
.ewdefault-mgrey-box a:link {color: #1599d7 !important;}
.ewdefault-mgrey-box a:hover {color: #56636c !important;}
.ewdefault-mgrey-box a.uk-button-default {background: #ffffff !important;}




/**Default Grey Box Section **/
.green-box DIV.uk-card-primary {background: #097aac !important;}
.green-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.green-box p {color: #ffffff;}
.green-box h3 {color: #2a3b45 !important;}
.green-box a {color: #ffffff !important;}
.green-box a:link {color: #ffffff !important;}
.green-box a:hover {color: #097aac !important;}
.green-box a.uk-button-default {background: #2a3b45 !important;}
/**Default Grey Box Section **/

/**Default Light Grey Box Section **/
.green-grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.green-grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.green-grey-box p {color: #2c3b42;}
.green-grey-box h3 {color: #097aac !important;}
.green-grey-box a {color: #ffffff !important;}
.green-grey-box a:link {color: #ffffff !important;}
.green-grey-box a:hover {color: #c8c8c6 !important;}
.green-grey-box a.uk-button-default {background: #097aac !important;}
/**Default Light Grey Box Section **/

/**Default Dark Grey Box Section **/
.green-dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.green-dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.green-dgrey-box p {color: #ffffff;}
.green-dgrey-box h3 {color: #097aac !important;}
.green-dgrey-box a {color: #ffffff !important;}
.green-dgrey-box a:link {color: #ffffff !important;}
.green-dgrey-box a:hover {color: #2a3b45 !important;}
.green-dgrey-box a.uk-button-default {background: #097aac !important;}
/**Default Dark Grey Box Section **/

/**Green Grey Box Section **/
.green-box DIV.uk-card-primary {background: #006b5b !important;}
.green-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.green-box p {color: #ffffff;}
.green-box h3 {color: #2a3b45 !important;}
.green-box a {color: #ffffff !important;}
.green-box a:link {color: #ffffff !important;}
.green-box a:hover {color: #006b5b !important;}
.green-box a.uk-button-default {background: #2a3b45 !important;}
/**Green Grey Box Section **/

/**Green Light Grey Box Section **/
.green-grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.green-grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.green-grey-box p {color: #2c3b42;}
.green-grey-box h3 {color: #006b5b !important;}
.green-grey-box a {color: #ffffff !important;}
.green-grey-box a:link {color: #ffffff !important;}
.green-grey-box a:hover {color: #c8c8c6 !important;}
.green-grey-box a.uk-button-default {background: #006b5b !important;}
/**Green Light Grey Box Section **/

/**Green Dark Grey Box Section **/
.green-dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.green-dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.green-dgrey-box p {color: #ffffff;}
.green-dgrey-box h3 {color: #006b5b !important;}
.green-dgrey-box a {color: #ffffff !important;}
.green-dgrey-box a:link {color: #ffffff !important;}
.green-dgrey-box a:hover {color: #2a3b45 !important;}
.green-dgrey-box a.uk-button-default {background: #006b5b !important;}
/**Green Dark Grey Box Section **/

/**Yellow Grey Box Section **/
.yellow-box DIV.uk-card-primary {background: #db891b !important;}
.yellow-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.yellow-box p {color: #ffffff;}
.yellow-box h3 {color: #2a3b45 !important;}
.yellow-box a {color: #ffffff !important;}
.yellow-box a:link {color: #ffffff !important;}
.yellow-box a:hover {color: #db891b !important;}
.yellow-box a.uk-button-default {background: #2a3b45 !important;}
/**Yellow Grey Box Section **/

/**Yellow Light Grey Box Section **/
.yellow-grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.yellow-grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.yellow-grey-box p {color: #2c3b42;}
.yellow-grey-box h3 {color: #db891b !important;}
.yellow-grey-box a {color: #ffffff !important;}
.yellow-grey-box a:link {color: #ffffff !important;}
.yellow-grey-box a:hover {color: #c8c8c6 !important;}
.yellow-grey-box a.uk-button-default {background: #db891b !important;}
/**Yellow Light Grey Box Section **/

/**Yellow Dark Grey Box Section **/
.yellow-dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.yellow-dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.yellow-dgrey-box p {color: #ffffff;}
.yellow-dgrey-box h3 {color: #db891b !important;}
.yellow-dgrey-box a {color: #ffffff !important;}
.yellow-dgrey-box a:link {color: #ffffff !important;}
.yellow-dgrey-box a:hover {color: #2a3b45 !important;}
.yellow-dgrey-box a.uk-button-default {background: #db891b !important;}
/**Yellow Dark Grey Box Section **/

/**Orange Grey Box Section **/
.orange-box DIV.uk-card-primary {background: #c1531b !important;}
.orange-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.orange-box p {color: #ffffff;}
.orange-box h3 {color: #2a3b45 !important;}
.orange-box a {color: #ffffff !important;}
.orange-box a:link {color: #ffffff !important;}
.orange-box a:hover {color: #c1531b !important;}
.orange-box a.uk-button-default {background: #2a3b45 !important;}
/**Orange Grey Box Section **/

/**Orange Light Grey Box Section **/
.orange-grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.orange-grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.orange-grey-box p {color: #2c3b42;}
.orange-grey-box h3 {color: #c1531b !important;}
.orange-grey-box a {color: #ffffff !important;}
.orange-grey-box a:link {color: #ffffff !important;}
.orange-grey-box a:hover {color: #c8c8c6 !important;}
.orange-grey-box a.uk-button-default {background: #c1531b !important;}
/**Orange Light Grey Box Section **/

/**Orange Dark Grey Box Section **/
.orange-dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.orange-dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.orange-dgrey-box p {color: #ffffff;}
.orange-dgrey-box h3 {color: #c1531b !important;}
.orange-dgrey-box a {color: #ffffff !important;}
.orange-dgrey-box a:link {color: #ffffff !important;}
.orange-dgrey-box a:hover {color: #2a3b45 !important;}
.orange-dgrey-box a.uk-button-default {background: #c1531b !important;}
/**Orange Dark Grey Box Section **/

/**Blue Grey Box Section **/
.blue-box DIV.uk-card-primary {background: #009490 !important;}
.blue-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.blue-box p {color: #ffffff;}
.blue-box h3 {color: #2a3b45 !important;}
.blue-box a {color: #ffffff !important;}
.blue-box a:link {color: #ffffff !important;}
.blue-box a:hover {color: #009490 !important;}
.blue-box a.uk-button-default {background: #2a3b45 !important;}
/**Blue Grey Box Section **/

/**Blue Light Grey Box Section **/
.blue-grey-box DIV.uk-card-primary {background: #c8c8c6 !important;}
.blue-grey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.blue-grey-box p {color: #2c3b42;}
.blue-grey-box h3 {color: #009490 !important;}
.blue-grey-box a {color: #ffffff !important;}
.blue-grey-box a:link {color: #ffffff !important;}
.blue-grey-box a:hover {color: #c8c8c6 !important;}
.blue-grey-box a.uk-button-default {background: #009490 !important;}
/**Blue Light Grey Box Section **/

/**Blue Dark Grey Box Section **/
.blue-dgrey-box DIV.uk-card-primary {background: #2a3b45 !important;}
.blue-dgrey-box {margin-top: 0px !important; margin-bottom: 0px !important;}
.blue-dgrey-box p {color: #ffffff;}
.blue-dgrey-box h3 {color: #009490 !important;}
.blue-dgrey-box a {color: #ffffff !important;}
.blue-dgrey-box a:link {color: #ffffff !important;}
.blue-dgrey-box a:hover {color: #2a3b45 !important;}
.blue-dgrey-box a.uk-button-default {background: #009490 !important;}
/**Blue Dark Grey Box Section **/

.uk-grid div.uk-width-1-2@m .uk-flex-last@m ~ div.uk-first-column {position: relative; left: 33%;}

/* Fix for right aligned box, 66% width, 100% when mobile 
@media (max-width: 1295px){
.uk-card-body {
    left: 0% !important;
}
.grey-box .uk-card-body h3, .mgrey-box .uk-card-body h3, .yellow-dgrey-box .uk-card-body h3, .orange-dgrey-box .uk-card-body h3, .blue-dgrey-box .uk-card-body h3, .green-dgrey-box .uk-card-body h3 {width: 100% !important;}
.grey-box .uk-card-body p, .mrey-box .uk-card-body p, .yellow-dgrey-box .uk-card-body p, .orange-dgrey-box .uk-card-body p, .blue-dgrey-box .uk-card-body p, .green-dgrey-box .uk-card-body p {width: 100% !important;}
.all-box p {width: 100% !important;}

}
.grey-box .uk-card-body, .mgrey-box .uk-card-body, .yellow-dgrey-box .uk-card-body, .orange-dgrey-box .uk-card-body, .blue-dgrey-box .uk-card-body, .green-dgrey-box .uk-card-body {position: relative; left: 33%;}
.grey-box .uk-card-body h3, .mgrey-box .uk-card-body h3, .yellow-dgrey-box .uk-card-body h3, .orange-dgrey-box.uk-card-body h3, .blue-dgrey-box .uk-card-body h3, .green-dgrey-box .uk-card-body h3 {width: 66%;}
.grey-box .uk-card-body p, .mgrey-box .uk-card-body p, .yellow-dgrey-box .uk-card-body p, .orange-dgrey-box.uk-card-body p, .blue-dgrey-box .uk-card-body p, .green-dgrey-box .uk-card-body p {width: 66%;}

*/

/* Title Colours */
.herosection div:nth-child(1){max-height: 612px}

.heroheader p {color: #ffffff; font-size: 25pt; line-height: 25pt; font-weight: 400}
/*.heroheader {padding: 30px 20px 5px 20px;}*/
.heroheader-cta a {font-size: 18pt; font-weight: 600; color: #ffffff}
/*.heroheader.narrow {position: relative; right: 75px;}
.heroheader-cta.narrow {position: relative; right: 75px;}*/
.orange-title h1 {color: #c1531b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.uk-h1.uk-text-emphasis {background: rgba(9,9,9,0.8); margin: 0 auto;font-weight: 700; padding: 10px 20px; text-transform: uppercase; display: table; }
.baseline-title h1 {background: rgba(9,9,9,0.8); margin: 0 auto;font-weight: 700; padding: 10px 20px; text-transform: uppercase; display: table; }
.white-title {color: #ffffff !important; font-weight: 700;font-size: 45px; line-height: 35pt;}
.white-title h1 {color: #ffffff !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.heroheader .white-title {color: #ffffff !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.green-title {color: #006b5b !important; font-weight: 700;font-size: 45px; line-height: 35pt;}
.green-title h1 {color: #006b5b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.heroheader .green-title {color: #006b5b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.blue-title {color: #009490 !important; font-weight: 700;font-size: 45px; line-height: 35pt;}
.blue-title h1 {color: #009490 !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.heroheader .blue-title {color: #009490 !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.yellow-title {color: #db891b !important; font-weight: 700;font-size: 45px; line-height: 35pt;}
.yellow-title h1 {color: #db891b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.heroheader .yellow-title {color: #db891b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.orange-title {color: #c1531b !important; font-weight: 700;font-size: 45px; line-height: 35pt;}
.orange-title h1 {color: #c1531b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.heroheader .orange-title {color: #c1531b !important; font-weight: 700;font-size: 45px; line-height: 35pt; text-transform: uppercase;}
.grey-title {color: #2a3b45 !important;} 

/* Main Category Buttons (Oceans / FreshWater / WildLife / Climate) */

.ewcategory {position: relative; top: -110px; margin-bottom: -180px !important;}
.ocean-get-involved .uk-card-body {background-image: url('/images/crab-left.jpg'); background-size: cover; background-blend-mode: overlay; background-color: #474747;}
.oceans {background: #006b5b;padding:20px;}
.fwater {background: #009490;padding:20px;}
.wildlife {background: #db891b;padding:20px;}
.climate {background: #c1531b;padding:20px;}

/* Quote - Grey Box */
.quote {background: #c6c6c6; padding: 30px; min-height: 325px;}
.ewoverlay .uk-overlay {background: #2a3b45;}

/* Mission / Opening statement text */
.mission {background: #dfdfdf; margin-bottom:60px;}
.mission h3 {font-size: 28px;}
.mission-nopad {background: #dfdfdf; padding-bottom: 70px;}
.missiontop {background: #dfdfdf;}
.mission-bx {background: #dfdfdf; text-transform: uppercase; font-weight: 600 !important;}
.mission-bx h3 { font-size: 38px; text-transform: uppercase; font-weight: 700 !important;}
.mission-bx .el-item h3 {background: #333e48; display: table; margin: 0 auto; padding: 20px;}
.mission-bx .el-item.uk-card.uk-card-secondary {background: none;}
.openingstatement h1 {max-width: 65%; margin: auto;}
.openingstatement h2 {max-width: 65%; margin: auto; font-size: 38px;}
.openstmntlg {font-size: 40px; padding-bottom: 30px; font-weight: 300;}
.openstmntsm {font-size: 24px !important;}
.openingstatement h3 {max-width: 60%; margin: auto;}


/* Footer */

@media (max-width: 1220px) {
.ewfooter {padding: 20px 20px;}
}
.ewfooter {background: #2a3b45;}
.foot-news {display: unset; font-size: 32px; font-weight: 700; padding: 0px 20px 0px 0px; position: relative; top: 5px;}
.foot-news-but {font-size: 25px; font-weight: 700; text-transform: uppercase; color:#ffffff !important;}
.foot-news-but:hover, .foot-news-but:active, .foot-news-but:focus {background: #097aac !important; color: #2a3b45 !important;}
.ewlogin {border-bottom: 1px solid #ffffff;}

/* Header */
@media (min-width: 1200px) and (max-width: 1220px) {
	.tm-header .uk-container {margin-left: 1% !important;}
}
@media (min-width: 1221px) and (max-width: 1280px) {
	.tm-header .uk-container {margin-left: 2% !important;}
}
.tm-header .uk-container {margin-left: 7%;}
/*.heroheader {background: rgba(42,59,69,0.8);} older */
/*.heroheader {background: rgba(15,15,15,0.8);} */
.heroheader div {background: rgba(15,15,15,0.8); display: table; padding: 20px 0 0 0 !important;}
.heroheader h1 {padding: 0 25px;}
.heroheader p {padding: 0 25px;}
.tm-toolbar {max-height: 40px;}
.viewpublication {min-height: 385px}
#module-100 {position: relative; top: -9px;}


/*@media (min-width: 1200px) and (max-width: 1370px) {
.uk-navbar-container>.container .uk-navbar-right, .uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: 35px;
}
}*/

/* Headings */
.head-txt {font-size: 38px; font-weight: bold; padding-bottom: 20px !important; text-transform: uppercase; text-align: center;}

.hdr-wildlife h2 {color: #db891b;}
.hdr-oceans h2 {color: #006b5b;}
.hdr-climate h2 {color: #c1531b;}
.hdr-freshwater h2 {color: #009490;}

/* Why it matters section */
@media (min-width: 641px) and (max-width: 959px){
	.why-it-matters-oceans .uk-grid-item-match {padding: 0 5px !important;}
}
@media (min-width: 641px) and (max-width: 959px){
	.why-it-matters-freshwater .uk-grid-item-match {padding: 0 5px !important;}
	.why-it-matters-wildlife .uk-grid-item-match {padding: 0 5px !important;}
	.why-it-matters-climate .uk-grid-item-match {padding: 0 5px !important;}
}

.why-it-matters-oceans h2 {color: #006b5b; font-size: 42px; font-weight: bold;}
.why-it-matters-freshwater h2 {color: #009490; font-size: 42px; font-weight: bold;}
.why-it-matters-wildlife h2 {color: #db891b; font-size: 42px; font-weight: bold;}
.why-it-matters-climate h2 {color: #c1531b; font-size: 42px; font-weight: bold;}
.why-it-matters-oceans .box, .why-it-matters-freshwater .box, 
.why-it-matters-wildlife .box, .why-it-matters-climate .box{min-height: 235px;padding: 15px 15px;color: #ffffff;}
.why-it-matters-oceans .uk-background-norepeat.uk-background-center-center.uk-tile {padding: 0;}
.why-it-matters-oceans .box.one .first{font-size: 56px; font-weight: 700; line-height: 1em;}
.why-it-matters-oceans .box.one .second{font-size: 33px; font-weight: 500;}
.why-it-matters-oceans .box.one .third{font-size: 17px; position: relative; top: 95px; font-weight: 500;}

.why-it-matters-oceans .box.two .first{font-size: 16px; font-weight: 500; line-height: 1em;}
.why-it-matters-oceans .box.two .second{font-size: 38px; font-weight: 700; line-height: 1.3em;}
.why-it-matters-oceans .box.two .third{font-size: 30px; position: relative; font-weight: 500; line-height: 1em; width: 130px; top: 33px;}
.why-it-matters-oceans .box.two .third p {width: 50%; margin: 0;}

.why-it-matters-oceans .box.three .first{font-size: 56px; font-weight: 700; line-height: 1em;}
.why-it-matters-oceans .box.three .second{font-size: 33px; font-weight: 500;}
.why-it-matters-oceans .box.three .third{font-size: 17px; position: relative; top: 120px; font-weight: 500; line-height: 1.2em;}
.why-it-matters-oceans .box.three .third p {line-height: 1.2em;}

.why-it-matters-oceans .box.four .first{font-size: 40px; font-weight: 500; line-height: 1em;}
.why-it-matters-oceans .box.four .second{font-size: 64px; font-weight: 700; line-height: 1em;}
.why-it-matters-oceans .box.four .third{font-size: 35px; position: relative; top: 6px; font-weight: 500;}
.why-it-matters-oceans .box.four .third p {line-height: 1em; width: 90%;}
.why-it-matters-oceans .box.four .second .percent {font-size: 34px; position: relative; top: -52px; left: 70px;}

.why-it-matters-freshwater .uk-background-norepeat.uk-background-center-center.uk-tile {padding: 0 !important;}
.why-it-matters-freshwater .box.one .first{font-size: 35px; font-weight: 700; line-height: 1em;}
.why-it-matters-freshwater .box.one .second{font-size: 17px;font-weight: 500;line-height: 1.2em;width: 155px;position: relative;top: 10px;}
.why-it-matters-freshwater .box.one .third{font-size: 64px;position: relative;top: 100px;font-weight: 700;}
.why-it-matters-freshwater .box.one .third .percent {font-size: 34px; position: relative; top: -19px; left: 74px;}
.why-it-matters-freshwater .box.one .third .decline {font-size: 34px; position: relative; top: -51px; left: 109px;}

.why-it-matters-freshwater .box.two .first{font-size: 17px;font-weight: 500;line-height: 1.2em;}
.why-it-matters-freshwater .box.two .second{font-size: 31px;font-weight: 700;line-height: 1em; position: relative;top: 10px;}
.why-it-matters-freshwater .box.two .third{font-size: 17px;position: relative;font-weight: 500;line-height: 1em;width: 130px;top: 117px;}
.why-it-matters-freshwater .box.two .third p {width: 50%; margin: 0;}

.why-it-matters-freshwater .box.three .first{font-size: 17px; font-weight: 500; line-height: 1.2em;}
.why-it-matters-freshwater .box.three .second{font-size: 35px; font-weight: 700; line-height: 1em; position: relative;top: 10px;}
.why-it-matters-freshwater .box.three .third{font-size: 17px;position: relative;top: 63px;font-weight: 500;line-height: 1.2em;width: 120px;}
.why-it-matters-freshwater .box.three .third p {line-height: 1.2em;}

.why-it-matters-freshwater .box.four .first{font-size: 35px;font-weight: 700;line-height: 1.2em;}
.why-it-matters-freshwater .box.four .second{font-size: 16px;font-weight: 500;line-height: 1.2em;position: relative;top: 74px;}
.why-it-matters-freshwater .box.four .third{font-size: 14px; position: relative; top: 6px; font-weight: 500;}
.why-it-matters-freshwater .box.four .third p {line-height: 1em; width: 90%;}
.why-it-matters-freshwater .box.four .second .percent {font-size: 14px; position: relative; top: -52px; left: 70px;}

.why-it-matters-wildlife .uk-background-norepeat.uk-background-center-center.uk-tile {padding: 0 !important;}
.why-it-matters-wildlife .box.one .first{font-size: 17px; font-weight: 700; line-height: 1em;}
.why-it-matters-wildlife .box.one .second{font-size: 32px;font-weight: 500;line-height: 1.2em;width: 130px;position: relative;top: 10px;}

.why-it-matters-wildlife .box.two .first{font-size: 35px; font-weight: 700; line-height: 1em;}
.why-it-matters-wildlife .box.two .second{font-size: 17px;font-weight: 500;line-height: 1.2em;width: 155px;position: relative;top: 10px;}

.why-it-matters-wildlife .box.three .first{font-size: 50px; font-weight: 700; line-height: 1em;}
.why-it-matters-wildlife .box.three .second{font-size: 20px;font-weight: 500;line-height: 1.2em;width: 120px;position: relative;top: 45px;}

.why-it-matters-wildlife .box.four .first{font-size: 17px; font-weight: 500; line-height: 1.2em; width: 207px;}
.why-it-matters-wildlife .box.four .second{font-size: 35px;font-weight: 500;line-height: 1.2em;width: 155px;position: relative;top: 10px;}

.why-it-matters-climate .uk-background-norepeat.uk-background-center-center.uk-tile {padding: 0 !important;}
.why-it-matters-climate .box.one .first{font-size: 35px; font-weight: 700; line-height: 1em;}
.why-it-matters-climate .box.one .second{font-size: 17px; font-weight: 500; width: 241px;}
.why-it-matters-climate .box.one .third{font-size: 56px; position: relative; top: 30px; line-height:0.9em; font-weight: 700;}

.why-it-matters-climate .box.two .first{font-size: 29px; font-weight: 500; line-height: 1em;}
.why-it-matters-climate .box.two .second{font-size: 56px; font-weight: 700; line-height: 1.3em;}
.why-it-matters-climate .box.two .third{font-size: 26px; position: relative; font-weight: 500; line-height: 1em; width: 151px; top: 0px;}
.why-it-matters-climate .box.two .fourth{font-size: 17px; position: relative; font-weight: 500; line-height: 1.3em; width: 153px; top: 12px;}

.why-it-matters-climate .box.three .first{font-size: 35px; font-weight: 700; line-height: 1em;}
.why-it-matters-climate .box.three .second{font-size: 17px; font-weight: 500;}
.why-it-matters-climate .box.three .third{font-size: 30px; position: relative; top: 7px; font-weight: 700; line-height: 1em;}
.why-it-matters-climate .box.three .fourth{font-size: 35px; position: relative; top: 104px; font-weight: 700; line-height: 1.2em;}

.why-it-matters-climate .box.four .first{font-size: 17px; font-weight: 500; line-height: 1.3em; position: relative; top: 126px;}
.why-it-matters-climate .box.four .second{font-size: 26px; font-weight: 700; line-height: 1em; position: relative; top: 139px;}


.why-it-matters-oceans h3 {color: #ffffff !important;}
.why-it-matters-freshwater p {color: #ffffff !important;}
.why-it-matters-freshwater h3 {color: #ffffff !important;}
.why-it-matters-freshwater p {color: #ffffff !important;}
.why-it-matters-wildlife h3 {color: #ffffff !important;}
.why-it-matters-freshwater p {color: #ffffff !important;}
.why-it-matters-climate h3 {color: #ffffff !important;}
.why-it-matters-freshwater p {color: #ffffff !important;}

@media (min-width: 960px) {
.why-it-matters-oceans .uk-tile {padding: 0 !important;}
.why-it-matters-freshwater .uk-tile {padding: 0 !important;}
.why-it-matters-wildlife .uk-tile {padding: 0 !important;}
.why-it-matters-climate .uk-tile {padding: 0 !important;}
}

@media (min-width: 640px) {
.why-it-matters-oceans .uk-tile {padding: 0 !important;}
.why-it-matters-freshwater .uk-tile {padding: 0 !important;}
.why-it-matters-wildlife .uk-tile {padding: 0 !important;}
.why-it-matters-climate .uk-tile {padding: 0 !important;}
}

/* GET INVOLVED SECTION: Left text with background image and dark overlay, and Right Image split 50/50
   with Media query to 2 columns past mobile view e.g. over 640px */

.left-text-image-right .uk-background-norepeat {background-size: cover; padding: 0;}
.left-text-image-right .uk-text-left {width: 100%; background: rgba(0,0,0,0.7); min-height: 300px;}
.left-text-image-right .uk-text-left p {margin: 0; padding: 0 40px 40px 40px; font-weight: 500; font-size: 18px; color: #ffffff;}
.left-text-image-right .uk-text-left h3 {padding: 40px 40px 0 40px;}

.right-text-image-left .uk-background-norepeat {background-size: cover; padding: 0;}
.right-text-image-left .uk-text-right {width: 100%; background: rgba(0,0,0,0.7); min-height: 300px;}
.right-text-image-left .uk-text-right p {margin: 0; padding: 0 40px 40px 40px; font-weight: 500; font-size: 18px; color: #ffffff;}
.right-text-image-left .uk-text-right h3 {padding: 40px 40px 0 40px;}

.get-involved-default h2 {color: #097aac !important; font-weight: 700;font-size: 42px; line-height: 25pt;}
.get-involved-default h3 {color: #097aac !important; font-weight: 700;font-size: 38px; line-height: 25pt; text-align: left !important;}
.get-involved-default p {text-align: left !important;}
.get-involved-default a.uk-button-default {background: #097aac !important; color: #ffffff; font-size: 25px; font-weight: 700; padding: 5px 15px; border: none;}
.get-involved-default a:hover.uk-button-default {border: none; color: #2a3b45;}

.get-involved-oceans h2 {color: #006b5b !important; font-weight: 700;font-size: 42px; line-height: 25pt;}
.get-involved-oceans h3 {color: #006b5b !important; font-weight: 700;font-size: 38px; line-height: 25pt; text-align: left !important;}
.get-involved-oceans p {text-align: left !important;}
.get-involved-oceans a.uk-button-default {background: #006b5b !important; color: #ffffff; font-size: 25px; font-weight: 700; padding: 5px 15px; border: none;}
.get-involved-oceans a:hover.uk-button-default {border: none; color: #2a3b45;}

.get-involved-freshwater h2 {color: #009490 !important; font-weight: 700;font-size: 42px; line-height: 25pt;}
.get-involved-freshwater h3 {color: #009490 !important; font-weight: 700;font-size: 38px; line-height: 25pt; text-align: left !important;}
.get-involved-freshwater p {text-align: left !important;}
.get-involved-freshwater a.uk-button-default {background: #009490 !important; color: #ffffff; font-size: 25px; font-weight: 700; padding: 5px 15px; border: none;}
.get-involved-freshwater a:hover.uk-button-default {border: none; color: #2a3b45;}

.get-involved-wildlife h2 {color: #db891b !important; font-weight: 700;font-size: 42px; line-height: 25pt;}
.get-involved-wildlife h3 {color: #db891b !important; font-weight: 700;font-size: 38px; line-height: 25pt; text-align: left !important;}
.get-involved-wildlife p {text-align: left !important;}
.get-involved-wildlife a.uk-button-default {background: #db891b !important; color: #ffffff; font-size: 25px; font-weight: 700; padding: 5px 15px; border: none;}
.get-involved-wildlife a:hover.uk-button-default {border: none; color: #2a3b45;}

.get-involved-climate h2 {color: #c1531b !important; font-weight: 700;font-size: 42px; line-height: 25pt;}
.get-involved-climate h3 {color: #c1531b !important; font-weight: 700;font-size: 38px; line-height: 25pt; text-align: left !important;}
.get-involved-climate p {text-align: left !important;}
.get-involved-climate a.uk-button-default {background: #c1531b !important; color: #ffffff; font-size: 25px; font-weight: 700; padding: 5px 15px; border: none;}
.get-involved-climate a:hover.uk-button-default {border: none; color: #2a3b45;}

.get-involved-default .uk-grid-item-match div:nth-child(1) {min-height: 413px;}
.get-involved-oceans .uk-grid-item-match div:nth-child(1) {min-height: 413px;}
.get-involved-freshwater .uk-grid-item-match div:nth-child(1) {min-height: 413px;}
.get-involved-wildlife .uk-grid-item-match div:nth-child(1) {min-height: 413px;}
.get-involved-climate .uk-grid-item-match div:nth-child(1) {min-height: 413px;}

@media (min-width: 640px) {
.left-text-image-right .uk-text-left{
width: 50% !important;
}
.right-text-image-left .uk-text-right{
width: 50% !important; float: right;
}
}



/* Standard Page, Colour Background, H3, Text and matching CTA */

.sp-default-h3-text-cta .uk-container {background: #097aac; padding: 20px;}
.sp-default-h3-text-cta .uk-grid-margin {background: #097aac; padding: 40px;}
.sp-default-h3-text-cta h3 {font-size: 38px; font-weight: bold;}
.sp-default-h3-text-cta p {font-size: 20px; color: #ffffff;}
.sp-default-h3-text-cta .uk-button {background: #2a3b45; color: #ffffff; font-weight: 700; font-size: 25px; padding: 5px 15px; border: none;}
.sp-default-h3-text-cta .uk-button-default:hover {color: #097aac; border: none;}

.sp-green-h3-text-cta .uk-container {background: #006b5b; padding: 20px;}
.sp-green-h3-text-cta .uk-grid-margin {background: #006b5b; padding: 40px;}
.sp-green-h3-text-cta h3 {font-size: 38px; font-weight: bold;}
.sp-green-h3-text-cta p {font-size: 20px; color: #ffffff;}
.sp-green-h3-text-cta .uk-button {background: #2a3b45; color: #ffffff; font-weight: 700; font-size: 25px; padding: 5px 15px; border: none;}
.sp-green-h3-text-cta .uk-button-default:hover {color: #006b5b; border: none;}

.sp-blue-h3-text-cta .uk-container{background: #009490; padding: 20px;}
.sp-blue-h3-text-cta .uk-grid-margin {background: #009490; padding: 40px;}
.sp-blue-h3-text-cta h3 {font-size: 38px; font-weight: bold;}
.sp-blue-h3-text-cta p {font-size: 20px; color: #ffffff;}
.sp-blue-h3-text-cta .uk-button {background: #2a3b45; color: #ffffff; font-weight: 700; font-size: 25px; padding: 5px 15px; border: none;}
.sp-blue-h3-text-cta .uk-button-default:hover {color: #009490; border: none;}

.sp-yellow-h3-text-cta .uk-container {background: #db891b; padding: 20px;}
.sp-yellow-h3-text-cta .uk-grid-margin {background: #db891b; padding: 40px;}
.sp-yellow-h3-text-cta h3 {font-size: 38px; font-weight: bold;}
.sp-yellow-h3-text-cta p {font-size: 20px; color: #ffffff;}
.sp-yellow-h3-text-cta .uk-button {background: #2a3b45; color: #ffffff; font-weight: 700; font-size: 25px; padding: 5px 15px; border: none;}
.sp-yellow-h3-text-cta .uk-button-default:hover {color: #db891b; border: none;}

.sp-orange-h3-text-cta .uk-container {background: #c1531b; padding: 20px;}
.sp-orange-h3-text-cta .uk-grid-margin {background: #c1531b; padding: 40px;}
.sp-orange-h3-text-cta h3 {font-size: 38px; font-weight: bold;}
.sp-orange-h3-text-cta p {font-size: 20px; color: #ffffff;}
.sp-orange-h3-text-cta .uk-button {background: #2a3b45; color: #ffffff; font-weight: 700; font-size: 25px; padding: 5px 15px; border: none;}
.sp-orange-h3-text-cta .uk-button-default:hover {color: #c1531b; border: none;}

.std-text-overlay .uk-overlay-primary {background: rgba(0, 0, 0, .8);}

/* Standard Page - Full width left/right text and image banner */

.get-involved-default.full-width .uk-margin.uk-text-left h3 {position: relative; left: 33%; width: 60%;}
.get-involved-default.full-width .uk-margin.uk-text-left p {position: relative; left: 33%; width: 60%;}


.get-involved-default.full-width .uk-margin.uk-text-right {text-align: left !important;}
.get-involved-default.full-width .uk-margin.uk-text-right h3 {width: 60%;}
.get-involved-default.full-width .uk-margin.uk-text-right p {width: 60%;}

.get-involved-oceans.full-width .uk-margin.uk-text-left h3 {position: relative; left: 33%; width: 60%;}
.get-involved-oceans.full-width .uk-margin.uk-text-left p {position: relative; left: 33%; width: 60%;}

.get-involved-oceans.full-width .uk-margin.uk-text-right {text-align: left !important;}
.get-involved-oceans.full-width .uk-margin.uk-text-right h3 {width: 60%;}
.get-involved-oceans.full-width .uk-margin.uk-text-right p {width: 60%;}

.get-involved-freshwater.full-width .uk-margin.uk-text-left h3 {position: relative; left: 33%; width: 60%;}
.get-involved-freshwater.full-width .uk-margin.uk-text-left p {position: relative; left: 33%; width: 60%;}

.get-involved-freshwater.full-width .uk-margin.uk-text-right {text-align: left !important;}
.get-involved-freshwater.full-width .uk-margin.uk-text-right h3 {width: 60%;}
.get-involved-freshwater.full-width .uk-margin.uk-text-right p {width: 60%;}

.get-involved-wildlife.full-width .uk-margin.uk-text-left h3 {position: relative; left: 33%; width: 60%;}
.get-involved-wildlife.full-width .uk-margin.uk-text-left p {position: relative; left: 33%; width: 60%;}

.get-involved-wildlife.full-width .uk-margin.uk-text-right {text-align: left !important;}
.get-involved-wildlife.full-width .uk-margin.uk-text-right h3 {width: 60%;}
.get-involved-wildlife.full-width .uk-margin.uk-text-right p {width: 60%;}

.get-involved-climate.full-width .uk-margin.uk-text-left h3 {position: relative; left: 33%; width: 60%;}
.get-involved-climate.full-width .uk-margin.uk-text-left p {position: relative; left: 33%; width: 60%;}

.get-involved-climate.full-width .uk-margin.uk-text-right {text-align: left !important;}
.get-involved-climate.full-width .uk-margin.uk-text-right h3 {width: 60%;}
.get-involved-climate.full-width .uk-margin.uk-text-right p {width: 60%;}

@media (max-width: 640px) {
.get-involved-default.full-width .uk-margin.uk-text-left h3,
.get-involved-oceans.full-width .uk-margin.uk-text-left h3,
.get-involved-freshwater.full-width .uk-margin.uk-text-left h3,
.get-involved-wildlife.full-width .uk-margin.uk-text-left h3,
.get-involved-climate.full-width .uk-margin.uk-text-left h3,
.get-involved-default.full-width .uk-margin.uk-text-right h3,
.get-involved-oceans.full-width .uk-margin.uk-text-right h3,
.get-involved-freshwater.full-width .uk-margin.uk-text-right h3,
.get-involved-wildlife.full-width .uk-margin.uk-text-right h3,
.get-involved-climate.full-width .uk-margin.uk-text-right h3 {
	left: 0 !important;
	width: 80% !important;
}
.get-involved-default.full-width .uk-margin.uk-text-left p,
.get-involved-oceans.full-width .uk-margin.uk-text-left p,
.get-involved-freshwater.full-width .uk-margin.uk-text-left p,
.get-involved-wildlife.full-width .uk-margin.uk-text-left p,
.get-involved-climate.full-width .uk-margin.uk-text-left p,
.get-involved-default.full-width .uk-margin.uk-text-right p,
.get-involved-oceans.full-width .uk-margin.uk-text-right p,
.get-involved-freshwater.full-width .uk-margin.uk-text-right p,
.get-involved-wildlife.full-width .uk-margin.uk-text-right p,
.get-involved-climate.full-width .uk-margin.uk-text-right p {
	left: 0 !important;
	width: 80% !important;
}
.why-it-matters-oceans .uk-background-norepeat.uk-background-center-center.uk-tile {padding: 0 !important;}
.why-it-matters-oceans .box.one .second {max-width: 260px;}
.why-it-matters-oceans .box.two .second {max-width: 260px;}
.why-it-matters-oceans .box.three .third {top: 137px;}
.why-it-matters-oceans .box.four .third {max-width: 300px;}
.why-it-matters-oceans .uk-grid-item-match {max-width: 330px; min-width: 330px; margin: 10px auto; padding-left: 5px;}
.why-it-matters-oceans .uk-grid-medium.uk-grid-margin-medium.uk-grid {padding: 20px !important;}

} /* END OF MQUERY */

@media (min-width: 640px) and (max-width: 960px) {
.why-it-matters-oceans .uk-grid-medium.uk-grid-margin-medium.uk-grid {padding: 20px !important;} 
.why-it-matters-freshwater .uk-grid-medium.uk-grid-margin-medium.uk-grid {padding: 20px !important;} 
.why-it-matters-wildlife .uk-grid-medium.uk-grid-margin-medium.uk-grid {padding: 20px !important;}   
.why-it-matters-climate .uk-grid-medium.uk-grid-margin-medium.uk-grid {padding: 20px !important;}      
    }

@media (min-width: 858px) and (max-width: 960px) {
.why-it-matters-oceans .box.one .second {width: 260px;}    
.why-it-matters-oceans .box.two .second {max-width: 260px;}
.why-it-matters-oceans .box.four .third {max-width: 260px;}
    }    

@media (min-width: 960px) and (max-width: 1024px) {
.why-it-matters-oceans .uk-width-expand\@m {width: 50% !important;}
.why-it-matters-freshwater .uk-width-expand\@m {width: 50% !important;}
.why-it-matters-wildlife .uk-width-expand\@m {width: 50% !important;}
.why-it-matters-climate .uk-width-expand\@m {width: 50% !important;}
}

/* File Section */

.file-section-oceans {background: #2a3b45;}
.file-section-oceans h2 {color: #006b5b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.file-section-oceans h3 {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-oceans p {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-oceans p {padding-bottom: 30px;}

.file-section-freshwater {background: #2a3b45;}
.file-section-freshwater h2 {color: #009490; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.file-section-freshwater h3 {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-freshwater p {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-freshwater p {padding-bottom: 30px;}

.file-section-wildlife {background: #2a3b45;}
.file-section-wildlife h2 {color: #db891b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.file-section-wildlife h3 {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-wildlife p {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-wildlife p {padding-bottom: 30px;}

.file-section-climate {background: #2a3b45;}
.file-section-climate h2 {color: #c1531b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.file-section-climate h3 {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-climate p {color: #ffffff; font-size: 21px; font-weight: 500;}
.file-section-climate p {padding-bottom: 30px;}

/* Experts Section */


.experts-oceans h2 {color: #006b5b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.experts-oceans .uk-overlay-primary {background: rgba(0, 0, 0, .8);}
.experts-oceans .uk-overlay h3 {font-weight: 400;}
.experts-oceans .uk-overlay p {font-size: 18px; font-weight: 300;}
.experts-oceans .uk-button {background: #006b5b; color: #ffffff; font-weight: 500; font-size: 16px; padding: 0px 10px; border: none;}
.experts-oceans .uk-transition-fade {top: 75% !important; opacity: 1;}
.experts-oceans .uk-transition-active.uk-active [class*=uk-transition-fade], .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 0px !important;}

.experts-freshwater h2 {color: #009490; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.experts-freshwater .uk-overlay-primary {background: rgba(0, 0, 0, .8);}
.experts-freshwater .uk-overlay h3 {font-weight: 400;}
.experts-freshwater .uk-overlay p {font-size: 18px; font-weight: 300;}
.experts-freshwater .uk-button {background: #009490; color: #ffffff; font-weight: 500; font-size: 16px; padding: 0px 10px; border: none;}
.experts-freshwater .uk-transition-fade {top: 75% !important; opacity: 1;}
.experts-freshwater .uk-transition-active.uk-active [class*=uk-transition-fade], .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 0px !important;}

.experts-wildlife h2 {color: #db891b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.experts-wildlife .uk-overlay-primary {background: rgba(0, 0, 0, .8);}
.experts-wildlife .uk-overlay h3 {font-weight: 400;}
.experts-wildlife .uk-overlay p {font-size: 18px; font-weight: 300;}
.experts-wildlife .uk-button {background: #db891b; color: #ffffff; font-weight: 500; font-size: 16px; padding: 0px 10px; border: none;}
.experts-wildlife .uk-transition-fade {top: 75% !important; opacity: 1;}
.experts-wildlife .uk-transition-active.uk-active [class*=uk-transition-fade], .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 0px !important;}

.experts-climate h2 {color: #c1531b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.experts-climate .uk-overlay-primary {background: rgba(0, 0, 0, .8);}
.experts-climate .uk-overlay h3 {font-weight: 400;}
.experts-climate .uk-overlay p {font-size: 18px; font-weight: 300;}
.experts-climate .uk-button {background: #c1531b; color: #ffffff; font-weight: 500; font-size: 16px; padding: 0px 10px; border: none;}
.experts-climate .uk-transition-fade {top: 75% !important; opacity: 1;}
.experts-climate .uk-transition-active.uk-active [class*=uk-transition-fade], .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 0px !important;}

.experts-default h2 {color: #097aac; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.experts-default .uk-overlay-primary {background: rgba(0, 0, 0, .8);}
.experts-default .uk-overlay h3 {font-weight: 400;}
.experts-default .uk-overlay p {font-size: 18px; font-weight: 300;}
.experts-default .uk-button {background: #097aac; color: #ffffff; font-weight: 500; font-size: 16px; padding: 0px 10px; border: none;}
.experts-default .uk-transition-fade {top: 75% !important; opacity: 1;}
.experts-default .uk-transition-active.uk-active [class*=uk-transition-fade], .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 0px !important;}

/* Standard Page 2 x Text and Image right and left */
.std-2txt-image h3 {font-size: 24px; font-weight: 700;}
.std-2txt-image p {font-size: 20px; font-weight: 400; color: #2d2e33 !important;}
.std-2txt-image blockquote {
    border-left: none;
    padding: 0;
    font-style: normal;

}
.std-2txt-image blockquote p {  
    font-size: 36px !important;
    font-weight: 300;
    color: #097aac !important;
}

.std-2txt-image.uk-section-default p:last-child {margin: 0 !important}

/* What we are doing section */
.what-doing-default h2 {color: #097aac !important; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.what-doing-default .green-grey-box .uk-card-body {position: relative; left: 33%;}
.what-doing-default .green-grey-box .uk-card-body h3 {width: 66%;}
.what-doing-default .green-grey-box .uk-card-body p {width: 66%;}

.what-doing-oceans h2 {color: #006b5b; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.what-doing-oceans .green-grey-box .uk-card-body {position: relative; left: 33%;}
.what-doing-oceans .green-grey-box .uk-card-body h3 {width: 66%;}
.what-doing-oceans .green-grey-box .uk-card-body p {width: 66%;}

.what-doing-oceans h2 {color: #006b5b; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.what-doing-oceans .green-box-l .uk-card-body {position: relative; left: 33%;}
.what-doing-oceans .green-box-l .uk-card-body h3 {width: 66%;}
.what-doing-oceans .green-box-l .uk-card-body p {width: 66%;}

.what-doing-freshwater h2 {color: #009490; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.what-doing-freshwater .blue-grey-box .uk-card-body {position: relative; left: 33%;}
.what-doing-freshwater .blue-grey-box .uk-card-body h3 {width: 66%;}
.what-doing-freshwater .blue-grey-box .uk-card-body p {width: 66%;}

.what-doing-wildlife h2 {color: #db891b; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.what-doing-wildlife .yellow-grey-box .uk-card-body {position: relative; left: 33%;}
.what-doing-wildlife .yellow-grey-box .uk-card-body h3 {width: 66%;}
.what-doing-wildlife .yellow-grey-box .uk-card-body p {width: 66%;}

.what-doing-climate h2 {color: #c1531b; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.what-doing-climate .orange-grey-box .uk-card-body {position: relative; left: 33%;}
.what-doing-climate .orange-grey-box .uk-card-body h3 {width: 66%;}
.what-doing-climate .orange-grey-box .uk-card-body p {width: 66%;}

.all-box-txt-l h2 {color: #c1531b; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.all-box-txt-l .uk-card-body {position: relative; left: 33%;}
.all-box-txt-l .uk-card-body h3 {width: 66%;}
.all-box-txt-l .uk-card-body p {width: 66%;}

.all-box.mgrey-box h2 {color: #c1531b; font-size: 42px; font-weight: bold; text-transform: uppercase;}
.all-box.mgrey-box .uk-card-body {position: relative; left: 33%;}
.all-box.mgrey-box .uk-card-body h3 {width: 66%;}
.all-box.mgrey-box .uk-card-body p {width: 66%;}

.all-box li {width: 66%;}
.all-box ul {margin-bottom: 0%;}

/* Small Mobile font size override */
@media (min-width: 320px) and (max-width: 400px){
h1 {font-size: 30px !important;}
h2 {font-size: 27px !important;}
h3 {font-size: 23px !important;}
p {font-size: 18px !important;}

.all-box h3 {
    width: 100% !important;
}
.all-box p {
    width: 100% !important;
}	

.all-box li {width: 100% !important;}

.what-doing-oceans .uk-card-body, .what-doing-freshwater .uk-card-body, .what-doing-wildlife .uk-card-body, .what-doing-climate .uk-card-body, .all-box.ewdefault-grey-box .uk-card-body, .all-box.ewdefault-mgrey-box .uk-card-body {
    left: 0% !important;
}  
  
}

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

/* Mobile font size override */
h1 {font-size: 38px !important;}
h2 {font-size: 35px !important;}
h3 {font-size: 30px !important;}
p {font-size: 18px !important;}

.what-doing-oceans .uk-card-body, .what-doing-freshwater .uk-card-body, .what-doing-wildlife .uk-card-body, .what-doing-climate .uk-card-body, .all-box.ewdefault-grey-box .uk-card-body, .all-box.ewdefault-mgrey-box .uk-card-body {
    left: 0% !important;
}
.all-box h3 {
	width: 100% !important;
}
.all-box p {
	width: 100% !important;
}
.all-box li {width: 100% !important;}
.std-2txt-image h3, .std-2txt-image p {
	padding: 0 20px !important;
}
.std-text-overlay .uk-container {
	padding: 0 20px !important;
}
.three-txt-box {
	padding: 0 20px !important;	
}
.std-text-overlay .uk-overlay h3 {
	font-size: 18px !important;
}
.std-text-overlay .three-txt-box {
	padding: 0 !important;
}
.openingstatement h1 {
	max-width: 100% !important;
}
.main-quote h2 {
	max-width: 100% !important;
}

.openingstatement h1, .openingstatement h2, .openingstatement h3 {margin: 0 !important; padding: 0 20px !important; max-width: 100% !important;}
.openingstatement h1, .openingstatement h2 {margin-bottom: 20px !important;}

.left-text-image-right .uk-text-left p {padding: 0 20px 40px 20px !important;}
.left-text-image-right .uk-text-left h3 {padding: 40px 20px 0 20px !important;}
.right-text-image-left .uk-text-right p {padding: 0 20px 40px 20px !important;}
.right-text-image-left .uk-text-right h3 {padding: 40px 20px 0 20px !important;}

.main-quote {padding: 0 20px !important;}

.help-earthwatch h2 {font-size: 35px !important}

.number-heading-text-background h3 {font-size: 150px !important;}

.file-section-oceans p, .file-section-freshwater p, .file-section-wildlife p, .file-section-climate p {padding: 20px !important;}
.file-section-oceans h3, .file-section-freshwater h3, .file-section-wildlife h3, .file-section-climate h3 {font-size: 20px !important;}

.heroheader p {font-size: 25px !important;}
.other-interest {padding: 0 20px !important;}

.openingstatement h1 {font-size: 24px !important;}
.openingstatement h3 {font-size: 18px !important;}

.textonly, .credits {padding: 0 20px !important;}
.credits p {font-size: 12px !important;}

.what-doing-default h2, .what-doing-oceans h2, 
.what-doing-freshwater h2, .what-doing-wildlife h2,
.what-doing-climate h2 {padding: 0 20px !important;}

.donatesectionDesktop {display: none;}
.donatesectionMobile  {display: block;}

.number-heading-text-background.orange.giving h3 {font-size: 70px !important;}

} /* END OF MEDIA QUERY */

@media (min-width: 1025px){
.donatesectionDesktop {display: block;}
.donatesectionMobile  {display: none;}
}

@media (min-width: 300px) and (max-width: 1024px) {
.number-heading-text-background.orange.giving h3 {font-size: 70px !important;}	
}

/* Navigation Themes */

.missiontop .uk-container {
	max-width: 960px;
}

.missiontop ul {
	padding-left: 20px;
}

.nav2 ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;

}

.nav2 li {
    list-style: none;
    width: 230px

}

.nav2 a {
    color: #fff;
    display: block;
    font-size: 28px;
    font-weight: bold;
    height: 180px;
    padding: 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.nav2 a:before {
    bottom: 35px;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.nav2 a span {
    bottom: 12px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav2:hover a
 {
    background: #333e48;
}

.missiontop.ocean-active .fwater, .missiontop.ocean-active .wildlife,.missiontop.ocean-active .climate {background: #333e48;}
.missiontop.fwater-active .oceans, .missiontop.fwater-active .wildlife,.missiontop.fwater-active .climate {background: #333e48;}
.missiontop.wildlife-active .fwater, .missiontop.wildlife-active .oceans,.missiontop.wildlife-active .climate {background: #333e48;}
.missiontop.climate-active .fwater, .missiontop.climate-active .wildlife,.missiontop.climate-active .oceans {background: #333e48;}

@media (max-width:736px) and (min-width:538px) {
 .missiontop .uk-container {max-width: 500px !important;}
}    

@media (max-width:966px) and (min-width:737px) {
 .missiontop .uk-container {max-width: 500px !important;}
}    

@media (max-width:520px) and (min-width: 381px) {
.missiontop .uk-container {max-width: 360px !important;}
.nav ul {padding: 0 !important;}
.nav2 li {width: 160px !important}
.nav2 a { font-size: 20px !important; height: 110px !important; padding: 25px !important;}

.wildlife:before, .climate:before {background-size: 50% !important; background-position-y: 10px !important;}
.oceans:before {background-size: 56% !important; background-position-y: 10px !important;}
.fwater:before {background-size: 40% !important; background-position-y: 10px !important;}

.nav2 a span {line-height: 1em !important; bottom: 10px !important;}
}	

@media (max-width:380px) {
.missiontop .uk-container {max-width: 300px !important;}
.nav2 li {width: 130px !important}
.nav2 a { font-size: 17px !important; height: 80px !important; padding: 25px !important;}

.wildlife:before, .climate:before {background-size: 50% !important; background-position-y: 10px !important;}
.oceans:before {background-size: 56% !important; background-position-y: 10px !important;}
.fwater:before {background-size: 40% !important; background-position-y: 10px !important;}

.nav2 a span {line-height: 1em !important; bottom: 10px !important;}
}	


.oceans,
.nav2:hover .oceans:hover,
.nav2:hover .oceans.active {
    background: #006b5b;
}

.fwater,
.nav2:hover .fwater:hover,
.nav2:hover .fwater.active {
    background: #009490;
}

.wildlife,
.nav2:hover .wildlife:hover,
.nav2:hover .wildlife.active {
    background: #db891b;
}

.climate,
.nav2:hover .climate:hover,
.nav2:hover .climate.active {
    background: #c1531b;
}

.oceans:before {background: url(/images/Oceans-and-Coasts.png) no-repeat center;/* background-position-y: 55px; */}
.fwater:before {background: url(/images/Fresh-Water.png) no-repeat center;background-position-y: 30px;}
.wildlife:before {background: url(/images/Wildlife-and-Habitats.png) no-repeat center;/* background-position-y: 55px; */}
.climate:before {background: url(/images/Climate-Change.png) no-repeat center;background-position-y: 37px;}

/* Partnerships */

.partner-ocean .wk-slidenav:focus, .partner-ocean .wk-slidenav:hover,
.partner-ocean .wk-slidenav-previous, .partner-ocean .wk-slidenav-next { color: #006b5b; display:block !important;}
.partner-ocean .wk-slidenav-previous {left: 0px !important;}
.partner-ocean .wk-slidenav-next {right: 0px !important;}

.partner-fwater .wk-slidenav:focus, .partner-fwater .wk-slidenav:hover,
.partner-fwater .wk-slidenav-previous, .partner-fwater .wk-slidenav-next { color: #009490; display:block !important;}
.partner-fwater .wk-slidenav-previous {left: 0px !important;}
.partner-fwater .wk-slidenav-next {right: 0px !important;}

.partner-wildlife .wk-slidenav:focus, .partner-wildlife .wk-slidenav:hover,
.partner-wildlife .wk-slidenav-previous, .partner-wildlife .wk-slidenav-next { color: #db891b; display:block !important;}
.partner-wildlife .wk-slidenav-previous {left: 0px !important;}
.partner-wildlife .wk-slidenav-next {right: 0px !important;}

.partner-climate .wk-slidenav:focus, .partner-climate .wk-slidenav:hover,
.partner-climate .wk-slidenav-previous, .partner-climate .wk-slidenav-next { color: #c1531b; display:block !important;}
.partner-climate .wk-slidenav-previous {left: 0px !important;}
.partner-climate .wk-slidenav-next {right: 0px !important;}


@media (max-width: 479px) {
.partner-ocean .wk-panel.wk-overlay.wk-overlay-hover.wk-cover-background {background-size: auto;}
.partner-fwater .wk-panel.wk-overlay.wk-overlay-hover.wk-cover-background {background-size: auto;}
.partner-wildlife .wk-panel.wk-overlay.wk-overlay-hover.wk-cover-background {background-size: auto;}
.partner-climate .wk-panel.wk-overlay.wk-overlay-hover.wk-cover-background {background-size: auto;}
}

.partnerships-oceans h2 {color: #006b5b;font-size: 42px;font-weight: 700;text-transform: uppercase;}
.partnerships-fwater h2 {color: #009490;font-size: 42px;font-weight: 700;text-transform: uppercase;}
.partnerships-wildlife h2 {color: #db891b;font-size: 42px;font-weight: 700;text-transform: uppercase;}
.partnerships-climate h2 {color: #c1531b;font-size: 42px;font-weight: 700;text-transform: uppercase;}


/* 3 x Number heading, text, and background image */
.number-heading-text-background.orange .uk-grid-stack .uk-first-column h3 {color: #c1531b !important; font-size: 150px; font-weight: 700; line-height: 50px; padding-top: 40px;}
.number-heading-text-background.orange .uk-grid-stack .uk-first-column p {color: #ffffff;font-size: 20px; font-weight: 400; padding-top: 50px;}
.number-heading-text-background.orange h2 {color: #c1531b; font-size: 42px; font-weight: bold; text-transform: uppercase;}

.number-heading-text-background.green .uk-grid-stack .uk-first-column h3 {color: #006b5b !important; font-size: 150px; font-weight: 700; line-height: 50px; padding-top: 40px;}
.number-heading-text-background.green .uk-grid-stack .uk-first-column p {color: #ffffff;font-size: 20px; font-weight: 400; padding-top: 50px;}
.number-heading-text-background.green h2 {color: #006b5b; font-size: 42px; font-weight: bold; text-transform: uppercase;}

.number-heading-text-background.blue .uk-grid-stack .uk-first-column h3 {color: #009490 !important; font-size: 150px; font-weight: 700; line-height: 50px; padding-top: 40px;}
.number-heading-text-background.blue .uk-grid-stack .uk-first-column p {color: #ffffff;font-size: 20px; font-weight: 400; padding-top: 50px;}
.number-heading-text-background.blue h2 {color: #009490; font-size: 42px; font-weight: bold; text-transform: uppercase;}

.number-heading-text-background.yellow .uk-grid-stack .uk-first-column h3 {color: #db891b !important; font-size: 150px; font-weight: 700; line-height: 50px; padding-top: 40px;}
.number-heading-text-background.yellow .uk-grid-stack .uk-first-column p {color: #ffffff;font-size: 20px; font-weight: 400; padding-top: 50px;}
.number-heading-text-background.yellow h2 {color: #db891b; font-size: 42px; font-weight: bold; text-transform: uppercase;}

.number-heading-text-background.default .uk-grid-stack .uk-first-column h3 {color: #097aac !important; font-size: 150px; font-weight: 700; line-height: 50px; padding-top: 40px;}
.number-heading-text-background.default .uk-grid-stack .uk-first-column p {color: #ffffff;font-size: 20px; font-weight: 400; padding-top: 50px;}
.number-heading-text-background.default h2 {color: #097aac; font-size: 42px; font-weight: bold; text-transform: uppercase;}

@media (min-width: 960px) {
.number-heading-text-background .uk-tile {padding: 20px 30px !important;}
}

/* HELP EARTHWATCH (Join a Project / Fundraise / Donate) */
.help-earthwatch .uk-card-primary.uk-card-hover:hover{background: #333e48;}
.help-earthwatch .uk-container-small {max-width: 674px;}
.help-earthwatch .uk-card-small {padding: 12px 10px; margin: 0 auto;}
.help-earthwatch h2 {font-size: 42px; font-weight: 700;}
.help-earthwatch h3 {font-size: 20px; font-weight: 700;}

@media (max-width: 960px) {
.help-earthwatch .uk-card-small {padding-left: 10px; padding-right: 10px;  max-width: 212px; margin: 0 auto;}
.help-earthwatch h3 {font-size: 20px !important;}
}

.std-text-overlay .uk-overlay h3 {
    font-size: 20px;
}

.titleandtext h1, .titleandtext h2, .titleandtext h3 {text-transform: uppercase; text-align: center; font-size: 42px;
    font-weight: bold;}

/* HOMEPAGE news panels */
@media (min-width: 640px) and (max-width: 959px) {
.homepage-overlay .uk-grid-medium.uk-grid-margin-medium.uk-grid {
    max-width: 613px; margin: 0 auto
}    

.homepage-overlay [class*=uk-width-1-2] img {
	max-width: 602px;
    padding-left: 10px;
}

.viewpublication .el-item {
	max-width: 295px;
    margin-left: 6px;
}

#twitter-widget-0 {
    max-width: 295px !important; margin-left: 6px;
}

.uk-grid-medium>* {padding-left: 0;}
}

@media (min-width: 960px) and (max-width: 1235px){
    .uk-grid-medium.uk-grid-margin-medium.uk-grid {padding: 0 20px}
}

@media (min-width: 320px) and (max-width: 613px){
.homepage-overlay [class*=uk-width-1-2] {
    margin: 10px 20px;
}
}

@media (min-width: 320px) and (max-width: 415px){
	.uk-overlay {padding: 10px 10px;}
	p {line-height: 20px;}
	.homepage-overlay .uk-transition-active.uk-active [class*=uk-transition-fade], .homepage-overlay .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .homepage-overlay .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 0px !important; transition: top 0.5s}
}

/* HOMEPAGE Overlays */

.homepage-overlay h2 {color: #006b5b; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.homepage-overlay  .uk-overlay-primary {background: unset;}
.homepage-overlay .uk-overlay {background: rgba(0, 0, 0, .8);}
.homepage-overlay .uk-overlay h3 {font-weight: 400;}
.homepage-overlay .uk-overlay p {font-size: 18px; font-weight: 300;}
.homepage-overlay .uk-button {background: #097aac; color: #ffffff; font-weight: 500; font-size: 16px; padding: 0px 10px; border: none;}
.homepage-overlay .uk-transition-fade {top: 81%; opacity: 1;}
.homepage-overlay .uk-transition-active.uk-active [class*=uk-transition-fade], .homepage-overlay .uk-transition-toggle.uk-hover [class*=uk-transition-fade], .homepage-overlay .uk-transition-toggle:hover [class*=uk-transition-fade] {
    opacity: 1; top: 150px; transition: top 0.5s}
.EmbeddedTweet-tweet {height: 201px;}

/* ipad */
@media (min-width: 320px) and (max-width: 359px) {
.homepage-overlay .uk-transition-fade {top: 76%; opacity: 1;}
.homepage-overlay [class*=uk-width-expand] .uk-overlay {top: 88%;}
.twitter-tweet {width: 88% !important;}
.uk-section-xsmall {padding-bottom: 0px;}
.viewpublication {height: 170px; min-height: 170px;}
.credits {padding-left: 12px;}
}

@media (min-width: 360px) and (max-width: 374px) {
.homepage-overlay .uk-transition-fade {top: 77%; opacity: 1;}
.homepage-overlay [class*=uk-width-expand] .uk-overlay {top: 89%;}
.twitter-tweet {width: 100% !important;}
.uk-section-xsmall {padding-bottom: 0px;}
.viewpublication {height: 170px; min-height: 170px;}
.credits {padding-left: 12px;}
}

@media (min-width: 375px) and (max-width: 413px) {
.homepage-overlay .uk-transition-fade {top: 79%; opacity: 1;}
.homepage-overlay [class*=uk-width-expand] .uk-overlay {top: 90%;}
.twitter-tweet {width: 100% !important;}
.uk-section-xsmall {padding-bottom: 0px;}
.viewpublication {height: 170px; min-height: 170px;}
.credits {padding-left: 12px;}
}

@media (min-width: 414px) and (max-width: 600px) {
.homepage-overlay .uk-transition-fade {top: 77%; opacity: 1;}
.homepage-overlay [class*=uk-width-expand] .uk-overlay {top: 89%;}
.twitter-tweet {width: 100% !important;}
.uk-section-xsmall {padding-bottom: 0px;}
.viewpublication {height: 170px; min-height: 170px;}
.credits {padding-left: 12px;}
}

@media (min-width: 768px) and (max-width: 768px) {
.homepage-overlay .uk-transition-fade {top: 83%; opacity: 1;}

}

@media (min-width: 1024px) and (max-width: 1024px) {
.homepage-overlay .uk-transition-fade {top: 75%; opacity: 1;}
}


/* DONATE PAGE */

textarea#comment {width: 530px !important;} /* comment box for jomdonate */

#MonthlyAmount10, #MonthlyAmount20, #MonthlyAmount30, #SingleAmount50, #SingleAmount30, #SingleAmount10, #mobMonthlyAmount10, #mobMonthlyAmount20, #mobMonthlyAmount30, #mobSingleAmount10, #mobSingleAmount30, #mobSingleAmount50 {background: #2a3b45 !important; color: #ffffff !important; color: #ffffff; font-size: 25px; font-weight: 700; padding: 5px 15px; border: none;}
#MonthlyAmount10:Active, #MonthlyAmount20:Active, #MonthlyAmount30:Active, #SingleAmount50:Active, #SingleAmount30:Active, #SingleAmount10:Active, #mobMonthlyAmount10:Active, #mobMonthlyAmount20:Active, #mobMonthlyAmount30:Active, #mobSingleAmount10:Active, #mobSingleAmount30:Active, #mobSingleAmount50:Active {background: #097aac !important; color: #ffffff !important; font-weight: 700;}
#MonthlyAmount10:Hover, #MonthlyAmount20:Hover, #MonthlyAmount30:Hover, #SingleAmount50:Hover, #SingleAmount30:Hover, #SingleAmount10:Hover, #mobMonthlyAmount10:Hover, #mobMonthlyAmount20:Hover, #mobMonthlyAmount30:Hover, #mobSingleAmount10:Hover, #mobSingleAmount30:Hover, #mobSingleAmount50:Hover {background: #097aac !important; color: #ffffff !important; font-weight: 700;}

.desktopDonate .el-title {font-weight: 700 !important;}

.donatesectionMobile {
    background: #dfdfdf;
    padding: 20px;
}

.donatesectionMobile h2 {
    color: #2d2e33;
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
}

#mobdonate, #donateMonthly, #donateOnce {
    background: #097aac !important; color: #ffffff !important;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    padding: 5px 15px;
    border: none;
}

.mobileDonate li a, .desktopDonate li a {
    font-size: 25px !important;
}

.mobileDonate .uk-subnav-pill>*>:first-child, .desktopDonate .uk-subnav-pill>*>:first-child {
    background: #2a3b45; color: #ffffff; font-weight: 700;
}

.mobileDonate .uk-active a:nth-child(0), .mobileDonate .uk-active a:nth-child(1), .desktopDonate .uk-active a:nth-child(0), .desktopDonate .uk-active a:nth-child(1) {
    background: #097aac !important; font-weight: 700;
}

#mobotherReg {margin-left: 10px;}

.number-heading-text-background.orange.giving h3 {
    font-size: 70px;
    padding-top: 20px;
}

.donateHeader {background: rgb(223, 223, 223); padding: 0 20px 0 20px; margin: 20px 0 0 0;}
.donateButtons {background: rgb(223, 223, 223); padding: 20px;}

.number-heading-text-background.orange.giving .uk-grid-stack .uk-first-column h3 {color: #c1531b !important;font-size: 70px;font-weight: 700;line-height: 50px;padding-top: 10px;}
.textonly .el-content.uk-button.uk-button-default {background: #097aac; color: #ffffff; font-weight: 700; font-size: 25px; padding: 5px 15px; border: none;}

.how-money-helps h2 {color: #ffffff; font-size: 42px; font-weight: 700; text-transform: uppercase;}
.how-money-helps h3 {font-weight: 700; margin: 0;}
.how-money-helps .yellow {color: #db891b;}
.how-money-helps .orange {color: #c1531b;}
.how-money-helps .blue {color: #009490;}
.how-money-helps .green {color: #006b5b;}
.how-money-helps p {color: #ffffff; margin-top: 0;}
.how-money-helps {background: #2a3b45;}

.other-ways-to-give h2 {font-size: 42px; font-weight: 700; text-transform: uppercase;}
.other-ways-to-give h3 {padding: 0 20px; font-size: 24px; font-weight: 700;}
.other-ways-to-give p {color: #ffffff; padding: 20px;}
.other-ways-to-give .yellow {background: #d6af31;}
.other-ways-to-give .blue {background: #30b4c9;}
.other-ways-to-give .orange {background: #e66234;}
.other-ways-to-give .green {background: #006b5b;}
.other-ways-to-give a {font-size: 25px; font-weight: 700; background: #2a3b45; color: #ffffff; padding: 5px 15px;}
.other-ways-to-give .yellow a:hover {background: #2a3b45; color: #d6af31; border: 1px solid transparent;}
.other-ways-to-give .blue a:hover {background: #2a3b45; color: #30b4c9; border: 1px solid transparent;}
.other-ways-to-give .orange a:hover {background: #2a3b45; color: #e66234; border: 1px solid transparent;}
.other-ways-to-give .green a:hover {background: #2a3b45; color: #006b5b; border: 1px solid transparent;}
.white.budget {text-align: center;}


/* Gallery */

@media (max-width: 1270px) {
.photo-gallery p {padding: 0 0 0 20px;}
}

/* RAXO K2 News */
.itemIntroText {font-size: 20px !important;}

/* ----- RESPONSIVE Breakpoints ----- */
.allmode-columns .lt320 .allmode-wrapper {
	width: 100% !important;
}
.allmode-columns .gt640 .allmode-wrapper {
	width: 100%;
}

.allmode-columns .lt640 .allmode-wrapper {
	width: 100%;
}
.allmode-columns .gt880 .allmode-wrapper {
	width: 50%;
}

.allmode-title {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 400;
    padding: 15px !important;
    margin: 0 !important;
}

.allmode-columns a, 
.allmode-columns a:hover, 
.allmode-columns a:active {color: #ffffff !important; text-decoration: none !important;}

.allmode-text {
    color: rgba(255,255,255,.7) !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding: 5px 20px 20px 20px !important;
    line-height: 25px !important;
    display: none;
}

.allmode-columns .allmode-img img {border: none;}
/* Top Item IMAGE */
.allmode-columns .allmode-topitem .allmode-img img {							
	border: none;
	box-shadow: none;
}

.allmode-readmore {text-align: center !important;display: none;}
.allmode-readmore a {
	background: #097aac !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 10px !important;
    border: none !important;
    position: relative !important;
    text-decoration: none !important;
    
}

.allmode-columns .allmode-readmore {
	height: 50px !important;
}

/*.allmode-wrapper {height: 655px !important;}

.allmode-wrapper {
    height: 446px !important;
}*/

.allmode-topitem:hover [class=raxoContainer] {
    display: block;
    transform: translateY(-275px);
    transition: transform 0.5s;
    position: absolute !important;
    top: unset !important;
}

.allmode-topitem:hover [class=allmode-text] {
	display: block;
	}

.allmode-topitem:hover [class=allmode-readmore] {
	display: block;
}	

/*.raxoContainer {background: rgba(0,0,0,0.8); min-height: 400px; position: relative; top: -70px;}*/
.raxoContainer {background: rgba(0,0,0,0.8); min-height: 400px; position: absolute; top: 85%; width: 100%;}
.allmode-columns .allmode-wrapper > div {height: unset !important; }
.allmode-columns .allmode-topitem {padding-bottom: 0;}
.allmode-columns .allmode-topbox {margin: 0 10px;}

@media (min-width: 1024px) and (max-width: 1080px) {
.raxoContainer {top: 81%;}	
}

@media (min-width: 881px) and (max-width: 1023px) {
.raxoContainer {top: 82%;}	
}

@media (min-width: 740px) and (max-width: 880px) {
.raxoContainer {top: 89%;}	
}

@media (min-width: 670px) and (max-width: 739px) {
.raxoContainer {top: 88%;}	
}

@media (min-width: 600px) and (max-width: 669px) {
.raxoContainer {top: 87%;}	
}

@media (min-width: 550px) and (max-width: 599px) {
.raxoContainer {top: 85%;}	
}

@media (min-width: 451px) and (max-width: 549px) {
.raxoContainer {top: 83%;}	
}

@media (min-width: 480px) and (max-width: 450px) {
.raxoContainer {top: 82%;}	
.raxoContainer h3 {font-size: 20px !important;}	
}    

@media (min-width: 400px) and (max-width: 479px) {
.raxoContainer {top: 79%;}	
.raxoContainer h3 {font-size: 20px !important;}	
}   

@media (min-width: 320px) and (max-width: 399px) {
.raxoContainer {top: 74%;}	
.raxoContainer h3 {font-size: 20px !important;}	
}    

@media (min-width: 320px) and (max-width: 400px) {
.allmode-text {display: none !important;}  
.allmode-topitem:hover [class=raxoContainer] {
    transform: translateY(-206px);
}
}


/* tidy up */

.what-doing-freshwater.half .blue-grey-box .uk-card-body {left:unset;}
.what-doing-freshwater.half .blue-grey-box .uk-card-body h3 {width: 100%;}
.what-doing-freshwater.half .blue-grey-box .uk-card-body p {width: 100%;}

.what-doing-wildlife.half .yellow-grey-box .uk-card-body {left:unset;}
.what-doing-wildlife.half .yellow-grey-box .uk-card-body h3 {width: 100%;}
.what-doing-wildlife.half .yellow-grey-box .uk-card-body p {width: 100%;}

.what-doing-climate.half .orange-grey-box .uk-card-body {left:unset;}
.what-doing-climate.half .orange-grey-box .uk-card-body h3 {width: 100%;}
.what-doing-climate.half .orange-grey-box .uk-card-body p {width: 100%;}

.what-doing-oceans.half .green-grey-box .uk-card-body {left:unset;}
.what-doing-oceans.half .green-grey-box .uk-card-body h3 {width: 100%;}
.what-doing-oceans.half .green-grey-box .uk-card-body p {width: 100%;}

/* K2 Fix */

.k2fix {padding: 0; margin: 0;}
div.itemImageBlock {padding: 0; margin: 0 0 16px 0;}
div.itemExtraFields {margin: 0;padding: 0;border: none;}
.even.typeImage.group1 {padding: 0}
.k2fix div:nth-child(1).uk-container {max-width: 100%;}
.k2fix .img-container {overflow: hidden; max-height: 612px;}
.k2fix .img-container img {object-fit: cover; /* width: 100vw; height: 42vw;*/ display: block; width: 100%; max-height: 450px;}

.k2fix {background: #dfdfdf !important;}
.k2fix .uk-container.uk-container-small.uk-grid-margin {background: white; padding: 20px; /*position: relative; top: -106px;*/ max-width: 1200px; margin-top: 0px;}
/*.k2fix #k2Container {margin-bottom: -70px;} */
.k2fix .itemNavigation {background: #ffffff;}

.itemHeader .uk-container.uk-container-small.uk-grid-margin {order: 3;}

/* fix for IE 10/11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.k2fix .img-container img {object-fit: cover; width: 100vw; height: 65vw; display: block; position: relative; top: -210px;}	
}

.k2fix .itemTitle {
    background: rgba(9,9,9,0.8);
    margin: 0 auto !important;
    font-weight: 700;
    padding: 10px 20px !important;
    text-transform: uppercase;
    display: table;
    max-width: 1200px;
    width: 100%;
    /*position: relative; top: -108px;*/
    color: #ffffff !important;
    text-align: center;
    order: 1;

}

.itemHeader {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

/* K2 Date */
.k2newsDate {
	margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    background: #fff;
    padding: 5px 20px;
    text-align: right;
    order: 2;
}



.k2newsDate .itemDateCreated {font-size: 16px !important;}

/* K2 small phones */

@media (min-width: 320px) and (max-width: 747px){
	.k2fix .itemTitle {
    display: block;
    position: unset;
    top: unset;
}

	.k2fix .uk-container.uk-container-small.uk-grid-margin {top: -40px;}
}

/* K2 hrjobs fix */

.hrjobs div:nth-child(1).uk-container {max-width: 100%;}
.hrjobs .uk-container.uk-container-small.uk-grid-margin {position: relative; top: -65px; margin-top: 40px;}
.hrjobs #k2Container {margin-bottom: -110px;}
.hrjobs .itemNavigation {background: #ffffff;}

.hrjobs .itemTitle {
    background: rgba(9,9,9,0.8);
    margin: 0 auto !important;
    font-weight: 700;
    padding: 10px 20px !important;
    text-transform: uppercase;
    display: table;
    position: relative;
    top: 60px;
    color: #ffffff !important;
    text-align: center;
}

.hrjobs .itemHeader {
	height: 190px;
    background: #dfdfdf;
    position: relative;
    top: -70px;
}

@media (max-width: 959px) {
.hrjobs .itemHeader { top: -45px;}	
}

/* Share This */

.st-custom-button[data-network] {
   background-color: #077bac;
   display: inline-block;
   padding: 3px 10px 7px 10px;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   }
.share-button {background: #4f4f50; color: #ffffff; border: 1px solid transparent; padding: 0 15px; vertical-align: middle; font-size: 14px; line-height: 30px; text-align: center; float: left;}

/* Small Numbers fix */ 
.number-heading-text-background.small h3 {
	font-size: 70px !important;
    font-weight: 700;
    line-height: 50px;
    padding-top: 10px;
    }

/* Timeline */ 

/*tweet panel*/
/*.twitter-tweet {height: 385px}*/

.what-doing-default.resources li a:hover {color: rgba(255,255,255,0.7) !important;}

/* Fix Our Team to 2 images side by side on mobile / tablet */

@media (max-width: 959px){
    .experts-default .uk-width-1-2\@s{width:45%; margin-left: 3.5%;}
    .experts-default h3 {font-size: 20px !important;}

}

/* Teach Earth 2019 form CSS */
.ui.button.red{
    background-color: #c1531b;
    font-size: 21px;
    border-radius: 0;
    width: 149px;
}

a.ui.button.red:hover {
    color: #c8c8c6; 
    background-color: #c1531b;
}

a.ui.button.red:active, a.ui.button.red:focus {
    background-color: #c1531b !important;
}

a.ui.button.green:active, a.ui.button.green:focus {
    background-color: #097aac !important;
}

@media (min-width: 320px) and (max-width: 660px) {
.futurebuild input, .futurebuild .multifield, .futurebuild p {width: 90% !important;left: 5%;position: relative;}
.futurebuild button {width: 50% !important;left: 25%;position: relative;}
}

/* Raxo Prime - K2 news articles */
.raxo-category{color: #ffffff;font-weight:500 !important}
.raxo-overlay .raxo-text {font-size: 16px;}

/* Blogs */

.ew-blog .uk-button.uk-button-secondary {
    background: #2a3b45;
    color: #ffffff;
    font-weight: 700;
    font-size: 25px;
    padding: 5px 15px;
    border: none;}

.ew-blog .uk-button.uk-button-secondary:hover {
    color: #097aac;
    border: none;
}

.ew-blog article { border-bottom: 1px solid #88888838; margin: 0 50px; padding-bottom: 20px;}
/* handle long URLs in blogs */
.ew-blog a {word-break: break-word;}
.uk-alert {background: #d1ffc6; text-align: center; color: #3c3c3c; font-size: 25px}
.uk-alert h3 {font-size: 35px; text-transform: uppercase;}

.wbparis .mission {margin-bottom:0px;}

.cpcities .el-link.uk-button.uk-button-primary {
  font-size: 25px;
  font-weight: bold;
  padding: 5px 15px;
}

.whiteonblue h2, .whiteonblue h3 {color:#303d47 !important; font-family: Roboto; font-size: 38px; font-weight: 700;text-transform: uppercase}
.whiteonblue p {color: #ffffff !important;}
.whiteonblue a {color: #303d47 !important;font-weight:700;}

/*Menu fix*/
.uk-offcanvas-bar .uk-nav-default {font-size:14px; line-height: 14px}

@media (min-width: 960px) and (max-width: 1436px) {
    .uk-navbar-nav>li>a {font-size: 16px;}
}

/* newsletter fix */
.news-engage {margin: 20px;}

.covid a:hover{color: #fff !important;}
.covid a {color: #2a3b45 !important;}

/* Chronoforms min padding */
.chronoforms {padding:20px}

/* Gator forms */
.gf__form, [id*="gm_form_"] {font-size: 14px !important; padding: 25px;}
.gf__form label, .gf__form p, [id*="gm_form_"] label, [id*="gm_form_"] p {font-size: 14px !important; max-width: 450px; line-height: 16px !important;}
.gf__form input[type=text], [id*="gm_form_"] input[type=text] {
    border: 1px solid #dadada !important; max-width: 450px !important; margin-bottom: 5px
}

.gf__form input[type=checkbox], [id*="gm_form_"] input[type=checkbox] {width: 20px !important; height: 20px !important; margin-right: 10px !important;}

.desktopDonate li a {opacity: 0.3;}
.desktopDonate .uk-active a {opacity: 1;}
.green {background: #62a70f !important;}
.gf__submit {background: #62a70f;border: none;min-width:140px;color: #ffffff; font-size: 21px;font-weight:700}
#ewFindOutOther {height: 48px !important;border: 1px solid #dadada !important;max-width: 450px !important;margin: 5px 0;width: 430px;padding: 0 10px;color: rgb(108, 109, 116) !important;}
[id*="gm_form_"] input, [id*="gm_form_"] select {margin: 10px 0; width: 450px;}
[id*="gm_form_"] {padding-top: 0;}
[id*="gm_form_"] .gf__submit {width: 140px;}
[id*="gm_form_"] input[type=checkbox]:not([class*=uk-]) {background-color: #fff;}
[id*="gm_form_"] input[type=checkbox]:not([class*=uk-]):checked {background-color: #097aac}
[id*="gm_form_"] input[type=checkbox]:not([class*=uk-]):checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}
/*Tiny Forest*/
.tinyforest input[type=text] {height: 45px !important;}

.legacy-text {width: 1200px !important;}
.legacy-form {width: 500px;}
.legacy-form label {font-weight: 700;}
.legacy-form .gf__submit {height: 50px; margin-top: 20px;}

#gm_form_133_recaptcha {padding: 10px 0 !important;}
.legacy-form #gm_form_133 {padding-top: 30px}
.gmf-success-message {padding: 0; color: #6c6d74 !important; font-weight: 700; font-size: 18px !important}