/*  
Theme Name: Photonicmoments 2020
Theme URI: http://www.photonicmoments.net
Description: 
Version: 1.1
Author: Jure Legac, Borut Savski
Author URI: http://www.juhuhu.org, http://www.3via.org/borut

*/

@font-face {
	font-family: NunitoSans-Bold;
	src: url(fonts/NunitoSans-Bold.ttf);
	src: local("NunitoSans-Bold"), url(fonts/NunitoSans-Bold.ttf) format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: NunitoSans-Regular;
	src: url(fonts/NunitoSans-Regular.ttf);
	src: local("NunitoSans-Regular"), url(fonts/NunitoSans-Regular.ttf) format("opentype");
	font-weight: normal;
	font-style: normal;
}


/*--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html { 
	margin:0px; 
	padding:0px; 
}
body {
	font-family: NunitoSans-Regular, sans-serif;
	font-size: 11px; 
	padding: 0;
	margin: 0;
	padding-left:25px; 
	padding-right:25px; 
	background-color: #fff;
}

#wrapper {
	display:block;
	width: 100%;
	max-width: 1300px;	
	margin: 0px auto;
	padding: 0;
	border: 0;
}

#subsubfooter {
	text-align:center;
}

#container {
	padding: 0;
	border: 0;
}

#container a {
	text-decoration:none;
}

/* Header */

#header {
	display:block;
	position:relative;
	vertical-align:top;
	height: 50px;
	width: 100%;
	height: auto;
	padding:0;
	margin:0;
	padding-top:25px;
	padding-bottom:45px;
	border:0;
	border-bottom:1px solid #000;
}

#header .left {
	display:block;
	vertical-align:top;
	text-align:left;
	width:50%;
	padding:0;
	padding-top:25px;
	white-space:nowrap;
}
#header .left #homelink img {
	display:inline-block;
	margin-right:45px;
}
#header .left #emoplink img {
	display:inline-block;
	padding-left:45px;
	border-left:1px solid #000;
}

#header .right {
	display:block;	
	position:absolute;
	top:12.5px;
	right:0px;
	text-align:right;
	padding-left:auto;
	white-space:nowrap;
}

/**/
#container #threecells {
	display:block;
	position:relative;
	top:-2px;
	padding:0;
	margin:0;
	border:0;
	border-left:1px solid black;
	background-color:#fff;
}
/**/
#threecells .firstrow .secondcell {
	display:table;
	position:relative;
	padding:0;
	margin:0;
} 
#threecells .secondrow {
	display:block;
}
#threecells .secondrow .secondcell {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	vertical-align:top;
}

#threecells .thirdcell {
	display:table-cell;
	padding:0;
	margin:0;
	vertical-align:top;
	min-width:330px;
	width:33%;
	padding-right:20px;
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 1.1em;
}
#threecells .thirdcell p {
	margin:0;
	margin-top:0px;
	margin-bottom:20px;
}

.thirdcell div h3 {
	margin:0;
	padding:0;
	margin-top:5px;
	line-height:26px;
	width:100%;
	border:0;
}
.thirdcell div h3 a {
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 1.4em;
}
.thirdcell ul#feedrotate {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	text-indent: 0px;
	list-style: none;
}

ul#feedrotate li {
	margin:0;
	padding:0;
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 1.3em;
	width:100%;
}
ul#feedrotate li a {
	width:320px;
	overflow:hidden;
}
ul#feedrotate li a img {
	margin:0;
	padding:0;
	width:320px;
	height:auto;

}
#threecells .thirdcell .block-right {
	position:relative;
	display:block;
	float:left;
	min-width:320px; /*310px*/
	top:-5px;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}
#threecells .thirdcell .block-right .picture {
	/*width:320px;
	overflow:hidden;*/
}
#threecells .thirdcell .block-right .picture img {
	width:320px;
	height:auto;
}
#threecells .thirdcell .block-right .blocktext h3 {
	text-align:center;
}
#threecells .thirdcell .block-right .blocktext .block-entry {
	text-align:left;
}

#threecells .secondcell #bottombanners {
	padding: 0;
	position:relative;
	height:auto;
	width:100%;
	padding-top:5px;
	/*margin: 0 auto;*/
	text-align:center;
}
#bottombanners .block-bottom .block-entry {
	margin: 0;
	padding: 0;
	display:none;
}

#bottombanners .block-bottom, #bottombanners .block-bottom .picture, #bottombanners .block-bottom .picture img {
	margin: 0;
	padding: 0;
	width:100%;
}
#bottombanners .widget {
	text-align:center;
}
#bottombanners img {
}

#threecells .secondcell #content {
	margin:0;
	padding:0;
	width: 100%; 
}
.menu-toggle {
	font-family: NunitoSans-Regular,sans-serif;
	font-size:1.6em;
	color:#fff;
}	
.top-header-menu.menu-toggle {
	display: block;
	color:#000;
}

.header-menu.menu-toggle {
	display: none;
	
}

#threecells .secondcell #content #contentbody #menuline {
	position: relative;
	display:block;
	width:100%;
	z-index:10;
	height:20px;
	margin:0;
	padding:0;
	margin-bottom:5px;
}


a:link {  
	color: #000;
	text-decoration: none; 
}
a:hover { 
	color: #333;
	text-decoration: underline;  
}
a:visited { 
	color: #666;
	text-decoration: none;  
}
a:active{ 
	color: #000;
	text-decoration: none; 
}


/* main content styles*/

#content #contentbody { 
	text-align: left; 
	padding: 0;
	width: 100%;
	position:relative;
}

#content #contentbody #main-content {
	padding: 0;
	margin: 0;
	/*font-size: 1.0em;*/
	color: #000;
	width: 100%;
}
#content #contentbody #main-content p {
	font-size: 1.3em;
}

#main-content .thickline {
	clear:both;
	display:block;
	border-top:10px solid #000;
	width:150px;
	height:12.5px;
}
#main-content h2.pagetitle, 
#main-content h3.pagetitle {
	clear:left;
	text-transform:uppercase;
	width:100%;
	padding: 0;
	margin:0;
	font-family: NunitoSans-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 2.0em;
	text-align: left;
	color:#000;
}
#main-content h4.pagetitle {
	text-transform: normal;
	font-size: 1.8em;
	margin-bottom:0.5em;
}

#main-content h3.pagetitle {
	margin-top:25px;
}	
#main-content .post h2.pagetitle, 
#main-content .page h2.pagetitle, 
#main-content h2.pagetitle li, 
#searchclausesubmit {
	clear:left;
	text-transform:uppercase;
	width:100%;
	padding: 0;
	margin:0;
	font-family: NunitoSans-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 1.8em;
	text-align: left;
	color:#000;
}
#searchclausesubmit {
	width:auto;
}

#main-content .post {
	clear:both;
	display:block;
	position:relative;
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;	
	display:flex;
	width:100%;
	padding: 0;
	margin:0;
	margin-top:25px;
	margin-bottom:25px;
	height: 500px;
	background-color:#ddd;
	color:#000;
	overflow:hidden;
}	
#main-content .post.fullheight {
	height: auto;
	overflow:visible;
}
#main-content .post.fullheight .posttext-wide {
	padding-left: 25px;
	padding-right: 25px;	
	/*margin-right:25px;	*/
}
#main-content .post.halfheight {
	height: auto;
	max-height:300px;	
	overflow:hidden;
}
#main-content .post.halfheight .posttext-wide {
	padding-left: 25px;
	padding-right: 25px;
	height: auto;
	max-height:300px;	
}


#main-content .post a {
	color:#000;
}
	
#main-content .page .picture,
#main-content .post .picture {
	display:table-cell;
	vertical-align:top;
	padding: 0;
	margin:0;
	/*left cell width should adapt to image size - should push the right*/
	max-width:75%;
	overflow:hidden;
}

#main-content .page .picture img,
#main-content .post .picture img {
	height:100%;
	width:auto;
}

#main-content .post .picture.permalink {
	cursor:pointer;
}
#main-content .page .picture .wp-caption-text,
#main-content .post .picture .wp-caption-text {
	display:none;
}

#main-content .page .posttext,
#main-content .post .posttext {
	position:relative;
	display:table-cell;
	float:right;
	vertical-align:top;
	padding: 0;
	padding-left: 25px;
	padding-right: 25px;	
	margin:0;
	width:75%; /*gets pushed to the right*/
	min-width:33%;
	font-size: 1.2em;
}	
#main-content .page .posttext h3,
#main-content .post .posttext h3 {
	width:75%;
	padding: 0;
	margin:0;
	margin-top:25px;
	font-family: NunitoSans-Bold, sans-serif;
	font-size: 2.6em;
	color:#000;
}	
#main-content .page .posttext h3 a,
#main-content .post .posttext h3 a {
	color:#000;
}

#main-content .page .posttext p,
#main-content .post .posttext p {
	line-height:1.5em;
	color:#000;
}
#main-content .posttext .more-link {
	display: block;
	margin-top:10px;
	color:#000;
}
#main-content .post.category .posttext {
  /*mix-blend-mode: hard-light;*/
}
#main-content .post.category .posttext:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 2.8em;
  width:100%;
  background: linear-gradient(transparent, gray);
  z-index:1;
}
#main-content .post.category .posttext .special-caption {
	position:absolute;
	bottom:0;
	left:0;
	/*background-color:rgba(200,200,200,1);*/
	background-color:rgba(110,110,110,1);
	color:#fff;
	z-index:2;
	height:2.8em;
	width:100%;
	padding-left:25px;
	padding-right:25px;
}
#main-content .post.category .posttext .special-caption p {
	color:#fff;
	line-height:1.8em;
	font-size: 1.1em;
	text-shadow: 4px 4px 8px #000;
	padding:0;
	margin:0;
	padding-top:6px;
}

#main-content .post .postfooter { 
	font-size:1.0em;
}
#main-content .post .postfooter a:link { 
	color: #000; 
	text-decoration: none; 
	font-weight: normal; 
}
#main-content .post .postfooter a:hover { 
	color: #666; 
	text-decoration: underline; 
	font-weight: normal; 
}
#main-content .post .postfooter a:visited { 
	color: #000; 
	text-decoration: none; 
	font-weight: normal; 
}
#main-content .post .postfooter a:active{ 
	color: #000; 
	text-decoration: none; 
	font-weight: normal; 
}

#main-content .post.middle,
#main-content .page.single,
#main-content .post.single {
	display:block;
	position:relative;
	background-color:#fff;
	height: 100%;
	width: 100%;
	overflow:visible;
}
#main-content .post.single .postfooter { 
	font-size:1.3em;
	padding-left:0px;
	padding-right:25px;
}

.picture-special {
	float:left;
	width:250px;
	margin-right:20px;
}

.posttext-special {
	float:left;
	width:650px;
}



/* entry */

.entry, .single-entry {
	font-size:1.0em;
	line-height:18px;
	padding:0;
}

.entry img {
	width: 198px;
	height:auto;
	padding: 12.5px;
	margin: 0;
	display: inline;
}
.entry span.moretext {
	 display:inline;
}

/* sidebar styles */

#sidebar {
 	float:right;
	margin: 0px; 
	display:block;
	overflow: hidden;
	width: 300px;
	height:auto;
	padding:0px;
}

#sidebar #searchbox, 
#sidebar #emailbox {
	text-indent: 10px; 
	text-align: left; 
	padding-left: 0px; 
	padding-top: 10px;
	width:auto; 
	height:auto;
	background-color: #fff;
}
#sidebar #search, 
#sidebar #email {
	background-color: #fff;
	width:125px;
}

#sidebar #applybox {
	display:none;
	background-color: #D9D9D9;
}
#sidebar #applybox #postaddress {
	width:180px;
	height:150px;
	background-color: #E8E8E8;
}

#sidebar a:link {  color: #9C4905; text-decoration: none; }
#sidebar a:hover {  color: #9C4905; text-decoration: underline; }
#sidebar a:visited {  color: #9C4905; text-decoration: none; }
#sidebar a:active{  color: #9C4905; text-decoration: none; }

#sidebar a:link {  color: #9C4905; text-decoration: none; } 
#sidebar a:hover {  color: #9C4905; text-decoration: underline; }
#sidebar a:visited {  color: #9C4905; text-decoration: none; }
#sidebar a:active{  color: #9C4905; text-decoration: none; }

#sidebar ul, #sidebar li, #container #content #sidebar ul {
	background-color: #FFF;
	width: auto;
	height: auto;
	text-align:left;
	margin:0px; 
	padding: 8px; 
	text-indent: 0px;
	list-style: none;
	width: 300px;
}
#sidebar ul h2, #container #content #sidebar ul h2 {
	background-color: #FFF;
	margin: 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding-bottom: 10px; 
}


#footer {
	position:relative;
	text-align:left;
	line-height:28px;
	width:100%;
	min-height:130px;
	height:auto;
	color:#000;
	text-decoration:none;
	font-family: NunitoSans-Regular, sans-serif;
	font-size: 1.2em; 
	padding-top: 50px;
	padding-bottom: 25px;
	border-top: 1px solid #000;
}

#footer #subfooter_left {
	padding:0;
	margin:0;
	text-align:left;
	line-height:15px;
	width:200px;
	float:left;
	z-index:1;
}
#footer #subfooter_middle {
	display:block;
	position:relative;
	width:99%;
}
#footer #subfooter_middle .textwidget {
	padding:5px;
	margin: 0 auto;
	white-space:nowrap;
}
#footer #subfooter_middle .textwidget img {
    vertical-align: middle;
    display: inline-block;
	margin-left:10%;
}

#footer #subfooter_right {
	position:relative;
	top:0;
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	width:auto;
	white-space:nowrap;
	z-index:1;
}

#login {
	position:absolute;
	top:25%;
	left:25%;
}

#divlogin {
	display:none;
	text-align:right;
	margin-right:6px;
}

.input {
	width:100px;
}

/* formatting */

hr { margin: 0px; padding: 0px; }
#linkcat-1 { list-style: none; padding: 0px; left: -10px; margin: 0px; }
#linkcat-2 { list-style: none; padding: 0px; left: 0px; margin: 0px; }
#linkcat-3 { list-style: none; padding: 0px; left: 0px; margin: 0px; }
#linkcat-4 { list-style: none; padding: 0px; left: 0px; margin: 0px; }


#sidebar #listpages li {
	font-size: 1.2em;
	margin: 0px;
	font-weight: bolder;
	color: #9C4905; 
	width: auto;
	height: auto;
	list-style: none;
	text-align:left;
	padding-top: 2px; 
	padding-bottom: 2px;
	padding-left: 0px; /*for ie*/
	-moz-padding-start:14px; /*for moz*/
	padding-right: 0px;
	margin-bottom:10px;
}

#sidebar #listpages li a:link, 
#sidebar #listpages li a:hover, 
#sidebar #listpages li a:visited, 
#sidebar #listpages li a:active {
	font-size: 1.0em;
	color: #333; 
}

a img {
	border: none;
}

#searchbox {
	display:inline-block;
	line-height:25px;
	color:#000;
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 1.3em; 
	text-transform:uppercase;
	width:auto;
}
#searchbox a {
	line-height:25px;
	padding:2px;
	padding-bottom:0px;
	padding-top:1px;
	color:#fff;
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 1.0em; 
	text-transform:uppercase;
	height:16px;
}
#searchbox a:hover {
	color: #333;
}
#searchbox a img {
	vertical-align:bottom;
}
#searchbox input {
	color:#999;
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 0.9em; 
	width:100px;
	border:1px solid #000;
}

.language_list {
	display:inline-block;
	font-weight: normal;
	text-align:left;
	white-space:nowrap;
	padding-left:0;
	padding-right:25px;
}
.language_list .language_item a {
	font-family: NunitoSans-Regular, sans-serif; 
	font-size: 1em; 
	color:#000;
	text-transform:uppercase;
	line-height:25px;
	padding-right:12.5px;
	padding-left:12.5px;
}
.language_list .language_item:first-of-type::after {
	content: " | ";
}

.language_list .current_language_item a {
	color:#9C4905; 
	text-transform:uppercase;
}

.language_item a:link, .language_item a:visited, .language_item a:active {
	text-decoration:none;
}

.language_item a:hover, .current_language_item a:link, .current_language_item a:visited, .current_language_item a:active {
	text-decoration:underline;
}


.alert, .alertfont {
	color: #9C4905;
}

.clearboth {
	clear:both;
}

/* Begin General Images */


p img {
	padding: 0;
	/*width: 100%;*/
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 0px;
	margin: 0px;
	display: inline;
}

img.alignleft {
	padding: 0px;
	margin: 0px;
	display: inline;
}


.alignright {
	float: right;
}

.alignleft {
	float: left
}
.wp-caption p, .wp-caption-text {
	font-size: 0.9em;
}
/* End General Images */

#block .block {
	width:185px;
	height:auto;
}

#block .blocktitle {
	height:auto;
}

#block .block img {
	position:relative;
	top:0px; /*-23px*/
	left: -7px;
	width:183px;
	height:auto;
	overflow:hidden;
	margin:0px;
}

small {
	font-size:0.9em;
}
small.postdatecolor {
	font-weight: normal;
	color:#000;
}
small.postdatecolor p {
	position:relative;
	top:-16px;
	/*line-height:0px;*/
}

.clearing {
	height:10px;
	clear:both;
}

.pagenav { 
	padding : 10px; 
	padding-left : 0; 
	text-indent : 0; 
	list-style : none; 
	line-height : 20px; 
	font-size : 1.0em; 
} 
.pagenav a {
	text-decoration:none;
	padding:2px;
}
.pagenav .pagenumber font {
	padding:2px;
	border : 1px solid; 
}
.pagenav .pagenumber a font {
	text-decoration:none;
	padding:2px;
	border : 0px solid; 
}

#nav { 
	padding-bottom : 10px; 
}


#main-content .navigation {
	text-align:center;
	width:100%;
	font-size:14px;
}

/**
 * 4.2 Drop Navigation
 * ----------------------------------------------------------------------------
 */

/* top menu in header */ 
#top-navbar,
.top-navbar {
	position:relative;
	left:0px;
	top:-25px;
}
 
.top-header-menu.menu-toggle {
	cursor: pointer;
	display: inline-block;
	float:right;
	background-image: url(images/menuon.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	width: 22px;
	height: 22px;
	margin: 0;
	padding:0;
	z-index:450;
}

.top-navbar {
	color: #000;
}

/* this is top menu - hidden at first */
ul.top-nav-menu,
div.top-nav-menu > ul {
	display: none;
}

.top-navbar.toggled-on .menu-toggle {
	background-color:#fff;
	border:1px solid #000;
	font-family: NunitoSans-Regular,sans-serif;
	font-size:1.6em;
	color: #000;
}
.top-navbar.toggled-on .top-nav-menu {
	clear:both;
	display: block;
	position:absolute;
	top:20px;
	right:-12.5px; 
	margin-left: 0;
	padding: 5px;
	padding-left: 0px;
	padding-right: 12.5px;
	width: 100%;
	height:auto;
	z-index:460;
	font-size:1.5em;
	line-height:1.8em;
	background-color:#fff;
	border:0;
}
.top-navbar.toggled-on .top-nav-menu li {
	position: relative;
	display: block;
	float:right;
	padding: 6px;
	padding-right: 0px;
	height: 21px;
	width:98%;
}
.top-navbar.toggled-on .top-nav-menu li.menu-item-has-children  {
	position: relative;	
	display: block;
	background-image: url(images/menuoff.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	cursor:pointer;
}
.top-navbar.toggled-on .top-nav-menu li > ul a {
	padding:0;
	border:0;
	color: #000;
	z-index: 450;
}
.top-navbar.toggled-on .top-nav-menu li a  {
	text-align:left;
	border:0;
	padding-right:0px;
	margin-right:0px;
	width:100%;
	max-width:250px;
}
.top-navbar.toggled-on .sub-menu  {
	display: none;
	padding:0;
	margin:0;
	position: relative;
	top:0px;
	left:-6px;
	width:50%;
	z-index:460;
	color:#000;
}
.top-navbar.toggled-on .sub-menu li {
	height:21px;
}
.top-navbar.toggled-on .sub-menu li:hover {
	text-decoration:none;
}
.top-navbar.toggled-on  .sub-menu li.menu-item  {
	margin-left: 12px;
}
.top-navbar.toggled-on .sub-menu li.menu-item:last-child a {
	margin-left: 0px;
	width:100%;
}
.top-navbar.toggled-on .sub-menu li a {
	font-size: 24px;
	position: relative;
	top:0px;
}
.top-navbar.toggled-on .top-nav-menu ul.sub-menu li a  {
	color:#fff;
	font-size:12px;
}
.top-navbar.toggled-on .sub-menu li, .toggled-on .sub-menu li a {
	z-index:460;
	border:0;
}
.top-navbar.toggled-on .sub-menu li a:hover,
.top-navbar.toggled-on .nav-menu li > ul a:hover,
.top-navbar.toggled-on .nav-menu li a:hover,
.top-navbar.toggled-on .nav-menu ul a:hover {
	color: #fff;
	color: #E79005;
}



/* add styles to the dropdown menu styles main menu */

/* add to the dropdown menu styles */
#menuline #menubar .textblock {
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}

#menuline #menubar .selected {
	color:#E79005;
}

/* Navbar */

.navbar {
	display:block;
	height:100%;
	min-height:21px;
	text-align:left;
	padding:0;
	margin:0;
	padding-top:45px;
	padding-bottom:35px;
	border:0;
}

.main-navigation {
	position: relative;
	width: auto;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
	width:auto;
}

.nav-menu li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}


.nav-menu li a {
	float:left;
	text-transform:uppercase;
	font-size: 1.3em;
	font-family: NunitoSans-Bold, sans-serif;
	text-decoration: none;
	padding:0;
	padding-right:25px;
	border:0;
	margin:0;
	line-height:1.6em;
	color:#000;
}

.menu-top-menu-container {
	display:inline-block;
	width:auto;
	white-space:nowrap;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	color:#000;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	color: #000;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: auto;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color:#000;
}

.nav-menu .sub-menu,
.nav-menu .children {
	display: none;
	position: absolute;
	top:21px;
	left: -12.5px;
	padding: 0;
	background-color: #fff;
	border: 0;
	z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	left: 100%;
}

/* remove white line in ul.sub-menu li */
.nav-menu .sub-menu li  {
	float:left;
	width:100%;
	min-height:21px;
	padding:6px;
	padding-left:12.5px;
	white-space:nowrap;
}

/*
gradient from darker to lighter - we have to go in reverse!
different gradients for 1st,2nd, etc 
.sub-menu li items font is white, hover is black*/

.sub-menu li:nth-child(0){
	background-color:#666;
}
.sub-menu li:nth-child(1){
	background-color:#999;
}
.sub-menu li:nth-child(2){
	background-color:#aaa;
}
.sub-menu li:nth-child(3){
	background-color:#bbb;
}
.sub-menu li:nth-child(4){
	background-color:#ccc;
}
.sub-menu li:nth-child(5){
	background-color:#ddd;
}
.sub-menu li:nth-child(6){
	background-color:#eee;
}
.nav-menu .sub-menu li a {
	width:100%;
	border:0;
	line-height:21px;
}

.first {
	background-color:#666;
}
.second {
	background-color:#999;
}
.third {
	background-color:#aaa;
}
.fourth {
	background-color:#bbb;
}
.fifth {
	background-color:#ccc;
}
.sixth {
	background-color:#ddd;
}
.seventh {
	background-color:#eee;
}


#container #topbar {
	display:inline;
	float:right;
	text-align:left;
	background-color:#fff;
	padding:5px;
	width:150px;
	text-indent: 0px;
	list-style: none;
	background-color:#fff;
}
#loginimg {
	display:inline;
	width:20px;
	float: right;
	cursor:pointer;
}
#loginbox {
	background-color:#fff;
	display:none;
	width:180px;
	float:right;
	padding:5px;
	z-index:1000;
}

#cycling {
	display:block;
	position:relative; 
	height:600px;
	width:100%;
	padding:0;
	margin:0;
	border:0;
}
#cycling .post {
	/*cycle script positions this elements to absolute*/ 
	padding:0;
	margin:0;
	border:0;
	width:100%;
	height:inherit;
}
#cycling .post .picture {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	border:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#cycling .post .picture img {
	position:relative;
	width:auto;
	height:100%;
}
.single_cycling_posttext,
#cycling .post .posttext {
	display:block;
	position:absolute; /* absolute re: relative*/
	top:0px;
	right:0px;
	width:40% !important;	
	height:600px !important;
	padding:25px;
	padding-top:0px;
	font-size: 1.0em;
	background-color:rgba(255,255,255,0.7);
	z-index:100; /*should be over any z-index attributed to .post*/
}
.single_cycling_posttext {
	top:100px;
}
.single_cycling_posttext a.nochange:hover,
.single_cycling_posttext a.nochange:visited {
	text-decoration:none;
	color: #000;	
}

.single_cycling_posttext h3,
#cycling .post .posttext h3 {
	font-family: NunitoSans-Bold, sans-serif;
	font-size: 3.4em;
	margin:0;
	padding:0;
	margin-top:100px;
	margin-bottom:50px;
	width:auto;
}
.single_cycling_posttext p,
#cycling .post .posttext p {
	margin:0;
	padding:0;
	line-height:2.0em;
	font-size: 1.6em;
	color:#000;
}

.single_cycling_posttext hr,
#cycling .post .posttext hr,
#cycling .post .posttext .entry {
	display:none;
}

#homeblock-content {
	display:block;
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;	
	flex-flow: row wrap;
	justify-content: space-between;
	display:flex;
	padding: 0;
	padding-top:45px;
	padding-bottom:90px;
	margin: 0;
	width: 100%;
	height:auto;
}

#homeblock-content .homeblock {
	/*display:table-cell;
	display: inline-flex;
	vertical-align:top;*/
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin:0;
	padding:0;
	height:270px;
	width:20%;
	width: calc(1/4*100% - (1 - 1/4)*50px);	/*calculate for 3 and 2 also */
	box-sizing: border-box;
	margin-bottom: 50px;
	overflow:hidden;
}

#homeblock-content .homeblock h2.title {
	padding:0;
	margin:0;
	padding-left:25px;
	font-family: NunitoSans-Bold, sans-serif;
	font-size: 1.2em;
	text-transform:uppercase;	
	text-align: left;
	height:25px;
	line-height:25px;
	background-color:#ccc;
	color: #000;
}

#homeblock-content .homeblock .post.block {
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	background: rgb(204, 204, 204); /* fallback for older browsers without RGBA-support */
	background: rgba(204, 204, 204, 0.5);
	margin:0;
	padding:0;
}

#homeblock-content .homeblock .post.block .picture {
    position: absolute;
	margin:0;
	padding:0;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	max-width:100%;
}

#homeblock-content .homeblock .post.block .picture img {
	width:120%;
	height: auto;
	min-height: 100%;
	width:auto;
	z-index: 1;
	-webkit-filter: blur(5px); /* Safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='5')"; /* IE 8+ */
    filter: blur(5px); /* IE 7 and the rest of the world */  
}	

#homeblock-content .homeblock .post.block .posttext {
	display:block;	
	position: relative; 
    z-index: 2;
	top: 0;
    bottom: 0;
    left: 0;
	right: 0;
	margin:0;
	padding:25px;
    height:100%;
	width:90%;
	font-family: NunitoSans-Regular, sans-serif; 
	text-align:left;
	background-color: rgba(256, 256, 256, 0.5);
}

#homeblock-content .homeblock .post.block .posttext h3 {
	font-family: NunitoSans-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 1.5em; 
	text-align:left;
	color:#000;
	width:90%;
	margin-top:0px;
	padding-left:0px;
	z-index:10;
}
#homeblock-content .homeblock .post.block .posttext p {
	font-size: 1.2em; 
	color:#000;
	padding-left:0px;
}

#homeblock-content .homeblock .post.block .posttext div.colored {
	width:260px;
	text-align:left;
	color:#9C4905;
	z-index:10;
}

#homeblock-content .homeblock .post.block .posttext .entry {
	display:block;
}


/* widgets */

.widget {
	list-style: none;
	width: 100%;
}
.widgettitle {
	color:#000;
	font-family: NunitoSans-Regular, sans-serif;
	font-size: 1.3em; 
	text-transform:uppercase;
}
.albumlist {
	width: 100%;
}

/*embed facebook plugin*/
.wef-classic,
.wef-measure,
.wef-default {
	/*margin-right:25px !important;*/
	padding-left:0px !important;
	padding-right:0px !important;
	max-width:100% !important;
	width:100% !important;
}
.wef-default .wef-row .wef-col-3.wef-text-center,
.wef-default .wef-row .wef-col-9.wef-pl-none {
	display:none;
}

.fb-video {
	max-width:100% !important;
	width:100% !important;
	/*margin-right:25px !important;*/
}
.wef-default .row {
	display:table;
	width:100%
}
.wef-album-thumbs{
	display:inline-block;
	float:left;
}

.wef-default div.wef-album-thumbleft {
	float:left;
}

/*do not show first line*/
.wef-classic .row .col-3,
.wef-default .row .col-3{
	display:none;
}
.wef-classic .row .col-9,
.wef-default .row .col-9{
	display:none;
}
.wef-classic hr,
.wef-default hr{
	display:none;
}

/**/
.post.category.fullheight .embeded-video-container {
	position:relative;
	width:inherit;
	height:inherit;
}
.post.category.fullheight .fb-video  {
	max-width:550px !important;
}
.post.category.fullheight .embeded-video-container iframe {
	width:inherit;
	height:inherit;
	max-width:550px !important;
}

.post.category.fullheight .embeded-video-container img {
	width:100%;
	height:auto;
	background-color: transparent;
}
.post.category.fullheight .embeded-video-container .playlink {
	z-index:3;
}
.post.category.fullheight .embeded-video-container .playicon {
	background-image:url("img/video.png");
	background-repeat: no-repeat;
    background-position: center; 
	background-size: 320px 150px;
	background-color: transparent;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	min-height: 150px;
	overflow: hidden;
}
.post.category.fullheight .embeded-video-container .playicon img {
	display:none;
}
.post.category.fullheight .embeded-video-container .playicon:hover {
}
.post.category.fullheight .embeded-video-container .playcaption {
	position:relative;
	top:20px;
	z-index:10;
}



/* VANILLA GALLERIES */

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

/* MEDIA */

figcaption,
.wp-caption-text {
	margin-top: 1.0rem;
}

/* begin from 2020 */

/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

/**
svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}
**/

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.0rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -1.4em;
	width: calc(100% - 1em);
	padding: 0 0.8em;
}
.gallery-item {
	margin: 0 1.4em 1.4em 0.8em;
}

figure.wp-caption,
figure.wp-caption img.size-full,
.gallery-item img.attachment-large,
.gallery-item img.size-large,
.wp-caption img.size-large {
	width:calc(100% - 1em) !important;
	height:auto !important;
}

.gallery-caption {
	display: block;
	/*margin-top: 0.8em;*/
}

/* end from 2020 */


#main-content .post.single .thickline {
	margin-top:25px;
}
#main-content .post.single .picture {
	position:relative;
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	padding:0;
	margin:0;
	top:0;
	/*
	overflow:visible;
	overflow-y:hidden;
	overflow-x:hidden;
	*/
}
#main-content .post.single .picture img {
	padding:0;
	margin:0;
	width:100%;
	height:auto;	
}
#main-content .post.single .picture .special-caption {
	position:absolute;
	bottom:3px;
	left:0;
	background-color:rgba(200,200,200,0.7);
	color:#fff;
	z-index:1;
	height:2.8em;
	width:100%;
	padding-left:25px;
	padding-right:25px;
}
#main-content .post.single .picture .special-caption p {
	color:#fff;
	text-shadow: 4px 4px 8px #000;
	font-size: 1.3em;
	padding:0;
	margin:0;
	padding-top:6px;
}
#main-content .post.single .intro {
	float:left;
	display:block;
	position:relative;
	top:-22px;
	padding:0;
	width: 33%;
	min-height:200px;
	min-width:150px;
	border-right:1px solid #000;
}
#main-content .post.single .intro .pagetitle {
	padding-top:25px;
	text-transform:none;
	font-size: 3.0em;
	color:#000;
	width:75%;
}
#main-content .post.single .intro .excerpt {
	text-transform:none;
	font-size: 2.6em;
	color:#000;
}

#main-content .post.single .entry-gallery {
	position:relative;
	/*top:50px;*/
	float:left;
	display:block;
	padding-right:25px;
	padding-bottom:70px;
	width: 100%;
}
#main-content .post.single .entry-gallery img,
#main-content .post.single .entry-gallery .gallery-item a, 
#main-content .post.single .entry-gallery .gallery-item img {
	width:inherit !important;
	width: 100% !important;
	height:auto !important;
}
#main-content .post.single .entry-gallery .wp-caption-text {
	height:auto !important;
	font-size:1.0em;
	padding:0;
	margin:0;
	margin-bottom:15px;
}

#main-content .post.single .posttext {
	float:none;
	display:inline-block;
	position:relative;
	top:-22px;
	width: 63%;
	padding:0;
	float:right;
}
#main-content .post.single .posttext p {
	padding:0;
}
#main-content .post.single .posttext .single-entry {
	display:block;
}
#main-content .post.single .posttext .single-entry p {
	display:block;
	font-size: 1.3em;
	line-height:1.2em;
	color:#333;
}


.gallery .thickbox {
	display:inline-block;
	position:relative;
	padding:0;
}

/* ---------->>> thickbox specific link and font settings <<<---------*/
#TB_window {
	font: 12px NunitoSans-Regular, sans-serif;
	/*font: 14px "Open Sans", sans-serif;*/
	color: #000;
}
#TB_ImageOff{
	position:relative;
	top:5px;
	right:0px;
	margin:0;
	margin-left:15px;
}
#TB_window img#TB_Image{
	border:0;
	margin-top:0;
}
padding-leftine {
	color:#000;
	padding-top: 5px;
	font-size:14px;
}

.rtl #TB_window,
.rtl #TB_secondLine {
}

:lang(he-il) .rtl #TB_window,
:lang(he-il) .rtl #TB_secondLine {
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_caption {
	text-align: center;
    padding-top: 5px !important;
    padding-left: 0px !important;
	width: 100%;
	font-size:16px;
	height:auto;
}
#TB_caption #TB_secondLine {
    padding: 5px;
	font-size:11px;
} 

#TB_closeWindow {
	display:none;	
	float: none;
}

#TB_prev {
	float: left;
	padding-left: 10px;
}

#TB_next {
	float: right;
	padding-right: 10px;
}

#TB_prev a,
#TB_next a {
	text-decoration: none;
}


	/* Blocks -------------------------------- */

	/* BLOCK: SHARED MEDIA STYLES */

	.wp-block-embed figcaption,
	.wp-block-image figcaption {
		font-size: 1.6rem;
	}

	/* BLOCK: BASE MARGINS */

	.wp-block-archives:not(.alignwide):not(.alignfull),
	.wp-block-categories:not(.alignwide):not(.alignfull),
	.wp-block-code,
	.wp-block-columns:not(.alignwide):not(.alignfull),
	.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
	.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
	.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
	.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
	.wp-block-media-text:not(.alignwide):not(.alignfull),
	.wp-block-preformatted,
	.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
	.wp-block-quote,
	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large,
	.wp-block-verse,
	.wp-block-video:not(.alignwide):not(.alignfull) {
		margin-bottom: 4rem;
		margin-top: 4rem;
	}

	/* BLOCK: COLUMNS */

	.wp-block-columns.alignwide + .wp-block-columns.alignwide,
	.wp-block-columns.alignfull + .wp-block-columns.alignfull {
		margin-top: -6rem;
	}

	.entry-content .wp-block-columns h1,
	.entry-content .wp-block-columns h2,
	.entry-content .wp-block-columns h3,
	.entry-content .wp-block-columns h4,
	.entry-content .wp-block-columns h5,
	.entry-content .wp-block-columns h6 {
		margin: 3.5rem 0 2rem;
	}


	/* BLOCK: COVER */

	.wp-block-cover-image .wp-block-cover__inner-container,
	.wp-block-cover .wp-block-cover__inner-container {
		width: calc(100% - 8rem);
	}

	.wp-block-cover-image h2,
	.wp-block-cover h2 {
		font-size: 4.8rem;
	}

	/* BLOCK: GALLERY */

	figure.wp-block-gallery.alignnone,
	figure.wp-block-gallery.aligncenter {
		margin-bottom: 4rem;
		margin-top: 4rem;
	}

	figure.wp-block-gallery.alignwide,
	figure.wp-block-gallery.alignfull {
		margin-bottom: 6rem;
		margin-top: 6rem;
	}

	/* BLOCK: GROUP */

	.wp-block-group.has-background {
		padding: 4rem;
		margin-top: 0;
		margin-bottom: 0;
	}

	.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
		padding-left: 0;
		padding-right: 0;
	}

	/* BLOCK: MEDIA AND TEXT */

	.wp-block-media-text .wp-block-media-text__content {
		padding: 4rem;
	}

	/* BLOCK: PULLQUOTE */

	.wp-block-pullquote blockquote p {
		font-size: 3.2rem;
	}

	.wp-block-pullquote cite {
		margin-top: 2rem;
	}

	.wp-block-pullquote.alignfull:not(.is-style-solid-color) {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.wp-block-pullquote.alignwide::before,
	.wp-block-pullquote.alignfull::before {
		font-size: 11.272727272rem;
		height: 8rem;
		margin-bottom: 2rem;
		width: 8rem;
	}

	.wp-block-pullquote.alignwide blockquote p,
	.wp-block-pullquote.alignfull blockquote p {
		font-size: 4.8rem;
		line-height: 1.203125;
	}

	.wp-block-pullquote.alignleft p,
	.wp-block-pullquote.alignright p,
	.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
	.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
		font-size: 3.2rem;
		line-height: 1.1875;
	}

	.wp-block-pullquote.is-style-solid-color.alignwide,
	.wp-block-pullquote.is-style-solid-color.alignfull {
		padding: 6rem 4rem 4rem;
	}

	.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
	.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
		font-size: 2.6rem;
	}

	/* BLOCK: QUOTE */

	.wp-block-quote.is-large p,
	.wp-block-quote.is-style-large p {
		font-size: 2.8rem;
	}

	/* BLOCK: SEPARATOR */

	hr.wp-block-separator {
		margin: 6rem auto;
	}

	.wp-block-separator.is-style-wide {
		max-width: calc(100vw - 8rem);
	}


#ecd_opt_in_banner {
	right: 0 !important;
	font-size:18px;
}
a#ecd_opt_in_checkbox {
	font-weight:bolder;
	white-space:nowrap;
}

/**
responsive adaptations 
above is for > 1300 	//resize to 100%
start adapting at 1100	//resize to 77%
*/


@media (max-width: 1300px) {
	body {
		font-size: 10px; 
	}

}


@media (max-width:1068px) {
	body {
		font-size: 9px; 
	}
	#threecells .secondcell, #content {
		width: 100%;		
	}
	#threecells .secondcell #bottombanners, #threecells .secondcell #bottombanners .block-bottom .picture, #threecells .secondcell #bottombanners .block-bottom .picture img {
		width: 100%;		
	}
	#threecells .thirdcell {
		width:50%;
	}
	.wef-classic,
	.wef-default {
		width: 100% !important;		
	}

	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) {
		height: 300px;
		position:relative;
	}
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) .picture, 
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) .posttext {
		height: 300px !important;
	}
	
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) .picture img { 
		height: 300px !important;
		width:auto;
	}
	#main-content .post:not(.single) .posttext {
		min-width:40%;
	}	
	
	#cycling  {
		height:500px !important;
	}	
	.single_cycling_posttext,
	#cycling .post .posttext {
		height:500px !important;
	}

	#homeblock-content .homeblock {
		height: 250px;
		width: calc(1/3*100% - (1 - 1/3)*50px);	/*calculate for 3 */
	}

	#homeblock-content .homeblock .post.block h2, 
	#homeblock-content .homeblock .post.block .posttext, 
	#homeblock-content .homeblock .post.block .posttext h3 {
	}
	#homeblock-content .homeblock .post.block .posttext p {
	}
	#homeblock-content .homeblock .post.block .picture img {
	}
	#homeblock-content .homeblock .post.block .posttext {
		width: 93% !important;
	}
	#footer #subfooter_middle {
		text-align:right;
	}
	#footer #subfooter_middle .textwidget {
	}
	#footer #subfooter_middle .textwidget img {
		margin-left:0;
		margin-right:5%;
		width:18%;
		height:auto;
	}
	#footer #subfooter_right {
		width:auto;
	}	
	#footer #subfooter_right .textwidget img  {
		height:1.5em;
		width:auto;
	}
	
}


@media (max-width: 667px) {

	body {
		font-size: 8px; 
	}
	#header .left #homelink img {
		margin-right:10%;
	}	
	#header .left #emoplink img {
		padding-left:10%;
		width:30%;
		height:auto;
	}	
	#threecells .secondcell {
		width: 50%;	
	}
	#threecells .topmenuline.secondcell { 
		width:50%;
	}
	#threecells .topmenuline.thirdcell {
		width:50%;
	}
	#site-navigation.sub-navigation {
		border-right:0px;
		padding-right:0px;
	}

	/* top menu items */	
	#searchbox {
		float:none;
	}
	.language_list {
		float:none;
	}
	.searchclause, .searchoverflow {
		width:162px;
	}

	/*first adapt .top-nav-menu*/
	.top-navbar.toggled-on .top-nav-menu {
		width:50%;
	}

	.header-menu.menu-toggle {
		cursor: pointer;
		display: block;
		position:relative;
		top:-2px;
		background-color:#000;
		background-image: url(images/menuoff.png);
		background-repeat: no-repeat;
		background-size: 22px 22px;
		background-position: 80px center;
		width: 100px;
		font-family: NunitoSans-Regular,sans-serif;
		color: #fff;
		font-size: 2.3em;
		line-height: 1;
		text-align:left;	
		text-decoration: none;
		white-space: nowrap;
		margin: 0;
		padding:5px;
		border:1px solid #000;
		z-index:450;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	.navbar.toggled-on {
		color: #000;
	}
	.navbar.toggled-on .menu-toggle {
		background-color:#fff;
		background-image: url(images/menuon.png);
		border:1px solid #000;
		color: #000;
	}
	.navbar.toggled-on .nav-menu {
		clear:both;
		display: block;
		position:absolute;
		top:45px;
		margin-left: 0;
		padding: 5px;
		padding-left: 12.5px;
		width: 75%;
		min-width: 350px;
		height:auto;
		z-index:450;
		background-color:#fff;
		border:0;
		left:-12.5px; 
	}
	
	.navbar.toggled-on .nav-menu li {
		position: relative;
		display: block;
		float:left;
		padding: 6px;
		height: 21px;
		width:98%;
	}
	.navbar.toggled-on .nav-menu li.menu-item-has-children  {
		position: relative;	
		display: block;
		background-image: url(images/menuon.png);
		background-position: 98% 50%;
		background-size: 22px 22px;
		background-repeat: no-repeat;
		cursor:pointer;
	}
	.navbar.toggled-on .nav-menu li > ul a {
		padding:0;
		border:0;
		color: #000;
		z-index: 450;
	}
	.navbar.toggled-on .nav-menu li a  {
		text-align:left;
		border:0;
		padding-right:0px;
		margin-right:0px;
		width:90%; /*should be shorter to allow submenu*/
		max-width:480px;
	}
	.navbar.toggled-on .sub-menu  {
		display: none;
		padding:0;
		margin:0;
		position: relative;
		top:0px;
		left:-6px;
		width:50%;
		z-index:460;
		color:#fff;
	}
	.navbar.toggled-on .sub-menu li {
		height:21px;
	}
	.navbar.toggled-on .sub-menu li:hover {
		text-decoration:none;
	}
	.navbar.toggled-on  .sub-menu li.menu-item  {
		margin-left: 12px;
	}
	.navbar.toggled-on .sub-menu li.menu-item:last-child a {
		margin-left: 0px;
		width:100%;
	}
	.navbar.toggled-on .sub-menu li a {
		font-size: 24px;
		position: relative;
		top:0px;
	}
	.navbar.toggled-on .nav-menu ul.sub-menu li a  {
		color:#fff;
		font-size:12px;
	}
	.navbar.toggled-on .sub-menu li, .toggled-on .sub-menu li a {
		z-index:460;
		border:0;
	}
	.navbar.toggled-on .sub-menu li a:hover,
	.navbar.toggled-on .nav-menu li > ul a:hover,
	.navbar.toggled-on .nav-menu li a:hover,
	.navbar.toggled-on .nav-menu ul a:hover {
		color: #333;
	}
	
	#content {
		width: 100%;		
	}
	.wef-classic,
	.wef-default {
		width: 100% !important;		
	}
	
	#threecells .secondcell #bottombanners, #threecells .secondcell #bottombanners .block-bottom .picture, #threecells .secondcell #bottombanners .block-bottom .picture img {
		width: 100%;		
	}
	
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) {
		height: 200px;
	}
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) .picture, 
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) .posttext {
		height: 200px !important;
	}
	#main-content .post:not(.single):not(.block):not(.cycle):not(.fullheight) .picture img { 
		height: 200px !important;
		width:auto;
	}

	#main-content .post.single {
		height:auto;
		overflow:visible;
	}

	#main-content .post.single .intro,
	#main-content .post.single .posttext,
	#main-content .post.single .posttext .entry-gallery,
	#main-content .post.single .posttext .single-entry {
		width: 100%;
	}
	#main-content .post.single .intro,
	#main-content .post.single .posttext {
		float:none;
		margin-bottom:25px;
	}

	.intro .pagetitle {
		word-wrap:break-word;
	}

	#cycling {
		height:400px !important;
	}
	.single_cycling_posttext,
	#cycling .post .posttext {
		height:400px !important;
	}
	
	#homeblock-content .homeblock {
		width: calc(1/2*100% - (1 - 1/2)*50px);	/*calculate for 2 */
		max-height:300px !important;
	}
	#homeblock-content .homeblock .post.block {
		background: rgba(204, 204, 204, 1) !important; /* fallback for older browsers without RGBA-support */
		width:101%;
		margin:0;
		padding:0;
	}
	#homeblock-content .homeblock .post.block .picture img {
		-webkit-filter: none !important; /* Safari */
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(enabled=false)"; /* IE 8+ */
		filter: none !important; /* IE 7 and the rest of the world */  
	}	
	#homeblock-content .homeblock .post.block .posttext {
		z-index: 2;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin:0;
		padding:25px;
	}
	#homeblock-content .homeblock .post.block .posttext h3,
	#homeblock-content .homeblock .post.block .posttext h4,
	#homeblock-content .homeblock .post.block .posttext p {
		background-color: #fff;
		display:inline-block;
		vertical-align:middle;
		line-height:16px;
		padding:2px;
		padding-top:4px;
		width:auto;
	}

	#footer #subfooter_middle {
		clear:both;
		position:relative;
		top:0px;
	}
	
}

@media (max-width: 600px) {
	/* pin it to top */
	#wpadminbar {	
		top:-46px;
	}

}

@media (max-width:480px) {

	html.no-js.no-svg  {
		margin:0 !important;
	}
	body {
		font-size: 7px; 
		padding:0;
		padding-left:12.5px;
		padding-right:12.5px;
	}
	#wpadminbar {	
		display:none;
	}
	#header .left img {
		padding:0;
		margin:0;
	}

	#threecells .secondcell {
		width: 50%;		
	}
	#threecells .topmenuline.secondcell { 
		width:50%;
	}
	#threecells .topmenuline.thirdcell {
		width:50%;
		min-width: 180px;
		text-align:right;
	}

	#cycling {
		height:300px !important;
	}
	.single_cycling_posttext,
	#cycling .post .posttext {
		height:300px !important;
		padding:12.5px;	
	}
	.single_cycling_posttext h3,
	#cycling .post .posttext h3 {
		margin-top:25px;
		margin-bottom:25px;
		width:75%;
	}	

	#homeblock-content .homeblock {
		height:300px;
		margin-bottom: 25px;
		width:100%;
		/*width: calc(1/2*100% - (1 - 1/2)*12.5px);*/	/*calculate for 2 */
		
	}
	#homeblock-content .homeblock h2.title {
		padding-left:12.5px;	
	}
	#homeblock-content .homeblock .post.block .posttext {
		padding:12.5px;	
	}
	#main-content .post.single .picture .special-caption {
		bottom:2px;
		padding-left:12px;
		padding-right:12px;
	}

	#main-content .post.single .intro {
		width:100%;
		min-height:100px;
		border:0;
	}
	#main-content .post.single .posttext {
		width:100%;
	}
	#main-content .post.fullheight .posttext-wide { 
		padding-left:12px;
		padding-right:12px;
	}
	.post.category.fullheight .embeded-video-container {
		width:100%;
	}
	.post.category.fullheight .embeded-video-container .fb-post.fb_iframe_widget span {
		width:100% !important;
		height:auto;
	}	
	.post.category.fullheight .embeded-video-container iframe {
		left:-12px;
		width:100%;
	}	
	#main-content .post.single .posttext .single-entry {
	}
	#main-content .post.single .posttext .single-entry p {
	}
	
	#footer #subfooter_middle .textwidget {
		width:100%;
		white-space:normal;
	}
	#footer #subfooter_middle .textwidget img {
	}

	#TB_window{
		width: 99% !important;
		height:auto !important;
		margin-left: -207px !important;
		margin-top:auto !important;
		margin-bottom:auto !important;
		top:auto !important;
		bottom:10% !important;
		margin-left:calc(-94vw/2) !important;
	}
	#TB_Image {
		width: 90% !important;
		height:auto !important;
	}
	
}