/*
Theme Name: The7.2
Theme URI: http://dream-theme.com/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 2.1.7
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
*/

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700&subset=latin,latin-ext);
#header{position:fixed}
.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}


.wp-caption-text,
.sticky, 
.gallery-caption,
.bypostauthor {}
.border-left{border-left:1px solid #eaeaea}
.footer-left{font-size:12px;line-height:20px}
.circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#b4b4b4;
	 width: 50px;
   	 height: 50px;
}
.circle i.fa{color:#4d4d4d}
.page-title{margin-top:20px}


.branding-links{margin-bottom:10px}
.branding-links img {vertical-align:middle;margin-right:5px;}

#branding-bottom {vertical-align:top}
#branding-bottom .separator
{
margin-right: 50px;

}
#page.boxed 
{box-shadow:none !important}
.team-desc {text-align:left}
.team-container{padding-left:20px;border-left:1px solid gray; float:left}
.team-container .team-desc {padding-top:0px}
.left{float:left}
.right{float:right}
.width-10{width:11%}
.clear{clear:both;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid gray;
}

.letters a , .filter_sectors a.sector{color:#009ee3; background-color:#ececec; padding:3px 13px ;  text-decoration:none; margin-right:2px; cursor:pointer}
.letters a:hover, .filter_sectors a.sector:hover  { background-color:#009ee3; color:#fff;}
.letters a:first-child { background-color:#009ee3; color:#fff;}


.filter_sectors{display:none}
.filter_team{text-align:left;display:block;}
.filter_team .filters {display:inline;cursor:pointer; background-color:#ececec; color:#4d4d4d; padding:3px 100px 3px 10px;}
.filter_team .filters:hover { background-color:#009ee3; color:#fff;}
.filter_team .filters:first-child { background-color:#009ee3; color:#fff;}

div.direktor{display:none}
div.sss{display:none}
div.scv{display:none}
div.sm{display:none}



/* hide portfolio images in dd uber menu */
.ubermenu .project-list-media {display:none}
/* hide portfolio images in dd uber menu*/

/* footer menu*/

ul.footer-menu  {
	
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.footer-menu  > li {
    float:left;
	display:inline;
	margin-right:2%;
	font-weight:bold;

}

ul.footer-menu  > li:last-child{
	 /*margin-top:20px*/
}



/*ul.footer-menu  li:nth-child(6)  
{clear:left}*/


ul.footer-menu  li ul {
    float:none;
	list-style-type: initial;
	padding: 0;
    margin-left: 15px;
}
ul.footer-menu  li ul li{
    float:none;
	text-decoration:none;
	font-weight:normal;
	
}



#bottom-bar
{padding:40px 0 40px 0}
/* footer menu*/

#bottom-bar .wf-td:last-child
{border-left:1px solid #b4b4b4; padding-left: 50px; }
/* footer menu*/


.cc {display:block}
.block{display:block}

/* calendar CSS */
/* calendar styles */
#calendar {
	font:13px/20px;
	font-family: "Titillium Web"
    -moz-user-select: none;
   /* border: 1px solid #EEEEEE;
    border-radius: 6px 6px 6px 6px;*/
    color: #333333;
    /*font-family: Arial,sans-serif;*/
    font-size: 13px;
    margin: 10px auto;
    padding: 0.4em;
    width: 90%;
}
#calendar .navigation {
    /*background-color: #CC0000;*/
    /*border: 1px solid #E3A1A1;*/
   /*border-radius: 6px 6px 6px 6px;*/
    color: #000;
    font-weight: bold;
    padding: 1px;
    position: relative;
}
#calendar .navigation .title {
    background: none repeat scroll 0 0 transparent;
    border-color: rgba(0, 0, 0, 0);
    color: inherit;
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
#calendar .navigation .prev, #calendar .navigation .next {
    background-image: url(images/nav.png);
    height: 24px;
    opacity: 0.9;
    position: absolute;
    top: 4px;
    width: 24px;
}
#calendar .navigation .prev {
    background-position: 0 0;
    left: 4px;
}
#calendar .navigation .next {
    background-position: -24px 0;
    right: 4px;
}
#calendar .navigation .prev:hover, #calendar .navigation .next:hover {
    opacity: 1;
}
#calendar table {
    border-collapse: collapse;
    font-size: 0.9em;
    table-layout: fixed;
    width: 100%;
}
#calendar table th {
    border: 0 none;
    font-weight: normal;
    padding: 4px 4px;
    text-align: center;
	text-transform:uppercase
}
#calendar table td {
    border: 0 none;
	padding:2px
    
}
#calendar table td a {
    background-color: #ececec;
    border: 1px solid #ececec;
    color: #4d4d4d;
    display: block;
    font-weight: normal;
    opacity: 0.7;
    padding: 4px;
    text-align: center;
    text-decoration: none;
}
#calendar table td a:hover {
    background-color: #F6F6F6;
    border: 1px solid #CDD5DA;
    color: #111111;
}
#calendar table td.current a {
    font-weight: normal;
    opacity: 1;
}
#calendar table td.today a {
    background-color: #FBF8EE;
    border: 4px solid #009ee3;
    color: #444444;
    font-weight: bold;
    opacity: 1;
}

#calendar table td.current.news a {
    background-color: #009ee3;
    border: 0px solid #009ee3;
    color: #fff;
    font-weight: normal;
    opacity: 1;
}


/* home page */

.vc_col-sm-6 div#calendar table, .vc_col-sm-6 div#calendar table th,  .vc_col-sm-6 div#calendar table tr td   { border: 1px solid #fff; color:#fff}
.vc_col-sm-6 div#calendar .navigation .title {color:#fff; margin-bottom:15px}
.vc_col-sm-6 div#calendar table td a 
{   
	border:none;
    color: #fff;
	background-color: transparent;
}

.vc_col-sm-6 #calendar table td.today a {
    background-color: transparent;
    border: 4px solid #009ee3;
    color: #fff;
    font-weight: bold;
    opacity: 1;
}


/* home page*/






/*calendar CSS*/


#tag-groups-cloud-tabs ul li{list-style-type:none; margin-bottom:25px}
/*#tag-groups-cloud-tabs ul li:hover{color}*/
#tag-groups-cloud-tabs ul {padding:0; margin:0}
#tag-groups-cloud-tabs ul li a:first-child{color:#4d4d4d;text-decoration:none;font-weight:bold;  cursor:default; /*font-size:16px;line-height:27px*/}
#tag-groups-cloud-tabs ul li a{display:block;color:#909090;text-decoration:none; /*font-size:16px;line-height:27px;*/ font-weight:bold;}

#tag-groups-cloud-tabs ul li a:first-child:hover {text-decoration:none}
#tag-groups-cloud-tabs ul li a:hover {text-decoration:underline}

.last-tabs #tag-groups-cloud-tabs div {display:none}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{background:none !important; border:none !important; color:green !important}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:none;}

.page-title .wf-wrap .wf-container-title .wf-table .wf-td{display:block !important; }

.page-title .wf-wrap .wf-container-title .wf-table .wf-td:first-child{padding:10px 4%; text-transform:uppercase;}
.page-title .breadcrumbs, .page-title .breadcrumbs a {color:#4d4d4d; font-weight:bold;}
.page-title .breadcrumbs li::before, .page-title .breadcrumbs li::before {color:#4d4d4d}

.page-title .wf-wrap .wf-container-title .wf-table .wf-td:last-child h1{background:#009ee3;text-align:center;color:white !important; margin:0; font-family: "Titillium Web" !important; font-weight:normal; text-transform:uppercase; padding:15px 0}
.page-title .wf-wrap .wf-container-title .wf-table .wf-td.hgroup{padding:0 }
.page-title > .wf-wrap, .article-top-bar > .wf-wrap, #fancy-header > .wf-wrap {width:100%} /*instead of 1250px use 100%*/
#fancy-header .wf-wrap, .page-title .wf-wrap{padding:0;margin:0}

.title-left .breadcrumbs {float:none}

.dt-btn-l, input.wpcf7-submit{padding:10px 30px; -webkit-border-radius: 25px !important;-moz-border-radius: 25px !important;border-radius: 25px !important;}
input.wpcf7-submit{padding:6px 30px; -webkit-border-radius: 25px !important;-moz-border-radius: 25px !important;border-radius: 25px !important; text-transform:uppercase; font-size:14px}
.benefits-grid-ico img {width:50%; height: auto}


/* novica front page*/

.wf-1-3 .post-content a {color:#fff; font-weight:bold}




/* BOOGIE - ne vem zakaj so novice na prvi strani bele ?!? */
.front-page-news .blog-content h3.entry-title a{color:#4d4d4d;}
.front-page-news .blog-content p{color:#4d4d4d;}
.front-page-news .blog-content .entry-meta a time {color:#4d4d4d}
.front-page-news .blog-content .entry-meta a {color:#4d4d4d}
.front-page-news .blog-content .entry-meta .category-link {color:#4d4d4d}
/*.front-page-news .blog-media{display:none !important}

.front-page-news .blog-content h3.entry-title a{color:#fff;}
.front-page-news .blog-content p{color:#fff;}
.front-page-news .blog-content .entry-meta a time {color:#fff}
.front-page-news .blog-content .entry-meta a {color:#fff}
.front-page-news .blog-content .entry-meta .category-link {color:#fff}
.front-page-news .blog-media{display:none !important}*/


.offset-left{padding-left:9%}
.offset-right{padding-right:9%}


.dt-shortcode .bg-on  .project-list-media{padding:0}
.dt-shortcode article.dt_portfolio.type-dt_portfolio{border-radius:0; background-color:#ececec}
.dt-shortcode article.dt_portfolio.type-dt_portfolio.dt_portfolio_category-projekti-v-sloveniji {background-color:#e2e2e2 }
 .project-list-content{padding: 16px 26px; margin-top:0px; background-color:#ececec}


.portfolio-single-sorodni-projekti .dt-shortcode article.dt_portfolio.type-dt_portfolio {background-color:#e2e2e2 }

.dt-shortcode article.dt_portfolio.type-dt_portfolio .project-list-content p,  article.dt_portfolio.type-dt_portfolio .project-list-content p {font-size:13px;line-height:20px}

/*.ubermenu .dt-shortcode article.dt_portfolio.type-dt_portfolio .project-list-content {height:115px;overflow:hidden}*/




.project-list-media .buttons-on-img{margin:0}

/* Novica front page*/

/* team first char*/
.first-char {font: bold 30px/36px "Titillium Web",Helvetica,Arial,Verdana,sans-serif; text-transform: none; color:#333; margin-right:20px}
.team-author p{color:"#333;";margin-bottom:0px}
.team-author p:last-child{margin-bottom:5px}
/* team first char */


/* menu institut */
ul.menu-insitut
{list-style-type:none;margin-left:0px}

ul.menu-insitut li
{border-bottom:1px solid #ebebeb;background:  url(images/icon_arrow-02.png)  no-repeat center right; padding:5px 0 5px 0}

ul.menu-insitut li a
{text-decoration:none; padding:5px 0 5px 0}

ul.menu-insitut li a:hover
{color:#4d4d4d}

/* menu institut */


/**/

.border-left section.items-grid article.post-format-standard .post-content a {color:#009ee3}
.border-left section.items-grid article.post-format-standard .post-content a:hover{color:#4d4d4d}

/**/

/*  */

.wpb_text_column.wpb_content_element ul { list-style-type:none;margin:0; padding:0}
.wpb_text_column.wpb_content_element ul  li a {text-decoration:none}
.wpb_text_column.wpb_content_element ul li a:hover {text-decoration:underline}

/*  */

/* ubermenu article */
nav.ubermenu article {background-color:#fff !important;}
nav.ubermenu article .project-list-content {padding:0;background:none}
nav.ubermenu article .project-list-content h3.entry-title{font-size:16px;line-height:21px;}
nav.ubermenu article .project-list-content h3.entry-title a {color:#009ee3}
nav.ubermenu article .project-list-content h3.entry-title a:hover {color:#4d4d4d}
nav.ubermenu article .project-list-content p {display:none}
/* ubermenu article */

nav.ubermenu ul li.ubermenu-item a.ubermenu-target, nav.ubermenu ul li.ubermenu-item span.ubermenu-target{-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
/*nav.ubermenu ul li.ubermenu-item a.ubermenu-target:hover{-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;}
}*/

span.projekti-uvodnik{line-height:20px; font-size:13px;}
.javna-sluzba:hover, .javna-narocila:hover, .javni-razpis:hover{background-color:#0397cf !important}


.benefits-grid .text-big p, .fp-description {font-size:13px;line-height:20px;}
footer #bottom-bar .wf-container-bottom .wf-td:last-child{vertical-align:top}

/* uber menu submenu */
ul.ubermenu-submenu.ubermenu-submenu-type-flyout  li.ubermenu-item a.ubermenu-target {padding-left:15px;padding-right:15px}


/* uber menu submenu */

/* team */
.team-author p{line-height:20px; font-size:13px;}
.team-author .team-author-name {line-height:20px; font-size:15px;}
/* team */

/* podnaslov */
.podnaslov{font-size:16px; line-height:27px; font-family: "Titillium Web" }
/* podnaslov*/

/* project-tags */

.project-tags #tag-groups-cloud-tabs {text-align:center}
article .project-tags #tag-groups-cloud-tabs {text-align:left}
.project-tags #tag-groups-cloud-tabs div a span{font-size:13px !important;line-height:20px !important}
/* project-tags */


input[type="password"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], select, textarea {

border:0px solid #bebebe;
color:#8a969d;
background-color:#ececec;
}

a.benefits-grid-ico img { -webkit-transition: all .2s ease-in-out !important;transition: all .2s ease-in-out !important; }
a.benefits-grid-ico img:hover { transform: scale(1.1); -webkit-transform:scale(1.1);}

.ubermenu-item-header a span {text-transform:uppercase;}
header#header div#top-bar{display:none}
.height{height:100px}

ul.wsp-pages-list, ul.wsp-dt_portfolios-list{list-style-type: circle !important;}
ul.wsp-pages-list li, ul.wsp-dt_portfolios-list li, ul.wsp_posts-list li {text-transform:lowercase;color:#00ade7}
ul.wsp-pages-list li:first-letter, ul.wsp-dt_portfolios-list li:first-letter, ul.wsp-posts-list li:first-letter {text-transform:uppercase}
ul.wsp-pages-list li ul.children, ul.wsp-posts-list li ul li.wsp-post{margin-left:20px; list-style-type: circle !important;color:#00ade7}
.wsp-post:last-child {margin-bottom:20px !important}

.ubermenu-responsive-toggle .fa{margin-right:0 !important ;font-size:2em ;}
nav#navigation a.ubermenu-responsive-toggle {margin-top:15px !important; padding-right:0px}

.podnaslov ol.zgodovina li {margin-bottom:10px}

table.info_tb_data {width:auto}
table.info_tb_data tr td { white-space:nowrap;}

.ubermenu-submenu-align-full_width{padding:4% 2% 2% 2% !important; }

.border-left h4
{font-weight:normal}

.project-tags{margin-bottom:6% !important;}

@media screen and (min-width: 971px) and (max-width: 1220px)
{
.ubermenu-bar-align-right{float:left !important}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding:5px 12px !important}
.ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:after {display:none}
.dt-btn-l, input.wpcf7-submit {padding:6px 10px;}
}



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

.letters a, .filter_sectors a.sector{display:inline-block;margin-bottom:10px;margin-right:10px}
.filter_team .filters {display:block; margin-bottom:10px;}
.width-10{width:100%}
.wf-cell .first-char{display:block;float:none;margin-bottom:20px;text-align:center}
.team-container {display:block;float:none;border-left:none}
#top-bar{margin-top:-70px !important}

ul.footer-menu > li {float:none; margin-right:0px; display:block}
ul.footer-menu li ul {list-style-type:none}
ul.footer-menu li ul li:last-child {margin-bottom:20px}

#bottom-bar .wf-td {text-align:left}
#bottom-bar .wf-td:last-child{/*border-left:none;padding-left:0*/display:none}
#branding-bottom .separator{margin-right:0px;text-align:center}
.cc p {text-align:center}
#header{width:100%;}
#header .wf-wrap{width:100%;}
img.mobile-logo{width:50%}
nav#navigation a.ubermenu-responsive-toggle {text-align:right}
.ls-bottom-slidebuttons{top:-30px !important}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0{width:100% !important}
.footer-left .branding-links{display:table;margin:0 auto}
nav#navigation.wf-td{vertical-align:top}
nav#navigation a.ubermenu-responsive-toggle{margin-top:20px}
#branding{width:50%}
.ubermenu-responsive .ubermenu-item-level-0 {width:100% !important}
#branding.wf-td {vertical-align:top}
.border-left{margin-top:40px}
.title-left .breadcrumbs {float:none;width:90%}
.page-title .wf-wrap .wf-container-title .wf-table .wf-td:first-child{padding:0; text-transform:uppercase;}


.ubermenu .project-list-content h3 a,
.ubermenu .project-list-content p,
.ubermenu .dt-btn,
.ubermenu .dt-portfolio-shortcode,
.ubermenu .ubermenu-custom-content-padded
{display:none}


}





@media screen and (max-width: 414px)
{
img.mobile-logo{width:100%}
#bottom-bar .wf-td:last-child{display:none}
.title-left .breadcrumbs {float:none;width:90%}


}

.no-display{display:none}
.wpb_text_column.wpb_content_element .wpb_wrapper h4{margin:20px 0px 10px 0px !important;}

body.search .project-list-media .buttons-on-img a:first-child,
body.search .blog-media a:first-child
{padding-bottom:55.04% !important;}



body.search .project-list-media .rollover-content .links-container a:first-child,
body.search .blog-media .rollover-content  .links-container a:first-child
{display:none}


body.search .post .rollover, .post .rollover-video, .post img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"]
{}

.menu-item.menu-item-language
{float:left;padding:8px 4px}

@media screen and (min-width: 970px)
{
	 #header .wf-wrap{padding: 0 0 0 44px}
}

.footer-menu .menu-item.menu-item-language
{display:none}