/* Intro */
.row {display: flex; gap: 20px; margin-bottom: 20px; align-items: center; align-items: center;}
.row > .icon {flex: 0 0 150px;}
.row > .icon > img {margin: 0;}
.row > .text {flex: 1 1 auto;}


/* Binding Content */
.bindingContent h3 {margin-bottom: 20px;}
.bindingContent {border: 1px solid #e1e1e1; margin: 20px auto 0 auto; padding: 20px; background-color: #ffffff; border-bottom: none;}
.bindingContent > .row {display: flex; justify-content: space-between; margin-bottom: 20px;flex-direction: column;}
.bindingContent > .row > p {padding-bottom: 0; margin-bottom: 0; display: block; width: 100%;}
.bindingContent > .row > .btn {padding: 10px 20px; display: block; width: 100%; text-align: center; margin-bottom:0; margin-right: 0; border-radius: 20px;}
.bindingContent > .row > .btn.inactive {background-color: #e0e0e0; color: #6c6c6c; border: none;}
.bindingContent > .row > .btn.done {background-color: #e0e0e0; color: #6c6c6c; border: none;}
.bindingContent > .row > .btn.done > img {padding: 0; margin: 0 5px 0 auto; width:20px; height: 20px; float: none; }
.bindingContent > .row > .indent {margin-left: 30px; width: calc( 100% - 30px ); font-size: 0.85em;}
.bindingContent > .row > .indent > p {padding-bottom: 0;}
.bindingContent > .row > .indent > ol {margin-bottom: 0;}



/* Apple Service List */
#appleServices {border-top: none; border-bottom: none;}
#appleServices > .appOnly {display: none;}
#appleServices > .accordion {border-bottom: 1px solid #cccccc; padding: 10px 20px;}
#appleServices > .accordion:last-child {border-width: 0;}
#appleServices > .accordion > .accordionTitle  {display: flex; gap:20px; align-items: center;}
#appleServices > .accordion > .accordionTitle > .icon {flex: 0 0 60px; width: 60px; margin: 0 !important;}
#appleServices > .accordion > .accordionTitle > .headline {flex: 1 1 auto; font-size:1.2em; color:#575757 !important; margin-bottom: 0;}
#appleServices > .accordion > .accordionTitle::after {content:""; border: solid #575757; border-width: 0 2px 2px 0; display:inline; padding:7px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#appleServices > .accordion > .close.accordionTitle::after {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#appleServices > .accordion > .accordionContent {margin: 20px 0; display: none;}

/* Website Binding Content */
#webBindingContent {border-bottom: none; padding-bottom: 0;}
#webBindingContent ol {margin-bottom: 15px;}}

.devNotes {color:#777777; font-style: italic; font-size: 14px; display: block;}


/* FAQ section */
#faqSection {border-top: none; padding-top: 0;}


/* for Mobile view */
@media only screen and (max-width: 600px) {
	/* Intro */
	.row > .icon {flex: 0 0 20%;}
}