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


/* Table of Content
==================================================
	#Headers
	#Covers
	#Landing
	#Grid
	#Full Width Text
	#Multi Column Text
	#Gallery
	#Social Sharing
	#Featured
	#Clients
	#Blog
	#Post
	#Article
	#Footer */


/* Header
================================================== */
	
	header.header {
		height: 86px;
		text-align: center;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 1000;
		-webkit-transition: background 0.3s ease 0s;
		-moz-transition: background 0.3s ease 0s;
		-ms-transition: background 0.3s ease 0s;
		-o-transition: background 0.3s ease 0s;
		transition: background 0.3s ease 0s;
	}	

	header.header .row {
		margin-bottom: 0px;
	}

	header.header .main {
		height: 86px;
		position: relative;
	}

	header.header .main .logo {
		cursor: pointer;
		display: inline-block;
  		line-height: 0px;
		opacity: 1;
		float: left;
		-webkit-transition: opacity display 0.6s ease 0s;
		-moz-transition: opacity display 0.6s ease 0s;
		-ms-transition: opacity display 0.6s ease 0s;
		-o-transition: opacity display 0.6s ease 0s;
		transition: opacity display 0.6s ease 0s;
	}

	header.header .main .logo img {
		max-height: 70px;
	}

	header.header .main .logo:hover {
		opacity: 0.75;
	}

	header.header.light .main .logo .dark,
	header.header.scroll .main .logo .dark, 
	header.header.dark .main .logo .light {
		display: none;
	}

	header.header.light .main .logo .light,
	header.header.scroll .main .logo .light {
		display: inline-block;
	}

	header.header .main .menu {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 22px 14px;
		border: none;
		cursor: pointer;
		display: none;
  		float: right;
		height: 14px;
		text-indent: 9999px;
		width: 22px;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

	header.header .main .menu:hover {
		opacity: 0.5;
	}

	header.header.dark .main .menu {
		background-image: url(../images/misc/navigation-menu-dark.png);
	}

	header.header.scroll .main .menu,
	header.header.light .main .menu {
		background-image: url(../images/misc/navigation-menu-light.png);
	}

	header.header .links {
		float: right;
		height: 86px;
		margin: 0px;
		-webkit-transition: display 0.6s ease 0s;
		-moz-transition: display 0.6s ease 0s;
		-ms-transition: display 0.6s ease 0s;
		-o-transition: display 0.6s ease 0s;
		transition: display 0.6s ease 0s;
	}

	header.header .links .navigation {
		text-align: right;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

	header.header .links .navigation ul {
		margin-bottom: 0px;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

	header.header .links .navigation li {
		cursor: pointer;
		display: inline-block;
		font-family: "Raleway";
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0.025em;
		margin-bottom: 0px;
		margin: 0px 30px;
		text-transform: capitalize;
		vertical-align: top;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

	header.header .links .navigation li:hover, 
	header.header .links .navigation li.hover {
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-ms-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
		transition: all 0.6s ease 0s;
	}

	header.header .links .navigation li:first-child {
		margin-left: 0px;
	}

	header.header .links .navigation li:last-child {
		margin-right: 0px;
	}


/* Cover
================================================== */

	section.cover {
		height: 400px;
	}

	section.cover .overlay {
		bottom: 0px;
		left: 0px;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	section.cover .offset {
		padding-bottom: 153px;
		padding-top: 175px;
	}


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

	section.home .cta .item .discover {
		-webkit-animation: lighten 2s infinite;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-ms-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    transform: rotate(90deg);
	    cursor: pointer;
	    font-size: 50px;
	    padding: 10px;
	}

	section.home .cta .item .discover:hover {
		-webkit-animation: lighten 2s infinite;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	@-webkit-keyframes lighten {
		0% {
			background-position: -50px 0;
		}
		100% {
			background-position: 50px 0;
		}
	}


/* Landing
================================================== */

	section.landing {

	}

	section.landing .offset,
	section.landing .image,
	section.landing .slider,
	section.landing .slides,
	section.landing .slide,
	section.landing .video,
	section.landing video {
	bottom: 0px;
	left: 0px;
	padding: 0px;
	position: absolute !important;
	right: 0px;
	top: 0px;
	}

	section.landing .image,
	section.landing .slide {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	section.landing .main {

	}

	section.landing .main .title {
		
	}

	section.landing .main .text {

	}

	section.landing .cta {
		bottom: 50px;
		left: 0px;
		margin-bottom: 0px;
		position: absolute;
		right: 0px;
		z-index: 100;
	}

	section.landing .link.more {
		background-image: url(../images/misc/link-arrow-bottom.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 40px 13px;
		cursor: pointer;
		display: inline-block;
		line-height: 0px;
		opacity: 0.5;
		height: 13px;
		text-indent: -9999px;
		width: 40px;
	}

	section.landing .link.more:hover {
		opacity: 1;
	}


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

	section.grid {

	}

	section.grid .cover {
		height: 340px;
		position: relative;
	}

	section.grid .cover .container  {
		bottom: 0px;
		left: 0px;
		padding-top: 150px;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	section.grid .filter {
		bottom: 0px;
		left: 0px;
		position: absolute;
		right: 0px;
		text-align: center;
	}

	section.grid .filter select {
		display: none;
	}

	section.grid .filter ul {
		margin-bottom: 0px;
	}

	section.grid .filter li {
		cursor: pointer;
		display: inline-block;
		font-size: 11.5px;
		font-weight: 600;
		letter-spacing: 0.1em;
		margin-bottom: 0px; 
		margin-right: 70px; 
		text-transform: uppercase;
		-webkit-transition: color 0.3s ease 0s;
		-moz-transition: color 0.3s ease 0s;
		-ms-transition: color 0.3s ease 0s;
		-o-transition: color 0.3s ease 0s;
		transition: color 0.3s ease 0s;
	}

	section.grid .filter li:last-child {
		margin-right: 0px; 
	}

	section.grid .filter li:hover {

	}

	section.grid .filter li.active {
		cursor: default;
	}

	section.grid .filter li:after {
		background-image: url(../images/misc/filter-selected-dark.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 13px 6px;
		content: " ";
		display: block;
		height: 6px;
		margin: 14px auto 0px;
		opacity: 0;
		width: 13px;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
		transform: translateY(10px);
		-webkit-transition: -webkit-transform 0.3s ease 0s;
		-moz-transition: -moz-transform 0.3s ease 0s;
		-ms-transition: -ms-transform 0.3s ease 0s;
		-o-transition: -o-transform 0.3s ease 0s;
		transition: transform 0.3s ease 0s;
	}

	section.grid .filter li.active:after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	section.grid .item {
		float: left;
		position: relative;
		-webkit-transition: -webkit-transform 0.6s ease 0s;
		-moz-transition: -moz-transform 0.6s ease 0s;
		-ms-transition: -ms-transform 0.6s ease 0s;
		-o-transition: -o-transform 0.6s ease 0s;
		transition: transform 0.6s ease 0s;
	}
	
	section.grid.grid-three-cols .item {
		margin-left: 3.9%;
		width: 30.6666666667%;
	}
	
	section.grid.grid-four-cols .item {
		margin-left: 3.9%;
		width: 22%;
	}
	
	section.grid.grid-three-cols .item:nth-last-child(-n+3) {
		margin-bottom: 0px;
	}
	
	section.grid .item.hidden {
  		margin: 0px;
		-webkit-transform: scale(0.0);
		-moz-transform: scale(0.0);
		-ms-transform: scale(0.0);
		-o-transform: scale(0.0);
		transform: scale(0.0);
  		width: 0px;
	}

	section.grid .item.first {
  		margin-left: 0px;
	}

	section.grid .item.hidden .image, 
	section.grid .item.hidden .content {
		display: none;
	}

	section.grid .item .image {
		position: relative;
		z-index: 10;    
		-webkit-transition: opacity 0.6s ease 0s;
		-moz-transition: opacity 0.6s ease 0s;
		-ms-transition: opacity 0.6s ease 0s;
		-o-transition: opacity 0.6s ease 0s;
		transition: opacity 0.6s ease 0s;
  	}

	section.grid .item:hover .image {
		opacity: 0;
	}

	section.grid .item .image img {
		width: 100%;
	}

	section.grid .item .content {
		bottom: 25px;
		display: inline-block;  
		left: 35px;
		position: absolute;
		text-align: left;
	}

	section.grid .item .content .title {
		font-size: 20px;
		font-weight: 400;
	}

	section.grid .item .content .text {
		font-size: 11.5px;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}


/* Full Width Text
================================================== */

	section.full-width-text {

	}

	section.full-width-text .content {
		padding: 0px 150px;
	}

	section.full-width-text .text {
		line-height: 40px;
	}


/* Multi Column Text
================================================== */

	section.multi-col-text {

	}

	section.multi-col-text .content {
		padding: 0px 10px;
	}

	section.multi-col-text .one-half:first-child .content {
		padding-left: 0px;
		padding-right: 28px;
	}

	section.multi-col-text .one-half:last-child .content {
		padding-left: 28px;
		padding-right: 0px;
	}


/* Gallery
================================================== */

	section.gallery {
		
	}

	section.gallery .row {
		margin-bottom: 8px;
	}

	section.gallery .row:last-child {
		margin-bottom: 0px;
	}

	section.gallery .item .image,
	section.gallery .item .image img,
	section.gallery .item .video,
	section.gallery .item .video video,
	section.gallery .item .video iframe {
		width: 100%;
	}

	section.gallery .item .video,
	section.gallery .item .video iframe {
		height: 540px;
		position: relative;
		z-index: 1;
	}

	section.gallery .item .video {
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	section.gallery .controls {
		z-index: 2;
		-webkit-transition: opacity 0.6s ease 0s;
		-moz-transition: opacity 0.6s ease 0s;
		-ms-transition: opacity 0.6s ease 0s;
		-o-transition: opacity 0.6s ease 0s;
		transition: opacity 0.6s ease 0s;
	}

	section.gallery .controls.active {
		opacity: 0;
		z-index: 0;
	}

	section.gallery .item.one-half {
		margin-left: 0.9%;
		width: 49.55%;
	}

	section.gallery .item.one-half:first-child {
		margin-left: 0px;
	}


/* Social Sharing
================================================== */

	section.social-sharing {
		
	}

	section.social-sharing .link {
	    background-position: left center;
	    background-repeat: no-repeat;
	    background-size: 16px 16px;
	    display: inline-block;
	    margin-left: 52px;
	    opacity: 1;
	    padding-left: 28px;
	    vertical-align: middle;
	    -webkit-transition: opacity 0.3s ease 0s;
	    -moz-transition: opacity 0.3s ease 0s;
	    -ms-transition: opacity 0.3s ease 0s;
	    -o-transition: opacity 0.3s ease 0s;
	    transition: opacity 0.3s ease 0s;
	}

	section.social-sharing .link:first-child {
	    margin-left: 0px;
	}

	section.social-sharing .link:hover {
		opacity: 0.5;
	}

	section.social-sharing .link.facebook {
    	background-image: url(../images/icons/social-facebook-light.png);
	}

	section.social-sharing .link.twitter {
    	background-image: url(../images/icons/social-twitter-light.png);
	}


/* Featured
================================================== */

	section.featured {
		min-height: 550px;
	}


/* Clients
================================================== */

	section.clients {
		
	}

	section.clients .item {
		opacity: 0.4;
	    -webkit-transition: opacity 0.3s ease 0s;
	    -moz-transition: opacity 0.3s ease 0s;
	    -ms-transition: opacity 0.3s ease 0s;
	    -o-transition: opacity 0.3s ease 0s;
	    transition: opacity 0.3s ease 0s;
	}

	section.clients .item:hover {
		opacity: 1;
	}


/* Quotes
================================================== */

	section.quotes {

	}

	section.quotes .offset {

	}

	section.quotes .content {
		padding: 0px 140px;
	}

	section.quotes blockquote {
		font-size: 36px;
		line-height: 70px;
  		margin-bottom: 0px;
	}


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

	section.work {

	}

	section.work .offset {
		padding-top: 140px;
	}

	section.work header .headline {
		font-size: 45px;
		margin-top: -13px;
	}


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

	section.blog {

	}

	section.blog .offset {
  		padding-bottom: 0px;
		padding-top: 145px;
	}

	section.blog > .container > .row {
		margin-bottom: 100px;
	}

	section.blog > .container > .row:last-child {
		margin-bottom: 0px;
	}

	section.blog article.post .entry-header .entry-thumbnail {
		cursor: pointer;
	}

	section.blog article.post .entry-header .entry-title {
		cursor: pointer;
    	letter-spacing: 0.025em;
		margin-bottom: 10px;
		text-transform: none;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	section.blog article.post .entry-header .entry-meta span {
		font-size: 10px;
	}

	section.blog article.post .entry-header .entry-meta .categories-links:after {
		font-size: 10px;
	}

	section.blog article.post .entry-header .entry-title {
		margin-bottom: 10px;
	}

	section.blog article.post .entry-content p {
		font-size: 15px;
		margin-bottom: 55px;
	}	

	section.blog article.post .entry-content p:last-child {
		margin-bottom: 0px;
	}	


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

	article.post {
		padding: 0px 80px;
		text-align: left;
	}

	article.post .entry-header {

	}

	article.post .entry-header .entry-thumbnail {
		margin-bottom: 25px;
		position: relative;
	}

	article.post .entry-header .entry-thumbnail img  {
		height: 100%;
		width: 100%;
	}

	article.post .entry-header .entry-thumbnail .navigate {
		height: 23px;
		left: 0px;
		margin-top: -12px;
		position: absolute;
		right: 0px;
		top: 50%;
	}

	article.post .entry-header .entry-thumbnail .navigate div {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 11px 23px;
		cursor: pointer;
		position: absolute;
		height: 23px !important;
		opacity: 0.2;
		width: 11px !important;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	article.post .entry-header .entry-thumbnail .navigate div:hover {
		opacity: 1;
	}

	article.post .entry-header .entry-thumbnail .navigate .prev {
		background-image: url(../img/misc/navigate-left-dark.png) !important;
		background-size: 11px 23px;
		left: -50px;
	}

	article.post .entry-header .entry-thumbnail .navigate .next {
		background-image: url(../img/misc/navigate-right-dark.png) !important;
		background-size: 11px 23px;
		right: -50px;
	}

	article.post .entry-header .entry-meta {
		margin-bottom: 5px;
		padding: 0px 50px;
	}

	article.post .entry-header .entry-meta span {
		display: inline-block;
		font-size: 11.5px;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	article.post .entry-header .entry-meta .date {

	}

	article.post .entry-header .entry-meta .categories-links {

	}

	article.post .entry-header .entry-meta .categories-links:after {
		content: "/";
		display: inline-block;
		font-size: 11.5px;
		font-weight: 400;
		letter-spacing: 0.1em;
		margin-left: 4px;
	}

	article.post .entry-header .entry-meta .categories-links a,
	article.post .entry-header .entry-meta .categories-links {

	}

	article.post .entry-header .entry-meta .author {

	}

	article.post .entry-header .entry-meta .author:before {
		content: "·";
		display: inline-block;
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0.1em;
		margin: 0px 5px;
 		vertical-align: middle;
	}

	article.post .entry-header .entry-meta .edit-link {
		display: none;
	}

	article.post .entry-header .entry-title {
    	letter-spacing: 0.025em;
		margin-bottom: 20px;
		padding: 0px 50px;
		text-transform: none;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	article.post .entry-content {
		padding: 0px 50px;
	}

	article.post .entry-content p {
		margin-bottom: 35px;
	}


/* Contact
================================================== */

	section.contact {

	}

	section.contact .offset {
		padding-top: 165px;
	}

	section.contact header {
		text-align: left;
	}

	section.contact .information {
		text-align: left;
	}

	section.contact .social {
		
	}

	section.contact .social a {
		margin-right: 22px;
	}

	section.contact .social a:last-child {
		margin-right: 0px;
	}

	section.contact .message {
		text-align: left;
	}
	

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

	footer.footer {
		
	}	

	footer.footer .offset {
		padding: 95px 0px;
	}	

	footer.footer .copyrights .text {
		text-align: left;
	}

	footer.footer .copyrights p, 
	footer.footer .copyrights img {
		display: inline-block;
		margin-right: 5px;
	}

	footer.footer .copyrights img {
		margin-top: 1px;
	}

	footer.footer .social {
		text-align: right;
	}

	footer.footer .social ul {
		margin-bottom: 0px;
	}

	footer.footer .social li {
		display: inline-block;
		margin: 0px 10px;
	}

	footer.footer .social li:last-child {
		margin-right: 0px;
	}

	footer.footer .back {
		background-image: url(../images/misc/footer-back-arrow.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 18px 8px;
		bottom: 65px;
		cursor: pointer;
		height: 8px;
		opacity: 0.33;
		position: absolute;
		right: -50px;
		width: 18px;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	footer.footer .back:hover {
		opacity: 0.87;
	}