/*
Theme Name: Twenty Seventeen (edited for SE)
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
	body {font-family: 'Open Sans', sans-serif;}
	
	#ski-test-contents { overflow:hidden; }
	#content h1 {font-family: 'Open Sans', sans-serif; font-weight:700; color:black; font-size:16pt; margin-top:0px; margin-bottom:10px; text-transform: uppercase;}
	#content h2 {font-family: 'Open Sans', sans-serif; font-weight:700; font-style: normal; font-size:16pt; margin-top:0px; text-transform: uppercase;}
	#content h3 {font-family: 'Open Sans', sans-serif; font-weight:700; font-size:14pt; margin-top:0px; text-transform: uppercase;}
	#content h6 {font-family: 'Open Sans', sans-serif; font-weight:700; font-size:10pt; margin:0px; line-height:1.45em}
	div.taxonomy-description,	#content p {font-family: 'Open Sans', sans-serif; font-weight:400; line-height: 21px; font-size:14px; text-justify: kashida; text-align:justify;}
	#content hr {margin:20px 0px; clear:both;}
	#content a {color:red; text-decoration:underline;}
	div.taxonomy-description { margin-top: 1em; }
	
	
	#main {width:100%; margin: 0px auto;}
	#main-content-block {margin: 14px 0px 0px 0px; width: 100%;}

	#navigation-block {height: 60px; width: 100%; background-color:blue;}	 /*remove*/
	
	#ski-block {float: left; margin: 0px 20px 0px 0px; width: 145px;}
	#ski-block img.attachment-full {width: 145px; height:auto; margin-bottom:20px;}
	#ski-block img.ski-image-mobile {display:none;}

	
	#sidebar-block {float: right; margin: 0px 0px 0px 20px; width: 315px; text-align:center;}
	.mobile-video {display:none;}
	#sidebar-block table { width:100%; margin: 0px 0px 20px;}
	#sidebar-block th, 
	#sidebar-block td { padding: 2px 0px 2px 10px; font-size: 10pt; text-align: left; }
	#sidebar-block th { font-weight: bold; text-align: right; width:50%;}
		
	
	.ski-video-holder {height:180px; width:100%; margin: 0px 0px 20px 0px; background-color:grey;}
	.ski-thumbnail-holder-left {height:150px; width:150px; background-color:black; float:left; margin:0px 15px 15px 0px;}
	.ski-thumbnail-holder-right {height:150px; width:150px; background-color:black; float:left; margin:0px 0px 15px 0px;}
	.chairlift-chat-image {width: 100%; height: 150px; margin-top:0px; float:right; background-color:orange; clear: none;}

	.video-embed {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; /*z-index:95;*/ clear:both; margin-bottom:10px;}
	.video-embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.video-embed img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.video-embed script {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.lb-datacontainer {margin-top: 8px;}
	
	#main div.red-button,#main div.blue-button {width: 100%; margin: 10px 0 20px 0; align-self:flex-end;}
	#main div.blue-button a { /*height: 18pt;*/ font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 12pt;text-decoration: none;background-color: #001c68;color: white;padding: 5px 20px 5px 20px; ; white-space:nowrap; display: inline-block;} 
	#main div.shop-now-button a { background-color: #a00000;}


	/* Added by Matt */ 
.main {padding-top:10px;}
.page-title {display:none;}
.post-thumbnail.ski-category-thumbnail {margin: 10px 0px 20px 0px;} 
.taxonomy-description p {text-align:center !important; margin:20px 0px;}
header.page-header {margin-bottom:20px;}
.CC-Review-Link-Container {display:block; background-color:#2ac11f; padding:10px; margin-top:10px; text-decoration:none !important; width:310px;}
.CC-Review-Heading {text-transform:inherit !important; font-size:13pt !important; margin-bottom:0px !important; margin-top:0px !important; color:white !important;}
.CC-Review-Link {font-size: 9pt !important; margin:5px 0px !important; color:white !important; text-decoration:underline;}
.CC-Review-Logo {float:left; margin-right:10px !important; margin-top:0px !important;} 

 
	/* Footer
--------------------------------------------------------------------------------*/
	ul#menu-footer-menu {display:flex; justify-content: center; padding: 5px 30px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; flex-wrap:wrap;}
	
	#menu-footer-menu li {list-style: none; padding: 5px 30px;}
	#menu-footer-menu li a{color: #888888}
	#menu-footer-menu li a:hover{color: #FF8888}
	
	footer#colophon {   width: 100%; }
 
	/* Adjustments for Magento 
--------------------------------------------------------------------------------*/
	#content header,
	main.testers header,
	main.test-skis header{width:100%;}
	#content main.testers hr,
	#content main.test-skis hr {margin: 0px; clear:none; color: #D3D3D3}

	
	/* Landing Pages	
--------------------------------------------------------------------------------*/
	.landing-header { border-bottom: 1px solid #D3D3D3; text-align: center; font-size:16pt; margin-bottom: 1em;}
	#content h1.landing-title { margin: 10px 0 0; position:relative; bottom: -.5em; background: #FFFFFF; padding:.5em 2em 0; display:inline-block;}
	
	#landing-page-brands,
	#landing-page-categories { display: flex; justify-content: center; flex-wrap: wrap;}
	
	#landing-page-brands img,#landing-page-categories img { width: 100%; height: auto; }
	
	main.front-page #landing-page-categories { margin-top: 3em; flex-direction:column; align-items: flex-start; justify-content: flex-start; height: 960px;  }
	main.front-page .cat-01, main.front-page .cat-03, #browse-brands { order: 1; }
	main.front-page .cat-02, main.front-page .cat-04, main.front-page .cat-05 { order: 2; }
	#meet-testers { order: 3; }
	main.front-page .cat-06 { order:4; }
	
	#browse-brands, #meet-testers,
	.category-container { width: 32%; margin-right: 1.65%; margin-bottom: 1.65%; }
	.brand-container { width: 9%; margin-right: 2.1%; margin-top: 2%}
	.cat-03 {margin-right: 0px;}
	
	h3#brand-section-header, h3.ack-header{ border-bottom: 1px solid #D3D3D3; margin-top:3em; }
	h3.ack-header {margin-top: 4em; font-size:12pt; !immportant}
	
	 {  }
	/* Ski Category Page Specific & Ski Tester Skis
--------------------------------------------------------------------------------*/
	#skis-tested-block h2 { width: 100%; background-color: #f5f5f5; color: black; padding: 5px 0px 5px 2%; margin-bottom: 10px !important;}
	
	#skis-tested-block, 
	#main.ski-category { display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
        #skis-tested-block div.ski-grid, 
	#main.ski-category article.type-skis { width: 46%; margin: 10px 2% 10px 2%;  display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align:center; border-bottom: 1px solid #D3D3D3;}		.post-thumbnail.ski-category-thumbnail {  }
	
	
	#skis-tested-block div.ski-grid h3,
	#main.ski-category article h2 { width: 100%; font-size: 14.5pt;}
	#skis-tested-block div.ski-grid h3 a,
	#main.ski-category article h2 a{color: black; text-decoration:none; }
	#skis-tested-block div.ski-grid div.ski-category-thumbnail,
	#main.ski-category article div.ski-category-thumbnail {width: 100%; height: auto;}
        #skis-tested-block span,
	#main.ski-category span {flex-basis: 75%; margin: 0 2%;font-family: 'Open Sans', sans-serif; font-size: 9pt; margin: 0px; line-height: 1.75em; flex-grow: 1; white-space:nowrap;}

	/*#main.ski-category  a.blue-button {width: 30%; margin: 10px 35%; font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 12pt;text-decoration: none;background-color: #001c68;color: white;padding: 5px 20px 5px 20px; ; white-space:nowrap;}*/
	/*#main.ski-category div.blue-button {width: 100%; margin: 10px 0; align-self:flex-end;}
	#main.ski-category div.blue-button a { height: 18pt; font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 12pt;text-decoration: none;background-color: #001c68;color: white;padding: 5px 20px 5px 20px; ; white-space:nowrap;}*/
	


	/* Tester Category Page Specific 
--------------------------------------------------------------------------------*/
	#main.tester-category { display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	#main.tester-category article { width: 31%; margin:4% 1%;  display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align:center;}
	
	#main.tester-category  article h2 { width: 100%; font-size: 14.5pt;}
	#main.tester-category article  h2 a { color: black; text-decoration:none; }

	#main.tester-category article div.post-thumbnail img{border-radius: 15px;width: 100%; height: auto; border: 1px solid #EEEEEE; }
	#main.tester-category span {width: 31%; margin: 0 1%;font-family: 'Open Sans', sans-serif; font-size: 9pt; margin: 0px; line-height: 1.45em; flex-grow: 1}
	#content p.tester-style { text-align: center; font-size: 1.15em; font-style:italic; font-weight:200; width: 100%}
	/*#main.tester-category div.blue-button {width: 100%; margin: 10px 0; align-self:flex-end;}
	#main.tester-category div.blue-button a { height: 18pt; font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 12pt;text-decoration: none;background-color: #001c68;color: white;padding: 5px 20px 5px 20px; ; white-space:nowrap;}*/
	

	/* Individual Tester Page Specific 
--------------------------------------------------------------------------------*/
	/* Main Image */
	#main-tester-image {overflow:hidden; height: 0; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ margin-bottom: 20px;}
	
	/* Sidebar */
	#vitals-block { border-bottom: #D3D3D3 solid 1px; border-top: #D3D3D3 solid 1px; text-align:center; margin: 30px 0px;}
	#vitals-block h3 {margin: 0px 31%; position: relative; top: -.75em; background: #FFFFFF; }

	
	/* Content Block */
	main.testers #main-content-block {text-align:center;}
	#testerTable {margin: 1% 0 1% 10%}
	#testerTable th,#testerTable  td{text-align:left; padding:5px 5px; font-size: 1.1em; line-height: 1.3em;}
	#testerTable th {text-align:right; font-weight:bold;}
	
	
	/* Gallery */
	.gallery-thumbnails { padding: 2%; width: 22%; display:inline-block; }
	.gallery-thumb-first { padding-left: 0px;}
	.gallery-thumb-last { padding-right: 0px;}
	main.testers #main-content-block .main-content-gallery {margin-top:20px; padding-right: 335px; text-align:left;}
	 
	/* Testers Gallery */
	.clear-both {clear:both;}
	.tester-thumbs-33{ width: 31%; padding: 0 1% 1%;}
	.tester-thumbs-25{ width: 23%; padding: 0 1% 1%;}
	.tester-thumbs-20{ width: 18%; padding: 0 1% 1%;}
	
	#main-content-block #tester-gallery {margin:0; padding:0;text-align: center;}
	
	#skis-tested-block div.ski-thumbnail {  }

	
	.ski-grid-info {width:315px; margin-left:20px; float:right;}
	.tester-ski-thumbnail {padding-right: 335px;}
	.tester-ski-thumbnail img {width:100%; max-width: 615px;}
	
	/*.ski-grid { border-bottom: 1px solid #D3D3D3; padding: 25px 0px;}*/
	
	
	

/* Individual Ski Page Specific 
--------------------------------------------------------------------------------*/

	main.test-skis article { margin-top: 30px; }
	main.test-skis #sidebar-block th {width:auto; text-align: left;}
	main.test-skis #sidebar-block a#logo-link { display:block; width: 100%; margin-bottom: 20px;}
	
	#sidebar-block img.tester-thumbnail{border-radius: 50%; width:150px; height:150px;}
	#skis-tested-block, 
	#ski-tester-block {width: 100%; margin: 40px 0px 30px 0px; clear:both;}
	
/*	#ski-tester-block h2 {width: 100%; background-color: #f5f5f5; color: black; padding: 5px 0px 5px 35px; margin-bottom: 10px !important;}*/
	
/*	main.test-skis .entry-content {padding-left:165px;}*/
	.ski-tester-snippet-right,
	.ski-tester-snippet-left {float:left; width:48%; margin:15px 0px 15px 0px;  min-height: 175px; }
	.ski-tester-snippet-left {padding-right: 2%; clear:left;}
	.ski-tester-snippet-right {padding-left: 2%;}
	.attachment-ski-tester-thumbnail {width:150px; height: auto; margin:0px 20px 20px 0px;  border-radius:50%; border: solid 1px #D3D3D3; }
	.tester-info {display:flex; display:-webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; flex-grow:2}
	.tester-info span {display: block;}
	/*.tester-info::before, .tester-info::after { content: ''; width: 100%; order: 1;}
	*/.tester-info p { order: 1; flex-basis:75px; flex-grow:1}
			#ski-tester-block div.blue-button { order: 2;}	#ski-tester-block div.blue-button a { font-size: 10pt; }
	/*.tester-info a { order: 2; flex-basis:100%; color: white!important; text-decoration: none !important; padding: 10px; background-color: #001c68; text-align: center; font-size: 9pt;}*/
	
	.ski-tester-snippet-left span,
	/*.ski-tester-snippet-right span {padding-right: 20px;}*/
	#ski-tester-block p.tester-style  {flex-grow:2}
	#ski-tester-block p.tester-style span { font-size: 1.15em; margin:0px; font-style:italic; font-weight:100;  }
	#ski-tester-block p.tester-style strong {display:none;}
	#ski-tester-block a.tester-name {padding-left: 75px; display: block; text-decoration:none;}
	#ski-tester-block a.tester-name h3 {border-bottom: 1px solid #D3D3D3; font-size:15pt}
	#ski-tester-block a { }
	#ski-tester-block p { text-align: left;}
	#ski-tester-block a.tester-thumbnail { float:left; display:block;}
	
	#main.test-skis div.shop-now-button { text-align:left; margin: 25px 0 25px 10px; float:left; clear:both; width: 145px; }
	
	.regular-font-weight {font-weight:400;}
	
	/* Gallery */
		main.test-skis .gallery-thumbnails { padding: 2%; width: 48%; }
		main.test-skis .thumbnail-left { padding-left: 0; }
		main.test-skis .thumbnail-right { padding-right: 0; }
		main.test-skis .gallery-single-thumb { padding: 0 0 2%; width:100%;}

@media only screen and (max-width: 1050px) {
	#main {width:100%; margin: 0px;}
	
	/* Landing Pages */
		/*.brand-container { width: 19%; }*/
	
	/* Individual Ski Page Specific */
		#ski-block, 
		#ski-block img.attachment-full  {width: 102px;}
		main.test-skis .entry-content {padding-left:122px;}		#main.test-skis div.shop-now-button { width: 122px; margin-left: 0; }		#main.test-skis div.shop-now-button a { font-size: 11pt; padding: 5px 12%  }
	
	/* Individual Tester Page Specific */
		main.testers #sidebar-block { width: 225px; }
		#sidebar-block img.tester-thumbnail{width:150px; height:150px;}
		main.testers #sidebar-block th { width: 50% }
		main.testers #main-content-block .main-content-gallery { padding-right: 245px; }	
	
	
	/*#main-content-block {float: left; margin: 30px 0px 0px 0px; width: 588px;}*/
	/*#ski-tester-block {width: 710px; margin: 30px 0px 30px 0px; clear:none; float:left;}*/
	
	/*.ski-tester-snippet-left {float:left; width:345px; margin:0px 20px 30px 0px;}
	.ski-tester-snippet-right {float:left; width:345px; margin:0px 0px 30px 0px;}*/
}

@media only screen and (max-width: 767px) {
	/*#container {width:426px; margin: 0px;} 
	#ski-block {float: left; margin: 30px 0px 0px 0px; width: 426px; height:135px;}
	#main-content-block {float: left; margin: 0px 0px 0px 0px; width: 426px;}
	#ski-tester-block {width: 426px; margin: 30px 0px 30px 0px; clear:none; float:left;}
	*/
	#ski-block {float: none; width: 100%; margin: 0px;}
	/*replaced by flexbox main.test-skis article {position:relative; padding: 0px 0px 220px 0px;} /*mobile block positioning depends on this parent*/
		
	#ski-block img.attachment-full {display:none; }
	#ski-block img.ski-image-mobile {display:block; width:100%; height:auto;}
	main.test-skis .entry-content {padding-left:0px;}
	
	main.test-skis #sidebar-block {/*flexbox*/ order: 1; -webkit-order: 1; /*position:absolute; height:150px; overflow:hidden; */ margin: 0px 0px 0px; width: 100%;  bottom: 0px; text-align:center;}
	main.test-skis article {display: flex; -webkit-display:flex; flex-direction: column; -webkit-flex-direction: column; }
	.main-content-gallery {display:inline-block; width:100%;}
	main.test-skis .mobile-video {display:block;}
	main.test-skis .main-video {display:none;}
	main.test-skis #sidebar-block table {display:none;} /* Hide for now until styled */
	main.test-skis .gallery-thumbnails { padding: 2%; width: 22%; display:inline-block; }
	main.test-skis .gallery-thumb-first { padding-left: 0px;}
	main.test-skis .gallery-thumb-last { padding-right: 0px;}
	main.test-skis #sidebar-block a#logo-link { margin-top: 20px; }
	
	main.testers #sidebar-block td,
	main.testers #sidebar-block th { font-size: 8pt; }			#main.test-skis div.shop-now-button { width: 100%; order: 2; float: none; text-align:center;}	#main.test-skis div.shop-now-button a {font-size: 13pt;}
	#testerTable {margin: 1% 0 1% 1%}
	#testerTable th,#testerTable  td{text-align:left; padding:5px 5px; font-size: 1.1em; line-height: 1.3em;}
	#testerTable th {text-align:right; font-weight:bold;}
	
	/*.mobile-thumbnail-left {float:left; width:130px; height:130px; background-color:black;  margin: 20px 0px 20px 0px;}
	.mobile-thumbnail-middle {float:left; width:130px; height:130px; background-color:black; margin: 20px 0px 20px 15px;}
	.mobile-thumbnail-right {float:left; width:130px; height:130px; background-color:black; margin: 20px 0px 20px 15px;}

	.shop-now-button {display:none;}*/
	
	.ski-tester-snippet-left, .ski-tester-snippet-right {float:none; width:100%; padding: 0px; min-height: 130px; clear:both;}
	#ski-tester-block p.tester-style span { font-size: 1.5em; padding-top: 2%;}
	
	.attachment-ski-tester-thumbnail {width:130px;}
	
	/* Ski Category Page Specific & Ski Tester Skis */
		#skis-tested-block div.ski-grid,
		#main.ski-category article.type-skis {
			width: 100%;
			margin: 2% 0;
		}
		#skis-tested-block div.ski-grid div,
		#main.ski-category article.type-skis div {
			width: 100%;
			margin: 2% 0;
		}
	
	/* Landing Pages */
		.brand-container { width: 18%; margin-right: 2%; margin-top: 4% }

		main.front-page #landing-page-categories {flex-direction:row; align-items: flex-start; justify-content: center; height: auto;  }
		main.front-page .cat-01,
		main.front-page .cat-03,
		main.front-page .cat-05 { order: 1; width: 49%; margin: 0 2% 2% 0;}
		main.front-page .cat-02,
		main.front-page .cat-04,
		main.front-page .cat-06 { order: 1; width: 49%; margin: 0 0 2% 0;}
			
		#meet-testers,
		#browse-brands { order: 2; display: none; }
		
		.category-container { width: 48%; margin: 0 1% 2%; }				#main.tester-category article { width: 48%; margin:4% 1%; }		
	
	/* Individual Tester Page Specific */
		main.testers #sidebar-block { width: 175px; }
		#sidebar-block img.tester-thumbnail{width:150px; height:150px;}

		/* Gallery */
		main.testers #main-content-block .main-content-gallery { padding-right: 0px; clear:both; }

/* Added by Matt */
	.tester-info a { order: 2; flex-basis:35%; margin-right:45%; color: white!important; text-decoration: none !important; padding: 10px; background-color: #001c68; text-align: center; font-size: 9pt;}
	#vitals-block h3 {margin: 0px 25%;}

}

@media only screen and (max-width: 480px) {
	
	h1.entry-title{ text-align: center; margin-top: 20px !important; margin-bottom: 0px !important;}
	#skis-tested-block h2 {text-align:center;}

	.tester-info {display:block; text-align:center;}
	.tester-info span {display:inline; padding-right: 15px;}
	.tester-info a {flex-basis:100%; margin-right:inherit;}
        p.tester-style {margin-bottom:20px !important;}

	#ski-tester-block p.tester-style span { padding-top: 0;}
	#ski-tester-block p { text-align: center; }
	#ski-tester-block a.tester-name {padding-left: 0px;}
	#ski-tester-block h2 {padding: 5px 0px 5px 0px; text-align:center;}
	
	
	#ski-tester-block { margin: 30px 0px 30px 0px; clear:none; text-align:center; clear:both;}
	.attachment-ski-tester-thumbnail {width: 150px; margin:30px 0px 10px;}
	
	/* Gallery */
		.gallery-thumbnails,
		main.test-skis .gallery-thumbnails { padding: 2%; width: 46%; }
	
	/* Landing Pages */
		.brand-container { width: 32%; margin-top: 4% }
		
		.category-container { width: 100%; margin: 0 0 2%}
		
	/*main.test-skis #sidebar-block {height:306px;}
	main.test-skis article {padding: 0px 0px 370px 0px;}*/
	
	
	/*.attachment-ski-tester-thumbnail {width:90px; float:none; margin:20px auto;}*/
	
	/* Individual Tester Page Specific */
		main.testers #sidebar-block { width: 100%; float: none; margin: 0px;}
		#sidebar-block img.tester-thumbnail{width:100%; height:auto;}
		#vitals-block {margin: 20px 0 0;}
		#vitals-block h3 {margin: 0px 31%;}
		#vitals-block table {margin-left: 0%; width: 100%;}
				
		#tester-thumbnail-outer {width: 150px; margin: 10px auto;}

		.tester-thumbnail { width: 100%; height: auto;}
		
		#content main.testers hr {display:none;}
		

	/*.tester-gallery-thumb-first { padding-left: 0px;}
	.tester-gallery-thumb-last { padding-right: 0px;}*/

	/* CC Ski Review Links */
	.CC-Review-Heading {text-transform:inherit !important; font-size:13pt !important; margin-bottom:5px !important; margin-top:5px !important; text-align:center;}
	.CC-Review-Link {font-size: 9pt !important; text-align:center; margin:10px;}
	.CC-Review-Logo {float:inherit; margin-right:0px; text-align:center !important;}
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

 /*magento corrections 
		header#masthead { width:100%;}

		#site-navigation { float:none; background: #0089cf;}
		#site-navigation ul.sub-menu {margin: 0px; padding: .5em 1em 1em;}
		#site-navigation ul.sub-menu li { margin-bottom: .1em;}
		
		#top-menu {margin-top: 0px;}
		
		#top-menu li {list-style: none;}*/
		


.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #222;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0;
}

.main-navigation ul ul li{
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #767676;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments li { list-style: none; }
#comments nav.comments-pagination {float:none;}
#comments .required {color: #FF0000; }
#comments form {display:block;}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 2%;
	width: 95%;
	height: auto;
}
#comments .comment-form-author,
#comments .comment-form-email {display: inline-block; width: 47%;}

#comments .comment-form-email {margin-left: 5%; }

#comments input[type="text"]:focus,
#comments input[type="email"]:focus,
#comments textarea:focus {
	color: #222;
	border-color: #333;
}

#comments button,
#comments input[type="button"],
#comments input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
#comments a.comment-reply-link {
	font-weight: 800;
	/*position: relative;*/
	padding-left: 1em;
	color: #7c7c7c;
	text-decoration:none;
	
}
#comments a.comment-reply-link:hover {
	color: #1c1c1c;
	text-decoration: underline;
	
}
.comment-reply-link .icon {
	/*color: #222;
	left: -2em;*/
	height: 1em;
	/*position: absolute;
	top: 0;*/
	width: 1em;
	padding-right: .5em;
	
}

#comments footer.comment-meta { width:100%; margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px solid #cccccc; }
#comments .comment-metadata a {color: #aaaaaa; text-decoration:none; font-weight: 400;}
#comments .comment-metadata a:hover {color: #6c6c6c; text-decoration:underline; font-weight: 500;}

#comments .comment-content {margin: 0 2% 2%;}

#comments li.depth-1 { padding: 15px 25px; margin: 20px 0px; background: #e5e5e5;}
#comments li.depth-2 { padding: 15px 25px; margin-top: 1em; background: #c5c5c5;}
#comments li.depth-3 { padding: 15px 25px; margin-top: 1em; background: #a5a5a5;}
#comments li.depth-1 .comment-respond { padding: 15px 25px; background: #c5c5c5;}
#comments li.depth-2 .comment-respond { padding: 15px 25px; background: #a5a5a5;}



#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	/*position: relative;*/
	z-index: 2;
	
	display:inline;
}

.comment-author .avatar {
	height: 50px;
	/* left: -65px;
	position: absolute; */
	width: 50px;
}

.comment-author .says {
	display: none;
}

/*.comment-meta {
	margin-bottom: 1.5em;
}*/

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
	
	display:inline;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	/*margin-bottom: 2em;*/
}



.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}


/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/




@media screen and (min-width: 48em) {

	/* Navigation 

	.navigation-top {
		bottom: 0;
		font-size: 16px;
		font-size: 1rem;
		left: 0;
		/*position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		/*padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		/*margin-left: -1.25em;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		/*position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation 

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		/*display: block;
		display: flex;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
		white-space: nowrap;
	}

	.main-navigation > div > ul > li {
		text-align:right;
		
	}
	.main-navigation > div > ul > li > a { display:inline-block;}
	

	#menu-item-522 { width: 18%;}
	#menu-item-526 { width: 20%;}
	#menu-item-530 { width: 14%;}
	#menu-item-549 { width: 16%;}
	#menu-item-521 {
		width: 28%;
		text-align: left;

	}
	
	#menu-item-521 > a {
		background-image: url('assets/images/ski-test-menu-logo.png');
		background-size: auto 90%;
		background-repeat: no-repeat;
		background-position: left center;
		padding:10px 1em 10px 75px;		
		margin-left: 10px;
		font-size: 1.2em;
		text-transform: uppercase;
		height: 22px;
	}
	
	#menu-item-521.current-menu-item > a,
	#menu-item-521.current-page-item > a,
	#menu-item-521 > a:hover,
	#menu-item-521 > a:focus	{ background-color: transparent; }
	
	#menu-item-530 > ul.sub-menu { 
		height: 12em;
		width: 235%;
		flex-wrap: wrap;
		flex-direction: column;
		padding: .5em 0 .5em .5em;
	}

	
	#menu-item-549 > ul.sub-menu {
		width: 600%;
		padding: 0;
		flex-direction:row;
	}	
	
	#menu-item-549 > ul  li{
		position:static;
	}
	
	#menu-item-530 > ul a, #menu-item-549 > ul  ul a{
		width: auto;
		padding: .5em 1.25em;
	}
	
	#menu-item-549 > ul  > li  > ul {
		position:static;
		flex-wrap: wrap;
		height: 25em;
	}
	
	#menu-item-2743 { width: 60%; }
	#menu-item-2777 { width: 40%; }

	#menu-item-2777 > a , 
	#menu-item-2743> a  {
		color: #f8ef22;
		font-weight: bold;
		text-transform: uppercase;
		margin-left: 1.1em;
		padding-top: 1.25em;
		padding-bottom: 0;
	}

	#menu-item-2743:hover > a, 
	#menu-item-2777:hover > a,
	#menu-item-2743:hover , 
	#menu-item-2777:hover {
		background: #0075b0;
		cursor: default;
	}
	
	#menu-item-2743 > a  > svg,
	#menu-item-2777 > a  > svg { display:none; }
	
	#menu-item-2743 ul.sub-menu,
	#menu-item-2777 ul.sub-menu{ border: none; }
	
	#menu-item-2743 ul.sub-menu { border-right: 1px solid #02141e; }
	
	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: .75em 1.25em;
	}

	.main-navigation ul ul {
		background: #0075b0;
		border: 1px solid #bbb;
		right: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
		flex-direction: column;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: 100%;
		/*right: auto;
	}

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.6s ease-in-out;
		transition: background-color 0.6s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		/*-webkit-transition: color 0.6s ease-in-out;
		transition: color 0.6s ease-in-out;
		font-size: .85em;
		font-weight: 400;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus/*,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
		background: #02141e;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		/*left: 0.5em;
		right: auto;
	}
	
	#menu-item-549:hover ul, 
	#menu-item-549:focus ul { right: -12%;}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera 
		-ms-transform: rotate(-90deg); /* IE 9 
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		right: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}


*/
}

@media screen and ( min-width: 67em ) {


	/* Navigation 
	.navigation-top .wrap {
		/*padding: 0.75em 2em;
	}

	.navigation-top nav {
		margin-left: 0;
	}


	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}