/*
Theme Name: BHPC
Theme URI: http://www.fobpcbude.org
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for BGPC
Version: 1.0
*/

/* *{
	-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} */


@font-face {
  font-family: 'JohnstonITCStd-Light';
  src: url('fonts/JohnstonITCStd-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/JohnstonITCStd-Light.woff') format('woff'), url('fonts/JohnstonITCStd-Light.ttf')  format('truetype'), url('fonts/JohnstonITCStd-Light.svg#JohnstonITCStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ShorelinesScriptBold';
  src: url('fonts/ShorelinesScriptBold.eot?#iefix') format('embedded-opentype'),  url('fonts/ShorelinesScriptBold.woff') format('woff'), url('fonts/ShorelinesScriptBold.ttf')  format('truetype'), url('fonts/ShorelinesScriptBold.svg#ShorelinesScriptBold') format('svg');
  font-weight: normal;
  font-style: normal;
}


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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

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

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	border-radius: 0px !important;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

/************* SITE STRUCTURE ************************************/
body{
		font-family: 'Lato', sans-serif;
		font-size:19px;
		color:#262626;
		line-height:28px;
		font-weight:100;
}

a{
	color:#262626;
	text-decoration: none;
}

.entry-content a, .split-row a{
	color:#262626;
}

.entry-content{
	text-align: center;
	padding-bottom:10px;
}

a:hover{
	color:#262626;
	text-decoration: none;
}

h1{
  color:#262626;
	font-size:2.4em;
  text-align: center;
	margin:0 auto;
	font-weight:100;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	letter-spacing: 0.05em;
	  font-family: 'JohnstonITCStd-Light';
	margin-top:20px;
	margin-bottom:10px;
	/* max-width:500px; */
}

h2{
	color:#262626;
	font-size:1.4em;
	  font-family: 'JohnstonITCStd-Light';
	margin:0 auto;
	position: relative;;
	font-weight: 100;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;;
  text-align: left;
	margin-top:20px;
	margin-bottom:20px;
}


h3{
	color:#262626;
	font-size:1.2em;
	letter-spacing: 0.05em;
	margin-top:25px;
	  font-family: 'JohnstonITCStd-Light';
		text-transform: uppercase;;
	margin-bottom:10px;
	font-weight:100;
}
h5{
  text-transform: uppercase;;
  margin-top:20px;
}
h6{
  color:#77A0DB;
  font-size:0.8em;
  margin-bottom:10px;
  letter-spacing: 0.05em;
  font-family: 'ShorelinesScriptBold' !important;
}
ul{
	margin-left:0px;
  list-style-type: circle;
	margin-bottom:8px;
}
ul li{
		margin-bottom:8px;
}

#sidebar{
	display: none;
}

.bluebar{
  background: #F0F5F8 !important;
  margin-bottom:15px;
}
.testimonial{
  padding: 3%;
  font-size: 1.5em;
  line-height: 2.5em;
  background-image: url(images/testimonial-start.jpg), url(images/testimonial-end.jpg);
  background-repeat: no-repeat,no-repeat;
  background-position: right top, left bottom;
}

.site-info{
  text-align: center;
  font-size:0.8em;
}

/******** HEADER *********/
.site-header{
  padding:30px;
  text-align: center;
}
header img, footer img{
  margin-top:-10px
}
header .img-fluid, footer .img-fluid{
  max-width:100px;
}
.headerlogo{
  max-width:300px;
  margin:0 auto;
  margin-top:-20px;
}
.menu-top-navigation-container ul{
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}
.menu-top-navigation-container li{
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  margin: 0;
  position: static;
  /* padding: 19px 23px 19px 22px; */
  padding: 19px 20px 19px 20px;
  font-size: 15px;
  position: relative;
  background: #F0F5F8;
}
.menu-top-navigation-container li:hover{
  background: #96B5C7;
  color:#ffffff;
}
.menu-top-navigation-container li:hover a{
  color:#ffffff;
}
.menu-top-navigation-container li:hover .sub-menu{
  display: block !important;
}
.menu-top-navigation-container li:hover .sub-menu li{
  padding-left: 40px;
  padding-top:10px;
  padding-bottom:10px;
}
.menu-top-navigation-container li .sub-menu li:before{
  content: " ";
  position: absolute;
  width: 20px;
  height: 2px;
  margin-left:-30px;
  margin-top:10px;
  background: #77A0DB;
}
.menu-top-navigation-container  .sub-menu{
  display: none !important;
  position: absolute;
  width:200px !important;
  background: #2F3244;
  z-index:9999;
  text-align: left;
}
.menu-top-navigation-container  .sub-menu li{
  text-align: left;

}
.menu-top-navigation-container  .current_page_item a{
  color:#77A0DB;
}
.menu-top-navigation-container  a:hover{
  color:#77A0DB;
}
.current_page_item{
  background: #96B5C7 !important;
}
.current_page_item a{
  color:#ffffff !important;
}
.mobile-navigation{
  background: #96B5C7;
  padding: 19px 20px 19px 20px;
  font-size: 1.2em;
  color:#ffffff;
  cursor: pointer;
  text-align: center;
  display: none;
}


/********** ELEMENTOR *********/
.elementor-widget-text-editor{
  color:#262626 !important;
  font-family: 'JohnstonITCStd-Light' !important;
  font-weight:100 !important;
}
.elementor-widget-button a.elementor-button, .elementor-widget-button .elementor-button{
  background-color: #96B5C7 !important;
  font-family: 'JohnstonITCStd-Light';
  border-radius: 0px;
  color:#262626;
}
.elementor-widget-button a.elementor-button:hover, .elementor-widget-button .elementor-button:hover{
  background-color: #262626 !important;
  color:#ffffff;
}
.elementor-widget-button a.elementor-button, .elementor-widget-button .elementor-button,
.elementor-widget-image-carousel .elementor-image-carousel-caption{
    font-family: 'JohnstonITCStd-Light' !important;
    font-weight:100 !important;
    text-transform: uppercase !important;
}
.elementor-widget-text-editor{
    color:#262626;
}
.elementor-text-editor li{
  list-style: none;
  padding-left:30px;

}
.elementor-text-editor ul{
  padding-left:0px;
  margin-left:0px;
}
.elementor-text-editor li:before{
  content: " ";
  position: absolute;
  width: 20px;
  height: 2px;
  margin-left:-30px;
  margin-top:10px;
  background: #77A0DB;
}


/*************** FOOTER **************/
footer{
	margin-top:20px;
  padding-top:60px;
  padding-bottom:10px;
	position: relative;
	z-index:2;
  text-align: center;
}
.credit{
  font-size:0.8em;
}

/******** BOTTOM NAVIGATION **********/
.menu-bottom-navigation-container ul{
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.menu-bottom-navigation-container li{
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  margin: 0;
  position: static;
  /* padding: 19px 23px 19px 22px; */
  padding: 9px 10px 9px 10px;
  font-size: 15px;
  position: relative;
}

/************* PAGE **********/
.entry-header{
  display: none;
}


/******** SPLIT ***************/
.splitline{
  background: #F0F5F8 !important;
}

@media only screen and (min-width: 992px){
  .container {
      max-width: 1000px !important;
  }
}

@media only screen and (min-width: 1200px){
  .container {
      max-width: 1140px !important;
  }
}

@media only screen and (max-width: 992px) {
	body{
		font-size:16px;
    padding-top:0px;
	}
  .menu-bottom-navigation-container li{
    display: block;
    flex:none;
    padding:0px;
    width:100%;
    margin-bottom:10px;
  }
  .menu-bottom-navigation-container ul{
    flex:none;
    display: block;
  }
  #menu-top-navigation{
    display: block;
    flex:none;
  }
  #menu-top-navigation li{
    flex:none;
    display: block;
    width:100%;
    text-align: left;
  }
  .sub-menu{
    position: static;
    width:100%;
  }
  .menu-top-navigation-container{
    display: none;
  }
  .mobile-navigation{
    display: block;
  }
  header img, footer img{
    margin-top:0px
  }
  .site-header{
    padding:0px;
  }
  footer .mobile-navigation{
    display: none !important;
  }
.headerlogo{
margin-top:0px;
}

}