body {

    padding-top: 70px;

    margin-bottom: 60px;

}

p {

  margin-top: 0em;

  margin-bottom: 1em;

}

.boxarticle {

	color: black;

	width: 46%;

	font-family: Constantia, Calibri, Helvetica, Verdana, Geneva, sans-serif;

	font-size: 18px;

	text-align: left;

	margin-right: 27%;

	padding-top: 2px;

	padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 60px;

	float: right;

	display: block;

	z-index: 2;

	position: relative;

	background-color: #FFF;

	-webkit-box-shadow: 0px 15px 30px 0px rgba(50, 50, 50, 0.25);

	-moz-box-shadow: 0px 15px 30px 0px rgba(50, 50, 50, 0.25);

	box-shadow: 0px 15px 30px 0px rgba(50, 50, 50, 0.25);

	line-height: 175%;

}

.boxarticle a {

	color: #090;

	text-decoration:none;

}

.boxarticle a:visited {

	color: #090;

}

.boxarticle a:hover {

	color: black;

}

#box1 {

	background-color: #4F0000;

}

#box2 {

	background-color: #963;

}

#box3 {

	background-color: #930;

}

#box4 {

	background-color: #900;

}

#box5 {

	background-color: #990;

}

#box6 {

	background-color: #993;

}

#box7 {

	background-color: #036;

}

#box8 {

	background-color: #636;

}

#box9 {

	background-color: #303;

}

#box10 {

	background-color: #2F7524;

}

#box11 {

	background-color: #1B541C;

}

#box12 {

	background-color: #163818;

}

#box13 {

	background-color: #C8D0CE;

	padding-left: 8px;

}

#box14 {

	background-color: #C2C9E0;

}

#box15 {

    background-color: #08ADFF;

}

#box16 {

    background-color: #FFCA2A;

    color: #5D5D5D;

}

#box17 {

    background-color: #E5E600;

}

#box18 {

    background-color: #1A75FF;

}

#box19 {

    background-color: #C4B97B;

}

#box20 {

    background-color: #93CEFF;

    color: #3C3C3C;

}

#box21 {

    background-color: #E1E1E1;

    color: #3C3C3C;

}

#box22 {

    background-color: #D7E7C7;

    color: #000;

}

#boxgray {

    background-color: #5D5D5D;

}

#gray1 {

	background-color: #18161D;

}

#gray2 {

	background-color: #282732;

}

#gray3 {

	background-color: #302F3E;

}

#gray4 {

	background-color: #3C3C3C;

}

#gray5 {

	background-color: #434150;

}

#gray6 {

	background-color: #B1AEB5;

}

#gray7 {

	background-color: #4A4A4A;

}

#green1 {

	background-color: #002D00;

}

#green2 {

	background-color: #060;

}

#green3 {

	background-color: #164A11;

}

#green4 {

	background-color: #3E8002;

}

#green5 {

	background-color: #09752C;

}

#green6 {

	background-color: #334E18;

}

#red1 {

	background-color: #3F0101;

}

#red2 {

	background-color: #520101;

}

#red3 {

	background-color: #680202;

}

#red4 {

	background-color: #7D0202;

}

#red5 {

	background-color: #920303;

}

#red6 {

	background-color: #A70303;

}

#red7 {

	background-color: #BE0303;

}

#red8 {

	background-color: #D00404;

}

#red9 {

	background-color: #E60404;

}

#red10 {

	background-color: #F90404;

}

#red11 {

	background-color: #FB1C1C;

}

#red12 {

	background-color: #FB2F2F;

}

#white {

	background-color: #FFF;

}

#black {

    background-color: #000;

}

#darkblue {

    background-color: #0068BD;

}

.page-header {

    margin-top: 0px;

}

.panel-body {

    padding-top: 0px;

    font-size: 16px;

    line-height: 160%;

}

.panel-heading {

    margin-bottom: 3px;

}

audio {

    max-width: 100%;

    min-width: 100%;

}

.current {

    position: relative;

    /* background: url('/themes/planet/assets/images/224/brexit.jpg') no-repeat center center; */
    /* amended 02.02.2017 to update the banner on the 'current issue' page*/
    background: url('/themes/planet/assets/images/225/brexit_5.jpg') no-repeat center center;

    width: 100%;

    height: 100%;

    background-size: cover;

    overflow: hidden;

    color: white;

    text-align: right;

}

.excerpts {

    position: relative;

    background: url('/themes/planet/assets/images/excerptsicon.png') no-repeat center center;

    width: 100%;

    height: 100%;

    background-size: cover;

    overflow: hidden;

}

.planetonline {

    position: relative;

    background: url('/themes/planet/assets/images/bkgrd4.jpg') no-repeat center center;

    width: 100%;

    height: 100%;

    background-size: cover;

    overflow: visible;

}



.cardiff {

    position: relative;

    background: url('/themes/planet/assets/images/hysbys/encap-oct-2016.jpg') no-repeat center center;

    background-size: contain;

    overflow: hidden;

}



.btn-sharp{

	background: transparent;

	color: #F2F2F2;

    border-radius: 0;

	/* CSS Transition */

	-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;

	-moz-transition: background .2s ease-in-out, border .2s ease-in-out;

	-ms-transition: background .2s ease-in-out, border .2s ease-in-out;

	-o-transition: background .2s ease-in-out, border .2s ease-in-out;

	transition: background .2s ease-in-out, border .2s ease-in-out;

}

.btn{

	-webkit-border-radius: 0;

	-moz-border-radius:    0;

	border-radius:         0;

}

.img-center{

    margin: auto;

}

.small-text{

    font-size: 12px;

    font-family: Arial;

}

.post-content {

    background: none repeat scroll 0 0 #000;

    color: #FFF;

    opacity: 0.6;

    margin: -50px 6px 6px; 

    position: absolute;

    padding: 2px;

    max-width: 75%;

}

.thumbnail.with-caption {

    width: 100%;

  display: inline-block;

  background: #f5f5f5;

}

.thumbnail.with-caption p {

  margin: 0 0.5em 0 0.5em;

  padding-top: 0.5em;

}

.thumbnail.with-caption small:before {

  content: '\2014 \00A0';

}

.thumbnail.with-caption small {

  width: 100%;

  text-align: right;

  display: inline-block;

  color: #999;

}

.poetry {

    margin-left: 50px;

    color: gray;

    margin-top: 20px;

    margin-bottom: 20px;

}

.homepage {

    min-height: 250px;

    color: #FFF;

    margin-bottom: 10px;

}

.img-fit {

    max-height: 160px;

}

.homepage-excerpts {

    border-left-style: solid;

    border-color: black;

    border-width: 1px;

    min-height: 250px;

    color: #000;

    margin-bottom: 15px;

}

html {

  position: relative;

  min-height: 100%;

}

.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 50px;

  background-color: #f5f5f5;

}

.panel-body {

    font-size: 18px

}

.lead {

    padding-top: 20px;

}

.podcast {

    min-height: 250px;

    color: #FFF;

    margin-bottom: 30px;

    padding-top: 50px;

    text-align: center;

    font-size: 13px;

}

.panel-default > .panel-heading-green {

  background-image: none;

  background-color: #288a28;

  color: #FFF;

}

.panel-default > .panel-heading-orange {

  background-image: none;

  background-color: #ffb84d;

  color: #FFF;

}

.panel-default > .panel-heading-blue {

  background-image: none;

  background-color: #4d79ff;

  color: #FFF;

}

.panel-default > .panel-heading-lightblue {

  background-image: none;

  background-color: #7f96a4;

  color: #FFF;

}

.panel-default > .panel-heading-red {

  background-image: none;

  background-color: #a93f42;

  color: #FFF;

}

.panel-default > .panel-heading-grey {

  background-image: none;

  background-color: #8c8c8c;

  color: #FFF;

}

.panel-default > .panel-heading-lightgrey {

  background-image: none;

  background-color: #cdcdcd;

  color: #FFF;

}

.panel-default > .panel-heading-yellow {

  background-image: none;

  background-color: #bbad55;

  color: #FFF;

}

.panel-default > .panel-heading-darkgreen {

  background-image: none;

  background-color: #5c714f;

  color: #FFF;

}

.panel-muted > .panel-heading-green {

  background-image: none;

  background-color: #288a28;

  color: #FFF;

}

.panel-muted > .panel-heading-darkgreen {

  background-image: none;

  background-color: #5c714f;

  color: #FFF;

}

.panel-muted > .panel-heading-orange {

  background-image: none;

  background-color: #ffb84d;

  color: #FFF;

}

.panel-muted > .panel-heading-blue {

  background-image: none;

  background-color: #4d79ff;

  color: #FFF;

}

.panel-muted > .panel-heading-lightblue {

  background-image: none;

  background-color: #7f96a4;

  color: #FFF;

}

.panel-muted > .panel-heading-red {

  background-image: none;

  background-color: #a93f42;

  color: #FFF;

}

.panel-muted > .panel-heading-grey {

  background-image: none;

  background-color: #8c8c8c;

  color: #FFF;

}

.panel-muted > .panel-heading-lightgrey {

  background-image: none;

  background-color: #cdcdcd;

  color: #FFF;

}

.panel-muted > .panel-heading-yellow {

  background-image: none;

  background-color: #bbad55;

  color: #FFF;

}

.white-title:link {

    color: #FFF;

    text-decoration: none;

}

.white-title:hover {

    color: #333333;

    text-decoration: none;

}

.booktext {

    font-size: 14px;

    line-height: 1.2;

}

.featurette-divider {

  margin: 80px 0;

}

 .featurette {

  padding-top: 120px;

  overflow: hidden; /* Clear floats */

}

 .featurette-image {

  margin-top: −120px; /* Vertically center image with the text */

}

 .featurette-heading {

  font-size: 50px;

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}

 .featurette-image.pull-left {

  margin-right: 40px;

}

 .featurette-image.pull-right {

  margin-left: 40px;

}

/* Fade out subscriber-only content */
.fader { position: absolute; width: 100%; height: 150px; margin-top: -150px; 
         background: -moz-linear-gradient(bottom,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ 
}