/*
Theme Name:     Engitech Child
Theme URI:      http://wpdemo.archiwp.com/engitech/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       engitech
*/

@import url("../engitech/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* my single clanica page */
#jirabtn {
	display: none;
}

.ikonica {
    width: 15px;
    margin-right: 10px;
}

.postClanica {
    width: 1166px;
    margin: auto;
    padding: 100px 0px;
}

.postClanica__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.postClanica__img {
    width: 50%;
    padding-bottom: 50px;
}

.postClanica__content {
    font-size: 16px ;
    font-family: 'Poppins';
    font-weight: 300;
    color: #959595;
    line-height: 1.556; 
    text-align: left;
}

.baner {
    background-image: url('https://ictcortex.me/wp-content/uploads/2021/04/banerFotka.png');
    background-repeat: no-repeat;
    background-position: bottom right; 
    padding-top: 65px;
    padding-bottom: 55px;
    padding-left: 65px;
    background-size: cover;
    border-radius: 6px;
    margin-top: 75px;
}

.baner--heading {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
}

.baner-button {
    background-color: #000000;
    padding: 21px 35px;
    color: #fff;
    font-size: 15px;
    font-family: "Poppins";
    font-weight: normal;
    color: rgb(255, 255, 255);
    line-height: 1.333;
    text-align: left;
    border: none;
    margin-top: 15px;
}

.postClanica__fields--heading {
    font-family: "Poppins";
    color: #9fd1fe;
    font-size: 36px;
    font-weight: 600;
}

.list--usluga {
    padding-top: 20px;
}
.list--usluga--item {
    padding-top: 10px;
}

.postClanica__fields--paragraph, .list--usluga--item {
    font-size: 16px ;
    font-family: 'Poppins';
    font-weight: 300;
    color: #959595;
    line-height: 1.556; 
    text-align: left;
    margin-top: -25px;
}

#hoverLink {
    color: #959595;
}

.postClanica__fields--big {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    padding-bottom: 50px;
    grid-column-gap: 20px;
}

.postClanica__fields--box {
    /* margin-right: 100px; */
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: 40px 45px;
    text-align: left;
    position: relative;
}

.postClanica__fields--box--heading {
    color: #000;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 23px;
}

.postClanica__fields--box--heading:hover {
    color: #000;
}

.postClanica__fields--box--heading:visited {
    color: #000;
}

.postClanica__fields--box-par {
    color: #959595;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
}

.postClanica__fields--box-par:hover {
    color: #959595;
}

.postClanica__fields--box-par:visited {
    color: #959595;
}

.kontaktDiv {
    padding-bottom: 20px;
}

.big-number {
    position: absolute;
    right: -7px;
    bottom: 0;
    font-size: 72px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    line-height: 52px;
    color: #f2f2f2;
}

.transitionClass {
    transition: 1.5s;
}

@media only screen and (max-width: 767px) {
    .postClanica {
        padding: 75px 0px;
    }

    
    .postClanica__content {
        grid-template-columns: 100%;
    }

    .postClanica__container {
        grid-template-columns: 70% 30%;
    }

    .sidebar {
        display: none;
    }

    .postClanica__img {
        width: 70%;
        padding-bottom: 20px;
    }

    .postClanica__logo {
        margin-top: -30px;
    }

    .postClanica {
        width: 90%;
    }

    .postClanica__fields--heading {
        font-size: 23px;
    }

    .postClanica__fields--big {
        grid-template-columns: 100%;
    }

    .postClanica__fields--box  {
        margin-bottom: 20px;
    }

    .baner {
        background-position: center center; 
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        margin-top: 50px;
    }

    .baner--heading {
        font-size: 18px;
    }
    
    .baner-button {
        font-size: 12px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1365px) and (min-width: 768px) {
    .postClanica {
        width: 90%;
}

.postClanica__content__all {
    padding-right: 20px;
}

.postClanica__fields--big {
    grid-template-columns: 50% 50%;
    grid-row-gap: 20px;
}

.baner {
    background-position: center center; 
    margin-top: 50px;
}

.baner--heading {
    font-size: 38px;
}

}
/* kraj my single clanica page */

.category-list--link {
    color: #555;
    font-size: 16px;
}

.category-list--link:hover {
    color: #555;
}

.categoriesClanice {
    padding-top: 50px;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 30% 70%;
}

.categoriesClanice--categories__list {
    list-style-type: none !important;
}

.categoriesClanice--categories__list li {
    margin-bottom: 10px;
    border-bottom: 1px solid #a8a7a7;
    cursor: pointer;
    font-family: "Roboto";
    color: #959595;
    width: 75%;
    font-size: 16px;
    font-weight: 300;
}

#categoriesClanice--categories__list--parent {
    font-family: "Poppins";
    color: #1F283B;
    font-size: 20px;
    font-weight: 600;
}

#post-output {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

.activeClass {
    display: block;
}

.passiveClass {
    display: none;
}

.displayPosts {
    width: 300px;
    height: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
   text-align: center;
   position: relative;
}

.displayPosts {
    border-bottom: 1px solid #a8a7a7;
    border-right: 1px solid #a8a7a7;
}

.displayPosts:nth-child(3n+3) {
    border-right: none;
    border-bottom: 1px solid #a8a7a7;
}

.displayPosts:nth-last-child(-n+2) {
    border-right: 1px solid #a8a7a7;
    border-bottom: none;
}

.noBorder {
    border: none !important;
}

#post-output img {
    position: absolute;
   width: 150px;
   top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
   /*box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 3%), 0px 0px 1px 0px rgb(0 0 0 / 3%), 0px 1px 4px 0px rgb(0 0 0 / 12%);*/
}

.select-clanice-kategorije {
    display: none;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    border: 1px solid #AAA;
    color: #555;
    font-size: inherit;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

    .displayPosts {
        width: 100%;
        height: 100%;
        padding-bottom: 100px;
    }
    
    .select-clanice-kategorije {
        display: block;
        width: 100%;
        margin-bottom: 50px;
    }

    #post-output {
        grid-template-columns: 100%;
        grid-gap: 20px;
    }
    
    .categoriesClanice {
        padding: 50px 0px;
        display: block;
        text-align: center;
    }

    .categoriesClanice--categories {
        display: none;
    }

    .categoriesClanice--pics {
        margin: auto;
        width: 100%;
    }

    #post-output img {
        width: 70%;
        padding-right: 0px;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1365px) and (min-width: 768px)  {

    #post-output {
        grid-template-columns: 50% 50%;
    }

    #post-output img {
        width: 80%;
        padding-right: 50px;
    }

    .categoriesClanice--categories__list li {
        width: 75%;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1365px) {
    .displayPosts {
        border-bottom: none;
        border-right: none;
    }
    
    .displayPosts:nth-child(3n+3) {
        border-right: none;
        border-bottom: none;
    }
    
    .displayPosts:nth-last-child(-n+2) {
        border-right: none;
        border-bottom: none;
    }
}


.aktivanKlasa {
    color: #1F283B !important;
    font-weight: 600;
}

/* dumge novosti */
.btnPostsCustom {
    color: #39e5d6;
    text-decoration: underline 2px !important;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

#akcijeZatvorene .btnPostsCustom, #firstNews .btnPostsCustom2, #secondNews .btnPostsCustom2, #mobileNews .btnPostsCustom2, #secondaryNews .btnPostsCustom2, #firstNews .hideSecond, #secondNews .hideSecond, #mobileNews .hideSecond, #secondaryNews .hideSecond  {
    display: none;
}

.btnPostsCustom2 {
    color: #39e5d6;
    text-decoration: underline 2px !important;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
    padding-right: 10px !important;
}

.hideSecond {
    color: #39e5d6;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
    padding-left: 5px;
}

.btnPostsCustom:hover {
    color: #9fd1fe;
} 

.deleteAllClass {
    display: none;
}

.greenoza {
    background-color: green;
}

/* novi css */

/* menu css */
.current-menu-item a{
    color: #fff !important;
}

.sub-menu li a{
    color: initial !important;
}

#primary-menu li:before {
    background: #56ec85;
}

.elementor-nav-menu--dropdown li a{
    color: initial !important;
}

@media (max-width:1025px) and (min-width:768px) {
    .navAboveHeader #menu-1-42308d4 {
        margin-left: unset !important;
    }
}

@media(max-width:768px){
       #osnivaci {
           display: none;
       }

       .hiddenBr {
           display: none;
       }

        .elementor-18841 .elementor-element.elementor-element-5aaf516 .elementor-column-gap-custom .elementor-column > .elementor-element-populated {
            padding: 0px !important;
            margin: 0px !important;
       }
}

/* sekcija boxovi */
.postBox, .postBox2 {
    background-color: #fff;
    border-radius: 6px;
}

.postBox3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.postBox2 {
    display: grid;
    grid-template-columns: 43% 57%;
    margin-bottom: 30px;
}

.postBox2Second {
    padding: 24px;
}

.postBoxTwo .postBoxTwo--date:nth-child(3) ,.postBox2Second .postBox2--date:nth-child(3) {
    display: none;
}

.postBoxTwo {
    padding: 40px 35px;
}

.postBox .attachment-featuredImageCropped , .boxImg{
    object-fit: cover;
    width: 575px;
    height: 363px !important;
    position: relative;
}

.overImage {
    position: absolute;
    padding-top: 15px;
    left: 15px;
}

.postBox2 .attachment-featuredImageCropped {
    object-fit: cover;
    width: 249px;
    height: 100%;
}

.postBox p, .postBox h5, .postBox2Second p, .postBox2Second h5 {
    margin: 0px;
}

.postBoxTwo--date, .postBox2--date  {
    font-family: "Roboto";
    color: rgb(160, 160, 160);
}

.postBoxTwo--date {
    font-size: 18px;
    padding-bottom: 15px;
}

.postBox2--date {
    font-size: 16px;
    padding-bottom: 25px;
}

.postBoxTwo--title, .postBox2--title, .postBoxTwo--title:hover, .postBoxTwo--title:visited, .postBoxTwo--title:active, .postBox2--title:hover,  .postBox2--title:visited {
    font-family: "Poppins";
    color: rgb(31, 40, 59);
    font-weight: 600;
}

.postBoxTwo--title {
    font-size: 26px;
    padding-bottom: 20px;
    line-height: 1.385;
}

.postBox2--title {
    font-size: 19px;
    padding-bottom: 10px;
    line-height: 1.2;
}

.postBoxTwo--money {
    font-size: 26px;
    font-family: "Poppins";
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-decoration: underline;
    padding-right: 10px;
}

.postBoxTwo--gathered {
    font-size: 18px;
    font-family: "Roboto";
    color: rgb(47, 212, 198);
}

@media (max-width: 1024px) {
    .postBox .attachment-featuredImageCropped, .postBox2 .attachment-featuredImageCropped , boxImg{
        height: 300px !important;
        border-radius: 6px 6px 0px 0px;
        width: 100%;
    }

    .postBox2 {
        grid-template-columns: 1fr;
    }

    .postBox2--title {
        font-size: 26px;
        padding-bottom: 10px;
    }

    .postBox2--date {
        font-size: 18px;
        padding-bottom: 25px;
    }

    .postBox2Second {
        padding: 40px 35px;
    }
}

/* chart css */
.chart-box {
    border: none;
    background: unset;
    box-shadow: none;
}

.apexcharts-legend-series {
    padding-bottom: 20px;
}

.page-header .breadcrumbs li a {
    color: #fff;
}

/* prijatelji fondacije stranica */
.prijateljiSekcija .elementor-post__thumbnail__link {
    border: 1px solid #cfcfcf;
    padding: 50px 30px;
}

@media (max-width: 1024px) {
    .prijateljiSekcija .elementor-posts--skin-classic .elementor-post {
        display: grid;
    }

    .prijateljiSekcija .elementor-post__thumbnail__link {
        width: 100% !important;
        margin-bottom: 20px;
    }
}

.postsMain {
    display: grid;
    grid-template-columns: 25% 75%;
    padding-bottom: 30px;
    grid-gap: 10px;
}

.postsMain__first {
    border: 1px solid #cfcfcf;
    padding-left: 30px;
    padding-right: 30px;
    width: 203px;
    height: 150px;
}

@media(max-width: 768px){
.postsMain__first img{
	height: 100%;
	object-fit:cover;
}
	
	.postsMain__first {
		text-align:center;
	}
}

.postsMain--heading {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.postsMain p{
    color: #989898;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 300;
    line-height: 1.625;
}

.postsMain img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width: 768px) {
    .postsMain {
        grid-template-columns: 100%;
        padding-bottom: 50px;
        grid-gap: 0px;
    }

    .postsMain__first {
        width: 100%;
        height: 100%;
        padding: 30px 75px;
    }

    .postsMain--heading {
        margin-top: 20px;
    }

    .arrowHide img, .arrowSec img, .arrowSec2 img {
        width: 70%;
    }
    
}

@media (min-width: 768px) and (max-width: 1024px) {
    .postsMain__second {
        margin-left: 50px;
    }
    .postsMain {
        grid-gap: 0px;
    }
}

.main-navigation a:hover {
    text-decoration: underline 3px solid #39E5D6;
    text-underline-offset: 10px; 
}

.sub-menu a:hover {
    text-decoration: none;
}

.linkCat, .linkCat:hover, .linkCat:visited, .linkcat:link, .linkcat:active, a, a:hover, a:visited, a:active, .btnPostsCustom:hover {
    color: #72bbae;
}

.search-form .search-submit, .search-form .search-submit:hover, .widget-area .widget .widget-title:before {
    background: #72bbae;
}

.eicon-chevron-right:before , .eicon-chevron-left:before {
    border: 2px solid;
    border-radius: 22px;
    padding: 5px;
    color: #34d1c3;
}

[class*=" eicon-"], [class^=eicon] {
    font-weight: 300 !important;
}

@media (max-width: 1024px) {
    .current-menu-item a {
        color: #1b1d21 !important;
    }
}

@media (min-width: 1025px) {
    #imgHide {
        display: none;
    }
}

#royal_preloader {
    z-index: 50;
}

/* .arrowSec img {
    visibility: hidden;
} */

/* .arrowHide img {
    opacity: 0;
    animation: fadeIn 3s;
    animation-delay: 2000ms;
    animation-fill-mode: forwards;
} */

/* .arrowSec2 img{
    visibility: hidden;
} */

.seeMe {
    visibility: visible !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.closedActions {
    pointer-events: none;
}

.aktivnostiSekcija .elementor-posts-container .elementor-post__thumbnail img{
	height: 232px;
}

@media(min-width: 1024px){
.main-navigation ul > li.menu-item-has-children > a {
	padding-right: 0px;
}
}

/* aktivnosti iste visine */
@media (max-width: 1025px){
	.projects-box {
		height: 270px;
	}
}

@media (min-width: 1025px) and (max-width: 1230px){
	.projects-style-1 .projects-box{
		height: 250px ;
	}
}

@media(min-width: 1231px){
	.projects-style-1 .projects-box {
		height: 340px;
	}
}

/* sakrij novac donacije */
.moneyBox {
	visibility: hidden;
}

.single-post iframe {
	width: 100%;
	height: 350px;
}

.boxImg {
	width: 100%;
}

@media only screen and (max-width: 768px) {
.post-nav {
    display: block;
}
}

/*ZA NOVAC PRIKUPLJEN*/
.moneyBox {
	display: none;
}

.otf-social-share a:hover{
	color: #fff;
}

@media(max-width:1024px){
	.boxImg2 {
	height: 363px !important;
	width: 100%;
	object-fit: cover;
}
}

.elementor-swiper-button{
	display: none !important;
}

.textwidget  .elementor-swiper-button{
	display: block !important;
}

.octf-btn, .octf-btn:hover {
	background-color: #72bbae;
}

.posted-on {
	pointer-events: none;
}

.allsecure_exchange_creditcard_method {
	width: 120px !important;
}




/* 
.arrowsBlock .elementor-swiper-button.swiper-button-disabled, .arrowsBlock .elementor-swiper-button-next{
	display: block !important;
} */