/**********************************
Theme Name: Relokum Theme
Theme URI: http://pirostudio.pl
Description: 
Author: piro[studio]
Author URI: http://pirostudio.pl
Version: 1.0
Tags: 
**********************************/

/**************************/
/******* CLEARFIXIN *******/
/**************************/

.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}


/*********************/
/******* TOOLS *******/
/*********************/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************/
/******* FONTS *******/
/*********************/



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

01. GENERAL STYLES
02. WORDPRESS BODY CLASSES
03. LAYOUT & GRID STYLES
04. LINK STYLES
05. H1, H2, H3, H4, H5 STYLES
06. HEADER STYLES
07. NAVIGATION STYLES
08. POSTS & CONTENT STYLES
09. SIDEBARS & ASIDES
10. FOOTER STYLES
11. PAGE NAVI STYLES
12. COMMENT STYLES
13. COMMENT FORM STYLES
14. BUTTONS
15. SLIDER

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


/**********************************/
/******* 01. GENERAL STYLES *******/
/**********************************/

html,
body {
  /* height: 100%; */

}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #242424;
  background: #fff;
}

button, input, select, textarea {border: 1px solid #DDDDDD; padding: 10px;}
blockquote {font-style: italic;}
#edit {position: fixed; top: 40%; left: 0; background: #000; width: 50px; height: 55px; color: #fff; border-radius: 0 8px 8px 0;}
a.post-edit-link {background: url(images/edit.png) no-repeat 0 0; display: block; margin: 12px 10px; padding: 15px;}
p {margin: 10px 0 15px;}

/******************************************/
/******* 02. WORDPRESS BODY CLASSES *******/
/******************************************/

#main {}
#quote {text-align: center; margin-bottom: 55px;}

/****************************************/
/******* 03. LAYOUT & GRID STYLES *******/
/****************************************/

.wrap {
  width: 96%;
  margin: 0 auto;
}

.box-home {float: left; margin: 10px 5px 10px 0;}

/*******************************/
/******* 04. LINK STYLES *******/
/*******************************/

a,
a:visited {
  color: #656565;
  text-decoration: none;
}
a:hover,
a:focus,
a:visited:focus {
  color: #656565;
   outline: none;
}
a:link,
a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}


/***************************/
/******* 05. HEADERS *******/
/***************************/

h1, h2, h3, h4, h5 {
  text-rendering: optimizelegibility;
  font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
}

h1 {
	color: #000; 
	font-size: 32px; 
	padding: 25px 30px 5px 0px;
	margin:0;
}

h2 {
  color: #fff;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 8px 20px;
  background: #5ec10e;
}
h3 {
  font-size: 18px;
  color: #232323;
}
h4 {
  font-size: 1.1em;
  font-weight: 700;
}
h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}



/****************************/
/******* 06. TOP SITE *******/
/****************************/

.header {
	background: url(images/rel-bg.jpg) #f0f0f0;
	height: 350px;
}

img.logo-site {float: left;}

#inner-header {position: relative; height: 100%;}
.topbg {position: absolute; bottom: 0; right: 0;}
.phone {float: left; width: 100%; text-align: left; position: relative;}
.phone p {font-size: 24px;  left: 68px; color: #656565; position: absolute; top: 7px;}
.phone p span {display: block; font-size: 20px; font-weight: bold; color: #000;}

/*********************************************/
/******* 07. NAVIGATION STYLES  Mobile *******/
/*********************************************/

.nav-collapse {display: block; width: 100%; float: left;}
 .nav {
    background: none;
    border: 0;
  float: left;
  margin-top: 20px;
  border-bottom: 1px solid #d4d4d4;
  }

 .nav li {
    float: left;
    position: relative;
    margin-left: 20px;
  
  }
.nav li a {
  display: block;
  text-decoration: none;
  padding: 5px 5px;
  color: #656565;
	font-size: 14px;
}
.nav li a:hover,
  .nav li a:focus {
    color: #5ec10e;
  }
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
  
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {

  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }


/******************************************/
/******* 08. POSTS & CONTENT STYLES *******/
/******************************************/

#content {
  margin-top: 2.2em;
}

article {
 	background: none;
 	margin-bottom: 0px;
 	margin-left: 0px;
    padding: 0 25px 0px 0px;
    position: relative;
 }

.single article, .page article {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}
.byline {
  color: #999;
  font-size: 12px;
  margin: 0;
}
.archive h3 {margin: 10px 0 0px}
.entry-content {

}
.entry-content ul li {
	list-style: square;
	margin: 5px 0 5px 15px;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 10px 0;
  max-width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}


/*************************************/
/******* 9. SIDEBARS & ASIDES *******/
/*************************************/

.widget {
    padding: 20px 10px 20px 25px;
    margin: 0px 0 0px;
}
  
.widgettitle {

  }
  
.widget ul li {

}

div.textwidget {

}


.sidebar .menu {background: url(images/menu-bg.jpg) no-repeat center bottom #f0f0f0; padding-bottom: 300px;}
.sidebar .menu li {border-bottom: 1px solid #fff; margin-bottom: 0;}
.sidebar .menu li a {padding: 7px 15px; display: block;}
.sidebar .menu .current-menu-item a {color: #fff; background: #5ec10e;}


/*********************************/
/******* 10. FOOTER STYLES *******/
/*********************************/

.footer {
  clear: both;
  background: url(images/rel-bg.jpg) #f0f0f0;
  margin-top: 30px;
}

p.source-org {
	text-align: center;
	margin-top: 20px;
	font-size: 12px; color: #656565;
}

.foo {background: url(images/shadow.png) no-repeat center top; margin-top: 35px;}
.logo-site-foo {display: block; margin: 45px auto 0; width: 150px;}

#post-foo {}
#post-foo li {border-bottom: 1px solid #ccc; font-size: 13px; padding: 5px 10px;}

#inner-footer h3 {margin: 35px 0 5px;}
#socialbox {margin-top: 25px; }
#socialbox img {float: left; margin-right: 5px;}

/************************************/
/******* 11. PAGE NAVI STYLES *******/
/************************************/

.page-navigation,
.wp-prev-next {
  margin: 0 0 2.2em;
}
.piro_page_navi {

}
.piro_page_navi li {
  float: left;
  margin-left: 10px;
}
.piro_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.piro_page_navi li a:hover,
.piro_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
.piro_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
.piro_page_navi li.bpn-current a {
  /* hovering on current page link */

}
.piro_page_navi li.bpn-prev-link,
.piro_page_navi li.bpn-next-link {
  font-weight: 700;
}
.piro_page_navi li.bpn-prev-link a,
.piro_page_navi li.bpn-next-link a {
  padding: 0;
}
.piro_page_navi li.bpn-prev-link a:hover,
.piro_page_navi li.bpn-next-link a:hover,
.piro_page_navi li.bpn-first-page-link a:hover,
.piro_page_navi li.bpn-last-page-link a:hover {
  background: none;
}

.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}


/********************/
/*******  RWD *******/
/********************/

@media screen and (max-width: 768px) { 

	.topbg, .nav-collapse, .footercon {display: none;}
	
}