/**
 * Theme Name: Jellydigio BFS Theme
 * Description: Custom built theme for the British Fantasy Society
 * Author: Jellydigio.com
 * Version: 1.0 
 * Text Domain: jellydigio
 */

 /* sitewide styles & blocks */

 /*fix missing wp classic editor styles*/
.alignleft{
  float: left;
  margin-right: 10px;
}
.alignright{
  float:right;
  margin-left:10px;
}

 .jd-override-to-fullwidth{
  --wp--style--global--wide-size:100%;
  --wp--style--root--padding-left:0;
  --wp--style--root--padding-right:0;
  margin-left:0 !important;
  margin-right:0 !important;
  width:100%;
 }
 .wp-block-latest-posts.wp-block-latest-posts__list{
  list-style: disc;
  padding-left:var(--wp--preset--spacing--10);
}
 /*all buttons animation behaviour*/
 .wp-element-button:hover, .wp-block-button__link:hover{
 transform: scale(0.9);
}
/* navigation menus */
.mobile-menu-only{
  display: none !important;
}
/*feature images*/
.wp-block-post-featured-image{
  background-image: url(/wp-content/themes/jellydigio/assets/images/fibg.webp);
  text-align: center;
}
.wp-block-post-featured-image img{
  object-fit: contain !important;
  max-height: 350px;
  max-width: 100%;
}
/* mobile menu links */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  padding: 0;
  border-right: 1px solid var(--wp--preset--color--light-grey);
  margin: 0 3% 0 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {  
  width: 96% !important;
}
 
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li {
  width: 96% !important;
  padding: 2%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li a{
  background: #f2f2f2;
  display: block;
  width: 96%;
  text-align: right;
  padding: 2%;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-item a::after {
  content:  "\00a0 - \00a0";
}
/* announcement blocks */
li.bfs-announcement{background-color:var(--wp--preset--color--teal); color:#fff;}
li.bfs-announcement time,li.bfs-announcement a,li.bfs-announcement a:visited{color:#fff;}

/* STYLES BY PAGE OR TYPE */
 /* homepage styles */
.blazon{
  min-height: 400px;
  background: center / contain no-repeat url(/wp-content/uploads/2024/04/homepage-image.webp);
}


/* REVIEWS custom post types */
.review-template .wp-block-post-featured-image{
  background-image: url(/wp-content/themes/jellydigio/assets/images/fibg.webp);
  text-align: center;
}
.review-template .wp-block-post-featured-image img{
  max-height:400px;
  object-fit: contain !important;
}

.jd-single-review-type{
  background: var(--wp--preset--color--maroon);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  margin: 10px 3px;
  display: inline-block;
}
.jd-single-reviewer{
  font-size: var(--wp--preset--font-size--unobtrusive);
  display: block;
  border-bottom:1px solid #ddd;
}
.review-template .jd-taxonomy span{
background: var(--wp--preset--color--maroon);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  margin: 0 10px;
}
.review-template .jd-taxonomy span a{
  color:var(--wp--preset--color--white);
  text-decoration: none;
}
.jd-review-box{
padding: 20px;
border: 1px solid #ccc;
}
.jd-review-box h3{text-align: center;}
.jd-review-box img{
  width:300px;
  max-width: 100%;
}
.jd-review-page-bottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.jd-review-page-bottom .jd-review-bottom-box{
  padding:1rem;
  width: 29%;
  padding: 1%;
  margin: 1%;
}
.jd-review-page-bottom .jd-review-bottom-box .jd-review-bottom-cover{
  text-align: center;
}
.jd-review-page-bottom .jd-review-bottom-box .jd-review-bottom-cover img{
  object-fit: contain;
  max-width:100%;
  max-height:258px;
  min-width:150px;
}

.jd-review-latest{
  display: flex;
  justify-content: space-around;
}

.jd-review-latest img{
  object-fit: contain;
  max-width:100%;
  max-height:300px;
}

/* Guest poster stuff */
.jd-guest-poster{
  width: 100%;
  display: block;
  clear: both;
  border-top: 1px solid var(--wp--preset--color--maroon);
  margin-top: 4rem;
}
.jd-guest-poster h4{
  text-align: center;
}
.jd-guest-poster-columns{
  display: flex;
}

.jd-guest-poster .jd-author-image{
  width:35%;
  max-width: 250px;
}
.jd-guest-poster-columns .jd-author-image img{
  max-width:100%;
  object-fit: contain;
}
.jd-guest-poster .jd-author-bio{
  width: 65%;
  padding:0 2rem;
}
/* latest posts feed */
.jd-latest-posts{
  width: 100%;
  max-width: var(--wp--style--global--wide-size) !important;
  display: flex;
  flex-wrap: wrap;
}

.jd-latest-posts .jd-post-item{
  
  width:30%;
  max-width:400px;
  min-width: 275px;
  padding: 1% 1% 1% 0;
  margin: 1%;
}
.jd-latest-posts .jd-post-body{display: block;  clear: both;}
.jd-latest-posts .jd-feature-img img{
  object-fit: contain;
  width: 100%;
  height: 180px;
  
}
.jd-latest-posts .jd-feature-img{
  background-image: url(/wp-content/themes/jellydigio/assets/images/fibg.webp);
  background-position-x: -150px;
  max-height: 180px;
  background-position-y: -20px;
}
.jd-latest-posts .jd-feature-img img.jd-review-cover-feature{
  object-fit: contain;
}


.jd-avatar{z-index: 100;
  position: relative;}
.jd-avatar .jd-avatar-pic{width:25%;float: left;}
.jd-avatar .jd-avatar-pic img{
  width: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin-top: -20px;
  height: 80px;
}
.jd-avatar .jd-byline{float:left; font-size:var(--wp--preset--font-size--small); padding:1rem;}

.jd-taxonomy{border-top: solid 1px #ddd;}

/* pagination */
.jd-pagination{
  width:100%;
  background: var(--wp--preset--color--pale-pink);
}
.jd-pagination li{
  display: inline-flex;
  list-style: none;
}
/* woocommerce stuff */
/* this is the explanatory text below the membership number etc */
.woocommerce form .form-row .woocommerce-input-wrapper .description{
  position:static;
  display:block;
  background-color:var(--wp--preset--color--maroon) !important;
}
#additional_wooccm0-description{display: block;}

/* CF7 form styles */
#jd-main-contact label{
color:#fff !important;
}
.wpcf7-response-output{
background-color: #fff;
}
.wpcf7-form{
  font-family:var(--wp--preset--font-family--body)!important;
  padding: 1rem 1rem 2rem 1rem;
  border-bottom: 1px solid #ccc;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email]{
  width:75%;
}
.wpcf7 .wpcf7-submit:disabled{
  background-color: var(--wp--preset--color--light-grey);
}
.wpcf7-form textarea{
  width: 75%;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  background: var(--wp--preset--color--pale-pink);
}
#jd-main-contact input[type=submit]{
  background-color: var(--wp--preset--color--maroon);
  border-radius: .33rem;
  border-color: var(--wp--preset--color--white);
  border-width: 0;
  color: var(--wp--preset--color--pale-pink);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 600;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
}
.wpcf7-form button, .wpcf7-form select#jdMemberSelect,.wpcf7-form-control.wpcf7-text{
padding: 0.5rem 1rem;
border-radius: 10px;
}
.wpcf7-form button, .wpcf7-form input[type="submit"], .wpcf7-form input[type=file]{ 
  background-color: var(--wp--preset--color--maroon);
  border-radius: .33rem;
  border-color: var(--wp--preset--color--white);
  border-width: 0;
  color: var(--wp--preset--color--pale-pink);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 600;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
}
.jd-details summary{cursor: pointer;
  background: var(--wp--preset--color--maroon);
  padding: 1rem;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
}
.wpcf7-form select#jdMemberSelect{
background: var(--wp--preset--color--pale-pink);
}
.wpcf7 input[type="number"], .wpcf7 input[type="text"], .wpcf7 input[type="email"]{
  background-color: var(--wp--preset--color--pale-pink);
  padding: 0.5rem;
  border-radius: 10px;
}
.wpcf7-form-control.wpcf7-text{background-color:var(--wp--preset--color--pale-pink);}
.uacf7-step.step-content button.uacf7-next{float: none !important;}
.wpcf7-form fieldset{border-radius: 10px;}
.wpcf7 .wpcf7-stripe button:disabled{background: #ccc;}

/* search results page */
.search .taxonomy-post_tag{
  display: inline-block;
}

@media screen and (min-width: 600px) and (max-width: 1150px){
  .jd-latest-posts .jd-post-item{
    width: 47%;
  }
  /*blog sidebar*/
  .jd-blog-sidebar h4.wp-block-heading{
  font-size:var(--wp--preset--font-size--mediumplus);
  }
  .jd-blog-sidebar ul.wp-block-categories-list.wp-block-categories{
    font-size: var(--wp--preset--font-size--small);
  }
}

@media screen and (max-width: 600px) {
/* menu styles */
 .mobile-menu-only{
  display: flex !important;
 }
 .single-review .jd-review-box .jd-flex-wrapper{display: block !important;}

 .jd-latest-posts .jd-post-item{
  width:100%;
 }
}

@media screen and (max-width: 1000px) {
  .single-review .wp-block-columns{flex-direction: column !important;}
  .single-review .jd-review-box .jd-flex-wrapper{ display: flex;}
  .single-review .jd-review-box .detailcols{flex-grow: 2; }
  .single-review .jd-review-box .detailcols img{max-width:200px}
}