﻿#cooling-advisor-modal .modal-body { padding: 10px 30px 0px 30px; height: 490px; overflow-y: auto; }
#cooling-advisor-modal label { font-size: 0.8rem; }

#ca-usage-locations .row div.col-xs-4 { text-align: center; }
#ca-usage-locations .row div.col-xs-4 a:hover { text-decoration: none; }
#ca-usage-locations a > span { display: block; }

#cooling-advisor-modal .two-col { columns: 2; column-gap: .25rem; }
#cooling-advisor-modal .spa-answers { padding: 10px 0 20px 0; }
#cooling-advisor-modal .radio-options { margin-top: 10px; }
#cooling-advisor-modal .radio-options span, #cooling-advisor-modal .cbox-options span{ vertical-align: top; }

#cooling-advisor-modal .connectionTypeBorder { border: 1px solid #656d73; }
#cooling-advisor-modal .connectionTypeBorderActive { border: 5px solid #005eb8; }
#cooling-advisor-modal .connectionTypeText { color: #656d73; }
#cooling-advisor-modal .connectionTypeTextActive { color: #005eb8; }

#cooling-advisor-modal .radio,
#cooling-advisor-modal .checkbox { padding-left: 0; }

#cooling-advisor-modal input[type="number"] { padding: 6px 2px 6px 12px; }
#cooling-advisor-modal .media-body { padding-left: 5px; }
#cooling-advisor-modal .itemImage img { width: 100px; }
#cooling-advisor-modal .itemNumber { font-weight: bold; font-size: 0.8rem; }
#cooling-advisor-modal .itemDetails p { margin-bottom: 5px; font-size: 0.8rem; }
#cooling-advisor-modal .itemDetails strong { font-size: 0.8rem; }
#cooling-advisor-modal .itemCta { font-weight: bold; font-size: 0.8rem; }

#cooling-advisor-modal .rowTrippRecommend,
#cooling-advisor-modal .rowTopRecommend,
#cooling-advisor-modal .rowRecommendations { padding-left: 25px; }

#cooling-advisor-modal .rowTrippRecommend .iconRecommend,
#cooling-advisor-modal .rowTopRecommend .iconRecommend { float: left; }

#cooling-advisor-modal .rowTrippRecommend .iconRecommend + span,
#cooling-advisor-modal .rowTopRecommend .iconRecommend + span,
#cooling-advisor-modal .rowRecommendations span { line-height: 2; font-size: 17px; text-transform: uppercase; margin-left: 5px; }

#cooling-advisor-modal .itemShort .iconRecommend { float: left; position: relative; top: auto; left: auto; }

#cooling-advisor-modal .itemFull, #cooling-advisor-modal .itemShort { padding-left: 25px; }

#cooling-advisor-modal .itemSolo { padding-left: 25px; margin-top: 25px; }
#cooling-advisor-modal .itemSolo .itemImage img { width: 220px; }
#cooling-advisor-modal .itemSolo .itemDetails { margin-top: 25px; }
#cooling-advisor-modal .itemSolo .itemCta a.btn { min-width: 144px; margin-top: 10px; }

#cooling-advisor-modal .modal-footer { min-height: 90px; padding: 15px 15px 0px; }
#ca-navigation { padding-left: 20px; min-height: 35px; }
#ca-step-number { text-align: left; }
#ca-see-matches { margin-left: 5px; }

#ca-recommendations .recommedations-heading { display: block; text-align: center; text-transform: uppercase; margin-bottom: 15px; }
#compareModels, #exploreMore { margin-top: 20px; text-align: center; }

.ca-answers { padding-left: 5px; text-align: center; }
#cooling-advisor-modal button.circle-btn {
	background-color: #fff;
	border: 4px solid #005eb8;
	border-radius: 80px;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-size: 20px;
	height: 160px;
	margin-bottom: 20px;
	margin-right: 15px;
	text-align: center;
	vertical-align: middle;
	width: 160px;
}
#cooling-advisor-modal button.circle-btn:hover {
	cursor: pointer;
	border: 6px solid #e8f5fd;
	-webkit-box-shadow: 0 0 5px 2px #005eb8;
    -moz-box-shadow: 0 0 5px 2px #005eb8;
    box-shadow: 0 0 5px 2px #005eb8;
}
#cooling-advisor-modal button.circle-btn:focus-visible {
	outline: 0;
}

#cooling-advisor-modal button.circle-btn { color: #393939; }
#cooling-advisor-modal button.circle-btn:hover { color: #005eb8; }

#cooling-advisor-modal button.rect-btn {
	background: linear-gradient(106deg, #005eb8, #005eb8 97px, #fff 98px, #fff 100%);
	border: 2px solid #005eb8;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	height: 36px;
	margin: 0 12px 30px 12px;
	position: relative;
	width: 230px;
}
#cooling-advisor-modal button.rect-btn:hover span.rect-btn-btu { color: #005eb8; }
#cooling-advisor-modal button.rect-btn span.rect-btn-watt {
	color: #fff;
	position: absolute;
	left: 10px;
	top: 4px;
}
#cooling-advisor-modal button.rect-btn span.rect-btn-btu {
	position: absolute;
	right: 10px;
	top: 4px;
}

.ca-recommendation { margin-top: 15px; }
.ca-recommendation .media-object { padding-left: 15px; padding-right: 0; }
.ca-recommendation .media-object img { width: 80%; }
.ca-recommendation .media-body { padding-bottom: 65px; }
.ca-recommendation .media-body h5 { margin-bottom: 4px; }
.ca-recommendation .media-body p { font-size: 0.9rem; }
table.alternative-results { margin-top: 10px; }

#cooling-solutions-form td:first-of-type { font-size: 14px; }
#cooling-solutions-form label { font-weight: normal; }

@@media screen and (max-width: 599.98px){
	#cooling-advisor-modal .modal-body { height: 410px; }
	#ca-answers-usage-locations img { width: 90%; }
	#ca-navigation button { margin-bottom: 7px; }
}