@font-face { src: url("../fonts/Philosopher-Regular.ttf"); font-family: 'Philosopher'; } @font-face { src: url("../fonts/Philosopher-Bold.ttf"); font-family: 'Philosopher'; font-weight: bold; } @font-face { src: url("../fonts/Philosopher-Italic.ttf"); font-family: 'Philosopher'; font-style: italic; } button.btn-primary { background-color: #a82b2d; border-color: #480000; } button.btn-primary:hover { border-color: #480000; background-color: #972728 !important; } a:hover { text-decoration: none !important; } h1, h2, h3, h4 { font-family: 'Philosopher'; } ul { list-style-type: none; } header { position: relative; background: black; padding: 5px 0; box-shadow: 0px 0px 10px black; } header ul li { padding: 0 15px; vertical-align: middle; } #condensed-header ul li { list-style: none; font-size: 1.6em; } #condensed-header i.fa-bars { font-size: 1.8em; margin-top: 35%; color:white; } #condensed-header i.fa-bars:hover { cursor: pointer; } #condensed-header .row { max-width: 100%; } body > .container { padding: 25px 0; } #header-logo { max-width: 150px; } #header-nav { margin-top: 4%; text-align: center; } #header-nav li:not(:last-child) { border-right: 1px solid #202020; } #header-nav li a { color: white; font-size: 1.1em; transition: color 0.2s; } #header-nav li a:hover { color: #AD1A1F; text-decoration: none; } header .dropdown-item:hover { background-color: #A82B2D; color: white; } .section { text-align: center; margin: 45px 0; } .section h2 { color: #A42022; margin: 15px 0; font-weight: bold; } #jumbotron h1, #jumbotron p, #jumbotron i { text-shadow: 0px 0px 12px black; } #jumbotron { color: white; max-height: 600px; margin: 0; padding: 8% 0; background-image: url(../media/jumbotron-bg.png); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #jumbotron h1 { font-size: 3.5em; } #jumbotron ul { margin: 20px 0; } #jumbotron i { position: relative; font-size: 2.5em; margin: 0 15px; } #jumbotron p { font-size: 1.2em; line-height: 1.8; padding: 0 10%; } #jumbotron li:first-child i { color: rgb(221, 166, 0); } #jumbotron li:nth-child(2) i { color: rgb(223, 51, 215); } #jumbotron li:nth-child(3) i { color: rgb(47, 205, 255); } #jumbotron li:nth-child(4) i { color: rgb(17, 120, 242); } #local-newspapers { height: 600px; } #local-newspapers h2 { text-align: center; padding: 15px; } #local-newspapers hr { border-color: #e8989a; width: 60%; margin: 0 auto; } #local-newspapers #name { font-family: 'Philosopher'; font-style: italic; } #newspaper-carousel { height: 85%; } .carousel-indicators li { background-color: #a42426 !important; } #newspaper-carousel .control-arrow { font-size: 2em; color: #A42022; } #newspaper-carousel .carousel-inner { height: 80%; padding: 30px 15%; } #newspaper-carousel .carousel-item { max-height: calc(100% + 30px); overflow-y: scroll; } #newspaper-carousel .carousel-item .title { color: black !important; } #newspaper-carousel .carousel-item .title h5 { font-weight: bold; } #newspaper-carousel .carousel-item .content { text-align: justify; padding: 10px; } #newspaper-carousel .carousel-item .source p { color: black; font-weight: bold; text-align: right; padding-right: 5%; font-weight: bold; } #newspaper-carousel .carousel-item .source p::before { content: "- "; } #contact-us h2 { font-weight: bold; color: #A42022; } #contact-us form { width: 40%; margin: 0 auto; } #contact-us form button { border: none; } #contact-us input, #contact-us textarea { margin: 15px 0; border-color: #bbb; } #contact-us textarea { height: 210px; } #contact-us ul { padding-left: 0; padding: 5% 0 0 0; text-align: left; } #contact-us i { margin-right: 10px; } #contact-us li { margin: 25px 0; } #contact-us > .row { width: 60%; margin: 0 auto; } #contact-us #success { display: none; color: #00a600; } #contact-us #backup, #contact-us #validate-fail { display: none; color: red; } #value-props { padding: 15px 0; margin-top: 0; background: #a42426; color: white; text-shadow: 0px 0px 4px #131313; } #value-props h2 { color: white; } #value-props hr, #contact-us hr { border-color: #e8989a; width: 60%; } #value-props > .row { justify-content: center; margin: 40px auto; } #value-props .prop { color: white; width: 35%; padding: 15px; display: inline-block; background: #9f2628; margin: 10px 15px; height: 400px; box-shadow: 0px 0px 2px 0px #4d0002 inset; } #value-props .prop h4 { border-bottom: 1px solid #931c1e; padding: 15px 0 25px 0; font-weight: bold; text-shadow: 0px 0px 4px #131313; } #value-props ul { list-style-type: circle; text-align: left; padding-left: 15%; } #value-props li { margin: 30px 0; color: white; text-shadow: 0px 0px 4px #131313; font-size: 1.1em; } #value-props li::marker { color: black; } footer { background: black; color: white !important; padding: 10px 0; } footer ul { padding-left: 10% !important; } footer li { margin: 10px 0; } footer i { margin-right: 10px; } footer a, footer span { color: #009fff; } footer a:hover { color: #0087d9; } footer img { max-width: 40% !important; margin-bottom: 10px; } footer .fab { font-size: 2em; color: white; transition: color 200ms; } footer .fa-facebook, footer .fa-twitter, footer .fa-pinterest { color: #008bdf; } footer .fa-facebook:hover { color: #004e8a; } footer .fa-twitter:hover { color: #00b7ff; } footer .fa-pinterest:hover { color: #B7081F; } #condensed-footer { display: none; text-align: center; } #condensed-footer img { max-width: 30% !important; } #condensed-footer ul { padding-left: 0 !important; }