/* Masthead Header Title Logo Text */
#masthead h1.logo-title {
  margin-left: 0px;
  position: absolute;
  left: 0;
  top: 1em;
}

/* Main Container */
#main {
	min-height: 500px;
}

/* Twitter */
/* See Twitter page as it requires loading inside iframe */

/* Twitter Feed */
.TwitterFollow {
  margin-left: auto;
  margin-right: auto;
  width: 246px;
}

.TwitterFeed
{
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

/* Mobile Search */
.mobile-nav-frame form.search input[type=search] {
  color: #ddd;
}

/* Button */
button {
  font-size: inherit;
  padding: 8px 10px;
}

/* Sidebar */
#primary {
  width: 75%;
}

#secondary {
  width: 20%;
}

input {
  background-color: #282828;
  border-color: #333;
  border-style: ridge;
  color: #ddd;
}

#secondary .widget .widget-title, #footer-widgets .widget .widget-title, #masthead-widgets .widget .widget-title {
  font-size: 18px;
  color: #ddd;
  font-weight: bold;
  margin-bottom: 15px;
}

#secondary .widget, #footer-widgets .widget, #masthead-widgets .widget {
  margin-bottom: 25px;
  font-size: 16px;
  color: #ccc;
}

/* Blog Posts */
article.post .entry-header, article.page .entry-header {
  border-radius: 10px;
  background-image: radial-gradient(at left, #282828 20%, transparent 50%);
  padding: 0 10px;
}

#page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 32px;
    color: #ddd;
}

article.post .entry-header h1.entry-title a:hover, article.page .entry-header h1.entry-title a:hover {
  color: #007a82;
}

article.post .entry-header h1.entry-title a, article.page .entry-header h1.entry-title a {
  color: #06e9f7;
}

article.post .entry-header .entry-meta, article.page .entry-header .entry-meta {
  color: #ddd;
  font-size: 14px;
}

article.post .entry-header .entry-meta a:hover, article.page .entry-header .entry-meta a:hover {
  color: #007a82;
}
article.post .entry-header .entry-meta a, article.page .entry-header .entry-meta a {
  color: #06e9f7;
}

article.post .entry-categories, article.page .entry-categories {
  color: #ddd;
  padding: 0 10px;
  font-size: 1.1em;
}

article.post .entry-categories a, article.page .entry-categories a {
  color: #06e9f7;
  text-decoration: none;
}

article.post .entry-categories a:hover, article.page .entry-categories a:hover {
  color: #007a82;
}

/* Post Comments */
#comments .commentlist article .comment-author {
  font-size: 16px;
}

#comments .commentlist article .comment-author {
  font-size: 14px
}

#comments .commentlist article .comment-meta {
  font-size: 14px;
  color: #ddd;
}

#comments .commentlist article .comment-meta a {
  color: #06e9f7;
}

#comments .commentlist article .comment-meta a:hover {
  color: #007a82;
}

#comments .commentlist article .entry-content {
  font-size: 18px;
}

/* Reply */
#commentform .logged-in-as {
  font-size: 1.1em;
}

.comment-form .logged-in-as a {
  text-decoration: none;
}

.comment-form .logged-in-as a:visited {
  color: #007a82;
}

#commentform label {
  font-size: 125%;
}

#commentform input, #commentform textarea {
    font-size: 18px;
}

#commentform textarea {
  padding: 10px;
  color: #ddd;
  background-color: #282828;
  border-color: #333;
  border-width: 2px;
  border-style: ridge;
  height: 100px;
}

#commentform #submit {
    font-size: 14px;
}

/* Mailto - 'More' removal */
.widget_circleicon-widget .circle-icon-box a.more-button {
  display: none;
}

/* Mailto - Circle Icon Hover */
.widget_circleicon-widget .circle-icon-box a[href^="mailto"] .circle-icon:hover {
  background-color: #06e9f7;
}

/* Contact - Google Map */
#map-canvas-a6edd83f84d4d9b69af4a6d86baa9df3 {
  width: 70%;
  height: 100% !important;
  margin: auto;
  padding-bottom: 50%;
}

/* Ultimate Member plugin */
/* Main Menu profile image */
.menu-main-menu-container .menu img.func-um_user {
    margin: -13px 0 !important;
}

/* UM Input Button Text */
input[type=submit].um-button, input[type=submit].um-button:focus {
	font-size: 16px !important;
  padding: 16px 20px !important;
}

/* UM Account */
.um-account-side li {
  background: #333 !important;
}

.um {
  color: #ccc !important;
}

.entry-content .um-account-side li a { /* Some weird issue with this .entry-content a */
  color: unset !important;
}

.um-account-name a {
  color: #007a82 !important;
}

.um-account-main div.um-account-heading {
    color: #ddd !important;
}

.um-account-side li a.current span.um-account-title,
.um-account-side li a.current {
  color: #007a82 !important;
}

.um-account-side li a.current:hover span.um-account-icon,
.um-account-side li a.current:hover span.um-account-title,
.um-account-side li a.current:hover {
  color: #06e9f7 !important;
}

.um-account-side li a span.um-account-icon,
.um-account-side li a span.um-account-title,
.um-account-side li a {
  color: #ccc !important;
}

.um-account-side li a:hover {
  color: #ddd !important;
  background: #282828 !important;
}

.um-account-side li a:hover span.um-account-icon,
.um-account-side li a:hover span.um-account-title,
.um-account-side li a:hover {
  color: #ddd !important;
}

/* UM Notice success */
p.um-notice.success {
  background: #282828 !important;
}

p.um-notice {
  color: #06e9f7 !important;
}

/* UM Profile */
.um-header {
  border-bottom: 2px ridge #333 !important;
}

.um-profile-nav {
  background: #282828 !important;
}

.um-profile-nav-item.active a {
  color: #ccc !important;
}

.um-profile-nav-item.active a:hover {
  color: #ddd !important;
}

.um-profile-nav-item a {
  color: #06e9f7 !important;
}

.um-profile-nav-item a:hover {
  color: #007a82 !important;
}

.um-profile-nav-item a:hover {
    background: #333 !important;
}

.um-457.um input[type=submit].um-button:hover, .um-457.um a.um-button:hover {
  background-color: #007a82 !important;
  opacity: 0.75 !important;
}

/* UM link color / hover (stupid important use) */
a.um-link-alt {
  color: #06e9f7 !important;
}

a.um-link-alt:hover {
  color: #007a82 !important;
}

/* UM dropdown box styling */
.um-dropdown {
  background: #282828 !important;
  border: 2px ridge #333 !important;
  border-radius: 10px !important;
}

.um-dropdown-arr {
  color: #007a82 !important;
}

.um-dropdown ul {
  background: inherit !important;
}

.um-dropdown li:last-child a {
  border-top: 2px ridge #333 !important;
}

.um-dropdown li:last-child a:hover {
  border-radius: 0 0 10px 10px !important;
}
.um-dropdown li:first-child a:hover {
  border-radius: 10px 10px 0 0 !important;
}
.um-dropdown li a:hover {
  background: #333 !important;
}

/* UM Online (Members)*/
.um-online {
  max-width: 100% !important;
}

.um-online-pic a {
  opacity: 1 !important;
  box-shadow: 0 0 25px rgba(0, 122, 130, 1) !important;
}

.um-online-pic a:hover {
  opacity: 1 !important;
  box-shadow: 0 0 5px rgba(6, 233, 247, 1) !important;
}

.um-online-pic a, .um-online-pic img {
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
}

.um-online-user {
  border-radius: 20px !important;
  margin: 0 15px 15px !important;
}

.um-member {
  background: #282828 !important;
  border: 2px ridge #333 !important;
  border-radius: 20px !important;
}

.um-members img {
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
}

.um-member-cover {
  background-color: #282828 !important;
  border-radius: 20px 20px 0 0 !important;
}

.um-member-card {
  border-radius: 0 0 20px 20px !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {
    padding: 0px 0 10px 0 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
    margin: 0px 0 10px 0 !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {
    font-size: 24px !important;
    color: #ccc !important;
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
  background: #007a82 !important;
  border-color: #282828 !important;
}

.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
  background: #007a82 !important;
  border-color: #282828 !important;
  opacity: 0.75 !important;
}

/* UM Gravatar / Profile image in Menu Bar */
.menu img.gravatar.avatar.avatar-40.um-avatar.um-avatar-uploaded {
    position: absolute !important;
    top: 10px !important;
    right: -40px !important;
}

a.um-button {
  font-size: 16px !important;
}

/* Search Button */
a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
  padding: 6px 10px !important;
  font-size: 16px !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
    padding: 6px 10px !important;
    font-size: 16px !important;
}

.um .um-button.um-alt:before, .um input[type=submit].um-button.um-alt:before {
    color: #ccc !important;
}

/* Our Team - SOW Accordion */
.entry-content .sow-accordion table {
  border-bottom: 1px solid #007a82;
  font-size: inherit;
  margin: 0 0 5px;
  table-layout: fixed;
}

.entry-content .sow-accordion table tr:not(:first-child) td {
  padding-top: 15px;
}

.so-widget-sow-accordion-default-075c45fcd7f0 .sow-accordion .sow-accordion-panel-open .sow-accordion-panel-header {
  background-color: #007a82;
}

.so-widget-sow-accordion-default-075c45fcd7f0 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
  padding: 5px 30px 5px 30px;
  border-radius: 15px;
}

/* Team Member SOW accordion - page styling */
.teammember-group {
    width: 100%;
    text-align: center;
    position: relative;
}

.teammember-float {
    display: inline-block;
    width: calc(150px + 18%);
    margin: 20px 0;
}

/* Footer Branding */
#colophon #theme-attribution {
  display: none;
}

/* Vantage Center Social Media Widget in footer */
.widget_vantage-social-media {
  text-align: center;
}

.widget_vantage-social-media .social-media-icon {
	display: inline-block;
	float: none;
	margin-right: 30px;
}

#footer-widgets aside,
#footer-widgets .widget {
  width: initial;
}

#footer-widgets .widget {
  float: none;
}

/* Footer Twitch Icon replace Google Plus */
.fa-google-plus:before {
  content: "\f1e8" !important;
}

.widget_vantage-social-media .social-media-icon.social-media-icon-google-plus {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4b367c), color-stop(1, #6441a4));
  background: -ms-linear-gradient(bottom, #4b367c, #6441a4);
  background: -moz-linear-gradient(center bottom, #4b367c 0%, #6441a4 100%);
  background: -o-linear-gradient(#6441a4, #4b367c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6441a4', endColorstr='#4b367c', GradientType=0);
  border: 1px solid #6441a4;
}

.widget_vantage-social-media .social-media-icon.social-media-icon-google-plus:hover {
    background: #ff0d0d;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6441a4), color-stop(1, #4b367c));
    background: -ms-linear-gradient(bottom, #6441a4, #4b367c);
    background: -moz-linear-gradient(center bottom, #6441a4 0%, #4b367c 100%);
    background: -o-linear-gradient(#4b367c, #6441a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b367c', endColorstr='#6441a4', GradientType=0);
    border: 1px solid #4b367c;
}

/* Cookies */
.cookie-notice-container {
  font-size: 14px;
}

#cookie-notice .button.bootstrap {
  color: #ddd;
  background-color: #007a82;
  background-image: -moz-linear-gradient(top,#06e9f7,#007a82);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#06e9f7),to(#007a82));
  background-image: -webkit-linear-gradient(top,#06e9f7,#007a82);
  background-image: -o-linear-gradient(top,#06e9f7,#007a82);
  background-image: linear-gradient(to bottom,#06e9f7,#007a82);
  border-color: #007a82 #007a82 #004e54;
}

#cookie-notice .button.bootstrap:focus, #cookie-notice .button.bootstrap:hover {
  color: #ccc;
  background-color: #007a82;
  background-image: -moz-linear-gradient(top,#007a82,#007a82);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#007a82),to(#007a82));
  background-image: -webkit-linear-gradient(top,#007a82,#007a82);
  background-image: -o-linear-gradient(top,#007a82,#007a82);
  background-image: linear-gradient(to bottom,#007a82,#007a82);
}

/* Animated Background */
/* #main {
  position: relative;
  overflow: hidden;
}

#main:before {
  background: url(https://csd-games.com/wp-content/uploads/2018/04/Background-test.png) no-repeat;
  background-size: cover;
  width: 500%;
  height: 500%;
  animation: animationBackground 300s linear infinite;
  position: absolute;
  top: -250%;
  left: -250%;
}

@keyframes animationBackground{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}	
} */