/*
Theme Name: COP Blue Main
Version: 1.0
Description: COP Blue child theme for Main site.
Template: copblue
Author: City of Pasadena
*/

/*
add any custom child theme styles here, they will be loaded after the parent theme styles and override them
*/


/* TRIBE EVENTS STYLES */
.tribe-events .tribe-events-c-view-selector__content {
    width: 150px;
}

/* STYLES  FOR ARTNIGHT PAGE */

:root{
    --bg-magenta: #9f75b5;
    --bg-magenta-hover: #775787;
    --bg-lime: #a3cf43;
    --bg-lime-hover: #8db13f;
    --bg-orange: #f88300;
    --bg-orange-hover: #d37205;
    --bg-lightblue: #00aeee;
    --bg-lightblue-hover: #039bd3;
    --bg-pink: #f486b8;
    --bg-pink-hover: #da78a4;
    --btn-margin-bottom: .2rem;
}



.btn-north {
    cursor: pointer;
    color: white;
    background: #9f75b5;
    background-color: var(--bg-magenta);
    margin-bottom: var(--btn-margin-bottom);
    margin-bottom: .2rem;
}

a.btn-north:hover {
    color: white;
    background: #775787;
    background-color: var(--bg-magenta-hover);
}

.btn-east {
    cursor: pointer;
    color: white;
    background: #a3cf43;
    background-color: var(--bg-lime);
    margin-bottom: var(--btn-margin-bottom);
    margin-bottom: .2rem;
}

a.btn-east:hover {
    color: white;
    background: #8db13f;
    background-color: var(--bg-lime-hover);
}

.btn-central {
    cursor: pointer;
    color: white;
    background: #f88300;
    background-color: var(--bg-orange);
    margin-bottom: var(--btn-margin-bottom);
    margin-bottom: .2rem;
}

a.btn-central:hover {
    color: white;
    background: #d37205;
    background-color: var(--bg-orange-hover);
}

.btn-west {
    cursor: pointer;
    color: white;
    background: #00aeee;
    background-color: var(--bg-lightblue);
    margin-bottom: var(--btn-margin-bottom);
    margin-bottom: .2rem;
}

a.btn-west:hover {
    color: white;
    background: #039bd3;
    background-color: var(--bg-lightblue-hover);
}

.btn-northwest {
    cursor: pointer;
    color: white;
    background: #f486b8;
    background-color: var(--bg-pink);
    margin-bottom: var(--btn-margin-bottom);
    margin-bottom: .2rem;   
}

a.btn-northwest:hover {
    color: white;
    background: #da78a4;
    background-color: var(--bg-pink-hover);
}


.bg-north {
    background: #9f75b5;
    background-color: var(--bg-magenta);    
}

.bg-east {
    background: #a3cf43;
    background-color: var(--bg-lime);
}

.bg-central {
    background: #f88300;
    background-color: var(--bg-orange);
}


.bg-west {
    background: #00aeee;
    background-color: var(--bg-lightblue);
}

.bg-northwest {
    background: #f486b8;
    background-color: var(--bg-pink);
}

/****************************
 * SEARCH AND FILTER STYLES
 ****************************/
 .searchandfilter .sf-field-search input {
    width: 300px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

/* for multi-select input boxes */
.chosen-container-multi .chosen-choices {

    padding: .175rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-image: none !important;

}


/* SELECT dropdown input: */
.searchandfilter select.sf-input-select {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.searchandfilter ul {
    padding-left: 0.9rem;
}


/* make all form field inline, so the form can be horizonatal */
.searchandfilter ul li {
	display: inline-block;
	margin-right: 1rem;

}

.searchandfilter .sf-date-prefix {
    padding-right: 5px;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
}


.searchandfilter ul.sf_date_field {
	padding-left: 0;

}


.searchandfilter input {
	padding-left: 5px;
}

/*.searchandfilter input[type=submit] {
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    border-width: 0;
    padding: .375rem .75rem;

}*/

.searchandfilter input[type=submit] {
    color: #fff;
    background-color: #1c4184;
    border-color: #1c4184;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    border-width: 0;
    padding: .375rem .75rem;

}

/* make the multi-select field of fixed width */
.searchandfilter .chosen-container-multi {

	width: 262px !important;

}

/****************************
 * END OF SEARCH AND FILTER STYLES
 ****************************/

 /* Captions on Justified Image Gallery */
 .dgwt-jg-caption__font--14 {
     font-size: 14pt;
     letter-spacing: normal !important; 
 }