/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

a strong{
	color: black;
}
.sidebar {
    padding: 25px 30px 25px 25px;
    margin-top: 10px;
    background-color: #333333;
}

.widget-title .block-cap h3 {
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    display: block;
    padding-bottom: 8px;
    color: white;
}

div#mc_embed_signup {
    background: #333;
    color: #9c9c9c;
}

h2 {
    color: #9c9c9c;
}
.widget ul li{position:static}



#IINZVGwrapper{
	overflow-x: scroll;
}

.IINZVGsquare{
  height: 100px; 
  width: 100px; 
  border: none; 
  border-radius:0px;
  vertical-align: top;
  margin-left: 0px;
	display:inline-block;
	background-size: 100% !IMPORTANT;
}
.IINZVGCategory{
  height: 100px; 
  width: 200px; 
  border: none; 
  border-radius:0px; 
  background: white;
  text-align: right;
  vertical-align: top;
	font-size: 1.3em;
  font-weight: 800;
  white-space: normal;
}
.IINZVGMPName{
	height: 100px; 
  width: 150px;
	border: none; 
	border-radius:0px; 
  background: white;
  text-align: center;
  vertical-align: top;
	font-size: 1.3em;
  font-weight: 800;
  white-space: normal;
}
.IINZVGMPBlurb{
  height: 100px; 
  width: 500px;
	border: none; 
	border-radius:0px; 
  background: white;
  text-align: left;
  vertical-align: top;
  white-space: normal;
}
.IINZVGtopRow{
  margin: 50px 0px 10px 0px;
  display: inline-block;
  white-space: nowrap;
}
.IINZVGtableRow{
  margin: 0px 100px 0px 0px;
  display: inline-block;
  white-space: nowrap;
}
.IINZVGbottomRow{
  margin: 10px 0px 50px 0px;
  display: inline-block;
  white-space: nowrap;
}
.IINZVGwrapper span {
   float: left;
   clear: left;
}

.modal{
	z-index: 999999 !IMPORTANT;
}
.modal-backdrop{
	z-index: 999980 !IMPORTANT;
}
.modal-dialog {
   width: 75%;
	 top: 25%;
}
.modal-body{
    height: 250px;
    overflow-y: auto;
    white-space: pre-wrap;
}


@media screen and (max-width: 680px) {
  .IINZVGsquare{
  height: 50px; 
		width: 50px;}
.IINZVGCategory{
  height: 50px; 
  width: 100px;
	font-size: 9px;}
.IINZVGMPName{
	height: 50px; 
	width: 75px;
	font-size: 9px;}
	.IINZVGMPBlurb{
  height: 50px; 
		width: 250px;
	font-size:9px;}
.IINZVGtopRow{
	margin: 25px 0px 5px 0px;}
.IINZVGtableRow{
	margin: 0px 50px 0px 0px;}
.IINZVGbottomRow{
	margin: 5px 0px 25px 0px;}
}






.topNewsIINZ{
	display:grid;
	grid-gap:10px; 
	grid-template-columns:repeat(4, 1fr) 2fr;
	overflow: hidden;
	padding-left: 0px !important;
	justify-items: end;
}
.topNewsIINZ::-webkit-scrollbar{
	display: none;
}

.topStory {object-fit: cover;}

a.entry-title {
    font-size: 14px;
}
/*.IINZexternalNewsImg{
    min-width: 132px;
    min-height: 74px;
    max-width: 132px;
    max-height: 74px;
}*/

@media screen and (max-width: 990px) {
    .topNewsIINZ{ 
			grid-template-columns:repeat(2, 1fr);
	}
}

h5 strong{
	color: #fff;
}
#affix_sidebar{
	padding-top: 59px;
}


/*This is for the scrolling headings*/
.block-cap h3{
	font-weight: 900;
}
.scroll-left {
        height: 50px;
        width: 250px;
				margin-top: -15px;
        overflow: hidden;
        position: absolute;
        text-align: left;
        }
        .scroll-left .scrolling {
        position: absolute;
        width: 500px;
        text-align: left;
        color: lightgray;
        font-size: 2em;
        text-transform: uppercase;
        font-weight: 800;
        
        -moz-transform:translateX(100%);
        -webkit-transform:translateX(100%); 
        transform:translateX(100%);
        
        -moz-animation: scroll-left 10s linear infinite;
        -webkit-animation: scroll-left 10s linear infinite;
        animation: scroll-left 10s linear infinite;
        }
        
        @-moz-keyframes scroll-left {
        0% { -moz-transform: translateX(100%); }
        100% { -moz-transform: translateX(-100%); }
        }
        @-webkit-keyframes scroll-left {
        0% { -webkit-transform: translateX(100%); }
        100% { -webkit-transform: translateX(-100%); }
        }
        @keyframes scroll-left {
        0% { 
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%); 
        }
        100% { 
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%); 
        }
        }
/*Additional css to put the h3 in front of the scroll*/
.block-cap h3{
	position: relative;
}
.widget-title .block-cap h3 {
    padding-top: 2px !important;
}

/*Make the article headings bolder*/
.entry-title{
	text-transform: uppercase;
	font-size: 19px;
}

@media (max-width: 991px) and (min-width: 768px){
.post-box-oblog h3, .page-search .item-search h3, .post-box-big h3 {
    font-size: 17px !important;
}
}

/*Padding for sideroom*/
.swiper-slide{
	padding: 10px 20px;
	padding-top: 0px !important;
	
}
.SideroomTitle{
	text-align: center;
	text-transform: uppercase;
}

/*Same grey for text block on main page as for sideroom*/
.static-area-content > blockquote{
	background-color: lightgray;
}

/*For ID links to avoid the static menu bar*/
.IINZanchor:before { 
	content: ''; 
	display: block; 
	position: relative; 
	width: 0; 
	height: 5em; 
	margin-top: -5em 
}

/*get rid of the recapture float*/
.rc-anchor{display:none;}

/* This is to keep the internal links ("#place") for h3 elements below the menubar*/

h3::before{
	content: '';
	display: block;
	height:      100px;
	margin-top: -100px;
	visibility: hidden;
}


/* THE POPUPS*/

    .Fisk {
      text-decoration: line-through !important;
			color: red !important;
    }

    .IINZbox {
      width: 70%;
      margin: 0 auto;
      background: rgba(255,255,255,0.2);
      padding: 35px;
      border: 2px solid #fff;
      border-radius: 20px/50px;
      background-clip: padding-box;
      text-align: center;
    }

    .IINZpopupbutton {
      font-size: 1em;
      padding: 10px;
      color: #fff;
      border: 2px solid #06D85F;
      border-radius: 20px/50px;
      text-decoration: none;
      cursor: pointer;
      transition: all 0.3s ease-out;
    }
    .IINZpopupbutton:hover {
      background: #06D85F;
    }

    .IINZoverlay {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
			overflow: scroll;
    }
    .IINZoverlay:target {
      visibility: visible;
      opacity: 1;
    }

    .IINZpopup {
      margin: 70px auto;
      padding: 20px;
      background: #fff;
      border-radius: 5px;
      width: 70%;
      position: relative;
      transition: all 5s ease-in-out;
    }

    .IINZpopup h2 {
      margin-top: 0;
      color: #333;
      font-family: Tahoma, Arial, sans-serif;
    }
    .IINZpopup .close {
      position: absolute;
      top: 20px;
      right: 30px;
      transition: all 200ms;
      font-size: 30px;
      font-weight: bold;
      text-decoration: none;
      color: #333;
    }
    .IINZpopup .close:hover {
      color: #06D85F;
    }
    .IINZpopup .content {
      max-height: 30%;
      overflow: auto;
    }

    @media screen and (max-width: 700px){
      .IINZbox{
        width: 70%;
      }
      .IINZpopup{
        width: 70%;
      }
    }

   .merchcolumns {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 12px;
          column-gap: 12px;
  -webkit-column-width: 50%;
          column-width: 50%;
  z-index: 1;
}
.merchcolumns .merchcol {
  width: 100%;
  height: auto;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    // Responsive Styling //
@media only screen and (min-width: 960px) {
  .merchcolumns {
    -webkit-column-count: 4;
            column-count: 4;
    -webkit-column-width: 25%;
            column-width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .merchcolumns {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-width: 50%;
            column-width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .merchcolumns {
    -webkit-column-count: 1;
            column-count: 1;
    -webkit-column-width: 100%;
            column-width: 100%;
  }
}

.merchcard button:hover{
	opacity: 0.7;
}  


.merchoverlay:hover {
  opacity: 0.8 !important;
}