/*

Theme Name: HEYTHERE Lite
Theme URI: https://www.950dsgn.com/themes/heythere
Author: 950DSGN
Author URI: https://www.950dsgn.com/
Description: HEYTHERE Lite is a Projects/Portfolio Wordpress Theme for creative people. With an incredible fullscreen front page, custom colors for each project, a unique layout and lots of other features, it is possible to create amazing new and creative websites.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, featured-images, full-width-template, translation-ready, photography, portfolio
Text Domain: heythere-lite

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/



/* RESET
----------------------------------------------------------- */

/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* LAYOUT
----------------------------------------------------------- */

/* Positions */
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }

/* Top Right Bottom Left */
.top-0 { top: 0; }
.top-1 { top: 30px; }
.top-50 { top: 50vh; }
.right-0 { right: 0; }
.right-1 { right: 3%; }
.bottom-0 { bottom: 0; }
.bottom-1 { bottom: 30px; }
.left-1 { left: 3%; }
.left-50 { left:50%; }
.admin-bar .top-0 { top: 32px; }
.admin-bar .top-1 { top: 62px; }

/* Width */
.width-100 { width: 100%; }
.width-94 { width: 94%; }
.width-70 { width: 70%; }
.width-50 { width: 50%; }
.width-30 {	width: 30%; }

/* Height */
.height-100 { height: 100vh; }
.height-50 { height: 50vh; }
.height-33 { height: 33.3vh; }
.height-20 { height: 20vh; }
.height-custom-1 { height: 80px; }

/* Float */
.float-left { float: left; }
.float-right { float: right; }

/* Margin */
.margin-top-1 { margin-top: 25px; }
.margin-top-2 { margin-top: 50px; }
.margin-top-3 { margin-top: 75px; }
.margin-top-4 { margin-top: 100px; }
.margin-right-1 { margin-right: 25px; }
.margin-right-2 { margin-right: 50px; }
.margin-right-3 { margin-right: 75px; }
.margin-right-4 { margin-right: 100px; }
.margin-bottom-1 { margin-bottom: 25px; }
.margin-bottom-2 { margin-bottom: 50px; }
.margin-bottom-3 { margin-bottom: 75px; }
.margin-bottom-4 { margin-bottom: 100px; }
.margin-left-1 { margin-left: 25px; }
.margin-left-2 { margin-left: 50px; }
.margin-left-3 { margin-left: 75px; }
.margin-left-4 { margin-left: 100px; }

/* Padding */
.padding-top-1 { padding-top: 25px; }
.padding-top-2 { padding-top: 50px; }
.padding-top-3 { padding-top: 75px; }
.padding-top-4 { padding-top: 100px; }
.padding-right-1 { padding-right: 25px; }
.padding-right-2 { padding-right: 50px; }
.padding-right-3 { padding-right: 75px; }
.padding-right-4 { padding-right: 100px; }
.padding-bottom-1 { padding-bottom: 25px; }
.padding-bottom-2 { padding-bottom: 50px; }
.padding-bottom-3 { padding-bottom: 75px; }
.padding-bottom-4 { padding-bottom: 100px; }
.padding-left-1 { padding-left: 25px; }
.padding-left-2 { padding-left: 50px; }
.padding-left-3 { padding-left: 75px; }
.padding-left-4 { padding-left: 100px; }

.padding-left-3pc { padding-left: 3%; }
.padding-left-4-5pc { padding-left: 4.5%; }
.padding-left-6pc { padding-left: 6%; }
.padding-right-3pc { padding-right: 3%; }
.padding-right-4-5pc { padding-right: 4.5%; }
.padding-right-6pc { padding-right: 6%; }

/* Z-Index */
.z-index-1 { z-index: 1010; }
.z-index-2 { z-index: 1020; }
.z-index-3 { z-index: 1030; }
.z-index-4 { z-index: 1040; }
.z-index-5 { z-index: 1050; }

/* General */
.vertical-align {
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.rotate-90 {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
}




/* TYPOGRAPHY
----------------------------------------------------------- */

/* Text Align */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Font Family */
.roboto-condensed { font-family: 'Roboto Condensed', sans-serif; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.roboto { font-family: 'Roboto', sans-serif; }
.lato { font-family: 'Lato', sans-serif; }
.open-sans { font-family: 'Open Sans', sans-serif; }
.oswald { font-family: 'Oswald', sans-serif; }
.raleway { font-family: 'Raleway', sans-serif; }
.catamaran { font-family: 'Catamaran', sans-serif; }

/* Font Size */
.font-size-0-6 { font-size: 0.6rem; }
.font-size-0-7 { font-size: 0.7rem; }
.font-size-0-8 { font-size: 0.8rem; }
.font-size-0-9 { font-size: 0.9rem; }
.font-size-1 { font-size: 1rem; }
.font-size-1-1 { font-size: 1.1rem; }
.font-size-1-2 { font-size: 1.2rem; }
.font-size-1-3 { font-size: 1.3rem; }
.font-size-1-4 { font-size: 1.4rem; }
.font-size-1-5 { font-size: 1.5rem; }
.font-size-1-6 { font-size: 1.6rem; }
.font-size-1-7 { font-size: 1.7rem; }
.font-size-1-8 { font-size: 1.8rem; }
.font-size-1-9 { font-size: 1.9rem; }
.font-size-2 { font-size: 2rem; }
.font-size-3 { font-size: 3rem; }
.font-size-4 { font-size: 4rem; }
.font-size-5 { font-size: 5rem; }
.font-size-6 { font-size: 6rem; }
.font-size-7 { font-size: 7rem; }
.main-article-content h6 { font-size: 1.5rem; }
.main-article-content h5 { font-size: 2rem; }
.main-article-content h4 { font-size: 2.5rem; }
.main-article-content h3 { font-size: 3rem; }
.main-article-content h2 { font-size: 3.5rem; }
.main-article-content h1 { font-size: 4rem; }

/* Font Weight */
.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }

/* Letter Spacing */
.letter-spacing-0-0-5 { letter-spacing: 0.05em; margin-right: -0.05em; }
.letter-spacing-0-1 { letter-spacing: 0.1em; margin-right: -0.1em; }
.letter-spacing-0-2 { letter-spacing: 0.2em; margin-right: -0.2em; }
.letter-spacing-0-7 { letter-spacing: 0.7em; margin-right: -0.7em; }

/* Text Transform */
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }

/* Line Height */
.line-height-1-1 { line-height: 1.1em; }
.line-height-1-2 { line-height: 1.2em; }
.line-height-1-3 { line-height: 1.3em; }
.line-height-1-4 { line-height: 1.4rem; }
.line-height-1-6 { line-height: 1.6rem; }

/* Article Typography */
.main-article-content dfn,
.main-article-content cite,
.main-article-content em,
.main-article-content i { font-style: italic; }
.main-article-content strong { font-weight: 700; }
.main-article-content blockquote { border-left: 3px solid #ececec; padding: 0 6% !important; }
.main-article-content pre { background: #eee; padding: 6%; }
.main-article-content ul { list-style-type: disc; list-style-position: inside; }
.main-article-content ol { list-style-type: decimal; list-style-position: inside; }

/* General */
html { font-size: 16px; }
.break-word { word-wrap: break-word; }




/* COLORS
----------------------------------------------------------- */

/* Text Colors */
.light { color: #fff; }
.dark { color: #171717; }
.extra-soft-light { color: #f9f9f9; }
.soft-light { color: #ececec; }
.soft-dark { color: rgba(0,0,0,0.5); }

/* Background Colors */
.dark-background { background-color: #171717; }
.light-background { background-color: #fff; }
.extra-soft-light-background { color: #f9f9f9; }

/* General */
body,
a { color: #fff; }
article a { color: #999; }




/* CUSTOM
----------------------------------------------------------- */

/* Custom Scrollbar */
body::-webkit-scrollbar { width: 8px; }
body::-webkit-scrollbar-track { background-color: #fff; }
body::-webkit-scrollbar-thumb { background-color: #bcbcbc; }

/* Sticky Footer */
main { min-height: calc(100vh - 80px); }
.admin-bar main { min-height: calc(100vh - 112px); }

/* Cursor */
.cursor-pointer { cursor: pointer; }

/* Borders */
.border-1 { border: 1px solid rgba(0,0,0,0.3); }
.border-top-1 { border-top: 3px solid #f9f9f9; }
.border-bottom-1 { border-bottom: 3px solid #fff; }
.border-right-1 { border-right: 3px solid #fff; }
.border-radius-100 {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
}

/* Back To Top Button */
.back-to-top-button { display: none; width: 50px; height: 50px; }
.back-to-top-button button { display: block; }
.back-to-top-button div { width: 50px; height: 50px; }
.back-to-top-button i { color: rgba(0,0,0,0.4); margin-top: -5px; }

.transition-5 { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

/* Projects Categories */
.projects-categories a {
	display: inline-block;
}

/* General */
* { box-sizing: border-box; }
body > header,
body > main,
body > footer { opacity: 0; }
a { text-decoration: none; }
button { background: none; border: none; outline: none; padding: 0; margin: 0; }

/* Header & Menu */
header { height: 80px; }
#logo a,
#open-menu-button button { display: block; }
#off-canvas-menu { top: -100vh; }
#menu-description { width: 20vh; margin-bottom: 20vh; }
.off-canvas-menu-menu-item { max-height: 80vh; overflow-y: scroll; padding: 20px 17px 20px 0; }
.off-canvas-menu-menu-item::-webkit-scrollbar { display: none; }
.sub-menu { font-size: 2rem; font-weight: 700; margin: 5px 0 5px 25px; }
.sub-menu li { margin: 5px 0 5px 5%; }
.custom-logo { max-width: 120px; }

/* Front Page */
.home-underline { width: 428px; height: 3px; margin-top: 10px; }
.home-excerpt-text { width: 180px; height: 50px; margin-top: -20px; left: 250px; }
.home-excerpt-text div { position: absolute; bottom: 0; right:0; }
.home-excerpt-text p { margin-bottom: 2px; }
.home-excerpt-background { left: 275px; width: 250px; height: 75vh; }
.all-projects-menu li {
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}
.all-projects-menu li:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* All Projects */
.all-project-main-title-container,
.all-projects-main-excerpt-container { height: 55%; }
.all-projects-main-excerpt-container { left: 30%; }
.all-projects-main-title { margin-bottom: 5px; }
.all-project-main-title-container div p { margin-bottom: 2px; }

/* Index */
.index article { position: relative; min-height: 33.3vh; overflow-y: scroll; }
.index article::-webkit-scrollbar { display: none; }
.index-main-title-container,
.index-main-excerpt-container { height: 55%; }
.index-main-excerpt-container { left: 30%; }
.index-main-title-container div h2 { margin-bottom: 5px; }
.index-main-title-container div p { margin-bottom: 2px; }

.index-main-tag a {
	display: inline-block;
	background-color: #171717;
	color: #fff;
	padding: 5px 15px;
	margin: 2px 0;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
}

.index-main-line { outline: none; border: 1px solid #f6f6f6; }

/* Single */
.single-main-tag { margin: 12vh 0 0 !important; }

.single-main-tag a {
	display: inline-block;
	background-color: #171717;
	color: #fff;
	padding: 5px 15px;
	margin: 2px 0;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 0.7rem;
	font-weight: 300;
}

.single-title { margin-bottom: 10px; padding-top: 10px; }

/* Single Project */
.single-projects-custom-taxonomy-categories a { color: #fff; }
.single-projects-title { margin-bottom: 10px; padding-top: 10px; }
.single-projects-client { margin-bottom: 2px; }

/* Main Article */
.main-article-content div { border: 0; }
.main-article-content img { max-width: 100%; height: auto; }
.gallery .gallery-item img { box-shadow: none; border: 0 !important; padding: 0 1px; margin: -7px 0; }

.index-title,
.all-projects-title {
	width: 60vw;
	margin: 0 20vw;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
    transition: 0.5s;
}

.main-article-content {
	color: #000;
	width: 60%;
	margin: 0 auto;
	text-align: left;
	padding: 5vh 0 20vh;
}

body.single-projects .main-article-content { padding: 5vh 0; }

.main-article-content > * {
	padding: 1px;
	margin: 30px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9rem;
	line-height: 1.8;
}

.main-article-content h1,
.main-article-content h2,
.main-article-content h3,
.main-article-content h4,
.main-article-content h5,
.main-article-content h6 {
	line-height: 1;
}

.main-article-content ul,
.main-article-content ol {
	padding: 0 3%;
}

.main-article-pagination {
	padding: 5vh 0;
}

.main-article-pagination a {
	background-color: #171717;
	color: #fff;
	margin: 0 3px;
	padding: 8px;
	font-size: 0.9rem;
	font-size: 500;
}

.main-article-next-prev {
	background: #f9f9f9;
	position: relative;
}

.main-article-next-prev div {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.main-article-next-prev div:first-child,
.main-article-next-prev div:last-child {
	width: 40%;
}

.main-article-next-prev div:first-child {
	padding-right: 10%;
}

.main-article-next-prev div:last-child {
	padding-left: 10%;
}

.main-article-next-prev-home {
	width: 20%;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

/* Index Pagination */
#index-pagination { text-align: center; margin: 15vh 0; }

#index-pagination a,
#index-pagination span {
	background-color: #171717;
	color: #fff;
	margin: 0 1px;
	padding: 8px;
	border: 1px solid #171717;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9rem;
	font-size: 500;
}

#index-pagination span { background-color: #fff; color: #171717; }

/* Spinner */
.bar {
	background-color: rgba(0,0,0,0.5);
    width: 25px;
	height: 25px;
	left: 50%;
	margin-left: -12.5px;
	animation: bg 1s infinite;
	-webkit-animation: bg 1s infinite;
}

@keyframes bg {
	0% { -webkit-transform: scale(0.0) }
	100% { -webkit-transform: scale(1.0) }
}



/* Nav Button Colors */
body.home:not(.blog) footer {
	display: none;
}

/* body.blog #logo a,
body.page #logo a,
body.single #logo a,
body.archive #logo a,
body.error404 #logo a,
body.blog #open-menu-button button,
body.page #open-menu-button button,
body.single #open-menu-button button,
body.archive #open-menu-button button,
body.error404 #open-menu-button button {
	color: #171717;
} */

/* body.home:not(.blog) #logo a,
body.single-projects #logo a,
body.page-template-all-projects #logo a,
body.tax-categories #logo a,
body.home:not(.blog) #open-menu-button button,
body.single-projects #open-menu-button button,
body.page-template-all-projects #open-menu-button button,
body.tax-categories #open-menu-button button {
	color: #fff;
} */




/* CSS3 ANIMATIONS
----------------------------------------------------------- */

/* Line Hover */
.line-hover a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 3px;
	margin-right: 10px;
	position: relative;
	background-color: #fff;
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.line-hover a:hover:before {
	width: 5%;
}

/* Font Weight Hover */
.font-weight-hover a {
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

.font-weight-hover a:hover {
	font-weight: 400;
}

/* Color Hover */
.color-hover a {
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
}
.color-hover a:hover {
	color: rgba(0,0,0,0.8);
}

/* Color Hover Light */
.color-hover-light a {
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
}
.color-hover-light a:hover {
	color: rgba(255,255,255,0.6);
}

/* Color Hover Dark */
.color-hover-dark a {
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
}
.color-hover-dark a:hover {
	color: rgba(17,17,17,0.6);
}

/* Grow Hover */
.grow-hover {
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}
.grow-hover:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* Social Hover */
.social-menu li a:hover:before {
	-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
	transition: 0.4s all ease;
}




/* COMMENTS
----------------------------------------------------------- */
.comments {
	background-color: #f9f9f9;
	padding: 25px 0;
	border-top: 2px solid #fff;
}

.comments-area > * {
	color: #000;
	width: 60%;
	margin: 15px auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	line-height: 1em;
}

.comments-area h3,
.comments-area h4 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.comments-area a {
	display: inline-block;
	color: rgba(0,0,0,0.5);
	font-size: 0.7rem;
	font-weight: 100;
	margin: 5px 0;
}

.comment-author {
	font-weight: 600;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	display: none;
}

.logged-in-as,
.comment-notes {
	color: rgba(0,0,0,0.5);
	font-family: 'Roboto', sans-serif;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.comment-notes {
	margin: 5px 0;
}

.comment-form-comment textarea {
	outline: none;
	border: none;
	resize: none;
	color: rgba(0,0,0,0.5);
	width: 100%;
	padding: 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.form-submit input {
	outline: none;
	border: none;
	background-color: #171717;
	color:#fff;
	width: 220px;
	padding: 18px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
	margin-top: 15px;
	-webkit-appearance: none;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	border: none;
	outline: none;
	background-color: #f9f9f9;
	color: rgba(0,0,0,0.5);
	width: 100%;
	margin: 5px 0;
	padding: 10px 15px;
	border-bottom: 1px solid #ececec;
	font-family: 'Roboto', sans-serif;
	font-size: 0.7rem;
	text-transform: uppercase;
}

.comment {
	text-align: left;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.comment .fn {
	margin-left: 10px;
}

.comment .fn,
.comment .says {
	position: relative;
	top: -1px;
}

.comment-list li {
	margin: 10px 0;
}

.comment-list li.bypostauthor {
	border: none;
	border-left: 3px solid #f1f1f1;
	padding-left: 6%;
}




/* SOCIAL MENU
----------------------------------------------------------- */

.social-menu li a:before {
    display: inline-block;
    padding: 10px 0px;
    font-family: "fontawesome";
    vertical-align: middle;
    content: "\f005";
    color: #fff;
    font-size: 20px;
}

.social-menu li { list-style: none; }

ul.social-menu {
    padding-left: 0;
    text-align: center;
    margin: 0;
}

.social-menu li a[href*="facebook.com"]:before { content: '\f09a'; }
.social-menu li a[href*="twitter.com"]:before { content: '\f099'; }
.social-menu li a[href*="plus.google.com"]:before { content: '\f0d5'; }
.social-menu li a[href*="youtube.com"]:before { content: '\f167'; }
.social-menu li a[href*="pinterest.com"]:before { content: '\f0d2'; }
.social-menu li a[href*="instagram.com"]:before { content: '\f16d'; }
.social-menu li a[href*="vimeo.com"]:before { content: '\f194'; }
.social-menu li a[href*="linkedin.com"]:before { content: '\f0e1'; }
.social-menu li a[href*="github.com"]:before { content: '\f09b'; }
.social-menu li a[href*="flickr.com"]:before { content: '\f16e'; }
.social-menu li a[href*="dribbble.com"]:before { content: '\f17d'; }
.social-menu li a[href*="wordpress.com"]:before,
.social-menu li a[href*="wordpress.org"]:before { content: '\f19a'; }
.social-menu li a[href*="digg.com"]:before { content: '\f1a6'; }
.social-menu li a[href*="reddit.com"]:before { content: '\f1a1'; }
.social-menu li a[href*="xing.com"]:before { content: '\f168'; }
.social-menu li a[href*="vk.com"]:before { content: '\f189'; }
.social-menu li a[href*="weibo.com"]:before { content: '\f18a'; }




/* MEDIA QUERIES
----------------------------------------------------------- */

/* Tablet */
@media only screen and (max-width: 1023px) {

	/* Layout */
	.top-1 { top: 25px; }
	.admin-bar .top-1 { top: 71px; }
	.admin-bar .top-0 { top: 46px; }
	.bottom-1 { bottom: 25px; }
	.rotate-90 { transform: none; }
	.height-custom-1 { height: 70px; }

	/* Typography */
	.font-size-0-7 { font-size: 0.6rem; }
	.font-size-0-8 { font-size: 0.7rem; }
	.font-size-0-9 { font-size: 0.8rem; }
	.font-size-1 { font-size: 0.9rem; }
	.font-size-1-5 { font-size: 1.2rem; }
	.font-size-1-7 { font-size: 1.4rem; }
	.font-size-7 { font-size: 5rem; }
	.main-article-content h6 { font-size: 1.2rem; }
	.main-article-content h5 { font-size: 1.5rem; }
	.main-article-content h4 { font-size: 2rem; }
	.main-article-content h3 { font-size: 2.5rem; }
	.main-article-content h2 { font-size: 3rem; }
	.main-article-content h1 { font-size: 3.5rem; }

	/* Sticky Footer */
	main { min-height: calc(100vh - 70px); }
	.admin-bar main { min-height: calc(100vh - 102px); }

	/* General */
	.main-article-content { width: 80%; }

	/* Header */
	header { height: 70px; }
	.custom-logo { max-width: 100px; }
	.off-canvas-menu-info { display: none; }
	.off-canvas-menu-menu { width: 100%; padding-left: 6%; }
	.sub-menu { font-size: 1.5rem; }
	.social-menu li a:before { padding: 7px 0px; font-size: 15px; }

	/* Front Page */
	.home-underline { display: none; }
	.home-excerpt-text { left: 4%; width: 92%; text-align: left; margin-top: 0; }
	.home-excerpt-text div { position: relative; top:0; left: 0; }
	.home-excerpt-background { display: none; }

	/* All Projects */
	.all-projects-title { display: none; }
	.all-project-main-title-container { width: 100%; border: none; }
	.all-project-main-title-container h2 { text-align: center; }
	.all-project-main-title-container div { text-align: center; }
	.all-projects-main-excerpt-container { display: none; }

	/* Single Projects */

	/* Index */
	.index-title { display: none; }
	.index-main-title-container { width: 100%; border: none; }
	.index-main-title-container h2 { text-align: center; }
	.index-main-title-container div { text-align: center; }
	.index-main-excerpt-container { display: none; }
	.index-main-tag { display: none; }

	/* Single */

	/* Main Article */
	.main-article-pagination a { padding: 6px; font-size: 0.8rem; }

	/* Index Pagination */
	#index-pagination a,
	#index-pagination span { padding: 6px; font-size: 0.8rem; }

	/* Comments */
	.comments-area > * { width: 90%; }


}

/* Smartphone */
@media only screen and (max-width: 600px) {

	/* Layout */
	.top-1 { top: 20px; }
	.admin-bar .top-1 { top: 66px; }
	.admin-bar .top-0 { top: 46px; }
	.bottom-1 { bottom: 20px; }
	.height-custom-1 { height: 60px; }

	/* Typography */
	.font-size-0-7 { font-size: 0.5rem; }
	.font-size-1 { font-size: 0.8rem; }
	.font-size-0-8 { font-size: 0.6rem; }
	.font-size-0-9 { font-size: 0.7rem; }
	.font-size-1-5 { font-size: 1rem; }
	.font-size-1-7 { font-size: 1.2rem; }
	.font-size-7 { font-size: 3rem; }
	.main-article-content h6 { font-size: 1rem; }
	.main-article-content h5 { font-size: 1.2rem; }
	.main-article-content h4 { font-size: 1.5rem; }
	.main-article-content h3 { font-size: 1.7rem; }
	.main-article-content h2 { font-size: 2rem; }
	.main-article-content h1 { font-size: 2.5rem; }

	/* Sticky Footer */
	main { min-height: calc(100vh - 60px); }
	.admin-bar main { min-height: calc(100vh - 92px); }

	/* General */
	.back-to-top-button { display: none; width: 40px; height: 40px; }
	.back-to-top-button div { width: 40px; height: 40px; }
	.main-article-content { width: 90%; }
	.main-article-content > * { font-size: 0.8rem; }

	/* Header */
	header { height: 60px; }
	.custom-logo { max-width: 80px; }
	.sub-menu { font-size: 1rem; }

	/* Front Page */

	/* All Projects */

	/* Single Projects */

	/* Index */

	/* Single */
	.single-main-tag a { font-size: 0.6rem; }

	/* Main Article */
	.main-article-pagination a { padding: 4px; font-size: 0.7rem; }
	.gallery .gallery-item { min-width: 100%; }
	.main-article-next-prev div:not(.main-article-next-prev-home) { width: 50%; }
	.main-article-next-prev div a { }
	.main-article-next-prev div:first-child { padding-left: 5%; padding-right: 10px; border-right: 1px solid rgba(0,0,0,0.5); }
	.main-article-next-prev div:last-child { padding-left: 10px; padding-right: 5%; }
	.main-article-next-prev-home { display: none !important; }

	/* Index Pagination */
	#index-pagination a,
	#index-pagination span { padding: 4px; font-size: 0.7rem; }

	/* Comments */
	.comments-area > * { width: 94%; }
	.comments-area p,
	.comments-area a,
	.comment-form-comment textarea,
	.form-submit input,
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input,
	.comment { font-size: 0.6rem; }

}




/* WORDPRESS CORE STYLES
----------------------------------------------------------- */

.gallery-caption { padding: 0; font-size: 0.8rem; margin: 5px 0 20px 0; text-align: center; }
.bypostauthor { display: block; }
.sticky { display: block; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 1px 5px 1px;
    text-align: center;
}

.wp-caption.alignnone { margin: 5px 1px 20px 1px; }
.wp-caption.alignleft { margin: 5px 1px 20px 1px; }
.wp-caption.alignright { margin: 5px 1px 20px 1px; }
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 0.8rem;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}