/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Walter+Turncoat');
@import url('https://fonts.googleapis.com/css?family=Cookie');
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

h1 {
	font-family:'Tahoma' !important;
	font-weight:500;
	letter-spacing:-1px;
	font-size:33px;
}



.post-item-wrap p {
	font-weight:400;
	font-size:16px;
	color:#333;
}

.post-item-wrap p strong {
	color:#111;
	font-weight:600;https://pozitivnemisli.com/tag/custva
}

.post-item-wrap p a {
	color:#26b8f3;
}

.post-item-wrap p a:hover {
	color:#909;
}

.pozitivne-misli {
	border-radius:5px;
	background: url(/gfx/osebna-rast.png) no-repeat top center;
	background-size:cover;
    background-size:170%;
    xbackground-size: cover;
    	border:solid 1px #ccc;
    	color:#333;
  	padding: 40px;
  	text-align: center;
  	transition: background 0.4s ease 0s;
  	padding-top:100px;
}


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

	.pozitivne-misli {
		padding-top:150px;
	}

}

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

        .pozitivne-misli {
                padding-top:150px;
        }

}

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

        .pozitivne-misli {
                padding-top:300px;
        }

}

.pozitivne-misli i {
	font-size: 42px;
	margin: 30px 0 20px;
}

.pozitivne-misli i,
.pozitivne-misli h3,
.pozitivne-misli h5,
.pozitivne-misli p {
	font-weight: 400;
	transition: all 0.4s ease 0s;
}

.pozitivne-misli:hover i,
.pozitivne-misli:hover h3,
.pozitivne-misli:hover h5,
.pozitivne-misli:hover p {
	color: #333;
}

.pozitivne-misli.icon-boxx-light {
	border: 1px solid #d9d9d9;
	background: #ffffff;
}

.pozitivne-misli.icon-boxx-light i,
.pozitivne-misli.icon-boxx-light h3,
.pozitivne-misli.icon-boxx-light h5,
.pozitivne-misli.icon-boxx-light p {
	color: #252525;
}

.pozitivne-misli.icon-boxx-light:hover {
	background: #2698F3;
}

.pozitivne-misli.icon-boxx-light:hover i,
.pozitivne-misli.icon-boxx-light:hover h3,
.pozitivne-misli.icon-boxx-light:hover h5,
.pozitivne-misli.icon-boxx-light:hover p {
	color: #ffffff;
}

.pozitivne-misli.hover-effect {
	padding: 30px 30px 10px 30px;
}

.pozitivne-misli.hover-effect i {
	margin: 90px 0 20px;
}

.pozitivne-misli.hover-effect p {
	opacity: 0;
}

.pozitivne-misli.hover-effect:hover i {
	margin: 70px 0 6px 0;
}

.pozitivne-misli.hover-effect:hover p {
	opacity: 1;
}







.sporocila {
	border-radius:5px;
	background: #fff url(/gfx/angelska-sporocila-2023.png) no-repeat top center;
    background-size:150%;
    color:#333;
    	border:solid 1px #aaa;
  	padding: 40px;
  	text-align: center;
  	transition: background 0.4s ease 0s;
  	padding-top:130px;
}


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

	.sporocila {
		padding-top:200px;
	}

}

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

        .sporocila {
                padding-top:200px;
        }

}

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

        .sporocila {
                padding-top:350px;
        }

}

.sporocila i {
	font-size: 42px;
	margin: 30px 0 20px;
}

.sporocila i,
.sporocila h3,
.sporocila h5,
.sporocila p {
	font-weight: 400;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.sporocila:hover i,
.sporocila:hover h3,
.sporocila:hover h5,
.sporocila:hover p {
	color: #333;
}

.sporocila.icon-boxx-light {
	border: 1px solid #d9d9d9;
	background: #ffffff;
}

.sporocila.icon-boxx-light i,
.sporocila.icon-boxx-light h3,
.sporocila.icon-boxx-light h5,
.sporocila.icon-boxx-light p {
	color: #252525;
}

.sporocila.icon-boxx-light:hover {
	background: #2698F3;
}

.sporocila.icon-boxx-light:hover i,
.sporocila.icon-boxx-light:hover h3,
.sporocila.icon-boxx-light:hover h5,
.sporocila.icon-boxx-light:hover p {
	color: #ffffff;
}

.sporocila.hover-effect {
	padding: 30px 30px 10px 30px;
}

.sporocila.hover-effect i {
	margin: 90px 0 20px;
}

.sporocila.hover-effect p {
	opacity: 0;
}

.sporocila.hover-effect:hover i {
	margin: 70px 0 6px 0;
}

.sporocila.hover-effect:hover p {
	opacity: 1;
}





.hvaleznost {
	border-radius:5px;
	background: url(/gfx/hvaleznost-201809a.png) no-repeat top center;
    	background-size: 150%;
    	color:#333;
	border:solid 1px #ccc;
  	padding: 40px;
  	text-align: center;
  	transition: background 0.4s ease 0s;
  	padding-top:40px;
}


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

	.hvaleznost {
		padding-top:150px;
	}

}

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

        .hvaleznost {
                padding-top:180px;
        }

}

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

        .hvaleznost {
                padding-top:250px;
        }

}

.hvaleznost i {
	font-size: 42px;
	margin: 30px 0 20px;
}

.hvaleznost i,
.hvaleznost h3,
.hvaleznost h5,
.hvaleznost p {
	font-weight: 400;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.hvaleznost:hover i,
.hvaleznost:hover h3,
.hvaleznost:hover h5,
.hvaleznost:hover p {
	color: #333;
}

.hvaleznost.icon-boxx-light {
	border: 1px solid #d9d9d9;
	background: #ffffff;
}

.hvaleznost.icon-boxx-light i,
.hvaleznost.icon-boxx-light h3,
.hvaleznost.icon-boxx-light h5,
.hvaleznost.icon-boxx-light p {
	color: #252525;
}

.hvaleznost.icon-boxx-light:hover {
	background: #2698F3;
}

.hvaleznost.icon-boxx-light:hover i,
.hvaleznost.icon-boxx-light:hover h3,
.hvaleznost.icon-boxx-light:hover h5,
.hvaleznost.icon-boxx-light:hover p {
	color: #ffffff;
}

.hvaleznost.hover-effect {
	padding: 30px 30px 10px 30px;
}

.hvaleznost.hover-effect i {
	margin: 90px 0 20px;
}

.hvaleznost.hover-effect p {
	opacity: 0;
}

.hvaleznost.hover-effect:hover i {
	margin: 70px 0 6px 0;
}

.hvaleznost.hover-effect:hover p {
	opacity: 1;
}

.afirmacija {
	border-radius:5px;
	background: url(/gfx/Afirmacija-1.png) no-repeat top center;
    	background-size:100%;
    	background-size: cover;
    	color:#333;
	border:solid 1px #ccc;
	box-shadow:inset 1px 1px 10px #fff;
  	padding: 40px;
  	text-align: center;
  	transition: background 0.4s ease 0s;
  	padding-top:160px;
}

.afirmacija i {
	font-size: 42px;
	margin: 30px 0 20px;
}

.afirmacija i,
.afirmacija h3,
.afirmacija h5,
.afirmacija p {
	font-weight: 400;
	transition: all 0.4s ease 0s;
}

.afirmacija h3 {
	font-size:18px;
}

.afirmacija:hover i,
.afirmacija:hover h3,
.afirmacija:hover h5,
.afirmacija:hover p {
	color: #333;
}

.afirmacija.icon-boxx-light {
	border: 1px solid #d9d9d9;
	background: #ffffff;
}

.afirmacija.icon-boxx-light i,
.afirmacija.icon-boxx-light h3,
.afirmacija.icon-boxx-light h5,
.afirmacija.icon-boxx-light p {
	color: #252525;
}

.afirmacija.icon-boxx-light:hover {
	background: #2698F3;
}

.afirmacija.icon-boxx-light:hover i,
.afirmacija.icon-boxx-light:hover h3,
.afirmacija.icon-boxx-light:hover h5,
.afirmacija.icon-boxx-light:hover p {
	color: #ffffff;
}

.afirmacija.hover-effect {
	padding: 30px 30px 10px 30px;
}

.afirmacija.hover-effect i {
	margin: 90px 0 20px;
}

.afirmacija.hover-effect p {
	opacity: 0;
}

.afirmacija.hover-effect:hover i {
	margin: 70px 0 6px 0;
}

.afirmacija.hover-effect:hover p {
	opacity: 1;
}








.afirmacija-sidebar {
	border-radius:5px;
	background: #fbfaf2 url(/gfx/misel_dneva.jpg) no-repeat top center;
    background-size:300px;
    color:#333;
  	padding: 40px;
  	text-align: center;
  	transition: background 0.4s ease 0s;
  	padding-top:130px;
}

.afirmacija-sidebar i {
	font-size: 42px;
	margin: 30px 0 20px;
}

.afirmacija-sidebar i,
.afirmacija-sidebar h3,
.afirmacija-sidebar h5,
.afirmacija-sidebar p {
	font-weight: 400;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.afirmacija-sidebar:hover i,
.afirmacija-sidebar:hover h3,
.afirmacija-sidebar:hover h5,
.afirmacija-sidebar:hover p {
	color: #333;
}

.afirmacija-sidebar.icon-boxx-light {
	border: 1px solid #d9d9d9;
	background: #ffffff;
}

.afirmacija-sidebar.icon-boxx-light i,
.afirmacija-sidebar.icon-boxx-light h3,
.afirmacija-sidebar.icon-boxx-light h5,
.afirmacija-sidebar.icon-boxx-light p {
	color: #252525;
}

.afirmacija-sidebar.icon-boxx-light:hover {
	background: #2698F3;
}

.afirmacija-sidebar.icon-boxx-light:hover i,
.afirmacija-sidebar.icon-boxx-light:hover h3,
.afirmacija-sidebar.icon-boxx-light:hover h5,
.afirmacija-sidebar.icon-boxx-light:hover p {
	color: #ffffff;
}

.afirmacija-sidebar.hover-effect {
	padding: 30px 30px 10px 30px;
}

.afirmacija-sidebar.hover-effect i {
	margin: 90px 0 20px;
}

.afirmacija-sidebar.hover-effect p {
	opacity: 0;
}

.afirmacija-sidebar.hover-effect:hover i {
	margin: 70px 0 6px 0;
}

.afirmacija-sidebar.hover-effect:hover p {
	opacity: 1;
}

.misel-dneva {
	border-radius:5px;
	background: #fbfaf2 url(/gfx/misel_dneva.jpg) no-repeat top center;
    background-size:300px;
    color:#333;
  	padding: 40px;
  	text-align: center;
  	transition: background 0.4s ease 0s;
  	padding-top:130px;
}

.misel-dneva i {
	font-size: 42px;
	margin: 30px 0 20px;
}

.misel-dneva i,
.misel-dneva h3,
.misel-dneva h5,
.misel-dneva p {
	font-weight: 400;
	transition: all 0.4s ease 0s;
}

.misel-dneva:hover i,
.misel-dneva:hover h3,
.misel-dneva:hover h5,
.misel-dneva:hover p {
	color: #333;
}

.misel-dneva.icon-boxx-light {
	border: 1px solid #d9d9d9;
	background: #ffffff;
}

.misel-dneva.icon-boxx-light i,
.misel-dneva.icon-boxx-light h3,
.misel-dneva.icon-boxx-light h5,
.misel-dneva.icon-boxx-light p {
	color: #252525;
}

.misel-dneva.icon-boxx-light:hover {
	background: #2698F3;
}

.misel-dneva.icon-boxx-light:hover i,
.misel-dneva.icon-boxx-light:hover h3,
.misel-dneva.icon-boxx-light:hover h5,
.misel-dneva.icon-boxx-light:hover p {
	color: #ffffff;
}

.misel-dneva.hover-effect {
	padding: 30px 30px 10px 30px;
}

.misel-dneva.hover-effect i {
	margin: 90px 0 20px;
}

.misel-dneva.hover-effect p {
	opacity: 0;
}

.misel-dneva.hover-effect:hover i {
	margin: 70px 0 6px 0;
}

.misel-dneva.hover-effect:hover p {
	opacity: 1;
}






.uploader-box {
	border-radius:5px;
	background-color: #ccc;
	background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ccc 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#ccc 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#bbb',GradientType=0 );
    padding:5px;
}

.uploader-box h5 {
	font-size:20px;
	color:rgba(30,30,30,0.6);
}

#topbar {
	background:#2698F3 !important;
	box-shadow:0px 0px 3px #444;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.similiar-artworks {
	display:grid;
	grid-gap:1rem;
	grid-template-columns: 4fr 4fr 4fr 4fr;
	margin-top:3rem;
}

.similiar-artworks > div {
	border:solid 1px #eee;
	padding:3px;
	align-self:center;
}

.similiar-artworks img {
	object-fit:contain;
}

.today-popular .page-title {
	font-size:20px;
}

.blog-posts h3 {
	font-family:Arial;
		letter-spacing:0;

font-size:16px;
}

.blog-posts {
  display: grid;
  grid-template-columns: 12fr;
  margin-bottom: 1rem;
}
@media (max-width: 520px) {
  .blog-posts {
    display: grid;
    grid-gap: 0rem;
    grid-template-columns: 12fr;
  }
}
.blog-posts .blog-article {
  background: #fff;
  border-radius: 5px;
  padding: 1rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
.blog-posts .blog-article .title {
  display: grid;
  grid-template-columns: 60px auto;
  grid-gap: 0.7rem;
  	font-family:Tahoma;

}

.blog-posts .blog-article .title img {
  width: 100%;
  max-width: 50px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 5px;
  order: 1;
}
.blog-posts .blog-article .title h2, .blog-posts .blog-article .title .h2, .blog-posts .blog-article .title h3, .blog-posts .blog-article .title .h3, .blog-posts .blog-article .title h4, .blog-posts .blog-article .title .h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  order: 2;
  align-self: center;
}
.blog-posts .blog-article .title h2 a, .blog-posts .blog-article .title .h2 a, .blog-posts .blog-article .title h3 a, .blog-posts .blog-article .title .h3 a, .blog-posts .blog-article .title h4 a, .blog-posts .blog-article .title .h4 a {
  font-size: 16px;
}