/*
Theme Name: VCDA 2023 theme
Description: This is a child theme of Rife Free, by <a href="http://apollo13themes.com/" target="_blank">Apollo13</a>.
Author: Ventura County District Attorney's Office
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: rife-free
Tags: theme-options, post-formats, two-columns, translation-ready
Text Domain: rife-free-child-theme
Version: 1.2
Modified 12/16/2025 to update DA Seal.
*/

/* Add your CSS below */

ul.lcp_catlist {
	margin: 0 auto !important;
	list-style: none;
}

/* Feed Them Social plugin tweaks */
.fts-instagram-inline-block-centered {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.fts-tweeter-wrap,
.fts-jal-fb-group-display {
	padding: 10px !important;
}
.tweeter-info,
.fts-jal-single-fb-post,
.fts-instagram-wrapper {
	border-radius: 5px !important;
	box-shadow: 0 0.5rem 1rem #00000026 !important;
	background-color: #bbdaf4 !important;
	padding: 10px !important;
	transition: all 1s ease-in-out 0s !important;
	border: 1px solid !important;
	border-color: #bababa !important;
}
.tweeter-info:hover,
.fts-jal-single-fb-post:hover {
	transition: all 1s ease-in-out 0s !important;
	border: 1px solid #add !important;
	background: 0 0!important;
	box-shadow: 0 0 0 #222!important;
}
.fts-uppercase.fts-bold {
	display: inline-flex;
	align-items: center;
}
.fts-twitter-name-wrap {
	flex-wrap: wrap;
	padding: unset;
	margin-left: 5px;
	color: transparent;
}
.fts-twitter-logo,
.fts-jal-fb-header {
	display: none !important;
}
.fts-jal-single-fb-post {
	margin-top: 10px;
	margin-bottom: 20px !important;
}
.fts-jal-single-fb-post>* {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.tweeter-info .fts-uppercase.fts-bold {
	display: inline-flex;
} /* This sets the Twitter channel logo to display next to our channel name, just like the FB posts */

/* This is to make the main content of the page fill everything between the left side of the screen and the sidebar */
.formatter {
	margin: 0 10px !important;
}

/* This is to fix the absurd margins between widgets in the sidebar */
#secondary .widget {
	margin-bottom: 0;
}

/* This is to center the badges in the Services section */
.centered-badges {
	justify-content: center;
}

/* This is to make the badges round and keep the image contained in the circle */
.rounded-badges img {
	object-fit: contain !important;
	border-radius: 50%;
}

/* Logo decorations are fun! */
a.logo {
	filter: drop-shadow(2px 4px 6px black); /*Gives the logo a nice floaty depth*/
}

/* Remove gap between the news headlines */
.newsy-nogap {
	margin-top: -4px;
	margin-bottom: -4px;
}

/* Add a background color to the sidebar and make it as tall as the window */
#secondary {
	background: repeating-linear-gradient( 30deg, #ededed, #ccd 1px, #ededed 2px, #ededed 5px);
	height: 105vh;
	box-shadow: 4px 0px 4px rgba(0,0,0,.15)!important;
	left: 0px !important;
	position: sticky;
}
aside#secondary .widget img {
	text-align: center;
	max-width: 150px !important;
	padding-bottom: 10px;
	filter: drop-shadow(0 0 .35rem rgba(0,0,0,.666));
}
aside#secondary .widget {
	text-align: center;
}
aside#secondary .widget #menu-side-menu {
	text-align: left;
	font-size: 1.5em;
}
#secondary { padding: 25px 20px 0; }

/* Makes the mega menu on the left into vertical menu */
/* #mega-menu-top-bar-menu li.mega-menu-item {
	display: flex !important;
	flex-direction: column;
}
*/

/* Add the class ducker scroll margin */
a.ducker {
	scroll-margin-top: calc(85px + 2rem);
}

/* Fix the colors and sizes of the home page's title and subtitle */
#mid header .titles h2 {
	font-size: 2rem;
	opacity: 1;
	margin-bottom: 0px;
}
#mid header .titles h1 {
	font-size: 4.2vw;
	opacity: 1;
}
.title-bar .in {
	max-width: unset !important;
}
#mid header {
	max-height: 700px;
}

/* The following adds a sub-subtitle to the homepage */
.home .titles::after {
	content: "Fiat Justitia ~ Let Justice be Done";
	padding-top: 4rem;
	font-size: 1.25rem;
	display: inline-block;
	color: white;
	font-family: 'Bitter';
}

/* This adds the DA seal before the home page title */
.home .titles:before {
	content: "";
	background: url(/wp-content/themes/vcda-2023-theme/Cropped-DA-Logo-new-200x200.webp) center no-repeat;
	background-size: contain;
	height: 100px;
	width: 100px;
	display: inline-block;
	filter: drop-shadow(2px 3px 4px black);
	margin: -200px auto 50px;
}
body.home .titles {
	text-shadow: 2px 3px 4px black;
}

/* This is to fix the problem with the bootstrap modal getting covered by the backdrop that shows up when the modal is open */
.modal-backdrop {z-index: 9 !important;}

/* This adds an end-quote to blockquote elements */
blockquote::after {
	content: "\201D";
	display: block;
	color: #7a7a7a;
	font-family: Georgia, serif;
	font-size: 60px;
	position: absolute;
	right: 0;
	bottom: calc(1rem / 2);
}
blockquote { padding-right: 40px; }

/* Sets up the Parnter badges */
.partner { min-width: 33ch; }
.partner img {
	max-height: 100px;
	width: auto !important;
}

.nogap-y {
	row-gap: 0px !important;
}

.home .title-bar.outside .overlay-color {
	backdrop-filter: blur(1px);
	background-color: #2a518e60 !important;
}

/* This is to take the animation out of images that may have a hover effect */
.no-animation .uagb-image-heading {
	transform: none !important;
}

/* Removes the sidebar on iframe from gun safety site */
.at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop {
	display: none !important;
}

.portrait-shadow img {
	box-shadow: 9px 9px 7px #00000080;
}

/* Changes the size of the subtitle and title on the Meet-Our-Team page */
.page-id-11352 .titles h2 {
	font-size: calc(0.75rem + 0.5vw) !important;
	text-align: center;
	padding-bottom: 1rem;
}
.page-id-11352 .titles h1 {
	font-size: calc(2rem + 0.5vw) !important;
}

/* Remove the odd sizing for the wp-block-file class so files can be dropped on a page or post and blend in with the rest of the content. */
.wp-block-file {
	font-size: unset !important;
}
.post .wp-block-file {
	margin: inherit !important;
/*	padding: .85em 0; */
}
.page .wp-block-file {
	margin: 0 0 1rem 0 !important;
}
