/*
Theme Name: Holsworthy Primary School
Theme URI: http://www.holsworthyprimary.co.uk/
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for Holsworthy Primary School
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:#2F3243;
		line-height:28px;
		font-weight:100;
    background: #2F3243;
}

a{
	color:#ffffff;
	text-decoration: none;
}
.site{
  background: #ffffff;
}
.entry-content a, .split-row a{
	color:#000000;
}

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

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

h1{
  color:#2F3243;
	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:40px;
	margin-bottom:10px;
	/* max-width:500px; */
}

h2{
	color:#2F3243;
	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:30px;
	margin-bottom:40px;
}
h2:before{
  content: " ";
  position: absolute;
  width:100px;
  height:2px;
  background: #77A0DB;
  bottom:-10px;
}

h3{
	color:#2F3243;
	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;
}

/******** HEADER *********/
.site-header{
  background: #2F3243;
  padding:10px;
  text-align: center;
}
.headerlogo{
  max-width:500px;
  margin:0 auto;
}
.site-header 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;
    margin-top: 3px;

}
.site-header 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;
}
.site-header li:hover .sub-menu{
  display: block !important;
}
.site-header li:hover .sub-menu li{
  padding-left: 20px;
  padding-top:10px;
  padding-bottom:10px;
}
/* .site-header li .sub-menu li:before{
  content: " ";
  position: absolute;
  width: 20px;
  height: 2px;
  margin-left:-30px;
  margin-top:10px;
  background: #77A0DB;
} */
.sub-menu{
  display: none !important;
  position: absolute;
  width: 250px !important;
  background: #2F3244;
  z-index:9999;
  text-align: left;
}
.sub-menu li{
  text-align: left;

}
.current_page_item > a{
  color:#77A0DB;
}
#menu-top-navigation a:hover{
  color:#77A0DB;
}
#mobile-navigation-button{
  display: none;
  border:1px solid #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top:10px;
  margin-bottom:10px;
  color:#ffffff;
  cursor: pointer;
  font-size:1.1em;
  padding:2%;
}

/************ UPCOMING EVENT ************/
.upcoming-event-block{
  background: #2F3243;
  text-align: center;
  padding:10px;
  font-size:0.9em;
  color:#ffffff;
  border-top:1px solid #77A0DB;
}

.upcoming-event-block span{
  color:#77A0DB;
}
.upcoming-event-block a{
  margin-left:10px;
  color:#77A0DB;
}

/********** ELEMENTOR *********/
.elementor-widget-text-editor{
  color:#2F3243 !important;
  font-family: 'JohnstonITCStd-Light' !important;
  font-weight:100 !important;
}
.elementor-widget-button a.elementor-button, .elementor-widget-button .elementor-button{
  background-color: #2F3243 !important;
  font-family: 'JohnstonITCStd-Light';
  border-radius: 0px;
  color:#ffffff;
}
.elementor-widget-button a.elementor-button:hover, .elementor-widget-button .elementor-button:hover{
  background: #77A0DB !important;
}
.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:#2F3243;
}
.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:40px;
  padding-top:60px;
  padding-bottom:60px;
	position: relative;
	z-index:2;
  text-align: center;
	color:#ffffff;
	background: #2F3243;
}
.footerlogo{
  max-width:300px;
  margin-bottom:20px;
}
.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;
}


/********** BLUEBAR *************/
.bluebar{
  background: #2F3243;
  padding:2%;
  text-align: center;
  color:#ffffff !important;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.bluebar:hover{
  background: #77A0DB;
}
.bluebar .elementor-widget-text-editor{
  color:#ffffff !important;
}
.blue strong{
  font-size:1.1em !important;
  font-weight:100 !important;
  text-transform: uppercase !important;
}


@media only screen and (max-width: 768px) {
	body{
		font-size:17px;
    padding-top:10px;
	}
  .menu-bottom-navigation-container li{
    display: block;
    flex:none;
    padding:0px;
    width:100%;
    margin-bottom:10px;
  }
  .bluebar{
    padding:7%;
  }
  .menu-bottom-navigation-container ul{
    flex:none;
    display: block;
  }
  #menu-top-navigation{
    display: block;
    flex:none;
    margin-bottom:30px;
  }
  #menu-top-navigation li{
    flex:none;
    display: block;
    padding:2%;
    border-bottom:1px solid #ffffff;
    width:100%;
    text-align: left;
  }
  .sub-menu{
    position: static;
    width:100%;
  }
  .menu-top-navigation-container{
    display: none;
  }
  #mobile-navigation-button{
    display: block;
  }
  .site-header li:hover .sub-menu li:before{
    display: none;
  }
  .site-header li:hover .sub-menu li{
    border:0px solid transparent !important;
  }
  .sub-menu{
    margin-bottom:30px !important;
  }
}