@font-face {font-family: "URW Geometric";
    src: url("//db.onlinewebfonts.com/t/19ae1692fd795e89c03d01914b9224f5.eot");
    src: url("//db.onlinewebfonts.com/t/19ae1692fd795e89c03d01914b9224f5.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/19ae1692fd795e89c03d01914b9224f5.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/19ae1692fd795e89c03d01914b9224f5.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/19ae1692fd795e89c03d01914b9224f5.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/19ae1692fd795e89c03d01914b9224f5.svg#URW Geometric") format("svg");
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-RegularIt.eot");
  src: url("../fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-Semibold.eot");
  src: url("../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-SemiboldIt.eot");
  src: url("../fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-BoldIt.eot");
  src: url("../fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-Black.eot");
  src: url("../fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova/ProximaNova-BlackIt.eot");
  src: url("../fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}


/*****New Font Styles********/
@font-face {
  font-family: "ProximaNova Bold";
  src: url("../fonts/ProximaNova/ProximaNova-Bold.eot");
  src: url("../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova SemiBold";
  src: url("../fonts/ProximaNova/ProximaNova-Semibold.eot");
  src: url("../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}


@font-face {font-family: "ProximaNova Thin";
  src: url("../fonts/ProximaNova/ProximaNova-Thin.eot"); /* IE9*/
  src: url("../fonts/ProximaNova/ProximaNova-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/ProximaNova/ProximaNova-Thin.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/ProximaNova/ProximaNova-Thin.woff") format("woff"), /* chrome、firefox */
  url("../fonts/ProximaNova/ProximaNova-Thin.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/ProximaNova/ProximaNova-Thin.svg#ProximaNova Thin") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "ProximaNova Light";
  src: url("../fonts/ProximaNova/ProximaNova-Light.eot"); /* IE9*/
  src: url("../fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/ProximaNova/ProximaNova-Light.woff") format("woff"), /* chrome、firefox */
  url("../fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/ProximaNova/ProximaNova-Light.svg#ProximaNova Light") format("svg"); /* iOS 4.1- */
}


/*my styles*/
body,
a,
span,
div,
header#navbar nav {
 
  	font-family: ProximaNova, Arial, sans-serif;
	letter-spacing: 0px!important;
	line-height: 1.5em;
	font-weight: 300;
	/*color: #5a5a5a;*/
	-webkit-font-smoothing: antialiased;

}

.main-container {
    padding-bottom: 5px;
    margin-top: 5px;
    /* border: solid; */
}

header#navbar .nav {
    font-size: 14px;
    line-height: 1.33341;
    font-weight: 300;
    /*letter-spacing: -.01em;*/
	/*letter-spacing: 0em;*/
	 line-height: 1.47;
    /*font-family:'Montserrat', "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
	color: #5a5a5a;
	/*width:100%;*/
	margin:10px auto;
}

#toolbar-administration, #toolbar-administration * {
    box-sizing: border-box;
    z-index: 2050;
}

header#navbar .nav a{
  	color: #ffffff;
}

header#navbar .nav a:hover{
	border-bottom: solid thin #ffffff;
}
/*==========================================**/

/*body.mbase-child-theme.navbar-is-static-top header#navbar.affix {
    position: relative;
}*/

header#navbar .navbar-nav>li {
  margin-top: 10px;
}

header#navbar  #navigation {
  border: none;
  min-height: 1px;
}
header#navbar  .navbar-toggle {
  border-radius: 0px;
}

header#navbar .navbar-toggle {
    background-color: #f0f0f0;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: -35px;
    margin-bottom: 8px;
    background-color: black;
    background-image: none;
    border: 1px solid #5a5a5a;
    border-radius: 4px;
}

header#navbar .icon-bar {
    background-color: #cb6520 !important;
}

header#navbar .navbar-header {
  margin-top: 0px;
  padding: 15px;
  width:100%;
}
header#navbar .dropdown-menu {
  /*min-width: 200px;*/
  border: 1px solid;
}
#navbar .nav .dropdown > .dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
	border-radius: 0;
    background: none;
   /* border-left: solid #fff .1em;
	border-right: solid #fff .1em;
	border-bottom: solid #fff .1em;*/
	border:none;
	border-top: none;
}
#navbar .nav .dropdown > .dropdown-menu {
    left: auto;
    right: auto;
}

#navbar .nav{
	margin: 0 5px;
	float:left;
}

#navbar .menu-depth-1 > a .caret,
x:-moz-any-link,
x:default {
  margin-left: 10px !important;
}

header#navbar .dropdown-menu > li > a {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

header#navbar nav.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
header#navbar nav {
  min-height: 60px;
  margin-top: 30px;
  margin-bottom: 0px;
  opacity: 1;
}
header#navbar .navbar-nav>li {
  margin-top: 10px;
}

/*header#navbar .navbar-nav>li>a {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}*/
header#navbar .navbar-nav>li>a {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-shadow: none;
  font-weight: 500;
}
header#navbar .navbar-nav>li>a.is-active {
  font-weight: normal;
}
header#navbar  #navigation {
  border: none;
  min-height: 1px;
  z-index: 1000;
}
header#navbar .navbar-toggle {
  border-radius: 0px;
}

.participate-block-branding-class {
    margin: 10px auto;
    display: contents;
    width: 100%;
}

.date-block-branding-style{
	margin:5px auto;
	
}

.social-banner-section .social-banner-icon {
    width: 20px;
    /* height: 20px; */
    float: left;
    margin: 2px 10px;
}
/***++++++++++++++++++++++++++++++++++++++*/

.name.navbar-brand {
		display: none;
}

.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
}

/*body {
   
    line-height: 1.33341;
    font-weight: 300;
    /*letter-spacing: -.01em;*/
	/****letter-spacing: 0em;
	 line-height: 1.47;
   
	color: #5a5a5a;
	font-size: 15px;
}*/

/*START General customization overides*/


.col-md-7 {
    width: 47.33333333%;
}
.col-md-5 {
    width: 52.66666667%;
}

.col-md-5 .list-unstyled {
    bottom: 0;
    padding-left: 55px;
    list-style: none;
    float: right;
    margin: 60px 0 0 0;
    position: relative;
}

.register-btn{
	width:1170px;
	margin: 5px auto;
	
	
}

.register-btn {
    width: 1170px;
    margin: 20px auto 0;
    text-align: left;
    padding-top: 15px;
}

.mbc-link-color, .breadcrumb>li+li:before, a, .control-group .help-inline, .help-block {
    color: #c8480b;
}

.content-about h2,
.content-about h2.block-title,
.content-about h2.title,
.page-header  {
    /* margin-top: 20px; */
    margin: 1.5em 0 .5em 0;
    /* border-top: solid #000000 !important; */
    /* border-top-width: 3px; */
    /* align-items: center; */
	color:#000000;
	text-align:center;
	font-size:38px;
	font-weight:bold;
}


.content-about h2:before,
.content-about h2.block-title:before,
.content-about h2.title:before,
.page-header:before {
content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0; /* This will center the border. */
    width: 100px; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
   /* border-top: 10px  solid #5a5a5a; /* This creates the border. Replace black with whatever color you want. */
}

/*.block:first-child h2.block-title {
    margin-top: 0;
    padding-left: 20px;
}*/


.block-title {
    /* border-bottom: solid #666; */
	color:#000000;
	text-align:center;
	font-size:38px;
	font-weight:bold;
}

.content-about .block-title{
	border-bottom: none;
}

block:first-child h2.block-title {
    margin-top: 0;
    padding-left: 10px;
    
}


.custom-main-navigation-styles{
	
	/*border:solid red;
	text-align:center;
	margin: 20px auto;
	border-bottom: solid #fff;
	background-color:#00000066;*/
}

#block-mainnavigation-2{
	width:100%;
	/*border:solid green;*/
	
}

/*.social-banner-section{
    display: flex;
    float: right;
    margin-top: -15px;
    align-items: center;
}*/
.social-banner-section {
    display: flex;
    float: right;
    margin-top: 5px;
    align-items: center;
    min-width: 450px;
    z-index: 1050;
}
.social-media-icon-container{
    width: 100%;
    display: flex;
}

.social-buttons-container{
    width: 100%;
    display: flex;
}

.social-banner-section img {
    margin-right: 10px;
    align-items: center;
    width: 33px;
    height: 33px;
}

.date-of-wuf10-class{
	margin: 25px auto;
}

.date-block-branding-style {
    margin: 20px 0 0 0;
    font-size: 1.2em;
}

header#navbar .navigation{ 
	width:1170px;
	/*border-top: solid red;*/
	background-color:#00000066;
	text-align:center;
	margin: 20px 0 0 0;
	/*border-bottom:solid #fff;*/
	
}

header#navbar-hide{
	display:none:
	
}

.custom-main-navigation-styles a{
	color:#fff;
}

body.mbase-child-theme header#navbar .nav>li {
     margin-top: 15px; 
     margin-left: 15px; 
    text-align: justify;
    /*padding-left: 35px;*/
    /*padding-right: 35px;*/
}
/*END General customization overides**/




/*START EDITING HEADER LOGO IMAGE*/
/*header#navbar a.logo img {
  height: 40px;
}
*/
logo img {

   /* height: 170px;*/
   height:120px;


}

logo {

   /* height: 170px;
   height:170px;*/
	background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/Causus_Meetings.jpg");

}
body.mbase-child-theme header#extra1 {
    min-height: 80px;
    padding-top: 0px;
    border: 0px;
	background-color:red;
}

body.mbase-child-theme header#navbar {
    background-color: #ffffff !important;
    /* margin-top: 1.5em; */
    height: 191px;
    background: linear-gradient(to bottom, #ffffff 83px, #efefef 83px);
    opacity: 1;
}
header#navbar a.logo img {
    /* height: 170px; */
    height: 138px;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
    bottom: 11px;
    position: absolute;
    z-index: 1029;
}

body.not-front.navbar-is-fixed-top header#navbar a.logo img {
  height: 120px;
  
}


body.not-front header#navbar nav {
    font-size: 14px;
    line-height: 1.33341;
    font-weight: 300;
    /* letter-spacing: -.01em; */
   /* letter-spacing: 0em;*/
    line-height: 1.47;
  /*  background-color: #0b0a0a42;*/
    width: 100%;
    text-align: center;
    display: flex;
    color: #5a5a5a;
}
body.not-front .wuf-participate-thumb-class {
    width: 100%; 
    float: left;
    margin: 0;
}

/*body.not-front #navbar .nav .dropdown > .dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    background: rgba(11, 10, 10, 0.51);
    /* border: solid #fff .1em; */
/*}*/

#navbar .nav .dropdown > .dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    background: rgba(11, 10, 10, 0.51);
    /* border: solid #fff .1em; */
}

body.not-front .main-container {
    padding-bottom: 40px;
    margin-top: 55px;
    
}

body.not-front .carousel {
    position: relative;
    margin-top: -10px;
}

.mbc-base-bg, .btn-auqa1, header#navbar, header#navbar .dropdown-menu, header#navbar .navbar-scrolled, .content-boxed .content-box-inner .title,.content-impact .content-box-inner .title, .content-boxed .content-box-inner .cta a:hover,.content-impact .content-box-inner .cta a:hover, .btn-197:hover, .footer-wrap .footer-copyright-social {
    background-color: #efefef;
}

.content-boxed {
    color: #000000;
    background: #efefef;
}
/*END EDITING HEADER LOGO IMAGE*/

/*START EDITING HEADER NAVBAR SECTION*/

/*body.path-frontpage header#navbar.navbar-fixed-top.affix-top {
	background-color: #0000004a !important;
    /*margin-top: 1.5em;*/
/*
}*/

header#navbar.navbar-fixed-top.affix-top {
    background-color: #ffffff !important;
    /* margin-top: 1.5em; */
    height: 160px;
    background: linear-gradient(to bottom, #ffffff 65px, #efefef 65px);
}

body.path-frontpage header#navbar.scrolled a.logo img {
  /*height: 80px;*/
   -webkit-transition: width 2s, height 4s; /* For Safari 3.1 to 6.0 */
  transition: width 2s, height 4s;
}

body.path-frontpage header#navbar .navigation{ 
	width:1170px;
	/*border-top: solid red;*/
	background:none !important;
	text-align:center;
	margin: 20px 0 0 0;
	/*border-bottom:solid #fff;*/
	
}

body.path-frontpage header#navbar.navbar-static-top {
    /* position: absolute; */
    margin-bottom: 1px;
    width: 100%;
    /*top: 0;*/
}

header#navbar nav {
    /*font-family: Roboto, sans-serif;*/
    /*letter-spacing: 1px;*/
    line-height: 1.5em;
    font-weight: 300;
    float: none;
    width: 1170px;
	/*display:flex;*/
}

/*END EDITING HEADER LOGO IMAGE*/

/*START EDITING HEADER NAVBAR SECTION*/
body.path-frontpage header#navbar.navbar-fixed-top.affix-top {
    background-color: #ffffff !important;
    /* margin-top: 1.5em; */
    height: 160px;
    background: linear-gradient(to bottom, #ffffff 65px, #efefef 65px);
}

navbar navbar-fixed-top navbar-inverse scrolled affix a.logo img {

    /*height: 100px;*/
	height:80px;
	/*left: 30px;
    position: absolute;*/
}
/*END EDITING HEADER LOGO IMAGE*/



/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*=======================================*/
/*
/*ADDED STYLING BY ERICK 3-NOVEMBER-2019*/
/*
/*=======================================*/
/*START Slick Slider additional styling*/

.slide__content, .grid__content {
    position: relative;
    /* border: solid; */
    background-color: #fff;
    margin: 15px 10px;
    padding: 0;
    min-height: 520px;
}
#block-views-block-quote-home-view-block-1{
	background-color:#efefef;
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
	
}
#block-views-block-quote-home-view-block-1 .slick {
    width: 1070px;
    position: relative;
    /*border: solid;*/
	margin:10px auto;
}
#block-views-block-quote-home-view-block-1 .slide__content, .grid__content {
    position: relative;
    /* border: solid; */
    background-color: #efefef;
    margin: 15px 10px;
    padding:50px;
    min-height: 320px;
	
}
/*****.view-quote-home-view .slick__arrow {
    bottom: auto;
    height: 2px;
    left: 0;
    margin-top: -1px;
    pointer-events: none;
    position: absolute;
    top: 95%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}*****/

.view-quote-home-view .slick__arrow {
    bottom: auto;
    height: 2px;
    left: 0;
    margin-top: -1px;
    pointer-events: none;
    position: absolute;
    top: 95%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
    margin: 10px auto;
    text-align: center;
}
.slide--caption--below .slide__caption {
    padding: 0;
    position: relative;
    top: auto;
    width: 100%;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #c95f17;
}
.slick-dots li button::before {
    font-size: 12px;
    font-size: 21px;
}

.slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

/*END Slick Slider additional styling*/



/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*=======================================*/
/*
/*ADDED STYLING BY ERICK 13-OCTOBER-2019*/
/*
/*=======================================*/
/*START FlexSlider additional styling*/

.participate-block-class .flexslider {
    margin: 0 0 60px;
    /* background: #a59f9f; */
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.participate-block-class .flexslider {
    margin: 0;
    padding: 0;
}

.participate-block-class .flexslider .slides {
    zoom: 1;
    /* border: solid green; */
    /* padding: 20px; */
}

.view-participate-block .views-field-title {
    font-size: 35pt;
    font-weight: bold;
    padding-right: 5px;
    color: #f1be48;
    width: 35%;
    float: left;
}

.views-field-field-content-icon .home-content-icon-class {
    width: 100px;
    float: left;
    margin: 25px 20px;
}

.views-field-field-content-icon .home-content-icon-class img{
	width:90px;
	float:left;
}
.wuf-participate-title-class{
}



.wuf-participate-title-class a {
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    float: none;
    margin-top: 25px;
}

body.not-front .wuf-participate-title-class a {
    font-size: 20px;
    font-weight: bold;
    color: #4d4d4d;
    padding-left: 5px;
	float: left;
}

.wuf-participate-title-class:before{
content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0; /* This will center the border. */
    width: 100px; /* Change this to whatever width you want. */
  /****  padding-top: 10px; /* This creates some space between the element and the border. */
/****	margin-left: 40px;
   /**** border-top: 5px  solid #fff; /* This creates the border. Replace black with whatever color you want. */
	text-align:left;
}

.view-participate-block .views-field-body {
    padding: 5px;
    width: 35%;
    /* border: solid; */
    /* margin: 50px; */
    /* padding: 15px; */
    /* width: 50%; */
    float: left;
    margin: Auto 5px;
}
.wuf-participate-description-class {
    float: left;
    font-size: 21px;
    color: #000000;
    line-height: 31px;
}

.participate-block-class .flexslider .slides  li:nth-child(1n) {
  	/*border: solid #00a2ad;*/
    background-color: #00a2ad;
    
}
.participate-block-class .flexslider .slides  li:nth-child(1n) .wuf-participate-title-class{
  	border: solid #00a2ad;
    background-color: #00a2ad;
    
}
.participate-block-class .flexslider .slides li:nth-child(2n) {
   /* border: solid #cc6017;*/
    background-color: #cc6017;
    
}
.participate-block-class .flexslider .slides li:nth-child(2n) .wuf-participate-title-class {
    border: solid #cc6017;
    background-color: #cc6017;
    
}
.participate-block-class .flexslider .slides  li:nth-child(3n){
   /* border: solid #efaa0f;*/
    background-color: #efaa0f;
}
.participate-block-class .flexslider .slides  li:nth-child(3n) .wuf-participate-title-class{
    border: solid #efaa0f;
    background-color: #efaa0f;
}
.participate-block-class .flexslider .slides img {
   max-width:100%; 
	height:auto;
    -moz-user-select: none;
    /*width: 45%;*/
    float: right;
    margin: 0px;
}


/*=======================================*/
/*
/*ADDED STYLING BY ERICK 13-OCTOBER-2019*/
/*
/*=======================================*/
/*START FlexSlider additional styling*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/

/*=======================================*/
/*
/*ADDED STYLING BY ERICK 20-FEBRUARY-2019*/
/*
/*=======================================*/
/*START carousel additional styling*/


/* Avoid scroll bar issues when the slider is next to the edge of the page */
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
  display: block;
}
.flexslider:hover .flex-direction-nav a,
.flexslider:hover .flex-direction-nav a {
  display: block;
}


.carousel-welcome-slider{
	
}

#navbar .nav {
    font-size: .8em;
}

/*START carousel additional styling*/

.header-aqua-slider .carousel-inner>.item>img {
    /*width: 100%;*/
    object-fit: cover;
    width: 2300px;
    height: 637px;
}

#carousel-homeslider-header-aqua-slider .col-md-7{
	background-color: #0909094d;
	padding: 1em;
	border-radius: 2em;
}

#carousel-homeslider-header-aqua-slider .col-xs-12{
	color: #ffffff;
}
.header-aqua-slider div.desc {
    font-weight: 200;
    font-size: 25px;
    margin-bottom: 0px;
    line-height: 31px;
}

.header-aqua-slider .carousel-indicators li {
    border-radius: 0px;
    width: 50px;
    height: 5px;
    border: none;
    margin-bottom: 10px;
    float: none;
    clear: both;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0;
}

.header-aqua-slider .carousel-indicators {
    bottom: 0;
    left: 1%;
    margin: 10px auto !important;
}

.header-aqua-slider .carousel-indicators li {
    background-color: #7b7c7f;
}

.header-aqua-slider .carousel-indicators li.active {
    background-color: #ffffff;
	/*border:solid #1c3258;*/
}
.header-aqua-slider .carousel-indicators {
   
    z-index: 800;
}
.carousel {
    position: relative;
    margin-top: 150px;
}

#carousel-homeslider-header-aqua-slider .col-md-7 {
    background: none;
    padding: 1em;
    /*border-radius: 2em;*/
    margin: 30px;
	width: 95%;
}

#carousel-homeslider-header-aqua-slider .col-md-7 h3 {
    font-size: 58px;
    font-weight: 900;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: visible;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  content:url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/left-arrow.png);
}
.flex-direction-nav a.flex-next:before {
  /*content: '\f002';*/
  content:url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/right-arrow.png);
}
.flex-direction-nav .flex-prev {
  left: -15px;
}
.flex-direction-nav .flex-next {
  right: -15px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: -15px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
  left: -15px;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: -15px;
 
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; 
  right: -15px;
}

/*END carousel additional styling*/



/*START of Additional colors by ERICK*/
.col-xs-12{
	color: #5a5a5a;
	font-size: 15px;
}

#content-positive .col-xs-12{
	color: #ffffff;
}
/*END of Additional colors by ERICK*/

/*START of Custom Settings for the Grid-Framework by ERICK*/
.col-xs-offset-1 {

    margin: .5em;

}
.col-xs-10 {

    width: 100%;
	color: #5a5a5a;

}


.programme{
	width:100%;
}

.programme img {
    width: 98vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -49vw;
    margin-right: -49vw;
}
/*END of Custom Settings for the Grid-Framework by ERICK*/


/*START Content Column styling*/

/*****.panel-footer, .panel-default {
    border-color: #f0f0f0;
    border: none;
}******/

.panel-footer {
    border-color: #f0f0f0;
    border: none;
    display: none;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border: none !important;
}

.two_column_content {
  -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
  -moz-column-count: 2; /* Old Firefox */
  column-count: 2;
  margin: 10px auto;
  -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
  -moz-column-gap: 50px; /* Firefox */
  column-gap: 50px;
}
.three_column_content {
  -webkit-column-count: 3; /* Old Chrome, Safari and Opera */
  -moz-column-count: 3; /* Old Firefox */
  column-count: 3;
  margin: 10px auto;
  -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
  -moz-column-gap: 30px; /* Firefox */
  column-gap: 30px;
  }
  .four_column_content {
  -webkit-column-count: 4; /* Old Chrome, Safari and Opera */
  -moz-column-count: 4; /* Old Firefox */
  column-count: 4;
  margin: 10px auto;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
}
@media screen and (max-width: 599px) {
.two_column_content {
  -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
  -moz-column-count: 1; /* Old Firefox */
  column-count: 1;
  margin: 10px auto;
}
.three_column_content {
  -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
  -moz-column-count: 1; /* Old Firefox */
  column-count: 1;
  margin: 10px auto;
  }
  .four_column_content {
  -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
  -moz-column-count: 1; /* Old Firefox */
  column-count: 1;
  margin: 10px auto;
}
}

.content-about .block-content, .content-about .block-block-content {
    font-size: 15px;
    font-weight: 300;
}
/*START Content Column styling*/

/*START of Custom Settings for the Footer by ERICK*/
.footer-logo-listing-class {
    /* width: 200px; */
    float: left;
    margin-right: 20px;
}
.footer-logo-class {
    margin-right: 20px;
    display: flex;
    align-items: flex-end;
}

.footer-wrap .footer-message h2, .force-menu-hr ul.menu li a, .footer-wrap .footer-social .fa, .footer-wrap .footer-social a, .footer-wrap h2, .footer-wrap h3, .footer-wrap h4, .footer-wrap h5, .footer-wrap h6, .footer-wrap .footer-menus-signup .title h2, .footer-wrap .footer-menu ul li a, .footer-wrap {
    color: #808080 !important;
}

.footer-wrap .footer-message h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 2em;
    font-weight: normal;
    border: none;
    padding: 10px 20px;
    display: inline-block;
    font-weight: 600;
}

.footer-copyright-content{
/*	position: absolute;
    right: 20px;
    top: 50px;*/
}

.footer-wrap .footer-message {
    background-color: #f2f2f2;
    /* border-top: solid grey; */
}
#block-staytunedsubscribe{
    width: 70%;
    margin: 1px auto;
}

#block-staytunedsubscribe .block-title{
	width:100%;
	
}

.field-block-content--field-generic-{
	/*border:solid red;*/
	width:50%;
	float: left;
	text-align:left;
	
}
.field-block-content--field-generic- .social-banner-icon{
	margin-right: 14px;	
}

/*
.webform-submission-form{
	width:100%;
	display:flex;
	
}
*/
.webform-submission-form{
	width:100%;
	display:block;
	
}

#block-staytunedsubscribe .webform-submission-form .button {
    /* border: solid #c8480b .5em; */
    /* border: solid #50a2ca .3em; */
    color: #4d4d4d;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 15px;
    margin: 0 0 0 -2px;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

#block-staytunedsubscribe .webform-submission-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.field-block-content--field-subscribe{
	/*border:solid red;*/
	width:50%;
	float:right;
	text-align:left;
	
}

.footer {
    margin-top: 5px;
	background-color:#FFF;
    padding-top: 5px;
    padding-bottom: 36px;
   /* border-top: solid #4d4d4d;*/
	color: #c8480b;
}

.footer label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    display: none;
}

label {
  display: none;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.webform-section-title{
	    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff;
	padding:5px;
	background-color:#666;
}

.webform-section-wrapper label {
    display: block !important;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    /*color: #fff;
	padding:5px;
	background-color:#666;*/
}

.footer a {

	color: #ffffff;
	text-transform: uppercase;
}

/****.footer-wrap .force-menu-hr nav {
    margin-bottom: 10px;
    padding: 5px 0px;
    text-align: center;
}****/

.footer-wrap .force-menu-hr nav {
    margin: 10px auto;
    padding:  0px;
    text-align: center;
    /*border: solid;*/
    width: 100%;
}

.footer-wrap .force-menu-hr ul.menu, .force-menu-hr ul.menu li {
    display: inline-block !important;
    font-size: 15px;
    padding-left: 15px;
    margin: 0px;
    color: #7b7c7f;
    padding-right: 15px;
}

.footer-wrap .force-menu-hr ul.menu, .force-menu-hr ul.menu li:first-child {
    padding-left: 0px;
    padding-right: 15px;
}

.footer-wrap .force-menu-hr ul.menu, .force-menu-hr ul.menu li:last-child {
    padding-left: 15px;
    padding-right: 0px;
}

.footer-wrap .footer-menus {
    background-color: #e6e6e6;
    color: #808080;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: solid .1em;
}

.footer-wrap {
    color: #808080 !important;
	/*border-top: solid #4d4d4d;*/
}

.footer-wrap .footer-menus {
    padding-top: 5px;
    padding-bottom: 5px;
}


.footer-wrap .footer-copyright-social {
    /* border-top: solid #4d4d4d; */
    padding-bottom: 5px;
    background-color: #e6e6e6;
}

.footer-copyright-social .container {
    
   /* border-top: solid #dcdcdc .2em;*/
}



/*END of Custom Settings for the Footer by ERICK*/

/*START of Custom Settings for the homepage buttons by ERICK*/

/*******Customize the sitewide buttons here*****/

/*START of CUSTOM Counter Up styles*/
/*body {
  background-color: #F46A6A;
  color:#fff;
  max-width:800px;
  margin: 100px auto 0;
  text-align: center;
  display: table;
}*/

.fake-div {
  width:100%;
  height: 1280px;
  position:relative;
}

.counter-container {
	display: table-cell;
	margin: 1.5%;
	/*font-size: 50px;*/
	background-color: #999999;
	width: 200px;
	/* border-radius: 50%; */
    /* height: 150px; */
    /* vertical-align: middle; */
	text-align: center;
}

.counter-value{
  /*display: table-cell;
  margin:1.5%;
  font-size:50px;
  background-color: #FF6F6F;
  width:150px;
  border-radius: 50%;
  height:150px;
  vertical-align: middle;
  text-align: center;*/
    display: table-cell;
    margin: 1.5%;
    /*font-size: 50px;*/
    background-color: #FF6F6F;
    width: 150px;
    /* border-radius: 50%; */
    /* height: 150px; */
    /* vertical-align: middle; */
    text-align: center;

}
/****.counter-up {
    display: flex;
    text-align: center;
    width: 100%;
    float: left;
}******/

.counter-up {
    display: inline-block;
    text-align: left;
    width: 100%;
    float: left;
}

.counter-data {
    margin: 10px 19px 0 0;
    width: 30%;
    float: left;
}

.counter-text {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #999999;
    text-transform: uppercase;
	padding-left: 10px;
}

.counter-plus {
	font-weight: bold;	
	color: #000;
	font-size:43px;
}


.count-inline{
    display: inline-flex;
    align-items: center;
	font-size: 43px;
}

.counter {
    /* display: flex; */
    margin: 5px;
    /*font-size: 50px;*/
    /* background-color: #FF6F6F; */
    /* width: 150px; */
    /* border-radius: 50%; */
    /* height: 150px; */
    /* vertical-align: middle; */
    text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 0.5;
}

.counter-outer {
  display: block;
   margin:1.5%;
  font-size:30px;
  background-color: #FF6F6F;
   text-align:center;
  width:30%;
  float: left;
  
}
/*END of CUSTOM Counter Up styles*/

/* START Sooperthemes up and highlights section styling*/
.sooperthemes-gridstack-gridstack-live .grid-stack-item .sooperthemes-gridstack__content .sooperthemes-gridstack__field-wrapper a {
    color: white;
    font-size: 24px;
    line-height: 21px;
}

.sooperthemes-gridstack__category{
	float:left;
	
}
/* END  Sooperthemes up and highlights section styling*/

/* START Counter up and highlights section styling*/


.highlights-section{
	width:1170px;
	color:#5a5a5a;
}

.highlights-main-section {
    width: 100%;
    float: left;
    margin: 35px auto;
}

.left-highlights-box {
    width: 382px;
    float: left;
    /*border: solid;*/
}
.left-highlights-box-title {
    font-size: 43px;
    font-weight: bold;
    text-align: left;
    line-height: .9em;
    color: #000;
	margin-bottom: 65px;
}

.left-highlights-box-btn{
	min-width:200px;
	height:43px;
	border:solid #0193c8 1.5px;
	border-radius:25px;
	padding: 5px;
    margin: 1em 0;
	color:#999999;
	font-size:21px;
	font-weight: bold;
	background-color:#0193c8;
}

.left-highlights-box-btn a{
	color:#fff;
}
.left-highlights-box-btn a:hover{
	color:#d8d8d8;
	text-decoration:none;
}
.right-highlights-box{
    width: 60%;
    float: right;
    /*border: solid;*/
}

.right-highlights-box-title{
	float: left;
	font-size:23px;
	font-weight:bold;
	color: #c95f17;
}


/* END Counter up and highlights section styling*/


/*START CUSTOM FIELD STYLING BY ERICK*/

#block-views-block-home-latest-news-block-1-2{
	margin-top: 100px;
}

.news-listing-4-grid-column-class{
	margin: 5px;
	width:22%;
	float:left;
}
.news-listing-4-grid-column-class img{
	width:100%;
	height:auto;
	float:left;
}

.news-listing-4-grid-row-class{
	
}

.content-positive .read-more-orange-text{
	font-size: 20px;
	color:#c95f17;
}
.home-intro-text-class a{
	font-size: 20px;
	color:#c95f17 !important;
}
.home-intro-text-class a:hover{
	font-size: 20px;
	color:#c95f17 !important;
}



.content-positive .button-download-home{
	color:#999999;
	text-align: center;
	font-size:19px;
	margin: 10px auto;
}
.home-intro-text-class-button a{
	color:#999999 !important;
	text-align: center;
	font-size:19px;
}
.home-intro-text-class-button a:hover{
	color:#999999 !important;
	text-align: center;
	font-size:19px;
}

.custom-cfa-home-link-class{
	width: 100%;
}

.field-block-content--field-custom-cfa-link-in-blocks{
	color:#999999;
	text-align: center;
	font-size:19px;
}
.field-block-content--field-custom-cfa-link-in-blocks .field-item{
	color:#999999;
}

.field-block-content--field-custom-cfa-link-in-blocks a{
	color:#999999;
}
/********.field-block-content--field-custom-cfa-link-in-blocks .field-item::before {
content: '';
    background: url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/download-button.png);
    height: 41px;
    width: 41px;
    position: absolute;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    /*  float: left;
   margin-left: -45%; 
    display: flex;*/
/*****}*****/

.field-node--field-wuf-theme-thumb{
	width:100%;
	
}

.field-node--field-wuf-theme-thumb img{
	width:100%;
	
}
.view-quote-home-view{
	
}
.view-quote-home-view .span{
	display:flex;
	border:solid;
}
/**
.views-field-field-owner-of-the-quote{
	display:flex;
	/*border:solid;*/
/******	float:left;
}******/
.views-field-field-owner-of-the-quote {
    display: flex;
    /* border: solid; */
    /* float: left; */
    /*width: 50%;*/
}
.views-field-field-owner-of-the-quote .owner-of-the-quote-class{
	margin-top: 2em;
}
.views-field-field-owner-of-the-quote::before {
  content: " ";
  margin-top:30px;
  
}

.views-field-field-owner-of-the-quote::after {
  content: ", ";
  margin-top: 2em;
}
/*****
.views-field-field-title-of-the-quote-owner{
	display:flex;
	/*border:solid;*/
/*****	float:left;
	font-style:italic;
}*****/

.views-field-field-title-of-the-quote-owner {
    /* display: flex; */
    /* border: solid; */
    /* float: left; */
    font-style: italic;
    width: 50%;
}
.views-field-field-title-of-the-quote-owner .title-of-the-quote-class{
	margin-top: 2px;
}
.views-field-field-title-of-the-quote-owner::after {
  content: " ";
  display:block;
}

.views-field-field-quote-owner-affiliation{
	width:100%;
}

.views-field-field-owner-extra-information {
    /* float: right; */
    /* border: solid; */
    position: absolute;
    bottom: 50%;
    margin-left: 5px;
    position: absolute;
    bottom: 35px;
    left: 210px;
    font-size: 16px;
    color: #4e4d4d;
    line-height: 21px;
}
/*.quote-highlight-class{
   
    padding: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    font-style: italic;
	float: left;
}*/
.quote-owner-details-class{
	font-size:16px;
	color:#4e4d4d;
	line-height:21px;
}

.views-field-field-quote-highlight
{
   padding: 0;
    text-align: left;
    font-size: 24px;
    font-weight: 300;
    float: left;
	color: #4e4d4d;
	
}
/*.quote-highlight-class {
    background: red;
    padding: 20px;
    text-align: left;
    font-size: 24px;
    font-weight: 300;
   
    float: left;
}*/
.slide__overlay .quote-profile-photo-class {
    width: 207px;
    height: 207px;
    margin: auto 50px;
	float:left;
}

.slide__overlay .quote-profile-photo-class img{
	border-radius: 50%;
    width: 207px;
	height: 207px !important;
   
    /*border: dotted .1em #4d4d4d;*/
    object-fit: cover;
    float: left;
}

#block-views-block-quote-home-view-block-1 .slide__overlay{
    width: 207px;
    height: 207px;
    margin: 1px;
	float:none;
}

#block-views-block-quote-home-view-block-1 .slide__overlay img{
	border-radius: 50%;
    width: 207px;
	height: 207px !important;
   
    /*border: dotted .1em #4d4d4d;*/
    object-fit: cover;
    float: left;
}

#block-views-block-wuf-video-listings-block-1-2{
	margin-bottom: 2%;
}

#block-views-block-quote-home-view-block-1 .slick-next:before
{
    content:url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/right-arrow-wide.png);
	font-size: 36px;
}
#block-views-block-quote-home-view-block-1 .slick-next {
    right: 480px;
}
#block-views-block-quote-home-view-block-1 .slick-prev:before
{
    content:url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/left-arrow-wide.png);
	
}

#block-views-block-quote-home-view-block-1 .slick-prev {
    left: 480px;
}

#block-views-block-quote-home-view-block-1 .slick-arrow {
   /* border: solid red;*/
    border-radius: 0;
    font-size: 0;
    height: 42px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}



#block-views-block-theme-view-block-1 .slick-prev:before{
    content:url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/left-arrow.png);
	
}

#block-views-block-theme-view-block-1 .slick-next:before{
    content:url(https://wuf.unhabitat.org/themes/wuftenthemev2/assets/images/elements/right-arrow.png);
	
}

#block-views-block-theme-view-block-1 .slick-arrow {
   /* border: solid red;*/
    border-radius: 0;
    font-size: 0;
    height: 42px;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}

#block-views-block-theme-view-block-1 .slick-next {
    right: -35px;
}

#block-views-block-theme-view-block-1 .slick-prev {
    left: -35px;
}

#block-views-block-quote-home-view-block-1 .slick-prev:before img{
   
    width: 36px;
}
#block-views-block-quote-home-view-block-1 .slick-next:before img{
   
    width: 36px;
	border:solid gree;
}
.generic-three-column-class{
	width: 32%;
	margin:5px;
}

.generic-three-row-class{
	margin: 5px 0 20px 0;
}

.participate-column-class{
	width: 32%;
	margin:5px;
}



.front-participate-column-class{
	width: 32%;
	margin:5px;
}

.wuf-participate-thumb-class{
	
    width: 100%;
    float: none;
    margin: 0;

}
.wuf-participate-thumb-class {
    width: 50%;
    float: right;
    margin: 0;
}
.wuf-participate-thumb-class img{
	width:100%;
	height:auto;
	
}
.front-theme-row-class{
	margin: 5px;
	/*border:solid green;*/
	float:left;
}

.front-theme-column-class{
	width: 32%;
	margin:5px;
}

.wuf-them-thumb-class{
	width:100%;
}

.wuf-theme-thumb-class img{
	width:100%;
	height:100%;
	
}


.wuf-theme-title-class {
    margin: 10px;
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    align-items: center;
    text-shadow: none;
	line-height: 21px;
	padding-left: 10px;
    padding-right: 10px;
}

.wuf-theme-description-class {
    margin: 10px;
    color: #000000;
    font-size: 14px;
    line-height: 21px;
    padding-left: 10px;
    padding-right: 10px;
}

.front-theme-six-column-class {
    width: 15%;
    margin: 5px;
    background-color: #fff;
	min-height: 250px;
}

.front-theme-six-column-class .wuf-theme-title-class {
    margin: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    align-items: center;
    text-shadow: none;
}

.field-name-field-past-wuf-session-backgro-i{
	
	
}
.field-name-field-past-wuf-session-backgro-i .field-item img{
	width:100%;
	height:100%;
	
}

/*.field-item img{
    max-width: 100%;
	height:100%;
}*/

.field-name-field-which-wuf-session- .field-label{
	font-size:14px;
	font-weight:bold;
	margin:5px auto;
}

.resources-column-style{
	width:22%;
	margin:5px;
	
}
.content-boxed {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: left;
}

.content-boxed h2.title:before{
content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0; /* This will center the border. */
    /*width: 100px; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    /*border-top: 10px  solid #5a5a5a; /* This creates the border. Replace black with whatever color you want. */
	text-align:center;
}

.content-impact h2.title:before{
content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0; /* This will center the border. */
    width: 100px; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    border-top: 10px  solid #5a5a5a; /* This creates the border. Replace black with whatever color you want. */
}

.content-boxed h2.title{
	border: none;
	
}
.content-impact h2.title{
	border: none;
	
}

.content-boxed h2.block-title{
content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0; /* This will center the border. */
    /*width: 100px; /* Change this to whatever width you want. */
    padding-top: 10px; /* This creates some space between the element and the border. */
    /*border-top: 10px  solid #5a5a5a; /* This creates the border. Replace black with whatever color you want. */
	color:#000000;
	text-align:center;
	font-size:38px;
	font-weight:bold;
}

.content-boxed h2.block-title{
	border-bottom: none;
	
}

.sessions-page-thumb-styling{
	
}

.sessions-page-thumb-styling img{
	width: 100%;
	height:100%;
	padding:2px;
	opacity: 1;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}



.sessions-page-thumb-styling img:hover{
	opacity: .5;
    transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;;
}

.reosurces-thumb-styles{
	
}
.reosurces-thumb-styles img{
	width: 100%;
	height:100%;
}

.datetime{
    padding: 10px;
    background: #5a5a5a;
    width: 100%;
    display: flex;
    color: #fff;
}

/*.field-item{
	
}

.field-item img{
	width:100%;
	height: auto;
	
}*/

.event-calendar-time-style .datetime{
    padding: 10px;
    background: none;
    width: 100%;
   display: inline;
    color: #5a5a5a;
}

.node__content .datetime{
    padding: 10px;
    background: none;
    width: 100%;
   display: inline;
    color: #5a5a5a;
}
.calendar-column-style{
	width: 49% !important;
	margin: 5px;
	border-bottom: dotted .05em #5a5a5a;
}
.calendar-row-style{
	margin:.5em auto;
	
}

.calendar-row-style:nth-row(even)
    {
        background-color:#ffffff;
    }
.calendar-row-style:nth-row(odd)
    {
        background-color:#cccccc;
    }

.event-calendar-title-style{
	
}

.event-calendar-title-style a{
	font-size:15px;
}

.event-calendar-time-style{
	font-size:15px;
}

.news-listing-home {
	
}

.news-listing-home img{
	display: none !important;
}

.news-listing-home-row{
	padding: 10px;
	
}

.news-listing-home-list{
	padding:10px;
	
}

.resource-title{
	font-size: 1.2em;
    font-weight: 500;
    margin: 1em auto;
	}
	
.speaker-title-custom-style{
	font-size: 1.2em;
	font-weight:800;
	line-height:1em;
	
}
	
.four-column-custom-styling{
	float: left;
	text-align: center;
	border-bottom: dotted .1em;
	margin: .5em;
}

.raw-custom-styling{
	
}

.speaker-image-thumb{
	
}
.speaker-image-thumb img{
	border: dotted .1em #4d4d4d;

}

.speaker-image-thumb img {
  border-radius: 50%;
  height: 150px;
  width: 150px;
}

.speaker-image-thumb a {
  display: block;
  width: 150px;
  height: 150px;
}
.speaker-image-thumb a:hover {
  display: block;
  width: 150px;
  height: 150px;
  border:solid .5em #5a5a5a;
}
	
/*START CUSTOM FIELD STYLING BY ERICK*/


.btn-primary {
    color: #fff;
    background-color: #50a2ca;
    border-color: #2e6da4;
}
/*******End customizing */

.round-button-container {
	
	width: 100%; 
	margin-top: 2.5em;
    /* border: solid red; */
    margin-bottom: 2.5em;
	
}

.button {
	/*background-color: #ffffff;  Green */
  /*border: solid #c8480b .5em;*/
  /*border: solid #50a2ca .3em;*/
	color: #5a5a5a;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline;
	font-size: 15px;
	margin: 4px 10px;
	cursor: pointer;
	
}

/*

*/

.button a{
}

.button a:hover{
  /*background-color: #green; /* Green */
  /*border: solid red .5em;
  /*color: #50a2ca;*/
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-transform:capitalize;
  display: inline;
 
  margin: 4px 10px;
  cursor: pointer;
  font-size:15px;
}

hover.button1{
	 border: solid green;

}

.button1, .button2, .button3, .button4 , .button5{
	/*width: 10em; 
	height: 10em; */
	display: inline-block;
    /*padding: 6px 12px;*/
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
	text-transform:uppercase;
    /*white-space: nowrap;*/
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 100%;
}



.button1:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover{
	background-color: #e6e3e3b0;
    transition: 0.4s;
}


.button1 {/*border-radius: 50%; width: 14em; height: 14em; margin-right:14px; background-color: #00A3AD; border: solid #00A3AD; background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Networking-Event.png"); background-size: 100% 100%;*/}
.button2 {/*border-radius: 50%; width: 14em; height: 14em; margin-right:14px;background-color: #CB6015;border: solid #CB6015;background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Side-Event.png"); background-size: 100% 100%;*/}
.button3 {/*border-radius: 50%; width: 14em; height: 14em; margin-right:14px; background-color: #F1BE48;border: solid #F1BE48;background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Training-Event.png"); background-size: 100% 100%;*/}
.button4 {/*border-radius: 50%; width: 14em; height: 14em; margin-right:14px; background-color: #63666A;border: solid #63666A;background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Register.png"); background-size: 100% 100%;*/}
.button5 {/*border-radius: 50%; width: 14em; height: 14em; background-color: #656635;border: solid #656635;background-image: url("/themes/wuftenthemev2/assets/images/buttons/Cir_Exhibit.png"); background-size: 100% 100%;*/}

.button1 img{border-radius: 50%; width: 13em; height: 13em; margin:8px; /*background-color: #00A3AD; border: solid #00A3AD; background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Networking-Event.png"); background-size: 100% 100%;*/}
.button2 img{border-radius: 50%; width: 13em; height: 13em; margin:8px;/*background-color: #CB6015;border: solid #CB6015;background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Side-Event.png"); background-size: 100% 100%;*/}
.button3 img{border-radius: 50%; width: 13em; height: 13em; margin:8px; /*background-color: #F1BE48;border: solid #F1BE48;background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Training-Event.png"); background-size: 100% 100%;*/}
.button4 img{border-radius: 50%; width: 13em; height: 13em; margin:8px; /*background-color: #63666A;border: solid #63666A;background-image: url("/wuftennewthemesetup/themes/wuftenthemev2/assets/images/buttons/Cir_Register.png"); background-size: 100% 100%;*/}
.button5 img{border-radius: 50%; width: 13em; height: 13em; margin:8px;/*background-color: #656635;border: solid #656635;background-image: url("/themes/wuftenthemev2/assets/images/buttons/Cir_Exhibit.png"); background-size: 100% 100%;*/}


.btn-group-sm>.btn, .btn-sm {
    padding: 15px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 2px;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}
.btn-sm {
    padding: 2px;
    font-size: 15px;
    line-height: 1.5;
    /*border-radius: 3px;*/
    margin: 2px;
}

.carousel-caption .btn {
    text-shadow: none;
    border-radius: 20px;
}

.carousel-caption img:hover {
  opacity: .9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}

#image-credit-caption{
       color: #fff;
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: .6em;
    z-index: 1030 !important;
}

.content-positive .read-more-orange-text{
	font-size: 20px;
	color:#c95f17;
}
.content-positive .read-more-orange-text a{
	font-size: 20px;
	color:#c95f17 !important;
}
.content-positive .read-more-orange-text a:hover{
	font-size: 20px;
	color:#c95f17 !important;
}



.content-positive .button-download-home{
	color:#999999;
	text-align: center;
	font-size:19px;
	margin: 10px auto;
}
.content-positive .button-download-home a{
	color:#999999 !important;
	text-align: center;
	font-size:19px;
}
/*END of Custom Settings for the homepage buttons by ERICK*/





/*START Other Custom Footer Styles*/


.container-footer  {
	width: 1170px;
    display: inline-flex;
	/*display: inline-box;*/
	
}


.container-footer-logo-1{
	float:left;
	margin: 0 4px 0 0;
}

.container-footer-logo-1 img{
	border: none;
}

.container-footer-logo-2{
	float:left;
	margin: 0 auto;
}

.container-footer-logo-2 img{
	border: none;
}

.container-footer-logo-3{
	float:left;
	margin: 0 0 0 4px;
}

.container-footer-logo-3 img{
	border: none;
}

.container-footer-logo-1 .container-footer-logo-2 .container-footer-logo-3 img{
	border:none;
}


* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column-footer-top {
  float: left;
  width: 50%;
  padding: 10px;
  /*height: 300px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 20px;
	font-size: 1.3em;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* END of Clear floats after the columns */


/*START content link additional styling*/

.participate-block-class{
	margin-top: 35px;
    margin-bottom: 35px;
}
.button-class {
    min-width: 150px;
    padding: 10px;
    color: #c95f17;
    border-radius: 5px;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    clear: both;
    display: flex;
    float: left;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    border: solid #c95f17 thin;
}

/*******.button-class-orange-bg {
    min-width: 100px;
    padding: 2px;
    color: #c95f17;
    border-radius: 5px;
	border:solid #c95f17 1px;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
  /***********  display: flex;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
	border:solid #c95f17 thin;
}***********/

.button-class-orange-bg {
    min-width: 157px;
    padding: 5px;
    color: #c95f17;
    border-radius: 25px;
    background-color: #fff;
    /* clear: both; */
    /* display: flex; */
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 35px;
    border: solid #c95f17 1.5px;
    height: 42px;
    font-size: 18px;
}


.buttons-area {
    color: #c95f17;
    display: inline-flex;
    /* float: left; */
    /* border: solid; */
    padding: 10px 35px;
}

.button-participate-class-orange-bg {
    min-width: 100px;
    padding: 2px;
    color: #c95f17;
    border-radius: 5px;
	border:solid #c95f17 1px;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
    display: flex;
    float: left;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
	border:solid #c95f17 thin;
}



.button-area-text {
    color: #c95f17;
    /* display: inline; */
    margin: 15px;
}

.removed-button-class-white-bg-removed {
    min-width: 150px;
    padding: 10px;
    color: #c95f17;
    border-radius: 5px;
	border:solid #c95f17 thin;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
    display: flex;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
}

/*********.button-class-white-bg {
    min-width: 100px;
    padding: 2px;
    color: #c95f17;
    border-radius: 5px;
    border: solid #c95f17 thin;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
    /* display: flex; */
/*********    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    /* width: -webkit-fit-content; */
    /* height: -webkit-fit-content; */
/*************    width: -moz-fit-content;
    height: -moz-fit-content;
}******************/

.button-class-white-bg {
    min-width: 167px;
   	padding: 5px;
    color: #c95f17;
    border-radius: 25px;
    background-color: #fff;
    /* clear: both; */
    /* display: flex; */
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    border: solid #c95f17 1.5px;
	height:42px;
	font-size:18px;
}
.button-class a{
	color:#fff;
	
}

.button-class-white-participate-bg{
    min-width: 150px;
    padding: 10px;
    color: #c95f17;
    border-radius: 5px;
	border:solid #c95f17 thin;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
    display: inline;
    /*float: right;*/
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
}

.button-class-clear {
	min-width: 150px;
    padding: 15px;
    color: #fff;
    border-radius: 15px;
    background-color: #24395e;
    margin: 120px 120px 10px 35px;
    clear: right;
    display: inline;
    /* text-align: center; */
    /* position: relative; */
    line-height: 3;
}
.participate-block-class {
	
}

.participate-block-class .flexslider {
    margin: 0;
   
}

.events-banner-block-class{
    margin-top: -75px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
   /* width: 100vw;
    height: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;*/
}

.event-banner-class{
	width:100%;
	margin:auto;
	
}

.event-banner-class img{
/*	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;*/

    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;


}

@-moz-document url-prefix() {
  .event-banner-class img{
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  }
}



.content-positive .home-intro-text-class {
    color: #000000;
    float: left;
    margin: 64px 0 25px 0px;
}

.content-positive .button-class-white-bg{
    /* display: flex; */
    color: #c95f17;
    margin: 10px auto;
}

.home-intro-text-class-button .home-intro-text-class a{
    color: #c95f17;
}

.home-intro-text-class-button .button-class-white-bg:hover{
    color: #c95f17;
}

.home-intro-text-class-button {
    width: 100%;
    /*border: solid;*/
    display: flex;
    /* text-align: center; */
}

.ui-widget-content a{
	color:#c8480b;
	
}

.view-id-wuf10_practical_info .button-class-clear a{
	color:#fff !important;
}



.button-class-pdf {
	min-width: 150px;
    padding: 5px;
    /* color: #fff; */
    /* border-radius: 15px; */
    /* background-color: #24395e; */
    margin: 10px;
    /* clear: both; */
    display: inline-flex;
    float: left;
    text-align: center;
}

.clear{
	clear:both;
}

.button-class-pdv a{
	color:#5a5a5a;
	
}

.button-class:hover, .button-class:focus, .button-class:active  {
    color: #fff;
	text-decoration:none;
	/*border-radius: 2px;*/
	background-color:#24395e85;
	/*border-bottom: solid thick #c8480b;*/

}

.slider-overlay-styles img:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.button-class-home-long {
    min-width: 150px;
    padding: 15px;
    color: #fff;
    border-radius: 15px;
    background-color: #24395e;
    margin: 10px;
    /* clear: both; */
    display: flex;
    float: left; 
    text-align: center;
}
.button-class-home-long a{
	color:#fff;
	
}
/*a:focus, a:active,*/
.button-class-home-long:hover, .button-class-home-long:focus, .button-class-home-long:active {
 	color: #fff;
	text-decoration:none;
	/*border-radius: 2px;*/
	background-color:#24395e85;
	/*border-bottom: solid thick #c8480b;*/

}
	
.button_2{
    min-width: 300px;
    padding: 15px;
    color: #fff;
    /* border-radius: 10%; */
    background-color: #c1460b;
    margin: 10px auto;
    clear: both;
    float: left;
	
}

.button:focus, .button:active, .button:hover{
	border-bottom: none;
	
}
/*END content link additional styling*/


/*Start of Slider Overlay styling*/

#slider-overlay{
	
}

/****.slider-overlay-styles{
/*margin-top: -695px; */
/****    height: 40%;
    /* background-color: #00000066; */
 /****   z-index: 129 !important;
    background-image: linear-gradient(to bottom, #333333c7, rgba(14, 14, 14, 0));
    color: #fff;
    float: flex;
    width: 100%;
    top: 0;	
	position: absolute;
}****/

.slider-overlay-styles {
    margin-top: -690px;
    height: 890px;
    background-color: rgba(0, 0, 0, 0.45);
   /* z-index: 129 !important;*/
    /* background-image: linear-gradient(to top, #333333b0, rgba(14, 14, 14, 0.31)); */
    color: #fff;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    position: absolute;
    overflow: hidden;
}

.slider-overlay-styles img{
   height: 100px;
   margin-right: 15px;
   text-align:center;
   transition: transform .2s; /* Animation */
}
.slider-overlay-styles img:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*END of Slider Overlay styling*/

.content-about {
    background-color: #ececec;
}

.mbc-base-color, .btn-auqa4, .content-about h2, .content-about .intro-text, .content-about h2.block-title, .content-about h2.title{
	
}

.content-positive {
    background-color: #ffffff;
}


/*START Other Grid Styles Styles*/

.grid-item:nth-child(1) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/Training_Events.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(1):hover {
  color: #c5bc77;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(1):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(2) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/Causus_Meetings.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(2):hover {
  color: #c80c56;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(2):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(3) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/side_Events.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(3):hover {
  color: #121e48;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(3):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(4) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/Networking_events.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(4):hover {
  color: #813345;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(4):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(5) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/Gender_Equality_Action.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(5):hover {
  color: #2963a0;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(5):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(6) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/roundtables.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(6):hover {
  color: #c8ba88;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(6):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(7) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/Special_Sessions.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(7):hover {
  color: #f4cb88;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(7):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(8) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/dialogues.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(8):hover {
  color: #dd34fe;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(8):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(9) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/The business_Assembly.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(9):hover {
  color: #6a2763;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(9):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}

.grid-item:nth-child(10) {
  background-image: url("/themes/wuftenthemev2/assets/images/grid_photos_wuf/youthAssembly.jpg");
  background-size: 100% 100%;
}
.grid-item:nth-child(10):hover {
  color: #a2e63b;
  transition: color 1000ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}
.grid-wrapper:hover .grid-item:nth-child(10):not(:hover) {
  -webkit-filter: saturate(20%);
          filter: saturate(20%);
  transition: -webkit-filter 800ms ease-out;
  transition: filter 800ms ease-out;
  transition: filter 800ms ease-out, -webkit-filter 800ms ease-out;
}



.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(19.9%, auto));
  grid-auto-rows: minmax(auto, 250px);
  grid-gap: 1px;
  margin: 30px auto;
  background-color: #ececec;
}


.grid-item a{
	color: #fff;
	background-color: #c8480b82;
	width: 100%;
}

@media screen and (max-width: 1199px) {
#block-views-block-quote-home-view-block-1 .slick-next {
    right: 400px;
}

#block-views-block-quote-home-view-block-1 .slick-prev {
    left: 400px;
}
.header-aqua-slider .carousel-indicators {
    /* bottom: auto; */
    bottom: 1%;
    /* right: 10px; */
    left: 1%;
    top: 75%;
  }
.participate-block-class .flexslider {
    margin: 0 0 60px;
    /* background: #a59f9f; */
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.participate-block-class .flexslider {
    margin: 0;
    padding: 0;
}

.participate-block-class .flexslider .slides {
    zoom: 1;
    /* border: solid green; */
    /* padding: 20px; */
}

.view-participate-block .views-field-title {
    font-size: 35pt;
    font-weight: bold;
    padding-right: 5px;
    color: #f1be48;
    width: 35%;
    float: left;
}

.views-field-field-content-icon .home-content-icon-class {
    width: 100px;
    float: left;
    margin: 25px 20px;
}

.views-field-field-content-icon .home-content-icon-class img{
	width:90px;
	float:left;
}
.wuf-participate-title-class{
}

.wuf-participate-title-class a {
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    float: none;
    margin-top: 25px;
}


body.not-front .wuf-participate-title-class a {
    font-size: 20px;
    font-weight: bold;
    color: #4d4d4d;
    padding-left: 5px;
}

.wuf-participate-title-class:before{
content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0; /* This will center the border. */
    width: 100px; /* Change this to whatever width you want. */
  /****  padding-top: 10px; /* This creates some space between the element and the border. */
/****	margin-left: 40px;
   /**** border-top: 5px  solid #fff; /* This creates the border. Replace black with whatever color you want. */
	text-align:left;
}

.view-participate-block .views-field-body {
    padding: 10px;
    width: 35%;
    /* border: solid; */
    /* margin: 50px; */
    /* padding: 15px; */
    /* width: 50%; */
    float: left;
    margin: Auto 15px;
}
.wuf-participate-description-class {
	
}

.participate-block-class .flexslider .slides  li:nth-child(1n) {
  	/*border: solid #00a2ad;*/
    background-color: #00a2ad;
    
}
.participate-block-class .flexslider .slides  li:nth-child(1n) .wuf-participate-title-class{
  	border: solid #00a2ad;
    background-color: #00a2ad;
    
}
.participate-block-class .flexslider .slides li:nth-child(2n) {
   /* border: solid #cc6017;*/
    background-color: #cc6017;
    
}
.participate-block-class .flexslider .slides li:nth-child(2n) .wuf-participate-title-class {
    border: solid #cc6017;
    background-color: #cc6017;
    
}
.participate-block-class .flexslider .slides  li:nth-child(3n){
   /* border: solid #efaa0f;*/
    background-color: #efaa0f;
}
.participate-block-class .flexslider .slides  li:nth-child(3n) .wuf-participate-title-class{
    border: solid #efaa0f;
    background-color: #efaa0f;
}
.participate-block-class .flexslider .slides img {
        max-width:100%; 
	height:auto;
    -moz-user-select: none;
    /*width: 45%;*/
    float: right;
    margin: 0px;
}

	
.highlights-section{
	width:100%;
}

.highlights-main-section{
	width:100%
}

.left-highlights-box{
	width:20%;
	float:left;
}

.left-highlights-box-title {
    font-size: 33px;
    font-weight: bold;
    text-align: left;
    line-height: .9em;
}

.left-highlights-box-btn{
}

.right-highlights-box {
    width: 60%;
    float: right;
}

.right-highlights-box-title{
}
	
	body.mbase-child-theme header#navbar .nav>li {
    margin-top: 5px;
    margin-left: 3px;
}

.generic-three-column-class {
    min-width: 100%;
    margin: 5px;
}

.social-banner-section {
    display: flex;
    float: right;
    margin-top: -15px;
    align-items: center;
    min-width: 450px;
    z-index: 1050;
}

.social-banner-section img {
    margin-right: 10px;
    align-items: center;
    width: 25px;
    height: 25px;
}
.front-theme-row-class{
	margin: 0;
	/*border:solid green;*/
	float:left;
}
.front-theme-six-column-class{
	width:100%;
	
}
.view-participate-block .views-field-title {
    font-size: 20px;
    font-weight: bold;
    padding-right: 5px;
    color: #f1be48;
    width: 35%;
    float: left;
}
.wuf-theme-thumb-class img {
    width: 100%;
    height: 100%;
    /* padding: 10px; */
    border: solid #efefef 1em;
    margin-bottom: 5px;
}

.view-participate-block .views-field-body {
    padding: 10px;
    width:35%;
    /* border: solid; */
    /* margin: 50px; */
    /* padding: 15px; */
    /* width: 50%; */
    /* float: left; */
    margin: 25px;
}

.social-banner-section .social-banner-icon {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px;
}
.social-banner-section img {
    margin-right: 10px;
    align-items: center;
    width: 20px;
    height: 20px;
}
.social-media-icon-container{
	width:100%;
	float:left;
}

.social-buttons-container{
	width:100%;
	float:right;
}
.social-banner-section .button-class-orange-bg {
    min-width: 50px;
    padding: 5px;
    color: #c95f17;
    border-radius: 5px;
    border: solid #c95f17 1px;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
    display: flex;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    border: solid #c95f17 thin;
}

.social-banner-section .button-class-white-bg {
    min-width: 20px;
    padding: 5px;
    color: #c95f17;
    border-radius: 5px;
    border: solid #c95f17 1px;
    background-color: #fff;
    /* clear: both; */
    display: flex;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    border: solid #c95f17 thin;
}
.views-view-grid .views-col {
    float: none;
}
	
.wuf-theme-thumb-class{
	/*margin: 5px;*/
}

.wuf-theme-title-class {
    margin: 10px 30px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    align-items: center;
    text-shadow: none;
    padding-left: 15px;
	padding-right: 10px;
}
.content-boxed h2 {
    padding-bottom: 15px;
    font-weight: 300;
    font-size: 2em;
}
.wuf-them-thumb-class{
	width:100%;
	float:left;
}

.wuf-theme-thumb-class img{
	width:100%;
	height:100%;
	/*padding: 10px;*/ /*removed on 17th October 2019*/
	
}	
.view-content{
	padding:5px;
	
}
	
.participate-block-class {
    margin: 10px auto;
}
	
.wuf-participate-thumb-class{
	
    width: 100%;
    margin: 10px;

}

.participate-column-class {
    width: 100%;
    margin: 5px;
    padding-right: 20px;
}

.wuf-participate-thumb-class {
    width: 100%;
    margin: 10px;
    /* text-align: center; */
    display: flex; 
}

.participate-block-class .flexslider .slides img {
        max-width:100%; 
	height:auto;
    -moz-user-select: none;
    width: 100%;
    /* float: none; */
    /* margin: 10px; */
    /* text-align: center; */
}

.wuf-participate-description-class {
    padding: 10px;
    width: 100%;
    margin: 10px;
}
	
.front-theme-column-class {
    width: 100%;
    /*margin: 15px;*/
    clear: both;
}
#carousel-homeslider-header-aqua-slider .col-md-7 h3 {
    font-size: 20px;
    font-weight: 900;
}

.header-aqua-slider div.desc {
    font-weight: lighter;
    font-size: 1.3em;
    margin-bottom: 15px;
}
.header-aqua-slider .carousel-caption {
    bottom: 0;
    width: 90%;
    left: 5%;
    /* padding-top: 10px; */
    padding-bottom: 0px;
  }
  .grid-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    grid-auto-rows: minmax(auto, 100px);
  }
	.grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
	}
	header#navbar a.logo img {
    height: 140px;
    left: 30px;
    position: absolute;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
}
.name.navbar-brand {
		display: none;
}
header#navbar .nav {
    font-size: .8em;
}

.register-btn {
    width: 95%;
   
}

header#navbar nav {
    /*font-family: Roboto, sans-serif;*/
    /* letter-spacing: 1px; */
    /* line-height: 1.5em; */
    /* font-weight: 300; */
    /* float: left; */
    width: 100%;
   /* display: inline;*/
}

body.mbase-child-theme header#navbar .nav>li {
    margin-top: 25px;
    /* margin-left: 15px; */
    /* text-align: justify; */
    padding-left: 0; 
    padding-right: 0;
}

}

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

#block-views-block-quote-home-view-block-1 .slide__content, .grid__content {
    position: relative;
    /* border: solid; */
    background-color: #efefef;
    margin: 15px 10px;
    padding: 5px;
    min-height: 320px;

}

#block-views-block-quote-home-view-block-1 .slick-next {
    right: 150px;
}

#block-views-block-quote-home-view-block-1 .slick-prev {
    left: 150px;
}
.flex-direction-nav .flex-next {
    right: -5px;
    text-align: right;
}

.flex-direction-nav .flex-prev {
    left: -5px;
}

.field-block-content--field-generic- .social-media-icon-container {
    width: 100%;
    float: left;
    display: flex;
}
	
	.field-block-content--field-generic-{
	/*border:solid red;*/
	width:100%;
	float: left;
	text-align:left;
	
}
.field-block-content--field-generic- .social-banner-icon{
	margin-right: 14px;	
}

/*
.webform-submission-form{
	width:100%;
	display:flex;
	
}
*/
.webform-submission-form{
	width:100%;
	display:block;
	
}

#block-staytunedsubscribe .webform-submission-form .button {
    /* border: solid #c8480b .5em; */
    /* border: solid #50a2ca .3em; */
    color: #4d4d4d;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 15px;
    margin: 0 0 0 -2px;
    cursor: pointer;
    background-color: #ccc;
	border-radius: 0;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	padding-left: 15px;
    padding-right: 15px;
	
}

#block-staytunedsubscribe .webform-submission-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.field-block-content--field-subscribe{
	/*border:solid red;*/
	width:100%;
	float:right;
	text-align:left;
	
}
	
	.view-participate-block .views-field-body {
    padding: 10px;
    width: 100%;
    /* border: solid; */
    /* margin: 50px; */
    /* padding: 15px; */
    /* width: 50%; */
    /* float: left; */
    /* margin: 25px; */
}

.view-participate-block .views-field-body {
    padding: 10px;
    width: 35%;
    /* border: solid; */
    /* margin: 50px; */
    /* padding: 15px; */
    width: 100%;
    /* float: left; */
    margin: 0;
}
	
.left-highlights-box {
    width: 100%;
    float: left;
    padding: 5px;
}

.right-highlights-box {
    width: 100%;
    float: left;
    padding: 5px;
}

.wuf-theme-title-class {
    margin: 5px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    text-shadow: none;
    padding: 5px;
    
}
.wuf-theme-description-class {
    margin: 5px;
    
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    text-shadow: none;
    padding: 5px;
	/*display:none;*/
    
}

/*header#navbar ul.navbar-nav, header#navbar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, header#navbar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus header#navbar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent;
}*/

header#navbar ul.navbar-nav, header#navbar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, header#navbar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus header#navbar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #000000a1;
}

.views-view-grid .views-row {
    float: left;
    clear: both;
    width: 100%;
    /* margin: 10px; */
    /* object-fit: contain; */
}

header#navbar ul.navbar-nav {
    border-color: #f1bf50;
}	
	
	.container-footer {
    width: 100%;
    display: inline-flex;
    display: inline-box;
}

.col-sm-6 {
    width: 100%;
}
  .grid-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    grid-auto-rows: minmax(auto, 100px);
}
.grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
}
header#navbar .dropdown-menu > li > a{
	color: #ffffff;
	font-size: .8em;
}
#navbar .nav {
    font-size: .8em !important;
   
}

.calendar-column-style{
	width: 100% !important;
	margin: 5px;
	border-bottom: dotted .05em #5a5a5a;
}

.register-btn {
    width: 95%;
   
}

/*.slider-overlay-styles {
    /* margin-top: -170px; */
    /* border: solid; */
    /* height: 170px; */
    /* z-index: 1029 !important; */
   /* background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(14, 14, 14));
    color: #fff;
       /* position: absolute; */
   /* width: 100%;
    text-align: center;
    float: left;
    clear: both;
    margin: 1em auto;
    display: inline-flex;
	min-height: 200px;
}*/
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 767px) {
.date-block-branding-style {
    margin: 15px 0 0 0;
    font-size: 1em;
}
.date-block-branding-style img {
    margin-bottom: 10px;
    width: 210px;
    height: auto;
}
	
.counter-data {
    margin: 0;
    width: 30%;
    float: left;
}

.counter-plus {
    font-weight: bold;
    color: #000;
    font-size: 23px;
}

.slide__content, .grid__content {
    position: relative;
    /* border: solid; */
    background-color: #fff;
    margin: 5px;
    padding: 0;
    min-height: 450px;
}
.social-banner-section {
    display: inline;
    float: right;
    margin-top: -15px;
    align-items: center;
    min-width: 300px;
	z-index: 1050;
}

.social-banner-section .social-banner-icon {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px;
}

.social-media-icon-container{
    width: 30%;
    float: left;
    display: inline-block;
}

.social-buttons-container{
	width:70%;
	float:right;
}

.date-block-branding-style {
    margin: 15px 0 0 0;
	font-size:1em;
}
.date-block-branding-style img {
    margin-bottom: 10px;
    width: 210px;
    height: auto;
}
	
.social-banner-section .button-class-orange-bg {
    min-width: 50px;
    padding: 5px;
    color: #c95f17;
    border-radius: 5px;
    border: solid #c95f17 1px;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    /* clear: both; */
    display: flex;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    border: solid #c95f17 thin;
}

.social-banner-section .button-class-white-bg {
    min-width: 20px;
    padding: 5px;
    color: #c95f17;
    border-radius: 5px;
    border: solid #c95f17 1px;
    background-color: #fff;
    /* clear: both; */
    display: flex;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 5px 0 15px 10px;
    border: solid #c95f17 thin;
}
.counter-text {
    margin: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
    text-transform: uppercase;
}

.counter {
    display: flex;
    margin: 5px;
    font-size: 15px;
    /* background-color: #FF6F6F; */
    /* width: 150px; */
    /* border-radius: 50%; */
    /* height: 150px; */
    /* vertical-align: middle; */
    text-align: center;
    color: #5a5a5a;
    font-weight: bold;
    line-height: 0.5;
}

.counter-up {
    display: flex;
    text-align: center;
    width: 100%;
    float: left;
}

header#navbar a.logo img {
    /* height: 170px; */
    height: 120px;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
    /*top: 90px;*/
    position: absolute;
    z-index: 1029;
}
.header-aqua-slider .carousel-caption {
    bottom: 0;
    width: 90%;
    left: 5%;
    /* padding-top: 10px; */
    padding-bottom: 0px;
  }
  
  
  header#navbar .nav {
    font-size: 14px;
    line-height: 1.33341;
    font-weight: 300;
    /* letter-spacing: -.01em; */
    letter-spacing: 0em;
    line-height: 1.47;
    color: #5a5a5a;
    background-color: #0b0a0a42;
    width: 100%;
    text-align: left;
    display: inline;
    color: #5a5a5a;
}
  
  body.mbase-child-theme.navbar-is-static-top .navbar-collapse, body.mbase-child-theme.navbar-is-fixed-top .navbar-collapse {
    width: 100%;
    position: relative;
    clear: both;
    margin-left: 0px;
}
.header-aqua-slider .carousel-inner>.item>img {
    /*width: 100%;*/
    object-fit: cover;
    width: 100%;
    height: 210px;
}
.carousel {
    position: relative;
    margin-top: 200px;
}
#carousel-homeslider-header-aqua-slider .col-md-7 {
    background: none;
    padding: 1em;
    /*border-radius: 2em;*/
    margin: 30px;
	width: 90%;
}

.carousel-caption .btn {
    text-shadow: none;
    border-radius: 20px;
	font-size:10px;
}

.header-aqua-slider .carousel-indicators {
    /* bottom: auto; */
    bottom: 1%;
    /* right: 10px; */
    left: 1%;
    top: 15%;
}
body.not-front .wuf-participate-title-class a {
    font-size: 20px;
    font-weight: bold;
    color: #4d4d4d;
    padding-left: 0;
}
.wuf-participate-description-class {
    /*padding: 10px;*/
    width: 100%;
    float: left;
    /* border: solid; */
    /* margin: 50px; */
	
}


.wuf-participate-thumb-class{
	
    width: 100%;
    float: none;
    /*padding: 10px;*/

}

.wuf-participate-thumb-class img {
    width: 100%;
    height: 100%;
    float: left;
    padding-right: 30px;
}
}
@media screen and (max-width: 600px) {

#block-views-block-quote-home-view-block-1 .slick-next {
    right: 100px;
}

#block-views-block-quote-home-view-block-1 .slick-prev {
    left: 100px;
}
	
.footer-logo-class {
    margin-right: 0px;
    display: inline;
    /* align-items: flex-end; */
}

.footer-logo-listing-class {
    width: 100%;
    float: left;
    margin-right: 0;
}
.footer-logo-listing-class img{
    /*width: 100%;*/
    float: left;

}
.header-aqua-slider .carousel-caption {
    bottom: 0;
    width: 90%;
    left: 5%;
    /* padding-top: 10px; */
    padding-bottom: 0px;
  }
.participate-column-class {
    width: 100%;
    margin: 5px;
	text-align: left;
}

.participate-column-class img{
   /* width: 100%;
    margin: 5px;
	text-align: center;*/
}
	
.header-aqua-slider{
	clear: both;
    float: left;
   /* margin-top: 150px;*/
}
	
.front-theme-column-class {
    width: 100%;
    /*margin: 15px;*/
    clear: both;
}

.counter-up {
    display: flex;
    text-align: center;
    width: 100%;
    float: left;
}

  .column {
    width: 100%;
  }
 
#slider-overlay{
	min-height: 100px;
	position: relative;
	display: inline-block;
	margin: 10px auto;
	display:none;
}

.slider-overlay-styles{
   /* margin-top: -170px;*/
    /* border: solid; */
    min-height: 100px;
   /* z-index: 1029 !important;*/
    background-image: none;
    color: #fff;
    /*position: absolute;*/
    width: 100%;
	margin: 10px auto;
		
}

.slider-overlay-styles img{
   height: 80px;
   margin: 1px auto;
   text-align:center;
}

.register-btn {
    width: 95%;
   
}

/*header#navbar nav {
    max-height: 60px;
    margin-top: 10px;
    margin-bottom: 0px;
    opacity: 0.95;
}*/

#image-credit-caption {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: .6em;
    z-index: 1030 !important;
}

.slider-overlay-styles{
/*margin-top: -695px; */
    height: 120px;
    /* background-color: #00000066; */
    /*z-index: 129 !important;*/
    background-image: linear-gradient(to bottom, #333333c7, rgba(14, 14, 14, 0));
    color: #fff;
    float: flex;
    width: 100%;
    top: 0;	
	position: absolute;
}

header#navbar nav {
    font-size: 14px;
    line-height: 1.33341;
    font-weight: 300;
    /* letter-spacing: -.01em; */
    /* letter-spacing: 0em; */
    line-height: 1.47;
    color: #5a5a5a;
    background-color: #0b0a0a42;
    width: 100%;
    text-align: center;
    display: flex;
    color: #5a5a5a;
}

.carousel-caption .btn {
    text-shadow: none;
    border-radius: 20px;
	font-size:10px;
}

}

@media screen and (max-width: 599px) {
  .grid-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    grid-auto-rows: minmax(auto, 100px);
  }
  .grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
	}
}
.grid-wrapper .grid-item {
  display: grid;
  align-items: flex-end;
  justify-items: center;
  position: relative;
  z-index: 0;
 /* border: 1px solid transparent;*/
  /*font-size: x-large;*/
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 800ms ease-out;
  transition: transform 800ms ease-out;
  transition: transform 800ms ease-out, -webkit-transform 800ms ease-out;
}
.grid-wrapper .grid-item:hover {
  z-index: 10;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid white;
  cursor: pointer;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transform-origin: center;
          transform-origin: center;
  transition: all 500ms cubic-bezier(0.57, 0.21, 0.69, 3.25);
}

#page-image-banner{
	width: 100%;
}

#page-image-banner img{
	width: 100%;
}


@media screen and (max-width: 599px) {
  .grid-wrapper .grid-item {
    min-height: 100px;
  }
  
  .grid-item a {
    color: #fefafa;
    background-color: #c8480b82;
    width: 100%;
    font-size: .5em;
}

.calendar-column-style{
	width: 100% !important;
	margin: 5px;
	border-bottom: dotted .05em #5a5a5a;
}
}

/*END Other Grid Styles Styles*/

/*START Navigation responsive menu*/

@media screen and (max-width: 599px) {
	
header#navbar a.logo img {
    height: 60px;
    left: 30px;
    position: absolute;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
	top:90px;
	}

.name.navbar-brand {
		display: none;
	}
	
.container-footer {
    width: 100%;
    display: inline-flex;
}

.pull-right {
    float: none!important;
	width:100%;
	margin:100px 0 0 0;
	text-align:center;
	border-bottom: solid #fff;
    
}

header#navbar .nav {
    font-size: .8em;
}

#navbar .nav {
    font-size: .8em;
    background-color: #ca4f15;
}

header#navbar .dropdown-menu > li > a{
	color: #ffffff;
	font-size: .8em;
}

/*.slider-overlay-styles {
    /* margin-top: -170px; */
    /* border: solid; */
    /* height: 170px; */
    /* z-index: 1029 !important; */
   /* background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(14, 14, 14));
    color: #fff;
       /* position: absolute; */
   /* width: 100%;
    text-align: center;
    float: left;
    clear: both;
    margin: 1em auto;
    display: inline-flex;
	min-height: 200px;
}*/

.carousel-caption .btn {
    text-shadow: none;
    border-radius: 20px;
	font-size:10px;
}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  
  .participate-block-class .flexslider .slides img {
    max-width:100%; 
	height:100% !important;
	 height: auto !important;
  
}

}

/*START Navigation responsive menu*/