/*---------------------- Body --------------------------*/

.header-background-image {
	background-image: url(http://lanckwi.com/wp-content/uploads/2026/03/Asem-intiem-2026-V8.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg1 {
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg2 {
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg3 {
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg4 {
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

body p,
.accordion-content,
ul.tabs-content,
.toggle_container,
#sidebar .widget,
.meta-author,
.meta-category,
.tags {
	color: #333333;
	font-family: cabin;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

.latest-quotes blockquote,
#single-project .client-details,
#single-project .project-checklist,
.meta-category a:visited:hover,
.meta-category a:hover {
	color: #333333;
	font-family: cabin;
}

blockquote cite,
#footer-global[role="contentinfo"] .widget,
.plan-price,
.pricing-content ul li,
.dropcap,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
.tweet,
.pager a {
	font-family: cabin;
}

.pagination .page-numbers {	
	font-family: cabin;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

#content p a:hover,
#meet-the-team .team-member p a:hover,
#comments .author a:hover,
#comments .author a.comment-reply-link:hover,
#comments .comment-edit-link:hover,
#sidebar .widget a:hover {
	color: #333333;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#footer-global h1,
#single-project h1, 
#single-project h2, 
#single-project h3, 
#single-project h4, 
#single-project h5, 
#single-project h6,
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
.project-item .project-details h2,
#comments h4,
.comment .author,
#respond h3,
.project-item .overlay h2,
#services h2,
#meet-the-team h2,
h2.post-title a,
#content p.trigger a,
ul.tabs li a,
#latest-news article h2 a,
.must-log-in,
.logged-in-as {
	color: #333333;
	font-family: oswald;
	font-style: normal;
	font-weight: normal;
}

.alert-red, .alert-blue, .alert-green, .alert-brown, .alert-teal, .alert-tan,
.plan-title,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.button.white,
a.button.grey,
a.button.black,
a.button.red,
a.button.blue,
a.button.green,
a.button.brown,
a.button.teal,
a.button.tan,
a.launch-project-btn,
a.view-article-btn,
a.return-home-btn,
a.sign-up-btn,
.latest-quotes cite,
#filter li a {
	font-family: oswald;
	font-style: normal;
	font-weight: normal;
}

#header-global[role="banner"],
#contact-details p,
.time {
	font-family: oswald;
}

/* Nav link accent hover — only on hover, not base state */
#header-navigation[role="navigation"] #navigation li a:hover,
#header-navigation[role="navigation"] li a:focus,
#header-navigation[role="navigation"] li.nav-item a:hover,
#header-navigation[role="navigation"] li.nav-item a:focus,
#header-navigation.is-sticky[role="navigation"] li.nav-item a:hover {
	color: #e47c14 !important;
	opacity: 1;
}

#filter li a:hover,
#filter li .current,
.project-image .overlay [class^="icon-"],
.twtr-hyperlink,
.twtr-hashtag,
.twtr-atreply,
#latest-news article a,
#latest-news article h2 a:hover {
	color: #e47c14;
}

.expand,
.plan-price,
ul.tabs li a.active,
ul.tabs li a:hover,
.pagination .prev:hover,
.pagination .next:hover,
.project-nav li:hover,
.project-nav .back:hover,
.social-icons li a.twitter-link:hover,
.social-icons li a.facebook-link:hover,
.social-icons li a.dribbble-link:hover,
.social-icons li a.forrst-link:hover,
.social-icons li a.vimeo-link:hover,
.social-icons li a.youtube-link:hover,
.social-icons li a.flickr-link:hover,
.social-icons li a.linkedin-link:hover,
.social-icons li a.pinterest-link:hover,
.social-icons li a.googleplus-link:hover,
.social-icons li a.tumblr-link:hover,
.social-icons li a.soundcloud-link:hover,
.social-icons li a.lastfm-link:hover,
.social-icons.footer li a,
.pager a:hover,
#uber-statement {
	background-color: #e47c14!important;
}

blockquote {
	border-left: 3px solid #e47c14!important;
}

a.launch-project-btn,
a.view-article-btn,
a.return-home-btn,
a.sign-up-btn,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background-color: #e47c14;
}

#content p a,
.service p a,
.team-member p a,
#comments .author a,
#comments .author a.comment-reply-link,
#comments .comment-edit-link,
.tags a,
#sidebar .widget a,
.project-item .overlay h2 a:hover,
.overview a,
#comments a,
.meta-author a,
.meta-category a,
.post-title a:hover,
.pagination a:hover {
	color: #e47c14;
}

.pagination .current,
.active-header,
.inactive-header:hover,
p.trigger a:hover,p.trigger.active a:hover,
p.trigger.active a {
	color: #e47c14!important;
}

#footer-global[role="contentinfo"] a {
	color: #e47c14;
}
	
#services .service [class^="icon-"] {
	color: #e47c14;
}

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

/*---------------------- Custom CSS (Added from the Theme Options panel) --------------------------*/


/* ============================================================
   PERMANENT LAYOUT FIXES v3 — regenerated on every save
   ============================================================ */

/* NAV: white text on dark bar, always */
#header-background-nav { background-color: #2c2c2c !important; }
#header-background-nav #header-navigation[role="navigation"] ul#navigation li a,
#header-background-nav #header-navigation[role="navigation"] ul.menu li a,
#header-background-nav #header-navigation[role="navigation"] ul#navigation li a:link,
#header-background-nav #header-navigation[role="navigation"] ul#navigation li a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}
#header-background-nav #header-navigation[role="navigation"] ul#navigation li a:hover,
#header-background-nav #header-navigation[role="navigation"] ul.menu li a:hover {
    color: #e47c14 !important;
}
#header-background-nav #header-navigation[role="navigation"] ul#navigation li,
#header-background-nav #header-navigation[role="navigation"] ul.menu li {
    list-style: none !important;
    color: #ffffff !important;
}

/* Desktop: force nav visible, hamburger hidden */
@media only screen and (min-width: 769px) {
    #nav-toggle { display: none !important; }
    #header-background-nav #header-navigation[role="navigation"] ul#navigation,
    #header-background-nav #header-navigation[role="navigation"] ul.menu {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    #header-background-nav #header-navigation[role="navigation"] ul#navigation li,
    #header-background-nav #header-navigation[role="navigation"] ul.menu li {
        float: left !important;
        display: inline-block !important;
    }
}

/* HEADER: three-column flex with explicit heights */
#header-global[role="banner"] { padding: 0 !important; min-height: 0 !important; overflow: hidden !important; }
.header-three-col {
    display: -webkit-flex !important; display: flex !important;
    -webkit-align-items: stretch !important; align-items: stretch !important;
    width: 100% !important; height: 220px !important; overflow: hidden !important;
}
.header-col.header-col-logo {
    -webkit-flex: 0 0 220px !important; flex: 0 0 220px !important;
    width: 220px !important; height: 220px !important;
    display: -webkit-flex !important; display: flex !important;
    -webkit-align-items: center !important; align-items: center !important;
    -webkit-justify-content: flex-start !important; justify-content: flex-start !important;
    padding: 20px 20px 20px 30px !important; background-color: #1c1f26 !important;
    z-index: 2 !important; box-sizing: border-box !important;
}
.header-col.header-col-bg {
    -webkit-flex: 1 1 auto !important; flex: 1 1 auto !important;
    height: 220px !important; position: relative !important;
    overflow: hidden !important; min-width: 0;
}
.header-col.header-col-bg .header-background-image,
.header-col-bg .header-background-image {
    position: absolute !important; top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important; min-height: 0 !important;
    background-size: cover !important; background-position: center center !important;
    background-repeat: no-repeat !important; background-attachment: scroll !important;
    z-index: 0 !important;
}
.header-col.header-col-icons {
    -webkit-flex: 0 0 220px !important; flex: 0 0 220px !important;
    width: 220px !important; height: 220px !important;
    display: -webkit-flex !important; display: flex !important;
    -webkit-align-items: center !important; align-items: center !important;
    -webkit-justify-content: flex-end !important; justify-content: flex-end !important;
    padding: 20px 30px 20px 20px !important; background-color: #1c1f26 !important;
    z-index: 2 !important; box-sizing: border-box !important;
}
.header-col.header-col-icons .social-icons {
    display: -webkit-flex !important; display: flex !important;
    -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important;
    -webkit-justify-content: flex-end !important; justify-content: flex-end !important;
    -webkit-align-items: center !important; align-items: center !important;
    margin: 0 !important; list-style: none !important; gap: 6px;
}
.header-col.header-col-icons .social-icons li { float: none !important; margin: 0 !important; }
.header-col.header-col-icons .social-icons li a { margin: 0 !important; }

/* Page-specific taller headers */
.page-id-2 #header-global, .single-portfolio #header-global { padding-bottom: 0 !important; min-height: 0 !important; }
.page-id-2 .header-three-col, .single-portfolio .header-three-col { height: 350px !important; }
.page-id-2 .header-col.header-col-logo, .page-id-2 .header-col.header-col-bg,
.page-id-2 .header-col.header-col-icons, .single-portfolio .header-col.header-col-logo,
.single-portfolio .header-col.header-col-bg, .single-portfolio .header-col.header-col-icons { height: 350px !important; }

/* Responsive: stack on mobile */
@media only screen and (max-width: 768px) {
    .header-three-col { -webkit-flex-direction: column !important; flex-direction: column !important; height: auto !important; }
    .header-col.header-col-logo, .header-col.header-col-icons {
        -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important;
        width: 100% !important; height: auto !important; min-height: 80px !important;
        -webkit-justify-content: center !important; justify-content: center !important; padding: 16px !important;
    }
    .header-col.header-col-bg { -webkit-flex: 0 0 220px !important; flex: 0 0 220px !important; width: 100% !important; height: 220px !important; }
    .header-col.header-col-icons .social-icons { -webkit-justify-content: center !important; justify-content: center !important; }
    #nav-toggle { display: block !important; }
    #header-background-nav #header-navigation[role="navigation"] ul#navigation,
    #header-background-nav #header-navigation[role="navigation"] ul.menu { display: none !important; }
    #header-background-nav #header-navigation[role="navigation"] ul#navigation.nav-open,
    #header-background-nav #header-navigation[role="navigation"] ul.menu.nav-open { display: block !important; }
    #header-background-nav #header-navigation[role="navigation"] ul#navigation li,
    #header-background-nav #header-navigation[role="navigation"] ul.menu li { float: none !important; display: block !important; }
}