/*
 Theme Name:   Spletni-streznik.com - wc Child
 Description:  Child template for Spletni-streznik.com
 Author:       Utrdba d.o.o.
 Template:     spletni-streznik-wc
 Version:      2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-fifteen-child
*/
.single-product div.product .summary, .woocommerce-tabs .panel, .hentry.type-post .entry-content, .storefront-full-width-content.single-product div.product .summary, .storefront-full-width-content .woocommerce-tabs .panel {
	width: 100%;
}
.single-product div.product .summary {
	margin-bottom: 0.631em;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .storefront-full-width-content.single-product div.product .summary, .site-header .site-branding {
	margin-bottom: 0em;
}
.site-header {
	padding-top: 0em;
}
.woocommerce-tabs ul.tabs, .image-wrap, ul.site-header-cart, .posted-on, span.byline, .hentry.type-post .entry-meta, p.site-description, .compare-list .stock, .compare-list .description, .home .footer-widgets, .page-parent .header-widget-region, .archive .header-widget-region, .page-child .header-widget-region, .single .header-widget-region, .site-search, #main .byline, .single-product div.product form.cart, .summary .compare, .product_meta, .product .price, .secondary-navigation, .onsale {
	display: none;
}
.site-header {
	background-size: cover;
}
.site-header .site-branding {
	width: 100%;
}
.site-title a {
	background: url(images/logo.png) no-repeat;
	display: block;
	height: 135px;
	max-width: 530px;
}
.woocommerce-active .site-header .main-navigation {
	width: 100%;
	background: #222;
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	padding-top: 0px;
}
.main-navigation ul ul li a, .secondary-navigation ul ul li a {
	width: 230px;
}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	padding: 1.5em 1em;
}
.main-navigation ul.menu > li:first-child, .main-navigation ul.nav-menu > li:first-child {
	margin-left: 0px;
}
ul.menu li.current-menu-item > a,
ul.menu li.current-menu-ancestor > a {
    color: #9aa0a7;
}
.hentry .entry-header {
	border-bottom: 0px solid #60646c;
	margin-bottom: .631em;
}
.owl-carousel .owl-item img {
	width: 50%;
}
.home .hentry {
	margin: 2em 0;
	padding-bottom: 1em;
	border-bottom: 6px solid rgba(0, 0, 0, 0.05);
}
.woocommerce-breadcrumb {
	margin-bottom: 2em;
}
.header-widget-region .widgetbelow {
	display: block;
	float: left;
	width: 30%;
	margin-right: 1.6%;
	margin-left: 1.6%;
}
table tbody tr:nth-child(2n) td, table tbody tr:nth-child(2n) th {
	background: #f9f9f9;
}
table tbody td, table tbody th {
	background: #f0f0f0;
}
#page table td, #page table th {
	padding: 3px 8px;
	vertical-align: middle;
}
#page table td.nopadding, #page table th.nopadding {
	padding: 0px;
}
table.cenik-domen td {
	text-align: center;
}
table.cenik-domen tr:hover td {
	background: #ddebf3;
}
table.cenik-domen tr:nth-child(2n) tr:hover td {
	background: #d9e7ef;
}
#page table td.crta {
	border-bottom: 2px solid #0c7dc3;
}
.header-widget-region .widgetbelow {
	width: 21.7391304348%;
	float: left;
	margin-right: 3.2%;
	margin-left: 0%;
}
#page table td.alignright {
	text-align: right;
}
.price .amount {
	display: block;
	width: 100%;
}
ul.products li.product .price ins {
	margin-left: 0em;
}
ins .amount::before {
	content: "Cena že od: ";
	color: #FF9900;
}
del .amount::before {
	content: "Priporočena cena: ";
}
ul.products li.product a.naroci {
	text-align: center;
}
.site-main .columns-4 ul.products li.product, .site-main ul.products li.product {
	border: 1px solid #CCC;
	padding: 10px 5px 5px;
	min-height: 235px;
	width: 24.25%;
	margin-right: 1%;
}
sup, sub {
	font-size: 90%;
}
.widget-area .widget a {
	font-weight: 600;
	line-height: 24px;
}
.widget p {
	padding: 0.5em;
}
.yith-woocompare-widget li{
	padding: 0.5em;
}
.yith-woocompare-widget .clear-all{
	padding: 0.5em;
}
.widget-area .widget.glavni h3.widget-title {
	line-height: 28px;
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 0.5em;
	background: none;
	text-align: center;
	border-bottom: 2px solid #b1d8ef;
	padding-top: 10px;
}
.widget-area .glavni h4 {
	line-height: 22px;
	font-size: 1.3em;
	font-weight: 600;
	margin-top: 0.8em;
	margin-bottom: 0em;
	border-bottom: 3px solid rgba(0, 0, 0, 0.07);
	padding-left: 10px;
}
.widget.glavni table {
	margin: 0em 0 0.5em;
	border: 0px solid rgba(0, 0, 0, 0.07);
}
.content-area, .widget-area, .site-main, .hentry {
	margin-bottom: 0em;
}
.hentry {
	padding-bottom: 1em;
	border-bottom: 0px solid rgba(0, 0, 0, 0.05);
}
.site-info {
	padding: 0.5em 0;
	font-size: 12px;
}
.site-footer {
    padding: 0.5em 0;
}
.f-nav {
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
}
.f-nav .primary-navigation {
	max-width: 970px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
table.compare-list tr.image th, table.compare-list tr.image td {
    height: 100px !important;
}
#secondary .widget{
	position:relative;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1);
   box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1);
   background-color: #fff;
}
#secondary .widget.cert .textwidget{
	padding: 5px;
}
#secondary .widget:before, #secondary .widget:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#secondary .widget:after {
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
     transform:skew(8deg) rotate(3deg);
}
/* colors             */
a, .site-footer a:not(.button) {
	color: #007cc2;
}
a:hover, .widget-area .widget a:hover, .site-footer a:not(.button):hover {
	color: #045482;
}
a:focus {
	outline: 1px solid #007cc2;
}
button.cta, button.alt, input[type="button"].cta, input[type="button"].alt, input[type="reset"].cta, input[type="reset"].alt, input[type="submit"].cta, input[type="submit"].alt, .button.cta, .button.alt, .added_to_cart.cta, .added_to_cart.alt, .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current {
	background-color: #007cc2;
	border-color: #045482;
}
button:focus,  input[type="button"]:focus,  input[type="reset"]:focus,  input[type="submit"]:focus,  .button:focus,  .added_to_cart:focus {
	outline: 2px solid #007cc2;
}
table.nocolor tbody tr:nth-child(2n) td, table.nocolor tbody td {
	background: none;
}
.ssl-certificate {
	max-width: 500px;
}
table.nocolor td {
	padding: 5px;
	vertical-align: middle;
}
.colorbox-link {
	line-height: 22px;
	font-size: 14px;
}
body {
	background-color: #ffffff;
}
.hentry .entry-header h1 {
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
.header-widget-region {
	background-color: #F4F4F4;
}
.widget h3.widget-title, .widget h2.widgettitle {
	border-bottom: 0px solid #60646c;
	padding: 0 0 0.2em;
	background: url(images/widget-title.png) repeat-x bottom;
}
.widget-area .widget a {
	color: #007cc2;
}
table.compare-list tr.image[style] {
	height: 100px !important;
}
table.compare-list tr.image th[style], table.compare-list tr.image td[style] {
	height: 100px !important;
}
/* dodan css */
#main a.gumb-vec {
	font-size: 16px;
	color: #007cc2;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(images/vec.png) no-repeat right 0px;
	padding-right: 35px;
}
#main a.gumb-vec:hover {
	background-position: right -52px;
}
#page table.desktop {
	width: 100%;
}
#page table.mobilna {
	display: none;
}
#page table > thead > tr > th, #page table > thead > tr > td, #page table > tfoot > tr > th, #page table > tfoot > tr > td {
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e7), to(#d1d3d5));
	background: -webkit-linear-gradient(top, #e6e6e7, #d1d3d5);
	background: -moz-linear-gradient(top, #e6e6e7, #d1d3d5);
	background: -ms-linear-gradient(top, #e6e6e7, #d1d3d5);
	background: -o-linear-gradient(top, #e6e6e7, #d1d3d5);
	background: linear-gradient(top, #e6e6e7, #d1d3d5);
	border-color: #cccccc;
}
#page table td.tdright {
	text-align: right;
}
#page table > tfoot > tr > td {
	padding: 1em 0.8em;
}
#page tfoot {
	padding-top: 5px;
	padding-bottom: 5px;
}
#page table thead th {
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	padding: 0.3em 0.8em;
}
.more-link{
	display: block;
    width: 190px;
}
.more-info {
	font-size: 16px;
	font-weight: bold;
	display: block;
    width: 170px;
}
.more-info.sm {
	font-size: 14px;
}
.icon-more-info {
	position: relative;
	top: 0px;
}
.icon-more-info::after {
	content: '';
	display: block;
    position: absolute;
    top: 0;
    right: 5px;
    width: 26px;
    height: 26px;
    background: url(images/vec.png) no-repeat 0px 0px;
}
.more-info:hover .icon-more-info::after, .colorbox-link:hover .icon-more-info::after,
.more-link:hover .icon-more-info::after {
	background: url(images/vec-hover.png) no-repeat 0px 0px;
}
.icon-more-info-sm {
	width: 22px;
	height: 22px;
	display: inline-block;
	padding-left: 0em;
}
.icon-more-info-sm::after {
	content: url(images/empty.png);
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(images/vec-sm.png) no-repeat 4px 3px;
}
.more-link:hover .icon-more-info-sm::after, .colorbox-link:hover .icon-more-info-sm::after,
.more-info:hover .icon-more-info-sm::after {
	background: url(images/vec-sm-hover.png) no-repeat 4px 3px;
}
.cena {
	color: #FF9900;
	font-size: 16px;
	font-weight: 600;
}
.iskanjedomene {
	background: url(images/iskanjedomene.png);
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-top: 30px;
	line-height: 57px;
	height: 66px;
	width: 293px;
	color: #FFF;
	text-shadow: 1px 1px 1px #303030;
	padding-left: 20px;
}
.iskanjedomene:hover {
	background-position: 0px -132px;
	color: #C6DAEA;
}
.naroci {
	display: block;
	width: 135px;
	font-size: 16px;
	line-height: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
}
.naroci .icon-more-info {
	width: 31px;
	height: 31px;
	padding-left: 0px;
	position: relative;
	top: 0px;
}
.naroci .icon-more-info::after {
	content: url(images/empty.png);
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(images/vec.png) no-repeat 5px 0px;
}
.naroci:hover .icon-more-info::after {
	background: url(images/vec-hover.png) no-repeat 5px 0px;
}
.widget-area .widget a.button {
	background-color: transparent;
	border-bottom: 0px solid #FFF;
	color: #007cc2;
	box-shadow: none;
	line-height: 22px;
	padding: 0.5em;
	margin-top: -8px;
}
.compare-button a:hover, .widget-area .widget a.button:hover, .compare-button a:focus {
	color: #045482;
	border: 0px solid #FFF;
	background-color: transparent;
}
.compare-button a.button:focus {
	border: 0px solid #FFF;
	outline: 0px solid #007cc2;
}
.compare-button a.added {
	padding-right: 2px;
	width: 100px;
}
.widget ul.products-list {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 1em 0em;
}
.compare-button a, .widget .compare-button a {
	background: url(images/vec.png) no-repeat 95px 0px;
	display: block;
	height: 27px;
	width: 150px;
	font-size: 16px;
	color: #007cc2;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 50px 0px 0px;
	box-shadow: none;
	line-height: 26px;
	text-transform: uppercase;
}
.compare-button a:hover {
	color: #045482;
	background: url(images/vec-hover.png) no-repeat 95px 0px;
}
.compare-button a.added {
	background-position: 0px -104px;
	color: #045482;
}
.compare-button .button.added:after {
	margin-left: 1.5em;
}
#prva {
	display: flex;
}
#prva .box {
    display: block;
    margin: 0 4px;
    width: 232px;
    height: 200px;
    border-radius: 5px;
    border: 1px solid #EBEBEB;
    float: left;
    text-align: center;
    position: relative;
}
#prva .box a{
	position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
#prva figure {
	position: relative;
	height: 110px;
}
#prva .box:hover {
	border: 1px solid #C6DAEA;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.home figure.icon-domena {
	background-size: 88px 100px;
	height: 88px;
	width: 100px;
	background: url(images/ikona-domene.png) no-repeat;
	top: 10%;
}
.home figure.icon-gostovanje-ena {
	background-size: 120px 85px;
	height: 85px;
	width: 120px;
	background: url(images/ikone-gostovanje-ena.png) no-repeat;
	top: 10%;
}
.home figure.icon-gostovanje-vec {
	background-size: 120px 109px;
	height: 109px;
	width: 120px;
	background: url(images/ikone-gostovanje-vec.png) no-repeat;
	top: 10%;
}
.home figure.icon-ssl {
	background-size: 198px 106px;
	height: 106px;
	width: 198px;
	background: url(images/ikone-ssl.png) no-repeat;
	top: 10%;
}
.home .box p {
	position: relative;
	top: -10px;
	left: auto;
	right: auto;
	bottom: 0px;
}
@media (max-width: 1024px) {
	#prva .box {
		width: 224px;
	}
	#prva {
		margin-left: 0px;
	}
}
@media (max-width: 927px) {
	#prva .box {
		width: 300px;
		margin-bottom: 8px;
	}
	#prva {
		margin-left: 100px;
	}
}
@media (max-width: 769px) {
.site-main .columns-4 ul.products li.product, .site-main ul.products li.product {
	min-height: 255px;
	width: 32%;
	margin-right: 1%;
}
ul.products li.product.first {
	clear: none !important;
}
ul.products li.product.last {
	margin-right: 1% !important;
}
.right-sidebar .content-area {
	width: 65.9130434783%;
	margin-right: 4.347826087%;
}
.page-template-template-fullwidth .content-area{
	width: 100%;
}
.right-sidebar .widget-area {
	width: 29.7391304348%;
}
#page table > tfoot > tr > td {
    padding: 0.5em 0.3em;
}
#prva .box {
	width: 328px;
}
#prva {
	margin-left: 0px;
}
.home.right-sidebar .content-area {
	width: 100%;
}
.header-widget-region .widgetbelow {
	width: 46.8%;
}
}
@media (max-width: 785px) {
	.menu-toggle {
    margin: 1em auto;
	}
	button.menu-toggle {
		background-color: #222;
		color: #ffffff;
	}
	.main-navigation ul ul li a {
		max-width: 400px;
		width: 100%;
	}
	.f-nav {
		position: relative;
	}
}
@media (max-width: 668px) {
table td.zadnji {
	display: none;
}
}
@media (max-width: 641px) {
.right-sidebar .widget-area, .compare-button {
	display: none;
}
.right-sidebar .content-area {
	width: 100%;
}
#prva .box {
	width: 264px;
}
.site-main .columns-4 ul.products li.product, .site-main ul.products li.product {
	float: left;
	min-height: 290px;
	margin-bottom: 1.236em;
}
.site-title a{
	background-size: 450px 115px;
	height: 115px;
}
table.desktop {
	display: none;
}
table.mobilna {
	width: 100%;
	display: block !important;
}
#page table td, #page table th {
    padding: 10px 8px;
}
@media (max-width: 568px) {
table td.predzadnji {
	display: none;
}
}
@media (max-width: 525px) {
.site-title a{
	background-size: 400px 102px;
	height: 102px;
}
}
@media (max-width: 491px) {
.site-title a{
	background-size: 300px 77px;
	height: 77px;
}
}
@media (max-width: 481px) {
#prva .box {
	max-width: 400px;
	width: 100%;
}
.site-main .columns-4 ul.products li.product, .site-main ul.products li.product {
	width: 48%;
}
}
@media (max-width: 468px) {
table td.predpredzadnji {
	display: none;
}
}
@media (max-width: 380px) {
.site-title a {
	background-size: 220px 56px;
	height: 56px;
}
.site-main .columns-4 ul.products li.product, .site-main ul.products li.product {
	width: 90%;
	min-height: 220px;
}
.header-widget-region .widgetbelow {
    width: 100%;
}
}
@media (max-width: 368px) {
table td.predpredpredzadnji {
	display: none;
}
}
@media (max-width: 320px) {
.iskanjedomene {
	background-size: 240px 162px;
	font-size: 15px;
	line-height: 45px;
	width: 240px;
	height: 53px;
}
.iskanjedomene:hover {
	background-position: 0px -108px;
}
}