/*
Theme Name: Inside Vancouver 2018
Theme URI: http://www.insidevancouver.ca
Description: Inside Vancouver 2018 theme 
Author: McCann Vancouver
Version: 1.0
*/

* { margin: 0; padding: 0; border: 0 none; border-collapse: collapse; vertical-align: top; -webkit-text-size-adjust:none; }
body { color: #707070; font: normal 16px/20px 'Proxima Nova', Arial; }
a { color: #DC5900; text-decoration: none; }
a:hover { color: #2DA6C1; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display: none; }
h1, h2 { text-align: center; margin: 0 auto; color: #DC5900; clear: both; }
.mainLogo { background: url(theme_imgs/Header_INSIDEVANCOUVER.svg) center center / 100% auto no-repeat; width: 100%; display: block; }
input[type="text"], textarea { background: #E4D000; color: #DC5900; font: bold 11px/10px 'Proxima Soft', Arial; padding: 5px; }
input[type="text"]:focus, textarea:focus { background: #DC5900; color: #E4D000; }
input[type="submit"] { background: #2DA6C1; border-radius: 12px; font: bold 12px/12px 'Proxima Soft', Arial; padding: 6px 5px; color: #E4D000; cursor: pointer; }
input[type="submit"]:hover { background: #E4D000; color: #2DA6C1; }

.container { position: relative; margin: 0 auto; }
	.topSearchOuter label { display: none; }
	.blogLoop { position: relative; }
		.blogLoop .page-header td { display: none; }
			.page-title { display: block; color: #DC5900; }
.form-submit { padding-top: 10px; }
.logged-in-as { padding-bottom: 10px; }

.blogPost, .blogPostSocialLinks { box-shadow: 0px 3px 6px rgba(0,0,0,0.16); background: #fff; }
.blogPost { border-top: 15px solid #DC5900; }
.entry-meta { text-align: center; font-size: 13px; line-height: 16px; }
	.entry-meta em { font-style: normal; }
	.entry-meta a { text-transform: uppercase; }
.blogPost .wp-caption .wp-caption-text { font-size: 11px; line-height: 13px; padding: 10px; text-align: right; }
.blogPost p { padding-bottom: 20px; }

.blogContinueFauxText { color: #707070; text-transform: none; }
a.more-link { text-align: center; display: block; text-transform: uppercase; }

.blogPostSocialLinks { text-align: center; line-height: 20px; height: 20px; }
	.blogPostSocialLinks .socialBox { display: inline-block; }
	.blogPostSocialLinks .socialBox.facebookBox { padding-right: 0px; }
	.blogPostSocialLinks .commentBox a.commentLink { width: 47px; height: 20px; display: block; border-radius: 5px; 
		background: #DC5900 url(theme_imgs/commentBalloon.svg) 8px 6px / 11px auto no-repeat; color: #fff; line-height: 20px; 
		font-size: 10px; padding: 0 7px 0 25px; text-align: center; display: inline-block; }
	.blogPostSocialLinks .commentBox a.commentLink:hover { background-color: #2DA6C1; }
	.blogPostSocialLinks .commentBox div { display: inline-block; position: relative; 
		background: url(theme_imgs/commentsLeft.svg) left top / 5px 20px no-repeat; padding: 0 0 0 5px; }
		.blogPostSocialLinks .commentBox div span { display: block; height: 12px; border: 1px solid #cbcbcb; border-left: 0 none; 
			font-size: 11px; line-height: 11px; vertical-align: bottom; padding: 4px 5px 2px 5px; }

.single-page-links { width: 100%; color: #fff; font: 11px/13px 'Proxima Soft', Arial; }
	.single-page-links td { background: #DC5900; }
	.single-page-links a { color: #fff; }
	.single-page-links .nav-previous { text-align: left; }
		.single-page-links .nav-previous a { background: url(theme_imgs/nav_left_arrow.svg) left center / 15px auto no-repeat; display: block; padding-left: 25px; display: block; }
	.single-page-links .nav-next { text-align: right; }
		.single-page-links .nav-next a { background: url(theme_imgs/nav_right_arrow.svg) right center / 15px auto no-repeat; display: block; padding-right: 25px; display: block; }
	.single-page-links .nav-return-link { font: normal 16px/16px 'Proxima Soft', Arial; text-align: center; }
	.single-page-links .nav-return-link a { display: block; font-weight: bold; }
#author-avatar { text-align: center; padding-bottom: 20px; }
.blogAuthorPostsTitle { padding-top: 30px; font: bold 20px/24px 'Proxima Soft', Arial; color: #DC5900; text-align: center; }
.blogAuthorPosts { padding-bottom: 20px; }
	.blogAuthorPosts li { padding: 10px 0; }

.topSearchOuter input[type="text"] { float: left; }

.comments-title { padding-bottom: 0px; }
	.comments-title-sub { text-align: center; }
	.commentlist, .commentlist ul, .commentlist ol { list-style-type: none; }
		#comments-title { display: none; }
		.comment, .pingback, #commentform { box-shadow: 0px 3px 6px rgba(0,0,0,0.16); border-top: 2px solid #DC5900; }
			.comment .comment { padding-left: 0px; padding-right: 0px; box-shadow: none; border-top: 1px dashed #DC5900; }
		.comment a, .pingback a { font-weight: bold; }
			.comment em, .comment cite { font-style: normal; }
			.comment .commentmetadata { font-size: 11px; line-height: 13px; }
		.comment .comment-main-data { display: table-cell; }
			.comment .comment-body { display: table-cell; }
			.comment .reply { clear: both; }
	#commentform .commentsFields { display: table; }
		#commentform .commentsFields .span-5, #commentform .commentsFields .span-9 { display: table-cell; }
		#commentform .subscribe-to-comments input { vertical-align: middle; }
		#commentform #submit { float: right; width: 70px; }

#nav-below { font: bold 16px/16px 'Proxima Soft', Arial; height: 16px; display: table; width: 100%; }
	#nav-below .nav-previous { display: table-cell; width: 50%; }
	#nav-below .nav-next { display: table-cell; float: none !important; width: 50%; text-align: right; }
.blogSidebar ul.xoxo { list-style: none; }

.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"], 
.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"],
.blogSidebar .socialButtons a[href="http://www.youtube.com/user/TourismVancouver2008"],
.blogSidebar .socialButtons a[href="http://www.instagram.com/destination_vancouver"] { display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; }
	.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"] img, 
	.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"] img,
.blogSidebar .socialButtons a[href="http://www.youtube.com/user/TourismVancouver2008"] img, 
.blogSidebar .socialButtons a[href="http://www.instagram.com/destination_vancouver"] img { display: none; }
	.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"] { background-image: url(theme_imgs/sidebar_twitter.svg); float: right; }
	.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"] { background-image: url(theme_imgs/sidebar_facebook.svg); float: left; }
	.blogSidebar .socialButtons a[href="http://www.youtube.com/user/TourismVancouver2008"] { background-image: url(theme_imgs/sidebar_youtube.svg); float: right; }
	.blogSidebar .socialButtons a[href="http://www.instagram.com/inside_vancouver"] { background-image: url(theme_imgs/sidebar_insta.svg); float: left; }

	.blogSidebar a[href="http://www.insidevancouver.ca/vancouver-event-calendar/"] img, .blogSidebar a[href="http://www.insidevancouver.ca/tag/604-neighbourhoods/"] img, 
		.blogSidebar a[href="http://social.insidevancouver.ca"] img { display: none; }
	.blogSidebar a[href="http://www.insidevancouver.ca/vancouver-event-calendar/"] { background: url(theme_imgs/sidebar_events.jpg) center center / 100% auto no-repeat; }
	.blogSidebar a[href="http://www.insidevancouver.ca/tag/604-neighbourhoods/"] { background: url(theme_imgs/sidebar_hoods.jpg) center center / 100% auto no-repeat; }
	.blogSidebar a[href="http://social.insidevancouver.ca"] { background: url(theme_imgs/sidebar_social.jpg) center center / 100% auto no-repeat; }

.blogSidebar #secondary img.attachment-full { height: auto !important; }

#footer #colophon { border-top: 2px solid #2DA6C1; }
	#footer .recentPosts a { display: block; color: #77787C; font: bold 12px/16px 'Proxima Soft', Arial; text-transform: uppercase; }
	#footer .recentPosts img { display: block; padding-bottom: 10px; }
	#footer .footerInfo { margin-top: 14px; border-top: 2px solid #2DA6C1; font-size: 11px; line-height: 16px; position: relative; }
#footer .footerInfo { margin-top: 14px; padding-top: 40px; border-top: 2px solid #2DA6C1; font-size: 11px; line-height: 16px; position: relative; }
	#footer .footerInfo .footerBlock .footerNav { display: table; }
		#footer .footerInfo .footerBlock .footerNav ul { display: table-row; }
			#footer .footerInfo .footerBlock .footerNav li { display: table-cell; padding: 0 10px; border-left: 1px solid #77787C; }
			#footer .footerInfo .footerBlock .footerNav li.firstItem { border-left: 0px none; padding-left: 0px; }
				#footer .footerInfo a { color: #77787C; font-weight: bold; }
				#footer .footerInfo a:hover { color: #2DA6C1; }


/* Mobile Size */

@media (max-width: 727px) {
	h1,h2 { padding: 40px 0 10px 0; font: bold 20px/24px 'Proxima Soft', Arial; }
	#burgerBar { position: fixed; height: 36px; background: #E4D000; width: 100%; top: 0px; left: 0px; z-index: 100; }
	#burgerToggle { width: 36px; height: 36px; float: right; background: url(theme_imgs/nav_mobile_burger.svg) left center / 29px auto no-repeat; }
	.mainLogo { background: url(theme_imgs/header_INSIDEVANCOUVER_stack.svg) center center / 100% auto no-repeat; width: 84vw; height: 27.5vw; display: block; margin: 72px 0 0 2.5vw; }
	#navWrapper { position: fixed; right: 0px; top: 0px; z-index: 200; width: 170px; background: rgba(119,120,124,0.95); padding: 45px 15px 2px 21px; display: none; }
	.admin-bar #burgerBar, .admin-bar #navWrapper {  top: 46px; }

	.searchBtnSubmit svg { width: 16px; height: 16px; float: right; fill: #fff; }

	.container { padding: 14px 0px; }
	.topSearchOuter { background: rgba(255,255,255,0.12); height: 16px; padding: 5px 7px 5px 5px; }
		.topSearchOuter input[type="text"] { background: transparent; color: #fff; font: bold 14px/17px 'Proxima Soft', Arial; width: 130px; height: 17px; padding: 0px; }
		.topSearchOuter input[type="text"]:focus { background: transparent; color: #fff; }
		.topSearchOuter input[type="submit"] { background: #fff; border-radius: 12px; font: bold 12px/12px 'Proxima Soft', Arial; padding: 5px 4px; color: #2DA6C1; cursor: pointer; margin: -3px; }

	.blogPostSocialLinks { padding-top: 20px; padding-bottom: 30px; }
		.blogPostSocialLinks .socialBox { padding-right: 5px; }

	.navbarMain { font: bold 14px/14px 'Proxima Soft', Arial; padding-bottom: 10px; border-bottom: 1px solid #fff; clear: both; }
		.navbarMain ul, .navbarSub ul { list-style-type: none; }
		.navbarMain a { color: #fff; padding: 11px 0; display: block; }
	#burgerClose { position: absolute; top: 11px; right: 15px; width: 19px; height: 15px; background: url(theme_imgs/nav_mobile_close.svg) center center / 100% 100% no-repeat; }

	.navbarSub { font-size: 11px; line-height: 13px; padding-top: 10px; }
		.navbarSub .right, .navbarSub .left { float: none; }
			.navbarSub .left { padding-bottom: 10px; border-bottom: 1px solid #fff; }
			.navbarSub .right { padding-top: 10px; }
		.navbarSub a { color: #fff; padding: 10px 0; display: block; }

	.blogLoop { padding: 5% 2.5% 0 2.5%; }
		.page-title { font: bold 43px/43px 'Proxima Soft', Arial; padding-bottom: 22px; text-align: center; }
	.blogPost { padding-left: 12.25vw; padding-right: 12.25vw; }
		.blogPost .page { padding-bottom: 40px; }
		.blogPost h2 { padding: 0 0 20px 0; }
		.blogPost h2.entry-title { padding: 40px 0 20px 0; }
	.blogPostFooter { height: 30px; }

	.blogPost .wp-caption, .blogPost .wp-block-image, .blogPost > img.aligncenter, .blogPost > img.alignnone, .blogPost p > img.aligncenter, .blogPost p > img.alignnone { max-width: 95vw !important; width: 95vw; padding: 20px 0; margin: 0px -12.25vw; }
		.blogPost .wp-caption img, .blogPost .wp-block-image img, .blogPost img.aligncenter, .blogPost img.alignnone { width: 95vw !important; height: auto; display: block; }

	.single-page-links.top-page-links td { padding-bottom: 6px; }
		.single-page-links td { height: 32px; padding-top: 28px; padding-bottom: 20px; }
		.single-page-links .nav-previous { width: 161px; padding-left: 14px; }
		.single-page-links .nav-next { width: 161px; padding-right: 14px; }
			.single-page-links .nav-previous a, .single-page-links .nav-next a { height: 26px; padding-top : 3px; padding-bottom : 3px; }

	.comments-title-sub { padding-bottom: 20px; }
	.comment, .pingback, #commentform { padding: 8vw 9vw; margin-top: 20px; }
	.comment, .pingback { font-size: 13px; line-height: 17px; }
		.comment .comment-main-data { width: 20vw; padding: 0 5vw 0 0; }
		.comment .comment-body { width: 62vw; }
		.comment .reply { padding: 20px 0 0 0; }
	#commentform { margin-bottom: 20px; }
		#commentform .comment-notes { padding-bottom: 20px; }
			#commentform .commentsFields .span-5 input { width: 18vw; padding: 1vw; }
			#commentform  textarea { width: 70vw; max-width: 70vw; height: auto; min-height: 110px; padding: 8px; }
			#commentform .commentsFields .span-9 textarea { width: 50vw; max-width: 50vw; height: auto; min-height: 110px; padding: 8px; }
			#commentform .commentsFields .span-5 { width: 20vw; padding-right: 2vw; }
				#commentform .commentsFields .span-5 p, #commentform .commentsFields .span-9 p { padding-bottom: 10px; }
			#commentform .commentsFields .span-9 { width: 235px; }
				#commentform .subscribe-to-comments { float: left; font-size: 11px; line-height: 12px; width: 120px;  }
	.blogSidebar { display: none; }
	#footer { padding-top: 30px !important; }
		#footer #colophon { padding-top: 36px; }
		#footer .recentPostsOuter { padding-left: 8vw; }
		#footer .recentPosts { padding-right: 3vw; float: left; padding-bottom: 4vw;  }
		#footer .recentPosts:nth-child(4) { clear: left; }
		#footer .recentPosts a { width: 25vw; }
		#footer .recentPosts img { width: 25vw; height: 25vw; }
	#footer .footerInfo { margin-top: 14px; padding: 30px 10px; }
		#footer .footerInfo .footerBlock { width: 100%; }
		#footer .footerInfo .footerBlock p { padding-bottom: 20px; }
		#footer .footerInfo .homeLink { padding-top: 30px; }
			#footer .footerInfo .homeLink a { display: block; height: 60px; width: 66px; background: url(theme_imgs/footer_logo_tvan.svg) center center / 100% auto no-repeat; }
}

/* Desktop and Tablet shared styles */

@media (min-width: 728px) {
	#burgerToggle, #burgerClose, #burgerBar { display: none; }

	.blogPostSocialLinks .socialBox { padding-right: 20px; }

	.topSearchOuter { position: absolute; right: 0px; }

	.navbarMain { border-bottom: 1px solid #DC5900; text-transform: lowercase; }
	.navbarMain a { color: #2DA6C1; display: block; }
	.navbarMain a:hover { color: #DC5900; }
	.navbarMain a:active { color: #fff; background: #2DA6C1; }
	.navbarMain ul { display: block; }
		.navbarMain ul li { display: inline-block; text-align: center; }

	.blogPostSocialLinks { padding-top: 40px; padding-bottom: 60px; }

	.navbarSub a { display: block; }
	.navbarSub .sub-1 a { color: #2DA6C1; }
	.navbarSub a:hover { color: #DC5900; }
	.navbarSub .sub-2 a { color: #77787C; }
	.navbarSub a:active { color: #fff; background: #2DA6C1; }
	.navbarSub ul { display: block; }
		.navbarSub ul li { display: inline-block; text-align: center; }
	#footer .recentPostsOuter { display: table; width: 100%; }
	#footer .recentPosts { display: table-cell; }
}

/* Tablet Size */

@media (min-width: 728px) and (max-width: 1023px) {
	h1,h2 { padding: 40px 0 10px 0; font: bold 20px/24px 'Proxima Soft', Arial; }
	.mainLogo { height: 74px; }
	.topSearchOuter { top: 85px; width: 134px; }
		.topSearchOuter input[type="text"] { width: 100px; height: 10px; }
		.topSearchOuter input[type="submit"] { margin-top: -2px; }

	.container { width: 706px; padding: 14px 0; }

	.searchBtnSubmit svg { width: 16px; height: 16px; float: right; margin-top: 2px; fill: #2DA6C1; }
	.searchBtnSubmit:hover svg { fill: #DC5900; }

	.navbarMain { font: bold 13px/13px 'Proxima Soft', Arial; }
		.navbarMain a { padding: 7px; }

	.navbarSub { font-size: 11px; line-height: 13px; height: 52px; }
		.navbarSub a { padding: 7px; }

	.blogLoop { width: 453px;  float: left; }
		.page-title { font: bold 43px/43px 'Proxima Soft', Arial; padding-bottom: 22px; }
	.blogPost, .blogPostSocialLinks { width: 337px; padding-left: 58px; padding-right: 58px; }
		.blogPost .page { padding-bottom: 40px; }
		.blogPost h2 { padding: 0 0 20px 0; }
		.blogPost h2.entry-title { padding: 40px 0 20px 0; }
	.blogPostFooter { height: 30px; }

	.blogPost .wp-caption, .blogPost .wp-block-image, .blogPost > img.aligncenter, .blogPost p > img.aligncenter, .blogPost p > img.alignnone, .blogPost > img.alignnone { max-width: 453px !important; width: 453px !important; padding: 20px 0; margin: 0px -58px; }
		.blogPost .wp-caption img, .blogPost .wp-block-image img, .blogPost img.aligncenter, .blogPost img.alignnone { height: auto; width: 100%; max-width: 100% !important; }
		.blogPost .wp-caption[style*="width: 5"] { margin: 0 auto !important; width: 100% !important; max-width: 100% !important; }

	.single-page-links.top-page-links td { padding-bottom: 6px; }
		.single-page-links td { height: 32px; padding-top: 28px; padding-bottom: 20px; }
		.single-page-links .nav-previous { width: 161px; padding-left: 14px; }
		.single-page-links .nav-next { width: 161px; padding-right: 14px; }
			.single-page-links .nav-previous a, .single-page-links .nav-next a { height: 26px; padding-top : 3px; padding-bottom : 3px; }

	.comments-title-sub { padding-bottom: 20px; }
	.comment, .pingback, #commentform { padding: 36px 40px; margin-top: 20px; }
	.comment, .pingback { font-size: 14px; line-height: 18px; }
		.comment .comment-main-data { width: 120px; padding: 0 20px 0 0; }
		.comment .reply { padding: 20px 0 0 140px; }
	#commentform { margin-bottom: 20px; }
		#commentform .comment-notes { padding-bottom: 20px; }
			#commentform .commentsFields .span-5 input { width: 100px; padding: 6px; }
			#commentform textarea { width: 330px; max-width: 330px; height: auto; min-height: 110px; padding: 8px; }
			#commentform .commentsFields .span-9 textarea { width: 225px; max-width: 225px; height: auto; min-height: 110px; padding: 8px; }
			#commentform .commentsFields .span-5 { width: 120px; }
				#commentform .commentsFields .span-5 p, #commentform .commentsFields .span-9 p { padding-bottom: 10px; }
			#commentform .commentsFields .span-9 { width: 235px; }
				#commentform .subscribe-to-comments { float: left; font-size: 11px; line-height: 12px; width: 120px;  }
	.blogSidebar { float: right; width: 237px; }
		.blogSidebar h3 { font: bold 14px/17px 'Proxima Soft', Arial; padding-bottom: 16px; text-transform: uppercase; }
	.blogSidebar #secondary { padding-top: 30px; }
		.blogSidebar .socialButtons { width: 137px; height: 74px; }
			.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"], 
			.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"],
			.blogSidebar .socialButtons a[href="http://www.youtube.com/user/TourismVancouver2008"],
			.blogSidebar .socialButtons a[href="http://www.instagram.com/inside_vancouver"] { width: 26px; height: 22px; }
			.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"] { margin-right: 11px; }
			.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"] { margin-left: 11px; }

	.blogSidebar ul.wpp-list { counter-reset: section; font: bold 18px/18px 'Proxima Soft', Arial; width: 220px; }
		.blogSidebar ul.wpp-list li { padding-bottom: 30px; }
		.blogSidebar ul.wpp-list li:before { content: counters(section,""); counter-increment: section; font: 55px/54px 'Proxima Soft Light', Arial; float: left; text-align: center; width: 27px; }
			.blogSidebar ul.wpp-list li a { display: block; width: 180px; float: right; }
			.blogSidebar ul.wpp-list li:after { clear: both; }
		.blogSidebar ul.instagram-pics { list-style: none; margin-right: -7px; }
			.blogSidebar ul.instagram-pics li { display: inline-block; width: 70px; height: 70px; margin: 0 7px 7px 0;}
				.blogSidebar ul.instagram-pics li img { width: 70px; height: 70px; display: block; overflow: hidden; }
	.blogSidebar .null-instagram-feed { padding-bottom: 20px; }
		.blogSidebar .null-instagram-feed .clear { font: bold 16px/16px 'Proxima Soft', Arial; padding: 7px 0 0 0; }
	.blogSidebar .contributorsBox { padding-bottom: 30px; width: 225px; font-size: 13px; line-height: 16px; font-weight: bold; }
	.blogSidebar .contributorsBox .contributorItem { float: left; box-shadow: 1px 1px 5px rgba(0,0,0,0.16); position: relative; margin-bottom: 7px; overflow: hidden; }
		.blogSidebar .contributorsBox .contributorItem span { font-weight: normal; }
		.blogSidebar .contributorsBox .contributorItem img { position: absolute; left: 0; top: 50%; z-index: 1; width: 45px; height: auto; margin-top: -27px; }
		.blogSidebar .contributorsBox .contributorItem .left { position: relative; z-index: 5; }
		.blogSidebar .contributorsBox .contributorItem a { padding: 11px 11px 7px 59px; height: 36px; width: 155px; display: block; color: #2DA6C1; }
		.blogSidebar .contributorsBox .contributorItem a:hover { color: #DC5900; }
	.blogSidebar a[href="http://www.insidevancouver.ca/vancouver-event-calendar/"], .blogSidebar a[href="http://www.insidevancouver.ca/tag/604-neighbourhoods/"], 
		.blogSidebar a[href="http://social.insidevancouver.ca"] { display: block; width: 248px; height: 146px; margin: 0 -5px 12px -5px; }

	#footer { padding-top: 30px !important; }
		#footer #colophon { padding-top: 54px; }
		#footer .recentPosts.lastItem { width: 108px; }
		#footer .recentPosts a { width: 108px; }
		#footer .recentPosts img { width: 108px; height: 108px; }
	#footer .footerInfo { margin-top: 14px; padding-top: 40px; }
		#footer .footerInfo .footerBlock { width: 410px; padding-right: 16px; }
		#footer .footerInfo .footerBlock p { padding-bottom: 20px; }
		#footer .footerInfo .homeLink { position: absolute; right: 0px; top: 69px; }
			#footer .footerInfo .homeLink a { display: block; height: 60px; width: 66px; background: url(theme_imgs/footer_logo_tvan.svg) center center / 100% auto no-repeat; }
}

/* Desktop Size */

@media (min-width: 1024px) {
	h1,h2 { padding: 40px 0 10px 0; font: bold 20px/24px 'Proxima Soft', Arial; }
	.mainLogo { height: 103px; }
	.topSearchOuter { top: 120px; width: 224px; }
		.topSearchOuter input[type="text"] { width: 183px; height: 10px; }

	.searchBtnSubmit { background: #2DA6C1; border-radius: 12px; font: bold 12px/12px 'Proxima Soft', Arial; padding: 6px 5px; color: #E4D000; cursor: pointer; margin-top: -2px; float: right; }
	.searchBtnSubmit svg { display: none; }
	.searchBtnSubmit:hover { background: #E4D000; color: #2DA6C1; }
	.searchBtnSubmit:before { content: "go"; }

	.container { width: 1004px; padding: 14px 0; }

	.navbarMain { font: bold 16px/16px 'Proxima Soft', Arial; }
		.navbarMain a { padding: 10px; }

	.navbarSub { font: bold 13px/16px 'Proxima Soft', Arial; height: 66px; }
		.navbarSub a { padding: 10px; }

	.blogLoop { width: 664px;  float: left; }
		.page-title { font: bold 43px/43px 'Proxima Soft', Arial; padding-bottom: 30px; }
	.blogPost, .blogPostSocialLinks { width: 490px; padding-left: 87px; padding-right: 87px; }
		.blogPost .page { padding-bottom: 40px; }
		.blogPost h2 { padding: 0 0 20px 0; }
		.blogPost h2.entry-title { padding: 40px 0 20px 0; }
	.blogPostFooter { height: 60px; }

	.blogPost .wp-caption, .blogPost .wp-block-image, .blogPost > img.aligncenter, .blogPost p > img.aligncenter, .blogPost p > img.alignnone, .blogPost > img.alignnone { padding: 20px 0; margin: 0px -87px; position: relative; width: 664px !important; max-width: 664px !important; }
		.blogPost .wp-caption img, .blogPost .wp-block-image img, .blogPost img.aligncenter, .blogPost img.alignnone { height: auto; width: 100%; max-width: 100% !important; }
		.blogPost .wp-caption[style*="width: 5"] { margin: 0 auto !important; width: 100% !important; max-width: 100% !important; }
		
	.single-page-links.top-page-links td { padding-bottom: 6px; }
		.single-page-links td { height: 32px; padding-top: 28px; padding-bottom: 20px; }
		.single-page-links .nav-previous { width: 161px; padding-left: 21px; }
		.single-page-links .nav-next { width: 161px; padding-right: 21px; }
			.single-page-links .nav-previous a, .single-page-links .nav-next a { height: 26px; padding-top : 3px; padding-bottom : 3px; }

	.comments-title-sub { padding-bottom: 20px; }
		.comment, .pingback, #commentform { padding: 36px 40px; margin-top: 20px; }
			.comment .comment-main-data { width: 160px; padding: 0 40px 0 0; }
			.comment .reply { padding: 20px 0 0 0; }
		#commentform { margin-bottom: 20px; }
			#commentform .comment-notes { padding-bottom: 20px; }
				#commentform .commentsFields .span-5 input { width: 163px; padding: 7px; }
				#commentform textarea { width: 500px; max-width: 500px; height: auto; min-height: 155px;  padding: 10px;  }
				#commentform .commentsFields .span-9 textarea { width: 338px; max-width: 338px; height: auto; min-height: 155px;  padding: 10px;  }
				#commentform .commentsFields .span-5 { width: 190px; }
					#commentform .commentsFields .span-5 p, #commentform .commentsFields .span-9 p { padding-bottom: 10px; }
				#commentform .commentsFields .span-9 { width: 350px; }
					#commentform .subscribe-to-comments { float: left; font-size: 11px; line-height: 24px; }


	.blogSidebar { float: right; width: 313px; }
		.blogSidebar h3 { font: bold 16px/19px 'Proxima Soft', Arial; padding-bottom: 20px; text-transform: uppercase; }
	.blogSidebar #secondary { padding-top: 30px; }
		.blogSidebar .socialButtons { width: 180px; height: 97px; }
			.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"], 
			.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"],
			.blogSidebar .socialButtons a[href="http://www.youtube.com/user/TourismVancouver2008"],
			.blogSidebar .socialButtons a[href="http://www.instagram.com/inside_vancouver"] { width: 34px; height: 29px; }
			.blogSidebar .socialButtons a[href="http://www.facebook.com/insidevancouver"] { margin-right: 15px; }
			.blogSidebar .socialButtons a[href="https://twitter.com/myvancouver"] { margin-left: 15px; }

	.blogSidebar ul.wpp-list { counter-reset: section; font: bold 20px/24px 'Proxima Soft', Arial; width: 280px; }
		.blogSidebar ul.wpp-list li { padding-bottom: 30px; }
			.blogSidebar ul.wpp-list li:before { content: counters(section,""); counter-increment: section; font: 55px/54px 'Proxima Soft Light', Arial; float: left; text-align: center; width: 27px; }
			.blogSidebar ul.wpp-list li a { display: block; width: 240px; float: right; }
			.blogSidebar ul.wpp-list li:after { clear: both; }
		.blogSidebar ul.instagram-pics { list-style: none; margin-right: -7px; }
			.blogSidebar ul.instagram-pics li { display: inline-block; width: 70px; height: 70px; margin: 0 7px 7px 0;}
				.blogSidebar ul.instagram-pics li img { width: 70px; height: 70px; display: block; overflow: hidden; }
	.blogSidebar .null-instagram-feed { padding-bottom: 20px; }
		.blogSidebar .null-instagram-feed .clear { font: bold 16px/16px 'Proxima Soft', Arial; padding: 7px 0 0 0; }
	.blogSidebar .contributorsBox { padding-bottom: 30px; width: 307px; font-size: 13px; line-height: 16px; font-weight: bold; }
	.blogSidebar .contributorsBox .contributorItem { float: left; box-shadow: 1px 1px 5px rgba(0,0,0,0.16); position: relative; margin-bottom: 7px; overflow: hidden; }
		.blogSidebar .contributorsBox .contributorItem.last { float: right; }
		.blogSidebar .contributorsBox .contributorItem span { font-weight: normal; }
		.blogSidebar .contributorsBox .contributorItem img { position: absolute; left: 0; z-index: 1; width: 45px; height: auto; }
		.blogSidebar .contributorsBox .contributorItem .left { position: relative; z-index: 5; }
		.blogSidebar .contributorsBox .contributorItem a { padding: 11px 11px 7px 59px; height: 36px; width: 80px; display: block; color: #2DA6C1; }
		.blogSidebar .contributorsBox .contributorItem a:hover { color: #DC5900; }
	.blogSidebar a[href="http://www.insidevancouver.ca/vancouver-event-calendar/"], .blogSidebar a[href="http://www.insidevancouver.ca/tag/604-neighbourhoods/"], 
		.blogSidebar a[href="http://social.insidevancouver.ca"] { display: block; width: 328px; height: 193px; margin: 0 -9px 12px -9px; }

	#footer { padding-top: 30px; }
		#footer #colophon { padding-top: 54px; }
		#footer .recentPosts.lastItem { width: 154px; }
		#footer .recentPosts a { width: 154px; }
		#footer .recentPosts img { width: 154px; height: 154px; }
	#footer .footerInfo { margin-top: 14px; padding-top: 40px; }
		#footer .footerInfo .footerBlock { float: left; width: 410px; padding-right: 16px; }
		#footer .footerInfo .footerBlock p { height: 60px; }
		#footer .footerInfo .homeLink { float: right; margin-top: 13px; }
			#footer .footerInfo .homeLink a { display: block; height: 60px; width: 66px; background: url(theme_imgs/footer_logo_tvan.svg) center center / 100% auto no-repeat; }
}