/*
Theme Name:     VSN Magazine
Theme URI:      http://zenska.si
Description:    VSN magazine flexi grid theme
Author:         mi.tko
Author URI:     http://mitko.si/
Version:        0.0.1

License: GPL3

All template content is defined through sidebars and widgets.
Widget id-s correspond to default filenames of a WP theme: index, category, article, archive, author, ...

base color: #FF3D64 / rgba(255,61,100,0.7);


*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

* {
  margin:0;
  padding:0;
  font-style:normal;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
i, cite, em, var, address, dfn {
	font-style: italic;
}
b,strong {
	font-weight: bold;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  margin:0;
  padding:0;
  font-family:'Open Sans',sans-serif;
  line-height:1.5em;
  font-size:14px;
  position:relative;
  background:#fff;
}
body.iframe {
  border:none;
}

h1 {
  font-size:22px;
  line-height:120%;
}
h2 {
  font-size:18px;
  line-height:120%;
}
h3 {
  font-size:16px;
  line-height:120%;
}
img {border:0;vertical-align:middle;max-width:100%;height:auto;}
a {
  text-decoration:none;
  color:black;
}
.alignleft,
.left {
  float:left !important;
}
.alignright,
.right {
  float:right !important;
}
.aligncenter {
  text-align:center !important;
}
.clear {
  clear:both;
}
.clearfix:after {
  content:"";
  display:block;
  clear:both;
}
p {
 margin:0 0 1em 0;
}
figure {
 margin:0;
}
span.notext {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
ul,
li {
  list-style:none;
  margin:0;
  padding:0;
}
.entry-content ol,.entry-content ol li {
    list-style-type: decimal !important;
}
.entry-content ul,.entry-content ul li {
    list-style-type: disc !important;
}
.entry-content ol, .entry-content ul {
    margin: 15px 0 15px 15px;
}
.entry-content li {
    margin: 0px 0 10px 15px;
}

.grid {position:relative;margin-right:auto;margin-left:auto;overflow:hidden}
.grid:after {content:"";display:block;clear:both}


.grid {max-width:340px;width:100%;}
.grid0 {float:left;max-width:340px;width:100%;padding:10px}
.grid1 {float:left;max-width:340px;width:100%;padding:10px}
.grid2 {float:left;max-width:340px;width:100%;padding:10px}
.grid3 {clear:left;max-width:340px;width:100%;padding:10px}

x.grid1 .grid0 {width:50%}

@media all and (min-width:480px) {
.grid {max-width:680px;width:100%;}
x.grid0 {max-width:170px;width:25%;}
.grid1 {max-width:340px;width:50%;}
.grid2 {max-width:680px;width:100%;}
.grid3 {max-width:680px;width:100%;}
}

@media all and (min-width:480px) and (max-width:599px) {
 x.grid0 {max-width:340px;width:50%}
 .grid1 .grid0 {width:100%}
}

@media all and (min-width:1020px) {
.grid {max-width:1020px;overflow:visible}
x.grid0 {max-width:170px;}
.grid1 {max-width:340px;}
.grid2 {max-width:680px;}
.grid3 {max-width:1020px;}
}

.nopad {padding:0}

/* colors are in extra-X.css */


/* END: COMMON CSS: reset,base,grid */

/* migration overrides */

a.devel-switch,
#toploginform,
#wheather-head {display:none}

.logged-in a.devel-switch {
display:block;
position: absolute;
right: 10px;
top: 0;
color: crimson;
}

/* loading spinner */

body.loading #page {
  opacity:0.65;
}
body.loading span#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: 80px;
    text-shadow: 0 0 10px black;
    color: white;
    display: block !important;
    z-index: 10000;
    text-align: center;
    line-height: 65px;
}

/* reklame */

/*
.ribbon {
	display:none;
}

@media all and (min-width:1020px) {
*/
	.ribbon {display:block;line-height:0;padding:0 10px; text-align:center}
  .single-format-link .ribbon { display:none; }
/*
}
*/

.floater,.banner-background {position:absolute}

.rectangle {
  text-align:center;
}
.rectangle .banner-inner {
  background:black;
	line-height: 0;
	max-height:660px;
}
.banner-in-article {
    text-align: center;
}
#sidebar.rectangle {
	height:auto;
}


@media all and (min-width:360px) {
	.rectangle .banner-inner {
		padding: 50px 10px 20px;
		min-height:320px;
	}
	.rectangle .banner-inner:before {
		content: "Oglasno sporočilo";
		text-transform: uppercase;
		position: relative;
		display: block;
		color: white;
		top: -25px;
		font-size: 10px;
	}
}
@media all and (min-width:480px) and (max-width:699px) {
  .rectangle {
    max-width:680px;
		width:100%;
  }
	.rectangle .banner-inner {
	  padding-top:20px;
	  min-height:0;
	}
	.rectangle .banner-inner:before {
	  display:none;
	}
}

@media all and (min-width:1020px) {
	.rectangle {
		height:340px;
		overflow:visible;
		position:relative;
		z-index:10;
	}
}

/* overflow in grid1 rectangle */
section.overflow {
    margin:-60px -20px;
    background:white;
}
section.overflow:after {
    content:"";
    display:block;
    clear:both;
}
@media (max-width: 359px) {
    section.overflow {
        margin: -10px;
    }
}
@media (max-width: 599px) and (min-width: 480px) {
    .rectangle .overflow article {
        width:50%;
    }
    section.overflow {
        margin: -20px;
    }

}
@media (max-width: 699px) and (min-width: 600px) {
    .rectangle .overflow article {
        width:25%;
    }
    section.overflow {
        margin: -20px;
    }

}


/* HEADER + MENU + SEARCH? */

body {
  border-width:24px 0 0;
  border-style:solid;
}

@media all and (max-width:1019px) {

	body {
		border-width:6px 0 0;
	}

	#branding {
		position:fixed;
		top:0;
		margin-top:0px;
		padding-top:5px;
		height:50px;
		background:rgba(255,255,255,0.85);
		z-index:1000;
		border-bottom:1px solid;
		border-top-width:6px;
		border-top-style:solid;
	}
	.logged-in #branding {margin-top:28px;}


	#content {
		padding-top:50px;
	}
}

/* VSN media group icons */

.head-sources {display:none}

@media all and (min-width:1020px) {

	.head-sources {
	  display:block;
		position:absolute;
		top:-24px;
		left:0px;
		z-index:10;
		width:100%;
	}
	.head-source {
		color: white;
		line-height: 24px;
		font-size: 13px;
		font-weight: bold;
		text-shadow: 0px 0px 1px black;
		padding-left:10px;
	}
	.head-source img {
		position:relative;
		top:-2px;
	}

}

/* social icons */

#branding .mobile-icons,
#branding .social-icons {
  display:none;
	float:left;
	min-width:300px;
	margin:6px 0px 0 10px;
}

.pin-it {
  position:absolute;
  z-index:10;
  display:block;
  margin:10px 0 0 10px;
}

@media all and (min-width:480px) {
  #branding .mobile-icons {
  	display:block;
	  margin-top:10px;
  }
	.mobile-icons .fa {
		font-size:22px;
		margin-right:5px;
	}
}

@media all and (min-width:1020px) {
  #branding .mobile-icons {
  	display:none;
  }
  #branding .social-icons {
  	display:block;
  }
	#branding .fb-pagelink {
		font-size:18px;
  }
	#branding .social-icons .icon {
		float:left;
		margin:10px 10px 0 0;
  }
	#branding .fb.icon {
		  width: 135px;
		  height: 21px;
		  overflow: hidden;
	}
	.social-icons .twit a {
		font-size: 14px;
		padding: 1px 5px 0px 25px;
		background: #EFEFEF;
		color: black;
		background: #EEE url(/wp-content/themes/vsnmag/img/bird_16_blue.png) 4px center no-repeat;
		line-height: 19px;
		border: 1px solid #CCC;
		border-radius: 3px;
	}
}


/* logo */

#logo {
  text-align:left;
  height:0;
}
#logo img {
	height:40px;
}

@media all and (min-width:480px) {
	#logo {
		text-align:center
	}
}
@media all and (min-width:1020px) {
	#logo img {
		height:auto;
	}
}


/* subscribe */

#branding .knews_add_user {display:none}
#branding .hgroup-heading {display:none}
#branding .requiredtext {display:none}

@media all and (min-width:1020px) {
	#branding .knews_add_user {
	  display:block;
		float:right;
		margin-right:10px;
		max-width:320px;
		height:80px;
	}
	#branding .knews_add_user input,
	#branding .knews_add_user button {
		  font-size:14px;
		  line-height:16px;
		  padding: 4px 0;
		  border:1px solid #ccc;
		  margin-top:4px;
		  width:280px;
	}
	#branding input.knewsbutton {
		text-transform: uppercase;
		font-size: 12px !important;
		color: white;
		background: #000;
		cursor: pointer;
	}

	.knews_add_user div.response {
		  border: 1px solid #ccc;
		  padding: 10px;
	}
	.knews_add_user div.response p {
		  margin:0;
	}
	.knews_add_user div.response a {
		  color:red;
	}

}

/* searchform */

#branding #searchform {
  display:none;
}

@media all and (min-width:1020px) {

	#branding #searchform {
		float:right;
		display:block;
		margin-top:25px;
		width:320px;
	}
	#searchform {
		height:34px;
		border:1px solid black;
	}
	#searchform label {
		display:none;
	}
	#searchform #s {
		border:0;
		width:280px;
		height:28px;
		line-height:28px;
		font-size:16px;
		margin-left:5px;
		margin-top:2px;
		background:none;
	}

	#searchsubmit {
		position: relative;
		height: 28px;
		padding-top: 28px;
		float: right;
		width: 30px;
		border: 0;
		overflow: hidden;
		background: transparent url(img/search-icon-grey.png) center center no-repeat;
		cursor: pointer;
		border-left: 1px solid #ccc;
		margin-top: 2px;
	}

#searchsubmit:hover {
		background:transparent url(img/search-icon-green.png) center center no-repeat;
	}

}

/* menu */

#branding .widget_nav_menu {
  clear:both;
  padding-top:10px;
}
#branding .menu {
  background:black;
  width:100%;
  height:37px;
}
#branding .menu > li {
  display:inline-block;
  background:url(img/menu-border.png) right top no-repeat;
  z-index:100;
}
#branding .menu > li > a {
  font-size:16px;
  line-height:37px;
  padding:0px 8px;
}


#branding .sub-menu { display:none }

@media all and (min-width:1020px) {
  #branding .menu > .menu-item {
      position:relative;
      display: inline-block;
  }
  #branding .menu-item:hover .sub-menu {
      display:block;
      position:absolute;
      left:0;
      line-height:2.5em;
      background:black;
  }
  #branding .sub-menu a {
      padding:0 10px;
      display:block !important;
      color:white;
      white-space:nowrap;
      border-top:1px solid #444;
  }
}

@media all and (max-width:1019px) {

  #branding .sub-menu { display:none }

	#branding .widget_nav_menu {
		clear:none;
		padding-top:0px;
	}
  .actions-right {
    display:block !important;
    font-size:0;
    float:right;
    margin:10px 10px 0 0;
  }
  .actions-right .fa {
    font-size:22px;
  }
	body #branding .menu { display:none;text-align:center;}
	body.menu-open #branding .menu { display:block !important}
	body.menu-open #content {opacity:0.6;}

  #branding .menu {position:absolute;margin:2px 10px 0;left:-10px;right:-10px;top:50px;bottom:auto;height:auto;width:auto;
  border-top:none;background:black;box-shadow: 0 0 0px 1px black inset;}
  #branding .menu > li {width:170px;background-position:right bottom;}
  #branding .menu > li:first-child {display:none}
  #branding .menu>li>a {line-height:43px;color:white;text-shadow:none;}

}


/* article boxen */

.co-title,
.widget_geekobox article header h2 {
 position:relative;
 display:block;
 z-index:1;
 padding:10px;
 font-weight:normal;
}

.widget_geekobox article .post-format,
.widget_geekobox article .entry-meta {
 position:absolute;
 z-index:2;
}
.widget_geekobox article .post-format {
 bottom:20px;
}
.widget_geekobox article .entry-meta {
 top:20px;
}

.co-cat,.no-link,
.widget_geekobox article .post-format a,
.widget_geekobox article .entry-meta a {
 display:block;
 font-weight:bold;
 font-size:17px;
 line-height:34px;
 padding:0px 10px;
}


@media all and (max-width:599px) {
	.co-cat,.no-link,
	.widget_geekobox article .post-format a,
	.widget_geekobox article .entry-meta a {
		font-size:13px; line-height:28px;
	}
}


/* featured slider */

.geeko-large {
  position:relative;
  overflow:hidden;
  margin-bottom:0px;
  float:left;
  width:100%;
  height:0;
  padding-top:95%;
  padding-bottom:10px;
}
.geeko-large article {
  position:absolute;
  top:0px;
  max-height:100%;
  background:white;
}
.geeko-large .opaque {
  z-index:10;
}
.geeko-large article .entry-meta {
  position:absolute;
	bottom:10px;
	top:auto;
}
.geeko-large article header h2 {
	font-size:20px;
  line-height:120%;
	height:160px;
	background:#141212;
}
.slick-list {
    position: absolute;
    top: 0;
    height: 100%;
    left: 10px;
    right: 10px;
}
.slick-track {
    height: 100%;
}
.slick-track article {
    position:relative;
    padding-left:0;
    padding-right:0;
}
.slick-dots {
  bottom:10px;
  right:10px;
  width:auto;
	background:black;
}
.slick-dots li button:before {
  cursor:pointer;
  font-size:1px;
  color:transparent;
  display:inline-block;
  margin-right:10px;
  width:15px;
  height:15px;
  opacity:0.55;
}

.slick-active button:before {
  box-shadow:1px 1px 2px black;
}

@media all and (min-width:480px) {
  .geeko-large {
  	padding-top:48.48%;
  }
	.geeko-large article .entry-meta {
	  top:20px;
	  bottom:auto;
	}
	.geeko-large article header h2 {
	  position:absolute;
	  top:auto;
	  left:0px;right:0px;
	  height:auto;
		bottom:45px;
		font-size:22px;
    background:rgba(0,0,0,0.7);
	}
	.slick-dots {
		background:transparent;
	}
}
@media all and (min-width:560px) {
	.geeko-large article header h2 {
		font-size:28px;
	}
	.slick-dots {
		bottom:15px;
	}
}
@media all and (min-width:1020px) {
  .geeko-large {
  	max-width:680px;
  	height:340px;
  	padding-top:0;
  }
}


/* standard box */

.geeko-medium article {
 position:relative;

}
.geeko-medium article:after {
 content:"";
 display:block;
 clear:left;
}
.geeko-medium figure {
 float:left;
 margin-top:-75px;
 margin-right:-100%;
 width:100%;
}
.geeko-medium article:hover figure {
  opacity:0.25;
  filter:alpha(opacity=25);
}
.geeko-medium h2 {
 font-size:24px;
}
.geeko-medium header h2 {
 margin-top:75px;
 position:relative;
 z-index:1;
}
.geeko-medium header h2.small {
  font-size:20px;
}
.geeko-medium header h2.smaller {
  font-size:18px;
}
.geeko-medium .entry-summary {
 display:none;
 color:#333333;
 position:relative;
 padding:0 10px;
 font-size:13px;
 line-height:120%;
 height:3.6em;
 overflow:hidden;
 margin:5px 0;
}
.geeko-medium article:hover .entry-summary {
 display:block;
}


.geeko-medium article:hover div.post-format {
  display:none;
}

@media all and (min-width:480px) and (max-width:559px) {
  .geeko-medium header h2 {font-size:18px}
  .geeko-medium header h2.small {font-size:16px}
  .geeko-medium header h2.smaller {font-size:15px}
}

/* mini box */

.thumbnail article {
 position: relative;
 overflow:hidden;
 max-height:170px;
}

.thumbnail .entry-meta {
 display:none;
}
.thumbnail header {
 bottom:10px;
}
.thumbnail .entry-title {
 bottom: 10px;
 position: absolute;
 left: calc(50% - 10px);
 padding: 5px 5px 5px 10px;
 padding:5px;
 top:10px;
 border-bottom:1px solid #e2e2e2;
}
.thumbnail article header h2 {
  font-size:16px;
  font-weight:normal;
	background:white !important;
	background:rgba(255,255,255,0.75) !important;
	text-shadow: none !important;
	color:#444 !important;
}
.thumbnail article header h2:hover {
    background: #ff3d64 !important;
    background: rgba(255,61,100,0.65) !important;
    color:white !important;
}

@media all and (min-width:480px) and (max-width:599px) {
  .thumbnail figure {width:50%;padding-right:10px;}
  x.thumbnail .entry-title {left:50%;margin-left:-10px;top:10px;background:#141212;}
}
@media all and (min-width:480px) and (max-width:560px) {
  x.thumbnail .entry-title {font-size:13px;}
}

/* popular posts widget */

.popular {
  position:relative;
  height:340px;
  overflow:hidden;
}

.popular h1 {
  float:left;
  padding:0px 10px;
  margin-right:2px;
  font-size:13px;
  line-height:30px;
  font-weight:normal;
  cursor:pointer;
}

.popular div:hover h1 {
  color:white;
}

.popular div.active h1 {
  color:white;
  background:black;
}
.popular .entries {
  position:absolute;
  top:40px;
  left:10px;
  right:10px;
  bottom:10px;
  display:none;
  padding:18px 15px;
  background:black;
  color:white;
}
.list-tags .entries {
  padding:10px;
}
.popular .entries a {
  color:white;
}

.popular .cat,
.popular .entry-date,
.popular .entry-summary,
.popular .post-format span {
  display:none;
}

.popular .entries article {
  clear:both;
  margin-bottom:3px;
  padding-left:0px;
  height:65px;
  position:relative;
}
.popular div.active .entries {
  display:block;
}
.popular .post-format {
 display:none;
}
.popular .entries h2 {
  font-size:14px;
  line-height:120%;
  font-weight:normal;
}
.popular .entry-meta,
.popular .entry-age {
  font-size:12px;
  display:none;
}
.box .entry-age,
.list-popular .entry-age {
  display:none;
}
.popular .share-counts {
  margin-top:5px;
  display:block;
}
.popular .share-counts img {
  width:16px;
  height:16px;
}
.popular .count_number {
  display:inline;
}

.popular .entry-image img {
  width:55px;
  height:55px;
}

@media all and (min-width:480px) and (max-width:699px) {
  .popular {
    height:210px;
    max-width:680px;
		width:100%;
  }
  .popular .entries article {
		float: left;
		padding-right: 10px;
		width: 50%;
		clear: none;
		height: 65px;
  }
}
@media all and (min-width:480px) and (max-width:599px) {
  .popular .entries h2 {font-size:13px}
}

/* table for valign*/

.entries header {
  display:table;
}
.entries header>a {
  display:table-row;
}
.entries header figure {
  padding-right:10px;
  width:65px;
}
.entries header figure,
.entries header h2 {
  display:table-cell;
  vertical-align:middle;
}

.list-recent .entry-meta {
  display:table-row;
  position:absolute;
  left:85px;
  bottom:0;
  display:none;
}
.list-recent .entry-age {
  display:table-cell;
}
.list-recent header h2 {
  padding-bottom:10px;
}


/* FB fan box */

.facebook-likebox {
  position:relative;
  height:340px;
}
.facebook-likebox-wrap {
  height:100%;
  background:black url(img/facebook-textlogo.png) 10px 270px no-repeat;
  padding:10px;
}
@media all and (min-width:480px) and (max-width:699px) {
  .facebook-likebox {
    height:auto;
    max-width:680px;
		width:100%;
	}
  .facebook-likebox-wrap { background-position:10px 170px}
	.facebook-likebox .fb_iframe_widget { width:100%}
	.facebook-likebox .fb_iframe_widget>span {width:100% !important;height:200px !important}
	.facebook-likebox .fb_iframe_widget iframe {width:100% !important;height:152px !important}
}

/* fb quote under article content */
.fbquote {
    background:#3f5f96;
    color:white;
    font-size:16px;
    line-height:1.5;
    padding:0.75em;
    border:1px solid white;
}
.fbquote a {
  color:#3f5f96;
    background:white;
    font-size:22px;
    padding:0 0.25em;
    display:inline-block;
    vertical-align: top;
    margin: 0.25em;
    font-weight:bold;
}
/* vreme */

#wheather-box {
  position:relative;
  height:340px;
}
.wheather-box-wrap {
  width:100%;
  height:100%;
  font-weight:bold;
  font-size:14px;
}

#wheather-box img {
  width:60px;
  height:50px;
}
#wheather-box header {
  height:75px;
  background:black;
  padding:0 15px;
  color:white;
}
#wheather-box header h2 {
  line-height:75px;
  font-size:30px;
  float:left;
  font-weight:normal;
}
#wheather-box header img {
  line-height:75px;
  vertical-align:baseline;
  float:right;
  margin-top:10px;
}
#wheather-box .day {
  float:left;
  margin:10px 5px 10px 8px;
  width:60px;
  text-align:center;
  line-height:120%;
}
#wheather-box .temperature {
  display:block;
  font-size:16px;
  margin:5px 0 10px;
}
#wheather-box .text {
padding: 5px 10px;
line-height: 120%;
height: 7em;
min-height:7em;
overflow: hidden;
clear:both;
color:white;
font-weight:normal;
}

@media all and (min-width:480px) and (max-width:699px) {
  #wheather-box {
    max-width:680px;
		width:100%;
		height:270px;
	}
	#wheather-box .day {
	  width:20%;
	}
	#wheather-box .text {
	  height:auto;
	  min-height:0;
	  padding:10px;
	}
}

/* page navigation + archive pages  header */

header.page-header {
color: white;
font-size: 13px;
clear:both;
position:relative;
}
header.page-header a {
  color:white;
  text-shadow:none;
}
header.page-header a:hover {
  color:black;
}
h1.page-title {
	font-size: 17px;
	line-height: 37px;
	text-shadow: 0px 0px 1px black;
  padding-left:10px;
}


#page-nav>div {
  float:right;
  margin-right:10px;
}
.page-sequence {
  font-weight:bold;
  text-align:center;
  line-height:37px;
}
.next-link a {
  padding-left:25px;
  background:url('img/arrow-left-whiteblue.png') left center no-repeat;
  line-height:37px;
  display:block;
  background-size:10px 15px;
}
.prev-link a {
  padding-right:25px;
  background:url('img/arrow-right-whiteblue.png') right center no-repeat;
  line-height:37px;
  display:block;
  background-size:10px 15px;
}

@media all and (max-width:480px) {
  #page-nav .meta-nav {width:0;display:block;overflow:hidden;}
}

/* KOLOFON / NOGA */

#colophon {
  clear:both;
  padding:0 0px 20px;
  max-width:1000px;
}

#noga-blok {
  position:relative;
  clear:both;
  border: 1px solid black;
  border-top:20px solid black;
  margin-top:10px;
  padding:10px 20px;
}

#noga-blok:after {
  content:"";
  display:block;
  clear:both;
}

.eulogos {
  display:none;
  vertical-align:top;
}

.eulogos span {
  float:left;
  margin-right:10px;
}

#noga-blok .social-icons {
  display:none;
}
#noga-blok .mobile-icons {
  position:absolute;
  right:20px;
  top:85px;
}
@media all and (min-width:480px) {
  #noga-blok .mobile-icons {
    top:55px;
  }
}


#logo-foot {
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#colophon div[class^="menu-footer"] {
  float:left;
}

#colophon .menu>li {
  font-size:16px;
  font-weight:bold;
  display:block;
  max-width:305px;
  margin-right:14px;
  margin-bottom:10px;
}

#colophon .sub-menu {
  font-size:13px;
  line-height:120%;
}

#colophon .sub-menu>li {
  font-weight:normal;
  display:inline;
  line-height:130%;
}
#colophon .sub-menu a:after {
  content:", ";
}
#colophon .sub-menu li.last-child a:after {
  content:"";
}

.menu-footer-meni-o-podjetju-container{
  border-top:1px solid;
  float:left;
  clear:both;
  margin-top:20px;
}

#colophon .menu-footer-meni-o-podjetju-container .menu>li {
  font-size:13px;
  font-weight:normal;
  display:inline-block;
  width:auto;
}
#colophon .menu-footer-meni-o-podjetju-container .menu>li>a:after {
  content:" ";
}

#colophon .menu-subitem {
  display:none;
}

#colophon .network-logo {
 position:absolute;
 right:20px;
 bottom:10px;
}

#colophon #nav_menu-4 {
 clear:both;
}

@media all and (max-width:1019px) {

	#colophon div[class^="menu-footer"] {
		max-width:50%;
	}
	.menu-footer-meni-o-podjetju-container {
		max-width:100% !important;
	}
	#colophon .network-logo {
		position:static;
		text-align:center;
	}
	#logo-foot img {
	  height:30px;
	}

}

@media all and (max-width:479px) {

	#colophon div[class^="menu-footer"] {
		max-width:100%;
	}

}


/* SINGLE ARTICLE */

article.the-post {
  position:relative;
}

article.the-post header,
article.page header {
 padding:5px 10px 10px;
 font-size:13px;
 text-shadow:0px -1px 1px black;
 margin-bottom:45px;
}
article.error404 header {
  margin-bottom:15px;
}

article.the-post .entry-title,
article.page .entry-title {
 clear:both;
 font-size:28px;
 line-height:120%;
}
article.the-post header .cat,
article.page header .cat {
 padding-bottom:0px;
 float:left;
}
article.the-post header a,
article.page header a {
 color:white;
}
article.the-post header a:hover {
 text-shadow:none;
}

article.the-post header .entry-meta,
article.page header .entry-meta {
  font-size:13px;
  line-height:25px;
  margin-top:20px;
  margin-left:-10px;
  padding:0 10px 0 0px;
}

header .entry-meta a {
  color:black;
}
article.the-post .entry-author {
 float: left;
 margin-right:10px;
}
article.the-post .entry-author img {
  float:left;
  margin-right:5px;
}
article.the-post header .date {
 float:left;
}

article.the-post .sharing-top {
 margin:5px 0 10px;
 height:21px;
 overflow:hidden;
}
.sharing-top > div {
 display:inline;
}
.sharing-top .fb_iframe_widget>span {width:100% !important;}
.sharing-top .fb_iframe_widget>span>iframe {width:100% !important;}

article.the-post .entry-summary,
article.page .entry-summary {
 font-size:20px;
 font-weight:bold;
 clear:both;
 padding-top:10px;
}
.entry-summary p {
 margin:0;
}


.entry-attachment {
    position: relative;
    margin:10px 0;
}
.entry-attachment .fa {
    font-size:60px;
    position:absolute;
    top:45%;
    text-align:center;
    left:0;right:0;
    text-shadow:0 0 8px black;
}
.entry-attachment a:hover .fa {
    color:#efefef;
}

.tags,
.sharing-bottom {
  border-top:1px solid black;
  border-bottom:1px solid black;
  margin:10px 0 10px 0;
  float:left;
  width:100%;
  font-size:14px;
  line-height:30px;
  position:relative;
  z-index:3;
}
.tags .tag-cloud {
	margin-left:80px;
}

.sharing-bottom {
  margin-bottom:20px;
}
.sharing-bottom .social-icons {
  margin-left:100px;
}
.sharing-bottom .social-icons > div {
	float: left;
	padding: 5px 10px 5px 0;
	line-height: 1;
}
.entry-content .tags a,
.entry-content .sharing-bottom a {
  background:transparent;
  color:black;
}

.tags-title,
.sharing-title {
  background:black;
  padding:0px 27px 0px 10px;
  margin-right:20px;
  display:block;
  color:white;
  float:left;
  font-weight:bold;
  text-shadow:0 -1px 1px black;
  position:relative;
}

.tags-title img {
 position:absolute;
 top:-5px;
 right:-13px;
}
.sharing-title img {
 position:absolute;
 top:1px;
 right:-8px;
}

.share_count {
  float:left;
  padding-right:5px;
  position:relative;
  display:block;
}
.share_count img {
  margin:0 !important;
}
.count_number {
  display:none;
}
.the-post .count_number {
  display:inline;
}
.count_widget {
  position:absolute;
  top:1px;
  left:0px;
  display:none;
  z-index:1;
}
.share_count:hover .count_widget {
  display:block;
}

blockquote {
  font-size:16px;
  margin:10px 0 20px;
  padding:20px 35px 20px 55px;
  background: #e7e9ec no-repeat;
  background-image: url(img/narekovaj-zgoraj.png),url(img/narekovaj-spodaj.png);
  background-position: 6px 6px, bottom right;
}

.wp-caption {max-width:100%}
.wp-caption-text {
  font-size:12px;
  text-align:center;
  margin-right:10px;
  border-bottom:1px solid;
}
.wp-caption.video {
  padding-top:56.5%;
  height:0;
  position:relative;
  margin-bottom:1em;
}
.wp-caption.video iframe {
	position:absolute;
	top:0;
  width:100%;
  height:100%;
}

.entry-content h1 {
  font-size:20px;
  margin:20px 0 10px;
}

.entry-content h2 {
  font-size:18px;
  line-height:24px;
  margin:20px 0 10px;
  border-top:1px solid;
  border-bottom:1px solid;
}
.entry-content h3 {
  font-size:18px;
  line-height:24px;
}

.strike-thru {
  position:relative;
  margin-bottom:5px;
}

.strike-thru span {
  margin-left:25px;
  padding:2px 5px;
  background:white;
  position:relative;
  z-index:2;
}
.strike-thru:before {
  content:" ";
  position:absolute;
  z-index:0;
  top:50%;
  height:1px;
  width:100%;
  background:#ccc;
}

/* new posts from related source */

article .source-stream {
  float:left;
  margin-right:-20px;
  margin-bottom:10px;
}
article .source-item  {
  float:left;
  width:320px;
  margin-right:20px;
  margin-bottom:3px;
  background:black;
  text-shadow:0 -1px 1px black;
}
article .source-item img {
  float:left;
  width:75px;
  height:75px;
  border-right:5px solid white;
}
article .source-item h4 {
  padding:5px 10px 5px 90px;
  color:white;
  font-weight:normal;
}

/* related */

.entry-related {
  margin:10px 0px;
  padding:0;
}
.entry-related h1 {
  margin:0 10px;
}

/* comments */

h1#comments-title,
.entry-related h1 {
  clear:both;
  font-size:18px;
  line-height:24px;
  border-top:1px solid black;
  border-bottom:1px solid black;
}
h1#comments-title {
  margin-bottom:10px;
}

#comments .fb_iframe_widget > span,
#comments .fb_iframe_widget > span > iframe {
  width:100%;
}

/* gallery frame */

.entry-attachment {
  background:black;
  text-align:center;
  position:relative;
}
.entry-gallery-caption {
  position:absolute;
  left:0; right:0; bottom:0;
  background:rgba(0,0,0,0.55);
  color:white;
  text-shadow:0 -1px 1px black;
  padding:10px;
  text-align:left;
}

.entry-gallery-title {
  padding:10px;
  color:white;
}

.gallery_frame {
	position:fixed;
	top:0;left:0;
	right:0;bottom:0;
	z-index:9999;
	background:black;
	width:100% !important;
	height:100% !important;
}
.logged-in .gallery_frame {
  top:28px;
}

/* expert card */

.expert-box {
  width:100%;
}
.expert-box-wrap {
  overflow:hidden;
  position:relative;
}

.expert-card {
  height:320px;
  background:black;
  color:white;
  padding:15px;
  position:relative;
  z-index:10;
}

.expert-card h1 {
  font-size:28px;
  margin-bottom:10px;
  font-weight:normal;
}

.expert-card .user-info {
  border-top:1px solid;
  border-bottom:1px solid;
  margin-bottom:-1px;
  line-height:180%;
}
.expert-box .widget_geekobox {
  margin:0;
  padding-left:0;
  padding-right:0;
  width:660px;
  max-width:100%;
}
.expert-box .widget_geekobox article {
  top:0;
  left:0;
  right:0;
}

.expert-box .widget_geekobox h2,
.expert-box .widget_geekobox .cat {
  display:none;
}

.stroka {
  text-transform:none;
  font-weight:normal;
}
.co-cat,.co-title {
	left: auto !important;
	right: 0 !important;
	z-index: 30;
	position: absolute;
}
.co-title {
  bottom:60px;
  font-size:24px;
}
.co-cat {
  display:none;
}

@media all and (min-width:560px) and (max-width:1020px) {
	.expert-card {
	   background:rgba(0,0,0,0.55);
	}
}

@media all and (min-width:560px) {

.expert-card {
  width:320px;
}
.expert-box .widget_geekobox {
	position: absolute;
	right: 0px;
	overflow: hidden;
	max-width: 660px !important;
	padding: 0;
	height: 340px;
}

}

@media all and (min-width:1020px) {

.expert-card {
  width:340px;
}

}


/* new like buttons */

.knews-top,
.socials {
  margin:10px 0 0;
  display:inline-block;
}

.submit-knews,
.toggle-knews,
.socials	a {
	line-height: 30px;
	display: inline-block;
	padding: 0px 10px;
	margin: 10px 10px 0px 0;
	font-size: 14px;
	color:white;
	font-weight:normal;
}
.socials	a {
  margin-bottom:20px;
}

.moski .socials	a,
.zenska .socials	a {
  margin-bottom:0;
}
.socials	a b {
  text-transform:uppercase;
  font-size:14px;
  line-height:30px;
}

.socials	.fa {
  margin-right:5px;
}
.toggle-knews {
  background:#444;
  color:white;
  margin-right: 0;
  margin-top:0;
  padding-right: 10px;
}
.toggle-knews:hover {
  color:white;
}

.submit-knews {
  background:#444;
  color:white;
  padding:0 10px;
  margin-right:0;
  margin-top:0;
}
.submit-knews:hover {
  color:#ccc;
}
.entry-comment {
	background: #404045;
}
.entry-comment:hover {
	background: #ddd;
	color:#404045;
}

.entry-social-share-button-facebook {
	background: #3F5F96;
	color: white;
}
.entry-social-share-button-facebook:hover {
	background: #ddd;
	color: #3F5F96;
}

.entry-social-share-button-twitter {
	background: #00ACED;
	color: white;
}
.entry-social-share-button-twitter:hover {
	background: #ddd;
	color: #00ACED;
}
.entry-social-share-button-google {
	background: #D94734;
	color: white;
}
.entry-social-share-button-google:hover {
	background: #ddd;
	color: #D94734;
}


.whatsapp-button { display:none !important}
.mobile .whatsapp-button {display: inline-block !important}

.entry-social-share-button-whatsapp {
	background: #5cbe4a;
	color: white;
}
.entry-social-share-button-whatsapp:hover {
	background: #ddd;
	color: #5cbe4a;
}


.knews-top {
  margin-bottom:20px;
  background: #444;
  margin-top:10px;
}


.knews-top div#knewsform_1 {
    display:inline-block;
    background: #FF3D64;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    vertical-align:top;
}
fieldset.knewsemail label {
    display: none !important;
}
.knews-top fieldset.requiredtext {
    display: none;
}
.knews-top fieldset.knewsbutton {
    display: none;
}
.knewsemail input {
    margin: 6px 0 0 !important;
    border: 0;
    padding-left:8px;
    color:#222;
    width:190px;
    font-size:14px;
    line-height:24px;
    margin:3px 0 0 !important;
}

.knews-top .knews_add_user div.response {
		border: 1px solid #FF3D64;
		padding: 4px 10px;
		background: white;
		width: 190px;
		line-height: 1.2;
		margin-top: -13px;
}
.knews-top .knews_add_user div.response p {
    margin:0;
}
.knews-top .knews_back {
		color:red;
		font-weight:bold;
		float:right;
}

@media all and (max-width:360px) {
  .toggle-knews {
    width:100%;
  }
	.knews-top div#knewsform_1 {
	  margin-left:15px;
	}

}


/* FORUMS */

#forum-sidebar .widget {
    border: 1px solid #ddd;
}
#forum-sidebar h3.widget-title {
    background: #ddd;
}

#forum-sidebar div.widget-content,
#forum-sidebar h3.widget-title {
    padding: 8px;
    font-size:14px;
}
.bbp-breadcrumb {
    float: none !important;
    background: #ddd;
    padding: 8px;
    margin-bottom:15px
}
.bbp-breadcrumb p {
    margin:0 !important;
}
.bbp-breadcrumb p span {
    font-weight:bold;
}
.bbp-search-form {
    display:none;
}
a.bbp-forum-title {
    font-weight: bold;
    display:block;
}
#forum-sidebar li {
    margin-bottom: 8px;
}
#forum-sidebar li .topic-author {
    float:left;
    margin-right:5px;
}
#forum-sidebar li .topic-author:after {
    content:", ";
}

fieldset {
    border: none;
}
.wp-social-login-widget {
    display: inline-block;
}
img.avatar {
    margin-bottom: 0 !important;
}

.url-embed {
    padding-left:130px;
}
.url-embed:after {
	content:" ";
	display:block;
	clear:both;
}
.url-embed img {
    float:left;
    margin-left:-130px;
    width:120px
}
.url-embed h3,
.url-embed p {
    margin-bottom:5px !important;
}

/* moje potovanje */

.bbp-breadcrumb,
#bbpress-forums li.bbp-header {
   background: #0D1D41;
   color:white;
}
.bbp-form legend,
#forum-sidebar h3.widget-title {
    background: #0D1D41;
    background: hsl(75, 57%, 39%);
    color:white;
    font-weight:bold;
}
#bbpress-forums fieldset.bbp-form  {
  border-color: #0D1D41;
  border-color: hsl(75, 57%, 39%);
}
.bbp-breadcrumb a,
#bbpress-forums li.bbp-header a,
#forum-sidebar h3.widget-title a {
  color:white;
}
.bbp-breadcrumb a:hover,
#bbpress-forums li.bbp-header a:hover,
#forum-sidebar h3.widget-title a:hover {
  color:hsl(75, 57%, 49%);
}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: hsl(75, 57%, 39%);
}
span.bbp-admin-links a {
    color:#0D1D41;
}
.bbp-breadcrumb-current + .bbp-breadcrumb-sep {
  display:none;
}

/* standard grey */

.bbp-breadcrumb,
#bbpress-forums li.bbp-header {
   background: #444;
   color:white;
}
div.bbp-lead-topic .bbp-topic-reply-link,
.bbp-topic-create-link {
	padding: 0 10px;
	line-height: 30px;
	display: inline-block;
}

div.bbp-lead-topic .bbp-topic-reply-link,
.bbp-topic-create-link,
.bbp-form legend,
#forum-sidebar h3.widget-title {
    background: #444;
    color:white;
    font-weight:bold;
}
#bbpress-forums fieldset.bbp-form  {
  border-color: #444;
}
.bbp-breadcrumb a,
#bbpress-forums li.bbp-header a,
#forum-sidebar h3.widget-title a {
  color:white;
}
.bbp-breadcrumb a:hover,
#bbpress-forums li.bbp-header a:hover,
#forum-sidebar h3.widget-title a:hover {
  color:#4c4;
}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #444;
}
span.bbp-admin-links a {
    color:#444;
}
/* unsorted colors.... devel */


/* login bar */

.bbp-breadcrumb {
  margin-bottom:3px;
}
.bbp-logged-in,
.login-bar {
   line-height:30px;
   padding: 0.6em 10px !important;
}
.bbp-cancel-link {
  line-height:30px;
}
.bbp-logged-in .avatar {
	width:30px;
	height:30px;
	margin:0px 10px 0 0px !important;
	border:0 !important;
	display:inline-block;
}
.login-bar a {
    color:black !important;
}
.login-bar a:hover {
    color:#39f !important;
}
.logout-link,
.login-bar .toggle-login {
    font-weight:bold;
    font-size:14px;
}


.target {display:none;}
#login:target ~ .target-login { display:block; }
#register:target ~ .target-register { display:block }
#lost-pass:target ~ .target-password { display:block }

#login:target ~ .login-bar {margin-bottom:3px}
#register:target ~ .login-bar a.toggle-register,
#login:target ~ .login-bar a.toggle-login {color:#39f !important}


.wp-social-login-connect-with {display:inline;padding-right:5px;font-size:14px;font-weight:bold;}
.wp-social-login-provider-list {display:inline;padding:0}
.wp-social-login-provider-list a {padding:0 5px;}
.wp-social-login-provider-list img {width:30px;height:30px}
.wsl_connect_with_provider {padding:0}


/* login form */

.tucol fieldset.bbp-form {
    text-align: center;
}
.tucol fieldset.bbp-form legend {
  text-align:left;
}

.tucol fieldset.bbp-form>div {
    width: 240px;
    display: inline-block;
    text-align: left;
    margin:10px 10px 0;
}
fieldset.bbp-form div.bbp-template-notice {
    width:100%;
    margin-left:0;
    margin-right:0;
}

.bbp-email input,
.bbp-password input,
.bbp-username input {
    width:100%;
    padding:5px;
}


fieldset.bbp-form .bbp-submit-wrapper {
    float: none;
    text-align: left;
    margin-bottom:10px;
}

.button-link,
button {
    border:none;
    background:#39f;
    color:white;
    padding:0px 8px;
    line-height:30px;
    font-weight:bold;
    cursor:pointer;
}
button:active {
    color:#39f;
    background:#ddd;
}

/* hot topics widget */
.forumbox h3 {
    background:#39f;
    margin:-10px -10px 10px;
    color:white;
    line-height:32px;
    padding:0 10px;
}
.forumbox .widget {
    border: 1px solid #ccc;
    padding:10px;
    height:320px;
}
.topic-author {
    float:left;
    margin-right:8px;
}

/* hide mobile only elements on desktop */
.mobileAd {
    display: none;
}
html.mobile .mobileAd {
	display:block;
}
html.tablet .mobileAd {
	display:block;
}
.desktopAd {
	display:none;
}
html.desktop .desktopAd {
	display:block;
}

/* mobile app banner */
.upsquare-banner-frontend {
  z-index:2147483001;
}
.upsquare-banner__actions {
  width:auto !important;
}