/*
Theme Name: Twenty Thirteen Child
Template: twentythirteen
Description: Child theme for Twenty Thirteen per SCS Styling Guidelines
Version: 1.2
*/

/**
 * Table of Contents:
 *
 * 1.0 - Color Overrides (SCS Brand Colors)
 * 2.0 - Header Customizations
 * 3.0 - Navigation Customizations
 * 4.0 - Footer Customizations
 * 5.0 - Custom Container Elements
 * ----------------------------------------------------------------------------
 */

/**
 * 1.0 Color Overrides (SCS Brand Colors)
 * Primary Brand Color: #065c82
 * Secondary Color: #c6dfea
 * ----------------------------------------------------------------------------
 */

/* Override heading colors - Original theme has no color for h1/h2 */
h1,
h2 {
	color: #065c82 !important;
}

/* Hide page titles - content editors can add headings in page content */
.page .entry-title,
.page .entry-header .entry-title {
	display: none !important;
}

/* Button styling - SCS blue instead of orange */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link,
a.button {
	background: #065c82 !important;
	background: -webkit-linear-gradient(top, #065c82 0%, #065c82 100%) !important;
	background: linear-gradient(to bottom, #065c82 0%, #065c82 100%) !important;
	border: none !important;
	border-bottom: 3px solid #044d69 !important;
	border-radius: 2px !important;
	color: #fff !important;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
a.button:hover,
a.button:focus {
	background: #036183 !important;
	background: -webkit-linear-gradient(top, #036183 0%, #036183 100%) !important;
	background: linear-gradient(to bottom, #036183 0%, #036183 100%) !important;
	border: none !important;
	border-bottom: 3px solid #024d6a !important;
	color: #fff !important;
	outline: none !important;
}

button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active,
.wp-block-button__link:active,
a.button:active {
	background: #044d69 !important;
	background: -webkit-linear-gradient(top, #044d69 0%, #044d69 100%) !important;
	background: linear-gradient(to bottom, #044d69 0%, #044d69 100%) !important;
	border: none !important;
	border-top: 3px solid #033a50 !important;
	color: #fff !important;
}

/**
 * 2.0 Header Customizations
 * ----------------------------------------------------------------------------
 */

/* QTranslate language selector styling - force inline display */
.site-header ul.qtranxs_language_chooser,
.site-header .qtranxs_language_chooser,
ul.qtranxs_language_chooser,
.qtranxs_language_chooser,
ul.language-chooser,
.language-chooser,
#qtranslate-chooser {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
	list-style: none !important;
	vertical-align: top !important;
	border: none !important;
	background: none !important;
}

.site-header ul.qtranxs_language_chooser li,
.site-header .qtranxs_language_chooser li,
ul.qtranxs_language_chooser li,
.qtranxs_language_chooser li,
ul.language-chooser li,
.language-chooser li,
#qtranslate-chooser ul,
#qtranslate-chooser li {
	display: inline-block !important;
	list-style-type: none !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 5px 0 0 !important;
	vertical-align: top !important;
	border: none !important;
	background: none !important;
}

.site-header ul.qtranxs_language_chooser li:before,
.site-header .qtranxs_language_chooser li:before,
ul.qtranxs_language_chooser li:before,
.qtranxs_language_chooser li:before,
#qtranslate-chooser li:before {
	content: none !important;
	display: none !important;
}

.site-header .qtranxs_language_chooser a,
.qtranxs_language_chooser a,
.language-chooser a,
#qtranslate-chooser a {
	color: #fff !important;
	text-decoration: bold !important;
	font-size: 16px !important;
	background: none !important;
	padding-left: 5px !important;
}

/* Hide the active/current language - show only the language to switch TO */
.site-header .qtranxs_language_chooser li.active,
.qtranxs_language_chooser li.active,
.qtranxs_language_chooser li.lang-en.active,
.qtranxs_language_chooser li.lang-fr.active,
.language-chooser li.active,
#qtranslate-chooser li.active {
	display: none !important;
}

/* Override parent theme header styling */
#masthead,
.site-header {
	background-image: none !important;
	background-color: #fff !important;
	background: #fff !important;
	min-height: auto !important;
	position: relative !important;
	z-index: 1000 !important;
}

.site-header .home-link {
	min-height: auto !important;
	padding: 0 !important;
	max-width: 100% !important;
	background-image: none !important;
	background: none !important;
}

/* SCS Logo sizing */
.home-logo {
	width: 250px !important;
	max-width: 250px !important;
	height: auto !important;
	position: relative;
	display: block !important;
	margin: 10px auto !important;
}

#headerLeft {
	width: 300px !important;
	float: left !important;
	overflow: hidden !important;
	max-height: 120px !important;
}

#headerLeft a {
	display: block !important;
	max-width: 250px !important;
}

#headerLeft img {
	max-width: 250px !important;
	width: 250px !important;
	height: auto !important;
	display: block !important;
}

/**
 * 3.0 Navigation Customizations
 * ----------------------------------------------------------------------------
 */

/* Main navigation width - Original: 1080px */
.main-navigation {
	clear: both;
	margin: 0 auto !important;
	max-width: 1600px !important;
	min-height: 45px;
	position: relative;
}

/* Navigation menu items styling */
.nav-menu li a,
.main-navigation .nav-menu li a,
#site-navigation .nav-menu li a,
.navigation .nav-menu li a {
	color: #000 !important;
	display: block;
	font-size: 14px !important;
	line-height: 1;
	padding: 10px 10px !important;
	text-decoration: none;
	font-weight: bold !important;
}

/* Navigation bar styling */
.navbar {
	background-color: red !important;
	margin: 30px auto 0px auto !important;
	padding: 0 !important;
	padding-bottom: 20px !important;
	padding-left: 200px !important;
	display: flex;
	align-items: center;
	max-width: 1600px;
	width: 100%;
}

@media screen and (max-width: 800px) {
	.navbar {
		background-color: #c6dfea !important;
	}
}

/* Navigation menu hover/focus colors - Original: #db572f */
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #065c82 !important;
	color: #fff !important;
}

/* Current page/menu item styling - Original: #bc360a text, no background */
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #fff !important;
	font-style: italic;
	background-color: #065c82 !important;
	border-radius: 0px 0px 0px 0px;
}

.main-navigation {
	display: flex;
	align-items: center;
}

/* Search form styling - remove default margins */
#headerRight .search-form,
#headerRight form[role="search"],
.site-header .search-form,
.site-header form[role="search"] {
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	right: auto !important;
	top: auto !important;
}

/**
 * 4.0 Footer Customizations
 * ----------------------------------------------------------------------------
 */

/* Footer background - Original: #220e10 */
.site-footer .sidebar-container {
	background-color: #065c82 !important;
}

.site-footer {
	background-color: #065c82 !important;
	color: #fff !important;
	text-align: left !important;
	padding: 20px 3% !important;
}

.sidebar .site-footer .widget-area {
	left: 0 !important;
	max-width: 100% !important;
}

.site-footer .widget,
.sidebar .site-footer .widget {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

.site-footer .widget-area,
.site-footer .sidebar-container,
#colophon .widget,
#colophon .widget-area {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Footer links - white text */
.site-footer a,
#colophon a {
	color: #fff !important;
	text-decoration: underline !important;
}

.site-info {
	background-color: #fff !important;
	color: #333 !important;
	padding: 8px 7% !important;
	text-align: center !important;
	font-size: 14px !important;
}

/* Site-info links - dark text on white background */
.site-info a {
	color: #065c82 !important;
}

/**
 * 5.0 Custom Container Elements
 * ----------------------------------------------------------------------------
 */

/* Sidebar inner width - Original: 1040px in new theme, 1200px in old */
.site-main .sidebar-inner {
	margin: 0 auto !important;
	max-width: 1200px !important;
}

/* Ensure main content containers don't have width constraints */
#primary,
#content,
.content-area,
.site-content,
#main,
.site-main {
	max-width: 100% !important;
	width: 100% !important;
}

/* Content area width customizations - Original: 604px */
.hentry {
	padding: 0px 0 !important;
}

/* Target both class and ID selectors for maximum specificity */
.entry-header,
.entry-content,
.entry-summary,
.entry-meta,
#content .entry-header,
#content .entry-content,
#content .entry-summary,
#content .entry-meta {
	margin: 0 auto !important;
	max-width: 1600px !important;
	width: 100% !important;
}

.entry-header,
.entry-content,
.entry-summary,
#content .entry-header,
#content .entry-content,
#content .entry-summary {
	padding: 0 7%!important;
}

.entry-meta,
#content .entry-meta {
	padding: 0px 0px 25px 0px !important;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
	max-width: 1040px !important;
	padding: 0 7% !important;
	margin-top: -50px !important;
}

/* Custom header containers with SCS brand border */
#header-container {
	width: 100%;
	height: 120px;
	border-bottom: 5px solid #065c82;
	overflow: visible;
	position: relative;
	z-index: 1000;
}

#header-container2 {
	width: 100%;
	height: 140px;
	border-bottom: 5px solid #065c82;
	background-color: white;
	z-index: 5;
	padding-top: 25px;
}

#headerLeft {
	width: 300px;
	float: left;
	overflow: hidden;
	max-height: 120px;
}

#headerLeft a {
	display: block;
	max-width: 250px;
}

#headerLeft img,
#headerLeft .home-logo,
img.home-logo {
	max-width: 250px !important;
	width: 250px !important;
	height: auto !important;
	display: block !important;
}

#headerRight {
	float: left !important;
	width: calc(100% - 320px) !important;
	display: flex;
	align-items: center;
}

/**
 * 6.0 Homepage Hero Image
 * ----------------------------------------------------------------------------
 */

.home-page-desktop.hero-image {
	width: 100% !important;
	height: 400px !important;
	background-image: url('/wp-content/uploads/2025/04/Hero-banner-5.jpg') !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative !important;
	z-index: 1 !important;
}

div.hero-image {
	background-image: url('/wp-content/uploads/2025/04/Hero-banner-5.jpg') !important;
	position: relative !important;
	z-index: 1 !important;
}

.home-page-desktop {
	display: block;
}

@media screen and (max-width: 800px) {
	.home-page-desktop {
		display: none;
	}
	
	/* Increase mobile margins for better readability */
	.entry-header,
	.entry-content,
	.entry-summary,
	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary {
		padding: 0 5% !important;
	}
	
	.site-footer {
		padding: 20px 5% !important;
	}
	
	/* Ensure page titles stay hidden on mobile */
	.page .entry-title,
	.page .entry-header .entry-title {
		display: none !important;
	}
}