/*
Theme Name:     DP Striped Child
Description:    Child theme for the Striped theme 
Author:         Dynamicpress
Author URI:     http://www.dynamicpress.eu
Template:       dp-striped
Version:        1.0
*/


#striped-head a.cssLogo {
    background: transparent url(https://www.unep.dz/wp-content/uploads/2018/07/logo.png) no-repeat 0 0;
	background-size: 133px 60px;
}
.striped-sticky-navigation-wrapper #striped-head a.cssLogo {
    margin-top: 4px;
    height: 60px;
    width: 133px;
}
/*slider*/
.skew-accordion .skew {
    width: 16.666666%;
}
.skew-accordion .skew.active {
    width: 31.666666%;
}
.skew-accordion .skew.min {
    width: 13.666666%;
}
.skew-accordion .skew-content .title {
    font-size: 24px;
}
#request-form .select2-container--default .select2-selection--single, #request-form input[type=email], #request-form input[type=text] {
    height: 60px!important;
    background-color: #5e6266c2 !important;
    border-color: #00000054 !important;
    border-radius: 30px;
}
.skew::before {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition:.5s;
}
.skew:hover:before  {
    height: 100%;
}
/*
.skew:nth-child(1)::before {
    background: #ffa500b3;
}
.skew:nth-child(2)::before {
    background: #584d89ba;
}
.skew:nth-child(3)::before {
    background: #711e80b3;
}
.skew:nth-child(4)::before {
    background: #ff0000b3;
}
.skew:nth-child(5)::before {
    background: #008000b3;
}
.skew:nth-child(6)::before {
    background: #ffff00b3;
}
*/
#nsu-submit-0 {
    background-color: #D52229 !important;
}

.bnews {
    background: #494c4f;
    background: -moz-linear-gradient(left, #494c4f 0%, #808489 100%);
    background: -webkit-linear-gradient(left, #494c4f 0%,#808489 100%);
    background: linear-gradient(to right, #494c4f 0%,#808489 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494c4f', endColorstr='#808489',GradientType=1 );
    border-bottom: 3px solid #f00;
}
.pjnt-border {
    background: transparent !important;
    border-color: transparent !important;
}

.pjnt-box {
    background: transparent !important;
}
.skew-accordion .skew-container:before {
    background: rgba(0, 0, 0, 0.7) !important;
}
.striped-sticky-navigation-wrapper {
    border-bottom: 3px solid #d60000;
    box-shadow: 0px 5px 10px #00000026;
}
.sf-menu a {
    font-size: 17px;
}

.sf-menu li {
    margin-left: 20px;
}
.dp-headline.big.underlined h3:after {content:"";display:block;width: auto;height: 2px;background-color:#F77924;border-radius: 2px;background: #d60000; background: -moz-linear-gradient(left,  #d60000 0%, #ffffff 100%); background: -webkit-linear-gradient(left,  #d60000 0%,#ffffff 100%); background: linear-gradient(to right,  #d60000 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d60000', endColorstr='#ffffff',GradientType=1 ); }
aside#striped-sidebar {
    padding: 20px;
}
.green-on-hover {
    background: #434848;
    color: #fff;
}
.green-on-hover:hover {
    background: #d60000 !important;
}
.page span.date {
    display: none;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li.mega-menu-flyout ul.mega-sub-menu {
    width: auto !important;
    min-width: 150px;
}

/*members cards*/
.member-card p {
    font-size: 14px;
    margin:0;
    padding-left: 5px;
}
.member-card p i {width: 20px;height: 20px;}


@media only screen and (max-width: 767px) {
#striped-mobile-header-wrapper a.cssLogo, #striped-mobile-header-wrapper a.imageLogo img {
    max-width: 120px!important;
}

#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #000;
    color: #fff;
    padding: 5px 15px !important;
}

#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li.mega-menu-flyout ul.mega-sub-menu {
    width: 100% !important;
}
	.slick-initialized .slick-slide {
    width: 33% !important;
}

#request-form .one_third {
    width: 100%;
}
}




.mobile-menu-inner {
    padding-left: 20px;
}
div#custom_html-2 {
    width: 100%;
}

.vc_grid-item a {
    color: #d60000!important;
}
.vc_grid-item a:hover {
    text-decoration:underline;
}