/** * If using a CSS pre-processor, tell it to overwrite this file. If not, place * your custom CSS modifications here. */ body { margin: 0; min-width: 320px; } a { transition: 0.3s; } .navbar-default { background: #000; color: #FFF; border: none; border-radius: 0px; box-sizing: content-box; align-items: center; margin-bottom: 100px; min-height: 100px; } .navbar-header, #navbar-collapse { width: 95%; max-width: 1150px; padding: 0; margin: 0 auto; border: none; overflow: hidden; } .navbar-default .navbar-toggle { display: none; } .navbar-header { position: absolute; top: 5px; } .navbar-brand { display: none; } #block-ryf-main-menu .navbar-nav { margin-left: 180px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a { color: #FFF; background: #000; border-bottom: 2px solid transparent; padding-bottom: 10px; margin-bottom: 5px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover { color: #edd400; border-bottom: 2px solid #edd400; padding-bottom: 5px; margin-bottom: 10px; } .page-header { border-bottom: 2px solid #000; font-size: 2em; } .region-header .search-block-form { width: 300px; float: right; } @media screen and (min-width: 520px) and (max-width: 599px) { .logo img { margin-left: 50px; } #block-ryf-main-menu .navbar-nav { margin-left: 230px; } } @media screen and (min-width: 600px) and (max-width: 767px) { .logo img { margin-left: 100px; } #block-ryf-main-menu .navbar-nav { margin-left: 280px; } } @media screen and (max-width: 767px) { .logo img { height: 150px; margin-top: 25px; } .navbar-default { min-height: 230px; margin-bottom: 30px; } #block-ryf-main-menu .navbar-nav { max-width: 130px; } } /* Selectors */ @media screen and (min-width: 768px) { .form-inline .form-item .select-wrapper { display: block; } .form-inline .form-actions { margin-top: 21px; } } /* RYF List */ .ryf-list { float: left; margin: 0; padding: 0.5em; position:relative; list-style: none; } .ryf-list article { border: 1px solid #ececec; border-radius: 5px; padding: 1em; box-shadow: 2px 2px 5px #ddd; transition: 0.3s; } .ryf-list article:hover { box-shadow: 0px 0px 5px #aaa; } .ryf-list .field--type-image { width: 100%; background: #fff; border-radius: 10px; display: flex; justify-content: center; } .ryf-list img { max-width: 150px; min-height: 150px; overflow: hidden; } .ryf-list img:hover { border-radius: 0; } .ryf-list h2 { text-align: left; font-size: 1.5em; font-weight: 500; line-height: 1.2em; margin: 0; padding: 0; padding-bottom: 1em; } .ryf-list a { color: #118991; text-decoration: none; } .ryf-list a:hover { color: #000; } .ryf-list .node-readmore, .ryf-list .tags, .ryf-list .supplier { width: 100%; float: left; font-size: 0.9em; border-top: 1px solid #ccc4c4; margin-top: 5px; padding-top: 5px; color: #afadad; } .ryf-list .node-readmore { text-align: right; } /* Footer */ .footer { background: #333; color: #FFF; } /* full page width for footer */ .footer { position: absolute; left: 0; right: 0; width: 100%; } .footer a { color: #edd400; } .footer a:hover { color: #FFF; } .footer h4 { font-weight: bold; } .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; } #fsf-logo-footer { margin-bottom: 10px; }