/* |=========================================================================================================== | app.css |=========================================================================================================== | | ============ | TIPS & USAGE | ============ | | 1. Next and indent your styles. | 2. Keep styles organized (use headings, comments, and table of contents) | 3. The name of your theme is placed as a class on the body tag. | 4. Use that class to prefix and define all your styles within common containers so as not to override required styles in the header and footer. | 5. The most common containers will be ".page" and ".feature" but you might have others in a unique template. | 6. Do not use just ".yourthemename" because it will override the msu-header and msu-footer styles. You must target the inner page container. | 7. For example, your css rules should be prefixed with ".yourthemename .page" or ".yourthemename .feature" and etc. | | | ================= | TABLE OF CONTENTS | ================= | | # Type | # Buttons | */ html.sr .hero .container-fluid .row:not(.sr-ignore) { visibility: hidden; } html.sr .hero .sr-ignore .container-fluid .row { visibility: visible; } html.sr .page .section-type--3 > .container-fluid .bg-container:not(.sr-ignore), html.sr .page .section-type--4 > .container-fluid .bg-container:not(.sr-ignore), html.sr .page .section-type--5 > .container-fluid .bg-container:not(.sr-ignore), html.sr .page .section-type--6 > .container-fluid .bg-container:not(.sr-ignore), html.sr .page .card:not(.sr-ignore), html.sr .page .views-exposed-form:not(.sr-ignore) { visibility: hidden; } html.sr .page .sr-ignore .section-type--3 > .container-fluid .bg-container, html.sr .page .sr-ignore .section-type--4 > .container-fluid .bg-container, html.sr .page .sr-ignore .section-type--5 > .container-fluid .bg-container, html.sr .page .sr-ignore .section-type--6 > .container-fluid .bg-container, html.sr .page .sr-ignore .card, html.sr .page .sr-ignore .views-exposed-form { visibility: visible; } a:focus{ outline: 1px dotted #660000; } .page .text-white a:not(.btn), .hero .text-white a:not(.btn) { color: inherit; } .page .sm-gutters, .hero .sm-gutters { margin-right: -15px; margin-left: -15px; } .page .sm-gutters > .col, .page .sm-gutters > [class*="col-"], .hero .sm-gutters > .col, .hero .sm-gutters > [class*="col-"] { padding-right: 15px; padding-left: 15px; } .page .offset-container, .hero .offset-container { margin-left: -30px; margin-right: -30px; } .page .embed-responsive, .hero .embed-responsive { } .page figcaption, .hero figcaption { font-size: 0.875rem; color: #555555; margin: 0.5rem 0; } .page .views-exposed-form, .hero .views-exposed-form { margin-bottom: 3rem; } .page .views-exposed-form label, .hero .views-exposed-form label { text-transform: uppercase; font-size: 0.65rem; color: #555555; margin-bottom: 0; } .page .views-exposed-form .form-control, .hero .views-exposed-form .form-control { border-radius: 0.25rem; } .page .views-exposed-form .form-submit, .hero .views-exposed-form .form-submit { padding: 0.7rem 2rem; } .page .pagination, .hero .pagination { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-radius: 0; margin-right: -30px; margin-top: -1px; } .page .pagination .page-link, .hero .pagination .page-link { text-transform: uppercase; font-size: 0.65rem; font-weight: 600; padding: 0.5rem 1rem; border-radius: 0; } #main-breadcrumb { height: auto; line-height: 1.75; padding: 1rem 0; } #main-breadcrumb, #main-breadcrumb .container-fluid, #main-breadcrumb .breadcrumb { height: auto; } .page .main-content article .field--name-field-image img, .page .main-content article .field--name-body img, .page .main-content article .field--name-body figure, .page .main-content article .embed-responsive, .page .main-content article .card-columns { position: relative; } .page .main-content article .field--name-body p.no-img-offset img, .page .main-content article .field--name-body p.no-img-offset figure { max-width: 100% !important; margin: 0 !important; } @media (min-width: 576px) { .page .main-content article .field--name-field-image img { width: 116.66666%; height: auto; } .page .main-content.col-sm-10 article .field--name-field-image img, .page .main-content.col-sm-10 article .field--name-body img, .page .main-content.col-sm-10 article .field--name-body figure, .page .main-content article .col-sm-10 .field--name-field-image img, .page .main-content article .col-sm-10 .field--name-body img, .page .main-content article .col-sm-10 .field--name-body figure { max-width: 116.66666%; margin-left: -8.33333%; margin-right: -8.33333%; } .page .main-content.col-sm-10 article .field--name-field-image img.align-left, .page .main-content.col-sm-10 article .field--name-field-image img.float-left, .page .main-content.col-sm-10 article .field--name-body img.align-left, .page .main-content.col-sm-10 article .field--name-body img.float-left, .page .main-content.col-sm-10 article .field--name-body figure.align-left, .page .main-content.col-sm-10 article .field--name-body figure.float-left, .page .main-content article .col-sm-10 .field--name-field-image img.align-left, .page .main-content article .col-sm-10 .field--name-field-image img.float-left, .page .main-content article .col-sm-10 .field--name-body img.align-left, .page .main-content article .col-sm-10 .field--name-body img.float-left, .page .main-content article .col-sm-10 .field--name-body figure.align-left, .page .main-content article .col-sm-10 .field--name-body figure.float-left { max-width: 58.33333%; margin-left: -8.33333%; margin-right: 30px; margin-bottom: 30px; } .page .main-content.col-sm-10 article .field--name-field-image img.align-right, .page .main-content.col-sm-10 article .field--name-field-image img.float-right, .page .main-content.col-sm-10 article .field--name-body img.align-right, .page .main-content.col-sm-10 article .field--name-body img.float-right, .page .main-content.col-sm-10 article .field--name-body figure.align-right, .page .main-content.col-sm-10 article .field--name-body figure.float-right, .page .main-content article .col-sm-10 .field--name-field-image img.align-right, .page .main-content article .col-sm-10 .field--name-field-image img.float-right, .page .main-content article .col-sm-10 .field--name-body img.align-right, .page .main-content article .col-sm-10 .field--name-body img.float-right, .page .main-content article .col-sm-10 .field--name-body figure.align-right, .page .main-content article .col-sm-10 .field--name-body figure.float-right { max-width: 58.33333%; margin-right: -8.33333%; margin-left: 30px; margin-bottom: 30px; } .page .main-content.col-sm-10 article .field--name-field-image img > a > img, .page .main-content.col-sm-10 article .field--name-field-image img > img, .page .main-content.col-sm-10 article .field--name-body img > a > img, .page .main-content.col-sm-10 article .field--name-body img > img, .page .main-content.col-sm-10 article .field--name-body figure > a > img, .page .main-content.col-sm-10 article .field--name-body figure > img, .page .main-content article .col-sm-10 .field--name-field-image img > a > img, .page .main-content article .col-sm-10 .field--name-field-image img > img, .page .main-content article .col-sm-10 .field--name-body img > a > img, .page .main-content article .col-sm-10 .field--name-body img > img, .page .main-content article .col-sm-10 .field--name-body figure > a > img, .page .main-content article .col-sm-10 .field--name-body figure > img { max-width: 100%; margin: 0; } .page .main-content.col-sm-10 article .embed-responsive, .page .main-content.col-sm-10 article .card-columns, .page .main-content article .col-sm-10 .embed-responsive, .page .main-content article .col-sm-10 .card-columns { width: 116.66666%; margin-left: -8.33333%; margin-right: -8.33333%; } } @media (min-width: 768px) { .page .main-content article .field--name-field-image img { width: 133.33332%; height: auto; } .page .main-content.col-md-8 article .field--name-field-image img, .page .main-content.col-md-8 article .field--name-body img, .page .main-content.col-md-8 article .field--name-body figure, .page .main-content article .col-md-8 .field--name-field-image img, .page .main-content article .col-md-8 .field--name-body img, .page .main-content article .col-md-8 .field--name-body figure { max-width: 133.33332%; margin-left: -16.66666%; margin-right: -16.66666%; } .page .main-content.col-md-8 article .field--name-field-image img.align-left, .page .main-content.col-md-8 article .field--name-field-image img.float-left, .page .main-content.col-md-8 article .field--name-body img.align-left, .page .main-content.col-md-8 article .field--name-body img.float-left, .page .main-content.col-md-8 article .field--name-body figure.align-left, .page .main-content.col-md-8 article .field--name-body figure.float-left, .page .main-content article .col-md-8 .field--name-field-image img.align-left, .page .main-content article .col-md-8 .field--name-field-image img.float-left, .page .main-content article .col-md-8 .field--name-body img.align-left, .page .main-content article .col-md-8 .field--name-body img.float-left, .page .main-content article .col-md-8 .field--name-body figure.align-left, .page .main-content article .col-md-8 .field--name-body figure.float-left { max-width: 66.66666%; margin-left: -16.66666%; margin-right: 30px; margin-bottom: 30px; } .page .main-content.col-md-8 article .field--name-field-image img.align-right, .page .main-content.col-md-8 article .field--name-field-image img.float-right, .page .main-content.col-md-8 article .field--name-body img.align-right, .page .main-content.col-md-8 article .field--name-body img.float-right, .page .main-content.col-md-8 article .field--name-body figure.align-right, .page .main-content.col-md-8 article .field--name-body figure.float-right, .page .main-content article .col-md-8 .field--name-field-image img.align-right, .page .main-content article .col-md-8 .field--name-field-image img.float-right, .page .main-content article .col-md-8 .field--name-body img.align-right, .page .main-content article .col-md-8 .field--name-body img.float-right, .page .main-content article .col-md-8 .field--name-body figure.align-right, .page .main-content article .col-md-8 .field--name-body figure.float-right { max-width: 66.66666%; margin-right: -16.66666%; margin-left: 30px; margin-bottom: 30px; } .page .main-content.col-md-8 article .field--name-field-image img > a > img, .page .main-content.col-md-8 article .field--name-field-image img > img, .page .main-content.col-md-8 article .field--name-body img > a > img, .page .main-content.col-md-8 article .field--name-body img > img, .page .main-content.col-md-8 article .field--name-body figure > a > img, .page .main-content.col-md-8 article .field--name-body figure > img, .page .main-content article .col-md-8 .field--name-field-image img > a > img, .page .main-content article .col-md-8 .field--name-field-image img > img, .page .main-content article .col-md-8 .field--name-body img > a > img, .page .main-content article .col-md-8 .field--name-body img > img, .page .main-content article .col-md-8 .field--name-body figure > a > img, .page .main-content article .col-md-8 .field--name-body figure > img { max-width: 100%; margin: 0; } .page .main-content.col-sm-10 article .embed-responsive, .page .main-content.col-sm-10 article .card-columns, .page .main-content article .col-sm-10 .embed-responsive, .page .main-content article .col-sm-10 .card-columns { width: 133.33332%; margin-left: -16.66666%; margin-right: -16.66666%; } } @media (min-width: 992px) { .page .main-content article .field--name-field-image img { width: 141.66665%; height: auto; } .page .main-content.col-lg-7 article .field--name-field-image img, .page .main-content.col-lg-7 article .field--name-body img, .page .main-content.col-lg-7 article .field--name-body figure, .page .main-content article .col-lg-7 .field--name-field-image img, .page .main-content article .col-lg-7 .field--name-body img, .page .main-content article .col-lg-7 .field--name-body figure { max-width: 141.66665%; margin-left: -20.83333%; margin-right: -20.83333%; } .page .main-content.col-lg-7 article .field--name-field-image img.align-left, .page .main-content.col-lg-7 article .field--name-field-image img.float-left, .page .main-content.col-lg-7 article .field--name-body img.align-left, .page .main-content.col-lg-7 article .field--name-body img.float-left, .page .main-content.col-lg-7 article .field--name-body figure.align-left, .page .main-content.col-lg-7 article .field--name-body figure.float-left, .page .main-content article .col-lg-7 .field--name-field-image img.align-left, .page .main-content article .col-lg-7 .field--name-field-image img.float-left, .page .main-content article .col-lg-7 .field--name-body img.align-left, .page .main-content article .col-lg-7 .field--name-body img.float-left, .page .main-content article .col-lg-7 .field--name-body figure.align-left, .page .main-content article .col-lg-7 .field--name-body figure.float-left { max-width: 70.83333%; margin-left: -20.83333%; margin-right: 30px; margin-bottom: 30px; } .page .main-content.col-lg-7 article .field--name-field-image img.align-right, .page .main-content.col-lg-7 article .field--name-field-image img.float-right, .page .main-content.col-lg-7 article .field--name-body img.align-right, .page .main-content.col-lg-7 article .field--name-body img.float-right, .page .main-content.col-lg-7 article .field--name-body figure.align-right, .page .main-content.col-lg-7 article .field--name-body figure.float-right, .page .main-content article .col-lg-7 .field--name-field-image img.align-right, .page .main-content article .col-lg-7 .field--name-field-image img.float-right, .page .main-content article .col-lg-7 .field--name-body img.align-right, .page .main-content article .col-lg-7 .field--name-body img.float-right, .page .main-content article .col-lg-7 .field--name-body figure.align-right, .page .main-content article .col-lg-7 .field--name-body figure.float-right { max-width: 70.83333%; margin-right: -20.83333%; margin-left: 30px; margin-bottom: 30px; } .page .main-content.col-lg-7 article .field--name-field-image img > a > img, .page .main-content.col-lg-7 article .field--name-field-image img > img, .page .main-content.col-lg-7 article .field--name-body img > a > img, .page .main-content.col-lg-7 article .field--name-body img > img, .page .main-content.col-lg-7 article .field--name-body figure > a > img, .page .main-content.col-lg-7 article .field--name-body figure > img, .page .main-content article .col-lg-7 .field--name-field-image img > a > img, .page .main-content article .col-lg-7 .field--name-field-image img > img, .page .main-content article .col-lg-7 .field--name-body img > a > img, .page .main-content article .col-lg-7 .field--name-body img > img, .page .main-content article .col-lg-7 .field--name-body figure > a > img, .page .main-content article .col-lg-7 .field--name-body figure > img { max-width: 100%; margin: 0; } .page .main-content.col-lg-7 article .embed-responsive, .page .main-content.col-lg-7 article .card-columns, .page .main-content article .col-lg-7 .embed-responsive, .page .main-content article .col-lg-7 .card-columns { width: 141.66665%; margin-left: -20.83333%; margin-right: -20.83333%; } } .page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page .h1, .page .h2, .page .h3, .page .h4, .page .h5, .page .h6, .hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6, .hero .h1, .hero .h2, .hero .h3, .hero .h4, .hero .h5, .hero .h6 { font-family: Raleway, "Open Sans", "Helvetica Neue", sans-serif; font-weight: 700; } .page .h3, h3 { font-size: 1.5rem; } .page .display-1, .hero .display-1 { font-weight: 700; } .page .display-2, .hero .display-2 { font-weight: 700; } .page .display-3, .page .display-4, .hero .display-3, .hero .display-4 { font-weight: 700; } .page .h-sup, .hero .h-sup { font-size: 60%; font-weight: 300; text-transform: uppercase; display: inline-block; margin-bottom: 0.5rem; } .page .featured-trim, .hero .featured-trim { font-size: 1.1rem; font-weight: 300; } .page .title-box, .hero .title-box { position: relative; display: inline-block; padding: 0.75rem 1.5rem; text-shadow: none; -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; background: -webkit-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%); background: -o-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%); background: linear-gradient(135deg, #6b1b2b 0%, #320c14 100%); font-weight: 900; text-transform: uppercase; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #000; } .page .title-box:before, .hero .title-box:before { content: ""; position: absolute; z-index: -1; background: #fff; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .page .fas, .page .far, .hero .fas, .hero .far { line-height: 1.75; } .page .font-weight-medium, .hero .font-weight-medium { font-weight: 600 !important; } .page .font-weight-bolder, .hero .font-weight-bolder { font-weight: 900 !important; } .page .arrow::after, .hero .arrow::after { content: url(/sites/www.caad.msstate.edu/files/2019-05/arrow.png); padding-left: 10px; position: relative; top: 5px; } .page .professor-list, .page .professor-list ul, .hero .professor-list, .hero .professor-list ul { list-style: none; padding: 0; } .page .professor-list li, .page .professor-list ul li, .hero .professor-list li, .hero .professor-list ul li { padding: 0; margin: 0; } .text-arch { color: #0475d6 !important; } a.text-arch:hover, a.text-arch:focus { color: #034c8b !important; } .text-arch-light { color: #2699fb !important; } a.text-arch-light:hover, a.text-arch-light:focus { color: #0472d1 !important; } .text-art { color: #944100 !important; } a.text-art:hover, a.text-art:focus { color: #471f00 !important; } .text-art-light { color: #db6000 !important; } a.text-art-light:hover, a.text-art-light:focus { color: #8f3e00 !important; } .text-bcs { color: #007675 !important; } a.text-bcs:hover, a.text-bcs:focus { color: #002929 !important; } .text-bcs-light { color: #00aead !important; } a.text-bcs-light:hover, a.text-bcs-light:focus { color: #006261 !important; } .text-id { color: #7e0000 !important; } a.text-id:hover, a.text-id:focus { color: #310000 !important; } .text-id-light { color: #bb0000 !important; } a.text-id-light:hover, a.text-id-light:focus { color: #6f0000 !important; } .text-caad { color: #40101a !important; } a.text-caad:hover, a.text-caad:focus { color: #030101 !important; } .text-caad-light { color: #5d1725 !important; } a.text-caad-light:hover, a.text-caad-light:focus { color: #20080d !important; } .diag-maroon-transparent { background: -webkit-linear-gradient( 315deg, #96253c 0%, rgba(150, 37, 60, 0) 100% ); background: -o-linear-gradient(315deg, #96253c 0%, rgba(150, 37, 60, 0) 100%); background: linear-gradient(135deg, #96253c 0%, rgba(150, 37, 60, 0) 100%); } .diag-transparent-maroon { background: -webkit-linear-gradient( 315deg, rgba(150, 37, 60, 0) 0%, #96253c 100% ); background: -o-linear-gradient(315deg, rgba(150, 37, 60, 0) 0%, #96253c 100%); background: linear-gradient(135deg, rgba(150, 37, 60, 0) 0%, #96253c 100%); } .vert-white-transparent { background: -webkit-gradient( linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( top, white 0%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); } .vert-transparent-white { background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white) ); background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, white 100% ); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } .vert-white30-transparent { background: -webkit-gradient( linear, left top, left bottom, color-stop(30%, white), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( top, white 30%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient( to bottom, white 30%, rgba(255, 255, 255, 0) 100% ); } .vert-white50-transparent { background: -webkit-gradient( linear, left top, left bottom, color-stop(50%, white), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( top, white 50%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(top, white 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient( to bottom, white 50%, rgba(255, 255, 255, 0) 100% ); } .horz-white50-transparent { background: -webkit-gradient( linear, left top, right top, color-stop(50%, white), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( left, white 50%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%); } .dept-card-gradient-arch { background: -webkit-gradient( linear, left top, left bottom, from(rgba(38, 153, 251, 0.5)), to(#0475d6) ); background: -webkit-linear-gradient( top, rgba(38, 153, 251, 0.5) 0%, #0475d6 100% ); background: -o-linear-gradient(top, rgba(38, 153, 251, 0.5) 0%, #0475d6 100%); background: linear-gradient( to bottom, rgba(38, 153, 251, 0.5) 0%, #0475d6 100% ); } .dept-card-gradient-art { background: -webkit-gradient( linear, left top, left bottom, from(rgba(219, 96, 0, 0.5)), to(#944100) ); background: -webkit-linear-gradient( top, rgba(219, 96, 0, 0.5) 0%, #944100 100% ); background: -o-linear-gradient(top, rgba(219, 96, 0, 0.5) 0%, #944100 100%); background: linear-gradient( to bottom, rgba(219, 96, 0, 0.5) 0%, #944100 100% ); } .dept-card-gradient-bcs { background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 174, 173, 0.5)), to(#007675) ); background: -webkit-linear-gradient( top, rgba(0, 174, 173, 0.5) 0%, #007675 100% ); background: -o-linear-gradient(top, rgba(0, 174, 173, 0.5) 0%, #007675 100%); background: linear-gradient( to bottom, rgba(0, 174, 173, 0.5) 0%, #007675 100% ); } .dept-card-gradient-id { background: -webkit-gradient( linear, left top, left bottom, from(rgba(187, 0, 0, 0.5)), to(#7e0000) ); background: -webkit-linear-gradient( top, rgba(187, 0, 0, 0.5) 0%, #7e0000 100% ); background: -o-linear-gradient(top, rgba(187, 0, 0, 0.5) 0%, #7e0000 100%); background: linear-gradient(to bottom, rgba(187, 0, 0, 0.5) 0%, #7e0000 100%); } .diag-transparent-arch { background: -webkit-linear-gradient( 315deg, rgba(38, 153, 251, 0) 0%, #0475d6 100% ); background: -o-linear-gradient( 315deg, rgba(38, 153, 251, 0) 0%, #0475d6 100% ); background: linear-gradient(135deg, rgba(38, 153, 251, 0) 0%, #0475d6 100%); } .diag-transparent-art { background: -webkit-linear-gradient( 315deg, rgba(219, 96, 0, 0) 0%, #944100 100% ); background: -o-linear-gradient(315deg, rgba(219, 96, 0, 0) 0%, #944100 100%); background: linear-gradient(135deg, rgba(219, 96, 0, 0) 0%, #944100 100%); } .diag-transparent-bcs { background: -webkit-linear-gradient( 315deg, rgba(0, 174, 173, 0) 0%, #007675 100% ); background: -o-linear-gradient(315deg, rgba(0, 174, 173, 0) 0%, #007675 100%); background: linear-gradient(135deg, rgba(0, 174, 173, 0) 0%, #007675 100%); } .diag-transparent-id { background: -webkit-linear-gradient( 315deg, rgba(187, 0, 0, 0) 0%, #7e0000 100% ); background: -o-linear-gradient(315deg, rgba(187, 0, 0, 0) 0%, #7e0000 100%); background: linear-gradient(135deg, rgba(187, 0, 0, 0) 0%, #7e0000 100%); } .diag-transparent-caad { background: -webkit-linear-gradient( 315deg, rgba(150, 37, 60, 0) 0%, #96253c 100% ); background: -o-linear-gradient(315deg, rgba(150, 37, 60, 0) 0%, #96253c 100%); background: linear-gradient(135deg, rgba(150, 37, 60, 0) 0%, #96253c 100%); } .diag-arch-transparent { background: -webkit-linear-gradient( 315deg, #0475d6 0%, rgba(38, 153, 251, 0) 100% ); background: -o-linear-gradient( 315deg, #0475d6 0%, rgba(38, 153, 251, 0) 100% ); background: linear-gradient(135deg, #0475d6 0%, rgba(38, 153, 251, 0) 100%); } .diag-art-transparent { background: -webkit-linear-gradient( 315deg, #944100 0%, rgba(219, 96, 0, 0) 100% ); background: -o-linear-gradient(315deg, #944100 0%, rgba(219, 96, 0, 0) 100%); background: linear-gradient(135deg, #944100 0%, rgba(219, 96, 0, 0) 100%); } .diag-bcs-transparent { background: -webkit-linear-gradient( 315deg, #007675 0%, rgba(0, 174, 173, 0) 100% ); background: -o-linear-gradient(315deg, #007675 0%, rgba(0, 174, 173, 0) 100%); background: linear-gradient(135deg, #007675 0%, rgba(0, 174, 173, 0) 100%); } .diag-id-transparent { background: -webkit-linear-gradient( 315deg, #7e0000 0%, rgba(187, 0, 0, 0) 100% ); background: -o-linear-gradient(315deg, #7e0000 0%, rgba(187, 0, 0, 0) 100%); background: linear-gradient(135deg, #7e0000 0%, rgba(187, 0, 0, 0) 100%); } .diag-caad-transparent { background: -webkit-linear-gradient( 315deg, #96253c 0%, rgba(150, 37, 60, 0) 100% ); background: -o-linear-gradient(315deg, #96253c 0%, rgba(150, 37, 60, 0) 100%); background: linear-gradient(135deg, #96253c 0%, rgba(150, 37, 60, 0) 100%); } .horz-text-arch-transparent { background: -webkit-gradient( linear, left top, right top, from(#0475d6), to(rgba(38, 153, 251, 0.2)) ); background: -webkit-linear-gradient( left, #0475d6 0%, rgba(38, 153, 251, 0.2) 100% ); background: -o-linear-gradient( left, #0475d6 0%, rgba(38, 153, 251, 0.2) 100% ); background: linear-gradient( to right, #0475d6 0%, rgba(38, 153, 251, 0.2) 100% ); } .horz-text-art-transparent { background: -webkit-gradient( linear, left top, right top, from(#944100), to(rgba(219, 96, 0, 0.2)) ); background: -webkit-linear-gradient( left, #944100 0%, rgba(219, 96, 0, 0.2) 100% ); background: -o-linear-gradient(left, #944100 0%, rgba(219, 96, 0, 0.2) 100%); background: linear-gradient(to right, #944100 0%, rgba(219, 96, 0, 0.2) 100%); } .horz-text-bcs-transparent { background: -webkit-gradient( linear, left top, right top, from(#007675), to(rgba(0, 174, 173, 0.2)) ); background: -webkit-linear-gradient( left, #007675 0%, rgba(0, 174, 173, 0.2) 100% ); background: -o-linear-gradient(left, #007675 0%, rgba(0, 174, 173, 0.2) 100%); background: linear-gradient( to right, #007675 0%, rgba(0, 174, 173, 0.2) 100% ); } .horz-text-id-transparent { background: -webkit-gradient( linear, left top, right top, from(#7e0000), to(rgba(187, 0, 0, 0.2)) ); background: -webkit-linear-gradient( left, #7e0000 0%, rgba(187, 0, 0, 0.2) 100% ); background: -o-linear-gradient(left, #7e0000 0%, rgba(187, 0, 0, 0.2) 100%); background: linear-gradient(to right, #7e0000 0%, rgba(187, 0, 0, 0.2) 100%); } .horz-text-caad-transparent { background: -webkit-gradient( linear, left top, right top, from(#4f131f), to(rgba(64, 16, 26, 0.2)) ); background: -webkit-linear-gradient( left, #4f131f 0%, rgba(64, 16, 26, 0.2) 100% ); background: -o-linear-gradient(left, #4f131f 0%, rgba(64, 16, 26, 0.2) 100%); background: linear-gradient(to right, #4f131f 0%, rgba(64, 16, 26, 0.2) 100%); } .diag-maroon200-maroon700 { background: -webkit-linear-gradient(315deg, #882236 0%, #40101a 100%); background: -o-linear-gradient(315deg, #882236 0%, #40101a 100%); background: linear-gradient(135deg, #882236 0%, #40101a 100%); } .diag-maroon200-maroon600 { background: -webkit-linear-gradient(315deg, #882236 0%, #4f131f 100%); background: -o-linear-gradient(315deg, #882236 0%, #4f131f 100%); background: linear-gradient(135deg, #882236 0%, #4f131f 100%); } .diag-maroon400-maroon800 { background: -webkit-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%); background: -o-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%); background: linear-gradient(135deg, #6b1b2b 0%, #320c14 100%); } .vert-white-gray300 { background: -webkit-gradient( linear, left top, left bottom, from(white), to(#e1e1e1) ); background: -webkit-linear-gradient(top, white 0%, #e1e1e1 100%); background: -o-linear-gradient(top, white 0%, #e1e1e1 100%); background: linear-gradient(to bottom, white 0%, #e1e1e1 100%); } .horz-light-dark-arch { background: -webkit-gradient( linear, left top, right top, from(#58b1fc), to(#0475d6) ); background: -webkit-linear-gradient(left, #58b1fc 0%, #0475d6 100%); background: -o-linear-gradient(left, #58b1fc 0%, #0475d6 100%); background: linear-gradient(to right, #58b1fc 0%, #0475d6 100%); } .horz-light-dark-art { background: -webkit-gradient( linear, left top, right top, from(#ff780f), to(#944100) ); background: -webkit-linear-gradient(left, #ff780f 0%, #944100 100%); background: -o-linear-gradient(left, #ff780f 0%, #944100 100%); background: linear-gradient(to right, #ff780f 0%, #944100 100%); } .horz-light-dark-bcs { background: -webkit-gradient( linear, left top, right top, from(#00e1e0), to(#007675) ); background: -webkit-linear-gradient(left, #00e1e0 0%, #007675 100%); background: -o-linear-gradient(left, #00e1e0 0%, #007675 100%); background: linear-gradient(to right, #00e1e0 0%, #007675 100%); } .horz-light-dark-id { background: -webkit-gradient( linear, left top, right top, from(#ee0000), to(#7e0000) ); background: -webkit-linear-gradient(left, #ee0000 0%, #7e0000 100%); background: -o-linear-gradient(left, #ee0000 0%, #7e0000 100%); background: linear-gradient(to right, #ee0000 0%, #7e0000 100%); } .horz-light-dark-maroon, .horz-light-dark-caad { background: -webkit-gradient( linear, left top, right top, from(#7a1e30), to(#40101a) ); background: -webkit-linear-gradient(left, #7a1e30 0%, #40101a 100%); background: -o-linear-gradient(left, #7a1e30 0%, #40101a 100%); background: linear-gradient(to right, #7a1e30 0%, #40101a 100%); } .bg-arch { background-color: #2699fb !important; } a.bg-arch:hover, a.bg-arch:focus, button.bg-arch:hover, button.bg-arch:focus { background-color: #0480ea !important; } .bg-arch-light { background-color: #58b1fc !important; } a.bg-arch-light:hover, a.bg-arch-light:focus, button.bg-arch-light:hover, button.bg-arch-light:focus { background-color: #2699fb !important; } .bg-arch-dark { background-color: #0475d6 !important; } a.bg-arch-dark:hover, a.bg-arch-dark:focus, button.bg-arch-dark:hover, button.bg-arch-dark:focus { background-color: #035aa4 !important; } .bg-art { background-color: #db6000 !important; } a.bg-art:hover, a.bg-art:focus, button.bg-art:hover, button.bg-art:focus { background-color: #a84a00 !important; } .bg-art-light { background-color: #ff780f !important; } a.bg-art-light:hover, a.bg-art-light:focus, button.bg-art-light:hover, button.bg-art-light:focus { background-color: #db6000 !important; } .bg-art-dark { background-color: #944100 !important; } a.bg-art-dark:hover, a.bg-art-dark:focus, button.bg-art-dark:hover, button.bg-art-dark:focus { background-color: #612a00 !important; } .bg-bcs { background-color: #00aead !important; } a.bg-bcs:hover, a.bg-bcs:focus, button.bg-bcs:hover, button.bg-bcs:focus { background-color: #007b7a !important; } .bg-bcs-light { background-color: #00e1e0 !important; } a.bg-bcs-light:hover, a.bg-bcs-light:focus, button.bg-bcs-light:hover, button.bg-bcs-light:focus { background-color: #00aead !important; } .bg-bcs-dark { background-color: #007675 !important; } a.bg-bcs-dark:hover, a.bg-bcs-dark:focus, button.bg-bcs-dark:hover, button.bg-bcs-dark:focus { background-color: #004343 !important; } .bg-id { background-color: #bb0000 !important; } a.bg-id:hover, a.bg-id:focus, button.bg-id:hover, button.bg-id:focus { background-color: #880000 !important; } .bg-id-light { background-color: #ee0000 !important; } a.bg-id-light:hover, a.bg-id-light:focus, button.bg-id-light:hover, button.bg-id-light:focus { background-color: #bb0000 !important; } .bg-id-dark { background-color: #7e0000 !important; } a.bg-id-dark:hover, a.bg-id-dark:focus, button.bg-id-dark:hover, button.bg-id-dark:focus { background-color: #4b0000 !important; } .bg-caad { background-color: #5d1725 !important; } a.bg-caad:hover, a.bg-caad:focus, button.bg-caad:hover, button.bg-caad:focus { background-color: #340d15 !important; } .bg-caad-light { background-color: #7a1e30 !important; } a.bg-caad-light:hover, a.bg-caad-light:focus, button.bg-caad-light:hover, button.bg-caad-light:focus { background-color: #511420 !important; } .bg-caad-dark { background-color: #40101a !important; } a.bg-caad-dark:hover, a.bg-caad-dark:focus, button.bg-caad-dark:hover, button.bg-caad-dark:focus { background-color: #170609 !important; } .gray-200 { background-color: #eeeeee; } .border-arch { border-color: #2699fb !important; border-width: medium !important; } .border-art { border-color: #db6000 !important; border-width: medium !important; } .border-bcs { border-color: #00aead !important; border-width: medium !important; } .border-id { border-color: #bb0000 !important; border-width: medium !important; } .border-caad { border-color: #5d1725 !important; border-width: medium !important; } .min-h-px-100 { min-height: 100px !important; } .min-h-px-125 { min-height: 125px !important; } .min-h-px-150 { min-height: 150px !important; } .min-h-px-175 { min-height: 175px !important; } .min-h-px-200 { min-height: 200px !important; } .min-h-px-225 { min-height: 225px !important; } .min-h-px-250 { min-height: 250px !important; } .min-h-px-275 { min-height: 275px !important; } .min-h-px-300 { min-height: 300px !important; } .min-h-px-325 { min-height: 325px !important; } .min-h-px-350 { min-height: 350px !important; } .min-h-px-375 { min-height: 375px !important; } .min-h-px-400 { min-height: 400px !important; } .min-h-px-425 { min-height: 425px !important; } .min-h-px-450 { min-height: 450px !important; } .min-h-px-475 { min-height: 475px !important; } .min-h-px-500 { min-height: 500px !important; } .min-h-px-525 { min-height: 525px !important; } .min-h-px-550 { min-height: 550px !important; } .min-h-px-575 { min-height: 575px !important; } .min-h-px-600 { min-height: 600px !important; } .min-h-px-625 { min-height: 625px !important; } .min-h-px-650 { min-height: 650px !important; } .min-h-px-675 { min-height: 675px !important; } .min-h-px-700 { min-height: 700px !important; } .min-h-px-725 { min-height: 725px !important; } .min-h-px-750 { min-height: 750px !important; } .min-h-px-775 { min-height: 775px !important; } .min-h-px-800 { min-height: 800px !important; } .min-h-px-825 { min-height: 825px !important; } .min-h-px-850 { min-height: 850px !important; } .min-h-px-875 { min-height: 875px !important; } .min-h-px-900 { min-height: 900px !important; } .min-h-px-925 { min-height: 925px !important; } .min-h-px-950 { min-height: 950px !important; } .min-h-px-975 { min-height: 975px !important; } .min-h-px-1000 { min-height: 1000px !important; } .min-h-px-1025 { min-height: 1025px !important; } .min-h-px-1050 { min-height: 1050px !important; } .min-h-px-1075 { min-height: 1075px !important; } .min-h-px-1100 { min-height: 1100px !important; } .min-h-px-1125 { min-height: 1125px !important; } .min-h-px-1150 { min-height: 1150px !important; } .min-h-px-1175 { min-height: 1175px !important; } .min-h-px-1200 { min-height: 1200px !important; } .min-h-px-1225 { min-height: 1225px !important; } .min-h-px-1250 { min-height: 1250px !important; } .min-h-px-1275 { min-height: 1275px !important; } .min-h-px-1300 { min-height: 1300px !important; } .min-h-px-1325 { min-height: 1325px !important; } .min-h-px-1350 { min-height: 1350px !important; } .min-h-px-1375 { min-height: 1375px !important; } .min-h-px-1400 { min-height: 1400px !important; } .min-h-px-1425 { min-height: 1425px !important; } .min-h-px-1450 { min-height: 1450px !important; } .min-h-px-1475 { min-height: 1475px !important; } .min-h-px-1500 { min-height: 1500px !important; } .min-h-px-1525 { min-height: 1525px !important; } .min-h-px-1550 { min-height: 1550px !important; } .min-h-px-1575 { min-height: 1575px !important; } .min-h-vh-10 { min-height: 10vh !important; } .min-h-vh-20 { min-height: 20vh !important; } .min-h-vh-30 { min-height: 30vh !important; } .min-h-vh-40 { min-height: 40vh !important; } .min-h-vh-50 { min-height: 50vh !important; } .min-h-vh-60 { min-height: 60vh !important; } .min-h-vh-70 { min-height: 70vh !important; } .min-h-vh-80 { min-height: 80vh !important; } .min-h-vh-90 { min-height: 90vh !important; } .min-h-vh-100 { min-height: 100vh !important; } .min-h-vh-110 { min-height: 110vh !important; } .min-h-vh-120 { min-height: 120vh !important; } .min-h-vh-130 { min-height: 130vh !important; } .min-h-vh-140 { min-height: 140vh !important; } .min-h-vh-150 { min-height: 150vh !important; } .top-0 { top: 0; bottom: auto; } .right-0 { right: 0; left: auto; } .bottom-0 { top: auto; bottom: 0; } .left-0 { right: auto; left: 0; } .page .btn, .hero .btn { text-transform: uppercase; font-size: 0.65rem; font-weight: 600; padding: 0.5rem 2rem; border-radius: 0; } .page .btn.circle, .hero .btn.circle { border-radius: 50%; } .page .btn.facebook, .hero .btn.facebook { color: #fff; background-color: #3b5998; border: none; } .page .btn.facebook:hover, .page .btn.facebook:focus, .hero .btn.facebook:hover, .hero .btn.facebook:focus { background-color: #30497c; } .page .btn.instagram, .hero .btn.instagram { color: #fff; background-color: #e4405f; border: none; } .page .btn.instagram:hover, .page .btn.instagram:focus, .hero .btn.instagram:hover, .hero .btn.instagram:focus { background-color: #de1f44; } .page .btn.linkedin, .hero .btn.linkedin { color: #fff; background-color: #0077b5; border: none; } .page .btn.linkedin:hover, .page .btn.linkedin:focus, .hero .btn.linkedin:hover, .hero .btn.linkedin:focus { background-color: #005e8f; } .page .btn.twitter, .hero .btn.twitter { color: #fff; background-color: #1da1f2; border: none; } .page .btn.twitter:hover, .page .btn.twitter:focus, .hero .btn.twitter:hover, .hero .btn.twitter:focus { background-color: #0d8ddc; } .page .btn.btn-slide, .hero .btn.btn-slide { padding: 0; border-radius: 100%; width: 2.5rem; height: 3rem; font-size: 1rem; color: #aaaaaa; background-color: #fff; border: none; } .page .btn.btn-slide:hover, .page .btn.btn-slide:focus, .hero .btn.btn-slide:hover, .hero .btn.btn-slide:focus { color: #000; background-color: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; } .page .btn[href$=".pdf"]:after, .hero .btn[href$=".pdf"]:after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1c1"; margin-left: 8px; opacity: 0.7; } @media (min-width: 768px) { .page .btn.offset-gutter-right, .hero .btn.offset-gutter-right { margin-right: -30px; } .page .btn.offset-gutter-left, .hero .btn.offset-gutter-left { margin-left: -30px; } } @media (max-width: 767.98px) { .page .btn.offset-gutter-right, .hero .btn.offset-gutter-right { display: block; width: 100%; } .page .btn.offset-gutter-left, .hero .btn.offset-gutter-left { display: block; width: 100%; } } @media (max-width: 767.98px) { .page .btn.btn-outline-gray-300.border-top-0, .hero .btn.btn-outline-gray-300.border-top-0 { border-top: 1px solid #e1e1e1 !important; } } .page .btn-lg, .page .btn-group-lg > .btn, .hero .btn-lg, .hero .btn-group-lg > .btn { font-size: 0.85rem; padding: 0.75rem 2.5rem; border-radius: 0; } .page .btn-sm, .page .btn-group-sm > .btn, .hero .btn-sm, .hero .btn-group-sm > .btn { font-size: 0.65rem; padding: 0.25rem 1rem; border-radius: 0; } .page p > .btn, .hero p > .btn { margin-bottom: 4px; } .btn-arch { color: #fff; background-color: #0475d6; border-color: #0475d6; } .btn-arch:hover { color: #fff; background-color: #0361b0; border-color: #0361b0; } .btn-arch:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 153, 251, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 153, 251, 0.5); } .btn-art { color: #fff; background-color: #944100; border-color: #944100; } .btn-art:hover { color: #fff; background-color: #6d3000; border-color: #6d3000; } .btn-art:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(219, 96, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(219, 96, 0, 0.5); } .btn-bcs { color: #fff; background-color: #007675; border-color: #007675; } .btn-bcs:hover { color: #fff; background-color: #00504f; border-color: #00504f; } .btn-bcs:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 174, 173, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 174, 173, 0.5); } .btn-id { color: #fff; background-color: #7e0000; border-color: #7e0000; } .btn-id:hover { color: #fff; background-color: #580000; border-color: #580000; } .btn-id:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5); } .btn-white-arch { color: #0475d6; background-color: #fff; border: none; border-top: 2px solid #2699fb; } .btn-white-arch:hover { color: #0361b0; background-color: #fff; border-top-color: #2699fb; } .btn-white-arch:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 153, 251, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 153, 251, 0.5); } .btn-outline-arch { color: #0475d6; border: 1px solid #2699fb; } .btn-outline-arch:hover { color: #fff; background-color: #2699fb; border-color: #2699fb; } .btn-outline-arch:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 153, 251, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 153, 251, 0.5); } .btn-white-art { color: #944100; background-color: #fff; border: none; border-top: 2px solid #db6000; } .btn-white-art:hover { color: #6d3000; background-color: #fff; border-top-color: #db6000; } .btn-white-art:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(219, 96, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(219, 96, 0, 0.5); } .btn-outline-art { color: #944100; border: 1px solid #db6000; } .btn-outline-art:hover { color: #fff; background-color: #db6000; border-color: #db6000; } .btn-outline-art:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(219, 96, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(219, 96, 0, 0.5); } .btn-white-bcs { color: #007675; background-color: #fff; border: none; border-top: 2px solid #00aead; } .btn-white-bcs:hover { color: #00504f; background-color: #fff; border-top-color: #00aead; } .btn-white-bcs:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 174, 173, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 174, 173, 0.5); } .btn-outline-bcs { color: #007675; border: 1px solid #00aead; } .btn-outline-bcs:hover { color: #fff; background-color: #00aead; border-color: #00aead; } .btn-outline-bcs:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 174, 173, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 174, 173, 0.5); } .btn-white-id { color: #7e0000; background-color: #fff; border: none; border-top: 2px solid #bb0000; } .btn-white-id:hover { color: #580000; background-color: #fff; border-top-color: #bb0000; } .btn-white-id:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5); } .btn-outline-id { color: #7e0000; border: 1px solid #bb0000; } .btn-outline-id:hover { color: #fff; background-color: #bb0000; border-color: #bb0000; } .btn-outline-id:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5); box-shadow: 0 0 0 0.2rem rgba(187, 0, 0, 0.5); } .tooltip.white.bs-tooltip-top .arrow::before { border-top-color: #fff; } .tooltip.white.bs-tooltip-right .arrow::before { border-right-color: #fff; } .tooltip.white.bs-tooltip-bottom .arrow::before { border-bottom-color: #fff; } .tooltip.white.bs-tooltip-left .arrow::before { border-left-color: #fff; } .tooltip.white .tooltip-inner { -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; color: #222222; padding: 0.5rem 0.75rem; font-size: 0.6rem; background-color: #fff; } .page .card, .hero .card { overflow: hidden; -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page .card:hover, .page .card:focus, .hero .card:hover, .hero .card:focus { -webkit-box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .page .card .card-body, .hero .card .card-body { font-weight: 300; } .page .card.no-shadow, .hero .card.no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .page .card.no-container, .hero .card.no-container { -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; background: transparent; overflow: visible; } .page .card.no-container img, .page .card.no-container .card-img, .hero .card.no-container img, .hero .card.no-container .card-img { overflow: hidden; -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; border-radius: 0.25rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page .card.no-container:hover img, .page .card.no-container:hover .card-img, .page .card.no-container:focus img, .page .card.no-container:focus .card-img, .hero .card.no-container:hover img, .hero .card.no-container:hover .card-img, .hero .card.no-container:focus img, .hero .card.no-container:focus .card-img { -webkit-box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; } .page .card.card-news .card-body p, .hero .card.card-news .card-body p { font-size: 0.85rem; } .page .card.card-news .card-body p.featured-trim, .hero .card.card-news .card-body p.featured-trim { font-size: 1.1rem; font-weight: 300; } .page .card.card-event .date-box, .hero .card.card-event .date-box { height: 100px; width: 100%; line-height: 1; } .page .card.card-event .date-box .event-day, .hero .card.card-event .date-box .event-day { white-space: nowrap; font-size: 2.5rem; } @media (max-width: 1200px) { .page .card.card-event .date-box .event-day, .hero .card.card-event .date-box .event-day { font-size: calc(1.375rem + 1.5vw); } } .page .card.card-event .card-body date, .hero .card.card-event .card-body date { font-size: 0.85rem; } .page .card.card-dept.accreditation .card-body p, .hero .card.card-dept.accreditation .card-body p { font-size: 0.85rem; } .page .card.card-spotlight .card-body ul, .hero .card.card-spotlight .card-body ul { list-style: none; padding: 0; } .page .card.card-spotlight .card-body ul li, .hero .card.card-spotlight .card-body ul li { line-height: 1; padding: 0.5rem 0; } .page .card.card-glance, .hero .card.card-glance { background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3); -o-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3); transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3); } .page .card.card-glance .card-body p:last-child, .hero .card.card-glance .card-body p:last-child { margin-bottom: 0; } .page .card.card-glance.odd, .hero .card.card-glance.odd { background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; } .page .card.card-glance.odd:hover, .page .card.card-glance.odd:focus, .hero .card.card-glance.odd:hover, .hero .card.card-glance.odd:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .page .card.card-glance.even, .hero .card.card-glance.even { background: rgba(107, 27, 43, 0.1); -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 70px rgba(0, 0, 0, 0.4) !important; } .page .card.card-glance:hover, .page .card.card-glance:focus, .hero .card.card-glance:hover, .hero .card.card-glance:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .page .card.card-student-work-overlay, .hero .card.card-student-work-overlay { position: relative; } .page .card.card-student-work-overlay .bg-container, .hero .card.card-student-work-overlay .bg-container { -webkit-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3); -o-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3); transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3); } .page .card.card-student-work-overlay .bg-container .bg-color, .hero .card.card-student-work-overlay .bg-container .bg-color { opacity: 0; } .page .card.card-student-work-overlay .card-img-overlay h3, .hero .card.card-student-work-overlay .card-img-overlay h3 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .page .card.card-student-work-overlay .card-img-overlay p, .hero .card.card-student-work-overlay .card-img-overlay p { opacity: 0; } .page .card.card-student-work-overlay .card-img-overlay h3, .page .card.card-student-work-overlay .card-img-overlay p, .hero .card.card-student-work-overlay .card-img-overlay h3, .hero .card.card-student-work-overlay .card-img-overlay p { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 0.8rem; } .page .card.card-student-work-overlay:hover, .page .card.card-student-work-overlay:focus, .hero .card.card-student-work-overlay:hover, .hero .card.card-student-work-overlay:focus { z-index: 10; -webkit-transform: none; -ms-transform: none; transform: none; } .page .card.card-student-work-overlay:hover .bg-container, .page .card.card-student-work-overlay:focus .bg-container, .hero .card.card-student-work-overlay:hover .bg-container, .hero .card.card-student-work-overlay:focus .bg-container { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .page .card.card-student-work-overlay:hover .bg-container .bg-color, .page .card.card-student-work-overlay:focus .bg-container .bg-color, .hero .card.card-student-work-overlay:hover .bg-container .bg-color, .hero .card.card-student-work-overlay:focus .bg-container .bg-color { opacity: 0.8; } .page .card.card-student-work-overlay:hover .card-img-overlay h3, .page .card.card-student-work-overlay:hover .card-img-overlay p, .page .card.card-student-work-overlay:focus .card-img-overlay h3, .page .card.card-student-work-overlay:focus .card-img-overlay p, .hero .card.card-student-work-overlay:hover .card-img-overlay h3, .hero .card.card-student-work-overlay:hover .card-img-overlay p, .hero .card.card-student-work-overlay:focus .card-img-overlay h3, .hero .card.card-student-work-overlay:focus .card-img-overlay p { opacity: 1; } .page .card.card-contact .card-body ul, .hero .card.card-contact .card-body ul { list-style: none; padding: 0; margin: 0; } .page .card.card-contact:hover, .page .card.card-contact:focus, .hero .card.card-contact:hover, .hero .card.card-contact:focus { -webkit-transform: none; -ms-transform: none; transform: none; } @media (min-width: 768px) { .page .card-columns.student-work-gallery, .hero .card-columns.student-work-gallery { -webkit-column-count: 2; column-count: 2; } .page .card-columns.photo-gallery, .hero .card-columns.photo-gallery { -webkit-column-count: 3; column-count: 3; } } .page .card-columns .card, .hero .card-columns .card { -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; } .page .card-columns .card:hover, .page .card-columns .card:focus, .hero .card-columns .card:hover, .hero .card-columns .card:focus { -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; } .page .pop-out-card, .hero .pop-out-card { max-width: 320px; width: 100%; overflow: visible; position: fixed; z-index: 1029; top: auto; bottom: 4rem; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.15, 0.25, 1.5); -o-transition: all 0.5s cubic-bezier(0.5, 0.15, 0.25, 1.5); transition: all 0.5s cubic-bezier(0.5, 0.15, 0.25, 1.5); } @media (min-width: 576px) { .page .pop-out-card, .hero .pop-out-card { max-width: 360px; } } .page .pop-out-card:hover, .page .pop-out-card:focus, .hero .pop-out-card:hover, .hero .pop-out-card:focus { -webkit-transform: none; -ms-transform: none; transform: none; } .page .pop-out-card .card-body, .hero .pop-out-card .card-body { position: relative; -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15); z-index: 10; background-color: #fff; } .page .pop-out-card .card-body .h1, .hero .pop-out-card .card-body .h1 { color: #555555; line-height: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page .pop-out-card .card-body .h1 span, .hero .pop-out-card .card-body .h1 span { display: block; } .page .pop-out-card .card-body .btn-group .btn, .hero .pop-out-card .card-body .btn-group .btn { color: #555555; background-color: #fff; } @media (max-width: 575.98px) { .page .pop-out-card .card-body .btn-group .btn, .hero .pop-out-card .card-body .btn-group .btn { padding: 0.5rem 1rem; } } .page .pop-out-card .card-body .btn-group .btn:hover, .page .pop-out-card .card-body .btn-group .btn:focus, .hero .pop-out-card .card-body .btn-group .btn:hover, .hero .pop-out-card .card-body .btn-group .btn:focus { color: #000; border-color: #000; background-color: #fff; } .page .pop-out-card .card-body .btn-group + .btn-group, .hero .pop-out-card .card-body .btn-group + .btn-group { margin-top: -1px; } .page .pop-out-card nav, .hero .pop-out-card nav { position: relative; z-index: 1; height: 36px; } .page .pop-out-card nav > a, .hero .pop-out-card nav > a { width: 25%; padding: 0.5rem 0; position: absolute; top: 0; z-index: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page .pop-out-card nav > a:nth-child(1), .hero .pop-out-card nav > a:nth-child(1) { left: 0; } .page .pop-out-card nav > a:nth-child(2), .hero .pop-out-card nav > a:nth-child(2) { left: 25%; } .page .pop-out-card nav > a:nth-child(3), .hero .pop-out-card nav > a:nth-child(3) { left: 50%; } .page .pop-out-card nav > a:nth-child(4), .hero .pop-out-card nav > a:nth-child(4) { left: 75%; } .page .pop-out-card nav > a:last-child, .hero .pop-out-card nav > a:last-child { border-right: 0; } .page .pop-out-card nav > a:hover, .page .pop-out-card nav > a:focus, .hero .pop-out-card nav > a:hover, .hero .pop-out-card nav > a:focus { padding-top: 0.75rem; padding-bottom: 0.75rem; z-index: 2; -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); } .page .pop-out-card .btn-slide, .hero .pop-out-card .btn-slide { position: absolute; top: 40%; z-index: 11; opacity: 0; left: auto; right: auto; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .page .pop-out-card .btn-slide.btn-close, .hero .pop-out-card .btn-slide.btn-close { right: 0; } .page .pop-out-card .btn-slide.btn-open, .hero .pop-out-card .btn-slide.btn-open { left: 0; } .page .pop-out-card.open, .hero .pop-out-card.open { right: 1.25rem; left: auto; } @media (min-width: 576px) { .page .pop-out-card.open, .hero .pop-out-card.open { right: 2rem; } } .page .pop-out-card.open .btn-slide.btn-close, .hero .pop-out-card.open .btn-slide.btn-close { opacity: 1; left: auto; right: -1rem; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .page .pop-out-card.closed, .hero .pop-out-card.closed { right: -310px; left: auto; } @media (min-width: 576px) { .page .pop-out-card.closed, .hero .pop-out-card.closed { right: -320px; } } .page .pop-out-card.closed .btn-slide.btn-open, .hero .pop-out-card.closed .btn-slide.btn-open { left: -1rem; right: auto; opacity: 1; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .page .files-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; } .page .files-list li { position: relative; display: block; margin: 0; padding: 0; } .page .files-list li a { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; border: 1px solid rgba(0, 0, 0, 0.125); background-color: #fff; padding-left: 3rem; text-decoration: none; } .page .files-list li a:hover, .page .files-list li a:focus { background-color: #f9f9f9; color: #660000; text-decoration: none; } .page .files-list li a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 120%; position: absolute; top: 0.5rem; left: 1.25rem; } .page .files-list li a[href$=".doc"]:before { content: "\f1c2"; } .page .files-list li a[href$=".docx"]:before { content: "\f1c2"; } .page .files-list li a[href$=".xls"]:before { content: "\f1c3"; } .page .files-list li a[href$=".xlsx"]:before { content: "\f1c3"; } .page .files-list li a[href$=".ppt"]:before { content: "\f1c4"; } .page .files-list li a[href$=".pptx"]:before { content: "\f1c4"; } .page .files-list li a[href$=".pdf"]:before { content: "\f1c1"; } .page .files-list li a[href$=".jpg"]:before { content: "\f1c5"; } .page .files-list li a[href$=".png"]:before { content: "\f1c5"; } .page .files-list li a[href$=".mov"]:before { content: "\f1c8"; } .page .files-list li a[href$=".mp4"]:before { content: "\f1c8"; } .page .files-list li a[href$=".wmv"]:before { content: "\f1c8"; } .page .files-list li a[href$=".wav"]:before { content: "\f1c7"; } .page .files-list li a[href$=".mp3"]:before { content: "\f1c7"; } .page .files-list li:first-child a { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .page .files-list li:last-child a { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .msu-sidebar .nav li a.active { background-color: transparent; border-left: 1px solid #7a1e30; color: #7a1e30; } .msu-sidebar .nav li.active.menu-depth-2 { background-color: #40101a; } .msu-sidebar .nav li.active.menu-depth-2 > a { background-color: #320c14; border-bottom: 0; } .msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu { margin: 0; } .msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a { font-size: 0.7rem; padding: 0.4rem 6%; background-color: #40101a; } .msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a:hover, .msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a:focus { background-color: #320c14; } .msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a.active { background-color: #320c14; border-bottom: 0; } .page .menu--news-menu-majors h2, .page .menu--news-menu-research-centers h2, .page .menu--news-menu-categories h2, .page .menu--news-menu-explore h2 { text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; color: #555555; border-bottom: 1px solid #e1e1e1; margin: 1rem 0; padding: 0 0 0.25rem; font-weight: 600; } .page .menu--news-menu-majors .nav a.nav-link, .page .menu--news-menu-research-centers .nav a.nav-link, .page .menu--news-menu-categories .nav a.nav-link, .page .menu--news-menu-explore .nav a.nav-link { color: #555555; padding: 0.25rem 0; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page .menu--news-menu-majors .nav a.nav-link:hover, .page .menu--news-menu-majors .nav a.nav-link:focus, .page .menu--news-menu-research-centers .nav a.nav-link:hover, .page .menu--news-menu-research-centers .nav a.nav-link:focus, .page .menu--news-menu-categories .nav a.nav-link:hover, .page .menu--news-menu-categories .nav a.nav-link:focus, .page .menu--news-menu-explore .nav a.nav-link:hover, .page .menu--news-menu-explore .nav a.nav-link:focus { color: #7a1e30; text-decoration: none; -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } #footer-menu { background: #eeeeee; } .page #footer-menu a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; } .page #footer-menu a:hover, .page #footer-menu a:focus { color: #000; text-decoration: none; -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .hero, .main-breadcrumb, .page { position: relative; z-index: 1; } .section-menu { position: relative; font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff; overflow: hidden; height: 70px; z-index: 0; } .section-menu.affix { position: fixed; z-index: 1029; top: 0; right: 0; bottom: 0; left: 0; width: 100%; -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; } .section-menu > a.scroll { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; width: 70px; height: 100%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #e1e1e1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .section-menu > a.scroll.scroll-left { right: auto; left: 0; background: -webkit-gradient( linear, left top, right top, color-stop(50%, white), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( left, white 50%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%); } .section-menu > a.scroll.scroll-right { right: 0; left: auto; background: -webkit-gradient( linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient( right, white 50%, rgba(255, 255, 255, 0) 100% ); background: -o-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%); } .section-menu > a.scroll:hover, .section-menu > a.scroll:focus { color: #000; } .section-menu .nav { overflow-x: scroll; height: 100%; padding-bottom: 17px; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .section-menu .nav > li:first-child { padding-left: 300px; } .section-menu .nav > li:last-child { padding-right: 300px; } .section-menu .nav > li > a { padding: 0 25px; height: 70px; border: none; text-transform: initial; font-size: 0.85rem; line-height: 70px; text-decoration: none; white-space: nowrap; color: #333333; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .section-menu .nav > li > a.active { text-decoration: underline; background-color: #f9f9f9; } .section-menu .nav > li > a:hover, .section-menu .nav > li > a:focus { color: #5d1725; background-color: #f9f9f9; } .hero .clip-text { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero.short, .hero.short .item { height: 400px; } .hero.short .row-wrapper, .hero.short .item .row-wrapper { padding: 50px 0; } @media (max-width: 767.98px) { .hero.short, .hero.short .item, .hero.short .item .row-wrapper { height: auto !important; min-height: 300px; } } @media (max-width: 1950px) { .hero.h-video, .hero.h-video .item { height: 600px; } } @media (max-width: 1280px) { /* .hero.h-video, .hero.h-video .item { height: 600px; } */ .bg-color, .bg-container, .bg-fade, .bg-img, .bg-pattern, .bg-video, .fg-link { height: 800px; top: -25px; } #footer-menu .bg-container .bg-color { max-height: 325px;; } } .hero .front-adjust > .row { margin-top: -50px; } .hero .bg-img { -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; -webkit-animation: animatedBackground 40s ease-in-out infinite; animation: animatedBackground 40s ease-in-out infinite; } @media (min-width: 768px) { .hero .bg-img { background-attachment: fixed; } } @-webkit-keyframes animatedBackground { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animatedBackground { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .page > section.row-wrapper:first-child { padding-top: /*75px*/ 0px; } .page .section-type--1 .bg-img { -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } @media (max-width: 767.98px) { .page .section-type--1 .bg-img { height: 130%; top: -15%; } } @media (min-width: 768px) { .page .section-type--1 .bg-img { background-attachment: fixed; } } .page .section-type--2 > .bg-container { top: auto; bottom: 0; } .page .section-type--2 > .bg-container .row, .page .section-type--2 > .bg-container .row > div { height: 100%; } .page .section-type--8 > .bg-container .row, .page .section-type--8 > .bg-container .row > div { height: 100%; } .page .section--dept-cards--front { padding-top: 0 !important; margin-top: -85px; z-index: 10; } .page .section--secondary-footer-menu .h5 { font-size: 0.9rem; letter-spacing: 1px; } .page .section--secondary-footer-menu ul { list-style: none; } .page .section--secondary-footer-menu ul li { font-size: 0.8rem; } .page .section--secondary-footer-menu .footer-footer p { margin: 0; } .page .section--secondary-footer-menu .footer-footer a { font-size: 0.7rem; letter-spacing: 1px; } .page .section--contact > .bg-container { top: auto; bottom: 0; } .page .section--contact > .bg-container .bg-img { -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } @media (max-width: 767.98px) { .page .section--contact > .bg-container .bg-img { height: 150%; top: -25%; } } @media (min-width: 768px) { .page .section--contact > .bg-container .bg-img { background-attachment: fixed; } } .page .news-section, .page .events-section { padding: 75px 0; } @media (min-width: 768px) { .page .row-news, .page .row-events { border-bottom: 1px solid #e1e1e1; } .page .row-news > div, .page .row-events > div { border-right: 1px solid #e1e1e1; } .page .row-news > div:last-child, .page .row-events > div:last-child { border-right: none; } } .page .main-content.news-adjustment .row-news:first-child > div { border-right: none; } .page.pop-out-card-container { z-index: 1039; } .page .main-content.news-adjustment { margin-top: -175px; } @media (min-width: 768px) { #main-menu.navbar .navbar-nav > li { width: 14.28571%; } } #HomeBannerImg{ background-image: url('../imgs/cardpics/banner6.jpg'); } #ForvalBannerImg{ background-image: url('../imgs/cardpics/banner2.png'); } .resize-back-img { background-color: #660000; } /*patents css*/ .patent-card { padding: 10px 50px 10px 50px; } .patent-card p { text-align: left !important; } .patent-title { font-size: 1.25em; color: #660000; } .text-align { text-align: center; margin-top: 40px; } .resize-to-h5 { font-size: 1.25em; } .clickable { cursor: pointer; } .padding-top { margin-top: 35px; } .sortPub { white-space: nowrap; font-size: 2.25em; } .resize-h2 { font-size: 2.25em; } .ResearchArea { margin-top: 75px; } .AreaName { border-bottom: 1px solid #660000; padding-bottom: 25px; } .list-group { width: 100%; } #sortTabs .list-group-item { width: 220px; text-align: center; } .area-sort { display: flex; flex-direction: row; } .area-sort li { list-style: none; text-align: left; font-size: 1.125em; white-space: nowrap; margin-right: 45px; } .external-research { margin-left: 100px; } .mobile { display: none; } .research-card { display: none; } /* Software Css */ .skip-to-content-link { height: 30px; left: 50%; padding: 8px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; z-index: -1; } .skip-to-content-link:focus { transform: translateY(0%); } #spacing-top { height: 20vh; } #software { text-align: center; margin-top: 80px; } .text-align { text-align: center; margin-top: 40px; } .software-grid { display: flex; flex-direction: column; } .software-card { text-align: center; padding: 25px; border-radius: 5px; margin-bottom: 20px; height: auto; } .card-title { font-size: 1.25em; } .card a { text-decoration: underline; } .mobile-only { display: none; } .desktop-only { display: flex; } #title { text-align: center; color: white; font-size: 3.75em; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); text-shadow: 1px 1px 1px black; opacity: 1; z-index: 1; } .arrow { position: absolute; top: 65%; left: 50%; border-right: 5px solid white; border-bottom: 5px solid white; height: 50px; width: 50px; box-shadow: 5px 5px #660000; transform: translate(-90%, -50%); transform: rotate(45deg); z-index: 1; } .additional-info { display: none; margin-top: 20px; } .space-top { margin-top: 25px; } @media only screen and (max-width: 990px) { #software { margin-top: 120px; } } @media only screen and (max-width: 600px) { * { text-align: center; } header#msu-header { background-color: transparent; } .card { height: auto; } .padded { padding: 15px; } .mobile-only { display: flex; } .desktop-only { display: none; } .soft-grid { display: flex; flex-direction: row; } } .top-space-btn { margin-top: 5px; } /* Annual Report*/ .grid2 { display: grid; grid-template-columns: auto auto auto; gap: 25px; margin-bottom: 150px; } .card-title2 { text-align: center; font-size: 1.3em !important; } .report-top { margin-top: 25px; } @media only screen and (max-width: 600px) { .grid2 { display: flex; flex-direction: column; gap: 2px; padding-left: 35px; padding-right: 35px; } } .h-sup { font-size: 60%; font-weight: 300; text-transform: uppercase; display: inline-block; margin-bottom: 0.5rem; } .region-sidebar-second { box-shadow: -15px 0 100px rgb(0 0 0 / 8%); -webkit-box-shadow: -15px 0 100px rgb(0 0 0 / 8%); } .hero { height: 500px; } .hero .item { height: 500px; } .hero-forval { height: 250px; } .hero-forval .item { height: 250px; } .hero-forval .item .row-wrapper { padding: 90px 0; } .hero-forval .item .row-wrapper a { color: #fff; } @media (max-width: 575.98px) { .hero-forval { min-height: 50px; max-height: 250px; height: auto!important; } } .dept-list { list-style: none; } .dept-list li { margin-top: 15px; } .dept-list li:hover { color: #660000; } /* Publications */ .sort-mobile-only { display: none; } @media only screen and (max-width: 600px) { .sort-mobile-only { display: flex; } .sort-desktop-only { display: none; } .center-me { margin-right: 8%; margin-top: 25px; } } .center-me-title { text-align: center; padding-top: 75px; margin-bottom: -75px; } .date-center { text-align: center; } .spotlight { min-height: 90% !important; } .space-top-research { margin-top: 50px; } .card-text p { font-size: 1em !important; } .card-text p:hover { color: #660000; } .card-grid { display: grid; grid-template-columns: auto auto auto; row-gap: 25px; } .two-grid { display: grid; grid-template-columns: auto auto; gap: 25px; margin-bottom: 25px; margin-top: 25px; } .two-grid .card-body .first-lead { max-height: 400px; } .two-grid h2 { font-size: 26px; } .scroll-overflow::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #f5f5f5; } .scroll-overflow::-webkit-scrollbar { width: 3px; background-color: #f5f5f5; } .scroll-overflow::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #5d1725; } .art::-webkit-scrollbar-thumb { background-color: #944100; } .bcs::-webkit-scrollbar-thumb { background-color: #007675; } .scroll-overflow { overflow-y: scroll; padding-right: 35px; } .card-grid .card-body .first-lead { max-height: 400px; } .max-contain { max-width: 1400px; } .empty { background-image: url("./imgs/faculty/msstate_square_white-300x300.png"); background-size: 50% !important; } #pubs_previous a{ color: #575757; } #pubs_ellipsis a{ color: #575757; } @media only screen and (max-width: 900px) { .card-grid { display: flex; flex-direction: column; } .card-grid h2 { font-size: 14px; } .first-lead { font-size: 12px; } .first-lead p { text-align: left; } .scroll-overflow { padding-right: 15px; } .container-re { padding: 0px; max-width: none; } .center-btn { text-align: center !important; } .center-text { text-align: center !important; } } .nav-tab-active { border-left: 2px solid #660000 !important; } .sub-sites { height: 100%; padding: 25px; } .split { display: grid; grid-template-columns: 55% 45%; } .site { display: flex; flex-direction: column; align-items: center; justify-content: center; } .site { padding: 5px; margin-left: 15px; margin-top: 15%; } .info { margin-left: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .sub-sites2 { display: flex; flex-direction: column; } .site2 { display: flex; justify-content: center; align-items: center; flex-direction: column; } .center-me-card { text-align: center; margin-top: 25px; } .soft-grid { display: grid; grid-template-columns: auto auto auto; gap: 25px; padding:0px 10px; } .two-grid { display: grid; grid-template-columns: auto auto; gap: 25px; } .other-facs { text-align: center; margin-top: 25px; font-size: 20px; } @media only screen and (max-width: 600px) { .soft-grid { display: flex; flex-direction: column; gap: 0px; } .software-grid-padding { padding: 0px 25px 0px 25px; } } @media only screen and (max-width: 900px) { .two-grid, .split { display: flex; flex-direction: column; } .two-grid h2 { font-size: 14px; } .site, .site2 { display: flex; flex-direction: column; margin-left: 0px; padding: 0px; margin-top: 50px; } .site2 img { margin-left: 0% !important; } .sub-sites, .sub-sites { padding: 0px; } .info { margin-left: 0px; } .desktop-only { display: none !important; } } .card-list { list-style: none; padding: 5px; text-align: center; } .card-list li { margin-top: 15px; } .remove-card-text-decoration{ overflow: auto !important; max-height: none !important; padding-bottom: 0px !important; } .remove-card-text-decoration p{ margin-bottom: 15px !important; } .card-text-forestry { text-decoration: none !important; color: black; /*border-bottom: 1px solid #2699fb;*/ padding-bottom: 15px; } .card-text-bio { text-decoration: none !important; color: black; padding-bottom: 15px; /*border-bottom: 1px solid #5d1725;*/ } .card-text-wildlife { text-decoration: none !important; color: black; padding-bottom: 15px; /*border-bottom: 1px solid #db6000;*/ } .card-text-centers { text-decoration: none !important; color: black; padding-bottom: 15px; /*border-bottom: 1px solid #5d1725;*/ } .text-art { color: #944000 !important; } .bg-art { background-color: #944000 !important; } .btn-outline-art { color: #944000 !important; border: 1px solid #944000 !important; } .btn-art { background-color: #944000 !important; } .text-bcs { color: #00615f !important; } .bg-bcs { background-color: #00615f !important; } .btn-outline-bcs { color: #00615f !important; border: 1px solid #00615f !important; } .btn-bcs { background-color: #00615f !important; } .text-arch { color: #0357a0 !important; } .bg-arch { background-color: #0357a0 !important; } .btn-outline-arch { color: #0357a0 !important; border: 1px solid #0357a0 !important; } .btn-arch { background-color: #0357a0 !important; } #pubs-container { max-width: 1600px; } .rec-pub { margin: 0px 25px 25px 25px; text-decoration: none !important; } @media only screen and (max-width: 1430px) { .card-grid .card { text-align: center; } .card h2 { text-align: center; } } @media only screen and (max-width: 1200px) { .card-body h2 { font-size: 16px; } .title-resize { font-size: 14px !important; } .card-body p { font-size: 12px; } .site { padding: 0px; margin-left: 0px; margin-top: 5%; } .site2 { margin-top: 0px; } } .column-headers { list-style-type: none; margin: 0; padding: 0; font-size: 36px; } /* Story Css */ .title-padding { margin-bottom: 50px; } .story-grid { display: grid; grid-template-columns: 70% 30%; column-gap: 75px; } .story-card { display: grid; grid-template-columns: 30% 70%; column-gap: 25px; padding: 25px; margin-top: 25px; } .card-img { width: 100%; height: 100%; } .story-info h2 { text-align: center; } .story-info { padding: 5px; } .recommended .list-group-item { text-align: center; } @keyframes slowDown { from { background-color: white; color: black; } to { background-color: #660000; color: white; } } .recommended { flex-direction: column; } .recommended .list-group-item:hover { animation-name: slowDown; animation-duration: 0.25s; background-color: #660000; color: white; } .recommended .list-group-item a { text-decoration: none; color: inherit; } .recommended .list-group-item a:hover { color: white; } .card-text { max-height: 225px; overflow-y: hidden; } #story-page .pagination { margin-top: 25px; justify-content: start !important; } .page-link { cursor: pointer; } .mobile-only { display: none; } #duck-section { position: relative; } #New-Card { height: 350px; width: 700px; } #New-Card h2 { color: #5d1725; font-weight: 900; margin-bottom: 5px; } .subtitle { color: gray; } #New-Card ul { list-style-type: none; padding: 0; } #New-Card ul li { margin-top: 2.5px; } .no-list-style{ list-style: none !important; } .card-background { background-image: linear-gradient( to right, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0) ), url("../imgs/cardpics/duckBackground.jpg"); background-size: cover; width: 100%; height: 100%; } .hover-decoration { text-decoration: none !important; font-weight: bold; } .desktop-only-duck { display: flex; position: absolute; height: 50%; width: 80%; left: 40%; bottom: 57%; } #duck-section-mobile{ display: none; } .dept-name-left-align{ text-align: left !important; } .remove-mobile-space{ top: 0 !important; bottom: 0 !important; } @media only screen and (max-width: 1500px) { #New-Card { width: 650px; } #New-Card h2{ text-align: left !important; } #New-Card-Mobile h2{ text-align: left !important; font-size: 24px; color: #5d1725; font-weight: 900; } .grid2 { padding: 25px; } #duck-section{ display: none; } #duck-section-mobile{ display: block; } .desktop-only-duck{ left: 30%; } .no-list-style{ padding: 0px; } } @media only screen and (max-width: 1335px) { .desktop-only-duck{ left: 19%; } } @media only screen and (max-width: 1200px) { #New-Card { width: 500px; height: 300px; } .card-mobile-bottom-spacing{ margin-bottom: -25px; } } @media only screen and (max-width: 1000px) { #duck-section-mobile{ max-width: none; } #New-Card { width: 270px; height: 320px; } #New-Card-Mobile{ text-align: center !important; } #New-Card-Mobile h2{ text-align: center !important; } #New-Card-Mobile ul{ font-size: 12px; list-style: none; text-align: center; padding: 0; margin-bottom: 40px; } #New-Card-Mobile ul li{ margin-bottom: 15px; } .desktop-only-duck { display: none; } #New-Card-Mobile .card-background{ background-image: none !important; } } @media only screen and (max-width: 970px){ .mobile-row .card{ min-width: 500px !important; } .mobile-row{ margin-left: 0px; margin-right: -25px; } .ml-25{ margin-left: 0px !important; } .mr-25{ margin-right: 0px; } } @media only screen and (max-width: 820px){ #duck-section-mobile{ padding: 0px; } } @media only screen and (max-width: 757px){ #duck-section-mobile{ padding-top: 50px; margin-left: 5%; margin-right: 5%; } } @media only screen and (max-width: 600px) { #New-Card-Mobile { width: 100%; height: 100%; } .mobile-row .card{ min-width: 335px !important; } .mobile-row{ margin-left: 0px; margin-right: 0px; } .card-background { background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.75) 5%, rgba(255, 255, 255, 0.75) 10%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75) 100% ), url("../imgs/cardpics/duckMobileBackground.jpg"); } .story-card { display: flex; flex-direction: column; } .story-grid { display: flex; flex-direction: column; gap: 0px; row-gap: 25px; margin-top: 50px; } .story-text { font-size: 16px; text-align: left; } .mobile-only { display: block; } .desktop-only { display: none; } .mobile-padding-top { margin-top: 25px; } #story-page .pagination { justify-content: center !important; } .mobile-spacing { margin-top: 15px; } .mobile-space-bottom { margin-bottom: 100px !important; } .mobile-center { justify-content: center !important; } .mobile-center-text { text-align: center !important; } } @media only screen and (max-width: 800px) { .remove-black-bottom { top: 0; } .mobile-space-bottom { margin-bottom: 250px !important; } } @media only screen and (max-width: 1000px) { .recent-pub-resize { font-size: 16px; } } /* .newCard { margin-top: 15px; overflow: hidden; -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 25px; border: 1px solid rgba(0, 0, 0, 0.125); background-color: white; -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; } .newCard:hover, .newCard:focus { -webkit-box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .newCard img { float: left; margin: 5px; width: 300px; height: 300px; margin-right: 25px; } .newCardBody { text-align: justify; } .newCardBody h2 { text-align: left; } .newCardBody h3 { text-align: right; color: #5f5f6e !important; } .newCardBody p { margin-left: 5px; } */ .newCard { margin-top: 15px; overflow: hidden; -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 25px; border: 1px solid rgba(0, 0, 0, 0.075); background-color: white; -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important; } .newCard:hover, .newCard:focus { -webkit-box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .newCard img { /* float: left; margin: 5px; */ /* width: 300px; */ /* height: 300px; */ /* margin-right: 25px; */ } .newCardBody { text-align: left; } .newCardBody h2 { text-align: left; margin: 1em 0; font-size: 1.5em; border-bottom: 1px solid #ddd; padding-bottom: 1em; } .newCardBody h3 { text-align: right; color: #5d1725 !important; font-size: 1.2em; margin-bottom:0; } .newCardBody p { margin-left: 5px; } @media only screen and (max-width: 600px) { .newCard { height: auto; } .newCard img { float: none; } .newCardBody { text-align: none; padding: 0px; } .newCardBody h2 { margin-top: 25px; text-align: center; } .newCardBody h3 { text-align: center; } .newCardBody p { margin: 0; padding: 0; text-align: left; } } .mobile-center-text { text-align: left !important; } /* Miscellanious Styling that was originaly inlined, moved to css file to make code look cleaner*/ .desktop-fixed-top{ position: sticky !important; top: 0 !important; z-index: 2 !important; } .w-100{ width: 100%; } .h-100{ height: 100%; } .h-328{ height: 328px; } .mr-25{ margin-right: 25px; } .ml-25{ margin-left: 25px; } .mt-5{ margin-top: 5px; } .mt-25{ margin-top: 25px; } .mg-btm-125{ margin-bottom: 125px; } .p-25{ padding: 25px; } .pt-15{ padding-top: 15px; } .additional-line-height{ line-height: 1.5em; } .rm-left-right-padding{ padding-left: 0px; padding-right: 0px; } .visible{ visibility: visible; } .center-text{ text-align: center; } .card-body p{ line-height: 1.5em !important; } /************* Lab and Projects cards *************/ .vert-white-gray200 { background: -webkit-gradient(linear, top, bottom, from(#fff), to(#eee)) repeat-x!important; background: -webkit-linear-gradient(bottom, #fff, #eee) repeat-x!important; background: -o-linear-gradient(bottom, #fff, #eee) repeat-x!important; background: linear-gradient(to bottom, #fff, #eee) repeat-x!important; } /* .labs-projects h2 { color: #fff !important; text-shadow: 0 0.125rem 0.3125rem rgb(0 0 0 / 40%) !important; background: transparent; position:absolute; padding:20px; z-index:10; } .labs-projects h2:hover { text-decoration:underline; } .labs-projects .card:hover { transform:none; } .labs-projects .card-img { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } */ .labs a.card .card-body .h5 { color: #000; font-size:.95em; } .labs .card-img { border-radius:0; } .labs .card .card-body a { font-size:1em; } .bg-yellow{ color: #EDC71C !important; } .btn-outline-yellow{ color: #EDC71C !important; border: 1px solid #EDC71C !important; } .text-purple { color: #38133d !important; } .btn-purple { color: #fff; background-color: #38133d; border-color: #38133d; } .bg-purple { color: #38133d !important; } .border-purple { border-color: #4d1654 !important; border-width: medium !important; } .btn-outline-purple { color: #38133d !important; border: 1px solid #38133d !important; } .btn-outline-yellow:hover{ color: white !important; } .btn-outline-purple:hover { color: white !important; } .btn-outline-bcs:hover{ color: white !important; } .btn-outline-art:hover{ color: white !important; } .btn-outline-arch:hover{ color: white !important; } .card-font{ font-size: 1.3em;; } .download-bulletin a { cursor: pointer; text-transform: uppercase; font-size: 0.65rem; font-weight: 600; padding: 0.5rem 2rem; border-radius: 0; color: #fff; background-color: #5d1725; border-color: #5d1725; display: inline-block; text-align: center; vertical-align: middle; user-select: none; border: 1px solid transparent; line-height: 1.75; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .download-bulletin a:hover { color: #fff; background-color: #3e0f19; border-color: #340d15; text-decoration:none; } .error-page-block { width: auto; max-width: 600px; min-width: 300px; margin: 0 auto; text-align: center; border: 1px solid #ddd; padding: 1em; } /* Precision Tools */ .softCard{ display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; padding: 25px; min-height: 360px; } .softCard-number{ color: white; background-color: #632733; border-radius: 50%; padding-top: 12.5px; padding-bottom: 12.5px; width: 25%; font-size: 24px; font-weight: bold; margin-bottom: 25px; } .softCard-description{ margin-top: 25px; } .section{ display: flex; flex-direction: column; } .highlights{ display: grid; grid-template-columns: 5% 5% 90%; justify-content: flex-start; align-items: center; } .highlights .num{ padding: 10px 10px 10px 10px; border: 2.5px solid white; border-radius: 50%; text-align: center; font-size: 24px; font-weight: 600; } .highlights .desc{ font-size: 24px; font-weight: 600; } .section-space-top{ margin-top: 50px; } .user-guides{ display: flex; flex-direction: column; padding: 25px; border-radius: 10px; } @media (max-width: 700px){ .card-number{ font-size: 18px; width: 30%; } } @media (max-width: 600px){ .card-number{ font-size: 36px; width: 25%; padding: 25px; } }