/**
  Theme Name: FRIN.cz
  Description: CSS for responsive layout
  Theme URI: http://frin.cz
  Version: 1.0
  Author: Apollo1
  Author URI: http://www.apollo1.cz
  Tags: HTML5, valid CSS
  Licence: Copyright © Ales Loziak

*/

/*************************************
 + Flex
*************************************/

	.flex {
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

  .flex-row {
		-webkit-flex-flow: row wrap;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		flex-wrap: wrap;			/* NEW Firefox */
		flex-direction: row;
	}

	.jc-sb {
		/* .justify-content space-between */
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}

	.jc-fe {
		/* .justify-content flex-end */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
	}

	.jc-fs {
		/* flex start */
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
	}

	.jc-c {
		/* flex center */
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
	}

	.jc-fe {
		/* flex end */
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
	}

	.ai-fs {
		/* align-items flex-end */
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}

	.ai-fe {
		/* align-items flex-end */
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}

	.ai-c {
		/* align-items center */
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}

	.ai-bl {
		/* align-items center */
		-webkit-align-items: baseline;
		-moz-align-items: baseline;
		align-items: baseline;
	}

	.ac-sa {
		/* align-items space arround */
		-webkit-align-content: space-around;
		-moz-align-content: space-around;
		align-content: space-around;
	}

	.one-half {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}

	.last {
		/*width: calc(50% - 4%);*/
	}


@media only screen
and (max-width : 990px) {
	.slider {
		max-height: inherit;
		overflow: inherit;
	}

	footer {
		padding: 15px 20px 0;
		width: calc(100% - 40px) !important;
	}

}


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

	.breadcrumbs,
	header.master h2 {
		display: none;
	}

	.container-standard {
		padding: 15px 50px 0px;
		width: calc(100% - 100px) !important;
	}

		footer .partners a.iu {
			margin: 0 20px;
		}

	.content, .sidebar {
		display: block;
		width: 100%;
		max-width: inherit;
		padding: 0;
		top: 0;
		position: relative;
	}

	header.master .search {
		position: absolute;
		right: 0;
		top: 40px;
	}

	header.master .search #searchsubmit,
	header.master .search .finder {
		top: 0;
		width: 20px;
		height: 20px;
		background-image: url('images/finder2x.png');
	}

	header.master .search .finder {
		top: 1px;
	}

	.gecko header.master .search .finder {
		top: 5px;
	}

	h1 {
		left: -15px;
    position: relative;
	}

	h2.term-description {
		margin: 40px 0 50px 0;
	}

	.menu-1-container {
		display: none;
		top: -50px;
		position: relative;
	}

	.menu-768 {
		display: block;
		width: 100px; height: 100px;

		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0 auto;
		top: -50px;
    position: relative;
	}

		/* default + archiv */
		.menu-768,
		.archive.tax-archiv .menu-768 { background-image: url('images/menu-768.png'); }

		/* aktualne */
		.archive.category .menu-768,
		.home .menu-768 { background-image: url('images/menu-768_aktualne.png'); }

		/* odkazy */
		.page-id-15 .menu-768 { background-image: url('images/menu-768_odkazy.png'); }

		/* kontakt */
		.page-id-17 .menu-768 { background-image: url('images/menu-768_kontakt.png'); }


	.content {
		margin-top: 20px;
	}

	ul.archiv {
		margin-top: -20px;
	}


		ul.archiv li {
			display: inline;
	    margin: 0 10px;
		}

		.slider {
			position: relative;
	    width: 100%;
	    top: 0px;
	    height: 0px;
	    z-index: 1;

		}


		.addthis_sharing_toolbox {
			text-align: right;
		  width: 100%;
		  padding: 24px 0 0 0;
		}

}

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

	h1 a {
		width: 285px;
    height: 100px;
	}

	.container-content {
		margin: 90px auto 45px;
	}

	footer .col {
		width: 100%;
		display: block;
		text-align: center;
		padding-bottom: 20px;
	}

}

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

	h1 a {
		width: 198px;
    height: 70px;
	}

}

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

	h1 {
		left: -35px;
	}




}

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

	h1 a {

	}

	.menu-1-container {
		padding: 28px 0;
    font-size: 1.6em;
    width: 200px;
	}

}