﻿@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');




/* CHANGES FOR LOGO AND TOP NAVIGATION (Inner Pages) - Start */
@media screen and (min-width: 992px) {

	header.navbar.ghost-nav { background: #3c3770; }
	header.navbar.ghost-nav .navbar-collapse { width:100%; }
	#zz13_TopNavigationMenu, #zz1_TopNavigationMenu, #zz12_TopNavigationMenu { float:right; }
	#MenuH ul.static>li>a:hover, #MenuH ul.static>li.selected>a {     text-decoration: none;    box-shadow: inset 0 -2px 0 0 #e6ad10;    -webkit-transition: all .3s ease-out; }
	#MenuH .menu-item-text { font-size: 14px; }
	#MenuH li.static a { font-weight: 500;    padding: 15px 6px;    transition: all .2s ease 0s; }
	li.static > ul.dynamic { animation: 0.7s ease-in-out revealMenu; }
	@keyframes revealMenu {
       		0% {    transform: translateX(-15px);  }
	     100% {    transform: translateX(0);  }
	}
	#MenuH { width:100% !important; }
	#MenuH .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:after { display:none; }
	header.navbar.ghost-nav .hidden-logo { max-width: 300px !important;}
	.ms-core-listMenu-horizontalBox li
	{
	margin-right:3px !important;
	}
	header.navbar.ghost-nav #MenuH {
    padding-right: 35px !important;
}
header.navbar.ghost-nav #Search.search-button {

    right: 25px !important;

}
	
  header.navbar .hidden-logo img {
    height: 38px !important;

}
}

@media screen and (min-width: 767px) and (max-width: 991px) {	
	#MenuH { margin-top: 8%; }
}


@media screen and (max-width: 992px) {	
	header.navbar.ghost-nav { background: #3c3770; }
	header.navbar .navbar-collapse #MenuH { background: #3c3770; }
	#MenuH ul.static>li>a:hover, #MenuH ul.static>li.selected>a { box-shadow:none; }
	header.navbar { overflow-y: hidden; }
	header.navbar #offcanvasButton .fa { display:none; }
	#MenuH li.static a { font-weight: 500;    font-size: 14px;    transition: all .2s ease 0s; } 

}


	#firstElement { display: none; }
	#Search #SearchBar { background: #3c3770; }
	
	#s4-workspace 
	{     
	 background: #008d4f url('/Style Library/Images/HP-Images/Pattern-ReplaceGreenColor.png') repeat;    
	}
	

/* CHANGES FOR LOGO AND TOP NAVIGATION (Inner Pages) - End */


/* General elements - start */
h4{ color: #212121; }
h3 { color: #212121 !important; }
h3.onColor {	color: #ffffff !important;	}
h2 { color: #212121 !important; }
h2.onColor {	color: #ffffff !important;	}
/* body { background:#ffffff !important; } */
h1 {color:#212121 !important;}
body h1 {color:#212121 !important;} 
h1.onColor {	color: #ffffff !important;	}

.col-card {     padding: 60px 45px; }
/* .EBrow{ margin: 14px -45px 0px -45px !important;   } */
#bt-content {box-shadow: none;  }
ul.static > #firstElement { display:none }


header.navbar  .header-zone #Login { display:none }
#s4-workspace { overflow-x: hidden; }

#Search .ms-srch-sb-searchLink {
    transform: rotate( 266deg ) !important;
}

/* General elements - end */   




/* Breadcrumb Changes - start Rahim */ 

#Breadcrumb
{
float:left !important;
margin-left: 100px;
margin-top: -23px;
}
.bt-text
{
width:120px !important;
color:white !important;
font-size: 14px !important;
}
#_pagetitle
{
text-align: center;
margin-bottom: -30px;

}
#Breadcrumb ul li a
{
color:white !important;
font-size: 14px !important;
}
.newslayoutmargin
{
margin-bottom: -25px !important;
}
.sp-breadcrumb h1
{
display:none;
}
/* Breadcrumb Changes End - start End*/
@media screen and (min-width: 992px)
{
.ghost-nav #Search #SearchBar 
{
	margin-right:16px;
	border: none !important;
    background: none !important;
    padding: 0px;
    top: 50px;
    }
    #Search input[type=text]
    {
	padding-left:5px !important;
}
.ghost-nav #Search > div.search-btn
{
margin-top: 2px !important;
}
}

/************footer changes start**************/
footer a:visited {    color: #ffffff !important; }
footer .fa-stack:hover .fa-linkedin-circle { color:#0077B5; }
footer {     padding: 30px 0 !important; }



@media screen and (max-width: 992px)
{
footer #FooterCopyright 
{
    margin-top: 0px !important;; 
}
footer h4 {
     margin-top: 0px !important; 
}
}



footer
{
background: #333 url('/Style Library/Images/HP-Images/Footer Pattern.png') repeat;
}
footer h4
{
color:#008d4f !important;
}
#FooterCopyright .fa-angle-right:before
{
    content: "" !important;
    color:white !important;
    
}
#FooterCopyright .fa-tag:before
{
    content: "" !important;
    color:white !important;  
}
#FooterCopyright .fa-stack .fa-circle
{
color: #008d4f!important;
}
#FooterCopyright i:hover
{
color: #008d4f !important;
background-color:#333 !important;
}
#FooterCopyright .fa-stack-1x
{
color: #ffffff !important;
}

#FooterCopyright span a
{
margin-left:10px !important;
color: #008d4f !important;
}
#FooterCopyright p a:hover
{
text-decoration:none !important;
}

#FooterCopyright p a:hover
{
text-decoration:none !important;
color:#876509 !important;
}


#FooterCopyright span a:hover
{
text-decoration:none !important;
color:#876509 !important;
}
.fa-stack-1x
{
	border-radius:100% !important;
}
/************footer changes End**************/
a {outline : none !important;}
a img {outline : none !important;}

footer {
    padding: 20px 0 !important;
}
.BT-breadcrumb
{
	margin-bottom:10px!important;
}
@media screen and (min-width: 992px)
{

footer>div#FooterCopyright>.container>.row>div 
{ padding-bottom: 30px !important; 
}
.footersocialmargin
{
margin-left:30px;
}
.footersocialiconsmargin
{
margin-left:20px;
}

}
    
.ms-siteicon-img {	    max-width: 300px !important;    max-height: 64px !important;
 }
