User:Margotbean/vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/*p {text-align: justify;}*/

nav {
	max-width: 875px;
	margin: 0 auto;
}

nav > ul {
	list-style: none;
	padding: 0;
}

nav > ul > li {
	display: inline-block;
	line-height: 50px;
	margin: 0 20px;
}

nav > ul > li:first-of-type {
	margin-left: 0;
}

nav > ul > li:last-of-type {
	margin-right: 0;
}

nav > ul > li > a {
	color: rgba(255,255,255,0.6);
  transition: all .2s;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

nav > ul > li > a:hover {
	color: #F9EC88;
}

nav ul li.to-right {
	float: right;
}

nav ul li.social {
	margin-left: 40px;
}

nav ul li.social a {
	margin: 0px 5px 0px 5px;
  font-size: 21px;
}

nav ul li.social,
nav ul li.social a:last-of-type {
	margin-right: 0px;
}

nav li.current-menu-item a,
nav li.current_page_item a,
nav .product {
	color: red;
}

li.sociallink {
       display:inline-block;
       padding: 15px 25px 25px 25px;
}

li.sociallink a {
       color: white;
       text-shadow: 2px 2px #4181ba;
       font-size: 36px;
}

li.wargroovelink {
       display:inline-block;
       padding: 25px 25px 0px 25px;
       color: white;
       font-family: Cambria Math, serif;
       font-size: 35px;
       text-shadow: 2px 2px #4181ba;
}


@media screen and (max-width: 315px) {
  li.wargroovelink {
     font-size: 30px;
  }
}

li.wargroovelink a {
       color: white;
}

li.wargroovelink a:hover, li.sociallink a:hover {
       color: #F9EC88;
}

section.wargroovelinks {
    margin-bottom: 0px;
}

#sociallinks {
    min-height:91px;
}

ui.linkcontainer {
       display: table;
       margin: auto;
       text-align: center;
}

@media screen and (max-width: 991px) {
  nav ul li.social {
    display: none;
  }
}