/*
Theme Name: Charnwood
Version: 1.0
Description: A child theme of Divi
Template: Divi
*/

@import url("../Divi/style.css");

/*Styling of Events Page*/
.events-list-block { 
    background: #ff9009;
    padding: 18px !important;
    margin-bottom: 15px;
    
 }



/*Styling of promotion banner on the homepage*/

.promotion-banner a {

    display: block;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 22px;
}


#HomePageBoxes a {
color: #fff;
}
#HomePageBoxes a:hover {
text-decoration: underline;
}

/*LOGO Resnponsiveness*/

@media (max-width: 353px) {
  span.logo_helper {
    height: 42%;
 }
}



@media (max-width: 980px) {
.et_header_style_left #et-top-navigation {
    padding-top: 48px;
 }

.et_header_style_left .mobile_menu_bar {
    padding-bottom: 0px;
 }

}


/*Making the Table responsive*/

@media all and (max-width: 480px) {
  #tablepress-2-no-2, #tablepress-1-no-2 { width: 330px !important; }
}

.et_pb_section .table-row { max-width: 88% !important; width: 88%; }



/*Adjustment of the logo*/


@media all and (min-width: 632px) and (max-width: 980px) {
.et_header_style_left #logo {
    max-width: 38% !important;
 }
}


@media all and (min-width:1574px) {
  span.logo_helper { height: 51%; }
}

@media all and (min-width:981px) {
  span.logo_helper { height: 75%; }
}






@media all and (min-width:979px) and (max-width:1573px) {
  #et_search_icon:before {
    top: 9px;
 }
  .et_search_outer form { max-width: 400px !important; }
  .et-search-form { bottom: -55px; }
  span.et_close_search_field:after { margin-top: 30px; }
}

@media all and (min-width:649px) and (max-width: 980px) {
.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
    width: 57% !important;
    max-width: 57% !important;
 }
  .et-search-form { bottom: -55px; }
  span.et_close_search_field:after { margin-top: 30px; }
}

@media all and (min-width:820px) and (max-width: 980px) {
  .header-widgets { margin-top: 15px !important; }
  .mobile_menu_bar:before { top: -11px; padding-right: 20px; }
  #et_search_icon:before { top: -5px; }
}

@media (max-width: 648px) {
.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {
    width: 100% !important;
    max-width: 100% !important;
 }
  .et-search-form { bottom: -138px; }
  span.et_close_search_field:after { margin-top: 68px; }
}


/*Removes the bullet style list in the footer menu*/

#menu-services li:before,
#menu-useful-links li:before,
#recent-posts-2 li:before{
 display:none;
}
#menu-services li,
#menu-useful-links li,
#recent-posts-2 li{
 padding-left:0px !important;
}

/*Council Meetings Page - Agendas & Minutes background height*/

.meetings-agenda, .meetings-minutes{
 min-height:270px;
}

@media all and (max-width:478px){
  .meetings-agenda, .meetings-minutes{
 min-height:179px;
   } 
 
}
@media all and (max-width:978px){
  .meetings-agenda{
 margin-top:0px;
   } 
.meetings-minutes{
 margin-top:46px;
   } 
.minutes{
  position:absolute;
  top:346px;
  z-index:99; 
  }

}
@media all and (max-width:478px){
.meetings-minutes.first-column {
    margin-top: 58px !important;
 }
.minutes{
  top:495px;
  }
}




/*Contact-us page - Gives a border colour to the email field in newsletter signup*/
.et_pb_newsletter_form #email{
  border:1px solid #1a76bc !important;
}

/*Branston Community Library*/
.community-library-facebook{
    color: #1a76bc;
    position: absolute;
    font-size: 40px;
    padding-left: 10px;
    margin-top: -7px;
}

/*Styles the submit button on the contact us page*/
#gform_submit_button_1{
    background-color: #384884;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 20px;
}
#gform_submit_button_1:hover{
transition: box-shadow 0.2s ease;
    box-shadow:3px 2px #222;
}

/*Sets equal height to the rows in the table on contact us page*/
.report-an-issue-contact tr{
 height:73px;
}


/*Removes the animation class where the blurb icons are not used*/
.blurb_no_animation img {
    opacity: 0;
}


/* initiate mobile menu sooner than 980px by GQ */
 
    @media only screen and (min-width : 981px) and (max-width : 1574px) {
        #et_mobile_nav_menu {display:block; margin-bottom:10px; margin-top:5px }
        #top-menu-nav { display:none; }
        #et-top-navigation {padding-top: 29px !important; padding-bottom: 29px !important; padding-right: 24px !important;}
     }

   @media only screen and (min-width: 1575px) {
        #et-top-navigation { padding-left:0px !important; margin-right: 13%; !important;}
     }

        

/*Sets the width of the header section to 92%*/

.et_fullwidth_nav #main-header .container {
    width: 92%;
}



/*Makes the logo responsive on mobile screen*/

@media (max-width: 980px){

#main-header {
    padding-top: 25px;
    padding-bottom: 25px;
}

.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
}

#logo {
    max-height: 85%;
   }

.et_mobile_menu {
    top: 104px;
 }

}







/*----  REPORT AN ISSUE   ----   HEADER WIDGETS --- */



.header-widgets {
    float: right;
    margin-top: 40px;
    width: 240px;
    position: relative;
    z-index: 500;
    
}

.header-widgets .widget {
    padding-left: 0;
    padding-right: 0px;
}


li#menu-item-729 a,
#menu-item-729 a {
    background-color: #FF9009;
    color: #ffffff;
    padding: 10px 20px;
}

li#menu-item-729 a:hover {
    transition: box-shadow 0.2s ease;
    box-shadow:2px 2px #fff;
    //font-weight: 600;
}




/*----  REPORT AN ISSUE   ----  STYLING --- */

.header-widgets {
    width: 392px !important;
}

.header-widgets .widget h2 {
    line-height: 1.1em;
    float: left !important;
    padding-right: 20px;
    margin-top: -4px;
    color:#fff;
}



/*----  REPORT AN ISSUE   ----   RESPONSIVE --- */
@media all and (min-width: 411px) and (max-width: 678px) {
 #et-top-navigation { padding-left: 342px !important; }
}


@media all and (max-width:678px){

.header-widgets {
    width: 282px !important;
    margin-top: 0px;
    text-align: right;
}

.header-widgets .widget h2 {
    float: left !important;
    padding-right:0px;
    line-height:3;
    font-size: 18px;
}

#menu-contact{
    margin-top: 10px;
    float: right;
  }

}


/*---- MOBILE DROP DOWN MENU ADJUSTMENT--- */

@media (max-width: 678px){
.et_mobile_menu {
    top: 165px;
   }
}

@media (min-width: 679px) and (max-width: 708px){
.et_mobile_menu {
    top: 168px;
   }
}

@media (min-width: 980px){
.et_mobile_menu {
    top: 128px;
   }
}



/*---- STYLING  OF HOMEPAGE IMAGE BLOCK--- */

.homepage_image img{
  min-height:418px;
}


.homepage-image{
    bottom: 6%;
    left: 0;
    width: 48%;
    color: #fff;
    background: rgba(0,0,0,0.5) !important;
    font-size: 25px;
    position: absolute;
    padding: 25px;
    line-height: 1.2;
}



/*Moves the social icons on the top header towards the right hand side*/

#et-info .et-social-icons{
  display:none;
}

#et-secondary-menu .et_duplicate_social_icons{
  display:inline-block;
}





.council-meetings-blurb:before {
content: "\e016";
position:relative;
font-family: 'ETmodules';
color: #1a76bc;
}






























/*----- Effect 8 - Push Up -----*/
.ds-hover8-wrapper {
	position: relative;
	color: rgba(0,0,0,0);
	width: 100%;
}
.ds-hover8 h2,
.ds-hover8 .Planning,
.ds-hover8 .Useful-Links{ 
   position: absolute; 
   display: block;
   z-index: 1;
   top: 70%; 
   width: 100%;
   font-size: 30px;
   text-align: center;
   text-transform: uppercase;
   font-size: 25px;
   color: #fff;
   background-color: #000;
   padding: 5px;
   -webkit-opacity: 0.75;
   -moz-opacity: 0.75;
   opacity: 0.75;
   padding:15px;
}

.ds-hover8 .Neighbourhood-Plan { 
   top: 85% !important; 
}

.ds-hover8 .planning{ 
   top: 71% !important; 
}

.ds-hover8 .Parish-Amenities,
.ds-hover8 .Events{
  top: 58% !important; 
}

.ds-hover8 .Contact-Us,
.ds-hover8 .Parish-Council{
  top: 58% !important;
    min-height: 80px;
    padding-top: 25px;
}




.ds-hover8 p {
	color: #fff;
}
.ds-hover8-wrapper:hover .ds-hover8 h2{ 
   //-webkit-opacity: 0;
   //-moz-opacity: 0;
   //opacity: 0;
   //-webkit-transition: all 0.5s ease;
   //-moz-transition: all 0.5s ease;
   //transition: all 0.5s ease;
display:none;
}

figure.ds-hover8 { 
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 0;
	position: relative;
	overflow: hidden; 
}
figure.ds-hover8 img{
	display: block;
}
figure.ds-hover8 figcaption a{
	text-decoration: none;
}
figure.ds-hover8::before, figure.ds-hover8::after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: black;
	position: absolute;
	opacity: 0.3;
	top: 0;
	left 0;
	-moz-transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
figure.ds-hover8 figcaption{
	position: absolute;
	display: block;
	line-height: 1.7em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	padding: 10px;
	z-index: 100;
	width: 100%;
	max-height: 100%;
        height:100%;
	overflow: hidden;
	top: 50%;
	left: 0;
	-moz-transform: translate3d(-100%, -50%, 0);
	-webkit-transform: translate3d(-100%, -50%, 0);
	transform: translate3d(-100%, -50%, 0);
	opacity: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
figure.ds-hover8 .large-text-caption {
 line-height: 3.7em;
}
figure.ds-hover8 figcaption h4{
    padding: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
figure.ds-hover8 img{
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
figure.ds-hover8 figcaption{
	top: 100%;
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.ds-hover8:hover img{
	-moz-transform: translate3d(0, -30px, 0);
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
}
figure.ds-hover8:hover figcaption{
	background-color: #9dac21;
	color: #fff;
	-moz-transform: translate3d(0, -100%, 0); 
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

@media all and (min-width:980px){
   .ds-hover8 .big-image{
    min-height:422px;
  }

  .ds-hover8 .image{
    max-height:200px;
  }
}



figure.ds-hover8 figcaption{
 font-size:15px;
}


@media all and (max-width:478px){

.events figcaption,
.parish-council figcaption{
    top: 94% !important;
}

.amenities figcaption {
    top: 77% !important;
}

.contact figcaption {
    top: 75% !important;
}

.homepage_blocks,
.useful figcaption {
    width: 100% !important;
}

.ds-hover8-wrapper {
    min-height: 256px;
    max-height: 256px;
    overflow: hidden;
  }

.ds-hover8 .Neighbourhood-Plan {
    top: 79% !important;
}
.ds-hover8 .Planning, .ds-hover8 .Parish-Amenities {
    top: 79% !important;
}
.ds-hover8 .Useful-Links, .ds-hover8 .Events {
    top: 79% !important;
}
.ds-hover8 .Contact-Us, .ds-hover8 .Parish-Council {
    top: 69% !important;
}

.parish-council figure.ds-hover8 figcaption{
 height:95%;
}
.contact figure.ds-hover8 figcaption{
 height:75%;
}
.amenities figure.ds-hover8 figcaption {
 height:77%;
}
.events figure.ds-hover8 figcaption {
 height:94%;
}

figure.ds-hover8 .large-text-caption {
    line-height: 2.7em;
}

}

.planning_,
.useful_links,
.neighbourhood_plan{
  min-height:256px;
}



/*Makes the image tilies on the homepage responsive for mobile by changing the images*/

@media all and (max-width:980px) and (min-width:478px) {
 .parish-council img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_council.jpg);
 }
.amenities img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_amenities.jpg);
 }
.events img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Events_groups.jpg);
 }
.contact img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Contact_us.jpg);
 }
.useful-links img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_news-medium.jpg);
 }
.planning img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Planning-medium.jpg);
 }
.neighbourhood-plan img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Neighbourhood_plan-medium.jpg);
 }


.ds-hover8 .Neighbourhood-Plan, .ds-hover8 .Planning, .ds-hover8 .Useful-Links {
    top: 76% !important;
}
.ds-hover8 .Parish-Amenities, .ds-hover8 .Events{
    top: 66% !important;
    min-height: 80px;
    padding-top: 25px;
}
.ds-hover8 .Contact-Us, .ds-hover8 .Parish-Council {
    top: 66% !important;
 }

}


@media all and (min-width:478px) and (max-width:768px){
 .homepage_blocks > .et_pb_column.et_pb_column_1_4 {
  width:100% !important;
  margin-right: 0px;
 }

.parish-council img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_council-medium.jpg);
    min-height: 256px;
 }
.amenities img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_amenities-medium.jpg);
    min-height: 256px;
 }
.events img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Events_groups-medium.jpg);
    min-height: 256px;
 }
.contact img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Contact_us-medium.jpg);
    min-height: 256px;
 }

.homepage_blocks .et_pb_column:last-child {
    margin-bottom: 30px !important;
}

.homepage_blocks .et_pb_column:nth-last-child(-n+2) {
    margin-bottom: 30px;
}

.ds-hover8 .Parish-Amenities, .ds-hover8 .Events, .ds-hover8 .Contact-Us, .ds-hover8 .Parish-Council {
    top: 76% !important;
    min-height: 0px;
    padding-top: 15px;
 }

}

@media all and (min-width: 769px) and (max-width:855px) {

.ds-hover8 .Parish-Amenities{
  top: 61% !important; 
}
.ds-hover8 .Events{
  top: 57% !important; 
}

.ds-hover8 .Contact-Us,
.ds-hover8 .Parish-Council{
  top: 61% !important;
}

}


@media all and (min-width: 981px) and (max-width:1300px) {
 .homepage_blocks .et_pb_column {
   width: 47% !important;
 }
 .ds-hover8 .Contact-Us, .ds-hover8 .Parish-Council {
    top: 70% !important;
    min-height: 0px;
    padding-top: 15px;
 }
 .ds-hover8 .Parish-Amenities, .ds-hover8 .Events {
    top: 70% !important;
 }
.parish-council img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_council-medium.jpg);
    min-height: 256px;
 }
.amenities img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_amenities-medium.jpg);
    min-height: 256px;
 }
.events img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Events_groups-medium.jpg);
    min-height: 256px;
 }
.contact img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Contact_us-medium.jpg);
    min-height: 256px;
 }
}





@media all and (max-width:478px) {
.parish-council img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_council-mobile.jpg);
 }
.amenities img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Parish_amenities-mobile.jpg);
    min-height:332px;
 }
.events img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Events_groups-mobile.jpg);
    min-height:272px;
 }
.contact img {
    content: url(http://www.branstonandmere.co.uk/wp-content/uploads/Contact_us-mobile.jpg);
    min-height:332px;
 }

.parish_council{
  min-height:256px;
}

.ds-hover8 .Parish-Council {
   top: 73% !important;
}

.ds-hover8 .Contact-Us { 
    top: 76% !important;
}
.ds-hover8 .Contact-Us, .ds-hover8 .Parish-Council {
     min-height: 0px; 
     padding-top: 15px;
}

}














/*Height adjustment of the boxes in the individual pages*/

@media all and (min-width:978px) {
.neighbourhood-plan .et_pb_promo_description p,
.planning .et_pb_promo_description p,
.parish-council-info .et_pb_promo_description p { 
  min-height:180px;
  }
.parish-amenities .et_pb_promo_description p{ 
  min-height:150px;
  }
.parish-amenities.text-center .et_pb_promo_description p{ 
  padding-top:16px;
  }
}



/*Changes the blog body text on contact us page*/

.contact-us-blog .post-content p { color: #fff !important; }



/*Changes the width of the row on mobile to 90%*/

@media all and (max-width:478px){

.parish-council-responsibilities,
.parish-council-blurb{
      width: 90%;
 }
}

/*Makes the blurb module on the parish council page responsive*/

@media all and (max-width:478px){
.parish-council-blurb .about-us-blurb.et_pb_blurb {
 padding-left: 10% !important;
 }
}



/*Footer Social Links*/

 #footer-widgets .footer-widget li:before { display:none; }

 #footer-widgets .footer-widget .footer-icons li {
  padding-left:12px;
  margin-right:11px;
  line-height: 1em;
  height: 47px;
  width: 52px;
}


.et-social-facebook a,
.et-social-twitter a {
    font-size: 24px;
    color: #384884 !important;
}
.et-social-google-plus a {
    font-size:20px;
    color: #384884 !important;
}

.et-social-icon{
    background-color: #fff;
    border-radius: 48%;
    padding: 11px;
}



.et-social-facebook a:hover, 
.et-social-twitter a:hover, 
.et-social-google-plus a:hover{
  color: #FF9009 !important;
}













/*Styling for Questionnaire Gravity form*/

@media only screen and (min-width: 641px) {

.choice-question {

    padding-top: 18px !important;
    padding-bottom: 41px;
    background-color: #f0f0f0;
    padding: 20px;
    /* border-bottom: 5px solid #222; */
    border: 1px solid;
    /* color: #fff; */

 }
}

.promotion-box {
    background: #FF9009;
    color: #fff;
    text-align: center;
    line-height: 2;
    width: 60%;
    margin: 0 auto;
    padding: 30px;
}

@media all and (max-width: 980px) {
  .promotion-box {
    line-height: 1.7;
    width: 100%;
    padding: 20px;
 }
}

.promotion-box-wrapper {  margin: 40px 0px!important; }

.title-text {
  font-size: 30px;
  color: #384884;
}



.gform_wrapper form {
    text-align: left;
    background: #384884;
    padding: 40px;
}

.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3, .gform_wrapper h4, .gform_wrapper .heading-title, .gform_wrapper .comments, .data-protection { color:#fff; }


#label_2_7_1 { font-size: 25px !important; }




/* SUMMER FETE FORM STYLING */

#gform_wrapper_4 { margin-top: 0px; margin-bottom: 0px; }

#gform_4 {
    background: #1a9a59;
    font-family: 'Chewy', cursive;
}

/*Styles the submit button on the contact us page*/
#gform_submit_button_4{
    background-color: #ffffff;
    color: #1a9a59;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Chewy', cursive;
}
#gform_submit_button_4:hover{
transition: box-shadow 0.2s ease;
    box-shadow:3px 2px #222;
}

@media all and (min-width: 480px) {
  #gform_4 .gform_body { font-size: 24px; }
}

#gform_wrapper_4 li.gfield.gf_list_2col ul.gfield_checkbox li label {
   white-space: normal;
}