/* override site css */
img.img-responsive {margin: auto !important;}

.biglink { background-image: linear-gradient(to top,#0073B2 0%,#03a9f5 50px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-radius: 10px; color: white; padding: 5px;  font-size: 300%;display: inline-block; margin: 0% 2.5% 0% 2.5%; text-decoration: none; }
a.biglink:hover {background-image: linear-gradient(to top,#00a6ff 0%,#4ec6fd 50px); text-decoration: none !important;}
a.biglink:visited { text-decoration: none !important; color: white; }
.home-section-left { min-height: auto !important; }
.pm-main-nav-wrap { border-top: 3px solid #03a9f5; background-color:#03a9f5; }
.ms-srch-sb-searchLink, .ms-srch-sb-searchLink:hover { background-color:#03a9f5; }
.pm-main-nav-wrap #DeltaTopNavigation.ms-core-navigation { background-color:#03a9f5; }
#SearchBox DIV[class^="ms-srch-sb"] .ms-srch-sb-searchLink:hover {background-color: #03a9f5;}
#SearchBox DIV[class^="ms-srch-sb"] .ms-srch-sb-searchLink {background-color: #03a9f5;}
.pm-select-wrap {background-image: url("/CommunityCarShare/Assets/sprite-client.png");}
footer.s4-notdlg div.container, a.pm-head-twitter, .pm-top-nav ul, a.at-svc-twitter, a.at-svc-compact {display:none !important;}
#DeltaTopNavigation.ms-core-navigation .ms-core-listMenu-horizontalBox ul.ms-core-listMenu-root > li.static > a.ms-core-listMenu-item, #DeltaTopNavigation.ms-core-navigation .ms-core-listMenu-horizontalBox UL.ms-core-listMenu-root > li.static > ul.static > li.static > a.menu-item {text-transform: none; font-size: 20px;}
iframe {border:1px solid black;}
.ms-rtestate-field ol li {padding-left: 16px; margin-left: 0px;}
.orangehighlight {background: #E87722; color: #ffffff; font-size: 1em; padding: 0.25em; border-radius: 3px; display: inline-block; width: auto;}
.ms-rtestate-field p, p.ms-rteElement-P { margin: 5px 0px 5px 0px; }

/* ourcarshare induction */
.arrow-container{ width: 100%; height: 23.3px; }
.arrow{ width: 0px; height: 0px; border-style: solid; border-color: #0073b2 transparent transparent transparent; border-width: 23.3px 25px 0 25px; margin-left: auto; margin-right: auto;}
a.block-link:hover { text-decoration: none !important;}
.block-text{ color: white; font-weight: bold; background: rgb(0,212,255); background: linear-gradient(180deg, rgba(0,212,255,1) 0%, rgba(3,169,245,1) 80%, rgba(0,115,178,1) 100%); padding: 10px; border-radius: 10px; position: relative;}
.block-text:hover{ background: rgb(128,233,255); background: linear-gradient(180deg, rgba(128,233,255,1) 0%, rgba(119,209,253,1) 80%, rgba(13,170,255,1) 100%);}
.block-drawer {background: #d9f3ff; color: black; border-width: 10px; border-style: solid; border-color: #0073B2; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: -10px; padding-left: 10px; padding-right: 10px; overflow: hidden;} /*the max-height here may need to be adjusted if the size is increased*/

.condition-block .arrow {border-color: black transparent transparent transparent;}
.condition-text {color: black; background: white; padding: 10px; border: 5px double black; position: relative;}
.condition-text > UL {padding-left: 20px;}

/* slideshow */
* { box-sizing: border-box;}
.modal { display: none; position: fixed; z-index: 600; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black;}
.modal-content { position: relative; margin: auto; padding: 0;}
.close { color: white; cursor: pointer; position: fixed; top: 10px; right: 25px; font-size: 35px; font-weight: bold;}
.close:hover,.close:focus { color: #999; text-decoration: none;}
.prev,.next { cursor: pointer; position: fixed; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.next { right: 16px; border-radius: 3px 0 0 3px;}
.prev:hover,.next:hover { background-color: rgba(0, 0, 0, 0.8); text-decoration: none;}
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white;}
.modalslide{ background-color: #fefefe; margin-bottom: -4px; max-height: 90vh; max-width: 90vw}
.slideshowimage {transition: 0.3s; cursor: pointer;}
.slideshowimage:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* list of partner organization icons */
.image-pile {text-align: center; background-color:white; }
.image-pile img {padding: 10px; vertical-align: middle;}

/*FAQs*/
BODY DIV .faq-question {margin-left: 5px; margin-top: 5px; margin-bottom: 5px; text-decoration: underline; color: #0073B2; cursor: pointer; display:block;}
BODY DIV .faq-text {margin-left: 10px;}
BODY DIV SPAN.faq-text {display:block;}
BODY DIV .faq-text UL, BODY DIV UL.faq-text {margin-left: 30px;}
i.faq-text, .faq-text i {font-style: normal; font-weight: bold;}