/*! Theme Name: Barebones Theme URI: https://benchmark.co.uk/barebones Author: Benchmark Studios Author URI: https://benchmark.co.uk/ Description: A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond Version: 3.X License: MIT License URI: https://mit-license.org/ Text Domain: barebones */ /** * Breakpoints */ /** * Typography */ /** * Grid */ /** * Colors */ /** * Spacing */ /** * Font Sizes */ /** * Components */ /** * Animations */ /* * Media query to respond to a minimum size (mobile first) */ /* * Media query to respond to a maximum size */ /* * Output font size in px/rem */ /* * Placeholder mixin for */ /** * Clearfix */ /** * Default variables and helper mixins */ /** * Space between columns */ /** * Max width of container */ /** * Number of total columns */ /** * Breakpoints */ /** * Grid loop mixin */ /** * Clearfix */ /** * Grid scaffolding */ .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .row { list-style: none; margin-left: -24px; } .row:not(.row--flex):before, .row:not(.row--flex):after { content: " "; display: table; } .row:not(.row--flex):after { clear: both; } .row.row--gutterless { margin-left: 0; } .row.row--flex { display: flex; flex-wrap: wrap; } .col { float: left; padding-left: 24px; box-sizing: border-box; } .row--gutterless .col { padding-left: 0; } /** * Columns generator */ @media only screen and (min-width: 1025px) { .col--lg-offset-0 { margin-left: 0%; } .col--lg-1 { width: 8.3333333333%; } .row--flex .col--lg-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; width: auto; float: none; } .col--lg-offset-1 { margin-left: 8.3333333333%; } .col--lg-2 { width: 16.6666666667%; } .row--flex .col--lg-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; width: auto; float: none; } .col--lg-offset-2 { margin-left: 16.6666666667%; } .col--lg-3 { width: 25%; } .row--flex .col--lg-3 { flex-basis: 25%; max-width: 25%; width: auto; float: none; } .col--lg-offset-3 { margin-left: 25%; } .col--lg-4 { width: 33.3333333333%; } .row--flex .col--lg-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; width: auto; float: none; } .col--lg-offset-4 { margin-left: 33.3333333333%; } .col--lg-5 { width: 41.6666666667%; } .row--flex .col--lg-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; width: auto; float: none; } .col--lg-offset-5 { margin-left: 41.6666666667%; } .col--lg-6 { width: 50%; } .row--flex .col--lg-6 { flex-basis: 50%; max-width: 50%; width: auto; float: none; } .col--lg-offset-6 { margin-left: 50%; } .col--lg-7 { width: 58.3333333333%; } .row--flex .col--lg-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; width: auto; float: none; } .col--lg-offset-7 { margin-left: 58.3333333333%; } .col--lg-8 { width: 66.6666666667%; } .row--flex .col--lg-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; width: auto; float: none; } .col--lg-offset-8 { margin-left: 66.6666666667%; } .col--lg-9 { width: 75%; } .row--flex .col--lg-9 { flex-basis: 75%; max-width: 75%; width: auto; float: none; } .col--lg-offset-9 { margin-left: 75%; } .col--lg-10 { width: 83.3333333333%; } .row--flex .col--lg-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; width: auto; float: none; } .col--lg-offset-10 { margin-left: 83.3333333333%; } .col--lg-11 { width: 91.6666666667%; } .row--flex .col--lg-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; width: auto; float: none; } .col--lg-offset-11 { margin-left: 91.6666666667%; } .col--lg-12 { width: 100%; } .row--flex .col--lg-12 { flex-basis: 100%; max-width: 100%; width: auto; float: none; } .col--lg-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .col--md-offset-0 { margin-left: 0%; } .col--md-1 { width: 8.3333333333%; } .row--flex .col--md-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; width: auto; float: none; } .col--md-offset-1 { margin-left: 8.3333333333%; } .col--md-2 { width: 16.6666666667%; } .row--flex .col--md-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; width: auto; float: none; } .col--md-offset-2 { margin-left: 16.6666666667%; } .col--md-3 { width: 25%; } .row--flex .col--md-3 { flex-basis: 25%; max-width: 25%; width: auto; float: none; } .col--md-offset-3 { margin-left: 25%; } .col--md-4 { width: 33.3333333333%; } .row--flex .col--md-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; width: auto; float: none; } .col--md-offset-4 { margin-left: 33.3333333333%; } .col--md-5 { width: 41.6666666667%; } .row--flex .col--md-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; width: auto; float: none; } .col--md-offset-5 { margin-left: 41.6666666667%; } .col--md-6 { width: 50%; } .row--flex .col--md-6 { flex-basis: 50%; max-width: 50%; width: auto; float: none; } .col--md-offset-6 { margin-left: 50%; } .col--md-7 { width: 58.3333333333%; } .row--flex .col--md-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; width: auto; float: none; } .col--md-offset-7 { margin-left: 58.3333333333%; } .col--md-8 { width: 66.6666666667%; } .row--flex .col--md-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; width: auto; float: none; } .col--md-offset-8 { margin-left: 66.6666666667%; } .col--md-9 { width: 75%; } .row--flex .col--md-9 { flex-basis: 75%; max-width: 75%; width: auto; float: none; } .col--md-offset-9 { margin-left: 75%; } .col--md-10 { width: 83.3333333333%; } .row--flex .col--md-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; width: auto; float: none; } .col--md-offset-10 { margin-left: 83.3333333333%; } .col--md-11 { width: 91.6666666667%; } .row--flex .col--md-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; width: auto; float: none; } .col--md-offset-11 { margin-left: 91.6666666667%; } .col--md-12 { width: 100%; } .row--flex .col--md-12 { flex-basis: 100%; max-width: 100%; width: auto; float: none; } .col--md-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 481px) and (max-width:768px) { .col--sm-offset-0 { margin-left: 0%; } .col--sm-1 { width: 8.3333333333%; } .row--flex .col--sm-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; width: auto; float: none; } .col--sm-offset-1 { margin-left: 8.3333333333%; } .col--sm-2 { width: 16.6666666667%; } .row--flex .col--sm-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; width: auto; float: none; } .col--sm-offset-2 { margin-left: 16.6666666667%; } .col--sm-3 { width: 25%; } .row--flex .col--sm-3 { flex-basis: 25%; max-width: 25%; width: auto; float: none; } .col--sm-offset-3 { margin-left: 25%; } .col--sm-4 { width: 33.3333333333%; } .row--flex .col--sm-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; width: auto; float: none; } .col--sm-offset-4 { margin-left: 33.3333333333%; } .col--sm-5 { width: 41.6666666667%; } .row--flex .col--sm-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; width: auto; float: none; } .col--sm-offset-5 { margin-left: 41.6666666667%; } .col--sm-6 { width: 50%; } .row--flex .col--sm-6 { flex-basis: 50%; max-width: 50%; width: auto; float: none; } .col--sm-offset-6 { margin-left: 50%; } .col--sm-7 { width: 58.3333333333%; } .row--flex .col--sm-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; width: auto; float: none; } .col--sm-offset-7 { margin-left: 58.3333333333%; } .col--sm-8 { width: 66.6666666667%; } .row--flex .col--sm-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; width: auto; float: none; } .col--sm-offset-8 { margin-left: 66.6666666667%; } .col--sm-9 { width: 75%; } .row--flex .col--sm-9 { flex-basis: 75%; max-width: 75%; width: auto; float: none; } .col--sm-offset-9 { margin-left: 75%; } .col--sm-10 { width: 83.3333333333%; } .row--flex .col--sm-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; width: auto; float: none; } .col--sm-offset-10 { margin-left: 83.3333333333%; } .col--sm-11 { width: 91.6666666667%; } .row--flex .col--sm-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; width: auto; float: none; } .col--sm-offset-11 { margin-left: 91.6666666667%; } .col--sm-12 { width: 100%; } .row--flex .col--sm-12 { flex-basis: 100%; max-width: 100%; width: auto; float: none; } .col--sm-offset-12 { margin-left: 100%; } } @media only screen and (max-width: 480px) { .col--xs-offset-0 { margin-left: 0%; } .col--xs-1 { width: 8.3333333333%; } .row--flex .col--xs-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; width: auto; float: none; } .col--xs-offset-1 { margin-left: 8.3333333333%; } .col--xs-2 { width: 16.6666666667%; } .row--flex .col--xs-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; width: auto; float: none; } .col--xs-offset-2 { margin-left: 16.6666666667%; } .col--xs-3 { width: 25%; } .row--flex .col--xs-3 { flex-basis: 25%; max-width: 25%; width: auto; float: none; } .col--xs-offset-3 { margin-left: 25%; } .col--xs-4 { width: 33.3333333333%; } .row--flex .col--xs-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; width: auto; float: none; } .col--xs-offset-4 { margin-left: 33.3333333333%; } .col--xs-5 { width: 41.6666666667%; } .row--flex .col--xs-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; width: auto; float: none; } .col--xs-offset-5 { margin-left: 41.6666666667%; } .col--xs-6 { width: 50%; } .row--flex .col--xs-6 { flex-basis: 50%; max-width: 50%; width: auto; float: none; } .col--xs-offset-6 { margin-left: 50%; } .col--xs-7 { width: 58.3333333333%; } .row--flex .col--xs-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; width: auto; float: none; } .col--xs-offset-7 { margin-left: 58.3333333333%; } .col--xs-8 { width: 66.6666666667%; } .row--flex .col--xs-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; width: auto; float: none; } .col--xs-offset-8 { margin-left: 66.6666666667%; } .col--xs-9 { width: 75%; } .row--flex .col--xs-9 { flex-basis: 75%; max-width: 75%; width: auto; float: none; } .col--xs-offset-9 { margin-left: 75%; } .col--xs-10 { width: 83.3333333333%; } .row--flex .col--xs-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; width: auto; float: none; } .col--xs-offset-10 { margin-left: 83.3333333333%; } .col--xs-11 { width: 91.6666666667%; } .row--flex .col--xs-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; width: auto; float: none; } .col--xs-offset-11 { margin-left: 91.6666666667%; } .col--xs-12 { width: 100%; } .row--flex .col--xs-12 { flex-basis: 100%; max-width: 100%; width: auto; float: none; } .col--xs-offset-12 { margin-left: 100%; } } * { background-color: transparent; border: 0; box-sizing: border-box; font: inherit; margin: 0; padding: 0; } html { background-color: white; font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; } input, select, textarea, button { color: inherit; display: inline-block; } input[disabled], select[disabled], textarea[disabled], button[disabled] { cursor: not-allowed; } button { cursor: pointer; } table { border-collapse: collapse; border-spacing: 0; } table th, table td { text-align: left; } @media only screen and (min-width: 1025px) { .visible-lg { display: block !important; } } @media only screen and (min-width: 1025px) { .hidden-lg { display: none !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .visible-md { display: block !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .hidden-md { display: none !important; } } @media only screen and (min-width: 481px) and (max-width:768px) { .visible-sm { display: block !important; } } @media only screen and (min-width: 481px) and (max-width:768px) { .hidden-sm { display: none !important; } } @media only screen and (max-width: 480px) { .visible-xs { display: block !important; } } @media only screen and (max-width: 480px) { .hidden-xs { display: none !important; } } /** * Clearing and floating */ .alignleft, .float-left { float: left; } img .alignleft, img .float-left { margin-right: 24px; } .alignright, .float-right { float: right; } img .alignright, img .float-right { margin-left: 24px; } .aligncenter, .float-center { display: block; margin-left: auto; margin-right: auto; } img .aligncenter, img .float-center { margin-bottom: 24px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /** * Text aligments */ .align-text-left { text-align: left; } .align-text-right { text-align: right; } .align-text-center { text-align: center; } /** * Aligments */ .items-center { align-items: center; } /** * Elements visibility */ .visible-on-mobile { display: none !important; } @media screen and (max-width: 768px) { .visible-on-mobile { display: block !important; } } .visible-on-tablet { display: none !important; } @media screen and (max-width: 1024px) { .visible-on-tablet { display: block !important; } } @media screen and (max-width: 768px) { .visible-on-tablet { display: none !important; } } @media screen and (max-width: 1024px) { .visible-on-desktop { display: none !important; } } /** * Accessibility */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /** * Breakpoints */ /** * Spacing */ .py-xl { padding-top: 96px; padding-bottom: 96px; } .pt-xl { padding-top: 96px; } .pb-xl { padding-bottom: 96px; } .px-xl { padding-left: 96px; padding-right: 96px; } .pl-xl { padding-left: 96px; } .pr-xl { padding-right: 96px; } .my-xl { margin-top: 96px; margin-bottom: 96px; } .mt-xl { margin-top: 96px; } .mb-xl { margin-bottom: 96px; } .mx-xl { margin-left: 96px; margin-right: 96px; } .ml-xl { margin-left: 96px; } .mr-xl { margin-right: 96px; } .py-lg { padding-top: 72px; padding-bottom: 72px; } .pt-lg { padding-top: 72px; } .pb-lg { padding-bottom: 72px; } .px-lg { padding-left: 72px; padding-right: 72px; } .pl-lg { padding-left: 72px; } .pr-lg { padding-right: 72px; } .my-lg { margin-top: 72px; margin-bottom: 72px; } .mt-lg { margin-top: 72px; } .mb-lg { margin-bottom: 72px; } .mx-lg { margin-left: 72px; margin-right: 72px; } .ml-lg { margin-left: 72px; } .mr-lg { margin-right: 72px; } .py-md { padding-top: 48px; padding-bottom: 48px; } .pt-md { padding-top: 48px; } .pb-md { padding-bottom: 48px; } .px-md { padding-left: 48px; padding-right: 48px; } .pl-md { padding-left: 48px; } .pr-md { padding-right: 48px; } .my-md { margin-top: 48px; margin-bottom: 48px; } .mt-md { margin-top: 48px; } .mb-md { margin-bottom: 48px; } .mx-md { margin-left: 48px; margin-right: 48px; } .ml-md { margin-left: 48px; } .mr-md { margin-right: 48px; } .py-sm { padding-top: 24px; padding-bottom: 24px; } .pt-sm { padding-top: 24px; } .pb-sm { padding-bottom: 24px; } .px-sm { padding-left: 24px; padding-right: 24px; } .pl-sm { padding-left: 24px; } .pr-sm { padding-right: 24px; } .my-sm { margin-top: 24px; margin-bottom: 24px; } .mt-sm { margin-top: 24px; } .mb-sm { margin-bottom: 24px; } .mx-sm { margin-left: 24px; margin-right: 24px; } .ml-sm { margin-left: 24px; } .mr-sm { margin-right: 24px; } .py-xs { padding-top: 12px; padding-bottom: 12px; } .pt-xs { padding-top: 12px; } .pb-xs { padding-bottom: 12px; } .px-xs { padding-left: 12px; padding-right: 12px; } .pl-xs { padding-left: 12px; } .pr-xs { padding-right: 12px; } .my-xs { margin-top: 12px; margin-bottom: 12px; } .mt-xs { margin-top: 12px; } .mb-xs { margin-bottom: 12px; } .mx-xs { margin-left: 12px; margin-right: 12px; } .ml-xs { margin-left: 12px; } .mr-xs { margin-right: 12px; } /** * Fonts */ .font-base { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .font-alt { font-family: "Georgia", "Times New Roman", Times, serif; } /** * Font Sizes */ .text-2xl { font-size: 32px; font-size: 2rem; } .text-xl { font-size: 24px; font-size: 1.5rem; } .text-lg { font-size: 22px; font-size: 1.375rem; } .text-md { font-size: 18px; font-size: 1.125rem; } .text-sm { font-size: 16px; font-size: 1rem; } .text-xs { font-size: 14px; font-size: 0.875rem; } /** * Colors */ .text-base { color: #444; } .bg-base { background-color: #444; } .text-background { color: #fff; } .bg-background { background-color: #fff; } .text-brand { color: #444; } .bg-brand { background-color: #444; } .text-success { color: #5CB85C; } .bg-success { background-color: #5CB85C; } .text-info { color: #444; } .bg-info { background-color: #444; } .text-warning { color: #F0AD4E; } .bg-warning { background-color: #F0AD4E; } .text-danger { color: #D9534F; } .bg-danger { background-color: #D9534F; } body { color: #444; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; font-size: 16px; font-size: 1rem; } body.menu-open { overflow: hidden; } h1, h2, h3, h4, h5, h6, p, hr, ul, ol, dl { margin-bottom: 24px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, hr:last-child, ul:last-child, ol:last-child, dl:last-child { margin-bottom: 0; } /** * Basic styles for links */ a { color: #444; text-decoration: none; } a:hover { color: #444; text-decoration: underline; } a[href^=tel] { font-size: inherit; font-family: inherit; color: inherit; text-decoration: none; font-style: inherit; } /** * Rules */ hr { height: 1px; background-color: #444; } .grid { display: grid; grid-gap: 24px; } @media screen and (max-width: 768px) { .grid { grid-gap: 12px; } } @media only screen and (min-width: 1025px) { .grid.grid--lg-1x { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid.grid--lg-2x { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.grid--lg-3x { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid.grid--lg-4x { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid.grid--lg-5x { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid.grid--lg-6x { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .grid.grid--md-1x { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid.grid--md-2x { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.grid--md-3x { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid.grid--md-4x { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid.grid--md-5x { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid.grid--md-6x { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media only screen and (min-width: 481px) and (max-width:768px) { .grid.grid--sm-1x { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid.grid--sm-2x { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.grid--sm-3x { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid.grid--sm-4x { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid.grid--sm-5x { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid.grid--sm-6x { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media only screen and (max-width: 480px) { .grid.grid--xs-1x { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid.grid--xs-2x { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.grid--xs-3x { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid.grid--xs-4x { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid.grid--xs-5x { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid.grid--xs-6x { grid-template-columns: repeat(6, minmax(0, 1fr)); } } /** * This file contains all @font-face declarations, if any. */ img { max-width: 100%; height: auto; vertical-align: top; } /** * Responsive images */ .is-fluid { display: block; width: 100%; height: auto; } *:focus { outline: 0; } input, select, textarea { background-color: #fff; border: solid 1px #444; border-radius: 0; color: #444; line-height: 36px; height: 36px; padding: 0 12px; width: 100%; } input[type=checkbox], input[type=radio] { background: transparent; border: 0; line-height: normal; height: auto; width: auto; } input[type=file] { line-height: normal; height: auto; padding: 6px 12px; } input[type=submit] { border-radius: 0; } input[disabled] { background-color: whitesmoke; cursor: not-allowed; } select { line-height: normal; padding: 0; padding-left: 12px; } textarea { min-height: 96px; overflow: auto; vertical-align: top; resize: vertical; } /** * Form utility classes */ .form--inline .form__group { display: inline-block; } .form .form__group { display: block; margin-bottom: 24px; } .form .form__group .form__label { display: block; margin-bottom: 12px; } ul, ol { margin-left: 24px; } li > ul, li > ol { margin-bottom: 0; } .list--unstyled { margin-left: 0; list-style: none; } h1, h2, h3, h4, h5, h6, strong { font-weight: bold; } em { font-style: italic; } small { font-size: 0.75em; } .header { padding: 24px 0; margin-bottom: 48px; } @media screen and (max-width: 1024px) { .header .header__navigation { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; } .header .header__navigation nav { display: flex; height: 100%; align-items: center; justify-content: center; } } .footer { margin-top: 48px; } .btn { background-color: #444; color: #fff; border: 1px solid transparent; display: inline-block; padding: 6px 24px; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: auto; transition: all 0.5s; } .btn::-moz-focus-inner { border: 0; padding: 0; } .btn:hover { text-decoration: none; background-color: #fff; color: #444; border-color: #444; } .btn.is-disabled, .btn:disabled { pointer-events: none; opacity: 0.65; } .btn--inverse { background-color: #fff; color: #444; border: 1px solid #444; } .btn--inverse:hover { background-color: #444; color: #fff; border-color: transparent; } .btn--block { display: block; width: 100%; } .btn--block + .btn--block { margin-top: 6px; } .btn--link { background-color: transparent; color: #444; } /** * Hamburger menu */ .nav-burger { float: right; transition: all 250ms ease-in-out; } .nav-burger__line { width: 35px; height: 3px; background-color: #444; display: none; margin: 8px auto; transition: all 250ms ease-in-out; } @media screen and (max-width: 1024px) { .nav-burger__line { display: block; } } .nav-burger.open .nav-burger__line:nth-child(2) { opacity: 0; } .nav-burger.open .nav-burger__line:nth-child(1) { transform: translateY(11px) rotate(45deg); } .nav-burger.open .nav-burger__line:nth-child(3) { transform: translateY(-11px) rotate(-45deg); } /** * Navs */ .nav { list-style: none; margin: 0; } .nav > li { display: inline-block; margin-right: 24px; } .nav > li:last-child { margin-right: 0; } .nav > li > a { display: block; } @media screen and (max-width: 1024px) { .nav--header ul { list-style: none; } } .alert { padding: 24px; margin-bottom: 24px; border: 1px solid transparent; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 24px; } .alert.alert--success { color: #5CB85C; border-color: #5CB85C; } .alert.alert--info { color: #444; border-color: #444; } .alert.alert--warning { color: #F0AD4E; border-color: #F0AD4E; } .alert.alert--danger { color: #D9534F; border-color: #D9534F; }