@charset "utf-8";
/* CSS Document */

/**GENERAL**/

body{ font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.1rem;
}

p{ font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.1rem;	
}

li { font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.1rem;
}

h1, h2, h3, h4, h5 {
	font-family: urbane-rounded, sans-serif;
	font-style: normal;
	margin: 25px 0px 20px 0px;
}

h1 {font-size: 2.7rem;}
h2{font-size: 2.4rem;}
h3{font-size: 1.9rem;}
h4{font-size: 1.7rem;}
h5{font-size: 1.5rem;}

a {
  transition-duration: 0.5s;
}

iframe{
	max-width:100%;
}

img {max-width:100%;}


.bold {font-weight: bold;}

strong {font-weight: bold;}

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

.cta{
	text-transform: none;
	font-size:1.1rem;
	display:inline-block;
	font-family: urbane-rounded, sans-serif;
	box-shadow: 2px 2px 4px #888;
}

.home-intro-row {min-height: 54rem;}

.home-page-heading {display: none;}
.home-tagline {
font-size: 1.5rem;
font-family: urbane-rounded, sans-serif;
font-style: normal;
margin: 25px 0px 20px 0px;

}

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

.white-background hr {background-color: #212545; margin: 0;}

.white-background a {color: #6670B7; text-decoration: none;}
.white-background a:hover {color: #212545;}
.white-background a:hover h2, .white-background a:hover h3, .white-background a:hover h4 {color: #212545;}

.white-background .cta {
	padding:12px 18px 8px 18px;
	background: #2F3461;
	color:#EFEAE1;
	transition: 0.5s;
	display: inline-block;
	/*border: solid 4px #073e65;*/
}
.white-background .cta:hover{
	background: #EFEAE1;
	color:#2F3461;
	transition: 0.5s;	
	/*border: solid 4px #0c67a8;*/
}

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

.off-white-background a {color: #505AAA; text-decoration: none;}
.off-white-background a:hover {color: #2F3461;}

.off-white-background .cta {
	padding:12px 18px 8px 18px;
	background: #2F3461;
	color:#EFEAE1;
	transition: 0.5s;
	display: inline-block;
	/*border: solid 4px #073e65;*/
}
.off-white-background .cta:hover{
	background: #8F8FA1;
	color:#212545;
	transition: 0.5s;	
	/*border: solid 4px #0c67a8;*/
}


/**PURPLE GRADIENT BACKGROUND**/
.purple-gradient-background {
color:#EFEAE1;
background: rgb(33,37,69);
background: linear-gradient(90deg, rgba(33,37,69,1) 0%, rgba(47,52,97,1) 50%, rgba(66,73,138,1) 100%);
}

.purple-gradient-background a {color: #505AAA; text-decoration: none;}
.purple-gradient-background a:hover {color: #2F3461;}

/*.purple-gradient-background .cta {
	padding:12px 18px 8px 18px;
	background: #EFEAE1;
	color:#2F3461;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #073e65;
}
.purple-gradient-background .cta:hover{
	background: #EFEAE1;
	color:#212545;
	transition: 0.5s;	
	border: solid 4px #0c67a8;
}/*

/**DARK PURPLE BACKGROUND**/
.dark-purple-background {
color:#EFEAE1;
background-color:#212545;
}

.dark-purple-background a {color: #DCDCEF; text-decoration: none;}
.dark-purple-background a:hover {color: #868DC6;}



/**TOP ROW**/
.top-row p {margin: 7px 0px; font-size: 1.0rem;}


/**HOME SLIDESHOW ROW**/

.home-slide {min-height: 500px;}

.home-logo-slide {
	padding: 3% 5% 2% 5%;
	width: 100%;
	max-width: 450px;
}

.home-strapline {
color: #efeae0;
font-weight: bold;
font-family: urbane-rounded, sans-serif;
font-style: normal;
font-size: 2.4rem;
}


/**HOME PAGE ABOUT IMAGES**/

.home-about-img-top {
	transform: rotate(5deg);
	margin-top: -20px;
	width: 100% !important;
	max-width: 550px !important;
}

.home-about-img-bottom {
	margin-top: -75px;
 	transform: rotate(-3deg);
	width: 100% !important;
	max-width: 550px !important;
	margin-bottom: -22px;
}

/**HOME PAGE BACKGROUND IMAGE ROW**/

.home-background-image {
	color: #fff;
    background-color: #041c28;
    background-image: url(../images/background-caernarfon-2.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	height: 65vh;
}

.home-background-image-2 {
	color: #fff;
    background-color: #041c28;
    background-image: url("../images/background-caernarfon-new.jpg") !important;
    background-size: cover;
    background-attachment: local;
    background-position: center;
    background-repeat: no-repeat;
	height: 34vh;
}


/**HOME PAGE STATS ROW**/

.home-stats {padding-top: 100px; padding-bottom:100px;}


/**SUB PAGE**/

.sub-logo-slide {
    padding: 1% 4% 1% 4%;
  width: 100%;
  max-width: 200px;
}

.sub-strapline {
  color: #efeae0;
  font-weight: bold;
  font-family: urbane-rounded, sans-serif;
  font-style: normal;
  font-size: 1.9rem;
}

.sub-slide {
  height: 10vh;
  min-height: 200px;
}

.sub-background-image {
  color: #fff;
  background-color: #041c28;
  background-image: url(../images/background-caernarfon.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  height: 30vh;
}

.sub-page-body {min-height: 32.1vh;}

/**IN THIS SECTION**/

.in-this-section {margin-top: 1%; margin-bottom: 1%;}
.in-this-section h2 {font-size: 1.7rem;}

/**GWEITHGAREDDAU**/

.gweithgareddau h2{font-size: 2.2rem !important;}
.gweithgareddau h3 {font-size: 3rem !important;}
.gweithgareddau p {margin: 25px 0px 10px 0px !important;}

    .gweithgareddau {
		padding: 10px;
}

		.gweithgaredd {
    padding: 40px 20px 30px 20px !important;
    min-height: 23rem !important;
}

.gweithgareddau .dark-purple-background a:hover {color: #ffffff !important;}




/*
***************************************************
NEWS LISTING PAGE
***************************************************
*/
.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: 13rem;
}


.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;
	min-height: 9.2rem;
}

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

.news-grid h2 {font-size: 1.5rem;}


/**FOOTER**/

.footer p {font-size: 18px; margin: 7px 0px;}
.footer li {font-size: 18px; margin: 7px 0px;}
.footer h2 {font-size: 1.6rem;}


/**COPYRIGHT**/

.copyright p {font-size: 18px; margin: 7px 0px;}

/**PROJECT SEVEN**/






/* RESPONSIVE FORM*/

input[type=text],
input[type=email],
input[type=url],
input[type=tel]
 {
	max-width:500px;
	width: 100%;
	padding: 10px;	
	border: 1px solid #191010;
	font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	 margin-bottom:15px;
	 display: inline-block;
}

textarea{
	max-width:500px;
	width: 100%;
	border: 1px solid #191010;	
	font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	margin-bottom:15px;
	padding:10px;
	resize: none;
	display: inline-block;
  }

select {
	max-width:500px;
	width: 100%;
	border: 1px solid #191010;	
	font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
}


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

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

input[type=date] {
	max-width:500px;
	width: 100%;
	border: 1px solid #191010;	
	font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
}

input[type=time] {
	max-width:70px;
	width: 100%;
	border: 1px solid #191010;	
	font-family: urbane-rounded, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2rem; 
	text-align: center;
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
}

input[type=submit]{
margin-top:15px;
border:none;
text-transform: none;
font-size: 1.1rem;
font-family: urbane-rounded, sans-serif;
box-shadow: 2px 2px 4px #888;
padding:12px 18px 12px 18px;
	background: #2F3461;
	color:#EFEAE1;
	transition: 0.5s;
	display: inline-block;
}

input[type=submit]:hover{
background: #EFEAE1;
color:#2F3461;
transition: 0.5s;
}

.name_2{
	display: none !important;
}


/*** DONATION***/

.donation {
border: solid 1px #D1D3DE;
  border-radius: 15px;
  padding: 20px;
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	margin-bottom: 30px;
	    margin-top: 40px;
}

.donation  .p7OPM-04 .opm-tabs-wrapper a.open, .p7OPM-04 .opm-accordion-trig a.open {
  color: #000;
  position: relative;
  background-color: #D1D3DE;
}

.donation  .p7OPM-04 .opm-tabs-wrapper a, .p7OPM-04 .opm-accordion-trig a {
  padding: 20px 22px;
  background-color: #fffff!important;
  color: #2B2B2B;
  border: 1px solid #D1D3DE!important;
  border-radius: 8px;
}


.donation .p7OPM-04 .opm-tabs-wrapper a, .p7OPM-04 .opm-accordion-trig a {
  padding: 20px 22px;
	background-color: #fff;}

.donation  .p7OPM-04 .opm-tabs-wrapper a:hover,
.donation .p7OPM-04 .opm-accordion-trig a:hover {
	background-color: #dadada;
	color: #2B2B2B;
	transform: scale(1.1);
	transition: transform .5s,-webkit-transform .5s;
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
}

.donation .p7OPM-04 .opm-tabs-wrapper li {
  padding:  20px 15px 30px 0px;
}

.donation .p7OPM-04 .opm-tabs-wrapper ul {
  padding: 5px 35px 0px 30px;

}
.donation .p7OPM-04 .opm-panel-content {
  padding: 0px 36px;
}

.how{
padding-left: 35px;
	margin-bottom: 0px;
}
.d-pad{
	border: 1px solid #D1D3DE !important;
  padding: 15px;
	border-radius: 5px;
width: 500px;
font-size: 1.6rem;}

.donation input[type=text], input[type=one-off], input[type=monthly], input[type=number], .donation input[type=email]  {
  border: 1px solid #D1D3DE !important;
  padding: 15px;
  border-radius: 5px;
  width: 500px;
  font-size: 1.2rem;
  font-family: urbane-rounded, sans-serif;
  font-weight: 400;
  font-style: normal;}

.sm-text {
	font-size: 1.0rem;
	 
}

/**RESPONSIVE**/

@media only screen and (max-width: 1500px) {
	.home-slide {height: 45vh;}
	.home-logo-slide {padding: 3% 5% 1% 5%;}
	.home-strapline {font-size: 2.2rem;}
	.gweithgareddau {flex-basis: 50% !important;}
	.gweithgaredd {min-height: 19rem !important;}
	
}

@media only screen and (max-width: 1450px) {
	.news-tile-description {
	min-height: 9.2rem;}
	.news-grid {flex-basis: 25% !important;}
	}

		
	
@media only screen and (max-width: 1400px) {
	
	.home-background-image {
	background-attachment: inherit !important;
}
	
	.home-background-image-2 {
	background-attachment: inherit !important;
}
	

	
}


@media only screen and (min-width: 0px) and (max-width: 1300px) {
	.home-slide {height: 34vh; min-height: 400px;}
	.home-logo-slide {max-width: 300px;}
	.home-strapline {font-size: 2.0rem;}
	
	.home-background-image {
	height: 55vh;
}

	
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none;}
	/*.home-logo-slide {padding: 3% 3%;}*/
	
	h1 {font-size: 2.5rem;}
	
}

@media only screen and (min-width: 0px) and (max-width: 1170px) {	
	.news-grid {flex-basis: 33% !important;}
	}

@media only screen and (min-width: 0px) and (max-width: 1120px) {
	.gweithgaredd {min-height: 21rem !important;}
	
}
	

@media only screen and (min-width: 0px) and (max-width: 1100px) {
		.home-background-image {
	height: 50vh;
}

.home-background-image-2 {
	height: 30vh;
}
	
	h1 {font-size: 2.4rem;}
	h2{font-size: 1.8rem;}
	h3{font-size: 1.6rem;}
	h4{font-size: 1.4rem;}
	h5{font-size: 1.3rem;}
	
	body {font-size:1.1rem;}
	
	p {font-size:1.1rem;}
	
	li {font-size:1.1rem;}
	
	
.donation input[type="text"], input[type="one-off"], input[type="monthly"] {
	font-size: 1.1rem;
	}
	.d-pad{
	font-size: 1.4rem;}

}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.home-slide {height: 35vh;  min-height: 350px;}
	
	.home-logo-slide {max-width: 300px;}
	
	.home-strapline {font-size: 1.8rem;}
	
	.home-intro-row .width-60 {width: 50%;}
	.home-intro-row .width-40 {width: 50%;}
	
	.home-intro-row h2 {margin-top:0px;}
	
}


@media only screen and (min-width: 0px) and (max-width: 900px) {
	.footer .width-30 {width:50%;}
	.footer .width-40 {width:100%;}
	
	.home-stats {
    padding-top: 70px;
    padding-bottom: 70px;
}
.news-grid h2 {
	font-size: 1.3rem;}
	
}
	
@media only screen and (min-width: 0px) and (max-width: 850px) {	
	.news-image-tile-image {
		height: 12rem;}
}

@media only screen and (min-width: 0px) and (max-width: 830px) {
	.gweithgareddau {
		flex-basis: 100% !important;
	   }
	.gweithgaredd {
		min-height: 0rem !important;
	    padding: 40px 30px 30px 30px !important;}
}
	
	@media only screen and (min-width: 0px) and (max-width: 810px) {
	.news-tile-description {
	min-height: 10.6rem!important;}	
}


@media only screen and (max-width: 800px) {
	.sub-slide {
  min-height: 175px;
}

}


@media only screen and (max-width: 700px) {
	.hide-on-mobile {display:none;}
	
	.home-slide {height: 30vh; min-height: 0px;}
	.home-logo-slide {padding: 1% 5% 1% 5%; max-width: 200px;}

	h1 {font-size: 2.1rem;}
	h2{font-size: 1.7rem;}
	h3{font-size: 1.3rem;}
	h4{font-size: 1.1rem;}
	h5{font-size: 1.0rem;}
	
	body {font-size:1.0rem;}
	
	p {font-size:1.0rem;}
	
	li {font-size:1.0rem;}
	
	.home-about-img-top {max-width: 350px !important;}

	.home-about-img-bottom {max-width: 350px !important; margin-bottom: 0px;}
	
	.home-background-image {
	height: 35vh;
}

	.home-background-image-2 {
	height: 25vh;
}
	
	.cta{
	font-size:1.0rem;
}
	
	.home-stats {
  padding-top: 50px;
  padding-bottom: 50px;
}
	
	.news-grid {flex-basis: 50% !important;}

	.news-tile-description {
		min-height: 7.6rem !important;}
	.d-pad {
		width: 95%;
  padding: 10px 15px;}
	
	.donation input[type="text"], input[type="one-off"], input[type="monthly"], input[type="number"], .donation input[type="email"] {
		width:  95%;
	padding: 10px 15px;
	 font-size: 1.0rem;}
}
 
  

@media only screen and (max-width: 600px) {
	.col-1 {
order: 1;
}	
.col-2 {
order: 2;
}	
.col-3 {
order: 4;
}
.col-4 {
order: 3;
}
	


    .news-tile-description {
		min-height: 0rem !important;}	
}

@media only screen and (max-width: 500px) {
.how {
	padding-left: 05px;}
.donation .p7OPM-04 .opm-tabs-wrapper ul {
    padding: 5px 5px 5px 5px;
}
.donation .p7OPM-04 .opm-panel-content {
    padding: 0px 0px;
}	
    .d-pad {
        width: 90%;
        padding: 8px 15px;
    }	
    .donation input[type="text"], input[type="one-off"], input[type="monthly"], input[type="number"], .donation input[type="email"]  {
        width: 90%;
		padding: 8px 15px;	}
	.donation .p7OPM-04 .opm-tabs-wrapper li {
    padding: 20px 15px 15px 0px;
}
	
}
@media only screen and (max-width: 430px) {
    .d-pad {
		width: 88%;}
    .donation input[type="text"], input[type="one-off"], input[type="monthly"], input[type="number"], .donation input[type="email"] {
		width: 88%;}
}

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