/*
*   Sevilla (HTML) 1.0
*   Copyright 2015, Limitless
*   www.limitless.company
*/


/* Table of Content
==================================================
	#Background Colors 
	#Border Colors 
	#Text Colors */


/* Background Colors
================================================== */


	/* Base Styles
	================================================== */

		body {
			background-color: #eeeeee;
		}


	/* Links
	================================================== */

		a.underline:after { 
			background-color: #888888;
		}

		a.underline:hover:after { 
			background-color: #000000;
		}


	/* Buttons
	================================================== */

		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			background-color: rgba(0,0,0,0.87);
		}

		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:focus,
		button:focus,
		input[type="submit"]:focus,
		input[type="reset"]:focus,
		input[type="button"]:focus {
			background-color: rgba(0,0,0,0.47);
		}

		.button:active,
		button:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active {
			background-color: rgba(0,0,0,0.47);
		}

		.button.icon,
		button.icon {
			background-color: transparent;
		}

		.button.icon.dark:before,
		button.icon.dark:before,
		input[type="submit"].dark:before,
		input[type="reset"].dark:before,
		input[type="button"].dark:before {
			background-color: rgba(0,0,0,0.83);
		}

		.button.icon.light:before,
		button.icon.light:before,
		input[type="submit"].light:before,
		input[type="reset"].light:before,
		input[type="button"].light:before {
			background-color: rgba(255,255,255,1);
		}

		.button.icon.semi-light:before,
		button.icon.semi-light:before,
		input[type="submit"].semi-light:before,
		input[type="reset"].semi-light:before,
		input[type="button"].semi-light:before {
			background-color: rgba(255,255,255,0.5);
		}

		.button.icon.dark:hover:before,
		button.icon.dark:hover:before,
		input[type="submit"].dark:hover:before,
		input[type="reset"].dark:hover:before,
		input[type="button"].dark:hover:before {
			background-color: rgba(0,0,0,0.47);
		}

		.button.icon.light:hover:before,
		button.icon.light:hover:before,
		input[type="submit"].light:hover:before,
		input[type="reset"].light:hover:before,
		input[type="button"].light:hover:before,
		.button.icon.semi-light:hover:before,
		button.icon.semi-light:hover:before,
		input[type="submit"].semi-light:hover:before,
		input[type="reset"].semi-light:hover:before,
		input[type="button"].semi-light:hover:before {
			background-color: rgba(255,255,255,1);
		}

		.button.icon.dark:active:before,
		button.icon.dark:active:before,
		input[type="submit"].dark:active:before,
		input[type="reset"].dark:active:before,
		input[type="button"].dark:active:before {
			background-color: rgba(136,136,136,1);
		}

		.button.icon.light:active:before,
		button.icon.light:active:before,
		input[type="submit"].light:active:before,
		input[type="reset"].light:active:before,
		input[type="button"].light:active:before,
		.button.icon.semi-light:active:before,
		button.icon.semi-light:active:before,
		input[type="submit"].semi-light:active:before,
		input[type="reset"].semi-light:active:before,
		input[type="button"].semi-light:active:before {
			background-color: rgba(255,255,255,1);
		}


	/* Forms
	================================================== */

		input[type="email"],
		input[type="search"],
		input[type="text"],
		input[type="password"],
		textarea,
		select {
			background: transparent; 
		}

		textarea { 

		}

		input[type="email"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="password"]:focus,
		textarea:focus, 
		select:focus { 

		}


	/* Selection
	================================================== */

		::selection {
			background: rgba(0,0,0,0.75);
			color: #ffffff;
		}

		::-moz-selection {
			background: rgba(0,0,0,0.75);
			color: #ffffff;
		}


	/* Code
	================================================== */

		code {
			background-color: #f1f1f1;
		}


	/* Misc
	================================================== */

		.gradient {
			background: -moz-linear-gradient(top, rgba(215,215,215,0.75) 0%, rgba(237,237,237,0.75) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,0.75)), color-stop(100%,rgba(237,237,237,0.75)));
			background: -webkit-linear-gradient(top, rgba(215,215,215,0.75) 0%,rgba(237,237,237,0.75) 100%);
			background: -o-linear-gradient(top, rgba(215,215,215,0.75) 0%,rgba(237,237,237,0.75) 100%);
			background: -ms-linear-gradient(top, rgba(215,215,215,0.75) 0%,rgba(237,237,237,0.75) 100%);
			background: linear-gradient(to bottom, rgba(215,215,215,0.75) 0%,rgba(237,237,237,0.75) 100%);
		}

		.background.fit {
			background-color: #111111;
		}

		.overlay-dark { 
			background: rgb(34,34,34);
			background: -moz-linear-gradient(top, rgba(34,34,34,0.7) 0%, rgba(0,0,0,0.7) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,34,34,0.7)), color-stop(100%,rgba(0,0,0,0.7)));
			background: -webkit-linear-gradient(top, rgba(34,34,34,0.7) 0%,rgba(0,0,0,0.7) 100%);
			background: -o-linear-gradient(top, rgba(34,34,34,0.7) 0%,rgba(0,0,0,0.7) 100%);
			background: -ms-linear-gradient(top, rgba(34,34,34,0.7) 0%,rgba(0,0,0,0.7) 100%);
			background: linear-gradient(to bottom, rgba(34,34,34,0.7) 0%,rgba(0,0,0,0.7) 100%);
		}

		.overlay-light { 
			background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(219,219,219,0.7) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(219,219,219,0.7)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(219,219,219,0.7) 100%);
			background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(219,219,219,0.7) 100%);
			background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(219,219,219,0.7) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(219,219,219,0.7) 100%);
		}

		.player-preview {
			background-color: #000000;
		}

		.devider-small {
			background-color: #cccccc;
		}


	/* Sliders
	================================================== */

		.slider .slider-paging .slider-paging-page {
			background-color: rgba(255,255,255,0.5);
		}

		.slider .slider-paging .slider-paging-page.current {
			background-color: rgba(255,255,255,1);
		}


	/* Loader
	================================================== */

		.loading {
			background-color: #eeeeee;
		}


	/* Header
	================================================== */

		header.header {
			background-color: transparent;
		}

		header.header .main .logo {
			background-color: transparent;
		}

		header.header .main .menu {
			background-color: transparent;
		}

		@media only screen and (max-width: 767px) {
			header.header.active {
				background: #111111 !important;
			}
		}


	/* Home
	================================================== */

		section.home .cta .item .discover {
			background: -webkit-gradient(linear,left top,right top,
			        		color-stop(0, #808080),
					        color-stop(0.4, #808080),
					        color-stop(0.5, white),
					        color-stop(0.6, #808080),
					        color-stop(1, #808080)); 
		}

		section.home .cta .item .discover:hover {
			background: -webkit-gradient(linear,left top,right top,
				        color-stop(0, white),
				        color-stop(0.4, white),
				        color-stop(0.5, white),
				        color-stop(0.6, white),
				        color-stop(1, white));
		}


	/* Work
	================================================== */

		section.work .filter select {
			background-color: #ffffff;
		}


	/* Grid
	================================================== */

		section.grid .item {
			background-color: #222222;
		}


	/* Article
	================================================== */

		article.post .entry-header .entry-thumbnail .navigate div {
			background-color: transparent !important;
		}


/* Border Colors
================================================== */


	/* Forms
	================================================== */

		input[type="email"],
		input[type="search"],
		input[type="text"],
		input[type="password"],
		textarea,
		select {
			border-color: #222222;
		}

		textarea { 
			border-color: #222222;
		}

		input[type="email"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="password"]:focus,
		textarea:focus, 
		select:focus { 
			border-color: #666666; 
		}


	/* Code
	================================================== */

		code {
			border-color: #e1e1e1;
		}


	/* Tables
	================================================== */

		th, td { 
			border-color: #e1e1e1; 
		}


	/* Utilities
	================================================== */

		.u-has-border-bottom {
			border-color: #cccccc;
		}

		.u-has-border-top {
			border-color: #cccccc;
		}


/* Text Colors
================================================== */


	/* Base Styles
	================================================== */

		body {
			color: #888888;
		}


	/* Typography
	================================================== */

		p {
			color: #888888;
		}


	/* Links
	================================================== */

		a.link { 
			color: #000000;
		}

		a.more {
			color: #000000;
		}


	/* Buttons
	================================================== */

		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			color: #ffffff;
		}

		.button.icon.dark span,
		button.icon.dark span,
		input[type="submit"].dark span,
		input[type="reset"].dark span,
		input[type="button"].dark span {
			color: rgba(34,34,34,1);
		}

		.button.icon.dark:hover span,
		button.icon.dark:hover span,
		input[type="submit"].dark:hover span,
		input[type="reset"].dark:hover span,
		input[type="button"].dark:hover span {
			color: rgba(0,0,0,0.47);
		}

		.button.icon.light span,
		button.icon.light span,
		input[type="submit"].light span,
		input[type="reset"].light span,
		input[type="button"].light span {
			color: rgba(255,255,255,1);
		}

		.button.icon.light:hover span,
		button.icon.light:hover span,
		input[type="submit"].light:hover span,
		input[type="reset"].light:hover span,
		input[type="button"].light:hover span {
			color: rgba(255,255,255,1);
		}

		.button.icon.semi-light span,
		button.icon.semi-light span,
		input[type="submit"].semi-light span,
		input[type="reset"].semi-light span,
		input[type="button"].semi-light span {
			color: rgba(255,255,255,0.5);
		}

		.button.icon.semi-light:hover span,
		button.icon.semi-light:hover span,
		input[type="submit"].semi-light:hover span,
		input[type="reset"].semi-light:hover span,
		input[type="button"].semi-light:hover span {
			color: rgba(255,255,255,1);
		}


	/* Forms
	================================================== */

		input[type="email"],
		input[type="search"],
		input[type="text"],
		input[type="password"],
		textarea,
		select {
			color: #666666;
		}

		input[type="email"]:focus,
		input[type="search"]:focus,
		input[type="text"]:focus,
		input[type="password"]:focus,
		textarea:focus, 
		select:focus { 
			color: #ffffff;
		}

		label, legend { 
			color: #666666;
		}

		::-webkit-input-placeholder {
			color: #666666;
		}

		:-moz-placeholder {
			color: #666666; 
		}

		::-moz-placeholder {
			color: #666666;
		}

		:-ms-input-placeholder {  
			color: #666666; 
		}


	/* Code
	================================================== */

		code {

		}


	/* Blockquote
	================================================== */

		blockquote {
			color: #000000;
		}


	/* Misc
	================================================== */

		.overlay.dark .title { color: rgba(255,255,255,1); }

		.overlay.dark .text { color: rgba(255,255,255,0.5); }

		.overlay.light .title { color: rgba(0,0,0,1); }

		.overlay.light .text { color: rgba(0,0,0,0.5); }

		.headline {
			color: #000000;
		}

		.title {
			color: #222222;
		}


	/* Header
	================================================== */
	
		header.header .navigation li {
			color: #888888;
		}

		header.header .navigation li:hover, 
		header.header .navigation li.active {
			color: #000000;
		}

		header.header.light .links .navigation li, 
		header.header.scroll .links .navigation li {
			color: #999999;
		}

		header.header.light .navigation li:hover,
		header.header.light .navigation li.active,		
		header.header.scroll .navigation li:hover, 
		header.header.scroll .navigation li.active  {
			color: #ffffff;
		}

		@media only screen and (max-width: 767px) {
			header.header .links .navigation li {
				color: #777777;
			}
		}

		@media only screen and (max-width: 767px) {
			header.header.scroll .navigation li:hover, 
			header.header.scroll .navigation li.active {
				color: #ffffff;
			}
		}


	/* Home
	================================================== */

		section.home .title {
			color: #ffffff;
		}

		section.home .cta .button.play span {
			color: rgba(255, 255, 255, 0);
		}

		section.home .cta .button.play:hover span {
			color: rgba(255, 255, 255, 1);
		}


	/* Grid
	================================================== */

		section.grid .cover .headline  {
			color: #ffffff;
		}

		section.grid .filter li {
			color: #888888;
		}

		section.grid .filter li:hover {
			color: #ffffff;
		}

		section.grid .filter li.active {
			color: #ffffff;
		}

		section.grid .item .content .title {
			color: #ffffff;
		}

		section.grid .item .content .text {
			color: #888888;
		}


	/* Quote
	================================================== */

		section.quotes blockquote {
			color: #ffffff;
		}


	/* Blog
	================================================== */

		section.blog article.post .entry-header .entry-title {
			color: #000000;
		}


	/* Blog Post
	================================================== */

		article.post .entry-header .entry-meta span {
			color: #777777;	
		}

		article.post .entry-header .entry-meta .categories-links {
			color: #000000;
		}

		article.post .entry-header .entry-meta .categories-links:after {
			color: #000000;
		}

		article.post .entry-header .entry-meta .categories-links a,
		article.post .entry-header .entry-meta .categories-links {
			color: #000000 !important;
		}

		article.post .entry-header .entry-meta .author:before {
			color: #bbbbbb;
		}

		article.post .entry-header .entry-title {
			color: #000000;
		}


	/* Footer
	================================================== */

		footer.footer .copyrights .text {
			color: #000000;
		}