/* @default */
.no-hero-here {
  padding-top: 60px;
  @media screen and (min-width: 769px) {
		padding-top: 160px;

		.browser--ie11 & {
			display: block;
		}
  }
}

.iframe-embed {
	// 9/16 is the (default) aspect-ratio of the embedded video
	padding-bottom: calc((9 / 16) * 100%);
	position: relative;
	overflow: hidden;
	height: 0;

	> iframe {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
	}
}

.table-scroll {
	overflow-x: auto;

	> table {
        border-collapse: collapse;
        border-radius: 0;
        width: 100%;
	}
}

.generic-page-container {

	&__inner {
		@include poly-padding--large;
		width: 100%;
	    position: relative;
	    max-width: 1170px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
}

.generic-page-main {
	max-width: 960px;
}

.generic-page-sidebar {}

body.isi-panel-lock {
	overflow: hidden;
}

.page-main {
  &.isi-panel-docked {
    padding-bottom: 180px !important;
  }
}


.isi-panel {
	@include poly-padding--large;
  padding-top: 1.5rem !important;
    width: 100%;
    background-color: white;
    z-index: 300;
    position: fixed;
	// top: 75vh;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.05);
	// transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	// Replace with jquery animate or tweenmax

    h2 {
		width: 100%;
	    position: relative;
	    max-width: 1024px;
		margin: 0 auto;

		@media screen and (max-width: 600px) {
			width: 60%;
			margin-left: 0;
		}
  }

    &--is-docked {
    	position: relative;
    	top: auto !important;
      z-index: 10;
      display: inline-block;
      .isi-panel__expand-toggle {
        display: none;
      }
	}

	&--is-expanded {
		// bottom: 0;
		overflow: hidden;
		z-index: 9999 !important;

		@media screen and (max-width: 768px) {
			z-index: 660;
		}

		body.admin-bar & {
			z-index: 999999;
		}

		.isi-panel__content {
			overflow: auto;
			height: 100%;
			max-height: 90vh;
		}
	}

	&__content {
		@include poly-padding-y--small;
    width: 100%;
    position: relative;
    max-width: 1024px;
	  margin: 0 auto;

		h2 {
			@include themify($themes) {
				color: themed('ctaGradient');
			}
		}

    .isi-panel__content-box {
      &.lower-content {
        padding-top: 2rem;
      }
    }
	}

	&__expand-toggle {
		position: absolute;
		top: 0;
		right: 0;
		padding: 1em;
		color: white;
		display: flex;
		font-size: 14px;
		font-weight: bold;

		@include themify($themes) {
			background-color: themed('ctaFlat');
		}

		svg {
			margin-top: 1px;
			margin-left: 15px;
			width: 16px;
			height: 16px;

			path {
				fill: white;
			}
		}
	}

	&__main {
		// .isi-color {
		// 	// p {
		// 		@include themify($themes) {
		// 			color: themed('isiColor');
		// 			line-height: 2em;
		//     		font-size: 14px;
		//             letter-spacing: 1px;
		// 	    }
		// 	// }
	 //    }
   		h2,h3,h4,h5 {
      		margin-top: 0.5rem;
    	}

	    p {
	      margin-bottom: 2rem;
	    }
	}

	&__black-box {
		padding: $base-spacing;
    padding-top: 0.75rem;
		border: 2px solid black;
		color: $black !important;
		font-weight: bold;
	}
}

@media (max-width: 900px) {
  .isi-panel {
    padding: 1.5rem 1rem 3rem 2rem;
  }
}

@media (max-width: 767px) {
  .isi-panel {
    padding: 0.5rem 1rem 2rem 1rem !important;

    .isi-panel__expand-toggle {
      span {
        display: none;
      }
      svg {
        margin-left: 0;
      }
    }

    button.isi-panel__expand-toggle {
      z-index: 20 !important;
    }

    h2 {
      width: 100%;
      z-index: 10 !important;
    }

    &__content {
      margin-top: 0 !important;
      p a,
      li a {
        white-space: pre-wrap;
        word-wrap: break-word;
      }
    }

    // &.isi-panel-mobile-scrolled {
    //   transform: translateY(55px);
    //   transition: transform 0.2s;
    // }
  }

  .modal {
    .cta--primary:before {
      width: 100%;
    }
    .cta--primary:hover:before {
      -webkit-transform: translateX(0%) !important;
      transform: translateX(0%) !important;
    }
  }

}

@media (max-width: 340px) {
  .isi-panel {
    padding: 0.25rem 0.6rem 2rem 0.6rem;

    .isi-panel__expand-toggle {
      padding: 1rem 0.75rem;
    }
  }
}

.modal {
  .modal-close {
    display: none !important;
  }
  .external-modal-content,
  .internal-modal-content {
    &.hidden {
      display: none;
    }
  }
}

.desktop-image {
  display: block;
}
.mobile-image {
  display: none;
}
@media (max-width: 767px) {
  .desktop-image {
    display: none;
  }
  .mobile-image {
    display: block;
  }
}