/*
-----------------------------
PVII Layout Builder Magic
by Project Seven Development
www.projectseven.com
UI Styles: p7LBM_1
-----------------------------

*** For LBM System Use Only ***
***  Do Not Edit Manually   ***

*/
.p7LBM-1-style-1 {
background-image: url("../images/main-img.jpg");
background-position: center;
background-size: cover;
}
.p7LBM-1-style-2 {
background-color:#FFFFFF;
}
.p7LBM-1-style-3 {
background-image: url("../images/background.jpg");
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
.p7LBM-1-style-4 {
background-color:#FFFFFF;
padding-top: 30px;
padding-bottom: 30px;
}
.p7LBM-1-style-5 {
background-color:#FFFFFF;
}
.p7LBM-1-style-6 {
background-color:#FFFFFF;
}
.p7LBM-1-style-7 {
background-color:#FFFFFF;
}
.p7LBM-2-style-1 {
background-color: rgba(255, 255, 255, 0.20);
}
.p7LBM-2-style-2 {
color: #000;
padding-top: 150px;
padding-bottom: 150px;
}
.p7LBM-3-style-1 {
    background-color: #FFFFFF;
font-family: calibri, sans-serif;
font-weight: 400;
font-style: normal;
}
.p7LBM-4-style-1 {
background-color:rgba(22, 116, 141, 0.95);
	box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
}
.p7LBM-4-style-2 {
background-color:rgba(20, 152, 141, 0.95);
	box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
}
.p7LBM-4-style-3 {
background-color: rgba(255, 238, 134, 0.95);
	box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
}

.p7LBM-4-style-4 {
background-color: rgba(234, 66, 55, 0.95);
box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
}
.p7LBM-4-style-5 {
background-color:rgba(103, 159, 176, 0.95);
	box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
}
.p7LBM-5-style-1 {
background-color:#C40D10;
}
.p7LBM-5-style-2 {
background-color:#B20C0F;
}
.p7LBM-5-style-1 {
background-image: url("../images/pic01.jpg");
background-position: center;
background-size: cover;
}
.p7LBM-5-style-2 {
background-image: url("../images/pic02.jpg");
background-position: center;
background-size: cover;
}
.p7LBM-6-style-1 {
background-color:#183294;
}
.p7LBM-6-style-2 {
background-color:#0D517B;
}
.p7LBM-6-style-1 {
background-color: rgba(22, 116, 141, 0.60);
color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.p7LBM-7-style-1 {
background-color:#038870;
}
.p7LBM-7-style-1 {
background-color: rgba(55, 82, 111,0.60);
color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.p7LBM-2-style-1-splash {
padding-top: 50px;
background-color: rgba(255, 255, 255, 0.40) !important;	
}
.p7LBM-2-style-2-splash {
background-color: rgba(255, 255, 255, 0.40) !important;
padding-top: 50px;
padding-bottom: 50px;
}

.splash-padding {
padding-top: 200px;
}
 /* unvisited link */
a:link {
  color: #3f3f3f;
}

/* visited link */
a:visited {
  color: #0a5d72;
}

/* mouse over link */
a:hover {
  color: #0a5d72;
}

/* selected link */
a:active {
  color: #0a5d72;
} 
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

.splash-buttons {
	outline: none;
	border-color: #FFF;
	border-color: rgba(255,255,255,0.65);
	color: #000;
	box-shadow: inset 0px 12px 8px rgba(255,255,255,.2);
	background-color: rgba(255,255,255,0.65);
	font-size: 150%; 
	letter-spacing: 3px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	color: #000;
	font-size: 1.5em;
	padding: 10px 12px;
	text-decoration: none;
	border: 1px solid;
	border-radius: 0px;
	border-color: #323232;
	display: block;
	-webkit-transition: all linear .35s .1s;
	transition: all linear .35s .1s;
	-webkit-transition-property: background-color, box-shadow, border-color;
	transition-property: background-color, box-shadow, border-color;
}

.splash-buttons:hover
 {
	outline: none;
	border-color: #FFF;
	border-color: rgba(255,255,255,0.65);
	color: #000;
	box-shadow: inset 0px 12px 8px rgba(255,255,255,.2);
	background-color: rgba(255,255,255,0.65);
}

/*Responsive Image wedi ychwanegu gan Jemma*/

.splash-page{
	background-image:url("../images/splash-background.jpg");
	background-size: cover;
height: 100vh;
min-height: 600px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}


/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map {
        width: 100%;
		height:350px;
      }

.newyddion {
	color:#fff;	
}

.newyddion .btn-1{
	border:1px solid #fff;
	color:#fff;
}

.newyddion a{
	color:#fff;
		transiation:0.5s;
}

.newyddion a:hover{
	color:#000;
	transiation:0.5s;
}

.digwyddiadau {
	color:#fff;	
}

.digwyddiadau .btn-1{
	border:1px solid #fff;
	color:#fff;
}

.red-tile {
	color:#fff;	
}

.red-tile .btn-1{
	border:1px solid #fff;
	color:#fff;
}

.contact {
	color:#fff;	
}

.contact .btn-1{
	border:1px solid #fff;
	color:#fff;
}

.welsh-gov-logo{width:100%; max-width:75px}

.gwynedd-council-logo{width:100%; max-width:350px;}

.homepage-img-background-tile a{
	text-decoration:none;
}

.homepage-img-background-tile h2{
	display: inline-block;
}

.homepage-img-background-tile{
	-webkit-transition: all 1.3s !important;
	-moz-transition: all 1.3s !important;
	transition: all 1.3s !important;
}

.homepage-img-background-tile:hover,.homepage-img-background-tile:active{
	color: #000;
	filter: brightness(135%);
}

.title{
	font-size:350%;
	letter-spacing: 3px;
	margin-top: 0px;
}

.listing-link a{
	text-decoration: none;	
	transition: 0.5s;
}
.listing-link a:hover{
	text-decoration: underline;
	transition: 0.5s;
}

.listing-heading{height:85px;}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	  .responsiveImage{width:60%; align:center;  }
	.p7LBM-6-style-1 {
background-color: rgba(22, 116, 141, 0.60);
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.p7LBM-7-style-1 {
background-color: rgba(55, 82, 111,0.60);
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
	.p7LBM-1-style-4 {
background-color:#FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}
	.p7LBM-2-style-2 {
color: #000;
padding-top: 20px;
padding-bottom: 20px;
}
}


@media only screen and (min-width: 768px) {
 .responsiveImage{width:30%; align:center; }
}
@media only screen and (min-width: 736px) and (max-width: 850px) {
.splash-padding {
    padding-top: 170px;
}
}
@media only screen and (min-width: 414px) and (max-width: 736px) {
.splash-padding {
    padding-top: 120px;
}
}
@media only screen and (min-width: 0px) and (max-width: 414px) {
.splash-padding {
    padding-top: 20px;
}
}

.black-box{
	background: #000000;
	color:#ffffff;
	padding:20px 30px;
	text-align:center;
}

.black-box h1, .black-box h2, .black-box h3, .black-box h4, .black-box h5, .black-box p{
	color:#ffffff;
}

.black-box hr{
	border: 1px solid #fff !important;
}


.black-box img{
	width:300px;
	max-width:100%;
}
.black-box a{
	color:#fff;
}