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

/* HEADER */

header {
    background: #fff;
}

header .header {
    background: url('/SiteElements/images/custom-branding/hertscareline/herts-careline-logo-2019-cropped-354x135.png') no-repeat left top;
}

header h1, header .header {
    width: 354px;
    height: 123px;
}

.autocompleteWrapper {
    width: auto;
}

/*a:focus ,area[href]:focus, input:focus, select:focus, textarea:focus, button:focus, iframe:focus, 
[tabindex]:focus, [contentEditable=true]:focus, .addFocus:focus
{
  border-color:    #419E64 !important;
}*/

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

header .hcc {
    visibility: hidden;
}

header .container {
    padding: 40px 20px 20px 20px;
   text-align: inherit;
}
  
  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 {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.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(107, 66, 169)!important;
    border-style:    solid;   
  border-width:    3px;
  border-color:    rgb(107, 66, 169)!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;
}*/

/* Indented content colour */

.content .vcard, .content .indented {
    border-left: 3px solid #6B42A9;
}


.content table tbody{
    background-color: #ebe2ff;
}

.content table th{
    color: black !important;
}

#styleOptions{
    margin-left: -50px;
}

@media only screen and (min-width: 760px) {
    .intro {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 1170px) {
.container .main-menu .menuLink {
    color: #fff;
}
}

.main-menu .menuLink {
    color: black;
}

@media only screen and (max-width: 760px) {
   .container .main-menu .menuLink--mobile {
        background-color: #333;
        color: #fff;
    }
}

a:focus > img:only-child{
    margin-top: 3px;
}

.slick-dots .slick-active button {
    background:  rgb(78, 39, 132);
    box-shadow: none;
}