/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/* General styles */
html body {
    background-color: #fafafa;
}

h1.page-header:empty {
    display: none;
 }

/* Bootstrap table */
.table > tbody > tr > td {
    padding: 5px 8px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #e9e3db54;
}

.table-hover > tbody > tr:hover {
	background-color: #e9e3dbad;
}

.table td.ul-style-none ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

/* Language class handling */
html[lang=en] .french-only, html[lang=en] .spanish-only,
html[lang=fr] .english-only, html[lang=fr] .spanish-only,
html[lang=es] .english-only, html[lang=es] .french-only {
    display: none;
}

/* Language switcher */
#block-languageswitcherinterfacetext ul.links {
	list-style-type: none;
	height: 34px;
	margin: 0;
	padding: 0 0 12px 0;
}

#block-languageswitcherinterfacetext ul.links li {
	float: left;
	margin: 0;
}

#block-languageswitcherinterfacetext ul.links li a {
	border-right: 1px solid #6c6c6c;
	padding: 0 4px;	
}

#block-languageswitcherinterfacetext ul.links li:first-child a {
	padding-left: 0;
}

#block-languageswitcherinterfacetext ul.links li:last-child a {
	border-right: 0;
	padding-right: 0;
}

/* Navigation */
#navbar {
    background-color: rgb(16, 170, 170);
    /* bigger navbar font */
    /*
    font-size: 16px;    
    font-weight: bold;
    */
    /*
    min-height: 58px;
    padding-top: 3px;
    */
}

/* Top level menu */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open > a:focus {
    color: white;
    background-color: rgb(16, 170, 170);
}

/* Dropdown menu items
        .navbar-default .dropdown-menu > li > a            <-- overrides the normal screen and hamburger dropdown default styles
        .navbar-default .navbar-nav .open .dropdown-menu   <-- overrides the additional hamburger dropdown styles
*/
.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: white;
}

.navbar-default .dropdown-menu > li > a, .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ac3603;
}

/* Active dropdown item */
.navbar-default .dropdown-menu > li.active > a, .navbar-default .dropdown-menu > li.active > a:hover, .navbar-default .dropdown-menu > li.active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
    color: white;
    background-color:  #ac3603;
}

/* Hamburger menu button colors */
.navbar-default button.navbar-toggle, .navbar-default button.navbar-toggle:focus {
    background: transparent;
}

.navbar-default .navbar-toggle span.icon-bar {
  background-color: white;
}


/* Nolink margin */

.navbar-default ul.navbar-nav li span.navbar-text {
    margin-top: 6px;
    margin-bottom: 0;
}

.navbar-default ul.navbar-nav li a.bottom-divider {
    border-bottom: 1px solid #ac3603;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.navbar-default ul.navbar-nav li a.top-divider {
    border-top: 1px solid #ac3603;
    margin-top: 6px;
    padding-top: 6px;
}

.navbar-default .dropdown-menu .border-top {
    border-top: 1px solid #e1e1e1;
}

.navbar-default .dropdown-menu .border-bottom {
    border-bottom: 1px solid #e1e1e1;
}

/* Primary tabs */
ul.tabs--primary.nav.nav-tabs {
    margin-bottom: 8px;
}

/*
.breadcrumb {
    background-color: rgb(226, 226, 226);
}
*/

/* links and buttons */
a, a:hover, a:focus {
    color: #ac3603;
}

button.button, button.button:hover, button.button:active, button.button:focus, button.button:active:focus {
    border-color: #ac3603; 
    color: white;
    background-color: #ac3603;
}

span.link {
	color: #ac3603;
	text-decoration: underline;
	cursor: pointer;
}

/* Views */

/* Views filters better alignment */

    .view .view-header {
        padding-bottom: 8px;
    }

    /* Padding between controls */
    .views-exposed-form .form-type-select,
    .views-exposed-form .form-type-textfield,
    .views-exposed-form .form-type-checkbox {
        padding-right: 10px;
    }  

    /* Width of selects */
    .views-exposed-form .form-type-select {
        width: 260px;
    }  

    .views-exposed-form .form-type-select select.form-select {
        width: 100%;
    }

    /* Multi select height */
    .views-exposed-form .select2-selection {
        min-height: 34px;
    }  

    /* single select2 dropdown style */
    .views-exposed-form .form-type-select .select-wrapper {
        display: block;
    }

    /* Better exposed select2, remove float to avoid the buttons from floating around when selecting an item */
    /*
    .bef-exposed-form .form--inline > .form-item.form-type-select {
        float: none;
    }
    */

    /* Text search width and put label on top */
    .views-exposed-form .form-text.form-control {
        width: 250px;
        display: block;
    }

    /* Align action buttons */
    .views-exposed-form #edit-actions {
        padding-top: 21px;
    }

	/* Check box */
	.views-exposed-form .form-type-checkbox {
		padding-top: 26px;		
		padding-bottom: 8px;
    }

	.views-exposed-form .form-type-checkbox label input.form-checkbox{
		margin-right: 4px;		
    }

/* Views Pager */

    div.view .pagination > li > a,
    div.view .pagination > li > a:hover,
    div.view .pagination > li > span:hover,
    div.view .pagination > li > a:focus,
    div.view .pagination > li > span:focus {
        color: #ac3603;
    }

    div.view .pagination > .active > a,
    div.view .pagination > .active > span,
    div.view .pagination > .active > a:hover,
    div.view .pagination > .active > span:hover,
    div.view .pagination > .active > a:focus,
    div.view .pagination > .active > span:focus {
        border-color: #ac3603;
        background-color: #ac3603;
        color: white;
    }

/* Webform */
.panel  .panel-heading {
	background-color: #e9e3db;
    font-weight: bold;	
}

/* CiviCRM tweaks */


/* Label on different Civi pages */
.crm-communications-preferences-form-block .label label,
.crm-event-info-form-block .label,
#crm-container.crm-public div.label {
    color: #000;
}


/* Remove the title of profiles, it includes the name of the contact we don't want that */
.page-civicrm.page-civicrm-profile .page-header {
    display: none;
}