/*
*	Theme Name: Royal Commission on Ancient and Historical Monuments Wales
*   Theme URI: 	http://fourcommunications.com
*   Description: RCAHMW Website
*   Version: 1
*   Author: Four Communications
*   Author URI: http://four.cymru
*/

/*
*    COLOUR SWATCH
*    BRAND RED:         #D2232A;
*    BRAND PINK (COMP): #DB5973;
*    BRAND GRAY:        #4D4D4F;
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

* {
	transition: 			color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	-moz-transition: 		color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	-webkit-transition: 	color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

/* STANDARD HTML ELEMENTS */

html, body {
    font-family:         "Open Sans", Arial, sans-serif;
    font-size:           14px;
    font-weight:         400;
    color:               #4D4D4F;
    padding:             0px;
    margin:              0px;
}

a {
    text-decoration:     none;
    color:               #4D4D4F;
}

a.active {
	color: 				 #D2232A;
	border-bottom: 		 solid 2px #D2232A;
}

a:hover {
    text-decoration:     none;
    color:               #D2232A;
}

p {
    color:               #4D4D4F;
	line-height: 		 1.75;
}

p > a {
    color:               #D2232A;
    text-decoration: 	underline;
}

footer p > a, #twitter p > a, a.more, a.btn, a.more:hover, a.load:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:         300;
    font-family:         "Open Sans", Arial, sans-serif;
}

img {
    position:             relative;
    max-width:            100%;
    width:                100%;
    height:               auto;
}

article {
	margin: 			  30px 0px;
}

article .wp-post-image {
	width: 					100%;
	max-width: 				100%;
	height: 				auto;
}

article .wp-caption {
	max-width: 				100%;
}

article .wp-caption img {
	width: 					100%;
}

article img {
	width: 					auto;
	max-width: 				100%;
	height: 				auto;
	margin: 				0px auto;
}

article i {
	color: 					#D2232A;
}

ul {
	list-style-type: 	  square;
	list-style-position:  outside;
	padding: 			  0px;
	padding-left: 		  15px;
}

ul.children {
	margin-top: 	 	  27px;
}

ul.children > li {
	font-weight: 		  600; /* SEMI-BOLD (SONIA) */
}

ul.children > li:hover {
	color: 					#D2232A;
}

/* CSS OBJECTS */

a.btn, a.more, a.load {
	padding:               7.5px 12px;
	text-transform:        uppercase;
}

a.more, a.load {
	color: 				   #4D4D4F;
	border: 			   solid 1px #BFBFBF;
	border-radius: 		   3px;
	display: 			   inline-block;
	margin-top: 		   10px;
	width: 				   auto;
	font-weight: 		   700;
}

a.load {
	margin-top: 			30px;
	font-weight: 			700;
	text-align: 			center;
	text-transform: 		uppercase;
	background-color: 		#F6F6F6;
	border: 				solid 2px #E5E5E6;
	cursor: 				pointer;
	display: 				block;
}

a.btn, a.more:hover, a.load:hover {
    background-color:      #D2232A;
    color:                 #FFFFFF;
}

a.btn:hover {
    color:                 #FFFFFF;
    background-color:      #DB5973;
}

a.social {
	display:                 inline-block;
	border-radius:           3px;
	padding:                 5px;
	font-size:               24px;
	width:                   36px;
	height:                  36px;
	text-align:              center;
	margin-right:            5px;
	background-color: 		 #4D4D4F;
	color: 					 #FFFFFF;
}

a.social:hover {
	background-color: 		 #D2232A;
}

a.social > i {
	padding-top: 			 1px;
	vertical-align: 		 top;
}

div.box {
	background-color: 		 #F6F6F6;
	border: 				 solid 2px #E5E5E6;
	padding: 				 10px;
	margin-top: 			 30px;
	display: 				 none;
	overflow: 				 auto;
}

div.box i {
	color: 					 #D2232A;
}

div.box img {
	display:  				block;
	text-align:  			center;
	width: 					auto;
	min-height: 			225px;
	max-height: 			225px;
	margin: 				0px auto;
	object-fit: 			scale-down;
}

<!--[if IE]>
  div.box img {
	display:  				block;
	text-align:  			center;
	width: 					auto;
	min-height: 			auto;
	max-height: 			225px;
	margin: 				0px auto;
}
<![endif]-->

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     /* IE10+ CSS styles go here */
	  div.box img {
		display:  				block;
		text-align:  			center;
		width: 					auto;
		min-height: 			auto;
		max-height: 			225px;
		margin: 				0px auto;
	}
}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */
  	  div.box img {
		display:  				block;
		text-align:  			center;
		width: 					auto;
		min-height: 			auto;
		max-height: 			225px;
		margin: 				0px auto;
	}
}

_:-ms-fullscreen, :root div.box img { 		display:  				block;
		text-align:  			center;
		width: 					auto;
		min-height: 			auto;
		max-height: 			225px;
		margin: 				0px auto; }
ie11+ hack: _:-ms-lang(x), div.box img { 		display:  				block;
		text-align:  			center;
		width: 					auto;
		min-height: 			auto;
		max-height: 			225px;
		margin: 				0px auto; }


div.box h3 {
	font-size: 				 23px;
	font-weight: 			 400;
}

span.meta {
	margin-top: 			  10px;
	float: 					  right;
	text-align: 			  right;
	font-weight: 			  400;
}

div.alt-pad { /* REDUCES PADDING OF NESTED COLUMNS */
	padding-left: 			  5px;
	padding-right: 			  5px;
}

p.wp-caption-text {
	background-color: 		  #F6F6F6;
	border: 				  solid 2px #E5E5E6;
	border-top: 			  none;
	border-radius: 			  3px;
	margin: 				  0px;
	padding: 				  10px;
}

/* HEADER */

header {
    /*padding-top:          10px;
	margin-bottom:        10px;*/
}

header .col-sm-4 {
	padding: 10px;
}

header ul {
    text-align:           right;
    list-style-type:      none;
    padding:              0px;
    margin:               0px;
    vertical-align:       bottom;
}

header ul > li {
    display:             inline-block;
    padding:             5px 30px;
}

header ul > li:last-of-type {
    padding-right:       0px;
}

header ul > li > a:hover {
    /*border-bottom:       solid 2px #D2232A;*/
}

header ul#lang {
    line-height:         30px;
}

header ul#lang > li {
    padding:             0px;
}

header ul#lang > li > a {
    background-color:    		#D2232A;
    color:               		#FFF;
    border-bottom-left-radius:  20px;
    padding:             		7.5px 83px;
    text-transform:      		uppercase;
}

header ul#lang > li > a:hover {
    border-bottom:         none;
    background-color:      #DB5973;
}

@media (min-width: 1040px) {
	.menu-header-menu-container, .menu-header-menu-cymraeg-container {
	  border: none;
	  border: 0px;
	  margin: 0px;
	  padding: 0px;
	  font-size: 14px;
	  font-weight: bold;
	  width: auto;
	  padding-top: 50px;
	}
	.menu-header-menu-container ul, .menu-header-menu-cymraeg-container ul {
	  background: #fff;
	  height: 35px;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	.menu-header-menu-container li, .menu-header-menu-cymraeg-container li {
	  float: none;
	  padding: 0px;
	}
	.menu-header-menu-container li a, .menu-header-menu-cymraeg-container li a {
	  /*background: #fff url("assets/img/seperator.gif") bottom right no-repeat;*/
	  display: block;
	  font-weight: 300;
	  line-height: 35px;
	  margin: 0px;
	  padding: 5px 25px;
	  text-align: center;
	  text-decoration: none;
	}
	.menu-header-menu-cymraeg-container li a {
		padding: 5px 15px;
	}
	.menu-header-menu-container > ul > li > a, .menu-header-menu-cymraeg-container > ul > li > a {
	  color: #4D4D4F;
	}
	.menu-header-menu-container ul ul a, .menu-header-menu-cymraeg-container ul ul a {
	  color: #cccccc;
	}
	.menu-header-menu-container li > a:hover,
	.menu-header-menu-container ul li:hover > a,
	.menu-header-menu-cymraeg-container li > a:hover,
	.menu-header-menu-cymraeg-container ul li:hover > a {
	  background: #D2232A url("images/hover.png") bottom center no-repeat;
	  color: #ffffff;
	  text-decoration: none;
	}
	.menu-header-menu-container li ul, .menu-header-menu-cymraeg-container li ul {
	  background: #333333;
	  display: none;
	  height: auto;
	  padding: 0px;
	  margin: 0px;
	  border: 0px;
	  position: absolute;
	  width: 225px;
	  z-index: 200;
	  /*top:1em;*/
		left:0;
	  border-top: 2px solid #D2232A;

	}
	.menu-header-menu-container li:hover ul, .menu-header-menu-cymraeg-container li:hover ul {
	  display: block;
	  width: 100%;
	}
	.menu-header-menu-container li li, .menu-header-menu-cymraeg-container li li {
	  background: url('assets/img/seperator.gif') center right no-repeat;
	  display: inline-block;
	  float: none;
	  margin: 0px;
	  padding: 0px;
	  width: auto;
		background-size: 1px 15px;
	}
	.menu-header-menu-container li li:last-child, .menu-header-menu-cymraeg-container li li:last-child {
		background: none;
	}
	.menu-header-menu-container li:hover li a, .menu-header-menu-cymraeg-container li:hover li a {
	  background: none;
	}
	.menu-header-menu-container li ul a, .menu-header-menu-cymraeg-container li ul a {
	  display: block;
	  height: 35px;
	  font-size: 12px;
	  font-style: normal;
	  margin: 0px;
	  padding: 0px 10px 0px 15px;
	  text-align: center;
	}
	.menu-header-menu-container li ul a:hover,
	.menu-header-menu-container li ul li:hover > a
	.menu-header-menu-cymraeg-container li ul a:hover,
	.menu-header-menu-cymraeg-container li ul li:hover > a {
	  background: #F3F3F3 url('images/hover_sub.png') center left no-repeat;
	  border: 0px;
	  color: #4D4D4F;
	  text-decoration: none;
	}
	.menu-header-menu-container p, .menu-header-menu-cymraeg-container p {
	  clear: left;
	}
	.menu-header-menu-container ul ul li, .menu-header-menu-cymraeg-container ul ul li {
	  position: relative;
	}
	.menu-header-menu-container ul ul ul, .menu-header-menu-cymraeg-container ul ul ul {
	  left: -9999px;
	  top: 0;
	}
	.menu-header-menu-container ul ul li:hover > ul, .menu-header-menu-cymraeg-container ul ul li:hover > ul {
	  left: 100%;
	}
	.menu-header-menu-container.align-center > ul > li, .menu-header-menu-cymraeg-container.align-center > ul > li {
	  display: inline-block;
	  float: none;
	}
	.menu-header-menu-container.align-center > ul, .menu-header-menu-cymraeg-container.align-center > ul {
	  text-align: center;
	}
	.menu-header-menu-container > ul > li, .menu-header-menu-cymraeg-container > ul > li {
	  position: initial;
	}
	.menu-header-menu-container.align-right > ul > li, .menu-header-menu-cymraeg-container.align-right > ul > li {
	  /*float: right;*/
	}
	/*.menu-header-menu-container.align-right > ul > li:hover > ul {
	  right: 0;
	  left: auto;
	  text-align: right;
	}
	.menu-header-menu-container.align-right ul ul li a {
	  text-align: right;
	}
	.menu-header-menu-container.align-right ul ul li:hover > ul {
	  left: auto;
	  right: 100%;
	}*/
	header .row .col-sm-8 {
		position: unset;
		text-align: right;
	}
	header ul > li:last-of-type a {
		/*padding-right: 0;*/
	}
	header ul ul {
		text-align: center;
	}
	#lang, #searchform {
		display: inline;
	}
}

/* WELSH MENU - LENGTH FIX */
ul#menu-header-menu-cymraeg li {
	/*padding-left: 			15px;
	padding-right: 			15px;*/
}

ul#menu-header-menu-cymraeg li:last-of-type {
	padding-right: 			0px;
}

form.search {
    text-align:             right;
    margin:                 0px 0px 10px 0px;
}

form.search input {
	width: 					230px;
    padding:                5px 12px;
    border:                 solid 1px #BFBFBF;
    /*border-radius:          3px;*/
    background:             url("assets/img/search.png");
    background-repeat:      no-repeat;
    background-position:    right 10px top 7.5px;
    background-size:        18px 15.5px;
	border-bottom-right-radius: 20px;
	background-color:		#ededed;
}

form.search input:focus {
    border-color:           #D2232A;
}

/* FRONT - BANNER */

div#banner {
    width:                 100%;
    height:                500px;
    position:              relative;
    text-align:            center;
}

div#overlay {
    position:              absolute;
    top:                   0;
    left:                  0;
    width:                 100%;
    height:                100%;
    background-color:      rgba(0, 0, 0, 0.3);
}

div.centered {
    width:                 100%;
    position:              absolute;;
    top:                   50%;
    left:                  50%;
    margin-top:            150px;
    margin-left:           -50%;
}

div#banner h1 {
    color:                 #FFFFFF;
    font-weight:           300;
    /*margin:                0px auto;*/
    width:                 50%;
	text-align:				left;
	font-weight:			normal;
}

div#banner p {
    margin:                40px 0px;
}

div#banner a {
    border:                solid 0px #D2232A;
    border-radius:         0;
    padding:               10px 24px;
    color:                 #FFFFFF;
    font-size:             16px;
	background-color:		#D2232A;
}

div#banner a:hover {
    background-color:      #fff;
	color:				   #D2232A;
}

.carousel-slider-hero__cell__heading {
	font-weight: normal;
	max-width: 50%;
}

#id-9544 .carousel-slider-nav-icon {
	background-color: #d2232a;
}

.carousel-slider .owl-nav button.owl-next {
	top: unset;
	bottom: 0;
	right: 5%;
}

.carousel-slider .owl-nav button.owl-prev {
	top: unset;
	bottom: 0;
	right: 10%;
	left: unset;
}

/* FRONT - GRID */

div#latest {
	margin-top: 		 	10px;
}

div.grid {
	position: 				relative;
	text-align: 			center;
	margin-bottom: 			10px;
}

div.grid img {
	height: 				276px; /* HEIGHT OF IMAGES */
	object-fit: 			cover;
}

div.grid a {
	display: 				block;
	color: 					#FFFFFF;
}

div.grid h4 {
	background-color: 		rgba(0, 0, 0, 0.5);
	width: 					100%;
	padding: 				10px;
	position: 				absolute;
	bottom: 				0;
	left: 					0;
	margin: 				0px;
}

div.grid h4 > a, div.grid h2 > a {
	color: 					#FFFFFF;
}

div.grid:hover h4 {
	background-color: 		rgba(0, 0, 0, 1);
}

div.red {
	background-color: 		#D2232A;
	color: 					#FFFFFF;
	height: 				276px;
	width: 					100%;
  	display: 				flex;
  	justify-content: 		center;
  	align-items: 			center;
}

div.gray {
	background-color: 		#4D4D4F;
	color: 					#FFFFFF;
	height: 				276px;
	width: 					100%;
	display: 				flex;
	justify-content: 		center;
	align-items: 			center;
}

div.red:hover, div.gray:hover {
	background-color: 		#333333;
}

div.red h2, div.gray h2 {
	font-weight: 			300;
	text-transform: 		uppercase;
	margin: 				0px;
}

div.red h2 > i, div.gray h2 > i {
	padding-bottom: 	 	10px;
}

span.tag {
	position: 				absolute;
	top: 					0;
	right: 				    0;
	padding: 				10px;
	background-color: 		#D2232A;
	color: 					#FFFFFF;
	text-transform: 		uppercase;
	text-align: 			center;
	font-size: 				12px;
}

/* FRONT - SERVICES */

div#services {
    width:                 100%;
    padding:               60px 0px;
    text-align:            center;
	margin-bottom: 		   -20px; /* PULL FOOTER UP ON FRONT PAGE */
}

div#services h1 {
    margin:                 10px 0px;
    text-transform:         uppercase;
}

div#services p {
    width:                 80%;
    margin:                20px auto 40px auto;
    font-size:             16px;
}

div#service-grid {
    padding:                10px 0px;
    border-top:             dotted 2px #A9A9A9;
}

div#service-grid h3 {
    text-transform:         uppercase;
}

div#service-grid p {
    font-size:              14px;
}

div#service-grid img {
	margin: 				30px auto 0px auto;
	width: 					auto;
	height: 				auto;
}

/* PAGES */

div#featured {
	width: 					100%;
	height: 				650px;
	position: 				relative;
}

div#featured img {
	max-width: 				100%;
	width: 					100%;
	height: 				auto;
}

/* SINGLE */

div#share a > i {
	background-color: 		#D2232A;
	color: 					#FFFFFF;
	width: 					50px;
	height: 				50px;
	text-align: 			center;
	margin-right: 			10px;
	font-size: 				20px;
	vertical-align: 		middle;
	display: 				table-cell;
}

div#share a > i:hover {
	background-color: 		#333333;
}

/* SIDEBAR */

div#twitter {
	margin-top: 			30px;
}

div.front div#twitter {
	margin-top: 			0px;
}

div.front div#twitter-feed {
	height: 				515px; /* FRONT GRID HACK */
	overflow-y: 			scroll;
}

div#twitter-feed {
    background-color:       #F3F3F3;
    padding:                10px 20px;
}

div#twitter h3 {
    background-color:       #333333;
    font-size:              16px;
	font-weight: 			400;
    text-transform:         uppercase;
    text-align:             center;
    padding:                15px 20px;
    color:                  #FFFFFF;
	margin: 				0px;
}

span.name, span.time {
    font-weight:            400;
}

span.time {
    color:                  #A4A4A4;
    float:                  right;
}

div.tweet {
    padding:                10px 0px;
    width:                  100%;
    border-bottom:          solid 1px #FFFFFF;
}

div.tweet:last-of-type {
    border-bottom:           none;
}

/* CONTACT PAGE */

div#map {
	width: 					100%;
	height: 				650px;
	margin-top: 			20px;
}

div#details {
	margin-top: 			40px;;
}

div#details p {
	display: 				table;
}

span.icon, span.info {
	display: 				table-cell;
	vertical-align: 		 middle;
}

span.icon {
	padding-right: 			10px;
}

span.icon > i {
	color: 					#D2232A;
	border-radius: 			50%;
	border: 				solid 2px #D2232A;
	width: 					40px;
	height: 				40px;
	font-size: 				24px;
	padding: 				5px;
	text-align: 			center;
}

/* CONTACT FORM */

form#contact {
	white-space: 			nowrap;
}

form#contact input, form#contact textarea, form#contact select {
	position: 				relative;
	background-color: 		#F6F6F6;
	border: 				solid 2px #E5E5E6;
	border-radius: 			3px;
	padding: 			    10px 12px;
	display: 				block;
	width: 					100%;
	margin-bottom: 			20px;
}

form#contact input:focus, form#contact select:focus, form#contact textarea:focus {
	border-color: 			#D2232A;
}

form#contact input[type="submit"] {
	background-color: 		#D2232A;
	color: 				    #FFFFFF;
	text-transform: 		uppercase;
	border: 				none;
	width: 					auto;
	padding: 				10px 24px;
}

form#contact input[type="submit"]:hover {
	background-color: 		#DB5973;
}

div.input-group {
	width: 					100%;
}

div.inline {
	display: 				inline-block;
	width: 					50%;
	box-sizing: 			border-box;
	white-space: 			normal;
	vertical-align: 		top;
}

div.inline:first-of-type {
	padding-right: 			20px;
}

div.third {
	width: 					33%;
}

div.third:nth-child(2) {
	padding-right: 			20px;
}

/* SINGLE - EVENT */
table {
	background-color: 		#F6F6F6;
	border: 				solid 2px #E5E5E6;
	margin: 				20px 0px;
}

td {
	padding: 				10px;
	background-color: 		#F6F6F6;
	border: 				solid 2px #E5E5E6;
}

/* FOOTER SECTION */

footer {
	margin-top: 			20px;
    padding:                20px 0px;
    width:                  100%;
    background-color:       #333333;
}

footer ul {
	color: 					#FFFFFF;
	-webkit-column-count:  	2;
	-moz-column-count:  	2;
	-o-column-count:  		2;
	column-count:  			2;
	padding: 				0px;
	margin: 				0px;
	list-style-position:  	inside;
}

footer p, footer a {
    color:                  #FFFFFF;
}

footer p > a.social {
    background-color:        #FFFFFF;
    color:                   #333333;
	width: 					 28px;
	height: 				 28px;
	font-size: 				 18px;
}

footer p > a.social:hover {
    background-color:         #D2232A;
    color:                    #FFFFFF;
}

footer p > a.social > i {
	padding-top: 				0px;
}

footer h3 {
	color: 						#FFFFFF;
	margin: 					0px 0px 10px 0px;
	text-transform: 			uppercase;
	font-weight: 				300;
}

footer .menu .sub-menu {
    display: none;
}

/* BREADCRUMBS */

div.breadcrumbs {
	color: 						#FFFFFF;
	background-color: 			#333333;
	padding: 					10px;
	margin: 					0px;
	width: 						100%;
}

div.breadcrumbs * {
	color: 						#FFFFFF;
}

div.breadcrumbs a {
	color: 						#FFFFFF;
	font-weight: 				600;
}

/* RESPONSIVE STYLESHEET */

ul.mobile {
	text-align: 			left;
	background-color: 		#333333;
	display: 				none;
	width: 					100%;
	position: 				fixed;
	top: 					0;
	left: 					0;
	margin: 				0px;
	z-index: 				99999;
}

ul.mobile > li {
	width: 					100%;
	padding: 				15px;
	cursor: 				pointer;
	color: 					#FFFFFF;
}

ul.mobile > li > i {
	float: 					right;
	margin-top: 			4px;
	margin-right: 			10px;
}

#mega-menu-wrap-header-menu .mega-menu-toggle { 
	margin: 0px 0px;
	border-radius: 0px;

}

.lang_form {
	padding: 0px !important;
}

.lang_form .form {
	padding: 3px !important;
}


@media only screen and (max-device-width: 767px) {
	
	.logo_image img {
		width: 50%;
	}

}



/* MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {

	.logo_image img {
		width: 100%;
	}

	
	ul.mobile {
		display: 			block;
	}

	header {
		text-align: 		center;
		margin-bottom: 		0px;
		margin-top: 		0px;
	}

	.customize-support header {
		margin-top: 		0;
	}

	header ul.menu {
		display: 			none;
		position: 			fixed;
		top: 				40px;
		left: 				0px;
		background-color: 	#333333;
		width: 				100%;
		text-align: 		center;
		z-index: 			99999;
	}

	header ul.menu > li {
		display: 			block;
		padding: 			10px 0px;
	}
	header ul > li {
		display: block;
	}

	header ul.menu li:last-of-type {
		padding-right: 		0px;
	}

	header ul.menu > li > a {
		color: 				#FFFFFF;
	}
	header ul.sub-menu {
		text-align: center;
	}

	header img {
		margin-top: 		0px;
	}

	form.search {
		text-align: 		center;
		width: 				100%;
	}

	form.search > input {
		width: 				100%;
		border-bottom-right-radius: 0;
	}

	p.sponsor {
		text-align: 		center!important;
		margin-top: 		20px;
	}

	ul#lang {
		position: 			absolute;
		top: 				-85px;
		right: 				0px;
	}
	
	header ul#lang > li > a {
		padding: 7.5px 15px;
	}

	div#banner {
		height: 			325px;
	}

	div#banner h1 {
		width: 				100%;
	}

	div.centered {
		margin-top: 		90px;
	}

	h1 {
		font-size: 			24px;
	}

	form#contact {
		white-space:  		normal;
	}

	div.inline {
		width: 				100%;
		padding-right: 		0px!important;
		display: 			block;
	}
}


/* MOBILE (PORTRAIT) */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: portrait) {
	
}


/* MOBILE (LANDSCAPE) */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) {

	

}


/* TABLET */
@media only screen and (min-device-width: 728px) and (max-device-width: 1024px) {

	

	header {
		margin-bottom: 		10px;
		margin-top: 		58px;
	}

	.customize-support header {
		margin-top: 		0;
	}

	span.meta {
		font-size: 		12px;
	}

	div.grid img, div.red, div.gray {
		height: 		230px; /* RENDERS NICELY */
	}

	div.front div#twitter-feed {
		height: 		422px;
	}
}

/* TABLET (PORTRAIT) */
@media only screen and (min-device-width: 728px) and (max-device-width: 1024px) and (orientation: portrait) {
	ul.menu li {
		padding: 		5px 10px;
	}

	div.grid img, div.red, div.gray {
		height: 		175px; /* RENDERS NICELY */
	}

	div.front div#twitter-feed {
		height: 		312px;
	}

	form#contact {
		white-space:  		normal;
	}

	div.inline {
		width: 				100%;
		padding-right: 		0px!important;
		display: 			block;
	}
}

/* TABLET (LANDSCAPE) */
@media only screen and (min-device-width: 728px) and (max-device-width: 1024px) and (orientation: landscape) {
	ul.menu li {
		padding: 		5px 15px;
	}

	ul#menu-header-menu-cymraeg li {
		padding-right: 	0px;
		padding-left: 	14px;
	}
}