@import url("base.css");

:root {
    --body-color: #555 !important;
    --body-font-size: 20px !important;
    --body-line-height: 1.2 !important;
    
    --link-color: #faea26 !important;
    --link-hover-color: #07e7df !important;

    --cassiopeia-color-primary: #0a1d3d !important;
    --cassiopeia-color-secondary: #67c0af !important;
    --cassiopeia-color-link: #11143e !important;
    --cassiopeia-color-hover: #282728 !important;

    --cassiopeia-font-family-body: "Lekton", sans-serif !important;
    --cassiopeia-font-weight-normal: 400 !important;
    --cassiopeia-font-family-headings: "VT323", sans-serif !important;
    --cassiopeia-font-weight-headings: 400 !important;

    --vault-yellow: #faea26;
    --vault-pink: #e82e89;
    --vault-blue: #07e7df;
    --vault-dark-blue: #050d22;
}

/* HTML TAGS/GENERIC CLASSES */
body {
	background: #050d22;
    color: white;
}

.site-grid {
	background-image: url(../images/wall-dark.jpg);
	background-repeat: repeat;
	background-position: center;
	background-size: auto;
	background-attachment: fixed;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: var(--vault-blue);
	line-height: 1;
}

h1 {
	font-size: 50px !important;
}

h2 {
	font-size: 40px !important;
}

h3 {
	font-size: 32px !important;
}

iframe {
	max-width: 100%;
}

div.convertforms {
	background: none !important;
	color: white !important;
}

.convertforms .cf-label {
	color: white !important;
	font-size: unset !important;
}

button:not(.separator), .btn, .btn-primary, .cf-btn {
	background-color: var(--vault-pink) !important;
	border: 0 none !important;
	border-radius: 0 !important;
	color: white !important;
	padding: 10px 18px !important;
	text-transform: uppercase !important;
	font-family: VT323 !important;
	font-size: 28px !important;
	line-height: 1 !important;
	text-shadow: none !important;
	opacity: 1 !important;
	margin: 10px 5px;
}

a.btn:hover, a.btn:focus{
    text-decoration: none !important;
}

/* SLIDE UP ANIMATION */

.field-entry.hero-image .overlaycontent,
.hex_grid_wrap ul li.hexagon,
.moduletable.partybanner .mod-custom,
.image_grid_container .image_grid_item,
.moduletable.instafeed p,
.moduletable.instafeed a.btn,
.field-entry.intro-box .field-value,
.field-entry.image-content-rows .textwrap,
[data-rlta-element="container"],
.wf-columns .wf-column {
  transition: all 0.6s ease-in-out;
  transform: translateY(20px);
  opacity: 0;
}

/* NAVBAR */
.container-header {
	background: rgba(10, 29, 61, 0.8);
}

.brand-logo img {
	max-width: 250px;
}

.container-header .metismenu.mod-menu .metismenu-item {
	padding: 0;
	margin-left: -1px;
	background: none;
}

.container-header .metismenu.mod-menu .metismenu-item > span, 
.container-header .metismenu.mod-menu .metismenu-item > a, 
.container-header .metismenu.mod-menu .metismenu-item > button {
	font-size: 27px;
	text-transform: uppercase;
	border: 1px solid white;
	padding: 2px 15px;
	font-family: var(--cassiopeia-font-family-headings);
}

.container-header .metismenu.mod-menu .metismenu-item.active > a, 
.container-header .metismenu.mod-menu .metismenu-item.active > button {
	color: var(--vault-pink);
}

.container-header .metismenu.mod-menu .metismenu-item > a:hover, 
.container-header .metismenu.mod-menu .metismenu-item > button:hover {
	color: var(--vault-blue);
}

.container-header .metismenu > li > a::after, 
.container-header .metismenu > li > button::before {
    display: none !important;
}


/* TOP BANNER */



/* BODY */
body, div.site-grid {
	overflow-x: hidden !important;
}

.site-grid { 
  overflow-y: hidden; 
}

main {
	margin-top: 0 !important;
}

.grid-child.container-component {
	margin-bottom: 0;
}

.com-content-article ul.fields-container {
	overflow: visible;
	margin: 0;
	padding: 0;
}

.field-entry:first-of-type {
	margin-top: 0 !important;
}

.field-entry:last-of-type {
	margin-bottom: 0 !important;
}

.item-page .wf-columns:first-of-type {
	margin-top: 30px;
}

/* FIELD - TABS / ACCORDIONS */

.field-entry.tabs-accordions {
	margin-bottom: 70px !important;
	margin-top: 50px !important;
}

[data-rlta-element="container"] * {
	background: none !important;
    border-radius: 0 !important;
}

[data-rlta-element="heading"] {
	color: var(--vault-blue);
	font-size: 28px !important;
}

[data-rlta-state="open"] [data-rlta-element="heading"], 
[data-rlta-element="button"]:hover [data-rlta-element="heading"] {
	color: var(--vault-pink);
}

[data-rlta-element="panel-content"] {
	padding: 20px !important;
}

/* FIELD - INTRO BOX */
.field-entry.hero-image + .field-entry.intro-box {
	margin-top: -70px !important;
}

.field-entry.intro-box {
	padding: 70px 10px;
	box-sizing: border-box;
	width: 100vw;
	left: calc(-50vw + 50%);
	position: relative;
	background-image: url(../images/stars.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	text-align: center;
}

.field-entry.intro-box::after {
	content: "";
	position: absolute;
	background: rgba(9, 14, 45, 0.8);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.field-entry.intro-box .field-value {
	max-width: 1320px;
	margin: 0 auto;
	display: block;
	z-index: 2;
	position: relative;
	font-size: 24px;
	color: white;
}

/* FIELD - HERO IMAGE */

.field-entry.field-display-subform > div.hero-image:first-child {
	margin-top: -145px;
}

.field-entry.hero-image {
  margin-bottom: 70px;
}

.field-entry.hero-image .hero-image-background {
	width: 100vw;
	left: calc(-50vw + 50%);
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: scroll;
	min-height: 400px;
	display: flex;
	align-items: center;
}

body.site.com_content.wrapper-static.view-article.no-layout.no-task.itemid-101 .field-entry.hero-image .hero-image-background {
  min-height: 800px;
}

.field-entry.hero-image .overlaycontent {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 20px 10px;
	margin-top: 240px;
	font-size: 20px;
	font-family: var(--cassiopeia-font-family-headings);
}

.field-entry.hero-image .overlaycontent > * {
	max-width: 60%;
	font-size: 42px;
	color: var(--vault-yellow);
    text-shadow: 2px 2px 0px black;
}

.field-entry.hero-image .overlaycontent.center > * {
	max-width: 100%;
    text-align: center;
}

.field-entry.hero-image .overlaycontent.center h1 {
    text-transform: uppercase;
    font-size: 70px !important;
}

.field-entry.hero-image .overlaycontent h1 {
	color: var(--vault-pink);
	font-size: 60px !important;
}

.field-entry.hero-image strong {
	font-weight: normal;
	color: var(--vault-blue);
}

/* FIELD - IMAGE AND CONTENT ROWS */

.field-entry.image-content-rows {
	margin-top: 0;
	margin-bottom: 0;
	width: 100vw;
	left: calc(-50vw + 50%);
	position: relative;
	border-top: 25px solid var(--vault-dark-blue);
}

.field-entry.image-content-rows .row {
	min-height: 350px;
}

.field-entry.image-content-rows .contentrowimage {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center;
	height: 100%;
	width: 100%;
}

.field-entry.image-content-rows .textwrap {
	max-width: 600px;
}

.field-entry.image-content-rows .textwrap ul {
	margin-bottom: 15px;
	margin-top: 15px;
}

.field-entry.image-content-rows .textwrap ul li {
	margin-bottom: 10px;
}

.field-entry.image-content-rows {
    background-image: url(../images/hex-top-right.svg), url(../images/hex-bottom-left.svg);
	background-repeat: no-repeat;
	background-size: 115px auto, 250px auto;
	background-position: top right, bottom left;
}

/* MODULE - HEX GRID OVERRRIDE */

.hex_grid_container {
	background: none;
	position: relative;
}

.hex_grid_wrap ul li.hexagon p {
	color: black;
	line-height: 1;
}

.hex_grid_wrap ul li.hexagon.yellow p {
    background: rgba(250, 234, 38, 0.9);
    color: var(--vault-dark-blue);
}

.hex_grid_wrap ul li.hexagon.yellow .hex_link:hover p {
    background: rgba(250, 234, 38, 0.5);
    color: var(--vault-dark-blue);
}

.hex_grid_wrap ul li.hexagon.pink p {
    background: rgba(232, 46, 137, 0.9);
    color: var(--vault-yellow);
}

.hex_grid_wrap ul li.hexagon.pink .hex_link:hover p {
    background: rgba(232, 46, 137, 0.5);
    color: var(--vault-yellow);
}

.hex_grid_wrap ul li.hexagon.blue p {
    background: rgba(7, 231, 223, 0.9);
    color: var(--vault-dark-blue);
}

.hex_grid_wrap ul li.hexagon.blue .hex_link:hover p {
    background: rgba(7, 231, 223, 0.5);
    color: var(--vault-dark-blue);
}

.hex_grid_wrap ul li.hexagon.dark-blue p {
    background: rgba(21, 45, 106, 0.9);
    color: #fff;
}

.hex_grid_wrap ul li.hexagon.dark-blue .hex_link:hover p {
    background: rgba(21, 45, 106, 0.5);
    color: #fff
}

/* BOTTOM BANNER */
.moduletable.partybanner {
	/* color: var(--vault-yellow); */
	font-size: 24px;
	text-align: center;
	border-top: 25px solid var(--vault-dark-blue);
	text-shadow: 2px 2px 0px black;
	/* font-family: var(--cassiopeia-font-family-headings); */
}

.moduletable.partybanner h2 {
	color: var(--vault-blue);
    font-size: 40px;
    margin-bottom: 15px !important;
}

.moduletable.partybanner p {
    margin-bottom: 15px !important;
}

.moduletable.partybanner .mod-custom {
	padding: 50px 10px;
	min-height: 300px;
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
    position: relative;
}

.moduletable.partybanner .mod-custom::after {
	background: rgba(5, 43, 109, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 1;
}

.moduletable.partybanner .mod-custom > * {
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.moduletable.instafeed {
	text-align: center;
	padding: 50px 10px;
	border-top: 25px solid var(--vault-dark-blue);
	background-image: url(../images/hex-top-right.svg), url(../images/hex-bottom-left.svg);
	background-repeat: no-repeat;
	background-size: 115px auto, 250px auto;
	/* background-color: rgba(12, 24, 45, 0.8); */
	position: relative;
	background-position: top right, bottom left;
}

.moduletable.instafeed p {
	font-size: 24px;
}

.moduletable.instafeed .image_grid_overlay p {
	display: none !important;
}

/*.moduletable.instafeed::after {
	background: rgba(5, 43, 109, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 1;
}*/

.image_grid_container {
	max-width: 1320px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.image_grid_container .image_grid_item {
	width: auto;
	flex-grow: 1;
}

/* FOOTER */
.footer {
	background-color: var(--vault-dark-blue);
	background-image: url(../images/grid-yellow-bottom.svg);
	background-repeat: no-repeat;
	background-position: bottom -10px center;
	background-size: 100% auto;
	border-top: 25px solid var(--vault-dark-blue);
	/* text-shadow: 2px 2px 0px black; */
	font-size: 18px;
}

.footer #mod-custom134 {
	text-align: center;
}

.footer .grid-child:not(.container-footerbar) {
	padding-bottom: 100px;
}

.container-footerbar, .container-footerbar .mod-menu a {
	font-size: 12px;
	color: white;
}


/* RESPONSIVE DESIGN */
@media (min-width: 992px){
    .site-grid {
    	padding-top: 50px;
    	margin-top: 0;
    }
}

@media (max-width: 992px){
    body > div.site-grid {
    	margin-top: 0;
        padding-top: 0;
    }
    
    .container-header .navbar-collapse {
    	top: 99px;
    	background: rgba(10, 29, 61, 0.8) !important;
    	padding-bottom: 20px;
    }
    
    .container-header .metismenu.mod-menu .metismenu-item > span, 
    .container-header .metismenu.mod-menu .metismenu-item > a, 
    .container-header .metismenu.mod-menu .metismenu-item > button {
    	margin-right: 20px;
    	min-width: 150px;
    	text-align: center;
    	margin-bottom: -1px;
    }

    .container-header .navbar-brand {
    	padding: 0;
    }

    .container-header .navbar-brand img {
    	max-width: 190px;
    }
    
    .field-entry.hero-image .hero-image-background {
    	min-height: 250px;
    }

    body.site.com_content.wrapper-static.view-article.no-layout.no-task.itemid-101 .field-entry.hero-image .hero-image-background {
    	min-height: 500px;
    }
    
    .field-entry.hero-image .overlaycontent {
    	margin-top: 120px;
    }
    
    .field-entry.hero-image .overlaycontent > * {
    	font-size: 34px;
    	max-width: 75%;
    }
    
    .image_grid_content {
    	margin: 30px 0;
    }
}

@media (max-width: 767px){
    .image_grid_content {
    	flex-wrap: wrap;
    }
    
    .image_grid_container .image_grid_item {
    	flex-basis: 30%;
    }
    
    .field-entry.image-content-rows .textwrap {
    	max-width: 100%;
    }
    
    .field-entry.image-content-rows .imagecol {
    	min-height: 300px;
    }
    
    .field-entry.intro-box .field-value {
    	font-size: 20px;
    }
}

@media (max-width: 530px){
    .field-entry.hero-image .overlaycontent > * {
    	font-size: 30px;
    	max-width: 100%;
    }
    
    .field-entry.hero-image .overlaycontent h1 {
    	font-size: 52px !important;
    }
}