/*
Theme Name: FILEP MOTWARY

Version: 1.0
Tags: responsive, white, bootstrap

*/

@import url('bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');

/*
 * Globals
 */

.container {max-width:1170px;}

.innerhead, .innercontent {padding-left:25px; padding-right:25px;}

.innercontent a {font-weight:bold;}

#content {min-height:800px;}

.page-id-100 div#main {margin-top:35px; position:relative !important;}

ul {margin:0; padding:0;}

.wp-prev-next {display:none;}

p {
	font-family:'Open Sans', sans-serif;
	font-size:11px;
	letter-spacing:0.2em;
	line-height:1.5em;
	margin-bottom:20px;
}




#main {
	clear:both;
}
.archive div#main {position:absolute;}
.home div#main {position:absolute; margin-top:35px;}



/* Links */
a,
a:focus,
a:hover {
  color: #000;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #fff;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #000;
  border: 1px solid #333;
}


/
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
}
body {
  color: #000;
  text-align: center;

}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
 
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
 
}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
	margin-left:-47px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #000; /* IE8 proofing */
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #000;
 
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #000;
  border-bottom-color: #000;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


.head_band { box-shadow: 0 0.8em 1.5em -1.4em rgba(0, 0, 0, 0.2); background:#fff; height:100px;}

/* MENU */

#menu-main_nav {margin:50px 0 0; padding:0; float:right; }

#menu-main_nav li {
	list-style-type:none;
	float:left;
	margin-left:50px;
}

#menu-main_nav li a {
	font-family: 'Open Sans', sans-serif;
	font-size:9px;
	letter-spacing:0.2em;
}
#menu-main_nav li a:hover {
	text-decoration:none;	
}
#menu-main_nav li.current-menu-item a, #menu-main_nav li.current-category-ancestor a, #menu-main_nav li.current-post-parent a {
	 font-weight:bold; 
	font-family:'Open Sans';

}




/*
 * CONTENT
 */

.archive_title {font-family:Open Sans, sans-serif; font-size:11px; font-weight:bold;}

.subcat {}
.subcat li {
	list-style-type:none;
	display:block;
	width:100% !important;
}
.subcat li a {
	font-family: 'Open Sans', sans-serif;
	font-size:9px;
	letter-spacing:0.2em;
}
.subcat li.current-cat a {
	font-weight:bold;
}

.subcat_nav {
	text-align:left;
	margin-top:35px;
	margin-bottom:40px;
	height:20px;
	padding-left:29px;;
}
.subcat_nav li {
	list-style-type:none;
	float:left;
	margin-right:50px;
}
.subcat_nav li a {
	font-family: 'Open Sans', sans-serif;
	font-size:9px;
	letter-spacing:0.2em;
	text-transform:uppercase;
}
.subcat_nav li.current-cat a {
	 font-weight:bold; 
	font-family:'Open Sans'
}
.subcat_nav li.current-menu-item a {
 	font-weight:bold; 
	font-family:'Open Sans'
}

.subcat_nav p {
	font-family: 'Open Sans', sans-serif;
	font-size:9px;
	letter-spacing:0.2em;
	text-transform:uppercase;
}

#cat_grid {}

#cat_grid li {
	list-style-type:none;
}


/**
 * Grid items
 */
#cat_grid li {
/* width: 240px; */
display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
/*padding: 4px;*/
list-style-type:none;
}

#cat_grid li img {
display: block;
	width:200px;
	height:auto;
}

/**
 * Grid item text
 */

#cat_grid li p {
color: #666;
font-size: 12px;
margin: 7px 0 0 7px;
}

/**
 * Some extra styles to randomize heights of grid items.
 */
#cat_grid ali:nth-child(3n) {
height: 175px;
}

#cat_grid ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#cat_grid ali:nth-child(5n) {
height: 250px;
}


#hover {
  background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.9s linear 0s;
    width: 100%;

}
	#hover:hover { opacity: 0.95; }

.link-text {
    position: absolute;
    text-align: center;
    top: 36%;
    width: 100%;
}

#cat_grid .cat-item {line-height:0.5em;}

.link-text a {text-decoration:none;}

.link-text h2 {
     color: #000; 
     font-family: 'Open Sans';
    font-size: 11px;
    font-weight: 400;
    letter-spacing:0.1em;
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform:uppercase;	
}
.link-text span {
	font-family:'Open Sans';
	font-size:9px;
}

.inter_title {
    color: #000; 
     font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 400;
    letter-spacing:0.1em;
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform:uppercase;	
}



/* SINGLE */

#single_left {
	text-align:left;
	padding-left:0;
	margin-top:35px;
}

#single_right {
	text-align:left;
	padding-right:0;
	margin-top:80px;
}

.single-title, .page-title {
	 text-align:left;
	 font-family: 'Open Sans';
   	 font-size: 17px;
	 font-weight:bold;
  	 letter-spacing:0.1em;
   	 text-transform:uppercase;	
	margin-bottom:30px;
	margin-top:0;
}

.innercontent img {max-width:100%; height:auto;}
.wp-caption {max-width:100%; height:auto; margin-bottom:30px;}

.wp-caption-text {font-size:10px; font-weight:300; margin-top:5px;}

time { 
    font-size: 9px;
    font-weight: 300;
    text-transform: uppercase;
}

.published p {  
    font-size: 9px;
    font-weight: 300;
    text-transform: uppercase;
	font-style:italic;
}

#single_social {
	height:20px;
	margin-top:40px;
	margin-bottom:40px;	
}
#single_social li {
	list-style-type:none;
	float:left;
	margin-right:10px;
}

#single_social span {font-weight:bold; font-size:11px; letter-spacing:0.2em;}

#bio {clear:both;}
#bio span {font-weight:bold; font-size:11px; letter-spacing:0.2em;}
#bio p {  font-size: 9px;
    font-weight: 300;
    text-align: justify;
}
#bio a {font-weight:bold;}

.link_blog, .link_kinsky {font-weight:bold; font-size:11px; letter-spacing:0.2em;}

/*
 * Footer
 */

.footer {
	margin-bottom:30px;
	clear:both;
	padding-top:100px;
}

#footer_social {float:right;}

#footer_social li {
	list-style-type:none;
	float:left;
	margin-right:10px;
}
#footer_social span {font-weight:bold; font-size:10px; letter-spacing:0.2em; }




/******************************************************************
MEDIA QUERIES & DEVICE STYLES

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


@media only screen and (max-width: 992px) {
	/* insert styles here */

.masthead-brand {margin-left:0;}
.masthead-brand img {max-width:100%; height:auto;}

#menu-main_nav {float:left; width:100%; margin-top:20px;}
#menu-main_nav li {width:100%; margin-left:0; line-height:3em;}
#menu-main_nav li a {font-size:11px;}

.subcat_nav {padding-left:0px; margin-top:0; text-align:center; margin-bottom:100px;}
.subcat_nav li {width:100%; line-height:3em;}

.category-photography .subcat_nav {height:120px;}

#content {margin-top:370px; margin-bottom:200px;}

.innerhead, .innercontent {padding-left:0; padding-right:0;}
#single_left {padding-right:0;}
#single_right {padding-left:0; float:left;}

}

@media only screen and (min-width: 993px) and (max-width:1200px) {

#menu-main_nav {float:left; margin-top:25px; margin-bottom:30px;}
#menu-item-8 {margin-left:15px !important;}
.subcat_nav {clear:both; padding-left:40px; }

}

@media only screen and (max-width: 920px) {
/* insert styles here */

}