html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  Clear Floated Elements
*/

/*.clear {*/
/*  clear:both;*/
/*  display:block;*/
/*  overflow:hidden;*/
/*  visibility:hidden;*/
/*  width:0;*/
/*  height:0;*/
/*}*/

/*.clear:after {*/
/*  clear:both;*/
/*  content:' ';*/
/*  display:block;*/
/*  font-size:0;*/
/*  line-height:0;*/
/*  visibility:hidden;*/
/*  width:0;*/
/*  height:0;*/
/*}*/

/** html .clear {*/
/*  height:1%;*/
/*}*/

/*
  Style HTML Tags
*/

body {
-webkit-font-smoothing: antialiased;
  color: #666;
font-family: "Open Sans";
  background:#fafafa;
     font-weight:400;
  line-height: 160%;
}

a {
  color: #000000;
  text-decoration:none;
}

a:hover {

  text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
  color:#000000;font-family: "Open Sans";
  font-weight: 900;
  margin-bottom:6px;
  line-height: 125%;


}

h1 {
  font-size:32px;
}

h2 {
  font-size:30px;
}

h3 {
  font-size:18px;
}

h4 {
  font-size:16px;
}

h5 {
  font-size:15px;
}

h6 {
  font-size:14px;
}

p {
  margin-bottom:18px;font-weight:300;line-height:1.5;
}
.line-br{background:#000000 ;width:40px;height:3px;display:block;}
table {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 15px;
  width: 100%;
}

th, tr, td {
  vertical-align: middle;
}

.sticky-header th, .sticky-table th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em;
  text-align: left;
}

table {
    background-color:transparent;
  border: 0px solid #bbbbbb;
}

th {
   background-color:transparent;
  padding: 10px 4px;
  text-shadow: 1px 1px #fff;
  border-right: 1px solid #c8c7c7;
  color:#333;
}

td {
  background-color:transparent;
  color: #747474;
  text-align: left;
  padding-left: 4px;

}

code {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  display: block;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

mark {
  background-color:#fdfc9b;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

hr {
  border:none;
  border-top:#EEE 1px solid;
}

dt {
  font-weight:bold;
  margin-bottom:24px;
}

dd {
  margin-left:30px;
  margin-bottom:24px;
}

ul {
  list-style-type:disc;
  margin-left:15px;
  margin-bottom:12px;
}

ul ul {
  list-style-type:square;
  margin-bottom:0;
}

ul ul ul {
  list-style-type:circle;
}

ol {
  list-style-type:decimal;
  margin-left:30px;
  margin-bottom:24px;
}

ol ol {
  list-style: upper-alpha;
  margin-bottom:0
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

abbr,
acronym {
  border-bottom:#999 1px dotted;
  cursor:help;
}

big {
  font-size:1.3em;
}

cite,
em {
  font-style:italic;
}

ins {
  background-color:#fdfc9b;
  text-decoration:none;
}

pre {
  background: #d8d8d8;
  text-shadow: 1px 1px #fff;
  border: 1px solid #bbbbbb;
  padding: 7px;
  margin: 5px 0;
  border-radius: 7px;
}

blockquote, q {
  quotes:none;
  border: 1px solid #bbbbbb;
  background: #d8d8d8 url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/quote.png) no-repeat;
  padding: 10px 5px 5px 47px;
  text-shadow: 1px 1px #fff;
  margin: 5px 0;
  border-radius: 7px;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

strong {
  font-weight:bold;
}

sup,
sub {
  height:0;
  line-height:1;
  vertical-align:baseline;
  position:relative;
  font-size:10px;
}

sup {
  bottom:1ex;
}

sub {
  top:.5ex;
}

img,
video {
  max-width:100%;
  height:auto;
}

video {
  display:block;
}

audio {
  max-width:100%;
}



/*
  Theme Design, Layout and Typography
*/

#inner_header_wrapper {

  position:relative;
  margin:0 auto;


}

#header_wrapper{  -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;}
#header_wrapper{width:100%;z-index:101;top:0;
	height:100px;
	padding:20px 0 20px 0;display:block;
background:#fff;
-webkit-box-shadow: 0px 5px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 5px 5px 0px rgba(227,227,227,1);
box-shadow: 0px 5px 5px 0px rgba(227,227,227,1);
margin-bottom:50px;

}

.header_top{max-width:80%;margin:auto;}
#header {
  max-width: 1000px;
  margin: 0 auto;

}
.logo{display:inline;margin-left:50px;padding-left:50px;border-left:2px solid #e3e3e3;padding-top:16px;display:inline-block;}
.logo a {font-size:30px;font-weight:600;color:#f3e220;}
.menu-open{font-size:18px;font-weight:bold;display:inline-table;vertical-align:top;padding-top:20px}
.breadcrumbs{font-size:18px;font-weight:bold;display:inline-table;vertical-align:top;color:#9f9e9e;margin-left:50px;padding-top:20px}

#site-title a,
#site-description {
  color:#fff;
  font-weight: 300;
}

#site-title,
#site-description {
  float:left;
}

#site-title {
  margin: 25px 0;
  font-size:28px;
  font-weight:bold;
}

#site-title a{
  float: left;
  line-height: 100%;
}

#site-description {
  color: #E7E7E7;
  margin: 0;
  float: left;
  clear: both;
  font-size: 12px;
  line-height: 100%;
}

#main-menu {
  max-width: 1000px;
  margin: 0 auto;
display:inline-table;
  z-index: 11;


}

#main-menu ul {
 right:0;
  padding:0;
  margin:0;
  list-style:none;
  font-size:13px;
	float:right;
}

#main-menu li {
float:left;
  position:relative;
  padding:0;
  margin:0;
  font-size: 14px;
}

#main-menu ul li:first-child {
  padding-left:0;
}

ul, ol, div.item-list ul{
  margin: 5px 0 5px 0;
  padding: 0;
}

ul li, ul.menu li, ul.links li, .item-list ul li {
  list-style: none outside none;
  margin: 0 0 2px;
}
/** #content ul li{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/m-icon-18.png) no-repeat left top;padding-left:23px ; } */
#main-menu a {
  display: block;
  color:#000;
  text-align: center;
  padding: 5px 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight:bold;

}

#main-menu a:hover,
#main-menu li a.active{
  color: #fff;
  text-decoration: underline ;

}
#main-menu li li a.active{
text-decoration:underline;
}

.drop-down-toggle {
  position:absolute;
  top:7px;
  right:16px;
  display:none;
  width:20px;
  height:20px;
  border-radius:15px;
  background:#333;
  background:-moz-linear-gradient(#333,#444);
  background:-webkit-linear-gradient(#333,#444);
  background:-o-linear-gradient(#333,#444);
  background:-ms-linear-gradient(#333,#444);
  background:linear-gradient(#333,#444);
  border:#aaa 3px solid;
}

.drop-down-arrow {
  display:block;
  width:0;
  height:0;
  margin:8px 0 0 5px;
  border-top:5px solid #aaa;
  border-left:transparent 5px solid;
  border-right:transparent 5px solid;
}

#main-menu li li {
  float:none;
  min-width:190px;
  padding:0;
  margin:0;
}

#main-menu li li a {
  color: #C5C5C5;
  min-width: 150px;
  margin: 0;
  background: #1e272e;
  border-top: 1px solid #333;
  font-size: 11px;
  text-align: left;
  overflow: hidden;
  padding: 3% 5%;
  font-weight: normal;
}

#main-menu li li:first-child > a {
  border-top:none;
}

#main-menu li li a:hover {
  background: rgb(39, 50, 60);
}

#main-menu li ul {
  display:none;
  position:absolute;
  z-index:9999;
  min-width:190px;
  height:auto;
  padding:0;
  margin:0;
  box-shadow:0 0 3px #333;
}

#main-menu li ul ul {
  margin:-33px 0 0 190px !important;
}

#main-menu li:hover > ul,
#main-menu li li:hover > ul,
#main-menu li li li:hover > ul {
  display:block;
}

#main-menu .nav-toggle {
  display:none;font-size:36px;
}

#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
  list-style:none;
}
#main-menu ul.menu li {
  margin: 0;
}

#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
  margin: 0;
  padding: 0;
}

#container {
  clear: both;
  margin: 0 auto;
  overflow: hidden;


}


#slider {
  background: transparent;
  position:relative;
  box-shadow: none;
  overflow: visible;
}

.nivo-caption {
  background: rgba(255, 255, 255, .6);
  margin: 20px;
  width: 60%;
  font-size: 13px;
  padding: 20px;
  border-left: 4px solid rgb(50, 165, 231);
  font-family: Arial, sans-serif;
  color: rgb(0, 0, 0);
  line-height: 120%;
}

.slider-wrapper #slider{
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.theme-default .nivo-controlNav{
  padding: 20px 0 0 0;
}

#slider a:active {
  outline:none;
}

.slides,
.flex-control-nav {
  margin:0;
  padding:0;
  list-style:none;
}

.slides {
  width:100%;
  overflow:hidden;
}

#slider .slides > li {
  display:none;
  position:relative;
  margin:0;
}

#slider .slides li:first-child {
  display:list-item;
}

.flex-pauseplay span {
  text-transform:capitalize;
}

.slides:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.flex-control-nav {
  position:absolute;
  right:4%;
  bottom:7.3%;
  text-align:center;
}

.flex-control-nav li {
  display:inline-block;
  margin:0 0 0 15px;
}

.flex-control-nav li:first-child {
  margin:0;
}

.flex-control-nav li a {
  display:block;
  width:24px;
  height:24px;
  box-shadow:0 0 3px #999;
  cursor:pointer;
  background:#e9e9e9;
  color:#333;
  font-weight:bold;
  line-height:24px;
}

.flex-control-nav li a.active,
.flex-control-nav li a:hover {
  background:#fff;
}

#slider .post {
  padding:1.83%;
  margin:0;
  box-shadow:none;
  background:none;
}

#slider .entry-container {
  float:right;
  max-width:50%;
}

#slider .slide-image {
	max-width:49%;
	padding:0.47%;
	background:#E9E9E9;
}

#slider .entry-header,
#slider .entry-summary {
  margin-left:5%;
}

#slider .entry-title{
  margin-left:0;
  margin-bottom:15px;
}

.content-sidebar-wrap {
  float:left;
  width:100%;
}


.content-sidebar-wrap #content {

  margin-bottom: 2.7%;

  width:100%;
}

#sidebar-first {
  color: #888;
  float: left;
}

#sidebar-second {
  color: #888;
  float: right;
}

/* 3 columns */

body.two-sidebars .content-sidebar-wrap {
  width:80%;
}

body.two-sidebars #content {
  width:75%;
}

body.two-sidebars #sidebar-first {
  width: 24%;
}

body.two-sidebars #sidebar-second {
  width: 19%;
}

/* 2 columns: sidebar-first */

body.sidebar-first .content-sidebar-wrap {
  width: 100%;
}

body.sidebar-first #content {
  width: 80%;
}

body.sidebar-first #sidebar-first {
  width: 19%;
}

/* 2 columns: sidebar-second */

body.sidebar-second .content-sidebar-wrap {
  width: 75%;
}

body.sidebar-second #content {
  width: 100%;
}

body.sidebar-second #sidebar-second {
  width: 24%;
}


#head, #content, #sidebar-second, #sidebar-first {

}

.node {
  margin:20px 0;
}

.node h2.title, .page-title {
  font-size: 20px;
}
.title-bottom{top:250px;position:absolute;width:100%;display:block;color:#fff;}
h1.page-title{display:none;font-size:30px;font-weight:900;margin:0 auto;max-width:1000px;font-family:'gill','open sans';}

.node-type-article .region-slideshow h2{text-align:center;display:block;color:#fff;font-size:30px;font-weight:900;margin:0 auto;max-width:1000px;font-family:'gill','open sans';}
.node-type-article .region-slideshow{color:#fff;text-align:center;padding:50px 0;background: rgba(0, 0, 0, 0) linear-gradient(to right, #c55b8b 0%, #c15b5b 53%, #d8915e 100%)}
.node-type-article .field-name-body{max-width:740px;margin:auto;}

.node h2.title a{
  color: #000;
}

.block {
  margin-bottom: 1%;
}

.block > h2{

font-weight: normal;
margin: 5px 0px;
padding: 0px 0px 4px 0px;
}

.theme-default .nivo-directionNav a {
 background: url("https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/arrows.png") no-repeat;
}

.theme-default a.nivo-nextNav {
  background-position: -30px 0;
}

#footer-area .block > h2 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

#footer-area ul.menu li a.active{
  color:#ddd;
}

.region-front-welcome{
  background: url("https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/hr.png") top center no-repeat;
  padding-top: 2%;
  margin-top: 3%;
}

.region-front-welcome h2{
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
}

.submitted {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: rgb(247, 247, 247);
  border: 1px solid rgb(236, 236, 236);
  border-radius: 4px;
  clear: both;
  color: rgb(56, 56, 56);
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 8px;
}

.links {
  color: #000;
  margin-top: 10px;
  font-size: 14px;
}

ul.links {
  margin:0;
}

.links li a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #696F72;
  border-radius: 4px;
  color: #FFF;
  font-weight: normal;
  padding: 4px 8px;
}

.links li a:hover {
  background: #000;
  color: #DDD;
}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/

table.cke_editor {
  background: transparent;
  border: 0;
}
table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/

.poll .vote-form .choices .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.poll .vote-form .choices {
  margin: 0;
}

.form-submit{
  cursor: pointer;
  margin:5px;font-weight:bold;font-size:18px;background:#000000;color:#fff;text-align:center;padding:10px 30px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

input.form-checkbox, input.form-radio {
  vertical-align: baseline;
}

.form-text {
  padding: 4px 5px;
}

/*-------------------------------------------*
/* Menus and item lists
/*-------------------------------------------*/
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/


ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
  margin: 0 0 10px 0;
}

.field-name-field-tags a{
  display: inline-block;
  background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/tag.png) no-repeat;
  padding: 0px 8px 0 16px;
  height: 22px;
  text-shadow: 1px 1px #fff;
  border-radius: 2px;
  font-size: 12px;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager li {
  background: #cfcfcf;
  border-radius: 3px;
  margin-right: 4px;
  text-shadow: 1px 1px #fff;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-left: 2px;
}

.forum-starter-picture {
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 7px 5px 0;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{
  font-size: 16px;
}

/* Images */

img { outline: 0; }

img.scale-with-grid { max-width: 100%; height: auto; }

/* Comments */

.comment h2.title {
  margin-bottom: 1em;
}

.comment div.user-picture img {
  margin-left: 0;
}

.comment {
  margin-bottom: 20px;
  display: table;
  vertical-align: top;
}

.comment .attribution {
  display: table-cell;
  padding: 0 35px 0 0;
  vertical-align: top;
  overflow: hidden;
}

.comment .attribution img {
  margin: 0;
  border: 1px solid #d3d7d9;
}

.comment .attribution .username {
  white-space: nowrap;
}

.comment .comment-submitted p {
  margin: 4px 0;
  font-size: 1.071em;
  line-height: 1.2;
}

.comment .comment-submitted .comment-time {
  font-size: 0.786em;
}

.comment .comment-submitted .comment-permalink {
  font-size: 0.786em;
  text-transform: lowercase;
}

.comment .content {
  font-size: 0.929em;
  line-height: 1.6;
}

.comment .comment-arrow {
  background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/comment-arrow.gif) no-repeat 0 center transparent;
  border-left: 1px solid;
  border-right: 1px solid;
  height: 40px;
  margin-left: -36px;
  margin-top: 15px;
  position: absolute;
  width: 20px;
}

.comment .comment-text {
  padding: 0 25px 10px 35px;
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 100%;
  border-left: 1px
  solid #d3d7d9;
}

.comment .indented {
  margin-left: 40px;
}

.comment-unpublished {
  margin-right: 5px;
  padding: 5px 2px 5px 5px;
}

.comment .comment-text .comment-arrow {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

/* -------------- Form Elements   ------------- */

fieldset {
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.fieldset-wrapper {
  margin-top: 25px;
}

.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}

.filter-wrapper {
  top: 0; padding: 1em 0 0.2em;
  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}

.filter-wrapper .form-item label {
  margin-right: 10px;
}

.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}

.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}

fieldset.collapsed {
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
   border-radius: 0;
}

fieldset legend {
  background: #dbdbdb;
  border: 1px solid #ccc;
  border-bottom: none;
  display: block;
  height: 2em;
  left: -1px;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  text-shadow: 0 1px 0 #fff;
  top: -12px; width: 100%;
  -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
  -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
}

fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 0.929em; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }

/* Form Buttons */

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
font-weight:bold;font-size:18px;background:#000000;color:#fff;text-align:center;padding:10px 30px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;border:0;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
 background:#000;
 text-decoration:underline;
  cursor: pointer;
	color:#fff;
}



#block-search-form { padding-bottom: 7px; overflow: hidden; }

#block-search-form .content { margin-top: 0; }

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 5px; width: 9em; }

#search-block-form input.form-submit,
#search-form input.form-submit {
  margin-left: 0; margin-right: 0; height: 25px; width: 34px; padding: 0; cursor: pointer;
  text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/search-button.png) no-repeat center top; overflow: hidden;
}

#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus { background-position: center bottom; }

#search-block-form .form-actions{ float: left; padding: 0; }

#search-block-form .form-actions input { margin: 1px 0; }

#search-form .form-item-keys label { display: block; }

ol.search-results { padding-left: 0; }

.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; }

.search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; }

.search-results .search-snippet-info { padding-left: 0; }

#top-area {
  clear:both;
}

#top-area {
  position:relative;
}

#top-area .block {
  margin: 0;
}

#top-area .block p{
  margin: 0;
}

#top-area .column {
  float: left;
  width: 32%;
  margin: 1.8% 0;
  margin: 0 5px;
  background: rgb(252, 252, 252);
  border: 1px solid rgb(241, 241, 241);
}

#top-area h2{
  padding: 9px 10px 0px 10px;
  color: rgb(34, 46, 54);
  margin-bottom: 0;
  font-size: 18px;
  margin: 0;
  font-weight: bold;
}

#top-area .column .content{
  padding: 10px;
}

#top-area .column:first-child {
  margin-left:0;
}

#top-area .column-title {
  color:#e0e0e0;
}

#top-area li {
  border-bottom:#555 1px dashed;
}

#footer {
  clear:both;
  color: #fff;
  background: #393939;

}

#footer a{
  color: #fff;
}
.footer-links-wrapper{background:#2b2a27;margin-bottom:20px;}
.footer-links{max-width:1000px;margin:auto;padding:10px 0;}
.footer-links a{padding:0 10px;text-align:center;color:#000;font-size:14px;display:inline-table;}
#footer_wrapper{
  max-width: 1000px;
  margin: 0 auto;
}
.newsletter-signup{padding:20px 0;margin:20px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;}
#block-views-tweets-block{padding:20px 0;margin:20px auto;max-width:1000px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;}
.footer-sig{max-width:1000px;margin:auto;padding:10px 0;margin-top:20px;border-top:1px solid #dcdcdc;text-align:center;}
.footer-sig-left{float:left;display:inline-table;}
.footer-sig-right{float:right;display:inline-table;text-align:right;}
#footer .column-1{width:25%;display:inline-block;vertical-align:top;text-align:center;padding-top:45px;}
#footer .column-1 img{width:75%;}
#footer .column-2{width:45%;display:inline-block;vertical-align:top;
    height: 100%;
    padding: 0 2% 40px 2%;
    text-align: center;padding-top:75px;
 }
.footer-links h2{width:24%;display:inline-block;vertical-align:top;}
.footer-links-section{width:75%;display:inline-block;vertical-align:middle;}
#footer .column-2 a{color:#000000 ;font-size:16px;color:#fff;}
#footer .column-3{width:25%;display:inline-block;vertical-align:top;}
#footer-area {

  color:#fff;
}
.footer-links-area{width:75%;display:inline-block;vertical-align:top;}
.footer-social-links{width:24%;display:inline-block;vertical-align:top;padding-top:10px;}
#footer-area .column {
  float:left;
  width:30.8%;
  margin:0 0 1.9% 3.8%;
}

#footer-area .column:first-child {
  margin-left:0;
}

#footer-area .column-title {
  color:#e0e0e0;
}

#copyright {
  clear:both;
  padding:0 0px;
}

.credits {
  float:right;
  max-width:370px;
  margin-right:12px;
  text-align:right;
}

#copyright p {
  margin:0;
}

.footer_credit{
  color: #000;
  overflow: auto;
  padding: 10px 0px;

}

.footer_inner_credit{
  max-width: 1000px;
  margin: 0 auto;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#intro-load{ position:absolute;width:100%;height:100%;	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2200+0,f54e07+62,b81600+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2de09+0,dbce6d+50,f2e554+100 */
background: #f2de09; /* Old browsers */
background: -moz-linear-gradient(left,  #f2de09 0%, #dbce6d 50%, #f2e554 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f2de09 0%,#dbce6d 50%,#f2e554 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f2de09 0%,#dbce6d 50%,#f2e554 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2de09', endColorstr='#f2e554',GradientType=1 ); /* IE6-9 */
z-index:10000;display:table;top:0;left:0;}
.intro-load-content{ display: table-cell;vertical-align:middle;text-align:center;}

.mod-boxes{font-size:0;width:90%;margin:200px auto;text-align:center;}
.mod-boxes img{width:100%;}
.mod-1-box{height:365px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:30%;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}
.mod-boxes .box-border{padding:30px 2.5% 50px 2.5%;}
.mod-box-title{font-size:24px;line-height:30px;}
.mod-2-box{height:365px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:30%;margin:0 5%;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}

.mod-3-box{height:365px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:30%;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}


.mod-boxes-2{font-size:0;width:90%;margin:200px auto;text-align:center;}
.mod-boxes-2 img{width:100%;}
.mod-boxes-2 .mod-1-box{min-height:400px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:22%;margin-right:2.5%;margin-bottom:30px;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}
.mod-boxes-2 .box-border{padding:30px 2.5% 50px 2.5%;}
.mod-box-title{font-size:24px;line-height:30px;}
.mod-boxes-2 .mod-2-box{min-height:400px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:22%;margin:0%;margin-right:2.5%;margin-bottom:30px;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}

.mod-boxes-2 .mod-3-box{min-height:400px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:22%;margin-right:2.5%;margin-bottom:30px;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}

.mod-boxes-2 .mod-4-box{min-height:400px;border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(227, 227, 227, 1);background:#fff;border-top:10px solid #f2de09;width:22%;margin-bottom:30px;color:#fff;display:inline-block;font-size:18px;vertical-align:top;}



.mod-1-wrapper{font-size:0;clear:both;width:100%;}
#mod-1{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-1-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-1{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-1-main{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-1v2.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-1-option-bg{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-1-option-1{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-1-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-1-option-2{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-2-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-1-option-3{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-3-icon.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-2-wrapper{font-size:0;clear:both;width:100%;}
#mod-2{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-2-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-2{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-2-main{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-2.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-2-option-bg{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-2-option-1{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-4.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-2-option-2{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-5.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-2-option-3{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-6.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-3-wrapper{font-size:0;clear:both;width:100%;}
#mod-3{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-3-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-3{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-3-main{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-3.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-2-option-bg{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-3-option-1{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-7.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-3-option-2{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-8.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-3-option-3{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-9.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-4-wrapper{font-size:0;clear:both;width:100%;}
#mod-4{width:45%;margin-right:5%;display:inline-block;vertical-align:top;margin-top:145px;}
#mod-4-options{width:50%;display:inline-block;vertical-align:top;position:relative;height:762px;}
#mod-4{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-1-bg.png) no-repeat center center;width:473px;height:473px;position:relative;}
#mod-4-main{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/mod-4.png) no-repeat center center;width:438px;height:438px;display:block;float:left;left:17px;top:17px;position:absolute;}
#mod-4-option-bg{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/line.png) no-repeat left center;width:320px;height:762px;display:block;float:left;position:absolute;}
#mod-4-option-1{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-10.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;}
#mod-4-option-2{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-11.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:140px;top:260px;}
#mod-4-option-3{background: url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/lesson-icon-12.png) no-repeat left center;width:500px;height:220px;display:block;position:absolute;left:30px;top:520px;}


.mod-option .mod-text{display:none;margin-left:198px;}
.mod-option:hover .mod-text{display:block;}



/*  support networks */
#pt1 {
    clear: both;
}
.bottom {
    top: 50px;
}

#pt1, #pt2 {

}
#pb1, #pb2 {

}

#pboth1, #pboth2 {

}
.player textarea{width:95px;}
#workarea {
    position: relative;
    height: 650px;
    width: 100%;
background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/drag.png) no-repeat 25px 25px;
}

#workarea2 {
    position: relative;
    height: 650px;
    width: 100%;
background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/drag.png) no-repeat 25px 25px;
}
#workarea .yui3-dd-drop-active-valid {

}
#workarea #b2.yui3-dd-drop-over {
    background-color: #a81d05;
}
#workarea #b1.yui3-dd-drop-over {
    background-color: #71db5c;
}
#workarea #b3.yui3-dd-drop-over {
    background-color: #ae7c03;
}

#workarea .yui3-dd-drop-active-invalid {
    border: 2px solid red;

}
#ba-1{top:100px;left:280px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2{top:480px;left:280px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-3{top:300px;left:80px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-4{top:300px;left:460px;background:#f6e4ba;border:3px solid #ae7c03;}
#br-1{top:220px;left:180px;background:#ffccc3;border:3px solid #a81d05;}
#br-2{top:220px;left:380px;background:#ffccc3;border:3px solid #a81d05;}




#br-3{top:380px;left:180px;background:#ffccc3;border:3px solid #a81d05;}
#br-4{top:380px;left:380px;background:#ffccc3;border:3px solid #a81d05;}
#bg-1{top:430px;left:30px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2{top:430px;left:510px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-3{top:150px;left:30px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-4{top:150px;left:510px;background:#d9ffd2;border:3px solid #71db5c;}


#ba-2-1{top:150px;left:120px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2-2{top:150px;left:420px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2-3{top:430px;left:120px;background:#f6e4ba;border:3px solid #ae7c03;}
#ba-2-4{top:430px;left:420px;background:#f6e4ba;border:3px solid #ae7c03;}
#br-2-1{top:220px;left:280px;background:#ffccc3;border:3px solid #a81d05;}
#br-2-2{top:380px;left:280px;background:#ffccc3;border:3px solid #a81d05;}
#br-2-3{top:300px;left:180px;background:#ffccc3;border:3px solid #a81d05;}
#br-2-4{top:300px;left:380px;background:#ffccc3;border:3px solid #a81d05;}
#bg-2-1{top:25px;left:280px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2-2{top:550px;left:280px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2-3{top:300px;left:0px;background:#d9ffd2;border:3px solid #71db5c;}
#bg-2-4{top:300px;left:540px;background:#d9ffd2;border:3px solid #71db5c;}



#block-block-13 .exercise-intro-right{margin-bottom:0;}
#node-19 h2 a{display:none;}
#node-19{width:760px;}
#node-9 .player-wrapper .continue{margin-left:280px;}
#node-19 textarea{width:100%;min-height:100px;font-size:18px;}
#block-block-13{margin:50px 0;}
.slot {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 100px;
    height: 60px;
    z-index: 0;
	opacity:0.6;
}
.player-wrapper{width:400px;position:absolute;top:0px;right:0px;height:650px;float:right;}
.player-wrapper a{font-size:18px;}
.player {
    border: 0px solid #8080;
	background:#fff;
    color: #000;
    text-align: center;
    position: relative;
	vertical-align:baseline;
    float: right;
    margin: 4px;
  width: 100px;
    height: 60px;
    z-index: 1;
    cursor: move;
border:1px solid #f1f0ef;
font-size:0;
}
#section7 .player{height:70px;position:relative;}
#section7 .player a.enlarge{position:absolute;top:0;right:0;width:}
#section7 .player a.enlarge-tip{position:absolute;top:0;left:0;}
h2{color:#dbce6d;}
.wrapper h2{color:#20172c;}
.key-wrapper{margin-right:30px;margin-top:70px;display:table;float:right;}
.key-row{font-size:30px;margin-bottom:20px;}
.key-block{width:53px;height:30px;display:inline-block;margin-right:10px;}
.key-block-red{background:#d6351a;}
.key-block-amber{background:#d69f1a;}
.key-block-green{background:#29a311;}
.wrapper{width:80%;padding:0;margin:50px auto 400px auto;background:#fff;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
min-height:300px;

}

.home-logged-in p{font-size:24px;line-height:30px;width:80%;margin:10px auto;}
.wrapper-2-col{font-size:0;width:45%;padding:0;margin:0 auto;background:#fff;display:inline-block;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
box-shadow: 0px 0px 5px 0px rgba(227,227,227,1);
vertical-align:top;

}
.wrapper-2-col:nth-child(1){margin-right:10%;}


.video-wrapper{width:55%;display:inline-block;vertical-align:top;float:left;}
.video-text-wrapper{display:inline-block;vertical-align:top;width:45%;padding:20px 2.5%;
 -webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
	  -moz-transition-duration: 0.6s;
	border-top:15px solid #f3e220;
	position:relative;
}
.wrapper-border{padding:20px 0;}
.definitions-1{margin:40px auto 0 auto;display:block;vertical-align:top;font-size:18px;text-align:center;}
.definitions-2{margin:40px auto 0 auto;display:block;vertical-align:top;font-size:18px;text-align:center;}
.definitions-1 h2, .definitions-2 h2{margin-top:30px;}
.definitions-rl{display:inline-block;width:49%;margin:20px 0;text-align:center;}
.definitions-rl img{margin:auto}
.definitions-block{display:none;font-size:24px;}
.definitions-revealed{display:block !important;}
.definitions-gb{width:47.5%;vertical-align:top;font-size:0;}
.definitions-gb:first-child{margin-right:5%;}
.definitions-gb-show{font-size:24px !important;}
.definitions-gb img{display:none;}
.definitions-gb-show img{display:table;margin:10px auto;}
.hide-me{display:none !important;}
#definitions-m-4-reveal{display:none;}
#definitions-i-4-reveal{display:none;}
.show-me{display:block !important;}
.show-me-inline{display:inline-table !important;}
.part-no{text-align:right;color:#9f9e9e;line-height:0.6;font-size:16px;width:97.5%;display:block;}
#m3-lesson8{width:100%;}
.video-text-wrapper .part-no{width:100%;display:block;}
.h2-center{text-align:center;}
.wrapper .mod-no{text-align:center;font-size:16px;color:#000;}
.btn-a{margin:auto;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	display:table;padding:10px 20px;text-align:center;border:5px solid #f3e220;color:#20172c;background:#fff;font-weight:bold;}
.btn-b{
	font-size:14px;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	display:table;padding:10px 20px;text-align:center;border:5px solid #f3e220;color:#20172c;background:#fff;font-weight:bold;}
.text-hidden{display:none;  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.reveal-text{text-align:right;}
.definitions-arrow{margin:40px 0;background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/definitions-arrow.png) no-repeat center center;}
#definitions-park-film{display:none;margin:auto;}
#gifts-film{display:none;margin:auto;}
#film-7-film{display:none;margin:auto;}
.player-hide{position:absolute;top:-10000000000px;}
.storyboard{line-height:0;font-size:0;text-align:center;}
.storyboard img{margin:10px 0;width:28%;}
.storyboard img#e3s2f2,.storyboard img#e3s2f5{margin:10px 2%;}


.storyboard-4{line-height:0;font-size:0;text-align:center;}
.storyboard-4 img{margin:10px 0;width:23%;}
.storyboard-4 img#s1f2,.storyboard-4 img#s1f3,.storyboard-4 img#s1f6,.storyboard-4 img#s1f7{margin:10px 2%;}

#cboxTitle {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 30px;
	padding-top: 20px;text-align:center;line-height:1.2}
#qlaa-content{margin:50px 0 150px 0;}
.qlaa-text{display:none;font-size:24px;}
.qlaa-btn{display:none;}
#qlaa-1-reveal,#qlaa-1-2-reveal,.qlaa-btn-show{display:table ;}
#aio-1-reveal,#aio-1-2-reveal{display:table;}
.qlaa-content{font-size:0;}
#definitions-film-1-continue{display:none;}
#gifts-continue{display:none;}
#film-7-continue{display:none}
.qlaa-block{display:inline-block;font-size:16px;width:24%;display:inline-block;vertical-align:top;min-height:65px;line-height:65px;}
.qlaa-block img{vertical-align:middle}
.qlaa-block-3 img{float:right;}
.qlaa-block-3{display:inline-block;font-size:16px;text-align:center;width:33%;display:inline-block;vertical-align:top;height:65px;line-height:65px;}
.qlaa-block h3{font-size:30px;}
#qlaa-5-reveal{margin:auto;margin-top:20px;}
.page-node-3 #section2{padding-bottom:150px;}
.page-node-3 #section2a{padding-bottom:150px;}
.page-node-5 #section2{padding-bottom:30px;text-align:center;}
.qlaa-block a {height:22px;line-height:22px;}


.btn-inline{display:inline-table;margin:0 5px;font-size:14px;}
.btn-doc{border:0;font-size:14px;color:#fff;background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/doc-icon.png) #20172c no-repeat 10px 8px;padding-left:35px !important;margin-bottom:10px; }
.btn-doc:hover{color:#fff;}

/* lesson 4 */

#film-3-wrapper{display:none;margin:auto;}
#film-4-wrapper{display:none;margin:auto;}
.lesson-4-questions{ margin:40px auto;width:80%;font-size:24px;text-align:center;}
#lesson-4-answers-1{display:none;}
#lesson-4-answers-2{display:none;}
.lesson-4-answers-inline{width:49.5%;display:inline-block;vertical-align:top;font-size:30px;font-weight:bold;margin:40px 0;}
.answers-box{margin:20px auto;width:60%;}
#lesson-4-continue{display:none;}
#film-3-continue{display:none;}
#film-4-continue{display:none;}
.col-md-6{width:50%;display:inline-block;}
#block-seesaw-seesaw-exercise h2{display:none;}
#block-seesaw-seesaw-exercise{text-align:center;}
.seesaw-images{position:relative;}
#block-seesaw-seesaw-exercise .seesaw--item img{outline:2px solid #fff;}

#block-support-networks-support-networks h2{display:none;}
#block-support-networks-support-networks{text-align:center;}

#tailor-wrapper{font-size:0;}
#tailor-content-wrapper{width:50%;display:inline-block;vertical-align:top;font-size:24px;text-align:left;}
#tailor-image-wrapper{width:50%;display:inline-block;vertical-align:top;text-align:right;}
#tailor-content-wrapper .btn-a{margin:0}
.tailor-content{display:none;}
#tailor-2-reveal{display:none;}
#tailor-3-reveal{display:none;}
#tailor-4-reveal{display:none;}



#section3 #role-play-wrapper{text-align:center;}
#section6 #role-play-wrapper{text-align:center;}
#section6 #role-play-wrapper img{width:80%;margin:50px auto;}

.ptp-inline{width:30%;display:inline-block;vertical-align:top;margin:50px 0;}
.ptp-inline h3{text-align:center;}
.tip-title-1 {
    display: inline-block;
    text-align: center;
    width: 49%;
}
.tip-title-2 {
    display: inline-block;
    text-align: center;
     width: 49%;
}
.footer {background:#fff;padding:50px 0;}
.footer img{height:100px;width:auto;margin:0 10px;}
#block-block-2{text-align:center;}
#block-block-2 h2{font-weight:bold;}

.intro-aim{font-size:30px;font-weight:bold;width:80%;margin:auto}
/* dyslexia rules */
body{background:#f5f5f5;color:#17375d;}
.wrapper{background:#fff}
h1, h2, h3, h4, h5, h6,.wrapper h2 {
	color:#17375d;}
.support-networks--item{width:19% !important;vertical-align:top;}
.support-networks--brand-name{font-size:1.2rem !important}
.support-networks--item--lower{width:100%;}

.support-networks--dialog .remodal-close::before{color:#000 !important;}
.support-networks--jigsaw-piece-upper{left:0 !important;margin-bottom:-40px !important;}
.support-networks--upper-wrapper h3{padding:0 5px !important;}
.dropped .support-networks--info{margin-top:2%;}
.submitted{display:none;}
.support-networks--item--lower .brand-logo{width:155px !important;margin-top:50px;}
.support-networks--item .dropped .support-networks--item--lower{margin-top:-70px;}
.dropped .support-networks--info{top:100% !important;}

.node-resources .field-type-file .field-item a{margin-bottom:10px;display:inline-block;}
#cboxClose{top:0 !important;}
#cboxLoadedContent h2.title{display:none;}
.popup-qs{font-size:0;margin-bottom:50px;}
.popup-q{font-size:30px;font-weight:bold;width:15%;margin:0 5%;border-radius: 10px;padding:20px 0;background:#000;color:#fff;display:inline-block;text-align:center;vertical-align:top;}

.popup-a{font-size:30px;line-height:36px;display:none;}


/* user icons */

.user-dashboard{font-size:18px;font-weight:bold;display:inline-table;vertical-align:top;float:right;color:#9f9e9e;}
.user-dashboard a{margin:0 5px;display:inline-block;font-size:14px;vertical-align:top;text-align:center;margin-bottom:10px;}
.whole-school{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/whole-school.png) top center no-repeat ;
}
.accessibility{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/accessibility-icon.png) top center no-repeat ;
}
.user-guide{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/guide-icon.png) top center no-repeat ;
}
.user-help{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/help-icon.png) top center no-repeat ;
}
.user-resources{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/resources-icon.png) top center no-repeat ;
}
.user-login{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/login-icon.png) top center no-repeat ;
}
.user-logout{
	padding-top:30px;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/icons/logout-icon.png) top center no-repeat ;
}

#vtp-reveal{display:none;}
#body-language-wrapper{margin:40px 5%;}
#body-language-reveal{display:none;font-size:28px;text-align:center;}
#lesson-4-answers-2-reveal{display:none;}
.further-scenarios-key{font-size:24px;text-align:right;line-height:36px;}
img#tailor-image{height:700px;}

.page-node-14 #role-play-wrapper a{text-align:center;margin:auto;}
 
.tip-popup{font-size:30px;line-height:36px;}
.tip-popup h1{margin-top:50px;font-weight:bold;}
 
 

/* front page login */
.page-node-22{background:#fff;text-align:center;}
.page-node-22 #sticky-header{display:none;}

.page-user #sticky-header{display:none;}
.page-user {background:#fff;text-align:center;}
.page-user .tabs-wrapper{display:none;}

.page-user #block-system-main{margin-top:50px;}

#front-header{padding:40px 0;width:100%;display:block;text-align:center;color:#fff;font-size:48px;font-weight:700;background:#f3e220}
.front-quote{font-size:30px;color:#000;width:40%;line-height:36px;margin:30px auto 0 auto;}
.quote-icon{font-size:60px;color:#f3e220;text-align:left;}
.quote-right{text-align:right;margin-top:10px;}
.logged-in #front-header{display:none;}
.page-node-22 .wrapper{background:#fff;}
.front-wrapper{width:80%;margin:50px auto 0 auto;font-size:0;}
.front-wrapper .mod-boxes{margin:50px 0 30px 0;width:100%;}
.front-wrapper iframe{max-width:90%;}
#block-access-code-access-code h2{display:none;}
#block-access-code-access-code  #edit-access-code{width:40%;margin-top:20px;font-size:18px;}
#front-contact{font-size:0;}
.front-contact-2-col{display:inline-block;width:45%;vertical-align:top;font-size:24px;margin:40px 0;}
.front-contact-2-col:nth-child(1){margin-right:10%;}
.front-contact-2-col:nth-child(2){text-align:right;}

#block-webform-client-block-27 h2{display:none;}
#block-webform-client-block-27 .form-text{width:80%;margin:10px auto;padding:10px 2.5%;}


/* exercise navigation */
.exercise-navigation{width:80%;text-align:center;margin:40px auto;}
.exercise-navigation a{display:inline;margin-left:20px;padding: 10px 20px;}

.wrapper .exercise-navigation{display:table;width:auto;margin:100px auto 40px auto;}

#cboxLoadedContent #sticky-header{display:none;}

/* seesaw fix */
.seesaw-images img{vertical-align:top;}
.seesaw--dropzone img{vertical-align:bottom;}


/* help */
.help-wrapper{width:80%;margin:50px auto 0 auto;font-size:0;}
.help-left{width:45%;display:inline-block;vertical-align:top;}
.help-left p{font-size:18px;}
.help-left ul{padding-left:20px;}
.help-left ul li{font-size:18px;list-style:circle;}
.help-right{width:45%;margin-left:10%;display:inline-block;vertical-align:top;font-size:18px;}
.help-right .form-text{width:100%;}
.help-right h2{font-weight:700;}

.exercise-navigation.line-draw{
  position: relative;
z-index: 999;
}
.inline-resource-link{position:absolute;bottom:20px;right:20px;

padding-left:38px;height:40px;line-height:40px;color:#17375d;
	background:url(https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/resource-icon.png) left center no-repeat ;

}

.exercise-navigation .inline-resource-link{position:relative;font-size:18px;bottom:0;right:0;margin-left:0;padding-left:30px;padding-right:0;}

/* side menu padding */

#mmenu_left li.mmenu-expanded{display:none;}

.draggable-source{min-height:100px;}

.m-image{padding:10px;width:300px;}

/* Lesson 8 - new act, inform, observe */
.l8-select-wrapper{height:200px;margin:40px 5%;}
.l8-select-main{width:40%;display:inline-block;vertical-align:top;}
.l8-select-action{position:relative;width:19%;display:inline-block;vertical-align:top;background:#f5f5f5;outline:2px solid #000;color:#000;height:100%;text-align:center;line-height:100%;}
.l8-selected{font-weight:bold;background:#c5c5c5;}
.l8-select-action p{top:45%;position:absolute;width:100%;text-align:center;font-size:24px;font-weight:bold;}

p.center{text-align:center;}
/* whole school approach */
.node-type-wsa .region-content .block-block {font-size:14px !important;}
.node-type-wsa .region-content .block-block a{font-size:14px !important;display:block;}
.node-type-wsa #container {width:80%;margin:auto;}
.node-type-wsa #container .content-sidebar-wrap{font-size:0;}
.node-type-wsa #container .content-sidebar-wrap #content{float:right;}
.node-type-wsa #container .content-sidebar-wrap div{font-size:18px;}

#block-views-whose-school-approach-block .view-content a{margin-bottom:10px;display:block;}
#block-views-whose-school-approach-block .view-content a.active{font-weight:bold;}
/* user guide */
.node-type-user-guide .region-content .block-block {font-size:14px !important;}
.node-type-user-guide .region-content .block-block a{font-size:14px !important;display:block;}
.node-type-user-guide #container {width:80%;margin:auto;}
.node-type-user-guide #container .content-sidebar-wrap{font-size:0;}
.node-type-user-guide #container .content-sidebar-wrap #content{float:right;}
.node-type-user-guide #container .content-sidebar-wrap div{font-size:18px;}

.node-type-resources .region-content .block-block {font-size:14px !important;}
.node-type-resources .region-content .block-block a{font-size:14px !important;display:block;}
.node-type-resources #container {width:80%;margin:auto;}
.node-type-resources #container .content-sidebar-wrap{font-size:0;}
.node-type-resources #container .content-sidebar-wrap #content{float:right;}
.node-type-resources #container .content-sidebar-wrap div{font-size:18px;}

#block-views-teachers-guide-block .view-content a{margin-bottom:10px;display:block;}
#block-views-teachers-guide-block .view-content a.active{font-weight:bold;}

.node-type-user-guide h1.page-title,.node-type-wsa h1.page-title,.node-type-resources h1.page-title{display:block;color:#000;}

.access-popup{display:none;}
.access-popup-show{display:block;}

/* accessibility */
.accessibility-yellow{background:#fffed5;color:#0b1375;}
#block-styleswitcher-styleswitcher .content ul li{display:inline-block;margin:0 10px;}
#block-styleswitcher-styleswitcher .content ul li.last a{display:block;text-align:center;width:150px;height:150px;font-size:60px;line-height:150px;border:2px solid #0b1375;background:#fffed5;color:#0b1375;}
#block-styleswitcher-styleswitcher .content ul li.first a{display:block;text-align:center;width:150px;height:150px;font-size:60px;line-height:150px;border:2px solid #0b1375;background:#f5f5f5;color:#000;}
#block-styleswitcher-styleswitcher .content ul li a.active{border:5px solid #f9ec1f !important;}
#block-styleswitcher-styleswitcher h2{font-size:48px;font-weight:bold;}
#block-textsize-form h2{font-size:48px;font-weight:bold;}
#block-styleswitcher-styleswitcher,#block-textsize-form{max-width:80%;margin:auto;}
#block-textsize-form{margin-top:30px;}
.textsize_list{display:inline-table;}
.textsize_list li{display:inline-table;margin-right:20px;}
.textsize_current{display:inline-table !important;margin-left:40px !important;}

#cboxContent{background-color:none;}
#cboxLoadedContent .region-footer,#cboxLoadedContent .footer{display:none;}







.activity_2_2_text,.activity_2_3_text,.activity_2_4_text{display:none;}  


/* Lesson 10 CSS */
#l10-p3-img,#l10-p7-img,#l10-p15-img,#l11-p4-img {text-align:center;}
#l10-p3-img img,#l10-p7-img img,#l10-p15-img img,#l11-p4-img img{max-height:300px;margin:auto;}
.l10-p3-center{width:60%;display:block;margin:0 auto 50px auto;vertical-align:top;font-size:30px;}
.l10-p3-center b{font-weight:bold;padding-top:20px;}
.l10-p5-wrapper{font-size:0;text-align:center;margin:100px 0;}
.l10-p5-buttons{font-size:18px;margin-bottom:50px;}
.l10-p5-buttons a{display:inline-table;}
.l10-p5-left{width:32%;display:inline-block;vertical-align:top;}
.l10-p5-center{width:32%;display:inline-block;vertical-align:top;font-size:30px;}
.l10-p5-right{width:32%;display:inline-block;vertical-align:top;}

.l10-p7-questions-wrapper{margin:50px 0;}
.l10-p7-questions{font-size:30px;line-height:48px;padding:0;margin:auto;text-align:center;font-weight: 900;width:70%;}
.l10-question-btn{display:inline-block  !important;margin:0 10px !important;font-size:18px  !important;-webkit-border-radius: 10px 10px 10px 10px;

display: inline-table;

padding: 10px 20px;

text-align: center;

border: 5px solid #f3e220;

color: #20172c;

background: #fff;

font-weight: bold;}


.l10-p9-row{font-size:0;}
.l10-p9-row div{font-size:18px;font-weight:bold;text-align:center;}

.l10-p9-wrapper{margin:100px 0;}
.l10-p9-row-left{width:30%;display:inline-block;vertical-align:top;padding-top:15px;}
.l10-p9-row-center{width:39%;display:inline-block;vertical-align:top;}
.l10-p9-row-right{width:30%;font-size:24px !important;display:inline-block;vertical-align:top;padding-top:25px;}
.l10-p9-row-left .btn-a{margin-top:10px !important;}
.l10-p9-row-right .btn-a{margin-top:0px !important;font-size:18px;}

.l10-p11-wrapper{margin:100px 0;}
.l10-p11-left{width:37%;display:inline-block;vertical-align:top;margin-right:2%;text-align:center;}
.l10-p11-right{width:60%;display:inline-block;vertical-align:top;text-align:center;padding-top:100px;}
.l10-p11-right p{font-size:36px;line-height:48px;font-weight:bold;}
.l10-p11-left img{max-height:400px;}
.l10-p11-right a{margin-top:40px;display:inline-table !important;}


.l10-p15-center{width:60%;display:block;margin:0 auto 50px auto;vertical-align:top;font-size:30px;}
.l10-p15-center b{font-weight:bold;padding-top:20px;}
.l10-p15-buttons{font-size:18px;margin-bottom:50px;}
.l10-p15-buttons a{display:inline-table;}

.l10-p9-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l10-p9-text-popup{z-index:100000;position:fixed;top:30%;left:20%;width:60%;border-radius:10px;font-size:24px;line-height:30px;background:#fff;font-weight:bold;text-align:center;padding:25px;}
.l10-p9-text-popup p{font-size:48px;line-height:60px;font-weight:bold;}
.l10-p9-popup-left{width:30%;margin-right:5%;display:inline-block;vertical-align:top;font-size:48px;line-height:60px;}
.l10-p9-popup-right{width:58%;display:inline-block;vertical-align:top;text-align:left;}
.l10-p9-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}



/* tug buttons */

.tug-buttons{
	display:block;
	height:40px;
	margin-top:20px;
}
.tug-words{
	display:block;
	height:40px;
	margin:20px 0;
}
.tug-intro{
	display:block;
text-align:center;
	font-size:30px;
	margin:20px 0;
		font-style:italic;
}

.tug-buttons .show-me-inline{display:table !important;}

.tug-text{
	display:none;
	text-align:center;
	clear:both;
	height:30px;

	font-size:48px;
	font-weight:bold;
}

.tug-text-show{
	display:block;
}

.tug-left-button{
	  background: #f3e220 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
  margin:auto;
	line-height:30px;

}

.tug-left-button:hover{
	color:#fff;

}

.tug-right-button{
	  background: #f3e220 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
	line-height:30px;
		margin-right:180px;
	float:right;
}

.tug-right-button:hover{
	color:#fff;

}



/* Lesson 11 CSS */
#l11-p5-image img{max-width:200px;height:auto;}
.l11-p4-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l11-p4-text-popup{z-index:100000;position:fixed;top:30%;left:20%;width:60%;border-radius:10px;font-size:24px;line-height:30px;background:#fff;font-weight:bold;text-align:center;padding:25px;}
.l11-p4-text-popup p{font-size:48px;line-height:60px;font-weight:bold;}
.l11-p4-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}


.l11-p4-center{width:60%;display:block;margin:0 auto 50px auto;vertical-align:top;font-size:30px;}
.l11-p4-center b{font-weight:bold;padding-top:20px;}
.l11-p4-wrapper{font-size:0;text-align:center;margin:100px 0;}
.l11-p4-buttons{font-size:18px;margin-bottom:50px;}
.l11-p4-buttons a{display:inline-table;}


.l11-p5-center{width:60%;display:block;margin:0 auto 50px auto;vertical-align:top;font-size:30px;}
.l11-p5-center b{font-weight:bold;padding-top:20px;}
.l11-p5-wrapper{font-size:0;text-align:center;margin:100px 0;}
.l11-p5-buttons{font-size:18px;margin-bottom:50px;}
.l11-p5-buttons a{display:inline-table;}

.l11-p12-center{width:60%;display:block;margin:0 auto 50px auto;vertical-align:top;font-size:30px;}
.l11-p12-center b{font-weight:bold;padding-top:20px;}
.l11-p12-wrapper{font-size:0;text-align:center;margin:100px 0;}
.l11-p12-buttons{font-size:18px;margin-bottom:50px;}
.l11-p12-buttons a{display:inline-table;}

.page-node-47 #section9{position: relative;height:800px;margin:50px auto 30px}

.cross-match-text{ width:100%; display:table;padding:15px; position: absolute;}
.activity23gorg{background-color: #663A90;}
.cross-match-text .styles ul li.selected-question {background: #fff !important; border:2px solid #000;border-radius:2px;}
.cross-match-text ul{display: block;float: left;margin: 0;padding: 0;width: 100%;}
.cross-match-text ul li{ display:block; margin:0; padding:0; list-style-type:none; cursor:pointer;}
.cross-match-text .styles{
    /*float: left;padding:0 30px;*/
    width:22%;
}
.cross-match-text .styles ul li{ 
    /*font-size: 24px;padding: 0 15px;font-weight: bold;line-height: 36px;margin-bottom: 7px;border:2px solid #fff;*/
    color: var(--e-global-color-3f73178);
    font-family: "Inter", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-3f73178);
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
    text-align: center;
    
}
.ui-tooltip {box-shadow:none !important;background: transparent url("../https://candydev.uk/grassing/wp-content/themes/astra_child/assets/images/arrow-cloud.png") no-repeat scroll left center / 100% 100% !important;padding: 15px 30px !important;
opacity: 1;max-width:250px; border:medium none !important;z-index:100;}
.ui-tooltip-content {padding:0 !important; color:#000; font-size:14px; font-weight:bold; line-height:20px !important;display:block; width:100%; float:left; }
.cross-match-text .people{ float: right; padding:0 30px;}
.cross-match-text .people ul li{ margin:0 0 80px;}
.cross-match-text .people > ul {padding-top: 30%;}
.cross-match-text .people img{max-height:145px;max-width:145px; display: block;}
.cross-match-text .btn-canvas-fix {bottom: -70px;    position: absolute;    left: 50%;}
.activity_2_3{display:none;}
@media print {

    html, body {
      height:60vh; 
      margin: 0 !important; 
      padding: 0 !important;
      overflow: hidden;
    }

}
.l4-fact-wrapper{margin-top:50px;}
.l4-fact-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-size:48px;font-weight:bold;}
.l4-fact-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:24px;line-height:30px;display:inline-block;vertical-align:top;text-align:left;}

.l4-question-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-weight:bold;margin-bottom:40px;}
.l4-question-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:36px;line-height:48px;font-weight:bold;padding-top:50px;text-align:center;display:inline-block;}

.l2-suggestion-btn{ background: #eb0401 none repeat scroll 0 0;
    border-radius: 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
color: #fff;
    display: table;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
	height:30px;
	line-height:30px;
		margin:10px auto 0;}
.l2-suggestion-btn:hover{
	color:#fff;
}

/* Lesson 12 CSS */


.l12-p5-overlay{z-index:10000;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
.l12-p5-text-popup{z-index:100000;position:fixed;top:30%;left:20%;width:60%;border-radius:10px;font-size:24px;line-height:30px;background:#fff;font-weight:bold;text-align:center;padding:25px;}
.l12-p5-text-popup-higher{top:15%;}

.l12-p5-text-popup p{font-size:48px;line-height:60px;font-weight:bold;}
.l12-p5-popup-left{width:30%;margin-right:5%;display:inline-block;vertical-align:top;font-size:48px;line-height:60px;}
.l12-p5-popup-right{width:58%;display:inline-block;vertical-align:top;text-align:left;}
.l12-p5-close{
  position:relative;
  top:-40px;
  right:-35px;
  float:right;
  height:30px;
  width:30px;
  background:#fff;
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  color:#666;
}




.page-node-48 #br-1{top:0px;left:0px;background:#0f8a0f;border:3px solid #007000;color:#004400;font-weight:bold;opacity:1;line-height:120px;}
.page-node-48 #br-2{top:140px;left:0px;background:#41aa41;border:3px solid #38a438;color:#004400;font-weight:bold;opacity:1;line-height:120px;}
.page-node-48 #br-3{top:280px;left:0px;background:#fdd45b;border:3px solid #ffbf00;color:#b48700;font-weight:bold;opacity:1;line-height:120px;}
.page-node-48 #br-4{top:420px;left:0px;background:#eb6d75;border:3px solid #d2222d;color:#8a0009;font-weight:bold;opacity:1;line-height:120px;}


.page-node-47 #br-1{top:0px;left:40px;background:#0f8a0f;border:3px solid #007000;color:#004400;font-weight:bold;opacity:1;line-height:24px;}
.page-node-47 #br-2{top:120px;left:40px;background:#41aa41;border:3px solid #38a438;color:#004400;font-weight:bold;opacity:1;line-height:24px;}
.page-node-47 #br-3{top:240px;left:40px;background:#fdd45b;border:3px solid #ffbf00;color:#b48700;font-weight:bold;opacity:1;line-height:24px;}
.page-node-47 #br-4{top:360px;left:40px;background:#eb6d75;border:3px solid #d2222d;color:#8a0009;font-weight:bold;opacity:1;line-height:24px;}
.page-node-47 #br-5{top:480px;left:40px;background:#c94c54;border:3px solid #5d0208;color:#5d0208;font-weight:bold;opacity:1;line-height:24px;}

.page-node-47 #workarea {
    position: relative;
    height: 650px;
    width: 100%;
background:none;
}

.page-node-47 #workarea input{width:90%;margin:10px auto;height:50px;}

.page-node-47 #workarea  img{float:right;margin-right:100px;margin-top:20px;}

.page-node-47 .slot {
    width: 600px;

  height:100px;
}

body{background: #fbf7f5 !important;}
.l11-p18-wrapper{position:relative;min-height:700px;width:500px;margin:auto;}
.l11-p18-bg{width:500px;margin:auto;position:absolute;}
.l11-p18-bg img{width:auto;height:auto;}
.l11-p18-text{width:360px;margin:auto;position:absolute;top:230px;left:80px;font-weight:bold;}
.l11-p18-text-row{margin:30px auto;}
.l11-p18-text input{width:90%;} 
/* START DRAG AND DROP 2 */

.page-node-48 #br-21{top:0px;left:0px;background:#66b22c;border:3px solid #3e840a;color:#2c6204;font-weight:bold;opacity:1;line-height:60px;}
.page-node-48 #br-22{top:80px;left:0px;background:#8cbe21;border:3px solid #6c9513;color:#6c9513;font-weight:bold;opacity:1;line-height:60px;}
.page-node-48 #br-23{top:160px;left:0px;background:#dfdb08;border:3px solid #b4b104;color:#b4b104;font-weight:bold;opacity:1;line-height:60px;}
.page-node-48 #br-24{top:240px;left:0px;background:#f9d716;border:3px solid #b29700;color:#b29700;font-weight:bold;opacity:1;line-height:60px;}
.page-node-48 #br-25{top:320px;left:0px;background:#f8ad13;border:3px solid #ac7d1c;color:#ac7d1c;font-weight:bold;opacity:1;line-height:60px;}
.page-node-48 #br-26{top:400px;left:0px;background:#f07b07;border:3px solid #a65300;color:#a65300;font-weight:bold;opacity:1;line-height:60px;}
.page-node-48 #br-27{top:480px;left:0px;background:#e84c19;border:3px solid #9e2701;color:#701c00;font-weight:bold;opacity:1;line-height:60px;}


.page-node-48 #workarea2 {
    position: relative;
    height: 650px;
    width: 100%;
background:none;
}
.page-node-48 .slot2 {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 450px;
    height: 60px;
  line-height:40px;
    z-index: 0;
	opacity:0.6;
}


.page-node-48 .player2 {
    border: 0px solid #8080;
	background:#fff;
    color: #17375d;
    text-align: center;
    position: relative;
	vertical-align:baseline;
    float: right;
    margin: 0 4px 20px 4px;
  width: 450px;
    height: 60px;
    z-index: 1;
    cursor: move;
border:2px solid #f3e220;
font-size:20px;
  line-height:24px;
  font-weight:bold;
  padding:3px 10px !important;
}

.slot2 {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 450px !important;
    height: 60px;
    z-index: 0;
	opacity:0.6;
}

.singleline{line-height:40px !important;}
/* END DRAG AND DROP 2 */

.l12-p3-wrapper{margin:70px 0 50px 0;}

.l12-p3-row{border:1px solid grey;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  padding:20px;
  display:table;
  margin:20px auto;
  text-align:center;
}

.l12-p3-row-half{border:1px solid grey;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  padding:20px;
  display:inline-block;
  margin:20px auto;
  text-align:center;
  vertical-align:top;
}

.l12-p3-row-half-wrapper{width:49.5%;display:inline-block;min-height:10px;}
.l12-p3-col-wrapper{width:49.5%;display:inline-block;min-height:10px;}
.l12-p3-col{width:100%;display:block;}
.l12-p3-btn{font-size: 14px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
display: inline-table;
padding: 5px 20px;
  margin:10px 5px;
text-align: center;
border: 5px solid #f3e220;
color: #20172c;
background: #fff;
font-weight: bold;}
.grey-out{border: 5px solid grey !important;}

.page-node-48 #workarea {
    position: relative;
    height: 650px;
    width: 100%;
    background:none;
}
.l12-p5-wrapper{max-width:90%;margin:100px auto;}

.page-node-48 .slot {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 450px;
    height: 120px;
    z-index: 0;
	opacity:0.6;
}


.page-node-48 .player {
    border: 0px solid #8080;
	background:#fff;
    color: #000;
    text-align: center;
    position: relative;
	vertical-align:baseline;
    float: right;
    margin: 4px;
  width: 450px;
    height: 120px;
    z-index: 1;
    cursor: move;
border:1px solid #f1f0ef;
font-size:0;
}


.page-node-49 #br-1{top:0px;left:0px;background:#ffccc3;border:3px solid #a81d05;}
.page-node-49 #br-2{top:140px;left:0px;background:#ffccc3;border:3px solid #a81d05;}
.page-node-49 #br-3{top:280px;left:0px;background:#ffccc3;border:3px solid #a81d05;}
.page-node-49 #br-4{top:420px;left:0px;background:#ffccc3;border:3px solid #a81d05;}
.page-node-49 #workarea {
    position: relative;
    height: 650px;
    width: 100%;
background:none;
}

.page-node-49 .slot {
    border: 1px solid #6a6a6a;
    background-color: #f8f8f7;
    color: #666666;
    text-align: center;
    position: absolute;
    float: left;
    margin: 4px;
    width: 450px;
    height: 120px;
    z-index: 0;
	opacity:0.6;
}


.page-node-49 .player {
    border: 0px solid #8080;
	background:#fff;
    color: #000;
    text-align: center;
    position: relative;
	vertical-align:baseline;
    float: right;
    margin: 4px;
  width: 450px;
    height: 120px;
    z-index: 1;
    cursor: move;
border:1px solid #f1f0ef;
font-size:0;
}


.l12-p7-questions-wrapper{margin:70px 0 20px 0;}
.exercise-navigation.line-draw {
    margin: 13px auto 0px auto;
}

.btn-print{margin:auto;display:table;}
 @media print {

   body * {
    visibility: hidden;
  }
  .print * {
    visibility: visible;
  }
  .print {
    position: absolute;
    left: 0;
    top: 0;
    height:1000px;
  }
   .l11-p18-bg {
    width: 800px;
}

  .l11-p18-text {
    width: 560px;
    margin: auto;
    position: absolute;
    top: 440px;
     left: 140px;
  }

span.question {
    position: absolute;
    top: 60px;
}

body:not(.rtl) .elementor-600 .elementor-element.elementor-element-e1ee1ad {
    left: -30px !important;
}
}

.woocommerce-page .site-content{
    margin-top: 50px;
    font-family: "Poppins", Sans-serif;
}
.login-page li{list-style:disc;}
.login-page{padding-left:30px;}
.error{color:red;}
.loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99998;
	pointer-events: auto;
}
.loader {
	width: 48px;
	height: 48px;
	border: 5px solid #86394E;
	border-bottom-color: #FFF;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
	z-index: 99999;
}
@keyframes rotation {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
#forgot-password-wrapper,#custom-reset-form{text-align:center;
    box-shadow: 0px 0px 10px 0px rgba(138.7312774658203, 86.55625354932702, 86.55625354932702, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 50px 50px 50px 50px;
    padding: 50px 50px 50px 50px;
    
    
}
#forgot-password-wrapper h3,#custom-reset-form h3{
    font-family: "Inter", Sans-serif;
    font-weight: 500;
}
#ajax-forgot-form .forgot_password,#custom-reset-form .reset-password{
    color: #ffff !important;
    background-color: #407FA2 !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 33px !important;
    font-family: "Inter", Sans-serif;
}
#new_pass,#confirm_pass{width:40%;margin-bottom: 15px;border: 1px solid #69727d;}
#confirm_pass{margin-bottom:15px;}
.forgot_password_btn{margin-left:50%;}
#forgot_email{
    width: 50%;
    margin-bottom: 15px;
    border: 1px solid #69727d;
}
#forgot-response p,#reset-response p {font-family: "Inter", Sans-serif;}
@media (max-width: 767px) {
    .cross-match-text ul {
        width: unset;
    }
}


.l4-fact-wrapper{margin-top:50px;}
.l4-fact-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-size:48px;font-weight:bold;}
.l4-fact-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:24px;line-height:30px;display:inline-block;vertical-align:top;text-align:left;}

.l4-question-title{width:40%;display:inline-block;vertical-align:top;text-align:center;font-weight:bold;margin-bottom:40px;}
.l4-question-description{width:54%;margin-bottom:50px;margin-right:5%;font-size:36px;line-height:48px;font-weight:bold;padding-top:50px;text-align:center;display:inline-block;}

.l4-fao-wrapper{position:relative;}
.l4-fao-bg{-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;display:block;position:absolute;width:100%;margin-left:0%;z-index:1;min-height:646px;height:auto;}
.l4-fao-bg img{width:100%;height:auto;}
.l4-fao-item{min-height:600px;position:relative;z-index:200;width:90%;padding-top:20px;margin:auto;}
h2.fao-title{font-size:48px;line-height:60px;font-family: 'Mali', cursive;font-weight:normal;margin:40px 0;}
.l4-fao-left{width:31%;padding:0 2%;display:inline-block;vertical-align:top;text-align:center;font-weight:bold;margin-bottom:40px;}
.l4-fao-right{font-family: 'Roboto Slab', serif;font-weight:normal;width:59%;margin-bottom:50px;margin-right:5%;font-size:30px;line-height:36px;font-weight:bold;padding-top:0px;text-align:left;display:inline-block;}
.l4-fao-item-f .l4-fao-right,.l4-fao-item-o .l4-fao-right{font-family: "Open Sans";font-style:italic;}
  .fao-inline{display:inline-table;font-family: "Open Sans";}
.l4-fao-item-f{color:#049f3b;}
.l4-fao-item-o{color:#c41616;}
.l4-fao-item a{font-weight:bold;padding:12px 15px;font-size:24px;font-family: "Open Sans";font-style:normal;}
.fao-buttons{font-family: "Open Sans";padding-top:10px;margin-top:10px; border-top:2px solid #f5f5f5;font-size:18px;font-style:italic;}

.l4-fao-start-reveal-title{background: #eb0401 none repeat scroll 0 0;
border-radius: 10px;
color: #fff;
display: table;
font-size: 14px;
font-weight: bold;
padding: 5px 20px;
text-align: center;
height: 30px;
line-height: 30px;
margin: 30px auto 0;}


.l4-fao-item h2.fao-title{
	font-family: Bradley Hand, cursive !important;
}
.page-id-8608 #section6{margin-bottom:0px !important;}




.sign-posting-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10rem 1rem;
    font-family: "Inter", Sans-serif;
    color: #1a1a1a;
}

/* --- Jump to Category Navigation --- */
.sp-jump-links {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.sp-jump-label {
    color: #444;
    /* Darker than blue, like standard text */
    font-weight: 700;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.5rem;
}

.sp-jump-buttons {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.sp-jump-btn {
    background-color: #e3007b;
    color: #ffffff;
    padding: 0.8rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    flex: 1;
    text-align: center;
    max-width: max-content;
}

.sp-jump-btn:hover {
    background-color: #c9006c;
    transform: translateY(-2px);
    color: #ffffff;
    text-decoration: none;
}


/* --- Category Sections --- */
.sp-category-section {
    margin-bottom: 4rem;
}

.sp-category-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #1a1a1a;
	font-family: "Poppins", Sans-serif;
}

.sp-posts-grid {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-bottom: 2rem;
}


/* --- Card Layout --- */
.sp-card {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: stretch;
}

/* --- Card Left Side (Pink Background) --- */
.sp-card-left {
    background-color: #e3007b;
    color: #ffffff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 250px;
}

.sp-card-support-type {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.5px;
	font-family: "Poppins", Sans-serif;
}

.sp-card-images {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.sp-card-logo,
.sp-card-second-img {
    max-width: 100%;
    height: auto;
    max-height: 120px;
    object-fit: contain;
    /* Optional: Adds light background padding if logos are transparent dark text */
    /* background: rgba(255,255,255,0.9); */
    /* padding: 0.5rem; */
}

.sp-card-desc {
    font-size: 0.95rem;
    margin: 0;
    opacity: 0.95;
    line-height: 1.4;
}


/* --- Card Right Side (Info Blocks) --- */
.sp-card-right {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 0;
}

.sp-info-block {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sp-info-label {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
	font-family: "Poppins", Sans-serif;
}

.sp-contact-box {
    background-color: #e3007b;
    color: #ffffff;
    padding: 1rem 1.2rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Links inside the contact box should be white */
.sp-contact-box a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

.sp-contact-box a:hover {
    text-decoration: underline;
}

.sp-btn-link {
    display: block;
    text-align: center;
    border: 4px solid #e3007b;
    /* Thick pink border matching design */
    color: #1a1a1a;
    font-weight: 800;
    padding: 0.8rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
    background-color: #ffffff;
}

.sp-btn-link:hover {
    background-color: #e3007b;
    color: #ffffff;
    text-decoration: none;
}


/* --- Responsive Design --- */
@media (max-width: 768px) {
    .sp-card {
        grid-template-columns: 1fr;
        /* Stack into single column on mobile */
        gap: 1.5rem;
    }

    .sp-jump-buttons {
        flex-direction: column;
        width: 100%;
    }

    .sp-jump-btn {
        text-align: center;
        width: 100%;
    }
}



.in-your-area-section {
    padding: 3rem 1rem;
    font-family: 'Inter', 'Roboto', sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
}

.area-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Styles */
.area-header {
    margin-bottom: 2.5rem;
}

.area-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0 0 0.5rem 0;
    color: #1a1a1a;
	font-family: "Poppins", Sans-serif;
}

.area-subtitle {
    font-size: 1.1rem;
    margin: 0;
    color: #444444;
	font-family: "Poppins", Sans-serif;
}

/* Slider Layout Settings */
.area-slider {
    width: 100%;
    /* Hide overflow so slides don't cause horizontal scroll outside container */
    overflow: hidden; 
    padding-bottom: 10px; /* Slight padding for box-shadows if any */
}

/* Individual Card Styles */
.area-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    /* The light green/grey border at the very bottom of the card */
    border-bottom: 4px solid #e2e8e4; 
    padding-bottom: 1.5rem;
}

.area-image-wrap {
    position: relative;
    margin-bottom: 1rem;
}

.area-img {
    width: 100%;
    height: 140px; /* Fixed height for consistent image sizing */
    object-fit: cover;
    display: block;
}

/* The title overlaps the image slightly */
.area-card-title {
    position: absolute;
    bottom: -15px;
    left: 10px;
    background-color: #ffffff;
    padding: 0.2rem 0.5rem;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #1a1a1a;
	font-family: "Poppins", Sans-serif;
}

.area-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Pushes the button to the bottom if descriptions vary in length */
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.area-desc {
    font-size: 0.85rem;
    line-height: 1.4;
    color: #444;
    margin: 0 0 1.5rem 0;
}

/* Continue Reading Link */
.area-link {
    margin-top: auto; /* Pushes button down */
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #1a1a1a;
    font-weight: 800;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.area-link:hover {
    color: #fff; /* Add a hover effect matching the site's pink */
}

/* The arrow box */
.area-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e2e8e4; /* Light grey/green box from screenshot */
    width: 24px;
    height: 24px;
    font-size: 1.2rem;
    font-weight: 400; /* Thin arrow */
    line-height: 1;
    transition: background-color 0.2s ease;
}

.area-link:hover .area-arrow {
    background-color: #d1dacd; /* Slightly darker on hover */
}
.area-link{
	display: inline-block;
    padding: 10px 22px;
    background-color: #e3007b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
}
.area-slider .swiper-button-prev,
.area-slider .swiper-button-next{
    color:#000;
}

.area-slider .swiper-button-prev{
    left:-10px;
}

.area-slider .swiper-button-next{
    right:-10px;
}
.swiper-button-next, .swiper-button-prev{color:#e3007b !important;}