/*
Theme Name: VCDA Custom theme
Description: This is a child theme for the Fluida theme.
Author: Steve Davidson & Martin Warnock
Template: fluida
Version: 1.1
*/
/* We don't need to use the @import function because the functions.php file will import the style from fluida for us by using wp_enqueue_style() */
/* @import url("../fluida/style.css"); */

/** Change Colors of Site Title and Site Title Hover */
#site-title a, #site-description {
	color: white;
}
#site-title a:hover span {
	color: white !important;
}

/** Add Text Shadow Landing Page Header Title and Subtitle */
#main div.staticslider-caption {
	top: 25%;
	text-shadow: 2px 2px 4px black;
}

#main h2.staticslider-caption-title {
	text-shadow: 2px 2px 4px black;
}

/** Decrease the bottom padding on the slider text, just on the landing page */
.fluida-landing-page .seriousslider-captionbottom .seriousslider-caption {
	padding-bottom: 2em;
}

/** Blurred Immage of Gov Center behind Services and Information Section */
#lp-boxes-1 {
	background-image: url(/wp-content/themes/vcda-1/includes/govcenter-blurred.jpg);
	background-repeat: no-repeat; /* Or repeat-x */
	background-attachment: fixed;
	background-position: center;
	/* padding-bottom: 80px; */
	max-width: 100vw;
	max-height: auto;
}

/** Change Colors of Site Title and Site Title Hover */
.lp-section-header .lp-section-title {
	text-shadow: 2px 2px 2px white;
}

/** Footer Padding and DA Logo */
#colophon {
	padding-top: 20px;
	margin-top: 60px;
}
#colophon-inside {
	padding-top: 25px;
}
#content.cryout {
	margin-top: -2px;
}
aside#colophon:before {
	content: "";
	background: url(/wp-content/themes/vcda-1/includes/DA-Logo-outline.png) center top no-repeat;
	background-size: 150px;
	margin-top: -95px;
	height: 142px;
	display: block;
}

.lp-block:hover i::before {
	color: #FF0000;
}

#colophon a:hover, #footer a:hover {
	color: white;
}

/** Footer Background Image */
#colophon {
	background-image: url(/wp-content/themes/vcda-1/includes/footerdarkened.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	padding-bottom: 40px;
	max-width: 100%;
	max-height: auto;
}
#footer.cryout {
	background-color: #131313;
}

/** Place menu back into existing position */
#access-mmm {
	float: right;
	display: inline;
}

/** Show mobile menu at full width on new line **/
@media (max-width: 1355px) {
	#access-mmm {
		float: none;
		display: block;
	}
	#access-mmm #mega-menu-primary {
		height: inherit !important;
	}
	#breadcrumbs-container {
		padding-top:2.5em; /* Give breadcrumb section enough padding to get out from under floating nav menu */
	}
	div#content.cryout {
		padding-top: 2.5em; /* Give article content section enough padding to get out from under floating nav menu */
	}
	#breadcrumbs-container + div#content.cryout {
		padding-top: 0px; /* If breadcrumb and content sections are present, don't pad the content section because the breadcrumb's padding will is enough to get out from under the nav menu */
	}
}

/** Hide incompatible search icon from menu **/
#access-mmm .menu-main-search {
	display: none !important;
}

/** Hide theme mobile toggle button **/
#nav-toggle {
	display: none !important;
}

.lp-staticslider {
	max-height: 60vh; /*Sets static slider on landing page to max out at 60% of the height of the window*/
}

/* The following lines set font sizes and heights for mega nav menu */
#access-mmm {
	font-family: "Ubuntu Condensed";
}
#mega-menu-primary .lcp_catlist {
	list-style-type: none;
}
#access-mmm #mega-menu-primary {
	transition: .25s line-height ease-in-out, .25s height ease-in-out;
	height: 100px;
	line-height: 100px;
}
.header-fixed #access-mmm #mega-menu-primary {
	height: 80px;
	line-height: 80px;
}

/* The following section puts a description after the static slider. Not needed if we use the Cryout slider. */
h2.staticslider-caption-title::after {
	display: block;
	content: "Ventura County District Attorney";
	font-family: Open Sans Condensed;
	font-size: .5em;
}

.lp-boxes-animated .lp-box-readmore, .lp-boxes-animated .lp-box-title, .lp-boxes-animated .lp-box-content {
	color:#333;
}

#colophon a, #colophon, #footer {
	color: lightblue;
	text-shadow: 2px 2px 4px black;
}

#colophon h3 {
	color: white;
	text-shadow: 2px 2px 4px black;
}

.accordian-title {
	width: max-content;
}

/* This class adds padding to the in-page links that you don't want hiding under the topnav menu. */
.ducker {
	scroll-margin: 140px;
}

#main ul.lcp_catlist {
	list-style-type:none;
}
/* Breadcrumb fixes START */
#breadcrumbs-container {
	margin-bottom: 0px !important;
}
#breadcrumbs {color: #ccc}
#breadcrumbs a {color: lightblue;}
#breadcrumbs a:hover {color:#f42b00;}
/* Breadcrumb fixes END */

#mega-menu-primary .lcp_catlist {
	margin-top: -35px; /* removes spaces where lcp_catlist blocks in the header menu would normally write the category title. */
}

@media (min-width: 768px){
	.modal-dialog {
		max-width: 600px; /* makes modal dialog wider, like it was in Bootstrap 3 */
	}
}

/* Our Partners Section - Black Background */
#lp-text-four {
	background-color: black;
	margin-bottom: 50px;
	padding-top: 25px;
}

/*
I don't think this one is required since most widgets are not being stacked.
.widget-container {
	margin-bottom: .5em;
}
*/

#colophon .widget-container {
	font-family: "Ubuntu Condensed";
	font-size: 100%;
	font-weight: 300;
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}

/* The following lines set font family, and correct margins for the content-before widget area that is being used for COVID-19 warnings */
.content-widget-before .widget-container {
	font-family: Open Sans;
	margin-bottom: 0px;
}
aside.content-widget.content-widget-before {
	margin: 0;
	padding: 0;
}

/* The following line will hide the Copywright and "Powered by Fluida & WordPress" spots in the footer. */
div#footer-inside div:nth-child(5) {
	display: none !important;
}
#site-header-main-inside, #container, #colophon-inside, #footer-inside, #breadcrumbs-container-inside, #wp-custom-header {
	max-width: 100vw !important; /* This makes most elements scree-wide even at 4K resolutions */
}
/* The following lines are to fix the tiny and mis-sized search box */
.searchform {max-width: 100%;}
.searchform label {width: 100%;}
.searchform input[type="search"] {
	font-size: 1.2em;
	margin-bottom: -10px;
}
.searchform .searchsubmit {
	height: 100%;
}

h5.modal-title {
	margin: 0px; /* fixes the super padding on modal titles */
}

/* This fixes the height and width of the contact us text area */
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 14em;
	width: 100%;
}

p:empty {display: none;} /* There's a lot of empty paragraphs created by WordPress for some reason. This style will be here as long as it has to be, likely until after the wp_autop() function is reformed in WordPress core. */

/* The following edits make the spacing of the Employment Opportunities section less extreme */
.lp-text-title + .lp-text-content {
	margin-top: 0px;
}
#lp-text-two .lp-text-inside {
	padding: 0px;
}


/* This will remove the spacing between the Org Chart and title in the Mega menu nav */
li.mega-menu-item-type-post_type + li.widget_media_image {
	margin-top: -35px !important;
}

/* These lines will remove the logo and prevent the site's title from wrapping to another line */
@media (max-width: 466px) {
	#branding .identity {
		display: none;
	}
	#branding .identity + #site-text {
		min-width: 40ch;
	}
}

/* This should shrink the serious slider on the landing page so that it fits better on small screens */
@media (max-width: 800px) {
	.seriousslider-inner > .item img.item-image {
		max-height: 60vh;
	}
}