/* ORGANISATION LIST PAGE */

#article-category, #information-campaign, #information-organisation{
    margin-top:35px;
}
#campaign-slider-section, #supporters-slider-section, #organisation-slider-section{
    width:100%;
    background-color:var(--culoare1);
    padding:40px 25px 25px 25px;
    position:relative;
    border-radius:10px;
}
#campaign-slider-section h2{
    color:white;
    font-size:35px;
    font-weight:bold;
    margin-bottom:30px;
}
#campaign-slider{
    width:100%;
    padding:0px 50px;
    margin-top:30px;
}
#campaign-slider .owl-carousel, #campaign-slider .owl-stage{
    display: flex;
    
}
#campaign-slider .owl-nav i{
    color:white;
}
#campaign-slider .owl-dots{
    position:relative;
    margin-top:60px;
}
.campaign-slider-image{
    height:350px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}
.campaign-slider-image img, .campaign-slider-image a{
    height:100%;
    width:auto!important;
}
.campaign-slider-item{
    margin:0px 40px;
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    flex-direction:column;
}
.campaign-slider-background{
    height:330px;
    width:100%;        
    display:inline-block;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.campaign-slider-desc{
    padding:20px;
    background-color:var(--culoare2);
    color:white;
    text-align:center;
    margin:0px;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
}
.campaign-slider-desc p{
    font-size:24px;
    margin-bottom:5px;
}

.owl-nav button:first-child{
    position:absolute;
    top:0;
    bottom:0;
    left:20px;
    margin:auto;
}
.owl-nav button:last-child{
    position:absolute;
    top:0;
    bottom:0;
    right:20px;
    margin:auto;
}
.owl-nav i{
    font-size:35px;
    font-weight:light;
    color:white;
    line-height:30px;
}
.owl-dots{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    z-index: 3;
}
.owl-carousel button.owl-dot{
    width:25px;
    height:25px;
    background-color:rgba(114, 188, 252, 0.5);
    margin:0px 10px;
    border-radius:100px;
}
.owl-carousel button.owl-dot:hover{
    background-color:rgba(114, 188, 252, 1);
}
.owl-carousel button.owl-dot.active{
    background-color:rgba(114, 188, 252, 1);
}

.list-campaign{
    width:100%;
}
.list-campaign-author, .campaign-author{
    width:100%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.list-campaign-author-image, .campaign-author-image{
    height:90px;
    width:90px;
    border-radius:300px;
    background-color:lightgray;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}
.list-campaign-author-image img, .campaign-author-image img, .list-campaign-author-image a, .campaign-author-image a{
    height:100%;
}
.list-campaing-author-info, .campaign-author-info{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-direction:column;
    margin-left:20px;
}
.list-campaign-author-name, .list-campaign-author-location, .campaign-author-name, .campaign-author-location{
    font-size:18px;
    color:var(--culoare1);
}
.list-campaign-image, .campaign-image{
    width:100%;
    height:300px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* CAMPAIGN PAGE */

.campaign-image{
    height:450px;
}
.campaign-desc{
    color:var(--culoare1);
}

#supporters-slider-section{
    padding:40px;
}
#supporters-slider-section .owl-dots{
    bottom:0px;
}
#supporters-slider-section .big-title{
    color:white;
}
#supporters-slider{
    padding-bottom:30px;
}
.supporters-slide{
    height:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
    padding:20px;
}
.supporter-item{
    width:100%;
    margin:10px 0px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.supporter-item-image{
    height:90px;
    width:90px;
    border-radius:300px;
    overflow:hidden;
    background-color:lightgray;
}
.supporter-item-image img{
    width:100%;
}
.supporter-item-info{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-direction:column;
    margin-left:20px;
}
.supporter-item-name{
    font-size:18px;
    margin-bottom:5px;
    color:white;
}
.supporter-item-donation{
    font-size:16px;
    font-weight:bold;
    color:white;
}
.target-chart{
    height:250px;
    width:250px;
    border:30px solid var(--culoare1);
    border-radius:600px;
    border-top-color:yellow;
    border-right-color:yellow;
    transform:rotate(45deg);
    margin:30px 0px;
}
.raised-to-target{
    transform:rotate(-45deg);
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    color:var(--culoare1);
}

/* ORGANISATION LIST PAGE */

#organisation-slider-section{
    padding:40px;
}
#organisation-slider-section .big-title{
    color:white;
}
#organisation-slider{
    padding:30px 0px 50px;
}
.organisation-slider-item, .organisation-section{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    padding:30px 85px;
}
.organisation-slider-image, .organisation-section-image{
    height:220px;
    width:220px;
    border-radius:500px;
    overflow:hidden;
    background-color:lightgray;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.organisation-slider-info, .organisation-section-info{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    height:100%;
    width:calc( 100% - 220px );
    padding:0px 30px;
}
.organisation-slider-name{
    font-size:18px;
    color:white;
    font-weight:bold;
}
.organisation-slider-desc, .organisation-section-desc{
    color:white;
    font-size:18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.organisation-slider-link{
    color:white;
    font-size:14px;
}
#organisation-slider a:hover{
    color:white;
}
.organisation-section{
    padding:40px 0px;
}
.organisation-section-info{
    padding:50px 40px;
}
.organisation-section-desc{
    color:var(--culoare1);
}

/* ORGANISATION PAGE */

.organisation-images{
    width:100%;
    position:relative;
}
.organisation-cover{
    width:100%;
    height:380px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:lightgray;
}
.organisation-profile{
    height:300px;
    width:300px;
    overflow:hidden;
    border-radius:500px;
    position:absolute;
    left:100px;
    bottom:-150px;
    background-color:white;
    transition:.3s;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.organisation-profile img{
    height:100%;
}
.organisation-top-info{
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-top:10px;
    margin-bottom:150px;
    color:var(--culoare1);
    transition:.3s;
}
.organisation-top-info i{
    margin-right:10px;
}
.organisation-desc{
    padding:40px 0px;
    color:var(--culoare1);
    font-size:18px;
}
.campaign-slider-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.campaign-slider-header h1, .campaign-slider-header a{
    margin-bottom:20px;
    transition:.3s;
}
.organisation-articles-top-section{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.organisation-articles-top-section .big-title, .organisation-articles-top-section a{
    margin-bottom:20px;
    transition:.3s;
}

.featured-image{
    height:350px;
    width:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:50px;
}
.about-team{
    background-color:var(--culoare1);
    padding:50px;
}
.about-team-list{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.about-team-item{
    display:flex;
    flex-direction:column;
    width:18%;
}
.about-team-item-image{
    height:150px;
    width:100%;
    background-color:lightgray;
}
.about-team-item-info{
    height:calc( 100% - 200px );
    padding:20px 0px;
    color:white;
    text-align:center;
    width:100%;
}
.about-team-item-title{
    font-size:18px;
    font-weight:bold;
}
.about-partners-list{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.about-partner-item{
    background-color:lightgray;
    height:150px;
    width:30%;
    margin-bottom:30px;
}

.faq-container.lightbluebg, .check-container.lightbluebg{
    background-color:rgba(131, 197, 255, .4);
}
.faq-container, .check-container{
    border-radius:10px;
    overflow:hidden;
    padding:30px;
}
.faq-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
}
.faq-question{
    width:calc( 100% - 40px );
}
.faq-header i{
    width:40px;
}
.faq-container span{
    color:var(--culoare1);
    font-weight:bold;
    font-size:20px;
}
.faq-container p{
    color:var(--culoare1);
    font-size:18px;
}
.faq-answer{
    padding-top:15px;
    padding-left:40px;
    margin:0px;
    display:none;
}
.togglefaq{
    color:var(--culoare1);
    font-size:25px;
}
.check-container{
    padding:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.check-container p{
    margin:0px;
}
.check-info{
    width:calc( 100% - 150px );
}
.switch-container{
    width:150px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(34px);
  -ms-transform: translateX(34px);
  transform: translateX(34px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}