/*------------------- Root Variables ------------------- */

:root {
    --default: #fff;
    --black: #000;
    --text: #00273D;
    --primary: #293243;
    --secondary: #ccad97;
    --muted: #F2F5FB;
    --emphasis: #304173;
    /* links */
    --link: #ccad97;
    --link-hover: #AC917E;
    /* borders */
    --border: #F2F5FB;
    --box-shadow: #DFE6EB;
    /* messages */
    --success: #22bb33;
    --warning: #f0ad4e;
    --danger: #bb2124;
    --alert: #5bc0de;
    --disabled: #aaaaaa;
    /* other */
    --dark: #CACAD2;
    --light: #304173;
    --darkS: #AC917E;
}
/*------------------- General Settings ------------------- */
.uk-slideshow-items .uk-cover {
    width: 100%;
    --uk-position-translate-x: unset !important;
    --uk-position-translate-y: unset !important;
}

.uk-cover,
[uk-cover] {
    --uk-position-translate-x: unset !important;
    --uk-position-translate-y: unset !important;
}

.uk-position-center {
    top: 50% !important;
    right: 50% !important;
    --uk-position-translate-x: unset !important;
    --uk-position-translate-y: unset !important;
}

.rtl [uk-cover],
.rtl .uk-slideshow-items .uk-cover,
.rtl .uk-position-center {
    transform: translate(50%, -50%) !important;
}

body:not(.rtl) [uk-cover],
body:not(.rtl) .uk-slideshow-items .uk-cover,
body:not(.rtl) .uk-position-center {
    transform: translate(-50%, -50%) !important;
}

.tagcloud a {
    width: 100%;
    display: block;
    text-decoration: none;
    font-size: 17px !important;
}

.tagcloud a:hover {
    color: var(--secondary);
}


/* Body */

body {
    overflow-x: hidden !important;
}


/* Forms textarea */

textarea {
    resize: vertical;
}
.uk-input{
    height:60px !important;
    line-height: 60px !important;
}
.uk-input::placeholder{
    line-height:60px;
}

/* Recaptcha */

.grecaptcha-badge {
    z-index: 999999;
}


/* Social Media icons */
 
.uk-icon[uk-icon*="facebook"]:hover {
    color: #4267B2 !important;
}

.uk-icon[uk-icon*="youtube"]:hover {
    color: #FF0000 !important;
}

.uk-icon[uk-icon*="twitter"]:hover {
    color: #1DA1F2 !important;
}


/* Mobile Navbar */
#tm-dialog-mobile{
    background-color: var(--primary);
    height: 70vh !important;
    border-top: 1px solid #ffffff69;
    
}
div#tm-dialog-mobile a, div#tm-dialog-mobile a * {
    color: #fff;
}
.tm-page {
    overflow-x: hidden !important;
}
/* Breadcrumbs */
.breadcrumbs ul.uk-breadcrumb.uk-margin-remove-bottom li a {
    color: #fff !important;
}
.breadcrumbs ul.uk-breadcrumb.uk-margin-remove-bottom li span {
    color: #ccad97 !important;
}
.breadcrumbs .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    color: #fff;
    opacity:1;
}
.rtl .breadcrumbs{padding-right:40px;margin-top:-10px !important;}
body:lang(en) .breadcrumbs{padding-left:40px;margin-top:-10px !important;}

.rtl .uk-position-bottom-center{
    --uk-position-translate-x: 50% !important; 
    
}


/* Slidenavs */
.uk-slidenav{
    border: 1px solid var(--dark);
    padding: 10px;
    transition: all 0.5s;
}
.uk-slidenav-next{
    margin-right: 5px;
}
.uk-slidenav:hover{
    border-color:var(--primary) !important;
}

body:lang(en) .uk-button-text::before{
    transform:scalex(-1);
}
/* Search Modal */
.uk-modal .uk-modal-dialog {
    min-height: calc(25vh) !important;
    background-color: var(--secondary);
    background-image: url(/wp-content/uploads/2022/03/tickets-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    border: 0;
}
.uk-modal-close-full{
    background: var(--secondary);
    top: 40px;
    right: 40px;
}

/*------------------- Custom Classes ------------------- */


/*Comments */

.error {
    color: #C0222A !important;
}
/* About Page Grid */
.about-Grid .el-item>div>div:last-child{
    box-shadow: 0 0 20px rgba(41, 50, 67 , 0.08);
    background:#fff;
}
.rtl .about-Grid .el-item>div{
    margin-right:0 !important;
}
body:lang(en) .about-Grid .el-item>div{
    margin-left:0 !important;
}
.about-Grid .el-item>div>div:first-child{
    background:var(--secondary);
    position:relative;
}
.about-Grid>div>div:nth-child(even) .el-item>div>div:first-child{
    background:var(--primary);
}
.about-Grid .el-item>div>div{
    padding:50px 40px;
}
.about-Grid .el-item .el-title::after{
    content:'';
    display:block;
    width:70px;
    height:9px;
    background:var(--darkS);
    position:absolute;
    right: 0;
    bottom: -30px;
}
body:lang(en) .about-Grid .el-item>div>div:first-child::after{
    right:unset;
    left: 40px;
}
.about-Grid .el-title{
    color:#fff;
    position:relative;
}
/* Campagin page Projects */
.project-line, .project-head, .projects-items{
    position:relative;
}
.projects-items{
   margin-top: 100px !important;
}
.project-line::before, .project-line::after{
    content:'';
    display:block;
    height:4px;
    position:absolute;
    background: #f0f0f2;
      
 }
 .project-line::before{
    right: 158px;
    left: 142px;
    top: -70px;
 }
 .project-head::before, .project-head::after{
    content:'';
    display:block;
    width:4px;
    position:absolute;
    left:50%;
    transform:translatex(-50%);
    
 }
 .project-head::before{
    background:#F0F0F2;
    height:70px;
    top:-70px;
 }
 .project-head::after{
    background:var(--secondary);
    height:30px;
    top:-30px;
 }
.projects-items::before, .projects-items::after{
   content:'';
   display:block;
   background:#F0F0F2;
   position:absolute;
   left:50%;
   transform:translatex(-50%);
}
.projects-items::before{
   height:60px;
   width:4px;
   top:-85px;
}
.projects-items::after{
   width:10px;
   height:10px;
   border-radius:50%;
   top:-35px;
}
.projects-items li{
   background:#F0F0F2;
   border-right:30px solid var(--secondary);
   padding: 15px 15px;
}
.projects-items li:not(:first-child){
   margin-top:20px;
}
/* Home Hero*/
.hero-home .el-title{
    color:var(--default);
}
.hero-home .el-image{
    width:100%;
    height:100%;
    object-fit:cover;
    background-size:cover;
}
/*------------------- Archives ------------------- */

.year-hidden {
    display: none;
    margin-bottom: 15px;
    padding-left: 20px !important;
}

.rtl .year-hidden {
    padding-left: unset !important;
    padding-right: 20px !important;
}

.year-hidden>li>a {
    text-decoration: none;
    font-size: 16px;
}

.year-hidden>li>a:hover {
    color: var(--secondary);
}

.year-toggle-wrapper {
    min-height: 22px;
    margin-bottom: 5px;
    display: block;
    position: relative;
    padding-right: 9px;
    cursor: pointer;
}

.rtl .year-toggle-wrapper {
    padding-right: unset;
    padding-left: 9px;
}

.year-toggle {
    margin-right: 7px;
    color: var(--secondary);
}

.rtl .year-toggle {
    margin-right: unset;
    margin-left: 7px;
}

.widget_archive li {
    display: block;
    margin-right: 25px;
}

.widget_archive li {
    margin-left: 25px;
    margin-right: unset;
}

.year {
    margin-right: unset;
    margin-left: 7px;
}

.rtl .year {
    margin-left: unset;
    margin-right: 7px;
}


/* archive year toggle */

.year-toggle:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' role='img' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath d='M5.536 21.886a1.004 1.004 0 0 0 1.033-.064l13-9a1 1 0 0 0 0-1.644l-13-9A1 1 0 0 0 5 3v18a1 1 0 0 0 .536.886z' fill='secondary'/%3E%3C/svg%3E%0A");
    font-weight: 400;
    position: absolute;
    left: -10px;
    bottom: -1px;
    font-size: 15px;
    color: var(--secondary);
    vertical-align: middle;
    transition: .6s ease;
    transform: scale(0.8);
}

.rtl .year-toggle:before {
    transform: scale(0.8) rotate(180deg);
    right: -10px;
    left: unset;
    bottom: 4px;
}

.year-toggle.active:before {
    transform: scale(0.8) rotate(90deg) translate(0px, 0px);
}

/* twitter custom feeds custom style */
/*things after update in heading in card */
#ctf .ctf-with-logo .ctf-author-box{padding: 0 !important;}
#ctf.ctf-narrow .ctf-author-box{padding:0 !important;}
#ctf .ctf-author-box, #ctf_lightbox .ctf-author-box{width:100% !important;}
#ctf.ctf-narrow .ctf-author-avatar{margin: 0 !important;float:right !important;}
#ctf .ctf-item .ctf-author-name, a.ctf-author-screenname, .ctf-tweet-meta{margin-right:50px !important;margin-left:unset !important;}
span.ctf-screename-sep {display: none !important;}
.ctf-owl-nav.hide {display: none !important;}
/* ----- */
#ctf{text-align:right;direction:rtl;}
.rtl #ctf p.ctf-tweet-text{text-align:right;}
#ctf .ctf-author-name, #ctf .ctf-author-screenname, #ctf .ctf-tweet-meta, #ctf .ctf-verified{display:block !important;}
.ctf-carousel .ctf-owl-item{padding:5px;float:right;}
span.ctf-screenreader{display:none !important;}
#ctf.ctf-super-narrow .ctf-author-box {
    padding-left: 35px;
    padding-right: 35px;
    float: right;
    clear: both;
    font-size: 22px;
}
#ctf .ctf-corner-logo{display:none;}
.ctf-author-box-link{text-align:right;}
#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:unset !important; margin-right:-36px;float:right;}
.ctf-tweet-content {
    float: right;
    display: grid;
    grid-template-rows: repeat(5,40px);
	overflow:hidden;
}

#ctf.ctf-narrow .ctf-tweet-actions{float:right;}
#ctf .ctf-item{border:1px solid #eee;border-radius:10px;padding:20px;}
#ctf .ctf-item:first-child{border-top:1px solid #eee;}
a.ctf-twitterlink {
    margin-right: auto !important;
    margin-left: 0 !important;
	float:right;
}
#ctf .ctf-tweet-actions a{float:right;}
.ctf-carousel .ctf-owl-dots .ctf-owl-dot span{background: #29314330;}
.ctf-carousel .ctf-owl-dots .ctf-owl-dot.active span, .ctf-owl-theme .ctf-owl-dots .ctf-owl-dot:hover span{background: #ccad97;}
a.ctf-twitter-card.ctf-tc-type-summary_large_image {display: none !important;}
/*  header */
.rtl #ctf .ctf-header a{float:right;}
.rtl #ctf .ctf-header-text{float:right;}
.rtl #ctf .ctf-header-text .ctf-header-user, .rtl #ctf .ctf-header-text p{float:right;text-align:right;margin:0 60px 0 0 !important;display:flex;}
.rtl span.ctf-header-name{order:3;}
.rtl svg.svg-inline--fa.fa-user.fa-w-16{float:right;padding-right:3px;}
.rtl #ctf .ctf-header-counts span{padding-left:30px;padding-right:unset;}
.rtl #ctf .ctf-header .ctf-header-follow .fa, .rtl #ctf .ctf-header .ctf-header-follow svg{float:right;margin-left:3px;margin-right:unset;}
.rtl #ctf .ctf-header-img{float:right;margin:0 -100% 0 0 !important;}
#ctf .ctf-header .ctf-header-follow{background: #293143;}
.rtl #ctf .ctf-header-counts .fa, #ctf .ctf-header-counts svg{padding-right:10px;padding-left:5px;}
.rtl svg.svg-inline--fa.fa-twitter.fa-w-16{margin-right:-55px;}
#ctf .ctf-header{border-bottom:unset;}




/*********************** Responsive ****************************/
@media only screen and (max-width:640px){
    /* Twitter Feeds */
    #ctf .ctf-header-name{
        font-size:13px;
        margin-top: 3px;
    }
    /* General */
    .uk-h2{
        font-size: 22px;
    }
    .hero-home .el-container>div:first-of-type{
        bottom: 0 !important;
         top: unset !important;
         transform: translate(50%,0) !important;
         background:linear-gradient(to top, rgba(41, 50, 67, 0.63) 70%, transparent);
        
     }
     .hero-home .el-image{
         height:500px;
         object-position: 81% 50%;
         object-fit:cover;
     }
     .hero-home .el-title{
         font-size:28px;
     }

     /* Campaign Page Chart */
     .project-line>div:not(:first-child) .project-head::before{
        right: -20px;
        height: 4px;
        top: -30px;
        left: unset;
        transform: unset;
        width: 184px;
     }
     .project-line::after{
         right: 15px;
         width: 186px;
         top:-30px;
     }
     .project-line>div:not(:first-child){
        margin-top: 70px;
    }
}
@media only screen and (min-width:640px) and (max-width:960px){
    .hero-home .el-container>div:first-of-type{
        right: 70% !important;
        width: 65%;
    }
    .hero-home .el-title{
        font-size:30px;
    }

    /* Campaign Page Chart */
     .project-line::after{
        right: 10px;
        width: 73.4%;
        top:-30px;
    }
    .project-line>div:nth-child(n+3){
        margin-top: 70px;
    }
    .project-line>div:first-child .project-head::before {
        height: 40px;
        top: -67px;
        left: -4%;
    }
    .project-line>div:nth-child(2) .project-head::before, .project-line>div:last-child .project-head::before{
        content: unset;
    }
    .project-line>div:nth-child(3) .project-head::before {
        height: 4px;
        top: -30px;
        right: -23px;
        left: unset;
        transform: unset;
        width: 516px;
        }
}
/*@media only screen and (min-width:960px){*/
    
/*     .about-Grid .el-title{        */
/*        display: grid;*/
/*        grid-template-rows: repeat(4,45px);*/
/*        overflow: hidden;*/
/*    }*/
/*}*/
@media only screen and (max-width:960px){
    .project-line::before{
        width: 4px;
        height: unset;
        top: -30px;
        bottom: 0;
         right: 10px;
         left: unset;
     }
     .project-line{
         padding-right: 20px;
         padding-left: 20px;
     }
     
}
@media only screen and (min-width:960px) and (max-width:1366px){
    html{
        font-size:17px !important;
    }
    .uk-navbar-nav>li>a{
        padding: 0 15px;
        font-size: 16px;
    }
    .uk-navbar-center {
        margin-right: 60px;
    }

    /* Campagin page projects */
    .project-head .el-content, .projects-items .el-content{
        font-size: 16px;
    }
    .project-head::before{
        height:50px;
        top:-50px;
    }
    .project-head::after{
        height:20px;
        top:-20px;
     }
     .project-line::before{
        right: 125px;
        left: 111px;
        top: -50px;  
     }
}
/*Twitter feeds */
@media only screen and (min-width:1025px){a.ctf-twitterlink{padding-right: 100px !important;}}
@media only screen and (width:1024px){a.ctf-twitterlink{padding-right:20px !important;}}