/* 
 Theme Name:   Forbid
 Theme URI:    
 Description:  
 Author:       nickcollie
 Author URI:   http://nickcollie.com/wp
 Template:     twentyten
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
 
 
 
 --fp-yellow: #fae802;
 
 
--------------------------------------------*/

:root {
  --fp-yellow: #f9d32c;
}

.yellow{
 color:var(--fp-yellow);
}



/* Structure======================================================*/

html{
 width:100vw;
}
body{
  background:transparent;
  background:url('https://forbiddenplanet.uk/fpback.10.png');
  background-repeat:repeat;
  background-attachment: fixed;
  background-position: top 40%;
  font-family:sans-serif;
  width:100%;
}


#main{
 padding-top:140px;
 width:auto;
}

#wrapper{
 position:relative;
 max-width:1500px;
 width:auto!important;
 margin:0 auto!important;
 background:black;
 padding:0 10px!important;
}

img{
  max-width:100%;
}

.fullwidth #content{
 margin:20px;
}


#content {
 margin:10px;
}

#content .entry-title {
    text-align:center;
    color: black;
    background:var(--fp-yellow);
    padding: 5px 0;
}

#post-391  .entry-title,
.home #content .entry-title {
    display:none;
}

#post-391 h2{
 font-weight:400;
}

#nav-above{
 display:block;
}


.post img{
 max-width:500px;
}


@media screen and (max-width: 900px) {
 #masthead .fp-top-header{
  display:none;
 }
 
 .fplogo{
  border-top:30px solid transparent;
 }
 
}

/* Typo ======================================================*/


body,
h1,
h2, h3, h4, h5, h6,
p{
 color:white;
}

#content,
#content input,
#content textarea {
	color: black;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
 color:white;
}

.wp-block-post-title{
	visibility:hidden;
	height:1px;
}

p{
  font-size:16px;
  line-height:24px;
}


/* Header ======================================================*/

#header{
 position:fixed;
 z-index:1000;
 
 top:0;
 padding:0;
 margin:0;
 width:100%;
}

#header>div{
 max-width:1500px;
 margin:0 auto;
 background:rgba(0,0,0,0.9);
}
 
#header li a{
 display:inline-block;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:800;
 letter-spacing:1px;
 margin-top:3px;
 margin-bottom:0px;
 
  margin: 0 10px;
 color:white;
}

#header li a:hover{
 text-decoration:none!important;
 color:var(--fp-yellow);
 margin-top:0px;
 margin-bottom:3px;
}

.fplogo{
 padding-top:10px;
 text-align:center;
}

#header ul{
 list-style-type:none;
 margin:0;
 padding:0;
 text-indent:0;
 display:flex;
 flex-direction: row;
 justify-content:center;
}

/* Footer ======================================================*/



#colophon{
 text-align:center;
 width:100%;
}

#colophon ul{
 list-style-type:none;
 margin:0;
 padding:0;
 text-indent:0;
 display:flex;
 flex-direction: row;
 justify-content:center;
}



#colophon ul a{
 display:inline-block;
 margin: 0 20px;
 color:white;
 text-decoration:none;
}

/* Home ======================================================*/


#metaslider-id-22191 {
    border-bottom:none!important;
}

.rpwwt-widget ul li {
    position: relative;
    width: 100%;
    max-width: 355px!important;
}

.rpwwt-widget a{
 text-decoration:none;
 font-weight:300!important;
}

.slides{
 margin:0;
}

.slides li{
 text-align:center;
}

.metaslider img{
 height:auto;
}

 .rpwwt-widget ul li {
  width: 90%!important;
 }
 
.who_we_are{
 display:flex;
 flex-direction:row;
 align-items: center;
}


.who_we_are div{
 flex-basis: 50%;
 margin:10px;
}

.who_we_are_right h2 {
    color: #fae902!important;
}




/* Stores ======================================================*/

.niccol_store{
 border-top:2px solid white;
 padding-top:20px;
  background:black;
}

.niccol_store h2,
.niccol_store h4{
  color:white!important;
  background:black!important;
}

.niccol_store p{
  color:white!important;
}

.niccol_store p a{
  color:whiteimportant;
  text-decoration:underline;
}

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

.niccol_store h2{
 flex-basis: 100%;
 width:100%;
}

.niccol_store>div{
 flex-basis:50%;
 min-width:400px;
}

.niccol_store>div:nth-child(3){
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
}

.niccol_store>div:nth-child(3)>div{
 flex-basis:50%;
 
}

@media screen and (max-width: 500px) {
.niccol_store>div:nth-child(3)>div{
 flex-basis:100%;
 
}
}

/* Gallery ======================================================*/

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	display: block;
	padding: 0.5em 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.wp-caption-text {
	font-size: 14px;
	line-height: 20px;
}

.wp-block-gallery{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content: center;
}
 
.wp-block-gallery .wp-block-image{
 width:30%!important;
 min-width:300px!important;
 max-width:400px!important;
 
}

/* Events ======================================================*/


.tribe-events,
.tribe-events h3 a,
.tribe-events span,
.tribe-events time{
 color:white!important;
}

.tribe-events header div{
 background:transparent!important;
}

.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
    display:inline-block;
    background-color:white;
    border:10px solid black;
}



/* Blog ======================================================*/

#blog{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
}

#blog_container{
 flex-basis:100%;
}

#blog_sidebar{
 flex-basis: 20%;
}

.fp_blog_holder{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content: center;
}

.fp_blog_holder article{
 position:relative;
 width:33.333%;
 min-width:250px;
 flex: 1;
 margin-bottom:30px;
}

.fp_blog_holder article>div{
 margin:10px;
 height:95%;
 border:3px solid var(--fp-yellow);
 border-bottom-right-radius: 10px;
}

.fp_blog_holder article .post-img-wrap img{
 display:block;
 height:auto;
}

.fp_blog_holder article .post-date {
 display:none;
 position:absolute;
 top:0;
 left:0;
 background:var(--fp-yellow);
 color:black;
 width:60px;
 height:60px;
 text-align:center;
 font-size:130%;
 line-height:30px;
 border-bottom-right-radius: 10px;
}

.fp_blog_holder article .post-date span{
 display:block;
}

.fp_blog_holder article .entry-content{
 display:none;
}

.fp_blog_holder  h2 a{
 display:block;
 margin-top:4px;
 text-align:center;
 font-size:18px;
 text-transform:uppercase;
 text-decoration:none;
 line-height:1.5em;
 color:white!important;
}

.blog_footer_holder{
 margin-top:40px;
 padding-top:20px;
 border-top: 1px solid white;
 margin-bottom:40px;
 padding-bottom:20px;
 border-bottom: 1px solid white;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content: space-between;
}

.blog_footer_holder>div{

 flex:1;
 flex-basis:25%;
}

.blog_footer_holder>div aside{
 margin:10px;
 padding:10px;
}

.blog_footer_holder>div aside ul {
 margin:0;
 padding:0;
 list-style-type:none!important;

}

.blog_footer_holder>div aside ul li{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content: space-between;
 align-items: center;
}

.wp-block-latest-posts__featured-image{
 display:inline-block;
 margin:0;
 padding:0;
 flex-basis:20%;
}

.blog_footer_holder>div aside ul li a{
 flex:1;
 flex-basis:50%;
 padding-left:10px;
 text-decoration:none;
 color:white;
 font-size:150%;
}

.blog_footer_holder .wp-block-latest-comments__comment{
 margin: 0 0 40px 0;
}

.blog_footer_holder .wp-block-latest-comments__comment img{
 width:48px!important;
 height:48px!important;
}

.blog_footer_holder .wp-block-search__label{
 display:none;
}

@media screen and (max-width: 1000px) {
 .blog_footer_holder>div{
 
  flex:1;
  flex-basis:100%;
 }
}

/* Off Canvas ======================================================*/

.section-off-canvas-left{
	background:#111;
	position:fixed;
	top:0;
	height:100vh;
	width:0;
	z-index:10000;
	transition: width .5s;
	overflow:hidden;
}

.section-off-canvas-left .inner{
	height:100vh;
	border-right:2px solid white;
	overflow-y:scroll;
}


.section-off-canvas-left ul{
	list-style-type: none;
	text-indent:0;
	margin:0;
	padding:0;
}



.section-off-canvas-left a,
.section-off-canvas-left a:visited{
	display:inline-block;
	margin: 10px 20px;
	padding-left:10px;
	width:240px;
	color:white;
	text-transform: uppercase;
	line-height:40px!important;
	text-decoration:none;
	/*white-space:nowrap;*/
}




.section-off-canvas-left a.list-menu__item--active,
.section-off-canvas-left a:hover{
	color:var(--fp-yellow);
	background:#333;
}

#fp_hamburger_fixed{
	height:50px;
	width:50px;
	position:fixed;
	z-index:20;
	pointer-events: none; 
	top:0;
}

#fp_hamburger_fixed div{
	max-width:1200px;
	margin:0 auto;
	z-index:10000;
}

#fp_hamburger_fixed span{
	display:inline-block;
	height:24px;
	width:24px;
	margin:13px;
	pointer-events: auto; 
}

#left_closer{
	display:inline-block;
	color:white;
	width:24px;
	height:24px;
	margin:10px;
}

#left_closer_holder{
	text-align:right;
}

#left_closer_holder{
	position:sticky;
	top:0;
}

/* newsletter ======================================================*/

#mc_embed_signup{
 max-width:500px;
 margin:30px auto;
 background:#333!important;
}

#mc_embed_signup .birthday {
 width:60px!important;
}

.indicates-required{
 color:white;
}







.blog_footer_holder .wp-block-latest-comments__comment {
    margin: 0 0 0 0;
}

.wp-block-latest-posts__list li{
 margin-bottom:24px;
}


/* Rss Feed */


.feedzy-rss{
 position:relative;
}

.feedzy-rss ul{

    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}

.feedzy-rss li{
 display:block;
 width:300px;
 text-indent:0;
 background:#111;

 
}

.feedzy-rss .rss_header .rss_description{
display:none;
}

.feedzy-rss .rss_header a{
color:black;
text-decoration:none;
background:var(--fp-yellow);
display:block;
text-align:center;
}

.feedzy-rss li .title a{
 color:var(--fp-yellow);
 text-decoration:none;
}

.feedzy-rss li small{
 opacity:0;
}

/*---------------------------------------------------- Policies ---------*/

.privacy-policy .entry-content,
.page-id-27920 .entry-content,
.page-id-452 .entry-content{
 max-width:800px;
 margin:20px auto;
 background:white;
 color:black!important;
 padding:20px;

}

.privacy-policy .entry-content p,
.privacy-policy .entry-content h3{
 color:black!important; 
 margin-bottom: 5px !important;
}



.page-id-27920 .entry-content p,
.page-id-27920 .entry-content h3{
  color:black!important; 
  margin-bottom: 5px !important;
}

.page-id-452 .entry-content p,
.page-id-452 .entry-content h3{
  color:black!important; 
  margin-bottom: 5px !important; 
}