/* Make sure it hyphenates long words and web urls */
p{
  overflow-wrap: break-word;
  word-wrap: break-word;
}



.logged-in .header_bottom56 .row {
	display:none;
}

.title56 {
    font-weight: 400;
}

.user-menu .user {
	display: none;
}

.logged-in .user-menu .user {
	display: block;
}

.logged-in .user-menu .non-user {
	display: none;
}

.footer-sidebar  a {
	color: #000;
	text-decoration: underline;
}

.page h2 {
    padding-bottom: 20px;
    padding-top: 30px;
}



/* Book shelf style */

.book-shelf-covers {
    width: 100% !important;
}

/*Make off-canvas hamburger menu be 100% on mobile rather than the default of 50% on tabet and desktop */
@media screen and  (max-width: 600px) {
.offcanvas56 {
    width: 100%;
}
}

/* Hide Footer widgets 2-4 on Tablet and Mobile */
@media screen and  (max-width: 840px) {
	aside.widget-area.col-1-5 {display: none !important;}
}

/* Favorites button style */
.simplefavorite-button {
	line-height: 1.4;
  padding-left: 32px;
	font-weight: 400;
	margin-bottom: 20px;
}

/* Make captions work properly! */
.wp-element-caption, figcaption {
    display: table !important;
}

.ad-break {
  text-align: center;
  margin-left: calc((900px / 2) - 50vw);
	
	width: 100vw;
	padding: 5px 0 20px 0;
	margin-top: 40px;
	margin-bottom: 40px;
	background:#f7f7f7;
}
.ad-break iframe {margin:auto;}

.ad-break::before {
	font-size: 11px;
  font-family: sans-serif;
  color: #5e6a74;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  content: "ADVERTISEMENT";
  height: 40px;
	line-height: 56px;
}

@media screen and (max-width: 760px) { 
	.big-lb {display:none;}
}

@media screen and (min-width: 760px) {
	.little-lb {display:none;}
}

@media screen and (min-width: 930px) {
	.ad-break {margin-left: calc((900px / 2) - 50vw);}
}

@media screen and (max-width: 600px) { 
	.ad-break {margin-left: -3%;}
}

@media screen and (max-width: 929px) and (min-width: 601px) { 
	.ad-break {margin-left: -1.5%;}
}

/* Google ads */
.google-auto-placed{
	background:#f7f7f7;
padding: 5px 0 30px 0 !important;
    margin-bottom: 30px !important;
    border: 0px solid #ddd;
}
.google-auto-placed::before {
    font-size: 11px;
    font-family: sans-serif;
    color: #5e6a74;
    letter-spacing: 1.25px;
    text-align: center;
    text-transform: uppercase;
    content: "ADVERTISEMENT";
    height: 40px;
    align-items: center;
    justify-content: center;
	    line-height: 36px;
}


/* My account */
@media screen and  (min-width: 760px) {
#acc-mobile {display: none;	}
.acc-menu {display: block;	}
	}

@media screen and  (max-width: 760px) {
#acc-mobile {display: block;	}
.acc-menu {display: none;	}
	}

.acc-menu {
	    background-color: #eee;
    line-height: 50px;
}

.acc-menu li a {
text-transform: capitalize !important;
font-size: 15px !important;
color: black !important;
font-weight: 400 !important;
}
.acc-menu ul {text-align: center;}

.acc-menu li {
display: inline-block !important;
    float: none !important;
}
.acc-menu ul.sub-menu li {
	display: list-item !important;
    float: left !important;
	width: 100%;
}
.acc-menu ul.sub-menu {
    width: 250px;
	text-align: left;
}
.woocommerce-MyAccount-content {
	min-height: 30vh;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #eee;
    line-height: 50px;
	display: none;
}

.woocommerce-MyAccount-navigation ul li:not(:last-child) {
  border-right: 1px solid #999;
}

.woocommerce-MyAccount-navigation ul li {
  padding: 0 10px;

}
.woocommerce-MyAccount-navigation ul li+li {
		padding-top: 0;
    margin-top: 0;
    border-top: 0;	
}

/* Woocommerce Shop pages */

.woocommerce-store-notice, p.demo_store {
display: none !important;
}

a.button.product_type_variable-subscription.add_to_cart_button{
  display: none !important;
}

.woocommerce .button {
	line-height: 0 !important;
	font-size: 12px !important;
  font-weight: bold !important;
  border-radius: 6px !important;
  background-color: green !important;
  padding: 2.5rem 5rem !important;
	color: white !important;
}

.woovr-variation-active {
	background-color: #e6ebff !important;
	border-color: #2800d7 !important;
}

.woovr-variation:before {
	line-height: 21px !important;
	top: -12px !important;
  right: -10px !important;
}

.woovr-variation-active:before {
	background-color: #2800d7 !important;
}

.woobt-product-this {
	display:none !important;
}

.woobt-wrap{
	padding: 20px;
	border: grey 1px dashed;
	margin: 40px 0;
	background-color: #efefef33
}


.bundled_products .item_title {
	font-size: 18px;
}

@media screen and  (min-width: 769px)
{
.woocommerce div.product div.summary {
	width: 70%;
}
.woocommerce div.product div.images {
	width: 26%;
}
}

/* Subscribe page */

.wp-block-heading {
  margin: 40px 0 10px 0;
  line-height: 1.0;
}
.sub-block {
	min-height: 400px;
}
.sub-block img {
	max-width: 500px;
}

.sub-block figure {
	margin: auto;
	padding: 20px 0;
}

.sub-price {
	padding: 5px 10px 30px 20px;
	border: 1px solid grey;
	text-align: center;
}

.sub-price .wcpbc-price {
	padding: 15px 0;
}

.sub-price .wcpbc-price-62431 {
	text-decoration: line-through;
	font-size: 12px;
}

.sub-price .is-pricing-tier-price {
width: fit-content;
    font-size: 16px;
    background-color: yellow;
    padding: 10px 15px;
    text-align: center;
    margin: 20px auto;
}

.sub-faqs {
	padding: 0 5px 40px 5px;
}

.sub-foot {
	margin-bottom:-40px;
	padding-top: 20px;
}

@media (min-width: 768px) {
 .with-right-separator {
    position: relative;
  }

 .with-right-separator::before{
  content: '';
  width: 1px;
  height: 160px;
  background-color: #808080;
  position: absolute;
  right: -1em;
  top: calc(50% - 80px);
 }
}


@media (max-width: 767px) {
 .with-right-separator::after {
	content: '- or -';
  top: 35px;
  position: relative;
  }
}


.faqs{
	border-bottom: 2px solid #f2f2f2;
	padding: 16px 0;
	font-family: 'roboto';
	font-size: 16px;
}

.wp-block-details.faqs[open] {
    padding-bottom: 30px; 
}   

.wp-block-details.faqs summary {
    padding: 3px 15px;
    margin: 0;
}

.wp-block-details.faqs > * {
    margin: 10px 20px;
 }

.wp-block-details.faqs summary::after {
  content:'\25BE';
	position: absolute;
	right: 18px;
}

.wp-block-details {
    position: relative;
}

 
.wp-block-details.faqs[open] summary::after {
	transform: rotate(-180deg);
}

/* Leak Paywall stuff */


#leaky_paywall_message {
	text-align: center;
	font-family: Arial;
	color: white;
  font-size: 12px;
  line-height: 1.625;
  width: 100vw;
  position: fixed;
  bottom: 0;
  background-color: black;
  left: 0;
  min-height: 250px;
  z-index: 99999;
	border-radius: 0;
	border: 0;
	padding: 50px;
	padding: 30px 20px 40px 10px;
}
#leaky_paywall_message h3 {
font-family: Arial;
    font-weight: 700;
    font-size: 28px;
}
#leaky_paywall_message li {

font-size: 15px;
list-style-position: inside;
}

#leaky_paywall_message a.button {
    background: #FFFFFF;
    color: #1A202C;
	font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    padding: 20px;
    border-radius: 8px;
    cursor: pointer;
}

#leaky_paywall_message input {
	margin: auto;
	font-family: Arial;
  font-size: 14px;
}

#leaky-paywall-quick-register-form {
    margin: auto;
	    text-align: center;
}

#leaky-paywall-quick-register-form .form-field label {
    display: none;
}



.leaky_paywall_subscription_options {
    justify-content: space-evenly;
}
.subscription-options-title {
	text-align: center;
padding:30px 0;
}
.leaky_paywall_subscription_option {
font-family: initial;
	width: 45%;
}

.leaky-paywall-subscription-details-wrapper {
font-family: initial !important;
	list-style-type: none;
}

.leaky-paywall-subscription-details-wrapper>ul {
padding-left:0;
	list-style-type: none;
}

.leaky-paywall-subscription-details-content-access>strong {display:none;}

.leaky-paywall-user-fields {
	font-family:initial;
	line-height:20px !important;
}

@media screen and  (max-width: 841px)  {.lky-title img {display:none;}}
@media screen and  (min-width: 841px)  {.lky-reg .wp-block-group__inner-container {
	  background: linear-gradient(
    to right, 
    #ffffff 0%, 
    #ffffff 50%, 
    #eeffff 50%, 
    #eeffff 100%
  );
  display: grid;
  grid-template-columns: 45% 45%;
	padding:40px;
	grid-gap: 10%;
	border:1px solid;
	border-radius: 10px;
}

.leaky-paywall-form-steps{
	grid-area: 1/1;
display:none;}

.leaky-paywall-subscription-details-wrapper{grid-area:1/2;}

.leaky-paywall-payment-form{grid-area:1/1/3/1;}

.leaky-paywall-registration-coupon-wrapper{grid-area:2/2;
text-align:center;}

}
.leaky-paywall-account-fields>h3{display:none;}



.sub-box{
	border: 1px solid grey;
	background-color: #e9f5fd;
	padding: 0 20px;
}

.tickbox  {
  list-style: none;
	padding: 10px 0;
	border-top:1px solid grey;
		border-bottom:1px solid grey;
	margin: 20px 0;
}
.tickbox li {
background: url('/wp-content/uploads/2020/11/tick2.png') no-repeat left top;
mheight: 54px;
padding-left: 44px;
padding-top: 3px;
padding-bottom: 2px;
}




/* Make the user menu top-right look better */ 

.user-menu {
    display: flex;
    align-items: center;
	font-family: 'Roboto Condensed';
	font-size: 16px;
	text-transform: uppercase;
	color: #666666;
	font-weight: 400;
}

.user-menu a {
	color:black;
}

.user-menu button {
	background-color: #13777C;
	padding: 10px;
    height: 24px;
margin:0 5px}



/* SHOP !! */
.shop-menu li, .mag-menu li {
    display: inline-block;
	padding: 10px 30px 10px 10px !important;
	font-family: 'roboto condensed'
}
.shop-menu, .shop-menu a {
	background-color: black;
	color: white;
}
ul.shop-menu{margin-bottom:0 !important;}
.mag-menu {background-color: #F0F0F0}
.shop-menu b {background-color: grey;}

@media only screen and (min-width: 769px) {
 
   .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
       float: none;
       width: 100%;
   }
 
   .woocommerce-MyAccount-navigation ul {
       text-align: center;
   }
 
   .woocommerce-MyAccount-navigation ul li {
       display: inline-block;
   }
 
}


.woo56, .woocommerce {
font-family: 'system-ui';
font-weight: 400;
font-size: 15px;
line-height: 24px;
}

.woocommerce th, .woocommerce a, .woocommerce h2, .woocommerce h3, .woocommerce button,.product_title, .amount {
	font-family: system-ui !important;
}

.woo56__title {
	font-family: sans-serif;
	text-align: center;
	padding: 25px;
}



/* Grid style */
.latest-issues {
	display: grid;
	grid-gap: 16px;
}
.latest-issues .title {
	display: block;
}

.latest-issues img, .latest-issues a { 
 
	max-width: 100%; 
	height: auto; 
	float: none !important;
	display: initial !important;
	
}

@media (min-width: 600px) {
	.latest-issues {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.latest-issues {
		grid-template-columns: repeat( 4, 1fr );
	}
}

/* Make the Grid4 section look better for portrait - useful for magazines and books */

.blog56--grid--4cols .tag-books img {
height: auto;
}
.blog56--grid--4cols .tag-books .thumbnail56 {
    margin-bottom: 10px;
    height: 400px;
}

.blog56--grid--5cols .category-magazines  img {
height: auto;

}

.blog56--list .category-magazines  img {
height: auto;

}

.blog56--list .category-magazines.post56--list--thumb-left .thumbnail56 {
    padding-right: 0px;
	width: 200px;
}


.blog56--list .category-magazines .thumbnail56 {
    margin-bottom: 10px;
    height: 260px;
	box-shadow: 2px -8px 8px rgba(0,0,0,0.2);
}

.blog56--grid--5cols .category-magazines .thumbnail56 {
    margin-bottom: 10px;
    height: 295px;
	box-shadow: 2px -8px 8px rgba(0,0,0,0.2);
}

.blog56--grid--5cols .category-magazines li {
	  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.5em;
  padding-left: 1.5em;
	padding-bottom: 0.4em;
	}

.blog56--grid--5cols .category-magazines .post56__text {
     padding: 16px 0 !important; 
}

/* Just some useful css for the articles */ 
.no-margin{
	padding: 10px !important;
}

.light-grey{
	background-color: #eeeeee;
	padding: 0 20px;
}

.grey{
	background-color: #e8e5e1;
	padding: 20px;
}
.black {
	background-color: #000000;
	color: white;
	padding: 20px;
}

.underline {
  border-bottom: 1px solid darkgrey;
}

.squircle {
  width: 200px;
	height: 200px;
	border-radius: 69% 31% 73% 27% / 27% 35% 65% 73% 
}

.box-shadow{
	box-shadow: 0 5px 30px -10px rgba(18,63,82,.3)!important;
	padding: 35px;
}

.box-shadow p {
	font-size: 0.75em;
	font-family:arial;
}
.box-shadow h5 {
	color: #aaaaaa;
  margin-top: -10px;
}



/* This is to make the Magazine pages look like the rest of the magazine */


h2.listing-item {
	border-bottom: solid black 2px;
}

.listing-item {
	overflow: hidden;
	padding: 10px 0;
}

.display-posts-listing.image-top .listing-item {
	margin-bottom: 32px;
}

.display-posts-listing.image-top .listing-item .title {
	display: block;
}

.display-posts-listing.image-top .listing-item .excerpt-dash {
	display: none;
}

.display-posts-listing.image-top .image {
	display: content;
	float: none;
	height: 300px;
}

.display-posts-listing.image-top img {
align-items: center;
	width: auto;
}

.listing-item .image{
	background: #fff;
  display: block;
	width: 260px;
	float:left;
	padding-right: 4.8%;
	height: 150px;
}

	@media screen and (max-width: 600px)  {
	.listing-item {
	border-bottom: 1px lightgray solid;
	padding: 20px 0;
	}

	
.listing-item .image{

	width: 100%;
	float: none;
	padding-right: 0;
	height: 150px;
	overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;

	
}
}

.listing-item .excerpt{
	font-family: "Georgia", serif;
	font-size: 15px;
	line-height: 24px;
	display: block;
	overflow: hidden;
}

.listing-item .title{
	font-family: "DM Serif Text", serif;
	font-size: 22px;
	line-height: 28px;
	color: black;
	display: block;
}

.listing-item .category-display{
	font-family: "Arial", serif;
	line-height: 21px;
	display: block;
	color: #af2105;;
	padding: 5px 0;
	font-size: 14px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: -0.3px;
}


/* Top bit of home page */
.main-head .row56__col--big {
    background-color: #e8e5e1;
    padding: 15px !important;
}

.header-tag, .header-tag a {
		font-family: 'Roboto condensed' !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .25px;
	text-align: center;
}

/* Makes subtitle go normal width */
.single56__subtitle {
    max-width: revert; 
}

.footer56__copyright a {
    text-decoration: underline;
}

/* Get rid of hero image caption */
.hero56__image figcaption.wp-caption-text {display: none;}

/* Make the article from.. bit better */

.what-mag-row{
	  display: flex;
		background-color: #e8e5e163;
	padding: 10px;
	font-family: var(--font-nav);
	font-size: 16px;
	border-radius: 10px;
}

.what-mag-col {
	flex:1;
	margin-left:10px;
}
@media screen and (min-width: 600px) {
	.what-mag-col:first-child {
	border-right: 1px solid lightgray;
}
}
@media screen and (max-width: 600px) {
  .what-mag-row {
    width: 93vw;
    display:block;
  }
}

.what-mag {

    overflow: auto	
}

.what-mag-thumb {
    float: left
}

.what-mag-thumb img {
	max-height: 80px;
	padding-right: 15px;
  display: block
}

.what-mag-content {
    margin-left: 80px
}
.mdp-speaker-wrapper {
   row-gap:0;
}


.magz figure {
box-shadow: 2px -2px 14px rgba(0,0,0,0.2);
}
.magz .meta56 {padding-bottom:15px;}
.magz .title56 {padding-top:15px;}


@media (max-width: 600px) {
	.in-depth .title56, .in-depth .excerpt56 {margin:10px;}
	.in-depth figure {max-height:200px;}
}


/* Opinion section - lots of bits */
 
@media (max-width: 992px) {
	.quote .excerpt56 {
	padding-bottom: 20px;
		border-bottom: 0px solid #ccc;
	}
}
.quote .excerpt56 {
	margin:0px 40px;
		text-align: center;
}
.quote .excerpt56:after, .quote .excerpt56:before {

    color: #f1efe6;
    font-size: 8rem;
    width: 4rem;
	height: 4rem;
}

.quote .excerpt56:before {
    content: '“';
	position: absolute;
	left: 0.5rem;
    top: 8rem;
}

.quote .excerpt56:after{
	position: absolute;
	content: '”';
    right: 0.5rem;
    bottom: 0rem;
    border: 0;
    left: auto;

	}

.quote .post-item-title{
	min-height: 90px;
}

.quote article.fox-grid-item {
	border-top: solid 0px #ccc;
}



/*MAke checkout look better */

div.woocommerce-additional-fields > h3 {
display: none;
}
h3#order_review_heading {display: none;}

.cart-subtotal { display: none !important; }

.woocommerce-checkout-review-order-table>thead {display:none;}

.woocommerce-checkout-review-order-table {background-color:#fafafa;}