@charset "utf-8";
/* CSS Document */
body{font-size:1.1em; font-family: muli, sans-serif; font-weight: 300; font-style: normal; color:#FFFFFF; background-color: #fff; }
p {font-family: muli, sans-serif; font-weight: 300; font-style: normal; font-size:1.1em; color:#FFFFFF; }
h1 {font-size: 300%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#FFFFFF; font-weight: lighter; }
h2 {font-size: 240%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#FFFFFF; padding-bottom: 15px;}
h3 {font-size: 210%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000000; }

p.word-break {
  word-break: break-all;
}

.red-background { background-color: rgba(255,0,0,255); color: #FFFFFF!important;}

.main-background { background-color: #ffed78; color: #003838!important;}
 .main-background  a{color:#FFFFFF; transition:0.2s; text-decoration: underline;}
 .main-background  a:hover {color:#E8E8E8; transition:0.2s}

.main-background-sub { background-color: #fff; color: #003838!important;}
 .main-background-sub  a{color:#970000; transition:0.2s; text-decoration: underline;}
 .main-background-sub  a:hover {color: #F00; transition:0.2s}


.sub-pic img {width:100%;}

.sub-background { background-color: #4682B4; color: #003838!important;}

.slideshow {min-height: 40vh; margin-top:250px; display: inline-block;}

.slideshow-sub {margin-top:50px; }

.slideshow-sub-padding {padding:0px !important;}

.info-background  p {font-family: muli, sans-serif; font-weight: 300; font-style: normal; font-size:1.1em; color:#030303; }
.info-background { background-color: #ffed78; color: #030303!important;}

 .info-background a{color:#030303; transition:0.2s; text-decoration: underline;}
 .info-background a:hover {color:#970000; transition:0.2s}


.background-important-info h1, .background-important-info h2, .background-important-info h3, .background-important-info h4, .background-important-info h5, .background-important-info p {
	color:rgb(34,34,34);
} 

.background-important-info-sub h1, .background-important-info-sub h2, .background-important-info-sub h3, .background-important-info-sub h4, .background-important-info-sub h5, .background-important-info-sub p {
	color:rgb(34,34,34);
} 

.fab {font-size: 30px;}


.hmy-color-content-green h2 {font-size: 240%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000; padding-bottom: 15px;}
.hmy-color-content-gold h2 {font-size: 240%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000; padding-bottom: 15px;}
.hmy-color-content-red h2 {font-size: 240%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000; padding-bottom: 15px;}


.hmy-color-content-green p {
  color: #000;
}
.hmy-color-content-gold p {
  color: #000;
}

.hmy-color-content-red p {
  color: #000;
}


 .hmy-color-content-red  a{color:#000; transition:0.2s; text-decoration: underline;}
 .hmy-color-content-red  a:hover {color:#E8E8E8; transition:0.2s}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
   /* width: 540px;*/
	padding: 8px 8px 0px 8px;
}
.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);
}

.main-background .cta:hover {
background-color: #fff;
color: #E00000;
border: 1px solid #E00000;
}
.main-background .cta {
    background-color: #E00000;
    color: #fff;
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1em;
    margin: 15px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    margin-bottom: 5px;
    border: 1px solid #E00000;}

.background-important-info {
color: #FFFFFF!important;
    background-image: url("../images/background.png");
    background-size: cover;
    background-attachment: fixed;
   /* background-position: center;*/
    background-repeat: no-repeat;
	}

.background-important-info h2 {font-size: 240%!important; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000000!important;}

.background-important-info-sub {
color: #FFFFFF!important;
    background-image: url("../images/background.png");
    background-size: cover;
    background-attachment: fixed;
   /* background-position: center;*/
    background-repeat: no-repeat;
	}

.background-important-info-sub h2 {font-size: 240%!important; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000000!important;}

.footer { background-color: #E00000; color: #FFFFFF;}
 .footer a{color:#FFFFFF; transition:0.2s; text-decoration: underline;}
 .footer a:hover {color:#E8E8E8; transition:0.2s}

strong {
  font-weight: bold;
}
.main-background-sub .cta {
  background-color: #E00000;
  color: #fff;
  padding: 12px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  margin: 15px 2px;
    margin-bottom: 15px;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-bottom: 5px;
  border: 1px solid #E00000;
}

.main-background-sub .cta:hover {
  background-color: #fff;
  color: #E00000;
  border: 1px solid #E00000;
}

iframe {
	max-width:100%;
	border: 0px;
}

.page-body {
    min-height: 53.8vh;
}

.page-body li{
	font-size:1.1rem;
	margin-bottom:15px;
}

/* FFURFLEN AR-LEIN */

.ffurflen select {
  max-width: 720px;
  width: 100%;
  border: 1px solid #191010;
  border-radius: 4px;	
 font-family: muli, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
  padding: 10px;
  color: #747474;
  display: inline-block;
  background: #ffffff;
  height: 50px;
margin-top: 10px;		
}


.ffurflen input[type="text"], .ffurflen input[type="email"], .ffurflen input[type="url"], .ffurflen input[type="tel"] {
  max-width: 700px;
  width: 100%;
  padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
  border: 1px solid #191010;
  border-radius: 4px;	
font-family: muli, sans-serif; font-size: 23px;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
  margin-bottom: 15px;
  display: inline-block;
margin-top: 10px;	
}

textarea {
  border: 1px solid #191010;
  border-radius: 4px;	
  color: #2e2e2e;
  width: 100%;
  padding-left: 10px;
  height: 80px;
  vertical-align: middle;
 font-family: muli, sans-serif; font-size: 23px;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 25px;
  max-width: 708px;
margin-top: 10px;		
}

input[type="submit"] {
  background-color: #E00000;
  color: #fff;
  padding: 12px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  margin: 15px 2px;
    margin-bottom: 15px;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-bottom: 5px;
  border: 1px solid #E00000;
}

input[type="submit"]:hover {
background-color: #fff;
color: #E00000;
border: 1px solid #E00000;
}

.search input[type="text"]{
  max-width: 700px;
  width: 100%;
  padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
  border: 1px solid #191010;
  border-radius: 4px;	
font-family: muli, sans-serif; font-size: 23px;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1em;
  margin-bottom: 15px;
  display: inline-block;
margin-top: 10px;	
}

.word-wrap {
  word-wrap: break-word;
}

.padding-cyswllt {
  padding-left: 0px !important;
}

.padding-sub-harmony {
  padding-left: 0px !important;
}

.teitl-newyddion {
  font-size: 140%; font-family: sniglet, sans-serif; font-weight: 400; font-style: normal; color:#000; padding-bottom: 15px; padding-top:10px;
}

.name_2{
	display: none !important;
}

.p7HMY .hmy-content p:first-child {margin-bottom: 0px;}


@media only screen and (min-width: 801px) and (max-width: 1030px) {
	.background-important-info .hmy-section{flex-basis:50% !important;}
	.background-important-info-sub .hmy-section{flex-basis:100% !important;}
}

@media only screen and (min-width: 601px) and (max-width: 1300px) {
	.background-important-info .hmy-section{flex-basis:50% !important;}
		.background-important-info-sub .hmy-section{flex-basis:100% !important;}
	.slideshow {
    min-height: 10vh !important;
    margin-top: 250px;
    display: inline-block;
}
	.top-logo {
  width: 100%;
  max-width: 80px !important;
}
	}


@media only screen and (min-width: 0px) and (max-width: 600px) {
	
	body{font-size:16px; }
	}




.p7PKB.pkb-borders-section .pkb-section{
	border: none !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

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

.box-shadow{
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

.top-row{
	position: fixed;
	width: 100%;
	z-index:101;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tile-link{
	text-decoration:none !important;
}




@media only screen and (min-width: 0px) and (max-width: 700px) {

	.top-row{position:initial;
		text-align: center;
	}
	
	.mobile-padding{padding-bottom:7px !important; padding-top:7px !important;
	}	
	
	.mobile-menu-padding{padding:0px !important;
	}
	.slideshow {
    display: none;
}
	
		.sub-pic {
    display: none;
}
	
}

@media only screen and (min-width: 700px) and (max-width: 1400px) {
.slideshow-sub {margin-top:150px; min-height: 40vh; }
}