/* @override 
	http://webdev2:8888/roomandpower/wp-content/themes/roomNpower/style.css */

/*
Theme Name:roomNpower
Theme URI:
Description: 
Version: 1.0
Author: Paul Barlow
Author URI: http://creative-council.net
Tags: 
*/

/* @group BASICS */
 @import url("https://use.typekit.net/ipb1ubq.css");
body{
	background-color: #e5e6e5;
}
img{
	width:auto;
	max-width: 100%;
	height: auto;
 }
 .hidden {
 	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
 }
.maxWidth{
	max-width: 1200px;
	margin: 0px auto;
}
.marTop{
	margin-top: 30px;
}
.marBott{
	margin-bottom: 30px;
}
.padTop {
	padding-top: 30px;
}
padBott {
	padding-bottom: 30px;
}
#content{
	background-color: #fff;
}
#preNav {
	background-color: #000;
}
#preNav a{
	color: #fff;
}
#topNav{
	background-color: transparent;
}
footer{
	background-color: whitesmoke;
	text-align: center;
	padding-bottom: 60px;
}
button {
	border: none;
}
.wp-block-embed-vimeo, .wp-block-embed-youtube{
		overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.wp-block-embed-vimeo iframe{
	left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
/* Social Icons from https://simpleicons.org/   --  need classes adding to them */
.sIcon{
  width: 30px;
  height: 30px;
}
.sIconPath{
	fill: blue;
}

#headerImg {
	margin: 0px auto;
}
.postHolder .post{
	margin-top: 30px;
}
.thumb{
	background-color: transparent;
	padding-top: 50%;
	overflow: hidden;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	background-position-x: center;
	margin-bottom: 15px;
}
/* @end */

/* @group NAVIGATION
 */

nav ul, .hList ul{
	margin: 0px;
	padding: 0px;
}
nav li, .hList li {
	list-style-type: none;
}
#preNav li{
	display: inline-block;
	padding: 0px 30px 0px 15px;
}	
#menu-list.hideMenu {
	display: none;
}	
	
	

#menuButt{
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
	text-align: center;
	width: 60px;height: 60px;
	background-color: #000;
	text-align: left;
	padding: 10px;
	cursor: pointer;
}
#menuButt div, #contentButt div{
	width: 100%;
  height: 5px;
  background-color: #fff;
  margin: 6px auto;
}
/* Rotate first bar */
#menuButt.hideMe .bar1{
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;
}
.bar1, .bar2, .bar3 {
	transition: .7s;
}
/* Fade out the second bar */
#menuButt.hideMe .bar2{
  opacity: 0;
}
/* Rotate last bar */
#menuButt.hideMe .bar3{
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}
.hList ul{
		display: flex;
		justify-content: center;
		text-align: center;
	}
.hList li{
		display: inline;
		float: left;
		/* 4 links */
		width: 25%;
		padding: 0px 15px;
		justify-content: center;
		align-items: center;
		text-align: center;
}
.hList li img {
	margin: 0px auto;
	width: 30px;
}

/* @end */



	
	
/* BIG SCREENS FROM HERE ON */

/* @group BASICS for BIG SCREENS */

@media(min-width:768px) {
	#topNav{
		margin-top: 200px;
	}
	#headerImg {
		margin-top: -240px;
		margin-bottom: 0px;
	}
	#menu-list{
		min-height: 40px;
		z-index: 100;
		background-color: #000;
	}
	#menu-list ul{
		height: 40px; 
		display: flex;
		justify-content: center;
		text-align: center;
	}
	#menu-list.hideMenu{
		display: block;
	}
	#menu-list li{
		display: inline;
		float: left;
		/* 6 links */
		width: 16.667%; 
		/* 7 links */
	/*	width: 14.28%;*/
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#menu-list li a{
		text-align: center;
		display: block;
	}
	#menu-list ul.sub-menu li a{
		line-height: 21px;
	}
	#menu-list ul.sub-menu{
		position: absolute;
		width: auto;
		display: block;
		z-index: 200;
		margin: 0px; padding: 0px;
		top: 40px;
		display: none;
	}
	#menu-list ul.sub-menu li{
		width: 100%;
		text-align: center;	
		display: block;
		height: 50px;
	}
	#menu-list ul.sub-menu li a{
		font-size: 17px;
		width: 100%; height: auto;
		padding: 15px;
	}
	#menuButt{
		display: none;
	}
	#topNav.current-menu-item{
		background-color: #333;
	}
	article .alignwide {
        margin-left  : -416px;
        margin-right : -115px;
    }

}
/* @end */



/* @group THEME SPECIFIC */
	body{
		color: #222;
		font-family: ope-sans, sans-serif;
		font-weight: 300;
		font-style: normal;
	} 
	#content {
		padding-bottom: 60px
	}
	a {
		color: #0069b4;
	}
	#menu-list, #menu-list li, .copperBG{
		background-color: #896d4a;
	}
	.copperLightBG {
		background-color: #e6ded7;
	}
	.blackBG {
		background-color: #000;
		color: #fff;
	}
	.whiteBG {
		background-color: #fff;
	}
	h1, h2, h3, h4{
		color: #896d4a;
		font-family: mostra-nuova, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-transform: uppercase;
	}
	h1 {
		margin-top: 30px;
	}
	#sideNav ul {
  margin: 0px;padding: 0px;
 }
	#sideNav li {
  border-top: 2px solid #896d4a;
	}
	#sideNav li ul {
  display: none;
 }
 #sideNav .current_page_item ul, #sideNav .current_page_ancestor ul {
  display: block;
 }
	#sideNav li ul li a{
  padding-left: 20px;
 }
	#sideNav li a {
  padding: 10px 0px 10px 0px;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 16px;
		line-height: 22px;
		display: block;
		letter-spacing: .03em;
	}
	#sideNav .current_page_item {
  padding-left: 30px;
  background: url(https://roomandpower.co.uk/wp-content/themes/roomNpower/img/arrow.png) -6px 4px no-repeat;
 background-size: 20px auto;
 }
	#menu-list li a,  #footerNav li a {
		color: #fff;
		font-weight: 800;
		text-transform: uppercase;
	}
	#footerNav {
		min-height: 40px;
		line-height: 40px;
	}
	#headerImg {
		background: url(https://roomandpower.co.uk/wp-content/themes/roomNpower/img/roomNpowerWebRepeat.png) repeat #fff;
		text-align: center;
	}
	.logo {
		max-width: 769px;
		margin: 0px auto;
	}
	.bigStatement {
		padding-top: 30px;padding-bottom: 30px;
		font-size: 18px;
		font-family: open-sans, sans-serif;
		font-weight: 400;
		font-style: italic;
	}
	footer {
		background: url(https://roomandpower.co.uk/wp-content/themes/roomNpower/img/roomNpowerWebRepeat.png) repeat #fff;
		padding-bottom: 200px;
	}
	.footerInfo {
		border-bottom: 15px solid #896d4a;
	}
	.footerStatement{
		font-size: 20px;
		text-align: left;
		margin: 0px;
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	    min-height: 100px;
	}
	footer .widgetRow {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	footer .widgetRow li {
		list-style-type: none;
	}
	.ccTag {
		margin-bottom: 60px;
	}
	@media(max-width:768px) {
		.logo{
			padding-top: 30px;
		}
		#menu-list li {
			border-bottom: 2px solid #fff;
		}
		#menu-list li:last-of-type {
			border-bottom: none;
			margin-bottom: 15px;
		}
		#menu-list li a{
			display: block;
			text-align: center;
			font-size: 28px;
			
			padding: 15px;
	}
	}
	@media(min-width:768px) {	
		#headerImg{
					height: 240px;
		}				
		h1{
		font-size: 76px;
		}
		h2 {
			font-size: 42px;
			line-height: 42px;
		}
	}
/* @end */
.featherlight{background:0 0;bottom:0;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;display:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;left:0;position:fixed;right:0;text-align:center;top:0;white-space:nowrap;z-index:2147483647}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.featherlight:last-of-type{background:rgba(0,0,0,.9)}.featherlight::before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle}.featherlight .featherlight-content{-webkit-animation:fadein .5s;animation:fadein .5s;background:#000;border:0;cursor:auto;display:inline-block;max-height:80%;max-width:90%;min-width:inherit;overflow:visible;padding:0;position:relative;text-align:left;vertical-align:middle;white-space:normal}@media screen and (min-width:980px){.featherlight .featherlight-content{max-height:90%}}.featherlight .featherlight-content .caption{color:#fff;font-size:16px;font-weight:lighter;line-height:1.25;max-width:100%;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap}.featherlight .featherlight-content .caption:focus,.featherlight .featherlight-content .caption:hover{overflow:visible;white-space:normal}.featherlight .featherlight-content a{color:#fff;text-decoration:underline}.featherlight .featherlight-content a:focus,.featherlight .featherlight-content a:hover{text-decoration:none}.featherlight .featherlight-inner{-webkit-animation:fadein .5s;animation:fadein .5s;display:block}.featherlight button{-webkit-appearance:button;font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}.featherlight button::-moz-focus-inner{border-style:none;padding:0}.featherlight .featherlight-close-icon{background-color:transparent;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%204.41L19.59%203%2012%2010.59%204.41%203%203%204.41%2010.59%2012%203%2019.59%204.41%2021%2012%2013.41%2019.59%2021%2021%2019.59%2013.41%2012%2021%204.41z%22/%3E%0A%3C/svg%3E);background-position:center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;border:0;cursor:pointer;display:block;height:30px;opacity:.6;overflow:hidden;padding:0;position:fixed;right:25px;text-align:center;text-indent:100%;top:25px;white-space:nowrap;width:30px;z-index:9999}.featherlight .featherlight-close-icon:focus,.featherlight .featherlight-close-icon:hover{opacity:1}.featherlight .featherlight-image{max-width:100%}.featherlight iframe{border:0}[data-featherlight] img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.featherlight-iframe .featherlight-content{border-bottom:0;-webkit-overflow-scrolling:touch;overflow-y:scroll;padding:0}@-webkit-keyframes featherlightLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes featherlightLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.featherlight-loading .featherlight-content{-webkit-animation:featherlightLoader 1s infinite linear;animation:featherlightLoader 1s infinite linear;background:0 0;border:8px solid #909090;border-left-color:#fff;font-size:10px}.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content::after{-webkit-border-radius:50%;border-radius:50%;height:10em;width:10em}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.featherlight-next,.featherlight-previous{background-color:transparent;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;cursor:pointer;display:block;height:60px;margin-top:-30px;opacity:.4;overflow:hidden;position:fixed;text-indent:100%;top:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:60px}.featherlight-next span,.featherlight-previous span{display:none}.featherlight-next:focus,.featherlight-next:hover,.featherlight-previous:focus,.featherlight-previous:hover{opacity:1}.featherlight-next{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22/%3E%0A%3C/svg%3E);background-position:0 0;right:10px}.featherlight-previous{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22/%3E%0A%3C/svg%3E);background-position:-5px 0;left:10px}.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none}
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}