/*
	**********************************
	**** CSS by Cwmni Cynnal 2018 ****
	**********************************
*/

/* font imports */

.yellowText{
	color:#f7b11e !important;
}
.redText{
	color:#ee1933 !important;
}
.aquaText{
	color:#01bbc2 !important;
}
.darkGreenText{
	color:#007f93 !important;
}
.greenText{
	color:#00a151 !important;
}
.purpleText{
	color:#9b2063 !important;
} 
.whiteText{
	color:#FFFFFF !important;
}
.darkRedText{
	color:#c52b17 !important;
}
.redBorder{
	outline:4px solid #ee1933;
	width:100%;
}
.brownText{
	color:#907363 !important;
}
.redBG{
	background:#ee1933;
}
.darkRedText2{
	color:#d32633 !important;
}
.purpleBG{
	background:#9b2063 !important;
}
.orangeText{
	color:#ee5a28 !important;
}
.orangeBG{
	background:#ee5a28 !important;
	color:#FFFFFF;
}
.darkBlueText{
	color:#2e529c !important;
}
.airAtom{
	font-family:ExoBold;
	padding:5px;
}
.airAtom a{
	color:#FFFFFF;
}
.darkRedBG{
	background:#cc1b35 !important;
}
.darkRedBG2{
	background:#d32633 !important;
	color:#FFFFFF;
}
.croesoBox{
	margin-top:20px !important;
}
.darkBG{
	background:#28313f;
	color:#FFFFFF;
}
.darkGreenBG{
	background:#22997a;
	color:#FFFFFF; 
}
.blueBG{
	color:#FFFFFF;
	background:#007aff !important;
}
p.blueBG{
	padding:5px;
	font-weight:bold;
	font-family:ExoBold;
}
.blueBG a, .blueBG a:active, .blueBG a:hover, .blueBG a:visited{
	color:#FFFFFF;
	
}
p{
	margin-bottom:8px !important;
}
.page4Boxes{
	display:table;
}
.page4Boxes h2{
	margin-bottom:0px;
}
.page4Boxes div{
	padding:10px;
}

.bacteria{
	margin-top:12px;
	padding:10px;
	position:relative;
	margin-bottom:12px;
}
.bacteria ul {
	margin-bottom: 0px;
}
.bacteria li {
	margin-bottom: 0px !important;
}

.bacteria .bgImg{
	position:absolute;
	width:80%;
	top:25%;
	margin:auto;
	opacity:0.1;
}
.endOfPaper{
	background:#ec5a28;
	color:#fff;
}
.endOfPaper a {
	color: #fff;
	font-weight: bold;
}
.endOfPaper div{
	padding:5px;
}
.greenBold{
	font-family:ExoBold;
	font-weight:bold;
	color:#00a551;
	font-size:17px;
}
.blueBold{
	font-family:ExoBold;
	font-weight:bold;
	color:#1b75b7;
	font-size:20px;
}	
.page8RedTitles{
	font-family:ExoBold;
	color:#ce2a48;
	font-size:22px;
}

.header .col-md-12{
	padding:0px !important;
}
.sidebar .col-md-12{
	padding:0px 8px !important;
	text-align:right;
}
.sidebar .col-md-12.border{
	border-bottom:0px solid #FFFFFF;
}
.secondRowBook{
	width:43% !important;
}
.redBorder.rygbi{
	margin-top:10px;
}
.rygbi .redBG h1{
	padding:5px;
	text-align:center;
	text-transform: uppercase;
	font-size: 25px !important;
}

.rygbi .boxContent h2{
	padding:5px;
	text-align:center;
}

.redBorder.rygbi table{
	width:95%;
	margin:auto;
	margin-bottom: 4px;
}
.rygbi img {
	margin-bottom: 8px;
}
.row.sidebar{
	margin-top:8px;
}
.titles{
	color:#28313f;
}
.subTitles, .greenText{
	color:#00a551;
}

.titles, .subTitles{
	font-family:ExoBold;
}
.titles.sidebar{
	font-size:20px;
	margin-bottom:0px;
	line-height:20px;
	margin-top:0px;
	
}
.sidebar {
	background:#00a551;
	color:#FFFFFF !important;
}
.speech{
	font-style:italic;
}
.titles.small{
	font-size:28px;
	line-height:25px
}
.titles.smaller{
	font-size:22px;
	line-height:22px
}
.sidebar{
	margin-top:10px;
	padding:5px 0px;
}

.titles.medium{
	font-size:64px;
	line-height:60px
}
.titles.medium_two{
	font-size:52px;
	line-height:54px;
	margin-bottom: 2px;
}
.row{
	padding:0px;
	margin:0px;
}
.titles.large{
	font-size:100px;
	
}
.subTitles.large{
	font-size:34px;  
	line-height:34px;
}
.subTitles.large_front{
	font-size:30px;  
	line-height:30px;
	margin-bottom: 4px;
}
.subTitles.medium{
	font-size:24px;  
	line-height:20px;
	
}
.subTitles.small{
	font-size:18px;  
	line-height:20px;
	
}
.row img{
	width:100%;
}
.row.header img{
	width:100%;
}

.colBorder{
	border-left:1px solid #28313f;
}
.seperator, .seperatorFull{
	width:100%;
	height:10px;
	margin-top:20px;
	text-align:center;
	font-weight:bold;
	font-family:ExoBold;
	padding-bottom:20px;
}

.seperator90{
	width:100%;
	height:5px;
	
	text-align:center;
	font-weight:bold;
	font-family:ExoBold;
	padding-bottom:20px;
}
.seperator90 .green{
	width:90%; 
	margin:auto;
	height:5px;
	background:#2e96da;
}
.seperator90 .purpleLine{
	width:90%; 
	margin:auto;
	height:5px;
	background:#ef572e;
}
.seperator .red{
	float:left;
	width:70%;
	height:10px;
	background:#cc423b;
}
.seperator .blue{
	float:left;
	width:30%;
	height:10px;
	background:#28303c;
}
.seperatorFull .blue{
	width:100%;
	height:10px;
	background:#28303c;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.mediumOverride{
	font-size:40px !important;
	line-height:10px;
	margin-top:-10px;
	border-bottom:2px solid grey;
	display:inline-block;
}
.smallOverride{
	font-size:20px !important;
}
.topBorder{
	border-top:2px solid grey;
	padding-top:16px;
	
}
.bottomBorder{
	border-bottom:2px solid grey;
	/*padding-bottom:16px;*/
	
}
ul, ol{
	margin-left:14px;
}
li{
	margin-left:6px;
	margin-bottom:5px;
}
.row15Col{
	float:left;
	width:20%;
}
.row15Col div{
	margin:3%;
}
.blueBG{
	background:#28313f;
	color:#FFFFFF;
}
.greenBG{
	background:#00a551;
	padding:10px;
}
.white{
	color:#FFFFFF;
}
.right{
	text-align:right;
}
.geirfaBox{
	border:1px solid #28313f;
	padding:6px;
}
.geirfaBox h1 {
	margin-bottom: 0px !important;
}
.grey{
	color:grey;
}
.greenUnderline{
	border-bottom:3px solid #00a551;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
	top:0; 
	left:0;
}
.gwaithgwaithgwaith{
	margin-top:12px;
}
.gwaithgwaithgwaith td{
	padding:0px 5px;
	text-align:left;
}
.gwaithgwaithgwaith span{
	background:#28313f;
	color:#FFFFFF;
	font-family:ExoBold;
	padding:5px 5px;
}
.mobile{
	display:none;
}
.fullScreen{
	display:block
}
.page{
	background:#FFFFFF;
	
	padding-bottom:20px;
}

#page1Box{
	width:100%;
}
#page1Box .blueBG{
	float:left;
	width:55%;
	padding:13px;
}
#page1Box .greenBG{
	float:left;
	width:45%;
	color:#FFFFFF !important;
}
.greenBG a{
	color:#FFFFFF;
}

.books{
	float:left;
	width:27%;
	margin-left:40px;
}
.books.first{
	margin-left:0px;
}
.page2_1{
	width:220px; margin-right:12px; float:left;
}
.page2_2{
	float:left; width:200px
}
.rightBorder{
	border-right:2px solid grey;
}
.gap{
width:70px; height:1px; margin-right:12px; float:left;
}
.thirdRowBook{
	width:85% !important;
	margin-left:70px;
	margin-bottom:20px;
}


.page1_russ_coch{
	margin-top:20px; float:left; z-index:1000; position:relative;
}
.page1_russ_coch img{
	width:170px;
}
.page1_russ_du{
	margin-top:25px; float:left; background:#28303c; color:#FFFFFF; border-radius:20px; padding-left:80px; margin-left:-80px;z-index:10; position:relative;
}
.page1_russ_green{
	background:#00a151;
	color:#FFFFFF;
	margin-top:20px;
}
.page1_russ_green div{
	padding:6px 10px;
}
.page1_russ_green h2{
	font-size:40px !important;
	line-height:40px !important;
}
.page1_russ_green h2 img{
	width:100px;
	float:right;
	margin-top:-70px;
}
.page1_tybed{
	font-family:ExoBold;
	color:#FFFFFF;
	margin-top:-24px;
	position:relative;
	z-index:10000;
	text-align:center;
}
.page1_russ_green li{
	margin-bottom:5px !important;
}
.page1_russ_du_2{
	margin-top:28px;
	background:#28303c; 
	color:#FFFFFF;
	padding-bottom:10px;
}
.page1_russ_du_2 div{
	padding:4px 12px !important;
	padding-bottom:0px !important;
}
.page1_russ_du_2 h1{
	font-size:50px !important;
	line-height:50px  !important;
}
.page1_russ_dugwyn{
	background:#FFFFFF;
	width:96%;
	margin:auto;
	
}
.page1_russ_dugwyn .wrap{
	padding:5px 0px !important;
	padding-bottom:0px !important;
}
.page1_russ_dugwyn img{
	width:110px;
}	
.page1_russ_dugwyn td{
	padding:5px 0px;
	vertical-align:top;
	text-align:left !important;
}
.page1_russ_dugwyn table{
	position:relative;
	z-index:1000;
}	
.page1_russ_dugwyn td h2, .page1_russ_dugwyn td p{
	text-align:left !important;
	padding-left:5px;
	color:#28303c
}
.page1_russ_dugwyn td h2{
	margin-bottom:1px !important;
}
.page1_russ_dugwyn td p{
	margin-bottom:2px 	!important;
	line-height:18px !important;
}
.page1_russ_dugwyn_img{
	width:100% !important;
	position:relative;
	z-index:1;
	margin-top:-90px;
}
.page_2_white h2{
	color:#2e96da;
	font-size:25px !important;
	line-height:25px !important;
}	
.page_2_white li{
	margin-bottom:1px !important;
	
}
.page_2_blue{
	background:#2e96da;
	color:#FFFFFF;
	
}
.page_2_blue div{
	padding:5px 5px;
}
.page_2_blue ul{
	position:relative;
	z-index:1000;
}
.page_2_blue li{
	line-height:20px;
}
.page_2_blue img{
	position:relative;
	z-index:1;
	margin-top:-60px;
}
.page_2_yellow{
	background:#f6ab40;
	color:#FFFFFF;
}	
.page_2_yellow .wrap{
	padding:5px;
}
.page2_yellow_divs{
	background:#28313f;
	color:#FFFFFF;
	border-radius:10px;
	margin-bottom:8px;
}
.page2_yellow_divs .wrap{
	padding:5px;
}
.page2_yellow_divs p{
	line-height:20px !important;
}
.page2_yellow_divs img{
	float:left;
	width:30px;
	display:block;
	margin-right:5px;
	margin-bottom:20px;
}
.page2_dyddiadau .date{
	width:50px;
}
.page2_dyddiadau td{
	padding:5px;
	vertical-align:top;
}
.page2_dyddiadau h2{
	color:#2e96da;
	margin-bottom:0px;
	line-height:20px !important;
}
.page2_dyddiadau p{
	line-height:20px;
}
.page_2_black{
	position:relative;
	z-index:1000;	
	background-color:#231f20;
	color:#FFFFFF;
	z-index:1000;
}
.page_2_black .wrap{
	padding:10px;
}
.page_2_black .stars{
	position:absolute;
	top:20px;
	right:0px;
	width:100%;
	text-align:right;
	z-index:10;
}
.page_2_black h2{
	font-size:35px !important;
	line-height:35px !important;
	position:relative;
	z-index:1000;
}
.page_2_black .stars img{
	width:180px;
	margin-right:10px;
}

.dyddiau{
	position:relative;
	z-index:1000;
}
.dyddiau img{
	width:70px;
	
}
.dyddiau h2{
	color:#FFFFFF;
	font-size:20px !important;
	line-height:20px !important;
}
.dyddiau td{
	vertical-align:top;
	padding:5px;
}
.page_3_blackBox{
	background:#28313f;
	color:#FFFFFF;
}
.page_3_blackBox div{
	padding:7px;
}

.page_5_pos_table{
	table-layout:fixed;
	width:100%;
}
.page_5_pos_table td, .page_5_pos_table th{
	border:1px solid #28313f; 
	color:#2e95d8;
	font-family:ExoBold;
	font-size:18px;
}
.page_5_pos_table th{
	text-align:center;
}
.page_6_iach li{
	margin-bottom:2px !important;
	line-height:20px !important;
}
.page_6_serenTitle{
	font-size:130px !important;
	line-height:120px !important;
}
.page6bold{
	font-family:ExoBold;
	color:#3e9afd;
}
.page_7_bluebox li{
	margin-bottom:2px !important;
	line-height:19px;
	font-size:18px;
}
.page4_speech_right{
	width:200px !important; 
	margin-left:-60px; 
	margin-bottom:10px;
}
.page4_speech_white{
	font-family:ExoBold; 
	color:#FFFFFF; 
	font-size:16px;
	}
.deiaLoli{
	font-family:ExoBold; font-size:70px; line-height:70px;
}
.urdd{
	font-size:34px !important
}
@media only screen and (max-width: 1024px) {
	.bevanImage{
		margin-left:0px !important;
	}
	.owaingd{
		font-size:40px  !important;
		line-height:40px !important;
	}
	.urdd{
	font-size:24px !important
}
	.tablet{
		display:block !important;
	}
	.normalSCreen{
		display:none;
	}
	.page1_russ_coch{
		margin-top:20px; float:left; z-index:1000; position:relative;
	}
	.page1_russ_coch img{
		width:120px;
	}
	.page1_russ_du{
		font-size:12px;
		margin-top:18px;
	}
	.page1_russ_green h2{
	font-size:30px !important;
	line-height:30px !important;
}
	.page1_russ_green h2 img{
	width:80px;
	float:right;
	margin-top:-60px;
}
	#bodyWrapper{
		width:768px;
		font-size:14px;
	
	}
	.titles.medium{
	font-size:48px;
	line-height:38px
}

	.titles.large{
		font-size:75px;
		line-height:80px
	}
	.subTitles.large{
		font-size:20px;  
		line-height:20px;
	}
	.books{
		float:left;
		width:24%;
	}
	.secondRowBook{
		width:40% !important;
	}
	.gap{
		width:1px;
	}
	.page2_1{
	width:140px; margin-right:12px; float:left;
}
.page2_2{
	float:left; width:180px
}

	.page7_gwenllian{
		font-size:20px !important;
	}
	.page_7_bluebox li{
		font-size:14px !important;
	}
	.page6_heart{
		padding-top:30px;
	}
	.page_6_serenTitle{
		font-size:80px !important;
		line-height:80px !important;
	}
	.posau_calon{
		padding-top:20px;
	}
	.page4_speech_white{
	font-family:ExoBold; 
	color:#FFFFFF; 
	font-size:12px !important;
	}
	.page4_speech_right{
		width:150px !important; 
		margin-left:-40px; 
		margin-bottom:10px;
	}
	.page_4_llyfrau{
		padding-top:20px;
		padding-bottom:20px
	}
	.deiaLoli{
		font-size:40px; line-height:40px;
	}
	.page3_last_row{
		padding-top:20px;
	}
	
	.page2_dyddiadau h2{
		font-size:15px !important;
		line-height:15px !important;
	}
	.page2_dyddiadau img{
		width:90% !important;
	}
	.page2_dyddiadau .date{
		width:60px !important;
	}
}

@media only screen and (max-width: 767px) {
	.mobiles{
		display:block !important;
	}
	.normalSCreen, .tablet{
		display:none !important;
	}
	#bodyWrapper{
		width:100%;
		font-size:14px;
	
	}
	.row{
		margin:0px !important;
	}
	.row15Col{
		width:90%;
		clear:both;
	}
	.mobile{
		display:block;
	}
	.fullScreen{
		display:none;
	}
	#page1Box .blueBG{
		float:none;
		width:100%;
		padding:13px;
	}
	#page1Box .greenBG{
		float:none;
		width:100%;
		color:#FFFFFF !important;
	}
	.books, .secondRowBook, .thirdRowBook{
		float:left;
		width:100% !important;
		margin-left:0px;
		margin-top:20px;
	}
	.date{
		max-width:70px;
	}
	.page2_1{
	width:100%
}
.page2_2{
	width:100%;
}

}

@media only screen and (max-width: 619px) {
	.row.header{
		margin-bottom: 20px !important;
	}
	.time_line{
		    transform: rotate(90deg);
	}
	.time_line img{
		width:10vw !important;
	}
}