danine1

russst css after

Sep 20th, 2021
1,167
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.   color: #edf2f8;
  3.   font-family: "Barlow", sans-serif;
  4.   overflow-x: hidden;
  5.   position: relative;
  6. }
  7. img {
  8.   max-width: 100%;
  9.   height: auto;
  10. }
  11. a {
  12.   color: #0d3b66;
  13. }
  14. a:hover {
  15.   text-decoration: none;
  16. }
  17. p,
  18. ul,
  19. ol {
  20.   margin: 0 0 1.65em 0;
  21. }
  22. p,
  23. li {
  24.   line-height: 1.65;
  25. }
  26. .container {
  27.   max-width: 1300px;
  28.   margin: 0 auto;
  29.   padding: 0 16px;
  30.   position: relative;
  31. }
  32. .container--narrow {
  33.   max-width: 960px;
  34. }
  35. .section-break {
  36.   border: none;
  37.   border-top: 1px solid #ddd;
  38.   margin: 2.5rem 0;
  39. }
  40. .min-list {
  41.   padding: 0;
  42.   margin: 0;
  43. }
  44. .min-list li {
  45.   list-style: none;
  46. }
  47. .p-top-small {
  48.   padding-top: 1rem;
  49. }
  50. .p-top-large {
  51.   padding-top: 1.6rem;
  52. }
  53. .p-bottom-large {
  54.   padding-bottom: 1.6rem;
  55. }
  56. @media (min-width: 530px) {
  57.   .p-top-large {
  58.     padding-top: 3.5rem;
  59.   }
  60.   .p-bottom-large {
  61.     padding-bottom: 3.5rem;
  62.   }
  63. }
  64. .no-margin {
  65.   margin: 0;
  66. }
  67. .nu {
  68.   text-decoration: none;
  69. }
  70. .nu:hover {
  71.   text-decoration: underline;
  72. }
  73. .t-left {
  74.   text-align: left;
  75. }
  76. .t-right {
  77.   text-align: right;
  78. }
  79. .t-center {
  80.   text-align: center;
  81. }
  82. .t-small {
  83.   font-size: 0.85rem;
  84. }
  85. .float-left {
  86.   float: left;
  87. }
  88. .float-right {
  89.   float: right;
  90. }
  91. .push-right {
  92.   margin-right: 20px;
  93. }
  94. .container:before,
  95. .container:after,
  96. .group:before,
  97. .group:after {
  98.   content: " ";
  99.   display: table;
  100. }
  101. .container:after,
  102. .group:after {
  103.   clear: both;
  104. }
  105. .hide {
  106.   display: none;
  107. }
  108. .remove-favorite {
  109.   display: inline-block;
  110.   transition: all 0.3s;
  111.   color: #999;
  112.   font-size: 0.9rem;
  113.   cursor: pointer;
  114.   padding: 4px 6px;
  115.   border-radius: 3px;
  116. }
  117. .remove-favorite:hover {
  118.   background-color: #dedede;
  119. }
  120. .page-section {
  121.   padding-top: 1.6rem;
  122.   padding-bottom: 1.6rem;
  123. }
  124. @media (min-width: 530px) {
  125.   .page-section {
  126.     padding-top: 3.5rem;
  127.     padding-bottom: 3.5rem;
  128.   }
  129. }
  130. .page-section--white {
  131.   background-color: #fff;
  132. }
  133. .page-section--beige {
  134.   background-color: #faf0ca;
  135. }
  136. .page-section p:last-of-type {
  137.   margin-bottom: 0;
  138. }
  139. .rustler-logo{
  140.   position: relative;
  141.   z-index: 20;
  142.   margin: 0;
  143.   width: 230px;
  144. }
  145. @-webkit-keyframes spin {
  146.   0% {
  147.     transform: rotate(0deg);
  148.   }
  149.   100% {
  150.     transform: rotate(360deg);
  151.   }
  152. }
  153. @keyframes spin {
  154.   0% {
  155.     transform: rotate(0deg);
  156.   }
  157.   100% {
  158.     transform: rotate(360deg);
  159.   }
  160. }
  161. .spinner-loader {
  162.   margin-top: 45px;
  163.   border-radius: 50%;
  164.   width: 24px;
  165.   height: 24px;
  166.   border: 0.25rem solid rgba(0, 0, 0, 0.2);
  167.   border-top-color: #000;
  168.   -webkit-animation: spin 1s infinite linear;
  169.   animation: spin 1s infinite linear;
  170. }
  171. .c-orange {
  172.   color: #f95738;
  173. }
  174. .c-blue {
  175.   color: #0d3b66;
  176. }
  177. .c-white {
  178.   color: #fff;
  179. }
  180. .c-dark {
  181.   color: #333;
  182. }
  183. .gray {
  184.   color: #999;
  185. }
  186. .search-trigger {
  187.   display: none;
  188.   color: #fff;
  189.   position: relative;
  190.   cursor: pointer;
  191.   top: 1px;
  192.   margin-left: 20px;
  193. }
  194. @media (min-width: 960px) {
  195.   .search-trigger {
  196.     display: inline-block;
  197.     top: 6px;
  198.   }
  199. }
  200. .search-trigger:hover {
  201.   opacity: 0.65;
  202. }
  203. .social-icons-list {
  204.   display: flex;
  205.   margin: 0 -8px;
  206. }
  207. .social-icons-list li {
  208.   flex: 1;
  209.   margin: 0 8px;
  210. }
  211. .social-icons-list li a {
  212.   display: block;
  213.   text-align: center;
  214.   color: #fff;
  215.   font-size: 1.25rem;
  216. }
  217. .social-icons-list li a:hover {
  218.   opacity: 0.75;
  219. }
  220. .social-color-facebook {
  221.   background-color: #4862a3;
  222. }
  223. .social-color-twitter {
  224.   background-color: #55acee;
  225. }
  226. .social-color-youtube {
  227.   background-color: #cc1e1f;
  228. }
  229. .social-color-linkedin {
  230.   background-color: #0077b5;
  231. }
  232. .social-color-instagram {
  233.   background-color: #d8226b;
  234. }
  235. .nav-list ul {
  236.   padding: 0;
  237.   margin: 0;
  238. }
  239. .nav-list li {
  240.   list-style: none;
  241. }
  242. .nav-list a {
  243.   font-size: 0.9rem;
  244.   color: #999;
  245.   text-decoration: none;
  246. }
  247. .nav-list a:hover {
  248.   color: #0d3b66;
  249.   text-decoration: underline;
  250. }
  251. .one-half,
  252. .one-third,
  253. .one-fourth,
  254. .one-fifth,
  255. .one-sixth {
  256.   padding-bottom: 1.6rem;
  257. }
  258. @media (min-width: 960px) {
  259.   .row {
  260.     margin-right: -50px;
  261.   }
  262.   .one-half,
  263.   .one-third,
  264.   .two-thirds,
  265.   .one-fourth,
  266.   .one-fifth,
  267.   .one-sixth {
  268.     padding-bottom: 0;
  269.     float: left;
  270.     box-sizing: border-box;
  271.     padding-right: 50px;
  272.   }
  273.   .two-thirds {
  274.     width: 66.66%;
  275.   }
  276.   .one-half {
  277.     width: 50%;
  278.   }
  279.   .one-third {
  280.     width: 33.33%;
  281.   }
  282.   .one-quarter {
  283.     width: 25%;
  284.   }
  285.   .one-fifth {
  286.     width: 20%;
  287.   }
  288.   .one-sixth {
  289.     width: 16.66%;
  290.   }
  291. }
  292. @media screen and (max-width: 600px) {
  293.   #wpadminbar {
  294.     position: fixed;
  295.   }
  296. }
  297. .search-form {
  298.   background-color: #dedede;
  299.   padding: 20px;
  300.   text-align: center;
  301. }
  302. .search-form label {
  303.   display: block;
  304. }
  305. .search-form-row {
  306.   display: flex;
  307. }
  308. .search-form .s {
  309.   min-width: 20px;
  310.   flex-basis: auto;
  311.   flex-grow: 1;
  312.   border: none;
  313.   font-family: "Roboto", sans-serif;
  314.   padding: 10px;
  315. }
  316. @media (min-width: 530px) {
  317.   .search-form .s {
  318.     font-size: 1.4rem;
  319.   }
  320. }
  321. .search-submit {
  322.   color: #fff;
  323.   border: none;
  324.   border-radius: 4px;
  325.   outline: none;
  326.   background-color: #0d3b66;
  327.   font-family: "Roboto", sans-serif;
  328.   padding: 0 20px;
  329.   margin-left: 10px;
  330. }
  331. .note-limit-message {
  332.   visibility: hidden;
  333.   opacity: 0;
  334.   transition: all 0.3s ease-out;
  335.   color: #c32929;
  336.   font-weight: bold;
  337. }
  338. .note-limit-message.active {
  339.   visibility: visible;
  340.   opacity: 1;
  341. }
  342. .generic-content .like-box {
  343.   float: right;
  344.   font-size: 1rem;
  345.   background-color: #ededed;
  346.   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  347.   color: red;
  348.   padding: 10px 10px 10px 25px;
  349.   border-radius: 4px;
  350.   cursor: pointer;
  351.   margin: 0 0 30px 30px;
  352.   position: relative;
  353. }
  354. .generic-content .like-box:hover {
  355.   background-color: #dedede;
  356. }
  357. .like-count {
  358.   padding-left: 10px;
  359. }
  360. .like-box .fa-heart-o {
  361.   transition: all 0.35s ease-out;
  362.   position: absolute;
  363.   left: 10px;
  364. }
  365. .like-box .fa-heart {
  366.   left: 10px;
  367.   transition: all 0.4s ease-out;
  368.   position: absolute;
  369.   visibility: hidden;
  370.   transform: scale(0.2);
  371.   opacity: 0;
  372. }
  373. .like-box[data-exists="yes"] .fa-heart {
  374.   transform: scale(1);
  375.   visibility: visible;
  376.   opacity: 1;
  377. }
  378. .like-box[data-exists="yes"] .fa-heart-o {
  379.   visibility: hidden;
  380.   opacity: 0;
  381. }
  382. body.login .button-primary {
  383.   background-color: #f95738;
  384.   border-color: #f83e1a;
  385.   text-shadow: 0 -1px 1px #f8320c, 1px 0 1px #f8320c, 0 1px 1px #f8320c, -1px 0 1px #f8320c;
  386.   box-shadow: 0 1px 0 #ed2c07;
  387. }
  388. body.login .button-primary:active,
  389. body.login .button-primary:focus,
  390. body.login .button-primary:hover {
  391.   background-color: #f8411d;
  392.   border-color: #f95738;
  393.   text-shadow: 0 -1px 1px #ed2c07, 1px 0 1px #ed2c07, 0 1px 1px #ed2c07, -1px 0 1px #ed2c07;
  394.   box-shadow: 0 1px 0 #de2907;
  395. }
  396. body.login {
  397.   background-color: #faf0ca;
  398. }
  399. .login h1 a {
  400.   color: #0d3b66;
  401.   font-size: 30px;
  402.   font-weight: 300;
  403.   background-image: none;
  404.   width: auto;
  405.   height: auto;
  406.   text-indent: 0;
  407. }
  408. .btn {
  409.   display: inline-block;
  410.   cursor: pointer;
  411.   border-radius: 4px;
  412.   overflow: hidden;
  413.   text-decoration: none;
  414.   color: #fff;
  415.   font-size: 1.19rem;
  416.   padding: 12px 24px;
  417.   border: none;
  418.   outline: none;
  419. }
  420. .btn--small {
  421.   font-size: 0.88rem;
  422.   padding: 7px 13px;
  423.   font-weight: 300;
  424. }
  425. .btn--with-photo {
  426.   padding-left: 40px;
  427.   position: relative;
  428. }
  429. .btn--orange {
  430.   background-color: #ee964b;
  431. }
  432. .btn--orange:hover {
  433.   background: linear-gradient(#ee964b, #eb6c00);
  434. }
  435. .btn--dark-orange {
  436.   background-color: #f95738;
  437. }
  438. .btn--dark-orange:hover {
  439.   background: linear-gradient(#f95738, #c62000);
  440. }
  441. .btn--blue {
  442.   background-color: #0d3b66;
  443. }
  444. .btn--blue:hover {
  445.   background: linear-gradient(#12518d, #0d3b66);
  446. }
  447. .btn--yellow {
  448.   background-color: #f4d35e;
  449.   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
  450. }
  451. .btn--yellow:hover {
  452.   background: linear-gradient(#f4d35e, #f0bb00);
  453. }
  454. .btn--beige {
  455.   background-color: #faf0ca;
  456.   color: #173f58;
  457. }
  458. .btn--beige:hover {
  459.   background-color: #f4d35e;
  460. }
  461. .btn--gray {
  462.   background-color: #222;
  463. }
  464. .btn--white {
  465.   background-color: #fff;
  466.   color: #173f58;
  467. }
  468. .btn--white:hover {
  469.   background-color: #ddd;
  470. }
  471. .btn--large {
  472.   font-size: 1.3rem;
  473.   padding: 16px 34px;
  474.   border-radius: 7px;
  475. }
  476. @media (min-width: 530px) {
  477.   .btn--large {
  478.     font-size: 1.9rem;
  479.   }
  480. }
  481. .btn--inactive {
  482.   background-color: transparent;
  483.   cursor: default;
  484.   color: #333;
  485. }
  486. .edit-note,
  487. .delete-note,
  488. .submit-note {
  489.   font-size: 0.9rem;
  490.   background-color: #eee;
  491.   padding: 8px 16px;
  492.   display: inline-block;
  493.   margin-right: 7px;
  494.   border-radius: 4px;
  495.   cursor: pointer;
  496. }
  497. .submit-note {
  498.   color: #fff;
  499.   border: none;
  500.   background-color: #f95738;
  501.   line-height: 1.65;
  502. }
  503. .submit-note:hover {
  504.   background-color: #dd3f21;
  505. }
  506. @media (min-width: 635px) {
  507.   .edit-note,
  508.   .delete-note {
  509.     position: relative;
  510.     top: -12px;
  511.   }
  512. }
  513. .edit-note:hover,
  514. .delete-note:hover {
  515.   background-color: #ddd;
  516. }
  517. .delete-note {
  518.   color: red;
  519. }
  520. .update-note {
  521.   visibility: hidden;
  522. }
  523. .update-note--visible {
  524.   visibility: visible;
  525. }
  526. .note-title-field {
  527.   width: 40%;
  528.   font-size: 1.85rem;
  529.   font-family: "Roboto Condensed", sans-serif;
  530.   font-weight: 300;
  531.   color: #0d3b66;
  532.   border: 1px solid transparent;
  533.   padding: 7px;
  534.   outline: none;
  535.   position: relative;
  536.   top: 1px;
  537. }
  538. @media (max-width: 400px) {
  539.   .note-title-field {
  540.     width: 100%;
  541.   }
  542. }
  543. @media (min-width: 635px) {
  544.   .note-title-field {
  545.     width: 65%;
  546.     font-size: 3.125rem;
  547.   }
  548. }
  549. .note-body-field {
  550.   color: #333;
  551.   font-family: "Roboto", sans-serif;
  552.   resize: none;
  553.   display: block;
  554.   width: 100%;
  555.   line-height: 1.65;
  556.   font-size: 1.15rem;
  557.   padding: 7px;
  558.   border: 1px solid transparent;
  559.   height: 175px;
  560.   outline: none;
  561. }
  562. .note-active-field {
  563.   border: 1px solid #ddd;
  564.   -webkit-animation: pulseBorder 0.75s alternate infinite;
  565.   animation: pulseBorder 0.75s alternate infinite;
  566. }
  567. @-webkit-keyframes pulseBorder {
  568.   0% {
  569.     border: 1px solid #fff;
  570.   }
  571.   100% {
  572.     border: 1px solid #ccc;
  573.   }
  574. }
  575. @keyframes pulseBorder {
  576.   0% {
  577.     border: 1px solid #fff;
  578.   }
  579.   100% {
  580.     border: 1px solid #ccc;
  581.   }
  582. }
  583. .create-note {
  584.   background-color: #ddd;
  585.   padding: 20px;
  586.   margin-bottom: 20px;
  587. }
  588. .new-note-title {
  589.   width: 100%;
  590.   padding: 10px;
  591.   font-family: "Roboto", sans-serif;
  592.   border: none;
  593.   margin-bottom: 10px;
  594.   font-size: 1.15rem;
  595.   box-sizing: border-box;
  596. }
  597. .new-note-body {
  598.   width: 100%;
  599.   box-sizing: border-box;
  600.   resize: none;
  601.   padding: 10px;
  602.   font-family: "Roboto", sans-serif;
  603.   border: none;
  604.   margin-bottom: 10px;
  605.   height: 170px;
  606.   font-size: 1.15rem;
  607.   line-height: 1.65;
  608. }
  609. #my-notes {
  610.   position: relative;
  611. }
  612. #my-notes li {
  613.   transition: all 0.4s ease-out;
  614.   opacity: 1;
  615. }
  616. #my-notes li.fade-out {
  617.   height: 0px !important;
  618.   overflow: hidden !important;
  619.   padding: 0 !important;
  620.   margin: 0 !important;
  621.   opacity: 0.5;
  622. }
  623. #my-notes li.fade-in-calc {
  624.   padding: 0 !important;
  625.   margin: 0 !important;
  626.   border: none !important;
  627.   position: absolute;
  628.   left: 0;
  629.   right: 0;
  630.   opacity: 0;
  631. }
  632. .site-header {
  633.   z-index: 3;
  634.   position: absolute;
  635.   top: 0;
  636.   left: 0;
  637.   right: 0;
  638.   padding: 20px 0;
  639. }
  640. .site-header__avatar {
  641.   position: absolute;
  642.   top: 0;
  643.   left: 0;
  644. }
  645. .site-header__avatar img {
  646.   display: block;
  647.   width: 30px;
  648.   height: 30px;
  649. }
  650. .site-header__menu {
  651.   visibility: hidden;
  652.   position: absolute;
  653.   background-color: rgba(12, 56, 97, 0.89);
  654.   left: 0;
  655.   right: 0;
  656.   top: -20px;
  657.   padding-top: 58px;
  658.   opacity: 0;
  659.   transform: translateY(-20%);
  660.   transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
  661.   padding-bottom: 20px;
  662. }
  663. .site-header__menu--active {
  664.   opacity: 1;
  665.   transform: translateY(0);
  666.   visibility: visible;
  667. }
  668. @media (min-width: 960px) {
  669.   .site-header__menu {
  670.     visibility: visible;
  671.     opacity: 1;
  672.     transform: translateY(0) scale(1);
  673.     position: static;
  674.     background-color: transparent;
  675.     float: right;
  676.     padding-top: 0;
  677.     padding-bottom: 0;
  678.     top: 0;
  679.   }
  680. }
  681. .site-header__search-trigger {
  682.   cursor: pointer;
  683.   color: #fff;
  684.   font-size: 1.2rem;
  685.   position: absolute;
  686.   top: 6px;
  687.   right: 16px;
  688. }
  689. @media (min-width: 530px) {
  690.   .site-header__search-trigger {
  691.     top: 4px;
  692.     font-size: 1.4rem;
  693.   }
  694. }
  695. @media (min-width: 960px) {
  696.   .site-header__search-trigger {
  697.     display: none;
  698.   }
  699. }
  700. .site-header__menu-trigger {
  701.   color: #fff;
  702.   cursor: pointer;
  703.   font-size: 1.2rem;
  704.   position: absolute;
  705.   z-index: 10;
  706.   top: 7px;
  707.   right: 46px;
  708. }
  709. @media (min-width: 530px) {
  710.   .site-header__menu-trigger {
  711.     top: 5px;
  712.     font-size: 1.4rem;
  713.   }
  714. }
  715. @media (min-width: 960px) {
  716.   .site-header__menu-trigger {
  717.     display: none;
  718.   }
  719. }
  720. .site-header__util {
  721.   padding: 0 0 0 20px;
  722. }
  723. @media (min-width: 960px) {
  724.   .site-header__util {
  725.     padding: 0;
  726.     float: right;
  727.   }
  728. }
  729. .site-header__btn {
  730.   margin-right: 20px;
  731. }
  732. @media (min-width: 960px) {
  733.   .site-header__btn {
  734.     float: left;
  735.   }
  736. }
  737. .site-header .btn--with-photo {
  738.   margin-right: 0;
  739. }
  740. .rustler-footer-text {
  741.   text-align: center;
  742. }
  743. .site-footer {
  744.   padding: 2rem 0 3.5rem 0;
  745. background-color: #b80610;
  746.  
  747. }
  748. .site-footer a {
  749.   color: white!important;
  750.   text-decoration: none;
  751. }
  752. .site-footer p {
  753.   font-size: 0.9rem;
  754.   text-align: center;
  755.   color: white!important;
  756. }
  757. .site-footer .headline {
  758.   color: #fff;
  759.   margin-bottom: 0.33rem;
  760. }
  761. .site-footer__link {
  762.   color: #fff;
  763.   text-decoration: none;
  764.  
  765. }
  766. .site-footer__link:hover {
  767.   color: #0d3b66;
  768.   text-decoration: underline;
  769. }
  770. .site-footer__inner {
  771.   padding-top: 3.5rem;
  772. }
  773. .site-footer__col-one {
  774.   text-align: center;
  775. }
  776. @media (min-width: 960px) {
  777.   .site-footer__col-one {
  778.     text-align: left;
  779.     width: 33%;
  780.     float: left;
  781.   }
  782. }
  783. .site-footer__col-two-three-group {
  784.   text-align: center;
  785.   width: 85%;
  786.   margin: 0 auto;
  787. }
  788. @media (min-width: 960px) {
  789.   .site-footer__col-two-three-group {
  790.     text-align: left;
  791.     float: left;
  792.     width: 42%;
  793.     margin: 0;
  794.   }
  795. }
  796. .site-footer__col-two {
  797.   width: 50%;
  798.   float: left;
  799. }
  800. .site-footer__col-three {
  801.   width: 50%;
  802.   float: left;
  803. }
  804. .site-footer__col-four {
  805.   padding-top: 20px;
  806.   width: 85%;
  807.   margin: 0 auto;
  808.   clear: both;
  809.   text-align: center;
  810. }
  811. @media (min-width: 960px) {
  812.   .site-footer__col-four {
  813.     padding-top: 0;
  814.     margin: 0;
  815.     clear: none;
  816.     text-align: left;
  817.     width: 25%;
  818.     float: right;
  819.   }
  820. }
  821. .main-navigation {
  822.   padding-top: 2px;
  823. }
  824. .main-navigation ul {
  825.   padding: 0;
  826.   margin: 0;
  827. }
  828. .main-navigation ul:before,
  829. .main-navigation ul:after {
  830.   content: " ";
  831.   display: table;
  832. }
  833. .main-navigation ul:after {
  834.   clear: both;
  835. }
  836. @media (min-width: 960px) {
  837.   .main-navigation {
  838.     float: left;
  839.     margin-right: 20px;
  840.     margin-top: 20px;
  841.   }
  842. }
  843. .main-navigation li {
  844.   list-style: none;
  845. }
  846. @media (min-width: 960px) {
  847.   .main-navigation li {
  848.     float: left;
  849.     padding-left: 20px;
  850.   }
  851. }
  852. .main-navigation a {
  853.   display: block;
  854.   padding: 10px 20px;
  855.   color: #000d47;
  856.   text-decoration: none;
  857.   font-weight: 300;
  858. }
  859. @media (min-width: 960px) {
  860.   .main-navigation a {
  861.     display: inline-block;
  862.     padding: 0;
  863.   }
  864. }
  865. .main-navigation .current-menu-item a,
  866. .main-navigation a:hover {
  867.   color: #b80610;
  868. }
  869. .page-banner {
  870.   background-color: #edf2f8;
  871.   padding: 80px 0 40px 0;
  872.   position: relative;
  873. }
  874. @media (min-width: 530px) {
  875.   .page-banner {
  876.     padding: 830px 0 60px 0;
  877.   }
  878. }
  879. .page-banner__content {
  880.   position: relative;
  881.   z-index: 2;
  882. }
  883. .page-banner__title {
  884.   font-family: "Roboto Condensed", sans-serif;
  885.   font-weight: 300;
  886.   font-size: 3.6rem;
  887.   margin: 0 0 1rem 0;
  888.   color: #000d47;
  889. }
  890. @media (min-width: 530px) {
  891.   .page-banner__title {
  892.     font-size: 5rem;
  893.   }
  894. }
  895. .page-banner__bg-image {
  896.   /* opacity: 0.33;
  897.   background-size: cover;
  898.   position: absolute;
  899.   top: 0;
  900.   bottom: 0;
  901.   left: 0;
  902.   right: 0; */
  903.   background: transparent url('/wp-content/uploads/2021/09/Ellipse-1.svg') 0% 0% no-repeat padding-box;
  904.   opacity: 1;
  905.   background-size: contain;
  906.   position: absolute;
  907.   top: 0;
  908.   bottom: 0;
  909.   left: 0;
  910.   right: 0;
  911. }
  912. .page-banner__intro {
  913.   font-weight: 300;
  914.   font-size: 1.2rem;
  915.   line-height: 1.3;
  916.   color: #000d47;
  917. }
  918. @media (min-width: 530px) {
  919.   .page-banner__intro {
  920.     font-size: 1.65rem;
  921.   }
  922. }
  923. .page-banner__intro p {
  924.   margin: 0;
  925. }
  926. .hero-slider {
  927.   position: relative;
  928. }
  929. .hero-slider div {
  930.   outline: none;
  931. }
  932. .hero-slider__interior {
  933.   padding-top: 60px;
  934.   padding-bottom: 60px;
  935. }
  936. @media (min-width: 960px) {
  937.   .hero-slider__interior {
  938.     padding-top: 130px;
  939.     padding-bottom: 130px;
  940.   }
  941. }
  942. .hero-slider__slide {
  943.   background-size: cover;
  944.   background-repeat: no-repeat;
  945. }
  946. .hero-slider__overlay {
  947.   margin: 0 auto;
  948.   background-color: rgba(0, 0, 0, 0.68);
  949.   padding: 40px;
  950.   color: #fff;
  951. }
  952. @media (min-width: 960px) {
  953.   .hero-slider__overlay {
  954.     width: 50%;
  955.   }
  956. }
  957. .slick-dots {
  958.   z-index: 100;
  959.   position: absolute;
  960.   left: 0;
  961.   right: 0;
  962.   padding: 0;
  963.   margin: 0;
  964.   text-align: center;
  965.   top: 15px;
  966. }
  967. @media (min-width: 960px) {
  968.   .slick-dots {
  969.     top: 50px;
  970.   }
  971. }
  972. .slick-dots li {
  973.   list-style: none;
  974.   display: inline;
  975. }
  976. .slick-dots li button {
  977.   display: inline-block;
  978.   text-indent: -9999px;
  979.   font-size: 0;
  980.   line-height: 0;
  981.   width: 10px;
  982.   height: 10px;
  983.   background-color: rgba(255, 255, 255, 0.5);
  984.   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  985.   border-radius: 50%;
  986.   border: none;
  987.   margin: 0 4px;
  988.   padding: 0;
  989.   outline: none;
  990.   transition: background-color 0.3s ease-out;
  991.   cursor: pointer;
  992. }
  993. .slick-dots .slick-active button {
  994.   background-color: #fff;
  995. }
  996. .glide__bullets {
  997.   z-index: 100;
  998.   position: absolute;
  999.   left: 0;
  1000.   right: 0;
  1001.   padding: 0;
  1002.   margin: 0;
  1003.   text-align: center;
  1004.   top: 15px;
  1005. }
  1006. @media (min-width: 960px) {
  1007.   .glide__bullets {
  1008.     top: 50px;
  1009.   }
  1010. }
  1011. .glide__bullets button {
  1012.   display: inline-block;
  1013.   text-indent: -9999px;
  1014.   font-size: 0;
  1015.   line-height: 0;
  1016.   width: 10px;
  1017.   height: 10px;
  1018.   background-color: rgba(255, 255, 255, 0.5);
  1019.   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  1020.   border-radius: 50%;
  1021.   border: none;
  1022.   margin: 0 3px;
  1023.   padding: 0;
  1024.   outline: none;
  1025.   transition: background-color 0.3s ease-out;
  1026.   cursor: pointer;
  1027. }
  1028. .glide__bullets button.glide__bullet--active {
  1029.   background-color: #fff;
  1030. }
  1031. .search-overlay {
  1032.   overflow-y: auto;
  1033.   overflow-x: hidden;
  1034.   z-index: 110;
  1035.   position: fixed;
  1036.   top: 0;
  1037.   left: 0;
  1038.   right: 0;
  1039.   bottom: 0;
  1040.   background-color: rgba(255, 255, 255, 0.96);
  1041.   visibility: hidden;
  1042.   opacity: 0;
  1043.   transform: scale(1.09);
  1044.   transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
  1045.   box-sizing: border-box;
  1046. }
  1047. .search-overlay p {
  1048.   padding-top: 15px;
  1049. }
  1050. .search-overlay .event-summary p {
  1051.   padding-top: 0;
  1052. }
  1053. .search-overlay .event-summary {
  1054.   margin-bottom: 0;
  1055.   margin-top: 20px;
  1056. }
  1057. body.admin-bar .search-overlay {
  1058.   top: 32px;
  1059. }
  1060. .search-overlay__top {
  1061.   background-color: rgba(0, 0, 0, 0.12);
  1062. }
  1063. .search-overlay__icon {
  1064.   margin-right: 10px;
  1065.   font-size: 1.8rem;
  1066.   color: #f95738;
  1067. }
  1068. @media (min-width: 960px) {
  1069.   .search-overlay__icon {
  1070.     font-size: 2.5rem;
  1071.   }
  1072. }
  1073. .search-overlay--active {
  1074.   visibility: visible;
  1075.   opacity: 1;
  1076.   transform: scale(1);
  1077. }
  1078. .search-overlay__section-title {
  1079.   margin: 30px 0 1px 0;
  1080.   font-weight: 400;
  1081.   color: #0d3b66;
  1082.   font-size: 2rem;
  1083.   padding: 15px 0;
  1084.   border-bottom: 1px solid #ccc;
  1085. }
  1086. .search-overlay__close {
  1087.   position: absolute;
  1088.   top: 13px;
  1089.   right: 16px;
  1090.   font-size: 2.1rem;
  1091.   cursor: pointer;
  1092.   transition: all 0.3s;
  1093.   background-color: #fff;
  1094.   color: #f95738;
  1095.   line-height: 0.7;
  1096. }
  1097. @media (min-width: 530px) {
  1098.   .search-overlay__close {
  1099.     top: 18px;
  1100.     font-size: 2.1rem;
  1101.   }
  1102. }
  1103. @media (min-width: 960px) {
  1104.   .search-overlay__close {
  1105.     top: 26px;
  1106.     font-size: 2.8rem;
  1107.   }
  1108. }
  1109. .search-overlay__close:hover {
  1110.   opacity: 1;
  1111. }
  1112. .search-overlay .one-half {
  1113.   padding-bottom: 0;
  1114. }
  1115. .search-term {
  1116.   width: 75%;
  1117.   box-sizing: border-box;
  1118.   border: none;
  1119.   padding: 15px 0;
  1120.   margin: 0;
  1121.   background-color: transparent;
  1122.   font-size: 1rem;
  1123.   font-weight: 300;
  1124.   outline: none;
  1125.   color: #f95738;
  1126. }
  1127. @media (min-width: 530px) {
  1128.   .search-term {
  1129.     font-size: 1.5rem;
  1130.   }
  1131. }
  1132. @media (min-width: 960px) {
  1133.   .search-term {
  1134.     width: 80%;
  1135.     font-size: 3rem;
  1136.   }
  1137. }
  1138. .body-no-scroll {
  1139.   overflow: hidden;
  1140. }
  1141. .professor-cards {
  1142.   margin: 0;
  1143.   padding: 0;
  1144. }
  1145. .search-overlay .professor-cards {
  1146.   padding-top: 21px;
  1147. }
  1148. .professor-card {
  1149.   position: relative;
  1150.   display: inline-block;
  1151.   width: 200px;
  1152.   margin-right: 15px;
  1153.   background-color: #f95738;
  1154.   overflow: hidden;
  1155. }
  1156. .search-overlay .professor-card {
  1157.   width: 180px;
  1158. }
  1159. .professor-card__image {
  1160.   display: block;
  1161.   transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  1162. }
  1163. .professor-card:hover .professor-card__image {
  1164.   opacity: 0.8;
  1165.   transform: scale(1.1) rotate(4deg);
  1166. }
  1167. .professor-card__name {
  1168.   font-weight: 300;
  1169.   font-size: 0.9rem;
  1170.   position: absolute;
  1171.   bottom: 0;
  1172.   color: #fff;
  1173.   left: 0;
  1174.   right: 0;
  1175.   padding: 3px 10px;
  1176.   background-color: rgba(240, 54, 19, 0.85);
  1177. }
  1178. .professor-card:hover .professor-card__name {
  1179.   background-color: rgba(215, 46, 14, 0.85);
  1180. }
  1181. .professor-card__list-item {
  1182.   display: inline-block;
  1183.   list-style: none;
  1184. }
  1185. .headline {
  1186.   margin: 0;
  1187.   font-family: "Roboto Condensed", sans-serif;
  1188.   font-weight: 300;
  1189. }
  1190. .headline--large {
  1191.   font-size: 3.6rem;
  1192. }
  1193. @media (min-width: 530px) {
  1194.   .headline--large {
  1195.     font-size: 6.25rem;
  1196.   }
  1197. }
  1198. .headline--large-medium {
  1199.   font-size: 5rem;
  1200.   margin: 0 0 1rem 0;
  1201. }
  1202. .headline--medium {
  1203.   font-size: 1.9rem;
  1204.   margin-bottom: 0.75rem;
  1205. }
  1206. @media (min-width: 530px) {
  1207.   .headline--medium {
  1208.     font-size: 3.125rem;
  1209.   }
  1210. }
  1211. .headline--small-plus {
  1212.   font-family: "Roboto", sans-serif;
  1213.   font-size: 1.6875rem;
  1214.   font-weight: 400;
  1215.   margin-bottom: 1.9rem;
  1216. }
  1217. .headline--small {
  1218.   font-size: 1.2rem;
  1219.   margin-bottom: 1.9rem;
  1220. }
  1221. @media (min-width: 530px) {
  1222.   .headline--small {
  1223.     font-size: 1.6875rem;
  1224.   }
  1225. }
  1226. .headline--smaller {
  1227.   font-size: 1.5rem;
  1228. }
  1229. .headline--tiny {
  1230.   font-family: "Roboto", sans-serif;
  1231.   font-size: 1.3875rem;
  1232.   margin-bottom: 0.25rem;
  1233. }
  1234. .headline--post-title a {
  1235.   color: #0d3b66;
  1236.   text-decoration: none;
  1237. }
  1238. .headline--post-title a:hover {
  1239.   text-decoration: underline;
  1240. }
  1241. .generic-content p,
  1242. .generic-content li {
  1243.   font-size: 1.15rem;
  1244.   color: #000d47;
  1245. }
  1246. .generic-content blockquote,
  1247. .generic-content blockquote p {
  1248.   font-size: 1.5rem;
  1249.   font-style: italic;
  1250. }
  1251. .generic-content h1,
  1252. .generic-content h2,
  1253. .generic-content h3,
  1254. .generic-content h4,
  1255. .generic-content h5,
  1256. .generic-content h6 {
  1257.   font-family: "Roboto Condensed", sans-serif;
  1258.   font-weight: 300;
  1259.   margin-top: 0;
  1260.   margin-bottom: 1rem;
  1261. }
  1262. .generic-content h1 {
  1263.   font-size: 3.6rem;
  1264. }
  1265. .generic-content h2 {
  1266.   font-size: 3.1rem;
  1267. }
  1268. .generic-content h3 {
  1269.   font-size: 2.6rem;
  1270. }
  1271. .generic-content h4 {
  1272.   font-size: 2.1rem;
  1273. }
  1274. .generic-content h5 {
  1275.   font-size: 1.6rem;
  1276. }
  1277. .generic-content h6 {
  1278.   font-size: 1.15rem;
  1279. }
  1280. @media (min-width: 530px) {
  1281.   .generic-content h1 {
  1282.     font-size: 6.25rem;
  1283.   }
  1284.   .generic-content h2 {
  1285.     font-size: 5rem;
  1286.   }
  1287.   .generic-content h3 {
  1288.     font-size: 3.125rem;
  1289.   }
  1290.   .generic-content h4 {
  1291.     font-size: 2.4rem;
  1292.   }
  1293.   .generic-content h5 {
  1294.     font-size: 1.9rem;
  1295.   }
  1296.   .generic-content h6 {
  1297.     font-size: 1.15rem;
  1298.   }
  1299. }
  1300. @media (min-width: 960px) {
  1301.   .full-width-split {
  1302.     display: flex;
  1303.   }
  1304. }
  1305. .full-width-split__one {
  1306.   flex: 1;
  1307.   padding: 1.6rem 16px;
  1308. }
  1309. @media (min-width: 960px) {
  1310.   .full-width-split__one {
  1311.     padding: 40px;
  1312.   }
  1313. }
  1314. @media (min-width: 960px) {
  1315.   .full-width-split__one .full-width-split__inner {
  1316.     float: right;
  1317.   }
  1318. }
  1319. .full-width-split__two {
  1320.   flex: 1;
  1321.   background-color: #faf0ca;
  1322.   padding: 1.6rem 16px;
  1323. }
  1324. @media (min-width: 960px) {
  1325.   .full-width-split__two {
  1326.     padding: 40px;
  1327.   }
  1328. }
  1329. @media (min-width: 1350px) {
  1330.   .full-width-split__inner {
  1331.     width: 610px;
  1332.   }
  1333. }
  1334. .event-summary {
  1335.   position: relative;
  1336.   padding-left: 107px;
  1337.   min-height: 77px;
  1338.   padding-bottom: 1px;
  1339.   margin-bottom: 20px;
  1340. }
  1341. .event-summary__title a {
  1342.   color: #173f58;
  1343. }
  1344. .event-summary__date {
  1345.   text-decoration: none;
  1346.   display: block;
  1347.   top: 0;
  1348.   left: 0;
  1349.   position: absolute;
  1350.   padding: 14px 0 11px 0;
  1351.   color: #fff;
  1352.   border-radius: 50%;
  1353.   background-color: #0d3b66;
  1354.   width: 80px;
  1355.   line-height: 1;
  1356.   transition: opacity 0.33s;
  1357.   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
  1358. }
  1359. .event-summary__date:hover {
  1360.   opacity: 0.75;
  1361. }
  1362. .event-summary__date--beige {
  1363.   background-color: #f4d35e;
  1364. }
  1365. .event-summary__month {
  1366.   display: block;
  1367.   font-size: 1.5rem;
  1368.   font-weight: 300;
  1369.   text-transform: uppercase;
  1370. }
  1371. .event-summary__day {
  1372.   display: block;
  1373.   font-size: 2.02rem;
  1374.   font-weight: 700;
  1375. }
  1376. .page-links {
  1377.   position: relative;
  1378.   z-index: 1;
  1379.   background-color: #faf0ca;
  1380.   margin: 0 0 40px 0;
  1381. }
  1382. @media (min-width: 767px) {
  1383.   .page-links {
  1384.     margin: 0 0 40px 20px;
  1385.     width: 320px;
  1386.     float: right;
  1387.   }
  1388. }
  1389. .page-links__title {
  1390.   margin: 0;
  1391.   font-weight: normal;
  1392.   text-align: center;
  1393.   padding: 20px 0;
  1394.   background-color: #0d3b66;
  1395.   color: #fff;
  1396. }
  1397. .page-links__title a {
  1398.   color: #fff;
  1399.   text-decoration: none;
  1400.   background-color: #0d3b66;
  1401. }
  1402. .page-links li {
  1403.   border-top: 1px solid #f4de89;
  1404. }
  1405. .page-links li:first-child {
  1406.   border-top: none;
  1407. }
  1408. .page-links__active,
  1409. .page-links .current_page_item {
  1410.   text-align: center;
  1411.   background-color: #f4e6b1;
  1412.   color: #0d3b66;
  1413.   font-weight: bold;
  1414. }
  1415. .page-links li a {
  1416.   display: block;
  1417.   text-align: center;
  1418.   padding: 17px 10px;
  1419.   text-decoration: none;
  1420.   color: #0d3b66;
  1421.   transition: all 0.3s;
  1422. }
  1423. .page-links li a:hover {
  1424.   color: #0a2b4b;
  1425.   background-color: #f2e3aa;
  1426. }
  1427. .acf-map {
  1428.   width: 100%;
  1429.   height: 400px;
  1430.   border: #ccc solid 1px;
  1431.   margin: 20px 0;
  1432. }
  1433. .acf-map img {
  1434.   max-width: inherit !important;
  1435. }
  1436. .link-list li {
  1437.   padding: 1rem 0;
  1438.   font-size: 1.5rem;
  1439.   border-bottom: 1px dotted #dedede;
  1440. }
  1441. .search-overlay .link-list li {
  1442.   font-size: 1.3rem;
  1443. }
  1444. .link-list li:last-child {
  1445.   border-bottom: none;
  1446. }
  1447. .link-list a {
  1448.   color: #f95738;
  1449. }
  1450. .metabox {
  1451.   background-color: #faf0ca;
  1452.   border-radius: 3px;
  1453.   padding: 10px 15px;
  1454.   display: inline-block;
  1455.   margin-bottom: 30px;
  1456.   box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
  1457. }
  1458. .metabox--position-up {
  1459.   position: absolute;
  1460.   top: 0;
  1461.   transform: translateY(-50%);
  1462. }
  1463. .metabox--with-home-link {
  1464.   padding: 0;
  1465. }
  1466. .metabox__main {
  1467.   padding: 10px 15px 10px 11px;
  1468. }
  1469. .metabox p {
  1470.   margin: 0;
  1471.   font-size: 0.9rem;
  1472.   color: #a79038;
  1473. }
  1474. .metabox a {
  1475.   color: #a79038;
  1476.   text-decoration: none;
  1477.   font-weight: bold;
  1478. }
  1479. .metabox a:hover {
  1480.   text-decoration: underline;
  1481. }
  1482. .metabox .metabox__blog-home-link {
  1483.   background-color: #0d3b66;
  1484.   color: #fff;
  1485.   display: inline-block;
  1486.   padding: 10px 15px;
  1487.   border-radius: 3px 0 0 3px;
  1488.   font-weight: normal;
  1489. }
  1490. .metabox .metabox__blog-home-link:hover {
  1491.   text-decoration: none;
  1492.   background-color: #0a2e4f;
  1493. }
  1494. .post-item {
  1495.   border-bottom: 1px dotted #dedede;
  1496.   padding-bottom: 1.7rem;
  1497.   margin-bottom: 1.7rem;
  1498. }
  1499. .post-item:last-of-type {
  1500.   border-bottom: none;
  1501.   margin-bottom: 0;
  1502. }
  1503.  
RAW Paste Data