/*
Theme Name: Birchanger Dog Field
Theme URI: https://www.birchangerdogfield.co.uk
Description: A custom demo designed solely for Birchanger Dog Field (https://www.birchangerdogfield.co.uk)
Author: DVH Design
Author URI: https://dvhdesign.co.uk/
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('https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css'); 

/*Font embed Start */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,400;0,500;1,600&family=IBM+Plex+Sans:wght@600;700&display=swap');

/*Font embed End */

/* Style Start */

body { width: 100%;
       height: 100%; }

h1 { font-family: 'IBM Plex Sans', sans-serif; 
     margin-bottom: 1em;
     color: #7da261; }

h2 { font-family: 'IBM Plex Sans', sans-serif; }

h3 { font-family: 'IBM Plex Sans', sans-serif; }

h4 { font-family: 'IBM Plex Sans', sans-serif; }

.soc i { margin-right: 1em; }

.soc a { color: #222; }

a { color: #624f35; 
    text-decoration: none; }

a:hover { color: #7da261;
          text-decoration: underline; }
.ftr a:hover, .soc a:hover { color: #fff; }

p, li, td { font-family: 'IBM Plex Sans Condensed', sans-serif; }

.fn { font-size: 0.95em;
      text-align: right; }

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

footer {
    margin-top: 25px;
}

.re { border: #f00 1px solid; }

.mim { display: none; }

a.btn-book { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background-color: #7da261; /* Old browsers */
background: -moz-linear-gradient(top,  #7da261 0%, #92a261 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7da261 0%,#92a261 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7da261 0%,#92a261 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da261', endColorstr='#92a261',GradientType=1 ); /* IE6-9 */
color: #fff;
font-family: 'IBM Plex Sans Condensed';
text-transform: uppercase; 
font-weight: 600;
font-size: 1.5em; 
padding: 0.75em 1.5em; 
margin-bottom: 1.5em; 
}

a.btn-book:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background-color: #624f35; /* Old browsers */
background: -moz-linear-gradient(top,  #624f35 0%, #a28761 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #624f35 0%,#a28761 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #624f35 0%,#a28761 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624f35', endColorstr='#a28761',GradientType=1 ); /* IE6-9 */
color: #fff;
text-decoration: none !important;
 }
 
 .spc { padding-bottom: 2em;  }
 
 .imgs {  margin-top: 1.5em; }
/* Style End */

/*  Video Embed Styling Start */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	margin-bottom: 1.5em;
}

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

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

/* Video Embed Styling End */

/* Layers Start */

.hdr { background: #e3d678 url(../images/BDF-Logo.jpg) no-repeat left center;
       background-size: cover;
       padding: 2em 0; }
       
.blrb { padding: 1.5em 0; }

.ftr { background-color: #7da261; 
       padding: 2em 0 1em 0; }
       
.nv { background: #e3d678; }

/* Layers End */

/* Nav styling start */

.nav-link { font-family: 'IBM Plex Sans Condensed', sans-serif;
            color: #222;
            text-decoration: none;
            font-weight: 500; }
            
.nav-link:hover { background-color: #7da261;
                  text-decoration: none !important;
                  color: #fff; }

/* Nav styling end */

/* Navigation to get Bootstrap working Start */

.navbar-light .navbar-nav .active > .menu-item a, .navbar-light .navbar-nav a.current_page_item, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show > .menu-item a {
    color: rgba(0,0,0,.9);
}

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-nav .menu-item a {
    padding-right: 0;
    padding-left: 0;
}
.mnu-item a {
    display: block;
    padding: .5rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
}

.nav-justified .nav-item, .nav-justified .menu-item {
    -ms-flex-preferred-size: 0 !important;
    flex-basis: 0 !important;
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
   
}

.navbar-expand-lg .navbar-nav a {
    padding-right: .5rem;
    padding-left: .5rem;
}

/* Navigation to get Bootstrap Working End */

/* Stuff that WordPress might want to use Start */

p.comment-form-comment label { vertical-align: top; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.navbar-brand { color: #222 !important; }


/* Stuff that WordPress might want to use End */ 

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) { 



 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.navbar-brand { display: none; }

.hdr {  min-height: 400px; }

.mim { display: inline-block; }

 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.navbar-brand { display: none; }

 }