/*

Theme Name: HSaica

Text Domain: HSaica

Domain Path: /languages

Theme URI: http://www.mid.hr

Description: Custom WordPress theme designed for HS aica.   

Author: MID export-import d.o.o.  

Author URI: http://www.mid.hr/  

Template: genesis  

Template Version: 2.1.2  



/* ## Baseline Normalize

--------------------------------------------- */

/* normalize.css v3.0.1 | MIT License | git.io/normalize */



html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #2c2c2c
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}



/* ## Box Sizing

--------------------------------------------- */



*,

input[type="search"] {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



/* ## Float Clearing

--------------------------------------------- */



.author-box:before,

.clearfix:before,

.entry:before,

.entry-content:before,

.footer-widgets:before,

.nav-primary:before,

.nav-secondary:before,

.pagination:before,

.site-container:before,

.site-footer:before,

.site-header:before,

.site-inner:before,

.wrap:before {

    content: " ";

    display: table;

}



.author-box:after,

.clearfix:after,

.entry:after,

.entry-content:after,

.footer-widgets:after,

.nav-primary:after,

.nav-secondary:after,

.pagination:after,

.site-container:after,

.site-footer:after,

.site-header:after,

.site-inner:after,

.wrap:after {

    clear: both;

    content: " ";

    display: table;

}



/* ## Typographical Elements

--------------------------------------------- */



body {

    background-color: rgba(200, 200, 200, .2);

    color: #4e4e4e;

    font-family: 'Raleway', sans-serif;

    font-size: 18px;

    font-weight: 300;

    letter-spacing: 0.5px;

    line-height: 1.625;

    margin: 0;

}

.site-container {
    background-color: #fff;

    width: 80%;

    margin: 0 auto;
}



a,

button,

input:focus,

input[type="button"],

input[type="reset"],

input[type="submit"],

textarea:focus,

.button,

.gallery img {

    -webkit-transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -ms-transition: all 0.1s ease-in-out;

    -o-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

}



::-moz-selection {

    background-color: #2c2c2c;

    color: #fff;

}



::selection {

    background-color: #2c2c2c;

    color: #fff;

}



a {

    color: #a6a59b;

    text-decoration: none;

}



a:hover {

    color: #2c2c2c;

}



.blog p {

    margin-bottom: 10px;

}



.rmtext,

a.more-link {

    background-color: #f5f5f5;

    color: #333232;

    display: inline-block;


    font-size: 12px;

    letter-spacing: 1px;

    margin-top: 20px;

    padding: 7px 10px;

    text-align: center;

    text-transform: uppercase;

    width: auto;

}

.blog a.more-link {
    background-color: #fff;

    color: #333232;

    border-top: 2px dashed #000;

    border-bottom: 2px solid #000;

}



.rmtext:hover,

a.more-link:hover {

    background-color: #333232;

    color: #fff;

}



.sidebar .rmtext,

.sidebar a.more-link {

    font-size: 10px;

    padding: 3px 7px;

}



p {

    margin: 0 0 28px;

    padding: 0;

}



ol,

ul {

    margin: 0;

    padding: 0;

}



li {

    list-style-type: none;

}



b,

strong {

    font-weight: 700;

}



blockquote,

cite,

em,

i {

    font-style: italic;

}



blockquote {

    border-bottom: 1px solid #f5f5f5;

    border-top: 1px solid #f5f5f5;

    clear: both;

    font-size: 18px;

    font-style: italic;

    font-weight: 200 !important;

    margin: 24px 0;

    padding: 30px 0;

    text-align: left;

}



blockquote p:last-child {

    margin-bottom: 0px;

}



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    width: 100px;

    margin-left: 0px;

    margin-top: 50px;

    margin-bottom: 25px;

    border: 1px solid #ddd;

    line-height: 0px;

    letter-spacing: 0px;

}



.single-kritike .entry-content p {

    text-align: justify;

}



.credit {

    clear: both;

    float: right;

    font-family: 'Montserrat Light', arial;

    font-size: 16px;

    font-style: normal;

    letter-spacing: 2px;

    line-height: 1.5;

    margin: 7px 0px 0 10px;

    text-transform: uppercase;

    width: 100%;

}



.allcaps {

    clear: both;

    float: right;

    font-family: 'Montserrat Light', arial;

    font-size: 22px;

    font-style: normal;

    letter-spacing: 2px;

    line-height: 1.5;

    margin: 7px 0px 0 10px;

    text-transform: uppercase;

    width: 100%;

}



/* ## Headings

--------------------------------------------- */



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #2c2c2c;

    font-family: 'Raleway', sans-serif;

    font-weight: 200;

    line-height: 1.2;

    margin: 0 0 10px;

}



h1 {

    font-size: 32px;

}



h2 {

    font-size: 30px;

}



.prettycreative-home h2 a {

    font-size: 18px;

}



h2 a {

    color: #2c2c2c;

    font-size: 2max-6px;

}



h2 a:hover {

    color: #ddd;

}



.sidebar h2,

.sidebar h2 a {

    font-size: 16px !important;

}



h3 {

    font-size: 24px;

}



h4 {

    font-size: 20px;

}



h5 {

    font-size: 18px;

}



h6 {

    font-size: 16px;

}



/* ## Objects

--------------------------------------------- */



embed,

iframe,

img,

object,

video,

.wp-caption {

    max-width: 100%;

}



img {

    height: auto;

}



.featured-content img,

.gallery img {

    width: auto;

}



/* ## Gallery

--------------------------------------------- */



.gallery {

    overflow: hidden;

}



.gallery-item {

    float: left;

    margin: 0 0 28px;

    text-align: center;

}



.gallery-columns-2 .gallery-item {

    width: 50%;

}



.gallery-columns-3 .gallery-item {

    width: 33%;

}



.gallery-columns-4 .gallery-item {

    width: 25%;

}



.gallery-columns-5 .gallery-item {

    width: 20%;

}



.gallery-columns-6 .gallery-item {

    width: 16.6666%;

}



.gallery-columns-7 .gallery-item {

    width: 14.2857%;

}



.gallery-columns-8 .gallery-item {

    width: 12.5%;

}



.gallery-columns-9 .gallery-item {

    width: 11.1111%;

}



.gallery img {

    border: 1px solid #ddd;

    height: auto;

    padding: 4px;

}



.gallery img:hover {

    border: 1px solid #999;

}





/* ## Forms

--------------------------------------------- */



input,

select,

textarea {

    background-color: #fff;

    border: 1px solid #ddd;

    color: #2c2c2c;

    font-size: 16px;

    font-weight: normal;

    padding: 10px;

    width: 100%;

}



select {

    background: #fff url(images/select.png) no-repeat center right;

    background-size: 20px 10px;

    border: 1px solid #ddd;

    border-radius: 0 !important;

    color: #2c2c2c;

    font-family: 'Montserrat Light', arial;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 1px;

    padding: 7px 20px 7px 7px;

    text-transform: uppercase;

    -webkit-appearance: none;

    -moz-appearance: none;

    width: 100%;

}



.screen-reader-text {

    display: none;

}



.site-header input:focus {

    border: none;

    outline: none;

}



textarea:focus,

input:focus {

    outline: none;

}



.nav-primary input:focus {

    border: none;

    outline: none;

}



textarea#comment textarea:focus,

textarea#comment input:focus {

    outline: 1px solid #f5f5f5;

}



input[type="search"] {

    font-size: 12px;

    padding: 4px;

}



input[type="checkbox"],

input[type="image"],

input[type="radio"] {

    width: auto;

}



::-moz-placeholder {

    color: #2c2c2c;

    font-weight: 300;

    opacity: 1;

}



::-webkit-input-placeholder {

    color: #2c2c2c;

    font-weight: 300;

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"],

.button,
.order-btn {

    color: #333232;

    cursor: pointer;

    font-size: 14px;

    font-weight: normal;

    letter-spacing: 2px;

    padding: 12px 24px;

    text-transform: uppercase;

    width: auto;

    border-top: 2px dashed #000;

    border-bottom: 2px solid #000;

    border-left: none;

    border-right: none;

    display: inline-block;

}



.footer-widgets button,

.footer-widgets input[type="button"],

.footer-widgets input[type="reset"],

.footer-widgets input[type="submit"],

.footer-widgets .button {

    background-color: #f5f5f5;

    color: #2c2c2c;

}



button:hover,

input:hover[type="button"],

input:hover[type="reset"],

input:hover[type="submit"],

.button:hover,
.order-btn:hover {

    background-color: #2c2c2c;

    color: #fff;

}



.entry-content .button:hover {

    color: #fff;

}



.footer-widgets button:hover,

.footer-widgets input:hover[type="button"],

.footer-widgets input:hover[type="reset"],

.footer-widgets input:hover[type="submit"],

.footer-widgets .button:hover {

    background-color: #fff;

    color: #2c2c2c;

}



.button {

    display: inline-block;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button {

    display: none;

}



/* ## Tables

--------------------------------------------- */



table {

    border-collapse: collapse;

    border-spacing: 0;

    line-height: 2;

    margin-bottom: 40px;

    width: 100%;

}



tbody {

    border-bottom: 1px solid #ddd;

}



td,

th {

    text-align: left;

}



td {

    border-top: 1px solid #ddd;

    padding: 6px 0;

}



th {

    font-weight: normal;

}





/* # Structure and Layout

---------------------------------------------------------------------------------------------------- */



/* ## Site Containers

--------------------------------------------- */



.prettycreative-home .site-inner {

    margin: 0 auto;

    max-width: 100%;

}



.site-inner,

.wrap {

    margin: 0 auto;

    max-width: 1300px;

}



.site-inner {

    clear: both;

    padding-top: 20px;

}

main {
    max-width: 900px;

    margin: 100px auto;
}

.blog main {
    max-width: 1200px;

    margin: 100px auto;
}



/* ## Column Widths and Positions

--------------------------------------------- */



/* ### Wrapping div for .content and .sidebar-primary */



.content-sidebar-sidebar .content-sidebar-wrap,

.sidebar-content-sidebar .content-sidebar-wrap,

.sidebar-sidebar-content .content-sidebar-wrap {

    width: 980px;

}



.content-sidebar-sidebar .content-sidebar-wrap {

    float: left;

}



.sidebar-content-sidebar .content-sidebar-wrap,

.sidebar-sidebar-content .content-sidebar-wrap {

    float: right;

}



.content-sidebar .content,

.content-sidebar-sidebar .content,

.sidebar-content-sidebar .content {

    float: left;

}



.content-sidebar-sidebar .content,

.sidebar-content-sidebar .content,

.sidebar-sidebar-content .content {

    width: 580px;

}



.full-width-content .content {

    width: 100%;

}



/* ### Primary Sidebar */



.sidebar-primary {

    float: right;

    padding-left: 20px;

    width: 340px;

    display: none;

}



.sidebar-content .sidebar-primary,

.sidebar-sidebar-content .sidebar-primary {

    float: left;

}



/* ### Secondary Sidebar */



.sidebar-secondary {

    display: none;

}



/* ## Column Classes

--------------------------------------------- */

/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */



.five-sixths,

.four-sixths,

.one-fourth,

.one-half,

.one-sixth,

.one-third,

.three-fourths,

.three-sixths,

.two-fourths,

.two-sixths,

.two-thirds {

    float: left;

    margin-left: 2.564102564102564%;

}



.one-half,

.three-sixths,

.two-fourths {

    width: 48.717948717948715%;

}



.one-third,

.two-sixths {

    width: 31.623931623931625%;

}



.four-sixths,

.two-thirds {

    width: 65.81196581196582%;

}



.one-fourth {

    width: 23.076923076923077%;

}



.three-fourths {

    width: 74.35897435897436%;

}



.one-sixth {

    width: 14.52991452991453%;

}



.five-sixths {

    width: 82.90598290598291%;

}



.first {

    clear: both;

    margin-left: 0;

}





/* # Common Classes

---------------------------------------------------------------------------------------------------- */



/* ## Avatar

--------------------------------------------- */



.user-profile .avatar {

    background: #fff;

    border: 1px solid #f5f5f5;

    border-radius: 300px;

    display: block;

    float: none;

    height: 170px;

    margin: 0 auto;

    padding: 10px;

    text-align: center;

    width: 170px;

    -webkit-border-radius: 300px;

}



.user-profile {

    text-align: justify;

}



.avatar {

    float: left;

}



.author-box p {

    margin-bottom: 4px;

}



.alignleft .avatar,

.author-box .avatar {

    margin-right: 24px;

}



.alignright .avatar {

    margin-left: 24px;

}



.comment .avatar {

    margin: 0 16px 24px 0;



}



/* ## Genesis

--------------------------------------------- */



.breadcrumb {

    margin-bottom: 20px;

}



.portfolioblurb {

    background: #f5f5f5;

    font-size: 16px;

    margin-bottom: 40px;

    padding: 40px;

    text-align: center;

}



.portfolioblurb .button {

    margin: 0 auto;

    text-align: center;

}



.portfolioblurb h4.widget-title {

    border-bottom: 0;

    font-family: 'Montserrat Light', arial;

    font-size: 18px;

    letter-spacing: 2px;

    margin-bottom: 7px;

    padding: 0px 0px 15px 0px;

    text-align: center;

    text-transform: uppercase;

}



.portfolioblurb:after {

    clear: both;

    content: " ";

    display: table;

}



.category-description,

.archive-description {

    background: #f5f5f5;

    font-size: 16px;

    margin-bottom: 40px;

    padding: 40px;

    margin-top: 20px;

    text-align: center;

}



.archive-description .alignleft,

.archive-description .alignright {

    width: 48.717948717948715%;

}



.archive-description .alignright {

    display: inline-block !important;

    height: 100px !important;

    margin-left: 2.564102564102564%;

    margin-top: 40px;

    top: 50% !important;

    vertical-align: middle !important;

}



.author-box {

    background: #f5f5f5;

    border: 10px solid #fff;

    font-size: 16px;

    margin-bottom: 40px;

    outline: 1px solid #f5f5f5;

    padding: 30px;

    display: none;

}



.author-box-custom .widget {

    padding-top: 10px;

}



.author-box .button {

    background-color: #fff;

    border: 1px solid #2c2c2c;

    outline: 5px solid #fff;

    padding: 7px 22px;

    text-align: center;

    width: 100%;

}



.author-box .button:hover {

    background-color: #2c2c2c;

    color: #fff;

}



.author-box .simple-social-icons {

    margin-top: 0px;

}



.author-box .avatar {

    border: 4px solid #fff;

}



.author-box-title {

    font-family: 'Montserrat Light', arial;

    font-size: 22px;

    letter-spacing: 2px;

    margin-bottom: 8px;

    text-transform: uppercase;

}



.author-box h4.widget-title {

    margin-bottom: 4px;

    padding-bottom: 0;

}



.archive-description p:last-child,

.author-box p:last-child {

    margin-bottom: 0;

}



/* ## Search Form

--------------------------------------------- */



.search-form {

    overflow: hidden;

}



.site-header .search-form {

    margin-top: 12px;

}



.entry-content .search-form,

.site-header .search-form {

    width: 50%;

}



.genesis-nav-menu .search input[type="submit"],

.widget_search input[type="submit"] {

    border: 0;

    clip: rect(0, 0, 0, 0);

    height: 1px;

    margin: -1px;

    padding: 0;

    position: absolute;

    width: 1px;

}



/* ## Titles

--------------------------------------------- */

.page .entry-header {
    text-align: center;
}


.archive-title,
.blog .archive-description .archive-title,
.page h1.entry-title {

    display: none;

}

.tax-vrsta-projekta .archive-title {

    display: inline-block !important;

    font-size: 36px;

    margin-bottom: 10px;

    display: inline;

    color: #ea5153;

    padding: 5px;

    letter-spacing: 5px;
}


.archive-date {
    display: none !important;
}

.date #izlozbe-nav {
    display: none !important;
}

#year-nav {
    margin-bottom: 40px;
}

#year-nav .one-sixth {
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;

}

#year-nav .one-sixth a {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: auto;
    transition: all ease 0.3s;
    color: #2c2c2c;
}

.archive-date .archive-title {
    font-size: 26px;
    text-transform: initial;
    letter-spacing: 4px;
}



.page-template-page_archive .entry-content ul > li {

    list-style-type: none;

}



.entry-title {

    font-size: 32px;

}



h1.entry-title {

    margin-bottom: 10px;

}



.entry-title a,

.sidebar .widget-title a {

    color: #2c2c2c;

}



.entry-title a:hover {

    color: #a6a59b;

}



.widget-title {

    font-size: 18px;

    margin-bottom: 20px;

}



.footer-widgets .widget-title {

    color: #2c2c2c;



}



/* ## WordPress

--------------------------------------------- */



a.aligncenter img {

    display: block;

    margin: 0 auto;

}



a.alignnone {

    display: inline-block;

}



.alignleft {

    float: none;

    text-align: left;

}



.alignright {

    float: right;

    text-align: right;

}



a.alignleft,

a.alignnone,

a.alignright {

    max-width: 100%;

}



img.centered,

.aligncenter {

    display: block;

    margin: 0 auto 24px;

}



img.alignnone,

.alignnone {

    margin-bottom: 12px;

}



a.alignleft,

img.alignleft,

.wp-caption.alignleft {

    margin: 0 24px 24px 0;

}



a.alignright,

img.alignright,

.wp-caption.alignright {

    margin: 0 0 24px 24px;

}



.wp-caption-text {

    font-size: 14px;

    font-weight: normal;

    text-align: center;

}


.entry-content p.wp-caption-text {

    margin-bottom: 0;

}


.sticky {

    position: fixed;

}



/* # Landing Page

---------------------------------------------------------------------------------------------------- */



.prettycreative-landing .site-inner {

    margin-top: 100px;

    padding: 50px;

}



.prettycreative-landing .content .entry {

    background-color: #fff;

    border: 1px solid #ddd;

    outline: 20px solid #fff;

    padding: 40px;

}



body.prettycreative-landing {

    background-color: #f5f5f5;

}



.prettycreative-landing .site-header {

    background: #fff;

    width: 100%;

}



/* # Home Page

---------------------------------------------------------------------------------------------------- */

body {
    font-family: 'Raleway', sans-serif;
}

.site-container {
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}

.about-hsaica,
.price-list,
.predsjednistvo-hsaica,
.statut-hsaica {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.price-list,
.statut-hsaica {
    background-color: #F4F4F4;
}

.about-hsaica h5,
.price-list h5,
.predsjednistvo-hsaica h5 {
    color: #ea5153;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.statut-hsaica h5 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.statut-hsaica img,
.about-hsaica img {
    width: 50px;
    height: auto;
    opacity: .8;
}

.statut-hsaica a,
.about-hsaica a {
    display: inline-block;
    font-weight: 700;
    padding-left: 20px;
    color: inherit;
}

.about-hsaica p,
.price-list p,
.predsjednistvo-hsaica p,
.statut-hsaica p {
    color: #4F4F4F;
    font-size: 16px;
    line-height: 25px;
    padding: 20px 0;
}

.price-list p {
    visibility: hidden;
}

.predsjednistvo-hsaica .left-column {
    width: 60%;
    float: left;
}

.predsjednistvo-hsaica .right-column {
    width: 30%;
    float: right;
    font-weight: 700;
    font-size: 14px;
}

.statut-hsaica {
    margin-bottom: 60px;
    clear: both;
}

.statut-hsaica a {
    color: inherit;
}

.one-half-form {
    width: 50%;
    float: left;
}

.one-half-contact {
    width: 30%;
    float: left;
    margin-left: 60px;
}

.wpcf7-submit {
    background-color: #fff;
    outline: none;
    border-top: 2px dashed #000;
    border-bottom: 2px solid #000;
}

@media screen and (max-width: 640px) {
    .site-container {
        width: 100%;
    }

    .nav-primary {
        background-color: #fff !important;
    }

    .lang-item a {
        padding: 5px 0 !important;
    }

    .statut-hsaica img {
        width: 30px;
    }

    .statut-hsaica a {
        font-size: 14px;
    }

    .header-image .site-title > a {
        float: none !important;
        margin: 0 auto 10px auto !important;
    }

    .blog .content .entry,
    #header-artist {
        width: 95% !important;
        padding: 0 !important;
    }

    #side-artist {
        max-width: 95%;
    }

    .post-type-archive-clanovi .site-inner {
        width: 95% !important;
        padding: 10px !important;
    }

    .blog .entry-title,
    h1.entry-title {
        font-size: 24px !important;
        text-align: left !important;
    }

    .blog .entry-content img,
    .post-type-archive-rasprave .portfolio-image a img {
        float: none !important;
        max-width: 100%;
    }


    #izlozba-galerija a img {
        max-height: 100%;
    }



    #side-artist h2 {
        font-size: 22px !important;
    }

    .subheading-artist {
        text-align: left;
        margin-bottom: 10px;
        padding: 0 !important;
    }

    .artist-kontakt .subheading-artist {
        padding: 0 !important;
    }

    .one-half-form,
    .one-half-contact {
        width: 100%;
        float: none;
        margin-left: 0;
    }


}

@media screen and (max-width: 1024px) {

    .about-hsaica,
    .price-list,
    .predsjednistvo-hsaica,
    .statut-hsaica {
        width: 100%;
        margin: 20px auto 0 auto;
        padding: 10px;
    }

    .predsjednistvo-hsaica .left-column {
        width: 100%;
        float: none;
    }

    .predsjednistvo-hsaica .right-column {
        width: 100%;
        float: none;
    }


}

@media screen and (min-width: 760px) and (max-width: 800px) {
    .header-image .site-description {
        text-indent: -9999px;
    }

    #izlozba-opis {
        padding: 0 0 !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1650px) {
    .site-container {
        width: 90%;
    }

    .nav-primary.fix {
        max-width: 90% !important;
    }
}


.home-top {

    background: url("") repeat;

    background-attachment: fixed;

    background-color: #fff;

}



.prettycreative-home.blog p {

    font-size: 14px;

}



.prettycreative-home .type-product {

    text-align: center;

}



.prettycreative-home .rmtext,
a.more-link {

    width: 100%;

}



.home-top .widget {

    margin: 0 auto !important;

    text-align: center;

    width: 100%;

    z-index: -1;

}



.home-top .widget-title {

    border: none;

    font-size: 30px;

    text-transform: none;

}



.home-top .widget_text {

    background-color: transparent;

    margin: 0 auto;

    padding: 20px;

    text-align: center;

}



.home-subscribe-widget {

    padding: 0 20px;

}



.home-portfolio-widget,

.home-subscribe-widget,

.home-page-2 {

    background: #f5f5f5;

    width: 100%;

}



.prettycreative-home .home-portfolio-widget .featuredpost .entry {

    display: inline-block;

    float: left;

    margin-left: 2.564102564102564%;

    width: 31.623931623931625%;

    position: relative;

}



.home .home-portfolio-widget .featuredpost .entry a {

    display: block;

    filter: grayscale(100%);

    opacity: 0.6;

    -webkit-filter: grayscale(100%);

}



.home .home-portfolio-widget .featuredpost .entry a:hover {

    filter: grayscale(0);

    opacity: 1;

    -webkit-filter: grayscale(0);

}



.prettycreative-home .type-product {

    float: left;

    margin-left: 2.564102564102564%;

    width: 23.076923076923077%;

}





.prettycreative-home .type-product:nth-of-type(4n+1),

.home .home-portfolio-widget .featuredpost .entry:nth-of-type(3n+1) {

    clear: both;

    margin-left: 0;

}



.home-page-1 {

    padding: 30px;

}



.home .alignnone {

    margin-bottom: 0;

}



.home .content .entry {

    background-color: transparent;

    margin-bottom: 0;

    width: 100%;

}



.home .featuredpost .entry {

    border-bottom: 0px !important;

}



.home-page-1 .widget {

    padding: 0 10px;

}



.home-page-2 .wrap {

    max-width: 100%;

}



.home-even .featuredpage:nth-of-type(odd),

.home-odd .featuredpost .entry:nth-of-type(odd) {

    float: left;

    width: 48.717948717948715%;

}



.home-even .featuredpage:nth-of-type(even),

.home-odd .featuredpost .entry:nth-of-type(even) {

    float: right;

    width: 48.717948717948715%;

}



.prettycreative-home .content .widget-area .widget {

    float: left;

    margin-left: 2.564102564102564%;


}



.prettycreative-home .content .one-widget .widget {

    display: inline-block;

    float: none;

    margin: 0 auto;

    width: 100%;

}



.prettycreative-home .content .seven-widgets .widget,

.prettycreative-home .content .five-widgets .widget,

.prettycreative-home .content .six-widgets .widget,

.prettycreative-home .content .three-widgets .widget,

.prettycreative-home .content .widget-thirds .widget {

    width: 31.623931623931625%;

}



.prettycreative-home .content .eight-widgets .widget,

.prettycreative-home .content .five-widgets .widget:nth-last-of-type(-n+2),

.prettycreative-home .content .four-widgets .widget {

    width: 48.717948717948715%;

}



.prettycreative-home .content .two-widgets .widget {

    width: 100%;

}



.prettycreative-home .content .seven-widgets .widget:nth-child(4) {

    width: 100%;

}



.prettycreative-home .content .eight-widgets .widget:nth-of-type(odd),

.prettycreative-home .content .five-widgets .widget:nth-of-type(3n+1),

.prettycreative-home .content .four-widgets .widget:nth-of-type(odd),

.prettycreative-home .content .seven-widgets .widget:nth-child(4),

.prettycreative-home .content .seven-widgets .widget:nth-child(4n+1),

.prettycreative-home .content .six-widgets .widget:nth-of-type(3n+1),

.prettycreative-home .content .three-widgets .widget:nth-of-type(1),

.prettycreative-home .content .two-widgets .widget:nth-of-type(odd),

.prettycreative-home .content .widget-thirds .widget:nth-of-type(3n+1) {

    clear: both;

    margin-left: 0;

}



.prettycreative-home .content .eight-widgets .widget:nth-last-of-type(-n+2),

.prettycreative-home .content .five-widgets .widget:nth-last-of-type(-n+2),

.prettycreative-home .content .four-widgets .widget:nth-last-of-type(-n+2),

.prettycreative-home .content .seven-widgets .widget:nth-last-of-type(-n+3),

.prettycreative-home .content .six-widgets .widget:nth-last-of-type(-n+3),

.prettycreative-home .content .three-widgets .widget,

.prettycreative-home .content .two-widgets .widget,

.prettycreative-home .content .widget-thirds .widget:nth-last-of-type(-n+3) {

    margin-bottom: 0;

}



.prettycreative-home .site-inner .widget-area {

    clear: both;

    overflow: hidden;

    padding: 40px 0;

}



.prettycreative-section .widget_text {

    font-size: 28px;

}



/* # Widgets

---------------------------------------------------------------------------------------------------- */



.genesis-nav-menu .widget {

    clear: none !important;

    display: inline-block;

    float: right;

}



.genesis-nav-menu .simple-social-icons ul li {

    margin-bottom: 0 !important;

}



.genesis-nav-menu .widget-area .search-form {

    margin-right: 7px;

}



.genesis-nav-menu .widget-area {

    float: right;

    padding: 14px 0 0 0;

}



.widget {

    word-wrap: break-word;

}



.widget ol > li {

    list-style-position: inside;

    list-style-type: decimal;

    padding-left: 20px;

    text-indent: -20px;

}



.widget li li {

    border: none;

    margin: 0 0 0 30px;

    padding: 0;

}



.widget_calendar table {

    width: 100%;

}



.widget_calendar td,

.widget_calendar th {

    text-align: center;

}



/* ## Featured Content

--------------------------------------------- */



.featured-content .entry {

    border-bottom: 2px solid #f5f5f5;

    margin-bottom: 20px;

    padding: 0 0 24px;

}



.footer-widgets .entry {

    border-bottom: 1px dotted #666;

}



.featured-content .entry-title {

    font-size: 20px;

}



/* Expanding Search Bar

--------------------------------------------- */



input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* Firefox 18- */

input:focus::-moz-placeholder {
    color: transparent;
}

/* Firefox 19+ */

input:focus:-ms-input-placeholder {
    color: transparent;
}

/* oldIE ;) */



.genesis-nav-menu .search-form input[type="search"] {

    margin-left: 10px;

    padding-left: 12px;

    padding-right: 1.8rem;

    padding-top: 5px;

    width: 110px;

    -moz-transition: 400ms width ease;

    -webkit-transition-duration: 400ms;

    -webkit-transition-property: width;

    -webkit-transition-timing-function: ease;

    -o-transition-duration: 400ms;

    -o-transition-property: width;

    -o-transition-timing-function: ease;

}



.genesis-nav-menu .search-form input[type="search"]:focus {

    width: 189px;

}



.search-form {

    position: relative;

}



.search-form input {

    border: 0;

}



.search-form ::-webkit-input-placeholder {

    color: #adadad;

    font-family: 'Montserrat Light', arial;

    font-size: 11px;

    letter-spacing: 1px;

    padding-top: 1px;

    text-transform: uppercase;

    vertical-align: middle;

}



.search-form :-moz-placeholder {
    /* Firefox 18- */

    color: #adadad;

    font-family: 'Montserrat Light', arial;

    font-size: 11px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.search-form ::-moz-placeholder {
    /* Firefox 19+ */

    color: #adadad;

    font-family: 'Montserrat Light', arial;

    font-size: 11px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.search-form :-ms-input-placeholder {

    color: #adadad;

    font-family: 'Montserrat Light', arial;

    font-size: 11px;

    letter-spacing: 1px;

    line-height: 0;

    text-transform: uppercase;

    vertical-align: middle;

}



.genesis-nav-menu .search-form input[type="submit"] {

    background: transparent;

    clip: inherit;

    color: #2c2c2c;

    content: "\f179";

    font-size: 17px;

    font-family: "dashicons";

    height: 16px;

    outline: none;

    position: absolute;

    right: 10px;

    top: 5px;

    width: 16px;

    -webkit-font-smoothing: antialiased;

}



.search-form input[type="submit"]:hover {

    color: #ddd !important;

}



input[type="search"] {

    border-radius: 0;

    -webkit-appearance: none !important;

}





/* # Plugins

---------------------------------------------------------------------------------------------------- */



/* Woo Stylin 

--------------------------------------------- */



.woocommerce .woocommerce-message .button {

    width: auto;

}



td.actions {

    padding-top: 20px !important;

}



tr.cart_item {

    line-height: 3;

}



.woocommerce {

    font-size: 15px;

}



.woocommerce span.onsale {

    background-color: #9abcb5 !important;

}

.woocommerce ul.products li.product .price {

    color: #9abcb5 !important;

}



.woocommerce div.product p.price,

.woocommerce div.product span.price {

    color: #9abcb5 !important;

    font-size: 22px !important;

    margin-bottom: 4px;

}



.woocommerce span.onsale {

    padding: 3px 7px !important;

}



.woocommerce .woocommerce-message:before {

    border-radius: 100%;

    padding: 0 5px 2px 7px;

}



.woocommerce .woocommerce-info:before,

.woocommerce-page .woocommerce-info:before {

    display: none !important;

}



.woocommerce-checkout #payment {

    background: #f5f5f5 !important;

}



body.woocommerce-page #payment ul.payment_methods li {

    list-style: none outside none;

}



.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {

    background-color: #fff !important;

}



.woocommerce input.input-text.qty.text {

    margin-right: 4px;

    padding: 6px;

    text-align: center;

}



.woocommerce table.cart td.actions .coupon .input-text {

    border: 1px solid #2c2c2c;

    font-size: 12px;

    line-height: 1.7 !important;

    padding: 7px 7px 5px 7px !important;

    width: 120px;

    -webkit-box-shadow: inset 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;

}



.woocommerce a.button,

.woocommerce button.button,

.woocommerce input.button,

.woocommerce #respond input#submit,

.woocommerce #content input.button,

.woocommerce-page a.button,

.woocommerce-page button.button,

.woocommerce-page input.button,

.woocommerce-page #respond input#submit,

.woocommerce-page #content input.button,

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {

    border: 1px solid #2c2c2c !important;

    background: #fff !important;

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;

    background: -webkit-linear-gradient(#fff, #fff) !important;

    background: -moz-linear-gradient(center top, #fff 0%, #fff 100%) !important;

    background: -moz-gradient(center top, #fff 0%, #fff 100%) !important;

    border-radius: 0 !important;

    box-shadow: 0 !important;

    color: #2c2c2c !important;

    font-family: Montserrat Light !important;

    font-size: 12px !important;

    font-weight: bold;

    left: auto;

    line-height: 1em;

    margin: 0;

    overflow: visible;

    text-decoration: none;

    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.0) !important;

    -moz-box-shadow: 0 !important;

    -webkit-box-shadow: 0 !important;

    -webkit-border-radius: 0 !important;

}



.woocommerce-cart .cart-collaterals {

    font-family: Montserrat Light !important;

    font-size: 12px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.woocommerce ul.products li.product h3,

.woocommerce-page h1,

.woocommerce-page .entry-title {

    font-family: Montserrat Light !important;

    font-size: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.woocommerce-page .comment-respond label,

.woocommerce-page h3,

.woocommerce-page h2 {

    font-family: Montserrat Light !important;

    font-size: 16px;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,

.woocommerce input.button {

    padding: 10px 10px !important;

}



.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,

.woocommerce input.button:hover {

    background: #2c2c2c !important;

    color: #fff !important;

}



.woocommerce .single_add_to_cart_button {

    padding: 12px 10px !important;

}



.woocommerce button.button.alt:hover {

    color: #ddd !important;

}



.woocommerce table.shop_table,

.woocommerce-page table.shop_table {

    border: 1px solid #ddd !important;

    border-collapse: separate;

    border-radius: 0 !important;

    margin: 0px -1px 24px 0px;

    padding: 20px;

    text-align: left;

    width: 100%;

    -webkit-border-radius: 0 !important;

}



.woocommerce .woocommerce-info,

.woocommerce-page .woocommerce-info {

    border-top: 3px solid #2c2c2c !important;

}



.woocommerce .woocommerce-message,

.woocommerce .woocommerce-error,

.woocommerce .woocommerce-info,

.woocommerce-page .woocommerce-message,

.woocommerce-page .woocommerce-error,

.woocommerce-page .woocommerce-info {

    background: #fff !important;

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;

    background: -webkit-linear-gradient(#fff, #fff) !important;

    background: -moz-linear-gradient(center top, #fff 0%, #fff 100%) !important;

    background: -moz-gradient(center top, #fff 0%, #fff 100%) !important;

    border: 1px solid #2c2c2c !important;

    border-radius: 0 !important;

    box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.00), inset 0 -0px 0px rgba(0, 0, 0, 0.00), inset 0 1px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.0) !important;

    color: #5e5e5e;

    list-style: none outside !important;

    margin: 0 0 2em !important;

    padding: 1em 1em 1em 3.5em !important;

    position: relative;

    text-shadow: 0 1px 0 #ffffff;

    width: auto;

    -webkit-border-radius: 0 !important;

    -webkit-box-shadow: inset 0 -0px 0px rgba(0, 0, 0, 0.00), inset 0 -0px 0px rgba(0, 0, 0, 0.000), inset 0 0px 0 #fff, 0 0px 0px rgba(0, 0, 0, 0.0) !important;

}



.woocommerce .woocommerce-info:before,

.woocommerce-page .woocommerce-info:before {

    background-color: #2c2c2c !important;

    border-radius: 0 !important;

}



.woocommerce .sidebar input {

    width: 100%;

}



h3#order_review_heading {

    margin: 20px 0 !important;

}



.woocommerce #payment #place_order,

.woocommerce-page #payment #place_order {

    padding: 20px;

    width: 100% !important;

}



.woocommerce ul.products li.product a img,

.woocommerce-page ul.products li.product a img,

.woocommerce div.product div.images img,

.woocommerce #content div.product div.images img,

.woocommerce-page div.product div.images img,

.woocommerce-page #content div.product div.images img {

    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;

    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;

}



.woocommerce span.onsale,

.woocommerce-page span.onsale {

    text-transform: uppercase !important;

}



.woocommerce .woocommerce-message,

.woocommerce-page .woocommerce-message {

    border-top: 3px solid #2c2c2c !important;

}



.woocommerce .woocommerce-message:before,

.woocommerce-page .woocommerce-message:before {

    background-color: #2c2c2c !important;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li,

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,

.woocommerce-page div.product .woocommerce-tabs ul.tabs li,

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {

    background: #fff !important;

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;

    background: -webkit-linear-gradient(#fff, #fff) !important;

    background: -moz-linear-gradient(center top, #fff 0%, #fff 100%) !important;

    background: -moz-gradient(center top, #fff 0%, #fff 100%) !important;

    box-shadow: 0 0px px rgba(0, 0, 0, 0.0), inset 0 0px 0 rgba(255, 255, 255, 0.0) !important;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li,

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,

.woocommerce-page div.product .woocommerce-tabs ul.tabs li,

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {

    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0), inset 0 0px 0 rgba(255, 255, 255, 0.0) !important;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li:before,

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,

.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before {

    border-width: 0 0px 0px 0 !important;

    box-shadow: 0px 0px 0 #fff !important;

}



.woocommerce div.product .woocommerce-tabs ul.tabs li:after,

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,

.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {

    border-width: 0 0 0px 0px !important;

    box-shadow: -0px 0px 0 #fff !important;

}





/* Testimonials

--------------------------------------------- */



.bne-testimonial-featured-image,

.bne-testimonial-featured-image.square,

.bne-testimonial-featured-image.circle,

.bne-testimonial-featured-image.flat-square,

.bne-testimonial-featured-image.flat-circle {

    height: 170px !important;

    margin: 5px 20px 10px 0 !important;

    width: 170px !important;

}



.bne-testimonial-featured-image,

.bne-testimonial-featured-image.square {

    border: 1px solid #ddd !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 10px !important;

    -moz-border-radius: 0 !important;

    -moz-box-shadow: none !important;

    -webkit-border-radius: 0 !important;

    -webkit-box-shadow: none !important;

}



.bne-testimonial-slider-wrapper {

    background: #fff;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    margin: 0px;

    padding: 20px !important;

    position: relative;

    -moz-box-shadow: none !important;

    -moz-border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    -webkit-box-shadow: none !important;

}



/* Portfolio Archive

--------------------------------------------- */



.archive-portfolio .content .entry {

    padding: 0;

}

.archive-portfolio .content-sidebar-wrap li:first-child {
    display: none;
}


.single-portfolio .entry-title {

    margin: 30px 0;

    text-align: center;

}



.single-portfolio .entry {

    border-bottom: 0;

    margin: 0 auto;

    max-width: 800px;

}

.post-type-archive-dogadanja h2.entry-title {
    display: none;
}



/* Category Archives Grid

--------------------------------------------- */



.recipe-image a img {

    margin-bottom: 0;

}



.post-image,

.entry-image {

    width: auto;

}



.grid-archive .entry-title {

    font-size: 20px;

}



@media only screen and (max-width: 800px) {

    .grid-archive .content .first,

    .grid-archive .content .one-fourth {

        margin-left: 2.564102564102564%;

        width: 48.717948717948715%;

    }


    .uprava {

        font-size: 15px !important;

    }



    div.gform_wrapper input[type="email"],
    div.gform_wrapper input[type="text"],
    div.gform_wrapper textarea,
    div.gform_wrapper .ginput_complex label {

        font-size: 13px !important;

        padding: 13px !important;

    }





    .uclani-opis.info {

        margin-bottom: 60px !important;

    }







    .grid-archive .content .one-fourth:nth-of-type(2n+1) {

        clear: both;

        margin-left: 0 !important;

    }



    .recipe-image a {

        text-align: center;

        display: block;

    }


}



@media only screen and (max-width: 540px) {



    .grid-archive .content .first,

    .grid-archive .content .one-fourth {

        margin-left: 3.4979423868%;

        width: 48.2510288066% !important;

    }



    .grid-archive .content .one-fourth:nth-of-type(3n+1) {

        margin-left: 3.4979423868%;

    }



    .grid-archive .content .one-fourth:nth-of-type(2n+1) {

        margin-left: 0;

    }



}



@media only screen and (max-width: 320px) {



    .grid-archive .content .first,

    .grid-archive .content .one-fourth {

        margin-left: 0;

        width: 100%;

    }



    .grid-archive .content .one-fourth:nth-of-type(3n+1) {

        margin-left: 0;

    }



}



/* ## Gravity Forms

--------------------------------------------- 



.footer-widgets .input {

    display: inline-block;

}



.gform_body {

    background-color: #fff;

    border: 0;

    padding: 0;

}



.gfield_label {

    font-family: Montserrat Light !important;

    letter-spacing: 1px;

    text-transform: uppercase;

}



div.gform_wrapper input[type="email"],

div.gform_wrapper input[type="text"],

div.gform_wrapper textarea,

div.gform_wrapper .ginput_complex label {

    font-size: 16px;

    padding: 16px;

}



div.gform_wrapper .ginput_complex label {

    padding: 0;

}



div.gform_wrapper li,

div.gform_wrapper form li {

    margin: 16px 0 0;

    margin: 1.6rem 0 0;

}



div.gform_wrapper .gform_footer input[type="submit"] {

    font-size: 14px;

}

*/



/* ## Genesis Simple Share

--------------------------------------------- 



.share-after:before {

    content: "Podijeli: ";

    display: inline-block;

    font-family: 'Montserrat Light', arial;

    font-size: 16px;

    height: 25px;

    letter-spacing: 3px;

    line-height: normal;

    margin-right: 7px;

    padding-bottom: 4px;

    text-transform: uppercase;

    vertical-align: middle;

}



.share-after {

    border-top: 1px solid #ddd;

    height: 40px;

    line-height: 40px;

    padding-bottom: 35px;

    padding-top: 25px;

    text-align: center;

    margin-top: 50px;

}



.content .share {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.content .share-outlined .count {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

*/

/* ## Easy Recipe

--------------------------------------------- */



.easyrecipe .ERSIngredients .ERSIngredientsHeader,

.easyrecipe .ERSInstructions .ERSInstructionsHeader,

.easyrecipe .nutrition .ERSNutritionHeader,

.easyrecipe div .ERSNotesHeader,

.easyrecipe .ERSName {

    font-family: 'Open Sans', sans-serif;

    font-size: 22px !important;

    font-weight: 400 !important;

}



.easyrecipe .ERSName,

.easyrecipe .ERSIngredients .ERSIngredientsHeader,

.easyrecipe .ERSInstructions .ERSInstructionsHeader,

.easyrecipe .nutrition .ERSNutritionHeader,

.easyrecipe div .ERSNotesHeader {

    font-family: Montserrat Light !important;

    letter-spacing: 1px;

    padding: 20px 0 10px 0;

    text-transform: uppercase;

}



.easyrecipe .ERSTimes {

    margin-bottom: 20px !important;

}



div.easyrecipe {

    background-color: #f5f5f5 !important;

    border: 10px solid #fff !important;

    outline: 1px solid #f5f5f5;

    padding: 20px !important;

}



.easyrecipe div {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    line-height: 1.7 !important;

}



.easyrecipe .ERSTopRight {

    padding-left: 20px;

}



.easyrecipe .ERSTopRight img {

    border: 3px solid #fff !important;

}



.ERSTopRight {

    background-color: #fff !important;

    padding: 20px !important;

}



div.easyrecipe div.ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn,

div.easyrecipe div.ERSSavePrint .ERSSaveBtnSpan .ERSSaveBtn {

    background: #2c2c2c !important;

    border-radius: 0;

    font-family: 'Montserrat Light', arial;

    font-weight: normal;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.ERComment .ERRateBG {

    margin-top: 7px;

}



/* ## Simple Social Icons

--------------------------------------------- */



.nav-primary .simple-social-icons {

    float: right;

}



.nav-primary .simple-social-icons li a {

    background-color: transparent !important;

    margin-right: 0;

    margin-top: 4px;

}



.simple-social-icons {

    overflow: hidden;

}



.simple-social-icons ul {

    margin: 0;

    padding: 0;

}



.simple-social-icons ul li {

    background: none !important;

    border: none !important;

    float: left;

    list-style-type: none !important;

    margin: 0 4px 0 0 !important;

    padding: 0 !important;

}



.nav-primary .simple-social-icons ul li a {

    border: none !important;

    box-sizing: content-box;

    display: inline-block;

    font-size: 14px !important;

    font-style: normal !important;

    font-variant: normal !important;

    font-weight: normal !important;

    line-height: 1em;

    padding: 2px !important;

    speak: none;

    text-align: center;

    text-decoration: none !important;

    text-transform: none !important;

    width: 1em;

    -moz-osx-font-smoothing: grayscale;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    -webkit-font-smoothing: antialiased;

}



.simple-social-icons ul.aligncenter {

    text-align: center;

}



.simple-social-icons ul.aligncenter li {

    display: inline-block;

    float: none;

}



.nav-primary .simple-social-icons {

    display: inline-block;

}



/* ## Header Image

--------------------------------------------- */



.header-image .site-header .wrap {

    padding: 10px 0;

}



.header-image .site-title a {

    margin: 0 auto;

    min-height: 100px;

    width: 100%;

}



.header-image .site-title > a {

    background-size: contain !important;

    display: block;

    height: 100px;

    margin: 10px auto;

    text-indent: -9999px;

    max-width: 300px;

}



.blog p {

    margin-bottom: 0 !important;

}



.header-image .site-inner {

    padding-top: 0;

}



/* ## Genesis eNews Extended

--------------------------------------------- 



.home-subscribe-widget .enews {

    display: block;

}



.home-subscribe-widget .enews input {

    float: left;

    margin-bottom: 0;

    margin-left: 2.564102564102564%;

    width: 23.076923076923077%;

}



.home-subscribe-widget .enews-widget input[type="submit"] {

    margin-left: 2.564102564102564%;

    padding: 10px 20px;

    width: 14.1025641025641%;

}



.home-subscribe-widget .enews-widget p {

    float: left;

    padding: 8px 0;

    text-align: left;

    width: 34.61538461538462%;

}



.home-subscribe-widget #subscribe {

    float: right;

    width: 70%;

}



.home-subscribe-widget .enews #subbox1 {

    margin-left: 0;

}



.enews-widget {

    border: none !important;

    color: #2c2c2c;

    font-family: 'Montserrat Light', arial;

    font-size: 14px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

}



.enews-widget .widget-title {

    border: none !important;

    color: #2c2c2c;

    font-family: 'Montserrat Light', arial;

    font-size: 14px;

    letter-spacing: 1px;

    text-align: center;

    text-transform: uppercase;

}



.sidebar .widget.enews-widget {

    background-color: #fff3f2;

    padding: 40px;

}



.enews-widget input,

.enews-widget input:focus {

    border: none;

}



.enews-widget input {

    font-size: 12px;

    margin-bottom: 16px;

}



.home-subscribe-widget .enews-widget input[type="submit"] {

    background-color: #2c2c2c;

    color: #fff;

}



.home-subscribe-widget .enews-widget input:hover[type="submit"] {

    background-color: #fff !important;

    color: #2c2c2c !important;

    font-weight: normal;

}





.enews-widget input[type="submit"] {

    background-color: #fff;

    color: #2c2c2c;

    margin: 0;

    outline: none;

    width: 100%;

}



.enews-widget input:hover[type="submit"] {

    background-color: #2c2c2c;

    color: #fff;

    font-weight: normal;

}



.enews form + p {

    margin-top: 24px;

}

*/

/* ## Jetpack

--------------------------------------------- */



#wpstats {

    display: none;
}


/* # Site Header

---------------------------------------------------------------------------------------------------- */



.site-header {

    /*background-color: #fff;*/

    min-height: 100px;

}



.site-header .wrap {

    padding: 20px 0 10px 0;

}



/* ## Title Area

--------------------------------------------- */



.title-area {

    padding: 10px 0;

    text-align: center;

    width: 360px;

}



.header-full-width .title-area {

    width: 100%;

}



.site-title {

    font-size: 32px;

    font-weight: normal;

    line-height: 1.2;

}



.site-title a,

.site-title a:hover {

    color: #2c2c2c;

}



.site-description {

    font-family: 'Raleway', sans-serif;

    font-size: 12px;

    letter-spacing: 1px;

    line-height: 1.9;

    text-transform: uppercase;

}



.site-description,

.site-title {

    margin-bottom: 0;

}



.header-image .site-description,

.header-image .site-title {

    display: block;

    /*text-indent: -9999px;*/

}


/* ## Widget Area

--------------------------------------------- */

.alignleft .site-header .widget-area {

    float: right;

    text-align: right;

    width: 800px;

}



/* # Site Navigation

---------------------------------------------------------------------------------------------------- */



.genesis-nav-menu {

    clear: both;

    font-size: 14px;

    line-height: 1;

    width: 100%;

    text-align: center;

}



.genesis-nav-menu .menu-item {

    display: inline-block;

    text-align: left;

    margin-top: 15px;

}



.genesis-nav-menu a {

    color: #2c2c2c;

    display: block;

    font-family: 'Raleway', sans-serif;

    padding: 4px 16px;

}



.genesis-nav-menu a:hover,

.genesis-nav-menu .current-menu-item > a,

.genesis-nav-menu .sub-menu .current-menu-item > a:hover {

    color: #a6a59b;

}



.genesis-nav-menu .sub-menu {

    left: -9999px;

    opacity: 0;

    position: absolute;

    -webkit-transition: opacity .4s ease-in-out;

    -moz-transition: opacity .4s ease-in-out;

    -ms-transition: opacity .4s ease-in-out;

    -o-transition: opacity .4s ease-in-out;

    transition: opacity .4s ease-in-out;

    width: 200px;

    z-index: 99;

}



.genesis-nav-menu .sub-menu a {

    background-color: #fff;

    border: 1px solid #eee;

    border-top: none;

    padding: 20px;

    position: relative;

    width: 230px;

}



.genesis-nav-menu .sub-menu .sub-menu {

    margin: -55px 0 0 199px;

}



.genesis-nav-menu .menu-item:hover {

    position: static;

}



.genesis-nav-menu .menu-item:hover > .sub-menu {

    left: auto;

    opacity: 1;

}



.genesis-nav-menu > .first > a {

    padding-left: 0;

}



.genesis-nav-menu > .last > a {

    padding-right: 0;

}



.genesis-nav-menu > .right {

    color: #fff;

    float: right;

    list-style-type: none;

    padding: 30px 0;

}



.genesis-nav-menu > .right > a {

    display: inline;

    padding: 0;

}



.genesis-nav-menu > .rss > a {

    margin-left: 48px;

}



.genesis-nav-menu > .search {

    padding: 10px 0 0;

}



/* ## Site Header Navigation

--------------------------------------------- */



.site-header .sub-menu {

    border-top: 1px solid #eee;

}



.site-header .sub-menu .sub-menu {

    margin-top: -56px;

}



.site-header .genesis-nav-menu li li {

    margin-left: 0;

}



/* ## Primary Navigation

--------------------------------------------- */



.nav-primary.fix {

    background: #ccc;

    /*left: 0;*/

    overflow: visible;

    max-width: 80%;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1000;

}

.nav-primary {

    background-color: #f5f5f5;

}



.nav-secondary .genesis-nav-menu a,

.nav-primary .genesis-nav-menu a {

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0;

    text-transform: uppercase;

}



.nav-primary .genesis-nav-menu .sub-menu a {

    color: #2c2c2c;

    font-size: 10px;

}



.nav-primary .genesis-nav-menu a:hover,

.nav-primary .genesis-nav-menu .current-menu-item > a,

.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {

    color: #333232;

}



/* ## Secondary Navigation

--------------------------------------------- */



.nav-secondary {

    background-color: #fff;

    text-align: center;

}



.nav-secondary .genesis-nav-menu a {

    background-color: #2c2c2c;

    color: #fff;

    margin: 40px 4px;

}



.nav-secondary .genesis-nav-menu a:hover,

.nav-secondary .genesis-nav-menu .current-menu-item > a,

.nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {

    background-color: #f5f5f5;

    color: #2c2c2c;

}



.nav-secondary .genesis-nav-menu a {

    padding: 14px 25px;

}



/* # Content Area

---------------------------------------------------------------------------------------------------- */



/* ## Entries

--------------------------------------------- */



.entry {

    margin-bottom: 40px;

}



.content .entry {

    background-color: #fff;

    padding-bottom: 24px;

}

.blog .content .entry,
.post-type-archive-clanovi .site-inner {

    width: 75%;

    margin: 50px auto;

    padding: 0 20px;
}

.post-type-archive-clanovi .site-inner {

    margin: 0 auto;
}

.blog .entry-content img {

    float: left;
}

.post-type-archive-rasprave .portfolio-image a img {
    float: left;
    max-width: 300px;
    margin-right: 30px;
}

.post-type-archive-rasprave .content .entry {
    border-top: 2px dashed #000;
    border-bottom: 2px solid #000;
}

.post-type-archive-rasprave .izlozba-info {
    border-top: none !important;
    border-bottom: none !important;
}

.post-type-archive-rasprave .izlozba-info .entry-title a {
    color: #2c2c2c;
}

.term-posebni-projekti .content .entry {
    position: relative;
}

.term-posebni-projekti .izlozba-info {
    bottom: 50px;
}


.single .content .entry {

    border-bottom: 1px solid #ddd;

    padding-bottom: 30px;

}



.single .content .entry:last-of-type {

    border-bottom: none;

    padding-bottom: 0px;



}



.page-template-page_blog .content .entry:last-of-type,
.type-kritike:last-of-type {

    border-bottom: none;

    padding-bottom: 0px;

}



.page-template-page_blog .content .entry,

.type-kritike {

    border-bottom: 1px solid #ddd;

    padding-bottom: 40px;

}



.entry-content ol,

.entry-content ul {

    margin-bottom: 28px;

    margin-left: 40px;

}



.entry-content ol > li {

    list-style-type: decimal;

}



.entry-content ul > li {

    list-style-type: disc;

}



.entry-content ol ol,

.entry-content ul ul {

    margin-bottom: 0;

}



.entry-content code {

    background-color: #2c2c2c;

    color: #ddd;

}



/* ## Entry Meta

--------------------------------------------- */



.bne-testimonial-details,

p.entry-meta,

p.comment-meta {

    font-family: 'Montserrat Light', arial;

    font-size: 11px;

    font-style: normal !important;

    letter-spacing: 1px;

    margin-bottom: 0;

    text-transform: uppercase;

}



.entry-header .entry-meta {

    margin-bottom: 24px;

}



.entry-footer .entry-meta {

    border-top: 2px solid #f5f5f5;

    padding-top: 24px;

}



.entry-categories,

.entry-tags {

    display: block;

}



.entry-comments-link::before {

    content: "\f487";

    font-family: "dashicons";

    font-size: 8px;

    margin: 0 2px 0 2px;

    padding-right: 2px;

    -webkit-font-smoothing: antialiased;

}



/* ## Pagination

--------------------------------------------- */



.pagination {

    clear: both;

    margin: 40px 0;

}



.pagination a {

    background-color: #f5f5f5;

    color: #2c2c2c;

    display: inline-block;

    font-family: 'Montserrat Light', arial;

    font-size: 12px;

    letter-spacing: 1px;

    margin-top: 7px;

    padding: 7px 14px;

    text-align: center;

    text-transform: uppercase;

    width: auto;

}



.pagination a:hover {

    background-color: #2c2c2c;

    color: #fff;

}



.adjacent-entry-pagination {

    margin-bottom: 0;

}



.archive-pagination li {

    display: inline;

}



.archive-pagination li a {

    background-color: #2c2c2c;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-family: 'Montserrat Light', arial;

    font-size: 12px;

    padding: 8px 12px;

}



.archive-pagination li a:hover,

.archive-pagination .active a {

    background-color: #ddd;

}



/*

In Post Navigation

---------------------------------------------------------------------------------------------------- */



.prev-next-navigation {

    background: #fff;

    border-bottom: 1px solid #f5f5f5;

    border-top: 1px solid #f5f5f5;

    clear: both;

    color: #ddd;

    font-size: 14px;

    margin: 10px 0;

    overflow: hidden;

    padding: 20px;

    text-transform: uppercase;

}



.previous {

    float: left;

    width: 48.717948717948715%;

}



.previous:before {

    color: #2c2c2c;

    content: "\f341";

    font-family: "dashicons";

    font-size: 11px;

    padding-right: 2px;

    -webkit-font-smoothing: antialiased;

}



.next:after {

    color: #2c2c2c;

    content: "\f345";

    font-family: "dashicons";

    font-size: 11px;

    padding-left: 2px;

    -webkit-font-smoothing: antialiased;

}





.prev-next-navigation .next {

    float: right;

    margin-left: 2.564102564102564%;

    text-align: right;

    width: 48.717948717948715%;

}



/* ## Comments

--------------------------------------------- */



.comment-respond,

.entry-comments,

.entry-pings {

    background-color: #fff;

    margin-bottom: 40px;

}



.comment-respond,

.entry-pings {

    padding: 40px 0 16px;

}



.entry-comments {

    padding: 30px 0 0 0;

}



.commentnumber {

    color: #2c2c2c;

    font-family: 'Montserrat Light', arial;

    float: right;

    font-size: 40px;

}



.comment-header {

    font-size: 16px;

}



li.comment {

    background-color: #fff;

    border: 1px solid #ddd;

    font-size: 16px;

}



.comment-content {

    clear: both;

}



.comment-list li {

    margin-top: 24px;

    padding: 32px;

}



.comment-list li li {

    margin-right: -33px;

}



.comment-respond input[type="email"],

.comment-respond input[type="text"],

.comment-respond input[type="url"] {

    width: 50%;

}



.comment-respond label {

    display: block;

    font-family: 'Montserrat Light', arial;

    font-size: 18px;

    font-weight: normal;

    letter-spacing: 2px;

    margin: 0 12px 12px 0;

    margin-right: 12px;

    text-transform: uppercase;

}



.entry-comments .comment-author {

    color: #2c2c2c !important;

    font-size: 34px;

    margin-bottom: 0;

}



.entry-comments .comment-author a {

    color: #2c2c2c;

}



.says {

    font-size: 14px;

    font-style: italic;

}



.entry-pings .reply {

    display: none;

}



.bypostauthor {

    background-color: #f5f5f5;

}



.form-allowed-tags {

    background-color: #f5f5f5;

    font-size: 16px;

    padding: 24px;

}





/* # Sidebars

---------------------------------------------------------------------------------------------------- 



.sidebar {

    font-size: 16px;

}



.sidebar p {

    font-size: 14px;

}



.sidebar h2 {

    margin-bottom: 4px;

}



.sidebar .alignnone {

    margin-bottom: 4px;

}



.sidebar li {

    border-bottom: 1px dotted #ddd;

    margin-bottom: 10px;

    padding-bottom: 10px;

}



.sidebar p:last-child,

.sidebar ul > li:last-child {

    margin-bottom: 0;

}



.sidebar .widget {

    background-color: #fff;

    border: 1px solid #f5f5f5;

    margin-bottom: 40px;

    padding: 20px;

}



h4.widget-title {

    border-bottom: 1px solid #f5f5f5;

    font-family: 'Montserrat Light', arial;

    font-size: 14px;

    letter-spacing: 2px;

    margin-bottom: 20px;

    padding: 0px 0px 15px 0px;

    text-align: center;

    text-transform: uppercase;

}



.sidebar .entry {

    margin-bottom: 30px;

}



.sidebar a {

    color: #2c2c2c;

}



.sidebar a:hover {

    color: #ddd;

}

*/

/* # Footer Widgets

---------------------------------------------------------------------------------------------------- */



.footer-widgets {

    background-color: #ccc;

    clear: both;

    color: #333232;

    font-size: 18px;

    padding-top: 40px;

}

.footer-widgets .wrap {

    width: 85%;

}

.footer-widgets .dashicons {

    color: #333232;

    margin-right: 15px;

}



.footer-widgets a {

    color: #999;

}



.footer-widgets .widget-title,

.footer-widgets .enews-widget .widget-title {

    color: #2c2c2c;

    font-size: 14px;

    letter-spacing: 1px;

    line-height: 0;

    text-transform: uppercase;

    margin-bottom: 18px;

    padding-bottom: 0;

}



.footer-widgets input {

    padding: 10px;

}



.footer-widgets a.button,

.footer-widgets a:hover {

    color: #fff;

}



.footer-widgets li {

    border-bottom: 1px dotted #666;

    margin-bottom: 10px;

    padding-bottom: 10px;

}



.footer-widgets .widget {

    margin-bottom: 40px;

}



.footer-widgets p:last-child {

    margin-bottom: 0;

}



.footer-widgets-1 {

    width: 31.623931623931625%;

}



.footer-widgets-2,
.footer-widgets-3 {

    margin-left: 2.564102564102564%;

    width: 31.623931623931625%;

}



.footer-widgets-1,

.footer-widgets-2 {

    float: left;

}



.footer-widgets-3 .widget-title {

    text-align: right;

}



.footer-widgets-3 {

    float: right;

}



.entry-content img {

    max-height: 600px;

}



/* # Site Footer

---------------------------------------------------------------------------------------------------- */



.site-footer {

    background-color: #f5f5f5;

    font-size: 11px;

    letter-spacing: 1px;

    line-height: 1;

    padding: 40px 0;

    text-align: center;

    text-transform: uppercase;

}



.prettycreative-home.site-footer p,

.site-footer p {

    font-size: 11px !important;

    margin-bottom: 0;

}



/* # Media Queries

---------------------------------------------------------------------------------------------------- */



@media only screen and (max-width: 1200px) {



    .nav-primary .genesis-nav-menu a {

        padding: 5px 12px;

        font-size: 14px;

    }



    .site-inner,

    .wrap {

        max-width: 960px;

    }



    .content-sidebar-sidebar .content-sidebar-wrap,

    .sidebar-content-sidebar .content-sidebar-wrap,

    .sidebar-sidebar-content .content-sidebar-wrap {

        width: 740px;

    }



    .content,

    .site-header .widget-area {

        width: 620px;

        margin: 0 auto;

    }

    .blog .content .entry,
    .post-type-archive-clanovi .site-inner {

        width: 100%;

    }

    #header-artist {

        width: 100% !important;

    }

    #side-artist {

        max-width: 100% !important;
    }



    .sidebar-content-sidebar .content,

    .sidebar-sidebar-content .content,

    .content-sidebar-sidebar .content {

        width: 400px;

    }



    .sidebar-primary,

    .title-area {

        width: 300px;

    }

    .one-half-form,
    .one-half-contact {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .footer-widgets p {
        font-size: 14px;
    }

    .footer-widgets .dashicons {
        font-size: 16px !important;
    }

}



@media only screen and (max-width: 960px) {

    #year-nav .one-sixth {
        width: 13.52991452991453%;
        float: left;
        margin-left: 2.564102564102564%;

    }

    .site-inner,

    .wrap {

        max-width: 800px;

    }


    .genesis-nav-menu .widget-first {

        float: left;

    }



    .genesis-nav-menu .widget-last {

        float: right;

    }



    .site-inner {

        padding-left: 5%;

        padding-right: 5%;

    }



    .prettycreative-home .site-inner {

        padding-left: 0;

        padding-right: 0;

    }


    .home-page-1 {

        padding: 0;

    }



    .content,

    .content-sidebar-sidebar .content,

    .content-sidebar-sidebar .content-sidebar-wrap,

    .footer-widgets-1,

    .footer-widgets-2,

    .sidebar-content-sidebar .content,

    .sidebar-content-sidebar .content-sidebar-wrap,

    .sidebar-primary,

    .sidebar-secondary,

    .sidebar-sidebar-content .content,

    .sidebar-sidebar-content .content-sidebar-wrap,

    .site-header .widget-area,

    .title-area {

        width: 100%;

    }



    .footer-widgets-1,

    .footer-widgets-2 {

        float: none;

        margin: 0 auto;

    }



    .sidebar-primary {

        padding-left: 0;

    }



    .sidebar .widget {

        border: none;

        padding-left: 0;

    }



    .sidebar-secondary {

        clear: both;

        margin: 40px 0;

    }



    .site-header .wrap {

        padding: 20px 5%;

    }



    .header-image .title-area {

        background-position: center top;

    }



    .genesis-nav-menu li,

    .site-header ul.genesis-nav-menu,

    .site-header .search-form {

        float: none;

    }



    .genesis-nav-menu,

    .site-description,

    .site-header .title-area,

    .site-header .search-form,

    .site-title {

        text-align: center;

    }


    .site-header .search-form {

        margin: 16px auto;

    }



    .genesis-nav-menu li.right {

        display: none;

    }



    .footer-widgets-1 {

        margin-right: 0;

    }



    .soliloquy-container .soliloquy-caption {

        display: none;

    }


}



@media only screen and (max-width: 800px) {


    body {

        background-color: #fff;

        font-size: 15px;

    }

    .nav-primary {
        background-color: #fff !important;
    }

    .home-subscribe-widget .enews-widget input[type="submit"],

    .home-subscribe-widget .enews-widget p,

    .home-subscribe-widget .enews input {

        float: none;

        margin-bottom: 14px;

        margin-left: 0;

        text-align: center;

        width: 100%;

    }



    .archive-portfolio .entry {

        margin-bottom: 40px;

    }



    .archive-portfolio .site-inner {

        padding-left: 5%;

        padding-right: 5%;

    }

    .header-image .site-header .wrap,

    .wrap {

        padding-left: 5%;

        padding-right: 5%;

    }


    .header-image .site-title > a {

        min-height: auto;

    }



    .comment-respond,

    .entry,

    .entry-comments,

    .entry-pings,

    .sidebar .widget,

    .site-header {

        padding: 0;

    }



    .archive-pagination li a {

        margin-bottom: 4px;

    }



    .five-sixths,

    .four-sixths,

    .one-fourth,

    .one-half,

    .one-sixth,

    .one-third,

    .three-fourths,

    .three-sixths,

    .two-fourths,

    .two-sixths,

    .one-third.right,

    .two-thirds {

        margin: 0;

        width: 100%;

    }



    .one-third.right {

        margin-top: 30px;

        width: 100% !important;

    }

    .sidebar .widget.enews-widget {

        padding: 40px;

    }



    .prettycreative-home .content .eight-widgets .widget,

    .prettycreative-home .content .five-widgets .widget,

    .prettycreative-home .content .five-widgets .widget:nth-last-of-type(-n+2),

    .prettycreative-home .content .four-widgets .widget,

    .prettycreative-home .content .seven-widgets .widget,

    .prettycreative-home .content .six-widgets .widget,

    .prettycreative-home .content .three-widgets .widget,

    .prettycreative-home .content .two-widgets .widget,

    .prettycreative-home .content .widget-thirds .widget {

        margin: 0 auto 5%;

        width: 100%;

    }



}



@media only screen and (max-width: 768px) {



    .genesis-nav-menu .widget-area {

        background-color: #fff;

        display: block;

        margin: 0 auto;

        padding: 10px 10px 4px 10px;

        text-align: center;

        width: 100%;

    }

    .nav-primary .genesis-nav-menu a {
        color: #333232;
        font-weight: 200;
    }

}


@media only screen and (max-width: 700px) {

    .category .archive-description .alignleft,

    .category .archive-description .alignright {

        float: none;

        text-align: left;

        width: 100%;

    }



    .category .archive-description .alignright {

        height: auto !important;

        margin-left: 0;

        margin-top: 0;

    }



    .category .archive-description .alignleft {

        margin-bottom: 40px;

    }



    .share-after:before {

        display: block;

    }



    .share-after {

        height: 120px;

    }



    .ERSTopRight {

        background-color: #f5f5f5 !important;

        padding: 10px !important;

    }



    div.easyrecipe div.ERSSavePrint .ERSSaveBtnSpan .ERSSaveBtn {

        margin-bottom: 7px;

        width: 100% !important;

    }



    div.easyrecipe div.ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn {

        width: 100% !important;

    }

}

@media only screen and (max-width: 500px) {

    .woocommerce {

        font-size: 12px !important;

    }

    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table {

        padding: 0 !important;

    }


    .woocommerce table.shop_table th,
    .woocommerce-page table.shop_table th {

        line-height: 18px;

        margin: 0 auto !important;

        padding: 9px 8px !important;

    }



    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input,
    .woocommerce #content table.cart td.actions .button.alt,
    .woocommerce #content table.cart td.actions .input-text + .button,
    .woocommerce table.cart td.actions .button.alt,
    .woocommerce table.cart td.actions .input-text + .button,
    .woocommerce-page #content table.cart td.actions .button.alt,
    .woocommerce-page #content table.cart td.actions .input-text + .button,
    .woocommerce-page table.cart td.actions .button.alt,
    .woocommerce-page table.cart td.actions .input-text + .button {

        display: block !important;

        margin: 10px auto !important;

        width: 100% !important;

    }

}





@media only screen and (max-width: 480px) {

    #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item {

        float: left !important;

        margin-left: 2.564102564102564%;

        width: 48.717948717948715% !important;

    }

}


/* Responsive Navigation

---------------------------------------------------------------------------------------------------- */



/* Standard Navigation

--------------------------------------------- */



nav {

    clear: both;

}



/* Navigation toggles

--------------------------------------------- */



.sub-menu-toggle,

.menu-toggle {

    display: none;

    visibility: hidden;

}



/* Navigation toggles

--------------------------------------------- */



@media only screen and (min-width: 769px) {

    nav {

        display: block !important;

    }



    .lg-actions .lg-next,
    .lg-actions .lg-prev {}

}



/* Navigation toggles

--------------------------------------------- */


@media only screen and (max-width: 768px) {

    .genesis-nav-menu .widget-area {

        background-color: ;

        display: block;

        margin: 0 auto;

        padding: 0 0 0 0;

        text-align: center;

        width: 100%;

    }


    .genesis-nav-menu .widget-area .search-form {

        margin-right: 0;

    }

    .genesis-nav-menu .search-form input[type="search"]:focus {

        width: 130px;

    }



    .header-image .site-title > a,

    .site-header {

        float: left;

    }



    .prettycreative-landing .site-header {

        margin-bottom: 50px;

    }



    .prettycreative-landing.header-image .site-title > a {

        float: none;

        margin: 0 auto;

        text-align: center;

        width: 100%;

    }



    .site-header {

        min-width: 200px;

    }



    .prev-next-navigation .previous,

    .prev-next-navigation .next {

        display: block;

        float: none !important;

        margin: 0 auto;

        text-align: center;

        width: 100%;

    }



    .prev-next-navigation .previous {

        padding-bottom: 10px;

    }



    .genesis-nav-menu .widget-area {

        float: left;

        clear: both;

        display: block;

        max-width: 100%;

        padding: 20px 16px 20px 4px;

    }



    .menu-toggle {

        float: right;

    }


    .menu-toggle,

    .sub-menu-toggle {

        border: 0;

        display: block;

        font-weight: 500;

        margin: 0 auto;

        outline: none;

        overflow: hidden;

        padding: 20px;

        text-align: center;

        visibility: visible;

    }



    button.menu-toggle,

    button.sub-menu-toggle {

        background-color: transparent;

        color: #2c2c2c;

        font-size: 22px;

    }



    .sub-menu-toggle {

        padding: 18px;

        position: absolute;

        left: 30%;

        top: -15px;

    }



    .menu-toggle:before {

        content: "\2261";

        font-size: 40px;

    }



    .menu-toggle.activated:before {

        content: "\2191";

        font-size: 20px;

    }



    .sub-menu-toggle:before {

        content: "+";

    }



    .sub-menu-toggle.activated:before {

        content: "-";

    }



    nav {

        display: none;

        position: relative;

    }



    .genesis-nav-menu .menu-item {

        background-color: #fff;

        color: #333232 !important;

        display: block;

        position: relative;

        text-align: left;

    }



    .genesis-nav-menu .menu-item:hover {

        position: relative;

    }



    .genesis-nav-menu .sub-menu {

        border: 4px solid #fff;

        clear: both;

        display: none;

        opacity: 1;

        position: static;

        width: 100%;

    }



    .genesis-nav-menu .sub-menu a {

        border-left: 0;

        border-right: 0;

        position: relative;

        width: auto;

    }



    .genesis-nav-menu .sub-menu a:last-of-type {

        border: 0;

    }



    .genesis-nav-menu .sub-menu .sub-menu {

        margin: 0;

    }



    .genesis-nav-menu .sub-menu .sub-menu a {

        background-color: #f5f5f5;

        padding-left: 30px;

    }



    .genesis-nav-menu .sub-menu .sub-menu .sub-menu a {

        background-color: #fff;

        padding-left: 40px;

    }



    .nav-primary a:hover,

    .nav-primary .current-menu-item > a {

        color: #333;

    }



    .nav-secondary .genesis-nav-menu a {

        background-color: #fff;

        color: #2c2c2c;

        margin: 1px 0;

    }



}



div.salon-feature.justify > ul li {

    margin-bottom: 10px;

}

.simple-social-icons ul li a:hover {

    background: transparent !important;

}



.replace-title {

    font-size: 18px;

    line-height: 22px;

    margin: 0 0 15px;

    font-weight: 700;

    display: inline-block;

    font-family: 'Raleway', sans-serif;

    color: #fff !important;

}



.portfolio .entry-title {

    display: none;

}



.main-heading {

    padding-bottom: 30px;

    font-weight: 300;

    letter-spacing: 2px;

    font-family: 'Montserrat Light', sans-serif;

}



.heading-description {

    line-height: 2.0;

    font-size: 18px !important;

    padding-bottom: 90px;

    letter-spacing: 1px;

    font-variant: small-caps;

}

small {

    font-size: 60%;

    font-weight: 300;

    color: #A0A0A0;

}



.header-image .site-title > a {}



#home-top > div {

    padding-top: 10px;

    padding-bottom: 0px;

}



.nav-primary {

    background-color: #ccc;

    border-bottom: 1px solid rgba(175, 175, 175, 0.17);

}



#genesis-responsive-slider {

    margin-top: 45px !important;

    margin-bottom: 15px !important;

    border: 0px solid #eee !important;

}



.footer-widgets .widget-title {

    text-align: left !important;

    padding-bottom: 20px !important;

}



@media only screen and (max-width: 768px) {

    .title-area {

        margin-top: 0px !important;

    }

    .uprava {

        text-align: left !important;

    }

}


@media only screen and (max-width: 767px) {

    #menu-header > aside {

        background-color: #FFFFFF;

    }

    .slider-container {

        display: none;

    }



    .site-footer p {

        line-height: 2;

    }

    .genesis-nav-menu .menu-item:hover > .sub-menu {

        margin-left: 10px;

    }

}


.archive-portfolio .content .entry {

    position: relative;

    margin-bottom: 10px !important
}



.home-portfolio-widget .featuredpost .entry-header,
.type-portfolio .entry-content h2 a {

    opacity: 0 !important;

    position: absolute;

    transition: opacity 0.7s ease !important;

    bottom: 50px;

    color: #fff;

    padding: 7px 15px;

    padding-bottom: 15px;

    background: rgba(0, 0, 0, 0.70);

    font-size: 16px;

    width: 90%;

    margin: 0 5%;

}



.home-portfolio-widget .featuredpost h2 a {

    color: #fff;

    opacity: 1 !important;

}



.prettycreative-home .home-portfolio-widget .featuredpost .entry:hover .entry-header,
.archive-portfolio .content .entry:hover h2 a {

    opacity: 1 !important;

}

a.artist-link {

    text-transform: capitalize;

    font-size: 16px;

    letter-spacing: 1px;

    color: #222;

    display: block;

    text-align: center;

}


.pagination {

    clear: both;

}


.breadcrumb {

    padding-top: 20px;

    padding-bottom: 20px;

    clear: both;

    text-transform: uppercase;

    font-size: 14px;

    text-align: center;

    margin-top: 40px;

}



#infscr-loading {

    clear: both;

}



.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.gform_wrapper div.validation_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {

    border: none !important;

    background: white !important;

    margin: 0px !important;

    padding: 0px !important;

}



.gform_wrapper .validation_message,
.gform_wrapper div.validation_error {

    font-weight: 500 !important;

}



.gform_wrapper div.validation_error {

    font-size: 18px;

}


b,
strong {

    font-weight: 700;

}


h1,
h2,
h3,
h4,
h5,
h6,
p,
a {

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);

    text-rendering: optimizeLegibility !important;

    -webkit-font-smoothing: antialiased !important;

}



.type-portfolio p.entry-meta,
#izlozba-meta {

    /*text-transform: uppercase;*/

    font-size: 14px;

    font-family: 'Raleway', sans-serif;

}

.izlozba-datum {
    color: #333232;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    padding-top: 15px;
}



.izlozba-info {

    color: #333232 !important;

    padding: 7px 15px;

    padding-bottom: 15px;

    background-color: #eee;

    width: 100%;


}

.post-type-archive-dogadanja .replace-title,
.archive-portfolio .replace-title {
    color: #333232 !important;

    margin-top: 10px;

    font-size: 20px;
}

.portfolio:hover .izlozba-info {

    opacity: 1 !important;

}



.izlozba-info .entry-title a,
.home-portfolio-widget .featuredpost h2 a {

    color: #fff;

    font-size: 24px;

    font-weight: 500;

}



.izlozba-info .entry-title {

    margin-bottom: 5px;

}


.archive-portfolio .content .entry {

    margin-bottom: 25px !important;

    padding: 10px 0;

}


.archive-portfolio .izlozba-info {
    padding: 5px 0 15px 0;

    width: 90%;

    border-top: 2px dashed #000;

    border-bottom: 2px solid #000;

    background-color: #fff;
}


.archive-portfolio .portfolio-image a img {
    width: 60%;
}

.post-type-archive-clanovi .portfolio-image a img {
    width: 100%;
    background: #fcfcfc;

    filter: grayscale(100%);

    opacity: 0.65;

    -webkit-filter: grayscale(100%);

    transition: all 0.3s ease;

}


.post-type-archive-clanovi .portfolio-image a img:hover {

    filter: grayscale(0%);

    opacity: 1;

    -webkit-filter: grayscale(0%);

}

.term-skupovi .portfolio-image a img,
.term-dijalozi-arhivi-ziva-memorija .portfolio-image a img {

    display: none;

}


#izlozbe-nav .one-half {

    text-align: center;

    cursor: pointer;

    margin: 40px 0;

    padding: 10px 0px;

    transition: all ease 0.3s;

}


#izlozbe-nav .one-half a {

    display: inline-block;

    font-size: 13px;

    font-weight: normal;

    letter-spacing: 2px;

    text-transform: uppercase;

    width: auto;

    transition: all ease 0.3s;

    color: #333232;

}



#izlozbe-nav .one-half:hover {

    color: #ea5153;

}



#izlozbe-nav .one-half:hover a {

    font-size: 15px;

    color: #ea5153;

}


.archive-title {

    margin-bottom: 0px;

}



.ap_pagination {

    margin-bottom: 30px;

}



ul.ap_pagination li {

    display: inline-block;

    float: none !important;

    width: 3% !important;

}



ul.layout_H {

    width: 100% !important;

}



ul.ap_pagination li a {

    padding: 5px 10px;



    color: #2c2c2c !important;

}



ul.ap_pagination li a:active,
ul.ap_pagination li a:hover {

    background-color: #2c2c2c;

    color: #fff !important;

}



ul.ap_pagination li a:hover {

    text-decoration: none !important;

}


.header-image .site-title > a {

    opacity: 1;

}



.gform_wrapper .top_label .gfield_label {

    margin: 0px !important;

    line-height: 0px !important;

    padding: 0px !important;

    height: 0px !important;

    visibility: hidden !important;



}



.title-area {

    padding: 10px 0;

    text-align: center;

    width: 360px;

    margin-top: 30px;

}


.home .entry-header {
    display: none;
}


.main-archive,
.category-description,
.archive-description {

    background: transparent;

    margin-top: 20px;

    text-align: center;

    font-size: 43px;

    color: #101010;

    width: 70%;

    padding: 30px;

    margin-bottom: 60px;

    letter-spacing: 8px;

    text-transform: uppercase;

    margin-left: auto;

    margin-right: auto;

}

.tax-vrsta-projekta .archive-description {

    border-top: 1px solid whitesmoke;

    border-bottom: 1px solid #EFEFEF;
}

.main-archive {

    margin-bottom: 40px;

}



.footer-logo {

    margin-bottom: 20px;

    width: 280px;
    padding-left: 20px;

}


.gfield_required {

    display: none;

}



div.gform_wrapper li,
div.gform_wrapper form li {

    margin-top: 0px;

}



.gform_wrapper {

    margin: 0px !important;

}


.one-third.right {

    float: right;

    width: 45%;

}



#input_2_1_3_container > label,
#input_2_1_6_container > label {

    display: none;

}



.margin-bottom40 {

    margin-bottom: 40px;

}



.margin-top40 {

    margin-top: 40px;

}



.margin-top60 {

    margin-top: 60px !important;

}



.justify {

    text-align: justify;

}



.page-naslov {

    font-size: 26px;

}


.footer-widgets-2 {

    text-align: center;

}

.totop:hover {

    color: #333 !important;

}



.single-post .site-inner,
.archive-novosti .site-inner,
.page-template-page_blog .site-inner,
.author .site-inner {

    max-width: 900px;

    margin: 0 auto;

}

.page-template-default p {

    font-size: 16px;
}

.type-kritike a {

    max-height: 350px;

    overflow: hidden;

}


.search-results .site-inner {

    max-width: 600px;

    margin: 0 auto;

}



.search-results .entry-content img {

    max-height: 150px;

    float: left;

    clear: both;

}



.search-results .entry-title {

    padding-bottom: 14px;

}



/*Izlozbe Single ---------------------------------------------------------------------------------*/



.izlozba-autori {

    text-transform: capitalize;

}



#izlozba-heading {

    margin-top: 20px;

    text-align: center;

    margin-bottom: 50px;

    border-bottom: 1px solid whitesmoke;

}



#izlozba-heading h1,
#izlozba-heading a {

    font-size: 32px;

    color: #2c2c2c;

}



#izlozba-heading a:hover {

    color: #a0a0a0;

}



#izlozba-heading #izlozba-meta {

    color: #A0A0A0;

    margin-top: 15px;

    margin-bottom: 30px;

    font-size: 12px;

    letter-spacing: 1px;



}



.izlozba-naziv {

    text-transform: uppercase;

}



#izlozba-galerija {

    margin-bottom: 60px;

    text-align: center;

}



#izlozba-galerija a {

    margin-right: 3px;

}



#izlozba-galerija a img {

    max-height: 192px;

    background: #fcfcfc;

    filter: grayscale(100%);

    opacity: 0.65;

    -webkit-filter: grayscale(100%);

    transition: all 0.3s ease;

}



#izlozba-galerija a img:hover {

    filter: grayscale(0%);

    opacity: 1;

    -webkit-filter: grayscale(0%);

}


#body-izlozba {

    margin-bottom: 40px;

}


#izlozba-opis {

    font-size: 15px;

    line-height: 1.45;

    margin-bottom: 56px;

    padding: 0 30px;

}


/*Artisti Single ---------------------------------------------------------------------------------*/



h1.entry-title {

    border-top: 1px solid #EFEFEF;

}

.home h1.entry-title {

    display: none;

}



#header-artist h1,
h1.entry-title {

    margin-top: 20px;

    text-align: center;

    font-size: 36px;

    color: #101010;

    width: 50%;

    padding: 30px;

    margin-bottom: 60px;

    letter-spacing: 0px;

    text-transform: uppercase;

    margin-left: auto;

    margin-right: auto;



}



h1.entry-title {

    width: 75%;

}



.subheading-artist {

    margin-top: 60px;

    text-align: center;

    font-size: 30px;

    color: #101010;

    border-bottom: 1px solid #EFEFEF;

    padding: 30px;

    margin-bottom: 60px;

    font-family: montserrat hairline;

    letter-spacing: 5px;

    text-transform: uppercase;

    margin-left: auto;

    margin-right: auto;

    width: 50%;

}





#header-artist h1,
.subheading-artist {

    margin-left: 0px;

    margin-right: 0px;

    padding-left: 0px;

    text-align: left;

    border-bottom: 2px dashed #000;

}



#header-artist h1 {

    margin-bottom: 40px;

}

#header-artist {
    width: 75%;
    margin: 50px auto 0 auto;
}


.osobna-slika img {

    max-height: 200px;

    filter: grayscale(100%);

    opacity: 0.65;

    -webkit-filter: grayscale(100%);

}


.artist-galerija {

    margin-bottom: 40px !important;

    text-align: left !important;

}


.artist-galerija a {

    margin-right: 3px;

}


.artist-galerija a img {

    max-height: 180px;

    background: #fcfcfc;

    filter: grayscale(100%);

    opacity: 0.65;

    -webkit-filter: grayscale(100%);

    transition: all 0.3s ease;

}



.artist-galerija a img:hover {

    filter: grayscale(0%);

    opacity: 1;

    -webkit-filter: grayscale(0%);

}


#body-artist {

    font-size: 17px;

    line-height: 1.6;

}


#artist-opis {

    font-size: 17px;

    text-align: justify;

    line-height: 1.45;

    margin-bottom: 56px;

}



#side-artist {

    margin-top: -20px;

    font-size: 17px;

    text-align: left;

    line-height: 1.45;

    max-width: 75%;

    margin: 0 auto;

}


#artist-kontakt {

    font-size: 17px;

}



#side-artist h3 {

    font-size: 24px;

    text-transform: ;

    letter-spacing: 1px;

    margin-bottom: 28px;

}



#side-artist h2 {

    font-size: 30px;

    text-transform: uppercase;

}



#side-artist h4 {

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 14px;

}



#side-artist ul {
    margin-bottom: 28px;

}



.artist-kontakt {

    text-align: left;

    margin-bottom: 90px;

}



.artist-kontakt .subheading-artist {

    width: 50%;

    margin-bottom: 40px;

    margin-top: 20px;

}


.artist-kontakt a {

    color: inherit;

}

.artist-kontakt a:hover {

    color: #a0a0a0;

}

@media screen and (max-width:990px) {

    #header-artist h1,
    .subheading-artist,
    .artist-kontakt .subheading-artist {

        /*text-align: center;*/

        margin-left: auto;

        margin-right: auto;

        width: 100%;

    }


    h1.entry-title {

        width: 75%;

    }

}


@media screen and (max-width: 1025px) {

    .archive-portfolio .content .entry {

        width: 48%;

        clear: none !important;

        margin: 0;

    }

    .date.archive-portfolio .content .entry:nth-child(odd) {
        margin-right: 0%;
        margin-left: 4%;
    }

    .archive-portfolio .content .entry:nth-child(odd) {

        margin-right: 4%;

    }


    .izlozba-info {

        opacity: 1 !important;

        bottom: 7px;

        margin: 0px;

        width: 100%;

        font-size: 12px;

    }


    .home-portfolio-widget .featuredpost .entry-header {

        opacity: 1 !important;

        bottom: 30px;

        margin: 0px;

        width: 100%;

        font-size: 12px;

        background: rgba(0, 0, 0, 0.45);

    }



    .type-portfolio p.entry-meta,
    #izlozba-meta {

        font-size: 10px;

    }


    .home .home-portfolio-widget .featuredpost .entry a {

        filter: grayscale(50%);

        opacity: 0.8;

        -webkit-filter: grayscale(50%);

    }


    ul.ap_pagination li {

        width: 6% !important;

        margin-bottom: 10px;

    }

}


@media screen and (max-width: 990px) {

    .main-archive,
    .category-description,
    .archive-description {

        width: 100%;

    }

    .totop {

        display: none;

    }



    .footer-widgets-3 {

        width: 100%;

        margin-left: 0%;

    }


    /*
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {

        margin-bottom: 60px;

    } */

    .footer-logo {
        width: 180px;
        padding-left: 0;
    }

    .footer-widgets .wrap {
        width: 100%;
    }


    .slider-container {

        display: none;

    }

    .home .featuredpost .entry {

        margin-bottom: 20px;

    }


    .home .portfolio {

        margin-bottom: 0px !important;

    }


    .prettycreative-home .home-portfolio-widget .featuredpost .entry {

        width: 48%;

        margin-left: 0px;

    }


    .prettycreative-home .home-portfolio-widget .featuredpost .entry:nth-child(even) {

        margin-right: 4%;

    }


    .prettycreative-home .type-product:nth-of-type(4n+1),
    .home .home-portfolio-widget .featuredpost .entry:nth-of-type(3n+1) {

        clear: none;

    }

}


@media screen and (min-width: 481px) {

    .mobile-toggle {

        display: none;

    }

}


@media screen and (max-width: 480px) {

    .date.archive-portfolio .content .entry:nth-child(odd) {
        margin-right: 0%;
        margin-left: 0%;
    }


    .page-naslov {

        font-size: 24px;

    }

    .margin-bottom40 {

        margin-bottom: 20px;

    }


    .content .entry {

        width: 100%;

        margin: 50px auto;

    }


    .main-heading {

        letter-spacing: 0px;

        font-size: 20px;

    }



    .prettycreative-home .heading-description {

        display: none;

    }



    .archive-portfolio .content .entry {

        width: 100%;

        clear: none !important;

    }



    .prettycreative-home .home-portfolio-widget .featuredpost .entry {

        width: 100% !important;

        clear: none !important;

        margin: 0 !important;

    }



    #izlozba-heading #izlozba-meta {

        font-size: 10px;

    }


    #izlozba-heading {

        margin-bottom: 20px;

        margin-top: 20px;

    }



    #header-artist h1,
    .main-archive,
    .category-description,
    .archive-description,
    h1.entry-title {

        margin-top: 0px;

        margin-bottom: 40px;

        font-size: 28px;

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;

        word-break: break-word;

        letter-spacing: 4px;

    }

    .archive-title {

        font-size: 26px;

    }


    .subheading-artist {

        margin-top: 60px;

        font-size: 22px;

        padding-left: 0px;

        padding-right: 0px;

        margin-bottom: 60px;

        /* padding: 30px; */

        font-family: montserrat hairline;

        /* background: whitesmoke; */

        letter-spacing: 5px;

        text-transform: uppercase;

        width: 100%;

    }

    #body-artist,
    #side-artist,
    #artist-kontakt {

        font-size: 14px;

        line-height: 1.6;

    }

    #izlozba-heading h1,
    #izlozba-heading a {

        font-size: 22px;

    }

    #izlozba-galerija a img {

        filter: grayscale(50%);

        -webkit-filter: grayscale(50%);

    }


    ul.ap_pagination li {

        width: 10% !important;

        margin-bottom: 10px;

        margin-left: -7px;

    }


    .archive-portfolio .content .entry:nth-child(odd) {

        margin-right: 0%;

    }



    #izlozba-galerija a img {

        max-height: 140px;

    }

    #izlozba-opis,
    #body-artist {


        max-height: 670px;

        overflow: hidden;

        margin-bottom: 0px;

        position: relative;

        font-size: 14px;

        line-height: 1.6;

        padding: 0 0;

    }


    .mobile-fade {

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        text-align: center;

        margin: 0;
        padding: 30px 0;

        /* "transparent" only works here because == rgba(0,0,0,0) */

        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);

    }

    .mobile-toggle {

        display: block;

        font-style: italic;

        font-weight: 200;

        padding: 10px 0px;

        cursor: pointer;

        text-align: center;

        font-size: 14px;

        margin-bottom: 40px;

    }

    #izlozba-opis:after {

        content: "";

        display: table;

        clear: both;

    }

}


@media screen and (max-width: 350px) {

    ul.ap_pagination li {

        width: 15% !important;

    }

}
