/* LAYOUT */
.logo       								{ z-index: 60; position: absolute; display: inline-block; }
.header										{ z-index: 50; top:0;  width: 100%; }
.header-container 							{ margin: auto; position: relative;}
.footer-content								{ position: absolute; left: 0;}
.female-symbol	 							{ background: url(../images/female-symbol.png); width: 138px; height: 344px;right: 0;  top: 10vh;  position: absolute; z-index: 2;}
#page-image 								{ z-index: 1; position: relative;width: 100%; margin-bottom:  0px;display: flex;align-items: center;justify-content: center; background-position:center; background-repeat: no-repeat; background-size: cover }
#content    								{ position: relative; margin: auto; }
#content.subpage    						{  background-image: url(http://tppnew.wpengine.com/wp-content/uploads/2018/05/main-bg.jpg);  background-position:center; background-repeat: no-repeat; background-size: cover }
.footer-logo {max-width: 100px}
#footer     								{  bottom:0; width:100%; z-index:9;    margin:   0; }    
.black-filter								{ position: absolute; background: rgba(0,0,0,.35); width: 100%; height: 100%; top:0; z-index:-1;}
.entry-content 								{ position: relative; min-height: 60vh; padding: 40px; background: #fff}


 

 

/* NAVIAGATION */
#nav-menu 									{ z-index: 30; position: absolute}
#nav-menu ul 								{ text-align: left; display: inline; margin: auto;  list-style: none; width: auto; }
#nav-menu ul li 							{ display: inline-block; margin-right:0; margin-bottom: 0; position: relative; padding: 0 10px 0 10px; border-left: 1px solid #ccc;  line-height: .9rem; background: none; cursor: pointer;}
#nav-menu ul li:first-child 				{ padding: 0 5px 0 0px; border-left:0;}
#nav-menu ul li:last-child  				{ padding: 0 0px 0 10px;}

 
#nav-menu ul li ul 							{ padding: 16px 0 0 0; position: absolute; top: 30px; left: 0px; width: 200px; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
#nav-menu ul li ul li 						{ background: #63656a; border-bottom: 1px solid #fff; display: block; text-align: left; padding:10px; }
#nav-menu ul li ul li:last-child 			{ border-bottom: 0; }
#nav-menu ul li ul li a 					{ color: #fff; display: block }
#nav-menu ul li ul li a:hover 				{ color: #fff; }
#nav-menu ul li:hover ul 					{ display: block; opacity: 1; visibility: visible; }
#nav-menu .active>a 						{ background: none; }
#nav-menu ul li:hover ul 					{ display: block; opacity: 1; visibility: visible; }
.menu>li>a 									{ padding: 0;}
 
/* SOCIAL MEDIA FOOTER*/
.sm-menu 			 						{ position: absolute;width: max-content; right: 0; top: 0;}
.sm-menu li 		 						{ list-style-type: none; display: block; }
.sm-menu li a 		 						{ font-size:0; display: block; width: 24px; height: 24px; }
.sm-menu li.sm 								{ display: inline-block; padding: 0; margin: 0 0 0 5px; width:24px; height:24px;}
.sm-menu li.fb 		 						{ background: url(../images/sm/facebook/facebook-svg.svg) center no-repeat; }
.sm-menu li.fb:hover 						{ background: url(../images/sm/facebook/facebook-svg.svg) center no-repeat}
.sm-menu li.tw 		 						{ background: url(../images/sm/twitter/twitter-svg.svg) center no-repeat  }
.sm-menu li.tw:hover 						{ background: url(../images/sm/twitter/twitter-svg.svg) center no-repeat }
.sm-menu li.li 	 	 						{ background: url(../images/sm/linkedin/linkedin-svg.svg) center no-repeat}
.sm-menu li.li:hover 						{ background: url(../images/sm/linkedin/linkedin-svg.svg) center no-repeat}

#donate {height: 100vh}

	#desktop  {visibility: visible; display: block}
	#mobile   {visibility: hidden; display: none}
#hide-for-desktop   {visibility: hidden; display: none}
@media only screen and (max-width: 1200px) {
	#mobile {visibility: visible; display: block}
	#desktop {visibility: hidden; display: none}
	#hide-for-desktop {visibility:visible; display: block}
#donate {height: auto}
}

@media only screen and (max-width: 768px) {
	#footer {position: relative}
	
}

@media only screen and (max-height: 768px) {

	#footer {position: relative}
}

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

	#homepage-slider img {  max-width: 180px;}
	.entry-content {
    position: relative;
    min-height: 60vh;
    padding: 25px;
    background: #fff;
}
}