/*
Theme Name: Frank 2022
Description: Modern Frank, based on The Fox Theme
Author: David Little
Template: fox
*/

.dashicons-fox:before {
    content: "";
    display: block;
    background: url(../images/fsdsdss.png) center center no-repeat !important;
    background-size: 18px;
    width: 72px !important;
    height: 72px !important;
    padding: 0 !important;
}

body{ 
    background: url(../frank-2022/images/frank-background-newspaper-3.jpg);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: center;
    background-attachment: fixed!important;
}

/* the main magazine wrapper */
.fox-wrapper  {
  background: url(../frank-2022/images/frank-background-newspaper-4.jpg), #fff;
  background-size: cover;
  background-repeat: repeat-y;
  background-position: center;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
  padding: 40px;
}


@font-face {
	font-family: 'journal';
	src: url('fonts/journal.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'SpecialElite';
	src: url('fonts/SpecialElite.ttf');
    font-weight: normal;
    font-style: normal;
}

/* --- Sidebar main title ----------- */
.upfront-sidebar-title {
  font-weight: bold; font-family: journal, SpecialElite, arial, verdana; font-size: 2.2em!important;
}
  
/* Logo shadow */
.fox-logo img {
  -webkit-filter: drop-shadow(4px 4px 0px #fff);
  filter: drop-shadow(4px 4px 0px #fff);
}
.fox-logo img:hover{ 
    /* -webkit-filter: drop-shadow(0px 0px 0px transparent);
    filter: drop-shadow(0px 0px 0px transparent); */
    -webkit-filter: drop-shadow(4px 4px 0px #000);
    filter: drop-shadow(4px 4px 0px #000);
  }

.header-subscribe-image {
  margin-top: 70px;
  margin-left: 10px;
  z-index: 999;
  transform: rotate(-10deg);
  max-width: 200px;
  position: absolute;
 -webkit-filter: drop-shadow(1px 1px 0px #444);
 filter: drop-shadow(1px 1px 0px #444);
}
.header-subscribe-image:hover { 
  -webkit-filter: drop-shadow(2px 2px 1px #444);
  filter: drop-shadow(2px 2px 1px #444);
}
@media only screen and (max-width: 900px) { 
  .header-subscribe-image { display: none;}
}

.current_user_snippet_header {
  margin-left: 10px;
  z-index: 999;
  bottom: 0;
  margin-bottom: 120px;
  transform: rotate(-3deg);
  position: absolute;
 -webkit-filter: drop-shadow(1px 1px 1px #444);
 filter: drop-shadow(1px 1px 1px #444);
 background: url(../frank-2022/images/tape-yellow.png) top left no-repeat;
 background-size: cover;
 padding: 10px 20px;
}

.current_user_snippet_header a {
  color: red;
}
@media only screen and (max-width: 1250px) { 
  .current_user_snippet_header { margin-bottom: 80px;}
}

.site-header {
  position: relative;
  overflow-x: visible;
}
@media only screen and (max-width: 1250px) { 
  .site-header { overflow-x: clip;}
}

.header-tip-line {
  position:absolute;
  top:0;
  right:0;
  margin-top: 10px;
  margin-right: 20px;
  z-index: 999;
  transform: rotate(2deg);
  max-width: 160px;
  text-align: right;
}
.tip-line-text {
  display: none;
}
.header-tip-line:hover { 
  animation: phoneshake 0.5s;
  animation-iteration-count: infinite;
}
@keyframes phoneshake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.tip-line-text { 
  display: none;
  font-family: journal, SpecialElite, arial, verdana; 
  font-size: 140%;
  color: #fff;
}
.header-tip-line:hover .tip-line-text {
  display: inline;
}
@media only screen and (max-width: 1080px) { 
  .header-tip-line { margin-bottom: 60px;}
}
@media only screen and (max-width: 900px) { 
  .header-tip-line { display: none;}
}

.no-homepage-carousel-thumb .post-big-thumbnail {
    display: none;
}


.modal-search-wrapper .searchform .s {
  background-color: #fff !important;
}

.homepage-up-front .post-item-title.size-medium {
  /* font-size: 2.4em; */
}

.homepage-up-front .section-sidebar {
  background: url(../frank-2022/images/small-ripped-page-rev.png) top left no-repeat;
  background-size: cover;
  padding: 10px;
  transform: rotate(1deg);
}

.homepage-up-front .section-sidebar div{
  margin: 10px auto 0px 2px;
  text-align: center;
}

.homepage-up-front .section-sidebar .upfront-sidebar-title {
  font-size: 140%;
  text-align: center;
  margin-top: 30px !important;
}

.title-subtitle-smaller .post-item-subtitle {
  font-size: 100%;
}

@media only screen and (min-width: 840px) { 
  .post-item-subtitle > p {
    font-size: 23px!important;
    color: #444;
  }
}

.slogan {
  color: #000;
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
  filter: drop-shadow(0px 0px 4px #fff);
}

.read-more-text {
  font-size: 140%;
  margin-left: 10px;
}

.more-stories-link {
  color: #D2042D;
}

/* ---- Single Post classes -------- */
.frank-full-image-content .columnable-content {
  max-width: unset;
}

.story-teaser-tags {
  text-align: center;
  background-color: #eee;
  padding: 10px;
  margin: 10px;
}
.story-teaser-tags a {
  margin: 10px 20px;
  text-transform: uppercase;
}

.frank-title-small .post-item-title {
  font-size: 2em !important;
}
.frank-title-medium .post-item-title {
  font-size: 3em !important;
}
@media only screen and (max-width: 900px) { 
  .frank-title-small .post-item-title {
    font-size: 1.2em !important;
  }
  .frank-title-medium .post-item-title {
    font-size: 2em !important;
  }
}

b, strong {
  font-weight: bold!important;
}



/* From our old site, for the story purchase options */
.btn{ display: inline-block;color: #fff;background-color: #3667c3;font-size: 18px;padding: 5px 20px;border-radius: 5px; }
.btn:hover {color: #fff;} 
.subscription-table, .subscription-table td, .subscription-table tbody tr {  border: 0px;  padding: 0px;width: auto;}td.subscription-td-dashed {  border-right: 1px #aaa dashed;  padding: 10px;  text-align: center;}
td.subscription-td-normal {  padding: 10px;  text-align: center;  vertical-align: top;}
.subscription-price {font-size: 16pt;font-weight: 700;text-align: center;}
@media only screen and (max-width: 600px) {  .subscription-price {    font-size: 14pt;    font-weight: 700;    text-align: center;  } 
td.subscription-td-dashed, td.subscription-td-normal  { padding: 4px;    text-align: center;    min-width: 80px;  }  
.shopify-buy__btn {    min-width: 200px;  } 
.subscription-table {    margin-left: -10px;    margin-right: 0px;    margin: auto;  }}
.subscription-heading {text-align: center;}.color-white {color: #fff;}
.subscription_tab {font-size: 12pt;font-weight: 700;border-top: 4px #333 solid;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 10px 8px;background-color: #333;}
.sub_tab_1 {  color: #ddb967;}.sub_tab_2 {  color: #abba68;}.sub_tab_3 {  color: #F2593E;}
.sub-button {  background-color: #b67f25;  color: #fff;  font-size: 14px;  padding-top: 15px;  padding-bottom: 15px;  padding-left: 20px;  padding-right: 20px;  font-size: 14px;  padding-top: 15px;  padding-bottom: 15px;  border-radius: 5px;  cursor: pointer; display: inline-block;}
.sub-button:hover {    background-color: #C3964C; cursor: pointer;  }.sub-button:focus {    background-color: #C3964C;  }
.green-back { background-color: #727c46;}.green-back:hover { background-color: #8B9367;}.red-back { background-color: #BA361F;}.red-back:hover { background-color: #C65A47;}

.search-paperclip-container{
	position: relative;
  z-index: 999;
}

.paper_clip_search {
  -webkit-transform:rotate(7deg);
	transform: rotate(7deg); 
  display: block; 
  background: url(images/search-paper-clip.png);
	width: 259px; 
  height: 69px;
	position: absolute;
  right: 0;
	margin-top: 180px;
	margin-bottom: -40px;
	margin-right: -26px;
  
}

.paper_clip_search input {  }

.paper_clip_search input[type="text"] {
 font-weight: bold; font-family: journal, SpecialElite, arial, verdana; font-size: 32px;
	-moz-box-sizing: none;
	-moz-border-radius: 0px;
	-webkit-box-sizing: 0px;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 0px solid #fff;
	border-radius: 0px;
	cursor: text;
  border-style:none;
	outline: none;
	padding: 1px 8px;
	vertical-align: top;
	width: 170px;
	background: transparent;
	margin: 5px 0px 0px 10px;
}

.paper_clip_search :focus {
  background-color: transparent!important;
  color: red;
}

.paper_clip_search input:focus::placeholder {
  color: #eee;
}

.paper_clip_search input[type="submit"] {
	border: 0px;
	background: transparent;
	display: none;
}

@media only screen and (max-width: 840px) { 
  /* .paper_clip_search { margin-top: 20px; margin-right:15px;} */
  .paper_clip_search { display: none; }
  .search-paperclip-container { display: none;}
}

.widget_latest_posts .widget-title {
  font-size: 3em;
}


/* 2-column layout
------------------------------------------------------------------------------------------------------------------------ */
.enable-3-columns .columnable-content {
  -webkit-column-count: 3;
  -webkit-column-gap: 30p;
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  text-align: justify;
  max-width: 100%;
}
  @media only screen and (max-width: 420px) {
    .enable-3-columns .columnable-content {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }
.enable-3-columns .columnable-content-small {
  text-align: justify;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px; }



/* Special Styles for RTE */
.frank-quote {
  font-size: 3em;

}

/* Adjustment to homepage top margin */
.home.blog .wi-content {
  padding-top:0px;
}

.heading-empty {
  margin-bottom: 0px;
  line-height: 0px;
}

.post-sep {
 border: 0px;
}
.sections-spacing-normal .wi-section+.wi-section {
  margin-top: 1em;
}

.single-header {
  background: url(../frank-2022/images/title-ripped-paper.png) top left no-repeat;
  background-size: cover;
  padding: 40px 20px 15px;
  -webkit-transform:rotate(-1deg);
	transform: rotate(-1deg);
  max-width: 800px;
  margin:auto;
  margin-bottom: 5px;
  margin-top: -10px;
}
.title-subtitle+.post-item-meta {
  margin-top: -5px;
}

.alignnone {
  margin: 5px 0;
}

.entry-date {
  font-size: 0.6em;
}

/* HOMEPAGE CUSTOM ITEMS --------------- */

  /* House of Waax */
  .homepage-house-of-wax-img { display: block; }
  #homepage-house-of-wax-id .section-heading { display: none;}
  @media only screen and (max-width: 840px) { 
    .homepage-house-of-wax-img { display: none; }
    #homepage-house-of-wax-id .section-heading { display: block; }
  }

  .top-item-homepage-lo-def {
    text-align: center;  
  }

  .top-item-homepage-lo-def .post-item-title {
    text-align: center!important;
  }
  .top-item-homepage-lo-def img {
    margin-top:16%;
    overflow: hidden; 
    transform: scale(1.4);
    transform-origin: 50% 50%;
}

.top-item-homepage-lo-def header {
  z-index: 999999999;
  bottom:0;
  position: absolute;
  position: relative;
  background: url(../frank-2022/images/title-ripped-paper.png) top left no-repeat;
  background-size: cover;
  padding:20px 0px;
  box-shadow: 1px 1px 4px rgba(6, 30, 29, 0.6);
}
.top-item-homepage-lo-def h5 {
  z-index: 999999999;
  position: absolute;
  background: url(../frank-2022/images/title-ripped-paper.png) top left no-repeat;
  background-size: cover;
  padding: 20px 10px;
  bottom: 0;
}

.lo-def-quick-title {
  display: block;
  z-index: 999999999;
  position: absolute;
  top:0;
  background-color: #000;
  color: #fff!important;
  padding: 5px;
  width: 100%;
}

.header-homepage-lo-def {
  z-index: 9999999999;
  position: absolute;
}
.top-item-homepage-lo-def a {
  color: #000!important;
}

.top-item-homepage-lo-def .thumbnail-inner {
  background-color: #000;
}

  .top-item-homepage-lo-def-over {
    background: url(../frank-2022/images/old-tv-glass-png.png) top left no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index: 9999999;
    overflow: hidden;
  }

  .top-item-homepage-twidiocy {
    box-shadow: 3px 3px 4px rgba(6, 30, 29, 0.6);
    border: 8px rgba(29, 161, 242, 0.6) solid;
    border-radius: 12px; 
    background-color: rgba(29, 161, 242, 0.4);
  }

  @media only screen and (max-width: 840px) { 
    .category-twidiocy, .category-twidiocy .post-newspaper-inner {
      height: auto;
    }
  }

  #frank-homepage-twidiocy {
    max-width: 900px;
    margin:auto;
    
  }
  #frank-homepage-twidiocy .section-container{
    margin: auto;
  }

  .twidiocy-tweet-icon {
    max-height: 50px;
    height: auto;
    margin: 12px;
    margin-bottom: 30px;
    float: left;
    border: 1px #999 solid;
    border-radius: 5px; 
    padding: 2px;
    background-color: #fff;
  }

  .top-item-homepage-twidiocy .newspaper-title {
      color:#0000;
      display: inline;
      font-family: monospace;
      background:
        linear-gradient(-90deg,#333 5px,#0000 0) 10px 0,
        linear-gradient(#333 0 0) 0 0;
      background-size:calc(var(--n)*1ch) 200%;
      -webkit-background-clip: padding-box,text;
      background-clip: padding-box,text;
      background-repeat: no-repeat;
      animation: 
       bat .7s infinite steps(1),   
       tat calc(var(--n)*.05s) steps(var(--n)) forwards;
    }
    
    @keyframes tat{
      from {background-size:0 200%}
    }
    @keyframes bat{
      50% {background-position:0 -100%,0 0}
    }


  .top-item-homepage-drivel {
    background: url(../frank-2022/images/small-ripped-page-2.png) top left no-repeat;
    background-size: cover;
    padding: 20px;
  }
  .top-item-homepage-drivel a {
    color: #000!important;
  }


  .drivel-guy-icon {
    max-height: 150px;
    max-width:70px;
    height: auto;
    float: right;
  }

/* ------- Category archive pages ----- */
  .archive-title {
    color: #000!important;
    text-shadow: 2px 2px 2px #fff;
  }

  @media only screen and (max-width: 840px) { 
    .titlebar-bg img {
      object-position: 80%;
    }
  }

  .has-cover {
    background: url(../frank-2022/images/rip-top.png) top left no-repeat;
    background-size: contain;
    border-bottom: 1px black solid;
  }


  /* Login Form ------- */

  .wp-login-form {
    max-width: 500px;
    margin: 30px auto;
  }


/* Regional fixes */

#menu-regions {
  display: flex;
  margin-bottom: 0px;
}
.wi-mainnav-region{
  color: #BA361F;
}
.frank-regions-menu-item {
  display: inline-flex;
  
}
.frank-regions-menu-item a {
  color: #BA361F!important;
  background-color: #fff;
}
.page-template-region-halifax .wi-content{
  padding-top: 32px;
}

.regional-grid-post-header-halifax {
  padding: 2px 2px;
  margin-bottom: 1px;
}