body { color: #555; font: normal 15px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; } :focus { outline: 0; } .inlineĀ  { display: inline-block; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .justify { text-align: justify; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .plain { text-transform: none; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, blockquote, code { margin-bottom: 20px; } img, figure { max-width: 100%; height: auto; } figure { overflow: hidden; clear: both; } ol, ul { list-style: none; } ul { list-style: disc outside; margin: 0 0 25px 48px; padding: 0; } ol { list-style-type: decimal; margin: 0 0 25px 48px; } p { font-color: #555; line-height: 1.6em; margin: 0 0 20px; } blockquote, p { quotes: none; } dfn, em, i, .em { font-style: italic; } b, strong { font-weight: 400; } small { font-size: 0.8em; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } blockquote { margin: 1em 40px; padding: 10px 20px; border-left: 5px solid #EEE; } code { clear: both; overflow: auto; padding: 1px 4px; white-space: pre-wrap; border-radius: 3px; background-color: #F9F9F9; border: 1px solid transparent; border-color: #ececec; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre code { background-color: transparent; border: none; } dt { font-weight: bold; } dd { margin-bottom: 15px; padding-left: 0.5em; } h1, h2, h3, h4, h5, h6 { color: #060606; font-style: normal; font-weight: 300; line-height: 1.17em; margin: 0 0 14px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #060606; font-weight: 300; font-style: normal; font-weight: 300; line-height: 1.17em; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #060606; font-weight: 300; font-style: normal; font-weight: 300; line-height: 1.17em; } h1 { font-size: 2.2em; text-transform: uppercase; letter-spacing: 0.20em; } h2 { font-size: 1.7em; text-transform: uppercase; letter-spacing: 0.20em; } h3 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 0.20em; } h4 { font-size: 1.2em; text-transform: uppercase; font-weight: 400; } h5 { font-size: 1em; font-weight: 400; } h6 { font-size: 0.9em; text-transform: uppercase; font-weight: 400; } a { color: #4671fb; text-decoration: none; cursor: pointer; } a, a:visited, a:hover, a:focus { font-weight: 400; text-decoration: none; } a:focus { outline: none; } @media(max-width: 768px) { h1 { font-size: 32px; } h2 { font-size: 26px; } } @media(max-width: 550px) { blockquote { margin: 1em 20px; } } /* 1.2 Fonts /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTZS3E-kSBmtLoNJPDtbj2Pk.ttf) format("truetype"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3SZ2oysoEQEeKwjgmXLRnTc.ttf) format("truetype"); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local("Raleway Bold"), local("Raleway-Bold"), url(http://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaI8DdSZkkecOE1hvV7ZHvhyU.ttf) format("truetype"); } /*-----------------------------------------------------------------------------------*/ /* 2 Forms /*-----------------------------------------------------------------------------------*/ /* 2.1 Buttons /*-----------------------------------------------------------------------------------*/ .btn { display: inline-block; margin-bottom: 0; margin-right: 8px; font-weight: bold; text-align: center; text-transform: uppercase; vertical-align: middle; cursor: pointer; background-image: none; background: transparent; white-space: nowrap; padding: 12px 24px; font-size: 11px; font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1; letter-spacing: 1px; border: 2px solid #FFF; color: #FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 3px; transition: all ease-in-out .15s; -o-transition: all ease-in-out .15s; -webkit-transition: all ease-in-out .15s } .btn:hover { background: #000; color: #333; } .btn-primary { background: #4671fb; border-color: #4671fb; } .btn-primary:hover { background: #000; border-color: #000; color: #FFF; } .btn-white { color: #4671fb; background: #fff; border-color: #fff; } /* 2.2 Fields /*-----------------------------------------------------------------------------------*/ .field, .search-field, input[type="password"], textarea { margin-bottom: 20px; display: block; width: 100%; max-width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; background-color: rgba(0, 0, 0, 0.01); border: 1px solid #F5F5F5; -webkit-appearance: none; -moz-appearance: none; } .search-field { margin-bottom: 0; } label { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; } textarea { height: auto; } textarea.field { height: auto; } .contact-captcha { margin-bottom: 20px; } .recaptchatable { border-radius: 3px !important; border-color: #ececec !important; } /* 2.3 Alerts /*-----------------------------------------------------------------------------------*/ .alert, #buddypress div#message p { padding: 12px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; color: #FFF; font-weight: 500; } .alert-red { background-color: #EA5D5D; border-color: #EA5D5D; } .alert-green { background-color: #7ad03a; border-color: #7ad03a; } .alert-yellow, #buddypress div#message p { background-color: #FFCC50; border-color: #FFCC50; } .alert-grey { background-color: #F5F5F5; border-color: #F5F5F5; color: #929292; } /*-----------------------------------------------------------------------------------*/ /* 6. WordPress /*-----------------------------------------------------------------------------------*/ /* 6.1 WordPress /*-----------------------------------------------------------------------------------*/ img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .screen-reader-text, .search-submit { display: none; } .wp-caption-text { display: inherit; } .sticky { display: inherit; } .gallery-caption { display: inherit; } figcaption.wp-caption-text { padding: 8px 0 8px; border-bottom: 1px solid #ececec; text-align: center; } .bypostauthor { display: inherit; } /* 6.2 Tables /*-----------------------------------------------------------------------------------*/ table { border: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0; margin-bottom: 25px; } table caption { margin: 0 0 5px; font-size: 15px; font-variant: small-caps; } th, td { padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #f5f5f5; font-size: 15px; font-weight: normal; text-align: left; } td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .widget th, .widget td { padding: 5px 2px; }