/*
Theme Name: Avada Child
Theme URI: https://themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: Avada child theme.
Template: Avada
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: Avada-child
*/

.ip-header {
	position: fixed;
	top: 0;
	z-index: 10011;
	min-height: 480px;
	width: 100%;
	height: 100%;
	background: #fff;
}

.ip-header h1 {
	margin: 0;
}

.ip-logo,
.ip-loader {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.ip-logo {
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(0,25%,0);
	transform: translate3d(0,25%,0);
}

.ip-loader {
	bottom: 40%;
}

.ip-header .ip-inner {
	display: block;
	margin: 0 auto;
}

.ip-header .ip-logo svg {
	min-width: 320px;
	max-width: 480px;
	width: 25%;
}

.ip-header .ip-logo svg path {
	fill: #5a762b;
}

.ip-header .ip-loader svg path {
	fill: none;
	stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
	stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle {
	-webkit-transition: stroke-dashoffset 0.2s;
	transition: stroke-dashoffset 0.2s;
	stroke: #5a762b;
}
/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
	opacity: 1;
	-webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
	from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
}

@keyframes animInitialHeader {
	from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
}

.ip-logo > img {
	display: block;
    margin-right: auto;
    margin-left: auto;
}

/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader {
	opacity: 0;
}

.loaded .ip-logo {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLogo {
	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
	to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

.loaded .ip-loader {
	-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
	to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
	-webkit-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
	fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
	-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
	to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
	to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
	-webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.loaded .ip-main .browser .box:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.loaded .ip-main .browser .box:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }
}

@keyframes animLoadedContent {
	from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }
}

/* Change layout class for header */
.layout-switch .ip-header {
	position: absolute;
}

/* No JS */
.no-js .ip-header {
	position: relative;
	min-height: 0px;
}

.no-js .ip-header .ip-logo {
	margin-top: 20px;
	height: 180px;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .ip-header .ip-logo svg path {
	fill: #fff;
}

.donation {
    z-index: 10;
    text-transform: uppercase;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.sideToSide {
    visibility: visible;
    -webkit-animation-iteration-count: infinite;
    animation-name: sideToSide;
    -webkit-animation-name: sideToSide;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-iteration-count: infinite;
	/*
    position: absolute;
    top: -60px;
    */
    background: #a0ce4e; 
    color: rgba(255,255,255,0.7);
    padding: 20px 20px;
    border-radius: 5px 0 0 5px;
    width: calc(100% + 20px);
    text-indent: 10px;
}
.sideToSide a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.sideToSide .donation-icon {
	max-width: 30px;
	display: inline-block;
	margin-right: 10px;
}
.sideToSide .donation-text {
	max-width: 120px;
	display: inline-block;
}
.sideToSide a:hover {
	color: inherit;
	text-decoration: none;
}
@-webkit-keyframes sideToSide {
    0%,100% {
        -webkit-transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(-20px,0)
    }
}

@keyframes sideToSide {
    0%,100% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(-20px,0)
    }
}
.fusion-recent-posts.homepage-latest-news .recent-posts-content p.meta {
	border-bottom: 1px solid #e0dede;
    padding-bottom: 15px;
    margin-bottom: 5px;
}
.fusion-recent-posts.homepage-latest-news .recent-posts-content p.meta + p {
    border-top: 1px solid #e0dede;
    padding-top: 10px;
}
.homepage-dosezki .fusion-blog-layout-grid-wrapper {
    margin-bottom: 50px;
}
.fusion-sharing-box.share-box h4 {
	font-size: 16px;
}
/*
  -- če hočemo povečati logotip 
  -- odstrani margin na logotipu v Avadi
*/
.fusion-mobile-menu-design-modern .fusion-header>.fusion-row {
	display: flex;
    justify-content: center;
}
#side-header .fusion-logo, .fusion-header .fusion-logo {
	display: flex;
    align-items: center;
    margin: 0;
}
.fusion-main-menu {
	margin-left: auto;
}
.fusion-standard-logo {
    height: 64px;
    max-width: 100%;
}
.fusion-logo img {
	min-height: 56px;
}

/* Centered background */
.bg-dark-transparent-center {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
    background: rgba(0,0,0,0.5);
    padding: 30px;
    color: #fff; 
}
@media (min-width: 960px) {
	.bg-dark-transparent-center {
		max-width: 50%;
	}
}
.color-white {
	color: #fff;
}


/* ========================================================================
   Component: Margin
 ========================================================================== */
/*
 * Default
 */
.av-margin {
  margin-bottom: 20px;
}
* + .av-margin {
  margin-top: 20px !important;
}
.av-margin-top {
  margin-top: 20px !important;
}
.av-margin-bottom {
  margin-bottom: 20px !important;
}
.av-margin-left {
  margin-left: 20px !important;
}
.av-margin-right {
  margin-right: 20px !important;
}
/* Small
 ========================================================================== */
.av-margin-small {
  margin-bottom: 10px;
}
* + .av-margin-small {
  margin-top: 10px !important;
}
.av-margin-small-top {
  margin-top: 10px !important;
}
.av-margin-small-bottom {
  margin-bottom: 10px !important;
}
.av-margin-small-left {
  margin-left: 10px !important;
}
.av-margin-small-right {
  margin-right: 10px !important;
}
/* Medium
 ========================================================================== */
.av-margin-medium {
  margin-bottom: 40px;
}
* + .av-margin-medium {
  margin-top: 40px !important;
}
.av-margin-medium-top {
  margin-top: 40px !important;
}
.av-margin-medium-bottom {
  margin-bottom: 40px !important;
}
.av-margin-medium-left {
  margin-left: 40px !important;
}
.av-margin-medium-right {
  margin-right: 40px !important;
}
/* Large
 ========================================================================== */
.av-margin-large {
  margin-bottom: 40px;
}
* + .av-margin-large {
  margin-top: 40px !important;
}
.av-margin-large-top {
  margin-top: 40px !important;
}
.av-margin-large-bottom {
  margin-bottom: 40px !important;
}
.av-margin-large-left {
  margin-left: 40px !important;
}
.av-margin-large-right {
  margin-right: 40px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .av-margin-large {
    margin-bottom: 60px;
  }
  * + .av-margin-large {
    margin-top: 60px !important;
  }
  .av-margin-large-top {
    margin-top: 60px !important;
  }
  .av-margin-large-bottom {
    margin-bottom: 60px !important;
  }
  .av-margin-large-left {
    margin-left: 60px !important;
  }
  .av-margin-large-right {
    margin-right: 60px !important;
  }
}
/* XLarge
 ========================================================================== */
.av-margin-xlarge {
  margin-bottom: 60px;
}
* + .av-margin-xlarge {
  margin-top: 60px !important;
}
.av-margin-xlarge-top {
  margin-top: 60px !important;
}
.av-margin-xlarge-bottom {
  margin-bottom: 60px !important;
}
.av-margin-xlarge-left {
  margin-left: 60px !important;
}
.av-margin-xlarge-right {
  margin-right: 60px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .av-margin-xlarge {
    margin-bottom: 120px;
  }
  * + .av-margin-xlarge {
    margin-top: 120px !important;
  }
  .av-margin-xlarge-top {
    margin-top: 120px !important;
  }
  .av-margin-xlarge-bottom {
    margin-bottom: 120px !important;
  }
  .av-margin-xlarge-left {
    margin-left: 120px !important;
  }
  .av-margin-xlarge-right {
    margin-right: 120px !important;
  }
}
/* Auto
 ========================================================================== */
.av-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.av-margin-auto-top {
  margin-top: auto !important;
}
.av-margin-auto-bottom {
  margin-bottom: auto !important;
}
.av-margin-auto-left {
  margin-left: auto !important;
}
.av-margin-auto-right {
  margin-right: auto !important;
}
.av-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .av-margin-auto\@s {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .av-margin-auto-left\@s {
    margin-left: auto !important;
  }
  .av-margin-auto-right\@s {
    margin-right: auto !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .av-margin-auto\@m {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .av-margin-auto-left\@m {
    margin-left: auto !important;
  }
  .av-margin-auto-right\@m {
    margin-right: auto !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .av-margin-auto\@l {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .av-margin-auto-left\@l {
    margin-left: auto !important;
  }
  .av-margin-auto-right\@l {
    margin-right: auto !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .av-margin-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .av-margin-auto-left\@xl {
    margin-left: auto !important;
  }
  .av-margin-auto-right\@xl {
    margin-right: auto !important;
  }
}
/* Remove
 ========================================================================== */
.av-margin-remove {
  margin: 0 !important;
}
.av-margin-remove-top {
  margin-top: 0 !important;
}
.av-margin-remove-bottom {
  margin-bottom: 0 !important;
}
.av-margin-remove-left {
  margin-left: 0 !important;
}
.av-margin-remove-right {
  margin-right: 0 !important;
}
.av-margin-remove-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.av-margin-remove-adjacent + *,
.av-margin-remove-first-child > :first-child {
  margin-top: 0 !important;
}
.av-margin-remove-last-child > :last-child {
  margin-bottom: 0 !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .av-margin-remove-left\@s {
    margin-left: 0 !important;
  }
  .av-margin-remove-right\@s {
    margin-right: 0 !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .av-margin-remove-left\@m {
    margin-left: 0 !important;
  }
  .av-margin-remove-right\@m {
    margin-right: 0 !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .av-margin-remove-left\@l {
    margin-left: 0 !important;
  }
  .av-margin-remove-right\@l {
    margin-right: 0 !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .av-margin-remove-left\@xl {
    margin-left: 0 !important;
  }
  .av-margin-remove-right\@xl {
    margin-right: 0 !important;
  }
}
/* ========================================================================
   Component: Padding
 ========================================================================== */
.av-padding {
  padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .av-padding {
    padding: 40px;
  }
}
/* Small
 ========================================================================== */
.av-padding-small {
  padding: 15px;
}
/* Large
 ========================================================================== */
.av-padding-large {
  padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .av-padding-large {
    padding: 60px;
  }
}
/* Remove
 ========================================================================== */
.av-padding-remove {
  padding: 0 !important;
}
.av-padding-remove-top {
  padding-top: 0 !important;
}
.av-padding-remove-bottom {
  padding-bottom: 0 !important;
}
.av-padding-remove-left {
  padding-left: 0 !important;
}
.av-padding-remove-right {
  padding-right: 0 !important;
}
.av-padding-remove-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.av-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}