/*
	**********************************
	**** CSS by Cwmni Cynnal 2017 ****
	**********************************
*/

/* font imports */
@font-face {
    font-family: AileronLight;
    src: url('AileronLight.ttf');
}
@font-face {
    font-family: OpenSans;
    src: url('OpenSans.ttf');
}
@font-face {
    font-family: WickedGrit;
    src: url('WickedGrit.ttf');
}
@font-face {
	font-family: AileronLight;
	src: url("AileronLight.eot"); /* EOT file for IE */
	src: url('AileronLight.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}
@font-face {
	font-family: OpenSans;
	src: url("OpenSans.eot"); /* EOT file for IE */
	src: url('OpenSans.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}
@font-face {
	font-family: WickedGrit;
	src: url("WickedGrit.eot"); /* EOT file for IE */
	src: url('WickedGrit.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}
/* end font import */
*:focus {
    outline: none;
}
html,body { height: 100%; margin: 0px; padding: 0px; }
body{
	font-family:AileronLight, Arial;
	width:100%;	
	background:#f0f1f1;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	
}
.lang{
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 36px;
    text-align: right;
    margin-right: 19%;
    cursor:pointer;
    padding-top:1px;
}
.lang a{
    color: #1d1e1b;
    background-color: white;
    border-radius: 4px;
    padding: 4px 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.alphaCymraeg{
	list-style-type: none; 
	text-indent: -2em;
}
.alphaCymraeg ul{
	list-style-type:decimal;
	text-indent: 2em;

}
.alphaCymraeg li:nth-child(1):before{
	content:"a) ";
	
}
.alphaCymraeg li:nth-child(2):before{
	content:"b) ";
	
}
.alphaCymraeg li:nth-child(3):before{
	content:"c) ";
}

.alphaCymraeg li:nth-child(4):before{
	content:"ch) ";
	
}
.alphaCymraeg li:nth-child(5):before{
	content:"d) ";
	
}
.alphaCymraeg li:nth-child(6):before{
	content:"dd) ";
	
}
.alphaCymraeg ul li:nth-child(1):before, .alphaCymraeg ul li:nth-child(2):before, .alphaCymraeg ul li:nth-child(3):before{
	content:" " !important;
}
table.basic{
	width:100%;
	table-layout:fixed;
}
table.basic tr{
	width:100%;
}
table.basic td, table.basic th{
	padding:5px;
	border:1px solid black;
	text-align:center;
	word-wrap: break-word;
	vertical-align:middle;
}
.basic td:nth-child(1){
	font-weight:bold;
}
.basic .boldRow td{
	font-weight:bold;
}
.alphaCymraeg{
	list-style-type: none; 
	text-indent: -2em;
}
.alphaCymraeg ul{
	list-style-type:decimal;
	text-indent: 2em;
}
.alphaCymraeg li:nth-child(1):before{
	content:"a) ";
	
}
.alphaCymraeg li:nth-child(2):before{
	content:"b) ";
	
}
.alphaCymraeg li:nth-child(3):before{
	content:"c) ";
}

.alphaCymraeg li:nth-child(4):before{
	content:"ch) ";
	
}
.alphaCymraeg li:nth-child(5):before{
	content:"d) ";
	
}
.alphaCymraeg li:nth-child(6):before{
	content:"dd) ";
	
}
.alphaCymraeg ul li:nth-child(1):before, .alphaCymraeg ul li:nth-child(2):before, .alphaCymraeg ul li:nth-child(3):before{
	content:" " !important;
}

.tdBold{
	font-weight:bold;
}
.secondTable td, .secondTable th{
	background:#e2b7b7;
}
.normal{
	padding-left:30px !important;
}
.normal, .normal li{
	list-style:circle !important;
	list-style-type:circle !important;
	text-align:left !important;
	
}
.lSPager {
	display:none;
}
.normal li{
	display:list-item !important;
}
#bodyWrapper{
	height:100%;
	text-align:center;
	
}

ol, ul{
	margin-left:40px;
	line-height:20px;
} 

.clear{
	clear:both;
	margin:0%;
	padding:0%;
}

#topBar{
	background:#1d1e1b;
	height:40px;
}

#logoSection{
	max-width:1200px;
	width:100%;
	margin:auto;
}
#logoSection img{
	width:100%;
}
.mainContent{
	max-width:1200px;
	width:90%;
	margin:auto;
	margin-top:20px;
}
.leftButtons{
	width:63px;
	float:left;
	margin-top:60px;
}

.uned{
	width:52px;
	height:43px;
	background:url('../img/tab_du.png') no-repeat;
	line-height:43px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:10px;
	cursor:pointer;
}

.uned img{
	margin-top:9px;
}
.uned.selected img{
	margin-top:20px;
}
.uned.selected{
	background:url('../img/tab_coch.png') no-repeat;
	width:72px;
	height:67px;
	line-height:67px;
	font-weight:bold;
	color:#FFFFFF;	
	margin-bottom:0px;
	
}

.uned.selected.unedUn{
	margin-top:-10px;
}
.uned.selected p{
	margin-left:-20px;
}

.rightContent{
	float:left;
	width:90%;
}

.mainBox{
	width:100%;
	background:#be2d2d;
	border-radius:10px;
	
	text-align:left;
	
}
.fullSize .mainBox{
	min-height:400px;
}

.paddingBox{
	padding:15px 40px 10px 30px;
	position:relative;
}

.adranName, .adranTitle, .subTitle{
	font-family:WickedGrit;
	color:#FFFFFF;
}

.adranName{
	font-size:36px;
}
.adranTitle{
	font-size:20px;
	padding-bottom:5px;
	border-bottom:1px dashed #FFFFFF;
}

.afterIpad, .mobile, .smallScreens, .hidden{
		display:none;
	}
	
.unedContent{
	margin-bottom:15px;
	border-radius: 10px;
}	
.closed .mainBox{
	background:#1d1e1b !important;
}
.sectionContent{
	display:none;
}
.unedTitle{
	color:#FFFFFF;
	font-weight:bolder;
	padding-bottom:5px;
	text-transform:uppercase;
	cursor:pointer;
}

.closed .paddingBox{
	display:none;
}
.closed .unedTitle{
	display:block;
	padding-bottom:15px;
}

.section .toggleArrow.closed{
	transform: rotate(270deg);
	padding-bottom:3px;

}

.section .toggleArrow.open{
	transform: rotate(0deg);
	padding-bottom:3px;

}
.section{
	position:relative;
	width:100%;
	font-family:WickedGrit;
	color:#FFFFFF;
	padding:10px;
	cursor:pointer;
}
.sectionID, .sectioName{
	display:inline-block
}
.sectionContent{
	width:95%;
	margin:auto;
}
.resourceWrapper{
	width:100%;
	background:#1d1e1b;
	margin-bottom:4px;
	color:#FFFFFF;
	border-radius:8px;
}

.fullSize .resource{
	width:100%;
}
.fullSize  .resource td{
	vertical-align:middle;
	padding:6px;
	font-size:14px;
	line-height:16px;
}

.fullSize .resource td:nth-child(4) {
	padding-left:2px;
}
.resourceID{
	font-weight:bolder;
	display:inline-block;
	height:100%;
	font-size:14px;
}
.fullSize  .resourceName{
	width:55%;

}
.fullSize  .resourceDetails{
	width:5%;
	min-width:50px;
	
}
.fullSize  .gweithgareddau{
	width:20%;
	
}
.fullSize  .gweithgaredd{
	background:#f0f1f1;
	float:right;
	margin-left:6px;
	border-radius:5px;
	width:100%;
	font-size:14px;
	padding-left:2px;
	font-family:openSans;
	font-size:14px;
}

.fullSize .gweithgaredd div{
	padding:5px 5px 0px 5px;
	line-height:32px;
}
.fullSize .gweithgaredd img{
	background:#1d1e1b;
	padding:5px;
	border-radius:5px;
	margin-bottom:5px;
	float:right;
	margin-left:10px;
}	
.gweithgareddau a, .gweithgareddau a:hover, .gweithgareddau a:focus, .gweithgareddaua:active{
	text-decoration:none;
	color:#1d1e1b;
}

.smallScreens .resource{
	padding:10px;
	
}
.smallScreens .resourceDetails{
	width:100%;
	
}

.smallScreens .resource td{
	padding:5px;
}
.smallScreens .gweithgareddau{
	width:100%;
	clear:both;
	font-size:14px;
	font-family:openSans;
	font-size:14px;
	margin-bottom:10px;
	margin-top:20px;
}
.smallScreens .gweithgaredd{
	background:#f0f1f1;
	border-radius:5px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:10px;
}
.smallScreens .gweithgaredd div{
	padding:5px 5px 0px 5px;
	line-height:32px;
	
}
.smallScreens .gweithgaredd img{
	background:#1d1e1b;
	padding:5px;
	border-radius:5px;
	margin-bottom:5px;
	float:right;
	margin-left:10px;
}	

/* Adnoddau Pages */

.hBtns{
	background:#1d1e1b;
	border-radius:8px;
	color:#FFFFFF;
	float:left;
	height:32px;
	line-height:23px;
	margin-right:5px;
	cursor:pointer;
}

.hBtns div{
	padding:5px;
}

.hBtns.home div{
	padding:5px 10px 5px 5px;
}
.hBtns.home img{
	float:left;
	margin-top:1px;
	margin-left:3px;
	margin-right:5px;
}
.adnoddID{
	font-weight:bolder;
}
#mainTitle{
	margin-bottom:5px;
}
#gweithgareddTitle{
	font-size:30px;
}
#hTitles{
	margin-top:20px;
	text-align:left;
}
#contentHeader{
	margin-top:-66px;
	position:relative;
	z-index:100000;
}

#adnoddContent{
	margin-top:20px;
	width:100%;
}
#adnoddCwestiwn{
	background:#be2d2d;
	border-radius: 10px;
	text-align:left;
	color:#FFFFFF;
	word-wrap: break-word;
}
#adnoddContent.blue #adnoddCwestiwn {
	background:#37929f;
}
#adnoddCwestiwnMawr{
	background:#1d1e1b;
	border-radius: 10px;
	text-align:left;
	color:#FFFFFF;
	margin-bottom:5px;
}

#adnoddCwestiwn a, #adnoddCwestiwn a:visited{
	color:#FFFFFF;
	word-wrap: break-word;
}

#adnoddCwestiwn a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
.setWidth{
	max-width: 1200px;
    width: 90%;
    margin: auto;
}

#adnoddCwestiwnWrapper, #cwestiwnMawrWrapper{
	padding:20px;
	position:relative;
}

#cwestiwnMawr h1, #adnoddCwestiwnTitle h1{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

#cwestiwnMawr p{

}
#hiddenQuestions{
	position:relative;
	
}
#cwestiwnArrow{
	margin-top:20px;
}
#cwestiwnArrow img{
	float:right;
	transition:0.5s;
}

.filterBtn{
	float:left; 
	width:20px;
	height:20px;
	padding:5px;
	line-height:20px;
	font-size:14px;
	background:rgba(29, 30, 27, 0.39);
	text-align:center;
	margin-left:5px;
	border-radius:5px;
	cursor:pointer;
}

.fixedMp3 {
    position: fixed;
    top: 0px;
    right: 0%;
    left: 0%;
    z-index: 10000000000;
    -webkit-box-shadow: 0px 2px 66px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 66px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 66px -6px rgba(0,0,0,0.75);
	background:#be2d2d;
	margin-top:0px !important;
	border-radius:10px;
	
}
.fixedMp3 p{
	padding:20px;
}	

.filterBtn:nth-child(2){
	margin-left:0px;
}
.filterBtn.active{
	background:#1d1e1b;
}

#hiddenQuestions div{
	margin-top:10px;
	line-height:20px;
	display:none;
}

#cwestiwnArrow{
	cursor:pointer;
}
.picTitle{
	font-size:24px;
}
.copyright{
	margin-top:4px;
	color:#666666;
}
#slider {
  position: relative;
  overflow: hidden;

  margin: 20px auto 0 auto;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width:100%;
	text-align:center;

 
}
#slider ul li img{
	width:100%;
}

.sliderContent{
	text-align:left;
	width:80%;
	margin:auto;
	text-align:left;
}

.sliderContent h1{
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
	
}

table.basic{
	width:100%;
	table-layout:fixed;
}
table.basic tr{
	width:100%;
}
table.basic td, table.basic th{
	padding:5px;
	border:1px solid black;
	text-align:center;
	word-wrap: break-word;
}


/* end */

#footer{
	margin-top:60px;
	margin-bottom:30px;
}
#footer img.fullSize, #footer img.afterIpad {
	width:90%;
	margin:auto;
	max-width:726px
}
#footer img.mobile {
	width:90%;
	margin:auto;
	max-width:269px;
}
@media only screen and (max-width: 1263px) {
	.fullSize .resourceName{
		width:40%;
	}
	
}

@media only screen and (max-width: 1113px) {
	.fullSize .resourceName{
		width:30%;
	}
	.fullSize .resourceDetails{
		width:1%;
	}
}

@media only screen and (max-width: 991px) {
	.fullSize .resourceName{
		width:60%;
		
	}
	.fullSize .resourceDetails{
		width:1%;
		
	}
	.fullSize .gweithgareddau{
		display:inline;
		width:45%;
		padding:0px !important;
	}
	.fullSize .first .gweithgaredd{
		margin-bottom:0px;
	}
	.fullSize .gweithgaredd{
		width:100%;
		margin:6px;
	}
}


@media only screen and (max-width: 840px) {
	.fullSize .resourceName{
		width:50%;
		
	}
}

@media only screen and (max-width: 718px) {
	.rightContent{
		width:87%;
	}

}


@media only screen and (max-width: 650px) {
	#contentHeader {
		margin-top:0px !important;
	}
	.fullSize, .mobile{
		display:none;
	}
	.afterIpad, .smallScreens{
		display:block;
	}
	.paddingBox{
		padding:15px 20px 10px 15px
	}

}

@media only screen and (max-width: 400px) {
	.fullSize, .afterIpad{
		display:none;
	}
	.mobile{
		display:block;
	}
	.paddingBox{
		padding:15px 20px 10px 15px
	}
	
}

