style.css

/*
Theme Name: Flex Kit
Author: Thrive web design
Author URI: https://thriveweb.com.au/
*/
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button, input, select, textarea { font: inherit; }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button, input, select { /* 2 */ overflow: visible; }

/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button, input, select, textarea { /* 1 */ margin: 0; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Change the cursor in all browsers (opinionated). */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] { cursor: default; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] { -webkit-appearance: textfield; }

/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeInUp { from { -webkit-transform: translateY(10%); transform: translateY(10%);
    opacity: 0; }
  to { -webkit-transform: translateY(0%); transform: translateY(0%);
    opacity: 1; } }

@keyframes fadeInUp { from { -webkit-transform: translateY(10%); transform: translateY(10%);
    opacity: 0; }
  to { -webkit-transform: translateY(0%); transform: translateY(0%);
    opacity: 1; } }

html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 62.5%; }

body { color: #606c76; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: 300; letter-spacing: .01em; line-height: 1.6; -webkit-font-smoothing: antialiased; }

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

blockquote { border-left: 0.3rem solid #d1d1d1; margin-left: 0; margin-right: 0; padding: 1rem 1.5rem; }

blockquote *:last-child { margin: 0; }

code { background: #f4f5f6; border-radius: .4rem; font-size: 86%; padding: .2rem .5rem; margin: 0 .2rem; white-space: nowrap; }

pre { background: #f4f5f6; border-left: 0.3rem solid #9b4dca; font-family: Menlo, Consolas, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, monospace; }

pre > code { background: transparent; border-radius: 0; display: block; padding: 1rem 1.5rem; white-space: pre; }

input, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0.1rem solid #d1d1d1; border-radius: .4rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 3.8rem; padding: .6rem 1.0rem; width: 100%; }

input:focus, textarea:focus, select:focus { border: 0.1rem solid #9b4dca; outline: 0; }

textarea { padding-bottom: .6rem; padding-top: .6rem; min-height: 6.5rem; }

label, legend { font-size: 1.6rem; font-weight: 700; display: block; margin-bottom: .5rem; }

fieldset { border-width: 0; padding: 0; }

input[type='checkbox'], input[type='radio'] { display: inline; }

.label-inline { font-weight: normal; display: inline-block; margin-left: .5rem; }

.gform_ajax_spinner { display: block; margin: 1rem auto; height: 20px; width: 20px; }

.validation_error, .gform_confirmation_message { width: 100%; padding: 1rem; background: white; border: 1px solid whitesmoke; margin: 1.5rem 0; font-weight: 500; }

.validation_error:before, .gform_confirmation_message:before { content: '\f06a'; font-family: 'FontAwesome'; margin-right: 5px; color: #9b4dca; }

.gform_confirmation_message:before { content: '\f164'; font-family: 'FontAwesome'; margin-right: 5px; color: #9b4dca; }

.validation_message { background: white; font-weight: 500; border: 1px solid whitesmoke; }

.validation_message:before { content: '\f06a'; font-family: 'FontAwesome'; margin-right: 5px; color: #9b4dca; }

a { color: #9b4dca; text-decoration: none; -webkit-transition: .3s; transition: .3s; }

a:hover { color: #606c76; }

dl, ol, ul { margin-top: 0; padding-left: 0; }

dl dl ul, dl ol, ol dl ul, ol ol, ul dl ul, ul ol { font-size: 90%; margin: 1.5rem 0 1.5rem 3.0rem; }

dl { list-style: none; }

ul { list-style: circle inside; }

ol { list-style: decimal inside; }

dt, dd, li { margin-bottom: 1.0rem; }

hr { border-top: 0.1rem solid #f4f5f6; border-width: 0; margin-bottom: 3.5rem; margin-top: 3rem; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.button, button { margin-bottom: 1rem; }

.button:last-child, button:last-child { margin-bottom: 0; }

input, textarea, select, fieldset { margin-bottom: 1.5rem; }

input:last-child, textarea:last-child, select:last-child, fieldset:last-child { margin-bottom: 0; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

pre:last-child, blockquote:last-child, dl:last-child, figure:last-child, table:last-child, p:last-child, ul:last-child, ol:last-child, form:last-child { margin-bottom: 0; }

table { width: 100%; }

th, td { border-bottom: .1rem solid #e1e1e1; padding: 1.2rem 1.5rem; text-align: left; }

th:first-child, td:first-child { padding-left: 0; }

th:last-child, td:last-child { padding-right: 0; }

p { margin-top: 0; }

h1, h2, h3, h4, h5, h6 { font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin-bottom: 2.0rem; margin-top: 0; }

h1 { font-size: 4.0rem; letter-spacing: -.1rem; line-height: 1.2; }

h2 { font-size: 3.6rem; letter-spacing: -.1rem; line-height: 1.25; }

h3 { font-size: 3.0rem; letter-spacing: -.1rem; line-height: 1.3; }

h4 { font-size: 2.4rem; letter-spacing: -.08rem; line-height: 1.35; }

h5 { font-size: 1.8rem; letter-spacing: -.05rem; line-height: 1.5; }

h6 { font-size: 1.6rem; letter-spacing: 0; line-height: 1.4; }

.section { padding: 5rem 0; }

.section.thin { padding: 2.5rem 0; }

.section.thick { padding: 10rem 0; }

.container { width: calc(100% - 2rem); max-width: 1440px; margin: 0 auto; }

.container.small { max-width: 1200px; }

.container.smaller { max-width: 1000px; }

.container.skinny { max-width: 800px; }

.dark { background-color: #565656; color: white; }

.black { background-color: #1a1a1a; color: white; }

.light { background-color: whitesmoke; }

.primary { background-color: #9b4dca; }

.white { background: white; }

.color-white { color: white; }

.color-primary { color: #9b4dca; }

.flex, .flex-row, .flex-column, .flex-start, .flex-end, .flex-center, .flex-stratch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-stratch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }

.background-image img { width: 100%; }

@supports ((-o-object-fit: cover) or (object-fit: cover)) { .background-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; } }

.social { list-style: none; }

.social li { display: inline-block; }

.social a { padding: 5px; }

.float-right { float: right; }

.float-left { float: left; }

.clearfix { *zoom: 1; }

.clearfix:after, .clearfix:before { content: ''; display: table; }

.clearfix:after { clear: both; }

.tacenter { text-align: center; }

.taright { text-align: right; }

.taleft { text-align: left; }

.relative { position: relative; }

.half-width { position: relative; display: inline-block; width: 50%; }

@media screen and (max-width: 750px) { .half-width { display: block; width: 100%; } }

.edit_link, .cp_cache { position: fixed; margin: 0; top: 11rem; left: 10px; z-index: 99999; display: inline-block; font-size: 12px; font-weight: bold; cursor: pointer; }

.edit_link i, .cp_cache i { width: 25px; height: 25px; line-height: 25px; text-align: center; background-color: #606c76; border-radius: 30px; font-size: 15px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.edit_link span, .cp_cache span { background-color: #606c76; text-transform: uppercase; padding: 3px 5px; border-radius: 2px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.edit_link a, .cp_cache a { color: #ffffff; background-color: transparent; }

.edit_link a:hover i, .cp_cache a:hover i { background-color: #9b4dca; color: #ffffff; }

.edit_link a:hover span, .cp_cache a:hover span { background-color: #9b4dca; color: #ffffff; }

.cp_cache { top: 15rem; }

.blog-list--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.single-post { background: whitesmoke; }

.single-post--header-image { height: 50rem; width: 100%; max-height: 100vh; position: fixed; top: 0; }

.single-post--header-image .background-image { opacity: 0.7; }

.single-post--back-btn { padding: 7rem 0 3.5rem; }

.single-post--back-btn--btn { color: white; font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.single-post--back-btn--btn:hover, .single-post--back-btn--btn:focus { color: white; border-bottom: 1px solid currentColor; }

.single-post--container { padding: 5rem; }

.single-post--container img { width: calc(100% + 10rem); height: auto; margin-left: -5rem; margin-right: -5rem; }

.single-post--heading { border-bottom: 2px solid whitesmoke; margin-bottom: 1.5rem; }

.single-post--title { font-size: 3.3rem; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 0.5rem; }

.single-post--meta { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "brandon-grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; color: #565656; opacity: 0.7; font-size: 1.3rem; letter-spacing: 0.05em; margin-bottom: 1rem; }

.single-post--meta > * + *:before { content: '|'; margin: 0 1rem; }

.single-post--meta a { color: inherit; }

.single-post--meta a:hover, .single-post--meta a:focus { color: inherit; border-bottom: 1px solid currentColor; }

.single-post--footer { border-top: 2px solid whitesmoke; margin-top: 3.5rem; padding-top: 1.5rem; }

/*# sourceMappingURL=style.css.map */