/****************** Notes


outline: 1px dashed #7C7C; outline-offset: -1px;


****************/




/* Bootstrap 3 overides */

body {
  /* For the Footer Menu */
  padding-bottom: 0px;
  
}



/* BOOTSTRAP 4 Elements */

.wrapper {
	padding: 30px 0;
}




/**** BOOTSTRAP  hiders CSS *****/

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.invisible {
  visibility: hidden !important; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }





/**** BOOTSTRAP  4 CARD CSS *****/

.card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}

.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}

.card-inverse {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-header,
.card-inverse .card-footer {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .card-deck .card:not(:first-child) {
    margin-left: 15px;
  }
  .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }
}

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}




/* FONTS */


/* BODY FONT: Gotham Rounded */
@font-face {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-style: normal;
	font-weight: 400;
}

/* BODY FONT: Gotham Rounded Italic */
@font-face {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-style: italic;
	font-weight: 400;
}

/* BODY FONT: Gotham Rounded Bold */
@font-face {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-style: normal;
	font-weight: 700;
}

/* DISPLAY FONT:  Aeronic */
@font-face {
    font-family: 'aeronicregular';
    src: url('../fonts/aeronic-webfont.eot');
    src: url('../fonts/aeronic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aeronic-webfont.woff2') format('woff2'),
         url('../fonts/aeronic-webfont.woff') format('woff'),
         url('../fonts/aeronic-webfont.ttf') format('truetype'),
         url('../fonts/aeronic-webfont.svg#aeronicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* ------ WORDPRESS ADMIN ------ */

.logged-in-edit {
	 font-size: .7em;
}

.login-edit-panel {
 	 font-size: .7em;
}




/* ----------------------------------- Global ----------------------------------- */


body {
  font-size: 14px;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", Helvetica, Arial, sans-serif;
  word-wrap: break-word; /* fix for long links/words */
}

.default-layout  {
  background: #f6f3f3; /* Default page colour */		

}






/* ------- Helper Class -------- */

.clear {
	clear: both;
	
}

.padding-0 {
    padding: 0;
    
}



/* ------- Minor hacks for wordpress etc. ------ */

/* remove WP more link */
 a.more-link {
    display:none;
 }
 
/* Aids wow animation */
 .wow {
   visibility: hidden;
}




/* Link Stles */

a {
  color: #3344dd;  
  text-decoration: none;
  word-wrap: break-word; /* fix for long links/words */

}

a:focus, a:hover {
    color: #6231af;
    text-decoration: underline;

}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;

}

.default-layout a:hover {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	transition-duration: 0.7s; /*  Global link fade on hover */

}


.default-layout a.no-transition,
.default-layout .no-transition a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    -webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s; 
}



/** BACKGROUND COLOURS **/

.default-layout .extra-dark-bg {
	background-color: #272e32 !important;
}

.default-layout .semi-op-dark-bg {
/**	background-color: rgba(40, 47, 51, 0.72); **/
	background-color: rgba(237,235, 22, 0.7);
}

.default-layout .dark-bg {
	background-color: #293338;
}


.default-layout .light-grey-bg {
	background-color: #F1F1F1;
}

.default-layout .yellow-bg {
	background: #f3d250;
	
}



/* Type */


/* Headings */
h1, h2, h3, h4, h5 {
	font-weight: 700; /* Gotham Rounded Bold */
	margin-top: 0;
}

/* Aeronic Header font - Default layout only */
.default-layout  h1, .default-layout  h2, .default-layout h3 {
	font-family: 'aeronicregular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 40px;
}


/* TYPE: CONTENT INVERSE */

.default-layout .content-inverse, 
.default-layout .content-inverse h1,
.default-layout .content-inverse h2,
.default-layout .content-inverse h3,
.default-layout .content-inverse h4,
.default-layout .content-inverse ul li,
.default-layout .content-inverse ul li:before {
	color: #fff;
}

.default-layout .content-inverse  a {
	color: #d1bef0;
	
}

.default-layout .content-inverse a:hover,
.default-layout .content-inverse a:focus {
	color: #b393e8;
	
}

.default-layout .content-inverse > .active > a,
.default-layout .content-inverse > .active > a:hover,
.default-layout .content-inverse > .active > a:focus {
	color: #b393e8;
	
}





/* Global  RESPONSIVE BITS */


@media (min-width: 768px /* Global 768px & UP  (Changes with main menu) */ ){

	.default-layout  h1, .default-layout  h2, .default-layout h3 {
		font-size: 50px;
		
	}
	
}


@media (min-width: 991px) /* Global   991px & UP     border: red solid 1px;    */ {

	/* Aeronic Header font - Default layout only */
	.default-layout  h1, .default-layout  h2, .default-layout h3 {
		font-size: 55px;
		
	}
	
	body {
	  font-size: 16px;

	}

}

@media (min-width: 1200px)  /* Global   1200pxpx & UP   */ {

	/* Aeronic Header font - Default layout only */
	.default-layout  h1, .default-layout  h2, .default-layout h3 {
		font-size: 60px;
		
	}

}










/* -------------------------- HEADER ----------------------------- */


/* Nav */
/* Main Menu */


.menu-item {
    float: left;
    width: auto;
    display: inline;
}

/*fix for bootstrap 3 mobile menu  	outline: 1px dashed #7C7C; outline-offset: -1px;*/
.navbar-nav {


	margin: 0;
	padding: 0;
}

.navbar-nav .nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

/*for mobile menu full with*/
.main-menus .menu-item {
	width: 100%;
}



.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: transparent;
}


.main-menus .nav-link {
	color: rgba(255, 255, 255, 0.80);
}

.main-menus  .nav-link:focus, .main-menus .nav-link:hover {
	color: #fff;
	text-decoration: none;

}

/* Mobile styles for menu */
.wrapper-navbar .container {
	padding: 0px;
}

.navbar-inverse {
  border-color: transparent; /*for bootstrap 3 */
}

.wrapper-navbar .navbar {
	padding: 5px 0px 15px 0px;
	margin: 0px;
}



.main-menus .nav-link {
	margin: 0px;
	padding: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
	
}


.navbar-toggler {
	border: 2px solid #fff;
	color: #fff;
	margin-top: 7px;
	margin-right: 20px;
	margin-left: 0px;
	opacity: .8;
	padding: 4px 8px;
	border-radius: 0rem;
}

.navbar-toggler:hover {
	opacity: 1;
}

.navbar .container .navbar-brand {
	margin: 0px;
    padding: 4px 5px 5px 20px;
	width: 125px; /* Navbar logo size on scroll */
	height: 30px; /*for IE*/
}

.navbar .container {
	
}

/* MAIN MENU - RIGHT MENU */

#right-menu {
	
}

/* HIDE MENU ITEMS ON MOBILE */
/* #right-menu .social-menu-item, */
#right-menu .hide-btn {
	display: none;
	
}



/* MAIN MENU - RIGHT MENU */


#right-menu .social-menu-item {
	width: auto;	
}

#right-menu .social-menu-item a {
	border-bottom: transparent;	
	margin-top: 10px;
}




#right-menu .instagram-menu-item a {
	background: url(../images/instagram-white-20px.png) no-repeat;
	background-position: 20px 20px;

} 

#right-menu .twitter-menu-item a {
	background: url(../images/twitter-white-22x20px.png) no-repeat;
	background-position: 20px 20px;
	
} 

#right-menu .youtube-menu-item a {
	background: url(../images/youtube-white-29x20px.png) no-repeat;
	background-position: 20px 20px;
} 

#right-menu .social-menu-item a span {
	display: block;
	text-indent:-9999px;
	width: 20px; 
	
} 






/* Buttons */



.btn-default:focus,
.btn-default.focus {
 
  background-color: transparent;
  border-color: #000;
}
.btn-default:hover {

  background-color: transparent;
  border-color: #000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {

  background-color: transparent;
  border-color: #000;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  background-color: transparent;
  border-color: #000;
}






.btn,
.gform_button  {
	color: #000;
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    border: 2px solid #000;
	padding: 5px 7px;
    border-radius: 0;

}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus,
.btn:active:focus, .btn:focus {


}

.btn.focus, .btn:focus, .btn:hover {
    color: #000;

}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;

}





.btn-big,
.gform_button {
    box-shadow: 0 8px #000; /* Button Base - changes on hover/active with transform/box-shadow */
    padding: 10px 20px;
    background-color: #FFF7B0;
    margin-bottom: 20px;
	color: #000 !important;
	font-size: 1em;
}

.btn-big.focus, .btn-big:focus, .btn-big:hover,
.gform_button.focus, .gform_button:focus, .gform_button:hover {
    box-shadow: 0 6px #000;
	transform: translateY(2px);
	background-color: #fff38d !important;
}

.btn-big.active, .btn-big:active {
    box-shadow: 0 3px #000;
	transform: translateY(5px);
	background-color: #ffef57 !important;

}



/* Reach Logo Header */

.navbar .container h1 {
	padding: 0px;
	margin: 10px 15px 0px 0px;
	font-size: 16px;
}


/* Reach Logo SVG */


.reach-logo-link svg {
	fill: rgb(255,255,255);

}

.reach-logo-rev-link svg:hover .fill1 {
	fill: #FFFABC; /* LIGHT YELLOW */
}

.reach-logo-rev-link svg:hover .fill2 {
	fill: #F6ADCD; /* LIGHT PINK */
}

.reach-logo-rev-link svg:hover .fill3 {
	fill: #BADE87; /* LIGHT GREEN */
}

.reach-logo-rev-link svg:hover .fill4 {
	fill: #C0C1E1; /* LIGHT PURPLE */
}

.reach-logo-rev-link svg:hover .fill5 {
	fill: #94D9F8; /* LIGHT BLUE */
}

.reach-logo-rev-link svg:hover .fill6 {
	fill: #F6ADCD; /* LIGHT PINK */
}

.reach-logo-rev-link svg:hover .fill7 {
	fill: #FFFABC; /* LIGHT YELLOW */
}

.reach-logo-rev-link svg:hover .fill8 {
	fill: #94D9F8; /* LIGHT BLUE */
}

.reach-logo-rev-link svg:hover .fill9 {
	fill: #FFFABC; /* LIGHT YELLOW */
}

.reach-logo-rev-link svg:hover .fill10 {
	fill: #BADE87; /* LIGHT GREEN */
}

.reach-logo-rev-link svg:hover .fill11 {
	fill: #F6ADCD; /* LIGHT PINK */
}


/* Animation of logo fill */

.ani-ease-0-2 {
	-webkit-transition: fill .2s ease-in-out;
	-moz-transition: fill .2s ease-in-out;
	-o-transition: fill .2s ease-in-out;
	transition: fill .2s ease-in-out;

}

.ani-ease-0-5 {
	-webkit-transition: fill .5s ease-in-out;
	-moz-transition: fill .5s ease-in-out;
	-o-transition: fill .5s ease-in-out;
	transition: fill .5s ease-in-out;

}

.ani-ease-0-7 {
	-webkit-transition: fill .7s ease-in-out;
	-moz-transition: fill .7s ease-in-out;
	-o-transition: fill .7s ease-in-out;
	transition: fill .7s ease-in-out;

}

.ani-ease-0-9 {
	-webkit-transition: fill .9s ease-in-out;
	-moz-transition: fill .9s ease-in-out;
	-o-transition: fill .9s ease-in-out;
	transition: fill .9s ease-in-out;

}

.ani-ease-1 {
	-webkit-transition: fill 1s ease-in-out;
	-moz-transition: fill 1s ease-in-out;
	-o-transition: fill 1s ease-in-out;
	transition: fill 1s ease-in-out;

}

.ani-ease-1-4 {
	-webkit-transition: fill 1.4s ease-in-out;
	-moz-transition: fill 1.4s ease-in-out;
	-o-transition: fill 1.4s ease-in-out;
	transition: fill 1.4s ease-in-out;

}

.ani-ease-1-7 {
	-webkit-transition: fill 1.7s ease-in-out;
	-moz-transition: fill 1.7s ease-in-out;
	-o-transition: fill 1.7s ease-in-out;
	transition: fill 1.7s ease-in-out;

}

.ani-ease-2 {
	-webkit-transition: fill 2s ease-in-out;
	-moz-transition: fill 2s ease-in-out;
	-o-transition: fill 2s ease-in-out;
	transition: fill 2s ease-in-out;

}

.ani-ease-2-3 {
	-webkit-transition: fill 2.3s ease-in-out;
	-moz-transition: fill 2.3s ease-in-out;
	-o-transition: fill 2.3s ease-in-out;
	transition: fill 2.3s ease-in-out;

}

.ani-ease-3 {
	-webkit-transition: fill 3s ease-in-out;
	-moz-transition: fill 3s ease-in-out;
	-o-transition: fill 3s ease-in-out;
	transition: fill 3s ease-in-out;

}








/* ----------------------------------- Header ----------------------------------- */




/* HEADER RESPONSIVE BITS */


@media (min-width: 768px /* HEADER 768px & UP  (Changes with main menu) */ ){
	

	/*for mobile menu full with*/
	.main-menus .menu-item {
		width: auto;
	}


	.wrapper-navbar .navbar {
		padding: 0px; 
		margin-top: -8px; /* fix for gap at top of main menu on desktop */
	}
	
	.main-menus {
		/* width: 70%; */

	}
		
	/* Reach Logo Header */

	.navbar .container h1 {
		margin: 0px;

	}

	.navbar .container h1 .navbar-brand {
		padding-top: 16px ;
	}
		



	
	/* Navbar - Scale on scroll (requires .JS function to work) */
	.navbar .container .navbar-brand,
	.default-layout .navbar-brand .reach-logo-svg,
	.default-layout .smaller .navbar-brand .reach-logo-svg,
	.simple-layout .main-menus .nav-link,
	.default-layout .main-menus .nav-link,
	.default-layout .smaller .main-menus .nav-link {
	    -webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		transition-duration: 0.3s;  /* Scaling transition */
	
	}
	
	
	
	/* Switch from mobile to desktop menu links  */
	.navbar .main-menus .nav-link {
		margin: 0px;
		padding: 40px 10px 20px 10px;
		border-bottom: none;
	}
	
	
	
	.simple-layout .navbar .main-menus .nav-link,
	.default-layout .smaller .navbar .main-menus .nav-link {
		padding: 20px 10px 10px 10px;
	}
		
	.default-layout .navbar .container .navbar-brand {
		width: 220px; /* Navbar logo size before scroll */
		height: 75px; /*for IE*/
	}


	.default-layout .container .navbar-brand .reach-logo-svg {
		width: 180px; /* Navbar logo size before scroll */
		height: 55px; /*for IE*/	
	}
	
	
	.default-layout .smaller .navbar .container .navbar-brand {
	    width: 120px; /* Navbar logo size on scroll */
		height: 50px; /*for IE*/
	}
	

	.simple-layout  .container  .navbar-brand .reach-logo-svg,
	.default-layout .smaller .container .navbar-brand .reach-logo-svg {
	    width: 75px; /* Navbar logo size on scroll */
		height: 24px; /*for IE*/
	}
	
	
	
	
	/* MAIN MENU - RIGHT MENU */
	
	#right-menu {
		float: right;
		
	}
	

	
	#right-menu .hide-btn {
		display: block;
		
	}
	
	
	#right-menu .social-menu-item a {
		margin-top: 0px;
		background-position: 10px 40px;
		
	}


	


	.smaller #right-menu .social-menu-item a,
	.simple-layout #right-menu .social-menu-item a {
		background-position: 10px 22px;
		
	}
	

	
	
	/* 'HIDE PAGE' BUTTON ON MAIN MENU */
	
	#right-menu .hide-btn a {
		background-color: rgba(255,  0,  0, 0.19);
		margin-left: 5px;
	}
	
	#right-menu .hide-btn a:hover {
		background-color: #ff0202;
	}
	
}



@media (min-width: 991px) /* HEADER  991px & UP     border: red solid 1px;    */ {
	
	
	/* Switch from mobile to desktop menu links -  Note controls menu depth */
	.navbar .main-menus .nav-link {
		padding: 40px 20px 20px 20px;

		
	}
	
	.simple-layout .navbar .main-menus .nav-link,
	.default-layout .smaller .navbar .main-menus .nav-link {
		padding: 20px 20px 10px 20px;
		
	}
	
	


	

}

@media (min-width: 1200px)  /* CARDS  1200pxpx & UP   */ {

	/* SOCIAL BUTTONS ON MAIN MENU */

	#right-menu .social-menu-item a span {
		text-indent: 18px;
		width: auto;
	} 


}





/*  ===================    PAGE      ===================   */



.default-layout #page-wrapper {
	padding-top: 80px; /*  80to space out for fixed menu */
	padding-bottom: 0px;
	
}




/*  PAGE  RESPONSIVE BITS  */


@media (min-width: 544px /* HEADER 544px & UP  col-sm-   */ ){

	.default-layout #page-wrapper {
		padding-top: 100px; /* 140 to space out for fixed menu */

	}

}


@media (min-width: 768px /* HEADER 768px & UP  .col-md-  */ ){

	.default-layout #page-wrapper {
		padding-top: 120px; /* 140 to space out for fixed menu */

	}

}







/*  ===================    HOMEPAGE      ===================   */



.home {
	transition: background-color 500ms; /* for homepage colour change */
	will-change: background-color;  /*for homepage colour change*/
	background-color: #272e32;  /* was #3498db  */

}


/*  HOMEPAGE INTRO  */

.default-layout .intro-container {
	background: url(../images/shad-600px.png) no-repeat;
	background-size: 500px;
	background-position: center 100px;
	
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translateZ(0);
}


.default-layout #intro {

}


.default-layout .hompage-intro {
	padding-top: 20px; /* Spacer for intro on hompage */
}



.ani-heading {
	display: inline-block;
	padding: 4px;
	color: #000;
	background: #FFF;

}

.ani-heading h2 {
	font-size: 30px;  /*  mobile size  */
	line-height: 25px;
	margin-bottom: -2px;

}

 #intro .reach-logo-svg {
	width: 120px; /* mobile size */
	height: 35px; /*for IE*/
	margin-bottom: -8px;

}


ani-heading-svg {
	
}

.default-layout .ani-heading1 {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);

}


.default-layout .ani-heading2 {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);

}

.default-layout .ani-heading3 {


}

.default-layout .ani-heading4  {
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	margin-top: -4px;
	
}



#intro .reach-logo-svg .fill1 {
	fill: #00A69C;
}

#intro .reach-logo-svg  .fill2 {
	fill: #262261;
}

#intro .reach-logo-svg  .fill3 {
	fill: #25A9E0;
}

#intro .reach-logo-svg  .fill4 {
	fill: #298473;
}

#intro .reach-logo-svg  .fill5 {
	fill: #009345;
}

#intro .reach-logo-svg  .fill6 {
	fill: #25A9E0;
}

#intro .reach-logo-svg  .fill7 {
	fill: #009345;
}

#intro .reach-logo-svg  .fill8 {
	fill: #262261;
}

#intro .reach-logo-svg  .fill9 {
	fill: #00A69C;
}

#intro .reach-logo-svg  .fill10 {
	fill: #009345;
}

#intro .reach-logo-svg  .fill11 {
	fill: #25A9E0;
}


.default-layout .intro-panel {
	padding: 0px;
	will-change: background;  /*for homepage colour change*/
	background-color: #272e32; 
	overflow: auto;
	
}



.default-layout .intro-panel p {
	margin: 0px;
	padding:  0px;
}


.default-layout .white-overlay {
	background-color: rgba(255, 255, 255, 0.79);
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
	overflow: auto;
	
}



.simple-layout .intro-panel {
	background-color:  #fff !important;
	
}


.btn-bottom-right {
	margin-left: 15px;
	
}




/*  HOMEPAGE Section panel  */


.default-layout .large-help-me-panel {
	background: #FFFDED;
	margin-bottom: 0px;
	border-bottom: #465258 1px solid;

}

.default-layout .large-help-me-panel h2 {
	font-size: 30px;
	
}

.section-panel-content {
	padding: 20px;
	
}

.default-layout .minor-heading {
	font-family: 'aeronicregular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-size: 24px;
	line-height: 24px;
	
}


/*Mobile sizes here*/
.default-layout .intro-bg-image {
	margin-top: -140px;
	padding: 140px 15px 50px 15px;
	margin-left: -15px;
	margin-right: -15px;
}


.default-layout .intro-bg-image-1 {
	background: url(../images/r009-girl-looking-up-orange-600px.png) no-repeat;
	background-size: 220px;
	background-position: 80px bottom;

}

.default-layout .intro-bg-image-2 {
	background: url(../images/r011-asian-boy-wearing-tie-green-600px.png) no-repeat;
	background-size: 220px;
	background-position: 80px bottom;

}

.default-layout .intro-bg-image-3 {
	background: url(../images/r001-girl-blue-600px.png) no-repeat;
	background-size: 220px;
	background-position: 80px bottom;

}

.default-layout .intro-bg-image-4 {
	background: url(../images/r002-lad-braces-purple-600px.png) no-repeat;
	background-size: 220px;
	background-position: 80px bottom;

}




/* Simple Layout intro images */


.default-layout .simple-intro-image-container {
	display: none;
}


.simple-layout .simple-intro-image-container {
	margin: 0px 20px 20px 0px;
	float: right;
	width: 150px;
	height: 150px;
	background-color: black;
}

.simple-layout .simple-intro-image {
	width: 150px;
	height: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: -10px;
	
}

.simple-layout .simple-intro-bg-image-1 {
	background: url(../images/r009-girl-looking-up-orange-600px.png) no-repeat;
	background-position: center  bottom; /*Positioning*/
	background-size: 190px;
	
}

.simple-layout .simple-intro-bg-image-2 {
	background: url(../images/r011-asian-boy-wearing-tie-green-600px.png) no-repeat;
	background-position: center  bottom; /*Positioning*/
	background-size: 190px;

}

.simple-layout .simple-intro-bg-image-3 {
	background: url(../images/r001-girl-blue-600px.png) no-repeat;
	background-position: center  bottom; /*Positioning*/
	background-size: 190px;

}

.simple-layout .simple-intro-bg-image-4 {
	background: url(../images/r002-lad-braces-purple-600px.png) no-repeat;
	background-position: center  bottom; /*Positioning*/
	background-size: 190px;

}



.default-layout .overlay-image {

}

.mobile-image-container { /*  to remove ? */
	margin: 10px 20px 20px 0px;
	float: left;
	width: 100px;
	height: 100px;
	background-color: black;

}

.mobile-image { /*  to remove ? */
	width: 100px;
	height: 110px;
	padding-top: 10px;
	margin-top: -10px;

}

.overlay-image {  /*  to remove ? */
	padding-top: 30px;
	margin-top: -30px;

}
.home-related-posts {
	margin-top: 28px;
	margin-bottom: 28px;
	
}





/*  HOME RESPONSIVE BITS Bootstrap 4*/

@media (min-width: 544px /*  HOMEPAGE 544px & UP  col-sm-   */ ){
	
	
	

	.default-layout .hompage-intro {
		padding-top: 30px; /* Spacer for intro on hompage */
	}


	
	.default-layout .intro-container {
		background-size: 500px;
		background-position: center 150px;

	}
	
	
	.default-layout .large-help-me-panel h2 {
		font-size: 38px;
	
	}
	
	.default-layout .intro-bg-image {
		background-position: 60px bottom;
		background-size: 290px;
	
	}
	
	
	

	.default-layout .large-help-me-panel {
		margin-bottom: 20px;
		border-bottom: none;
		
	}



}



@media (min-width: 768px /* HOMEPAGE 768px & UP  .col-md-  */ ){
	
	
	.default-layout .hompage-intro {
		padding-top: 0px; /* Spacer for intro on hompage */
	}
	


	
	.default-layout .homepage-cards  .col-md-12,
	.default-layout .index-container .col-md-12 {
		padding-right: 0px;
		padding-left: 0px
	}
	
	
	
	.default-layout .minor-heading {
		font-size: 30px;
		line-height: 30px;
	}


	
	.default-layout .white-overlay {
		padding-top: 40px;
		padding-bottom: 40px;	
	}
	
	.default-layout .intro-panel .entry-content {
		padding: 0px 0px 0px 20px;
	
	}
	
	
	.default-layout .btn-bottom-right {
		position: absolute;
	/*	right: 30px;
		bottom: 20px; */
	}
	
	
	.default-layout #intro {
		padding-left: 60px;
	}


	.default-layout .intro-container {
		background-size: 768px;
		background-position: center 100px;

	}
	
	
	.default-layout .large-help-me-panel h2 {
		font-size: 45px;
	
	}
	
	.default-layout .intro-panel {
		margin-top: -10px;
		-moz-transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		-ms-transform: rotate(-1deg);
		transform: rotate(-1deg);
	
	}

	.default-layout .intro-panel .btn {
		margin-top: 25px;

	}

	


	.ani-heading h2 {
		font-size: 50px;
		line-height: 45px;
		margin-bottom: -2px;

	}

	 #intro .reach-logo-svg {
		width: 180px;
		height: 55px; /* FOR IE */
		margin-bottom: -8px;

	}


	.default-layout .intro-bg-image {
		margin-top: -140px;
		padding-top: 140px;
		background-position: 200px bottom;
		background-size: 410px;

	}





	/* Simple Layout intro images */



	.simple-layout .simple-intro-image-container {
		width: 200px;
		height: 200px;

	}

	.simple-layout .simple-intro-image {
		width: 200px;
		height: 210px;
		background-size: 245px;

	}



}


@media (min-width: 991px) /*  HOMEPAGE 991px & UP   .col-lg-    */ {
	
	
	.default-layout .large-help-me-panel {
		padding-top: 30px;
		margin-bottom: 40px;
	}
	
	.section-panel-content {
		padding: 20px 20px 30px 20px;

	}
	
	
	.default-layout .intro-panel .entry-content {
		padding: 0px;
	
	}
	
	.default-layout .intro-panel  {
		margin-bottom: -10px

	}
	
	
	.default-layout #intro {
		padding-left: 80px;
	}


	.default-layout .intro-container {
		background-size: 991px;
		background-position: center bottom;
		margin-bottom: 10px;
	}
	
	.default-layout .large-help-me-panel h2 {
		font-size: 50px;
	
	}

	
	.default-layout .mobile-image-container { /*  to remove ? */
		display: none; /* hide th smaller image on desktop size */

	}


	.ani-heading h2  {
		font-size: 60px;
		line-height: 50px;
		margin-bottom: -2px;

	}

	 #intro .reach-logo-svg {
		width: 220px;
		height: 65px; /* FOR IE */
		margin-bottom: -9px;

	}
	
	.default-layout .intro-bg-image {
		background-position: 200px bottom;
		background-size: 440px;

	}






	/* Simple Layout intro images */

	.simple-layout .simple-intro-image-container {
		width: 240px;
		height: 240px;

	}

	.simple-layout .simple-intro-image {
		width: 240px;
		height: 250px;
		background-size: 280px;

	}


}

@media (min-width: 1200px)  /*  HOMEPAGE  1200pxpx & UP  col-xl-  */ {
	
	
	
	.default-layout .large-help-me-panel {
		padding-top: 40px;
		margin-bottom: 40px;
	}
	
	.section-panel-content {
		padding: 20px 20px 40px 20px;
		
	}
	
	.default-layout .large-help-me-panel h2 {
		font-size: 60px;
	
	}

	
	
	
	.default-layout #intro {
		padding-left: 100px;
		
	}


	
	.default-layout .btn-bottom-right {
		right: 165px;
	}
	
	
	.default-layout .intro-bg-image {
		padding-bottom: 100px;
	}

	.ani-heading h2  {
		font-size: 70px;
		line-height: 60px;
		margin-bottom: -2px;

	}

	 #intro .reach-logo-svg {
		width: 320px;
		height: 95px; /* FOR IE */
		margin-bottom: -9px;
	}
	
	.default-layout .intro-bg-image {
		background-position: center bottom;
		background-size: 540px;

	}





	/* Simple Layout intro images */

	.simple-layout .simple-intro-image-container {
		width: 300px;
		height: 300px;

	}

	.simple-layout .simple-intro-image {
		width: 300px;
		height: 310px;
		background-size: 360px;

	}



}





/* ----------------------------------- CONTACT PAGE ----------------------------------- */



.default-layout .contact-wrapper {
	background-color: rgba(243, 210, 81, 0.59);
	padding-bottom: 0;
	
}



.default-layout .speech-angle-top {
	margin-left: 40px;
	width: 0;
	height: 0;
	border-bottom: 80px solid #f3d250;
	border-left: 80px solid transparent;
	
}



/* Aeronic Header font - Default layout only */
.default-layout .form-container h1,  .default-layout  .form-container h2, .default-layout .form-container h3 {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	font-size: 1.4em;
	
}

.form-container {
	padding-top: 30px;
	padding-bottom: 30px;
	
}






/* ------------- Gravity Forms ----------------*/

.gform_wrapper .ginput_complex input[type=text],
.gform_wrapper textarea.medium,
.full-width-gform input {
		width:100% !important;  /* setting full width  need to look at removing the important tag */

}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper textarea.medium  {
	border: 2px;
	border-style:  solid;
	font-size: 1.2em;
	padding:9px;
	border-color: #f3d250;

}

.gfield_select {
	padding: 20px !important ;
	border: rgba(92, 92, 92, 0.6) solid 1px !important;
	
	}
.gform_wrapper .gform_body .gform_fields .gfield_label {
		padding-top: 10px;
	}
	
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox,
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0 !important;
}



/* legend-fix - bootstrap overide for gravity */
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    font-size: 1em;
 
    font-weight: 700;
    line-height: 1.3;
}




/*  ===================   BLOG INDEX   ===================   */


/* Blog Header/Menu */


.default-layout.blog,
.default-layout.archive,
.default-layout.single,
.default-layout.search {
	background-color: rgba(72, 47, 126, 0.29); /*  Blog Colour  */

}


.default-layout #wrapper-index,
.default-layout #wrapper-category,
.default-layout #single-wrapper,
.default-layout #archive-wrapper {
	padding-top: 120px;   /* to space out for fixed menu */ 
	padding-bottom: 2px;
}


.default-layout .blog-name {
	margin-top: -40px;
	padding-bottom: 20px;
	
}


.default-layout .blog-name h2 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	font-size: 2em;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);

}

.default-layout .blog-name h2  {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px;

}

.default-layout .blog-name  h2 span {
    box-shadow: 15px 0 0 #482f7c, -15px 0 0 #482f7c;
    background-color: #482f7c;
    box-decoration-break: clone;
    color: #fff;
}







/* BLOG Nav */

/* container for the whole  blog nav area */
.default-layout .blog-nav {
	background-color: #2d2245;  /*  Blog Colour Dark  */
	padding-top: 40px;
	margin-top: -58px;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

/* container for the blog nav menu */
.blog-menu {
	padding-top: 0px;
	
}


/* force blog nav menu items under button */
#collapsesubnav,
.subnavbar-nav-container  {
	width: 100%; /* forces menu under button on mobile */

}

.navbar-collapse {

  border-top: none;
  box-shadow: none;

}





/* mobile styleing for blog menu dropdown */
.blog-nav .dropdown-menu {
	background-color: #2d2245;  /*  Blog Colour Dark  */
	position: relative;
	width: 100%;
	border: 0;
	
}


.default-layout .subnav-toggle {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	margin: 0px;
	opacity: .8;
	padding: 6px 10px;
	border-radius: 0rem;
}

.default-layout .subnav-toggle:hover {
	background:  #482f7c; /*  Blog Colour  */
	opacity: 1;
}


/* Blog Right Menu */

.blog-right-menu {
	position: absolute;
	top: 0px;
	right: 15px;
}

.blog-right-menu .tag-toggle {
 	display: inline-block;
}

.blog-right-menu .search-toggle {
 	display: inline-block;
 	width: 40px;
}

.default-layout .blognav-toggle:hover {
	background:  #482f7c; /*  Blog Colour  */
}


/* for bootstrap 3 mobile menu */
.blog-nav  .menu-item {
	width: 100%;
}




.blog-nav .navbar-nav .nav-link, 
.blog-nav .dropdown-menu .menu-item a {
	width: 100%;
	padding: 10px;
	margin: 0px;
	color: rgba(255, 255, 255, 0.80);
}

.blog-nav .dropdown-menu .menu-item a:hover {
   	background-color: #190f2e; /* Background of dropdown on hover  */
   	color: #fff;
}


.blog-nav .blog-navbar-toggle {
	float: none;
	color: #fff;

}


.blog-nav .navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, 0.80);
    padding-left: 10px;
    padding-right: 10px;

}

.blog-nav .navbar-dark .navbar-nav .nav-link:focus, 
.blog-nav .navbar-dark .navbar-nav .nav-link:hover {
      color: #fff;

}







/* BLOG TAG LINKS */


.tags-links a::before {
    content: '#';

}

.tags-links a:after {

}


.tag-nav {
	margin-bottom: 30px;
	
}



/*  Bog nav tag menu - hiden on load with Bootstrap collapse toggle  */

.tag-menu {

	padding: 20px;
	overflow: auto;
	margin: 15px 0px;
	
}


.tag-menu ul {
	margin: 0px;
	padding: 0px;

}

.tag-menu ul li {
	float: left;
	display: block;
	margin: 3px;
	font-size: .8em;
	line-height: 1.4em;
}


.tag-menu ul li:after {
 

}




/*  Blog nav Search Bar */


/*  Holds the searchbar hidden on load (jquery open/close) */
#formsearch  {
    display: none;
}


.searchbardiv {
	width: 100%;
	overflow: auto;
	padding:  20px 15px 10px 15px;
}

/*search button */
.searchbardiv .btn {  
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: solid #fff 2px;
	background: none;
	padding: 10px 20px 10px 20px;
	opacity: .8;
	text-decoration: none;
	color: #fff;
}

/*search button active */
.searchbardiv .btn:hover, .searchbardiv .btn:focus, .searchbardiv .btn.focus { 
	border: solid #fff 2px;
	color: #fff;
	background:  #482f7c; /*  Blog Colour  */
	opacity: 1;
}

/*search input area*/
.searchbardiv .form-control { 
	font-size: 16px;
	height: 44px;
	border: none;
	background: #fff;
	opacity: .8;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}









/* BLOG CATEGORY */

.category-intro {

}

.default-layout .category-description  {
	padding: 10px;
	background-color: #fff; 
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);

}

.category-intro-container {
	
}

.default-layout .category-intro h3 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	font-size: 2em;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px 5px 10px;
    margin: 12px 0px 0px 0px;
    z-index: 1;
}

 
.default-layout .category-intro h3 span {
	box-shadow: 15px 0 0 #2d2245, -15px 0 0 #2d2245;
	background-color: #2d2245;  /*  Blog Colour Dark  */
	box-decoration-break: clone;
	color: #fff;
}








/* WP PAGENAVI */


.wp-pagenavi {
	font-size: 16px;
	background-color: #2d2245;  /*  Blog Colour Dark  */
	padding: 20px;
	margin-top: 40px;
	margin-left: -15px;
	margin-right: -15px
}

.wp-pagenavi .extend,
.wp-pagenavi .pages {
	border: none;
	color: #beade2;
	font-size: .8em;
}


.wp-pagenavi a {
	padding: 5px 10px;
	margin: 5px;
	color: #fff;
	border: solid 2px  #fff;
	opacity: .8;
}

.wp-pagenavi a:hover {
	text-decoration: none;
	color: #fff;
	border: solid 2px #fff;
	background:  #482f7c; /*  Blog Colour  */
	opacity: 1;
}

.wp-pagenavi .current {
	padding: 5px 10px;
	margin: 5px;
	color:  #482f7c; /*  Blog Colour  */
	background: #fff;
	border: solid 2px #fff !important;
	opacity: .8;
}









/*  BLOG INDEX RESPONSIVE BITS Bootstrap 4*/

@media (min-width: 544px /*  BLOG INDEX  544px & UP  col-sm-   */ ){
	
	/*  Various scaling for the blog nav  */
	.default-layout .blog-nav {
		clear: both;
		padding-top:  40px;
		margin-top: 0px;
		margin-bottom: 20px;
		border-radius: .25rem;
	}

}



@media (min-width: 768px /* BLOG INDEX  768px & UP  .col-md-  */ ){
	
	
	
	
	/* mobile styleing for blog menu dropdown */
	.blog-nav .dropdown-menu {
		width: auto;
	}
	
			
	/* for bootstrap 3 mobile menu */
	.blog-nav .dropdown-menu  .menu-item {
		clear: both;
	}
		
		
	/* for bootstrap 3 mobile menu */
	.blog-nav  .menu-item {
		width: auto;
	}

	
	/*  Various scaling for the blog nav  */
	.default-layout .blog-nav {
		margin-top: 15px;
		padding-top:  0px;
	}

		
	.wp-pagenavi {
		border-radius: .25rem;
	}
	
	.default-layout #wrapper-index,
	.default-layout #wrapper-category,
	.default-layout #single-wrapper,
	.default-layout #archive-wrapper {
		padding-bottom: 30px;
	}

}


@media (min-width: 991px) /*  BLOG INDEX  991px & UP   .col-lg-    */ {
	
	
	.default-layout .navbar-toggler:after {  /*  Romove subnav arrows at smaller desktop sizes */
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: 0;
	    vertical-align: middle;
	    border-top: 0;
	    border-right: 0;
		border-left: 0;

	}
	
	.subnavbar-nav {
		width: intrinsic;
		float: left;
	}

	.subnavbar-nav-container {
		width: intrinsic;
		float: left;
		padding-left: 0px;
	}

	.category-description p {
		margin-right: 100px;
	}

	.blog .blog-name h2 {
		font-size: 3em;
	}
	
	
}

@media (min-width: 1200px)  /*  BLOG INDEX    1200pxpx & UP  col-xl-  */ {

	.default-layout  .dropdown-toggle:after { /*  Bring back in arrows at large desktop size */
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: .3em;
	    vertical-align: middle;
	    border-top: .3em solid;
	    border-right: .3em solid transparent;
	    border-left: .3em solid transparent
	}



}








/*  Blog Single  */



.default-layout .single-sidebar {
	padding-top: 30px;
	padding-bottom: 60px;
}

.default-layout.single .entry-header {
	padding: 0px; /*  To cancl pad for imag headers  */
}

.default-layout.single-format-standard .content-area {
	padding-top: 30px;
	background-color: #fff;
	padding-bottom: 30px;
}

.default-layout .blog-related-bg { 
	background-color: rgba(72, 46, 126, 0.4); /*  Blog Colour  */
}







.newspanelimgbg,  
.default-layout .single-featured-bg-img {   /* RIK need to change class name here*/
	overflow: auto;
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
	padding-right: 15px;
	height: 300px;
	margin-top: -30px;
	margin-bottom: 30px;
}

.simple-layout .single-featured-bg-img {  
	overflow: auto;
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
	padding-right: 15px;
	height: 300px;
	max-width: 700px;
	margin-top: 10px;
	margin-bottom: 30px;
}







.default-layout .rev-header-single   {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-weight: 700;
	line-height: 1.2em;
	padding: 0px 0px 18px 0px;
	margin: 12px 0px 0px 0px;
	font-size: 1.9em;
	color: #fff;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

.default-layout .rev-header-single span {
	box-shadow: 15px 0 0 #2d2245, -15px 0 0 #2d2245;
    background-color: #2d2245;
  
}



.simple-layout .rev-header-single   {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-weight: 700;
	line-height: 1.2em;
	padding: 0px 0px 18px 0px;
	margin: 12px 0px 0px 0px;
	font-size: 2.2em;
	color: #fff;
}

.simple-layout .rev-header-single span {
	box-shadow: 15px 0 0 #2d2245, -15px 0 0 #2d2245;
    background-color: #2d2245;
  
}





/* Share Buttons */


.sharebuttons {
    margin: 20px 0px 25px 0px;
}


.sharebuttons-link {
	font-size: .8em;
    padding: 10px 8px 12px 8px;
    color: white !important;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;

}
 
.sharebuttons-link:hover,.sharebuttons-link:active {
    color: white;
    text-decoration: none;
}
 
.sharebuttons-twitter {
    background: #00aced;
}
 
.sharebuttons-twitter:hover,.sharebuttons-twitter:active {
    background: #0084b4;
}
 
.sharebuttons-facebook {
    background: #3B5997;
}
 
.sharebuttons-facebook:hover,.sharebuttons-facebook:active {
    background: #2d4372;
}
 
.sharebuttons-whatsapp {
    background: #43d854;

}
 
.sharebuttons-whatsapp:hover,.sharebuttons-whatsapp:active {
    background: #009688;
}




/* Card Share Buttons */


.share-toggle {
	background-color: transparent;
	border: 2px solid rgba(0, 0, 0, 0.74);
	color: #000;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 0px;
	opacity: .8;
}

.share-toggle:hover {
	opacity: 1;
}


.content-inverse .share-toggle {
	border: 2px solid rgba(255, 255, 255, 0.66);
	color: #fff;
}


.card-share-collapse {
	margin-top: 20px;
}



.card-block .sharebuttons {
    margin: 0px;
}




.card-block .sharebuttons h5{
	display: none;
    
}


.card-block .sharebuttons-link {
	font-size: .8em;
    padding: 6px 5px 8px 5px;
    color: white !important;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}






.default-layout .single-post-tags {
	background-color: #eee2f5;
	margin: 0px -15px -30px -15px;
	padding: 15px 15px 40px 15px;
	font-size: .8em
}


.realated-posts-header {

}


.default-layout .single-post-tags .tag-nav-header-1 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	font-size: 1.5em;
	position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px 5px 10px;
    margin: -20px 0px 23px -10px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}



.default-layout .single-post-tags .tag-nav-header-1 span {
	box-shadow: -5px 0 0 #2d2245, -5px 0 0 #2d2245;
	background-color: #2d2245;  /*  Blog Colour Dark  */
	box-decoration-break: clone;
	color: #fff;
}





.default-layout .blog-strip-heaer-1 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	font-size: 2em;
	position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px 5px 10px;
    margin: -20px 0px 23px -10px;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}



.default-layout .blog-strip-heaer-1 span {
	box-shadow: -5px 0 0 #482f7c, -5px 0 0 #482f7c;
	background-color: #482f7c; /*  Blog Colour  */
	box-decoration-break: clone;
	color: #fff;
}

.default-layout .blog-strip-heaer-2 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	font-size: 1.5em;
	position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px 5px 10px;
    margin: -20px 0px 23px -10px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}



.default-layout .blog-strip-heaer-2 span {
	box-shadow: -5px 0 0 #2d2245, -5px 0 0 #2d2245;
	background-color: #2d2245;  /*  Blog Colour Dark  */
	box-decoration-break: clone;
	color: #fff;
}









/* Blog RESPONSIVE BITS   */




@media (min-width: 544px /* Accessability  544px & UP  col-sm-   */ ){
	
	.default-layout #wrapper-index,
	.default-layout #wrapper-category,
	.default-layout #single-wrapper,
	.default-layout #archive-wrapper {
		padding-top: 90px;  /* to space out for fixed menu */

	}

}


@media (min-width: 768px /* Blog  768px & UP  (Changes with main menu)   border: solid 1px red; */ ){


	.default-layout #wrapper-index,
	.default-layout #wrapper-category,
	.default-layout #single-wrapper,
	.default-layout #archive-wrapper {
		padding-top: 120px;   /* to space out for fixed menu */

	}
	
	
	.sharebuttons-link {
		font-size: 1em;
	    padding: 6px 16px 8px 16px;
	}
	
	.sharebuttons-whatsapp,
    .card-block .sharebuttons-whatsapp {
		display: none;
    }
    

}


@media (min-width: 991px) /* Blog   991px & UP    */ {
	
	.blog-nav .dropdown-menu {
		position: absolute;
	}
		
		

}

@media (min-width: 1200px)  /* Blog   1200pxpx & UP   */ {

}




/*  ===================   CARDS   ===================   */


.card {
	margin-top: 10px;

}


/* Aeronic Header font - Default layout only */
.default-layout .post-card  h1, .default-layout .post-card h2, .default-layout .post-card h3 {
  	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-weight: 700;

}


.default-layout .post-card h2 {
	padding: 0px;
	margin: 0px;
	color: #595959;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .9em;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);

}


.default-layout .post-card h3 {
	padding: 0px;
	margin: 12px 0px 0px 3px;
	font-size: 1.6em;
	line-height: 1.2em;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);

}

/* LINK CARD */


.post-card {
	 border: none; 
}



.post-card .img-bg {
	padding: 0px 0px 100px 0px;

}

.post-card .rev-header  {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px;

}

.post-card .rev-header span  {
    box-shadow: 8px 0 0 #2d2245, -8px 0 0 #2d2245;
    background-color: #2d2245;  /*  Blog Colour Dark  */
    box-decoration-break: clone;
    color: #fff;

}

.default-layout .post-card .rev-header-1 span {
	box-shadow: 8px 0 0 #482f7c, -8px 0 0 #482f7c; /*  Blog Colour  */
    background-color: #482f7c; /*  Blog Colour  */

}

.default-layout .post-card .rev-header-2 span  {
	box-shadow: 8px 0 0 #2d2245, -8px 0 0 #2d2245;
    background-color: #2d2245;  /*  Blog Colour Dark  */

}


	
.default-layout .card-footer {
	font-size: .8em;
	
}

.card-columns {
    -moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}






/* LINK CARD */


.link-card {
 
}

.link-card .img-bg {
	padding: 0px 0px 20px 0px;

}

#link-icon-svg {
	fill: #895cd1;
	width: 1.2em;
	height: 1.2em;
	
}


a {
  fill: #895cd1;
  text-decoration: none;

}

a:focus #link-icon-svg, a:hover #link-icon-svg {
    fill: #6231af;

}

a:focus #link-icon-svg {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;

}


/* QUOTE CARD */


.quote-card {
	background-color: #eee8fb; 

}

.large-quote-mark {
	float: left;
	font-weight: 700;
	line-height: 15px;
	font-size: 60px;

}

.large-quote-mark-right {
	float: right;

}

/* IMAGE CARD */

.image-card {

}

.image-card .image-centre {
	text-align: center;

}

.image-card .image-centre img {
	text-align: center;
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;

}



/* VIDEO CARD */

.default-layout .video-card {
	background-color: #3b3745; /*   Blog Colour Dark Dark */
	 /* border: 1px solid  rgba(72, 47, 126, 0.75);  Blog Colour - trans  */
	border: none;

}

.default-layout .video-card .card-footer {
    background-color: rgba(0, 0, 0, 0.36);
    border-top: 1px solid rgba(72, 47, 126, 0.75)
}



.embed-container {
	margin-top: 10px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	/* overflow: hidden; removd in testing safari */
	max-width: 100%;
	height: auto;

}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}



/* ITEM EMBED CARD */


.embed-card {
	margin-bottom: .75rem;
	background-color: transparent;
	border-radius: 0;
	border: 0;

}


iframe[id^='twitter-widget-']{
	width:100% !important;

}






/* CARD RESPONSIVE BITS  outline: 1px dashed #CCC; outline-offset: -1px;  */


@media (min-width: 768px /* CARDS 768px & UP  (Changes with main menu)   border: solid 1px red; */ ){

	.card-columns {
        -moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
        column-gap:  30px;

    }


    .default-layout .speech-angle-bottomright {
		position: absolute;
		left: -70px;
		top: 70px;
		width: 0;
		height: 0;
		border-bottom: 70px solid #f3d250;
		border-left: 70px solid transparent;

	}


}


@media (min-width: 991px) /* CARDS  991px & UP    */ {

	.default-layout .card-columns {
        -moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
        column-gap: 30px;
    }

}

@media (min-width: 1200px)  /* CARDS  1200pxpx & UP   */ {


}



/* ----------------------------------- TAG ARCHIVE ----------------------------------- */


.tag-header {
	margin-top: -20px
}


.default-layout .tag-header h3 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
  	font-weight: 700;
	font-size: 2em;
	position: relative;
    display: block;
    overflow: visible;
    padding: 0px 10px 5px 10px;
    margin: 0px 0px 6px 0px;
    z-index: 1;
}

.default-layout .tag-header .tag-header-1 {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.default-layout .tag-header .tag-header-2 {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}



.default-layout .tag-header .tag-header-1 span {
	box-shadow: 15px 0 0 #2d2245, -15px 0 0 #2d2245;
	background-color: #2d2245;  /*  Blog Colour Dark  */
	box-decoration-break: clone;
	color: #fff;
}

.default-layout .tag-header .tag-header-2 span {
	box-shadow: 15px 0 0 #8618b5, -15px 0 0 #8618b5;
	background-color: #8618b5;  /*  Blog Colour Dark  */
	box-decoration-break: clone;
	color: #fff;
}








/* ----------------------------------- Post/Page content styles ----------------------------------- */


/* works with fuction to clea emptly P tags from conten*/
p.empty {
    padding:0;
    margin:0;
    line-height:0;
}



.form-content,
.entry-header {
	padding-left: 15px;
	padding-right: 15px;
}



.entry-meta {
	font-size: .8em;
	padding: 0px 30px;
}




.entry-content {
	font-size: 1em;
	padding: 15px;
}


.entry-content h1 {
    margin-bottom: 0.6em;
}

.entry-content h2 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-style: normal;
	font-weight: 700;
    font-size: 2em;
    margin-bottom: 0.6em;
    color: #482f7c;
}

.entry-content h3 {
	font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B";
	font-style: normal;
	font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 0.6em;
    color: #482f7c;
}

.entry-content h4 {
    font-size: 1.4em;
    margin-bottom: 0.6em;
    color: #482f7c;
}

.entry-content h5 {
    font-size: 1.2em;
    margin-bottom: 0.6em;
    color: #482f7c;
}

.entry-content h6 {
    font-size: .8em;
    text-transform: uppercase;
    color: #482f7c;
}

.entry-content a {

}

.entry-content q {
    background-color: lightyellow;
    font-style: italic;
}

.entry-content q:before {
    content: '‘';
    padding: 0 3px;
}

.entry-content q:after {
    content: '’';
    padding: 0 3px;
}

.entry-content a:hover {

}



.entry-content ol {
    list-style:  lower-roman;
    margin-bottom: 30px;
    color: #482f7c;
}



.entry-content blockquote {
    padding: 30px 70px 20px 45px;
    margin: 0px -45px 21px -45px;
    font-style: italic;
    background: lightyellow;
    position: relative;
}




.entry-content blockquote:before {
    content: '“';
    position: absolute;
    left: -5px;
    top: -42px;
    font-size: 100px;
    color: #482f7c; 
}

.entry-content blockquote:after {
    content: '”';
    position: absolute;
    right: 40px;
    bottom: -90px;
    font-size: 100px;
    color: #482f7c; 
}

.entry-content blockquote cite {
    text-transform: uppercase;
    font-style: normal;
    font-size: 14px;
}

.entry-content blockquote cite:before {
    content: '—';
}



.entry-content ul {
    margin-bottom: 30px;
}

.entry-content ul li {
    list-style: none;
    padding: 3px 0;
    color: #482f7c;
}

.entry-content ul li:before {
    content: '- ';
	font-weight: 700;
    color:  #482f7c;
    margin-right: 3px;
}

.entry-content ol {
    margin-bottom: 30px;
    counter-reset: preview-ol;
}

.entry-content ol li {
    list-style: none;
    padding: 3px 0;
    margin-bottom: 10px;
}

.entry-content ol li:before {
    content: counter(preview-ol);
    counter-increment: preview-ol;
    background:  #482f7c;
    color: #fff;
    border-radius: 1.4em;
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}


.entry-content .wp-caption {
    border: none;
    text-align: center;
    background: lightyellow;
    padding: 10px 10px 10px 10px;
    margin: 0 0 30px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.entry-content .wp-caption-text {
	font-size: .9em;
    padding-top: 10px;
}

.entry-content .wp-caption a, .entry-content .wp-caption a:hover, .entry-content .gallery a,
.entry-content .gallery a:hover {
    border: none;
    background: none;
}

.entry-content .alignleft {
    float: left;
    margin: 0 15px 30px 0;
}

.entry-content .aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}

.entry-content .alignright {
    float: right;
    margin: 0 0 30px 15px;
}

.entry-content .alignnone {
    float: none;
    display: block;
    margin: 0 0 30px 0;
}

.entry-content p .alignleft {
    float: left;
    margin: 5px 15px 30px 0;
}

.entry-content p .aligncenter {
    display: block;
    margin: 5px auto 30px auto;
}

.entry-content p .alignright {
    float: right;
    margin: 5px 0 30px 15px;
}

.entry-content p .alignnone {
    float: none;
    display: block;
    margin: 5px 0 30px 0;
}

.entry-content .size-full {
    /* width: 100%; */
    /* height: auto; */
}



.entry-content .gallery {
margin: auto -6px;
padding: 6px 0px;
line-height: 1;
overflow-x: hidden;
}

.entry-content .gallery .gallery-item {
float: left;
margin-bottom: 30px;
text-align: center;
padding: 6px;
box-sizing: border-box;
}

.entry-content .gallery-columns-3 .gallery-item {
width: 33.333%;
}


.entry-content .gallery-item img {
    border: none;
}





.entry-footer {
	
}





@media (min-width: 544px /* Post/Page content styles  544px & UP  col-sm-   */ ){

}


@media (min-width: 768px /* Post/Page content styles  768px & UP  (Changes with main menu)   border: solid 1px red; */ ){

	.entry-content {
		font-size: 1.2em;
	}
	
	.default-layout .entry-content {
		padding: 30px;
	}

	
	.form-content,
	.entry-header {
		padding-left: 30px;
		padding-right: 30px;
	}


}


@media (min-width: 991px) /* Post/Page content styles   991px & UP    */ {
	
}

@media (min-width: 1200px)  /* Post/Page content styles   1200pxpx & UP   */ {
	
}







/* ----------------------------------- 404 Page ----------------------------------- */



.error-page .content-area {
	padding-bottom: 100px;
}


@media (min-width: 768px /* Post/Page content styles  768px & UP  (Changes with main menu)   border: solid 1px red; */ ){


	.error-page .content-area {
		padding-bottom: 200px;
	}


}






/* ----------------------------------- Get HELP- PARENT PAGE ----------------------------------- */



.default-layout .get-help-wrapper .entry-header {

	margin-bottom: -20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	z-index: 1;

}



.default-layout .get-help-wrapper .entry-header h2 {

	background-color: #293338;
	color: #fff;
	display: inline-block;
	padding: 10px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	

	
}

.default-layout .get-help-wrapper .entry-header h2 {
	margin: 0px;
}


.default-layout .get-help-wrapper .entry-content {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 30px;
	/* margin-left: 80px !important */
}

/* -fix for WP admin link on the get help page */
.default-layout .get-help-wrapper .login-edit-panel {
	margin: 0px 0px 40px 0px;
}


.default-layout .get-help-wrapper .entry-content {
		margin: 0px 0px 40px 0px;
}




.get-help-card {
	margin-bottom: .75rem;
	border-radius: 0;
	border: 0;
	padding-top: 20px;

}

.get-help-card h3 {
	font-size: 30px;

}

.container-get-help-cards {
	padding-top: 30px;
}


.related-help-me-container {
	padding-top: 30px;
	padding-bottom: 30px;

}


.get-help-cards-container {
	padding-top: 50px;
}

.default-layout .get-help-card  .image-box-container {
	margin-top: -32px;
	margin-right: -12px;
	margin-bottom: 0px;
	margin-left: 5px;

}



/* HELP ME - PARENT PAGE RESPONSIVE BITS  outline: 1px dashed #CCC; outline-offset: -1px;  */


@media (min-width: 768px /* CARDS 768px & UP  (Changes with main menu)   border: solid 1px red; */ ){

	.default-layout .card-columns-help-me {
        -moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
        column-gap:  30px;
    }
    
    .get-help-card h3 {
		font-size: 40px;

	}

}


@media (min-width: 991px) /* CARDS  991px & UP    */ {

	.default-layout .card-columns-help-me {
        -moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
        column-gap:  30px;
    }
    
    .default-layout .get-help-wrapper .entry-header {
		margin-left: -10px;
		margin-right: -20px;

	}


}

@media (min-width: 1200px)  /* CARDS  1200pxpx & UP   */ {
	
	.default-layout .get-help-wrapper .entry-header {
	margin-left: -10px;
	margin-right: -70px;


	}
	

}





/* ----------------------------------- HELP ME - CHILD PAGE ----------------------------------- */



.help-me-child-wrapper {

}

.help-me-child-content-area {
	background-color: #fff;
	overflow: auto;

}

.help-me-child-content-area .entry-content {
	padding-top: 30px;
	padding-bottom: 30px;

}


.default-layout .get-help-child-header-panel {
	background: #293338;
}

.simple-layout .simple-layout-colouroveride {	
	background-color: #fff;
}




@media (min-width: 544px /* Accessability  544px & UP  col-sm-   */ ){


}


@media (min-width: 768px /* Accessability  768px & UP  (Changes with main menu)   border: solid 1px red; */ ){



}


@media (min-width: 991px) /* Accessability   991px & UP    */ {


.get-help-child-header-panel h2 {
	font-size: 45px;
}

}

@media (min-width: 1200px)  /* Accessability   1200pxpx & UP   */ {

.get-help-child-header-panel h2 {
	font-size: 60px;
}

}










/* HELP ME - CHILD PAGE IMAGES FROM ACF SELECTION  */


.image-box-container {
	margin: 0px 0px 20px 20px;
	float: right;
	width: 100px;
	height: 100px;
	background-color: black;
	
}

.image-box {
	display: block;
	width: 100px;
	height: 110px;
	padding-top: 10px;
	margin-top: -10px;

}



.girl-leaning-forward-red {
	background: url(../images/r008-girl-leaning-forward-red-600px.png) no-repeat;
	background-size: 140px;
	background-position: right bottom;
}
.girl-leaning-forward-pink {
	background: url(../images/r008-girl-leaning-forward-pink-600px.png) no-repeat;
	background-size: 140px;
	background-position: right bottom;	
}
.girl-leaning-forward-green {
	background: url(../images/r008-girl-leaning-forward-green-600px.png) no-repeat;
	background-size: 140px;
	background-position: right bottom;
}


.lad-brace-purple {
	background: url(../images/r002-lad-braces-purple-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lad-brace-orange {
	background: url(../images/r002-lad-braces-orange-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lad-brace-green {
	background: url(../images/r002-lad-braces-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.lad-sitting-orange {
	background: url(../images/r010-lad-sat-head-in-arm-orange-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;	
}
.lad-sitting-red {
	background: url(../images/r010-lad-sat-head-in-arm-red-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;	
}
.lad-sitting-pink {
	background: url(../images/r010-lad-sat-head-in-arm-pink-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;	
}
.lad-sitting-blue {
	background: url(../images/r010-lad-sat-head-in-arm-blue-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;	
}



.boy-sitting-pink	{
	background: url(../images/r006-boy-fed-up-pink-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.boy-sitting-lightgreen	{
	background: url(../images/r006-boy-fed-up-lightgreen-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.boy-sitting-green	{
	background: url(../images/r006-boy-fed-up-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.boy-sitting-blue	{
	background: url(../images/r006-boy-fed-up-blue-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.asian-boy-red {
	background: url(../images/r011-asian-boy-wearing-tie-red-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.asian-boy-pink {
	background: url(../images/r011-asian-boy-wearing-tie-pink-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.asian-boy-green {
	background: url(../images/r011-asian-boy-wearing-tie-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.asian-boy-blue {
	background: url(../images/r011-asian-boy-wearing-tie-blue-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.boy-afro-hair-purple {
	background: url(../images/r233-boy-afro-purple-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.boy-afro-hair-red {
	background: url(../images/r233-boy-afro-red-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.boy-afro-hair-green {
	background: url(../images/r233-boy-afro-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.boy-afro-hair-blue {
	background: url(../images/r233-boy-afro-blue-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}



.girl-sat-looking-down-red {
	background: url(../images/r007-girl-sat-looking-down-red-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-sat-looking-down-pink {
	background: url(../images/r007-girl-sat-looking-down-pink-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-sat-looking-down-lightpink {
	background: url(../images/r007-girl-sat-looking-down-lightpink-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-sat-looking-down-green {
	background: url(../images/r007-girl-sat-looking-down-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-sat-looking-down-blue {
	background: url(../images/r007-girl-sat-looking-down-blue-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}



.girl-bob-looking-up-pink {
	background: url(../images/r005-girl-with-bob-pink-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-bob-looking-up-orange {
	background: url(../images/r005-girl-with-bob-orange-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-bob-looking-up-lightgreen {
	background: url(../images/r005-girl-with-bob-lightgreen-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-bob-looking-up-green {
	background: url(../images/r005-girl-with-bob-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.lady-smiling-purple {
	background: url(../images/r004-lady-smiling-purple-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lady-smiling-orange {
	background: url(../images/r004-lady-smiling-orange-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lady-smiling-blue {
	background: url(../images/r004-lady-smiling-blue-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.lady-glasses-yellow {
	background: url(../images/r003-lady-glasses-yellow-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lady-glasses-purple {
	background: url(../images/r003-lady-glasses-purple-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lady-glasses-orange {
	background: url(../images/r003-lady-glasses-orange-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.lady-glasses-green {
	background: url(../images/r003-lady-glasses-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.girl-cis-portraits-047-green {
	background: url(../images/r047-girl-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-cis-portraits-047-purple {
	background: url(../images/r047-girl-purple-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-cis-portraits-047-pinkred {
	background: url(../images/r047-girl-pinkred-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}
.girl-cis-portraits-047-orange {
	background: url(../images/r047-girl-green-600px.png) no-repeat;
	background-size: 120px;
	background-position: center  bottom;
}


.lad-in-wheelchair-purple {
	background: url(../images/r012-lad-in-wheelchair-purple.png) no-repeat;
	background-size: 130px;
	background-position: center  bottom;
}
.lad-in-wheelchair-blue {
	background: url(../images/r012-lad-in-wheelchair-blue.png) no-repeat;
	background-size: 130px;
	background-position: center  bottom;	
}
.lad-in-wheelchair-red {
	background: url(../images/r012-lad-in-wheelchair-red.png) no-repeat;
	background-size: 130px;
	background-position: center  bottom;
}






.default-layout .image-bg-panel {

	
}

.nay-bg-image-on-mobile {
    background: none;

}



/* HELP ME - PARENT PAGE RESPONSIVE BITS  outline: 1px dashed #CCC; outline-offset: -1px;  */




@media (min-width: 991px) /* CARDS  991px & UP    */ {
	
	
	.help-me-child-content-area {
	
		overflow: visible; /* FIX FOR SHAREBUTTONS */
	
	}


	
	.default-layout .image-bg-panel {
		padding-top: 20px;
		margin-top: -20px;
		
	}
	
	/* Sets a min height on the help me child page header panel  */
	.get-help-child-header-panel div.image-bg-panel {  
		min-height: 350px;
	}
	


	div.image-bg-panel.girl-leaning-forward-red {
	    background: url(../images/r008-girl-leaning-forward-red-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-leaning-forward-pink {
	    background: url(../images/r008-girl-leaning-forward-pink-600px.png) no-repeat;
		 background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-leaning-forward-green {
	    background: url(../images/r008-girl-leaning-forward-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.girl-leaning-forward-red,
	.get-help-child-header-panel div.image-bg-panel.girl-leaning-forward-pink,
	.get-help-child-header-panel div.image-bg-panel.girl-leaning-forward-green {
		background-size: 370px;
	}
	
	
	

	div.image-bg-panel.lad-brace-purple {
		background: url(../images/r002-lad-braces-purple-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-brace-orange {
		background: url(../images/r002-lad-braces-orange-600px.png) no-repeat;
	    background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-brace-green {
		background: url(../images/r002-lad-braces-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.lad-brace-purple,
	.get-help-child-header-panel div.image-bg-panel.lad-brace-orange,
	.get-help-child-header-panel div.image-bg-panel.lad-brace-green {
		background-size: 350px;
		
	}
	
	
	


	
	div.image-bg-panel.lad-sitting-orange {
		background: url(../images/r010-lad-sat-head-in-arm-orange-600px.png) no-repeat;
	    background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-sitting-red {
		background: url(../images/r010-lad-sat-head-in-arm-red-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-sitting-pink {
		background: url(../images/r010-lad-sat-head-in-arm-pink-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-sitting-blue {
		background: url(../images/r010-lad-sat-head-in-arm-blue-600px.png) no-repeat;
	    background-size: contain; 
		background-position: right bottom;
	}
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.lad-sitting-orange,
	.get-help-child-header-panel div.image-bg-panel.lad-sitting-red,
	.get-help-child-header-panel div.image-bg-panel.lad-sitting-pink,
	.get-help-child-header-panel div.image-bg-panel.lad-sitting-blue  {
		background-size: 340px;
	}
	
	

	div.image-bg-panel.boy-sitting-pink {
		background: url(../images/r006-boy-fed-up-pink-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.boy-sitting-lightgreen {
		background: url(../images/r006-boy-fed-up-lightgreen-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.boy-sitting-green {
		background: url(../images/r006-boy-fed-up-green-600px.png) no-repeat;
	    background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.boy-sitting-blue {
		background: url(../images/r006-boy-fed-up-blue-600px.png) no-repeat;
	    background-size: contain; 
		background-position: right bottom;
	}
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.boy-sitting-pink,
	.get-help-child-header-panel div.image-bg-panel.boy-sitting-lightgreen,
	.get-help-child-header-panel div.image-bg-panel.boy-sitting-green,
	.get-help-child-header-panel div.image-bg-panel.boy-sitting-blue  {
		background-size: 340px;
	}
	

	div.image-bg-panel.asian-boy-red {
		background: url(../images/r011-asian-boy-wearing-tie-red-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.asian-boy-pink {
		background: url(../images/r011-asian-boy-wearing-tie-pink-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.asian-boy-green {
		background: url(../images/r011-asian-boy-wearing-tie-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.asian-boy-blue {
		background: url(../images/r011-asian-boy-wearing-tie-blue-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.asian-boy-red,
	.get-help-child-header-panel div.image-bg-panel.asian-boy-pink,
	.get-help-child-header-panel div.image-bg-panel.asian-boy-green,
	.get-help-child-header-panel div.image-bg-panel.asian-boy-blue  {
		background-size: 340px;
	}
	

	
	
	div.image-bg-panel.boy-afro-hair-purple {
		background: url(../images/r233-boy-afro-purple-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.boy-afro-hair-red {
		background: url(../images/r233-boy-afro-red-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.boy-afro-hair-green {
		background: url(../images/r233-boy-afro-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.boy-afro-hair-blue {
		background: url(../images/r233-boy-afro-blue-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.boy-afro-hair-purple,
	.get-help-child-header-panel div.image-bg-panel.boy-afro-hair-red,
	.get-help-child-header-panel div.image-bg-panel.boy-afro-hair-green,
	.get-help-child-header-panel div.image-bg-panel.boy-afro-hair-blue  {
		background-size: 350px;
		
	}
	
	
	
	div.image-bg-panel.girl-sat-looking-down-red {
		background: url(../images/r007-girl-sat-looking-down-red-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-sat-looking-down-pink {
		background: url(../images/r007-girl-sat-looking-down-pink-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-sat-looking-down-lightpink {
		background: url(../images/r007-girl-sat-looking-down-lightpink-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-sat-looking-down-green {
		background: url(../images/r007-girl-sat-looking-down-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-sat-looking-down-blue {
		background: url(../images/r007-girl-sat-looking-down-blue-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.girl-sat-looking-down-red,
	.get-help-child-header-panel div.image-bg-panel.girl-sat-looking-down-pink,
	.get-help-child-header-panel div.image-bg-panel.girl-sat-looking-down-lightpink,
	.get-help-child-header-panel div.image-bg-panel.girl-sat-looking-down-green,
	.get-help-child-header-panel div.image-bg-panel.girl-sat-looking-down-blue  {
		background-size: 340px;
	}


	
	div.image-bg-panel.girl-bob-looking-up-pink {
		background: url(../images/r005-girl-with-bob-pink-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-bob-looking-up-orange {
		background: url(../images/r005-girl-with-bob-orange-600px.png) no-repeat;
		background-size:  contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-bob-looking-up-lightgreen {
		background: url(../images/r005-girl-with-bob-lightgreen-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-bob-looking-up-green {
		background: url(../images/r005-girl-with-bob-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.girl-bob-looking-up-pink,
	.get-help-child-header-panel div.image-bg-panel.girl-bob-looking-up-orange,
	.get-help-child-header-panel div.image-bg-panel.girl-bob-looking-up-lightgreen,
	.get-help-child-header-panel div.image-bg-panel.girl-bob-looking-up-green {
		background-size: 320px;
	}
	
	
	
	div.image-bg-panel.lady-smiling-purple {
		background: url(../images/r004-lady-smiling-purple-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lady-smiling-orange {
		background: url(../images/r004-lady-smiling-orange-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lady-smiling-blue {
		background: url(../images/r004-lady-smiling-blue-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.lady-smiling-purple,
	.get-help-child-header-panel div.image-bg-panel.lady-smiling-orange,
	.get-help-child-header-panel div.image-bg-panel.lady-smiling-blue  {
		background-size: 320px;
		
	}
	
	
	div.image-bg-panel.lady-glasses-yellow {
		background: url(../images/r003-lady-glasses-yellow-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lady-glasses-purple {
		background: url(../images/r003-lady-glasses-purple-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lady-glasses-orange {
		background: url(../images/r003-lady-glasses-orange-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lady-glasses-gren {
		background: url(../images/r003-lady-glasses-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.lady-glasses-yellow,
	.get-help-child-header-panel div.image-bg-panel.lady-glasses-purple,
	.get-help-child-header-panel div.image-bg-panel.lady-glasses-orange,
	.get-help-child-header-panel div.image-bg-panel.lady-glasses-gren	  {
		background-size: 340px;
		
	}	
	
	
	
	
	div.image-bg-panel.girl-cis-portraits-047-green {
		background: url(../images/r047-girl-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-cis-portraits-047-purple {
		background: url(../images/r047-girl-purple-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-cis-portraits-047-pinkred {
		background: url(../images/r047-girl-pinkred-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.girl-cis-portraits-047-green {
		background: url(../images/r047-girl-green-600px.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.girl-cis-portraits-047-green,
	.get-help-child-header-panel div.image-bg-panel.girl-cis-portraits-047-purple,
	.get-help-child-header-panel div.image-bg-panel.girl-cis-portraits-047-pinkred,
	.get-help-child-header-panel div.image-bg-panel.girl-cis-portraits-047-orange {
		background-size: 320px;
		
	}
	






	
	div.image-bg-panel.lad-in-wheelchair-purple {
		background: url(../images/r012-lad-in-wheelchair-purple.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-in-wheelchair-blue {
		background: url(../images/r012-lad-in-wheelchair-blue.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}
	div.image-bg-panel.lad-in-wheelchair-red {
		background: url(../images/r012-lad-in-wheelchair-red.png) no-repeat;
		background-size: contain; 
		background-position: right bottom;
	}

	/* Scaling images for help me child page */
	.get-help-child-header-panel div.image-bg-panel.lad-in-wheelchair-purple,
	.get-help-child-header-panel div.image-bg-panel.lad-in-wheelchair-blue,
	.get-help-child-header-panel div.image-bg-panel.lad-in-wheelchair-red {
		background-size: 320px;
		
	}
		

	


	.large-help-me-panel .image-box-container {
		display: none;

	}
	
	.simple-layout .large-help-me-panel .image-box-container {
		display: block;

	}
	
	.simple-layout .large-help-me-panel .image-bg-panel {
		background-image: none;

	}
	
	
	.simple-layout .large-help-me-panel .image-box-container { /* Trick to scaling images on help me page  */
		-webkit-transform:scale(2);
		-moz-transform:scale(2);
		-ms-transform:scale(2);
		transform:scale(2);
		transform-origin: top right;
		margin-left: 150px;
		margin-bottom: 100px;
		
	}
	
	

	
	
	.get-help-child-header-panel div.image-bg-panel.lad-brace-purple {
		background-size: 350px;

	}
	

	
	.default-layout .get-help-child-header-panel .image-bg-panel {
		padding-top: 125px;
		margin-top: -125px;
		
	}

	
	
	.get-help-child-header-panel .image-box-container {
		display: none; /* RIK _ will be a better way to do this.  */

	}
	
	
	.simple-layout .get-help-child-header-panel  .image-bg-panel {
		background-image: none;

	}
	
	
	.simple-layout .get-help-child-header-panel  .image-box-container {
		display: block;

	}
	
	
	.simple-layout .get-help-child-header-panel .image-box-container { /* Trick to scaling images on help me page  */
		-webkit-transform:scale(2);
		-moz-transform:scale(2);
		-ms-transform:scale(2);
		transform:scale(2);
		transform-origin: top right;
		margin-left: 150px;
		margin-bottom: 120px;
	}
	


}



@media (min-width: 1200px)  /* CARDS  1200pxpx & UP   */ {
	
	.default-layout .image-bg-panel {
		padding-top: 60px;
		margin-top: -60px;
		
	}

}





/* ----------------------------------- Footer -----------------------------------  outline: 1px dashed #CCC; outline-offset: -1px; */



#wrapper-footer .container {
	padding-left: 30px;
	padding-right: 30px;
}




/* FOOTER MENU */


.default-layout .footer-menu {
	padding-bottom: 20px;
	overflow: auto;
}


.footer-menu h3 {
	font-size: 25pt;
	display: block;
	padding: 6px 6px 0px 6px;

}


.default-layout .footer-menu ul {
	padding: 0px;
	margin: 0px;
}


.default-layout .footer-menu li a {
	display: inline-block;
	margin: 10px;
	color: black;
	padding: 6px;
    background-color: rgba(255, 255, 255, 0.60);
	
}



.default-layout .footer-menu li:first-child a,
.default-layout .footer-menu li:nth-child(7) a   {
	display: inline-block;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.default-layout .footer-menu li:nth-child(3) a,
.default-layout .footer-menu li:nth-child(5) a {
	display: inline-block;
	-moz-transform: rotate(-1.5deg);
	-webkit-transform: rotate(-1.5deg);
	-o-transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);
	transform: rotate(-1.5deg);
}




.default-layout .footer-menu li:nth-child(4) a {
	display: inline-block;
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}


.default-layout .footer-menu li:nth-child(6) a {
	display: inline-block;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}



.default-layout .footer-menu li:nth-child(8) a  {
	display: inline-block;
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}


.default-layout .footer-menu li:last-of-type a {
	display: inline-block;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.footer-menu li a {
	font-size: 150%;
}


.default-layout .footer-menu li a:hover  {
	color: black;
	text-decoration: none;
	background-color: #FFF;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);

}


.simple-layout .footer-menu li a {
	display: block;
	padding: 10px;
	border: solid 2px #470aaa;
	margin: 5px;
}



/* Supporter Logos */


.footer-supporter-logo {
	color: #fff;
	opacity: .6;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	
}

.footer-supporter-logo:hover{
	opacity: 1;
	
}

.site-footer p {
	font-size: .8em;
	margin-bottom: 0;
	opacity: .7;
	
}




#wrapper-footer .reach-logo-link,
#wrapper-footer .reach-logo-svg {
	width: 180px; /* Navbar logo size before scroll */
	height: 60px; /*for IE*/
	
}


.footer-supporter-logo {
	text-indent: -999px;
	display: block;
	overflow: hidden;
	margin-left: -12px;
	margin-right: 25px;
	margin-top: 15px;
	float: left;
	
}

.cis-logo  {
	width: 164px;
	height: 44px;
	background: url(../images/cis-footer-logo-2.png) no-repeat 50% 0;
	background-size: 164px 44px;

}

.enquire-logo  {
	width: 139px;
	height: 44px;
	background: url(../images/enquire-footer-logo.png) no-repeat 50% 0;
	background-size: 139px 44px;

}





@media (min-width: 544px /* Footer  544px & UP  col-sm-   */ ){
	
	.footer-menu h3 {
		float: left;
		margin-bottom: -10px;
		display: inline-block;

	}

}


@media (min-width: 768px /* Footer  768px & UP  (Changes with main menu)   border: solid 1px red; */ ){	
	
	
	#wrapper-footer .container {
		padding-left: 15px;
		padding-right: 15px;
	}


	.footer-menu {
		padding-right: 0px;
		padding-left: 0px
	}
	
}


@media (min-width: 991px) /* Footer   991px & UP    */ {
	
}

@media (min-width: 1200px)  /* Footer   1200pxpx & UP   */ {

}






/* ===================  Accessability  Area 	outline: 1px dashed #CCC; outline-offset: -1px;  ======================= */





/* TYPE SIZE MENU */

body.font-medium  {
	font-size: 1.7em;
}

body.font-large  {
	font-size: 2em;
}

.noscale {
	font-size: 16px;
}

.noscale-small {
	font-size: 14px;
}




/* Accessability Menu */


.accessibility-menu {
	display: none;
	color: black;
/*	font-size: 14px; */

}

.default-layout .accessibility-menu {
	padding-bottom: 30px;
}

.accessibility-options {
    margin-bottom: 20px;
}

#breadcrumbs {
	display: none;
}





.accessibility-menu #text-default {
	font-size: 12px;
	padding-left: 8px;
	padding-right: 8px;
}

.accessibility-menu #text-medium {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 8px;
	padding-right: 8px;
}

.accessibility-menu #text-large {
	font-size: 20px;
	line-height: 1.1;
	padding-left: 8px;
	padding-right: 8px;

}




.default-layout .accessibility-menu a,
.default-layout .accessibility-menu .breadcrumb_last {
	color: black;
	padding: 3px 6px 3px 6px;
    background-color: rgba(255, 255, 255, 0.60);

}


.default-layout .accessibility-menu .breadcrumb_last {
	display: inline-block;
	padding: 3px 5px;
	max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom; /* fix for alignment when set inline block */
    text-overflow: ellipsis;

}





.default-layout .accessibility-menu a:first-child  {
	display: inline-block;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.default-layout .accessibility-menu a:nth-child(2)  {
	display: inline-block;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}

.default-layout .accessibility-menu a:nth-child(4)  {
	display: inline-block;
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}


.default-layout .accessibility-menu a:nth-child(6)  {
	display: inline-block;
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}


.default-layout .accessibility-menu a:hover  {
	background-color: #FFF;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

}



@media (min-width: 544px /* Accessability  544px & UP  col-sm-   */ ){


}


@media (min-width: 768px /* Accessability  768px & UP  (Changes with main menu)   border: solid 1px red; */ ){

	.accessibility-menu {
		display: block;
		z-index: 2;
		position:relative; /*fix for negativ margings */
	}


}


@media (min-width: 991px) /* Accessability   991px & UP    */ {
	
	#breadcrumbs {
		display: inline-block ;
	}

	
	
	.accessibility-menu .breadcrumb_last {
		max-width: 200px;
	}
	
}

@media (min-width: 1200px)  /* Accessability   1200pxpx & UP   */ {
	
	.accessibility-menu .breadcrumb_last {
		max-width: 400px;
	}
	

}







/* ===================  SIMPLE LAYOUT OVERRIDE STYLES 	outline: 1px dashed #CCC; outline-offset: -1px;  ======================= */


/* fixes for simple layout */

.site-footer p {
	color: #fff;
}

.simple-layout .card h5 {
	font-weight: 500;
	font-size: 1em;
}


/* show/hide  Not sure we ned these */


.simple-layout .simple-layout-b {
	display: none;
}

.default-layout-b{
	display: none;
}

.simple-layout .default-layout-b{
	display: inline;
}



/* Simple Layout Body style */

.simple-layout  {
	background-color: #FFF !important; /* Set important to override .JS colour change */
	color: #000;
	margin-top: 50px; /* to move page down out the road of the navigation menu */

}






/* simple layout LINK STYLES */




.simple-layout a,
.simple-layout .blog-nav .navbar-nav .nav-link /* < simple layout LINK STYLES for blog subnav */ {
  color: #7837e1;

}

.simple-layout a:focus, 
.simple-layout a:hover,
.simple-layout .blog-nav .navbar-nav .nav-link:focus, 
.simple-layout .blog-nav .navbar-nav .nav-link:hover {
    color: #470aaa;

}

.simple-layout a:focus {

}



/* simple layout overrides for footer */
.simple-layout #wrapper-footer   {
  background-color: #000;
}
.simple-layout #wrapper-footer a  {
  color: #e0d0fa;
}
.simple-layout #wrapper-footer a:focus, 
.simple-layout #wrapper-footer a:hover {
    color: #b4a3ce;
}



/* simple layout LINK STYLES for blog subnav */
.simple-layout .blog-nav .dropdown-menu .menu-item a:hover  {
   background-color: #c0b8cf;/* Background of dropdown on hover  */

}
.simple-layout .blog-nav .dropdown-menu {
   background-color: #fff;/* Background of dropdown on hover  */
   border: black solid 1px;
   	
}




.simple-layout #page-wrapper {
	padding-bottom: 0px;
	
}





/* Simple Layout HR Divider */


.simple-layout page-background-colour {
	background-color: #fff !important;
	
}


.default-layout .simple-divder{
 	display: none;

}

.simple-layout .simple-divder {
 	border-bottom: 2px solid #6f6f6f;
 	clear: both;
 	
}

.simple-layout .intro-container {
 	margin-bottom: 20px;

}

.simple-layout .intro-panel {
 	padding-top: 20px;
 
}


.simple-layout .navbar {
	background-color: #000;
}


/* simple layout blog section overides */
.simple-layout .blog-nav {
	background-color: #fff;
}

.simple-layout .rev-header-1,
.simple-layout .rev-header-2 {
	font-size: 1.2em;
}




/* SIMPLE LAYOUT WP PAGENAVI */


.simple-layout .wp-pagenavi {
	font-size: 16px;
	background-color: #fff;  /*  Blog Colour Dark  */
	padding: 20px;
	margin-top: 40px;
	margin-left: -15px;
	margin-right: -15px
}

.simple-layout .wp-pagenavi .extend,
.simple-layout .wp-pagenavi .pages {
	border: none;
	color: #000;
	font-size: .8em;
}


.simple-layout .wp-pagenavi a {
	padding: 5px 10px;
	margin: 5px;
	color: #470aaa;
	border: solid 2px #470aaa;
	opacity: .8;
}

.simple-layout .wp-pagenavi a:hover {
	text-decoration: none;
	color: #470aaa;
	border: solid 2px #470aaa;
	background:  #bfa1ff; /*  Blog Colour  */
	opacity: 1;
}

.simple-layout .wp-pagenavi .current {
	padding: 5px 10px;
	margin: 5px;
	color:  #482f7c; /*  Blog Colour  */
	background: #fff;
	border: solid 2px #fff !important;
	opacity: .8;
}



/* SIMPLE LAYOUT BLOG NAV */

.simple-layout .blognav-toggle {
	border: 2px solid #482f7c;
	color: #482f7c;
}

.simple-layout .search-toggle {
	width: 50px;
	
}

.simple-layout .blognav-toggle:hover {
	background:  #d7c4ff; /*  Blog Colour  */
}

.simple-layout .blog-nav .blog-navbar-toggle {
	float: none;
	color: #fff;

}



.simple-layout .contact-card {
	background-color: #f4de85
}





/* simple layout homepage overides */
.simple-layout .intro-panel .entry-content {
	padding: 15px;
}

.simple-layout #intro .wow {
	padding-left: 15px;
}



/* simple layout bootstrap col overides */

.simple-layout .col-xs-1,
.simple-layout .col-sm-1,
.simple-layout .col-md-1,
.simple-layout .col-lg-1,
.simple-layout .col-xs-2,
.simple-layout .col-sm-2,
.simple-layout .col-md-2,
.simple-layout .col-lg-2,
.simple-layout .col-xs-3,
.simple-layout .col-sm-3,
.simple-layout .col-md-3,
.simple-layout .col-lg-3,
.simple-layout .col-xs-4,
.simple-layout .col-sm-4,
.simple-layout .col-md-4,
.simple-layout .col-lg-4,
.simple-layout .col-xs-5,
.simple-layout .col-sm-5,
.simple-layout .col-md-5,
.simple-layout .col-lg-5,
.simple-layout .col-xs-6,
.simple-layout .col-sm-6,
.simple-layout .col-md-6,
.simple-layout .col-lg-6,
.simple-layout .col-xs-7,
.simple-layout .col-sm-7,
.simple-layout .col-md-7,
.simple-layout .col-lg-7,
.simple-layout .col-xs-8,
.simple-layout .col-sm-8,
.simple-layout .col-md-8,
.simple-layout .col-lg-8,
.simple-layout .col-xs-9,
.simple-layout .col-sm-9,
.simple-layout .col-md-9,
.simple-layout .col-lg-9,
.simple-layout .col-xs-10,
.simple-layout .col-sm-10,
.simple-layout .col-md-10,
.simple-layout .col-lg-10,
.simple-layout .col-xs-11,
.simple-layout .col-sm-11,
.simple-layout .col-md-11,
.simple-layout .col-lg-11,
.simple-layout .col-xs-12,
.simple-layout .col-sm-12,
.simple-layout .col-md-12,
.simple-layout .col-lg-12 {
  width: 100% !important;

}

.simple-layout .offset-xl-1 {
	margin-left: 0;	
	
}




/* ---------- addons ------------ */




/* Bootstrap accessabiliy css tweaks */

.btn:focus{outline:dotted 2px #000}

div.active:focus{outline:dotted 1px #000}

a:focus{outline:dotted 1px #000}

.close:hover,.close:focus{outline:dotted 1px #000}

.nav>li>a:hover,.nav>li>a:focus{outline:dotted 1px #000}




/* Resposive container for video embed - see function */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}




/* Trigger warning post hack for Amy */


#post-7159 {
	border: #fff solid 3px;
	background-color: #abdaf3;
}






/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


.fa-search:before {
  content: ""; }


.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }





/* NEW My Rights My Say CARD */

.mrms-card {
	border: none;
	background-color: transparent;
}
  
.mrms-card .card-block {
	padding-top: 0px;
	background-color: #8cbc0e; /* MRMS GREEN */
}

.mrms-card .card-block p{
	margin-bottom: 15px;
}
  
  
.mrms-card-image {
	width: auto;
	height: 140px;
	background: url(../images/mrms-card-image-r4.png) no-repeat left bottom;
	background-size: 1131px 140px;
}






/* NEW My Rights My Say Page Template */




.mrms-template {
	
}


.mrms-template h1 {

}

.default-layout .mrms-template h2 {


    margin-top: 10px;

 
}

.mrms-template h3 {

}

.mrms-template h4 {

}

.mrms-template  h5 {
 
}









.default-layout .section-bg-mrms-header {
	background-color: #8CBC0E; /* MRMS GREEN */
	padding-top: 80px; /*  80to space out for fixed menu */
	
}



/*  RESPONSIVE BITS  */


@media (min-width: 544px /* HEADER 544px & UP  col-sm-   */ ){

	.default-layout .section-bg-mrms-header  {
		padding-top: 100px; /* 140 to space out for fixed menu */

	}

}


@media (min-width: 768px /* HEADER 768px & UP  .col-md-  */ ){

	.default-layout .section-bg-mrms-header {
		padding-top: 120px; /* 140 to space out for fixed menu */

	}

}






.default-layout .section-bg-mrms-header h2 {
	margin-bottom: 10px;
}

.default-layout .section-bg-mrms-header .entry-content {
	padding: 15px;
}

.default-layout .section-bg-mrms-header .mrms-logo {
	padding-top: 40px;
	float: right;
}

.default-layout #mrms-logo-svg {
	width: 80px;
	height: auto;
	margin-top: 20px;
	margin-bottom: -20px;
}

.default-layout .mrms-logo { 
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#FFFFFF;
}




.default-layout .section-bg-mrms-intro {
	margin-top: 0px;
}

 .section-bg-mrms-intro img {
	width: 100%;
	height: auto;
}


.default-layout .section-bg-mrms-content {
	
	background-color: #73C8DE; /* MRMS BLUE */
}

.default-layout .section-bg-mrms-content .content-container {
	padding-top: 0px;
	margin-top: 0px;
}


.default-layout  .section-bg-mrms-contact-intro {
	background-color: #73C8DE; /* MRMS BLUE */
}

.default-layout  .speech-tail-container {
}

.default-layout  #speech-tail-svg {
	height: 80px;
	width: auto;
	margin-bottom: -10px;
	margin-left:auto; 
	margin-right:auto; 
	display:block;
	padding-left: 100px;

}

.default-layout  .speech-tail { 
	fill:#f6f3f3; 
}

.default-layout  .section-bg-mrms-form {
	padding-bottom: 70px;
}


.default-layout .section-bg-mrms-content a {
	color: #fffacd;
	text-decoration: underline;
	
}

.default-layout .section-bg-mrms-content a:hover,
.default-layout .content-inverse a:focus {
	color: #fff;
	
}

.default-layout .section-bg-mrms-content  > .active > a,
.default-layout .section-bg-mrms-content  > .active > a:hover,
.default-layout .section-bg-mrms-content  > .active > a:focus {
	color: #fff;
	
}


.default-layout .form-content {
	font-size: 1em;
	padding: 30px;
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.default-layout  #mrms-logo-svg {
		width: 100px;
	}

	.default-layout #speech-tail-svg {
		height: 100px;

	
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	.default-layout  #mrms-logo-svg {
		width: 120px;
		height: auto;
		margin-bottom: 0px;
	}
	.default-layout  .section-bg-mrms-content .content-container {
		margin-top: -50px;
	}

	.default-layout  .section-bg-mrms-form {
	
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	

}




.simple-layout #mrms-logo-svg {
	width: 180px;
	height: auto;

}

.simple-layout .mrms-logo { 
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:rgb(0, 0, 0);
}

.simple-layout #speech-tail-svg {
	display: none;
}

.simple-layout .section-bg-mrms-intro {
	margin-right: auto;
	margin-left: auto;
}

.simple-layout .col-md-offset-2,
.simple-layout .col-md-pull-2,
.simple-layout .col-md-push-10 {
	margin: 0px;
	right: 0%;
	left: 0%;
	float: none;
}


/* max width test */

#wrapper-navbar,
#wrapper-navbar  nav,
#wrapper-footer,
.page-background-colour,
body {
	max-width: 1600px; 
	margin-right: auto;
	margin-left: auto;
}