/* Contents of this CSS:
- Header
- Footer
- Landing page
- Universal template
- Campaign page
*/

/* HEADER */

header {
    background: #fff !important;
}

header .header {
    background: url('/SiteElements/images/custom-branding/HHIA-Logo.jpg') no-repeat left top !important;
}

.main-menu
{
	background-color: white !important;
}

.menuLink
{
	color: black !important; 
}

nav
{
  box-shadow: none !important; 
}


header h1, header .header {
    width: 280px !important;
    height: 170px !important;
   	margin-left: -50px !important;
}

.autocompleteWrapper {
    width: auto;
}


@media only screen and (min-device-width: 768px) {

header .hcc {
    visibility: hidden;
}

header .container {
    padding: 40px 20px 20px 20px !important;
   text-align: inherit !important;
}
  
  header .header {
    margin-right: 276px;
	}
  
}


@media only screen and (max-device-width : 768px) {
  
  header .header {
    margin-right: 20px;
  }
  
}


@media only screen and (max-device-width : 480px) {
  
    header .container {
   text-align: center;
}
  
}

/* Mobile hamburger menu */

.mobile-menu span {
	background: #333333;
}

/* Search bar */

.sys_search-label {
    display: none;
}

.sys_theme-simple .sys_search-query-control input.sys_button {
    background-color: #6B42A9;
    color: white;
}

.sys_theme-simple .sys_search-query-control {
    float: right;
}
.sys_theme-simple .sys_search-query-control input.sys_searchbox {
    width: 135px !important;
}
@media only screen and (min-width: 480px)
{
	.sys_theme-simple .sys_search-query-control input.sys_searchbox {
   	 width: 200px !important;
	}
}
@media only screen and (min-width: 760px)
{
	.sys_theme-simple .sys_search-query-control input.sys_searchbox {
   	 width: 300px !important;
	}
}

.sys_theme-simple .sys_search-control .sys_search-title {
    visibility: hidden;
}

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

.search.block .searchButton { 
      margin-top: -20px; position: relative; 
    }
   }

header .sys_search-button {
	border: none;
	padding: 17px;
    width: 76px !important;
}

.sys_theme-simple .sys_search-query-control input.sys_searchbox {
	border-style: solid;
	padding: 15px;
}


 .search__button {
	display: none;
}


/* FOOTER */

.feedback a {
	color: white;
}

.translate {
    margin-bottom: 50px;
}

/* Remove purple line and icons */

.content .toolbar {
	display: none;
}


/* LANDING PAGE */


/* Button colour */

.intro .container .content ul.altpurple li a {
    background-color: rgb(78, 39, 132)!important;
}

.intro .container .content ul.altpurple li a:hover {
    background-color: rgb(64, 32, 106) !important;
}


/* Landing page news border line colour */

.content .newsevents-slider h2 span::before, .content .newsevents-slider h2 span::after {
    border: 1px solid #6B42A9;
}


/*
 * Landing page heading underline colour
 */
.landing .intro .container .content h1 {
    border-bottom: 2px solid #6B42A9;
}


/* UNIVERSAL TEMPLATE */


.universalTitle {
    padding-top: 10px;
}
  
/* testimonial line colour */
.content blockquote {
    border-left: 2px solid #6B42A9;
}


/**
 * Jump link colour
 */
.content .anchors li a, a[name*='_Top1'] + ul li a {
    color: #6B42A9;
}


/**
 * Jump link hover colour
 */
.content .anchors li a:hover,
a[name*="_Top1"] + ul li a:hover { color: #6B42A9; }

/**
 * Jump link external link colour
 */
.content a.link-taskLink {
    color: #6B42A9;
}


/**
 * Primary call to action button colour
 */
.content .primary {
    background-color: #6B42A9;
}


/**
 * Primary call to action button hover colour
 */
.content .primary:hover {
    background-color: #4C2F79;
}

/* Info panel background, text, link and 'i' colour*/
.content .panel.info {
    background-color: #ebe2ff;
  color: black;}

.content .panel.info::before {
  color: #6B42A9;}
/*
.content .panel.info a {
    color: white;
}*/



/* CAMPAIGN PAGE */

#nav-toggle {
    visibility: hidden;
}

/* Pink Branding */

.content .container .row .column .inner a {
    color: #E81F7D;
}

.content .widget.cardPurple h2,
.content .widget.cardPurple h3 {
    background-color: #D91F76;
}

.campaignHeaderContent li:before {
    display: none;
}