/*
Project     : BenfleetHorticulturalSociety
Filename    : bhs.css
Created     : 17-Feb-2019, 14:11:13
Author      : Tony Smith Web Design
*/

/*Colours*/
.green{color:#007300;}
.yellow{color:#fdd72a;}
.red{color:#FF0000;}
.white{color:#FFFFFF;}

body {
    min-width:360px;
    padding-top:50px;
    font-family:'Roboto',sans-serif;
    color: #333333;
    background-image: url("../img/IMGP1652.JPG");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}

#main{
    background-color: #FFFFFF;
}

.navbar-custom{
    background-color: #007300;
}

.dropdown-menu a:hover{
    color: #007300;
    background-color: #d4edda;
}

.dropdown-item.active{
    color: #FFFFFF;
    background-color: #007300;
}

span.logo_text{font-family: 'Architects Daughter', cursive;font-size:0.9rem;}

/*p{font-size:0.9rem;}*/
.display-4{font-size:3rem;color:#007300;font-family: 'Architects Daughter', cursive;}
h1{color:#007300;font-size:2rem;margin:1rem 0 0 0;font-family: 'Architects Daughter', cursive;}
h2{color:#007300;font-size:1.5rem;margin:0rem 0 0 0;font-family: 'Architects Daughter', cursive;}
h3{color:#007300;font-size:1.4rem;margin:0rem 0 0 0;font-family: 'Architects Daughter', cursive;}
h4{font-size:1.2rem;}
h5{font-size: 1rem;}
p.last-update{font-size:0.8rem;font-style:italic;color:#007300;margin-bottom:8px;}
.category{font-size:1.2em;}
div.messages{color: red;}

img.diary{width:100%;padding:0 0 1rem 0;}

.navbar-brand{font-size:1rem;}

ul.nostyle{list-style-type: none;}

.newsletter li{display:inline-block;list-style-type:none;line-height:2em;font-size:.875em;margin-left:2em;font-style:italic;}
.newsletter_link{width:140px;text-align:center;}

/*.gallery{margin-bottom:2em;margin-top:1em;background-color:#eee;border:1px solid #ccc;padding-bottom: 1em;text-align:center}
.gallery img{border-bottom:5px solid transparent;display:inline-block}*/
.galleries li{list-style-type:none;line-height:2em;font-size:.875em;margin-left:2em;font-style:italic;}

.entry_form_qty{max-width:3rem;}
h3.entry_head{font-size:1.2rem;}
p.entry_note{font-size:0.8rem;margin-bottom:0;}
#entry_table{font-size:0.8rem;}
.w-10{width:10%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-40{width:40%;}

#footer{background-color:#d4edda;}

.tinted { filter: brightness(30%); }

 /*Container holding the image and the text*/ 
.image_container {
  position: relative;
}

/*Image overlay for fully booked*/ 
.text-block {
  position: absolute;
  bottom: 1rem;
  left: 0;
  background-color: rgba(255,0,0,0.5);
  color: white;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

/*Force £ sign in 'Edit Seeds Entry' Admin page*/
.pounds:before {
  content: "£";
}

.card {background-color: #007300;}
.card-body {padding:0.7rem 0.7rem 0 0.7rem !important;}
h5.card-title {color: #FFFFFF; font-weight:bolder;}

.hyperlink {color:#000000; font-weight:900;text-decoration: underline;}

ul.nostyle{padding-left:0;}

 .submitting {
     cursor: not-allowed;
    }

.submitting:hover {
    cursor: not-allowed;
}

/*********** go to top button *************/
.go-top {
text-decoration: none;
display: none;
z-index: 1;
font-size:3rem;
}
a.go-top{color: #007300;}
a.go-top:hover {color:#00f200;}
/************* End go to top button ***************/

@media only screen and (min-width : 360px) {
    .card-columns{
       column-count: 2;
   }
}

@media only screen and (min-width : 450px) {
    span.logo_text{font-family: 'Architects Daughter', cursive;font-size:1.2rem;}
    .card-columns{
       column-count: 3;
   }
}

@media only screen and (min-width : 576px) {
    h4{font-size:1.4rem;}
    h3.entry_head{font-size:1.4rem;}
    p.entry_note{font-size:0.9rem;}
    #entry_table{font-size:0.9rem;}
}

@media only screen and (min-width : 768px) {
   .logo_text{display:none;}
   h1{font-size:2.5rem;}
   h2{font-size:1.6rem;}
   p.last-update{font-size:0.7rem;}
   h3.entry_head{font-size:1.5rem;}
   p.entry_note{font-size:1rem;}
   #entry_table{font-size:1rem;}
}

@media only screen and (min-width : 992px) {
    p.last-update{font-size:0.8rem;}
    .card-columns{
       column-count: 4;
   }
}