/**
 * General styling
 */
a, .a
{
    color: #A729B5;
}
a:hover, a:focus, .a:hover, .a:focus
{
    color: #53145A;
}

/*
 * Header area
 */
#headerArea {background-image: url('/images/environments/ededoet/headerimage_1.jpg'); background-position: center 15%;}
@media only screen and (min-width:  993px) and (max-width: 1600px) {#headerArea {background-image: url('/images/environments/ededoet/headerimage-1200x260.jpg');} }
@media only screen and (min-width:  671px) and (max-width:  992px) {#headerArea {background-image: url('/images/environments/ededoet/headerimage-775x260.jpg');} }
@media only screen                         and (max-width:  670px) {#headerArea {background-image: url('/images/environments/ededoet/headerimage-670x175.jpg'); background-position: center right;} }

/*
 * Navbar large screens
 */
@media (min-width:1200px)
{
    .navbar-default .navbar-nav > li > a
    {
        background-color: #A729B5;
        color: #FFFFFF;
    }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
    {
        background-color: #EBECEB;
        color: #404041;
    }
}

/**
 * Page top for small screens
 */
#top
{
    background-color: #A729B5;
}

/**
 * Main page titles
 */
#frontPage h1 {color: #11588E; font-size: 22pt; font-weight: 800;}
#frontPage .intro h2 {color: #11588E; font-size: 22pt; font-weight: 800; text-transform: none;}
#frontPage h2 {color: #11588E;}

.MainPageBox .titledate .title h3 a, .MainPageBox .titledate .title h4 a {color: #A729B5 !important;}

.MainPageBox .titledate .title h3 a:hover, .MainPageBox .titledate .title h3 a:focus
, .MainPageBox .titledate .title h4 a:hover, .MainPageBox .titledate .title h4 a:focus
{
    color: #53145A !important;
}

/**
 * Main page headers
 */
#pageView h2, #pageView .h2, #pageView h3, #pageView .h3 {font-size: 13pt; padding-bottom: 0; text-transform: none;}

.MainPageHeaderContainerInitiatieven a {background-color: #A729B5;}
.MainPageHeaderContainerInitiatieven a:focus, .MainPageHeaderContainerInitiatieven a:hover {background-color: #53145A;}

.MainPageHeaderContainerNieuws a {background-color: #11588E;}
.MainPageHeaderContainerVerslagen a {background-color: #11588E;}
.MainPageHeaderContainerNieuws a:focus, .MainPageHeaderContainerNieuws a:hover {background-color: #082C47;}
.MainPageHeaderContainerVerslagen a:focus, .MainPageHeaderContainerVerslagen a:hover {background-color: #082C47;}


/**
 * Main page slider
 */
.slide .slideText {background-color: #11588E;}

.cycle-pager span.cycle-pager-active, .cycle-pager .cycle2button.cycle-pager-active, .cycle2button:hover, .cycle2button:focus, #ButtonPausePlaySlider:hover, #ButtonPausePlaySlider:focus
{
    color: #A729B5;
}
.slText
{
    background-color: #A729B5;
    color: #FFFFFE;
}

.slick-dots li.slick-active button::before
{
    color: #A729B5 !important;
}


/**
 * Main page responsive corrections
 */
@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
    .MainPageHeaderContainerNieuws {margin-right: 3px;}
    .MainPageHeaderContainerVerslagen {margin-right: 4px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    .MainPageHeaderContainerNieuws {margin-right: 3px;}
    .MainPageHeaderContainerVerslagen {margin-right: 4px;}    
}

@media only screen and (min-width: 480px) and (max-width: 991px)
{
    #frontPage h1 {font-size: 16pt;}
    #frontPage .intro h2 {font-size: 16pt;}
}

@media only screen and (max-width: 479px)
{
    #frontPage h1 {font-size: 14pt;}
    #frontPage .intro h2 {font-size: 14pt;}
}


/**
 * Site content
 */
#contentArea .informationPage a
{
    color: #A729B5;
}
#contentArea .informationPage a:hover, #contentArea .informationPage a:focus, #contentArea .informationPage a:active
{
    color: #53145A;
}


/**
 * Activity title link
 */
.activity .info .title a:hover, .activity .info .title a:hover h3, .activity .info .title a:focus, .activity .info .title a:focus h3
{
    color: #A729B5 !important;
}

/**
 * Action link
 */
a.colorlink
{
    color: #A729B5;
}

a.colorlink:hover, a.colorlink:focus
{
    color: #53145A;
}

.colored
{
    color: #A729B5;
}

.colored:hover, .colored:focus
{
    color: #53145A;
}

a:hover .colored, a:focus .colored
{
    color: #53145A;
}

/**
 * Sidebar
 */
#sideBarWrapper a, #sideBarWrapper ul li a
{
    color: #A729B5;
}
#sideBarWrapper a:hover, #sideBarWrapper a:focus, #sideBarWrapper ul li a:hover, #sideBarWrapper ul li a:focus
{
    border-color: #53145A;
    color: #53145A;
    text-decoration: underline;
}

.SidebarInput:hover, .SidebarInput:focus
{
    border-color: #53145A;
}

/**
 * QR
 */
.qrcode-smartphone
{
    background-color: #A729B5;
}

/**
 * Buttons
 */
.purpleReverseButton:focus, .purpleReverseButton:hover
{
    color: #11588E;
}

.button.box.greenButton, a.button.box.greenButton
{
    background-color: #11588E;
}
.button.box.greenButton:hover, .button.box.greenButton:focus, a.button.box.greenButton:hover, a.button.box.greenButton:focus
{
    background-color: #082C47;
}

.BigButtonLink, a.BigButtonLink
{
    background-color: #A729B5;
}

.BigButtonLink:hover, .BigButtonLink:focus, a.BigButtonLink:hover, a.BigButtonLink:focus
{
    background-color: #53145A;
}

#ButtonOpenSelectTags, #ButtonSelectStatus, #ButtonSelectDistricts, #ButtonSelectTags
{
    color: #A729B5;
}

#ButtonOpenSelectTags:hover, #ButtonOpenSelectTags:focus
, #ButtonSelectStatus:hover, #ButtonSelectStatus:focus
, #ButtonSelectDistricts:hover, #ButtonSelectDistricts:focus
, #ButtonSelectTags:hover, #ButtonSelectTags:focus
{
    border-color: #53145A !important;
    color: #53145A;
}

.ActivityOverViewSearchButton
{
    color: #A729B5;
}

.ActivityOverViewSearchButton:hover, .ActivityOverViewSearchButton:focus
{
    border-color: #53145A !important;
    color: #53145A;
}

.redButton, .button.box.redButton
{
    background-color: #A729B5;
}

.redButton:hover, .redButton:focus, .button.box.redButton:hover, .button.box.redButton:focus
{
    background-color: #53145A;
}

.iconButton                             {background-color: #A729B5;}
.iconButton:hover, .iconButton:focus    {background-color: #53145A;}
.iconButton2                            {color: #A729B5;}
.iconButton2:hover, .iconButton2:focus  {color: #53145A;}
.greenicon:hover, .greenicon:focus      {color: #53145A !important;}

.stackcircle                            {color: #50AC01 !important;}

.HolderButton:hover, .HolderButton:focus
{
    border-color: #53145A !important;
}


/**
 * Content menu
 */
#contentMenu li a:hover, #contentMenu li a:focus
{
    color: #A729B5;
    text-decoration: underline;
}


/**
 * Activities
 */
#activityOverViewVolunteerText div, #activityOverViewResourcesText div
{
    font-size: 8pt;
}

.activity .info .fundbar .innerfundbar
{
    background-color: #11588E; border: 2px solid #11588E;
}

.activity .info i, .activity .info span.icolor {color: #11588E !important;}
.activity .info span.icolor {color: #11588E !important;}
.activity .info .funded span {color: #000000;}
.activity .info .donations span {color: #000000;}
.activity .info .daysleft span {color: #000000;}
.activity .info .amountleft span {color: #000000;}
.activity .info .icons span {color: #000000;}

.activity.box .status {background-color: #11588E;}

/**
 * Activity reports
 */
.activityReport
{
}
.activityReport .titleBanner
{
    background-color: #11588E;
}
.ActivityReportSummary
{
    background-color: #A729B5;
}


/**
 * Activity details
 */
#activityDetailsWrapper div.date i, #activityDetailsWrapper div.name i, #activityDetailsWrapper div.location i {color: #11588E;}
#activityDetailsWrapper div.date span, #activityDetailsWrapper div.name span, #activityDetailsWrapper div.location span, #activityDetailsWrapper div.tags span {color: #11588E;}
#activityDetailsReportWrapper div.date i, #activityDetailsReportWrapper div.name i , #activityDetailsReportWrapper div.location i {color: #11588E;}
#activityDetailsReportWrapper div.date span, #activityDetailsReportWrapper div.name span , #activityDetailsReportWrapper div.location span {color: #11588E;}
.activityNumbers h5 {color: #11588E;}
.activityNumbers .statusDescription {color: #11588E;}
.activityNumbers .numbers {color: #11588E; font-size: 10pt;}
.sharebutton.email {color: #11588E;}
#activityFollowing .boxWrapper h4 i, #activityFollowing .boxWrapper span {color: #11588E;}
#activityFollowing .boxWrapper p i {color: #11588E;}

.ActivityTag        {border-color: #11588E;}
.ActivityTag a      {color: #000000;}

/**
 * FAQ / questions / accordeon
 */
.question
{
    color: #A729B5 !important;
}
.question:hover, .question:focus
{
    color: #53145A !important;
}
.question::after
{
    color: #A729B5;
}
.selectedQuestion
{
    color: #53145A !important;
}
.selectedQuestion::after
{
    color: #A729B5;
    text-decoration: underline;
}

/**
 * My profile
 */
.FollowDistrictLabel:hover, .FollowDistrictLabel:focus
{
    color: #53145A;
}



/**
 * Tables
 */
.adminPage .baseContainer div.headerText, #roundContainer .baseContainer div.headerText, .baseContainer div.headerText
{
    color: #A729B5;
}
.adminPage .baseContainer div.headerText:hover, .adminPage .baseContainer div.headerText:focus
, #roundContainer .baseContainer div.headerText:hover, #roundContainer .baseContainer div.headerText:focus
, .baseContainer div.headerText:hover, .baseContainer div.headerText:focus
{
    color: #53145A;
    text-decoration: underline;
}

/**
 * Activity create / edit
 */
.step.current
{
    background-color: #11588E;
}


/**
 * Headers and highlights
 */
h4.red
{
    color: #A729B5 !important;
}

#activitySummary .activityContributeButton div, #activitySummary .activityContributeButton button
{
    color: #A729B5 !important;
}

#activitySummary .activityContributeButton div:hover, #activitySummary .activityContributeButton div:focus
, #activitySummary .activityContributeButton button:hover, #activitySummary .activityContributeButton button:focus
{
    color: #53145A !important;
}


/**
 * News
 */
#pageView  h2.NewsItemTitle
{
    background-color: #A729B5;
}

.news .info .date
{
    color: #A729B5;
}

.NewsReadMoreLink
{
    color: #A729B5;
}

.NewsGridItem:focus .news a.NewsReadMoreLink, .NewsGridItem:hover .news a.NewsReadMoreLink
{
    color: #53145A !important;
}


/**
 * Footer
 */
.footerTitle
{
    color: #11588E;
}


/**
 * Modals / dialogs
 */
.cfpModal .rightcol {border-left: 2px solid #11588E;}
.cfpModal h4 {color: #11588E;}


/**
 * Icons
 */
.selectedicon {color: #A729B5 !important;}


/**
 * Font specifics
 */
thead.redHeader tr td {font-size: 12pt;}
.activityNumbers h5 {}


/**
 * Input
 */
input:focus, textarea:focus, select:focus
{
    border-color: #53145A;
}

input[type="checkbox"]:hover, input[type="checkbox"]:focus
{
    color: #53145A;
}