@import url('https://fonts.googleapis.com/css?family=Arvo|Quicksand'); /* -------------------- BODY -------------------- */ a:hover, a:focus { color: #dc7e4a; text-decoration: underline; } a { color: #8966a0; text-decoration: underline; } h3 > a { text-decoration: none; } .u-url { text-decoration: none; } body p{ font-size: 1.1em; } ul > li{ font-size: 1.1em; } /* -------------------- NAVBAR -------------------- */ .navbar-inverse { background-color: #8966a0; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color:#dc7e4a; } .navbar-inverse .navbar-nav > li > a { text-decoration: none; padding-left: 2em; padding-right: 2em; font-size:1.2em; } .navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color:#dc7e4a; text-decoration: none; } .navbar-inverse .navbar-nav > li > a:hover{ color: #dc7e4a; } #logo { padding-left: 1em; padding-right: 1em; display: block; } /* ------DROP DOWN NAV BAR------ */ .dropdown-menu > li > a { text-decoration: none; color: #000000; } .dropdown-menu > li > a:hover{ background-color:#dc7e4a; text-decoration: none; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #7da066; color: #ffffff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color:#dc7e4a; text-decoration: none; } /* ------MOBILE NAV------ */ .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #dc7e4a; } .navbar-inverse .navbar-toggle { border-color: #dc7e4a; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #dc7e4a; } } /* -------------------- BANNER ABOVE NAVBAR -------------------- */ #banner { background-color: #ffffff; } #banner h1 { font-family: 'Arvo', serif; font-weight:700; color: #8966a0; text-align:center; margin-top:0; } #banner h2 { font-family: 'Quicksand', sans-serif; font-weight:700; color: #dc7e4a; text-align:center; margin-top:0; margin-bottom:1em; } header #banner { #banner-main { display: block; } } /* -------------------- BUTTONS -------------------- */ .btn-primary { color: #ffffff; background-color: #6a4e7d; border-color: #6a4e7d; } .btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #563f65; border-color: #000000; } .btn-primary:hover { color: #ffffff; background-color: #563f65; border-color: #4c3759; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #563f65; border-color: #563f65; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #563f65; border-color: #563f65; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #563f65; border-color: #563f65; } .btn-default { color: #ffffff; background-color: #b8a3c6; border-color: #b8a3c6; } .btn-default:focus, .btn-default.focus { color: #ffffff; background-color: #9c7eaf; border-color: #9c7eaf; } .btn-default:hover { color: #ffffff; background-color: #9c7eaf; border-color: #8966a0; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #ffffff; background-color: #9c7eaf; border-color: #9c7eaf; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #ffffff; background-color: #9c7eaf; border-color: #9c7eaf; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #9c7eaf; border-color: #9c7eaf; } .btn-default .badge { color: #9c7eaf; background-color: #ffffff; } /* --------------------TAGS--------------------------*/ #index-tags { text-align:left; font-size:1.1em; } #index-tags li { background-color: transparent; } #index-tags li a { font-weight: normal; color: #8966a0; font-size:1.5em; text-decoration: underline; } /* --------------------TAGS LIST--------------------------*/ .list-tags { text-align:left; font-size:1.3em; } .list-tags li { background-color: transparent; } .list-tags li a { font-weight: normal; color: #8966a0; font-size:1.5em; text-decoration: underline; } /* --------------------PAGINATION--------------------------*/ .pager li > a, .pager li > span{ display: inline-block; padding: 5px 14px; background-color: #8966a0; border: 1px solid transparent; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { background-color: #563f65; text-decoration: none; } /* --------------------POST LIST--------------------------*/ .post-list .list-unstyled > .post-list-item > h2 > a { text-decoration:none; } .blog-title h1 a { text-decoration: none; } /* --------------------IMGS STEERING COMMITEE--------------------------*/ .rounded-circle { border-radius: 50%; } .img-fluid { max-width: 100%; height: auto; } .d-block { display: block!important; } .mx-auto { margin-right: auto!important; margin-left: auto!important; }