CX6998

CSS:

$accent1: #ff4337;
$accent2: #19b295;

@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(https://fonts.googleapis.com/css?family=Gochi+Hand);

/* Error page */
#content input[type="text"]:focus {
	background: transparent;
	border-color: none;
}

#content h1 a, #content h1 a:hover, #content h1 a:focus {
	cursor: default;
	color:#ddd;
}

#content h2 {
	font-size:24px;
}

#content h3 {
	font-size:20px;
}

/* Text-transform Buttons */
#buddypress a.button, #whats-new-submit #aw-whats-new-submit {
	text-transform: none;
}

/* Slider */
div.sl-slide-text ul li a {
	color: #000;
	text-align: left;
	font-family: 'Gochi Hand', cursive;
	font-size: 26px;
}

div.sl-slide-text ul li a.bbp-forum-title:hover {
	color: #ff4337;
}

.entry-content ul {
	text-align: left;
	margin-bottom: 29px;
}

.entry-content ul li {
	text-align: left;
	margin-bottom: 0px;
}

.sl-slide-text p {
	font-size: 20px;
	font-family: 'Shadows Into Light', cursive;
	letter-spacing: 1px;
	font-weight: bold;
}

.sl-slider .sl-slide-text span {
	background-color: rgba(0,0,0,0.6);
}

/* Home page */
  /* Line between slider and Legal terms */
article#main.page-builder.entry-content.post-12.page.type-page.status-publish.hentry {
	border-bottom: 1px solid #19b295;
}

footer.quest-row.main-footer {
	padding-top: 0;
}

  /* Legal stuff margin */
.main-footer h1 {
	margin-top: 40px;
}

/* Page setup */
body {
	background-color:#000;
}

div#page {
	max-width:1768px;
	margin:0 auto;
}

/* Logo and header */
h1.logo {
	margin: 10px 0;
}

header#masthead > .container > .row {
	position: relative;
}

header#masthead {
	border-bottom:3px solid #ff4337;
}

/* Primary nav */
.main-navigation {
	position: absolute;
	bottom: -3px;
	right: 0;
}

.main-navigation .nav > li > a {
	line-height: 44px;
	padding: 0 18px;
	font-weight: bold;
}

.main-navigation .nav > li.current-menu-item > a {
	color: #f9f9f9;
}
.main-navigation .nav > li.current-menu-item > a:hover,
.main-navigation .nav > li.current-menu-item > a:focus {
	color: #ff4337;
}

.main-navigation .nav > li {
	border-bottom: 3px solid transparent;
}

body.bbpress .main-navigation .nav > li#menu-item-261 {
	border-color:$accent2;
}
body.bbpress .main-navigation .nav > li#menu-item-261 > a {
	color:#fff !important;
}

/* Secondary nav */
#secondary-head {
	position:absolute;
	top:0;
	display:block;
	width:100%;
	border:none;
}
body.admin-bar #secondary-head {
	margin-top:32px;
}

.wrap_login_logout {
	display:inline-block;
	float:right;
	min-height: 1px;
  padding: 0 15px 0 160px;
	background-color: #ff4337;
}

.wrap_login_logout > li {
	float: left;
	position: relative;
	display: block;
}

.wrap_login_logout > li > a {
  font: 12px 'Open Sans';
	line-height: 18px;
	color: #000;
	padding: 10px 18px;
	display:block;
}
.wrap_login_logout > li > a:hover,
.wrap_login_logout > li > a:focus {
	color:#fff;
}

/* Footer border */
.main-footer, .main-footer li, .main-footer li:last-child {
	border-color: transparent;
}

/* Content pages */
body.page-template-page-full-width #primary {
	width:100%;
}

/* Activity */
.post-title.entry-title h1 a {
	cursor: default;
}

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span {
	background-color: transparent;
	color: #fff;
}

#buddypress div.item-list-tabs ul li a:hover span {
	background-color: transparent;
	color: #ff4337;
}

#buddypress div.item-list-tabs ul li a span {
	border: 0;
	margin: 3px;
}

legend {
	color: #FEFEFE;
}

  /* Upload button */
#buddypress button {
	background: transparent;
}

#buddypress button:hover {
	background: transparent;
}

#buddypress button#rtmedia-add-media-button-post-update.dashicons span {
	color: #19b295;
	background: transparent;
}

#buddypress button#rtmedia-add-media-button-post-update:hover {
	color: #ff4337;
	background: transparent !important;
}

  /* Uploading box */
.plupload_file_name .dashicons, .plupload_file_action {
	background: transparent;
	color: #ff4337;
}

.plupload_file_size, .plupload_file_name {
	color: #19b295;
}

#rtmedia-uploader-form .rtm-plupload-list li, #rtmedia_uploader_filelist li {
	background: transparent;
	border: 1px solid #ff4337;
}

.plupload_file_status {
	background-color: #19b295;
}

.plupload_file_progress {
	background: #ff4337;
}

  /* Comment box */
#buddypress form#whats-new-form textarea, #buddypress div.activity-comments form .ac-textarea, #buddypress div.ac-textarea {
	background: #fff;
	color: #000;
	border-color: #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress #whats-new-form textarea:focus,  #buddypress .ac-textarea:focus {
	border-color: #ff4337 !important;
	outline-color: #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#content textarea {
	max-width: 800px;
	max-height: 100px;
	width: 800px;
	height: 80px;
}

#buddypress div.activity-comments form textarea {
	color: #fff;
}

span.bbp-admin-links a {
	color: #19b295;
}

span.bbp-admin-links a:hover {
	color: #ff4337;
}

#buddypress a.ac-reply-cancel {
    margin-top: 5px;
    font-size: small;
    background: #19b295;
    color: #fff;
    padding: 7px 12px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 0 5px #19b295;
    -webkit-box-shadow: 0 0 5px #19b295;
    letter-spacing: 0.5px;
}

#buddypress a.ac-reply-cancel:hover {
    margin-top: 5px;
    font-size: small;
    background: #ff4337;
    color: #fff;
    padding: 7px 12px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 0 0 5px #ff4337;
    -webkit-box-shadow: 0 0 5px #ff4337;
    letter-spacing: 0.5px;
}

  /* Post update button */
#buddypress input[type=submit] {
	background: #19b295;
	color: #fff;
	border: 0;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress input[type=submit]:hover {
	background: #19b295;
	color: #fff;
	border: 0;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#whats-new-submit #aw-whats-new-submit {
	font-size: 12px;
}

#buddypress button, #buddypress div.item-list-tabs ul li a span, #buddypress div.item-list-tabs ul li.selected a span {
	background: transparent;
	border: 0;
	color: #19b295;
}

#buddypress div.item-list-tabs ul li.selected a span:hover {
	color: #ff4337;
}

#buddypress div#message p, #sitewide-notice p {
	font-weight: 700;
	background-color: transparent;
	border: 0;
	color: #fff;
}

#content label {
	font-weight: inherit;
}

#buddypress form #whats-new-form textarea {
	color: #fff;
	background: transparent;
	border-color: #19b295;
	box-shadow: 0 0 12px #19b295;
	-webkit-box-shadow: 0 0 12px #19b295;
}

#content textarea:focus, .wpcf7 textarea:focus {
	border-color: #ff4337;
	box-shadow: 0 0 12px #ff4337;
	-webkit-box-shadow: 0 0 12px #ff4337;
}

  /* Dropdown box */
select#activity-filter-by {
	background: #19b295;
	border-color: #19b295;
	color: #fff;
}

  /* Uploaded music player */
#buddypress .mejs-controls .mejs-play:hover button {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
	color: #ff4337;
}

  /* Player playing bar */
#buddypress .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #525252;
}

#buddypress  .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #fff;
}

  /* Player playing bar buttons */
#buddypress .mejs-controls .mejs-play:hover button {
 background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
}

#buddypress .mejs-controls .mejs-play button {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
}

#buddypress .mejs-controls button:hover {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
	background-position: 0 -16px;
}

#buddypress .mejs-controls button {
	background: transparent url(http://unsignedtalentagency.co.uk/wp-content/plugins/buddypress-media/lib/media-element/controls.png) no-repeat;
	background-position: 0 -16px;
}

#buddypress .mejs-controls .mejs-mute:hover button {
	background-position: -16px 0;
}

#buddypress .mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

#buddypress .mejs-controls .mejs-unmute:hover button {
	background-position: -16px -16px;
}

  /* Delete+Favourite */
#buddypress a.button {
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
	color: #fff;
	background: #19b295;
	border: 0;
}

#buddypress a.button:hover {
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#buddypress.comment-reply-link:hover, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress button:hover, #buddypress div.generic-button a:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress input[type=submit]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a {
	background: #ff4337;
	border: 0;
	color: #fff;
}

  /* Comment: Reply, Delete, Spam */
#buddypress .acomment-options a {
	color: #fff;
}

#buddypress a.bp-primary-action > div.acomment-options  {
	background: #19b295;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px 4px;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress #reply-title small a span, #buddypress a.bp-primary-action span,
#buddypress a.bp-primary-action span, #buddypress a.bp-primary-action:hover span {
	color: #fff;
	background: none;
}

  /* Reply */
#buddypress a.acomment-reply.bp-primary-action {
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #19b295;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress a.acomment-reply.bp-primary-action:hover {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ff4337;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

  /* Delete */
#buddypress a.delete.acomment-delete.confirm.bp-secondary-action {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #19b295;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress a.delete.acomment-delete.confirm.bp-secondary-action:hover {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ff4337;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

  /* Spam */
#buddypress a.bp-secondary-action.spam-activity-comment.confirm {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #19b295;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

#buddypress a.bp-secondary-action.spam-activity-comment.confirm:hover {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ff4337;
  padding: 4px 8px;
  color: #fff;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

/* Blog */
  /* Blog comments */
 #comments #post-comments-form textarea {
	color: #fff;
	background: transparent;
	border: 1px solid #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
}

 #comments #post-comments-form textarea:focus {
	color: #fff;
	background: transparent;
	border: 1px solid #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

/* Forums */
#title-container h3 {
	color: #ccc;
}

#bbpress-forums {
	max-width: 1200px;
	width: 100%;
}

h3 {
	color: #ccc;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd, #bbpress-forums div.even, #bbpress-forums ul.even, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-header, #buddypress div.item-list-tabs ul li a span {
	background: transparent;
}

#title-container, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	border: 0;
}

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
	font-weight: 0;
	opacity: initial;
}

#bbpress-forums ul.bbp-forums > li > ul {
	padding-left: 16px !important;
}

#bbpress-forums li.bbp-header {
	background-color: #ff4337;
	padding-left:0 !important;
}

ul .forum-titles {
    color: #fff;
}

#bbpress-forums li.bbp-body > ul:hover, #bbpress-forums li.bbp-body > ul:focus, #bbpress-forums li.bbp-body > ul:hover a, #bbpress-forums li.bbp-body > ul:focus a {
	background-color: #19b295;
	color:#fff;
	transition:.6s;
	-webkit-transition:.6s;
}

#bbpress-forums li.bbp-body > ul:hover a, #bbpress-forums li.bbp-body > ul:focus a {
	background-color:transparent !important;
}

#bbpress-forums li.bbp-body .bbp-forum-title {
	font-weight:bold;
}

#content input[type="text"] {
	border: 1px solid #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
	background-color: transparent;
	color: #fff;
}

#bbpress-forums #bbp-search-form #bbp_search {
	background: transparent;
}

.bbp-forum-freshness > a {
	font-size:16px;
}

  /* Forum index text */
.bbp-forum-info a {
	font-size: 18px;
}

.forum-titles li {
	font-size: 18px;
}

#bbpress-forums li {
	font-size: 18px;
}

#content input[type="text"]:focus {
	border: 1px solid #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

/* Inside the forum */
div.bbp-template-notice a {
	color: #19b295;
	margin: 1px;
}

div.bbp-template-notice a:hover {
	color: #ff4337;
}

  /* Create topic */
div.bbp-template-notice, div.indicator-hint {
	color: #19b295;
	font-weight: 700;
}

div.bbp-template-notice, div.indicator-hint, div.bbp-template-notice.info {
	background-color: transparent;
	border-color: transparent;
	border: 0;
}

#bbpress-forums fieldset.bbp-form label {
	font: inherit;
}

#qt_bbp_topic_content_toolbar .quicktags-toolbar {
	background: transparent;
	border: 0;
}

span #subscribe-272 {
	margin: 0 0 0 15px;
}

span #subscribe-284 {
	margin: 0 0 0 15px;
}

span #subscribe-253 {
	margin: 0 0 0 15px;
}

#bbpress-forums fieldset.bbp-form {
	padding: 0;
}

  /* Create New Topic textbox */
div.mce-panel {
	background-color: transparent !important;
}

  /* MCE toolbar */
.mce-toolbar .mce-btn i, .mce-toolbar .mce-btn:hover i {
	color: #fff;
	padding: 3px;
	background: #19b295;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#mceu_30-body .mce-btn:hover, #mceu_30-body .mce-btn.mce-active {
	background: #ff4337;
	border-color: #ff4337;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

i .mce-ico.mce-i-bold {
	color: #fff;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	border-color: #19b295;
	box-shadow: 0 0 5px #19b295;
	-webkit-box-shadow: 0 0 5px #19b295;
	background: transparent;
	color: #fff;
	max-height: 120px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content:focus {
	border-color: #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
	background: transparent;
}

#bbpress-forums fieldset.bbp-form input:focus {
	background: transparent;
	border-color: #ff4337;
	box-shadow: 0 0 5px #ff4337;
	-webkit-box-shadow: 0 0 5px #ff4337;
}

#bbpress-forums div.bbp-the-content-wrapper input {
	margin: 0 2px;
	background: #19b295;
	color: #fff;
	border: 1px solid #19b295;
}

#bbpress-forums div.bbp-the-content-wrapper input:hover {
	margin: 0 2px;
	background: #ff4337;
	color: #fff;
	border: 1px solid #ff4337;
}

#bbpress-forums div.bbp-the-content-wrapper .wp-core-ui .button {
	box-shadow: none;
	-webkit-box-shadow: none;
}

  /* Create New Topic text */
form#new-post {
	border: 0;
}

fieldset.bbp-form legend {
	font-size: 18px;
	font-weight: bold;
	background: #19b295;
	color: #eee;
	border: 0;
	padding: 16px;
}

#bbpress-forums fieldset.bbp-form legend {
	padding: 5px 5px 5px 16px;
}

#bbpress-forums  ul.forum-titles {
	padding-left: 16px
}

  /* Frame */
#bbpress-forums fieldset.bbp-form {
	border: none;
	box-shadow: none;
}

  /* Dropdown box */
select#bbp_stick_topic_select {
	background-color: #19b295;
	border-color: #19b295;
	color: #fff;
}	

select#bbp_topic_status_select {
	background-color: #19b295;
	border-color: #19b295;
	color: #fff;
}

#content select:focus {
	background-color: #ff4337 !important;
	border-color: #ff4337 !important;
}

  /* Submit button */
button#bbp_topic_submit {
	text-transform: none;
}

  /* Quick Tag toolbar */
div#qt_bbp_topic_content_toolbar.quicktags-toolbar {
	background: transparent;
	border: 0;
	margin: 0 0 8px 0;
}

  /* Comments */
#bbpress-forums div.bbp-reply-header {
	background: transparent;
}

#bbpress-forums div.bbp-reply-content span a {
	color: #fff;
}

#bbpress-forums div.bbp-reply-content span a:hover {
	color: #000;
}

  /* Comments footer*/
#bbpress-forums li.bbp-footer {
	background: #ff4337;
	color: #fff;
	display:none !important;
}

div.bbp-reply-header {
	border-top: 1px solid #ff4337;
}

  /* Thread comment box */
div#qt_bbp_reply_content_toolbar.quicktags-toolbar {
	background: transparent;
	border: 0;
	margin: 0 0 8px 0;
}

  /* Thread header text */
#bbpress-forums li.bbp-header {
	color: #fff;
}

  /* Back to top button */
.no-touch .cd-top:hover {
	background: #ff4337;
}

/* Cookie button */
button#catapultCookie {
	background: #19b295;
}

button#catapultCookie:hover {
	background: #ff4337;
}

/* Media Queries */
@media (max-width: 240px) {

	/* Forum size */
#bbpress-forums {
	max-width: 240px;
}
  /* Forum text size */
.bbp-forum-info a {
	font-size: 6px;
}

.forum-titles li {
	font-size: 8px;
}

#bbpress-forums li {
	font-size: 5px;
}
  /* Search box */
#content input[type="text"] {
	width: 80px;
}

}

@media (max-width: 320px) {

	/* Forum size */
#bbpress-forums {
	max-width: 320px;
}
  /* Forum text size */
.bbp-forum-info a {
	font-size: 6px;
}

.forum-titles li {
	font-size: 8px;
}

#bbpress-forums li {
	font-size: 5px;
}
}

@media (max-width: 767px) {
	/* Logo */
	img {
		margin-left: 0;
	}
  /* Forum width */
#bbpress-forums {
	width: 767px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	/* Logo */
	img {
		margin-left: 268px;
	}
}