/* Site Specific */
/* Image Grid List
   ----------------------------------------------------*/

.grid[class*=mod-col] { 
	--gap: 1.5rem;

	display: grid;
	grid-template-columns: repeat(var(--num-of-col, 1), 1fr); ;
	gap: var(--gap);
	padding:0; 
	margin: 0; 
}

.grid.mod-col-1 {
	--num-of-col: 1;
}

@media only screen and (min-width: 60em) {
	.grid.mod-col-2 {
      --num-of-col: 2; } 
    .grid.mod-col-3 {
      --num-of-col: 3; } 
	.grid.mod-col-4 {
      --num-of-col: 4; } 
	.grid.mod-col-5 {
      --num-of-col: 5; } 
}

   .grid[class*=mod-col] li > a { 
		font-weight:normal; 
		display: inline-block;
		transition: all 0.5s ease 0s; 
	}
   .grid[class*=mod-col] li > a { 
	   position: relative;
	   text-decoration:none !important; 
   }
	   .grid[class*=mod-col] li > a:hover,
	   .grid[class*=mod-col] li > a:focus {
			background-color: #f0f0f0;
			box-shadow: rgb(0 0 0 / 15%) 0 0.5rem 1.25rem 0, rgb(0 0 0 / 16%) 0 0.0625rem 0.5rem 0;
			transform: translateY(-0.125rem);
	   }
	   .grid[class*=mod-col] li > a:hover img,
	   .grid[class*=mod-col] li > a:focus img {
		   transform: scale3d(1.05, 1.05, 1)
	   }
   .grid[class*=mod-col] a:hover,
   .grid[class*=mod-col] a:focus { background-color:#F0F0F0; }

   .grid[class*=mod-col] a:only-child .li-img:only-child {
       margin: 0;
   }

	.grid:not([class*=mod-col]) > li { 
   		width: 30.666667%; 
		list-style:none;  
		padding-right:4%;
		margin-bottom: 1em;
		float:left;
		display: block;
	}
	
	.grid li:nth-of-type(3n+1) { clear: both; }
	.grid li:nth-child(3n):not(.mega-nav__sub-item) { padding:0; }

   .grid[class*=mod-col] > li { 
   	    box-sizing: border-box;
		list-style:none;  
		display: block;
	}
   
	.grid .li-img { 
		position: relative; 
		overflow: hidden;
	}
    .grid img {
	  display: block;
	  width: 100%;
	  height: auto;
	  transition: .5s;
	}
		.grid li > a .li-text {
			padding: 0 5% 10%;
		}
		.grid .li-head { 
			line-height: 1.4em; 
			margin-top: 10px; 
		}
		.grid[class*=mod-col] .li-head { font-size: revert; }
		.grid .li-sub { font-size:1em; font-weight: 400; color: #000; }

.toolbox:before, .toolbox:after {
    margin-top: 80px;
}
.toolbox-banner {
	position: relative;
    top: 0;
    left: 0;
    padding: 1em;
    background-color: #C1D812;
    z-index: 10;
}
 .toolbox-banner p  { 
	max-width: 1150px;
    margin: 0 auto; 
 }
 .toolbox-banner a  { font-weight: 700; }

#input-switch {
    visibility: hidden;
}

td a[data-fancybox]:before, 
td a[data-fancybox]:after {
	display: none;
}

.tip {
	background-color: #ececec;
    border-left: 5px solid #73000a;
    padding: 1.5em 2em;
}
	.tip p:only-child { margin-bottom: 0; }

.download-btn.download-btn {
	display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
	text-align: center;
	padding: 7px 10px;
    min-height: 28px;
    line-height: 1.4;
    background-color: #73000a;
    color: #fff;
    border: none;
    border-radius: 3px;
    transition: .2s linear;
    -webkit-appearance: none;
}
.download-btn.download-btn:hover {
	background-color: #73000a;
	color: #d0da00;
}

.download-btn.new-window:after {
	display: none;
}

.multi-list img { 
	max-width: 15%; 
	width: auto;
}

.fancybox:after,
.lightbox-img:after {
	bottom: 0 !important;
}

.grid .lightbox-img:after { 
	content: "\2922";
    background-image: none;
    padding: 7px 0;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 16px;
}

.fancybox {
	position: relative;
    display: block !important;
}
.fancybox:after {
	content: "View Image(s)"; 
	background-image: url('/_global_resources/img/icons/video-gallery-sprite.svg');
    background-repeat: no-repeat;
	background-position: 10px -34px;
    position: absolute;
    width: 100%;
    max-height: 35px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 1px;
    color: #FFF;
    padding: 5px 0px 5px 40px;
    font-size: 12px; font-size: .75rem;
    line-height: 20px;
	box-sizing: border-box;
}

h3 + .grid,
h4 + .grid { margin-top: 1em; }
.grid[class*=mod-col] ul {
	list-style-type: disc;
}

.grid li li { width: auto; }

.grid .li-text li {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
}

.grid .li-text > a {
	text-decoration: none;
}

.grid .li-text p { line-height: inherit; }

.grid .li-sub { margin: 0 0 1em 0; }

.grid[class*=mod-col]:not(.filtr-container) li a {
	display: inline;
    text-decoration: underline;
}
	.grid[class*=mod-col] a:hover,
	.grid[class*=mod-col] > a:hover {
		background-color: transparent;
	}
	.grid[class*=mod-col] > a:hover {
		color: #818701;
    	transition: none;
	}
	.grid[class*=mod-col] a:hover .li-head { color: #818701; }

.grid .li-head { margin-top: 0; }
	.grid .li-head:after { content: ''; }
	.grid a .li-head:after { content: '\00bb'; }

.grid .li-img { margin-bottom: 10px; }

.grid[class*=mod-col] li:hover .li-head { color: #73000a; }

.grid .li-text { padding: 0; }

.grid.mod-col-1 > li,
.grid.mod-col-2 > li {
		width: 100%;
	}
		.grid.mod-col-1 > li,
		.grid.mod-col-2 > li { padding: 0; }

/*
 * Block Grid
 */
@media only screen{
[class*="block-grid-"]{display:block;padding:0;margin:0 -0.625em;*zoom:1}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>li{display:inline;height:auto;float:left;padding:0 .625em 1.25em}.small-block-grid-1>li{width:100%;padding:0 .625em 1.25em}.small-block-grid-1>li:nth-of-type(n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;padding:0 .625em 1.25em}.small-block-grid-2>li:nth-of-type(n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.33333%;padding:0 .625em 1.25em}.small-block-grid-3>li:nth-of-type(n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;padding:0 .625em 1.25em}.small-block-grid-4>li:nth-of-type(n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;padding:0 .625em 1.25em}.small-block-grid-5>li:nth-of-type(n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.66667%;padding:0 .625em 1.25em}.small-block-grid-6>li:nth-of-type(n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.28571%;padding:0 .625em 1.25em}.small-block-grid-7>li:nth-of-type(n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;padding:0 .625em 1.25em}.small-block-grid-8>li:nth-of-type(n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.11111%;padding:0 .625em 1.25em}.small-block-grid-9>li:nth-of-type(n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;padding:0 .625em 1.25em}.small-block-grid-10>li:nth-of-type(n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.09091%;padding:0 .625em 1.25em}.small-block-grid-11>li:nth-of-type(n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.33333%;padding:0 .625em 1.25em}.small-block-grid-12>li:nth-of-type(n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}
}

@media only screen and (min-width:48em){
.small-block-grid-1>li:nth-of-type(1n+1){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:none}.large-block-grid-1>li{width:100%;padding:0 .625em 1.25em}.large-block-grid-1>li:nth-of-type(n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{width:50%;padding:0 .625em 1.25em}.large-block-grid-2>li:nth-of-type(n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{width:33.33333%;padding:0 .625em 1.25em}.large-block-grid-3>li:nth-of-type(n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{width:25%;padding:0 .625em 1.25em}.large-block-grid-4>li:nth-of-type(n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{width:20%;padding:0 .625em 1.25em}.large-block-grid-5>li:nth-of-type(n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{width:16.66667%;padding:0 .625em 1.25em}.large-block-grid-6>li:nth-of-type(n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{width:14.28571%;padding:0 .625em 1.25em}.large-block-grid-7>li:nth-of-type(n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{width:12.5%;padding:0 .625em 1.25em}.large-block-grid-8>li:nth-of-type(n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{width:11.11111%;padding:0 .625em 1.25em}.large-block-grid-9>li:nth-of-type(n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{width:10%;padding:0 .625em 1.25em}.large-block-grid-10>li:nth-of-type(n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{width:9.09091%;padding:0 .625em 1.25em}.large-block-grid-11>li:nth-of-type(n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{width:8.33333%;padding:0 .625em 1.25em}.large-block-grid-12>li:nth-of-type(n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}
}

/*
 * Infographic list
 */
.infographic {
  margin: 0 0 20px; }

.infographic li {
  box-sizing: border-box;
  text-align: center;
  border: 0 dotted #a3a3a3;
  border-right-width: 1px;
  border-bottom-width: 1px;
  padding: 0; }
.infographic li img { 
	max-width: 100%;
    height: auto;
}
  .infographic li:nth-child(2n+2) {
    border-right: 1px solid #fff; }
  @media only screen and (min-width: 48em) {
    .infographic li:nth-child(2n+2) {
      border-right: 1px dotted #a3a3a3;
      margin: 0; }
    .infographic li:nth-child(3n+3) {
      border-right: 1px solid #fff; }
    .infographic li:nth-last-child(1), .infographic li:nth-last-child(2), .infographic li:nth-last-child(3) {
      border-bottom-width: 0; } 
  }