
/* WRAPPER */
.wrapper-boxed .wrapper { max-width:1300px; margin:0 auto; background:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,0.3); }


/* SHOPPING CART */
.shopping-cart { float:right; position:relative; margin:0 0 0 15px; width:26px; height:40px; line-height:40px; }
.shopping-cart .cart-title { display:block; color:inherit; position:relative; cursor:pointer; }
.shopping-cart .cart-title:hover { text-decoration:none; }
.shopping-cart .cart-count { position:absolute; background:#666; border-radius:40px; top:3px; right:0; line-height:1; display:inline-block; padding:3px 5px; font-weight:bold; font-size:12px; color:#fff; }
.header-side .header .shopping-cart { float:left; margin:0 15px 0 0; }


/* SOCIAL ICONS */
.social { float:right; position:relative; margin:0 0 0 15px; padding:0; width:auto; }
.social .social-profile { display:block; float:left; color:inherit; position:relative; width:38px; height:40px; text-align:center; }
.social .social-profile:hover { text-decoration:none; }
.social .social-icon { position:absolute; width:28px; height:28px; line-height:28px; top:50%; left:50%; margin:-14px 0 0 -14px; font-size:13px; border-radius:500px; text-align:center; }
.social .social-title { display:none; }
/* Social Locations */
.header .social-profile { height:3em; }
.header .social-icon { width:28px; height:28px; line-height:28px; margin:-14px 0 0 -14px; font-size:13px; }
.footer .social,
.header-side .header .social { float:none; overflow:hidden; margin:0 0 15px -5px; }
.footer-split .social-profile { float:left; }
.footer .social-profile { float:none; display:inline-block; }


/* SEARCH BUTTON */
.search-button { display:block; float:right; color:inherit; position:relative; margin:0 0 0 15px; width:30px; height:40px; line-height:40px; text-align:center; cursor:pointer; }
.header-side .header .search-button { float:left; margin:0 15px 0 0; }
.search-box { visibility:hidden; opacity:0; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; z-index:999999; width:100%; height:100%; transition:0.3s all; }
.search-box-body { position:absolute; top:50%; left:0; padding:0 0; width:60%; margin:0 20%; height:80px; opacity:0; transition:0.3s all; }
.search-box-body input[type=text]{ background:none; border:none; border-bottom:2px solid #fff; color:#ccc; font-size:20px; height:80px; line-height:80px; padding:20px 0; outline: none; }
.search-box-body button { position:absolute; top:0; right:-10px; font-size:30px; width:80px; height:80px; line-height:80px; text-align:center; color:#fff; background:none; border:none; z-index:999; cursor:pointer; }
/* Close button */
.search-box-close { visibility:hidden; opacity:0; position:fixed; margin:0; top:30px; right:30px; width:40px; height:40px; z-index:999999; cursor:pointer; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.search-box-close:before,
.search-box-close:after { position:absolute; content:' '; top:50%; right:50%; margin-right:-30px; width:40px; height:2px; background:#fff; }
.search-box-close:before { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.search-box-close:after { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
/* Active search */
.search-box-active .search-box { visibility:visible; opacity:1; }
.search-box-active .search-box-body { margin:-40px 20% 0; opacity:1; transition-delay:0.3s; }
.search-box-active .search-box-close { visibility:visible; opacity:1; }


/* LANGUAGES */
.languages { float:right; position:relative; font-weight:bold; text-transform:uppercase; margin-left:15px; }
.languages .language-active { position:relative; cursor:pointer; z-index:99; }
.languages .language-list { position:absolute; top:0; left:0; padding:0; padding-top:40px; visibility:hidden; opacity:0; background:#fff; z-index:98; transition:0.3s all; box-shadow:0 0 3px 0px rgba(0,0,0,0.3); }
.languages:hover .language-list { visibility:visible; opacity:1; }
.languages .language { display:block; line-height:40px; padding:0 15px; width:100%; }
.languages img { margin:0 5px 0 0; }
/* Header position */
.header-side .header .languages { float:left; margin:0 15px 0 0; }


/* HEADER */
/* Floating header */
.header-floating .wrapper-header { position:absolute; width:100%; top:0; z-index:999; }
/* Sticky header */
.header-sticky-always .wrapper-header { position:fixed; width:100%; top:0; z-index:999; transition:0.2s all; }
.header-floating.admin-bar .wrapper-header,
.header-sticky-always.admin-bar .wrapper-header { top:32px; }
/* Compress header */
.header-sticky-notop .topbar { transition:0.2s all; }
.header-sticky-compress .header { transition:0.2s all; }
.header-sticky-compress.header-sticky-active .header { padding:10px 0; }
.header-sticky-shrink.header-sticky-active .logo { transform:scale(0.6); }
@media screen and (max-width: 782px){
	.header-sticky-always.admin-bar .wrapper-header { top:40px; }
}


@media screen and (min-width: 800px){
	
	.header-vertical .menu { clear:both; float:none; }
	/* Header sizes */
	.header-thin .header { padding:10px 0; }
	.header-compact .header { padding:30px 0; }
	.header-ample .header { padding:60px 0; }
	.header-side .wrapper .header { height:auto; }
	/* Side header */
	.header-side .wrapper-body { display:flex; align-items:stretch; }
	.header-side .wrapper-main { flex-grow:1; }
	.header-side .wrapper-header { position:static; width:300px; }
	.header-side .header { width:220px; padding:40px; }
	.header-side .header > .container { padding:0; }
	.header-sticky-always.header-side .header { position:fixed; width:220px; top:0; padding:40px; z-index:999; }
	.header-sticky-always.header-side.admin-bar .header { top:32px; }
	/* Remove containers */
	.top-full .topbar .container,
	.header-full .header .container,
	.header-full .menu .container { max-width:100%; }
	
	
	/* SITE LOGO */
	.header-vertical .header .logo { position:static; float:left; margin:0 20px 0 0; }
	.header-side .header .logo { position:static; float:none; margin:0 0 30px; }
	/* Logo Alignment */
	.header-inline.header-center .logo,
	.header-vertical.header-center .logo { position:absolute; float:none; width:250px; left:50%; margin-left:-125px; text-align:center; transform-origin:center;  }
	
	
	/* HEADER WIDGETS */
	.header-widgets { float:right; }
	.header-widgets .widget { float:left; margin:0 0 0 20px; padding:0; max-width:200px; }
	.header-widgets .textwidget p:last-child { margin:0; }
	.header-vertical.header-center .header-widgets .widget { float:none; margin:0 0 30px 0; max-width:100%; }
	.header-vertical.header-center .header-widgets .widget { float:none; margin:0 0 30px 0; max-width:100%; }
	.header-side .header-widgets .widget { float:none; margin:0 0 30px 0; max-width:100%; }
	.header-inline.header-center .header-widgets { display:none; }

	
	/* MAIN MENU */
	.header-inline .menu { margin-left:20px; }
	.header-inline .menu > .container,
	.header-side .menu > .container { padding:0; }
	.header-vertical .menu { position:relative; top:auto; left:auto; float:none; margin:0; }
	.header-side .header .menu { float:none; margin:0 0 30px; }
	.header-side .header .menu:after { display:block; content:' '; clear:both; width:100%; }
	/* Side menu */
	.header-side .menu-main li { float:none; padding:0; }
	.header-side .menu-main > li > a { margin-left:-0.8em; width:100%; box-sizing:content-box; }
	/*.header-side .menu-main li a { padding:0.7em 0; }*/
	.header-side .menu-main li ul { top:0; left:100%; }
	.header-side .menu-main > li > ul:after { transform:rotate(-90deg); left:0; top:24px; margin-left:-12px; }
	.header-side .menu-main .has-children > a .menu-item-body:before { transform:rotate(-90deg); }
	.header-side .menu-main ul .has-children > a .menu-item-body:before { transform:none; }
	/* Menu Styles */
	.menu-dividers .menu-main > .menu-item > a:before { position:absolute; content:' '; width:1px; height:20px; left:0; top:50%; margin-top:-10px; background:rgba(0,0,0,0.1); }
	.menu-dividers .menu-main > .menu-item:first-child > a:before { display:none; }
	.menu-dividers .menu-main > li > a { padding:15px 25px; }
	/* Menu Alignment */
	.header-inline.header-menu-left .menu { float:left; margin:0 20px; }
	.header-inline.header-center .menu { float:none; background:none; width:100%; margin:0; }
	.header-inline.header-center .menu-main > li:nth-child(even) { float:right; }
	.header-vertical.menu-center .menu-main { text-align:center; }
	.header-vertical.menu-center .menu-main > li { float:none; display:inline-block; }
	.header-vertical.menu-right .menu-main > li { float:right; }
	/* Menu Size */
	.menu-tall .menu-main > li > a { padding-top:35px; padding-bottom:35px; }
	.menu-wide .menu-main > li > a { padding-left:40px; padding-right:40px; }
	
	/* Menu Separators */
	.menu-has-separator .menu-main > li:before { display:block; content:' '; position:absolute; left:0; top:50%; background:#eee; }
	.menu-has-separator .menu-main > li:first-child:before { display:none; }
	/* Separators on classic Menu */
	.header-inline.menu-has-separator .menu-main > li,
	.header-vertical.menu-has-separator .menu-main > li { padding-left:1.1em; padding-right:1.1em; }
	.menu-separator-small .menu-main > li:before { width:1px; height:20px; margin-top:-10px; }
	.menu-separator-large .menu-main > li:before { width:1px; height:100%; top:0; }
	.menu-separator-thick .menu-main > li:before { width:6px; height:100%; top:0; margin-left:-3px; }
	.menu-separator-slash .menu-main > li:before { width:1px; height:24px; margin:-12px 0 0; transform:rotate(30deg); }
	/* Separators on side Menu */
	.header-side.menu-has-separator .menu-main > li { padding-top:0.5em; padding-bottom:0.5em; }
	.header-side.menu-has-separator .menu-main > li:before { left:0; top:0; }
	.header-side.menu-separator-small .menu-main > li:before { width:50px; height:1px; margin:0; }
	.header-side.menu-separator-large .menu-main > li:before { width:100%; height:1px; margin:0; }
	.header-side.menu-separator-thick .menu-main > li:before { width:100%; height:6px; margin:-3px 0 0; }
	.header-side.menu-separator-slash .menu-main > li:before { width:100%; height:2px; margin:-1px 0 0; transform:rotate(4deg); }
	
	/* Menu Link Styles */
	.menu-item.menu-highlight > a,
	.menu-nav .menu-highlight.current_page_ancestor > a, 
	.menu-nav .menu-highlight.current-menu-item > a { color:#fff; }
	.menu-main .menu-highlight > a { border-radius:2px; }
	.menu-item.menu-disabled > a { opacity:0.4; }

}

/* PAGE TITLE */
.title-left .pagetitle { text-align:left; }
.title-right .pagetitle { text-align:right; }
.title-center .pagetitle { text-align:center; }
.title-split .pagetitle-body:after { display:block; clear:both; content:' '; width:100%; }
.title-split .pagetitle-title { float:left; }
.title-split .breadcrumb { float:right; }

.title-thin .pagetitle { padding:20px 0; }
.title-compact .pagetitle { padding:50px 0; }
.title-medium .pagetitle { padding:100px 0; }
.title-ample .pagetitle { padding:200px 0; }


@media screen and (min-width: 600px){
	.blog-horizontal .post-image { float:left; width:45% }
	.blog-horizontal .post-body { margin-left:50%; }
}


/* PORTFOLIO */
.portfolio { clear:both; margin:0 0 30px; }
.portfolio-item { display:block; color:#fff; overflow:hidden; position:relative; background:#eee; text-align:center; padding:60% 0 0; margin:0; }
.portfolio-item:hover { text-decoration:none; }
.portfolio-item .portfolio-item-background { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:996; transition:0.4s all; }
.portfolio-item:hover .portfolio-item-background { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.portfolio-item .portfolio-item-overlay { opacity:0; background:rgba(0,0,0,0.7); position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; transition-delay:0.1s; z-index:9997; }
.portfolio-item .portfolio-item-title,
.portfolio-item .portfolio-item-description { position:absolute; left:0; opacity:0; width:80%; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; z-index:9998; }
.portfolio-item .portfolio-item-title { font-size:1.3em; opacity:1; text-transform:uppercase; bottom:50%; margin:0 10% -20px; }
.portfolio-item .portfolio-item-description { top:50%; margin:20px 10% 0; }
.portfolio-item:hover .portfolio-item-overlay { opacity:0.9; }
.portfolio-item-has-excerpt:hover .portfolio-item-title { opacity:1; margin-bottom:10px; }
.portfolio-item:hover .portfolio-item-description { opacity:1; margin-top:10px; }
/* Individual portfolio items */
.forge_portfolio .portfolio-media { margin:0 0 30px; }
.forge_portfolio .portfolio-image { text-align:center; }
.forge_portfolio .portfolio-content { }


/* SUBFOOTER */
.subfooter-thin .subfooter-column { padding:10px 0; }
.subfooter-thin .subfooter-column .widget { margin-bottom:20px; }
.subfooter-compact .subfooter-column { padding:30px 0; }
.subfooter-compact .subfooter-column .widget { margin-bottom:30px; }
.subfooter-medium .subfooter-column { padding:60px 0; }
.subfooter-medium .subfooter-column .widget { margin-bottom:40px; }
.subfooter-ample .subfooter-column { padding:100px 0; }
.subfooter-ample .subfooter-column .widget { margin-bottom:60px; }


/* FOOTER */
.footer-left .footer { text-align:left; }
.footer-center .footer { text-align:center; }
.footer-split .footer { text-align:left; }
.footer-split .footer-content { float:none; }
.footer-split .footermenu { float:right; margin-left:5%; }
.footer-vertical .menu-footer { padding:0; }


@media screen and (max-width:800px){
	.header-widgets { display:none; }
}


@media screen and (max-width:600px){
	.header .social { display:none; }
}
