/*
 Theme Name:   Minimal Portfolio Child
 Theme URI:    http://abileweb.com/portfolio/minimal-portfolio/
 Description:  Minimal Portfolio Child Theme
 Author:       Abileweb
 Author URI:   http://abileweb.com/
 Template:     minimal-portfolio
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  minimalportfoliochild
*/

::selection {
  background: #E7FF00;
  color: rgba(0,0,0,0.6);
}


.site{
cursor: url(https://jovanavasic.jojel.rs/wp-content/uploads/2021/08/cursor-2.svg), auto;
}

{
  cursor: pointer;
}

/*cursor {
    mix-blend-mode: difference;

    &__ball {
      position: fixed;
      top: 0;
      left: 0;
      mix-blend-mode: difference;
      z-index: 1000;

      circle {
        fill: #f7f8fa;
      }
    }
  }*/

a {
    color: #666;
  }

a:hover {
  text-decoration: none;
  color: inherit;
}

body .container {
	 width: 1300px;
}

body, button, input, select, optgroup, textarea {
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 30px;
    font-weight: 400;
  }

.elementor-section.elementor-section-boxed>.elementor-container{
	    max-width: 1300px !important;
}

@media (max-width: 1440px){
	body .container {
	 width: 1100px;
	}
	.elementor-section.elementor-section-boxed>.elementor-container{
	    max-width: 1100px !important;
}
}

@media (max-width: 1024px){
	body .container {
	 width: 700px;
	}
.elementor-section.elementor-section-boxed>.elementor-container{
	    max-width: 700px !important;
}
}

@media (max-width: 768px){
	body .container {
	 width: 580px;
	}
.elementor-section.elementor-section-boxed>.elementor-container{
	    max-width: 580px !important;
}
}

@media (max-width: 480px){
	body .container {
	 width: 300px;
	}
.elementor-section.elementor-section-boxed>.elementor-container{
	    max-width: 300px !important;
}
}


@media (max-width: 1024px) and (min-width: 768px)
{
.elementor-column.elementor-col-25, .elementor-column[data-col="25"] {
		    width: 50% !important;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	text-transform: none;
	color: #222;
	line-height:1.2em !important;
}

h1{
	font-size: 85px;
	line-height: 1.2em;
	font-weight: 700;
}
h2 {
   font-size: 60px;
	 font-weight: 700;
}
h3{
	font-size: 48px;
	font-weight: 700;
}
h4{
	font-size: 20px;
	letter-spacing: 1px;
}
h5{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4em !important;
}
h6{
	font-size: 16px;
	letter-spacing: 1px;
}
p {
	margin-bottom: 10px;
	line-height: 1.8em !important;
}


.site-info{
	display: none;
}
.site-title{
	    font-weight: 700;
      font-size: 20px;
    	letter-spacing: 1px;
      color: #222;
}

.site-title:hover {
     color: #222;
     text-decoration: none;
}

.header-menu .col-md-12 {
		    z-index: 999;
	}

.menu-close{
	  right: 38px;
    top: 28px;
    color: #222;
    text-align: right;
}

.icon-close:before{
  font-family: FontAwesome;
  content: "\f00d";
}

.icon-menu:before {
  font-family: FontAwesome;
  content: "\f0c9";
}

.mobile-menu-icon i {
  font-size: 20px;
  color: #222;
}

.mobile-menu .main-menu{
  position: absolute;
  width: 100%;
  margin-top: 25%;
  padding: 0px 35px;
  display: block;
}

@media screen and (min-width: 1024px){
.mobile-menu-wrapper {
  display: none;
}
}

@media screen and (min-width: 1024px){
.main-navigation a {
    font-size: 16px;
	font-weight: 700;}
}

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

  .mobile-menu {
    left: initial;
    width: 70%;
  }

	.mobile-menu > ul li {
		font-size: 32px;
		letter-spacing: 1px;
		line-height: 1.2em;
    font-weight: 700;
		padding: 10px 0px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
	}

.mobile-menu > ul li a:after{
  background: none repeat scroll 0 0   transparent;
  bottom: 27px;
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  background: #222;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;

}

.mobile-menu > ul li a:hover:after{
  width:100%
}

.mobile-menu > ul li a:active:after{
  width:100%
}


  .mobile-menu > ul li a{
      color: #222;
  	}
}

.mobile-menu > ul li a:hover{
    color: #222;
	}


.mobile-menu > ul li a:active {
    color: #222;
	}

  @media screen and (max-width: 680px){
    .mobile-menu > ul li {
  		font-size: 24px;
    }

    .mobile-menu > ul li a:after{
      bottom: 22px;
    }
  }

/*ul#primary-menu li a{
	color: #222;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;}

ul#primary-menu li a:hover {
	color: #222;
	transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
	    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.main-navigation .current-menu-item a, .main-navigation .current_page_item a {
	    border-bottom: 3px solid #222;
	cursor: default;
}

.main-navigation .current-menu-item a, .main-navigation .current_page_item a:hover {
    transform: translate(0px, 0)!important;
}
*/

.main-navigation a {
    padding: 0px;
    color: #222;
}

.main-navigation li {
	  margin: 0 10px;
    line-height: 2em;
}

.menu-top-menu-container li a:after {
	background: none repeat scroll 0 0   transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  background: #222;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.menu-top-menu-container li a:hover:after {
  width: 100%;
}

.menu-top-menu-container li a:active:after {
  width: 100%;
}

.main-navigation .current_page_item a:after {
      bottom: 0;
      content: "";
      display: block;
      height: 3px;
      background: #222;
      width: 100%;
}

.main-navigation .current_page_item a {
      cursor: default;
}


@media screen and (max-width: 680px){
.elementor-section.elementor-section-height-full {
	height: auto;}
}

.jumbotron {
	display:none;}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
	padding:0px;
}

.container{
	padding:0px;
}

@media (max-width: 768px){
	.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
		width: 50%;}

}

@media (max-width: 680px){
	.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
		width: 100%;}

}

@media (max-width: 1024px){
.elementor-column.elementor-col-66, .elementor-column[data-col="66"] {
	width: 100%;}
}

@media (max-width: 1024px){
h1{
	font-size: 55px;
	line-height: 1.2em;
	font-weight: 700;
}
h2 {
    font-size: 40px;
	 font-weight: 700;
}
h3{
	font-size: 32px;
	font-weight: 700;
}
}

@media (max-width: 680px){
h1{
	font-size: 45px;
	line-height: 1.2em;
	font-weight: 700;
}
h2 {
    font-size: 36px;
	 font-weight: 700;
}
h3{
	font-size: 30px;
	font-weight: 700;
}
}

a.fill:hover{
	color:#e74845 !important;
	-webkit-transition: all 0.2s ease-out;
}

.footer-top{
	    padding-top: 10px;
	    padding-bottom: 0px;
	text-align: center;
}

.widget{
	margin:0px;
}

.vp-pagination__style-default.vp-pagination__no-more .vp-pagination__load-more{
	    opacity: 1 !important;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>* {
	color: #000!important;
}

.vp-filter__style-default .vp-filter__item>*{
	border: none!important;
}

.marquee {
  -webkit-animation: marquee 60s infinite linear;
  margin: 0px;
	width:100%;
}

@-webkit-keyframes marquee {
  0% {
    background-position: 0;
  }

  100% {
    background-position: -2706px;
  }
}

@media (max-width: 1024px){
  .marquee {
  -webkit-animation: none;
}
}

.premium-person-content {
	margin:0px !important;
}

.premium-person-info-container {
	    padding: 35px 50px 100px !important;
}

@media (max-width: 1440px){
.premium-person-info-container {
    padding: 20px 45px 70px !important;
}
}

@media (max-width: 1024px){
.premium-person-info-container {
    padding: 20px 45px 135px !important;
}
}

@media (max-width: 768px){
	.premium-person-info-container {
    padding: 20px 45px 80px !important;
}
}

@media (max-width: 680px){
.premium-person-info-container {
    padding: 20px 5px 15px !important;
}
}

/*.back-to-top:hover {
  background: #e74845;
	color: #fff;
}*/

.back-to-top .icon-arrow-up{
  display:none;
}

.back-to-top::after{
  content: "Up";
}

.back-to-top{
  width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    font-size: 16px;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  }

.back-to-top:hover{
  background: #fff;
  -webkit-animation:spin 3s linear infinite;
  -moz-animation:spin 3s linear infinite;
  animation:spin 3s linear infinite;
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}

.back-to-top:focus{
  background: #fff;
  color:#222;
  -webkit-animation:spin 1s linear infinite;
  -moz-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}

@media (max-width: 1200px){
  .back-to-top:hover{
    background: #222;
    color:#fff;
  }
}

.works {
	min-height:calc(100vh - 150px);
}

/*portfolio*/

.vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img {
    -webkit-transform: none !important;
    transform: none !important;
}

/*.vp-portfolio__item-wrap, .vp-portfolio__item-img {
    -webkit-filter: grayscale(1) !important;
    -webkit-transition: all .2s ease-in-out !important;
    opacity: 0.7 !important;
}

.vp-portfolio figure.vp-portfolio__item:hover .vp-portfolio__item-meta {
    opacity: 1 !important;
    -webkit-transition: all .2s ease-in-out !important;
}

.vp-portfolio__item-wrap:hover, .vp-portfolio__item-img {
    -webkit-filter: grayscale(0) !important;
    -webkit-transition: all .2s ease-in-out !important;
    opacity: 1 !important;
}
*/


.vp-portfolio__item-wrap, .vp-portfolio__item-img {
    -webkit-transition: all .2s ease-in-out !important;
}

.vp-portfolio figure.vp-portfolio__item:hover .vp-portfolio__item-meta {
    -webkit-transition: all .2s ease-in-out !important;
}

.vp-portfolio__item-wrap:hover, .vp-portfolio__item-img {
    -webkit-transition: all .2s ease-in-out !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-title a:hover {
      color: #222 !important;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>*{
    color: #222 !important;
    cursor: default !important;
    background-color: #fff !important;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>*:after {
  width: 100%;
}


.vp-filter__style-default .vp-filter__item>* {
    min-width: 30px !important;
    padding: 0px 0px !important;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta {
    padding: 19px 0px 0px !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a {
  padding: 0px 0px !important;
  color: #666 !important;
  background: transparent !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category {
   margin: 0px !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories {
    position: relative !important;
    padding: 0 !important;
}
.vp-portfolio__items-style-fly .vp-portfolio__item-meta-categories{
    position:relative !important;
    padding: 0px 10px !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
    font-size: 16px !important;
    line-height:1.4em !important;
    font-weight: 700 !important;
}

.vp-portfolio__items-style-fly .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category{
    text-align:center !important;
    background-color: rgba(255,255,255,0) !important;
    color:#666 !important;
}

.vp-pagination__style-default{
    margin-top: 37px !important;
}

.vp-filter__style-default .vp-filter__item:not(.vp-filter__item-active)>a:hover{
     color:#222!important;
}

.vp-filter__style-default .vp-filter__item>*{
    border:none;
}

.vp-filter__style-default .vp-filter__item a {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.vp-filter__style-default .vp-filter__item a:after {
	background: none repeat scroll 0 0   transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  background: #222;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.vp-filter__style-default .vp-filter__item a:hover:after {
  width: 100%;
}


.vp-filter__style-default{
    justify-content: left !important;
    margin-left:0px !important;
}

.vp-filter__style-default .vp-filter__item {
    margin: 3px 22px 3px 0px !important;
}

.vp-filter__style-default {
    margin-bottom: 21px !important;
}

.vp-portfolio__items-style-fly .vp-portfolio__item-meta-title{
    font-size: 16px !important;
    font-weight: 700 !important;
    color:#fff !important;
}

.vp-pagination__style-default .vp-pagination__item>*{
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #222 !important;
    border: none !important;
    transition: all 0.2s ease-in-out!important;
    -webkit-transition: all 0.2s ease-in-out!important;
}

.vp-pagination__style-default .vp-pagination__item:not(.vp-pagination__item-active)>a:hover{
    border:none!important;
    transform: translate(10px, 0)!important;
    -webkit-transform: translate(10px, 0)!important;
    transition: all 0.2s ease-in-out!important;
    -webkit-transition: all 0.2s ease-in-out!important;
     color:#222 !important;
}

@media (max-width: 680px){
.vp-filter__style-default .vp-filter__item a {
    font-size: 20px !important;
    line-height: 26px !important;}
}

.vp-portfolio__preloader {
    position: absolute !important;
    left: 50% !important;
    width: 23px !important;
    height: 24px !important;
    margin-top: 45px !important;
    margin-left: -11px !important;
    -webkit-animation: vp-preloader 2s linear infinite!important;
    animation: vp-preloader 2s linear infinite!important;
}

.vp-portfolio__preloader span {
    position: absolute;
    display: block;
    top: 140px !important;
    left: 0 ;
    width: 10px ;
    height: 7px;
    background-color: #e74845!important ;
}

.vp-portfolio__preloader span:nth-of-type(3) {
    top: 156px !important;
}
.vp-portfolio__preloader span:nth-of-type(4) {
    top: 149px !important;
}

.vp-portfolio__item-meta-category {
  text-transform: none;
  color:#666;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta-title{
  color:#222 !important;
}
.vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories {
  margin-bottom: 0px !important;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta{
  padding: 20px !important;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-overlay{
  background-color:#fff !important;
}

#qodef-back-to-top {
  display: none;
}

.cv {
		-webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
}
}


/* 404 */
.error-404 not-found {

}