/**GENERAL**/

body {
	color:#2B2B2B;
	background-color:#ffffff;
font-family: "haboro-contrast-normal", sans-serif;
font-weight: 300;
font-style: normal;
	font-size:1.3rem;
	line-height: 1.5rem;
}

p {
font-family: "haboro-contrast-normal", sans-serif;
font-weight: 300;
font-style: normal;
	font-size:1.3rem;	
	line-height: 1.5rem;
}

li {
font-family: "haboro-contrast-normal", sans-serif;
font-weight: 300;
font-style: normal;
	font-size:1.3rem;
	line-height: 1.5rem;
}

h1, h2, h3, h4, h5 {
font-family: "roboto", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 25px 0px 15px 0px;
}

h1 {font-size: 2.7rem;line-height: 2.9rem;}
h2{font-size: 2.4rem;line-height: 2.6rem;}
h3{font-size: 1.9rem;line-height: 2.1rem;}
h4{font-size: 1.8rem;line-height: 2.0rem;}
h5{font-size: 1.6rem;line-height: 1.8rem;}

a {transition-duration: 0.5s;}

iframe {max-width:100%;}

img {max-width:100%;}

hr {
  max-width: 100px;
  background-color: #139335;
  height: 2px;
  border: 0;
}

.coloured hr {  
background: linear-gradient(to right, #d71a1a, #ffde21, #31a114 );
  height: 4px;
max-width:100% !important;
	margin-top:20px;
}

.sub-main hr { 
background: linear-gradient(to right, #d71a1a, #ffde21, #31a114 );
  height: 4px;
max-width: 250px;
}

.bold {font-weight: bold;}

strong {font-weight: bold;}

.side-padding {
    padding: 5px 30px !important;
}

.cta{
	text-transform: uppercase;
	font-size:1.2rem;
	display:inline-block;
font-family: "roboto", sans-serif;
font-weight: 700;
font-style: normal;
	margin-top:10px;
	margin-bottom:10px;	
text-decoration: none !important;	
}

.logo {
  max-width: 100px;
  width: 100%;
float: left;	
}

/**WHITE BACKGROUND**/
.white-background {
color:#2B2B2B;
background-color:#ffffff;
}

.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#2B2B2B;}

.white-background hr {background-color: #032c48; margin: 0; margin-bottom: 10px;}

.white-background a {color: #2B2B2B; text-decoration: underline;}
.white-background a:hover {color: #d71a1a;}

.white-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #2B2B2B;
}
.white-background .cta:hover{
	background: #2B2B2B;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #2B2B2B;
}

/**GREY BACKGROUND**/
.grey-background {
color:#2B2B2B;
background-color:#b0b0b0;
}

.grey-background h1, .grey-background h2, .grey-background h3, .grey-background h4, .grey-background h5 {color:#2B2B2B;}

.grey-background hr {background-color: #032c48; margin: 0;}

.grey-background a {color: #2B2B2B; text-decoration: underline;}
.grey-background a:hover {color: #d71a1a;}

.grey-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #2B2B2B;
}
.grey-background .cta:hover{
	background: #2B2B2B;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #2B2B2B;
}


/**BLACK BACKGROUND**/
.black-background {
color:#fff;
background-color:#2B2B2B;
}

.black-background h1, .black-background h2, .black-background h3, .black-background h4, .black-background h5 {color:#fff;}

.black-background hr {background-color: #fff; margin: 0;}

.black-background a {color: #ffffff;; text-decoration: underline;}
.black-background a:hover {color: #ffde21;}

.black-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #fff;
}
.black-background .cta:hover{
background: #fff;
  color: #000;
  transition: 0.5s;
  border: solid 2px #fff;
}


/**BLACK TRANSPARENT BACKGROUND**/
.black-transparent-background {
color:#fff;
background-color:rgba(43, 43, 43, 0.8);
}

.black-transparent-background h1, .black-transparent-background h2, .black-transparent-background h3, .black-transparent-background h4, .black-transparent-background h5 {color:#fff;}

.black-transparent-background hr {background-color: #fff; margin: 0;}

.black-transparent-background a {color: #086BAF; text-decoration: underline;}
.black-transparent-background a:hover {color: #72afd1;}

.black-transparent-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #fff;
}
.black-transparent-background .cta:hover{
background: #fff;
  color: #000;
  transition: 0.5s;
  border: solid 2px #fff;
}

/**YELLOW BACKGROUND**/
.yellow-background {
color:#2B2B2B;
background-color:#ffde21;
}

.yellow-background h1, .yellow-background h2, .yellow-background h3, .yellow-background h4, .yellow-background h5 {color:#2B2B2B;}

.yellow-background hr {background-color: #2B2B2B; margin: 0;}

.yellow-background a {color: #2B2B2B; text-decoration: underline;}
.yellow-background a:hover {color: #bb1414;}

.yellow-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #2B2B2B;
}
.yellow-background .cta:hover{
	background: #2B2B2B;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #2B2B2B;
}

/**GREEN BACKGROUND**/
.green-background {
color:#222;
background-color:#31a114;
}

.green-background h1, .green-background h2, .green-background h3, .green-background h4, .green-background h5 {color:#222;}

.green-background hr {background-color: #222; margin: 0;}

.green-background a {color: #222; text-decoration: underline;}
.green-background a:hover {color: #000;}

.green-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #222;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #222;
}
.green-background .cta:hover{
	background: #222;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #222;
}


/**RED BACKGROUND**/
.red-background {
color:#fff;
background-color:#d71a1a;
}

.red-background h1, .red-background h2, .red-background h3, .red-background h4, .red-background h5 {color:#fff;}

.red-background hr {background-color: #fff; margin: 0;}

.red-background a {color: #fff; text-decoration: underline;}
.red-background a:hover {color: #fff3ab;}

.red-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #fff;
}
.red-background .cta:hover{
background: #fff;
  color: #000;
  transition: 0.5s;
  border: solid 2px #fff;
}


/**RED TRANSPARENT BACKGROUND**/
.red-transparent-background {
color:#fff;
background-color:rgba(215, 26, 26, 0.9);
}

.red-transparent-background h1, .red-transparent-background h2, .red-transparent-background h3, .red-transparent-background h4, .red-transparent-background h5 {color:#fff;}

.red-transparent-background hr {background-color: #fff; margin: 0;}

.red-transparent-background a {color: #fff; text-decoration: underline;}
.red-transparent-background a:hover {color: #72afd1;}

.red-transparent-background .cta {
padding: 12px 18px 12px 18px;
  background: transparent;
  color: #ffffff;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #fff;
}
.red-transparent-background .cta:hover{
background: #fff;
  color: #000;
  transition: 0.5s;
  border: solid 2px #fff;
}



.logo-text {
font-family: "roboto", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 2.7rem;
float: left;
margin-top: 35px;
margin-left: 20px;	
}

.wraparound-img-left {
	width: 100%;
    max-width: 640px;
    padding: 10px;
    padding: 10px 10px 10px 0px;
    float: left;
}

.wraparound-img-right {
	width: 100%;
    max-width: 640px;
    padding: 10px;
    padding: 10px 0px 10px 10px;
    float: right;
}


.strapline-text p {
font-family: "roboto", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 2.0rem;
margin-bottom: 35px;	
}

/**TOP ROW**/
.top-row a {text-decoration: none !important;}


/**BORDERS**/

.bottom-border-grey{
border-bottom: 2px solid #ddd;
}
.bottom-top-grey{
border-top: 2px solid #ddd;
}

.border-white {
  border: 2px solid #fff;
}

.border-black {
  border: 2px solid #2B2B2B;
}

.border-red {
border-bottom: solid 3px #d71a1a;
}	
.border-yellow {
border-bottom: solid 3px #ffde21;
}	
.border-green {
border-bottom: solid 3px #31a114;
}	

/**FOOTER**/

.p7LBM-01{
            min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

.footer ul {
  list-style: none;
padding-left: 0px;
}

.footer li {
  margin-bottom: 10px !important;
}

.footer .fa-brands {
  margin-right: 6px;
}

/**SPACING**/

.spacing {
  padding-top: 70px;
  padding-bottom: 70px;	
}

.boxes-spacing {
  padding-top: 30px;
  padding-bottom: 50px;	
}

.spacing-slideshow {
  padding-top: 170px;
  padding-bottom: 170px;	
}

.top-row-right {
margin-top: 5px;
}

.top-row-left {
  padding-top: 10px;
  padding-bottom: 25px;

}

/**PROJECT SEVEN**/
.lbm-centered hr {margin:auto;}
.lbm-right hr {margin-right: 0 !important; margin: auto;}


.p7AMM.amm-rootlinks-white ul a:hover, .p7AMM.amm-rootlinks-white ul a:focus, .p7AMM.amm-rootlinks-white ul a.amm-trigger.open {
  background-color: rgb(255, 255, 255);
  color: #000;
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
}

.p7AMM.amm-rootlinks-white ul a {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
}
.p7AMM li a {
  display: block;
  text-decoration: none;
  padding: 15px 20px;
  font-size: 18px;
font-family: "dorival-ui-variable", sans-serif;
font-variation-settings: "slnt" 0, "wght" 700, "wdth" 100;
  text-transform: uppercase;
}


.p7ISM.ism-root-red .ism-outer-wrapper, .p7ISM .ism-panel.ism-panel-red, .p7ISM.ism-arrow-red .ism-arrow-left, .p7ISM.ism-arrow-red .ism-arrow-right, .ism-pags-color-red.ism-paginator a, .ism-pags-hover-red.ism-paginator a:hover, .ism-pags-down-red.ism-paginator a.down {
  background-color: rgb(215, 26, 26);
  color: #FFF;
}
.p7ISM.ism-root-black .ism-outer-wrapper, .p7ISM .ism-panel.ism-panel-black, .p7ISM.ism-arrow-black .ism-arrow-left, .p7ISM.ism-arrow-black .ism-arrow-right, .ism-pags-color-black.ism-paginator a, .ism-pags-hover-black.ism-paginator a:hover, .ism-pags-down-black.ism-paginator a.down {
  background-color: transparent;
  color: #FFF;
}
.calendr-row .hmy-section h3 {
  margin-top: 10px;
margin-bottom: 10px;
}
.calendr-row .hmy-section p {
  margin-top: 10px;
margin-bottom: 10px;
}

.ism-pad-30 .ism-content {
    padding-left: 30px;
    padding-right: 30px;
  padding-top: 0px;
  padding-bottom: 30px;
	margin-top:30px
}

.sub-main a.p7AP4-01 {
	background-color: #b0b0b0;
	color: #000;
	background-image: url(../p7ap4/img/p7AP4_east_black.png);
	box-shadow: inset 0px 4px 4px rgba(255,255,255,0.02);
	text-decoration: none;
}
.sub-main a.p7AP4-01:hover {
	background-color: #ffde21;
	color: #000;
	background-image: url(../p7ap4/img/p7AP4_south_black.png);
	box-shadow: inset 0px 28px 3px rgba(255,255,255,0.025);
}
.sub-main a.p7AP4-01.ap4Trigs_down {
	background-image: url(../p7ap4/img/p7AP4_south_black.png);
	color: #000;
	background-color: #31a114;
}
.sub-main a.p7AP4-01.ap4Trigs_down:hover {
	background-color: #31a114;
	color: #000;
}
.sub-main a.p7AP4-01.current_mark {
	font-weight: normal;
}

.sub-main li.agm-current-category {font-weight: normal;}

.sub-main .agm-white .agm-section.agm-down a {border-color: rgb(65, 166, 21);}

.sub-main .agm-caption {background-color: rgba(43, 43, 43,0.9);}

.sub-main .p7AP4-01.p7AP4trig a, .p7AP4-01.p7AP4trig h3, .p7AP4-01.p7AP4trig h4 {
  line-height: 1.7rem;
  font-size: 1.2rem;
  text-transform: uppercase;
	font-weight: bold;
}


/**PARALLAX**/
.parallax-1 {
background-image: url("../images/background-img-1.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**PARALLAX**/
.parallax-2 {
background-image: url("../images/background-img-2.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**PARALLAX**/
.clip-1 {
clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
}
.clip-2 {
clip-path: polygon(10% 0, 100% 0, 100% 81%, 100% 100%, 0 100%, 0 10%);
}


/*
***************************************************
NEWS LISTING PAGE
***************************************************
*/

.p7ISM a {text-decoration: none !important;}
.p7ISM a:hover {text-decoration: none !important;}
.p7ISM a:hover h3 {text-decoration: none !important;}
.p7ISM a:hover p {color: #000 !important;}

.news-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 15rem;
}


.news-image-tile-image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.news-tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.news-tile-image-link{
	text-decoration: none;
}

.news-tile-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
}

.news-tile-description{
	padding:5px 15px 15px 20px;	
background-color: #ffde21;	
height: 11rem;	
}

.news-tile-description h3,.news-page-tile-description h3, .news-page-tile-description h2 {font-size: 1.2rem; line-height: 1.4rem;}

.news-tile-description hr, .news-page-tile-description hr{
	border-bottom: 5px solid #131C47;
	margin:-15px 0px 0px 0px;
	width: 100px;
	max-width: 100%;
	border-top: none;
}

.news-tile-description a:hover, .news-page-tile-description a:hover {color: #2B2B2B;}

.news-page-grid a, .home-news-page-grid a {text-decoration: none !important;}

.news-page-tile-description {
  padding: 5px 15px 15px 20px;
  background-color: #ffde21;
  min-height: 140px;
}
.home-news-page-grid .news-page-tile-description {
  padding: 5px 15px 15px 20px;
  background-color: #ffde21;
  min-height: 156px;
}

/**BOXES**/

.box {clip-path: polygon(30% 0%, 100% 0, 100% 30%, 100% 70%, 70% 100%, 0 100%, 0% 70%, 0% 30%);}

.slideshow-box {margin-left: 30px;}

/**IN THIS SECTION**/

.itsection {margin-top: 3%;}
.itsection h2 {font-size: 1.6rem; line-height: 1.8rem;}
.itsection-spacing {padding: 30px;}

.its-grid h2 {font-size: 1.6rem; line-height: 1.9rem;}
.its-grid .border-black {border: 3px solid #2B2B2B; min-height: 140px;}
.its-grid a {text-decoration: none;}
.its-grid a:hover .yellow-background {background-color: #31a114; transition: 0.5s;}
.its-grid .hmy-content {padding: 10px;}

/**RESPONSIVE FORM**/

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number]
 {
	max-width:500px;
	width: 98%;
	padding:10px;	
	border: 1px solid #191010;
	font-family: "haboro-contrast-normal", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem; 
	 margin-bottom:15px;
	 display: inline-block;
	 margin-top: 5px;
}

textarea{
	max-width:500px;
	width: 98%;
	border: 1px solid #191010;	
	font-family: "haboro-contrast-normal", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	padding:10px;
	resize: none;
	display: inline-block;
	margin-top: 5px;
  }

select {
	max-width:514px;
	width: 98%;
	border: 1px solid #191010;	
	font-family: "haboro-contrast-normal", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
	margin-top: 5px;
}


select[multiple] option:checked { background: none; }

select option:focus,
select option:hover,
select option:active ,
select option {
	background:#191010;
	color: #fff;
}

input[type=submit]{
	padding: 12px 18px 12px 18px;
  background: transparent;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #2B2B2B;
	text-transform: uppercase;
	font-size:1.2rem;
font-family: "roboto", sans-serif;
font-weight: 700;
font-style: normal;
	margin-top:10px;
	margin-bottom:10px;	
text-decoration: none !important;
	letter-spacing: 1.2px;
	-webkit-border-radius:0px;
	border-radius: 0;
	-webkit-appearance: none;
}

input[type=submit]:hover{
	background: #2B2B2B;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #2B2B2B;
}

select option:focus, select option:hover, select option:active, select option {
  background: #003466;
  color: #fff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191010;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #191010;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #191010;
}

.name_2{
	display: none !important;
}

.mobile_only {
    visibility: hidden;
    display: none;
}



/**RESPONSIVE**/

@media only screen and (max-width: 1405px) {
	/*.sub-main div.mbx-thumbs li img {max-height: 250px;}*/
}

@media only screen and (max-width: 1400px) {
body, p, li {font-size:1.2rem;line-height: 1.4rem;}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea,
select
 {font-size: 1.2rem;}

h1 {font-size: 2.4rem; line-height: 2.6rem;}
h2{font-size: 2.0rem; line-height: 2.2rem;}
h3{font-size: 1.5rem; line-height: 1.7rem;}
h4{font-size: 1.4rem; line-height: 1.6rem;}
h5{font-size: 1.3rem; line-height: 1.5rem;}

.cta{font-size:1.2rem;}

.logo-text {font-size: 2.4rem; line-height: 2.6rem;}


.strapline-text p {font-size: 1.5rem; line-height: 1.7rem;}	
.p7AMM li a {
  font-size: 16px;
}	
.spacing {
  padding-top: 30px;
  padding-bottom: 30px;	
}
	.spacing-slideshow {
  padding-top: 120px;
  padding-bottom: 120px;	
}
	
}
@media only screen and (min-width: 0px) and (max-width: 1385px) {
div.mbx-thumbs li img {
     max-height: 280px;}
}

@media only screen and (min-width: 0px) and (max-width: 1301px) {
div.mbx-thumbs li img {
     max-height: 260px;}
}

@media only screen and (min-width: 0px) and (max-width: 1300px) {
.news-image-tile-image { height: 12rem;}
	.its-grid h2 {font-size: 1.4rem; line-height: 1.6rem;}
	}

@media only screen and (min-width: 0px) and (max-width: 1225px) {
div.mbx-thumbs li img {
     max-height: 245px;}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none;}
	
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
	.wraparound-img-left, .wraparound-img-right {max-width: 500px;}
}

@media only screen and (min-width: 0px) and (max-width: 1170px) {
.its-grid .hmy-section {flex-basis: 33% !important;}
.its-grid .border-black { min-height: 129px;}
}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
h1 {font-size: 2.0rem; line-height: 2.2rem;}
h2{font-size: 1.4rem; line-height: 1.6rem;}
h3{font-size: 1.3rem; line-height: 1.5rem;}
h4{font-size: 1.2rem; line-height: 1.4rem;}
h5{font-size: 1.1rem; line-height: 1.3rem;}

.logo-text {font-size: 1.5rem; line-height: 1.7rem;	}

.strapline-text p {font-size: 1.4rem; line-height: 1.6rem;}	
	
.itsection h2 {font-size: 1.3rem; line-height: 1.5rem;}	
}

@media only screen and (min-width: 0px) and (max-width: 1060px) {
.fa-6x {font-size: 5.3em;}
	.box {
	clip-path: polygon(0% 0%, 100% 0, 100% 0%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0% 0%);
}
	.itsection {padding: 20px;}
	.itsection-spacing {padding: 15px;}
	
	.news-page-grid .hmy-section, .home-news-page-grid .hmy-section {flex-basis: 33% !important;}
	/*.news-page-tile-description { min-height: 100px;}*/
	
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
.fa-6x { font-size: 4.5em;}
}


@media only screen and (min-width: 0px) and (max-width: 900px) {
	body, p, li {font-size:1.1rem;line-height: 1.3rem;}
	input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea,
select
 {font-size: 1.1rem;}

.cta{font-size:1.0rem;}

h1 {font-size: 1.7rem; line-height: 1.9rem;}
h2{font-size: 1.4rem; line-height: 1.6rem;}
h3{font-size: 1.3rem; line-height: 1.5rem;}
h4{font-size: 1.1rem; line-height: 1.3rem;}
h5{font-size: 1.0rem; line-height: 1.2rem;}

.logo-text {font-size: 1.3rem;  line-height: 1.5rem;}

.strapline-text p {font-size: 1.3rem; line-height: 1.5rem;}
.logo { max-width: 80px;}
.logo-text { margin-top: 28px;}	
.top-row-right { margin-top: -12px;}	
	
	.its-grid .hmy-section {flex-basis: 50% !important;}
	.its-grid h2 {font-size: 1.3rem; line-height: 1.5rem;}
	
	.news-row .ism-panels-3 .ism-panel {min-width: 50%;}
	.wraparound-img-left, .wraparound-img-right {max-width: 450px;}
div.mbx-thumbs li img {
     max-height: 220px;}	
}

@media only screen and (max-width: 821px) {
	div.mbx-thumbs li img {
     max-height: 200px;}	
}

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

.fa-6x { font-size: 4.0em;}
	
  .boxes .box-1 {
    width: 50% !important;
    float: left !important;
  }	

  .boxes .box-2 {
    width: 50% !important;
    float: left !important;
  }	

  .boxes .box-3 {
    width: 100% !important;
    float: left !important;
  }	
	
	.its .width-70, .its .width-30 {width: 100%; float: left;}
	.itsection {margin-top: 0px; margin-bottom: 1.5%;}
}

@media only screen and (max-width: 810px) {
.news-page-grid .hmy-section, .home-news-page-grid .hmy-section {flex-basis: 50% !important;}

}

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

.fa-6x { font-size: 3.5em;}

}

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

@media only screen and (max-width: 761px) {
	div.mbx-thumbs li img {
     max-height: 190px;}	
	.wraparound-img-left, .wraparound-img-right {max-width: 400px;}
}

@media only screen and (max-width: 731px) {
	div.mbx-thumbs li img {
     max-height: 180px;}	
}


@media only screen and (max-width: 700px) {
    
.desktop_only {
    visibility: hidden;
    display: none;
}

.mobile_only {
    visibility: visible;
    display: block;
}
    
.mobile_only .paging-prev {
    padding: 0 !important;
}

	.hide-on-mobile {display:none;}
	.mobile-side-padding {padding: 10px 30px !important;}
	.digwyddiadau .hmy-section-left {flex-basis: 100% !important;}
.digwyddiadau .hmy-section-right {flex-basis: 100% !important;}
  .fa-6x {  font-size: 2.5em; }
	
	.spacing {
  padding-top: 20px;
  padding-bottom: 20px;	
}

.wraparound-img-left, .wraparound-img-right {max-width: 700px;}
.boxes-spacing {
  padding-top: 10px;
  padding-bottom: 30px;	
}

.spacing-slideshow {
  padding-top: 0px;
  padding-bottom: 0px;	
}
	.logo {  max-width: 50px;  }
	
.logo-text {
    margin-top: 15px;
margin-left: 15px;	
  }	
  .top-row .top-row-left {
    width: 60% !important;
    float: left !important;
	 padding-right: 0px; 
  }	
  .top-row .top-row-right {
    width: 40% !important;
    float: left !important;
	 padding-left: 0px; 
  }	
  .top-row .top-row-right p{
 margin-top:5px;
	  margin-bottom:5px;
  }		
  .top-row-right {
    margin-top: 0px;
  }	
  .p7AMM.amm-responsive .amm-toolbar {
    background-color: transparent !important;
  }

  .p7AMM.amm-responsive .amm-toolbar a {
    color: #000 !important;
    opacity: 1 !important;
  }	
.mobile-left {
  text-align: left;
}
.p7AMM li a {
  padding: 10px 20px;
  font-size: 16px;
}
.slideshow-box {
  margin-left: 0px;
}	
.mobile-padding {
  padding-top: 10px !important;
  padding-bottom: 10px !important;	
}	
.ism-pad-30 .ism-content {
	margin-top:10px
}	
 .strapline-text p {
    margin-top: 35px;
  }
  .boxes .box-3 {
    width: 100% !important;
    float: left !important;
	 margin-bottom: 30px; 
  }		
}


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

  .boxes .box-1 {
    width: 100% !important;
    float: left !important;
  }	

  .boxes .box-2 {
    width: 100% !important;
    float: left !important;
  }	

  .boxes .box-3 {
    width: 100% !important;
    float: left !important;
	margin-bottom: 30px; 
  }	
 }

@media only screen and (max-width: 600px) {
.logo-text {font-size: 1.2rem;  line-height: 1.4rem;}
.news-tile-description {height: 9rem;}	
.news-image-tile-image { height: 15rem;}	
.news-page-grid	.news-image-tile-image, .home-news-page-grid .news-image-tile-image { height: 12rem;}	 
.home-news-page-grid .hmy-section {flex-basis: 100% !important;}
}

@media only screen and (max-width: 585px) {
.its-grid .hmy-section {flex-basis: 100% !important;}
.its-grid .border-black {min-height: 115px;}
}

@media only screen and (max-width: 565px) {
.news-page-grid .hmy-section {flex-basis: 100% !important;}
.news-page-tile-description { min-height: 0px;}

}

@media only screen and (max-width: 450px) {
.logo-text {display:none !important;  }	
  .top-row .top-row-left {
    width: 30% !important;
    float: left !important;
  }	
  .top-row .top-row-right {
    width: 70% !important;
    float: left !important;
  }		
}

@media only screen and (max-width: 505px) {
	div.mbx-thumbs li img {
     max-height: 160px;}	
}

@media only screen and (max-width: 463px) {
	div.mbx-thumbs li img {
     max-height: 140px;}	
}

@media only screen and (max-width: 425px) {
	div.mbx-thumbs li img {
     max-height: 130px;}	
}

@media only screen and (max-width: 405px) {
	div.mbx-thumbs li img {
     max-height: 120px;}	
}

@media only screen and (max-width: 383px) {
	div.mbx-thumbs li img {
     max-height: 116px;}	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}