/*
Theme Name: UpNorth
Theme URI: https://generic.tools/
Author: Ian Ogle
Author URI: https://calmestghost.com/
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/bhadaway/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://calmestghost.com/donate). Thank you and enjoy!
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Version: 2.0.1
Requires at least: 5.2
Tested up to: 999.99
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html

*/

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html{scroll-behavior:smooth}
a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}

body{ margin: 0px; padding: 0px; font-family:Arial,sans-serif;line-height:1}

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

h1, h2, h3, h4, h5{
	margin: 10px 0px 10px;
	font-family: Arial;
	color: #444444;
}

h1{font-size: 30px;}
h2{font-size: 26px;}
h3, h4, h5{font-size: 24px;}

p{color: #444444;
margin: 10px 0px 10px;
font-size: 18px;
}

ol{
	margin: 0px; padding: 0px;
	list-style-position:inside;
}
ul{
	list-style: square;
	margin: 0px; padding: 0px;
	list-style-position:inside;
	}
	
li{
	color: #444444;
	font-family:Arial,sans-serif;
	margin: 15px 0px 15px;
	font-size: 18px;
}

li::marker {
  color: #3678c3;
}

.screen-reader-text a{display: none !important;}

.page #content p, .single-post #content p{font-size:18px;line-height:145%}
* p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0}
a{color:inherit;text-decoration:none;}
a:hover, a:focus{text-decoration:none; color: #3678c3;}
strong{font-weight:bold}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
pre, code{font-family:'courier new',courier,serif}
hr{height:1px;border:0;margin:30px 0;background:#ccc}
blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0}
blockquote p:first-of-type{margin-top:0}


input, textarea{font-size:18px;padding:15px;border:1px solid grey;outline:0;margin-top:5px;font-family:Arial,sans-serif;width: 100%;background-color: transparent;}
textarea{height: 120px !important;}
input:focus, textarea:focus{border:1px solid grey}
input[type="submit"], button, .button{display:inline-block;font-family:Arial,sans-serif;font-size:18px;background:#103b6b;color:#fff;text-align:center;text-decoration:none;padding:5px 25px;border:0;cursor:pointer}

input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus{background:#3678c3;}
a img, input[type="image"], iframe{border:0}
a img:hover, a:focus img, a svg:hover, a:focus svg{opacity:0.8}
img, img[src$=".svg"], svg{display:inline-block;line-height:normal;vertical-align:middle}
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
table{width:100%;margin:30px 0}

select {
  border: 2px solid #ddd;
  background: #fff;
  padding: 10px;
  transition: 0.4s;
}

select:hover,
select:focus {
  background: #ddd;
}


.wpcf7-list-item{
	width: 100% !important;
	display: inline-block !important;
}

#menu{}
#menu div:first-of-type{float:left}
#menu ul{font-size:0}
#menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0}
#menu li.menu-item-has-children > a:after, #menu li.page_item_has_children > a:after{font-family:serif;content:' ▾';line-height:0}
#menu li.current-menu-item a, #menu li.current_page_parent a{}
#menu a{display:inline-block;font-size:18px;color:#103b6b;text-align:right;text-decoration:none;line-height:33px;margin-top:-1px;margin-right:25px}
#menu a:hover, #menu a:focus{color:#767676;text-decoration:none}
#menu ul.sub-menu, #menu ul.children{position:absolute;display:block;top:100%;left:-9999px;margin-top:3px;transition:unset;z-index:1000}
#menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#103b6b;text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff}
#menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{color:#767676;background:#f7f7f7}
#menu li.menu-item-has-children a:hover + ul.sub-menu, #menu li.menu-item-has-children a:focus + ul.sub-menu, #menu li.menu-item-has-children a + ul.sub-menu:hover, #menu li.menu-item-has-children a + ul.sub-menu:focus-within, #menu li.page_item_has_children a:hover + ul.children, #menu li.page_item_has_children a:focus + ul.children, #menu li.page_item_has_children a + ul.children:hover, #menu li.page_item_has_children a + ul.children:focus-within{left:0}
#menu .menu-toggle{display:none;color:#fff;text-align:center;padding:0;border:0;margin:0;background:none;transition:unset}
#menu .menu-toggle:hover, #menu .menu-toggle:focus{color:#007acc}
#menu .menu-icon{font-size:50px}


.widget-container .search-field{width:100%}
.error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px}
.error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6}
.search-field{background:url(images/find.png) no-repeat 98% center / 24px auto}

a:link{text-decoration: none;}

.lightbluetxt{color: #3678c3;}
.darkbluetxt{color: #103b6b;}
.whitetxt, .whitetxt a:link, .whitetxt a:visited {color: #fff; text-decoration: none;}

.greybg{background-color: #444;z-index: -9999;}
.whitebg{background-color: #fff;}
.lightbluebg{background-color: #3678c3;}
.darkbluebg{background-color: #103b6b;}
.lightgreybg{background-color: #f7f7f7;}
.darkgreybg{background-color: #ededed;}

.smalltxt{font-size: 10px !important;}
.navtxt{font-size: 12px !important;}

.txtright{text-align: right;}
.center{text-align: center;}

#commentform label{display:block}
#commentform #comment{width:100%;max-width:400px !important;height:auto}
#comments .comment-author{line-height:14px}
#comments .comment-author img{margin-right:5px;float:left}
#comments .comment{margin:20px 10px}
#comments .comment-body{padding:15px}
#comments .odd > .comment-body{background:#f6f6f6}
#comments .comment-body > p{font-size:18px;margin:15px 0 0}

.entry-meta, .entry-footer, .archive-meta{margin:30px 0}
.entry-footer{clear:both}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#767676}

.bypostauthor{}
.post, .widget-container, .search article{margin-bottom:60px}
.post:last-of-type{margin-bottom:0}
.wp-caption{width:auto !important}
.wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center}
.wp-post-image{display:block;margin-bottom:30px}
.entry-attachment img{display:block;margin:60px auto 30px}
.attachment .entry-caption{text-align:center}
#content p.wp-block-cover-text{color:#fff}
.nav-links{margin-top:30px}
.nav-links a, #nav-above a{text-decoration:none}
#nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}

.note{display:block;font-size:14px;padding:20px;margin:30px 0}
.icon{display:inline-block;width:32px;height:32px;line-height:normal;vertical-align:middle;mask-size:cover;background-color:currentColor}
.symbol{font-family:"Times","Times New Roman","serif","sans-serif",system-ui,-apple-system,BlinkMacSystemFont,"Avenir Next","Avenir","Segoe UI","Lucida Grande","Helvetica Neue","Helvetica","Fira Sans","Roboto","Noto","Droid Sans","Cantarell","Oxygen","Ubuntu","Franklin Gothic Medium","Century Gothic","Liberation Sans",sans-serif,"EmojiSymbols"}

.round{border-radius:100px}
.circle{border-radius:50%}

.writing{
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  transform: rotate(-3deg);
  margin: 0px 0px 25px -20px;
}

.logo{
	border: 0px;
	margin: 18vh auto 0px;
	width: 40%;
}

.section, .content, .content{
	position: relative;
	margin: 0px auto 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.navigationtop, .main{
	position: relative;
	margin: 0px auto 0px;
	width: 100%;
	height: auto;
}

.main, .banner{
	margin: 0px auto 0px;
	max-width: 2100px;
}

.navigation{
	position: fixed;
	width: 100%;
	z-index: +999;
	border-bottom: 1px solid #dadada;
}

.navigationtop, .navigationmain{
	margin: 0px auto 0px;
	width: 100%;
}

.navigationmain{
	height: 65px;
}

.navigationtop{
	padding: 1px 7% 5px;
	border-bottom: 2px solid #dadada;
}

.navpadding{
	padding: 20px 5% 20px;
}

.banner{
	height: 80vh;
	min-height: 600px;
}

.paralaxcontent{
	padding: 20px 5% 20px;
}

.content{
	padding: 80px 5% 80px;
}

.social{
	padding: 40px 5% 40px;
}

.midbanner{
	background: url(images/header/parralax-home.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 50vh;
}

.footer{
	padding: 30px 5% 30px;
}

.bottomfooter{
	padding: 5px 5% 5px;
}

.homelink{
	margin: 20px auto 20px;
	width: 70%;
}

.homebtn{
	position: relative;
	margin: 0px auto 0px;
	border: 1px solid #fff;
	padding: 150px 20px 20px;
	text-align: center;
	width: 300px;
	color: #fff;
	border-radius: 10px;
}

.rentbtn{background: url(images/pict/icon-rent.png) center 20px no-repeat, url(images/pict/clearbg.png) repeat; transition: 1.6s;}
.rentbtn:hover{background: url(images/pict/icon-rent-over.png) center 20px no-repeat, url(images/pict/bg.png) repeat;}
.salesbtn{background: url(images/pict/icon-sale.png) center 20px no-repeat, url(images/pict/clearbg.png) repeat;; transition: 1.6s;}
.salesbtn:hover{background: url(images/pict/icon-sale-over.png) center 20px no-repeat, url(images/pict/bg.png) repeat;}
.homebtn:hover{border: 1px solid #103b6b; color: #103b6b;}

.socialmedia{
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	margin: 10px 10px 0px 0px;
}

.fb{background: url('images/social/fb.png') no-repeat; background-size: 100% auto; transition: 1.6s;}
.fb:hover{background: url('images/social/fb-over.png')  no-repeat;  background-size: 100% auto; transition: 1.6s;}
.tw{background: url('images/social/x.png') no-repeat; background-size: 100% auto; transition: 1.6s;}
.tw:hover{background: url('images/social/x-over.png')  no-repeat;  background-size: 100% auto; transition: 1.6s;}
.in{background: url('images/social/in.png') no-repeat; background-size: 100% auto; transition: 1.6s;}
.in:hover{background: url('images/social/in-over.png')  no-repeat;  background-size: 100% auto; transition: 1.6s;}

.flex{
	display: flex;
	flex-direction: row;
}

.twocols{
	flex: 48%;
	margin: 0px 1% 0px;
}

.threecols{
	flex: 31.333%;
	margin: 0px 1% 0px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 1%;
}

.grid-item {
	margin: 1vh 0% 1vh;
  align-items: center;
  display: flex;
  height: max(200px, 20vh);
  justify-content: center;
  padding: 100px 2% 20px;
  text-align: center;
  color: #fff;
}

.linkdurham{background: #103b6b url('images/pict/durham.jpg') top center no-repeat; transition: 0.3s;}
.linkdurham:hover{background:#103b6b url('images/pict/durham-over.jpg') top center no-repeat;}
.linksunderland{background: #103b6b url('images/pict/sunderland.jpg') top center no-repeat; transition: 0.3s;}
.linksunderland:hover{background: #103b6b  url('images/pict/sunderland-over.jpg') top center no-repeat;}
.linknewcastle{background: #103b6b url('images/pict/newcastle.jpg') top center no-repeat; transition: 0.3s;}
.linknewcastle:hover{background: #103b6b url('images/pict/newcastle-over.jpg') top center no-repeat; }
.linkteesside{background: #103b6b url('images/pict/teesside.jpg') top center no-repeat; transition: 0.3s;}
.linkteesside:hover{background: #103b6b url('images/pict/teesside-over.jpg') top center no-repeat;}
.linkedinburgh{background: #103b6b url('images/pict/edinburgh.jpeg') top center no-repeat; transition: 0.3s;}
.linkedinburgh:hover{background: #103b6b url('images/pict/edinburgh-over.jpg') top center no-repeat; }

.linkdurham, .linkdurham:hover, .linksunderland, .linksunderland:hover, .linknewcastle, .linknewcastle:hover, .linkteesside, .linkteesside:hover, .linkedinburgh,  .linkedinburgh:hover	{ background-size: cover;}


.servicessection{
	position: relative;
	margin: 30px 0px 10px;
	width: 100%;
	overflow: hidden;
}

.servicesicon{
	width: 100%;
}

.servicesinfo, .servicesimg{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.servicesinfo{width: 55%;padding: 0px 2% 0px 0px;}
.servicesimg{width: 43%;}

.imgservices{
	border: 0px;
	width: 100%;
}

.imgicon{
	border: 0px;
	width: 100px;
}

.mobcenter{
	text-align: left;
}

@media(max-width:1024px){
	
	}
	
@media(max-width:900px){
	
.logo{
	margin: 15vh auto 0px;
	width: 100%;
}

.navigationtop{
	padding: 8px 5% 8px;
	border-bottom: 2px solid #dadada;
}
	
.txtright{text-align: left;}
	
.grid, .grid-item{
	height: 0px;
	width: 0px;
	display: none;
}

.homelink{
	width: 100%;
}

.flex{
	flex-direction: column;
}

.twocols, .threecols{
	flex: 98%;
	margin: 10px 1% 10px;
}

.midbanner{
	height: auto;
}

.servicesinfo{width: 100%;padding: 0px 2% 0px 0px;}
.servicesimg, .imgservices{width: 0%; display: none;}

.mobcenter{
	text-align: center;
}
}

@media(max-width:768px){
	#menu, #menu div:first-of-type, #search{float:none}#menu.toggled{width:100%;height:100%;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:1000}#menu .menu-toggle{display:inline-block}#menu ul{display:none}#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none}#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color:#ccc}
	
	.navigationmain{
	height: 0px;
}
	
	}

	@media(max-width:767px){.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}.box-3{width:50%}.boxes .box-3:nth-child(3){width:100%}}
	
@media(max-width:576px){.layer{padding:10%}.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}}