/*
Theme Name:         ICLEI
Theme URI:          https://roots.io/sage/
Description:        ICLEI is a WordPress theme. <a href="https://responsive.co.za">responsive</a>
Version:            2
Author:             Marshall
Author URI:         https://roots.io/

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/



/********Navigation - 3rd level dropdown hacks***************/
ul.nav li ul li ul.dropdown-menu {
    display: none !important;
    top: -3px;
    left: 100%;
}
ul.nav li ul li:hover > ul.dropdown-menu {
    display: block !important;
}
ul.nav li ul li ul.dropdown-menu li {
    /***border-top: 0px !important;***/
}

/*****4th level****/
ul.nav li ul li ul li ul.dropdown-menu {
	display: block !important;
	position: relative;
    background: #f2f2f2 !important;
    left: 0px;
    top: 0px;
    margin: 12px 0;
	border-bottom: 1px solid #ffffff;
}
ul.nav li ul li ul li ul.dropdown-menu li a {
    background: #f2f2f2 !important;
    padding: 0 !important;
	color: #333333 !important;
}



/********Logo Resize***********/
.navbar .navbar-header {
    width: 24% !important;
}
.navbar-default .navbar-brand .logo {
    max-width: 235px;
}
.navbar-nav {
   /*** float: right !important; ***/
}

.navbar-default .navbar-brand .logo {
    width: 100% !important;
}

.navbar-default .navbar-nav>li>a {
    padding: 35px 10px !important;
}


/*
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none !important;
}
*/
/***********Header Search**************/
.headsearch {
    z-index: 10;
    position: fixed !important;
    right: 0;
    top: 87px;
}

/**********H2 ICLEI************/
h2 {
	margin-bottom: 30px !important;
}
.iclei-heading {
    color: #008A8C;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 4px;
}
.iclei-heading:before {
    content:"·";
    font-size:280px;
    vertical-align:top;
    line-height:25px;
    color: #ffd922;
    position: relative;
    left: 15px;
}

.lsn4 {
    letter-spacing: 4px !important;
}

.lsn3 {
    letter-spacing: 1px !important;
}
.lsn3 sup {
    top: 3px !important;
    left: -.2em;
}
.ip6fs40 {
    font-size: 36px !important;
}
.lsn3 sup svg{
    width: 28px !important;
}

.iclei-overlay div.vc_parallax-inner {
    opacity: 0.6;
}


.iclei-quicklinks #quicklinks {
    background: none;
    padding-top: 10px;
}

.iclei-block-white {
    border: 1px solid #cccccc;
    margin-top: 15px;
    background: #ffffff;
    font-size: 1.1em;
    line-height: 190%;
}

.iclei-twitter {
    text-align: center;
}

.iclei-news-overlay {
    opacity: 0.7;
    color: #ffffff;
}

.iclei-news-overlay .vc_gitem-post-data-source-post_date {
    font-size: 70%;
}

div.bannerImage h1 {
    letter-spacing: .1em !important;
}

.iclei-related-overlay {
	background: #008887;
    position: absolute;
    bottom: 18px !important;
    left: 0;
    padding: 10px;
    opacity: 0.8;
	}

@media only screen
  and (min-device-width: 300px)
  and (max-device-width: 768px)  {
	/********Logo Resize***********/
	.navbar .navbar-header {
    	width: 90% !important;
	}
	.navbar-default .navbar-brand .logo {
    	width: 140px !important;
	}
	header.navbar {
    /*width: 320px !important;*/
	}
	.iclei-sub-menu-strip {
        display:none;
    }
	.navbar-default .navbar-toggle .icon-bar {
        background-color: #ddd !important;
    }
}

.nolink {
   background: #cccccc;
}
.nolink a {
   background: #cccccc !important;
}

.anchorClass:target {
   /**padding-top: 160px;**/
}

.iclei-sub-menu {
	margin-left: -2.2em;
}
.iclei-sub-menu ul {
	list-style: none;
  	padding: 0;
  	margin: -5px 0 0 0;
}
.iclei-sub-menu ul li {
	float:left;
	padding-left: 1em;
}
.iclei-sub-menu ul li a {
    font-size: 0.9em;
}
.iclei-sub-menu ul li::before {
  content: "• ";
  color: #ffd922;
  font-size: 40px;
  vertical-align: middle;
}
.iclei-sub-menu-strip h4 {
	margin-top: 40px !important;
    color: #008887 !important;
}
.iclei-sub-menu-strip {
	background: #ffffff;
	border-bottom: 1px solid #666666;
	box-shadow: 0px 1px 7px #666666;
	position: fixed !important;
    top: 80px;
    left: 0px !important;
    z-index: 20;
    margin-right:0px !important;
    margin-left:0px !important;
}

/*************** Alt Menu ****************/
.iclei-alt-menu {
  background: #af3a7e;
	border-bottom: 1px solid #666666;
	box-shadow: 0px 1px 7px #666666;
	position: fixed !important;
    top: 0px;
    left: 0px !important;
    z-index: 20;
    margin-right:0px !important;
    margin-left:0px !important;
}
.iclei-alt-menu ul li a {
    font-size: 0.9em;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 10px;
}
.iclei-alt-menu ul li::before {
  content: "| ";
  color: #cccccc;
  font-size: 18px;
  vertical-align: middle;
}
.iclei-alt-menu ul li:first-child:before {
    content: '';
}
.iclei-alt-menu h5 {
	 margin-top: 14px !important;
   color: #cccccc !important;
}
.iclei-alt-menu .iclei-sub-menu {
	margin-left: 0px;
  margin-bottom: 10px !important;
}
.iclei-mint-strip {
  height: 10px;
  top: -1px;
}
/********************************************/

/************Heading - Pink and Mint *********/
.iclei-heading-pink-mint {
  color: #af3a7e;
  font-weight: bold;
}
.iclei-heading-pink-mint::before {
  content: "| ";
  color: #b2e4c5;
  vertical-align: text-top;
}
/********************************************/



.iclei-sub-menu-strip .vc_col-sm-3 {
	margin-left: -35px;
}
.iclei-slogan-row {
	top:-25px;
}
h3.iclei-slogan {
	color: #ffffff;
	font-style:italic;
	margin: -22px 0 10px 0;
    padding: 0px;
}
body.home-test .pt80 {
   	padding-top: 70px;
    margin-top: 0px;
}
.wpb_revslider_element {
	margin-bottom: 0px !important;
}

/********************Banner****************************/
.parallax-window {
    max-height: 390px;
}

@media (min-width: 1024px)
{
	.bannerImage h1 {
	    font-size: 40px !important;
	    letter-spacing: 2.8px;
	    margin-top: 110px !important;
	}
	.bannerImage span {
	    margin-bottom: 50px !important;
	    padding-bottom: 86px !important;
	}
    .navbar-collapse.collapse {
    	display: block!important;
    	height: auto!important;
    	padding-bottom: 0;
    	overflow: visible!important;
	}
	.navbar-toggle {
    	display: none;
	}
	.navbar-collapse.collapse {
    	display: block !important;
    	height: auto!important;
    	padding-bottom: 0;
    	overflow: visible !important;
	}
}
@media (min-width: 768px) {
	.navbar-default .navbar-nav>li>a {
    	font-size: 11px;
	}
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)  {
	.bannerImage h1 {
    	padding-top: 30px !important;
    	font-size: 32px !important;
	}
}


/******Rotating Tweets*********/
.rtw_main {
	margin-left: 320px;
    position: relative;
    top: 30px;
}
.rtw_media {
	float: left;
    clear: none;
    margin-right: 20px;
}
.rtw_meta {
	margin-top: 50px;
}
.rtw_media img {
	height: auto !important;
    width: 300px;
    margin-top: -22% !important;
}

/********H3 dot**********/
h3::before {
    content: "• ";
    color: rgb(255, 217, 34);
    font-size: 60px;
    vertical-align: middle;
}

.ip6fs60 {
    font-size: 50px !important;
}

#gform_9 .ginput_container_select .dd-container .dd-options {
    height: 300px;
}


.ui-datepicker {
    background: rgb(255, 255, 255);
    padding: 10px;
    border: 1px solid #cccccc;
}
.ui-datepicker td {
    padding: 4px;
}