/*
	Theme Name: Narrow casting
	Author: Friks
	Version: 1.0
*/

/* - Fonts - */

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?34315730');
  src: url('font/fontello.eot?34315730#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?34315730') format('woff2'),
       url('font/fontello.woff?34315730') format('woff'),
       url('font/fontello.ttf?34315730') format('truetype'),
       url('font/fontello.svg?34315730#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  text-align: center;

  font-variant: normal;
  text-transform: none;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
 
.icon-thumbs-up:before { content: '\e800'; } /* '' */
.icon-instagramm:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-foursquare:before { content: '\e803'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */

body { font: normal 120%/1.5 Arial, Helvetica, Verdana, sans-serif; color: #4a4b4a; background: #fff; -webkit-font-smoothing: antialiased; }
h1, .h1 { font-size: 28px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin: 0 0 7px; line-height: 1.3; color: #4a4b4a; }
.h1, .h2, .h3, .h4 { display: block; }

pre { text-align: left !important; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
em { font-style: italic; }
strong { font-weight: bold; }
p { margin: 0 0 14px; }

a:visited,
a { color: #4a4b4a; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { border-left: 1px solid #464646; margin: 21px 14px 21px 21px; padding-left: 14px; font-style: italic; }

.caps { text-transform: uppercase; }

.default { max-width: 20em; margin: 2em auto; font-size: 14px; }
.default label { display: block; }

/*

-webkit-transition: background 300ms ease;
-moz-transition: background 300ms ease;
-ms-transition: background 300ms ease;
-o-transition: background 300ms ease;
transition: background 300ms ease;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; 

*/

.clear { clear: both; }
.inline { display: inline; }

.alignleft { float: left; margin: 14px 14px 14px 0; }
.alignright { float: right; margin: 14px 0 14px 14px; }
.aligncenter { clear: both; display: block; margin: 14px auto; }
.alignnone { clear: both; display: block; margin: 14px 0; }

form textarea,
form input[type="password"],
form input[type="text"],
form input[type="email"] { border-radius: 0; -webkit-appearance: none; border: 1px solid #D6D6D6; padding: 7px 14px; background: #fff; }
form button,
form input[type="submit"] { border-radius: 0; -webkit-appearance: none; color: #4a4b4a; background: #EBEBEB; border: 1px solid #ADADAD; border-radius: 2px; padding: 7px 14px; }

#loader,
#items,
.item,
.bx-wrapper,
.bx-viewport,
body,
html { width: 100%; height: 100%; min-height: 100%; overflow: hidden; }
.bx-wrapper { cursor: none; }

#loader { position: static; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 1000; text-align: center; display: table; }
#loader > div { display: table-cell; vertical-align: middle; }

.bx-viewport { height: 100% !important; min-height: 100% !important; }

.item > .inner:before,
.item > .inner:after { content: " "; display: table; }
.item > .inner:after { clear: both; }
.item > .inner { *zoom: 1; }

.item { overflow: hidden; display: table; }

.item > .inner { margin-left: auto; margin-right: auto; text-align: center; display: table-cell; vertical-align: middle; }

.icon { display: inline-block; vertical-align: top; width: 210px; border: 1px dotted #000; text-align: center; padding: 0 0 2em; }
.icon [class^="icon-"] { font-size: 4em; display: block; height: 2em; line-height: 2em; }
.icon .small { font-size: 0.8em; margin: .3em 0; }
.icon .large { font-size: 2.1em; }
.icon p { margin: 0; line-height: 1; }

.facebook .icon .large,
.tweets .icon .large { font-size: 2.2em; }

.content { display: inline-block; vertical-align: top; text-align: left; margin-left: 1em; }

/* - FB - */

.facebook .intro {
	font-size: 0.8em;
}
.facebook .content p {
	font-size: 0.9em;
}

/* - Tweets - */

.content { max-width: 60%; }

.tweets .tb_tweet-info { display: none; }
.tweets .tb_author { font-weight: normal; }

.tweets { font-size: 0.8em; }
.tweets .tb_header { display: none; }
.tweets a.tb_photo img {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 42px; 
	height: auto;
	border-radius: 21px;
	border: none;
}
.tweets .tb_photo { margin-right: 1em; }

.tweets div.tb_tweet {
	border-top: solid 1px #C9C9C9;
	padding: 1em 0;
	min-height: 0;
}
.tweets .tb_tweetlist div:first-child { border-top: none; }
.tweets div.tb_tweetlist { border-bottom: none; }

/* - Foursquare - */

.foursquare .circle { width: 180px; height: 180px; line-height: 180px; display: inline-block; vertical-align: top; border-radius: 100px; color: #fff; text-align: center; }
.foursquare .circle img { border-radius: 100px; }
.foursquare .circle span { font-size: 5.5em; font-weight: bold; }
.foursquare .circle.first { background: #8a8b8a; margin-left: 1em; }
.foursquare .circle.second { background: #f3bc62; margin-left: 1em; }
.foursquare p { line-height: 1.1; }

.checkin-mayor { font-size: 1.7em; margin: 0 0 .2em; }
.checkin-mayor span { color: #f3bc62; font-weight: bold; }
.checkin-total { font-size: 0.9em; }

/* - Instagram - */

#grid { margin-left: auto; margin-right: auto; }

.instagram img { display: block; max-width: 100%; height: auto; padding: 0.3em; }
.instagram .box { width: 20%; overflow: hidden; }

.instagram .icon { width: 100%; height: 100%; }
.instagram .icon-box > div { width: 100%; height: 100%; padding: 0.3em; }

.instagram .box-5,
.instagram .box-3 { width: 40%; }
.instagram .icon > div { padding: 0.3em; }
.instagram .inner { padding: .3em 0 }

.instagram .bar { position: absolute; left: 0; width: 100%; height: 10px; background: #fff; z-index: 1000; }

.facebook img { max-width: 440px; height: auto; }

/* - Image - */

.item.image {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.item.image > .inner { display: block; height: 100%; min-height: 100%; }
.item video {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    object-fit: cover;
}

@media ( min-width: 1375px ) {
	
	.instagram > .inner { width: 1375px; display: block; }
	.instagram .box { width: 275px; height: 275px; }
	.instagram .box-5,
	.instagram .box-3 { width: 550px; height: 550px; }	
}


@media ( min-width: 1600px ) {
		
	.instagram > .inner { width: 1600px; display: block; }
	.instagram .box { width: 320px; height: 320px; }
	.instagram .box-5,
	.instagram .box-3 { width: 640px; height: 640px; }

	.icon .large { font-size: 2.8em; }

	.facebook .icon .large,
	.tweets .icon .large { font-size: 3.2em }
	.instagram .icon .large { font-size: 2.3em; }
	.icon .small { font-size: 1.1em; }

	.checkin-mayor { font-size: 2.7em }

	.checkin-total { font-size: 1em }
	.tweets { font-size: .9em }
	.tweets { font-size: 1em }

	.facebook .intro {
	font-size: 1em;
	}
	.facebook .content p {
		font-size: 1.1em;
	}

}

@media ( max-width: 1280px ) {

	.instagram .box { width: 200px; }
	.instagram .box-5,
	.instagram .box-3 { width: 400px; }
	.instagram .inner { width: 1000px; display: block; }
	.instagram .icon { min-width: 0 !important }
	.icon-instagramm { font-size: 3em !important }
	.icon .large { font-size: 1.3em; }

}

@media ( max-height: 825px ) {

	/*.item.instagram:after { content: ""; display: block; width: 100%; position: absolute; height: 0.3em; background: #fff; }*/

}