/*
Theme Name: Gutenify Base Child
Theme URI: https://gutenify.com/themes/gutenify-base/
Author: Brad Mackey - bradley.mackey@widma.gov
Author URI: https://gutenify.com
Description: Gutenify Base child theme developed for the Wisconsin Department of Military Affairs websites.
Template: gutenify-base
Version:      2.1.3
Text Domain:  gutenibasechild
*/

/* NOTE:
 * Define color variables in the colors.css file */

/* Google Translate & Accessibility Widget Location Fixes */
#gt_float_wrapper {
	bottom: 10px !important;
	right: 75px !important;
}

.onetap-container-toggle .onetap-toggle img.design-size1 {
	box-shadow: rgba(0,0,0,0.30) 0 5px 15px;
}

/* Page title styling */
.wp-block-cover__inner-container {
	text-align: center;
}

.has-text-align-center.alignwide.wp-block-post-title {
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 0 auto;
}

/* Custom styling for h5 tags */
h5 {
	font-size: 18px;
}

/* New button icons for downloads */
.download-icon-button .wp-block-button__link::before {
	content: 'download';
	font-family: 'Material Icons';
	font-size: 20px;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
}

.download-icon-button .wp-block-button__link {
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

/* Adding before code for clock on excerpt for upcoming meetings on Homeland Security */
.upcoming-meetings-group .wp-block-post-excerpt__excerpt::before {
	content: "\f017";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 13px;
	margin-right: 10px;
}

/* Footer Upcoming Meetings Group link line fix */
footer .upcoming-meetings-group .wp-block-post-title a {
	background: none !important;
}

/* Footer upcoming meetings link fix spacing */
footer .upcoming-meetings-group {
	margin-block-start: 0;
}

/* Adding text decoration to main menu */
.wp-block-navigation-item__label:hover {
	text-decoration: underline;
	text-underline-position: under;
}

.wp-block-navigation-item__content:hover {
	text-decoration: underline;
	text-underline-position: under;
}

/* Custom styling for pull quotes */
.wp-block-pullquote {
	padding: 1.6em 0;
}

/* This creates a style for lists that spans columns */
ul.list-col-2 {
	columns: 2;
}

ul.list-col-3 {
	columns: 3;
}

@media screen and (max-width: 768px) {
	ul.list-col-2,
	ul.list-col-3 {
		columns: auto !important;
	}
}

/* Added for mobile screen width padding */
@media screen and (max-width:1330px) {
	.entry-content {
		padding: 0 15px;
	}
}

/* Custom zoom on hover for home page */
.image-zoom-hover-front-page {
	overflow: visible;
}

/* Border radius on drop down boxes */
.border-radius20 {
	border-radius: 20px;
}

/* Broder radius for various spots */
.border-radius10 {
	border-radius: 10px;
}

/* Broder radius for accordions */
.border-radius-accordion {
	border-radius: 4px;
}

/* Accordions Title Font Size */
details > summary {
	font-size: 22px;
}

/* Removes double underline for query loop when not needed */
.entry-content.wp-block-post-content .query-title a:not(.wp-block-button__link):not(.showcase-link-fix a) {
	text-decoration: none !important;
}

/* Initial state of the header */
header.transparent-header {
	position: absolute;
	width: 100%;
	transition: background-color 0.3s ease, color 0.3s ease;
	z-index: 1000;
}

/* Sticky state of the header after JavaScript */
header.transparent-header.sticky {
	position: fixed !important;
}

/* Site title inside the header */
header.transparent-header .site-title a {
	transition: color 0.3s ease;
}

/* Site title color when header is sticky */
header.transparent-header.sticky .site-title a {
}

/* Custom colors for table headers and text alignment */
.dma-table-styles th {
	text-align: left;
}

/* Custom Tabs Changes */
.tabs fieldset {
	border: none;
	padding: 0;
}

.tabs input[type="radio"] {
	display: none;
}

.tab-label {
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.tab-content {
	display: none;
	border-radius: 4px;
}

.tab-inner-content {
	border-radius: 4px;
	padding: 20px;
}

/* Display the content of the checked tab */
.tabs #tab1:checked ~ #content1,
.tabs #tab2:checked ~ #content2,
.tabs #tab3:checked ~ #content3 {
	display: block;
}

/* Footer changes for some versions of this theme */
.footer-nav-custom {
	margin-left: 30px;
}

.footer-nav-custom li::before {
	content: '\2022';
	font-size: 18px;
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}

/* Responsive Layout for Mobile Devices */

/* 900px for footer changes only */
@media (max-width: 900px) {
	.dma-footer-copyright {
		margin-bottom: 55px !important;
	}
	
	.footer-searchbar {
		flex-basis: 100%;
	}
}

@media (max-width: 768px) {
	.custom-logo {
		margin-right: 10px;
	}

	header.transparent-header {
		position: unset;
	}
	
	.tabs {
		display: block;
	}

	.tab-label {
		display: block;
	}

	.tab-content {
		display: block;
	}
	
	.dma-footer-copyright {
		margin-bottom: 55px !important;
	}
	
	.footer-searchbar {
		flex-basis: 100%;
	}
	
	/* Align text changes and padding on mobile */
	.alignwide h2,h3,h4,h5 {
		padding: 0px 10px;
	}

	.alignfull {
		padding: 0px 20px;
	}
	
	.alignfull li {
		margin-left: 30px;
	}
	.wp-block-navigation__container li {
		margin-left: 0px;
	}
	.wp-block-navigation__submenu-container .wp-block-navigation-item__label {
		text-align: left;
	}

	/* This is a dma.wi.gov homepage change only */
	.home-jobs-hide-mobile li:not(:first-child) {
		display: none;
	}
}


/* Smart Slider Bullet Layout Changes */
.n2-ss-widget {
	margin-bottom: 60px !important;
}

@media (max-width: 768px) {
	.n2-ss-widget {
		margin-bottom: 5px !important;
	}

	/* Mobile Settings for more image on screen */
	.n2-ss-slide {
		margin-top: 220px;
	}
	
	/* Mobile Settings for two column lists on the Showcase group */
	.two-row-list-showcase {
		display: block !important;
	}
}