#logo {
float: left;
padding: 0;
margin-top: -59px;
transform: scale(0.92);
margin-left: -34px;
}
body {
background: #f7f7f7;
}
#footer-widgets {
padding:0;
}
#header {
background-color: #fff;
border-bottom: 1px solid #e7e7e7; 
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a {
background-color: #f4f4f4;
border-left: 1px solid #e2e2e2;
}
#top-wrap {
background: #fff;
padding: 0 8px;
border-bottom: 1px solid #fff;
}
#main-nav {
float: right;
border-right: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
border-left: 0;
z-index: 100;
margin-top: 7px;
}
#main-nav a {
color: #555;
font-size: 12px;
font-weight: 800;
display: block;
padding: 0 30px;
line-height: 61px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 98;
border-left: 1px solid #e7e7e7;
border-right:0;
}
#footer-top {
background-color: #373737;
border-bottom: 0;
}
#footer {
border-top: 0;
background-color: #242424;
}
#footer-widgets {
border-bottom: 0;
}
#full-player-wrap {
background: #fff;
border-bottom: 0;
}
input#s {
background: #f4f4f4;
}
input[type="submit"], button, .btn {
color: #333 !important;
}
.portfolio article footer {
background: #eee;
}
.copyright img {
display: none;
}
.social-title {
margin-top: -30px;
font-size: 13px;
padding: 5px 10px;
background: #3b5998;
color: #fff;
font-weight: 100;
width: auto;
display: inline-block;
}
.social-title-red {
margin-top: -30px;
font-size: 13px;
padding: 5px 10px;
background: #fa4c29;
color: #fff;
font-weight: 100;
width: auto;
display: inline-block;
}
.thumb-slide.aligncenter, .thumb-icon.aligncenter {
margin-bottom: 0px;
}
#page-header .hgroup {
max-width: 90%;
display: inline-block;
margin-bottom: 0px;
}
#page-header hr {
background: #393939;
display: none;
}
#page-header {
padding-bottom: 40px;
}
.podnaslov-social {
margin-bottom: 25px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
text-transform: uppercase;
font-size: 18px;
}
.thumb-icon img {
max-width: 100%;
border: 1px solid #e5e5e5;
}
.woocommerce-variation-price span {
color:red;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: black !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
background-color: #fff !important;
}
.woof_products_top_panel {
margin: 5px 0 25px 0;
padding: 10px;
background: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: 10px 25px;
}
.contact-form .input {
margin-right: 0;
width: 100%;
}
.contact-form .input:nth-child(2n) {
margin-right: 0;
width: 100%;
}
.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"], .contact-form input[type="url"] {
width: 100%;
}
input, select {
width: auto;
}
.related {
position: relative;
display: inline-block;
}
ol#mrigo-lista {}
ol#mrigo-lista li {padding: 10px 15px;}
.playlist li.odd {
background-color: #fff;
}
.playlist li {
background-color: #f0f0f0;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
margin-bottom:5px;
}
.ddv-obvestilo {
margin-top: -10px;
font-size: 10px;
color: #8e8e8e;
}
.woocommerce div.product form.cart .variations td.label {
width: 74px;
}
.woocommerce div.product form.cart .variations select {
background: #fff;
}
.woocommerce .quantity .qty {
background: #fff;
}
input, textarea, select {
color: #777;
}
.comment-subscription-form .subscribe-label {
padding: 5px;
margin-top:5px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 10px;
}
.woocommerce div.product div.images {
margin-bottom: 4em;
}
.hesperiden .tp-bullet {
width: 16px;
height: 16px;
position: absolute;
background: rgb(225, 225, 225,0.7);
border: none;
border-radius: 50%;
cursor: pointer;
box-sizing: content-box;
}
#gumb-postnina{}
#gumb-postnina ul{margin-bottom:0px;}
#gumb-postnina li {
margin: 4px 0 0px 20px;
}
.accordion-mrigo {
color: #fff;
cursor: pointer;
padding: 10px 18px;
width: ;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
margin-bottom: 25px;
background: #fa4c29;
}
.active, .accordion-mrigo:hover {
background-color: #333; 
}
.panel-mrigo {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
margin-top: 8px;
padding: 20px 25px;
font-style: italic;
font-size: 14px;
}
.panel-mrigo p {
margin-bottom:0px;
}
.product_meta .posted_in {
margin-bottom: 5px;
position: relative;
margin-top: 15px;
font-size: 14px;
}
.sku_wrapper {
display: block;
font-weight: 400;
color: #666;
font-size: 13px;
position: relative;
margin-top: 20px;
}
.woosticker.custom_sticker_text.woosticker_ribbon {
min-width: 50px;
width: auto;
height: inherit;
min-height: auto;
padding: 10px 15px !important;
line-height: 16px;
margin: 0 !important;
background-color: #fa4c29 !important;
color: #fff !important;
}
.modal-wrapper.styled .wp-post-modal {
width: 100%;
max-width: 600px;
}
.povprasevanje form .wpforms-field-container {
}
.povprasevanje form .wpforms-field-container .vpisi {
}
.povprasevanje input, textarea, select {
margin-bottom: 15px;
width: -moz-available;
}
.povprasevanje .checkit ul {
margin-left: 0px;
margin-bottom:10px;
}
.povprasevanje .checkit ul li {
list-style: none !important;
margin-left: 0px !important;
}
.povprasevanje .checkit ul li input {
width: auto;
float: left;
margin-right: 10px;
}
.modal-wrapper.styled .wp-post-modal .close-modal {
margin-right: 0px;
margin-top: 0px;
position:relative;
float: right;
}
.modal-wrapper.styled .wp-post-modal .close-modal {
background: transparent;
position: relative;
top: -6px;
right: 0px;
font-size: 2em;
color: #333;
cursor: pointer;
z-index: 1;
margin-right: -20px;
margin-top: -20px;
float: right;
width: 50px;
height: 50px;
padding: 0px;
}
input[type="submit"], button, .btn {
font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
margin: 0 5px 0 0;
}
.cli-style-v2 {
font-size: 80%;
}
#main-wrapper {
margin-bottom: 10px;
}
#footer-top {
margin-top: 0px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 3.8% 0.992em 0;
}
.boxes {
margin-bottom: 20px;
}
#main-content {
margin-top: 60px;
margin-bottom: 60px;
}
#tag-filter {
margin: 0px 0 30px 0;
overflow: hidden;
clear: both;
width: 100%;
text-align: right;
}
.woocommerce div.product form.cart .variations td.label {
display: inline-block;
height: 30px;
}
.woocommerce div.product form.cart .variations td.value {
display: inline-block;
height: 30px;
}
.related {
width: 100%;
}
input, textarea, select {
color: #777;
font: 14px/1.6 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
#templateHeader {
border-top: 0;
border-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
text-align: center;
padding-bottom: 0px !important;
}
.text-button {
display: block;
margin-top: 0px;
text-transform: uppercase;
font-size: 12px;
background: #fa4c29;
padding: 5px 10px;
color: #fff;
float: left;
}
.text-button::before {
display:none;
}
@media screen and (max-width: 959px) {
#logo {
margin-top: -67px;
transform: scale(0.7);
margin-left: -46px;
}
#main-nav .responsive-nav, #top-wrap .responsive-nav {
-webkit-appearance: none;
padding: 4px 15px;
margin-top: 10px;
}
#main-nav {
float: right;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom:0px;
border-left: 0;
z-index: 100;
}
}
@media screen and (max-width: 782px) {
#logo {
margin-top: -67px;
transform: scale(0.6);
margin-left: -55px;
}
}
@media screen and (max-width: 767px) {
#logo {
margin-top: 0px;
transform: scale(1);
height: 100px;
}
#header {
overflow-y: visible;
height: 100px;
display: block;
overflow: unset;
}
#logo img {
transform: scale(0.6);
margin-top: -24px;
}
#footer-top {
padding: 25px 0px;
margin-top: 10px;
}
.woocommerce ul.products li.product .button {
padding: 13px 10px;
font-size: 14px;
}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
width: 48%;
float: left;
clear: both;
margin: 0 0 1em;
}
#main-wrapper {
margin-bottom: 20px;
}
#top-wrap {
border-right: 0px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
#main-nav {
margin: 0px !important;
border: 0px;
}
#top-wrap .top-right-nav li.cart a span.amount {
color: #555;
}
#top-wrap ul.nav li a {
padding: 1.387em 1em;
color: #555;
font-weight: bold;
}
.modal-wrapper.styled .wp-post-modal {
width: 90%;
}
.modal-wrapper.styled .wp-post-modal {
margin: 15vh auto;
}
.items {
margin: 0 -20px 10px 0;
position: relative;
clear: both;
}
#share-wrap {
clear: left;
float: right;
}
.header-content {
margin-bottom: 0px;
}
#main-nav {
margin: 0;
height: 100px;
}
#main-nav .responsive-nav, #top-wrap .responsive-nav {
-webkit-appearance: none;
padding: 4px 15px;
margin-top: 30px;
}
#page-header .page-title {
font-size: 40px;
color: #fa4c29;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
}
.woocommerce-page table.cart td.actions .coupon .button {
float: left;
width:100%;
}
.heading-icon.deck {
background-image: none;
}
.heading-icon.bio {
background-image: none;
}
.heading-icon.contact {
background-image: none;
}
.heading-icon {
padding-top: 0px;
}
.text-button {
display: block;
margin-top: 0px;
text-transform: uppercase;
font-size: 12px;
background: #fa4c29;
padding: 5px 10px;
color: #fff;
float: left;
}
.text-button::before {
display:none;
}
}
@media screen and (max-width: 600px) {
.modal-wrapper.styled .wp-post-modal {
width: 90%;
}
}
@media screen and (max-width: 480px) {
.container { width: 90%; }
#logo {
display: block;
}
#page-header .page-title {
font-size: 32px;
}
#share .share {
display: none;
}
#main-content {
margin-top: 30px;
}
.col-1-4, #main .col-1-4 {
width: 100%;
max-width: calc(100% - 5%);
}
#main-content img, #page-header img {
height: auto;
width: 100%;
}
}
@media screen and (max-width: 479px) {
.col-1-2, #main .col-1-2 {
width: 100%;
}
.col-1-3, #main .col-1-3 {
width: 100%;
}
.col-2-3, #main .col-2-3 {
width: 100%;
}
.form .input, #commentform .input {
float: none;
margin: 0 0 0px 0;
width: 100%;
}
}
@media screen and (max-width: 363px) {
#logo {
height: 30px;
}
#logo img {
transform: scale(0.5);
margin-top: -24px;
}
#main-nav {
margin: 6px auto !important;
}
}
@media screen and (max-width: 360px) {
#logo {
height: 20px;
}
}