/*
Theme Name: Positively UK Test
Theme URI: 
Description: Test theme for Pos UK website
Author: Rob Hayes
Author URI: http://ruckthis.co.uk/wordress
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/


*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap.min.css'); 
body { 
     padding-top: 60px; 
     padding-bottom: 40px; 
}


.modal-dialog {
width: 540px
}

.img page {
position: relative;
left: -30px
}

.excerpt-img {
float: left;
margin: 10px 10px 10px 0px;
}

.p-white {
color: #ffffff
}

.main-page-contact {
background-image:url('http://testbed.org.uk/puk1/wp-content/uploads/2015/07/Contact-Background-2.png');
position: relative; 
height: 363px;
border-radius: 15px 15px 15px 15px/ 15px 15px;
}

.main-page-contact-email {
/*background-image:url('http://testbed.org.uk/puk1/wp-content/uploads/2015/07/Contact-Background-2.png');*/
background-image:url('http://testbed.org.uk/puk1/wp-content/uploads/2015/07/Contact-Background-2.png');
height: 363px;
border-radius: 15px 15px 15px 15px/ 15px 15px;
}

.main-page-tiles {
border: 1px;
height:200px; 
}

.main-page-slogan {
font-size: 34px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
margin: 0px;
}

.main-page-questions {
font-size: 34px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
margin: 0px;
}

.personal-stories {
background-color:rgb(243,112,48);
}

.personal-stories-women {
background-color:rgb(102,177,76);
}
.personal-stories-men {
background-color:rgb(233,88,106);
}
.personal-stories-youth {
background-color:rgb(142,70,144);
}

.personal-stories-p {
color: #FFFFFF;
}

.personal-stories-p a:link { color: #fff; }
.personal-stories-p a:visited { color: #fff; }
.personal-stories-p a:hover { color: #fff; }
.personal-stories-p a:active { color: #fff; }

.posukorange {
color:rgb(243,112,48);
}

h1,h2 {
color:rgb(243,112,48);
}

figure {
  display: block;
  max-width: 295px;
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 0px 0px 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

.main-contact {
font-size: 20px;
color: #FFF;
text-align:center;
line-height: 32px;
width: 95%;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 7px;
margin-left: 7px;
padding-top: 7px;
border: 2px solid #FFF;
border-radius: 15px 15px 15px 15px/ 15px 15px;
 -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}

.main-contact:hover {
font-size: 20px;
color: rgb(243,112,48);
text-align:center;
line-height: 32px;
width: 95%;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 7px;
margin-left: 7px;
padding-top: 7px;
background-color: #FFF;
border: 2px solid #FFF;
border-radius: 15px 15px 15px 15px/ 15px 15px;
}

.main-contact-email {
font-size: 19px;
color: #FFF;
text-align:center;
line-height: 32px;
width: 95%;
margin-top: 15px;
margin-bottom: 0px;
margin-right: 7px;
margin-left: 7px;
padding-top: 9px;
padding-bottom: 7px;
border: 2px solid #FFF;
border-radius: 15px 15px 15px 15px/ 15px 15px;
}

a.contact-email {
color: #FFF;
text-decoration: none; 
}

.tile-title {
font-size: 28px;
font-weight: bold;
margin: 10px;
padding-left: 10px
}

.tile-title-white {
font-size: 28px;
font-weight: bold;
margin: 10px;
color: #FFF;
text-align: center;
vertical-align: middle;
}


.pg-img-orange {
border: 10px solid rgb(243,112,48)
}

.pg-img-purple {
border: 10px solid rgb(142,70,144);
}

.pg-img-green {
border: 10px solid rgb(102,177,76)
}

.pg-img-red {
border: 10px solid rgb(233,88,106)
}

#sidebar {
color:rgb(243,112,48);
overflow: auto;
padding-left:5px;
}

.donate {background-color:rgb(102,177,76); 
color:#FFF;
}

.orange {
background-color:rgb(243,112,48);
border: 10px solid rgb(243,112,48)
}

.orange-no-border {
background-color:rgb(243,112,48);
color:white;
}

.orange-no-border p {
margin:10px;
}

.red {
background-color:rgb(233,88,106);
border: 10px solid rgb(233,88,106);
}

.green {
background-color:rgb(102,177,76);
border: 10px solid rgb(102,177,76)
}

.purple {
background-color:rgb(142,70,144);
border: 10px solid rgb(142,70,144);
}

.purple-no-border {
background-color:rgb(142,70,144);
color:white;
}

.purple-no-border p {
margin:10px;
}


.white {
background-color: #fff;
border: 10px solid #fff;
color: #000000
}

.grey {
background-color: #F0F0F0;
border: 10px solid #F0F0F0; 
}

.padding {
margin-left: 10px
}

.page-intro {
font-size: 18px;
color: #ffffff;
vertical-align: middle;
}

.page-intro2 {
font-size: 18px;
color: #ffffff;
vertical-align: middle;
}

.scrollspy-example {
position: relative;
height: 400px;
margin-top: 10px;
overflow: auto;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover {
    background-color: rgb(243,112,48);
}

.dropdown-menu {
    background-color: #F0F0F0;
}

.orangebg {
background-color:rgb(243,112,48);
}

.redbg {
background-color:rgb(233,88,106);
}

.greenbg {
background-color:rgb(102,177,76);
}

.purplebg {
background-color:rgb(142,70,144);
}

.whitebg {
background-color: #fff;
}

.greybg {
background-color: #F0F0F0;
}

.padding {
padding-left:10px;
padding-right:10px
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;

}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.p100-nav {
font-size: 20px;
color: #FFF;
text-align:center;
line-height: 32px;
padding-top: 7px;
padding-bottom: 7px;
background-color: rgb(243,113,49);
border-bottom: 2px solid #FFF;
}

.p100-nav:hover {
font-size: 20px;
color: #FFF;
text-align:center;
line-height: 32px;
padding-top: 7px;
padding-bottom: 7px;
background-color: rgb(106,180,51);
border-bottom: 2px solid #FFF;
}

.p100-nav-current {
font-size: 20px;
color: #FFF;
text-align:center;
line-height: 32px;
padding-top: 7px;
padding-bottom: 7px;
background-color: rgb(106,180,51);
border-bottom: 2px solid #FFF;
}

.p100-nav a:link { color: #fff; }
.p100-nav a:visited { color: #fff; }
.p100-nav a:hover{ color: #fff; text-decoration: none; }
.p100-nav a { display: block; }

.p100-button {
font-size: 24px; font-size: 1.9vw;
color: #FFF;
text-align:center;
}

.p100-button:hover {
font-size: 24px;  font-size: 1.9vw;
color: #FFF;
/* font-style: italic; */
text-align:center;
text-shadow: 0px 0px 3px #CCC;
}

.submit-button {
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 7px;
background-color: #6AB433;
border-radius: 5px;
border-color: #6AB433;
border-style: solid
}

.submit-button:hover {
font-size: 15px;
color: #fff;
font-weight: bold;
padding: 7px;
background-color: #f37131;
border-radius: 5px;
border-color: #f37131;
border-style: solid
}

.p100-heading {
color: #f37131;
padding-top: 15px;
}

.display-posts-listing .title {
font-weight: bold;
}

.customHr {
width: 75%;
height: 1px;
background: #F37131;
overflow: hidden;
margin: auto;
}