/* defaults for templates for overriding v0-5-es 28nov2024 */

body {
    font-size: 20px;
}

.page-hero{
	justify-content: flex-end;
}

.wwl-country__body h2{
	font-size:calc(18px + 12 * ((100vw - 320px) / 680));
	line-height:calc(26px + 12 * ((100vw - 320px) / 680));
}

.main-navigation .dropdown-menu li{
	position:relative;
}
@media only screen and (min-width: 992px){
.navbar-expand-xl .navbar-nav .dropdown-menu li:hover .dropdown-menu{
	left: 100.5%;
    display: block;
    top: 0;
    border-left: 1px solid transparent;
}
}

.mobile-footer{
	display:flex;
	position:fixed;
	bottom:0px;
	padding:4px 16px 7.2px;
	width:100%;
	background:white;
	z-index:999;
	justify-content: space-between;
}
.mobile-footer div{
	width:100%;
}
.mobile-footer > div > div{
	display:flex;
	justify-content: space-between;
}
.mobile-footer a {
    text-align: center;
    text-decoration: none;
    font-size: 0.8em;
    color: #6b3267b5;
    line-height: 0.8em;
}
.mobile-footer img{
	width:36px;
}
.carousel-item .desktop-img {
  display: block;
  width:100%;
}

.carousel-item .mobile-img {
  display: none!important;
  width:100%;
 	height:calc(100svh - 111px);
	object-fit:cover;
}

@media only screen and (max-width: 768px) {
header.banner {
    border-bottom: 1px solid #e3e7e9;
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: white;
    top:0;
}
.home-hero.front, .home-hero, .page-hero{
	max-height:none;
}
html body section.home-hero, html body section.page-hero{
	height:calc(100svh - 111px);
	max-height: initial;
}
body section:first-of-type{
	margin-top:50px;
}
  .carousel-item .desktop-img {
    display: none !important;
  }
  .carousel-item .mobile-img {
    display: block!important;
  }
  .carousel-caption {
	    width: 80vw;
	}
	.carousel-item .carousel-caption{
		bottom:6%;
	}
}


/* wide template pull wrappers */
@media only screen and (min-width: 1200px){
	.wide .pull-right-wrapper {
	    margin-right: -3%;
	}
	.wide .pull-left-wrapper {
	    margin-left: -1%;
	}
} 
@media only screen and (min-width: 1400px){
	.wide .pull-right-wrapper {
	    margin-right: -10%;
	}
	.wide .pull-left-wrapper {
	    margin-left: -10%;
	}
} 

@media only screen and (max-width: 767.98px){
	.latest-stories__contents .meta.summary {
	    display: none;
	}
}

/* news stories */

.purple-stat-boxes .box{
	width:31%;
}

/* campaigns template */
.feature-stories-block {
    margin-bottom: 30px;
    position: relative;
}
.feature-stories-block .small-label,.action-block__label{
	position: absolute;
    z-index: 1;
    padding: 20px;
}
.feature-stories-block p {
    color: #ffffff;
    text-shadow: 0px 0px 10px black;
}
.action-block{
	text-align: center;
	padding:10px 20px;
}
.action-block .action-block__thumbnail {
    position: relative;
    clip-path: circle(45%);
}

.action-block .action-block__label {
    font-size: 2em;
    color: #fff;
    width: 100%;
    bottom: 50%;
    margin-bottom: -1em;
    font-weight: 700;
}

.action-block__thumbnail img {
    border-radius: 50%;
}


.more-stories__listing article {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D1D7DA;
    padding-right: 30px;    
    display: flex;
}
.more-stories__listing .thumbnail {
    width: 80px;
    margin-right: 20px;
}
.more-stories__listing article .content
{
	    width: calc(100% - 10px);
}
.img-fluid {
    margin-top: 26px;
}
.img-round{
	border-radius: 50%;
}

/*The following turns on the orange menu item.  Uncomment to activate*/ 

.weblinks-depth-1.navbar-nav.ml-auto .navbar-nav.weblinks>li:last-child a, .weblinks-depth-1.navbar-nav.features-block__heading-contents .navbar-nav.weblinks>li:last-child a, .weblinks-depth-1.navbar-nav.featured-actions__heading-contents .navbar-nav.weblinks>li:last-child a, .weblinks-depth-1.navbar-nav.fr-logo .navbar-nav.weblinks>li:last-child a, .weblinks-depth-1.navbar-nav.features-block__heading-contents:first-of-type>li:last-child a, .weblinks-depth-1.navbar-nav.featured-actions__heading-contents:first-of-type>li:last-child a, .weblinks-depth-1.navbar-nav.fr-logo:first-of-type>li:last-child a {
    background-color: #f8bd00;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

/*Replace Twitter Icon with X Icon*/

.fa-twitter:before {
    content: "\e61b" !important;
  }