﻿/* ALL FINANCE SPECIALS PAGE */

#FinanceOffers_Section .image-holder {
    display:block;
	position: relative;
    max-height: 275px;
    height: 275px;	
	overflow: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;   
}
#FinanceOffers_Section .image-holder img {
	width: 100%;
	height: auto;
	display: block;
    object-fit: contain;
    object-position: center;	
	transition: transform 0.3s ease;
	opacity:1;
	transition: 0.4s all;		
}
#FinanceOffers_Section .image-holder img:hover{
	opacity:0.7;
}
#FinanceOffers_Section .content-contain {
    padding: 20px;
    background: #f5f8f6;
    border-left:solid 1px #cbcfcc;
    border-right:solid 1px #cbcfcc;
    border-bottom:solid 1px #cbcfcc;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
#FinanceOffers_Section h2.finance-main-heading,
#FinanceOffers_Section h2.finance-main-heading a
{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: #18191a;
}
#FinanceOffers_Section h2.finance-main-heading a:hover{
	text-decoration: underline;
}
#FinanceOffers_Section h3.finance-sub-heading,
#FinanceOffers_Section h3.finance-sub-heading a
{
    font-size: 1rem;
    color: #434446;
    margin-bottom: 0.75rem;
}
#FinanceOffers_Section h3.finance-sub-heading a:hover {
	color:#1d1d1d;
	text-decoration: underline;
}
#FinanceOffers_Section div.FinanceCategoriesDateRange{
	font-size:0.875rem;
	font-weight:600;
	color:#1a1a1a;
	margin:0 0 20px 0;
}
#FinanceOffers_Section div.FinanceCategoriesInfo p,
#FinanceOffers_Section div.FinanceCategoriesInfo ul li,
#FinanceOffers_Section div.FinanceCategoriesInfo p,
#FinanceOffers_Section div.FinanceCategoriesInfo ul li{
	font-size:1rem;
}


/* FINANCE DETAILS PAGE */

#FinanceDetailsInfo{
	padding:25px 0 25px 0;
}
#FinanceDetailsInfo div.FinanceDetailsDateRange{
	font-size:14px;
	font-weight:600;
	color:#1a1a1a;
	margin:0 0 8px 0;
	text-align:center;
}
ul.no-bullet {
    list-style-type: none;
    margin-left: 0;
    text-align: center;
}
ul.no-bullet li{
	width:auto;
	display:inline-block;
	margin:1%;
}
ul.no-bullet li a{
	font-size:1rem;
}
ul.no-bullet li a:hover{
	text-decoration:underline;
}
.black_button{
	background:#dadada;
	color:#000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;	
}
.black_button:hover{
	background:#c3c3c3;
	color:#000;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);	
}
#FinanceDetailsInfo div.FinancePercentMonths{
	display:block;
	background:#ffdd00;
	padding:12px;
	margin-bottom:15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
#FinanceDetailsInfo div.FinancePercentMonths span.BigGreen{
	font-size:36px;
	line-height:36px;
	font-weight:800;
	color:#497637;
	margin-bottom:10px;
}
#FinanceDetailsInfo div.FinancePercentMonths span.verysmalltext{
	font-size:14px;
	color:#000;
}
#FinanceDetailsInfo div.FinancePercentMonths div.PercentContain{
	display:block;
}
#FinanceDetailsInfo div.FinancePercentMonths div.RotateMonths{
	display:inline-block;
	font-size:12px;
	color:#000;
	font-weight:700;
	transform: rotate(-90deg);
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
}
#FinanceDetailsInfo div.FinancePercentMonths div.FinancingSubText{
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	letter-spacing:8px;
	text-align:center;
	padding:6px 0 0 0;
	border-top:1px black solid;
}
#FinanceDetailsInfo p.ContactExpertDisclaimer{
	font-size:12px;
	padding:10px 0 10px 0;
	margin:10px 0 10px 0;
}
#FinanceDetailsInfo .SalePriceSection{
	font-size:22px;
	color:#497637;
	font-weight:700;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo .MonthlyPaymentSection{
	font-size:22px;
	color:#101010;
	font-weight:700;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo .MonthlyPaymentSection span.smaller-subdescription{
	font-size:14px;
	font-weight:600;
}
p.FinanceDisclaimer{
	font-size:12px !important;
	line-height:1.8;
	color:#090909;
	margin:5px 0 15px 0;
	text-align:center;
}
#FinanceDetailsInfo .hang_tag_list .hang_tag_holder{
	border:1px #1b1b1b solid;
	padding:50px 15px 15px 15px;
	margin:0 0 20px 0;
	position:relative;
	text-align:center;
}
#FinanceDetailsInfo .hang_tag_list .hang_tag_title{
	background:#1b1b1b;
	width:75%;
	position:absolute;
	top:-16px;
	left:0;
	right:0;
	margin:0 auto;
	font-size:1.125rem;
	font-weight:bold;
	color:#fff;
	padding:8px;
	text-align:center;
}
#FinanceDetailsInfo .hang_tag_list .hang_tag_price{
	line-height:1.4;
}
#FinanceDetailsInfo .hang_tag_list .hang_tag_price p,
#FinanceDetailsInfo .hang_tag_list .hang_tag_price ul li
{
	line-height:1.4;
	color:#1b1b1b;
}
#FinanceDetailsInfo .hang_tag_list .hang_tag_photo {
    max-height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#FinanceDetailsInfo .hang_tag_list .hang_tag_photo img {
    max-height: 200px;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}
#FinanceDetailsInfo a.ApplyForFinancing-Button {
	width:100%;
	background:#ffdd00;
	font-size:0.938rem;
	color:#000;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding:14px 0;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo a.ApplyForFinancing-Button:hover {
	background:#edd024;
	-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50);		
}
#FinanceDetailsInfo a.BYO-Button {
	width:100%;
	background:#151515;
	font-size:0.938rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding:14px 0;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo a.BYO-Button:hover {
	background:#000;
	-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50);		
}
#FinanceDetailsInfo a.BuyOnline-Button {
	width:100%;
	background:#474747;
	font-size:0.938rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding:14px 0;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo a.BuyOnline-Button:hover {
	background:#323232;
	-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50);		
}
#FinanceDetailsInfo a.ContactExpert-Button {
	width:100%;
	background:#497637;
	font-size:0.938rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding:14px 0;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo a.ContactExpert-Button:hover {
	background:#20612a;
	-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50);		
}
#FinanceDetailsInfo a.ShopDeere-Button {
	width:100%;
	background:#20612a;
	font-size:0.938rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	display:block;
	padding:14px 0;
	margin:0 0 20px 0;
}
#FinanceDetailsInfo a.ShopDeere-Button:hover {
	background:#497637;
	-webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.50);		
}
#FinanceDetailsInfo .sale-price,
#FinanceDetailsInfo .monthly-payment,
#FinanceDetailsInfo .finance-percentage,
#FinanceDetailsInfo .finance-months
{
	font-size: 24px;
	font-weight: bold;
}
.related-model-heading{
	text-align:center; 
	text-transform:uppercase; 
	font-size:22px; 
	font-weight: bold;
	margin:0;	
}

/* FORMS */

form#Form_ContactExpert fieldset .field.text,
form#Form_ContactExpert fieldset .field.email
{
	width:48.3%;
	margin-right:8px;
	float:left;
}
form#Form_ContactExpert fieldset .field.dropdown,
form#Form_ContactExpert fieldset .field.textarea
{
	width:98%;
	clear:both;
}

/* ACCORDION */

.content-acc {
    margin-top: 3rem;
}
.content-acc .promo-trigger {
    cursor: pointer;
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #f7f7f7;
	border: solid 1px #c7c7c7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
}
.content-acc .promo-trigger::after {
    content: '+';
    position: absolute;
    right: 15px;
    top: 0;
	font-size: 1.5rem;
	line-height: 2.7;
    transition: transform 0.25s ease;
}
.content-acc .promo-trigger.is-open::after {
    content: '–';
}
.content-acc .acc-panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    margin-bottom: 1.5rem;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 640px) {
	#FinanceDetailsInfo a.ApplyForFinancing-Button,
	#FinanceDetailsInfo a.BYO-Button,
	#FinanceDetailsInfo a.BuyOnline-Button,
	#FinanceDetailsInfo a.ContactExpert-Button,
	#FinanceDetailsInfo a.ShopDeere-Button
	{
		margin: 0 0 5px 0;
	}	
	#FinanceDetailsInfo .hang_tag_list li {
	    padding: 2px;
	}	
	#FinanceDetailsInfo .hang_tag_list li .hang_tag_holder .hang_tag_title {
	    padding: 2px;
	}
	#FinanceDetailsInfo .hang_tag_list li .hang_tag_holder {
	    padding: 40px 15px 15px 15px;
	}	
	form#Form_ContactExpert fieldset .field.text,
	form#Form_ContactExpert fieldset .field.email
	{
		width:100%;
		margin-right:0px;
		float:none;
	}
	form#Form_ContactExpert fieldset .field.dropdown,
	form#Form_ContactExpert fieldset .field.textarea
	{
		width:100%;
	}
	.related-model-heading{
		text-transform:none; 
		font-size:18px; 
	}		
}