/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 30 2023 | 16:09:26 */
.footer_logo_image {
	height: 90px !important;
	padding: 15px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}

.footer_logo_image_big {
	height: 100px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}


@media (min-width: 768px) {
    .subpage-menu .menu-item {
        margin-left: 60px;
        margin-right: 60px;
    }

    .subpage-menu .menu-item:not(:last-child):after {
        left: calc(100% + 60px);
    }
}


.wp-block-media-text-dotted-bottom {
	border-bottom: 4px dotted #3e608d;
}

div.belka-inner-page-button a.wp-block-button__link {
 	display: inline-flex;
  	align-items: center;
    width: 100%;
    /*padding-left: 8px!important;
    padding-right: 8px!important;*/
    text-align: center;
    height: 50px;
    background-color: #fff!important;
    border: 3px solid #b83046!important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #b83046!important;
    text-decoration: none;
    text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
}

h4 {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 16px!important;
    /* margin: 46px 0 16px; */
    display: table;
    background-color: #3e608d;
    color: #fff;
    padding: 3px;
}

h3.belka-media-text-h3 {
    position: relative;
    margin: 2rem auto;
    padding-bottom: 2rem;
    text-transform: uppercase;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #3e608d;
}

h3.belka-media-text-h3:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 170px;
    background-color: #3e608d;
    border-radius: 2px
}

.belka-media-text-h3 {

}

/* Caption */
.belka-image-caption {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 12px !important;
    color: #3e608d !important;
    font-weight: normal !important;
    text-align: left;
    padding-top: 8px !important;
}

.front-page-latest-post {
    padding-top: 10px;
}

.front-page-latest-post wp-block-latest-posts__post-excerpt{
    padding-top: 10px;
}

.novice-front-page-title {
    color: #fff;
    background-color: #3e608d;
    margin-top: 30px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
	padding: 3px;
}

.block-margins-negative-20 {
    margin-top: -20px!important;
    margin-bottom: -20px!important;
}

.block-margin-top-negative-20 {
    margin-top: -20px!important;
}

.block-margin-bottom-negative-20 {
    margin-bottom: -20px!important;
}

@media (max-width: 767px) {
   .footer-widgets.column-two {
    width: 285px;
    padding-top: 20px;
    padding-left: 15px!important;
    border-left: none!important;
   }
}

.exposed {
    color: #fff;
}

.bold {
    font-weight: 700;
}

.small {
    font-size: 9px;
}

.footer-nav-widgets-wrapper {
    border: none;
    background-color: #3e608d;
    color: #fff;
}

.footer-nav-widgets-wrapper a {
    color: #fff;
    text-decoration: none;
}

.footer-nav-widgets-wrapper a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-nav-widgets-wrapper.secondary {
    background-color: #fff;
    color: #000;
    margin-top: 0;
}

.footer-widgets-outer-wrapper {
    border: none;
    padding: 32px 0;
}

.footer-widgets {
    padding: 0 15px;
}

@media (min-width: 768px) {
    .footer-widgets-wrapper {
        margin-left: -30px;
        width: calc(100% + 30px);
        justify-content: flex-start;
        display:flex!important;
    }

    .footer-widgets {
        margin-left: 30px;
        padding: 0;
    }
}

.footer-widgets.column-one {
    width: 370px;
    max-width: 100vw;
}

.footer-widgets.column-one h6 {
    max-width: 300px;
}


.footer-widgets.column-two {
    width: 285px;
    padding-top: 20px;
    padding-left: 30px;
    border-left: 2px dotted #fff;
}

.secondary .footer-widgets.column-two {
    padding-top: 0;
    border: none;
}

.widget h6.widget-title {
    font-size: 14px;
    margin-bottom: 22px;
}

.widget .widget-content {
    font-size: 11px;
    line-height: 16px;
}

.secondary .widget h6.widget-title {
    font-size: 11px;
    color: #7d7d7d;
}

.footer-widgets.full-row {
    width: 100%;
}

#site-footer {
    background-color: #3e608d;
    padding-top: 30px;
    padding-bottom: 15px;
}


#site-footer, #site-footer .widget .widget-content {
    color: #fff;
    font-size: 10px !important;
    line-height: 21px;
    font-weight: 700;
}

#site-footer .widget {
    margin-top: 0;
}

#site-footer .widget_nav_menu {
    margin-top: 0;
}

#site-footer .widget_nav_menu li {
    display: inline-block;
    color: #fff;
    padding-right: 3rem;
    padding-left: 0;
}

#site-footer a {
    color: #fff;
}

.template-front-page .post-inner {
    padding-top: 0;
}

.template-front-page.footer-top-visible .footer-nav-widgets-wrapper {
    margin-top: 0;
}

.mr-6 {
    margin-right: 4rem;
}

.front-page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-main {
    display: inline-block;
    padding: 14px 24px 14px 64px;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #573229 url('./assets/icon-wheat-ear.svg') no-repeat 16px center;
    background-size: 38px 38px;

    color: #fbca01 !important;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word;
    text-decoration: none;
}


.overlay {
    background-color: rgba(87, 49, 41, 0.35);
    padding: 24px 30px 86px;
}

.front-page-menu {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 30px;
    border-bottom: 5px dotted #fff;
}

.front-page-menu .d-flex {
    max-width: 400px;
}


@media (min-width: 768px) {
    .front-page-menu .d-flex {
        max-width: 100%;
    }
}

@media (min-width: 700px) {
   .footer-widgets .widget:first-child {
       margin-top: 0;
   }
}

.front-page-menu .menu-item {
    position: relative;
    flex: 1;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    max-width: 150px;
	/*max-width: 160px;*/
    /*width: 140px;*/
	width: 19%;
    min-width: 120px;
}

.front-page-menu .menu-item .link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(199,208,217, 0.4);
    border: 8px solid rgba(70,95,137, 0.8);;
    border-radius: 50%;
    text-decoration: none !important;
}

.front-page-menu .menu-item .link svg {
    color: #fff;
    flex: 1;
    margin-top: 12px;
}

.front-page-menu .menu-item .link .title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 26px;
    text-align: center;
}

@media only screen and (max-width: 400px) {
	.front-page-menu .menu-item .link .title {
		font-size: 13px;
	}
	.front-page-menu .menu-item {
    position: relative;
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    max-width: 140px;
	/*max-width: 160px;*/
    /*width: 140px;*/
	width: 18%;
    min-width: 110px;
	}
}

.front-page-menu .menu-item:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

@media only screen and (min-width: 600px) {
	.front-page-menu .menu-item:not(:last-child):after {
		content: '';
		display: block;
		position: absolute;
		left: calc(100% + 15px);
		top: 50%;
		transform: translate(-50%, -50%);
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #fff;
	}
}

.description {
    max-width: 85%;
    margin: 36px auto 50px;
    font-family: 'Roboto Slab', sans-serif !important;
    font-size: 20px;
    line-height: 38px !important;
    color: #fff;
}

.singular .entry-header {
    background-color: transparent;
    padding: 3rem 0 0;
}

.posts {
    background-color: rgba(56, 42, 42, 0.8);
    padding: 18px 15px 30px;
    max-width: 85%;
    margin: 0 auto;
}


.subpage-menu {
    padding-top: 26px;
    padding-bottom: 24px;
    border-bottom: 4px dotted #3e608d;
}

.subpage-menu .menu-item {
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
}

@media only screen and (max-width: 600px) {
	.subpage-menu .menu-item {
		margin-left: 10px;
		margin-right: 10px;
		position: relative;
	}
}

.subpage-menu .menu-item a.link {
    color: #3e608d;
}

.subpage-menu .menu-item.active a.link {
    color: #b83046;
}

.subpage-menu .menu-item a.link:hover {
    color: #573129;
}

@media only screen and (min-width: 600px) {
	.subpage-menu .menu-item:not(:last-child):after {
		content: '';
		display: block;
		position: absolute;
		left: calc(100% + 30px);
		top: 50%;
		transform: translate(-50%, -50%);
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #b83046;
	}
}

.subpage-menu .menu-item svg {
    max-height: 68px;
    height: 68px;
}

@media only screen and (max-width: 600px) {
    .subpage-menu .menu-item svg {
        max-height: 58px;
        height: 58px;
    }
}

@media (min-width: 768px) {
    .subpage-menu .menu-item {
        margin-left: 60px;
        margin-right: 60px;
    }

    .subpage-menu .menu-item:not(:last-child):after {
        left: calc(100% + 60px);
    }
}

.button-play {
    background-image: url(https://belka.ptice.si/wp-content/uploads/2023/11/play.svg);
    background-position-x: 0px;
    background-position-y: center;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background-size: 30px 30px;
    padding-left: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #3e608d;
    line-height: 30px;
    display: inline-block;
    text-decoration: none;
}


.subtitle {
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    margin-top: 6px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #382a2a;
    background-color: #fbf6e8;
    line-height: 1.3;
    padding-top: 0!important;
        background: #f5efe0;
    box-sizing: border-box;
     font-size: 1.8rem;
         font-weight: 400;
    letter-spacing: -0.015em;
    text-align: left;
}

.btn-front-page {
    flex: 1;
    display: inline-flex;
    padding: 54px 14px 14px;
    border-radius: 0 0 10px 10px;
    background: #3e608d no-repeat center 8px;
    background-size: 38px 38px;

    color: #fff !important;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word;
    text-decoration: none;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition-duration: 0s;
}

.btn-front-page ~ .btn-front-page {
    margin-left: 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-front-page ~ .btn-front-page {
        margin-left: 0;
        border-radius: 10px;
    }
}

.btn-front-page.report {
   background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.28 68.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23C7CED6;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EIkone_final%3C/title%3E%3Cpath class='cls-1' d='M34.58,44.57A9.75,9.75,0,0,1,29.13,43L25.3,46.81a8.18,8.18,0,0,0,9.25-1.48l.79-.79h-.1Z'/%3E%3Cpath class='cls-1' d='M25.45,34.91l-.67.67c-2.31,2.32-3.26,6.49-1.52,9.31L27.11,41A9.14,9.14,0,0,1,25.45,34.91Z'/%3E%3Cpath class='cls-1' d='M38.84,29.28a9.15,9.15,0,0,1-1.67-6.12l-.66.67c-2.32,2.32-3.26,6.49-1.52,9.31Z'/%3E%3Cpath class='cls-1' d='M33,35.16A9.09,9.09,0,0,1,31.32,29l-.67.67A8.56,8.56,0,0,0,28.25,35,6.61,6.61,0,0,0,29.12,39Z'/%3E%3Cpath class='cls-1' d='M40.45,38.69A9.76,9.76,0,0,1,35,37.1l-3.83,3.84a7.21,7.21,0,0,0,3.92.81,8.25,8.25,0,0,0,5.33-2.3l.79-.79h-.09Z'/%3E%3Cpath class='cls-1' d='M35.14.77a33.6,33.6,0,1,0,33.6,33.6A33.61,33.61,0,0,0,35.14.77Zm19,28.91-5.86,5.87h0L36.53,47.3a11,11,0,0,1-7.77,3.13,9.82,9.82,0,0,1-5.49-1.58l-5.55,5.56a1.4,1.4,0,1,1-2-2l5.51-5.52c-3-4-1.73-10,1.55-13.31L34.52,21.85h0L40.39,16a9.7,9.7,0,1,1,13.73,13.7Z'/%3E%3Cpath class='cls-1' d='M46.31,32.82a9.71,9.71,0,0,1-5.45-1.6L37,35.06a8.19,8.19,0,0,0,9.26-1.48l.78-.79H47Z'/%3E%3Cpath class='cls-1' d='M47.26,15.93a6.89,6.89,0,0,0-4.89,2A8.62,8.62,0,0,0,40,23.22a6.69,6.69,0,0,0,.88,4.05l5.09-5.11a1.4,1.4,0,1,1,2,2l-5,5.05A7.2,7.2,0,0,0,46.8,30a8.28,8.28,0,0,0,5.34-2.3,6.89,6.89,0,0,0-4.88-11.77Z'/%3E%3C/svg%3E");
}

.btn-front-page.gallery-btn {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.28 68.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23C7CED6;%7D.cls-2%7Bfill:%233e608d;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EIkone_final%3C/title%3E%3Cpath class='cls-1' d='M35.14.77a33.6,33.6,0,1,0,33.6,33.6A33.61,33.61,0,0,0,35.14.77Z'/%3E%3Cpath class='cls-2' d='M35.42,28.45a4.76,4.76,0,1,0,4.76,4.76A4.76,4.76,0,0,0,35.42,28.45Zm2,4.76a2,2,0,1,1-2-2A2,2,0,0,1,37.41,33.21Z'/%3E%3Cpath class='cls-2' d='M53.13,18.33,24.34,15.06a4.5,4.5,0,0,0-5,3.92l-.5,4H17.49a4.56,4.56,0,0,0-4.39,4.7V49.28a4.34,4.34,0,0,0,4.22,4.45H46.44a4.67,4.67,0,0,0,4.76-4.44v-.58a5.54,5.54,0,0,0,1.89-.85,4.72,4.72,0,0,0,1.64-3.07l2.43-21.41A4.62,4.62,0,0,0,53.13,18.33ZM46.44,23H21.6L22,19.29a2.12,2.12,0,0,1,.66-1.16,2,2,0,0,1,1.36-.36l28.74,3.32a1.75,1.75,0,0,1,1.21.64A1.8,1.8,0,0,1,54.4,23L51.91,44.5a1.44,1.44,0,0,1-.59,1.18.41.41,0,0,1-.12.09V27.71A4.87,4.87,0,0,0,46.44,23ZM15.87,49.29V45.56l8-5.92a2.2,2.2,0,0,1,2.86.14l5.75,5.07a5.19,5.19,0,0,0,6,.51l9.89-5.73v9.66a1.91,1.91,0,0,1-2,1.68h-29a1.52,1.52,0,0,1-1.12-.43,1.54,1.54,0,0,1-.49-1.1A.75.75,0,0,1,15.87,49.29Zm18.5-6.52-5.8-5.12a5,5,0,0,0-6.26-.23l-6.44,4.69V27.72a1.82,1.82,0,0,1,1.62-1.94H46.43a2.09,2.09,0,0,1,2,1.94v8.67L37.1,43A2.37,2.37,0,0,1,34.37,42.77Z'/%3E%3C/svg%3E");
}


@media only screen and (max-width: 800px) {
	.wp-block-columns.belka-cols1 :nth-child(1) { order: 2; }
	.wp-block-columns.belka-cols1 :nth-child(2) { order: 1; }
/*   .wp-block-columns :nth-child(1) { order: 2; }
   .wp-block-columns :nth-child(2) { order: 1; }
   .wp-block-columns :nth-child(3) { order: 3; }
   .wp-block-columns :nth-child(4) { order: 4; }
*/
}


