/*Link hover styles*/
body,
.social-navigation a,
.main-navigation a,
.site-info {
	color: white !important;
	font-family: 'vcr-font' !important;
}
body {
	background: black;
}
.site-header {
	padding-top: 10;
}
.social-navigation a {
	padding: 0;
}
.main-navigation a:hover,
.main-navigation a:active,
a:hover,
a:active {
	color: #8d8d8d !important;
	text-decoration: none;
}
.site-title {
	display: none;
}

.main-navigation > div {
	background-color: transparent;
}

.vidbg-container {
	position: fixed !important;
}

/*Mobile only CSS*/
@media only screen and (max-width: 559px) {
	
	.main-navigation > div {
		background: linear-gradient(#8286d4, #78c6bd);
		border: 6px solid #d8a5fb;
		padding: 10px 0 20px;
		border-radius: 20px;
	}
	.main-navigation a:hover,
  .main-navigation a:active {
		color: #4e22ca !important;
	}
	.home .main-navigation > div {
		background: transparent;
		border: none;
		box-shadow: none;
	}
	.home .main-navigation a:hover,
  .home .main-navigation a:active {
		color: #8d8d8d !important;
	}
	
/* Center aligns the footer site info */
  .site-info {
    text-align: center;
  }
	
	/* Center aligns the logo on mobile */
	.site-branding {
		margin: 0;
		margin-left: auto;
	}

/* Center social icons */	
	.social-navigation > div > ul {
    justify-content: center;
  }
	
	/* Mobile menu toggle color*/
#toggle-menu {
	background-color: transparent !important;
}
	
		/*Create scrollable block*/
.scroll {
	overflow: scroll;
	height:400px;
}
	
/* Center align menu text */
.main-navigation > div > ul {
	text-align: center;
}
	
	/*move toggle menu down on mobile*/
.main-navigation #toggle:checked ~ div:not(.woocommerce-menu-container) {
	margin-top: 40px;
}
	
	/*Ends mobile only CSS*/
}




/*Desktop only CSS*/
@media only screen and (min-width: 560px) {
	/* Header elements positions | 23101042-hc (PS) */

	.site-header {
		flex-direction: row-reverse;
	}
	
	.site-branding {
		margin: 0;
		margin-left: auto;
	}
	
	.main-navigation {
		margin: 0;
		margin-right: auto;
	}
	
	/* Reduce the header height*/
@media only screen and (min-width: 560px) {
    .site-header, .site-main, .site-footer {
        padding-top: 1;
        padding-bottom: 0;
    }
}
	
	/* Aligns the footer site info to the right*/
.site-info {
	text-align: right;
	padding-bottom: 0;
}
	
/*Social menu comes before site-info*/
	.site-footer{
		flex-direction: row-reverse;
	}
	
	/* Vertical, left-aligned social menu */	
	.social-navigation > div > ul   {
		flex-direction: column;
	}
	.social-navigation{
		align-self: flex-start;
		text-align: center;
	}
	
	/* Make the header and footer area wider -- 23144027-HC */

#masthead, #colophon {
    width: calc(calc( 782px - 32px) + 856px);
    max-width: calc(100% - 32px);
}

#site-navigation #toggle-menu {
  font-size: 0;
}
#site-navigation #toggle-menu::before {
  margin: 0;
}
	
	/*Create scrollable block*/
.scroll {
	overflow: scroll;
	height:600px;
}
	
	/* Fixed footer - desktop / 3205130-zen (MI) */

@media only screen and (min-width: 560px) {
  #colophon {
    position: fixed;
    bottom: 8px;
    right: 0;
    left: 0;
    width: 95%;
  }
  .site-info {
    position: absolute;
    bottom: 8;
    right: 0;
		width: 95%;
  }
	
	/*add padding to bottom of page | HC-23255904 | ERM*/
#colophon {
   padding-bottom: 20px;
		padding-left: 10px;
}

.site-info {
    padding-right: 10px;
}
	
	#masthead {
		width: 95%;
	}
}
	
/*Ends desktop only code*/
}


/*Hide page Titles*/
h1.entry-title {display: none;}



/* Center iframe Content*/
.wp-block-group .wp-block-group__inner-container { 
	text-align: center;
}

/* Increase the letter-spacing for menu items*/
.menu-primary-container li a {
    letter-spacing: 5.5px;
		background-color: transparent;
}