/*   
Theme Name:        Cami Company Ltd Oy
Theme URI:         
Description:       A simple basic theme template for G3 International Import & Export.
Author:            Michael Choueri
Version:           1.0
Stable tag:        1.0
Requires at least: 4.5
Tested up to:      4.7
Tags:              one-column, two-columns, right-sidebar
Text Domain:       camicomp
*/

@media screen {
	
	body { background-color: #fff; font-family: 'Roboto', Arial, Helvetica; font-weight: 300; padding: 0 0 0 0; margin: 0 0 0 0; }
	.wrap { /*box-sizing: border-box; max-width: 800px; margin: 20px auto; padding: 20px;*/ color: #333; background-color: #fff; }
	
	a {}
	a:hover {} 
	
	h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Arial, Helvetica; font-weight: 400; }
	h1 {font-size: 1.8em;}
	h2 {}
	h3 {}
	h4 {}
	h5 {}
	h6 {}
	
	p { font-size: 1.5em;
		text-align: justify;
	}
	ul, ol {}
	
	pre {}
	code, tt, var {}
	
	abbr, acronym {}
	
	blockquote {}
	blockquote p {}
	
	.post {}
	.entry {}
	.entry a {}
	.entry a:hover {}
	.meta {}
	.postmetadata {}
	
	.nav {}
	.nav-prev {}
	.nav-next {}
	
	.searchform {}
	.search-submit {}
		
	ol.commentlist { padding: 0; list-style: none; }
	ol.commentlist li {}
	ol.commentlist li.alt {}
	ol.commentlist li.bypostauthor {}
	ol.commentlist li.byuser {}
	ol.commentlist li.comment-author-admin {}
	ol.commentlist li.comment { padding: 20px; border-bottom: 1px dotted #999; }
	ol.commentlist li.comment div.comment-author {}
	ol.commentlist li.comment div.vcard {}
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard cite.fn a.url {}
	ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 20px 20px; }
	ol.commentlist li.comment div.vcard img.photo {}
	ol.commentlist li.comment div.vcard span.says {}
	ol.commentlist li.comment div.commentmetadata {}
	ol.commentlist li.comment div.comment-meta { margin: 10px 0; font-size: 12px; }
	ol.commentlist li.comment div.comment-meta a { color: #999; }
	ol.commentlist li.comment p {}
	ol.commentlist li.comment ul {}
	ol.commentlist li.comment div.reply { font-size: 12px; font-weight: bold; }
	ol.commentlist li.comment div.reply a {}
	ol.commentlist li.comment ul.children { margin: 20px 0 0 0; padding: 0; list-style: none; }
	ol.commentlist li.comment ul.children li {}
	ol.commentlist li.comment ul.children li.alt {}
	ol.commentlist li.comment ul.children li.bypostauthor {}
	ol.commentlist li.comment ul.children li.byuser {}
	ol.commentlist li.comment ul.children li.comment {}
	ol.commentlist li.comment ul.children li.comment-author-admin {}
	ol.commentlist li.comment ul.children li.depth-2 { margin: 0; border-left: 5px solid #555; }
	ol.commentlist li.comment ul.children li.depth-3 { margin: 0; border-left: 5px solid #999; }
	ol.commentlist li.comment ul.children li.depth-4 { margin: 0; border-left: 5px solid #bbb; }
	ol.commentlist li.comment ul.children li.depth-5 {}
	ol.commentlist li.comment ul.children li.odd {}
	ol.commentlist li.even { background-color: #fff; }
	ol.commentlist li.odd { background-color: #f6f6f6; }
	ol.commentlist li.parent { border-left: 5px solid #111; }
	ol.commentlist li.thread-alt {}
	ol.commentlist li.thread-even {}
	ol.commentlist li.thread-odd {}
	
	form {}
	label { display: block; }
	input { display: block; }
	input[type=text] {}
	textarea {}

	article {
		float: left;
		padding: 100px 0 40px 0;
		margin: 0 0 0 0;
		line-height: 38px;
	}

	header	{	
		width: 100%;
		height: 1000px;
		min-height: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;	
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url(images/background_3840x2854.jpg) no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: scroll;
	}

	.indent	{
		box-sizing: border-box; max-width: 800px; margin: 20px auto; padding: 20px;
	}

	#about {
		background-color: #ffffff;
		width: 100%;
	}


	#contact {
		background-color: #99ccff;
		width: 100%;
	}

	footer {
		float:left;
	}

	.header {
		position: relative;
		background-color: #ffffff;
		padding: 0 0 0 0;
		margin: 0;
		height: 100px;
		width: 356px;
	}



	.logo {
		float: left;
		position: relative;
		background-color: #ffffff;
		background: url( images/logo.png) no-repeat;
		background-position: center;
		padding: 0 0 0 20px;
		height: 60px;
		width: 428px;
		margin: 0;
	}


	#header-logo {

		position: relative;
		background-color: #ffffff;
		background: url( images/logo-full.png) no-repeat;
		background-position: center;
		padding: 25% 0 0 0;
		height: 150px;
		width: 850px;
		margin: 0 auto 0;
		z-index: 20;
	}

	.screen-reader-text { position: absolute; left: -9999em; }
	
	/* WP Default Styles */
	
	.wp-caption {}
	.wp-caption-text {}
	.sticky {}
	.gallery-caption {}
	.alignright {}
	.alignleft {}
	.aligncenter {}

	
	/* Navigation */

	
	nav	{
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 auto 0;
		padding: 0 0 0 0;
		z-index: 20;
	}

	/*.nav-name	{
		display: none;
		position: fixed;
		left: 10px;
		top: 5px;
		font-size: 1.7em;
		font-family: 'Roboto', arial, helvetica;
	}*/

	nav#fixed	{
		display: block;
		position: fixed; 
		width: 100%; 
		height: 80px;
		background: #ffffff;
		text-align: right;
        left: 0;  
        top: 0; 
        z-index: 100;  
        border-top: 0;  
		padding: 30px 0 0 0;
		margin: 0 0 0 0;
		clear:both;	
	}
	
	nav#fixed ul	{
		display: inline;
		overflow:hidden;
		margin: 0;
		height: auto;
		padding: 0 0 0 0 ;
		z-index: 10;
	}
	nav#fixed ul li		{
		list-style: none;
		display:inline;
		width: 100%;
		background-color: transparent;
	}
	nav#fixed ul li a	{
		/*font-family: 'Roboto';
		font-weight: 300;*/
		color: black;
		font-size: 1.2em;
		line-height: 200%;
		text-decoration: none;
		padding: 0 5px 0 5px;
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 1s;
	}
	nav#fixed ul li a:hover	{
		/*font-family: 'Roboto';
		font-weight: 100;*/
		color: #99ccff;
		font-size: 1.2em;
		line-height: 200%;
		text-decoration: none;
		padding: 0 5px 0 5px;
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 1s;
	}	

	
	.fixed-nav a	{
		color: #cccccc;
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 1s;
	}
	
	.fixed-nav a:hover	{
		color: #ffffff;
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 1s;
	}	





} /* END screen media */

@media print {
	
	body { 
		width: 100% !important; margin: 0 !important; padding: 0 !important; 
		line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; 
		font-family: 'Roboto', Arial, Helvetica; font-weight: 300; 
		color: #000; background: none; font-size: 12pt; 
		}
	h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', Arial, Helvetica; font-weight: 300; }
	h1 { font-size: 19pt; }
	h2 { font-size: 17pt; }
	h3 { font-size: 15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background-color: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: #000; }
	#comments { page-break-before: always; }
	.do-not-print { display: none; }
	
} /* END print media */