* {
margin: 0;
padding: 0; }
html {
word-break: break-word;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal; }
table {
border-collapse: collapse;
border-spacing: 0;
word-break: normal; }
img,
fieldset {
border: 0; }
abbr,
acronym {
text-decoration: none; }
code {
line-height: 1em; }
pre {
overflow: auto;
word-wrap: normal;
-moz-tab-size: 4;
tab-size: 4; }
sub,
sup {
line-height: 0.5em; }
img,
.wp-caption {
max-width: 100%;
height: auto; }
iframe,
video,
embed,
object {
display: block;
max-width: 100%; }
img {
display: block; }
.left,
.alignleft,
img[align=left] {
display: block;
float: left; }
.right,
.alignright,
img[align=right] {
display: block;
float: right; }
.center,
.aligncenter,
img[align=middle] {
display: block;
float: none;
text-align: center;
margin-right: auto;
margin-left: auto; }
.clear {
clear: both; }
input[type=submit],
button {
cursor: pointer;
overflow: visible;
-webkit-appearance: none; }
.wp-smiley {
display: inline; } @font-face {
font-family: 'fficons';
src: url(//yannvernier.com/wp-content/thesis/skins/flex/assets/public/fonts/icomoon.eot);
src: url(//yannvernier.com/wp-content/thesis/skins/flex/assets/public/fonts/icomoon.eot?#iefix) format('embedded-opentype'), url(//yannvernier.com/wp-content/thesis/skins/flex/assets/public/fonts/icomoon.ttf) format('truetype'), url(//yannvernier.com/wp-content/thesis/skins/flex/assets/public/fonts/icomoon.woff) format('woff'), url(//yannvernier.com/wp-content/thesis/skins/flex/assets/public/fonts/icomoon.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal; }
[class^="fficons-"],
[class*=" fficons-"] {
font-family: 'fficons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; } * {
box-sizing: border-box; }
html,
body {
height: 100%; }
body {
min-height: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
line-height: 33px;
color: #646464;
background: white;
font-weight: 400;
overflow: auto; } .grecaptcha-badge {
visibility: hidden;
opacity: 0; }
.w-section {
padding-left: 17px;
padding-right: 17px; }
.w-section.content-section {
padding-left: 0;
padding-right: 0; }
.w-container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 100%; }
.content-container {
padding: 33px 0; }
.featured_image .post_image {
width: 100%;
height: auto; }
a {
color: #330028;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in; }
a:hover {
text-decoration: none; } h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 17px; }
.headline {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; }
.headline > a {
text-decoration: none;
color: #222222; }
.headline > a:hover {
color: #330028; }
h2 {
font-size: 45px;
line-height: 64px;
margin-top: 33px; }
h3 {
font-size: 36px;
line-height: 52px;
margin-top: 33px; }
h4 {
font-size: 28px;
line-height: 41px;
margin-top: 33px; } .grt {
font-size: 22px;
line-height: 33px; }
.grt .headline {
font-size: 45px;
line-height: 64px; }
.grt h2,
.grt .widget_title,
.grt .email_form_title {
font-size: 36px;
line-height: 52px;
margin-top: 50px;
margin-bottom: 17px; }
.grt h3 {
font-size: 28px;
line-height: 41px; }
.grt h4,
.grt h5,
.grt h6,
.grt .small,
.grt .caption,
.grt .wp-caption p {
font-size: false;
line-height: 27px; }
.grt h4,
.grt h5,
.grt h6 {
line-height: 27px; }
.grt p,
.grt ul,
.grt ol,
.grt blockquote,
.grt pre,
.grt dl,
.grt dd,
.grt .block,
.grt .center,
.grt .aligncenter,
.grt .alignnone,
.grt .left,
.grt .alignleft,
.grt .right,
.grt .alignright,
.grt .box,
.grt .alert,
.grt .note,
.grt .tip,
.grt .post_image,
.grt .post_image_box,
.grt .caption,
.grt .wp-post-image,
.grt .wp-caption,
.headline_area {
margin-bottom: 33px; }
.grt .wp-caption img,
.grt .post_image_box .post_image,
.grt .thumb {
margin-bottom: 17px; }
.grt ul ul,
.grt ul ol,
.grt ol ul,
.grt ol ol,
.wp-caption p,
.grt .alert > :last-child,
.grt .note > :last-child,
.grt .tip > :last-child,
.grt blockquote.right p,
.grt blockquote.left p,
.grt .box > :last-child {
margin-bottom: 0; }
.grt .wp-caption img {
width: 100%; }
.grt img.alignright,
.grt img.alignleft {
float: none;
margin-left: 0;
margin-right: 0; } .grt .headline,
.grt h2,
.grt h3,
.grt h4,
.grt h5,
.grt h6,
.grt .widget_title {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; }
.grt h3 {
font-weight: bold; }
.grt h4,
.grt h5,
.grt h6 {
text-transform: uppercase; }
.grt ul {
list-style-type: square; }
.grt ul,
.grt ol {
margin-left: 33px; }
.grt sub,
.grt sup {
color: grey; }
.grt blockquote {
display: block;
font-size: 36px;
line-height: 49px;
color: grey;
padding: 33px;
width: 100%;
border: none; }
.grt blockquote p:last-child {
margin-bottom: 0; }
.grt pre,
.grt code {
font-size: 20px;
line-height: 31px; }
.grt pre,
.grt .note,
.grt .alert,
.grt .tip,
.grt .box,
.grt .thesis_email_form {
padding: 17px; }
.grt pre,
.grt code {
background-color: #ededed; }
.grt code {
padding: 2px 4px; }
.grt .note,
.grt .alert,
.grt .tip,
.grt .box,
.grt .thesis_email_form {
background-color: #ededed;
padding-left: 25px;
display: block; }
.grt .note {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #646464;
background-color: #feefb3; }
.grt .tip {
font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #330028;
background-color: #bde5f8; }
.grt .alert {
font-family: "Arial Black", "Arial Bold", Arial, sans-serif;
font-size: 16px;
line-height: 25px;
color: #330028;
background-color: #ffbaba; }
.grt .frame,
.grt .post_image_box,
.grt .wp-caption {
background-color: #ededed; }
.wp-caption.aligncenter img {
margin-right: auto;
margin-left: auto; }
.grt .wp-caption p {
padding: 0 17px 17px;
color: grey; }
.wp-caption .wp-caption-text .wp-smiley {
display: inline;
margin-bottom: 0; }
.grt .caption {
color: grey;
margin-top: -17px; }
.grt .drop_cap {
font-size: 66px;
font-weight: normal;
line-height: 1em;
color: #888888;
margin-right: 0.15em;
float: left; }
.grt .footnotes {
font-size: 17px;
line-height: 27px;
color: grey; }
.grt .footnotes p {
margin-bottom: 17px; }
.box input[type="text"],
.box .input_text,
.grt .thesis_email_form input[type="text"],
.grt .thesis_email_form .input_text {
border-color: #d6d6d6; }
.grt .widget {
margin-top: 66px;
margin-bottom: 66px; }
.grt .widget_title {
margin-top: 0; }
.grt .widget_recent_entries a:hover,
.grt .thesis-killer-recent-entries a:hover {
text-decoration: underline; } .flex-container {
display: -webkit-flex;
display: flex; }
.flex-col,
.flex-row-to-col {
-webkit-flex-direction: column;
flex-direction: column; }
.flex-row {
-webkit-flex-direction: row;
flex-direction: row; }
.flex-v-align {
align-items: center; }
.flex-align-right {
margin-left: auto; }
.flex-align-left {
margin-right: auto; }
.flex-align-ltoc,
.flex-align-rtoc {
margin-left: auto;
margin-right: auto; } #site_title {
display: inline-block;
margin-bottom: 0;
text-align: left;
font-size: 28px;
line-height: 33px;
width: 100%; }
#site_title > a {
text-decoration: none; }
#site_title > a:hover {
color: black; }
#thesis_logo_image {
min-height: 70px;
width: auto; }
.menu-bar {
position: relative;
width: 100%;
font-size: 16px;
background-color: #f2f2f2;
z-index: 999;
min-height: 70px; }
.menu-bar .w-container {
position: relative;
min-height: 70px;
text-align: center; }
.w-nav-button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
padding: 0.5em 17px;
font-size: 1.6em;
line-height: 52px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; } .side-navigation {
position: fixed;
right: -200%;
height: 100%;
z-index: 10000;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
.side-navigation .menu-container {
height: 100%;
width: 100%;
display: table;
background-color: #330028; }
.side-navigation .menu-container .nav-container {
height: 100%; }
#flex_menu .menu {
background-color: #330028;
list-style: none;
display: table;
text-align: left;
height: 100%;
width: 100%;
color: white; }
#flex_menu .menu li > a {
display: block;
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 16px;
line-height: 23px;
color: inherit;
text-transform: uppercase;
position: relative;
vertical-align: top;
text-decoration: none;
padding: 17px 33px;
letter-spacing: 0.2em; }
#flex_menu .menu .close-menu-item {
background-color: #d9d9d9;
color: #222222;
height: 70px; }
#flex_menu .menu .close-menu-item .fficons-nav-menu {
line-height: inherit; }
#flex_menu .menu .close-menu-item > a {
padding: 0 33px 0 33px;
line-height: 70px; }
#flex_menu .menu .close-menu-item > a:hover {
background-color: #d9d9d9;
color: #330028; }
.menu-item > a:hover,
.current-menu-item > a {
text-decoration: none;
background-color: black; }
#flex_menu .menu .sub-menu {
list-style: none; }
#flex_menu .menu .sub-menu li > a {
vertical-align: middle;
padding-left: 66px; }
#flex_menu .menu .sub-menu li > a:before {
content: " ";
border-color: transparent white;
border-style: solid;
border-width: 0.35em 0px 0.35em 0.45em;
display: inline-block;
width: 0px;
height: 0px;
position: relative;
left: -17px; } body.show_menu #menu {
right: 0;
overflow-y: scroll;
min-width: 300px; } .w-col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 17px;
padding-right: 17px;
box-sizing: border-box; } .front-page-module .headline_image {
position: relative; }
.front-page-module .headline_image .post_image {
width: 100%;
height: auto;
margin-bottom: 0; }
.front-page-module .featured_content {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: white; }
.front-page-module .featured_content .headline {
font-size: 28px;
line-height: 27px;
font-family: "Lato", sans-serif;
color: white;
letter-spacing: -0.04em;
text-shadow: 0.8px 0.8px 0.8px #330028; }
.front-page-module .featured_content .button-wrapper {
text-align: center; }
.front-page-module .featured_content .button-wrapper .button[data-button-style~="default"] {
color: white;
border-color: white; }
.front-page-module .featured_content .button-wrapper .button[data-button-style~="default"]:hover {
border-color: black;
background-color: black;
color: white; }
.front-page-module .featured_content .button-wrapper .button[data-button-style~="filled"] {
border-color: #330028;
background-color: #330028; }
.front-page-module .featured_content .button-wrapper .button[data-button-style~="filled"]:hover {
border-color: black;
background-color: black; }
.front-page-module .featured_content .button-wrapper .button[data-button-style~="thesis"] {
background-color: #330028;
border-color: rgba(0, 0, 0, 0.25);
border-bottom-color: rgba(0, 0, 0, 0.25); }
.front-page-module .featured_content .button-wrapper .button[data-button-style~="thesis"]:hover {
background-color: black; }
.front-page-module .featured_image.has-featured-video .play-button {
position: relative;
left: auto;
top: auto;
display: inline-block;
-webkit-transform: none;
transition: none; }
.front-page-module .featured_image .overlay {
background-color: white; background-color: transparent; }
.front-page-module .headline {
margin-top: 0; }
.front-page-module .w-container {
margin-bottom: 0; }
.w-section.latest-post-section {
padding-left: 0;
padding-right: 0; }
.latest-post-section > .headline {
text-align: center;
margin-top: 0; }
.latest-posts-container {
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
padding-left: 17px;
padding-right: 17px; }
.latest-posts-container .flex_cell {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
margin-bottom: 1em;
border-radius: 4px;
overflow: hidden; }
.latest-posts-container .flex_cell .latest_inner_container {
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 1;
border: 0.5px solid #d1d4d5;
border-radius: 4px;
padding: 17px;
width: 100%;
justify-content: center;
align-items: center;
background-color: white; }
.latest-posts-container .flex_cell .featured_image + .latest_inner_container {
justify-content: normal;
align-items: left;
border-radius: 0 0 4px 4px; }
.latest-posts-container .flex_cell .featured_image {
overflow: hidden;
border-radius: 4px 4px 0 0; }
.latest-posts-container .flex_cell .post_image {
margin-bottom: 0;
border-radius: 4px 4px 0 0;
transition: transform 300ms; }
.latest-posts-container .flex_cell .headline {
font-size: 22px;
line-height: 27px;
margin-bottom: 0;
font-weight: 400; }
.latest-posts-container .flex_cell:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); }
.latest-posts-container .flex_cell:hover .post_image {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }
.template-front .content-section .headline {
text-align: center; } .grt textarea,
input[type="text"],
input[type="email"],
input[type="password"],
.input_text {
font-size: inherit;
line-height: inherit;
font-family: inherit;
font-weight: inherit;
color: #646464;
border: 1px solid #d6d6d6;
border-radius: 2px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08); }
.grt textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
.input_text:focus {
border-color: #330028; }
.grt textarea,
textarea.input_text {
display: block; }
.grt input[type="submit"],
.input_submit,
.button,
.cta-button,
#thesis_launcher input {
color: #330028;
border: 1px solid #330028;
display: inline-block;
padding: 0.75em 1em;
border-radius: 2px;
background-color: transparent;
line-height: normal;
text-align: center;
text-transform: none;
text-decoration: none;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
transition: background-color 0.1s ease, color 0.1s ease; }
.grt input[type="submit"]:focus,
.input_submit:focus,
.button:focus,
.cta-button:focus,
#thesis_launcher input:focus {
box-shadow: none;
outline: none; }
.grt input[type="submit"]:hover,
.input_submit:hover,
.button:hover,
.cta-button:hover,
#thesis_launcher input:hover {
border-color: black;
background-color: black;
color: white;
cursor: pointer; }
#thesis_launcher input {
padding: 0.25em 0.5em; }
.grt textarea,
.grt input[type="text"],
.grt input[type="email"],
.grt input[type="password"],
.grt input_text,
.grt select {
width: 100%;
padding: 8px;
border-radius: 2px; }
.grt textarea,
.grt textarea.input_text {
line-height: 33px; } .call-to-action {
padding: 0 33px;
background-color: #646464;
text-align: center; }
.call-to-action .w-container {
padding: 66px 0; }
.call-to-action .cta-headline {
font-size: 45px;
line-height: 64px;
font-family: "Arial Black", "Arial Bold", Arial, sans-serif;
color: #330028;
position: relative;
left: 0px;
top: 0px;
right: 0px;
display: block;
margin-top: 0;
margin-bottom: 0;
float: none;
color: #330028;
text-align: center; }
.call-to-action .cta-headline.has-button {
margin-bottom: 33px; }
.call-to-action .cta-button[data-button-style~="default"] {
color: #330028;
border-color: #330028; }
.call-to-action .cta-button[data-button-style~="default"]:hover {
border-color: black;
background-color: black;
color: white; }
.call-to-action .cta-button[data-button-style~="filled"] {
border-color: #330028;
background-color: #330028; }
.call-to-action .cta-button[data-button-style~="filled"]:hover {
border-color: black;
background-color: black; }
.call-to-action .cta-button[data-button-style~="thesis"] {
background-color: #330028;
border-color: rgba(0, 0, 0, 0.25);
border-bottom-color: rgba(0, 0, 0, 0.25); }
.call-to-action .cta-button[data-button-style~="thesis"]:hover {
background-color: black; } .post-byline-container {
padding-top: 10px;
padding-bottom: 10px;
color: grey;
display: flex;
align-items: center; }
.post-byline-container .post_author {
margin-right: 13px; }
.post-byline-container .avatar {
float: left;
margin-right: 13px;
border-radius: 100%; }
.post-byline-container .num_comments_link {
margin-left: auto; }
.post-byline-container .num_comments_link .num_comments {
vertical-align: middle;
margin-right: 0.2em; }
.post-byline-container .num_comments_link:after {
content: "\e901";
font-family: "fficons";
line-height: 1;
vertical-align: middle; }
.post-byline-container .post_edit {
border-radius: 2px;
font-size: 17px;
line-height: 33px; }
.post-byline-container > a {
color: grey;
text-decoration: none; }
.post-byline-container > a:hover {
color: #330028; } .headline_area .headline {
margin-bottom: 0;
text-align: center; }
.post_box.post-section {
margin-top: 33px; }
.post_box.post-section.top,
.post_box .post-headline {
margin-top: 0; }
.post_cats,
.post_tags {
display: block;
margin-bottom: 17px; }
.post_cats_intro,
.post_tags_intro {
display: inline-block;
font-weight: 400; }
.template-single .post_box .post_content {
padding-bottom: 33px; }
.archive-post-container .post_box.post-section {
border-bottom: 1px solid rgba(43, 50, 57, 0.05); }
.archive-post-container .post_box.post-section:last-child {
border-bottom: none; }
.archive-post-container .post_box.post-section .featured_image {
margin-left: -17px;
margin-right: -17px; }
.archive-post-container .post_box.post-section.top {
border-top: 1px solid rgba(34, 34, 34, 0.05); }
.archive-post-container .post_box.post-section.top .featured_image {
margin-top: 0; }
.not-static-front .archive-post-container .post_box.post-section.top {
border-top: none; } .archive-intro-container,
.blog-intro-container {
padding: 33px 0; }
.archive-intro-container > :last-child,
.blog-intro-container > :last-child {
margin-bottom: 0; }
.archive-intro-container .archive_content p:last-child,
.blog-intro-container .archive_content p:last-child {
margin-bottom: 0; } .w-container.pagination-columns .num_pagination {
border-top: 1px solid rgba(34, 34, 34, 0.1);
padding: 33px 0 17px; }
.page-numbers {
padding: 10px;
border: 1px solid;
text-decoration: none;
display: inline-block;
line-height: 1em;
margin-bottom: 17px;
transition: background-color 0.2s ease; }
.page-numbers.dots:hover {
background: transparent;
border: 1px solid;
color: #646464; }
.page-numbers.current,
.page-numbers:hover {
background: #330028;
border-color: #330028;
color: white; } .featured_image {
position: relative; }
.featured_image > a {
line-height: 0;
display: block; }
.featured_image.has-featured-video {
position: relative; }
.featured_image.has-featured-video .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: white;
font-size: 2em;
background-color: #330028; background-color: rgba(51, 0, 40, 0.7);
padding: 0.5em 1em; }
.featured_image.has-featured-video .play-button:hover {
background-color: #330028; background-color: #330028;
cursor: pointer; }
.featured_image.has-featured-video .w-container {
position: relative; }
.featured_image .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4); }
.post-excerpt-container a:hover,
.post_content a:hover,
.headline_area a:hover,
.post_cats a:hover,
.post_tags a:hover {
background-color: #330028;
color: white; }
#video-player {
z-index: 10;
background-color: #111111; } .author-section {
background-color: #ededed;
border-top: 4px solid #dddddd; }
.author-box-wrapper {
padding: 50px 0;
position: relative;
text-align: center; }
.author-description {
color: grey; }
.author-description > p:last-child {
margin-bottom: 0; }
.grt .author-gravitar {
margin-bottom: 0;
margin-right: 0;
width: auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.grt .author-gravitar img {
border-radius: 100%;
border: 4px solid #dddddd;
box-sizing: content-box;
transition: all 0.1s ease 0s;
outline: none;
max-width: 70px; }
.grt .author-gravitar img:hover {
border-color: black; }
h3.author-name {
margin-bottom: 0; } .ff-social-sharing {
margin-bottom: 33px; }
.ff-social-sharing .ff-social-headline {
margin-top: 33px; }
.share-buttons {
display: inline-block;
vertical-align: top;
margin-bottom: 0.5em; }
.share-buttons a.share-links,
.share-buttons a.share-email,
.share-buttons a.share-whatsapp {
display: inline-block;
background-color: #ededed;
padding: 0.4em 0.6em;
font-size: 1.4em;
text-decoration: none; }
.share-buttons a.share-links:hover,
.share-buttons a.share-email:hover,
.share-buttons a.share-whatsapp:hover {
color: white; }
.share-buttons .fficons-facebook:hover {
background-color: #3b5998; }
.share-buttons .fficons-googleplus:hover {
background-color: #dd4b39; }
.share-buttons .fficons-twitter:hover {
background-color: #00aced; }
.share-buttons .fficons-pinterest:hover {
background-color: #cb2027; }
.share-buttons .fficons-whatsapp:hover {
background-color: #4dc247; }
.share-buttons .fficons-email:hover {
background-color: #323232; } table {
border-bottom: medium none;
border-top: 1px solid #f0f0f0;
text-align: left;
width: 100%;
margin-bottom: 33px; }
td {
line-height: 25px;
vertical-align: middle; }
th {
font-weight: 700; }
td,
th {
border-bottom: 1px solid #f0f0f0;
border-top: medium none;
padding: 3px 5px;
text-align: left; }
tbody tr:nth-child(2n) td,
tbody tr:nth-child(2n) th {
background-color: #eeeeee; }
table .description {
font-size: 17px;
line-height: 27px;
color: grey; } .sidebar {
font-size: 17px;
line-height: 25px;
display: none; }
.sidebar .social-follow-links {
float: none;
display: block;
padding: 0;
text-align: center; }
.sidebar .social-icon-link {
color: #330028; }
.sidebar .social-icon-link:hover {
color: #8f0070; }
.sidebar .widget,
.sidebar .text_box,
.sidebar .query_box,
.sidebar .box,
.sidebar .thesis_email_form {
margin-bottom: 50px;
background-color: #ededed;
padding: 25px;
border-radius: 2px; }
.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar blockquote,
.sidebar pre,
.sidebar dl,
.sidebar dd,
.sidebar .left,
.sidebar .alignleft,
.sidebar .right,
.sidebar .alignright,
.sidebar .center,
.sidebar .aligncenter,
.sidebar .block,
.sidebar .alignnone {
margin-bottom: 25px; }
.sidebar .left,
.sidebar .alignleft {
margin-right: 25px; }
.sidebar ul ul,
.sidebar ul ol,
.sidebar ol ul,
.sidebar ol ol,
.sidebar .right,
.sidebar .alignright,
.sidebar .stack {
margin-left: 25px; }
.sidebar .post_content,
.sidebar .post_excerpt {
margin-top: 25px; }
.sidebar ul ul,
.sidebar ul ol,
.sidebar ol ul,
.sidebar ol ol,
.sidebar .post_excerpt p,
.sidebar .widget p:last-child,
.sidebar .widget input:last-child,
.sidebar .widget #s,
.sidebar .widget #cat {
margin-bottom: 0; }
.sidebar .widget_title,
.sidebar .email_form_title,
.sidebar .headline {
font-size: 22px;
line-height: 32px; }
.sidebar .email_form_intro {
margin-bottom: 13px; }
.sidebar .widget_title,
.sidebar .email_form_title,
.sidebar .widget_title a.rsswidget {
position: relative;
color: white;
margin-top: -25px;
padding: 13px 25px;
margin-left: -25px;
margin-right: -25px;
background-color: #330028;
border-radius: 2px 2px 0 0; }
.sidebar .widget_title a.rsswidget {
text-decoration: none; }
.sidebar .rss-widget-icon {
float: right;
margin-right: 0;
margin-top: 8px; }
.sidebar .widget_recent_entries .widget_title,
.sidebar .widget_archive .widget_title,
.sidebar .thesis-killer-recent-entries .widget_title {
margin-bottom: 25px; }
.sidebar .widget_categories > ul {
margin-top: -6px; }
.sidebar .query_box .post_author,
.sidebar .query_box .post_date {
color: grey; }
.sidebar .widget ul {
list-style-type: none;
margin-top: -13px;
margin-bottom: -13px; }
.sidebar .widget_recent_comments > ul > li {
margin-bottom: 17px; }
.sidebar .widget_text ul {
list-style-type: square;
margin-left: 25px; }
.sidebar .widget li a {
display: block;
color: #646464;
padding: 8px 0; }
.sidebar .widget .menu li a:hover,
.sidebar .widget .menu .current-menu-item > a {
background: none;
color: #646464; }
.sidebar .widget_recent_comments #recentcomments {
padding-left: 25px; }
.sidebar .widget_recent_comments li a {
color: #330028; }
.sidebar .widget_recent_comments li a:hover {
text-decoration: underline;
background-color: transparent; }
.sidebar .widget_recent_comments li a:before,
.sidebar .screen-reader-text {
display: none; }
.sidebar input[type="text"],
.sidebar .input_text,
.sidebar select {
width: 100%;
margin-bottom: 13px;
padding: 6px; }
.sidebar input[type="submit"],
.sidebar .input_submit {
padding: 6px 13px;
border-radius: 6px; }
.sidebar textarea.input_text {
line-height: 25px; }
.show-sidebar-mobile .sidebar {
display: block; } #comments,
#reply-title {
padding-left: 0;
padding-right: 0; }
.comments_intro,
.comments_closed {
color: grey; }
.comments_intro {
padding-top: 17px;
padding-bottom: 17px;
border-bottom: 1px dotted #d6d6d6; }
.grt .comments_intro,
.grt .comments_closed {
margin-bottom: 50px; }
.grt .comment_list {
list-style-type: none;
margin: 0 0 66px 0;
padding-top: 66px; }
.comment {
position: relative;
margin-bottom: 66px; }
.comment .children {
list-style-type: none;
margin-left: 0; }
.comment .children .comment {
margin-top: 66px; }
.comment_head {
position: relative;
margin-bottom: 17px; }
.comment_author {
font-weight: bold; }
.comment_author a {
color: #646464; }
.comment_author a:hover {
color: #330028; }
.comment_permalink,
.comment-reply-link {
display: inline-block;
font-family: "fficons";
font-size: 17px;
padding: 0 8px;
border-radius: 4px;
text-decoration: none; }
.comment_permalink:hover,
.comment-reply-link:hover {
background-color: #ededed; }
.comment_date {
display: none;
font-size: 17px;
margin-left: 8px;
color: grey; }
.comment_date a {
color: grey; }
.comment span.avatar {
display: none;
width: 50px;
height: 50px; }
.comment span.avatar img {
border-radius: 100%;
border: 4px solid #dddddd;
box-sizing: content-box; }
.comment span.avatar img:hover {
border-color: #330028; }
.comment_edit {
position: absolute;
top: 0;
right: 0;
padding: 6px 13px;
border-radius: 4px;
font-size: 17px;
line-height: 21px;
text-align: center;
text-decoration: none;
color: #646464;
background-color: #f2f2f2; }
.comment_edit:hover {
color: white;
background-color: #bb0000; } .previous_comments {
float: right; }
.next_comments {
float: left; }
.previous_comments a,
.next_comments a {
text-decoration: none;
padding: 0 1em;
background-color: #ededed;
display: block; }
.previous_comments a:hover,
.next_comments a:hover {
background-color: #330028;
color: white; } #commentform {
color: #646464;
padding: 33px 0 50px; }
.comments-form {
background-color: #ededed; }
.comment #commentform {
margin-top: 33px; }
.comment_form_title {
font-size: 28px;
line-height: 41px;
border-bottom: 1px solid rgba(43, 50, 57, 0.05);
padding-bottom: 17px; }
#commentform p {
margin-bottom: 17px; }
#commentform label {
display: block; }
#commentform .required {
color: #dd0000; }
#commentform #comment_form_submit {
margin-bottom: 0; }
.comment_moderated {
font-weight: bold; }
#cancel-comment-reply-link {
position: relative;
float: right;
font-size: 16px;
line-height: 1.5;
border: 1px solid #d6d6d6;
border-width: 1px 1px 1px 1px;
padding: 0.75em 1em;
border-radius: 2px;
text-decoration: none; }
#cancel-comment-reply-link:hover {
background-color: #bb0000;
border-color: #bb0000;
color: white; } .no-comments-intro {
text-align: center;
padding: 33px 17px;
color: grey; }
.login_alert {
font-weight: bold;
border: 1px solid #d6d6d6;
background-color: #ededed; } .content-bloc h3 {
font-weight: normal; }
.flex-video {
margin-bottom: 33px;
position: relative; } #toggle_comments {
text-align: center;
display: block;
margin: 0 auto;
background-color: #dddddd;
padding: 0.75em 1.5em;
letter-spacing: 2px;
color: #8a8a8a;
text-transform: uppercase;
position: relative;
border-top: 1px solid rgba(43, 50, 57, 0.05); }
#toggle_comments:hover {
cursor: pointer;
color: #222222; }
#toggle_comments:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #dddddd;
border-width: 8px;
margin-left: -8px; }
.hide {
overflow: hidden;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.show {
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
max-height: 100%;
overflow: hidden; } .footer-section {
background-color: #330028;
font-size: 17px;
line-height: 27px;
color: white; }
.footer-section a {
color: rgba(255, 255, 255, 0.8); }
.footer-section a:hover {
color: white; }
.footer-container {
padding: 33px 0;
text-align: center; }
.social-follow-link {
text-align: center;
padding: 17px 0; }
.social-icon-link {
padding: 3px;
font-size: 22px;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.8); }
.social-icon-link span {
font-size: 2em; }
.copyright-container {
padding: 17px 0; }
.copyright-container .designer {
margin-bottom: 4px; }
.copyright-container span {
vertical-align: middle; }
.copyright-container .fficons-creative-commons {
font-size: 2em; } .landing-page #menu,
.landing-page #menu_trigger {
display: none; }
.landing-page .content-col {
margin-left: auto;
margin-right: auto;
float: none; }
.landing-page .headline_area {
text-align: center; }
.landing-page .post_content h1,
.landing-page .post_content h2,
.landing-page .post_content h3,
.landing-page .post_content h4,
.landing-page .post_content h5,
.landing-page .post_content h6 {
text-align: center; } .no-sidebar-full-width .content-col {
width: 100%; } .desktop-only {
display: none; }
.inline-block {
max-width: 100%;
display: inline-block; } .w-section:before,
.w-section:after,
.w-container:before,
.w-container:after,
.w-row:before,
.w-row:after,
.comment_nav:after,
.comment_nav:before,
.clear:after,
.clear:before {
content: " ";
display: table;
clear: both; } @media all and (max-width: 359px) { .front-page-module .featured_content .headline {
font-size: 17px;
line-height: 27px; }
#site_title {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 22px;
line-height: 1.4;
padding: 0 17px;
text-align: center;
width: auto; }
h1 {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 36px;
line-height: 1.4;
padding: 0;
text-align: center;
width: auto; } } @media all and (min-width: 360px) { .front-page-module .featured_content .headline {
font-size: 36px;
line-height: 52px; }
#site_title {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 22px;
line-height: 1.4;
padding: 0 17px;
text-align: center;
width: auto; }
h1 {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 40px;
line-height: 1.4;
padding: 0;
text-align: center;
width: auto; } } @media all and (min-width: 480px) { .front-page-module .featured_content .headline {
font-size: 45px;
line-height: 64px; }
#site_title {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 22px;
line-height: 1.4;
padding: 0 17px;
text-align: center;
width: auto; }
h1 {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 48px;
line-height: 1.4;
padding: 0;
text-align: center;
width: auto; } .call-to-action .cta-headline {
font-size: 16px;
line-height: 25px; } .flex-row-to-col {
-webkit-flex-direction: row;
flex-direction: row; }
.flex-align-rtoc {
margin-left: auto;
margin-right: 0; }
.flex-align-ltoc {
margin-right: auto;
margin-left: 0; } .latest-posts-container {
display: -webkit-flex;
-webkit-flex-direction: row;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.latest-posts-container .flex_cell {
-webkit-flex: 0 0 33.333%;
flex: 0 0 33.333%;
margin-right: 2%;
flex: 0 1 calc(33% - 1%); }
.latest-posts-container .flex_cell:nth-child(3n+3) {
margin-right: 0; }
.w-section.latest-post-section {
padding-bottom: 4em; } } @media all and (min-width: 800px) {
.grt .right,
.grt .alignright,
.grt .stack,
.grt img.alignright {
margin-left: 33px; }
.grt .left,
.grt .alignleft,
.grt img.alignleft {
margin-right: 33px; }
.grt img.alignright {
float: right; }
.grt img.alignleft {
float: left; }
.grt input[type="text"],
.grt input[type="email"],
.grt .input_text,
.grt select {
width: 50%; }
.grt textarea.input_text {
width: 100%; }
.w-container {
max-width: 800px; }
.content-col {
width: 480px; }
.aside-col {
width: 320px; }
.sidebar {
display: block; }
.template-home .content-col,
.template-archives .content-col {
width: 100%;
padding-left: 0;
padding-right: 0; }
.archive-post-container .post_box.post-section .featured_image {
margin-left: 0;
margin-right: 0; }
#site_title {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 28px;
line-height: 1.4;
padding: 0 17px;
text-align: center;
width: auto; } #flex_desktop_menu {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 16px;
line-height: 23px; }
#flex_desktop_menu > ul > li:hover > .sub-menu {
display: block;
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
#flex_desktop_menu > ul > li:hover > .sub-menu .sub-menu {
top: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%); }
#flex_desktop_menu ul li {
position: relative;
display: inline-block; }
#flex_desktop_menu ul li a {
color: #646464;
text-decoration: none;
padding: 8px 17px;
display: block; }
#flex_desktop_menu ul li:hover > .sub-menu {
display: block;
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
#flex_desktop_menu ul li:hover > .sub-menu .sub-menu:before {
border: 6px solid transparent;
position: absolute;
pointer-events: none;
border-color: transparent;
border-right-color: #8f0070;
left: -6px;
top: 0.75em; }
#flex_desktop_menu ul li.menu-item-has-children .menu-item-has-children:before {
border-right-color: #8f0070;
border-bottom-color: #8f0070; }
#flex_desktop_menu ul li.menu-item-has-children:before {
bottom: 0;
right: 0;
border: 4px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-right-color: #330028;
border-bottom-color: #330028;
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
#flex_desktop_menu ul li.menu-item-has-children:hover:before {
opacity: 0; }
#flex_desktop_menu ul li > a:hover,
#flex_desktop_menu ul .current-menu-item > a,
#flex_desktop_menu ul .current-menu-parent > a {
background-color: transparent;
color: #330028; }
#flex_desktop_menu ul .sub-menu {
position: absolute;
left: -9999px;
list-style: none;
z-index: 110;
min-width: 10em;
background-color: #330028;
opacity: 0; }
#flex_desktop_menu ul .sub-menu li {
display: block;
text-align: left; }
#flex_desktop_menu ul .sub-menu li > a {
color: white;
display: block;
padding: 8px 17px; }
#flex_desktop_menu ul .sub-menu li > a:hover {
background-color: black; }
#flex_desktop_menu ul .sub-menu:before {
top: -12px;
left: 50%;
border: 6px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #330028;
margin-left: -6px; } .comment {
margin-left: 74px; }
.comment span.avatar {
display: block;
position: absolute;
top: -8px;
left: -74px; }
.post-byline-container,
.author-box-wrapper,
#comments,
#commentform,
#reply-title,
.footer-container,
.archive-intro-container,
.blog-intro-container,
.archive-post-container,
.pagination-columns {
padding-left: 17px;
padding-right: 17px; }
.w-section,
.archive-bylines {
padding-left: 0;
padding-right: 0; }
.social-follow-links,
.copyright-container {
display: inline-block; }
.social-follow-links {
float: right;
text-align: right;
padding-left: 17px; }
.copyright-container {
float: left;
text-align: left;
padding-right: 17px; }
body.show_menu #menu {
right: -17px; }
.mobile-only {
display: none; }
.desktop-only {
display: block; } .front-page-module .featured_content {
max-width: 800px; }
.front-page-module .featured_content .headline {
font-size: 48px;
line-height: 67px;
margin-bottom: 33px; } h1 {
font-size: 58px;
line-height: 81px; } .col-fixed-width {
width: 60%;
max-width: 680px;
min-width: 200px; }
figcaption {
text-align: center;
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
font-size: 72%;
caption-side: bottom; }
.wp-block-cover {
width: 100%;
height: auto;
overflow: visible; }
.wp-block-cover-image {
width: 100%;
height: auto;
overflow: visible; } }