/* === SOL2020 - SUPPORT CENTER === */

.faq-drilldown, .faq-spin::before { -webkit-transition: none; transition: none; }

body { background-color: #9bdfe5; }
#page-title { background-color: #69a8b0; padding: 0px; }
#page-title h3 { color: #FFFFFF; }
.support-page { padding-bottom: 65px; }
.support-page h4, .support-page h5 { font-family: futura-pt, sans-serif; }

#support-left { margin-bottom: 35px; }
#support-right { border-top: 1px solid #FFFFFF; padding-top: 35px; }

.content-container ul li, .content-container p { font-size: 15px; }

ul#support-nav { margin: 0px; text-align: center; padding: 25px 0px; padding-top: 30px; }

ul#support-nav li {
	display: inline-block;
	font-size: 18px;
	margin: 5px 15px;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
	padding-bottom: 10px; 
}
ul#support-nav li.support-nav-active { border-bottom: 3px solid #FFFFFF; }
ul#support-nav li a, ul#support-nav li a:visited { color: #FFFFFF; text-decoration: none; }
ul#support-nav li:first-child { margin-left: 0px; }
ul#support-nav li:last-child { margin-right: 0px; }

#ticket-resources ul.bulleted li { font-size: 15px; }
.support-page input[type="checkbox"] + label span.checkbox { border: 1px solid #69a8b0 }
.support-page input[type="checkbox"]:checked + label span.checkbox { border: 1px solid #e94b4b }

#support-select { text-align: center; margin: 25px 0px; }
.support-listing {
	display: inline-block;
	width: 49%;
	margin-bottom: 15px;
}
#support-listing-container {
	margin: 0 auto;
	min-height: 425px;
}
.support-listing h5 a {
	display: block;
	min-width: 130px;
	padding-top: 124px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-size: 19px;
}
.support-listing h3 a:visited {
	color: #000000;
}

#select-getting-started h5 a {
	background-image: url('/images/support_getting-started.png');
}
#select-faq h5 a {
	background-image: url('/images/support_faq.png');
}
#select-updates h5 a {
	background-image: url('/images/support_updates.png');
}
#select-manuals h5 a {
	background-image: url('/images/support_manuals.png');
}
#select-videos h5 a {
	background-image: url('/images/support_videos.png');
}

#select-getting-started h5 a, #select-faq h5 a, #select-updates h5 a,
#select-manuals h5 a, #select-videos h5 a {
	background-size: 105px 105px;
	background-repeat: no-repeat;
	background-position: top center;
}

ul.bulleted li span { display: block; }
ul.bulleted li a, ul.bulleted li a:visited { color: #000000; }
ul.bulleted li span a, ul.bulleted li span a:visited { color: #e94b4b; font-size: 15px; }

.content-section { padding: 25px 0px; }
.content-section.add-border { border-top: 1px solid #FFFFFF; }
.content-section:first-child { border: none; padding-top: 0px; margin-top: 0px; }


ul.download-links li {
	display: inline-block;
	text-align: center;
	margin: 0px 10px;
	min-width: 50px;
}
ul.download-links li a { 
	display: block;
	padding-top: 53px;
}
ul.bulleted li:before {
	border-color: transparent transparent transparent #e94b4b;
}

.apple {
	background: url('/images/support_icon_apple.png') top center no-repeat;
}
.windows {
	background: url('/images/support_icon_windows.png') top center no-repeat;
}
p.fixes-title a, p.fixes-title a:visited,
ul.download-links li a, ul.download-links li a:visited { color: #000000; }
.fixes-dropdown {
	display: none;
	margin-bottom: 15px;
}

.manual-list { display: none; }

.faq-spin::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	#select-getting-started h5 a {
		background-image: url('/images/support_getting-started@2x.png');
	}
	#select-faq h5 a {
		background-image: url('/images/support_faq@2x.png');
	}
	#select-updates h5 a {
		background-image: url('/images/support_updates@2x.png');
	}
	#select-manuals h5 a {
		background-image: url('/images/support_manuals@2x.png');
	}
	#select-videos h5 a {
		background-image: url('/images/support_videos@2x.png');
	}
	
	.apple {
		background: url('/images/support_icon_apple@2x.png') top center no-repeat;
		background-size: 37px 46px;
	}
	.windows {
		background: url('/images/support_icon_windows@2x.png') top center no-repeat;
		background-size: 41px 46px;
	}
}

@media only screen and (min-width: 480px) {
	
	ul#support-nav li { font-size: 20px; padding-bottom: 15px; }
	#select-getting-started h5 a, #select-faq h5 a, #select-updates h5 a,
	#select-manuals h5 a, #select-videos h5 a {
		background-size: 114px 114px;
	}
	
}

@media only screen and (min-width: 768px) {
	
	.support-listing { width: auto; }
	
	#support-left { float: left; width: 67%; margin-bottom: 0px; }
	#support-right { float: right; width: 28%; border: none; padding: 0px; }
	
	.support-listing { padding: 0px 25px; }
	
	ul#support-nav { padding: 0px; }
	ul#support-nav li {
		font-size: 22px;
		margin: 0px 25px;
		padding: 35px 0px;
	}
	
	ul#support-nav li.support-nav-active { border-bottom: 4px solid #FFFFFF; }
	
	.support-listing h5 a { font-size: 22px; }
	
	.fixes-dropdown {
		max-height: 300px;
		overflow: hidden;
		overflow-y: scroll;
		padding-right: 15px;
	}
	
}


@media only screen and (min-width: 1140px) {
	.support-listing { padding: 0px 35px; }
	.support-listing { padding: 0px 35px; }
	
	ul#support-nav li {
		margin: 0px 35px;
	}
	
}