/* 2017 for Metal Work and Design */
header #logo { height: 30px; }
nav#main-nav > ul > li > a { height: 30px; line-height: 30px;  }
#header-search a#show-search, #header-cart a#show-cart, #header-language a#show-language, #header-social .socialmedia-widget li a { height: 30px; line-height: 30px; }

/* Height of the header on pageload - Logo height + padding of #logo a (30+2x30)*/
nav#main-nav .mega-menu-content:before { height: 90px; }
header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero { margin-top: 90px; }
header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero.hero-full { min-height: calc(100vh - 90px); }
header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body { margin-top: 90px; }
header.has-top-bar:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero { margin-top: calc(90px + 40px); }
header.has-top-bar:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero.hero-full { min-height: calc(100vh - 90px - 40px); }
header.has-top-bar:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body { margin-top: calc(90px +40px); }
header.header-transparent.header-bordered + #hero #page-title, header.header-style-floating + #hero #page-title { margin-top: 90px; }
#hero #page-title.title-adapt:not(.title-top):not(.title-bottom) { top: 90px; }
header.header-transparent + #page-body .fullwidth-section:first-child::before { height: 90px; }
header:not(.header-transparent) + #page-body .fullwidth-section.fullheight:first-child { min-height: calc(100vh - 90px); }


.menu { font-variant: small-caps;}

.copyright { font-size: 13px; } 

.portfolio-name { text-align: center;}
.portfolio-media-home-wd { padding: 5px 3px 0px 3px; }
/*
.wd-intro-title  {
	font-weight: 100;
	font-variant : small-caps; 
	padding-left: 46%; 
	padding-top: 10%; 
} 
.wd-intro-div {
	width: auto; 
}*/


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

----------------------------------------------------------------------------------- */	
.sr-button.button-5:hover,
.text-light .sr-button.button-5:hover,
.sr-button.button-6:hover,
.text-light .sr-button.button-6:hover { 
	border-color: #900000; 
	}
	
input[type=submit]:hover, input[type=button]:hover, button:hover,
.sr-button:hover,
.text-light .sr-button:hover,
.sr-button.button-1:hover,
.text-light .sr-button.button-1:hover,
.sr-button.button-2,
.sr-button.button-5:hover,
.text-light .sr-button.button-5:hover { 
	background-color: #900000; 
	}
	
nav#main-nav > ul > li > a.button-style:hover:before { background: #900000 !important; }



/* -----------------------------------------------------------------------------------
	
	FONTS	

----------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p,
.tp-caption.sudo-caption,
label,
select,
table thead th,
blockquote cite,
small,
#menu .open-nav,
nav#main-nav > ul > li > a,
nav#main-nav .mega-menu-content ul li.mega-menu-title > a,
#header-search .header-search-content input[type=text],
#header-language a#show-language,
#header-language .header-language-content ul.lang-select li a,
footer #backtotop,
.filter li a,
.blog-item .blog-content .post-meta li,
.comments .comment-reply-link,
.widget ul:not(.socialmedia-widget) li a,
#single-pagination ul li a,
#share ul li a,
.product-media .onsale,
.product-price,
.pricing-table .pricing-price .price-unit,
.sr-counter .counter-value,
.widget ul:not(.socialmedia-widget):not(.product-list) li a {
	font-family: 'Lato', sans-serif;
	color: #000000;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000; transition: all 200ms ease; }
.text-light h1 a, .text-light h2 a, .text-light h3 a, .text-light h4 a, .text-light h5 a, .text-light h6 a { color: #ffffff; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #900000; }

a { color: #000000; }
a:hover { color: #900000; }


/* MAIN TEXT FONT */
body {
	font-weight: 300;
	letter-spacing: 0.02em;
	font-size: 16px; 
	line-height: 26px;
	font-family: 'Lato', sans-serif;
	color: #000000;
}
	

/* HEADING TITLE */
h1, h2, h3, h4, h5, h6,
.tp-caption.sudo-caption {
	font-weight: 300;
	letter-spacing: -0.02em;
	}
	h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tp-caption.sudo-caption strong { font-weight: 500; }	
	

/* MAIN NAV */
nav#main-nav > ul > li > a {
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em; 
	}
	
	
/* -----------------------------------------------------------------------------------
	
	CUSTOM STYLING	

----------------------------------------------------------------------------------- */
.list-webapp li {
	font-size: 15px;
	line-height: 22px;
	}
	
.list-webapp li i {
	font-size: 17px;
	line-height: 22px;
	margin-right: 3px;
	}
	

/* App Section handle background sizes */ 
.app-section {
	background-size: 50% auto !important;
	}
	
footer #backtotop {
	color: #ffffff;
}

.portfolio-media-border { border: 1px solid #848484; } 

@media only screen and (max-width: 768px) { 
		.app-section {
			background-image: none !important;
		}
	}

/*@media screen and (max-width: 600px) {
.wd-intro-div {
	width: 150px; 
}
.portfolio-media-home-wd { padding: 30px 3px 0px 3px; }
}
*/