/*
Theme Name: Lanckwi
Theme URI: https://lanckwi.com
Author: frank.vermassen@telenet.be
Description: Responsive HTML5 One-Page WordPress Theme — merged from Nash + Asem child theme
Version: 2.0
Tags: light, flexible-width, theme-options, translation-ready, photoblogging
License: GNU General Public License
License URI: license.txt
*/

/* Table of Contents
==================================================

1 - Reset & Basics
2 - WordPress Specific Styles
3 - Responsive 960 Grid
4 - Body (Global Styles)
5 - Page Styles
6 - Child Theme Overrides (formerly asem-theme)
7 - Media Queries

/* 1 - Reset & Basics (Inspired by E. Meyers)
================================================== */

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;
}

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;
}

cite {
	text-align: right;
	margin-top: 10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

/* 2 - WordPress Specific Styles
================================================== */

.rtl {}
.home {}
.blog {}
.archive {}
.date {}
.search {}
.paged {}
.attachment {}
.error404 {}

.widget_meta ul li {list-style: none; padding: 7px 0 0 0;}
.widget_meta ul li:before {float: left; font-family: 'FontAwesome'; content: "\f054"; padding-right: 10px;}

.widget_archive ul li {list-style: none; padding: 7px 0 0 0;}
.widget_archive ul li:before {float: left; font-family: 'FontAwesome'; content: "\f054"; padding-right: 10px;}

.widget_pages ul li {list-style: none; padding: 7px 0 0 0;}
.widget_pages ul li:before {float: left; font-family: 'FontAwesome'; content: "\f054"; padding-right: 10px;}

.widget_calendar {float: left;}
.widget_calendar table { width: 100% }
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #999; text-align: center; padding: 8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.widget_categories ul li {}
.widget_categories ul ul.children {}

#recentcomments li {list-style: none; padding: 7px 0 0 0;}
#recentcomments li:before {float: left; font-family: 'FontAwesome'; content: "\f054"; padding-right: 10px;}

.widget_recent_entries ul li {list-style: none; padding: 7px 0 0 0;}
.widget_recent_entries ul li:before {float: left; font-family: 'FontAwesome'; content: "\f054"; padding-right: 10px;}

.alignleft,
.alignleft img {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	float: left;
}

.alignright,
.alignright img {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	float: right;
}

.aligncenter,
.aligncenter img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	padding: 6px;
	color: #fff;
	background-color: #333;
	display: inline-block;
	font-size: 12px;
	margin-top: 10px;
	line-height: 14px;
}

.wp-caption.alignleft {
	text-align: left;
	margin-right: 1.1em;
	margin-bottom: 1.1em;
}

.wp-caption.alignright {
	text-align: right;
	margin-left: 1.1em;
	margin-bottom: 1.1em;
}

.wp-caption.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

.gallery-caption {
	padding: 9px;
}

/* Typography
--------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font: sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}

h1 {
	font-size: 60px;
	line-height: 75px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	border-bottom: medium double #ddd;
	padding-bottom: 20px;
}

h2 {
	font-size: 25px;
	line-height: 40px;
	margin-bottom: 10px;
}

h3 {
	font-size: 23px;
	line-height: 34px;
	margin-bottom: 8px;
}

h4 {
	font-size: 21px;
	line-height: 30px;
	margin-bottom: 4px;
}

h5 {
	font-size: 17px;
	line-height: 24px;
}

h6 {
	font-size: 14px;
	line-height: 21px;
}

p {
	margin: 0 0 20px 0;
}

p img {
	margin: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
	color: #333;
}

small {
	font-size: 80%;
}

blockquote,
blockquote p {
	font-size: 17px;
	line-height: 24px;
	color: #777;
	font-style: italic;
}

blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
	color: #555;
}

#footer-global h1 {
	border-bottom: medium double #666;
	color: #fff;
	padding-bottom: 20px;
}

#uber-statement {
	opacity: .8;
	font-size: 120px;
	border: none;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	padding: 20px 0;
	margin-top: 115px;
}

.logos h2 {
	color: #fff;
}

/* Links
--------------------------------------------------*/

a,
a:visited {
	text-decoration: none !important;
	outline: 0;
	transition: all .4s;
}

a:hover,
a:focus {
	color: #999;
}

p a,
p a:visited {
	line-height: inherit;
}

/* Lists
--------------------------------------------------*/

ul,
ol {
	margin-bottom: 20px;
}

ul {
	list-style: inside;
}

ol {
	list-style: decimal inside;
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 30px;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px;
}

li {
	line-height: 18px;
	margin-bottom: 12px;
}

ul.large li {
	line-height: 21px;
}

li p {
	line-height: 21px;
}

/* Buttons
--------------------------------------------------*/

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	border: none !important;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 5px;
	padding: 5px 10px;
	border-radius: 1px;
	transition: all .4s;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background-color: #333;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background-color: #333;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Forms
--------------------------------------------------*/

form {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
}

fieldset {
	margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	border: 1px solid #fff;
	padding: 8px;
	outline: none;
	font-style: italic;
	color: #ddd;
	margin: 0;
	width: 80%;
	display: block;
	line-height: 1.2;
	margin-bottom: 20px;
	background-color: #333;
	border-radius: 2px;
	box-sizing: border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #71a4a1;
	color: #fff;
}

textarea {
	min-height: 150px;
}

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 12px;
}

input[type="checkbox"] {
	display: inline;
}

label span,
legend span {
	font-weight: normal;
	font-size: 12px;
	color: #444;
}

select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	font: 12px sans-serif;
	color: #fff;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 22px;
	background: #fff;
}

/* 3 - Responsive 960 Grid
================================================== */

.container {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.container .column,
.container .columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.row {
	margin-bottom: 20px;
}

.column.alpha,
.columns.alpha {
	margin-left: 0;
}

.column.omega,
.columns.omega {
	margin-right: 0;
}

.container .one.column,
.container .one.columns   { width: 4.166%; }
.container .two.columns   { width: 10.416%; }
.container .three.columns { width: 16.666%; }
.container .four.columns  { width: 22.916%; }
.container .five.columns  { width: 29.166%; }
.container .six.columns   { width: 35.416%; }
.container .seven.columns { width: 41.666%; }
.container .eight.columns { width: 47.916%; }
.container .nine.columns  { width: 54.166%; }
.container .ten.columns   { width: 60.416%; }
.container .eleven.columns  { width: 66.666%; }
.container .twelve.columns  { width: 72.916%; }
.container .thirteen.columns { width: 79.166%; }
.container .fourteen.columns { width: 85.416%; }
.container .fifteen.columns  { width: 91.666%; }
.container .sixteen.columns  { width: 97.916%; }
.container .one-third.column { width: 31.33%; }
.container .two-thirds.column { width: 64.66%; }

.container .offset-by-one    { padding-left: 6.25%; }
.container .offset-by-two    { padding-left: 12.5%; }
.container .offset-by-three  { padding-left: 18.75%; }
.container .offset-by-four   { padding-left: 25%; }
.container .offset-by-five   { padding-left: 31.25%; }
.container .offset-by-six    { padding-left: 37.5%; }
.container .offset-by-seven  { padding-left: 43.75%; }
.container .offset-by-eight  { padding-left: 50%; }
.container .offset-by-nine   { padding-left: 56.25%; }
.container .offset-by-ten    { padding-left: 62.5%; }
.container .offset-by-eleven { padding-left: 68.75%; }
.container .offset-by-twelve { padding-left: 75%; }
.container .offset-by-thirteen { padding-left: 81.25%; }
.container .offset-by-fourteen { padding-left: 87.5%; }
.container .offset-by-fifteen  { padding-left: 93.75%; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { padding: 0 20px; }
	.container .column, .container .columns { margin-left: 1%; margin-right: 1%; }
	.column.alpha, .columns.alpha { margin-left: 0; }
	.column.omega, .columns.omega { margin-right: 0; }
	.container .one.column,
	.container .one.columns   { width: 4.166%; }
	.container .two.columns   { width: 10.416%; }
	.container .three.columns { width: 16.666%; }
	.container .four.columns  { width: 22.916%; }
	.container .five.columns  { width: 29.166%; }
	.container .six.columns   { width: 35.416%; }
	.container .seven.columns { width: 41.666%; }
	.container .eight.columns { width: 47.916%; }
	.container .nine.columns  { width: 54.166%; }
	.container .ten.columns   { width: 60.416%; }
	.container .eleven.columns  { width: 66.666%; }
	.container .twelve.columns  { width: 72.916%; }
	.container .thirteen.columns { width: 79.166%; }
	.container .fourteen.columns { width: 85.416%; }
	.container .fifteen.columns  { width: 91.666%; }
	.container .sixteen.columns  { width: 97.916%; }
	.container .one-third.column  { width: 31.33%; }
	.container .two-thirds.column { width: 64.66%; }
	.container .offset-by-one    { padding-left: 6.25%; }
	.container .offset-by-two    { padding-left: 12.5%; }
	.container .offset-by-three  { padding-left: 18.75%; }
	.container .offset-by-four   { padding-left: 25%; }
	.container .offset-by-five   { padding-left: 31.25%; }
	.container .offset-by-six    { padding-left: 37.5%; }
	.container .offset-by-seven  { padding-left: 43.75%; }
	.container .offset-by-eight  { padding-left: 50%; }
	.container .offset-by-nine   { padding-left: 56.25%; }
	.container .offset-by-ten    { padding-left: 62.5%; }
	.container .offset-by-eleven { padding-left: 68.75%; }
	.container .offset-by-twelve { padding-left: 75%; }
	.container .offset-by-thirteen { padding-left: 81.25%; }
	.container .offset-by-fourteen { padding-left: 87.5%; }
	.container .offset-by-fifteen  { padding-left: 93.75%; }
}

@media only screen and (max-width: 767px) {
	.container { padding: 0 15px; }
	.container .columns,
	.container .column { margin: 0; }
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 100%; float: none; }
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen { padding-left: 0; }
}

/* Clearing */

.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,
.clearfix:after {
	clear: both;
}

.row,
.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 4 - Body (Global Styles)
================================================== */

/* Global box-sizing */
*, *:before, *:after {
	box-sizing: border-box;
}

body {
	font: 14px/24px sans-serif;
	color: #444;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	z-index: 1000;
}

/* 5 - Page Styles
================================================== */

/* Header */

#header-global[role="banner"] {
	background-color: #1c1f26;
	color: #fff;
	width: 100%;
	text-transform: uppercase;
	z-index: 1000;
	position: relative;
	overflow: hidden;
	padding: 0;
}

/* Three-column header layout: logo | background-image | social-icons */
.header-three-col {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 220px; /* explicit height so absolute children resolve correctly */
}

.header-col {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Logo column — left, fixed width */
.header-col-logo {
	flex: 0 0 220px;
	width: 220px;
	height: 220px;
	padding: 20px 20px 20px 30px;
	justify-content: flex-start;
	background-color: #1c1f26;
	z-index: 2;
	box-sizing: border-box;
}

/* Background image column — fills middle space, image rendered as background */
.header-col-bg {
	flex: 1 1 auto;
	position: relative;
	height: 220px;
	overflow: hidden;
}

/* Background image: fill the centre column completely */
.header-background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	z-index: 0;
}

/* Social icons column — right, fixed width */
.header-col-icons {
	flex: 0 0 220px;
	width: 220px;
	height: 220px;
	padding: 20px 30px 20px 20px;
	justify-content: flex-end;
	background-color: #1c1f26;
	z-index: 2;
	box-sizing: border-box;
}

/* Keep legacy .logo-icons / .header-logo / .icons selectors working if used elsewhere */
.logo-icons.container {
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}

.header-logo,
.icons {
	margin-top: 30px;
}

#header-background-nav {
	background-color: #333;
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

/* Spacer to push page content below the fixed nav */
#nav-spacer {
	height: 58px;
}
.admin-bar #nav-spacer {
	height: 90px; /* 58px nav + 32px WP admin bar */
}

/* Main Navigation */
#header-navigation[role="navigation"] {
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
	position: relative;
}

#header-navigation[role="navigation"] ul {
	display: inline-block;
	margin-bottom: 0;
	list-style: none !important;
}

#header-navigation[role="navigation"] ul li {
	list-style: none !important;
}

#header-navigation[role="navigation"] li {
	float: left;
	margin-bottom: 0;
	padding: 5px 0;
	position: relative;
}

/* Ensure nav links are always white and visible — use !important to override any WordPress or dynamic CSS conflicts */
#header-background-nav #header-navigation[role="navigation"] li a,
#header-background-nav #header-navigation[role="navigation"] li a:visited,
#header-background-nav #header-navigation[role="navigation"] li a:link {
	color: #ffffff !important;
	margin-right: 20px;
	padding: 4px 8px;
	text-decoration: none !important;
	display: block;
	background-color: transparent;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	letter-spacing: 0.5px;
}

#header-background-nav #header-navigation[role="navigation"] li a:hover,
#header-background-nav #header-navigation[role="navigation"] li.current-menu-item a,
#header-background-nav #header-navigation[role="navigation"] li.nav-item a {
	color: #ffffff !important;
	opacity: 0.8;
}

/* Hamburger button — hidden on desktop */
#nav-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 12px;
	float: right;
	margin: 4px 0;
}

#nav-toggle .nav-toggle-bar {
	display: block;
	width: 24px;
	height: 2px;
	background: #fff;
	margin: 5px 0;
	border-radius: 2px;
	transition: all .3s;
}

/* Mobile nav open state */
#nav-toggle.is-active .nav-toggle-bar:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}
#nav-toggle.is-active .nav-toggle-bar:nth-child(2) {
	opacity: 0;
}
#nav-toggle.is-active .nav-toggle-bar:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

#footer-global[role="contentinfo"] {
	color: #fff;
	width: 100%;
	position: relative;
	z-index: 300;
	background: #333 url(assets/img/classy_fabric.png) repeat;
	text-align: center;
}

#footer-global[role="contentinfo"] #copyright-details {
	margin-top: 20px;
}

#footer-global[role="contentinfo"] h3 {
	border-bottom: 1px dotted #666;
	color: #fff;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#footer-global[role="contentinfo"] a {
	text-decoration: none;
}

#footer-global[role="contentinfo"] a:hover {
	color: #ddd;
}

#footer-global[role="contentinfo"] .overview {
	color: #fff;
	font-size: 24px;
	line-height: 36px;
}

nav select {
	display: none;
}

/* About */

#about {
	background-color: #fff;
	text-align: center;
	padding: 70px 0;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	z-index: 300;
	position: relative;
}

#about .overview {
	font-size: 24px;
	line-height: 36px;
}

/* Services */

#services {
	background: #fff;
	text-align: center;
	padding: 70px 0;
	position: relative;
	z-index: 300;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
}

#services h2 {
	border-bottom: medium double #ddd;
	display: block;
	padding-bottom: 20px;
	line-height: 1.4;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}

#services .service {
	background-color: #f6f3f3;
	padding: 40px 20px 20px 20px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
	box-sizing: border-box;
	border: medium double #ddd;
	border-radius: 2px;
	transition: all .4s;
}

#services .service:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

#services .service [class^="icon-"] {
	font-size: 90px;
	text-shadow: 0 1px 1px #fff;
}

#services .service.clearcol {
	clear: both;
	margin-right: 10px !important;
}

#services .overview {
	font-size: 24px;
	line-height: 36px;
}

#all-services {
	margin-top: 40px;
}

/* Meet the Team */

#meet-the-team {
	background: #fff;
	text-align: center;
	padding: 70px 0;
	position: relative;
	z-index: 300;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
}

#meet-the-team .team-member {
	background-color: #f6f3f3;
	color: #666;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 20px 30px 20px;
	box-sizing: border-box;
	border: medium double #ddd;
	border-radius: 2px;
	transition: all .4s;
}

#meet-the-team .team-member:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

#meet-the-team .team-member.clearcol {
	clear: both;
	margin-right: 10px !important;
}

#meet-the-team .team-member em {
	border-bottom: medium double #ddd;
	display: block;
	padding-bottom: 20px;
}

#meet-the-team .thumbnail {
	margin-bottom: 20px;
	box-sizing: border-box;
}

#meet-the-team img {
	max-width: 100%;
	height: auto;
	display: block;
}

#meet-the-team .social-icons-small a [class^="icon-"] {
	padding-right: 10px;
	text-decoration: none;
	transition: all .4s;
}

#meet-the-team .social-icons-small a:hover [class^="icon-"] {
	color: #333;
}

#meet-the-team .overview {
	font-size: 24px;
	line-height: 36px;
}

#team-members {
	margin-top: 40px;
}

/* Latest News */

#latest-news {
	background: #fff;
	text-align: center;
	padding: 70px 0;
	position: relative;
	z-index: 300;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
}

#latest-news .overview {
	font-size: 24px;
	line-height: 36px;
}

#latest-news img {
	max-width: 100%;
	height: auto;
	display: block;
}

#latest-news article {
	background-color: #f6f3f3;
	color: #666;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 20px 30px 20px;
	box-sizing: border-box;
	border: medium double #ddd;
	border-radius: 2px;
	transition: all .4s;
}

#latest-news article:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

#latest-news article.clearcol {
	clear: both;
	margin-right: 10px !important;
}

#latest-news article h2 {
	display: block;
	line-height: 1.4;
	text-transform: uppercase;
	margin-top: 20px;
}

#latest-news article span {
	display: block;
	margin-top: 10px;
}

#latest-news article [class^="icon-"] {
	color: #333;
	margin-right: 5px;
	line-height: .7;
}

#latest-news article .meta {
	margin-bottom: 15px;
	border-bottom: medium double #ddd;
}

#latest-news article .meta p {
	font-style: italic;
}

#latest-news article .meta a:hover {
	color: #999;
}

#articles {
	margin-top: 40px;
}

a.view-article-btn {
	border-bottom: none !important;
	color: #fff !important;
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 5px 10px;
}

a.view-article-btn:hover {
	background-color: #333;
}

/* Archive */

.post-excerpt {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #999;
}

.post-excerpt a {
	text-decoration: none;
}

.post-excerpt img,
.post-excerpt iframe {
	border: medium double #ccc;
	border-radius: 2px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .4s;
}

.post-excerpt img:hover,
.post-excerpt .video-frame:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

.post-title {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.meta-date {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 -1px 0 #ccc, 0 1px 0 #fff;
	display: inline-block;
	padding: 5px 0;
}

.meta-author {
	display: block;
	border-bottom: medium double #999;
	padding-bottom: 10px;
}

.meta-category {
	display: block;
	font-style: italic;
	margin-top: 10px;
	padding-bottom: 20px;
}

.meta-category .comment-count {
	float: right;
}

.meta-category .comment-count a {
	border-bottom: none !important;
	font-size: 17px;
}

.pagination {
	margin-bottom: 30px;
}

.pagination a {
	display: inline-block;
	text-decoration: none;
	margin: 0;
}

.pagination .page-numbers {
	color: #000;
	margin-right: 20px;
}

.pagination .current {
	font-weight: 600;
}

.pagination .prev,
.pagination .next {
	background-color: #333;
	color: #fff;
	padding: 3px 9px;
}

.pagination .prev:hover,
.pagination .next:hover {
	color: #fff;
}

.pager {
	clear: both;
	margin-left: 0;
	margin-bottom: 35px;
	list-style: none;
	text-align: center;
}

.pager:before,
.pager:after {
	display: table;
	content: "";
}

.pager:after {
	clear: both;
}

.pager li {
	display: inline;
}

.pager a {
	color: #fff !important;
	display: inline-block;
	padding: 5px 14px;
	margin-bottom: 10px;
	background-color: #333;
	border-radius: 1px;
	text-decoration: none;
}

.pager .next a {
	float: left;
	display: block;
	clear: both;
}

.pager .previous a {
	float: left;
}

.tags {
	display: block;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tags a {
	margin-left: 10px;
}

/* Portfolio */

#latest-work {
	background: #fff;
	padding: 70px 0;
	text-align: center;
	position: relative;
	z-index: 300;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
}

#latest-work .overview {
	font-size: 24px;
	line-height: 36px;
}

#portfolio-items {
	margin-top: 20px;
}

#portfolio-filter {
	text-align: center;
}

#filter {
	background-color: #333;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 0;
	list-style: none;
}

#filter li {
	float: left;
	font-size: 14px;
	margin-bottom: 0;
	padding: 10px 15px;
}

#filter li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.project-item {
	margin-bottom: 30px;
}

.project-item .project-image {
	list-style: none;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	border: medium double #ccc;
	border-radius: 2px;
	box-sizing: border-box;
	transition: all .4s;
}

.project-item .project-image:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

.project-item .project-details {
	font-size: 14px;
	line-height: 24px;
}

.project-item .project-details h2 {
	border-bottom: medium double #ddd;
	display: block;
	margin-bottom: 13px;
	padding-bottom: 10px;
}

.project-image .overlay {
	background: rgba(255, 255, 255, .9);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	opacity: 0;
	border: 15px solid rgba(255, 255, 255, 0);
	background-clip: padding-box;
	box-sizing: border-box;
	transition: opacity .4s ease-in-out;
}

.project-image:hover .overlay {
	opacity: 1;
}

.project-image .overlay .button {
	background-color: #333;
}

.project-image .overlay .button:hover {
	background-color: #666;
}

.project-image .overlay [class^="icon-"] {
	display: inline-block;
	font-size: 80px;
}

.project-item .overlay h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 20px;
	line-height: 1.3;
}

.project-item .overlay h2 a {
	color: #333;
}

.project-item .overlay h2 a:hover {
	color: #e15154;
}

.project-item .overlay a {
	color: #fff;
	text-decoration: none;
}

.project-item img {
	display: block;
	position: relative;
	max-width: 100%;
	height: auto;
}

.video-frame {
	max-width: 100%;
	display: block;
}

/* Single Project */

#single-project {
	background-color: #fff;
	padding: 70px 0;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
	z-index: 300;
	position: relative;
}

#single-project h1 {
	border-bottom: medium double #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 1.2;
}

#single-project img {
	max-width: 100%;
	height: auto;
}

#single-project .client-details {
	border-bottom: medium double #999;
	margin-top: 5px;
	padding-bottom: 10px;
	list-style: none;
}

#single-project .project-checklist {
	color: #666;
	font-size: 12px;
	list-style: none;
}

#single-project img,
#single-project .video-frame {
	border: medium double #ccc;
	margin-bottom: 20px;
	border-radius: 2px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .4s;
}

#single-project img:hover,
#single-project .video-frame:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

#single-project .slides li {
	margin-bottom: 0;
}

a.launch-project-btn {
	border-bottom: none !important;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 5px 10px;
}

a.launch-project-btn:hover {
	background-color: #333;
}

.project-nav {
	display: inline-block;
	float: right;
	margin: 20px 0 0 0;
	list-style: none;
}

.project-nav li {
	float: left;
	text-align: center;
	transition: all .4s;
}

.project-nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
}

.project-nav .prev,
.project-nav .next,
.project-nav .back {
	margin-left: 5px;
}

.project-nav .back {
	background-color: #666;
}

.project-nav .next {
	background-color: #333;
}

.project-nav .prev {
	background-color: #333;
}

/* Comments */

#comments {
	background-color: #fafbfc;
	padding: 20px;
	margin-top: 30px;
	margin-left: 0;
}

#comments h4 {
	padding-bottom: 20px;
	text-transform: uppercase;
	display: block;
	border-bottom: medium double #999;
}

.comments-list {
	border-bottom: 1px solid #666;
	margin: 36px 0 40px;
	padding: 0 0 10px;
}

.comment {
	border-top: 1px solid #666;
	display: inline-block;
	margin-top: 10px;
	padding-top: 30px;
}

.comment .children .comment {
	margin-top: 10px;
	padding-top: 30px;
}

.comment:first-child {
	border-top: none;
	margin: 0;
	padding: 0;
}

.comment > div {
	display: inline-block;
}

.comment .avatar {
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	border: 2px solid #fff;
	border-radius: 1px;
	box-shadow: 1px 1px 4px 1px #ddd;
}

.comment .comment-entry,
.comment .comment-meta {
	float: right;
	width: 100%;
}

.comment .comment-meta {
	margin-top: -4px;
}

.comment .author {
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
}

.comment .author .reply {
	color: #959595;
	font-size: 11px;
	text-transform: uppercase;
}

.comment .author .reply:hover {
	color: #d73300;
}

.comment .date {
	color: #959595;
	margin: 1px 0 8px;
}

.comment .children {
	padding-left: 60px;
}

.comment .children .comment {
	border-top: 1px solid #999;
	position: relative;
}

.comment-reply-link {
	font-size: 80%;
}

.comment-moderate {
	float: left;
}

#respond {
	margin-bottom: 20px;
	margin-left: 0;
}

#respond h3 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

/* Isotope */

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	transition-duration: 0.8s;
}

.isotope {
	transition-property: height, width;
}

.isotope .isotope-item {
	transition-property: transform, opacity;
}

/* Single Page */

#content {
	background: #fff;
	padding: 70px 0;
	position: relative;
	z-index: 300;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .9);
}

#content img {
	max-width: 100%;
	height: auto;
	border: medium double #ccc;
	border-radius: 2px;
	margin-bottom: 20px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .4s;
}

#content img:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 1px 1px 4px 1px #ccc;
}

/* Sidebar */

#sidebar h4 {
	display: block;
	text-transform: uppercase;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: medium double #999;
}

#sidebar a {
	text-decoration: none;
}

.widget {
	margin-bottom: 30px;
}

.widget_categories li {
	display: block;
	padding: 7px 0 0 0;
}

.widget_categories li:before {
	float: left;
	font-family: 'FontAwesome';
	content: "\f054";
	font-size: 20px;
	padding-right: 10px;
}

/* Flickr */

.gt_flickr_widget {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	width: 100%;
	position: relative;
}

.flickritems {
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
}

.flickritems a {
	float: left;
	display: block;
	border-bottom: none !important;
	padding: 0 10px 10px 0;
	margin-bottom: 0;
}

.flickritems a img {
	display: block;
	border: 2px solid #fff;
	border-radius: 1px;
	box-shadow: 1px 1px 4px 1px #ddd;
	transition: all .4s;
	opacity: .9;
}

.flickritems a img:hover {
	opacity: 1;
}

/* Twitter Widget */

.tweet,
.query {
	font-size: 13px;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li {
	border-bottom: 1px solid #999;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 0 20px 0;
	list-style-type: none;
	line-height: 23px;
}

.tweet_list li a {
	color: #e15154;
}

.tweet_list .tweet_avatar {
	border-bottom: none !important;
	padding-right: 15px;
	float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
	border: 2px solid #fff;
	border-radius: 1px;
	box-shadow: 1px 1px 4px 1px #ddd;
}

/* Accordion */

#accordion-container {
	padding-bottom: 10px;
}

.accordion-header {
	border-bottom: 1px solid #999;
	font-size: 16px;
	padding: 0 20px;
	cursor: pointer;
	text-transform: uppercase;
	transition: all .4s;
}

.active-header {
	background: url('assets/img/accordion/active-header.gif') no-repeat left 50%;
}

.inactive-header {
	background: url('assets/img/accordion/inactive-header.gif') no-repeat left 50%;
}

.accordion-content {
	display: none;
	padding: 5px 0 5px 20px;
	border-top: 0;
}

/* Tabs */

ul.tabs {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}

ul.tabs li {
	float: left;
	display: block;
	border: 1px solid #999;
	border-bottom: none;
	border-left: none;
	cursor: pointer;
	text-transform: uppercase;
	width: auto;
	height: 32px;
	padding: 0;
	line-height: 32px;
	margin: 0;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 32px;
	padding: 0px 20px;
	line-height: 32px;
	margin: 0;
	background: none;
}

ul.tabs li a:hover,
ul.tabs li a.active {
	color: #fff !important;
}

ul.tabs-content {
	margin: 0;
	padding: 20px 20px 20px 0;
	display: block;
	list-style: none;
}

ul.tabs-content > li {
	display: none;
	line-height: 25px;
}

ul.tabs-content > li.active {
	display: block;
}

/* Toggles */

.toggle_container {
	padding: 10px 20px 5px 20px;
	margin-bottom: 1px;
}

p.trigger {
	display: block;
	padding: 8px 8px 8px 16px;
	margin: 0;
	cursor: pointer;
	text-transform: uppercase;
	background: url('assets/img/accordion/inactive-header.gif') no-repeat left 50%;
	border-bottom: 1px solid #999;
	font-size: 16px;
}

p.trigger a {
	text-decoration: none;
}

p.trigger.active {
	background: url('assets/img/accordion/active-header.gif') no-repeat left 50%;
}

/* Layout Shortcodes */

.full-width { width: 100%; max-width: 960px; height: auto; overflow: hidden; }
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 13.33%; }

.one_half,
.one_third,
.one_fourth,
.one_fifth,
.one_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.first { margin-left: 0 !important; }
.last { margin-right: 0 !important; }

/* Alerts */

.alert-red, .alert-blue, .alert-green, .alert-brown, .alert-teal, .alert-tan {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 2px;
}

.alert-red { background: #e15154; }
.alert-blue { background: #527e9e; }
.alert-green { background: #768253; }
.alert-brown { background: #63564b; }
.alert-teal { background: #6a8a88; }
.alert-tan { background: #ba8c36; }

/* Buttons */

.custom-button-alt,
.custom-button,
.custom-button.small,
.custom-button.large,
.custom-button.medium {
	background: none !important;
	padding: 10px 0;
	font-size: 15px;
	margin: 0;
	display: inline-block;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

a.button.white {
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #ddd !important;
	color: #333;
	padding: 15px;
	position: relative;
}

a.button.grey {
	background-color: #999;
	border-radius: 2px;
	color: #333;
	padding: 15px;
}

a.button.black {
	background-color: #333;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

a.button.red {
	background-color: #e15154;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

a.button.blue {
	background-color: #527e9e;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

a.button.green {
	background-color: #768253;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

a.button.brown {
	background-color: #63564b;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

a.button.teal {
	background-color: #6a8a88;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

a.button.tan {
	background-color: #ba8c36;
	border-radius: 2px;
	color: #fff;
	padding: 15px;
}

/* Pricing Tables */

.pricing-table { list-style: none; }

.pricing {
	float: left;
	text-align: center;
	margin-top: 20px;
	border: medium double #ddd;
	border-radius: 2px;
	transition: all .4s;
	box-sizing: border-box;
}

.pricing:hover { box-shadow: 1px 1px 4px 1px #ccc; }
.pricing-third { width: 33%; }
.pricing-fourth { width: 25%; }
.pricing-fifth { width: 20%; }

.plan-title {
	background: #333;
	color: #fff;
	font-size: 20px;
	padding: 15px 20px 20px;
	text-align: center;
	text-transform: uppercase;
}

.plan-price {
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 40px;
	padding: 30px;
	text-align: center;
}

.plan-price span {
	font-size: 15px;
	display: block;
	margin-top: 25px;
	font-style: italic;
}

.pricing-content {
	background-color: #fff;
	padding-bottom: 20px;
}

.pricing-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-content ul li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

.pricing-content li:nth-child(odd) {
	background: #f7f7f7;
	font-size: 13px;
	padding: 15px 5px;
	font-style: italic;
}

.pricing-content li:nth-child(even) {
	background: #fff;
	font-size: 13px;
	padding: 15px 5px;
	font-style: italic;
}

a.sign-up-btn {
	margin: 20px auto;
	position: relative;
	border-bottom: none !important;
	width: 90px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 10px;
}

/* Dropcaps */

.dropcap {
	font-size: 55px;
	padding: 0 7px 5px 0;
	line-height: 1em;
	float: left;
}

/* Social Icons */

.social-icons li a.twitter-link { background: #333 url('assets/img/social-icons/twitter_icon_small.png') no-repeat; }
.social-icons li a.facebook-link { background: #333 url('assets/img/social-icons/facebook_icon_small.png') no-repeat; }
.social-icons li a.dribbble-link { background: #333 url('assets/img/social-icons/dribbble_icon_small.png') no-repeat; }
.social-icons li a.forrst-link { background: #333 url('assets/img/social-icons/forrst_icon_small.png') no-repeat; }
.social-icons li a.vimeo-link { background: #333 url('assets/img/social-icons/vimeo_icon_small.png') no-repeat; }
.social-icons li a.youtube-link { background: #333 url('assets/img/social-icons/youtube_icon_small.png') no-repeat; }
.social-icons li a.flickr-link { background: #333 url('assets/img/social-icons/flickr_icon_small.png') no-repeat; }
.social-icons li a.linkedin-link { background: #333 url('assets/img/social-icons/linkedin_icon_small.png') no-repeat; }
.social-icons li a.pinterest-link { background: #333 url('assets/img/social-icons/pinterest_icon_small.png') no-repeat; }
.social-icons li a.googleplus-link { background: #333 url('assets/img/social-icons/google_plus_icon_small.png') no-repeat; }
.social-icons li a.tumblr-link { background: #333 url('assets/img/social-icons/tumblr_icon_small.png') no-repeat; }
.social-icons li a.soundcloud-link { background: #333 url('assets/img/social-icons/soundcloud_icon_small.png') no-repeat; }
.social-icons li a.lastfm-link { background: #333 url('assets/img/social-icons/lastfm_icon_small.png') no-repeat; }

.social-icons {
	display: inline-block;
	margin-top: 20px;
	list-style: none;
}

.social-icons li {
	float: left;
	margin-bottom: 0;
}

.social-icons li a {
	border-radius: 1px;
	display: block;
	line-height: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 32px;
	height: 32px;
	transition: all .4s;
}

.social-icons.footer {
	display: inline-block;
	margin-top: 10px;
	list-style: none;
}

.social-icons.footer li {
	float: left;
}

.social-icons.footer li a {
	border-radius: 1px;
	float: left;
	line-height: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all .4s;
}

.social-icons.footer li a:hover {
	background-color: #666 !important;
}

/* In the new three-column header, social icons align right */
#header-global .social-icons {
	float: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 0;
	gap: 6px;
}

#header-global .social-icons li {
	float: none;
	margin-bottom: 0;
}

#header-global .social-icons li a {
	margin-right: 0;
	margin-bottom: 0;
}

/* Logo */
#logo,
#logo-default {
	display: block;
}

#logo img {
	max-width: 100%;
	max-height: 120px;
	width: auto;
	height: auto;
}

#logo-default a {
	color: #ffffff !important;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none !important;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* Icon Holders */

.icon-holder {
	width: 70px;
	height: 70px;
	background: none;
	margin-bottom: 30px;
	padding: 5px;
	text-align: center;
}

.icon-holder.about,
.icon-holder.work,
.icon-holder.services,
.icon-holder.team,
.icon-holder.news {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: inline-block;
	border: 7px solid #333;
}

.icon-holder.contact {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: inline-block;
	border: 7px solid #fff;
}

.icon-holder [class^="icon-"] {
	font-size: 3.6em;
	line-height: 70px;
	color: #333;
}

.icon-holder.contact [class^="icon-"] {
	color: #fff;
}

/* Contact */

#contact {
	padding: 70px 0;
	text-align: center;
	position: relative;
	z-index: 300;
}

#contact .overview {
	font-size: 24px;
	line-height: 36px;
}

#contact-details p {
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	font-weight: normal;
	text-transform: uppercase;
}

#copyright-details {
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	background: none;
	border: 1px solid #fff;
	display: inline-block;
	padding: 8px;
}

/* Quotes/Testimonials */

.latest-quotes {
	text-align: center;
	color: #fff;
}

.latest-quotes .quotes {
	height: 150px;
	height: auto !important;
	min-height: 150px;
	list-style: none;
}

.latest-quotes blockquote {
	border-left: none !important;
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	margin-top: 15px;
}

.latest-quotes cite {
	background: none;
	border: 2px solid #fff;
	color: #fff;
	font-size: 18px;
	margin-top: 5px;
	display: inline-block;
	padding: 15px 10px;
	text-transform: uppercase;
}

/* Latest Tweet */

.tweet {
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	font-style: italic;
}

.time {
	background: none;
	border: 2px solid #fff;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	margin-top: 20px;
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
}

/* Client Logos */

.logos {
	text-align: center;
	padding: 0;
}

#client-logos {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 0;
	padding: 10px 0;
	list-style: none;
}

#client-logos-title {
	color: #fff !important;
}

#client-logos li {
	float: left;
	padding: 10px 20px;
}

/* 404 Page */

#page-not-found {
	text-align: center;
	margin-bottom: 30px;
}

#page-not-found h2 {
	line-height: 1.4;
	margin-bottom: 10px;
}

#page-not-found [class^="icon-"] {
	font-size: 80px;
	color: #333;
	line-height: 1;
	display: inline-block;
	margin-bottom: 20px;
}

a.return-home-btn {
	border-bottom: none !important;
	color: #fff !important;
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 5px 10px;
}

/* No posts found */

#no-posts-found {
	margin-bottom: 30px;
}

#no-posts-found h2 {
	line-height: 1.4;
	margin-top: 20px;
	margin-bottom: 10px;
}

#no-posts-found [class^="icon-"] {
	font-size: 80px;
	color: #333;
	line-height: 1;
	display: inline-block;
}

/* Section Dividers */

#section-divider-1,
#section-divider-2,
#section-divider-3,
#section-divider-4 {
	width: 100%;
	height: 500px;
	background-color: #1c1f26;
	position: relative;
	text-align: center;
}

#section-divider-1 .text-container,
#section-divider-2 .text-container,
#section-divider-3 .text-container,
#section-divider-4 .text-container {
	height: 500px;
	width: 100%;
	max-width: 960px;
}

.text-container {
	display: table-cell;
	vertical-align: middle;
}

.bg1, .bg2, .bg3, .bg4 {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	position: absolute;
	background-size: cover !important;
}

/* 6 - Child Theme Overrides (formerly asem-theme)
================================================== */

/* Hide project description paragraphs in portfolio list */
.project-item .project-details p {
	display: none;
}

/* Hide "no comments" notice */
.nocomments {
	display: none !important;
}

/* Hide post author meta */
.meta-author {
	display: none;
}

/* Hide comment count in category meta */
.meta-category .comment-count {
	float: right;
	display: none;
}

/* Hide meta paragraph in latest news */
#latest-news article .meta p {
	font-style: italic;
	display: none;
}

/* Hero header height set in base rule above */

/* Hide uber/intro statement */
#uber-statement {
	display: none;
}

/* Flexslider home positioning */
.flexslider.home-slider {
	margin: -15px 0 40px !important;
}

/* Fixed sticky nav bar */
/* nav position handled in base rule above */

/* Helper classes */
.fit {
	max-width: 99%;
	max-height: 99%;
}

.tab-class td {
	padding: 0 15px;
}

/* Sponsors page (page-id-2) */
.page-id-2 .header-background-image {
	background: url(http://lanckwi.com/wp-content/uploads/2026/03/SPONSORS.png) center center no-repeat !important;
	background-size: cover !important;
}

.page-id-2 .header-col-bg {
	min-height: 350px !important;
	flex: 0 0 350px !important;
}

.page-id-2 h1 {
	display: none !important;
}

/* Productions/portfolio header */
.single-portfolio .header-background-image {
	background: url(http://lanckwi.com/wp-content/uploads/2026/03/Producties.png) center center no-repeat !important;
	background-size: cover !important;
}

.single-portfolio .header-col-bg {
	min-height: 350px !important;
	flex: 0 0 350px !important;
}

h1.style12 {
	display: none !important;
}

/* Single project flexslider spacing */
#single-project > div > div > div.flexslider {
	margin-bottom: 100px !important;
}

#single-project > div > div > div.flexslider > ul.slides > li > a > img {
	margin: auto;
	display: block;
	margin-bottom: 71px;
}

/* WP admin notification bar offset */
/* WP admin bar offset — handled via body padding below */

/* When WP admin bar is visible (logged in), offset the fixed nav */
.admin-bar #header-background-nav {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar #header-background-nav {
		top: 46px;
	}
}

#wpfront-notification-bar-table {
	font-size: 16px !important;
}

/* 7 - Media Queries
================================================== */

/* Global responsive images & videos */
img, video, iframe, embed, object {
	max-width: 100%;
	height: auto;
}

/* Parallax only on large screens — iOS/Android don't support background-attachment:fixed on transformed elements */
@media only screen and (min-width: 1100px) {
	.bg1,
	.bg2,
	.bg3,
	.bg4 {
		background-attachment: fixed !important;
	}
	/* Note: .header-background-image is inside a flex column so we intentionally skip parallax on it */
}

/* --- Tablet landscape / small desktop (960px and below) --- */
@media only screen and (max-width: 768px) {

	/* Show hamburger, hide desktop ul nav */
	#nav-toggle {
		display: block;
	}
	#header-navigation[role="navigation"] ul#navigation {
		display: none;
		width: 100%;
		text-align: left;
		clear: both;
		padding-bottom: 10px;
		background-color: #2a2a2a;
	}
	#header-navigation[role="navigation"] ul#navigation.nav-open {
		display: block;
	}
	#header-navigation[role="navigation"] li {
		float: none;
		display: block;
		padding: 0;
	}
	#header-navigation[role="navigation"] li a {
		padding: 10px 15px;
		margin-right: 0;
		border-top: 1px solid rgba(255,255,255,0.1);
		display: block;
	}

	/* Mobile select fallback (kept in case JS fails) */
	nav select {
		display: none; /* hidden — we use the hamburger instead */
	}

	/* Section divider text containers */
	#section-divider-1 .text-container,
	#section-divider-2 .text-container,
	#section-divider-3 .text-container,
	#section-divider-4 .text-container {
		width: 100%;
	}

	/* Header three-col: at tablet landscape, shrink side cols */
	.header-col-logo,
	.header-col-icons {
		flex: 0 0 160px !important;
		width: 160px !important;
	}
}

/* --- Tablet portrait (768px and below) --- */
@media only screen and (max-width: 767px) {

	/* Typography */
	h1 {
		font-size: 32px;
		line-height: 42px;
	}
	h2 { font-size: 20px; line-height: 30px; }
	h3 { font-size: 18px; line-height: 26px; }

	/* Shortcode layout columns go full width */
	.full-width,
	.one_half,
	.one_third,
	.one_fourth,
	.one_fifth,
	.one_sixth {
		width: 100% !important;
		float: none;
		margin-right: 0;
	}

	/* Header — stack to column on mobile */
	.header-three-col {
		flex-direction: column;
		height: auto;
	}
	.header-col-logo {
		flex: 0 0 auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 80px;
		padding: 20px !important;
		justify-content: center !important;
		border-bottom: 1px solid rgba(255,255,255,0.08);
		box-sizing: border-box;
	}
	.header-col-bg {
		flex: 0 0 220px !important;
		width: 100% !important;
		height: 220px !important;
		position: relative !important;
	}
	.header-col-icons {
		flex: 0 0 auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 80px;
		padding: 20px !important;
		justify-content: center !important;
		border-top: 1px solid rgba(255,255,255,0.08);
		box-sizing: border-box;
	}
	#header-global .social-icons {
		justify-content: center !important;
		margin-top: 0;
	}
	#logo,
	#logo-default {
		margin-top: 0;
		text-align: center;
	}
	#logo img {
		max-height: 80px;
		width: auto;
	}

	/* About */
	#about p {
		font-size: 16px;
		line-height: 1.7;
	}

	/* Sections: reduce vertical padding */
	#about,
	#services,
	#latest-work,
	#meet-the-team,
	#latest-news,
	#contact,
	#content,
	#single-project {
		padding: 40px 0;
	}

	/* Services, team, news cards: full width stack */
	#services .service,
	#meet-the-team .team-member,
	#latest-news article {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	/* Portfolio filter */
	#filter {
		display: block;
		width: 100%;
		text-align: center;
		padding: 5px 0;
	}
	#filter li {
		float: none;
		display: inline-block;
		padding: 8px 10px;
	}

	/* Section dividers */
	#section-divider-1,
	#section-divider-2,
	#section-divider-3,
	#section-divider-4 {
		height: auto;
		min-height: 200px;
		padding: 40px 15px;
	}
	.bg1, .bg2, .bg3, .bg4 {
		height: 100%;
		min-height: 200px;
	}
	#section-divider-1 .text-container,
	#section-divider-2 .text-container,
	#section-divider-3 .text-container,
	#section-divider-4 .text-container {
		width: 100%;
		height: auto;
		display: block;
	}

	/* Latest quotes */
	.latest-quotes blockquote {
		font-size: 18px;
		line-height: 28px;
	}
	.tweet {
		font-size: 18px;
		line-height: 28px;
	}

	/* Client logos: centre them */
	#client-logos {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#client-logos li {
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}

	/* Portfolio nav */
	.project-nav {
		float: none;
		display: block;
		margin: 10px 0;
	}

	/* Comments children */
	.comment .children {
		padding-left: 20px;
	}

	/* Pricing */
	.pricing-third,
	.pricing-fourth,
	.pricing-fifth {
		width: 100% !important;
		float: none;
	}

	/* Contact details */
	#contact-details p {
		font-size: 18px;
		line-height: 30px;
	}

	/* Nav */
	#header-background-nav {
		top: 0 !important;
	}
	.admin-bar #header-background-nav {
		top: 46px !important;
	}

	/* Tabs */
	ul.tabs li a {
		padding: 0 8px;
		font-size: 12px;
	}

	/* Meta */
	.meta-category .comment-count {
		float: none;
		display: block;
		margin-top: 10px;
	}
}

/* --- Mobile landscape (480px and below) --- */
@media only screen and (max-width: 479px) {

	h1 { font-size: 26px; line-height: 36px; }

	.social-icons li a,
	.social-icons.footer li a {
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 5px;
	}

	/* Stack tabs vertically */
	ul.tabs {
		height: auto;
		border-left: none;
	}
	ul.tabs li {
		float: none;
		display: block;
		width: 100%;
		border-left: 1px solid #999;
		border-bottom: 1px solid #999;
	}

	/* Pager */
	.pager a {
		padding: 5px 8px;
		font-size: 13px;
	}

	/* Forms */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		width: 100%;
	}
}



/* MODERN CLEAN HERO */
.hero {
  text-align:center;
  padding:60px 20px;
}

.hero img {
  max-width:800px;
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}