/* enqueued last so no need to fight other css*/

/* settings */
:root {
    /* TODO make consistent with branding plugin colours/variable names */
    /* the dominant brand colour */
	--colour-primary: #00aeef;
    /* shades/tints of primary that contrast with the Gets Ready's base colour (grey-white) */
	--colour-contrast-primary--low: #8cd8f8;
    --colour-contrast-primary--medium: #00aeef;
	--colour-contrast-primary--high: #1770b8;
    /* Secondary/accent colour */
    --colour-accent: #20356b;
    /* shades/tints of accent that contrast with the Gets Ready's base colour (grey-white) */
    --colour-contrast-accent--high: #0e1d42;
    /* status colours */
    --colour-success: #55ba47;
    --colour-contrast-success--medium: #0d773b;
    --colour-notice: #ed8b20;
    --colour-contrast-notice--low: #f66;
    --colour-danger: #ee2a24;
    --colour-contrast-danger--low: #ee5723;
    --colour-info: #20356b;
    /* icons */
    --icon-save: url('inc/imgs/save-icon.png');
    --icon-delete: url('inc/imgs/delete-icon.png');
    --icon-add: url('inc/imgs/plus-button.png');
    --icon-edit: url('./inc/imgs/edit-icon.png');
    /* theme */
    --color-theme-default-contrast-highest: #fff;
    --color-theme-inv-contrast-highest: rgba(0,0,0, 0.75);

    /* table */
    --color-bg-table-head: var(--colour-accent);
    --color-bg-table-body: var(--colour-contrast-primary--medium);
    --color-bg-table-body-contrast-highest: var(--color-theme-default-contrast-highest);
    --color-bg-table-body-alt: rgba(0, 0, 0, 0.1);
    --color-table: var(--color-theme-default-contrast-highest);

}

body {
    font-size: 14px;
    font-size: var(--base-font-size);
}

ol {
    padding-left: 1em;
}

ol > *:not(:last-child) {
    margin-bottom: 0.8em;
}

summary {
  display: list-item;
}

input,
select {
  color: #20356b;
  color: var(--colour-accent);
}

button:hover,
a.button:hover {
	border: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #00aeef;
    color:    var(--colour-contrast-primary--medium);
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #00aeef;
   color:    var(--colour-contrast-primary--medium);
   opacity:  1;
   font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #00aeef;
   color:    var(--colour-contrast-primary--medium);
   opacity:  1;
   font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #00aeef;
   color:    var(--colour-contrast-primary--medium);
   font-style: italic;
}
::placeholder {
   color:    #00aeef;
   color:    var(--colour-contrast-primary--medium);
   font-style: italic;
}


.content_inner .container{
	width: 100% !important;
	margin:0px !important;
	background:none !important;
	padding: 0.5em;
	/* position:relative !important; */
}

.content_inner .container_inner{
	width:100% !important;
	margin-top:40px;
	margin-bottom:30px;
	background: none !important;
	padding-top:0px !important;
	margin-top:0px !important;
}

.respsonsive_menu__wrapper{
	width: 115px;
	height: 110px;
	float: left;
}

.home-button {
    font-size: 110px;
    color: #00aeef;
    color: var(--colour-primary);
}

/*login form on home page*/

.login_wrapper .login_content {
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    display: none;
	position: absolute;
    padding: 30px;
    right: 0;
    left: 0;
	top: 13.8em;
	/* top: 110px; */
	z-index: 9999;
}
.menu-item-login .item_text.active {
    position: relative;
}
.menu-item-login .item_text.active:after {
    border: solid 1em transparent;
    border-bottom-color:  #20356b;
    border-bottom-color: var(--colour-accent);
    content: '';
    height: 0;
    position: absolute;
    left: calc(50% - 1em);
    top: 0.9em;
    width: 0;
    z-index: 999;
}

.login_wrapper .login_content a,
.login_wrapper .login_content label {
	color: #fff !important;
}

.login_wrapper .login_content h2 {
    padding: 0px;
    color: #fff !important;
    letter-spacing: normal;
    text-transform: none;
    margin: 0px;
    padding-bottom: 15px;
    font-size: 24px;
}

.login_wrapper .tml {
	width:320px;
}

.login_wrapper .tml input {
	color: #333;
	padding: 5px;
    border: 1px solid #ccc;
}

.menu-item-login .item_text:hover,
.login_wrapper .login_content,
.menu-item-login .item_text.active {
	color:#fff;
    background-color: #20356b;
    background-color: var(--colour-accent);
}

.tml-submit-wrap #wp-submit1,
#wp-submit,
.tml .submit .wp-submit,
.wp-submit {
    background-color: #00aeef;
    background-color: var(--colour-primary);
}

.tml-submit-wrap #wp-submit1:hover,
#wp-submit:hover,
.tml .submit .wp-submit:hover,
.wp-submit:hover {
    background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high);
}

/* end login form on home page */

#change-region-header {
    color: inherit;
}

/* @group inputs */

label {
	display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
	text-transform: uppercase;
}

textarea {
	height: 300px;
}

input, select {
    color: #231f20;
    padding: 5px;
    border: none;
    font-family: inherit;
    height: auto;
    width: auto;
}

input[type="checkbox"],
input[type="radio"] {

    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;

}

[type="search"] {
    border: 1px solid #ccc;
    padding: 7px;
    background-color: #fff;
}

label > input,
label > select {
	margin-left: 1em;
}

.required {
    border-bottom: 1px solid #ff0000;
    border-bottom-color: var(--colour-danger, #ff0000);
}

/* @end inputs */

.dup-controls:after {
  content: ' ';
  display: block;
  clear: both;
}

.v-space-1 > * + * {
  margin-top: 14px;
  margin-top: 1rem;
}


/******************************************************/
/* GENERIC STYLING FOR ZEND PAGES          START      */
/******************************************************/

.zend-generic__wrapper,
.zend-generic__wrapper a,
.zend-generic__wrapper p,
.zend-generic__wrapper h1,
.zend-generic__wrapper h2,
.zend-generic__wrapper h3,
.zend-generic__wrapper h4,
.zend-generic__wrapper h5,
.zend-generic__wrapper .dataTables_wrapper label,
.zend-generic__wrapper .dataTables_info{
	color:#fff;
	transition: color 0.5s ease;
}

.zend-generic__wrapper input,
.zend-generic__wrapper .searchemail input,
.zend-generic__wrapper select{
	color:#231f20;
	padding:5px;
	border:none;
	font-family:inherit;
	height:auto;
	width:auto;
}
.zend-generic__wrapper a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    border-color: currentColor;
    transition: all;
}
.zend-generic__wrapper a.inline-edit, .zend-generic__wrapper a.button, .zend-generic__wrapper .button__add a, .zend-generic__wrapper .breadcrumb a,
.zend-generic__wrapper a.edit-icon, .zend-generic__wrapper .report__add a {
	border-bottom: 0px;
}
.zend-generic__wrapper a:hover{
	border-bottom: 1px dashed #fff;
	border-bottom-color: currentColor;
	text-decoration: none;
	color: #fff;
}
 .zend-generic__wrapper a.button:hover, .zend-generic__wrapper .button__add a:hover, .zend-generic__wrapper .breadcrumb a:hover,
 .zend-generic__wrapper a.edit-icon:hover, .zend-generic__wrapper .report__add a:hover {
	border-bottom: 0px;
}
.zend-generic__wrapper #map_canvas{
	width:100% !important;
	margin:20px 0px;
	color:#333 !important;
}
#map_canvas{
	margin-top:40px;
	width: 100% !important;
}

.zend-generic__wrapper .dataTables_info,
.zend-generic__wrapper .dataTables_paginate{
	padding:15px 0px;
}

.zend-generic__wrapper table{
	width:100% !important;
}


.zend-generic__wrapper .listcontacts .dataTables_filter input{
	border:none;
}

.zend-generic__wrapper .searchemail{
	float:none;
	width:auto;
	margin:15px 0px;
}

.zend-generic__wrapper #loadmore{
	display:block;
	padding:10px;
	text-align:center;
	background-color:#fff;
	margin-bottom:20px;
	color:#333;
}
.zend-generic__wrapper #loadmore img{
	margin:0px;
	vertical-align:middle;
}

.zend-generic__wrapper .userentry th{
	width:auto;
}

.zend-generic__wrapper .userentry,
 .zend-generic__wrapper .userentry tr,
 .zend-generic__wrapper .userentry td,
 .zend-generic__wrapper .userentry th,{
	border: none !important;
}


.zend-generic__wrapper .addmore{
	float:none;
}
.zend-generic__wrapper .interests_lists, .interests_actions{
	float:none !important;
	width:100% !important;
}

.userentry .error{
	background-color: #ee2a24;
	background-color: var(--colour-danger);
	border:none;
	color: #fff !important;
}

.error-msg{
    padding: 15px !important;
    color: #fff;
    background-color: #ee5723;
    background-color: var(--colour-contrast-danger--low);
}
.error-msg a{
	color:#fff !important;
}
.tml-login .error{
	display:none !important;
}
.tml .error {
    padding: 15px;
    color: #fff;
    background-color: #ee5723;
    background-color: var(--colour-contrast-danger--low);
    border:none;
    margin:15px 0px 0px 0px;
}
.tml .error a {
    color: #fff !important;
	text-decoration: underline;
}

.tml .error a:hover {
    color: #000;
}
/* FIXME remove p.error styles if covered by .tml .error * styles above */
p.error {
	padding: 15px !important;
    color: #fff !important;
    background-color: #ee5723 !important;
    background-color: var(--colour-contrast-danger--low) !important;
    border:none !important;
    margin:15px 0px 0px 0px !important;
}

p.error a {
	color: #fff !important;
	text-decoration: underline;
}

p.error a:hover {
	color: #000 !important;
}

/******************************************************/
/* GENERIC STYLING FOR ZEND PAGES          END        */
/******************************************************/

/*************************************************/
/* logged-out WordPress full-width pages - START */
/************************************************/

.logged-out_view .vc_column-inner{
	padding:70px;
}
/* .logged-out_view .left-column{
	padding-top:50px;
} */

.logged-out_view .left-column .links a{
	color: #231f20;
	display:block;
	font-size:18px;
	text-decoration:underline;
	margin-bottom:10px;
	display:inline-block;
	line-height: 24px;
	padding-right: 20px;
}
.logged-out_view .left-column .links a:hover{
	color: #20356b;
	color: var(--colour-accent);
}

/*.logged-out_view .left-column .links a:last-child{
	font-size:14px;
}*/

.logged-out_view .left-column .links{
	margin-top:20px;
}
.logged-out .zend-generic__wrapper h3,
.gform_confirmation_wrapper h3{
	color:#231f20 !important;
}

.logged-out_view .left-column h2{
	color:#231f20;
	font-size:36px;
	line-height:48px;
	font-weight:600;
	margin-bottom:15px;
	margin-top: 0px;
	text-transform: none;
	letter-spacing: 0px;
}

.logged-out_view .left-column p{
	color: #231f20;
    padding-top: 15px;
    font-size: 16px;
}

.logged-out_view .right-column .vc_column-inner > .wpb_wrapper, .logged-out_view .left-column .vc_column-inner > .wpb_wrapper{
	padding:30px;
	background-color: rgba(255,255,255,0.7) !important;
}

.logged-out_view .right-column .vc_column-inner h2{
	color: #231f20;
	padding-bottom:0px !important;
	text-transform:none !important;
	font-size:54px !important;
	font-weight:600 !important;
}


/*************************************************/
/* logged-out WordPress full-width pages - END */
/************************************************/

/* tableish styles */
.tablestats,
.table--light {
    --color-bg-table-head: var(--colour-primary);
    --color-bg-table-body: var(--colour-contrast-primary--low);
    --color-bg-table-body-alt: rgba(0, 0, 0, 0.1);
    --color-table: var(--color-theme-inv-contrast-highest);
    --color-table-body: var(--color-theme-inv-contrast-highest);
    --color-table-body-hover: #111;
}

.table--bw {
    --color-bg-table-head: #111;
    --color-bg-table-body: #fff;
    --color-bg-table-body-alt: rgba(0, 0, 0, 0.1);
    --color-table: var(--color-theme-inv-contrast-highest);
}

.tablestats thead tr,
.tablestats tbody th,
.datatables__table thead tr,
.datatables__table tbody th,
.gj-grid-table thead tr,
.gj-grid-table tbody th,
.datatables__table th,
.datatables__table td {
    border: none;
}

.tablestats th,
.tablestats td,
.gj-grid-table th,
.gj-grid-table td,
.datatables__table th,
.datatables__table td {
    background-color: transparent;
}

.tablestats td,
.tablestats td a {
    color: rgba(0,0,0, 0.75);
    color: var(--color-table-body);
}
.tablestats a:hover {
    color: #111;
    color: var(--color-table-body-hover);
}

.datatables__table.dataTable th,
.gj-grid-table th{
    border-bottom:none;
    text-align:left;
    padding:10px 20px 10px 20px;
    color:#fff;
    text-transform: capitalize;
}

.datatables__table.dataTable th,
.gj-grid-table th,
.datatables__table.dataTable th.sorting{
    background-color: #20356b;
    background-color: var(--color-bg-table-head);
}
.datatables__table.dataTable th a{
	display: none;
}

.datatables__table.dataTable tr.error th,
.gj-grid-table tr.error th{
	background: transparent;
}

.datatables__table.dataTable tr,
.gj-grid-table tr{
	color: #fff !important;
	color: var(--color-table) !important;
}

.datatables__table.dataTable td,
.gj-grid-table td,
.tablestats td {
	text-align: left;
    padding: 10px 20px 10px 20px;
	font-weight: 700;
}

.datatables__table tbody {
    background-color: #05a2e4 !important;
	background-color: var(--color-bg-table-body) !important;
}

.datatables__table.dataTable tr.odd,
.datatables__table.dataTable tr:nth-child(odd),
.gj-grid-table tr:nth-child(odd) td {
	background-color: rgba(0, 0, 0, 0.1) !important;
	background-color: var(--color-bg-table-body-alt) !important;
}

.datatables__table.dataTable tr.even td:last-child,
.datatables__table.dataTable tr.odd td:last-child {
    background-color: rgba(0, 0, 0, 0.1);
	background-color: var(--color-bg-table-body-alt);
}

.datatables__table.dataTable tr.even td:last-child,
.datatables__table.dataTable tr.odd td:last-child {
	text-align:center;
}

.datatables__table.no-edit.dataTable tr.odd td:last-child,
.datatables__table.no-edit.dataTable tr.even td:last-child {
	text-align:left;
}

.datatables__table.dataTable td a,
.gj-grid-table tr a
{
	color: #fff;
	color: var(--color-table);
	text-decoration:none;
}
.datatables__table.dataTable td img{
	margin:0px;
}

.datatables__table.dataTable tr.odd td,
table.datatables__table.dataTable tr.even td,
.gj-grid-table tr td{
	transition: background-color 0.2s ease;
}

.datatables__table tr.odd:hover td,
.datatables__table tr.even:hover td,
.gj-grid-table tr:hover td {
	background-color: rgba(0, 0, 0, 0.15);
}

.datatables__table tr.odd:hover td:last-child,
.datatables__table tr.even:hover td:last-child,
.gj-grid-table tr:hover td:last-child {
	background-color: rgba(0, 0, 0, 0.3);
}

/* css variables fallbacks */
.table--bw.datatables__table.dataTable th,
.table--bw.gj-grid-table th {
	background-color: #111;
	background-color: var(--color-bg-table-head);
}

.table--bw.datatables__table.dataTable tr,
.table--bw.gj-grid-table tr{
	color: #111 !important;
	color: var(--color-table) !important;
}

.table--bw.datatables__table.dataTable td,
.table--bw.gj-grid-table td{
	background-color: #fff !important;
	background-color: var(--color-bg-table-body) !important;
}

.table--bw.datatables__table.dataTable tr.odd td,
.table--bw.datatables__table.dataTable tr:nth-child(odd) td,
.table--bw.gj-grid-table tr:nth-child(odd) td{
	background-color: #eee !important;
	background-color: var(--color-bg-table-body-alt) !important;
}

.tablestats {
    background-color: #05a2e4;
	background-color: var(--color-bg-table-body);
	margin-top: 35px;
}

.tablestats tbody{
    background-color: rgba(255, 255, 255, 0.4);
}


.tablestats th {
    background-color: #20356b;
    background-color: var(--color-bg-table-head);
}

.tablestats img {
	width: 80px !important;
	float: none !important;
	padding-bottom: 10px;
	margin: 0px;
}

.tablestats th a.edit-icon {
	margin-top: 8px;
}
.tablestats th a.edit-icon.notop {
	margin-top: 0px;
}

.zend-generic__wrapper .tablestats th{
	text-transform: capitalize;

}

.zend-generic__wrapper table.tablestats {
	float: right;
	width: 100% !important;
}

.tablestats th,
.tablestats td,
.tablestats td a {
    /* HACK fixes pure-g letter spacing */
	letter-spacing: 0px;
}

.zend-generic__wrapper .toolbar tr{
    background-color: #00aeef;
    background-color: var(--colour-contrast-primary--medium);
	border: none;
}
.zend-generic__wrapper .toolbar tr td{
	padding:10px;
}

.filter.sitreps {
	background-color: #20356b;
	background-color: var(--colour-accent);
}
.filter.sitreps a{
	color: #fff;
}
.filter.sitreps a:hover{
	color: rgba(0, 0, 0, 0.8);
}

.sitreps #filter-options select,
.sitreps #filter-options input{
	width:100%;
}
.filter.sitreps #fm-element label{
	padding:5px 15px;
}

/* end tableish styles */

.zend-generic__wrapper input#newincident,
.zend-generic__wrapper input#newinterest{
	height:53px;
	padding-left:10px;
}

/* left menu */

#responsive-menu-container {
    background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high);
}

/* HACK overwrites inline style tag, remove when inline styles fixed */
#responsive-menu-container div#responsive-menu-wrapper {
    background-color: transparent;
}

/* HACK overwrites inline style tag, remove when inline styles fixed */
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link:hover .responsive-menu-subarrow,
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link .responsive-menu-subarrow,
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link .responsive-menu-subarrow.responsive-menu-subarrow-active,
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link .responsive-menu-subarrow.responsive-menu-subarrow-active:hover,
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link .responsive-menu-subarrow:hover {
    background-color: transparent;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    background-color: transparent !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.responsive-menu-submenu {
    background-color: #00aeef;
    background-color: var(--colour-contrast-primary--medium);
}
/* buttonish styles */

.report__add a,
.zend-generic__wrapper .button__add a{
	color:#fff;
	padding:10px;
	text-decoration:none !important;
	font-weight:normal !imporatant;
	display:inline-block !important;
	margin:20px 0px 30px 0px;
	transition:background-color 0.5s ease;
}

.report__add a img,
.zend-generic__wrapper .button__add a img{
	margin:0px !important;
}
.report__add a span,
.zend-generic__wrapper .button__add a span{
	line-height:33px !important;
	padding-left:10px !important;
}

.report__add,
.zend-generic__wrapper .button__add{
	position:relative;
	display:inline;
}
.report__add a::after,
.zend-generic__wrapper .button__add a::after{
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -26px;
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-right: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 27px solid  #1770b8;
    border-left: 27px solid var(--colour-contrast-primary--high);
    transition: border-left 0.5s ease;
}

.report__add a:hover,
.zend-generic__wrapper .button__add a:hover {
	background-color: #20356b;
	background-color: var(--colour-primary);
	color: #fff !important;
}
.report__add a:hover::after,
.zend-generic__wrapper .button__add a:hover::after{
	border-left-color: #20356b;
	border-left-color: var(--colour-primary);
}

/*
FIXME btn-default should be a different colour from btn-primary
      @see http://getbootstrap.com/docs/3.3/css/#buttons-options
 */
.button,
.btn-default,
.btn,
input[type="submit"],
input[type="submit"].button,
input#wpua-file-existing,
.flizcpr-button-style
{
    background-position:left 5px center;
    background-repeat:no-repeat;
    background-size: 24px 24px;
    border: none !important;
    border-radius:2px;
    cursor: pointer;
	color: #fff !important;
    display: inline-block;
    font-weight:700;
    font-size:12px !important;
    height: auto !important;
	line-height:normal !important;
	margin: 5px !important; /* FIXME margin is relational, should set on context-basis */
    padding: 10px 20px !important;
    text-transform:capitalize;
    text-decoration:none !important;
    transition: background-color 0.5s ease;
    width: auto !important;
}

.report__add a,
.zend-generic__wrapper .button__add a,
.button,
.btn-default,
.btn,
input[type="submit"],
input[type="submit"].button,
input#wpua-file-existing,
.flizcpr-button-style,
.register-form .submit input.wp-submit {
    background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high);
}

.flizcpr-button-style {
	display: none;
}

/*
FIXME btn-default should be a different colour from btn-primary
      @see http://getbootstrap.com/docs/3.3/css/#buttons-options
 */
input[type="submit"],
.btn-default{
	padding: 10px 20px !important;
}

/*
FIXME btn-default should be a different colour from btn-primary
      @see http://getbootstrap.com/docs/3.3/css/#buttons-options
 */
.btn-default:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="submit"].button:hover,
input#wpua-file-existing:hover{
	background-repeat:no-repeat !important;
	background-position:left 5px center !important;
}

/*
HACK temporary fix for btn-default
*/
.btn-default.btn-default--bg-fix {
	background-color: #657377 !important;
}
.btn-default.btn-default--bg-fix:hover,
.btn-default.btn-default--bg-fix:active {
	background-color: #425054 !important;
}


.button img{
	display:none !important;
}

.button.positive,
input[type="submit"].button.positive{
	background-image: url('inc/imgs/save-icon.png') !important;
	background-image: var(--icon-save) !important;
	background-color:#55ba47 !important;
	background-color: var(--colour-success) !important;
	background-repeat:no-repeat !important;
	background-position:left 5px center !important;
	text-decoration:none !important;
	padding-left: 38px !important;
}
.button.positive:hover,
input[type="submit"].button.positive:hover{
	background-color: #0d773b !important;
	background-color: var(--colour-contrast-success--medium) !important;
}
.button.negative,
input[type="submit"].button.negative{
	background-image:url('inc/imgs/delete-icon.png') !important;
	background-image:var(--icon-delete) !important;
	background-color: #ee2a24 !important;
	background-color: var(--colour-danger) !important;
	background-repeat:no-repeat !important;
	background-position:left 5px center !important;
	text-decoration:none !important;
	padding-left: 38px !important;
}
.button.negative:hover,
input[type="submit"].button.negative:hover{
	background-color:#ee5223 !important;
	background-color: var(--colour-contrast-danger--low) !important;
}

.btn-default:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="submit"].button:hover,
input#wpua-file-existing:hover {
	background-color: #1770b8;
	background-color: var(--colour-contrast-primary--high);
}


/* end buttonish styles */


/* info box */
p.info {
	background: rgba(255,255,255,0.5);
	color: #000 !important;
	padding: 8px 8px 8px 35px;
	text-indent: -28px;
}
p.info:before {
	font-family: "Glyphicons Halflings";
    content: "\e086";
	color: #20356b;
	color: var(--colour-info);
	font-size: 3rem;
	position: relative;
	top: 10px;
	right: 5px;
}
/* end info box */

#change-region-header option {
    background-color: #20356b;
    background-color: var(--colour-accent);
}

#change-region-header option:hover {
    background-color: #0e1d42;
    background-color: var(--colour-contrast-accent--high);
}

/* page header */
.menu-item-login .item_text{
    border: 2px solid #20356b;
    padding: 7px 12px 7px 12px;
    border-radius: 7px;
    font-size:18px;
    color: #20356b;
    color: var(--colour-accent);
    border-color: var(--colour-accent);
}

.menu-item-login::before{
	content: 'Already a member?';
	color: #20356b;
	color: var(--colour-accent);
	font-size:18px;
}
.menu-item-login:hover{
	color: #0e1d42;
	color: var(--colour-contrast-accent--high);
}
/*end page header */
/* character counter styles */

.char-counter--warning {
	color: #f66;
	color: var(--colour-contrast-notice--low);
}

/* end character counter styles */
/*******************************************************/
/* Theme my login                                      */
/*******************************************************/

.tml-submit-wrap #wp-submit1,
#wp-submit,
.tml .submit .wp-submit,
.wp-submit {
	height: auto;
    padding: 10px 20px !important;
    line-height: normal;
    color: #fff !important;
    border: none;
    font-style: inherit;
    font-size:16px;
    transition: background-color 0.5s ease;
    margin-top:30px;
    border-radius:3px;
}

.tml-login .submit__wrapper .tml-submit-wrap, .tml-login .submit__wrapper .tml-submit-wrap input, .tml-login .submit__wrapper .tml-action-links{
	width:auto !important;
	display:block !important;
	margin:0px !important;
}

.tml-login .submit__wrapper{
	margin-top:20px;
	margin-bottom:20px;
}

.tml-login .submit__wrapper .tml-submit-wrap{
	text-align:right;
}

.tml-login .submit__wrapper .tml-action-links{
	float:left;
	margin-top:15px !important;
}

.tml-login .submit__wrapper .tml-submit-wrap{
}


.tml input{
	padding:5px !important;
	color:#231f20;
}
.tml .indicator-hint{
	color: #231f20 !important;
}

.tml label, .tml a{
	color:#231f20 !important;
}
.tml .message {
    background-color: #20356b;
    background-color: var(--colour-info);
	color: #fff;
	border: none;
	padding: 1em;
}

.tml-lostpassword .message {
    background-color: transparent;
	color: #111;
	color: rgba(0,0,0, 0.75);
	color: var(--color-theme-inv-contrast-highest);
}

.tml.register-form .wp-social-login-widget{
	display:none;
}
.tml.register-form .submit input{
	width:auto;
}
.tml.register-form .submit{
	text-align:right;
}

.wp-social-login-connect-with{
	display:none;
}
.wp-social-login-provider-list{
	padding-left:0px;
	padding-right:0px;
}
.tml-login .wp-social-login-provider-list a, .wp-social-login-provider-list a, .slide-login{
	display:inline-block;
	padding:10px;
	background-color:#00aeef !important;
	color:#fff !important;
	text-decoration:none !important;
	margin-bottom:10px;
	transition: background-color 0.5s ease;
	border-radius:3px;
}
.tml-login .wp-social-login-provider-list a:hover, .wp-social-login-provider-list a:hover, .slide-login:hover{
	background-color:#1770b8 !important;
}
.tml-login .wp-social-login-provider::before, .wp-social-login-provider{
	content: 'Login with ';
}
.tml .tml-submit-wrap{
	display:block;
	width:100%;
}
.tml .tml-submit-wrap input{
	width:100%;
}

.tml .tml-action-links a:hover{
	text-decoration:underline;
}

.tml{
	max-width:100% !important;
}

.tml .tml-rememberme-wrap{
	display:block;
	margin-bottom:0px;
}
.tml .tml-action-links{
	margin-top:20px;
}
.tml .tml-rememberme-wrap input{
	height:20px;
	width:20px;
}
.tml-login .tml-rememberme-submit-wrap{
	margin-bottom:0px !important;
}


.register-form input{
	background-color: #1770b8;
	background-color: var(--colour-contrast-primary--high);
	border:none;
	color:#fff;
}

.register-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
    font-style: normal;
}
.register-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
   font-style: normal;
}
.register-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
   font-style: normal;
}
.register-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
   font-style: normal;
}
.logged-out_view .wp-social-login-widget{
	display:none !important;
}

.tml-login .wp-social-login-widget{
	display:block !important;
}

.strong{
	font-weight:700;
}

p.no-margin{
	margin:0px;
}

.menu-item-login .item_text{
	cursor:pointer;
	transition: background-color 0.2s ease;
}
/* header */

body .light:not(.sticky) nav.main_menu>ul>li>a{
	color:#20356b !important;
	color: var(--colour-accent) !important;
}
body .light:not(.sticky) nav.main_menu>ul>li>a:hover{
	color:#20356b !important;
	color: var(--colour-accent) !important;
}

header .normal,header .dark,header .sticky,header .mobile{
	display:none;
}

header .light{
	opacity:1 !important;
}
header .eltd_logo {
	position:static;
	    margin: 23px 80px 0px 50px;
}
header .eltd_logo img{
	position:static;
}
.paspartu_on_top_fixed header{
	padding-top:0%;
}

header .header_inner_left{
	left:0px;
}
.header_bottom.header_full_width{
	padding:0px;
}

header .eltd_logo a{
	visibility:visible !important;
}

/* end header */

/* absolute menu right  */

.right-menu-absolute .menu-cog{
	height:50px;
	width:50px;
	display: inline-block;
	vertical-align: middle;

}
.right-menu-absolute .top-nav{
    width: 500px;
	overflow:visible;
	position:fixed;
	top:0;
	right:0;
	height:auto;
	z-index:9997;
}

.profile-menu {
    color: #018dc5;
    color: var(--colour-contrast-primary--medium);
}

.right-menu-absolute .dropdown-trigger, .profile-dropdown_wrapper{
	padding:0px !important
}
.right-menu-absolute div.username {
	display: block;
	width: 100%;
	padding: 5px 21px 0px 0px;
}
div.username.mobile {
	display: none;
}
.right-menu-absolute div.username span{
	padding-right:3px !important;
	padding-top:0px !important;
    font-size: 14px !important;
    /* font-weight: normal !important; */
}
body .right-menu-absolute .top-nav ul div.username span a {
	padding: 0px;
	font-size: 14px;
	line-height: 14px;
}

.right-menu-absolute .dropdown-trigger img{
	padding:0px !important;
	margin:0px !important;
}

.right-menu-absolute .top-nav{
	display: block;
	text-align: right;
	height: 110px;
}
.right-menu-absolute .top-nav ul li a{
	transition: color 0.5s ease;
}

.right-menu-absolute .top-nav ul li a:hover{
	color: #1770b8;
	color: var(--colour-contrast-primary--high);
}

.right-menu-absolute .top-nav ul li{
	display:inline-block;
	list-style:none;
}
.right-menu-absolute .top-nav ul li img,.right-menu-absolute .menu-cog{
	transition: opacity 0.5s ease;
}

.right-menu-absolute .top-nav ul li img:hover,.right-menu-absolute .menu-cog:hover{
	opacity:0.6;
}

.right-menu-absolute .top-nav ul li img.hover{
	opacity:0.6;
}

.right-menu-absolute .top-nav ul li .wp-user-avatar{
	float:none;
	border-radius:100%;
}

.right-menu-absolute .top-nav ul li img.menu-profile-pic{
	height:50px;
	width:50px;
	float:none;
	border-radius:100%;
}
.right-menu-absolute .top-nav ul li a{
	text-decoration:none;
	padding:0px 13px 0px 13px;
	color: #00adef;
	color: var(--colour-primary);
	font-size:16px;
	line-height:30px;
}

.right-menu-absolute .profile-dropdown_wrapper{
	position:relative;
	transition: box-shadow 0.5s ease;
}
.top-nav > ul {
	padding-top: 35px;
}
.right-menu-absolute .top-nav > ul {
	padding-top: 5px;
}

.right-menu-absolute .profile-dropdown_wrapper:hover .profile-dropdown_content{
	visibility: visible;
    opacity:1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);


}
body.page-template-mobile_splash-template .content_inner .container,
body.address-view .content_inner .container,
body.page-id-1757 .content_inner .container,
body.old-mass-list .content_inner .container,
body.compose-message .content_inner .container,
body.filter-list .content_inner .container,
body.no-panel .content_inner .container{
	padding-right:40px;
}

.right-menu-absolute.subscriber,
body.address-view .right-menu-absolute,
body.page-id-1757 .right-menu-absolute,
body.comms-view .right-menu-absolute,
body.old-mass-list .right-menu-absolute,
body.compose-message .right-menu-absolute,
body.filter-list .right-menu-absolute,
body.no-panel .right-menu-absolute
{
	background:none !important;
}
body.address-view .right-menu-absolute .top-nav,
body.page-id-1757 .right-menu-absolute .top-nav,
body.comms-view .right-menu-absolute .top-nav,
body.old-mass-list .right-menu-absolute .top-nav,
body.compose-message .right-menu-absolute .top-nav,
body.filter-list .right-menu-absolute .top-nav,
body.no-panel .right-menu-absolute .top-nav{
	background:none !important;
	position:absolute !important;
	margin-top:30px;
}


/* end absolute menu right */

.mass-selection__wrapper {
	display: inline-block;
    display: inline-flex;
    flex-wrap: wrap;
    margin: -5px;
    margin-bottom: 20px;
}

.mass-selection__wrapper > * {
    flex-grow: 1;
}
/* breadcrumbs */

.breadcrumb {
    --colour-bg-breadcrumb: var(--colour-primary);
    --colour-bg-breadcrumb-alt: var(--colour-contrast-primary--high);
    --colour-bg-breadcrumb-hover: #999;
    --colour-bg-breadcrumb-hover-alt: #333;
	width: 100%;
	position: relative;
    height: auto !important;
    top: -0.5em;
    background: none !important;
    margin-bottom: 0 !important;
    padding: 0;
    z-index: 1;
    right: 0.5em;
}
.breadcrumb a{
    display: inline-block;
	font-size: 12px;
    line-height:30px;
    margin-bottom: 5px;
    padding: 0px 30px;
    position:relative;
    text-decoration: none !important;
    text-transform: capitalize;
    transition: background-color 0.5s ease !important;
}

.breadcrumb a:nth-child(odd){
	background-color: #00aeef;
	background-color: var(--colour-bg-breadcrumb);
}
.breadcrumb a:nth-child(even){
	background-color: #1770b8;
    background-color: var(--colour-bg-breadcrumb-alt);
}
.breadcrumb a:focus,
.breadcrumb a:hover {
	color: #fff !important;
}

.breadcrumb a::after{
	z-index: 100;
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left-width: 20px;
    border-left-style: solid;
    transition: border-left-color 0.5s ease;
}
.breadcrumb a::after{
	border-left-color: #00aeef;
    border-left-color: var(--colour-bg-breadcrumb);
}
.breadcrumb a:nth-child(even)::after {
	border-left-color:  #1770b8;
    border-left-color: var(--colour-bg-breadcrumb-alt);
}

.breadcrumb a:nth-child(odd):hover {
    background-color: #999;
	background-color: var(--colour-bg-breadcrumb-hover);
}
.breadcrumb a:nth-child(odd):hover::after{
	border-left-color: #999;
	border-left-color: var(--colour-bg-breadcrumb-hover);
}
.breadcrumb a:nth-child(even):hover {
    background-color: #333;
    background-color: var(--colour-bg-breadcrumb-hover-alt);
}
.breadcrumb a:nth-child(even):hover::after {
    border-left-color: #333;
    border-left-color: var(--colour-bg-breadcrumb-hover-alt);
}


.footer-logos__wrapper {
	background-color: rgba(255,255,255,0.6);
	text-align:center;
	margin-top:20px;
}

.footer-logos__wrapper.links{
    color: #fff !important;
    background-color: #20356b;
    background-color: var(--colour-accent);
}

.footer-logos__wrapper.links a{
	color: #fff;
	margin: 5px 0px;
    display: inline-block;
    text-decoration: underline;
}

.footer-logos__wrapper p{
	margin: 0px !important;
	padding: 0px !important;
	text-align: right;
}

.footer-logos__wrapper p a{
    display: inline-block;
}

.footer-logos__wrapper p img{
	padding: 10px !important;
	margin:0px !important;
    max-height: 70px;
    width: auto;
    display: inline-block;
}

.addressCount, .responsive__wrapper.footer-logos__wrapper.links {
	color: #000;
}
.responsive__wrapper.footer-logos__wrapper.links a:hover {
	color: #fff;
}

.right-menu-absolute .middle-nav{
    background-color: white;
    display: inline-block;
	padding: 0.3em;
    margin-bottom: -10px; /* compensates for menu item bottom margins */
    position: fixed;
    right: 0;
	width:500px;
    z-index: 9990;

}
.middle-nav a {
    color: white;
}

.right-menu-absolute .middle-nav a:nth-child(even) .icon-item{
	float:right;
}
.right-menu-absolute .middle-nav a:nth-child(odd) .icon-item{
	float:left;
	clear:both;
}
.right-menu-absolute .middle-nav .icon-item {
	display:inline-block;
	display:inline-flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
	padding: 20px;
	padding-bottom: 0px;
	width: 180px;
	height: 180px;
	margin-bottom:40px;
	text-align:center;
}

.right-menu-absolute .middle-nav .icon-item{
	transition: background-color 0.7s ease;
	padding-top:15px;
	position:relative;
}

.middle-nav .icon-item > * + * {
    margin-top: 0.5em;
}

.right-menu-absolute .middle-nav .icon-item img{
	padding: 0;
	width: 90px;
	float: none;
	display: inline-block;
}

.right-menu-absolute .middle-nav .icon-item span {
	text-transform: capitalize;
    display: none;
	padding: 5px;
    vertical-align: middle;
    bottom: 5px;
}

.icon-item {
    background-color:#00aeef;
    background-color: var(--colour-contrast-primary--medium);
}
.icon-item:hover {
	background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high);
}

body.address-view .right-menu-absolute .middle-nav,
body.page-id-1757 .right-menu-absolute .middle-nav,
body.old-mass-list .right-menu-absolute .middle-nav,
body.compose-message .right-menu-absolute .middle-nav,
body.filter-list .right-menu-absolute .middle-nav,
body.comms-view .right-menu-absolute .middle-nav,
body.no-panel .right-menu-absolute .middle-nav{
	display:none !important;
}

.right-menu-absolute .top-nav ul li a{
	transition: color 0.5s ease;
}

.right-menu-absolute .top-nav ul li a{
    color: #00adef;
    color: var(--colour-primary);
    font-size: 16px;
    line-height: 30px;
	padding: 0px 13px 0px 13px;
    text-decoration: none;
}
.right-menu-absolute .top-nav ul li a:hover {
	color: #999;
}

.right-menu-absolute .profile-dropdown_content {
	visibility: hidden;
    opacity:0;
    position: absolute;
    background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high);
    min-width: 170px;
    z-index: 1;
    right:0px;
    transition: all 0.5s ease;
    border-radius:0px 0px 8px 8px;
    top:100%;
}
.right-menu-absolute .profile-dropdown_content > a:last-child{
	border-radius:0px 0px 8px 8px;
}

.right-menu-absolute .profile-dropdown_content > a{
	line-height:50px !important;
	display:block !important;
	color:#fff !important;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    -moz-transition: background-color .5s;
}
.right-menu-absolute .profile-dropdown_content > a:hover{
	background-color: rgba(255, 255, 255, 0.4);
}

.respsonsive_menu__wrapper .responsive-menu-inner,
.respsonsive_menu__wrapper .responsive-menu-inner::before,
.respsonsive_menu__wrapper .responsive-menu-inner::after,
.responsive-menu-inner,
.responsive-menu-inner::before,
.responsive-menu-inner::after {
    background-color: #00aeef;
    background-color: var(--colour-contrast-primary--medium);
}

.respsonsive_menu__wrapper:hover .responsive-menu-inner,
.respsonsive_menu__wrapper:hover .responsive-menu-inner::before,
.respsonsive_menu__wrapper:hover .responsive-menu-inner::after {
    background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high);
}
.respsonsive_menu__wrapper:hover .responsive-menu-label {
    color: #1770b8;
    color: var(--colour-contrast-primary--high);
}


/**************** FAQ  ***********************/

.faq_content, #post_title1, #post_content_wrapper1, #post_right1{
	width: auto !important;
}

.faq_content .post_title{
	transition: background-color 0.5s ease;
}

body .faq_content .post_content{
	padding-right:9px;
}

.faq_content .posts{
	margin:0px !important;
}

#contentInner, .faq_content .posts{
	padding:0px !important;
}

.ttext1{
	width:100% !important;
}
.faq_content img{
	margin:0px;
}
.faq_content .searchform{
	display:none;
}

/* NOTE extra specificity needed to overwrite plugin style blocks */
#cattitle2.cattitle {
	margin: 0px;
	background-color: #20356b;
	background-color: var(--colour-accent);
}

#post_title2.post_title {
    /* NOTE important needed to overwrite inline styles */
    background-color: #00aeef !important;
	background-color: var(--colour-primary) !important;
	border: none;
}

.faq_content .post_content_wrapper{
	border-radius:5px;
	padding:10px !important;
	font-weight: normal !important;
}
.faq_content .post_content_wrapper p{
	font-weight: normal !important;
}

.faq_content #catdes1{
	margin: 10px 20px !important;
	background-color:#20356b !important;
	background-color: var(--colour-accent) !important;
	color: #fff !important;
	text-align:center !important;
}

.faq_content a.post_ajax_title{
	text-decoration: none !important;
}
/*********** end faq ****************/

/* register form */

.register-form .social-login__wrapper label{
	margin:10px 0px 10px 0px;
	display:inline-block;
	padding:5px 15px 5px 15px;
	background-color: #20356b;
	background-color: var(--colour-accent);
	color: #fff !important;
	border-radius:2px;
	font-weight:400;
	cursor:pointer;
	transition: background-color 0.5s ease;
}
.register-form .social-login__wrapper label:hover{
	background-color: #00aeef;
	background-color: var(--colour-primary);
}

.register-form p{
	color: #231f20;
}

.register-form .or{
	padding: 0px !important;
	margin: 0px !important;
}

.register-form .or-login{
	padding: 0px 10px 0px 10px;
}
.register-form .active{
	background-color: #55ba47;
	background-color: var(--colour-success);
}

.register-form .submit input.wp-submit{
    background-color: #1770b8;
	background-color: var(--colour-contrast-primary--high);
	font-size: 25px !important;
}
.register-form .submit input.wp-submit:hover{
    background-color: #00aeef;
	background-color: var(--colour-contrast-primary--medium);
}

/* end register form */

/*******************************************************/
/* Register Step 2                                     */
/*******************************************************/

.join-step-two__wrapper{
	/*width:100px;*/
	width:100%;
	background-color:#fff;
	/*position:absolute;
	top:0px;
	right:0px;*/
	z-index:9999;
	padding:30px;
	/*min-height:100vh;*/
}
body.register-step-two .logged-out_view .right-column .vc_column-inner > .wpb_wrapper {
	padding: 0px;
}
.register-step-two .wpb_wrapper .wpb_wrapper > h2, .register-step-two .wpb_wrapper .wpb_wrapper #theme-my-login0 > h2,
.register-step-two .wpb_wrapper .wpb_wrapper #theme-my-login0 > p {
	display: none;
}
.logged-in .join-step-two__wrapper{
	left:0px;
	width:100%;
	position:static;
}

.join-step-two__wrapper label{
	margin-bottom:0px;
	font-weight:normal;
	font-size:16px;
	color:#ccc;
}

.join-step-two__wrapper .wp-submit{
	margin-top:0px;
}

.join-step-two__content{
	position:relative !important;;
}
.join-step-two__content h1,
.login h3{
	color:#333;
	line-height: 1.3em;
}

.add-icon{
	background-image: url('./inc/imgs/plus-button.png');
	background-image: var(--icon-add);
	width:32px;
	height:32px;
	background-size:32px 32px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    cursor:pointer;
    border-radius:100%;
    transition: background-color 0.5s ease;
}

a.edit-icon{
	display:inline-block;
	height:20px;
	width:20px;
	background: url('./inc/imgs/edit-icon.png') center center !important;
	background: var(--icon-edit) center center !important;
	background-repeat:no-repeat;
	background-size:20px 20px !important;
}

.icon--home {
    height: 64px;
    float: none;
	width: 64px;
	margin-bottom: 20px;
}
.join-step-two-add__wrapper{
	width:100%;
	display:none;
	background-color:#fff;
	z-index:9999;
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
    background-color: #20356b; /* TODO rgba(#20356b, 0.9) */
	background-color: var(--colour-accent);
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}

.ui-dialog.ui-widget{
	border:none !important;
	border-radius:0px;
    background-color: #20356b;
	background-color: var(--colour-accent);
	color:#fff;
	width:40% !important;
	left:initial !important;
	right:5%;
	top:115px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.ui-dialog.ui-widget .ui-dialog-titlebar{
	border:0px;
	border-radius:0px;
	background-color: #20356b;
	background-color: var(--colour-accent);
	font-family:inherit;
    color: #fff;
}
.ui-dialog.ui-widget #dialog{
	background-color: #20356b;
	background-color: var(--colour-accent);
	box-shadow:none;
}

.ui-dialog.ui-widget button.ui-dialog-titlebar-close{
	background: url(inc/imgs/cancel.png);
	height:32px;
	width:32px;
	border:none;
	top:12px;
}
.ui-dialog.ui-widget label{
	padding-top:10px;
	padding-bottom:5px;
	display:block;
	color:#fff;
}
.ui-dialog.ui-widget input, .ui-dialog.ui-widget select{
	border-radius:0px !important;
	color:#333 !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.ui-dialog.ui-widget .select2-container--default .select2-selection--multiple{
	border-radius: 0px !important;
	border: none !important;
}
.ui-dialog.ui-widget .select2-container{
	width:100% !important;
}
.ui-dialog.ui-widget .wp-submit{
	margin:10px;
}
.ui-dialog.ui-widget button:hover{
	border: none !important;
}

.join-step-two-add__wrapper.active{
	display:block !important;
}

.join-step-two-add__content{
	position:relative;
	color:#fff;
}
.join-step-two-add__content h3{
	color:#fff;

}

.join-step-two-add__wrapper label{
	margin-bottom:0px;
	font-weight:normal;
	font-size:16px;
	color:#fff !important;
}
.join-step-two-add__wrapper .close-add-person{
	background-image:url('inc/imgs/cancel.png');
	position:absolute;
	width:32px;
	height:32px;
	background-size:32px 32px;
	cursor:pointer;
    border-radius:100%;
    transition: background-color 0.5s ease;
    top:15px;
    right:15px;
}
.join-step-two-add__wrapper .close-add-person:hover{
	background-color: #444;
}

#setupform_step-2.blur{
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
/* end register step 2 */

.register-confirm__wrapper{
    background-color: #ee5723;
    background-color: var(--colour-contrast-danger--low);
}

.tml-profile code {
    background-color: #20356b;
    background-color: var(--colour-accent);
}

.field__wrapper input[type=file] {
    background-color: #00aeef;
    background-color: var(--colour-primary);
}

h3.popover-title {
	color: #20356b !important;
	color: var(--colour-accent) !important;
}


.notice{
	color: #333 !important;
}

/**********************************************/
/*           -- flash messages --- PVS        */
/**********************************************/

.flash-messages {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
}

.flash-message{
	font-weight: bold;
	color: #fff;
	padding-left: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.flash-message--info {
	background-color:  #00aeef;
}

.flash-message--error {
	background-color:  #ee2921;
}

.flash-message--success {
	background-color:  #50bb48;
}

/* end flash messages */

.dataTable td.child span.dtr-title {
    background-color: #20356b !important;
    background-color: var(--colour-accent) !important;
}

/**********************************************/
/*           Emergency banner                 */
/**********************************************/

.emergency-banner {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    background-color: #ee2a24;
    background-color: var(--colour-danger);
}
body div.emergency-banner h2 {
    padding: 0px;
    margin: 0px;
    color: #fff;
}

/* end emergency banner */

.vc_column-inner a{
    color: #231f20;
    text-decoration: underline;
}
.vc_column-inner a:hover{
    text-decoration: underline;
    color: #20356b;
    color: var(--colour-accent);
}

.select2-default {
    color: #20356b;
    color: var(--colour-accent);
}

/* to avoid white text on light blue bg*/
.organsation-table__title.address-only {
	color: #8cd8f8;
	color: var(--colour-contrast-primary--low);
}

/*******************************************************/
/* Form Hints                                          */
/*******************************************************/

.hint__wrapper{
	position: relative;
}
.hint__content::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #1770b8;
    border-bottom-color: var(--colour-contrast-primary--high);
}
.hint__content {
	z-index:9999;
	background-color: #1770b8;
	background-color: var(--colour-contrast-primary--high);
	color:#fff;
	position:absolute;
	top:100%;
	right:0;
	transform: translateY(-0%);
	width:100%;
	padding:15px;
	text-align:center;
	display:none;


}
.question-mark{
	position:absolute;
	top:50%;
	right:3px;
	height:25px;
	width:25px;
	transform: translateY(-50%);
	background-image:url('inc/imgs/question-mark3.png');
	background-size:25px 25px;
	cursor:pointer;
}
.tooltip__show{
	visibility:visible;
}

/* end form hints */

header .menu-title{
	float:left;
	line-height:110px;
	color: #00adef;
	color: var(--colour-primary);
}

ul.ui-autocomplete{
	max-height:75vh;
	overflow:scroll;`
	width:auto !important;
	overflow-x:hidden;`
}


@media only screen and (max-width: 1600px){
	.right-menu-absolute .middle-nav .icon-item {
		width: 140px;
		height: 140px;
		padding: 1px;
		margin-bottom: 10px;
	}
	.right-menu-absolute,
	.right-menu-absolute .top-nav,
    .right-menu-absolute .middle-nav {
		width: 400px;
	}

}

@media only screen and (min-width: 1800px){
	.right-menu-absolute .middle-nav .icon-item img{
		width:110px;
	}
}

@media screen and (max-width: 50000px) {
	#responsive-menu-button{
		height:auto !important;
		position:static !important;
		background:none !important;
		line-height:110px !important;
		color: #00adef !important;
		color: var(--colour-primary) !important;
		width:auto !important;
	}
	.responsive-menu-inner,
    .responsive-menu-inner::before,
    .responsive-menu-inner::after {
		height:4px !important;
		border-radius:0px !important;
		width:28px !important;
		transition: background-color 0.5s ease !important;
	}
	.responsive-menu-label{
		transition: color 0.5s ease !important;
	}

	.responsive-menu-label{
		margin-right:30px !important;
		margin-left:10px !important;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a{
		border:none !important;
		line-height: 50px !important;
		text-transform:capitalize;
	}

	#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
		border:none !important;
		height: 50px !important;
		line-height:50px !important;
		width:50px !important;
	}

	#responsive-menu-container .responsive-menu-submenu-open li a{
		background-color: #00aeef !important;
		background-color: var(--colour-primary) !important;
	}

	#responsive-menu-container #responsive-menu .responsive-menu-submenu-open li a:hover{
		background-color: #00aeef !important;
		background-color: var(--colour-primary) !important;
	}

}

/* @group pagination */
.zend-generic__wrapper  .paginate_button,
.zend-generic__wrapper  .paginate_active,
.paginate_button,
.paginate_active {

	background-color: #00aeef;
	background-color: var(--colour-primary, #00aeef);
    padding: 3px 10px;
    border-radius: 2px;
    transition: background-color 0.2s;
    border: none;

}
.paginate_button:hover,
.paginate_active:hover,
.paginate_button.current {
	background-color: #1770b8;
    background-color: var(--colour-contrast-primary--high, #1770b8);
}

.paginate_button.disabled {
	background-color: #081230;
    background-color: var(--colour-contrast-accent--highest, #081230);
}

.paginate_button + *,
* + .paginate_button {
    margin-left: 0.2em;
    margin-left: 0.2rem;
}

.paginate_button.disabled,
.paginate_button.disabled:hover {
	border-bottom: none;
    color: rgb(84, 84, 116);
    color: var(--colour-contrast-accent--low, rgb(84, 84, 116));
}
/* @end pagination*/

/* @group datatables */

.dataTables_length,
.dataTables_info {
    clear: both;
    float: left;
}
.dataTables_filter,
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* HACK add padding between filters, count, etc and table*/
.dataTables_filter label {
	margin-bottom: 15px;
}

.dataTable {
	clear: both;
}

.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}

.dataTables_info,
.dataTables_paginate {
    padding: 15px 0px;
}
.dataTables_wrapper {
	text-align: right;
}
.result_count {
	display: inline-block;
}


/* @end datatables*/

/* @group definition list */
.dl-table-like {
    display: table;
	padding: 0;
    margin: 0;
	min-width: 9rem;
}

.dl-table-like > div {
    display: table-row;
}

.dl-table-like dt,
.dl-table-like dd {
    display: table-cell;
    padding: 0.3em;
}
.dl-table-like dt {
	font-weight: bolder;
	text-align: right;
}

/* @end definition list */
/* @group print button */
/* NOTE rest in custom.css */
.organistaion-table__wrapper .DTTT_button_print span:hover {
    background-color: #062f5f !important;
    background-color: var(--colour-contrast-primary--high) !important;
}
/* @end print button */
/* @group feedback */
.badge-info,
.badge-success,
.badge-error,
.badge-notice {
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 0.2em 0.3em;
	min-width: 1.5em;
	text-align: center;
}

.badge-info {
	background-color: #00648f;
	background-color: var(--colour-info, #00648f);
}

.badge-success {
	background-color: #55ba47;
	background-color: var(--colour-success, #55ba47);
}

.badge-error {
	background-color: #aa3c0f;
	background-color: var(--colour-danger, #aa3c0f);
}

.badge-notice {
	background-color: #ed8b20;
	background-color: var(--colour-notice, #ed8b20);
}
/* @end feedback*/
/* @group HACK */

.main_menu--login {
	display: block !important;
}

/* HACK to fix elements with floated children please don't use otherwise */
.floating-children-fix {
    overflow: auto;
}
/* @end HACK */

/* NOTE replaced header with .page_header out because interfering with section header styles,  */
.page_header {
	background-color: rgba(255,255,255,0.7);
}

.header-strip-icon {
	margin: 0px 5px 3px 0px;
}

.header-strip {
    background-color: #20356b;
    background-color: var(--colour-accent);
}

.left-black-text li {
	color: #231f20;
	padding-top: 15px;
	font-size: 16px;
}

/* NOTE this is making a big assumption that labels are stacked above fields like on the sitrep form. */
.zend_form > * + dt {
    margin-top: 3em;
}

@media screen and (min-width: 400px) {
    .login_wrapper .login_content {
        left: auto;
        top: 13.5em;
    }


}
@media screen and (min-width: 800px) {
    .login_wrapper .login_content {
        top: 9.4em;
    }


}

/* MEDIA QUERIES */
@media only screen and (min-width: 770px){
	.logged-out.home .footer-logos__wrapper{
		/*position:absolute;
		bottom:1px;
		right:0px;*/
		position: relative;
	}
}


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

	.right-menu-absolute,.right-menu-absolute .top-nav {
		width: 400px;
	}


}

@media only screen and (max-width: 730px){
		.responsiveExpand {
			display: block !important;
		}
		.responsiveHidden {
			display: none !important;
		}
		TABLE.gj-grid-table.peopleTable td div[data-role="display"] {
				font-size: 1.2rem;
		}
}
@media screen and (min-width: 1150px){
    .breadcrumb {
        right: 80px;
        padding: 5px 0;
    }
    .content_inner .container_inner {
        padding: 40px !important;
    }

    .content_inner .container {
		padding-right: 540px;
        padding-left: 40px;
	}
	body.comms-view .content_inner .container{
		padding-right:40px;
	}
    .right-menu-absolute .middle-nav {
        min-height: 100%;
        min-height: 100vh;
        top: 110px;
        padding: 20px 50px;
    }

    .right-menu-absolute .middle-nav .icon-item img {
        margin: 5px 0 0 0;
    }

    .right-menu-absolute .middle-nav .icon-item span {
        display: block;
    }

    .right-menu-absolute .top-nav {
        background-color: white;
    }
}
@media screen and (max-width: 1150px){

    .right-menu-absolute .middle-nav {
        bottom: 0;
        width: 100%;
        text-align: center;
    }
    .right-menu-absolute .middle-nav .icon-item {
        float: none !important;
        width: 15%;
        height: 140px;
        position: relative;
    }
}

@media only print {
	.datatables__table.dataTable th, .gj-grid-table th, .datatables__table.dataTable th.sorting {
		font-weight: 500;
	}
	.datatables__table.dataTable td, .gj-grid-table td, .tablestats td {
		font-size: 11px;
		padding: 3px 8px;
		line-height: 15px;
		font-weight: 300;
	}
	.datatables__table.dataTable td a, .gj-grid-table tr a {
		font-weight: 300;
	}
	.datatables__table.dataTable th, .gj-grid-table th, .datatables__table.dataTable th.sorting {
		font-weight: 900;
		padding: 5px 10px;
	}
	dl {
		margin-bottom: 5px;
	}
	dt {
		margin-bottom: 0px;
	}
	h1 img {
		width: 30%;
		position: absolute;
		left: 0px;
		top: 0px
	}
	h1 {
		width: 65%;
		font-size: 16px;
		float: right;
		margin-top: 0px;
	}
	a[href]:after {
		content: none !important;
	}
	.datatables__table.dataTable th.sorting:nth-child(5) {
		min-width:175px;
	}
	.datatables__table.dataTable th.sorting:nth-child(1), .zend-generic__wrapper .tablestats th:nth-child(1) {
		min-width:160px;
		width:160px;
		max-width:160px;
	}
	.DTTT_print_info {
		display: none;
	}
}