/* EOL Note */
#table-wrapper .section { padding-top: 20px; }
#eol-note { padding: 16px; border: 1px solid #e0e0e0; background-color: #fafafa; border-radius: 8px; margin-bottom: 20px; }
#eol-note span.eol-bold { font-weight: 400; }

/* Feature */
.fh1 {text-align: center; background-image: url(/resources/downloads/images/feature-graphic.jpg); background-position: center; background-size: cover;}
@media only screen and (max-width: 1068px) {.fh1{min-height:350px;}}
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {.fh1 {background-image: url(/resources/downloads/images/feature-graphic_2x.jpg)}}

/* Updaters Nav */
#updaters-nav .section {padding-bottom: 0px;}
#updaters-nav .column.tertiary-nav-item {padding: 0px 0px 8px; min-width: 80px; width: auto; flex-grow: 1;}
@media only screen and (max-width: 1068px) {
	#updaters-nav .sh1 {margin-bottom: 60px} 
	#updaters-nav .row-tertiary-nav {width: 100%;}
}
@media only screen and (max-width: 764px) {
	#updaters-nav .sh1 {margin-bottom: 30px}
	#mac-nav-item, #win-nav-item, #linux-nav-item {margin-top: 8px;}
	#updaters-nav .row-tertiary-nav {flex-direction: column; padding: 0px 32px; text-align: center;}
	#updaters-nav .column.tertiary-nav-item {float: none; margin: 0 auto; margin-top: 8px; width: 80%;} 
}


/* Table */
#downloads-table .table-container {text-align: center;}
#downloads-table .table-container table.table-1 {border: none; padding: 0; margin-bottom: 30px; text-align: left;}
#downloads-table .table-container table.table-1 thead th { vertical-align: middle; padding:10px 10px 10px 10px; font-size: 18px; font-weight: 400; border: none; border-bottom: 1px solid #c2c2c2; background-color: #fff;}
#downloads-table .table-container table.table-1 tbody td { border-bottom: 1px solid #eeeeee; padding:10px 10px 10px 10px; vertical-align:middle; border-right: none; background-color: #fff;}
#downloads-table .table-container table.table-1 tbody td p {margin-bottom: 0;}
#updaters-mac table.table-1 tbody td:nth-of-type(n+2), #updaters-win table.table-1 tbody td:nth-of-type(n+2) {width: 180px;}
#updaters-mac table.table-1 tbody td:last-of-type, #updaters-win table.table-1 tbody td:last-of-type {width: 200px;}
#downloads-table .table-container table.table-1 .dash {color: #333; font-size: 11px;}
#downloads-table .table-container table.table-1 .dl-size { color:#999; font-size:11px; line-height: 20px; }
#downloads-table .table-container table.table-1 .new {font-size: 10px; color: #9d70ba; padding-right: 6px; vertical-align: top; font-weight: 500;}

/* Table expand functionality */
#downloads-table .table-container table.table-1 tbody tr:nth-child(n+11){display: none;} /* Set initial number of visible rows */
#downloads-table .table-container .expand-label {cursor: pointer;}
#downloads-table .table-container .expand-label p {display: inline; color: #208a3d}
#downloads-table .table-container .expand-label p:hover {color:#2da14a}
#downloads-table .table-container .expand-label span.collapse {display: none;}
#downloads-table .table-container .expand-label p span.icon-after::after {top:-2px}
#downloads-table .table-container .expand-label p span.collapse.icon-after::after {top:-1px}
#downloads-table .table-container input[type="checkbox"]:checked + table.table-1 tbody tr:nth-child(n+11) {display: table-row;}
#downloads-table .table-container input[type="checkbox"]:checked ~ .expand-label span.expand {display: none;}
#downloads-table .table-container input[type="checkbox"]:checked ~ .expand-label span.collapse {display: inline;}
#downloads-table .table-container input[type="checkbox"]:checked ~ .expand-label p.icon-after::after {transform: rotate(45deg);}

@media only screen and (max-width: 764px) {
	#downloads-table .table-container table, #downloads-table .table-container thead, #downloads-table .table-container tbody, #downloads-table .table-container th, #downloads-table .table-container td, #downloads-table .table-container tr { display: block; }
	#downloads-table .table-container table.table-1 thead tr {position: absolute; top: -9999px; left: -9999px;}
	#downloads-table .table-container table.table-1 tr:first-of-type:first-child {border-top: 1px solid #c2c2c2;}
	#downloads-table .table-container table.table-1 tbody td {border-top: none;}
	#downloads-table .table-container table.table-1 tbody td:before {content: attr(data-title); display: table-cell; width: 180px; font-weight:400;}
	#downloads-table .table-container table.table-1 tbody td:first-of-type {background-color: #f2f2f7; }
	#downloads-table .table-container table.table-1 tbody td:last-of-type {border-bottom: 1px solid #c2c2c2;}
	#downloads-table .table-container table.table-1 tbody td p {display: table-cell;}
	#updaters-mac table.table-1 tbody td:nth-of-type(n+2), #updaters-win table.table-1 tbody td:nth-of-type(n+2) { width: auto;}
}

/* Try Section */
#try-platform {background-color:#212a43; --tile-border-radius: 10px;}
#try-platform .sh2 {width: 100%; margin-bottom:60px}
#try-platform .d11 {width: 80%; margin: 0 auto;}
#try-platform .d11 .column {padding: 30px; width:33%; border-radius: var(--tile-border-radius); background: rgb(54,116,122); background: linear-gradient(310deg, rgba(54,116,122,1) 0%, rgba(70,135,95,1) 100%); display: flex; flex-direction: column; width: 100%;}
#try-platform .d11 .column:last-of-type {background: linear-gradient(310deg, rgba(46,102,136,1) 0%, rgba(70,135,95,1) 100%);}
#try-platform .d11 .column p, #try-platform .d11 .column .cta-buttons {text-align: center;}
#try-platform .d11 .column .cta-buttons {align-self: center; margin-bottom: 0; margin-top: auto;}
#try-platform .d11 .column a.inline-white-cta {color: #fff; font-weight: 500; transition: .2s;}
#try-platform .d11 .column a.inline-white-cta:hover {color: #fff; text-decoration: underline;}
@media only screen and (max-width: 1068px) {
	#try-platform .d11 .column .h3 {font-size: 1.66rem;}
	#try-platform .d11 .column { padding: 20px 22px 55px;} }
@media only screen and (max-width: 900px) {
	#try-platform .row-flex.d11 {flex-direction: column;}
	#try-platform .d11 .column {width: 100%; max-width: 400px; margin: 0 auto; margin-bottom: 30px;}
	#try-platform .d11 .column { margin-bottom: 20px; } }
@media only screen and (max-width: 1069px) {
	#try-platform .d11 .cta-buttons .a2 { font-size: 1rem; line-height: 1.5rem; } }

#resources .section {padding-top: 0px;}
.ei-multicolumn .column-flex input[class="ei-checkbox"]:checked + .expandable-item {height:100%;}