/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

    /******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');
@import url('https://fonts.googleapis.com/css?family=Oswald');

* {
    hyphens: none;
}

/* SKRIJEMO MENU */
.navbar-action-link {
    display: none;
}

.navbar-header {
    float: none;
}

/* POPRAVIMO LOGO */
.logo-container {
        display: block !important;
        width: 50% !important;
        float: none;
        margin: auto;
    }
    
.logo {
    margin: auto;
}

/* VERTIKALNI IN HORIZONTALNI RAZMIKI GUMBOV PRI IZBIRI VSEBINSKIH PODROCIJ IN BOLEZENSKIH ZNAKOV */

div.bootstrap-buttons-div {
    padding-bottom: 12px !important;
    padding-left:6px !important;
    padding-right: 6px !important;

}

/* IZBRISEMO DROBEN ROB PRI GUMBIH */
.fruity .btn-primary,
.fruity .btn-primary:hover {
    border-bottom-color: white;
    border-top-color: white;
    border-left-color: white;
    border-right-color: white;
}

/* NAREDIMO 6PX RADIUS PRI CLASS .btn-sm */

.btn-sm {
    border-radius: 6px;
}


/* BARVE GUMBOV IN SENCENJE - VSEBINSKA PODROCJA */
/* ZA NAVADEN DISPLAY NAD 768 PX */

@media only screen and (min-width: 768px) {

div#javatbd459476X2X231SQ001,
div#javatbd459476X2X231SQ002,
div#javatbd459476X2X231SQ003,
div#javatbd459476X2X231SQ004,
div#javatbd459476X2X231SQ005,
div#javatbd459476X2X231SQ006 {
    background-color: #2E9F41;
}

div#javatbd459476X2X231SQ001.active,
div#javatbd459476X2X231SQ001:hover,
div#javatbd459476X2X231SQ002.active,
div#javatbd459476X2X231SQ002:hover,
div#javatbd459476X2X231SQ003.active,
div#javatbd459476X2X231SQ003:hover,
div#javatbd459476X2X231SQ004.active,
div#javatbd459476X2X231SQ004:hover,
div#javatbd459476X2X231SQ005.active,
div#javatbd459476X2X231SQ005:hover,
div#javatbd459476X2X231SQ006.active,
div#javatbd459476X2X231SQ006:hover {
    background-color: #075f16;
        -webkit-box-shadow:inset 0px 3px 5px 3px rgba(0,0,0,0.25);
    -moz-box-shadow:inset 0px 3px 5px 3px rgba(0,0,0,0.25);
    box-shadow:inset 0px 3px 5px 3px rgba(0,0,0,0.25);
}
}

/* NEIZBRAN HOVER (SAMO ACTIVE) ZA GUMBE PODROCJA ZA MOBILNI IN TABLICNI PRIKAZ */

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

div#javatbd459476X2X231SQ001,
div#javatbd459476X2X231SQ002,
div#javatbd459476X2X231SQ003,
div#javatbd459476X2X231SQ004,
div#javatbd459476X2X231SQ005,
div#javatbd459476X2X231SQ006 {
    background-color: #2E9F41;
}

div#javatbd459476X2X231SQ001.active,
div#javatbd459476X2X231SQ002.active,
div#javatbd459476X2X231SQ003.active,
div#javatbd459476X2X231SQ004.active,
div#javatbd459476X2X231SQ005.active,
div#javatbd459476X2X231SQ006.active {
    background-color: #075f16;
        -webkit-box-shadow:inset 0px 3px 5px 3px rgba(0,0,0,0.25);
    -moz-box-shadow:inset 0px 3px 5px 3px rgba(0,0,0,0.25);
    box-shadow:inset 0px 3px 5px 3px rgba(0,0,0,0.25);
}
}


/* TEKST GUMBOV ZA VSEBINSKA PODROCJA - IZBIRA */

@media only screen and (max-width: 900px) and (min-width: 770px) {
    .btn-lg {
        font-size: 16px !important;
    } 
}

/* BARVE GUMBOV ZA BOLEZENSKE ZNAKE */

div#javatbd459476X2X247SQ001 {
    background-color: #4c6a68;
}

div#javatbd459476X2X247SQ002 {
    background-color: #4c6a68;
}

div#javatbd459476X2X247SQ003 {
    background-color: #4c6a68;
}

div#javatbd459476X2X247SQ004 {
    background-color: #4c6a68;
}

div#javatbd459476X2X247SQ005 {
    background-color: #4c6a68;
}


div#javatbd459476X2X247SQ006 {
    background-color: #4c6a68;
}


div#javatbd459476X2X247SQ007 {
    background-color: #4c6a68;
}


div#javatbd459476X2X247SQ008 {
    background-color: #4c6a68;
}


div#javatbd459476X2X247SQ009 {
    background-color: #4c6a68;
}

/* BARVE GUMBOV NORMALNO S HOVERJEM NAD 768 PX */

@media only screen and (min-width: 768px) {

div#javatbd459476X2X247SQ001.active,
div#javatbd459476X2X247SQ001:hover,
div#javatbd459476X2X247SQ002.active,
div#javatbd459476X2X247SQ002:hover,
div#javatbd459476X2X247SQ003.active,
div#javatbd459476X2X247SQ003:hover,
div#javatbd459476X2X247SQ004.active,
div#javatbd459476X2X247SQ004:hover,
div#javatbd459476X2X247SQ005.active,
div#javatbd459476X2X247SQ005:hover,
div#javatbd459476X2X247SQ006.active,
div#javatbd459476X2X247SQ006:hover,
div#javatbd459476X2X247SQ007.active,
div#javatbd459476X2X247SQ007:hover,
div#javatbd459476X2X247SQ008.active,
div#javatbd459476X2X247SQ008:hover,
div#javatbd459476X2X247SQ009.active,
div#javatbd459476X2X247SQ009:hover {
    background-color: #1c3231;
    -webkit-box-shadow:inset 0px 3px 5px 5px rgba(0,0,0,0.25);
    -moz-box-shadow:inset 0px 3px 5px 5px rgba(0,0,0,0.25);
    box-shadow:inset 0px 3px 5px 5px rgba(0,0,0,0.25);
}

}

/* NEIZBRAN HOVER (SAMO ACTIVE) ZA GUMBE B.ZNAKI NA MOBILNIH IN TABLICNIH PRIKAZIH */

@media only screen and (max-width: 767px) {
    div#javatbd459476X2X247SQ001.active,
    div#javatbd459476X2X247SQ002.active,
    div#javatbd459476X2X247SQ003.active,
    div#javatbd459476X2X247SQ004.active,
    div#javatbd459476X2X247SQ005.active,
    div#javatbd459476X2X247SQ006.active,
    div#javatbd459476X2X247SQ007.active,
    div#javatbd459476X2X247SQ008.active,
    div#javatbd459476X2X247SQ009.active {
    background-color: #1c3231;
    -webkit-box-shadow:inset 0px 3px 5px 5px rgba(0,0,0,0.25);
    -moz-box-shadow:inset 0px 3px 5px 5px rgba(0,0,0,0.25);
    box-shadow:inset 0px 3px 5px 5px rgba(0,0,0,0.25);
}
}



/* POVEČAMO TEKST PRI OPISU SKUPIN - PRETEZNO BOL.ZN.*/

.group-description {
    font-size: 21px !important;
}

/* SKRIJEMO ST. VPRASANJ */
.question-count-text,
.progress {
    display: none;
}

.naslov {
    font-size: 1.3em;
    color: white; 
    padding: 0px 80px; 
    hyphens: none;
    text-shadow: 2px 2px rgba(0,0,0,0.4);
}

/* UPORABI SE ZA DIV */
.zelen {
    background-image:url(https://prehranska-vila.si/images/ozadje2.png);
    background-size: cover; 
    padding: 1px 25px 5px 25px; 
    margin-bottom: 25px;
    border-radius: 6px;
    background-color: white;
}

.bel {
    color: white;
}

.text-normal {
    font-size: 1.3em;
    color: #686868; 
    hyphens: none;
    line-height: 150%;
    font-weight: 300;
}

.ul-normal {
    font-size: 1.3em;
    color: #686868; 
    hyphens: none;
    line-height: 150%;
    font-weight: 300;
}

.vsebina {
    padding: 0 15px;
    margin-bottom: 30px;
}

/* POPRAVLJAMO CUDEN ZAMIK NA DESNI STRANI ZELENIH DIV*/
.col-md-8 {
    margin-right: 30px !important;
}

.imedopolnila {
    font-family: 'Anton', sans-serif;
    /*font-family: 'Permanent Marker', cursive;*/
    /*font-family: 'Alfa Slab One', cursive;*/
    /*font-family: 'Oswald', sans-serif;*/
    font-weight:300;
    font-size: 3em !important; 
    color: white;
    text-shadow: 2px 2px rgba(0,0,0,0.4);
}

/* PADDINGI PRI 3 IMAGES ROW 
.imgs {
    margin-left: -30px;
    margin-right: 0px;
}/

.levi {
    padding-right: 0px;
    padding-bottom: 15px;
}

.desni {
    padding-left: 0px;
    padding-bottom: 15px;
}*/

.img-square {
    float: left;
    width: 33.33%;
    padding: 12px;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.imgs {
    padding: 0 15px 15px 15px;
    margin: 0 -25px;
}

/* DESNI MARGIN PRI IKONAH PRI DOPOLNILIH */
.ikona {
    margin-right:15px;
}

/*OZADJE ZA BOX S PREHRANSKIM DOPOLNILOM */
.naziv {
    background-image:url(https://prehranska-vila.si/images/ozadje2.png);
    background-size: cover
}

/* PADDINGI PRI NAZIVU DOPOLNILA */
.naziv {
    margin-bottom: 15px;
}    

@media only screen and (max-width: 768px) {
.imgs {
    padding: 0 5px 5px 5px;
    margin: 0 -10px;
}

.img-square {
    padding: 5px;
}

.naziv {
    margin-bottom: 5px !important;
}
}

/* SPREMENIMO ZAKRIVLJENOST 3xIMG V PREH.DOP.*/
.img-responsive {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    
}

/* GUMBI DA/NE CEZ VSO STRAN */
.btn-group-justified {
    width: 100% !important;
}

/*SPREMEMBA OZNACENIH GUMBOV DA/NE */
li.btn-primary.active,
li.btn-primary:hover{
    /*background-image:url(https://prehranska-vila.si/images/ozadje2.png) !important;
    background-size: cover !important;*/
    background-color: #275627 !important;
}

/* SPREMEMBA GUMBOV DA/NE */
/* RAZMNIK */
.btn-group-justified {
	border-spacing: 10px;
}
 
/* ZAOKROZEN BORDER */
.yes-no .btn-primary {
	border-radius: 6px !important;
	border-color: none !important;
}    
 

/* CLEAR ZA DVE VPRASSANJI V ISTI VRSTICI */
.col-clear{clear:left}

/* VELIKOST NAPISOV V NA GUMBIH - LABEL */
label {
    font-size: 18px;
    margin-top:10px;
}

/* ZMANJSAMO TEKST GUMBOV DA/NE V MOBILNIH PRIKAZIH - pod 530px */
@media only screen and (max-width: 580px) {
    label {
    font-size: 11px;
    margin-top:7px;
}
}

.ls-icon {
    font-size:30px !important;
    }
    
/* OPOZORILO */
.opozorilo > div.question-title-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*margin-bottom: 0px !important;*/
}

.opozorilo {
    border: 0px !important;
    margin-bottom: 0px !important;
}
 
.privacy {
    display: none;
}   

.top-container { 
display: none;
}    


/* MODAL */
.modal-body {
    padding: 15px 30px;
    hyphens: none !important;
}

.text-danger {
    display: none;
}

/* RDECA BARVA NAPISOV S TRDITVAMI */
.rdeca {
    color: #6a3836;
}

.politika {
    margin: 40px;
}

/* PRIKAZ SHARE GUMBOV */
.share {
    display: flex;
    margin: 30px 0 30px 0;
    flex-wrap: wrap;
}

.fb-share {
    margin: 0 15px 15px 0;
}



/*SKRIJE OPOZORILO PRI EMAILU */
.question-valid-container {
    display: none !important;
}

/* ZMANJSAMO TEKST JUMBOTRON V MOBILNIH PRIKAZIH - SE NE DELA*/
/*media only screen and (max-width: 580px) {
div.jumbotron > p {
    font-size: 1.4em !important;
}
}*/

/* UREJAMO MOBILNE IN DRUGE PRIKAZE */

div.glavni-row {
    margin: 30px 30px 50px 30px;
}

div.ikona-zacetna {
    padding:30px 40px;
}

p.tekst-pod-ikonami {
    font-size: 1.1em; 
    color:#3c3c3c; 
    padding: 20px;
    hyphens: none
}

p.tekst-v-bannerju {
    font-size: 1.8em;
    color: white; 
    padding: 0px 80px; 
    hyphens: none
}

p.drugi-tekst-v-bannerju {
    font-size: 1.3em; 
    color: white
}

button {
    margin-right: 30px !important;
}

.navbar-toggle {
    display: none;
}

/* SKRIJEMO ZADNJI GUMB POSLJI */
button[value="movesubmit"] {
    display: none;
}

/* <---------- MOBILNI PRIKAZ DO 580 PX --------------> */

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

    /* LOGO V MOBILNEM PRIKAZU */
    .logo-container {
        display: block !important;
        width: 50% !important;
        float: none;
        margin: auto;
    }
    
    .logo {
        padding-top: 7px !important;
        padding-bottom: 2px !important;
    }
    
    .navbar {
        min-height: 40px !important;
    }
    
    div.glavni-row {
        margin: 5px 5px 20px 5px;
    }
    
    div.drugi-row {
        padding: 0px;
    }
    
    div.ikona-zacetna {
        padding:10px 40px;
        max-width: 60vw;
        margin: auto;
    }
    
    p.tekst-pod-ikonami {
        font-size: 1.2em; 
        color:#3c3c3c; 
        padding: 0px 0px 15px 0px;
        hyphens: none
    }
    
    p.tekst-v-bannerju {
        font-size: 1.4em;
        color: white; 
        padding: 0 20px; 
        hyphens: none;
    }
    
    p.drugi-tekst-v-bannerju {
        font-size: 1.2em; 
        color: white
    }
    
    div#navigator-container {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    div.text-left {
        width: 0;
    }
    
    div.text-right {
        width: 100%;
    }
    
    button#ls-button-submit {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        min-height: 4em;
    }
    
    /* STRAN Z IZBIRAMI */
 
    .group-outer-container {
        margin-top: 0 !important;
        margin-bottom:0 !important;
    }
    
    /* ODMIK OD ROBA PRI GUMBIH Z IZBIRAMI */
    
    .ls-answers {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    .btn-toolbar {
        margin-left: 0px !important;
    }
    
    div.bootstrap-buttons-div {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
 
    /* POSTAVIMO DESNI DIV NA SREDINO */ 
    div#question5 {
        float: none !important;
    }
    
    /* POTREBNO, DA STA PRVI DVE VPRASANJI ENAKI KOT OSTALI */
    
    .lead {
        padding: 0 !important;
    }
    
    /* IZBRISEMO PRESLEDKE MED VPRASANJI */
    
    .question-container {
        margin-bottom: 0;
    }
    
    /* NAREDIMO DOTTED BORDER */
    .question-container {
        border-top-width: 5px !important;
        border-top-style: dotted !important;
        border-right-width: 0px !important;
        border-bottom-width: 0px !important;
        border-left-width: 0px !important;
        box-shadow: white 0 0 0 !important;
    }
    
    /* TEKST NA VPRASANJIH S PODROCJI */
    
    label.checkbox-label {
        font-size: 16px !important;
    }
    
    /* IZBRISEMO PRESLEDKE PRED GUMBOM NAPREJ */
    
    div#group-0,
    div.group-container.space-col,
    div#question247 {
        margin-bottom: 0px;
    }
    
    /* EFEKTIVNO DAMO GUMBOM DA / NE / BREZ ODGOVORA VEC PROSTORA */
    .answer-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* RAZMIK MED VPRASANJEM IN GUMBI DA NE BREZ ODGOVORA */
    
    .ls-answers {
        padding-top: 0;
    }
    
    .question-title-container {
        padding-top: 15px;
        padding-bottom: 0;
    }
    
    /* PRIKAZ PRI CESTITKI */
    div.naziv {
        padding: 30px 0 !important;
    }
    
    .naslov {
        padding: 0 !important;
    }
    
    /* PADDING PRI VNOSNEM POLJU ZA EMAIL */
    .text-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
    .imedopolnila {
        font-size: 2em !important;
    }
    
    /* PRIKAZ ZELENIH NASLOVOV V PRIKAZU DOPOLNIL */
    
    .col-md-8 {
        margin-right: 0px !important;
        padding: 0 !important;
    }
    
    .zelen {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .bel {
        font-size: 1.4em !important;
        margin-top: 10px !important;
    }
    
    .ikona {
        margin-top: 0 !important;
    }
    
    .text-normal {
        font-size: 1.2em !important;
    }
    
    /* LEVI PADDING IN VELIKOST TEKSTA PRI UNORDERED LIST */
    
    .ul-normal {
        padding-left: 15px;
        font-size: 1.2em;
    }
    
    /* ZADNJI GUMB */
    .group-outer-container {
        display: block !important;
    }
    
    /* SKRIJEMO ZADNJI GUMB POSLJI */
    button#ls-button-submit[value="movesubmit"] {
    display: none;
    }
    
/* --- KONEC MAX WIDTH 580 QUERY */    
}

/* <------------TABLICNI PRIKAZI MED 581 in 767 PX --------------> */

@media only screen and (min-width: 581px) and (max-width: 767px) {
    
         /* LOGO V TABLICNEM PRIKAZU */
    .logo-container {
        display: block !important;
        width: 50% !important;
        float: none;
        margin: auto;
    }
    
    .logo {
        padding-top: 7px !important;
        padding-bottom: 2px !important;
    }
    
    .navbar {
        min-height: 50px !important;
    }
    
     div#question5 {
        float: none !important;
    }
    
    /*.question-container {
        margin-bottom: 0;
    }*/
    
    .space-col {
        margin-bottom: 0px !important;
    }
    
    div#outerframeContainer {
        padding: 15px;
    }
    
    div.glavni-row {
        margin: 5px 10px 20px 10px;
    }
    
    div.drugi-row {
        padding: 0px;
    }
    
    div.ikona-zacetna {
        padding:10px 40px;
        max-width: 50vw;
        margin: auto;
    }
    
    p.tekst-pod-ikonami {
        font-size: 1.3em; 
        color:#3c3c3c; 
        padding: 15px 40px 30px 40px;
        hyphens: none
    }
    
    p.tekst-v-bannerju {
        font-size: 1.4em;
        color: white; 
        padding: 0 20px; 
        hyphens: none;
    }
    
    p.drugi-tekst-v-bannerju {
        font-size: 1.2em; 
        color: white
    }
    
    div#navigator-container {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    div.text-left {
        width: 0;
    }
    
    div.text-right {
        width: 100%;
    }
    
    button#ls-button-submit {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        min-height: 4em;
    }
    
    /* IZBRISEMO PRESLEDKE MED VPRASANJI */
    
    .question-container {
        margin-bottom: 0px;
    }
    
      /* NAREDIMO DOTTED BORDER */
    .question-container {
        border-top-width: 5px !important;
        border-top-style: dotted !important;
        border-right-width: 0px !important;
        border-bottom-width: 0px !important;
        border-left-width: 0px !important;
        box-shadow: white 0 0 0 !important;
    }
    
    /* EFEKTIVNO DAMO GUMBOM DA / NE / BREZ ODGOVORA VEC PROSTORA */
    .answer-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* RAZMIK MED VPRASANJEM IN GUMBI DA NE BREZ ODGOVORA */
    
    .ls-answers {
        padding-top: 0;
    }
    
    .question-title-container {
        padding-top: 15px;
        padding-bottom: 0;
    }
    
    /* PADDING PRI VNOSNEM POLJU ZA EMAIL */
    .text-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* RAZMIK PO ZELENEM POLJU S CESTITKO */
    .question-title-container {
        margin-bottom: 15px;
    }
    
    /* RAZMIK PO SLIKAH V PRIKAZU DOPOLNIL */

    .levi,
    .sredinski,
    .desni {
        margin-bottom: 15px;
    }

    .col-md-8 {
        margin-right: 0px !important;
        padding: 0 !important;
    }
    
    .zelen {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .bel {
        font-size: 1.4em !important;
        margin-top: 10px !important;
    }
    
    .ikona {
        margin-top: 0 !important;
    }
    
    .text-normal {
        font-size: 1.2em !important;
    }
    
    .ul-normal {
        padding-left: 30px;
        font-size: 1.2em;
    }

    /* ZADNJI GUMB */
    .group-outer-container {
        display: block !important;
    }
    
     /* SKRIJEMO ZADNJI GUMB POSLJI */
    button#ls-button-submit[value="movesubmit"] {
    display: none;
    }
}

.space-col {
        margin-bottom: 0px !important;
    }