/* RA - 14:50 28/10/2019 */
.cta { font-family: "Sainsburys Mary Ann Extra Bold", Helvetica, sans-serif } 
#content>.row>.col>.contentMain>h2 { display: none; } 
.calculator.loanAprcalcsmall form .fieldWrapper.control { padding: 38px 20px 0 18px; } 
.custom-select-open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } 
.custom-select-open div { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } 
.calculator.loanAprcalcsmall a.cta { margin: 0px; padding: 0; } 
.calculator.loanAprcalcsmall form label { font-weight: normal; } 
.calculator.loanAprcalcsmall .notes { color: #333; margin-top: 20px; } 
.calculator.loanAprcalcsmall form .label-suffix { font-size: 1em; } 
#home-panel-promo .inner { min-height: 522px; } 
.calculator.loanAprcalcsmall form input[type=radio] { -moz-appearance: radio !important; -webkit-appearance: radio !important; appearance: radio !important; } 

/* POD 2 */

.content ul.checklist.credit-card-pod li { margin-top: 0px; margin-bottom: 0px; } 
.content ul.checklist.credit-card-pod { margin-top: 5px; } 
#credit-card-pod-btn-container { display: flex; width: 100%; flex-direction: row; justify-content: space-between; padding-top: 54px; } 
#credit-card-pod-btn-container>p { width: 125px; } 
.creditCardIcon { width: 45px; height: 45px; display: block; position: absolute; right: 19px; top: 9px; } 

/* POD 3 */

#content .calculator form { min-height: auto; } 
.calculator.loanAprcalcsmall form input#loans-calc-small-borrowing { border-color: #d7d7d7; background: transparent url(../../../../library/default/images/rebrand/pound-icon.png) no-repeat 10% 45%;} 
.calculator.loanAprcalcsmall form input#loans-calc-small-borrowing:focus { border: solid 1px #f06c00; box-shadow: 0 0 0 3px #96dbfa; } 
#content .contentRelated .calculator form { min-height: 100%; } 
.calculator.loanAprcalcsmall form input.text { border-color: #d7d7d7; border-radius: 2px; color: #4c4c4c; } 
.calculator.loanAprcalcsmall form input:hover { border-color: #4c4c4c; box-shadow: inset 0 0 0 1px #4c4c4c; } 
.calculator.loanAprcalcsmall form input:focus { border: solid 1px #f06c00; box-shadow: 0 0 0 3px #96dbfa; } 

 /* OVERWRIDES REMOVE THEM FROM reskin_v2 */
 .home-panel .headingStyle2 { border: none; } 
 .calculator.loanAprcalcsmall form .fieldWrapper.borrowing { border-top: none; margin-bottom: 0; } 
 .calculator.loanAprcalcsmall { border: none; box-shadow: none; margin: 0; margin-bottom: 0; } 
.calculator.loanAprcalcsmall form .fieldWrapper { padding-right: 0; padding-left: 0; } 
.calculator.loanAprcalcsmall form .field { margin: 0; padding-bottom: 1em; overflow: visible; } 
.calculator form .fieldWrapper { margin: 0; } 
.custom-select input { text-align: left !important; } 
.productPod form .field { clear: both; overflow: hidden; margin: .5em 0; width: 100%; padding-top: .25em; padding-bottom: .25em; } 
.productPod form .field_2 { clear: both; overflow: visible; margin: .5em 0 0 0; width: 100%; padding-top: .25em; padding-bottom: .25em; } 
.productPod form .field_3 { clear: both; overflow: visible; margin: 0; width: 100%; padding-top: 0; padding-bottom: .25em; } 

/* PODS UPDATED */

.productPod { border: 1px solid #d7d7d7; border-radius: 2px; margin-bottom: 10px; -webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ } 
.productPod form { margin: 0; overflow: visible !important; } 
.productPod .podHeading { display: flex; height: 35px; align-items: center; vertical-align: middle; margin: 1.5em 0; padding-left: 1em; border-radius: 2px 2px 0 0; border-bottom: 2px solid #d7d7d7; background: #fff; color: #fff; margin: 0; padding: 1em; background-position: 95% 50%; background-repeat: no-repeat; background-size: 48px } 
.podHeading .headingStyle2 { padding-top: 0 !important; letter-spacing: 0; } 

.podHeading.pounds { background-image: url(../../../../library/default/images/rebrand/48x48px_Loans.png); } 
.podHeading.onlinebanking { background-image: url(../../Images/assets/icons/48x48px/Pictorial_icons_orange/48x48px_Online_Banking.png); } 
.podHeading.travelmoney { background-image: url(../slingshot/img/SB_Icon_Set_orange_96x96px_Travel_Money.png); } 
.productPod .podContent { width: 90%; max-height: 450px; padding: 5%; min-height: 450px; } 
.productPod .podButtons { display: flex; height: auto; align-items: center; vertical-align: middle; margin: 0; padding: 1em; min-height: 48px; } 
.productPod .podButtons .cta { width: 100%; margin: 0; } 

.productPod .buttonsGroup .cta { max-width: 48%; margin: 0; } 
.productPod .buttonsGroup .cta:first-child { max-width: 48%; margin-right: 0.5em; } 
.productPod .travelMoney .field { clear: both; overflow: visible; margin: 1em 0; width: 100%; padding-top: .25em; padding-bottom: .25em; } 
.travelMoney .term { border-top: solid 1px #d7d7d7; padding: 0.5em 0; } 
.productPod form .field { overflow: visible; } 
.onlineCurrency .podContent img { position: relative; left: calc(50% - 130px); } 

/* RADIO BUTTONS */

 .productPod .containerRadioLabel { font-family: Arial, sans-serif; font-weight: 300; font-size: 16px; width: calc(100% - 3em); margin: 0; min-width: 220px; padding: 0 0 0 3em; height: 48px; display: flex; align-items: center; } 
 .productPod .containerRadioLabel:hover { background: rgba(76, 76, 76, 0.08); } 
 .productPod .containerRadioLabel .checkmark { top: calc(50% - 14px); left: 0.5em; width: 24px; height: 24px; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: 50% 50%; border: 1px solid #d7d7d7; transition-property: background-color, border-color; transition-duration: .2s; } 
 .productPod .containerRadioLabel input:checked~.checkmark { background-color: #fff; border: 2px solid #f06c00; } 
.containerRadioLabel input:focus~.checkmark { box-shadow: 0 0 0 3px #96dbfa; } 
.productPod .containerRadioLabel:hover > input:checked { background: rgba(229,80,0,.8); } 
 .productPod .containerRadioLabel .checkmark:after { top: calc(50% - 9px); left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #f06c00; } 
 .productPod .containerRadioLabel:hover .checkmark { border-color: #4c4c4c; border-width: 2px; } 

 /* INPUT */

.borrowing-field { max-width: 65px; } 
 .travelMoney input, .loansCalculator input { height: 36px; padding: 5px; text-align: left; position: relative; z-index: 3; margin-right: 0.5em; font-family: Arial, sans-serif; box-shadow: none; } 
 .productPod input[type="text"], .productPod input[type="number"], select { border: solid 1px #d7d7d7; transition-property: background-color, border-color; transition-duration: .2s; } 
 .productPod input[type="text"]:hover, .productPod input[type="number"]:hover, select { border: solid 1px #4c4c4c; box-shadow: inset 0 0 0 1px #4c4c4c; } 
.productPod input[type="text"]:focus, .productPod input[type="number"]:focus, select { border: solid 1px #f06c00; box-shadow: 0 0 0 3px #96dbfa; } 

/* SCREEN SIZES / MEDIA QUERIES */

@media only screen and (max-width: 640px){
 .productPod .podContent { width: 90%; height: auto; padding: 5%; min-height: auto; } 
 #credit-card-pod-btn-container { flex-direction: column; } 
 #credit-card-pod-btn-container>p { width: 100%; } 
 #credit-card-pod-btn-container>p:nth-child(2)>a { margin-top: 0px; } 
 .productPod .podButtons.small-hidden { display: none; } 
 .borrowing-field { width: 28%; max-width: none; } 
 .calculator.loanAprcalcsmall form input#loans-calc-small-borrowing { width: 35%; background-position: 5% 45%;} 
 .calculator.loanAprcalcsmall form input#loans-calc-small-term { width: 28%; text-align: left; padding-left: 10px; } 
 }
@media screen and (min-width: 641px) and (max-width: 719px){
 .productPod .podContent { height: 450px; padding: 1em; } 
 }
@media screen and (min-width: 720px) and (max-width: 959px){
 .productPod .podContent { height: 450px; padding: 1em; } 
 }