/******************************************************************
Theme Name: eadva theme
Theme URI: 
Description: 
Author: Angstrom Pheriche
Author URI:
Version: 0.1
**************************************************************/

/* HTML5 doctor reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:"Open Sans",Arial, Helvetica, sans-serif}
    body{line-height:1}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
    nav ul{list-style:none}
    blockquote,q{quotes:none}
    blockquote:before,blockquote:after,q:before,q:after{content:none}
    a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
    ins{background-color:#ff9;color:#000;text-decoration:none}
    mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
    del{text-decoration:line-through}
    abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
    table{border-collapse:collapse;border-spacing:0}
    hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1rem 0;padding:0}
    input,select{vertical-align:middle}
/******************************************************************/
* {  box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/* BASIC Text Size and margin definitions */

	html{font-size:62.5%;line-height:62.5%;}
	body{/*background:#a8df7f; */background:#9CE079 url('images/header-streaks.jpg') no-repeat top right;font-size:16px;font-size:1.6rem;}
	h1{font-size:42px;font-size:4.2rem;line-height:6.8rem;margin-bottom:1.2rem;  font-weight:100}
	h2{font-size:26px;font-size:3.6rem;/*line-height:2.4rem;*/margin-bottom:1.5rem; font-weight:100}
	h3{font-size:24px;font-size:2.4rem;line-height:3.6rem;margin-bottom:1.2rem; font-weight:100}
	h4{font-size:18px;font-size:1.8rem;line-height:2.4rem;margin-bottom:1.2rem;font-weight:400}
	h5{font-size:1.6px;font-size:1.6rem;line-height:2.4rem;margin-bottom:1.2rem;font-weight:400}
	
	p{font-size:16px;font-size:1.6rem;line-height:2.4rem;margin-bottom:1.2rem}
	a{color: #dd3200;}
	p+h2{margin-top:4.8rem;}
	p+h3{margin-top:3.6rem;}
	p+h4,p+h5{margin-top:2.4rem;}
	ul{font-size:16px;font-size:1.6rem;line-height:2.4rem;margin-bottom:1.2rem}
	li{}
	
	img.size-medium , img.size-full, img.size-thumbnail{   /*margin: 2.4rem;width:100%;*/height:auto;}
	.wp-caption {}
	.wp-caption.alignright{margin-left:2rem;}
	.wp-caption.alignleft{margin-right:2rem;}


	.clearfix:after {
		 visibility: hidden;
		 display: block;
		 font-size: 0;
		 content: " ";
		 clear: both;
		 height: 0;
		 }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }



/* MAIN STRUCTURAL elements like container, content, article, sidebar. */
	img.alignright {float:right; margin:0 0 1em 2em}
	img.alignleft {float:left; margin:0 2em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	a img.alignright {float:right; margin:0 0 1em 1em}
	a img.alignleft {float:left; margin:0 1em 1em 0}
	a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	.top-nav{}
	.header{}
	#main{background:#fff}
	
	.hentry, .product{   margin: auto;
		max-width: 1000px;
		padding: 4.8rem;
	}
		
	#inner-header{padding: 3.6rem 4.8rem; max-width: 1000px; margin: auto;  }
	
	#logo{margin:0;}
	#logo a{font-size:4rem; color:#356427;text-transform:uppercase;text-decoration:none;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;line-height:4.8rem;font-weight:500;
	/*text-shadow: 0px 0px 15px  #354427;*/}
	#logo #strapline{font-size:2.4rem;color: rgba(100, 100, 100, 0.7);}
	
	.footer{ text-align: center; }
	#inner-footer{padding: 3.6rem 4.8rem; clear:both}
	#menu-footer-menu li{display:inline-block;padding:1.4rem 2.8rem;}

/********   article styles */

	h1.archive-title{ margin: auto; max-width: 1000px;  padding:2.8rem 4.8rem 1.4rem 4.8rem;}
	.entry-title a{color:#3B4731;text-decoration:none;}
	.hentry ul{margin-left:2rem;margin-bottom:2.4rem;}
	.hentry ul li{margin-bottom:1.2rem;}
	
	sup {
		bottom: 1ex;
	}
	sup, sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	
	blockquote {
	  background: #f9f9f9;
	  border-left: 10px solid #ccc;
	  margin: 2.4rem 0 2.4rem 2.4rem;
	  padding: 2.4rem 10px;
	  quotes: "\201C""\201D""\2018""\2019";
	  display:block;
	  max-width:40%;
	  float:right;
	}
	blockquote:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
	}
	blockquote p {
	  display: inline;
	}
	
	.wp-caption-text{font-size:16px;font-size:1.6rem;line-height:2.4rem;margin-bottom:1.2rem;font-style:italic;color:#999; padding: 0 2rem;}
	
/** gallery */

	.gallery {margin:2.4rem 0;}
	.gallery-item { float:left;}
	.gallery-columns-0 .gallery-item { width: 100%;}
	.gallery-columns-1 .gallery-item {width: 100%;}
	.gallery-columns-2 .gallery-item { width: 50%;}
	.gallery-columns-3 .gallery-item { width: 33.33%;}
	.gallery-columns-4 .gallery-item {  width: 25%;}
	.gallery-columns-5 .gallery-item { width: 20%;}

/********** bread crumbs *********/

	.breadcrumbs{font-size:16px;font-size:1.6rem;line-height:2.4rem; /* margin: 1.2rem auto -3.8rem auto;*/
		max-width: 1000px;padding:0 4.8rem;
	}
/******************************************************************/

/****  footer affiliates ****/

	#affiliates{border-top:4px solid #dadada;
		padding:2.8rem 4.8rem;background:#fff;}
	.affiliate-item{margin-right:2.8rem;}


/* alignment functions as set by the WP editor and used on text aligns and image floats*/
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.post .size-full{width:100%;height:auto;max-width:800px;}

/******************************************************************/

/* Auto Clearing floats */
.clearboth{clear:both}
.footer-sidebar:before,.footer-sidebar:after,.hentry:before,.hentry:after,.gallery:before,.gallery:after,.contributor-info:before,.contributor-info:after,[class*="content"]:before,[class*="content"]:after,[class*="site"]:before,[class*="site"]:after {	content: "";	display: table;}

.footer-sidebar:after,.hentry:after,.gallery:after,.slider-direction-nav:after,.contributor-info:after,.search-box:after,[class*="content"]:after,[class*="site"]:after {	clear: both;}

/************************/
/* side menu */
.searchhead{height:inherit; min-height:100px;}
.sidebar{/*background:#3dc2c2*/ padding:0 2rem!important}
.widget .menu a{padding:1.2rem 2.4rem;display:block; text-decoration:none; color:#50683B;font-size:1.8rem;line-height:3rem;}
.widget .menu .menu-item{margin-bottom:1.2rem;}
.widget{padding:0 0 2.4rem 0;}
.widget li{list-style:none;}
.menu-item-has-children:hover {/*background:#A7D398*/}
.widget .menu a:hover{background:rgba(255,255,255,0.3); background:#D6EAC7; /*background: rgba(237, 243, 239,0.6)*/}
.sub-menu{/*display:none;background:#b3e4a3*/  border-bottom: 8px solid rgba(115, 147, 87, 0.6);background:rgb(171, 226, 120)}

.widget .current-page-ancestor{/*background:#C3D4C3!important;  background:#b3e4a3!important;*/ }

.widget .menu .menu-item:hover .sub-menu{display:block;}

.widget .sub-menu .menu-item{margin-bottom:0.6rem; }
.widget .current-page-ancestor .sub-menu .menu-item{/*background:#DEE2DF;*/}

.widget .current-menu-item, .widget .current_page_item, .widget .menu-item .current-menu-item{/*background:#EDF3EF!important*/}
.widget .current-menu-item>a{background:#fff}

.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor.menu-item-has-children >a, .current_page_parent>a,.daddyofmenu{
	/*background:#8eb969!important;*/
	background:#BEEA7B!important;
}
.widget_search{border-top:solid 4px #506840}
.bigsearchtext, .s2_form_widget h4.widgettitle{ 
	color: #50683b;
    display: block;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 1.2rem 2.4rem;
    text-decoration: none;}
	
.subscribe{color: ##3A4232;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 0 2.4rem;
    text-decoration: none;
	}
.s2_form_widget{
	border-top: 4px solid #506840;
	/*background:rgb(171, 226, 120)*/}
/*** Woo commerce simple changes */

.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
  color: #777;
  font-size: 1.6rem;
  margin: 0;
  padding: 0 4.8rem;
}


.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
    display: block;
    font-weight: 600;
}


.woocommerce .widget_shopping_cart .total strong, .woocommerce-page .widget_shopping_cart .total strong, .woocommerce-page.widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {
    display: inline-block;
    font-weight: 600;
    min-width: 40px;
}


.woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 3px solid #f7f6f7;
    padding: 4px 0 0;
}


/**************pagination sim 15/09/2014**********************/	

ul.page-numbers {
	margin: 20px 0 10px;
	width: 100%;
	padding: 0;
	font-size: 14px;
	line-height: normal;
	clear: both;
	float: left;

	}
    
    ul.page-numbers li {
    	float: left;
		list-style: none outside none;
    	}

ul.page-numbers a,
ul.page-numbers span {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#E4E3E3), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #E4E3E3,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E3E3', endColorstr='#FFFFFF');
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #666;
	}

ul.page-numbers a:hover,
ul.page-numbers span.current {	
	border: 1px solid #666;
	color: #444;
	}				  
/************************************/			  



/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;

  padding: 0 12px;
  color: #5c6b80;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 1px solid #CCCCCC;
  width: 100%;
  font-size:16px;font-size:1.6rem;line-height:2.4rem;
  max-width: 400px;
  background-color: #eaedf2;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f7f8fa; }


/********** fonty business *************/

@font-face {
	font-family: 'icomoon';
	src:url('includes/fonts/icomoon.eot?-4wa3rg');
	src:url('includes/fonts/icomoon.eot?#iefix-4wa3rg') format('embedded-opentype'),
		url('includes/fonts/icomoon.woff?-4wa3rg') format('woff'),
		url('includes/fonts/icomoon.ttf?-4wa3rg') format('truetype'),
		url('includes/fonts/icomoon.svg?-4wa3rg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.s2_form_widget h4.widgettitle:before {font-family: 'icomoon';content: "\f05a";	font-size:3rem;
	line-height: 1;
	padding:0 1rem 0 0;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float:left;
	}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size:3rem;
	line-height: 1;
	padding:0 1rem 0 0;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float:left;
}

.icon-search:before {content: "\f002";}
.icon-envelope-o:before {content: "\f003";}
.icon-check:before {content: "\f00c";}
.icon-times:before {content: "\f00d";}
.icon-home:before {content: "\f015";}
.icon-pencil:before {content: "\f040";}
.icon-edit:before {content: "\f044";}
.icon-question-circle:before {content: "\f059";}
.icon-info-circle:before {content: "\f05a";}
.icon-shopping-cart:before {content: "\f07a";}
.icon-folder-open:before {content: "\f07c";}
.icon-bar-chart-o:before {content: "\f080";}
.icon-comments:before {content: "\f086";}
.icon-briefcase:before {content: "\f0b1";}
.icon-institution:before {content: "\f19c";}
.icon-building:before {content: "\f1ad";}

.icon-angle-right:before{
	content: "\f105";
}

.icon-chevron-right:before {
	content: "\f054";
}

.sub-menu li a:before{
	content: "\27A4"; padding:0 1rem;/*color:#8EB969*/
	font-size:1.6rem;
}

/***********  GRID UTILITY functions - re usable widths for all responsive sizes ******************************/

@media (max-width: 767px) {
  .m-all {float: left;padding-right: 0.75em;width: 100%; }
  .m-1of2 {float: left;padding-right: 0.75em;width: 50%; }
  .m-1of3 {float: left;padding-right: 0.75em;width: 33.33%; }
  .m-2of3 {float: left;padding-right: 0.75em;width: 66.66%; }
  .m-1of4 {float: left;padding-right: 0.75em;width: 25%; }
  .m-3of4 {float: left;padding-right: 0.75em;width: 75%; }
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {float: left;padding-right: 0.75em;width: 100%; }
  .t-1of2 {float: left;padding-right: 0.75em;width: 50%; }
  .t-1of3 {float: left; padding-right: 0.75em;width: 33.33%; }
  .t-2of3 {float: left;padding-right: 0.75em; width: 66.66%; }
  .t-1of4 {float: left;padding-right: 0.75em; width: 25%; }
  .t-3of4 {float: left;padding-right: 0.75em;width: 75%; }

  .t-1of5 {float: left;padding-right: 0.75em;width: 20%; }
  .t-2of5 {float: left;padding-right: 0.75em;width: 40%; }
  .t-3of5 {float: left;padding-right: 0.75em;width: 60%; }
  .t-4of5 {float: left;padding-right: 0.75em; width: 80%; } 
 }
 
/* Landscape to small desktop */
@media (min-width: 1030px) {
  .d-all {float: left;padding-right: 0.75em;width: 100%; }
  .d-1of2 {float: left; padding-right: 0.75em;width: 50%; }
  .d-1of3 {float: left; padding-right: 0.75em;width: 33.33%; }
  .d-2of3 {float: left; padding-right: 0.75em;width: 66.66%; }
  .d-1of4 {float: left; padding-right: 0.75em;width: 25%; }
  .d-3of4 {float: left;padding-right: 0.75em;width: 75%; }
  .d-1of5 {float: left;padding-right: 0.75em;width: 20%; }
  .d-2of5 {float: left; padding-right: 0.75em;width: 40%; }
  .d-3of5 {float: left; padding-right: 0.75em; width: 60%; }
  .d-4of5 {float: left;padding-right: 0.75em;width: 80%; }
  .d-1of6 {float: left; padding-right: 0.75em; width: 16.6666666667%; }
  .d-1of7 {float: left;padding-right: 0.75em;width: 14.2857142857%; }
  .d-2of7 {float: left; padding-right: 0.75em;width: 28.5714286%; }
  .d-3of7 {float: left;padding-right: 0.75em;width: 42.8571429%; }
  .d-4of7 {float: left;padding-right: 0.75em;width: 57.1428572%; }
  .d-5of7 {float: left; padding-right: 0.75em;width: 71.4285715%; }
  .d-6of7 {float: left;padding-right: 0.75em;width: 85.7142857%; }
  .d-1of8 {float: left; padding-right: 0.75em;width: 12.5%; }
  .d-1of9 {float: left; padding-right: 0.75em;width: 11.1111111111%; }
  .d-1of10 {float: left; padding-right: 0.75em;width: 10%; }
  .d-1of11 {float: left; padding-right: 0.75em;width: 9.09090909091%; }
  .d-1of12 {float: left;padding-right: 0.75em; width: 8.33%; }
}


.last-col { float: right;  padding-right: 0; }
.wrap { width: auto;}

/******************************************************************/

/* a media query - media queries start with the above .. which is mobile, then we add breakpoints for progressively larger screens */
/* Start with the small screen first, then expand until it looks like shit. Time for a breakpoint!*/

@media screen and (min-width: 800px) {
	/*
	.header:after{content: "DEV NOTE: this is a CSS @media breakpoint text - the window is now > 800px";}
	*/
}

@media screen and (min-width: 1400px) {
	/*
	.header:after{content: "DEV NOTE: this is a CSS @media breakpoint text - the window is now > 1100px";}
	*/
	
	.entry-content{
	/*-webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;
	
	 -webkit-column-gap: 4.8rem;
    -moz-column-gap: 4.8rem;
    column-gap: 4.8rem;*/
	
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	
  /******************************************************************
  Retina Screens & Devices Stylesheet
  ******************************************************************/
  /* 
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */ 
 }