/*
Theme Name:fruitful-child-sakuraya
Template:fruitful
*/


/*
*****************************
*****************************
general
*****************************
*****************************
*/


html, body {
	margin: 0;
	padding: 0;
}

body {
    min-width: 300px;
    background: none no-repeat scroll 0 0 #3A3A3C;/* change bg color */
    font-size: 16px;
    line-height: 1.5em;
    text-rendering: optimizelegibility;
    color: #fff;/* change font color, it was 333 */
    overflow: hidden;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
}

body a {
	color: #08c;
	text-decoration: none;
}

.container {
	width:90%;
  max-width: 1000px;
}

.container-1000 {
	width:100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}





/*
*****************************
*****************************
navigator
*****************************
*****************************
*/


.main-navigation ul:not(.sub-menu) > li > a {
	font-weight: 600;	
	padding-bottom: 2px;
	
	}

.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a {
	border-bottom: solid 2px #FFF;
}

.main-navigation ul li.current_page_item.menu-item-345 a,
.main-navigation ul li.current-menu-item.menu-item-345 a,
.main-navigation ul li.current_page_item.menu-item-346 a,
.main-navigation ul li.current-menu-item.menu-item-346 a {
	text-decoration: none;
	border-bottom-style: none;
}

.site-header img {
    padding-top: 9px;
}



/*
*****************************
*****************************
design
*****************************
*****************************
*/
 ul.no-list li{
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 10px 5px;
    vertical-align: middle;
    line-height: 1.45em;
}

.border img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 4px #999;
    width: -webkit-calc(100% - 6px) ;
	width: calc(100% - 6px) ;
}

hr {
	 border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	clear: both;
    margin: 30px auto 20px auto;
}

/* change fontawesome */
.fa-check-square {
    color: #4188a6;
}

.fa-file-pdf-o {
	color: #cc0033;
}

.fa-ul {
    margin: 0 0 0 2.14285714em;
}


/*
*****************************
List
*****************************
*/

.page-container ul ul, 
.page-container ol ol, 
.page-container ul ol, 
.page-container ol ul {
    margin-left: 0;
}

.page-container ul {
	
	list-style-type: none;
	list-style: none;
	margin: 0 0 1.5em 0.6em;
}

.page-container ol {
	margin: 0 0 2em 2em;
}

.page-container ul>li 
{
	background: url("http://www.syscomusa.com/cms/wp-content/uploads/arrow_cat_curr.png") no-repeat 7px 7px transparent;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 1em 2em;/* space bet icon and text */
	vertical-align: middle;
	line-height: 1.45em;/* make same as font size */
}

.page-container ol>li 
{
	margin: 0;
	padding: 0px 0px 1em 0.9em;/* space bet icon and text */
	line-height: 1.45em;/* make same as font size */
}




.page-container ul li ul li {
	padding: 0px 0px 0em 1.5em;
	}






/* short height version */
.page-container ul.short >li 
{
padding: 0px 0px 0.5em 2em;/* space bet icon and text */
}





/* text-align */

.move-center{text-align: center;}
.move-right{text-align: right;}
.move-left {text-align: left;}


/*
*****************************
box link
*****************************
*/

.linkArea{
position: relative;
width:;
height:auto;
}

.linkArea a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.linkArea:hover {
	color: #C00;
}







/* btn */
.btn1 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	background: #675956;
	border: 1px solid #ddd;
    width: ;
	padding: 5px 10px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #FFF;
}


a.btn2  {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: inline-block;/* block */
	background:transparent;
	border: 1px solid #fff;
	/* width: 100px;*/
	padding: 15px 30px;
	margin-top:10px;
	text-transform: uppercase;
	color:#fff;
}

a:hover.btn2 {
	background-color: #F0003C;
	color:#fff;
}



/* design */


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}

.clear20 {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 1em;
}



.move-center {
	text-align: center;
}
.move-right {
	text-align: right;
}


/* hide arrow to top */
.page #back-top {
    display:none;
	visibility:hidden;
}


/*
*****************************
*****************************
font
*****************************
******************************/

article.post .entry-header h1.entry-title, 
article.page .entry-header h1.entry-title, 
.entry-header h1.entry-title, 
.archive-header h1.archive-title {
color:#016bbc;}






/*h1, h2, h3, h4, h5, h6, h7{
	font-weight: normal;
}

article.post .entry-header h1.entry-title, 
article.page .entry-header h1.entry-title, 
.entry-header h1.entry-title, 
.archive-header h1.archive-title {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	margin: 0 0 20px 0;
	font-size: 2.3em;
	line-height: 1em;
	padding: 0;
	letter-spacing: -1px;
	font-weight: 700;
	display: inline;
	color: #4188a6;
}

h2, .page-container h2 {
	font-weight: 600;
	color: #DD242B;
	padding: 0.1em 0 0.1em 0;
	font-size: 1.4em;
	line-height: 1.2em;
}

h3, .page-container h3 {
    font-size: 1.2em;
    font-weight: 700;
    color: #4188a6;
    line-height: 2em;
    border-bottom: 1px solid #4188a6;
    border-left: 10px solid #4188a6;
    padding: 0 0 0 0.6em;
    display: block;
    clear: both;
    float: none;
    margin: 1.6em 0 1.2em 0;
}

h4, .page-container h4 {
	 font-size: 1.1em;
    font-weight: 700;
    color: #333333;
    display: block;
    clear: both;
    float: none;
	margin: 1em 0 0.5em 0;
    line-height: 1.5em;
	}
	
h5, .page-container h5 {
     font-size: 1.1em;
    font-weight: 700;
    color: #4188a6;
    display: block;
    clear: both;
    float: none;
	margin: 1em 0 0.5em 0;
    line-height: 1.5em;
	}

h6, .page-container h6,.entry-content h6 {
	margin: 0;
	font-size: 15px;
	}
	
	

p {
    margin: 0em 0 1em 0;
}

h7, .page-container h7 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #0B318F;
	 color: #0B318F;
	}

*/


blockquote {
    line-height: 1.4em;
    font-style: italic;
    color: #333;
	    margin: 1em 40px;
		font-size: 1.1em;
    font-weight: 500;
}

.caption {
	line-height: 1.2em;
	font-size: 0.8em;
	color: #4e4e4e;
}




/* 
******************
footer
******************
*/

#colophon{
	background-color: #f2f2f2;
}

#colophon>.container {
    border-top: none;;
}

#colophon .site-info {
    width: 100%;
}


/* 
******************
sidebar only 
******************
*/

#page .container #secondary .widget h3.widget-title {/* sidebar title */
    background-image: url("http://www.0123usa.com/cms/wp-content/uploads/2016/06/truck-21x19.png");
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: 33px;
	line-height:19px;
	border-bottom: 1px solid #0B318F;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
	color:#0B318F;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
	border-left: none;
}

#page .container #secondary .widget ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#page .container #secondary .widget li {
	background-image:none;
	padding: 0px 0px 0em 0em;
}

#page .container #secondary .widget li a {
	font-size: 1em;
	text-decoration: none;
	background-image: url("arrow_cat_curr_4188a6.png");
	background-repeat: no-repeat;
	background-position: left 0.5em;
	padding-left: 1.5em;
    vertical-align: middle;
    line-height: 1.45em;
}

#page .container #secondary .widget ul .post-date {
    color:#0B318F;
	display:block;
}

.responsive #page .container #secondary .widget h3.widget-title, 
.responsive #page .container #secondary .widget h1.widget-title, 
.responsive header.post-header .post-title {
    border-color: #0B318F;
}


/*
*****************************
home only
*****************************
*/

.home .page-container,
.home .page-container #content {
	margin-top:0;
	padding-top:0;
}


.home .page-container .entry-content {
    margin: 0;
}

.home .container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}



.home #page.container .container .sixteen.columns  {
    width: 100%; 
    max-width: 100%;
}

.home .page-container .container {
    max-width: 100%;
    width: 100%;
}



.bg-slider {
    background-image: url("http://lec-shop.com/cms/wp-content/uploads/1920x911-home-bg-accessories.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    margin: 0;
}



#slider-container

{ background-image: url("http://wasabistreet.com/art/wp-content/uploads/sites/17/2016/09/P1050990.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    margin: 0;
	}
	
	
	.main-slider-container {
    margin: 0;
	
	}
	
	
	.home .page-container {
    padding: 0;
    margin: 0;
	}
	
	

.theme-light.slider-wrapper {
    margin: 0;
}


.theme-light .nivoSlider {
    margin-bottom: 0;
}

.theme-light a.nivo-prevNav {
    background-position: 0 0;
    left: 0;
    right: auto;
}

.page .nivo-directionNav a {
    top: 40%;
    bottom: auto;
}


/* 
==================================================
   news list page
================================================== 
*/

.container .blog_post .date_of_post {
    background: none repeat scroll 0 0 #0B318F;
}

header.post-header .post-title {
    border-bottom: 2px solid #0B318F;
	font-weight: 600;
	color: #4188a6;
    font-size: 1.4em;
	line-height:1.2em;
}

body.blog .blog_post header.post-header .post-title {
    border-bottom: 0px solid #0B318F;
	    padding: 0 4.4%;
}

.blog_post .post-content footer.entry-meta {
    display: none;}

.blog_post .post-content {
    border: none;
}



/* 
==================================================
   product page
================================================== 
*/


.page-id-122 .grid_2 p {
	font-weight: 600;
}


/* 
==================================================
   faq page
================================================== 
*/

blockquote {
	font-size: 1.2em;
	font-style: italic;
	font-weight: 600;
	margin: 1em 0;
	background-image: url("http://lec-shop.com/cms/wp-content/uploads/line_dotted_glay.png");
	background-repeat: repeat-x;
	background-position: bottom;
}



/* 
==================================================
   contact page
================================================== 
*/























































/*
***************************************
change fruitful sidebar and main width
***************************************
*/

.container .eleven.columns {
	width: 69%;
	/*background:#fff;
	border: 1px solid #e0e0e0;
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
	*/
	padding:15px 0 10px 4%;
	margin:0 0 0 1%;
	background-image: url("http://www.syscomusa.com/cms/wp-content/uploads/leftbox_line_12x736.png");
	background-repeat: no-repeat;
	background-position: left top;	
	min-height:800px;
}

.container .five.columns {
    width: 25%;
	/*
	background:#f7f7f7;
	border: 1px solid #e0e0e0;
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
	*/
	padding:15px 0 10px 0;
	margin:0;
	
	margin-right: 0;
}

.container .sixteen.columns {
    width: 100%;
	margin-left:0;
	margin:right:0;
}





@media only screen and (max-width:767px) {
.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
{
    max-width: 100%;
	width: 100%;
}


/* basic main content */
.container .eleven.columns {
	width: 100%;
	padding:5px 0 0 0;
	margin:0 0 0 1%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;	
	min-height:none;
}



}