/**
 * Place your custom styles here.
 */

/* Standard settings */
/* Importing Roboto font */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');

html, button, input, form, body {
  font-family: 'Roboto', 'Arial', sans-serif;
  color: #000;
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  margin: 0 auto;
  padding: 0;
  /* max-width: 1170px; */
}

body, button, input, label, span {
  font-size: 1.8rem;
}

/* Relative sizes */
.small {
  font-size: 75%;
}

.medium {
  font-size: 100%;
}

.large {
  font-size: 125%;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin: 20px 0;
}

h1 {
  color: #004990;
}

h2 {
  color: #5091CD;
  font-weight: bold;
}

p{
  margin: 20px 0;
}

a:hover{
  text-decoration: none;
}
.centre-text {
  text-align: center;
}

/* Layout */

.centre-item{
  margin: 0 auto;
  display: block;
  float: none;
}
.container{
  margin: 2rem auto;
}

#navbar > .container {
    margin: 0rem auto;
    padding: 0rem;
}

/* Share */

#share {
  overflow: hidden;
  display: block;
  padding: 5px 0
}

.share {
  float: left;
}
.date {
  float: right;
  font-family: 'Roboto','Arial', sans-serif;
  font-size: 1.4rem;
  color: #777;
}

#share .date {
  margin-top: -25px;
}

/* Main Menu */

.navbar {
  margin-bottom: 0;
  margin-top: 0;
	z-index: 5;
	border: 0px solid transparent;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}

ul.navbar-nav {
  float: right;
  margin: 0;
  padding-left: 1rem;
}

ul.navbar-nav > li {
  float: left;
  list-style: none;
}

ul.navbar-nav > li > a {
  height: 9.6rem;
  display: block;
  box-sizing: border-box;
  padding: 3.5rem 1.7rem;
  border-right: 1px solid #eee;
  color: #004990;
  transition: all 0.2s;
  /* font-weight: 300; */
}

ul.navbar-nav > .active > a {
  background-color: #ffffff;
}

ul.navbar-nav > li > a  {
  color: #004990;
}

ul.navbar-nav li > a:visited {
  /*color: #ffffff;	*/
}

ul.navbar-nav > li > a:hover {
  border-bottom: 6px solid #5091CD;
  border-top: 0px solid #5091CD;
}

/* Dropdown symbol */
span.glyphicon.glyphicon-chevron-down, span.glyphicon.glyphicon-chevron-right, span.glyphicon.glyphicon-chevron-left {
  top: 0px;
  font-size: 1.2rem;
}

.dropdown-menu{
  font-size:1em;
}

.dropdown:hover>.dropdown-menu{
  display:block}

.dropdown-submenu{
  position:relative;
  background: #f8f8f8;
}
.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:0;
  margin-left:0;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px;
  border-radius:0 6px 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu{
  display:block
}
.dropdown-submenu.pull-left{
  float:none
}
.dropdown-submenu.pull-left>.dropdown-menu{
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #004990 !important;
}

/* Menu search */
.search-icon {
  float: right;
  margin: 3.5rem 2rem 0rem 3rem;
  width: 2.5rem;
  height: 2.5rem;
  transition: opacity 0.5s;
}

.search-icon:hover {
  cursor: pointer;
  /* transform: scale(1.1); */
  opacity: 0.7;
}

#block-search-api-page-search{
  transition: all 0.2s;
  max-width: 1170px;
  margin: 0 auto;
  height: 0px;
  overflow: hidden;
}

.region-banner .open{
  height:79px!important;
}
.region-banner .close{
  float: none!important;
}

#block-search-api-page-search form{
  margin:2em;
  z-index: 10;
  position: relative;
}

#search-api-page-search-form-search button{
    position: absolute;
    top: 6px;
    right: 10px;
    width: 30px;
    display: inline-block;
    float: right;
    background: #fff;
    color: #5091CD;
    padding: 0;
}
#search-api-page-search-form-search button span{
  margin-left: 10px;
}

#block-user-login{
  max-width: 750px;
  margin: 0 auto;
  padding: 0 5%;
} 

.search-api-page-results > h2 {
      border-bottom:3px solid #004990;
      padding-bottom: 1rem;
      margin-bottom: 4rem;
      color: #004990;
}

ol.search-results {
    display: block;
    list-style-type: none;
    padding: 0px;
}

li.search-result {
    display: block;
    padding-bottom: 1rem;
    border-bottom:4px solid #eee;
}

.search-info {
  font-size: 1.4rem;
  color: #777;
}

/*Sub menu */
ul#sub-menu {
  max-height: 0px;
  transition: all 0.5s ease 0s;
  display: block;
  position: absolute;
  overflow: hidden;
  transition-duration: 0s;
  font-size: inherit;
}

.navbar-nav > li:hover > ul#sub-menu {
  max-height: 100rem;
  /* transition-duration: 1s;*/ /*Removed because of conflict with overflow: visible; */
  border: 1px solid #ccc;
  overflow: visible;
}

ul.dropdown-menu li {
  margin: 0px;
  list-style: none;
}

.navbar-nav > li #sub-menu > li > a, .navbar-nav li > #sub-menu > li > a:visited {
  color: #004990;
}

ul.dropdown-menu > li > a {
  padding: 1.5rem 2rem;
  height: auto;
  border-bottom: 1px dotted #ccc;
}

ul.dropdown-menu > li > a:hover {
  border-bottom: 1px solid #ccc;
  background: #5091CD;
  color: #fff !important;
}

ul.dropdown-menu {
  display: none;
  position: absolute;
  background: #f8f8f8;
  opacity: 1.0;
  padding: 0px;
  border: 1px solid #ccc;
}

/* Sub sub menu */
#subsub-menu {
  transition: all 0.5s ease 0s;
  display: none;
  left: 100%;
  position: absolute;
  margin-top: -5.4rem;
}

#subsub-menu > li {
  padding: 0px;
  border-bottom: 1px solid #ccc;
}

ul.navbar-nav #subsub-menu > li > a {
  padding: 1.5rem 1rem;
  height: auto;
  min-width: 20rem;
  border-bottom: 1px dotted #ccc;
}

ul.navbar-nav #subsub-menu > li > a:hover {
  background: #5091CD;
  border-bottom: 0px;
  color: #fff;
}

ul#sub-menu li:hover > #subsub-menu {
  display: block;
  padding: 0px;
  background: #eee;
}

ul#sub-menu li:hover > a {
  background: #004990;
  color: #fff !important;
}

/* Header */
/*Search bar */
#block-search-form {
  margin: 0rem auto;
  padding: 2rem 0rem;
  overflow: hidden;
  display: none;
}

#block-search-form.open {
  height: 9rem;
}

#block-search-form.close {
  height: 0px;
  overflow: hidden;
}

.search-box-button {
  height: 3rem;
  width: 3rem;
  padding: 1rem;
}

.search-box-button:hover {
  cursor: pointer;
}

.searchpage {
  background: #fff;
}

.search-span {
  float: right;
}

.search-container {
  overflow: hidden;
  position: relative;
  height: 5rem;
}

#edit-search-block-form--2 {
  border: 0px;
  height: 5rem;
  width: 100%;
  padding: 1rem;
  border-radius: 0px;
}

.search-input:focus {
  outline: 0;
}

/* Page Header */
#page-header{
  background: #5091CD;
  min-height: 5px;
  position: relative;
  z-index: 0;
}

/* Buttons */

button.donate,.btn.donate {
   border: 1px solid #b11416;
}

button,
.btn{
  border: 0px;
  color: #ffffff;
  padding: 1rem 3rem;
  text-transform: uppercase;
  line-height: 2.2rem;
  border-radius: 5px;
  transition: 0.2s background;
  background: #5091CD;
  font-size: 1.8rem;
}

.btn-primary {
  background: #5091CD;
}

button:hover, .btn:hover {
  background: #004990;
  cursor: pointer;
  color: #fff;
}

button:active, .btn:active {
  background: #fff;
  color: #004990;
}

.btn:focus {
    color: #004990;;
    background: #fff;
    text-decoration: none;
}


.button-full {
  width: 100%;
}

/* Donate buttons */
.donate {
  text-transform: uppercase;
  float: right;
  margin: 2.5rem 0rem 0rem 2rem;
  background: #b11416;
  border-color: #b11416;
  transition: all 0.2s;
}

.donate:hover {
  background: #fff;
  color: #b11416;
  border: 1px solid #b11416;
}

.donate:active:focus {
  color: #fff;
    background-color: #B11416;
}

button.donate:active, .btn.donate:active,.btn.donate:focus {
    background: #B11416;
    color: #fff;
     text-decoration: none;
}



a.project-donate {
  background: #B11416;
  border: 0px;
  color: #ffffff;
  padding: 1rem 3rem;
  text-transform: uppercase;
  line-height: 2.2rem;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  display: block;
  margin: 20px 0;
}

a.project-donate:hover {
  background: #B11416;
  cursor: pointer;
  text-decoration: none;
}

/* Banners */

.region-banner {
  background: #5091CD;
}

.region-banner h2, .region-banner h1 {
  color: #fff;
  margin: 4rem 0rem;
  font-size: 5rem;
  font-weight: 300;
}
.node-type-page .region-banner h2, .node-type-page .region-banner h1{
	text-align:center;
}
.node-type-project .region-banner h2, .node-type-project .region-banner h1{
	text-align:left;
}

.banner-full {
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.banner-text {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 7rem;
  text-align: center;
  font-size: 6rem;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 0px 40px #000;
  pointer-events: none;
}

.banner-text p{
  margin: 0;
}

.banner-text.left {
  text-align: left;
  left: 0;
}

.banner-text.right {
  right: 0;
  text-align: right;
}

.banner-text p {
  font-weight: 300;
  text-transform:none;
}

.banner-text a{
  pointer-events: fill;
}

.flexslider {
  border: 0px;
  margin: 0
}

.flex-control-nav {
  bottom: 0;
  margin-top: -30px;
  z-index: 5
}

.text-full {
  padding: 4rem 0rem;
  text-align: center;
  background: #5091CD;
  color: #fff;
  font-size: 5rem;
}

/* Paragraphs */

.entity-paragraphs-item{
  margin-bottom: 1em;
}
.paragraphs-items ul{
  margin: 4rem 0;
}
.paragraphs-items ul li{
  margin: 1rem 0;
  list-style-type: circle;
}

.paragraphs-item-text-box{
  border: 1px solid #5091CD;
  border-radius: 4px;
  margin: 2rem 0 2rem 0;
}
.paragraphs-item-text-box .box-head{
  background: #333;
  color: #fff;
  padding: 1rem;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  background-color: #5091CD;
}
.paragraphs-item-text-box .box-fill{
  background: #eee;
  color: #333;
  padding: 1rem;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  border-radius:  0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}

.paragraphs-item-quote-left {
  width: 50%;
  float: left;
  margin-right: 2rem;
}

.paragraphs-item-quote-right{
  width: 50%;
  float: right;
  margin-left: 2rem;
}

.field-name-field-quote {
  font-size: 4rem;
  border-left: 4px solid #004990;
  color: #004990;
  font-style: italic;
  line-height: 4.4rem;
  padding-left: 4rem;
}

.quote-author{
  font-size: 1.6rem;
  color: #333;
  text-align:right
}

.paragraphs-item-video-left .embedded-video{
  float: left;
  margin: 0rem 2rem 1rem 0rem;
  width: 40%;
}
#block-views-projects-block-1{
  max-width: 400px;
  margin:2% auto;
  text-align: center;
}

figure .img-left {
  float: left;
  margin: 0rem 2rem 1rem 0rem;
  display: table;
}

.img-full {
  max-width: 100%;
  height: auto;
}

.source-holder {
  position: relative;
  line-height: 0px;
}

.source-holder span {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  padding: 0.2rem;
  font-size: 1.2rem;
  opacity: 0.8;
  line-height: 1.2rem;
}

figcaption {
  font-size: 1.4rem;
  color: #333;
  padding: 0.5rem 0 0 0;
  caption-side: bottom;
}

.node-type-article .magazine{
	font-family: 'Roboto','Arial', sans-serif;
}
.node-type-article .magazine .entity-paragraphs-item,
.node-type-article .magazine h1,
.node-type-article .magazine h2{
  width:60%;
}
.node-type-article .magazine .paragraphs-item-magazine-feature-image,
.node-type-article .magazine #share{
  width:35%;
  float:right;
}
.node-type-article .magazine #share{
	margin: 20px 0;
	padding: 10px 10px 5px;
	background: #eee;
}


/* Homepage */
.node-home h2{
  color:#000;
}
.node-home h2 a, .node-home h2 a:hover {
   color: #333;
  text-decoration: none;
 }

.front #block-views-banner-block{
  padding-bottom:10px
}


.flex-direction-nav a { /* Banner arrows */
    width: 40px;
    height: 50px;
}

.button-homepage p a { /* Homepage buttons */
    text-transform: uppercase;
    color: #777;
    margin-top: 0px;
}

.button-homepage-desc {
    text-transform: none;
}

.button-homepage img,.button-homepage p {
transition: all 0.5s;
}

.button-homepage:hover img,.button-homepage:hover p {
  opacity: 0.8;
}
.button-homepage:hover img {
  transform:scale(1.03);
  }

  /* Quick Links */
.pane-node-field-quick-links {

}

.pane-node-field-quick-links ul {
  padding: 0;
  margin: 0;
  text-align: center;
}

.pane-node-field-quick-links ul li {
  list-style-type: none;
  display: inline-block;
  width: 24%;
}

.pane-node-field-quick-links ul li img {
  border-radius: 50%
}


.node-home .odd{
  background: #eee;
}



.node-home .entity-paragraphs-item .content{
  max-width: 1170px;
  margin: 0 auto;
  padding: 2rem;
}

.node-home .content a:hover ~ strong,.content a:hover ~ strong a {
  
  color: #004990;
  
}

.node-home .content a:hover img{
opacity: 1;
}


.node-home .paragraphs-item-stay-in-touch{
  background: #5091CD;
  padding: 10px 0;
  text-align: center;
}
.node-home .paragraphs-item-stay-in-touch h2{
  color: #ffffff;
  font-weight: normal;
}
#block-mailchimp-signup-sign-up-form{
  text-align: center;
  color: #fff;
}
#block-mailchimp-signup-sign-up-form h2.block-title{
  color: #fff;
  font-weight: 300;
  margin: 0 0 20px 0;
}
.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields{
  width: 630px;
  display: inline-block;
}
.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields .form-control{
  height:41px;
  font-size: 1.8rem;
  padding: 1rem;
  border: none;
}
.mailchimp-signup-subscribe-form .form-item{
  width:200px;
  margin: 0 5px;
  display:inline-block;
 }
.mailchimp-signup-subscribe-form .form-actions{
  width: 130px;
  display: inline-block;
}
.mailchimp-signup-subscribe-form .form-type-checkboxes{
  display: none
}

/* Events */
.view-events .node-event{
	border-bottom: 2px solid #5091CD;
	padding-bottom: 20px;
}
.view-events div.node-event:nth-last-child(){
	border-bottom: 0px;
}

/* Articles */
.node-type-article h1 {
  color: #004990;
  font-size: 4.2rem;
  font-weight: normal;
}
.node-type-article .region-content {
font-family: 'Georgia', 'Times New Roman', serif;
}

.country{
  font-style: italic;
  font-weight: bold;
  font-size: 1.4rem;
  color: #004990;
  margin: 0rem;
  margin-bottom: 1rem !important;
}
.news-grid a:hover img{
opacity:0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.news-grid img{
  width:100%;
  height: auto;
  border-radius: 4px;
  border: 1px solid #eee;
}
.news-grid strong{
  padding: 0.5em 0;
  display: block;
}
.node-home .odd .news-grid strong{
  padding: 0.5em;
  background-color:#fff
}
.news-grid strong a{
  color: #333
}

/* Daily prayer */
.class{
  background-color: #5091CD;
  color: white;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  margin: 20px 0;
  display: block;
}
.view-daily-prayer .views-row{
  overflow: hidden;
  border-bottom: 3px solid #eee;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

.view-daily-prayer .views-row h3 {
  color: #5091CD;
}

.view-daily-prayer .views-row-even{
  /* background-color: #f1f1f1; */
}
.view-daily-prayer .day{
  width: 45px;
  display: block;
  text-align: center;
  background-color: #5091CD;
  height: 45px;
  color: #fff;
  border-radius: 100%;
  line-height: 2.5em;
  margin-top: 1.2rem;
}

/* Countries Grid */
.view-country-projects {
  text-align: center;
}
.view-country-projects img{
  margin: auto;
}
.views-field.views-field-title {
  margin: 10px;
}

/* Furniture */
/* Coloured box */
.box {
  float: left;
  width: 100%;
}
.box-fill {
  background: #eee;
  padding: 1rem;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.box-head {
  background: #333;
  color: #fff;
  padding: 1rem;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}

.box-outline {
  border: 1px solid #5091CD;
  border-width: 1px;
  border-radius: 0px 0px 4px 4px;
}

/* Lines */
hr.divider,hr {
  border: 0;
  clear: both;
  margin: 20px 0 5px 0;
}
.line-thick {
  height: 4px;
  background: #333;
}
.line-thin {
  height: 1px;
  background: #333;
}

/* Projects categories */

.project-category .col{
  margin-bottom: 2rem;
}
.project-category img{
  width: 100%;
  height: auto;
}

div.basic-tint,div.resources-tint,div.education.tint,div.workers-tint,div.buildings-tint,div.converts-tint,div.disaster-tint,div.general-tint,div.leaders-tint,div.medical-tint,div.business-tint,div.victims-tint,div.water-tint {
  margin-bottom: 3rem;
}

/* Projects */
.project-list ul{
  padding: 0 4%;
  background-color: rgba(80, 145, 205, 0.12);
}
.project-list ul li{
  padding: 10px 0;
  list-style-type: none;
  border-bottom: 1px solid #5091CD;
}
.project-list ul li:nth-last-child(1){
  border-bottom: 0px;
}
.project-list ul li a{
  color: #004990;
}
.project-list ul li a:hover{
  color: #5091CD;
  text-decoration: none;
}

.view-country-projects .leaflet-container{
  z-index: 0;
}

/* Footer */
.footer {
  background: #333;
  margin-top: 0px;
  padding: 0px;
  border: none;
  overflow:hidden;
}

footer.footer {
      background: #222;
}

.footer p, .footer a, .footer a:visited {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.region-footer {
  border-top: 1px solid #E5E5E5;
}

.region-footer .container{
  margin: 0px
}

.footer a {
  /* border-bottom: 1px dotted #fff; */
}

.footer .nav > li > a {
  position: relative;
  display: inline;
  padding: 5px 0px;
}

.footer li a:hover {
    background-color: transparent;
    text-decoration: underline;
    
}

.footer p,
.footer p:last-child{
  margin: 5px 0;
}

{
  margin: 5px 0;
}

.footer p.small, .footer p.small a {
  font-size: 1.2rem;
}

.footer .separator {
  border-right: 1px solid #fff;
}

.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  border-left: 1px solid #fff;
}

.region-footer-firstcolumn {
  border-left: none
}

.form-item-lang-dropdown-select{

}

.lang-dropdown-select-element{
  display: inline-block;
  width: auto!important;
  background: none;
  color: #fff;
  border: none;
  padding: 0px;
  height: auto;
  margin: 0px;
  background: #333;
}

.language-icon{
  display: inline-block;
  height: 12px;
  width: auto;
  vertical-align: initial;
}

/* Breadcrumbs */
.block-easy-breadcrumb{
  padding: 15px;
  margin: 0 auto;
}
.easy-breadcrumb {
  text-align: right;
  font-size: 1.4rem;
}
.easy-breadcrumb,.easy-breadcrumb a,.easy-breadcrumb a:visited,.easy-breadcrumb a:active {
  color: #777;
}
.easy-breadcrumb a:hover {
  border-bottom: 1px dotted #777;
}
.easy-breadcrumb_segment-separator,
.easy-breadcrumb_segment{
  font-size: 1.4rem;
}

/* Colours */
/* Background */
.white {
  background: #fff;
}

.blue-light {
  background: #5091CD;
}

.blue-light-tint {
  background: #EDF4FA;
}

.blue-dark,
.btn-default{
  background: #004990;
  color:#fff;
  border: none;
}

.blue-dark-tint {
  background: #E5ECF3;
}

.grey-light {
  background: #eee;
}

.grey-dark {
  background: #111;
}

.workers {
  background: #4863AE;
}

.workers-tint {
  background: #ECEFF6;
}

.water {
  background: #6FCCDC;
}

.water-tint {
  background: #F0F9FB;
}

.basic {
  background: #EBC900;
}

.basic-tint {
  background: #FDF9E5;
}

.medical {
  background: #367125;
}

.medical-tint {
  background: #EAF0E9;
}

.leaders {
  background: #9875b4;
}

.leaders-tint {
  background: #F4F1F7;
}

.resources {
  background: #222962;
}

.resources-tint {
  background: #E8E9EF;
}

.victims {
  background: #f26531;
}

.victims-tint {
  background: #FDEFEA;
}

.building {
  background: #ad680e;
}

.building-tint {
  background: #F6EFE6;
}

.business {
  background: #82c341;
}

.business-tint {
  background: #F2F9EC;
}

.disaster, .donate-button {
  background: #b11416;
}

.disaster-tint {
  background: #F7E7E7;
}

.education {
  background: #e23d96;
}

.education-tint {
  background: #FCEBF4;
}

.convert {
  background: #d09a3f;
}

.convert-tint {
  background: #FAF5EB;
}

/* Text */
h1 {
  color: #004990;
  font-weight: 300;
}

h2 {
  color: #5091CD;
  font-weight: 300;
}

.white-tx {
  color: #fff;
}

.blue-light-tx {
  color: #5091CD;
}

.blue-light-tint-tx {
  color: #EDF4FA;
}

.blue-dark-tx {
  color: #004990;
}

.blue-dark-tint-tx {
  color: #E5ECF3;
}

.grey-light-tx {
  color: #eee;
}

.grey-dark-tx {
  color: #111;
}

.workers-tx,.workers-tint a {
  color: #4863AE;
}

.workers-tx,.workers-tint a {
  color: #4863AE;
}

.workers-tint-tx {
  color: #ECEFF6;
}

.water-tx,.water-tint a {
  color: #6FCCDC;
}

.water-tint-tx {
  color: #F0F9FB;
}

.basic-tx {
  color: #EBC900;
}

.basic-tint a {
  color:#524600;
}

.basic-tint-tx {
  color: #FDF9E5;
}

.medical-tx,.medical-tint a {
  color: #367125;
}


.medical-tint-tx {
  color: #EAF0E9;
}

.leaders-tx,.leaders-tint a {
  color: #9875b4;
}

.leaders-tint-tx {
  color: #F4F1F7;
}

.resources-tx,.resources-tint a {
  color: #222962;
}

.resources-tint-tx {
  color: #E8E9EF;
}

.victims-tx,.victims-tint a {
  color: #f26531;
}

.victims-tint-tx {
  color: #FDEFEA;
}

.building-tx,.building-tint a {
  color: #ad680e;
}

.building-tint-tx {
  color: #F6EFE6;
}

.business-tx,.business-tint a {
  color: #82c341;
}

.business-tint-tx {
  color: #F2F9EC;
}

.disaster-tx,.disaster-tint a {
  color: #b11416;
}

.disaster-tint-tx {
  color: #F7E7E7;
}

.education-tx,.education-tint a {
  color: #e23d96;
}

.education-tint-tx {
  color: #FCEBF4;
}

.convert-tx,.convert-tint a  {
  color: #d09a3f;
}

.convert-tint-tx {
  color: #FAF5EB;
}

/* Borders */
.white-border {
  border-color: #fff;
}

.blue-light-border {
  border-color: #5091CD;
}

.blue-dark-border {
  border-color: #004990;
}

.blue-light-bd {
  border-color: #5091CD;
}

.blue-light-tint-bd {
  border-color: #EDF4FA;
}

.blue-dark-bd {
  border-color: #004990;
}

.blue-dark-tint-bd {
  border-color: #E5ECF3;
}

.grey-light-bd {
  border-color: #eee;
}

.grey-medium-bd {
  border-color: #ccc;
}

.grey-dark-bd {
  border-color: #111;
}

.workers-bd {
  border-color: #4863AE;
}

.workers-tint-bd {
  border-color: #ECEFF6;
}

.water-bd {
  border-color: #6FCCDC;
}

.water-tint-bd {
  border-color: #F0F9FB;
}

.basic-bd {
  border-color: #EBC900;
}

.basic-tint-bd {
  border-color: #FDF9E5;
}

.medical-bd {
  border-color: #367125;
}

.medical-tint-bd {
  border-color: #EAF0E9;
}

.leaders-bd {
  border-color: #9875b4;
}

.leaders-tint-bd {
  border-color: #F4F1F7;
}

.resources-bd {
  border-color: #222962;
}

.resources-tint-bd {
  border-color: #E8E9EF;
}

.victims-bd {
  border-color: #f26531;
}

.victims-tint-bd {
  border-color: #FDEFEA;
}

.building-bd {
  border-color: #ad680e;
}

.building-tint-bd {
  border-color: #F6EFE6;
}

.business-bd {
  border-color: #82c341;
}

.business-tint-bd {
  border-color: #F2F9EC;
}

.disaster-bd {
  border-color: #b11416;
}

.disaster-tint-bd {
  border-color: #F7E7E7;
}

.education-bd {
  border-color: #e23d96;
}

.education-tint-bd {
  border-color: #FCEBF4;
}

.convert-bd {
  border-color: #d09a3f;
}

.convert-tint-bd {
  border-color: #FAF5EB;
}

/*Button hover and active */
button.blue-light:hover, button.blue-light:active {
  color: #5091CD;
  background: #fff;
}

button.blue-light-tint:hover, button.blue-light-tint:active {
  color: #EDF4FA;
  background: #fff;
}

button.blue-dark:hover, button.blue-dark:active,
button.btn-default:hover, button.btn-default:active {
  color: #004990;
  background: #fff;
}

button.blue-dark-tint:hover, button.blue-dark-tint:active {
  color: #E5ECF3;
  background: #fff;
}

button.grey-light:hover, button.grey-light:active {
  color: #eee;
  background: #fff;
}

button.grey-dark:hover, button.grey-dark:active {
  color: #111;
  background: #fff;
}

button.workers:hover, button.workers:active {
  color: #4863AE;
  background: #fff;
}

button.workers-tint:hover, button.workers-tint:active {
  color: #111;
  background: #fff;
}

button.water:hover, button.water:active {
  color: #6FCCDC;
  background: #fff;
}

button.water-tint:hover, button.water-tint:active {
  color: #111;
  background: #fff;
}

button.basic:hover, button.basic:active {
  color: #EBC900;
  background: #fff;
}

button.basic-tint:hover, button.basic-tint:active {
  color: #111;
  background: #fff;
}

button.medical:hover, button.medical:active {
  color: #367125;
  background: #fff;
}

button.medical-tint:hover, button.medical-tint:active {
  color: #111;
  background: #fff;
}

button.leaders:hover, button.leaders:active {
  color: #9875b4;
  background: #fff;
}

button.leaders-tint:hover, button.leaders-tint:active {
  color: #111;
  background: #fff;
}

button.resources:hover, button.resources:active {
  color: #222962;
  background: #fff;
}

button.resources-tint:hover, button.resources-tint:active {
  color: #111;
  background: #fff;
}

button.victims:hover, button.victims:active {
  color: #f26531;
  background: #fff;
}

button.victims-tint:hover, button.victims-tint:active {
  color: #111;
  background: #fff;
}

button.building:hover, button.building:active {
  color: #ad680e;
  background: #fff;
}

button.building-tint:hover, button.building-tint:active {
  color: #111;
  background: #fff;
}

button.business:hover, button.business:active {
  color: #82c341;
  background: #fff;
}

button.business-tint:hover, button.business-tint:active {
  color: #111;
  background: #fff;
}

button.disaster:hover, button.disaster:active, .donate-button:hover, .donate-button:active {
  color: #b11416;
  background: #fff;
}

button.disaster-tint:hover, button.disaster-tint:active {
  color: #111;
  background: #fff;
}

button.education:hover, button.education:active {
  color: #e23d96;
  background: #fff;
}

button.education-tint:hover, button.education-tint:active {
  color: #111;
  background: #fff;
}

button.convert:hover, button.convert:active {
  color: #d09a3f;
  background: #fff;
}

button.convert-tint:hover, button.convert-tint:active {
  color: #111;
  background: #fff;
}

/* Bootstrap override */
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1170px;
    margin-top: 0rem;
  }
}

.btn-circle {
  border-radius: 50%;
}

.panel-primary > .panel-heading,
.btn-primary {
  background-color: #5091cd;
  border-color: #5091cd;
}

.region-sidebar-first .block {
  margin-bottom: 4rem;
}

.region-sidebar-first .panel {
  border: 0;
}

.region-sidebar-first .panel-heading,
.region-sidebar-first .panel-body {
  padding: 1rem;
}

.region-sidebar-first .panel-body {
  background: #eee;
  color: #777;
  font-weight: bold;
}

.region-sidebar-first .panel-body .list-divider a {
color: #333;
}

.region-sidebar-first .panel-body .list-divider {
  /*padding-bottom: 1.5rem;*/
  
}

.region-sidebar-first .panel-body {
  border-bottom: 1px solid #ccc;

}


.block-taxonomy-menu-block .panel-body:hover  {
background: #ccc;
}


.block-taxonomy-menu-block .panel-body:hover a{
 color: #333; 

}

.region-sidebar-first .panel-body .list-divider.last {
  border: 0;
}

.region-sidebar-first .panel-body a {
  color: #777;
}
.node-product h1,
.node-product h2,
.node-product h3,
.node-product h4,
.node-product h5,
.node-product h6 {
  font-weight: bold;
}

.node-product .product-main {
  padding-bottom: 1.5rem;
  border-bottom: 4px solid #eee;
}

.node-product .product-title {
  color: #5091CD;
  font-size: 1.5em;
  line-height: 0.8em
}

.node-product.node-teaser .product-title a,
.node-product.node-shoplist .product-title a {
  color: #000;
  font-size: 1.8rem;
  ;
}

.node-product .product-subtitle {
  color: #000;
  font-size: 1.17em;
}

.node-product .price {
  margin-top: 2rem;
}

.node-product .price {
  border: 0;
  padding: 0;
}

.node-product .product-price {
  padding-right: 1rem;
}

.node-product .product-price.product-price-list {
  text-decoration: line-through;
}

.node-product .product-price.product-price-price {
  color: #b11416;
  font-weight: bold;
}

.node-product h3 {
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
}

.node-product .product-details span.field{
  font-size: 75%;
}

.node-product .product-details span.field span.date-display-single {
  font-size: 100%;
}

.node-product .product-details span.field-label {
  font-weight: bold;
  font-size: 75%;
}

.node-product span.shipping-label,
.node-product span.shipping-price {
  font-weight: normal;
  font-size: 1.4rem;
  color: #999;
}

.node-product .field-name-field-product.field-type-commerce-product-reference,
.node-product .download-btn {
  padding-bottom: 1rem;
  border-bottom: 4px solid #eee;
  margin-bottom: 1.5rem;
}

.node-product .download-btn {
  margin-top: 1.5rem;
}

.node-product .field-name-field-product.field-type-commerce-product-reference.form-hidden {
  padding-bottom: 0;
  border: 0;
  margin-bottom: 0;
}

.node-product.node-teaser .field-name-field-product.field-type-commerce-product-reference,
.node-product.node-shoplist .field-name-field-product.field-type-commerce-product-reference {
  border: 0;
}

.node-product .related-items-image {
  margin-bottom: 1rem;
}

.node-product .related-items-title a {
  color: #000;
  font-size: 75%;
  font-weight: bold;
}

.quick-tabs-wrapper .nav-pills {
  margin-bottom: 0;
}

.quick-tabs-wrapper .nav-pills li {
  margin-right: 1rem;
}

.quick-tabs-wrapper .nav-pills li.active a {
  background: #777;
  color: #fff;
}

.quick-tabs-wrapper .nav-pills li a {
  background: #eee;
  color: #777;
  transition: 0.2s background;
}

.quick-tabs-wrapper .nav-pills li a:hover {
  background: #ccc;
  color: #333;
}

.view.view-shop.view-id-shop {
  padding-top: 3rem;
  border-top: 4px solid #eee;
}

.view.view-shop.view-id-shop.shopgrid .shoplist-row {
  padding-left: 15px;
  padding-right: 15px;
}

.node-product .product-list-wrapper {
  margin-bottom: 2rem;
}

.view-partnership-list .table .views-field-field-partnership-attachment,
.view-partnership-list .table .views-field-field-partnership-attachment-1{
  width: 40%;
}

.view-vacancies div.view-content div.row div div {
    float: left;
}


.view-vacancies div.view-content div.row > div {
    margin: 1rem 0rem;
    border-bottom: 3px solid #eee;
    padding-bottom: 2rem;
}

.view-vacancies div.view-content div.row > div > div {
    padding-right: 2rem;
}

.view-vacancies div.view-content div.row > div > div h3 {
    margin: 0rem;
    	font-weight: bold;
	font-size: 2rem;
	color: #333;
}

/* Book a speaker form*/
.webform-component--meeting-information .form-control {
  width: auto;
  margin-bottom: 1rem;
}

.form-item-submitted-meeting-information-date-preference-day,.form-item-submitted-meeting-information-date-preference-month,.form-item-submitted-meeting-information-date-preference-year {
  float:left;
  margin-right: 1rem;
}


.form-item-submitted-meeting-information-meeting-start-time-hour,.form-item-submitted-meeting-information-meeting-end-time-hour,.form-item-submitted-meeting-information-meeting-start-time-minute,.form-item-submitted-meeting-information-meeting-end-time-minute {
  float: left; 
  margin: 0 0.5rem;
}

.webform-component--meeting-information--type-of-meeting,.form-item-submitted-meeting-information-meeting-end-time,.webform-component--meeting-information--length-of-talk {
  clear: both;
}

.webform-progressbar-outer {
    margin-bottom: 5rem;
    border: 1px solid #5091CD;
    background: #5091CD;
    }

.webform-progressbar-page.current {
   background: #004990;
}

.webform-progressbar-page.completed {
     background: #5091CD; 
}

.webform-progressbar-page {    
border: 1px solid #5091CD;

}

.webform-progressbar-page-label {
  font-weight: 300;
  color: #777;
}

.webform-progressbar-inner {
     background-color: #5091CD;
 
}

webform-container-inline div, .webform-container-inline div.form-item{
  display:inline-block;
  float:none;
}
/*Partnership*/

 #accordion.panel-group .btn {
  padding: 1rem;
  
  margin-bottom: 1rem;
}

#accordion .panel-default {
    border: 0px;
    background: #EDF4FA; 
}

 #accordion.panel-group .panel + .panel {
    margin-top: 0px;
}

#accordion.panel-group .btn:focus {
    background: #004990;
    color: #fff;
}

/* Image effects */
.blue-hover-container {
background:#004990;
}
.blue-hover-img {
transition: ease-in 0.2s;
}
.blue-hover-img:hover {
opacity:0.4;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.rounded {
    border-radius: 5px;
}

.img-opacity {
opacity:1;	
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.img-opacity:hover {
opacity:0.8;	
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

/* Shop */

.field-name-field-product-image a:hover img {

opacity:0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.field-name-field-product-image a img{
  border-radius: 4px;
  border: 1px solid #eee;
}
.field-name-commerce-price {
color: #b11416;
    font-weight: bold;
    }

.commerce-add-to-cart button,.commerce-line-item-actions button,.views-field-edit-delete button,.icon-before.ajax-processed,.btn-default.form-submit,.form-submit.ajax-processed {
    padding: 0.5rem 1rem;
    text-transform: none;
font-size: 1.4rem;
}

.mailchimp-signup-subscribe-form .btn-default.form-submit {
    padding: 1rem 4rem;
    text-transform: uppercase;
font-size: 1.8rem;  

}

.search-by-postal-code {
margin-bottom: 2rem;
}

.commerce-line-item-actions button:active:focus,.views-field-edit-delete button:active:hover {
  background:#5091CD;
}

.line-item-summary .links li.line-item-summary-checkout {
    background: #004990;
    border-radius: 3px;
    padding: 0.2rem 1.4rem;
  transition: all 0.3s;
    border: 1px solid #004990;  
}

.line-item-summary .links li.line-item-summary-checkout:hover {
    background: #fff;
    border: 1px solid #004990;
}

.line-item-summary .links li.line-item-summary-checkout:hover a {
    color: #004990;
}

.region-sidebar-first .panel-body .line-item-summary-checkout a, .line-item-summary .links li.line-item-summary-view-cart a {
  color: #fff;
 font-weight: normal;  
}

.line-item-summary .links li.line-item-summary-view-cart:hover {
    background: #fff;
    border: 1px solid #5091CD;
}

.line-item-summary .links li.line-item-summary-view-cart:hover a {
    color: #5091CD;
}

.line-item-summary .links li.line-item-summary-view-cart a:focus,.line-item-summary .links li.line-item-summary-checkout a:focus {
  text-decoration: none;
}

.line-item-summary .links li.line-item-summary-view-cart {
      background: #5091CD;
    border-radius: 3px;
    padding: 0.2rem 1.4rem;
  transition: all 0.3s;
    border: 1px solid #5091CD;       
}

.line-item-total {
  color: #000;
}


.line-item-quantity,.views-field-line-item-title,.views-field-quantity,.views-field-commerce-total {
  font-weight: normal;
}

.line-item-total-raw {
  color: #B11416;;
  font-weight: bold;
}


.line-item-summary {
  margin-bottom: 0rem;
}

/* Shopping basket */

.views-field.views-field-line-item-title,.views-field-commerce-unit-price,.views-field-edit-quantity,.views-field-edit-delete,.views-field-commerce-total,.views-field-quantity,.component-title,.component-total {
  font-size: 1.8rem;
}

ol.commerce-checkout-progress.clearfix.inline {
    background: #5091CD;
    padding: 2rem;
    color: #fff;
    margin-bottom: 3rem;
    margin-left: 0rem;
}


ol.commerce-checkout-progress.clearfix.inline li {display: block;}

div.error, table tr.error {
    background-color: #f2dede;
    color: #a94442;
    font-size: 1.8rem;
}

/*Email signup */
.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields input.form-control{
  border: 1px solid #5091CD;
}


/* Bootstrap overrides */
p:last-child {
  margin: 20px 0;
}

@media (min-width: 992px){
  .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn {
    width: 25%;
    float: left;
  }
}

@media (min-width: 767px) and (max-width: 1199px){
  .navbar-collapse{
    padding: 0;
  }
  ul.navbar-nav{
    float: left;
    padding: 0;
    width: 100%;
    display: table;
  }
  ul.navbar-nav > li{
    display: table-cell;
    text-align: center;
    float: none;
  }
}

@media (max-width: 1199px){
  .flexslider .slides > li{
    height:300px;
  }
  .banner-full{
    height: 300px;
    overflow: hidden;
  }
  .flexslider .slides img{
    height: 300px;
    width: auto;
    max-width: none;
  }
  .col-lg-2{
    width: 33%;
    float: left;
  }
}

@media (max-width: 991px){
  .container,
  .navbar.container{
    width:100%;
    max-width: none
  }
  .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn {
    width: 50%;
    float: left;
  }
  .region-footer-thirdcolumn{
    border: 0px
  }
}

@media (max-width: 767px){
  .container > .navbar-header{
    float: left;
  }
  .navbar{
    margin-bottom: 20px;
  }
  .navbar-toggle{
    padding: 14px 10px;
    margin: 24px 0 0 10px;
  }
  ul.navbar-nav,
  .navbar-collapse{
    padding: 0;
    border-top: 5px solid #5091CD;
    margin-top: 10px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form,
  .navbar-nav,
  ul.navbar-nav > li,
  ul.dropdown-menu{
    margin: 0;
    width: 100%;
    text-align: center;
  }
  ul.navbar-nav > li > a{
    height: auto;
    padding: 2.5rem 1.7rem;
  }
  ul.dropdown-menu{
    position: relative;
  }
  .dropdown-submenu>.dropdown-menu{
    left: 0;
  }
  .dropdown-submenu > ul > li > a {
    background-color: #e4e4e4;
  }
  ul.slides li div.left img{
    position: absolute;
    left: -200px;
  }
  ul.slides li div.right img{
    position: absolute;
    right: -200px;
  }
  ul.slides li div.center img{
    position: absolute;
    left: -50%;
  }
  .banner-text{
    font-size: 7vw;
    line-height: 9vw;
  }
  .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn {
    width: 100%;
    border: 0px
  }
}

@media (max-width: 535px) {
  .search-icon {
    margin: 1.5rem 2rem 0rem 3rem;
  }
  .flexslider .slides > li{
    height:250px;
  }
  .banner-full{
    height: 250px;
  }
  ul.slides li div.left img{
    position: absolute;
    right: -200px;
		left: initial;
  }
  ul.slides li div.right img{
    position: absolute;
    left: -200px;
		right: initial;
  }
  ul.slides li div.center img{
    position: absolute;
    left: -50%;
  }
  .banner-text p:nth-last-child(1n){
    margin-bottom:15px
  }
  .banner-text button{
    font-size: 1.5rem;
    margin-bottom:10px
  }
  .flexslider .slides img{
    height: 250px;
  }
  .col-lg-2{
    width: 50%;
    padding: 0;
  }
  .col-lg-2:nth-child(2n+1){
    padding-right: 5px
  }
  .col-lg-2:nth-child(2n+2){
    padding-left: 5px
  }

  ol.inline.commerce-checkout-progress li {
      width: 100%;
      border-bottom: 1px solid #fff;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
  }

}

@media (min-width:992px){
  .home-west .col-lg-3:nth-child(1),
  .home-edit .col-lg-3:nth-child(1){
    width:50%;
  }
}

@media (max-width: 992px) and (min-width: 769px){
  .home-west .col-lg-3:nth-child(1),
  .home-edit .col-lg-3:nth-child(1){
    width: 100%;
  }
}

.tab-pane{
  display: none;
}
.tab-pane.active{
  display:block
}

.form-item-payment-amount .control-label {
    display: none;
}

.print { height: 32px; width: 32px; cursor: pointer; margin: 0 5px 5px 0; display: inline-block; overflow: hidden; border: 0; text-decoration: none; text-transform: none; text-align: center; color: inherit; transition: all .2s ease-in-out; background-color: rgb(102, 102, 102); border-radius: 26px; } .print a { color: #fff; vertical-align: middle; } .print:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); outline-offset: -1px; color: inherit; }

.form-submit.ajax-processed {
    padding: 1rem 2rem;
    text-transform: none;
    font-size: 1.8rem;  
    margin-bottom: 2rem; 
}


.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #004990;
    border-color: #004990;
}


/*I would like to give*/
div.row.form-wrapper.form-group div.col-sm-9 {
    font-size: 1.8rem;
    padding-top: 1rem;
}


/* Date on news page */
.field-content.date {
    float: left;
    padding-left: 0.5rem;
	padding-bottom: 2rem;
}


/* Gift aid */
.help-block {
    font-size: 1.6rem;
}


div.circumstances-helpblock div.help-block {
    font-size: 1.4rem;
}

.circumstances-helpblock {
    margin-top: 2rem;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
}

/* Error styling change */

div.error, table tr.error {
    background-color: #fff;
	}
	
	
	
/* Donate select amount */

.form-item.form-item-payment-amount.form-type-select-or-other.form-group .input-group {
    margin-bottom: 4rem;
}	
	
.form-item.form-item-payment-amount.form-type-select-or-other.form-group .input-group .input-group-addon {	
	vertical-align: bottom;
font-size: 4rem;
    font-weight: normal;
    background: transparent;
    border: 0px;	
	}
	
#barnabas-donate-form div.form-item .select-or-other-select.form-control.form-select.required {
    font-size: 2.2rem;
    padding: 1.2rem !important;
    height: auto;
}	
	
.select-or-other-other.form-control.form-text {	
    padding: 1.2rem;
    font-size: 2.2rem;
    height: auto;
	}
	
	
.form-item select#edit-project {
    margin-bottom: 3rem;
    height: auto;
    padding: 1rem;
    font-size: 1.8rem;
}	

.form-item-title-select select#edit-title-select {
    font-size: 1.4rem;
    padding: 6px 12px !important;
}

.form-item.form-item-claim-giftaid.form-type-radio.radio {
    margin-top: 3rem;
}

.form-item.form-item-claim-giftaid.form-type-radio.radio label {
    font-weight: bold;
}

/*Shop navigation pills */

.paragraphs-items .paragraphs-item-quicktabs ul {
    margin: 0rem 0px 2rem 0px;
    float: left;
}

.paragraphs-items .paragraphs-item-quicktabs ul li {
    margin-left: 1rem;
}


button#edit-customer-profile-shipping-edit-button, button#edit-customer-profile-billing-edit-button, button#edit-customer-profile-shipping-edit-button--2 {
clear: both;
display: block;
margin-top: 1rem;
}

.addressfield-container.locality-block,.street-block,.addressfield-container-inline.name-block {
    font-size: 1.8rem;
}

#customer-profile-shipping-ajax-wrapper .country {
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    color: #000;
    margin: 0rem;
}

#customer-profile-shipping-ajax-wrapper .country, #customer-profile-billing-ajax-wrapper .country {
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    color: #000;
    margin: 0rem;
}

.line-item-total {
    margin-bottom: 2rem;
}

ol.commerce-checkout-progress.clearfix.inline li.active {
    font-weight: bold;
}
ol.commerce-checkout-progress.clearfix.inline li {
    font-weight: 300;
}


@media (max-width:790px) {
.mailchimp-signup-subscribe-form .form-item {
width: 100%;
       margin: 0px 0px 2rem;
}

.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields {
    width: 100%;
 
}

}


@media (max-width:767px) {

header#navbar {
padding: 0rem;
}

header#navbar button.navbar-toggle {
    margin-right: 1rem;
}


#navbar .donate {
    float: left;
    clear: both;
    margin: 1rem 0rem 0rem 1rem;
}


ul.navbar-nav > li > a {
    padding: 1rem 1.7rem;
}

a.logo.navbar-btn img {
    margin-left: 3rem;
}

}


@media (max-width: 992px) and (min-width: 768px) {

a.logo.navbar-btn img {
    margin-left: 1rem;
    margin-left: 1rem;
}

#navbar .donate {
   margin-right: 1rem;
}

}

@media (max-width: 1199px) and (min-width: 767px) {

header#navbar {
padding: 0rem;
}

ul.menu.nav.navbar-nav {
    margin-top: 2rem;
    background: #f5f5f5;
}

ul.navbar-nav > li > a {
    height: 5rem;
    padding: 1.5rem;
}
}


form#commerce-checkout-form-review {
font-size: 1.8rem;
}

form#commerce-checkout-form-review .country {
    font-size: 1.8rem;
    color: #000;
    font-style: normal;
    font-weight: normal;
}

section#main-content section#block-mailchimp-signup-sign-up-form h2 {
    color: #5091CD;
}

div#footer-columns a:focus {
    background: transparent;
}

.region-footer #block-block-1 p.small a:hover {
    text-decoration: underline;
}

form#barnabas-donate-form select#edit-title-select {
    padding: 6px 12px !important;
    font-size: 1.4rem;
}

/** Styles for checkout page buttons and font-size **/

button#edit-continue:hover {
    background: #004990;
    cursor: pointer;
    color: #fff;
}

button#edit-continue {
    padding: 1rem 2rem;
    text-transform: none;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    border: 0px;
    color: #ffffff;
    padding: 1rem 3rem;
    text-transform: uppercase;
    line-height: 2.2rem;
    border-radius: 5px;
    transition: 0.2s background;
    background: #5091CD;
}

button#edit-cancel {
    padding: 1rem 2rem;
    text-transform: none;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    border: 0px;
    color: #ffffff;
    padding: 1rem 3rem;
    text-transform: uppercase;
    line-height: 2.2rem;
    border-radius: 5px;
    transition: 0.2s background;
    background: #5091CD;
    margin-left: 4px;
}
button#edit-cancel:hover {
    background: #004990;
    cursor: pointer;
    color: #fff;
}
th.views-field.views-field-commerce-unit-price-1 {
   font-size: 1.8rem;
   font-weight: bold;
}
th.views-field.views-field-commerce-unit-price {
   font-weight: bold;
}
li.next.review {
    text-align: center;
}
li.payment {
    text-align: center;
}
li.complete {
    text-align: right;
}
#edit-checkout-completion-message {
    font-size: 1.8rem;
}
/**Checkout page styles changes**/
ol.inline.commerce-checkout-progress li {
    float: left;
    width: 25% !important; 
}
th.views-field.views-field-line-item-title{
    font-weight: bold;
}
th.views-field.views-field-quantity{
    font-weight: bold;
}
th.views-field.views-field-commerce-total{
    font-weight: bold;
}
td.views-field.views-field-quantity {
    position: relative;
    left: 12px;
}
.field.field-name-field-shop-email-updates.field-type-list-boolean.field-label-above .field-label {
    float: left;
    width: 21em;
}
.field.field-name-field-shop-updates-by-post.field-type-list-boolean.field-label-above .field-label {
    float: left;
    width: 21em;
}
span.post_code {
    font-weight: normal;
    font-size: 1.6rem;
}
.has-error .help-block {
    color: #737373;
}
.page-donate .pcatext.pcanotification {
    display: none !important;
}

/** styles written for User login block Remove
                           "Create new account && Request for new password links" **/

#block-user-login li {
    display: none;
}

/** End of styles written for User login block Remove
                           "Create new account && Request for new password links" **/
/** Popup Styles **/

.full-cover {
margin: 0px;
padding: 0px;
background: transparent;
height: 100%;
width: 100%;
position: fixed;
opacity: 0.6;
}

.bf-popup {
max-width: 579px;
height: 350px;
background: #fff;
margin: 0 auto;
padding: 0rem;
position: fixed;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 1;
}

@media (max-width:768px){
 .bf-popup {
  max-width: 400px;
  height: 240px;
  background: #fff;			
  }
}

.bf-popup img {
max-width: 100%;
height: auto;
}

.popup-button{
color: #fff;
background: #cf000f;
padding: 0.8rem;
width: 160px;
text-align: center;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 24px;
margin: 0 auto;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-decoration: none;
}

.popup-button:hover {
background: #000;
color: #fff;
}

.popup-close {
position: absolute;
right: 10px;
top: 10px;
}
#ouibounce-exit-modal .modal
{
background-color:transparent;
}
section#block-ouibounce-exit-modal-ouibounce-exit-modal {
    position: relative;
}
/* hover effect for artice titles - Start */
.news-grid strong a:hover {
  color: #004990 !important;
}
/* hover effect for artice titles - End */

/*Stay updated*/
.stay_updated1{
font-size: 1.4rem;
line-height: 1.8rem;
color: #333;
margin-top: 0px !important;
}
.stay_updated2{
font-size: 1.4rem; 
line-height: 1.8rem;
color: #333;
}

/* Disabling "Go Back to the form" button on success page of web form */
.page-node-done #block-system-main .links {
    display: none;
}

#edit-submitted-meeting-information-type-of-meeting-other {
    width: 100%;
}

.st-btn {
    background-color: #5091CD !important;
}


/* Sliding popup to display the text related to cookies on header or footer - start */
.sliding-popup-bottom {
    position: fixed;
}

.sliding-popup-top {
    /*position: relative;*/
    position: fixed;
}

.sliding-popup-bottom, .sliding-popup-top {
    z-index: 99999;
    text-align: center;
}

.baf-cookie-compliance-banner {
    background-color: #000;
    opacity: 0.78;
    color: #ff4500;
}

.baf-cookie-compliance-content {
    margin: 0 auto;
    max-width: 80%;
    display: inline-block;
    text-align: left;
    width: 100%;
}

.baf-cookie-compliance-banner .popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 95%;
}

.baf-cookie-compliance-message {
    float: left;
    max-width: 60%;
}

.baf-cookie-compliance-banner .popup-content .baf-cookie-compliance-message {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    min-width: 85%;
    margin: 0;
}

.baf-cookie-compliance-buttons {
    float: right;
    max-width: 40%;
}

.baf-cookie-compliance-banner .popup-content .baf-cookie-compliance-buttons, .baf-cookie-compliance-banner .popup-content .baf-cookie-compliance-message {
    float: none;
}

.baf-cookie-compliance-banner .popup-content .baf-cookie-compliance-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    min-width: 15%;
    margin: 0;
    text-align: right;
}

.baf-cookie-compliance-banner .popup-content .baf-cookie-compliance-buttons button {
    display: inline-block;
    vertical-align: top;
    font-size: 16.02px;
    font-size: .89rem;
    letter-spacing: .06em;
    white-space: normal;
    border-radius: 5.5em;
    -webkit-box-shadow: 0 4px 1.25em rgba(0,0,0,.2);
    box-shadow: 0 4px 1.25em rgba(0,0,0,.2);
    text-decoration: none!important;
    padding: .5635rem 2.415rem;
    -webkit-transition: -webkit-box-shadow .15s;
    transition: -webkit-box-shadow .15s;
    transition: box-shadow .15s;
    transition: box-shadow .15s,-webkit-box-shadow .15s;
    color: #fff!important;
    background: #337ab7;
}
/* Sliding popup to display the text related to cookies on header or footer - end */


/**
 * Styles for Stripe Elements
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}


/*custom styles for barnabas fund news letter*/
div.mailchimp-newsletter-mergefields
{
  vertical-align: top !important;
}
div.edit-actions
{
  vertical-align: top !important;
}

/* Home page banner responsive styles */
@media (max-width: 1199px){
  .flexslider .slides > li{
    height:auto;
    width: 100%;
  }
  .banner-full{
    height:auto;
    width: 100%;
  }
  .flexslider .slides img{
    height: auto;
    width: 100%;
  }
}

/* Inner pages banner responsive styles */
@media (max-width: 767px)
{
ul.slides li div.right img ,ul.slides li div.left img {
    position: relative;
    left: 0px;
  }
}
@media (max-width: 535px)
{
ul.slides li div.right img ,ul.slides li div.left img {
    position: relative;
    left: 0px;
  }
}


/* styles for close symbol " X " in pop up for clean align*/
#ouibounce-exit-modal .modal-footer
{
    text-align: right;
    width: 100%;
    height: 7%;
    padding-right: 22px;
    top: 6px;
    left: 0px;
}

/* styles for neatly aligning mail chimp form in " DE " Page*/
form#mailchimp-signup-subscribe-block-sign-up-de-form-form  button[type=submit]
{
   margin-top: 28px;
}

/*love not hate page styles for android*/
@media (min-width: 100px) and (max-width: 535px){
h1.rtecenter,h2.rtecenter,h3.rtecenter{
    font-size: 3em !important;
  }
}


/* responsive dontate now button in latest news articles */
a.project-donate,a.donate-button
{
   border: 1px solid transparent !important;
   transition: all 0.2s;
}
a.project-donate:hover,a.donate-button:hover
{
  background: #fff !important;
  color: #b11416 !important;
  border: 1px solid #b11416 !important;
}


/* Fix for buttons overlapping on doante page for mobile view*/

@media (max-width: 700px)
{
.payment-gateway {
    margin-bottom: 5px!important;
  }
}