/*
Theme Name: Population Matters
Theme URI: http://www.ukcentric.com/
Author: Taylor Young
Author URI: http://hyprtxt.com/
Template: bootstrap-four
Description: Bootstrap theme for Population Matters - child of Bootstrap Four
Version: 2
License: MIT
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, right-sidebar, responsive-layout, fluid-layout, custom-menu
Text Domain: bootstrap-four

bootstrapfour WordPress Theme, Copyright 2015 Taylor Young.
*/

/* The bootstrap.css file is auto-enqueued in functions.php, also font-awesome */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't make me be the bad guy and erase all your hard work with a theme update. I don't want to destroy your world. A child theme template is in the works, watch the GitHub repo (https://github.com/Hyprtxt/bootstrapfour) to keep up with developments */


/* * * * * * * * * * * * * * *
 * WordPress Content Classes
 * * * * * * * * * * * * * * */

img {
  border: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}
.alignright {
  display: inline;
  float: right;
  margin: 0.4rem 0 1.1rem 1.6rem;
}
.alignleft {
  display: inline;
  float: left;
  margin: 0.4rem 1.6rem 1.1rem 0;
}
.aligncenter {
  display: block;
  margin: 0.4rem auto 1.6rem auto;
}
.wp-caption {
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}
.wp-caption-text {
font-size: 0.8rem;
line-height: 1.2rem;
margin-top: 0.5rem;

}
.sticky {
  background: #f7f7f9;
  padding: 1rem;
}
.bypostauthor {
  background: #f7f7f9;
  padding: 0.5rem;
}
.gallery-caption {
  font-weight: bold;
}
/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
/* * * * * * * * * * * * * * *
 * ??? profit
 * * * * * * * * * * * * * * */

body > nav.navbar {
  border-radius: 0;
}

.main-container {
  border-radius: .25rem;
  background: white;
  padding-top: 1rem;
  margin-bottom: 0px;
}

.widget {
  margin-bottom: 2rem;
}

.post {
  margin-bottom: 2rem;
}

nav.navbar {
  margin-bottom: 2rem;
}

.btn-analog-green {
font-size:14px;
background-color: #81c297;
border: 1px solid #81c297;
color: #ffffff;
}

.btn-analog-violet {
font-size:14px;
background-color: #9089ba;
border: 1px solid #9089ba;
color: #ffffff;
}

.btn-split-plum {
font-size:14px;
background-color: #c28681;
border: 1px solid #c28681;
color: #ffffff;
}

.btn-split-tan {
font-size:14px;
background-color: #c2a781;
border: 1px solid #c2a781;
color: #ffffff;
}

.btn-triadic-plum {
font-size:14px;
background-color: #c28196;
border: 1px solid #c28196;
color: #ffffff;
}

.btn-triadic-green {
font-size:14px;
background-color: #bab289;
border: 1px solid #bab289;
color: #ffffff;
}

.btn-pm-blue {
font-size:14px;
background-color: #5790ae;
border: 1px solid #5790ae;
color: #ffffff;
}


.btn:hover {
background-color: #5790ae;
border: 1px solid #5790ae;
color: #ffffff;
}

/************************/
/* ukcentric custom css */
/************************/

div#header-container {
	margin-left:auto; 
	margin-right:auto; 
	width:100%; 
	
	background-size:cover; 
	background-position:center center;
}

img#hero-mesh-image {max-width:1126px; width:100%; z-index:100; position:absolute; top:0;}
img#logo-image {width:315px; height:103px; position:absolute; z-index:200; margin-left:40px; margin-top:40px;}
div#h1-title-div {position:absolute; top:210px; margin-left:28px;} 
div#internal-page-banner-div {min-height:290px; background-size:cover;}
div#home-page-banner-div {min-height:250px;}

h1 {font-size:38px !important; font-weight:bold !important; color:#11607e; margin-top:14px;	margin-bottom:14px;	-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-smooth:always; text-shadow: rgba(0,0,0,.5) 1px 1px 1px;}
h2 {font-size:20px !important; font-weight:bold !important; color:#5790AE; line-height:27px; margin-top:26px; margin-bottom:10px;}
h3 {font-size:17px !important; font-weight:bold !important; color:#16607d; line-height:25px; margin-top:24px; margin-bottom:8px;}

/* navbar */
nav.navbar {margin-bottom:0px !important; border-radius:0px !important;}
nav.bg-inverse {background-color: #FFFFFF !important;} /* background colour of top navbar */
.nav-link {font-weight:bold !important; color:#5990ad !important; line-height:1.5em !important;}
nav.navbar li {line-height:0.5 !important;}
.dropdown-menu {margin:0px !important;}
.dropdown:hover .dropdown-menu {display:block; background-color:#16607d;}
.dropdown-menu a {color:#FFFFFF;}
.dropdown-menu a:hover {background-color:#5790AE !important; color:#FFFFFF !important;}
.dropdown-menu a.active {background-color:#5C9DAF !important; color:#FFFFFF !important;}
.dropdown-toggle:after {border:0px !important;}

div.card-header h2 {margin-bottom:0px;}
div.carousel-caption {background:rgba(0,0,0,0.66); width:100%; top:450px; left:0px; height:100px; }



/* lists */
div.entry-content ul {padding-left:0px !important;} /* remove padding on lists */
div.entry-content ul.bullets {padding-left:15px !important;} /* add padding back to bulleted lists */
ul.our-news-list {list-style-type:none;}
ul.our-news-list li {margin-bottom:25px;}
ul.our-news-list:first-child h2 {padding-top:0px; margin-top:0px;}
ul.our-news-list img {max-width:215px; margin-right:17px;}

/* footer */
div#footer-container div.row {
	background-color:#FFFFFF;
	/* box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.1), -12px 0 8px -4px rgba(0, 0, 0, 0.1); */
}
aside#text-5 div.col-xs-12, aside#text-5 div.col-md-4 {padding-left:26px; padding-top:6px; padding-bottom:9px;}
aside#text-5 ul {list-style-type:none; padding-left:0px;}
aside#text-5 h2 {color:#5790AE; font-size:16px !important; margin-top:16px; }
aside#text-5 li {margin-bottom:3px; line-height:16px; color:#333333; font-size:12px;}
aside#text-5 li a {color:#5790AE; font-size:13px;}

/* images */
img.left {
	float:left;
	clear:left;
	border:0px solid #434343;
	margin:0px 10px 5px 0px;
}

img.right, img.right_subheader {
	float:right;
	clear:right;
	border:0px solid #434343;
	margin:0px 5px 5px 10px;
}


/* home page */
article#post-641 h2 {font-size:17px !important; font-weight:bold !important; color:#5790AE; margin-top:25px; margin-bottom:5px;}
article#post-641:first-child h2 {padding-top:0px; margin-top:0px;}
article#post-641 div.entry-content div.card-block {padding-left:9px !important;}
article#post-641 div.entry-content div.card-block ul.lcp_catlist {list-style-type:none !important; padding-left:0px; margin-left:0px !important;}


div.entry-content {padding:17px 8px 17px 0px;}
div.entry-content a {color: #5790AE !important; }

/* sidebar */
div#right-sidebar {padding-top:27px; /* padding-right:0px;*/}
div#right-sidebar {font-size:14px !important;}
div#right-sidebar a.btn {font-size:14px; border: 1px solid #81c297; font-weight:bold; margin-right:4px !important; margin-top:6px; margin-bottom:16px !important; padding-left:16px !important; padding-bottom:5px !important; padding-top:5px !important; padding-right:16px !important;}
div#right-sidebar a.btn-analog-green {font-size:14px; background-color: #81c297; border: 1px solid #81c297; font-weight:bold; margin-right:4px !important; margin-top:6px; margin-bottom:16px !important; padding-left:16px !important; padding-bottom:5px !important; padding-top:5px !important; padding-right:16px !important;}
div#right-sidebar a.btn-analog-violet {font-size:14px; background-color: #9089ba; border: 1px solid #9089ba; color: #ffffff;}
div#right-sidebar a.btn-split-plum {font-size:14px; background-color: #c28681; border: 1px solid #c28681; color: #ffffff;}
div#right-sidebar a.btn-split-tan {font-size:14px; background-color: #c2a781; border: 1px solid #c2a781; color: #ffffff;}
div#right-sidebar a.btn-triadic-plum {font-size:14px; background-color: #c28196; border: 1px solid #c28196; color: #ffffff;}
div#right-sidebar a.btn-triadic-green {font-size:14px; background-color: #bab289; border: 1px solid #bab289; color: #ffffff;}
div#right-sidebar a.btn-pm-blue {font-size:14px; background-color: #5790ae; border: 1px solid #5790ae; color: #ffffff;}
div#right-sidebar a.btn:hover {background-color: #5790ae; border: 1px solid #5790ae; color: #ffffff;}
div#right-sidebar input, div#right-sidebar button {font-size:14px !important;}
div#right-sidebar h2 {font-size:15px !important; margin-bottom:6px !important; margin-top:6px !important;}
div#right-sidebar form {margin-bottom:5px;}
div#right-sidebar .widget {margin-bottom:1px; margin-top:1px;}
div#right-sidebar div.sidebar-panel div.card-header {padding:6px; padding-left:13px; color:#5790AE; font-size:16px; font-weight:bold;} /* styles for the header part go here */
div#right-sidebar a {color:#5790AE;}
div#right-sidebar div.sidebar-panel div.card-block {padding: 8px 13px 12px 13px; font-size:16px;} 
div#right-sidebar div.sidebar-panel div.card-nav-block {padding: 17px 14px 24px 18px; font-size:14px;}
div#right-sidebar div.sidebar-panel div.card-nav-block ul {padding-left:23px; margin-bottom:4px;} /* add styles for the content part go here */

/* email signup form */
form#email-signup-form p {margin-bottom:8px; margin-top:12px;}
form#email-signup-form p input {background-color:#EFEFEF !important;}
form#email-signup-form p input[placeholder] {color:#CCCCCC;}
form#email-signup-form input.btn {background-color:#89ba99 !important; color:#FFFFFF !important; margin-bottom:8px; margin-top:12px;}

div#social-icons {text-align:left;}
div#social-icons ul {list-style-type:none; padding:0; margin:0; margin-left:0px; margin-top:0px; -webkit-padding-start:0px;}
div#social-icons ul li {list-style-type:none; padding:0; margin:0; float:left;}
div#social-icons .fa {text-align:left; font-size:36px; margin-top:10px; margin-right:10px; margin-left:2px; margin-bottom:14px;}

/* blogroll (list of links) */
ul.blogroll {list-style-type:none;}
ul.blogroll li {margin-bottom:12px;}
ul.blogroll a {display:block; margin-bottom:4px; font-weight:bold;}

/* search form */
form.search-form input[type=text] {background-color:#FFFFFF; max-height:26px; border-color:#CCCCCC; color:#999999; width:100px; float:right;}
form.search-form placeholder {color:#999999;}
form.search-form input::-webkit-input-placeholder {color:#999999;}
form.search-form button.btn-secondary {max-height:26px; line-height:12px; background-color:#FFFFFF; color:#666666; border-color:#CCCCCC; font-size:12px;}

select#languageselect {max-width:120px; max-height:30px; line-height:14px; padding-top:4px;}

/* news feed */
div.pm-news div.row {margin-bottom:12px !important;}
div.pm-news li {margin-bottom:4px !important;}
div.pm-news a {color:#EEEEEE !important;}
div.pm-news a:hover {color:#FFFFFF !important;}
div.pm-news div.pm-news-overlay-outer {min-height:210px; margin-bottom:12px; background-size:cover; position:relative;}


div.pm-news .pm-news-overlay-inner {
	background-image:url('/wp-content/uploads/2016/03/hero-mesh_new.png'); 
	height:100%; 
	padding:3px 0px 0px 12px !important; 
	position:relative;
}

div.pm-news div.pm-news-overlay-title h2 {padding:5px 6px 0px 8px !important;}
div.pm-news div.pm-news-overlay-title {position:absolute; bottom:0px; width:100%; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

div.pm-news h1 {font-size:1.3em !important; margin-top:8px; margin-bottom:5px; line-height:1em; background-color:rgb(0,0,0,0.5) !important; color:#FFFFFF; width:100%; text-align:left; padding:0px 6px 0px 10px !important;}
div.pm-news h2 {font-size:1.0em !important; margin-top:1px; line-height:1.1em; background-color:rgb(0,0,0,0.5) !important; color:#FFFFFF; width:100%; text-align:left; padding:0px 6px 0px 6px !important;}
div.pm-news span.post-date {font-size:0.6em; color:#EEEEEE;}

/* news feed duo styles */
div.pm-news.pm-news-duo .pm-news-overlay-outer {min-height:300px !important; height:300px; max-height:300px; width:300px; }
div.pm-news.pm-news-duo-left a:hover {color:#FFFFFF !important;}
div.pm-news-duo div.pm-news-duo-right a:link, div.pm-news-duo div.pm-news-duo-right a:visited {color:#5790AE !important;}
div.pm-news-duo a:hover {color:#83b3cc !important; }


div.single-post-metadata {font-size:0.9em !important; margin-bottom:12px !important;}
span.single-post-date {margin-right:6px; font-size:0.8em !important;}
span.single-post-categories {margin-right:6px; font-size:0.8em !important;}

/* customisation of slider */
div.metaslider a.rslides_nav {
	color:#FFFFFF;
	background-color:#16607d;
	padding:5px 3px 3px 3px;
	opacity:1;
	font-size:1.2em;
	line-height:1.2em;
	top:75%;
}

/* search results */
div.card.search-results h3 {
	padding:0px;
	margin:0px;
}

/* breadcrumb trail */
div.breadcrumbs {
	font-size:0.8em;
}

div#join-buttons-top a.btn {
    margin-right:6px;
}