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


/* #Media Queries
================================================== */

	@media screen and (min-resolution: 2dppx) { 

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

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

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

		section.landing .link.more {
    		background-image: url(../images/misc/link-arrow-bottom@2x.png);
    	}

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

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

		footer.footer .back {
			background-image: url(../images/misc/footer-back-arrow@2x.png);
		}

	}

	@media only screen and (min-width:1500px) {

		section.landing .main .title {
				font-size: 110px !important;
		}

		section.landing .main .text {
			font-size: 30px !important;
		}

	}

	@media only screen and (min-width: 768px) and (max-width: 959px) {

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

		header.header .links .navigation li {
			margin: 0px 20px;
		}

	}

	@media only screen and (max-width: 767px) {


		/* Base
		================================================== */
			
			.container {
			  width: 90%;
			}

  			.row { margin-bottom: 50px; }

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

			.row .column, 
			.row .columns { margin-bottom: 50px; }

			.row .column:last-child,        
			.row .columns:last-child { margin-left: 0; margin-bottom: 0px; }


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

			.title-very-large { 
				font-size: 36px !important;
				font-weight: 100 !important;
				line-height: 1.2 !important;
			}

			.title-large { 
				font-size: 30px !important;
				font-weight: 100 !important;
				line-height: 1.2 !important;
			}

			.title-semi-large { 
				font-size: 32px !important;
				font-weight: 100 !important;
				line-height: 1.2 !important;
			}

			.title-very-small { 
				font-size: 11.5px !important;
				font-weight: 600 !important;
				line-height: 1.2 !important;
			}

			.text.large {
				font-size: 18px;
			}

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

			header.header {
				height: auto;
			}

			header.header.active {
				background: #111111 !important;
			}

			header.header.active .logo {
				display: none;
			}

			header.header.active .links {
				display: table;
			}

			header.header.active .main .menu {
				background-image: url(../images/misc/navigation-menu-close.png);
				background-size: 14px 14px;
			}

			header.header .main { 
				height: 60px;
				margin-bottom: 0px;
				width: 100% !important;
			}

			header.header .main .item {
				width: 40%;
			}

			header.header .main .menu {
				display: inline-block;
			}

			header.header .links {
				display: none;
				height: 100%;
				margin-top: -60px;
				width: 100%;
			}

			header.header .links .navigation {
				display: table-cell;
				vertical-align: middle;
				width: 100%;
			}

			header.header .links .navigation li {
				color: #777777;
				display: block;
				font-size: 24px;
				font-weight: 300;
				letter-spacing: 0.01em;
				line-height: 2.4;
				margin: 0px;
				text-align: left;
			}

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


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

			section.landing {

			}

			section.landing .cta {
				bottom: 10px;
			}

			section.landing .cta .item {
				margin-bottom: 10px;
				text-align: center !important;
			}


		/* Full Width Text
		================================================== */
		
			section.full-width-text {

			}

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



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

			section.multi-col-text .item {
				margin-bottom: 50px;
			}

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


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

			section.quotes {
				padding: 0px 20px;
			}

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

			section.quotes blockquote {
				font-size: 24px;
				line-height: 50px;
			}


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

			section.gallery .item.one-half {
				width: 100%;
			}

			section.gallery .item .video {
				margin-bottom: -50px;
			}


		/* Social SHaring 
		================================================== */

			section.social-sharing {
				
			}

			section.social-sharing .content {
				text-align: center !important;
			}

			section.social-sharing .link {

			}


		/* Badges
		================================================== */

			section.badges {

			}

			section.badges .item {
				margin-bottom: 50px;
			}


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

			section.grid .cover .overlay .headline {
				font-size: 40px;
			}

			section.grid .filter {
				padding: 20px 10px;
			}

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

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

			section.grid .filter li {
				display: block;
				font-size: 18px;
				margin-bottom: 15px;
				margin-right: 0px;
			}

			section.grid .item {
				margin-bottom: 20px !important;
				margin-left: 0px;
			}

			section.grid.grid-three-cols .item,
			section.grid.grid-four-cols .item  {
				margin-left: 0px;
				width: 100%;
			}

			section.grid .item .image {
				float: left;
				width: 50%;
			}

			section.grid .item:hover .image {
				opacity: 1;
			}
			
			section.grid .item .content {
				left: 56%;
				top: 44%;
				width: 36%;
			}

			section.grid .item .content .title {
				font-size: 17px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			section.grid .item .content .text {
				font-size: 10px;
				line-height: 1.8;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
  			}

			section.grid .item:last-child {
				margin-bottom: 0px !important;
			}


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

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

			footer.footer .item {
				margin-top: 0px !important;
				margin-bottom: 20px !important;
				text-align: center !important;
			}

			footer.footer .back {
				display: none;
			}


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

			article.post {
				padding: 0px;
			}

			article.post .entry-header .entry-meta,
			article.post .entry-content {
				padding: 0px 20px;
			}

			section.blog article.post .entry-header .entry-title {
				padding: 0px 20px;
			}

			article.post .entry-header .entry-title {
				padding: 0px 20px;
			}

	}

	@media only screen and (min-width: 480px) and (max-width: 767px) { }

	@media only screen and (max-width: 479px) {}