body{ margin: 0 auto; padding: 0; width: 100%; height: 100vh; padding-top: 3.525rem; font-size: 0.75rem; background: #fff; color: #343a40; overflow-x: hidden; overflow-y: scroll; } body:not(#home){ } .h1, h1{ font-size: 250%; } .h2, h2{ font-size: 200%; } .h3, h3{ font-size: 175%; } .h4, h4{ font-size: 150%; } .h5, h5{ font-size: 125%; } .h6, h6{ font-size: 100%; } .display-1{ font-size: 600%; letter-spacing: -4px; } .display-2{ font-size: 550%; letter-spacing: -3px; } .display-3{ font-size: 450%; letter-spacing: -2px; } .display-4{ font-size: 350%; letter-spacing: -1px; } a, .btn{ transition: all 250ms ease; } a:hover, a:focus, a:active{ text-decoration: none; } button:not(.disabled), .btn:not(.disabled){ cursor: pointer; } .btn-group-xs > .btn, .btn-xs{ padding: .25rem .5rem; font-size: .7rem; line-height: 1; } strong, .strong{ font-weight: 700; } small, .small, .input-group-sm > .form-control, .input-group-sm > .input-group-append>.btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text, blockquote > cite{ font-size: 80%!important; line-height: 1.3!important; } big, .big{ font-size: 120%; } .strike{ text-decoration: line-through; } .show{ visibility: visible; } .hide{ visibility: hidden; } dl, ol, ul{ margin-left: 0; padding-left: 1.5rem; } #page img{ max-width: 100%!important; height: auto!important; } #site-navigation{ transition: all 750ms ease; } #site-navigation.scrolled, #site-navigation:hover{ } #site-navigation .navbar-text{ font-size: 90%; } #main{ box-sizing: border-box; min-height: 66vh; } .entry-content > p:first-of-type, blockquote > p{ font-size: 150%; font-weight: 300; line-height: 1.3; } blockquote > p{ font-style: italic; } blockquote > cite{ font-style: normal; } .list-inline{ margin-left: 0; } .carousel-indicators li:not(.active), button:not(.disabled), .btn:not(.disabled){ cursor: pointer; } .carousel, .wp-block-cover, .wp-block-cover-image{ width: calc(100% + 30px); height: 100vh; margin-left: -15px; } .carousel-item{ height: 95vh; background-position: center center; background-repeat: no-repeat; background-size: cover; } .carousel-item:before{ position: absolute; display: block; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.35); } .carousel-caption{ bottom: 50%; transform: translate(0,50%); text-shadow: 0 0 4px rgba(0,0,0,0.85) } .carousel-caption > .the-caption{ font-size: 150%; } .carousel-caption > .the-caption a:not(.btn){ color: inherit; text-decoration: underline; } .carousel-caption > .the-caption a.btn{ text-shadow: none; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: 40px; height: 40px; } .taxonomy-item{ transition: all 250ms ease; } .taxonomy-item:hover{ color: #fff; background: #000; } .taxonomy-item a{ transition: all 0ms ease; } .taxonomy-item:hover a:not(.btn){ color: inherit; } .taxonomy-item:hover a:not(.btn):hover{ text-decoration: underline; } .site-footer{ font-size: 75%; padding: 1.5rem 0 0.5rem 0; } .site-footer a{ color: inherit; } .site-footer .social-links{ font-size: 150%; } @media only screen and ( min-width: 576px ){ body{ font-size: 1rem; } .carousel-item{ height: 100vh; } } @media only screen and ( min-width: 768px ){ blockquote{ max-width: 50rem; margin-left: auto; margin-right: auto; } } body{ font-family: Roboto,sans-serif; font-weight: 400; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .display-1, .display-2, .display-3, .display-4{ font-family: 'News Cycle',sans-serif; font-weight: 400; } #site-navigation, .navbar-brand{ font-family: 'News Cycle',sans-serif; font-weight: 700; font-size: 125%; } strong, .strong{ font-weight: 700; } .wp-block-cover-text{ position: relative; transform: translateY(50%); } .site-footer .social-links{ font-size: 32px; } .site-footer .social-links img{ max-height: 32px; }