maximus87

Untitled

Jan 7th, 2025
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.93 KB | None | 0 0
  1. /* Main SCSS file for the JMM Altru site reskin
  2. * Styles should not be written into this file - it
  3. * should only contain @import commands
  4. */
  5. /******************
  6. This section displays the basic styles that you edit from the page designer. You can edit the classes directly to further customize your web pages.
  7. ******************/
  8. body {
  9. color: #000;
  10. background: #fff;
  11. }
  12.  
  13. .site-header {
  14. background: #ffffff;
  15. margin-top: 10px;
  16. padding: 20px 0 0;
  17. }
  18.  
  19. /***** End basic styles *****/
  20. .btn-primary.disabled,
  21. .btn-primary.disabled.active,
  22. .btn-primary.disabled.focus,
  23. .btn-primary.disabled:active,
  24. .btn-primary.disabled:focus,
  25. .btn-primary.disabled:hover,
  26. .btn-primary[disabled],
  27. .btn-primary.active[disabled],
  28. .btn-primary.focus[disabled],
  29. .btn-primary[disabled]:active,
  30. .btn-primary[disabled]:focus,
  31. .btn-primary[disabled]:hover,
  32. fieldset[disabled] .btn-primary,
  33. fieldset[disabled] .btn-primary.active,
  34. fieldset[disabled] .btn-primary.focus,
  35. fieldset[disabled] .btn-primary:active,
  36. fieldset[disabled] .btn-primary:focus,
  37. fieldset[disabled] .btn-primary:hover {
  38. background-color: #1775bb;
  39. border: none;
  40. border-radius: 3px;
  41. padding: 10px 20px;
  42. }
  43.  
  44. .btn-primary {
  45. background-color: #1775bb;
  46. color: #ffffff !important;
  47. -webkit-transition: opacity 0.24s ease-in-out 0s;
  48. transition: opacity 0.24s ease-in-out 0s;
  49. border: none;
  50. border-radius: 3px;
  51. padding: 10px 20px;
  52. font-weight: 700;
  53. }
  54.  
  55. .btn-primary:hover,
  56. .btn-primary.active.focus,
  57. .btn-primary.active:focus,
  58. .btn-primary.active:hover,
  59. .btn-primary.focus:active,
  60. .btn-primary:active:focus,
  61. .btn-primary:active:hover,
  62. .open > .dropdown-toggle.btn-primary.focus,
  63. .open > .dropdown-toggle.btn-primary:focus,
  64. .open > .dropdown-toggle.btn-primary:hover,
  65. .btn-primary.active,
  66. .btn-primary:active,
  67. .open > .dropdown-toggle.btn-primary,
  68. .btn-primary.focus,
  69. .btn-primary:focus {
  70. background-color: #1775bb;
  71. opacity: 0.9;
  72. border: none;
  73. border-radius: 3px;
  74. padding: 10px 20px;
  75. }
  76.  
  77. #logo {
  78. padding: 0;
  79. }
  80.  
  81. #logo img {
  82. height: auto;
  83. width: 100%;
  84. max-width: 500px;
  85. }
  86.  
  87. .MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer {
  88. float: right;
  89. margin-right: 5px;
  90. }
  91.  
  92. .MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer a {
  93. color: #000 !important;
  94. font-family: Garaje0503;
  95. font-size: 18px;
  96. font-weight: bold;
  97. text-transform: uppercase;
  98. }
  99. .MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer a:hover {
  100. color: #a02314 !important;
  101. }
  102.  
  103. [id*=UserModalSignedIn] .BBModalEditLink {
  104. border-right: none !important;
  105. }
  106.  
  107. [id*=LinkbuttonSignOut],
  108. a[id*=UserModalSignIn].BBModalEditLink {
  109. position: relative;
  110. border-radius: 0 50px 50px 0;
  111. padding: 16px 25px 10px !important;
  112. font-family: Garaje0503;
  113. border: 1px solid #f04e23;
  114. color: #000;
  115. position: relative;
  116. text-decoration: none !important;
  117. font-weight: bold;
  118. letter-spacing: 0.03em;
  119. display: -webkit-inline-box;
  120. display: -ms-inline-flexbox;
  121. display: inline-flex;
  122. font-size: 18px;
  123. margin-left: 20px;
  124. }
  125. @media (max-width: 767px) {
  126. [id*=LinkbuttonSignOut],
  127. a[id*=UserModalSignIn].BBModalEditLink {
  128. padding: 12px 20px;
  129. font-size: 16px;
  130. }
  131. }
  132. [id*=LinkbuttonSignOut]::before,
  133. a[id*=UserModalSignIn].BBModalEditLink::before {
  134. content: "";
  135. width: 0;
  136. background: rgba(240, 78, 35, 0.3);
  137. height: 100%;
  138. left: 0;
  139. top: 0;
  140. -webkit-transition: all 0.5s;
  141. transition: all 0.5s;
  142. position: absolute;
  143. border-radius: 0 50px 50px 0;
  144. }
  145. [id*=LinkbuttonSignOut]::after,
  146. a[id*=UserModalSignIn].BBModalEditLink::after {
  147. content: " >";
  148. padding-left: 10px;
  149. }
  150. [id*=LinkbuttonSignOut]:hover,
  151. a[id*=UserModalSignIn].BBModalEditLink:hover {
  152. color: #000 !important;
  153. }
  154. [id*=LinkbuttonSignOut]:hover::before,
  155. a[id*=UserModalSignIn].BBModalEditLink:hover::before {
  156. width: 100%;
  157. }
  158.  
  159. [id*=UserModalSignIn].MS_LoginLink {
  160. margin-left: 15px;
  161. margin-top: 0;
  162. }
  163. [id*=UserModalSignIn].MS_LoginLink a {
  164. border-radius: 0 50px 50px 0;
  165. padding: 16px 25px 10px !important;
  166. font-family: Garaje0503;
  167. border: 1px solid #f04e23;
  168. color: #000;
  169. position: relative;
  170. text-decoration: none;
  171. font-weight: bold;
  172. letter-spacing: 0.03em;
  173. display: -webkit-inline-box;
  174. display: -ms-inline-flexbox;
  175. display: inline-flex;
  176. font-size: 18px;
  177. }
  178. @media (max-width: 767px) {
  179. [id*=UserModalSignIn].MS_LoginLink a {
  180. padding: 12px 20px;
  181. font-size: 16px;
  182. }
  183. }
  184. [id*=UserModalSignIn].MS_LoginLink a span {
  185. position: relative;
  186. z-index: 1;
  187. }
  188. [id*=UserModalSignIn].MS_LoginLink a::before {
  189. content: "";
  190. width: 0;
  191. background: rgba(240, 78, 35, 0.3);
  192. height: 100%;
  193. left: 0;
  194. top: 0;
  195. -webkit-transition: all 0.5s;
  196. transition: all 0.5s;
  197. position: absolute;
  198. border-radius: 0 50px 50px 0;
  199. }
  200. [id*=UserModalSignIn].MS_LoginLink a::after {
  201. content: " >";
  202. padding-left: 10px;
  203. }
  204. [id*=UserModalSignIn].MS_LoginLink a:hover {
  205. color: #000 !important;
  206. }
  207. [id*=UserModalSignIn].MS_LoginLink a:hover::before {
  208. width: 100%;
  209. }
  210.  
  211. .button.primary {
  212. border-radius: 0 50px 50px 0;
  213. padding: 16px 25px;
  214. font-family: Garaje0503;
  215. border: 1px solid #f04e23;
  216. color: #000;
  217. position: relative;
  218. text-decoration: none;
  219. font-weight: bold;
  220. letter-spacing: 0.03em;
  221. display: -webkit-inline-box;
  222. display: -ms-inline-flexbox;
  223. display: inline-flex;
  224. font-size: 18px;
  225. }
  226. @media (max-width: 767px) {
  227. .button.primary {
  228. padding: 12px 20px;
  229. font-size: 16px;
  230. }
  231. }
  232. .button.primary span {
  233. position: relative;
  234. z-index: 1;
  235. }
  236. .button.primary::after {
  237. content: "";
  238. width: 0;
  239. background: rgba(240, 78, 35, 0.3);
  240. height: 100%;
  241. left: 0;
  242. top: 0;
  243. -webkit-transition: all 0.5s;
  244. transition: all 0.5s;
  245. position: absolute;
  246. border-radius: 0 50px 50px 0;
  247. }
  248. .button.primary:hover::after {
  249. width: 100%;
  250. }
  251. .button.primary.reversed {
  252. color: #f2f2e6;
  253. border-color: #f2f2e6;
  254. }
  255. .button.primary.reversed:hover::after {
  256. background: rgba(242, 242, 230, 0.2);
  257. }
  258. .button.secondary {
  259. padding: 7px 20px;
  260. font-family: Garaje0503;
  261. color: #f2f2e6;
  262. position: relative;
  263. text-decoration: none;
  264. font-weight: bold;
  265. letter-spacing: 0.02em;
  266. display: -webkit-inline-box;
  267. display: -ms-inline-flexbox;
  268. display: inline-flex;
  269. font-size: 16px;
  270. background: #a02314;
  271. }
  272. .button.secondary span {
  273. position: relative;
  274. z-index: 1;
  275. }
  276. .button.secondary:hover {
  277. background: #902012;
  278. }
  279. .button.secondary.reversed {
  280. background: #f2f2e6;
  281. color: #a02314;
  282. }
  283. .button.secondary.reversed:hover {
  284. background: #e2e2c7;
  285. }
  286.  
  287. .MS_background_footer {
  288. background: transparent;
  289. }
  290.  
  291. a,
  292. a:link,
  293. a:visited,
  294. a:active,
  295. a:focus,
  296. a:hover {
  297. color: #a02314;
  298. }
  299.  
  300. .MSFootTextDiv a,
  301. .MSFootTextDiv a:link,
  302. .MSFootTextDiv a:visited,
  303. .MSFootTextDiv a:active,
  304. .MSFootTextDiv a:focus,
  305. .MSFootTextDiv a:hover {
  306. color: #a02314;
  307. text-decoration: underline;
  308. }
  309.  
  310. .text-success {
  311. color: #a02314;
  312. }
  313.  
  314. [id*=MembershipExpress] .MembershipExpress_TermRadiolTerm,
  315. [id*=MembershipExpress] .MembershipExpress_TermRadioAmount {
  316. color: #1775bb;
  317. }
  318.  
  319. [id*=MembershipExpress] .MembershipExpress_SelectedTermLabel,
  320. [id*=MembershipExpress] .MembershipExpress_SelectedTypeLabel {
  321. background: #1775bb;
  322. border-color: #1775bb;
  323. }
  324.  
  325. .form-control {
  326. font-size: 13px;
  327. color: #0c3542;
  328. }
  329.  
  330. .MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer > div a:hover {
  331. text-decoration: none;
  332. }
  333.  
  334. .BBModalEditLink {
  335. padding: 0 !important;
  336. }
  337.  
  338. .site-footer .container {
  339. padding: 0;
  340. }
  341.  
  342. #nav {
  343. text-align: right;
  344. margin-top: -15px;
  345. float: right;
  346. }
  347.  
  348. #nav a {
  349. color: #f04e23;
  350. display: inline-block;
  351. margin-right: 0;
  352. padding: 0;
  353. text-decoration: none;
  354. font-weight: bold;
  355. position: relative;
  356. padding-left: 25px;
  357. }
  358. #nav a::before {
  359. content: "";
  360. background: url(https://68398.blackbaudhosting.com/68398/view.image?Id=428) center center no-repeat;
  361. width: 14px;
  362. height: 12px;
  363. background-size: contain !important;
  364. position: absolute;
  365. left: 0;
  366. margin-top: 5px;
  367. }
  368.  
  369. #nav a:hover {
  370. text-decoration: none;
  371. }
  372.  
  373. #nav a.cart {
  374. background: transparent none repeat scroll 0 0;
  375. padding: 0;
  376. }
  377.  
  378. .social {
  379. font-size: 11px;
  380. font-weight: bold;
  381. margin-bottom: 10px;
  382. text-align: right;
  383. color: #a02314;
  384. font-family: arial, sans-serif;
  385. }
  386.  
  387. .social a {
  388. display: inline-block;
  389. margin: 0 0 0 4px;
  390. vertical-align: middle;
  391. }
  392.  
  393. @media (max-width: 767px) {
  394. #logo {
  395. text-align: center;
  396. margin-top: 10px;
  397. }
  398. #nav {
  399. text-align: center;
  400. margin-top: 10px;
  401. }
  402. .MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer {
  403. float: none;
  404. margin-right: 0px;
  405. text-align: center;
  406. }
  407. #bottom_1,
  408. #bottom_2,
  409. #bottom_3,
  410. .social {
  411. text-align: center;
  412. }
  413. #bottom_2,
  414. #bottom_3,
  415. .social {
  416. margin-top: 10px;
  417. }
  418. }
  419. body {
  420. background-color: #ffffff;
  421. }
  422.  
  423. .BBFieldCaption,
  424. .BBDivFieldCaption,
  425. .BBFieldControlCell,
  426. .PaymentPart_CartCell,
  427. .PaymentPart_CartItemType,
  428. .PaymentPart_PesonalInfoCheckbox,
  429. .PaymentPart_NoItems,
  430. .BBMessage,
  431. .Programming_Event_Name,
  432. .Programming_Event_DateTime,
  433. .Programming_Event_AlternateTimes,
  434. .Programming_Event_AlternateDatesCaption,
  435. .Programming_Event_AlternateDates,
  436. .MDHeader,
  437. .MDSection,
  438. .PaymentPart_CartSummary {
  439. font-size: 14px;
  440. }
  441.  
  442. /* Fonts */
  443. @font-face {
  444. font-family: Garaje0503;
  445. font-style: normal;
  446. font-weight: 900;
  447. src: url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Black.woff) format("woff"), url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Black.woff2) format("woff2");
  448. }
  449. @font-face {
  450. font-family: Garaje0503;
  451. font-style: normal;
  452. font-weight: 700;
  453. src: url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Bold.woff) format("woff"), url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Bold.woff2) format("woff2");
  454. }
  455. @font-face {
  456. font-family: Garaje0503;
  457. font-style: normal;
  458. font-weight: 400;
  459. src: url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Book.woff) format("woff"), url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Book.woff2) format("woff2");
  460. }
  461. @font-face {
  462. font-family: Garaje0503;
  463. font-style: normal;
  464. font-weight: 500;
  465. src: url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Medium.woff) format("woff"), url(https://pixbuilt.com/fonts/garaje0503/Garaje0503-Medium.woff2) format("woff2");
  466. }
  467. @font-face {
  468. font-family: Martina;
  469. font-style: normal;
  470. font-weight: 900;
  471. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Black.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Black.woff2) format("woff2");
  472. }
  473. @font-face {
  474. font-family: Martina;
  475. font-style: italic;
  476. font-weight: 900;
  477. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-BlackItalic.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-BlackItalic.woff2) format("woff2");
  478. }
  479. @font-face {
  480. font-family: Martina;
  481. font-style: normal;
  482. font-weight: 700;
  483. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Bold.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Bold.woff2) format("woff2");
  484. }
  485. @font-face {
  486. font-family: Martina;
  487. font-style: italic;
  488. font-weight: 700;
  489. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-BoldItalic.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-BoldItalic.woff2) format("woff2");
  490. }
  491. @font-face {
  492. font-family: Martina;
  493. font-style: normal;
  494. font-weight: 400;
  495. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Regular.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Regular.woff2) format("woff2");
  496. }
  497. @font-face {
  498. font-family: Martina;
  499. font-style: italic;
  500. font-weight: 400;
  501. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Italic.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Italic.woff2) format("woff2");
  502. }
  503. @font-face {
  504. font-family: Martina;
  505. font-style: normal;
  506. font-weight: 300;
  507. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Light.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-Light.woff2) format("woff2");
  508. }
  509. @font-face {
  510. font-family: Martina;
  511. font-style: italic;
  512. font-weight: 300;
  513. src: url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-LightItalic.woff) format("woff"), url(https://pixbuilt.com/fonts/martina/MartinaPlantijn-LightItalic.woff2) format("woff2");
  514. }
  515. h1 {
  516. font-family: Garaje0503;
  517. font-size: 225px;
  518. line-height: 0.89em;
  519. font-weight: 900;
  520. }
  521. @media (min-width: 768px) and (max-width: 1023px) {
  522. h1 {
  523. font-size: 90px;
  524. }
  525. }
  526. @media (max-width: 767px) {
  527. h1 {
  528. font-size: 75px;
  529. }
  530. }
  531.  
  532. h2 {
  533. font-family: Garaje0503;
  534. font-size: 67px;
  535. line-height: 1.2em;
  536. font-weight: 900;
  537. }
  538. @media (min-width: 768px) and (max-width: 1023px) {
  539. h2 {
  540. font-size: 70px;
  541. }
  542. }
  543. @media (max-width: 767px) {
  544. h2 {
  545. font-size: 50px;
  546. }
  547. }
  548.  
  549. h3,
  550. .Programming_Event_DateContainer h2,
  551. .Programming_Event_TimeContainer .Programming_Event_TimeInnerContainer_Custom {
  552. font-family: Garaje0503;
  553. font-size: 50px;
  554. line-height: 0.96em;
  555. font-weight: bold;
  556. letter-spacing: 0.01em;
  557. }
  558. @media (min-width: 768px) and (max-width: 1023px) {
  559. h3,
  560. .Programming_Event_DateContainer h2,
  561. .Programming_Event_TimeContainer .Programming_Event_TimeInnerContainer_Custom {
  562. font-size: 40px;
  563. }
  564. }
  565. @media (max-width: 767px) {
  566. h3,
  567. .Programming_Event_DateContainer h2,
  568. .Programming_Event_TimeContainer .Programming_Event_TimeInnerContainer_Custom {
  569. font-size: 30px;
  570. }
  571. }
  572.  
  573. h4 {
  574. font-family: Garaje0503;
  575. font-size: 34px;
  576. line-height: 1.2em;
  577. font-weight: bold;
  578. letter-spacing: 0.01em;
  579. }
  580. @media (min-width: 768px) and (max-width: 1023px) {
  581. h4 {
  582. font-size: 28px;
  583. }
  584. }
  585. @media (max-width: 767px) {
  586. h4 {
  587. font-size: 26px;
  588. }
  589. }
  590.  
  591. h5 {
  592. font-family: Garaje0503;
  593. font-size: 30px;
  594. line-height: 1.2em;
  595. font-weight: bold;
  596. letter-spacing: 0.02em;
  597. }
  598. @media (min-width: 768px) and (max-width: 1023px) {
  599. h5 {
  600. font-size: 26px;
  601. }
  602. }
  603. @media (max-width: 767px) {
  604. h5 {
  605. font-size: 24px;
  606. }
  607. }
  608.  
  609. .pretitle {
  610. font-family: Garaje0503;
  611. font-size: 20px;
  612. line-height: 0.8em;
  613. font-weight: normal;
  614. letter-spacing: 0.2em;
  615. margin-bottom: 10px;
  616. padding-left: 5px;
  617. }
  618. .pretitle svg {
  619. margin-right: 10px;
  620. }
  621. @media (min-width: 768px) and (max-width: 1023px) {
  622. .pretitle {
  623. font-size: 18px;
  624. }
  625. }
  626. @media (max-width: 767px) {
  627. .pretitle {
  628. font-size: 15px;
  629. }
  630. }
  631.  
  632. [id*=panelEventDescription] p {
  633. font-family: Martina !important;
  634. font-size: 19px !important;
  635. line-height: 1.26em !important;
  636. font-weight: normal;
  637. letter-spacing: 0 !important;
  638. }
  639. @media (min-width: 768px) and (max-width: 1023px) {
  640. [id*=panelEventDescription] p {
  641. font-size: 17px !important;
  642. }
  643. }
  644. @media (max-width: 767px) {
  645. [id*=panelEventDescription] p {
  646. font-size: 16px !important;
  647. }
  648. }
  649. [id*=panelEventDescription] a {
  650. color: #a02314 !important;
  651. }
  652.  
  653. body,
  654. .has-large-font-size {
  655. font-family: Martina;
  656. font-size: 19px !important;
  657. line-height: 1.26em;
  658. font-weight: normal;
  659. letter-spacing: 0;
  660. }
  661. @media (min-width: 768px) and (max-width: 1023px) {
  662. body,
  663. .has-large-font-size {
  664. font-size: 17px !important;
  665. }
  666. }
  667. @media (max-width: 767px) {
  668. body,
  669. .has-large-font-size {
  670. font-size: 16px !important;
  671. }
  672. }
  673.  
  674. .copy-big,
  675. .first-paragraph,
  676. .has-large-font-size.first-paragraph {
  677. font-family: Martina;
  678. font-size: 30px !important;
  679. line-height: 1.33em;
  680. font-weight: normal;
  681. letter-spacing: 0;
  682. }
  683. @media (min-width: 768px) and (max-width: 1023px) {
  684. .copy-big,
  685. .first-paragraph,
  686. .has-large-font-size.first-paragraph {
  687. font-size: 24px !important;
  688. }
  689. }
  690. @media (max-width: 767px) {
  691. .copy-big,
  692. .first-paragraph,
  693. .has-large-font-size.first-paragraph {
  694. font-size: 20px !important;
  695. }
  696. }
  697.  
  698. .meta {
  699. font-family: Martina;
  700. font-size: 22px;
  701. line-height: 1em;
  702. font-weight: bold;
  703. letter-spacing: 0;
  704. }
  705. @media (min-width: 768px) and (max-width: 1023px) {
  706. .meta {
  707. font-size: 19px;
  708. }
  709. }
  710. @media (max-width: 767px) {
  711. .meta {
  712. font-size: 18px;
  713. }
  714. }
  715.  
  716. header {
  717. font-family: Garaje0503;
  718. }
  719.  
  720. .footer {
  721. position: relative;
  722. }
  723.  
  724. footer.site-footer {
  725. margin-left: calc(-50vw + 50%) !important;
  726. margin-right: calc(-50vw + 50%) !important;
  727. background: #000;
  728. position: relative;
  729. padding-top: 50px !important;
  730. padding-bottom: 70px !important;
  731. }
  732. footer.site-footer .MS_background_footer {
  733. background: #000;
  734. }
  735. footer.site-footer div#bottom_1,
  736. footer.site-footer .text-above-logo {
  737. color: #f2f2e6;
  738. font-family: Martina;
  739. font-size: 13px;
  740. line-height: 1.38em;
  741. font-weight: 300;
  742. }
  743. footer.site-footer div#bottom_1 a,
  744. footer.site-footer .text-above-logo a {
  745. color: #f2f2e6;
  746. text-decoration: underline;
  747. }
  748. footer.site-footer .footer-pattern {
  749. position: absolute;
  750. width: 100%;
  751. left: 0;
  752. bottom: 0;
  753. height: 30px;
  754. background-size: cover !important;
  755. }
  756. footer.site-footer .footer-logos .text-above-logo {
  757. max-width: 200px;
  758. }
  759. footer.site-footer .footer-logos .footer-logos-wrapper {
  760. display: -webkit-box;
  761. display: -ms-flexbox;
  762. display: flex;
  763. -webkit-box-align: center;
  764. -ms-flex-align: center;
  765. align-items: center;
  766. }
  767. footer.site-footer .footer-logos a {
  768. cursor: pointer;
  769. margin-right: 30px;
  770. }
  771. footer.site-footer .footer-logos .footer-logos-wrapper img {
  772. max-height: 70px;
  773. }
  774. footer.site-footer .footer-logos .footer-logos-wrapper img:not(:last-child) {
  775. margin-right: 30px;
  776. }
  777.  
  778. .MS_pageWrapper {
  779. margin-bottom: 0 !important;
  780. }
  781.  
  782. form {
  783. margin-bottom: 0 !important;
  784. }
  785.  
  786. header.site-header {
  787. padding-bottom: 30px !important;
  788. }
  789. header.site-header img {
  790. height: 90px !important;
  791. width: auto !important;
  792. }
  793.  
  794. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child {
  795. background: url(https://68398.blackbaudhosting.com/68398/view.image?Id=426) center center no-repeat;
  796. background-size: cover !important;
  797. min-height: 395px;
  798. display: -webkit-box;
  799. display: -ms-flexbox;
  800. display: flex;
  801. -webkit-box-align: end;
  802. -ms-flex-align: end;
  803. align-items: flex-end;
  804. padding: 40px 0 30px;
  805. margin-bottom: 70px;
  806. -webkit-box-pack: center;
  807. -ms-flex-pack: center;
  808. justify-content: center;
  809. position: relative;
  810. }
  811. @media (max-width: 767px) {
  812. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child {
  813. min-height: 245px;
  814. }
  815. }
  816. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child::before {
  817. content: "";
  818. width: 30px;
  819. height: 100%;
  820. right: 0;
  821. top: 0;
  822. background: url(https://68398.blackbaudhosting.com/68398/view.image?Id=427) center top no-repeat;
  823. background-size: cover !important;
  824. position: absolute;
  825. }
  826. @media (max-width: 1024px) {
  827. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child::before {
  828. width: 15px;
  829. }
  830. }
  831. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child h1,
  832. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child [id*=labelEventHeaderName],
  833. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child .BBListingHeading [id*=labelProgramTitle],
  834. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child h2 {
  835. text-align: left;
  836. display: block;
  837. width: 100%;
  838. font-family: Garaje0503;
  839. color: #f04e23;
  840. font-size: 125px;
  841. line-height: 1.1em;
  842. font-weight: 900;
  843. padding-right: 15px;
  844. padding-left: 30px;
  845. text-transform: uppercase;
  846. display: block;
  847. max-width: 1260px;
  848. }
  849. @media (max-width: 767px) {
  850. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child h1,
  851. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child [id*=labelEventHeaderName],
  852. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child .BBListingHeading [id*=labelProgramTitle],
  853. .main-Content .BBListingHeading:not(.col-sm-12):not(.PaymentPart_SectionHeading):first-child h2 {
  854. padding-left: 15px;
  855. font-size: 45px;
  856. width: 100%;
  857. }
  858. }
  859.  
  860. .BBListingHeading [id*=labelProgramTitle] {
  861. text-align: left;
  862. display: block;
  863. width: 100%;
  864. font-family: Garaje0503;
  865. color: #f04e23;
  866. font-size: 125px;
  867. line-height: 1.1em;
  868. font-weight: 900;
  869. padding-right: 15px;
  870. padding-left: 30px;
  871. text-transform: uppercase;
  872. display: block;
  873. max-width: 1260px;
  874. }
  875. @media (max-width: 767px) {
  876. .BBListingHeading [id*=labelProgramTitle] {
  877. padding-left: 15px;
  878. font-size: 45px;
  879. width: 100%;
  880. }
  881. }
  882.  
  883. .site-main-section,
  884. .MS_contentWrapper {
  885. padding-top: 0;
  886. }
  887.  
  888. .site-wrapper,
  889. .container {
  890. max-width: 100% !important;
  891. }
  892.  
  893. @media (min-width: 768px) {
  894. .container,
  895. .main-Content .BBListingHeading:first-child h1 {
  896. width: 750px;
  897. }
  898. }
  899. @media (min-width: 992px) {
  900. .container,
  901. .main-Content .BBListingHeading:first-child h1 {
  902. width: 970px;
  903. }
  904. }
  905. @media (min-width: 1200px) {
  906. .container,
  907. .main-Content .BBListingHeading:first-child h1 {
  908. width: 1170px;
  909. }
  910. }
  911. @media (min-width: 1400px) {
  912. .container,
  913. .main-Content .BBListingHeading:first-child h1 {
  914. width: 1260px;
  915. }
  916. }
  917. /* Membership */
  918. .MembershipExpress_MembershipSelectTitle h4 {
  919. color: #a02314;
  920. }
  921. .MembershipExpress_MembershipSelectTitle h4 span::after {
  922. content: "options";
  923. padding-left: 10px;
  924. }
  925.  
  926. .MembershipExpress_TermHelp {
  927. margin-bottom: 50px;
  928. }
  929.  
  930. [id*=MembershipExpress] .MembershipExpress_LevelContainer {
  931. display: -webkit-box;
  932. display: -ms-flexbox;
  933. display: flex;
  934. -ms-flex-wrap: wrap;
  935. flex-wrap: wrap;
  936. margin: 0 -12px;
  937. }
  938. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer {
  939. min-height: 230px;
  940. background: #f2f2e6;
  941. border: none;
  942. }
  943. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) {
  944. text-align: left;
  945. padding: 20px;
  946. }
  947. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) .MembershipExpress_TermContainer {
  948. display: -webkit-box;
  949. display: -ms-flexbox;
  950. display: flex;
  951. margin-top: 30px;
  952. }
  953. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) .MembershipExpress_TermContainer .MembershipExpress_TermName.level-inner-box {
  954. background: none;
  955. border: 1px solid #f04e23;
  956. width: 47%;
  957. padding: 10px 20px 20px;
  958. }
  959. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) .MembershipExpress_TermContainer .MembershipExpress_TermName.level-inner-box.MembershipExpress_SelectedTermLabel {
  960. background: #f04e23;
  961. }
  962. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) .MembershipExpress_TermContainer .MembershipExpress_TermName.level-inner-box.MembershipExpress_SelectedTermLabel .MembershipExpress_TermRadioAmount.level-amount {
  963. color: #fff;
  964. }
  965. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) .MembershipExpress_TermContainer .MembershipExpress_TermName.level-inner-box .MembershipExpress_TermRadioLevel {
  966. display: none;
  967. }
  968. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(8) .MembershipExpress_TermContainer .MembershipExpress_TermName.level-inner-box:last-child {
  969. margin-left: 25px;
  970. }
  971. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(4) .MembershipExpress_TermRadioLevel::after {
  972. content: "(65+)";
  973. margin-left: 10px;
  974. }
  975. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:nth-child(5) .MembershipExpress_TermRadioLevel::after {
  976. content: "(65+)";
  977. margin-left: 10px;
  978. }
  979. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) {
  980. padding: 0;
  981. }
  982. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) p {
  983. display: none;
  984. }
  985. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) .MembershipExpress_TermName {
  986. border: none;
  987. background: #f2f2e6;
  988. padding: 20px;
  989. width: 100%;
  990. height: 100%;
  991. text-align: left;
  992. }
  993. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) .MembershipExpress_SelectedTermLabel,
  994. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) .MembershipExpress_SelectedTypeLabel {
  995. background: #f04e23;
  996. }
  997. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) .MembershipExpress_SelectedTermLabel .MembershipExpress_TermRadioAmount.level-amount,
  998. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer:not(:nth-child(8)) .MembershipExpress_SelectedTypeLabel .MembershipExpress_TermRadioAmount.level-amount {
  999. color: #fff;
  1000. }
  1001. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer .MembershipExpress_TermRadiolTerm.level-inner-box-heading {
  1002. font-size: 14px;
  1003. font-weight: 400;
  1004. color: #000;
  1005. margin: 10px 0;
  1006. }
  1007. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer .MembershipExpress_TermRadioAmount.level-amount {
  1008. font-size: 16px;
  1009. font-family: Garaje0503;
  1010. color: #a02314;
  1011. font-weight: bold;
  1012. }
  1013.  
  1014. @media (min-width: 768px) {
  1015. [id*=MembershipExpress] .MembershipExpress_LevelSelectorContainer {
  1016. width: 31.33333%;
  1017. margin: 15px 1% !important;
  1018. }
  1019. }
  1020. .BBListingHeading.MembershipExpress_RegistrationOptionsTitle {
  1021. margin-top: 50px;
  1022. color: #a02314;
  1023. }
  1024.  
  1025. .MembershipExpress_GiftOption {
  1026. margin: 40px 0;
  1027. }
  1028. .MembershipExpress_GiftOption label {
  1029. font-weight: 400 !important;
  1030. }
  1031.  
  1032. .MembershipExpress_SubHeader h4,
  1033. .MembershipExpress_MemberHeader.MembershipExpress_PrimaryMemberHeader {
  1034. font-size: 19px;
  1035. text-transform: none !important;
  1036. font-weight: bold;
  1037. font-family: Martina;
  1038. color: #a02314;
  1039. }
  1040. .MembershipExpress_SubHeader h4 span,
  1041. .MembershipExpress_MemberHeader.MembershipExpress_PrimaryMemberHeader span {
  1042. text-transform: none !important;
  1043. font-weight: bold;
  1044. }
  1045.  
  1046. .MembershipExpress_MemberHeader.MembershipExpress_PrimaryMemberHeader {
  1047. margin-top: 30px;
  1048. }
  1049.  
  1050. .BBFieldCaption,
  1051. .BBDivFieldCaption,
  1052. .BBFieldControlCell,
  1053. .PaymentPart_CartCell,
  1054. .PaymentPart_CartItemType,
  1055. .PaymentPart_PesonalInfoCheckbox,
  1056. .PaymentPart_NoItems,
  1057. .BBMessage,
  1058. .Programming_Event_Name,
  1059. .Programming_Event_DateTime,
  1060. .Programming_Event_AlternateTimes,
  1061. .Programming_Event_AlternateDatesCaption,
  1062. .Programming_Event_AlternateDates,
  1063. .MDHeader,
  1064. .MDSection,
  1065. .PaymentPart_CartSummary {
  1066. font-size: 19px;
  1067. font-weight: 500;
  1068. }
  1069.  
  1070. .form-control {
  1071. display: block;
  1072. width: 100%;
  1073. min-height: 50px;
  1074. padding: 6px 12px;
  1075. color: #000;
  1076. background-color: #fff;
  1077. background-image: none;
  1078. border: 1px solid #000;
  1079. border-radius: 0;
  1080. }
  1081.  
  1082. textarea.form-control {
  1083. height: auto;
  1084. min-height: 100px;
  1085. }
  1086.  
  1087. .btn-primary {
  1088. border-radius: 0 50px 50px 0;
  1089. padding: 14px 25px 12px !important;
  1090. font-family: Garaje0503;
  1091. border: 1px solid #f04e23;
  1092. color: #000 !important;
  1093. background: none;
  1094. position: relative;
  1095. text-decoration: none;
  1096. font-weight: bold;
  1097. letter-spacing: 0.03em;
  1098. display: -webkit-inline-box;
  1099. display: -ms-inline-flexbox;
  1100. display: inline-flex;
  1101. font-size: 18px;
  1102. }
  1103. @media (max-width: 767px) {
  1104. .btn-primary {
  1105. font-size: 16px;
  1106. }
  1107. }
  1108. .btn-primary span {
  1109. position: relative;
  1110. z-index: 1;
  1111. }
  1112. .btn-primary::before {
  1113. content: "";
  1114. width: 0;
  1115. background: rgba(240, 78, 35, 0.3);
  1116. height: 100%;
  1117. left: 0;
  1118. top: 0;
  1119. -webkit-transition: all 0.5s;
  1120. transition: all 0.5s;
  1121. position: absolute;
  1122. border-radius: 0 50px 50px 0;
  1123. }
  1124. .btn-primary::after {
  1125. content: " +";
  1126. padding-left: 10px;
  1127. }
  1128. .btn-primary:hover {
  1129. color: #000 !important;
  1130. background: rgba(240, 78, 35, 0.3);
  1131. padding: 16px 25px 10px !important;
  1132. }
  1133. .btn-primary:hover::before {
  1134. width: 100%;
  1135. }
  1136.  
  1137. .btn-primary:hover,
  1138. .btn-primary.active.focus,
  1139. .btn-primary.active:focus,
  1140. .btn-primary.active:hover,
  1141. .btn-primary.focus:active,
  1142. .btn-primary:active:focus,
  1143. .btn-primary:active:hover,
  1144. .open > .dropdown-toggle.btn-primary.focus,
  1145. .open > .dropdown-toggle.btn-primary:focus,
  1146. .open > .dropdown-toggle.btn-primary:hover,
  1147. .btn-primary.active,
  1148. .btn-primary:active,
  1149. .open > .dropdown-toggle.btn-primary,
  1150. .btn-primary.focus,
  1151. .btn-primary:focus {
  1152. color: #000 !important;
  1153. background: rgba(240, 78, 35, 0.3);
  1154. border-radius: 0 50px 50px 0 !important;
  1155. border: 1px solid #f04e23;
  1156. padding: 14px 25px 12px !important;
  1157. }
  1158.  
  1159. .alert-danger {
  1160. color: #a02314;
  1161. background-color: rgba(240, 78, 35, 0.2);
  1162. border-radius: 0;
  1163. border: none;
  1164. padding: 20px 30px 25px;
  1165. font-weight: bold;
  1166. }
  1167. .alert-danger ul {
  1168. padding-left: 0;
  1169. margin-top: 10px;
  1170. font-weight: 400;
  1171. }
  1172. .alert-danger ul li {
  1173. display: block;
  1174. font-weight: 400;
  1175. }
  1176.  
  1177. [id*=registrationDetailsHeader],
  1178. .Registration_RegistrantCredentialsHeader {
  1179. color: #a02314;
  1180. margin-bottom: 40px !important;
  1181. display: block;
  1182. margin-top: 40px;
  1183. }
  1184.  
  1185. .UserModalPartDialog .row:first-child,
  1186. .UserModalPartDialog .row:nth-child(2) {
  1187. margin-bottom: 7px;
  1188. }
  1189.  
  1190. body .ui-dialog {
  1191. left: 0;
  1192. top: 5%;
  1193. right: 0;
  1194. width: 595px !important;
  1195. position: absolute;
  1196. z-index: 1050;
  1197. margin: 0 auto;
  1198. padding: 0;
  1199. border-radius: 0 !important;
  1200. }
  1201. body .ui-dialog .checkbox {
  1202. margin-bottom: 5px;
  1203. }
  1204. body .ui-dialog .ui-dialog-buttonpane {
  1205. margin-left: 20px !important;
  1206. margin-right: 20px !important;
  1207. border-top: 1px solid #551400 !important;
  1208. padding-left: 0 !important;
  1209. padding-right: 0 !important;
  1210. max-width: 540px;
  1211. }
  1212. body .ui-dialog .ui-dialog-buttonpane button {
  1213. margin: 0.5em 0 0.5em 10px;
  1214. padding: 7px 20px;
  1215. font-family: Garaje0503;
  1216. color: #f2f2e6;
  1217. position: relative;
  1218. text-decoration: none;
  1219. font-weight: bold;
  1220. letter-spacing: 0.02em;
  1221. display: -webkit-inline-box;
  1222. display: -ms-inline-flexbox;
  1223. display: inline-flex;
  1224. font-size: 16px;
  1225. background: #a02314;
  1226. border-radius: 0 !important;
  1227. }
  1228. body .ui-dialog .ui-dialog-buttonpane button span {
  1229. position: relative;
  1230. z-index: 1;
  1231. }
  1232. body .ui-dialog .ui-dialog-buttonpane button:hover {
  1233. background: #902012;
  1234. }
  1235. body .ui-dialog .ui-dialog-buttonpane button:first-child {
  1236. background: #f2f2e6;
  1237. color: #a02314;
  1238. }
  1239. body .ui-dialog .ui-dialog-buttonpane button:first-child:hover {
  1240. background: #e2e2c7;
  1241. }
  1242. body .ui-widget-content {
  1243. border: none !important;
  1244. background: #fff !important;
  1245. }
  1246. body .ui-widget-header {
  1247. background: #f04e23;
  1248. }
  1249. body .ui-dialog .ui-dialog-titlebar {
  1250. border: none;
  1251. padding: 10px 20px;
  1252. border-radius: 0;
  1253. }
  1254. body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  1255. font-size: 22px;
  1256. letter-spacing: 0.05em;
  1257. font-family: Garaje0503;
  1258. }
  1259. body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  1260. background: none !important;
  1261. margin-top: -5px;
  1262. width: 14px;
  1263. height: 14px;
  1264. right: 20px;
  1265. }
  1266. body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
  1267. content: "";
  1268. width: 1px;
  1269. height: 100%;
  1270. background: #fff;
  1271. position: absolute;
  1272. -webkit-transform: rotate(45deg);
  1273. transform: rotate(45deg);
  1274. margin-top: -7px;
  1275. }
  1276. body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::after {
  1277. content: "";
  1278. width: 1px;
  1279. height: 100%;
  1280. background: #fff;
  1281. position: absolute;
  1282. -webkit-transform: rotate(-45deg);
  1283. transform: rotate(-45deg);
  1284. margin-top: -7px;
  1285. }
  1286.  
  1287. .Registration_registerButton {
  1288. color: #f04e23 !important;
  1289. display: inline-block;
  1290. margin-right: 0;
  1291. padding: 0;
  1292. text-decoration: none;
  1293. font-weight: bold;
  1294. position: relative;
  1295. padding-left: 25px;
  1296. font-family: Garaje0503;
  1297. }
  1298. .Registration_registerButton::before {
  1299. content: "";
  1300. background: url(https://68398.blackbaudhosting.com/68398/view.image?Id=428) center center no-repeat;
  1301. width: 14px;
  1302. height: 12px;
  1303. background-size: contain !important;
  1304. position: absolute;
  1305. left: 0;
  1306. margin-top: 5px;
  1307. }
  1308.  
  1309. .Programming_Event_Availability {
  1310. margin: 30px 0;
  1311. }
  1312.  
  1313. [id*=EventPriceList] {
  1314. background: #f2f2e6;
  1315. border: none;
  1316. border-radius: 0;
  1317. padding-top: 20px !important;
  1318. padding-bottom: 20px;
  1319. display: -webkit-box;
  1320. display: -ms-flexbox;
  1321. display: flex;
  1322. -ms-flex-wrap: wrap;
  1323. flex-wrap: wrap;
  1324. -webkit-box-align: center;
  1325. -ms-flex-align: center;
  1326. align-items: center;
  1327. }
  1328.  
  1329. [id*=EventPriceList] .col-sm-2:first-child br {
  1330. display: none;
  1331. }
  1332.  
  1333. [id*=labelEventDate] {
  1334. display: block;
  1335. padding-top: 5px;
  1336. }
  1337.  
  1338. .Programming_Event_Availability + .row .form-label {
  1339. color: #a02314;
  1340. font-weight: bold;
  1341. }
  1342.  
  1343. .Programming_Event_DateContainer h2,
  1344. .Programming_Event_TimeContainer .Programming_Event_TimeInnerContainer_Custom {
  1345. color: #a02314;
  1346. }
  1347.  
  1348. .Programming_Event_Description {
  1349. margin: 40px 0;
  1350. }
  1351.  
  1352. .programming_event_pricelist > .show-grid:nth-of-type(odd) {
  1353. background: #fff;
  1354. }
  1355.  
  1356. .programming_event_pricelist > .show-grid:nth-of-type(even) {
  1357. background: #f2f2e6;
  1358. }
  1359.  
  1360. .programming_event_pricelist > .show-grid > .row {
  1361. display: -webkit-box;
  1362. display: -ms-flexbox;
  1363. display: flex;
  1364. -webkit-box-align: center;
  1365. -ms-flex-align: center;
  1366. align-items: center;
  1367. -ms-flex-wrap: wrap;
  1368. flex-wrap: wrap;
  1369. }
  1370. .programming_event_pricelist > .show-grid > .row label {
  1371. font-weight: bold;
  1372. }
  1373. .programming_event_pricelist > .show-grid > .row .Programming_TicketPriceValue {
  1374. color: #a02314;
  1375. font-family: Garaje0503;
  1376. letter-spacing: 0.02em;
  1377. font-weight: bold;
  1378. }
  1379.  
  1380. .MembershipExpress_MemberHeader {
  1381. color: #a02314;
  1382. font-weight: bold;
  1383. letter-spacing: 0.02em;
  1384. }
  1385.  
  1386. .MS_LoginButtonOuterContainer .MS_LoginButtonInnerContainer .BBModalEditLink:not(:last-child) {
  1387. border-right: 1px solid #f04e23;
  1388. }
  1389.  
  1390. [id*=UserModalChangePassword] .BBModalEditLink {
  1391. border-right: none !important;
  1392. }
  1393.  
  1394. span.MembershipExpress_MemberErrorMessage {
  1395. display: block;
  1396. }
  1397.  
  1398. .form-group ul li:not(:last-child) {
  1399. margin-bottom: 15px;
  1400. }
  1401.  
  1402. .Programming_Event_DateContainer {
  1403. background-image: none;
  1404. }
  1405.  
  1406. .Programming_Event_TimeContainer {
  1407. background-image: none;
  1408. }
  1409.  
  1410. .Programming_Event_Date,
  1411. .Programming_Event_TimeInnerContainer_Custom,
  1412. .Programming_Event_TimeInnerContainer {
  1413. margin-left: 0;
  1414. display: block;
  1415. }
  1416.  
  1417. .with-radio.listDonationDisplay > .show-grid > .row {
  1418. border-top: none;
  1419. margin: 0;
  1420. }
  1421.  
  1422. .with-radio.listDonationDisplay > .show-grid:nth-of-type(odd) {
  1423. background-color: #f2f2e6;
  1424. }
  1425.  
  1426. .with-radio.listDonationDisplay > .show-grid .line-subtotal span {
  1427. color: #a02314;
  1428. font-family: Garaje0503;
  1429. letter-spacing: 0.02em;
  1430. font-weight: bold;
  1431. font-size: 16px;
  1432. }
  1433.  
  1434. .listDonationDisplay label.labelFont400 {
  1435. font-family: Martina;
  1436. font-size: 19px;
  1437. font-weight: bold;
  1438. }
  1439.  
  1440. .DonationFieldControlCell .input-group-addon {
  1441. background: no-repeat;
  1442. border: none;
  1443. color: #a02314;
  1444. font-family: Garaje0503;
  1445. letter-spacing: 0.02em;
  1446. font-weight: bold;
  1447. font-size: 16px;
  1448. }
  1449.  
  1450. .DonationFieldControlCell [id*=txtAmount] {
  1451. background-color: transparent;
  1452. }
  1453.  
  1454. [id*=trDesignation] {
  1455. margin-top: 15px;
  1456. }
  1457.  
  1458. [id*=dynGiftSchedules] {
  1459. margin-bottom: 50px;
  1460. }
  1461. [id*=dynGiftSchedules] label {
  1462. border: none !important;
  1463. padding: 7px 20px;
  1464. font-family: Garaje0503;
  1465. color: #000 !important;
  1466. position: relative;
  1467. text-decoration: none;
  1468. font-weight: bold;
  1469. letter-spacing: 0.02em;
  1470. display: -webkit-inline-box;
  1471. display: -ms-inline-flexbox;
  1472. display: inline-flex;
  1473. font-size: 16px;
  1474. background: #f2f2e6 !important;
  1475. border-radius: 0 !important;
  1476. }
  1477. [id*=dynGiftSchedules] label:not(:last-child) {
  1478. margin-right: 15px;
  1479. }
  1480. [id*=dynGiftSchedules] label span {
  1481. position: relative;
  1482. z-index: 1;
  1483. }
  1484. [id*=dynGiftSchedules] label:hover {
  1485. background: #a02314 !important;
  1486. color: #f2f2e6 !important;
  1487. }
  1488. [id*=dynGiftSchedules] label.active {
  1489. color: #f2f2e6 !important;
  1490. background: #a02314 !important;
  1491. }
  1492. [id*=dynGiftSchedules] label.active:hover {
  1493. background: #902012 !important;
  1494. color: #f2f2e6 !important;
  1495. }
  1496. [id*=dynGiftSchedules] input[type=radio]:checked + label {
  1497. color: #f2f2e6 !important;
  1498. background: #a02314 !important;
  1499. }
  1500. [id*=dynGiftSchedules] input[type=radio]:checked + label:hover {
  1501. background: #902012 !important;
  1502. color: #f2f2e6 !important;
  1503. }
  1504.  
  1505. [id*=lblAdditInformation] {
  1506. color: #a02314;
  1507. }
  1508.  
  1509. .btn-default,
  1510. [id*=CartGrid_lbRemoveAll],
  1511. [id*=CartGrid_ButtonUpdateCart],
  1512. [id*=addAdditionalDonation] {
  1513. border: none;
  1514. padding: 7px 20px !important;
  1515. font-family: Garaje0503;
  1516. position: relative;
  1517. text-decoration: none;
  1518. font-weight: bold;
  1519. letter-spacing: 0.02em;
  1520. display: -webkit-inline-box;
  1521. display: -ms-inline-flexbox;
  1522. display: inline-flex;
  1523. font-size: 16px;
  1524. color: #f2f2e6 !important;
  1525. background: #a02314 !important;
  1526. border-radius: 0 !important;
  1527. }
  1528. .btn-default::before, .btn-default::after,
  1529. [id*=CartGrid_lbRemoveAll]::before,
  1530. [id*=CartGrid_lbRemoveAll]::after,
  1531. [id*=CartGrid_ButtonUpdateCart]::before,
  1532. [id*=CartGrid_ButtonUpdateCart]::after,
  1533. [id*=addAdditionalDonation]::before,
  1534. [id*=addAdditionalDonation]::after {
  1535. display: none !important;
  1536. }
  1537. .btn-default span,
  1538. [id*=CartGrid_lbRemoveAll] span,
  1539. [id*=CartGrid_ButtonUpdateCart] span,
  1540. [id*=addAdditionalDonation] span {
  1541. position: relative;
  1542. z-index: 1;
  1543. }
  1544. .btn-default:hover,
  1545. [id*=CartGrid_lbRemoveAll]:hover,
  1546. [id*=CartGrid_ButtonUpdateCart]:hover,
  1547. [id*=addAdditionalDonation]:hover {
  1548. background: #902012 !important;
  1549. color: #f2f2e6 !important;
  1550. border-radius: 0 !important;
  1551. padding: 7px 20px !important;
  1552. border: none !important;
  1553. }
  1554.  
  1555. [id*=CartGrid_CartContainer] .cart-type-group,
  1556. [id*=additionalDonationSection] .cart-type-group {
  1557. background: #f2f2e6;
  1558. border: none;
  1559. }
  1560. [id*=CartGrid_CartContainer] .PaymentPart_CartRows,
  1561. [id*=additionalDonationSection] .PaymentPart_CartRows {
  1562. background: #f2f2e6;
  1563. border: none;
  1564. }
  1565. [id*=CartGrid_CartContainer] .PaymentPart_CartDescriptionCell,
  1566. [id*=additionalDonationSection] .PaymentPart_CartDescriptionCell {
  1567. background: #f2f2e6;
  1568. }
  1569. [id*=CartGrid_CartContainer] .payment-part-subtotal .input-group-addon,
  1570. [id*=additionalDonationSection] .payment-part-subtotal .input-group-addon {
  1571. background: no-repeat;
  1572. border: none;
  1573. color: #a02314;
  1574. font-family: Garaje0503;
  1575. letter-spacing: 0.02em;
  1576. font-weight: bold;
  1577. font-size: 16px;
  1578. }
  1579. [id*=CartGrid_CartContainer] .payment-part-subtotal .form-control,
  1580. [id*=additionalDonationSection] .payment-part-subtotal .form-control {
  1581. background-color: transparent;
  1582. }
  1583. [id*=CartGrid_CartContainer] h4,
  1584. [id*=additionalDonationSection] h4 {
  1585. font-family: Martina;
  1586. font-size: 19px;
  1587. font-weight: bold;
  1588. }
  1589. [id*=CartGrid_CartContainer] h4 a,
  1590. [id*=additionalDonationSection] h4 a {
  1591. color: #000;
  1592. }
  1593. [id*=CartGrid_CartContainer] .cart-type-group > .show-grid [class*=col-],
  1594. [id*=additionalDonationSection] .cart-type-group > .show-grid [class*=col-] {
  1595. background: #f2f2e6;
  1596. }
  1597.  
  1598. h2.PaymentPart_CartRows {
  1599. font-family: Garaje0503;
  1600. font-size: 50px;
  1601. line-height: 0.96em;
  1602. font-weight: bold;
  1603. letter-spacing: 0.01em;
  1604. color: #a02314;
  1605. }
  1606. @media (min-width: 768px) and (max-width: 1023px) {
  1607. h2.PaymentPart_CartRows {
  1608. font-size: 40px;
  1609. }
  1610. }
  1611. @media (max-width: 767px) {
  1612. h2.PaymentPart_CartRows {
  1613. font-size: 30px;
  1614. }
  1615. }
  1616.  
  1617. .PaymentPart_CartItemLink {
  1618. font-family: Martina;
  1619. font-size: 19px;
  1620. font-weight: bold;
  1621. }
  1622.  
  1623. .payment-part-subtotal .input-group-addon {
  1624. background: no-repeat;
  1625. border: none;
  1626. color: #a02314;
  1627. font-family: Garaje0503;
  1628. letter-spacing: 0.02em;
  1629. font-weight: bold;
  1630. font-size: 16px;
  1631. }
  1632. .payment-part-subtotal .form-control {
  1633. background-color: transparent;
  1634. }
  1635.  
  1636. [id*=lblPersonalInfo],
  1637. [id*=lblRegistrationInformation] {
  1638. color: #a02314;
  1639. margin-bottom: 40px;
  1640. display: block;
  1641. }
  1642.  
  1643. .PaymentPart_CartItemTotal {
  1644. color: #a02314;
  1645. font-family: Garaje0503;
  1646. letter-spacing: 0.02em;
  1647. font-weight: bold;
  1648. font-size: 16px;
  1649. }
  1650.  
  1651. .single-cart-item {
  1652. padding: 1px 20px 30px !important;
  1653. }
  1654.  
  1655. .form-control {
  1656. font-size: 17px;
  1657. }
  1658.  
  1659. .passwordInput {
  1660. height: 33px;
  1661. }
  1662.  
  1663. .eyeIcon {
  1664. margin-top: 5px;
  1665. }
  1666.  
  1667. .form-horizontal .form-group {
  1668. display: -webkit-box;
  1669. display: -ms-flexbox;
  1670. display: flex;
  1671. -webkit-box-align: center;
  1672. -ms-flex-align: center;
  1673. align-items: center;
  1674. }
  1675. .form-horizontal .form-group label {
  1676. padding-top: 10px;
  1677. padding-bottom: 10px;
  1678. min-width: 160px;
  1679. }
  1680.  
  1681. .BBFormValidatorSummary {
  1682. margin-bottom: 30px !important;
  1683. }
  1684.  
  1685. [id*=validationSummary] ul:first-child,
  1686. .BBFormValidatorSummary ul:first-child {
  1687. margin-top: 5px;
  1688. margin-bottom: 0;
  1689. }
  1690.  
  1691. [id*=validationSummary] ul:last-child,
  1692. .BBFormValidatorSummary ul:last-child {
  1693. margin-bottom: 0 !important;
  1694. }
  1695.  
  1696. div#divUseAsBilling label,
  1697. .PaymentPart_PesonalInfoCheckbox label {
  1698. font-weight: normal;
  1699. }
  1700.  
  1701. [id*=lblRegistrationInformation] {
  1702. color: #000 !important;
  1703. }
  1704.  
  1705. .Registration_DisabledInputText {
  1706. font-size: 17px;
  1707. padding-top: 11px;
  1708. }
  1709.  
  1710. div#divRegistrationPassword,
  1711. #divRegistrationConfirmPassword {
  1712. -webkit-box-align: start !important;
  1713. -ms-flex-align: start !important;
  1714. align-items: flex-start !important;
  1715. }
  1716. div#divRegistrationPassword label,
  1717. #divRegistrationConfirmPassword label {
  1718. padding-top: 12px;
  1719. }
  1720. div#divRegistrationPassword .togglePassword,
  1721. div#divRegistrationPassword .toggleConfirmPassword,
  1722. #divRegistrationConfirmPassword .togglePassword,
  1723. #divRegistrationConfirmPassword .toggleConfirmPassword {
  1724. margin-top: 10px !important;
  1725. display: block;
  1726. }
  1727.  
  1728. input[type=password] {
  1729. height: 33px;
  1730. }
  1731.  
  1732. .togglePassword,
  1733. .togglePassword.iconCss2,
  1734. .toggleConfirmPassword.iconCss2 {
  1735. margin-top: 10px !important;
  1736. display: block;
  1737. }
  1738.  
  1739. .invalid.indicatorCart.IconPsw,
  1740. .indicatorCart.IconConfirmPsw.invalid,
  1741. .invalid.indicatorRegister,
  1742. .valid.indicatorRegister {
  1743. font-style: normal;
  1744. font-size: 14px;
  1745. margin-top: 5px;
  1746. }
  1747.  
  1748. .indicatorCart.IconConfirmPsw.valid,
  1749. .valid.indicatorCart.IconPsw,
  1750. [id*=RegistrationPasswordRequirements] {
  1751. font-style: normal;
  1752. font-size: 14px;
  1753. margin-top: 5px;
  1754. }
  1755.  
  1756. [id*=givingLevels] .radio input {
  1757. margin-top: 7px;
  1758. }
  1759.  
  1760. .price-group .payment-part-total {
  1761. margin-top: 3px;
  1762. }
  1763.  
  1764. .PaymentPart_CartDescriptionCell [id*=labelItemDescription],
  1765. .TicketDateHeaderLabel {
  1766. font-weight: bold;
  1767. }
  1768.  
  1769. .programming_event_pricelist > .show-grid > .row {
  1770. border-top: none !important;
  1771. margin: 0;
  1772. }
  1773.  
  1774. .cart-type-group > div.show-grid:nth-of-type(even) {
  1775. background-color: #f2f2e6;
  1776. }
  1777.  
  1778. [id*=PaymentPartGridRow_1] {
  1779. padding-bottom: 20px;
  1780. }
  1781.  
  1782. [id*=labelEventName] {
  1783. font-weight: bold;
  1784. }
  1785.  
  1786. [id*=CartGrid_CartContainer] .cart-type-group br {
  1787. display: none;
  1788. }
  1789.  
  1790. [id*=WebFormsRecurringLevels] [id*=dynGiftSchedules] label {
  1791. color: #a02314 !important;
  1792. }
  1793.  
  1794. [id*=WebFormsRecurringLevels] [id*=dynGiftSchedules] label.active,
  1795. [id*=WebFormsRecurringLevels] [id*=dynGiftSchedules] label:hover {
  1796. color: #f2f2e6 !important;
  1797. }
  1798.  
  1799. h2 h2 {
  1800. margin-top: 0;
  1801. }
  1802.  
  1803. [id*=RegistrationUsernameInfo] {
  1804. background-color: #eee;
  1805. opacity: 1;
  1806. cursor: not-allowed;
  1807. color: #999;
  1808. }
  1809.  
  1810. [id*=lblHelpletDonationInformation],
  1811. [id*=lblHelpletAdditionalInformation] {
  1812. margin-bottom: 30px;
  1813. display: block;
  1814. }
  1815.  
  1816. .BBFormValidatorSummary {
  1817. margin-bottom: 20px;
  1818. }
  1819.  
  1820. .PaymentPart_CartSubtotalCaption {
  1821. padding-top: 4px;
  1822. }
  1823.  
  1824. .input-group-text {
  1825. background: no-repeat;
  1826. border: none;
  1827. font-family: Garaje0503;
  1828. font-size: 16px;
  1829. color: #a02314;
  1830. }
  1831. .input-group-text span {
  1832. font-family: Garaje0503;
  1833. font-size: 16px;
  1834. color: #a02314;
  1835. }
  1836.  
  1837. .form-select-sm {
  1838. min-height: 50px;
  1839. border: 1px solid #000;
  1840. border-radius: 0;
  1841. font-size: 17px;
  1842. }
  1843.  
  1844. .site-footer footer {
  1845. display: -webkit-box;
  1846. display: -ms-flexbox;
  1847. display: flex;
  1848. -webkit-box-pack: justify;
  1849. -ms-flex-pack: justify;
  1850. justify-content: space-between;
  1851. -ms-flex-wrap: wrap;
  1852. flex-wrap: wrap;
  1853. }
  1854.  
  1855. [id*=ProgramDescription] p,
  1856. [id*=ProgramDescription] span {
  1857. font-size: 19px !important;
  1858. line-height: 1.26em !important;
  1859. font-family: Martina !important;
  1860. }
  1861.  
  1862. [id*=PackagesAndIndividualEvents] + div hr {
  1863. display: none;
  1864. }
  1865. [id*=PackagesAndIndividualEvents] + div span.form-label {
  1866. font-weight: bold;
  1867. color: #a02314;
  1868. }
  1869. [id*=PackagesAndIndividualEvents] + div .card-body {
  1870. background: #f2f2e6 !important;
  1871. border-radius: 0 !important;
  1872. border: none !important;
  1873. }
  1874. [id*=PackagesAndIndividualEvents] + div .divQuantityMobile input {
  1875. background: none;
  1876. }
  1877. [id*=PackagesAndIndividualEvents] + div .labelPriceMobile {
  1878. color: #a02314;
  1879. font-size: 16px;
  1880. letter-spacing: 0.02em;
  1881. font-family: Garaje0503;
  1882. font-weight: bold !important;
  1883. }
  1884.  
  1885. [id*=listviewPackagesAndIndividualEvents_lbl] {
  1886. font-weight: bold;
  1887. }
  1888.  
  1889. [id*=listviewPackagesAndIndividualEvents_listviewPackageOrEventPriceTypes] {
  1890. font-weight: normal !important;
  1891. padding-right: 5px;
  1892. }
  1893.  
  1894. [id*=listviewPackagesAndIndividualEvents_lblEventStartTime_0] {
  1895. font-weight: normal !important;
  1896. }
  1897.  
  1898. .Programming_Event_Date,
  1899. .Programming_Event_TimeContainer {
  1900. color: #a02314;
  1901. }
Advertisement
Add Comment
Please, Sign In to add comment