/*
Theme Name: The Vic
Description: Lightweight, PHP 8-compatible replacement for the retired WooThemes Canvas theme. Recreates the original Canvas layout (centered logo, centered menu, 940px column, full-width WPBakery rows) for thevic.victoriaskimboards.com.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: thevic
*/

/* ---------- Reset / base (matches Canvas defaults) ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font: 14px/1.5 Arial, sans-serif;
	color: #222;
	background-color: #fff;
	background-image: url("/wp-content/uploads/2017/08/2014-BackGround_2.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: scroll;
}
img { max-width: 100%; height: auto; border: 0; }
a { color: #2086bd; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { color: #222; margin: 0 0 .5em; line-height: 1.3; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
p  { margin: 0 0 1.5em; }
abbr { border-bottom: none; cursor: auto; }

.screen-reader-text, .skip-link {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
.skip-link:focus {
	clip: auto; width: auto; height: auto; z-index: 1000;
	background: #fff; padding: 10px 15px; top: 5px; left: 5px;
}

/* ---------- Layout ---------- */
#wrapper { width: 100%; }
.col-full { max-width: 940px; margin: 0 auto; padding: 0; }

/* ---------- Header / logo ---------- */
#header { text-align: center; padding: 0; }
#logo { display: inline-block; margin: 0; }
#logo img { display: block; width: 250px; height: auto; margin: 0 auto; }
#logo .site-title { font: 700 36px Montserrat, Arial, sans-serif; color: #263248; }
#header .site-description { display: none; }

/* ---------- Primary navigation (Canvas look) ---------- */
#navigation { text-align: center; }
#navigation ul.nav { list-style: none; margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; }
#navigation ul.nav li { position: relative; margin: 0; }
#navigation ul.nav > li > a {
	display: block;
	padding: 20px;
	font: 400 20px/1 Roboto, Arial, sans-serif;
	letter-spacing: 1px;
	color: #263248;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#navigation ul.nav li a:hover,
#navigation ul.nav li.current-menu-item > a,
#navigation ul.nav li.current_page_item > a { color: #089ecc; text-decoration: none; }
/* dropdowns */
#navigation ul.nav ul {
	display: none; position: absolute; top: 100%; left: 0; z-index: 999;
	list-style: none; margin: 0; padding: 0; min-width: 200px; background: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,.15); text-align: left;
}
#navigation ul.nav li:hover > ul,
#navigation ul.nav li:focus-within > ul { display: block; }
#navigation ul.nav ul a { display: block; padding: 10px 15px; color: #263248; font: 300 14px "Helvetica Neue", sans-serif; }
#navigation ul.nav ul ul { top: 0; left: 100%; }

/* mobile menu toggle */
.nav-toggle { display: none; background: none; border: 0; font: 400 16px Roboto, Arial, sans-serif; letter-spacing: 1px; color: #263248; padding: 15px; cursor: pointer; }

/* ---------- Content ---------- */
#content { padding: 0 0 20px; }
#main { width: 100%; }
article.post, article.page { margin: 0; }
article header h1.title { text-transform: uppercase; margin: 20px 0 15px; }
.entry { color: #4f4f4f; }
.entry p { color: #4f4f4f; }
.entry img { border: none; background: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
h1, h2 a { text-transform: uppercase; }

.post-meta { font-size: 12px; color: #999; margin-bottom: 15px; }
.pagination { margin: 20px 0; }

/* ---------- Footer ---------- */
#footer {
	padding: 20px 0;
	border-top: 0;
	color: #575757;
	font: 300 10px Arial, sans-serif;
	text-align: center;
}
#footer p { margin: 0; color: #575757; }

/* ---------- WPBakery compatibility ---------- */
/* Full-width "stretch row" works from #main, same as Canvas */
.entry .vc_row[data-vc-full-width] { overflow: hidden; }

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
	.col-full { padding: 0 15px; }
	.nav-toggle { display: inline-block; }
	#navigation ul.nav { display: none; flex-direction: column; width: 100%; }
	#navigation.is-open ul.nav { display: flex; }
	#navigation ul.nav > li > a { padding: 12px; font-size: 16px; }
	#navigation ul.nav ul { position: static; box-shadow: none; display: block; text-align: center; }
	#logo img { width: 180px; }
}