/* ==========================================================================
0. Reset.css v2.0 ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
} body {
line-height: 1;
} ol, ul {
list-style: none;
}
.content ul {
list-style: disc;
}
blockquote, q {
quotes: none;
} blockquote:before, blockquote:after, q:before, q:after {
content: ''; content: none;
} table {
border-collapse: collapse; border-spacing: 0;
}
/* ==========================================================================
1. Fonts ========================================================================== */
@font-face {
font-family: 'Apercu'; src: url('../fonts/apercu/apercu_light.eot'); src: url('../fonts/apercu/apercu_light.eot?#iefix') format('embedded-opentype'), url('../fonts/apercu/apercu_light.woff2') format('woff2'), url('../fonts/apercu/apercu_light.woff') format('woff'), url('../fonts/apercu/apercu_light.ttf') format('truetype'), url('../fonts/apercu/apercu_light.svg#BrandonText-Light') format('svg'); font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'Apercu'; src: url('../fonts/apercu/apercu_bold.eot'); src: url('../fonts/apercu/apercu_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/apercu/apercu_bold.woff2') format('woff2'), url('../fonts/apercu/apercu_bold.woff') format('woff'), url('../fonts/apercu/apercu_bold.ttf') format('truetype'), url('../fonts/apercu/apercu_bold.svg#BrandonText-Bold') format('svg'); font-weight: bold; font-style: normal;
}
@font-face {
font-family: 'ApercuMono'; src: url('../fonts/apercu/apercu_mono.eot'); src: url('../fonts/apercu/apercu_mono.eot?#iefix') format('embedded-opentype'), url('../fonts/apercu/apercu_mono.woff2') format('woff2'), url('../fonts/apercu/apercu_mono.woff') format('woff'), url('../fonts/apercu/apercu_mono.ttf') format('truetype'), url('../fonts/apercu/apercu_mono.svg#BrandonText-Light') format('svg'); font-weight: normal; font-style: normal;
}
/* Import the font file with the icons in it */
@font-face {
font-family: 'alesto'; src: url('../fonts/icon/alesto.eot?wouwy9'); src: url('../fonts/icon/alesto.eot?wouwy9#iefix') format('embedded-opentype'), url('../fonts/icon/alesto.ttf?wouwy9') format('truetype'), url('../fonts/icon/alesto.woff?wouwy9') format('woff'), url('../fonts/icon/alesto.svg?wouwy9#alesto') format('svg'); font-weight: normal; font-style: normal;
}
.icon {
/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'alesto' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-box2:before {
content: "\e900";
} .icon-write:before {
content: "\e901";
} .icon-clock2:before {
content: "\e902";
} .icon-reply2:before {
content: "\e903";
} .icon-reply-all:before {
content: "\e904";
} .icon-forward:before {
content: "\e905";
} .icon-flag2:before {
content: "\e906";
} .icon-search2:before {
content: "\e907";
} .icon-trash2:before {
content: "\e908";
} .icon-envelope:before {
content: "\e909";
} .icon-bubble:before {
content: "\e90a";
} .icon-bubbles:before {
content: "\e90b";
} .icon-user:before {
content: "\e90c";
} .icon-users:before {
content: "\e90d";
} .icon-cloud2:before {
content: "\e90e";
} .icon-download2:before {
content: "\e90f";
} .icon-upload2:before {
content: "\e910";
} .icon-rain:before {
content: "\e911";
} .icon-sun2:before {
content: "\e912";
} .icon-moon2:before {
content: "\e913";
} .icon-bell2:before {
content: "\e914";
} .icon-folder2:before {
content: "\e915";
} .icon-pin:before {
content: "\e916";
} .icon-sound:before {
content: "\e917";
} .icon-microphone2:before {
content: "\e918";
} .icon-camera2:before {
content: "\e919";
} .icon-image2:before {
content: "\e91a";
} .icon-cog2:before {
content: "\e91b";
} .icon-calendar:before {
content: "\e91c";
} .icon-book2:before {
content: "\e91d";
} .icon-map-marker:before {
content: "\e91e";
} .icon-store:before {
content: "\e91f";
} .icon-support:before {
content: "\e920";
} .icon-tag2:before {
content: "\e921";
} .icon-heart2:before {
content: "\e922";
} .icon-video-camera:before {
content: "\e923";
} .icon-trophy:before {
content: "\e924";
} .icon-cart:before {
content: "\e925";
} .icon-eye2:before {
content: "\e926";
} .icon-cancel:before {
content: "\e927";
} .icon-chart:before {
content: "\e928";
} .icon-target2:before {
content: "\e929";
} .icon-printer2:before {
content: "\e92a";
} .icon-location2:before {
content: "\e92b";
} .icon-bookmark:before {
content: "\e92c";
} .icon-monitor2:before {
content: "\e92d";
} .icon-cross2:before {
content: "\e92e";
} .icon-plus2:before {
content: "\e92f";
} .icon-left:before {
content: "\e930";
} .icon-up:before {
content: "\e931";
} .icon-browser:before {
content: "\e932";
} .icon-windows:before {
content: "\e933";
} .icon-switch:before {
content: "\e934";
} .icon-dashboard:before {
content: "\e935";
} .icon-play2:before {
content: "\e936";
} .icon-fast-forward2:before {
content: "\e937";
} .icon-next:before {
content: "\e938";
} .icon-refresh:before {
content: "\e939";
} .icon-film:before {
content: "\e93a";
} .icon-home:before {
content: "\e93b";
}
/* ==========================================================================
2. General - Setting up some base styles ========================================================================== */
*, *::after, *::before {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.nav-btn *::after, .nav-btn *::before {
content: '';
}
html {
height: 100%; font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
height: 100%; max-height: 100%; font-family: "Apercu", serif; letter-spacing: 0.01rem; font-size: 1.8rem; line-height: 1.75em; color: #505254; background-color: #FFF; -webkit-font-feature-settings: 'kern' 1; -moz-font-feature-settings: 'kern' 1; -o-font-feature-settings: 'kern' 1; text-rendering: geometricPrecision;
}
::-moz-selection {
background: #D6EDFF;
}
::selection {
background: #D6EDFF;
}
h1, h2, h3, h4, h5, h6 {
-webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; color: #1F2531; line-height: 1.15em; margin: 0 0 0.4em 0; font-family: "Apercu", sans-serif; text-rendering: geometricPrecision;
}
h1 {
font-size: 5rem; letter-spacing: -2px; text-indent: -3px;
}
h2 {
font-size: 3.6rem; letter-spacing: -1px;
}
h3 {
font-size: 3rem; letter-spacing: -0.6px;
}
h4 {
font-size: 2.5rem;
}
h5 {
font-size: 2rem;
}
h6 {
font-size: 2rem;
}
a {
color: #FC3380; text-decoration: none; transition: color 0.3s ease-in-out;
}
a:hover {
color: #636e75;
}
span, time {
font-family: "Apercu", sans-serif;
}
p, ul, ol, dl {
-webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; margin: 0 0 1.75em 0; text-rendering: geometricPrecision;
}
ol, ul {
padding-left: 3rem;
}
ol ol, ul ul, ul ol, ol ul {
margin: 0 0 0.4em 0; padding-left: 2em;
}
dl dt {
float: left; width: 180px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; margin-bottom: 1em;
}
dl dd {
margin-left: 200px; margin-bottom: 1em
}
li {
margin: 0.4em 0;
}
li li {
margin: 0;
}
hr {
display: block; height: 1px; border: 0; border-top: #EFEFEF 1px solid; margin: 3.2em 0; padding: 0;
}
blockquote {
-moz-box-sizing: border-box; box-sizing: border-box; margin: 1.75em 0 1.75em -2.2em; padding: 0 0 0 1.75em; border-left: #4A4A4A 0.4em solid;
}
blockquote p {
margin: 0.8em 0; font-style: italic;
}
blockquote small {
display: inline-block; margin: 0.8em 0 0.8em 1.5em; font-size: 0.9em; color: #CCC;
}
blockquote small:before {
content: "\2014 \00A0";
}
blockquote cite {
font-weight: 700;
}
blockquote cite a {
font-weight: normal;
}
mark {
background-color: #fdffb6;
}
kbd {
display: inline-block; margin-bottom: 0.4em; padding: 1px 8px; border: #CCC 1px solid; color: #666; text-shadow: #FFF 0 1px 0; font-size: 0.9em; font-weight: 700; background: #F4F4F4; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
}
em{
font-style: italic;
}
strong{
color:#20292C; font-weight: bold;
}
table {
-moz-box-sizing: border-box; box-sizing: border-box; margin: 1.75em 0; width: 100%; max-width: 100%; background-color: transparent;
}
table th, table td {
padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: #EFEFEF 1px solid;
}
table th {
color: #1F2531;
}
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td {
border-top: 0;
}
table tbody + tbody {
border-top: #EFEFEF 2px solid;
}
table table table {
background-color: #FFF;
}
table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
background-color: #F6F6F6;
}
table.plain tbody > tr:nth-child(odd) > td, table.plain tbody > tr:nth-child(odd) > th {
background: transparent;
}
iframe, .fluid-width-video-wrapper {
display: block; margin: 1.75em 0;
}
/* When a video is inside the fitvids wrapper, drop the margin on the iframe, cause it breaks stuff. */
.fluid-width-video-wrapper iframe {
margin: 0;
}
textarea, select, input {
width: 260px; padding: 6px 9px; margin: 0 0 5px 0; outline: 0; font-family: 'Apercu', sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; background: #fff; border: #e7eef2 1px solid; border-radius: 4px; box-shadow: none; -webkit-appearance: none;
}
textarea {
width: 100%; max-width: 340px; min-width: 250px; height: auto; min-height: 80px;
}
input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, input:focus, textarea:focus {
border: #bbc7cc 1px solid; background: #fff; outline: none; outline-width: 0;
}
select {
width: 270px; height: 30px; line-height: 30px;
}
button {
min-height: 35px; width: auto; display: inline-block; padding: 0.1rem 1.5rem; cursor: pointer; outline: none; text-decoration: none; color: #fff; font-family: 'Apercu', sans-serif; font-size: 13px; line-height: 13px; font-weight: 400; text-align: center; letter-spacing: 1px; text-transform: uppercase; text-shadow: none; border-radius: 0.3rem; border: rgba(0, 0, 0, 0.05) 0.1em solid; background: #1F2531;
}
pre, code{
font-family: 'ApercuMono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; color:#fafafa; overflow: auto; text-align: left; line-height: 1.5; padding: .2em .5em; border-radius: 0.3em; font-weight: lighter; font-size: 1em; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
pre, pre{
background: #272822; margin: .5em 0 1.75em 0; padding: 1em; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
:not(pre) > code, :not(pre) > code{
border: #8a8a8a 1px solid; color: inherit; background: #f2f2f2; font-size: .9em;
}
@media print {
code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
color: #905;
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
color: #690;
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
color: #a67f59;
}
.token.atrule, .token.attr-value, .token.keyword {
color: #07a;
}
.token.function {
color: #DD4A68;
}
.token.regex, .token.important, .token.variable {
color: #e90;
}
.token.important, .token.bold {
font-weight: bold;
} .token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
/* ==========================================================================
3. Utilities - These things get used a lot ========================================================================== */
/* Clears shit */
.clearfix:before, .clearfix:after {
content: " "; display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* Hides shit */
.hidden {
text-indent: -9999px; visibility: hidden; display: none;
}
/* Creates a responsive wrapper that makes our content scale nicely */
.inner {
position: relative; width: 80%; max-width: 710px; margin: 0 auto;
}
/* Centres vertically yo. (IE8+) */
.vertical {
display: table-cell; vertical-align: middle;
}
/* Wraps the main content & footer */
.site-wrapper {
position: relative; z-index: 10; min-height: 100%; background: #fff; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease;
}
.svg-wrap {
position: absolute; width: 0px; height: 0px; overflow: hidden;
}
.nav-growpop a {
position: fixed; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.nav-growpop a.prev {
left: 0;
}
.nav-growpop a.next {
right: 0;
}
.nav-growpop a svg {
display: block; margin: 0 auto; padding: 0;
}
.nav-growpop .icon-wrap {
position: relative; z-index: 100; display: block; padding: 20px 10px; border: 0px solid #1F2531; background: #1F2531; -webkit-transition: border-width 0.3s 0.15s; transition: border-width 0.3s 0.15s;
}
.nav-growpop svg.icon {
fill: #fff;
}
.nav-growpop div {
position: absolute; top: 50%; padding: 20px; width: 440px; height: 144px; background: #f5f5f5; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;
}
.nav-growpop a.prev div {
left: 0; padding: 20px 140px 20px 70px; text-align: right; -webkit-transform: translateY(-50%) translateX(-100%) scale(0.75); transform: translateY(-50%) translateX(-100%) scale(0.75);
}
.nav-growpop a.next div {
right: 0; padding: 20px 70px 20px 140px; -webkit-transform: translateY(-50%) translateX(100%) scale(0.75); transform: translateY(-50%) translateX(100%) scale(0.75);
}
.nav-growpop span {
display: block; padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #cdcdcd; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 0.7em; line-height: 1.2;
}
.nav-growpop h3 {
margin: 0; padding: 8px 0 10px; color: #818181; font-weight: 300; font-size: 1.025em; line-height: 1.2;
}
.nav-growpop div p {
margin: 0; color: #1F2531; font-style: italic; font-size: 75%;
}
.nav-growpop img {
position: absolute; top: 20px; width: 104px; height: 104px;
}
.nav-growpop a.prev img {
right: 20px;
}
.nav-growpop a.next img {
left: 20px;
}
.nav-growpop a:hover .icon-wrap {
border-top-width: 40px; border-bottom-width: 40px; -webkit-transition-delay: 0s; transition-delay: 0s;
}
.nav-growpop a:hover div {
opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY(-50%) translateX(0) scale(1); transform: translateY(-50%) translateX(0) scale(1);
}
.socialsidebar {
position: fixed; bottom: 0; right: 50%; transform: translateX(50%); margin-bottom: -50px; color: #fff; z-index: 100000000; background-color: transparent; visibility: hidden; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}
.socialsidebar.show-social {
visibility: visible; opacity: 1; margin-bottom: 0px;
}
.socialsidebar ul {
list-style: none; -webkit-padding-start: 0; -webkit-margin-before: 5px; -webkit-margin-after: 0; padding: 0; margin: 5px 0 0;
}
.socialsidebar ul li {
margin-left: -4px; margin-bottom: 0; padding: 0; display: inline-block; width: 200px; text-align: center;
}
.socialsidebar ul li a {
width: 100%; height: auto; display: block; vertical-align: middle;
}
.socialsidebar ul li a svg {
height: 32px; width: 32px;
}
.socialsidebar ul li a svg {
fill: #fff; vertical-align: middle;
}
.socialsidebar ul li.facebook {
background-color: #3b5998;
}
.socialsidebar ul li.twitter {
background-color: #00aced;
}
.socialsidebar ul li.google {
background-color: #dd4b39;
}
/* ==========================================================================
4. Header ========================================================================== */
.header {
max-width: 100%; height: 350px; background-color: #3a4c58; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;
}
.header-cover{
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABa0AAAGQCAMAAACatbz0AAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFXRSTlMAAg8ABwEQAwoECwwICQUNDgZNEhXxf3DRAAAaGElEQVR4Aeyd61Ikt9JFydxKdL+d8/7vej7sCsLo6wEVLrKloNZfh4OYmWaVaudO9cteEAOAYYOLkVeBJtax85iGTOCYLM6SMlQQW0wO9bVFl7oX6JHDj/6penKh8tufK5viSXAewx5vdHfpP4hvghNQd9xyEfwkyeEhzeLfIKY2I3gI1Uj4//QqeMdHzNHZYCFKxUdesBW+AhSqxeVUD13ItGoE00hx7fSvW+g/r+nkYnvTmSlWoI5Uo/Ew8u/aDtn0c9ou3I/PLhALLiIazCI+VQ7G4ocRtniIS/iX+MDO4hGSm8cIpHa8YxtmENcsVkKq39rWPaC0LLgeZ6CNlMiZcAKfKodOmEWY8EOI739puoY8aFoZOyhCS9t1Xtu+meP1TVi0j9ZkAtes8r5jwuwh8RtQ5ljk8dMwCUY8y8kXZ9ucYC1M2NnW//k/msdPYByegM0cCg6uz0Rsw+XQm68q85utPAmejqkCZQ5t51DblLapZgGaha+4iGCmHqm5cjAEFaT5Hz01SP9DIEI1EEZcxjszP95wx2oI281tTT+XsTwDMXUMROYzEc1HkNBf0TRzdal7wjqEDF1GbZsvtS0xCEJHynpHa2sC1+RFP2a9PpEbA5GJNITYnog5JVSL9ch5c1vjZxAW6DN+BC/ORJzRnyDqQ63g+Qj9U9upeysfbUA5IRado7WU3Nh1giaxn89ITkPpYSBS2GAghfmHhW9OsCDEsretM+FHaBb6jJncxZlIs/9W0+MEcUlKIxwspW2uwb1rO7e3T69cFdbLZ4fqyDF5gS6+yZR1rg9EHqch0goOstkuBTkIZl9bIwm5+cmcZn3igo9gIgBXZiLEm00QFWp8+tqOh7bdhW+GIX32iXBdnigWhcqVd+zsl2lIeX98mKyQgig8Al+wHdZxElxOyngu/qhgX5eJ9LDjBFGhxqev7WLyaOvrj9Y+RY7GPu2lXe+3awxExjRkKDn2sF8KclDLA1vfvi4Rz4ZSq10AXJSJ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');
}
.header .header-content {
width: 80%; max-width: 710px; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.header .header-content h1 {
margin: 0px; font-weight: 900; letter-spacing: 2px; color:#FC3380;
}
.header .header-content p {
margin: 12px 0 0 0; line-height: 25px; color:#bdbfc1;
}
.header.header-cover h1 {
color: #FC3380;
}
.header.header-cover p {
color: #bdbfc1;
}
.cd-logo, .cd-nav-trigger {
position: fixed; display: inline-block;
}
.cd-logo {
top: 18px; left: 3%;
}
.cd-logo img {
display: block; max-width: 100%; height: 50px;
}
.cd-nav-trigger {
top: 18px; right: 3%; height: 44px; width: 44px; z-index: 500; cursor: pointer; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
/* icon created in CSS */ position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; width: 18px; height: 3px; background-color: #ffffff; z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
/* upper and lower lines of the menu icon */ position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #ffffff; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; /* apply transition to transform property */ -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
-webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
-webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
/* 2 rounded colored backgrounds for the menu icon */ position: absolute; top: 0; left: 0; border-radius: 50%; height: 100%; width: 100%; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform;
}
.cd-nav-trigger::before {
background-color: #1F2531; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s;
}
.cd-nav-trigger::after {
background: rgb(0,133,246); background: -webkit-linear-gradient(rgba(0,133,246,1) 0%, rgba(92,236,254,1) 100%); background: -o-linear-gradient(rgba(0,133,246,1) 0%, rgba(92,236,254,1) 100%); background: linear-gradient(rgba(0,133,246,1) 0%, rgba(92,236,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085f6', endColorstr='#5cecfe',GradientType=0 ); /*background: rgba(0,133,246,1);*/ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
/* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
/* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
/* user clicks on the .cd-nav-trigger element - transform the icon */ background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
-webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
-webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg);
}
.cd-primary-nav {
/* by default it's hidden */ position: fixed; left: 0; top: 0; height: 100%; width: 100%; padding: 80px 5%; z-index: 3; background-color: #27343D; overflow: auto; /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.3s; -moz-transition: visibility 0s, opacity 0.3s; transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
margin: 1.6em 0; text-align: center; text-transform: capitalize;
}
.cd-primary-nav a {
font-size: 20px; font-size: 1.25rem; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;
}
.cd-primary-nav a:hover {
color: #b1b1b1;
}
.cd-primary-nav.fade-in {
/* navigation visible at the end of the circle animation */ visibility: visible; opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-primary-nav li { margin: 2em 0; } .cd-primary-nav a { font-size: 28px; font-size: 1.75rem; }
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav li { margin: 2.6em 0; } .cd-primary-nav a { font-size: 42px; font-size: 2.4rem; color: #fff; }
}
.cd-overlay-nav, .cd-overlay-content {
/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */ position: fixed; top: 18px; right: 5%; height: 4px; width: 4px; -webkit-transform: translateX(-20px) translateY(20px); -moz-transform: translateX(-20px) translateY(20px); -ms-transform: translateX(-20px) translateY(20px); -o-transform: translateX(-20px) translateY(20px); transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
display: inline-block; position: absolute; border-radius: 50%; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
/* background fades out at the end of the animation */ opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay-nav {
/* main rounded colored bg 1 */ z-index: 2;
}
.cd-overlay-nav span {
background-color: #1F2531;
}
.cd-overlay-content {
/* main rounded colored bg 2 */ z-index: 4;
}
.cd-overlay-content span {
background-color: #fff;
}
/* ==========================================================================
5. Item ========================================================================== */
.content {
margin: 80px auto 50px ;
}
.item {
margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #F5F5F5;
}
.item .item-title {
position: relative; font-size: 4rem; font-weight: 900; letter-spacing: 1.2px;
}
.item .item-title::after {
position: absolute; width: 10%; height: 2px; bottom: 0; left: 0; background-color: #1F2531; transition: all 600ms ease-in-out;
}
.item .item-title:hover::after {
width: 15%
}
.item p, .item span {
color: #333;
}
.item time {
color: #ABB7B7; font-size: 1.1rem;
}
.item .item-meta a {
background-color: #1F2531; border: #1F2531 1px solid; color: #FFF; font-size: 1.2rem; padding: 2px 5px; border-radius: 2px; margin-right: 5px;
}
.item .item-meta a:hover {
color:#a4f3fd;
}
.item .item-meta span i {
vertical-align: middle; margin-right: 5px; font-size: 2.2rem;
}
.item p {
margin-bottom: 1.8em;
}
.item .item-meta {
margin-bottom: 10px;
}
.item .item-author img {
max-width: 100%; height: 40px; margin-right: 10px; vertical-align: middle;
}
.item .item-author .item-author__meta a {
display: block;
}
.item-author {
width: 100%; min-height: 25px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem;
}
.item-author__sub span {
height: 20px;
}
.minilogo {
width: 45px; height: 45px; background-position: center; background-repeat: no-repeat; background-size: 100%; border-radius: 22px; background-color: #F5F5F5;
}
.meta {
box-sizing: border-box; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: auto
}
.meta>:first-child {
margin-right: 15px
}
.meta>* {
display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column
}
/* ==========================================================================
6. Pagination ========================================================================== */
.pagination {
text-align: center;
}
.pagination a {
position: absolute; display: inline-block; padding: 2px 10px;
}
.pagination a::after {
position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; content: ''; width: 100%; height: 4px; background-color: #333; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;
}
.pagination a:hover::after {
width: 50%;
}
.pagination .newer-posts {
left: 0px;
}
.pagination .older-posts {
right: 0px;
}
/* ==========================================================================
7. Footer ========================================================================== */
.has-adv {
font-size: 1.6125rem; padding: 2em 0; text-align: center; border-top: 1px solid #e1e1e1; margin: 60px 0 0 0;
}
.has-adv .cd-container {
width: 90%; max-width: 1170px; margin: 0 auto; position: relative; height: 100%;
}
.footer-left p {
margin-bottom: 0px;
}
.footer-left ul {
margin: 0; padding: 0;
}
.footer-left ul.footer-socials {
margin-top: 0;
}
.footer-left li {
display: inline-block; margin: 0 1em 1em 0;
}
.footer-left li a {
color: #9f9f9f; font-weight: normal; border-bottom: transparent 1px solid; transition: border-bottom-color .25s ease;
}
.footer-left li a:hover {
border-bottom-color: rgba(252,51,128, .5); color: #FC3380;
}
.footer-left .footer-socials li a:hover{
border-bottom-color:transparent;
}
@media only screen and (min-width: 768px) {
.footer-left { text-align: left; width: 50%; float: left; }
}
.footer-socials {
text-align: center; margin-top: 0;
}
.footer-socials li {
display: inline-block; margin: 0;
}
.footer-socials a {
width: 30px; height: 30px; background-color: rgba(239, 239, 239, 0); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgMjEwIDYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMTAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzODM4MzgiIGQ9Ik0yMywxMGMtMC42LDAuMy0xLjIsMC40LTEuOSwwLjVjMC43LTAuNCwxLjItMSwxLjQtMS44Yy0wLjYsMC40LTEuMywwLjYtMi4xLDAuOGMtMC42LTAuNi0xLjUtMS0yLjQtMSAgYy0xLjcsMC0zLjIsMS41LTMuMiwzLjNjMCwwLjMsMCwwLjUsMC4xLDAuN2MtMi43LTAuMS01LjItMS40LTYuOC0zLjRjLTAuMywwLjUtMC40LDEtMC40LDEuN2MwLDEuMSwwLjYsMi4xLDEuNSwyLjcgIGMtMC41LDAtMS0wLjItMS41LTAuNGwwLDBjMCwxLjYsMS4xLDIuOSwyLjYsMy4yYy0wLjMsMC4xLTAuNiwwLjEtMC45LDAuMWMtMC4yLDAtMC40LDAtMC42LTAuMWMwLjQsMS4zLDEuNiwyLjMsMy4xLDIuMyAgQzEwLjgsMTkuNSw5LjQsMjAsNy44LDIwYy0wLjMsMC0wLjUsMC0wLjgsMGMxLjUsMC45LDMuMiwxLjUsNSwxLjVjNiwwLDkuMy01LDkuMy05LjNjMC0wLjEsMC0wLjMsMC0wLjRDMjIsMTEuMywyMi42LDEwLjcsMjMsMTB6Ii8+PHBhdGggZmlsbD0iIzM4MzgzOCIgZD0iTTQ0Ljk1LDcuMTkwMDdjLTQuNCwwLTgsMy42LTgsOGMwLDMuNSwyLjMsNi41LDUuNSw3LjZjMC40LDAuMSwwLjUtMC4yLDAuNS0wLjRjMC0wLjIsMC0wLjcsMC0xLjQgIGMtMi4yLDAuNS0yLjctMS0yLjctMWMtMC40LTAuOS0wLjktMS4yLTAuOS0xLjJjLTAuNy0wLjUsMC4xLTAuNSwwLjEtMC41YzAuOCwwLjEsMS4yLDAuOCwxLjIsMC44YzAuNywxLjMsMS45LDAuOSwyLjMsMC43ICBjMC4xLTAuNSwwLjMtMC45LDAuNS0xLjFjLTEuOC0wLjItMy42LTAuOS0zLjYtNGMwLTAuOSwwLjMtMS42LDAuOC0yLjFjLTAuMS0wLjItMC40LTEsMC4xLTIuMWMwLDAsMC43LTAuMiwyLjIsMC44ICBjMC42LTAuMiwxLjMtMC4zLDItMC4zczEuNCwwLjEsMiwwLjNjMS41LTEsMi4yLTAuOCwyLjItMC44YzAuNCwxLjEsMC4yLDEuOSwwLjEsMi4xYzAuNSwwLjYsMC44LDEuMywwLjgsMi4xICBjMCwzLjEtMS45LDMuNy0zLjcsMy45YzAuMywwLjQsMC42LDAuOSwwLjYsMS42YzAsMS4xLDAsMS45LDAsMi4yYzAsMC4yLDAuMSwwLjUsMC42LDAuNGMzLjItMS4xLDUuNS00LjEsNS41LTcuNiAgQzUyLjk1LDEwLjc5MDA3LDQ5LjM1LDcuMTkwMDcsNDQuOTUsNy4xOTAwN3oiLz48cGF0aCBpZD0iV2hpdGVfMl8iIGZpbGw9IiMzODM4MzgiIGQ9Ik04Mi4zLDdINjcuN0M2Ny4zLDcsNjcsNy4zLDY3LDcuN3YxNC43YzAsMC4zLDAuMywwLjYsMC43LDAuNkg3NXYtNWgtMnYtM2gydi0yICBjMC0yLjEsMS4yLTMsMy0zYzAuOSwwLDEuOCwwLDIsMHYzaC0xYy0wLjYsMC0xLDAuNC0xLDF2MWgyLjZMODAsMThoLTJ2NWg0LjNDODIuNywyMyw4MywyMi43LDgzLDIyLjNWNy43QzgzLDcuMyw4Mi43LDcsODIuMyw3eiIvPjxwYXRoIGZpbGw9IiMzODM4MzgiIGQ9Ik0xMDUsN2MtNC40LDAtOCwzLjYtOCw4czMuNiw4LDgsOHM4LTMuNiw4LThTMTA5LjQsNywxMDUsN3ogTTEwNy4yLDE0LjRjMCwwLTAuMi0wLjYtMC4zLTAuOCAgYzEuNy0wLjgsMi44LTEuNywzLjItMi4yYzAuNywwLjksMS4xLDIsMS4yLDMuMkMxMTAuNSwxNC40LDEwOC43LDE0LjEsMTA3LjIsMTQuNHogTTEwNi4xLDEyLjFjLTAuOC0xLjQtMS43LTIuNi0yLjEtMy4zICBjMS45LTAuNSwzLjYsMC4xLDQuOSwxLjNDMTA4LjUsMTAuNiwxMDcuNywxMS40LDEwNi4xLDEyLjF6IE0xMDIuMSw5LjVjMC40LDAuNSwxLjIsMS43LDIsMy4yYy0yLjIsMC41LTQuMiwwLjYtNS4xLDAuNiAgQzk5LjQsMTEuNywxMDAuNiwxMC4zLDEwMi4xLDkuNXogTTEwNSwxNC4zYzAuMSwwLjIsMC4yLDAuNCwwLjMsMC41Yy0yLjgsMC45LTQuNjAwMDEsMy4yLTUuMiw0LjFjLTAuOC0xLjEtMS4zLTIuNC0xLjMtMy43ICBDOTkuNywxNS4xLDEwMi4zLDE1LDEwNSwxNC4zeiBNMTA2LDE2LjVjMC43LDIsMS4xLDMuNiwxLjIsNC40Yy0yLjEsMC43LTQuNSwwLjMtNS44LTAuOEMxMDEuOCwxOS40LDEwMy4xLDE3LjYsMTA2LDE2LjV6ICAgTTEwOC45LDE5LjljLTAuMi0wLjgtMC41LTIuMi0xLjEtMy45YzEuMS0wLjIsMi43LDAsMy4zLDAuMkMxMTAuOCwxNy43LDExMCwxOSwxMDguOSwxOS45eiIvPjxwYXRoIGZpbGw9IiMzODM4MzgiIGQ9Ik0xMzUuMDUsMTR2Mi40aDQuMDk5OTljLTAuMiwxLTEuMiwzLTQsM2MtMi4zOTk5OSwwLTQuMjk5OTktMi00LjI5OTk5LTQuNHMyLTQuNCw0LjI5OTk5LTQuNCAgYzEuNDAwMDEsMCwyLjMsMC42LDIuOCwxLjFsMS45MDAwMS0xLjhjLTEuMjAwMDEtMS4yLTIuOC0xLjktNC43MDAwMS0xLjljLTMuODk5OTksMC03LDMuMS03LDdzMy4xMDAwMSw3LDcsNyAgYzQsMCw2LjcwMDAxLTIuOCw2LjcwMDAxLTYuOGMwLTAuNSwwLTAuOC0wLjEwMDAxLTEuMkgxMzUuMDVMMTM1LjA1LDE0eiIvPjxnPjxjaXJjbGUgZmlsbD0iIzM4MzgzOCIgY3g9IjE2MCIgY3k9IjIwIiByPSIyIi8+PHBhdGggZmlsbD0iIzM4MzgzOCIgZD0iTTE3MiwyMmgtMi43YzAtNi4yLTUuMTAwMDEtMTEuMy0xMS4zLTExLjNWOEMxNjUuNyw4LDE3MiwxNC4zLDE3MiwyMnoiLz48cGF0aCBmaWxsPSIjMzgzODM4IiBkPSJNMTY3LjMsMjJIMTY0LjdjMC0zLjctMy02LjctNi43LTYuN3YtMi42QzE2My4xMDAwMSwxMi43LDE2Ny4zLDE2LjksMTY3LjMsMjJ6Ii8+PC9nPjxwYXRoIGZpbGw9IiMzODM4MzgiIGQ9Ik0yMDMsMTQuOGMwLTEuMS0wLjg5OTk5LTEuOS0xLjg5OTk5LTEuOWMtMC41LDAtMC45MDAwMSwwLjItMS4yMDAwMSwwLjRjLTEuMi0wLjctMi43LTEuMi00LjI5OTk5LTEuMyAgbDAuNzk5OTktMi42bDIuMywwLjVjMC4xMDAwMSwwLjgsMC44LDEuNSwxLjYwMDAxLDEuNWMwLjg5OTk5LDAsMS41OTk5OS0wLjcsMS41OTk5OS0xLjZTMjAxLjIsOC4yLDIwMC4zLDguMiAgYy0wLjYwMDAxLDAtMS4yLDAuNC0xLjQwMDAxLDAuOWwtMi43LTAuN2MtMC4yLDAtMC4zOTk5OSwwLjEtMC41LDAuM2wtMSwzLjNjLTEuNywwLTMuMywwLjUtNC41OTk5OSwxLjIgIGMtMC4zLTAuMi0wLjcwMDAxLTAuNC0xLjIwMDAxLTAuNGMtMSwwLTEuODk5OTksMC45LTEuODk5OTksMmMwLDAuNywwLjMsMS4yLDAuOCwxLjZjMCwwLjIsMCwwLjMsMCwwLjVjMCwxLjMsMC44LDIuNiwyLjIsMy41ICBjMS4zLDAuOSwzLjEwMDAxLDEuNCw1LDEuNHMzLjctMC41LDUtMS40YzEuMzk5OTktMC45LDIuMi0yLjEsMi4yLTMuNWMwLTAuMSwwLTAuMywwLTAuNEMyMDIuNjAwMDEsMTYsMjAzLDE1LjQsMjAzLDE0Ljh6ICAgTTE5MS41LDE1LjljMC0wLjYsMC41LTEuMSwxLjEwMDAxLTEuMUMxOTMuMiwxNC44LDE5My43LDE1LjMsMTkzLjcsMTUuOWMwLDAuNi0wLjUsMS4xLTEuMDk5OTksMS4xQzE5MiwxNywxOTEuNSwxNi41LDE5MS41LDE1Ljl6ICAgTTE5Ny42MDAwMSwxOS4xQzE5NywxOS43LDE5Ni4yLDE5LjksMTk1LDE5LjlsMCwwbDAsMGMtMS4yLDAtMi4xMDAwMS0wLjMtMi42MDAwMS0wLjhjLTAuMi0wLjItMC4yLTAuNCwwLTAuNiAgYzAuMjAwMDEtMC4yLDAuNDAwMDEtMC4yLDAuNjAwMDEsMGMwLjM5OTk5LDAuNCwxLDAuNiwyLDAuNmwwLDBsMCwwYzEsMCwxLjYwMDAxLTAuMiwyLTAuNmMwLjItMC4yLDAuMzk5OTktMC4yLDAuNjAwMDEsMCAgQzE5Ny44LDE4LjcsMTk3LjgsMTksMTk3LjYwMDAxLDE5LjF6IE0xOTcuMzk5OTksMTdDMTk2LjgsMTcsMTk2LjMsMTYuNSwxOTYuMywxNS45YzAtMC42LDAuNS0xLjEsMS4wOTk5OS0xLjEgIEMxOTgsMTQuOCwxOTguNSwxNS4zLDE5OC41LDE1LjlDMTk4LjUsMTYuNSwxOTgsMTcsMTk3LjM5OTk5LDE3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMyw0MGMtMC42LDAuMy0xLjIsMC40LTEuOSwwLjVjMC43LTAuNCwxLjItMSwxLjQtMS44Yy0wLjYsMC40LTEuMywwLjYtMi4xLDAuOGMtMC42LTAuNi0xLjUtMS0yLjQtMSAgYy0xLjcsMC0zLjIsMS41LTMuMiwzLjNjMCwwLjMsMCwwLjUsMC4xLDAuN2MtMi43LTAuMS01LjItMS40LTYuOC0zLjRjLTAuMywwLjUtMC40LDEtMC40LDEuN2MwLDEuMSwwLjYsMi4xLDEuNSwyLjcgIGMtMC41LDAtMS0wLjItMS41LTAuNGwwLDBjMCwxLjYsMS4xLDIuOSwyLjYsMy4yYy0wLjMsMC4xLTAuNiwwLjEtMC45LDAuMWMtMC4yLDAtMC40LDAtMC42LTAuMWMwLjQsMS4zLDEuNiwyLjMsMy4xLDIuMyAgQzEwLjgsNDkuNSw5LjQsNTAsNy44LDUwYy0wLjMsMC0wLjUsMC0wLjgsMGMxLjUsMC45LDMuMiwxLjUsNSwxLjVjNiwwLDkuMy01LDkuMy05LjNjMC0wLjEsMC0wLjMsMC0wLjRDMjIsNDEuMywyMi42LDQwLjcsMjMsNDB6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ0Ljk1LDM3LjE5MDA3Yy00LjQsMC04LDMuNi04LDhjMCwzLjUsMi4zLDYuNSw1LjUsNy42YzAuNCwwLjEsMC41LTAuMiwwLjUtMC40czAtMC43LDAtMS40ICBjLTIuMiwwLjUtMi43LTEtMi43LTFjLTAuNC0wLjktMC45LTEuMi0wLjktMS4yYy0wLjctMC41LDAuMS0wLjUsMC4xLTAuNWMwLjgsMC4xLDEuMiwwLjgsMS4yLDAuOGMwLjcsMS4zLDEuOSwwLjksMi4zLDAuNyAgYzAuMS0wLjUsMC4zLTAuOSwwLjUtMS4xYy0xLjgtMC4yLTMuNi0wLjktMy42LTRjMC0wLjksMC4zLTEuNiwwLjgtMi4xYy0wLjEtMC4yLTAuNC0xLDAuMS0yLjFjMCwwLDAuNy0wLjIsMi4yLDAuOCAgYzAuNi0wLjIsMS4zLTAuMywyLTAuM3MxLjQsMC4xLDIsMC4zYzEuNS0xLDIuMi0wLjgsMi4yLTAuOGMwLjQsMS4xLDAuMiwxLjksMC4xLDIuMWMwLjUsMC42LDAuOCwxLjMsMC44LDIuMSAgYzAsMy4xLTEuOSwzLjctMy43LDMuOWMwLjMsMC40LDAuNiwwLjksMC42LDEuNmMwLDEuMSwwLDEuOSwwLDIuMmMwLDAuMiwwLjEsMC41LDAuNiwwLjRjMy4yLTEuMSw1LjUtNC4xLDUuNS03LjYgIEM1Mi45NSw0MC43OTAwNyw0OS4zNSwzNy4xOTAwNyw0NC45NSwzNy4xOTAwN3oiLz48cGF0aCBpZD0iV2hpdGVfMV8iIGZpbGw9IiNGRkZGRkYiIGQ9Ik04Mi4zLDM3SDY3LjdDNjcuMywzNyw2NywzNy4zLDY3LDM3Ljd2MTQuN2MwLDAuMywwLjMsMC42LDAuNywwLjZINzV2LTVoLTJ2LTNoMnYtMiAgYzAtMi4xLDEuMi0zLDMtM2MwLjksMCwxLjgsMCwyLDB2M2gtMWMtMC42LDAtMSwwLjQtMSwxdjFoMi42TDgwLDQ4aC0ydjVoNC4zQzgyLjcsNTMsODMsNTIuNyw4Myw1Mi4zVjM3LjcgIEM4MywzNy4zLDgyLjcsMzcsODIuMywzN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTA1LDM3Yy00LjQsMC04LDMuNi04LDhzMy42LDgsOCw4czgtMy42LDgtOFMxMDkuNCwzNywxMDUsMzd6IE0xMDcuMiw0NC40YzAsMC0wLjItMC42LTAuMy0wLjggIGMxLjctMC44LDIuOC0xLjcsMy4yLTIuMmMwLjcsMC45LDEuMSwyLDEuMiwzLjJDMTEwLjUsNDQuNCwxMDguNyw0NC4xLDEwNy4yLDQ0LjR6IE0xMDYuMSw0Mi4xYy0wLjgtMS40LTEuNy0yLjYtMi4xLTMuMyAgYzEuOS0wLjUsMy42LDAuMSw0LjksMS4zQzEwOC41LDQwLjYsMTA3LjcsNDEuNCwxMDYuMSw0Mi4xeiBNMTAyLjEsMzkuNWMwLjQsMC41LDEuMiwxLjcsMiwzLjJjLTIuMiwwLjUtNC4yLDAuNi01LjEsMC42ICBDOTkuNCw0MS43LDEwMC42LDQwLjMsMTAyLjEsMzkuNXogTTEwNSw0NC4zYzAuMSwwLjIsMC4yLDAuNCwwLjMsMC41Yy0yLjgsMC45LTQuNjAwMDEsMy4yLTUuMiw0LjFjLTAuOC0xLjEtMS4zLTIuNC0xLjMtMy43ICBDOTkuNyw0NS4xLDEwMi4zLDQ1LDEwNSw0NC4zeiBNMTA2LDQ2LjVjMC43LDIsMS4xLDMuNiwxLjIsNC40Yy0yLjEsMC43LTQuNSwwLjMtNS44LTAuOEMxMDEuOCw0OS40LDEwMy4xLDQ3LjYsMTA2LDQ2LjV6ICAgTTEwOC45LDQ5LjljLTAuMi0wLjgtMC41LTIuMi0xLjEtMy45YzEuMS0wLjIsMi43LDAsMy4zLDAuMkMxMTAuOCw0Ny43LDExMCw0OSwxMDguOSw0OS45eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMzUuMDUsNDR2Mi40aDQuMDk5OTljLTAuMiwxLTEuMiwzLTQsM2MtMi4zOTk5OSwwLTQuMjk5OTktMi00LjI5OTk5LTQuNHMyLTQuNCw0LjI5OTk5LTQuNCAgYzEuNDAwMDEsMCwyLjMsMC42LDIuOCwxLjFsMS45MDAwMS0xLjhjLTEuMjAwMDEtMS4yLTIuOC0xLjktNC43MDAwMS0xLjljLTMuODk5OTksMC03LDMuMS03LDdzMy4xMDAwMSw3LDcsNyAgYzQsMCw2LjcwMDAxLTIuOCw2LjcwMDAxLTYuOGMwLTAuNSwwLTAuOC0wLjEwMDAxLTEuMkgxMzUuMDVMMTM1LjA1LDQ0eiIvPjxnPjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjE2MCIgY3k9IjUwIiByPSIyIi8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE3Miw1MmgtMi43YzAtNi4yLTUuMTAwMDEtMTEuMy0xMS4zLTExLjNWMzhDMTY1LjcsMzgsMTcyLDQ0LjMsMTcyLDUyeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNjcuMyw1MkgxNjQuN2MwLTMuNy0zLTYuNy02LjctNi43di0yLjZDMTYzLjEwMDAxLDQyLjcsMTY3LjMsNDYuOSwxNjcuMyw1MnoiLz48L2c+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwMyw0NC44YzAtMS4xLTAuODk5OTktMS45LTEuODk5OTktMS45Yy0wLjUsMC0wLjkwMDAxLDAuMi0xLjIwMDAxLDAuNGMtMS4yLTAuNy0yLjctMS4yLTQuMjk5OTktMS4zICBsMC43OTk5OS0yLjZsMi4zLDAuNWMwLjEwMDAxLDAuOCwwLjgsMS41LDEuNjAwMDEsMS41YzAuODk5OTksMCwxLjU5OTk5LTAuNywxLjU5OTk5LTEuNmMwLTAuOS0wLjctMS42LTEuNTk5OTktMS42ICBjLTAuNjAwMDEsMC0xLjIsMC40LTEuNDAwMDEsMC45bC0yLjctMC43Yy0wLjIsMC0wLjM5OTk5LDAuMS0wLjUsMC4zbC0xLDMuM2MtMS43LDAtMy4zLDAuNS00LjU5OTk5LDEuMiAgYy0wLjMtMC4yLTAuNzAwMDEtMC40LTEuMjAwMDEtMC40Yy0xLDAtMS44OTk5OSwwLjktMS44OTk5OSwyYzAsMC43LDAuMywxLjIsMC44LDEuNmMwLDAuMiwwLDAuMywwLDAuNWMwLDEuMywwLjgsMi42LDIuMiwzLjUgIGMxLjMsMC45LDMuMTAwMDEsMS40LDUsMS40czMuNy0wLjUsNS0xLjRjMS4zOTk5OS0wLjksMi4yLTIuMSwyLjItMy41YzAtMC4xLDAtMC4zLDAtMC40QzIwMi42MDAwMSw0NiwyMDMsNDUuNCwyMDMsNDQuOHogICBNMTkxLjUsNDUuOWMwLTAuNiwwLjUtMS4xLDEuMTAwMDEtMS4xQzE5My4yLDQ0LjgsMTkzLjcsNDUuMywxOTMuNyw0NS45YzAsMC42LTAuNSwxLjEtMS4wOTk5OSwxLjFDMTkyLDQ3LDE5MS41LDQ2LjUsMTkxLjUsNDUuOXogICBNMTk3LjYwMDAxLDQ5LjFDMTk3LDQ5LjcsMTk2LjIsNDkuOSwxOTUsNDkuOWwwLDBsMCwwYy0xLjIsMC0yLjEwMDAxLTAuMy0yLjYwMDAxLTAuOGMtMC4yLTAuMi0wLjItMC40LDAtMC42ICBjMC4yMDAwMS0wLjIsMC40MDAwMS0wLjIsMC42MDAwMSwwYzAuMzk5OTksMC40LDEsMC42LDIsMC42bDAsMGwwLDBjMSwwLDEuNjAwMDEtMC4yLDItMC42YzAuMi0wLjIsMC4zOTk5OS0wLjIsMC42MDAwMSwwICBDMTk3LjgsNDguNywxOTcuOCw0OSwxOTcuNjAwMDEsNDkuMXogTTE5Ny4zOTk5OSw0N0MxOTYuOCw0NywxOTYuMyw0Ni41LDE5Ni4zLDQ1LjljMC0wLjYsMC41LTEuMSwxLjA5OTk5LTEuMSAgQzE5OCw0NC44LDE5OC41LDQ1LjMsMTk4LjUsNDUuOUMxOTguNSw0Ni41LDE5OCw0NywxOTcuMzk5OTksNDd6Ii8+PC9zdmc+); border-radius: 0.25em; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; border: none;
}
.no-touch .footer-socials a:hover {
border: none;
}
.footer-socials a.twitter {
background-position: 0 0;
}
.footer-socials a.twitter:hover {
background-position: 0 -30px; background-color: #50abf1;
}
.footer-socials a.facebook {
background-position: -60px 0;
}
.footer-socials a.facebook:hover {
background-position: -60px -30px; background-color: #3b599a;
}
.footer-socials a.rss {
background-position: -150px 0;
}
.footer-socials a.rss:hover {
background-position: -150px -30px; background-color: #e77b39;
}
@media only screen and (min-width: 768px) {
.footer-socials { text-align: left; }
}
@media only screen and (min-width: 1170px) {
.has-adv .footer-socials li a { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
}
.img-replace {
display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; background-repeat: no-repeat; background-position: center center;
}
/* ==========================================================================
8. Author ========================================================================== */
.author-profile {
text-align: center; position: relative;
}
.author-profile figure {
border-radius: 100%; background-color: #f5f5f5; width: 80px; height: 80px; margin: -40px auto 0;
}
.author-profile figure img {
max-width: 80px; height: auto; border-radius: 100%; vertical-align: middle;
}
.author-profile .author-title {
font-size: 4rem; margin-top: 12px;
}
.author-profile .author-bio {
font-size: 1.6rem; font-family: "Tisa", serif; letter-spacing: 1px; line-height: 2.6rem;
}
.author-profile .author-meta span {
font-size: 1.4rem; margin-right: 15px;
}
/* ==========================================================================
9. Post ========================================================================== */
.margin {
margin-bottom: 160px;
}
.post-header {
margin: 40px 0;
}
.post-header h1 {
font-weight: 900; letter-spacing: 2px; margin-bottom: 0px;
}
.post .meta time {
font-size: 1.3rem;
}
.post-header .post-meta, .post .meta {
font-size: 1.5rem; line-height: 2.4rem; color: #ABB7B7;
}
.post .post-content img {
display: block; max-width: 126%; height: auto; padding: 0.6em 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
.post .post-content ul, .post .post-content ol {
list-style: inherit;
}
.post .post-content ul ul {
list-style-type: circle;
}
.post-footer {
text-align: center; border-top: 1px solid #e1e1e1; margin-top: 120px; position: relative;
}
.post-footer figure {
margin-bottom: 15px;
}
.post-footer figure img {
border-radius: 100%; border: 1px solid #e1e1e1; max-width: 80px; height: auto; margin: 0 auto; display: block; padding: 5px; margin-top: -40px;
}
.post-footer .author h4 {
font-weight: 900; letter-spacing: 2px;
}
.post-footer .author p {
letter-spacing: 1px; font-size-adjust: 1.4rem; margin-bottom: 5px;
}
.post-footer .author-meta span {
font-size: 1.3rem;
}
.comment {
margin-top: 60px;
}
/* ==========================================================================
10. Subscribe - Generate those email subscribers ========================================================================== */
.gh-subscribe {
border: #e7eef2 1px solid; padding: 3rem; margin-top: 3rem; text-align: center; background: #f5f8fa; border-radius: 5px;
}
.gh-subscribe-title {
margin-bottom: 0; font-size: 2.4rem
}
.gh-subscribe p {
margin-top: 0; font-size: 1.5rem;
}
.gh-subscribe form {
display: flex; justify-content: center; margin: 20px 0 0 0;
}
.gh-subscribe .form-group {
flex-grow: 1; max-width: 300px;
}
.gh-subscribe .subscribe-email {
box-sizing: border-box; width: 100%; margin: 0; border-radius: 4px 0 0 4px; transition: all ease 0.5s;
}
.gh-subscribe .subscribe-email:focus {
border: #5ba4e5 1px solid; transition: all ease 0.2s;
}
.gh-subscribe button {
margin-left: -1px; border-radius: 0 4px 4px 0;
}
.gh-subscribe-rss {
font-size: 1.2rem; line-height: 1.4em;
}
/* ==========================================================================
11. Responsive ========================================================================== */
@media screen and (max-width: 500px) {
.cd-logo { position: absolute; } .cd-primary-nav a { font-size: 2.5rem; } .page-number { display: none; } .pagination a { position: relative; width: 100%; } .nav-growpop div { display: none; } .nav-growpop .icon-wrap { padding: 10px 0px; } .socialsidebar ul li { width: 60px } .gh-subscribe { padding: 2rem; } .author-profile .author-meta span { padding: 7px 0; text-align: left; display: block; }
}
@media screen and (max-width: 320px) {
.socialsidebar ul li { width: 50px; }
}
/* 12. Koenig Styles /* ———————————————————- */
.post-full-content .kg-width-wide .kg-image {
max-width: 1040px;
}
.post-full-content .kg-width-full .kg-image {
max-width: 100vw;
}
/* ==========================================================================
End of file. Animations should be the last thing here. Do not add stuff below this point, or it will probably fuck everything up. ========================================================================== */