/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
body {
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.container::after,
.float-container::after {
clear: both;
content: '';
display: table;
}
.clearboth {
clear: both;
}
.dim-overlay {
background-color: rgba(0, 0, 0, 0.54);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
#sharing-dim-overlay {
background-color: transparent;
}
.loading-spinner-large {
-webkit-animation: mspin-rotate 1568.63ms infinite linear;
animation: mspin-rotate 1568.63ms infinite linear;
height: 48px;
overflow: hidden;
position: absolute;
width: 48px;
z-index: 200;
}
.loading-spinner-large > div {
-webkit-animation: mspin-revrot 5332ms infinite steps(4);
animation: mspin-revrot 5332ms infinite steps(4);
}
.loading-spinner-large > div > div {
-webkit-animation: mspin-singlecolor-large-film 1333ms infinite steps(81);
animation: mspin-singlecolor-large-film 1333ms infinite steps(81);
background-size: 100%;
height: 48px;
width: 3888px;
}
.mspin-black-large > div > div,
.mspin-grey_54-large > div > div {
background-image: url(../../indie/mspin_black_large.svg);
}
.mspin-white-large > div > div {
background-image: url(../../indie/mspin_white_large.svg);
}
.mspin-grey_54-large {
opacity: .54;
}
@-webkit-keyframes mspin-singlecolor-large-film {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-3888px);
transform: translateX(-3888px);
}
}
@keyframes mspin-singlecolor-large-film {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-3888px);
transform: translateX(-3888px);
}
}
@-webkit-keyframes mspin-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mspin-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes mspin-revrot {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes mspin-revrot {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
input::-ms-clear {
display: none;
}
.blogger-logo,
.svg-icon-24.blogger-logo {
fill: #ff9800;
opacity: 1.0;
}
.skip-navigation {
background-color: #fff;
box-sizing: border-box;
color: #000;
display: block;
height: 0;
left: 0;
line-height: 50px;
overflow: hidden;
padding-top: 0;
position: fixed;
text-align: center;
top: 0;
-webkit-transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s;
transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s;
width: 100%;
z-index: 900;
}
.skip-navigation:focus {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
height: 50px;
}
#main {
outline: none;
}
.main-heading {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.widget.Attribution {
margin-top: 1em;
text-align: center;
}
.widget.Attribution .blogger img,
.widget.Attribution .blogger svg {
vertical-align: bottom;
}
.widget.Attribution .blogger img {
margin-right: 0.5em;
}
.widget.Attribution div {
line-height: 24px;
margin-top: 0.5em;
}
.widget.Attribution .image-attribution,
.widget.Attribution .copyright {
font-size: 0.7em;
margin-top: 1.5em;
}
.item-control {
display: none;
}
.BLOG_mobile_video_class {
display: none;
}
.bg-photo {
background-attachment: scroll !important;
}
body .CSS_LIGHTBOX {
z-index: 900;
}
.extendable .show-more,
.extendable .show-less {
border-color: #25a186;
color: #25a186;
margin-top: 8px;
}
.extendable .show-more.hidden,
.extendable .show-less.hidden {
display: none;
}
.inline-ad {
display: none;
max-width: 100%;
overflow: hidden;
}
.adsbygoogle {
display: block;
}
#cookieChoiceInfo {
bottom: 0;
top: auto;
}
iframe.b-hbp-video {
border: 0;
}
.post-body img {
max-width: 100%;
}
.post-body iframe {
max-width: 100%;
}
.post-body a[imageanchor="1"] {
display: inline-block;
}
.byline {
margin-right: 1em;
}
.byline:last-child {
margin-right: 0;
}
.paging-control-container {
margin-bottom: 16px;
}
.paging-control-container .paging-control {
display: inline-block;
}
.paging-control-container .paging-control,
.paging-control-container .comment-range-text::after {
color: #25a186;
}
.paging-control-container .paging-control,
.paging-control-container .comment-range-text {
margin-right: 8px;
}
.paging-control-container .paging-control::after,
.paging-control-container .comment-range-text::after {
content: '\00B7';
cursor: default;
padding-left: 8px;
pointer-events: none;
}
.paging-control-container .paging-control:last-child::after,
.paging-control-container .comment-range-text:last-child::after {
content: none;
}
.byline.reactions iframe {
height: 20px;
}
.b-notification {
color: #000;
background-color: #fff;
border-bottom: solid 1px #000;
box-sizing: border-box;
padding: 16px 32px;
text-align: center;
}
.b-notification.visible {
-webkit-transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.b-notification.invisible {
position: absolute;
}
.b-notification-close {
position: absolute;
right: 8px;
top: 8px;
}
.no-posts-message {
line-height: 40px;
text-align: center;
}
@media screen and (max-width: 968px) {
body.item-view .post-body a[imageanchor="1"][style*="float: left;"],
body.item-view .post-body a[imageanchor="1"][style*="float: right;"] {
float: none !important;
clear: none !important;
}
body.item-view .post-body a[imageanchor="1"] img {
display: block;
height: auto;
margin: 0 auto;
}
body.item-view .post-body > .separator:first-child > a[imageanchor="1"]:first-child {
margin-top: 20px;
}
.post-body a[imageanchor] {
display: block;
}
body.item-view .post-body a[imageanchor="1"] {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.item-view .post-body a[imageanchor="1"] + a[imageanchor="1"] {
margin-top: 16px;
}
}
#comments {
border-top: 1px dashed rgba(0, 0, 0, 0.54);
margin-top: 20px;
padding: 20px;
}
#comments .comment-thread ol {
margin: 0;
padding-left: 0;
}
#comments .comment-thread ol {
padding-left: 0;
}
#comments .comment-thread .comment-replies,
#comments .comment .comment-replybox-single {
margin-left: 60px;
}
#comments .comment-thread .thread-count {
display: none;
}
#comments .comment {
list-style-type: none;
padding: 0 0 30px 0;
position: relative;
}
#comments .comment .comment {
padding-bottom: 8px;
}
.comment .avatar-image-container {
position: absolute;
}
.comment .avatar-image-container img {
border-radius: 50%;
}
.avatar-image-container svg,
.comment .avatar-image-container .avatar-icon {
border-radius: 50%;
border: solid 1px #25a186;
box-sizing: border-box;
fill: #25a186;
height: 35px;
margin: 0;
padding: 7px;
width: 35px;
}
.comment .comment-block {
margin-top: 10px;
padding-bottom: 0;
}
.comment .comment-block {
margin-left: 60px;
}
#comments .comment-author-header-wrapper {
margin-left: 40px;
}
#comments .comment .thread-expanded .comment-block {
padding-bottom: 20px;
}
#comments .comment .comment-header .user,
#comments .comment .comment-header .user a {
color: #292929;
font-style: normal;
font-weight: bold;
}
#comments .comment .comment-actions {
background: transparent;
border: 0;
box-shadow: none;
color: #25a186;
cursor: pointer;
font-size: 14px;
font-weight: bold;
outline: none;
text-decoration: none;
text-transform: uppercase;
width: auto;
bottom: 0;
margin-bottom: 15px;
position: absolute;
}
#comments .comment .comment-actions > * {
margin-right: 8px;
}
#comments .comment .comment-header .datetime {
bottom: 0;
color: rgba(0,0,0,0.54);
display: inline-block;
font-size: 13px;
font-style: italic;
}
#comments .comment .comment-header .datetime {
margin-left: 8px;
}
#comments .comment .comment-header .datetime a,
#comments .comment .comment-footer .comment-timestamp a {
color: rgba(0,0,0,0.54);
}
.comment .comment-body,
#comments .comment .comment-content {
margin-top: 12px;
word-break: break-word;
}
.comment-body {
margin-bottom: 12px;
}
#comments.embed[data-num-comments="0"] {
border: none;
margin-top: 0;
padding-top: 0;
}
#comments.embed[data-num-comments="0"] #comment-post-message,
#comments.embed[data-num-comments="0"] div.comment-form > p,
#comments.embed[data-num-comments="0"] p.comment-footer {
display: none;
}
#comment-editor-src {
display: none;
}
.comments .comments-content .loadmore.loaded {
max-height: 0;
opacity: 0;
overflow: hidden;
}
.extendable .remaining-items {
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.extendable .remaining-items.expanded {
height: auto;
}
.svg-icon-24,
.svg-icon-24-button {
cursor: pointer;
height: 24px;
width: 24px;
min-width: 24px;
}
.touch-icon {
margin: -12px;
padding: 12px;
}
.touch-icon:focus, .touch-icon:active {
background-color: rgba(153, 153, 153, 0.4);
border-radius: 50%;
}
svg:not(:root).touch-icon {
overflow: visible;
}
html[dir=rtl] .rtl-reversible-icon {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.touch-icon-button,
.svg-icon-24-button {
background: transparent;
border: 0;
margin: 0;
outline: none;
padding: 0;
}
.touch-icon-button .touch-icon:focus,
.touch-icon-button .touch-icon:active {
background-color: transparent;
}
.touch-icon-button:focus .touch-icon,
.touch-icon-button:active .touch-icon {
background-color: rgba(153, 153, 153, 0.4);
border-radius: 50%;
}
.Profile .default-avatar-wrapper .avatar-icon {
border-radius: 50%;
border: solid 1px #000000;
box-sizing: border-box;
fill: #000000;
margin: 0;
}
.Profile .individual .default-avatar-wrapper .avatar-icon {
padding: 25px;
}
.Profile .individual .profile-img,
.Profile .individual .avatar-icon {
height: 120px;
width: 120px;
}
.Profile .team .default-avatar-wrapper .avatar-icon {
padding: 8px;
}
.Profile .team .profile-img,
.Profile .team .avatar-icon,
.Profile .team .default-avatar-wrapper {
height: 40px;
width: 40px;
}
.snippet-container {
margin: 0;
position: relative;
overflow: hidden;
}
.snippet-fade {
bottom: 0;
box-sizing: border-box;
position: absolute;
width: 96px;
}
.snippet-fade {
right: 0;
}
.snippet-fade:after {
content: '\2026';
}
.snippet-fade:after {
float: right;
}
.post-bottom {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-footer {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.post-footer > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.post-footer .byline:last-child {
margin-right: 1em;
}
.jump-link {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.centered-top-container.sticky {
left: 0;
position: fixed;
right: 0;
top: 0;
width: auto;
z-index: 8;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.centered-top-placeholder {
display: none;
}
.collapsed-header .centered-top-placeholder {
display: block;
}
.centered-top-container .Header .replaced h1,
.centered-top-placeholder .Header .replaced h1 {
display: none;
}
.centered-top-container.sticky .Header .replaced h1 {
display: block;
}
.centered-top-container.sticky .Header .header-widget {
background: none;
}
.centered-top-container.sticky .Header .header-image-wrapper {
display: none;
}
.centered-top-container img,
.centered-top-placeholder img {
max-width: 100%;
}
.collapsible {
-webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.collapsible,
.collapsible > summary {
display: block;
overflow: hidden;
}
.collapsible > :not(summary) {
display: none;
}
.collapsible[open] > :not(summary) {
display: block;
}
.collapsible:focus,
.collapsible > summary:focus {
outline: none;
}
.collapsible > summary {
cursor: pointer;
display: block;
padding: 0;
}
.collapsible:focus > summary,
.collapsible > summary:focus {
background-color: transparent;
}
.collapsible > summary::-webkit-details-marker {
display: none;
}
.collapsible-title {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.collapsible-title .title {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.collapsible-title .chevron-down,
.collapsible[open] .collapsible-title .chevron-up {
display: block;
}
.collapsible-title .chevron-up,
.collapsible[open] .collapsible-title .chevron-down {
display: none;
}
.overflowable-container {
max-height: 48px;
overflow: hidden;
position: relative;
}
.overflow-button {
cursor: pointer;
}
#overflowable-dim-overlay {
background: transparent;
}
.overflow-popup {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
left: 0;
max-width: calc(100% - 32px);
position: absolute;
top: 0;
visibility: hidden;
z-index: 101;
}
.overflow-popup ul {
list-style: none;
}
.overflow-popup li,
.overflow-popup .tabs li {
display: block;
height: auto;
}
.overflow-popup .tabs li {
padding-left: 0;
padding-right: 0;
}
.overflow-button.hidden,
.overflow-popup li.hidden,
.overflow-popup .tabs li.hidden {
display: none;
}
.ripple {
position: relative;
}
.ripple > * {
z-index: 1;
}
.splash-wrapper {
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.splash {
background: #cccccc;
border-radius: 100%;
display: block;
opacity: 0.6;
position: absolute;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.splash.animate {
-webkit-animation: ripple-effect 0.4s linear;
animation: ripple-effect 0.4s linear;
}
@-webkit-keyframes ripple-effect {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
}
@keyframes ripple-effect {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
}
.search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
line-height: 24px;
width: 24px;
}
.search.focused {
width: 100%;
}
.search.focused .section {
width: 100%;
}
.search form {
z-index: 101;
}
.search h3 {
display: none;
}
.search form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
border-bottom: solid 1px transparent;
padding-bottom: 8px;
}
.search form > * {
display: none;
}
.search.focused form > * {
display: block;
}
.search .search-input label {
display: none;
}
.centered-top-placeholder.cloned .search form {
z-index: 30;
}
.search.focused form {
border-color: #292929;
position: relative;
width: auto;
}
.collapsed-header .centered-top-container .search.focused form {
border-bottom-color: transparent;
}
.search-expand {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.search-expand-text {
display: none;
}
.search-close {
display: inline;
vertical-align: middle;
}
.search-input {
-webkit-box-flex: 1;
-webkit-flex: 1 0 1px;
-ms-flex: 1 0 1px;
flex: 1 0 1px;
}
.search-input input {
background: none;
border: 0;
box-sizing: border-box;
color: #292929;
display: inline-block;
outline: none;
width: calc(100% - 48px);
}
.search-input input.no-cursor {
color: transparent;
text-shadow: 0 0 0 #292929;
}
.collapsed-header .centered-top-container .search-action,
.collapsed-header .centered-top-container .search-input input {
color: #292929;
}
.collapsed-header .centered-top-container .search-input input.no-cursor {
color: transparent;
text-shadow: 0 0 0 #292929;
}
.search-input input.no-cursor:focus,
.collapsed-header .centered-top-container .search-input input.no-cursor:focus {
outline: none;
}
.search-focused > * {
visibility: hidden;
}
.search-focused .search,
.search-focused .search-icon {
visibility: visible;
}
.search.focused .search-action {
display: block;
}
.search.focused .search-action:disabled {
opacity: .3;
}
.sidebar-container {
background-color: #f7f7f7;
max-width: 320px;
overflow-y: auto;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
width: 320px;
z-index: 101;
-webkit-overflow-scrolling: touch;
}
.sidebar-container .navigation {
line-height: 0;
padding: 16px;
}
.sidebar-container .sidebar-back {
cursor: pointer;
}
.sidebar-container .widget {
background: none;
margin: 0 16px;
padding: 16px 0;
}
.sidebar-container .widget .title {
color: #000000;
margin: 0;
}
.sidebar-container .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-container .widget ul ul {
margin-left: 1em;
}
.sidebar-container .widget li {
font-size: 16px;
line-height: normal;
}
.sidebar-container .widget + .widget {
border-top: 1px dashed #000000;
}
.BlogArchive li {
margin: 16px 0;
}
.BlogArchive li:last-child {
margin-bottom: 0;
}
.Label li a {
display: inline-block;
}
.Label .label-count,
.BlogArchive .post-count {
float: right;
margin-left: .25em;
}
.Label .label-count::before,
.BlogArchive .post-count::before {
content: '(';
}
.Label .label-count::after,
.BlogArchive .post-count::after {
content: ')';
}
.widget.Translate .skiptranslate > div {
display: block !important;
}
.widget.Profile .profile-link {
background-image: none !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.widget.Profile .team-member .profile-img,
.widget.Profile .team-member .default-avatar-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 1em;
}
.widget.Profile .individual .profile-link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.widget.Profile .team .profile-link .profile-name {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.dim-overlay {
background-color: rgba(0, 0, 0, 0.54);
z-index: 100;
}
body.sidebar-visible {
overflow-y: hidden;
}
@media screen and (max-width: 1619px) {
.sidebar-container {
bottom: 0;
position: fixed;
top: 0;
left: auto;
right: 0;
}
.sidebar-container.sidebar-invisible {
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
-webkit-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
}
}
.dialog {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
background: #ffffff;
box-sizing: border-box;
padding: 30px;
position: fixed;
text-align: center;
width: calc(100% - 24px);
z-index: 101;
}
.dialog input[type=text],
.dialog input[type=email] {
background-color: transparent;
border: 0;
border-bottom: solid 1px rgba(41,41,41,0.12);
color: #292929;
display: block;
font-family: Lora, serif;
font-size: 16px;
line-height: 24px;
margin: auto;
padding-bottom: 7px;
outline: none;
text-align: center;
width: 100%;
}
.dialog input[type=text]::-webkit-input-placeholder,
.dialog input[type=email]::-webkit-input-placeholder {
color: #292929;
}
.dialog input[type=text]::-moz-placeholder,
.dialog input[type=email]::-moz-placeholder {
color: #292929;
}
.dialog input[type=text]:-ms-input-placeholder,
.dialog input[type=email]:-ms-input-placeholder {
color: #292929;
}
.dialog input[type=text]::placeholder,
.dialog input[type=email]::placeholder {
color: #292929;
}
.dialog input[type=text]:focus,
.dialog input[type=email]:focus {
border-bottom: solid 2px #25a186;
padding-bottom: 6px;
}
.dialog input.no-cursor {
color: transparent;
text-shadow: 0 0 0 #292929;
}
.dialog input.no-cursor:focus {
outline: none;
}
.dialog input.no-cursor:focus {
outline: none;
}
.dialog input[type=submit] {
font-family: Lora, serif;
}
.subscribe-popup {
max-width: 364px;
}
.subscribe-popup h3 {
color: #ffffff;
font-size: 1.8em;
margin-top: 0;
}
.subscribe-popup .FollowByEmail h3 {
display: none;
}
.subscribe-popup .FollowByEmail .follow-by-email-submit {
background: transparent;
border: 0;
box-shadow: none;
color: #25a186;
cursor: pointer;
font-size: 14px;
font-weight: bold;
outline: none;
text-decoration: none;
text-transform: uppercase;
width: auto;
color: #25a186;
display: inline-block;
margin: 0 auto;
margin-top: 24px;
width: auto;
white-space: normal;
}
.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled {
cursor: default;
opacity: .3;
}
@media (max-width: 800px) {
.blog-name div.widget.Subscribe {
margin-bottom: 16px;
}
body.item-view .blog-name div.widget.Subscribe {
margin: 8px auto 16px auto;
width: 100%;
}
}
body#layout .bg-photo-overlay,
body#layout .bg-photo {
display: none;
}
body#layout .page_body {
padding: 0;
position: relative;
top: 0;
}
body#layout .page {
display: inline-block;
left: inherit;
position: relative;
vertical-align: top;
width: 540px;
}
body#layout .centered {
max-width: 954px;
}
body#layout .navigation {
display: none;
}
body#layout .sidebar-container {
display: inline-block;
width: 40%;
}
body#layout .hamburger-menu,
body#layout .search {
display: none;
}
.widget.Sharing .sharing-button {
display: none;
}
.widget.Sharing .sharing-buttons li {
padding: 0;
}
.widget.Sharing .sharing-buttons li span {
display: none;
}
.post-share-buttons {
position: relative;
}
.share-buttons .svg-icon-24,
.centered-bottom .share-buttons .svg-icon-24 {
fill: #25a186;
}
.sharing-open.touch-icon-button:focus .touch-icon,
.sharing-open.touch-icon-button:active .touch-icon {
background-color: transparent;
}
.share-buttons {
background-color: #ffffff;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
color: #25a186;
list-style: none;
margin: 0;
padding: 8px 0;
position: absolute;
top: -11px;
min-width: 200px;
z-index: 101;
}
.share-buttons.hidden {
display: none;
}
.sharing-button {
background: transparent;
border: 0;
margin: 0;
outline: none;
padding: 0;
cursor: pointer;
}
.share-buttons li {
margin: 0;
height: 48px;
}
.share-buttons li:last-child {
margin-bottom: 0;
}
.share-buttons li .sharing-platform-button {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 100%;
margin-bottom: 0;
padding: 0 16px;
position: relative;
width: 100%;
}
.share-buttons li .sharing-platform-button:focus,
.share-buttons li .sharing-platform-button:hover {
background-color: rgba(128, 128, 128, 0.1);
outline: none;
}
.share-buttons li svg[class^="sharing-"],
.share-buttons li svg[class*=" sharing-"] {
position: absolute;
top: 10px;
}
.share-buttons li span.sharing-platform-button,
.share-buttons li span.sharing-platform-button {
position: relative;
top: 0;
}
.share-buttons li .platform-sharing-text {
display: block;
font-size: 16px;
line-height: 48px;
white-space: nowrap;
}
.share-buttons li .platform-sharing-text {
margin-left: 56px;
}
.flat-button {
cursor: pointer;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
border-radius: 2px;
padding: 8px;
margin: -8px;
}
.flat-icon-button {
background: transparent;
border: 0;
margin: 0;
outline: none;
padding: 0;
margin: -12px;
padding: 12px;
cursor: pointer;
box-sizing: content-box;
display: inline-block;
line-height: 0;
}
.flat-icon-button,
.flat-icon-button .splash-wrapper {
border-radius: 50%;
}
.flat-icon-button .splash.animate {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
.post-body h1, .post-body
h2, .post-body
h3, .post-body
h4, .post-body
h5, .post-body
h6 {
margin: 1em 0;
}
a,
.action-link {
color: #25a186;
cursor: pointer;
text-decoration: none;
}
a:visited,
.action-link:visited {
color: #25a186;
}
a:hover,
.action-link:hover {
color: #25a186;
}
body {
background-color: #ffffff;
color: #292929;
font: 400 20px Lora, serif;
margin: 0 auto;
}
.unused {
background: #ffffff none repeat scroll top left;
}
.dim-overlay {
z-index: 100;
}
.all-container {
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
body.sidebar-visible .all-container {
overflow-y: scroll;
}
.page {
max-width: 1280px;
width: 100%;
}
.Blog {
padding: 0;
padding-left: 136px;
}
.main_content_container {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.centered-top-container {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.centered-top,
.centered-top-placeholder {
box-sizing: border-box;
width: 100%;
}
.centered-top {
box-sizing: border-box;
margin: 0 auto;
max-width: 1280px;
padding: 44px 136px 32px 136px;
width: 100%;
}
.centered-top h3 {
color: rgba(0,0,0,0.54);
font: 600 14px Open Sans, sans-serif;
}
.centered {
width: 100%;
}
.centered-top-firstline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
}
.main_header_elements {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
overflow-x: hidden;
width: 100%;
}
html[dir=rtl] .main_header_elements {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
body.search-view .centered-top.search-focused .blog-name {
display: none;
}
.widget.Header img {
max-width: 100%;
}
.blog-name {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.subscribe-section-container {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.search {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
line-height: 24px;
}
.search svg {
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0;
padding-top: 0;
}
.search, .search.focused {
display: block;
width: auto;
}
.search .section {
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-expand {
background: transparent;
border: 0;
margin: 0;
outline: none;
padding: 0;
display: block;
}
.search.focused .search-expand {
visibility: hidden;
}
.hamburger-menu {
float: right;
height: 24px;
}
.subscribe-section-container,
.search-expand {
margin-left: 44px;
}
.hamburger-section {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-left: 44px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
html[dir=rtl] .hamburger-section {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.search-expand-icon {
display: none;
}
.search-expand-text {
display: block;
}
.search-input {
width: 100%;
}
.search-focused .hamburger-section {
visibility: visible;
}
.centered-top-secondline .PageList ul {
margin: 0;
max-height: 288px;
overflow-y: hidden;
}
.centered-top-secondline .PageList li {
margin-right: 30px;
}
.centered-top-secondline .PageList li:first-child a {
padding-left: 0;
}
.centered-top-secondline .PageList .overflow-popup ul {
overflow-y: auto;
}
.centered-top-secondline .PageList .overflow-popup li {
display: block;
}
.centered-top-secondline .PageList .overflow-popup li.hidden {
display: none;
}
.overflowable-contents li {
display: inline-block;
height: 48px;
}
.sticky .blog-name {
overflow: hidden;
}
.sticky .blog-name .widget.Header h1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sticky .blog-name .widget.Header p,
.sticky .centered-top-secondline {
display: none;
}
.centered-top-container,
.centered-top-placeholder {
background: #ffffff none repeat scroll top left;
}
.centered-top .svg-icon-24 {
fill: #25a186;
}
.blog-name h1,
.blog-name h1 a {
color: #000000;
font: 700 24px Open Sans, sans-serif;
line-height: 24px;
text-transform: uppercase;
}
.widget.Header .header-widget p {
font: 400 14px Open Sans, sans-serif;
font-style: italic;
color: rgba(0,0,0,0.54);
line-height: 1.6;
max-width: 676px;
}
.centered-top .flat-button {
color: #25a186;
cursor: pointer;
font: 600 14px Open Sans, sans-serif;
line-height: 24px;
text-transform: uppercase;
-webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.subscribe-button {
background: transparent;
border: 0;
margin: 0;
outline: none;
padding: 0;
display: block;
}
html[dir=ltr] .search form {
margin-right: 12px;
}
.search.focused .section {
opacity: 1;
margin-right: 36px;
width: calc(100% - 36px);
}
.search input {
border: 0;
color: rgba(0,0,0,0.54);
font: 600 16px Open Sans, sans-serif;
line-height: 24px;
outline: 0;
width: 100%;
}
.search form {
padding-bottom: 0;
}
.search input[type='submit'] {
display: none;
}
.search input::-webkit-input-placeholder {
text-transform: uppercase;
}
.search input::-moz-placeholder {
text-transform: uppercase;
}
.search input:-ms-input-placeholder {
text-transform: uppercase;
}
.search input::placeholder {
text-transform: uppercase;
}
.search .dim-overlay,
.centered-top-secondline .dim-overlay {
background: transparent;
}
.centered-top-secondline .PageList li a,
.centered-top-secondline .PageList .overflow-button a {
color: #25a186;
font: 600 14px Open Sans, sans-serif;
line-height: 48px;
padding: 12px;
}
.centered-top-secondline .PageList li.selected a {
color: #25a186;
}
.centered-top-secondline .overflow-popup .PageList li a {
color: #292929;
}
.PageList ul {
padding: 0;
}
.sticky .search form {
border: 0;
}
.sticky {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
}
.sticky .centered-top {
padding-bottom: 0;
padding-top: 0;
}
.sticky .search,
.sticky .search-expand,
.sticky .subscribe-button,
.sticky .blog-name h1 {
line-height: 40px;
}
.sticky .search-expand,
.sticky .search.focused .search-submit,
.sticky .hamburger-section {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
}
.subscribe-popup h3 {
color: rgba(0,0,0,0.84);
font: 700 24px Open Sans, sans-serif;
margin-bottom: 24px;
}
.subscribe-popup div.widget.FollowByEmail .follow-by-email-address {
color: rgba(0,0,0,0.84);
font: 400 14px Open Sans, sans-serif;
}
.subscribe-popup div.widget.FollowByEmail .follow-by-email-submit {
color: #25a186;
font: 600 14px Open Sans, sans-serif;
margin-top: 24px;
}
.post-content {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: 76px;
max-width: 676px;
width: 100%;
}
.post-filter-message {
background-color: #25a186;
color: #ffffff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font: 600 16px Open Sans, sans-serif;
margin: 40px 136px 48px 136px;
padding: 10px;
position: relative;
}
.post-filter-message > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.post-filter-message .search-query {
font-style: italic;
quotes: '\201c' '\201d' '\2018' '\2019';
}
.post-filter-message .search-query::before {
content: open-quote;
}
.post-filter-message .search-query::after {
content: close-quote;
}
.post-filter-message div {
display: inline-block;
}
.post-filter-message a {
color: #ffffff;
display: inline-block;
text-transform: uppercase;
}
.post-filter-description {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 16px;
}
.post-title {
margin-top: 0;
}
body.feed-view .post-outer-container {
margin-top: 85px;
}
body.feed-view .post-outer-container:first-child,
body.feed-view .feed-message + .post-outer-container {
margin-top: 0;
}
.post-outer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.post-outer .snippet-thumbnail {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 256px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 136px;
overflow: hidden;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
position: relative;
width: 256px;
}
.post-outer .thumbnail-empty {
background: transparent;
}
.post-outer .snippet-thumbnail-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.post-outer .snippet-thumbnail img {
max-height: 100%;
}
.post-title-container {
margin-bottom: 16px;
}
.post-bottom {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-share-buttons-bottom {
float: left;
}
.footer {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: auto auto 0 auto;
padding-bottom: 32px;
width: auto;
}
.post-header-container {
margin-bottom: 12px;
}
.post-header-container .post-share-buttons-top {
float: right;
}
.post-header-container .post-header {
float: left;
}
.byline {
display: inline-block;
margin-bottom: 8px;
}
.byline,
.byline a,
.flat-button {
color: #25a186;
font: 600 14px Open Sans, sans-serif;
}
.flat-button.ripple .splash {
background-color: rgba(37,161,134,0.4);
}
.flat-button.ripple:hover {
background-color: rgba(37,161,134,0.12);
}
.post-footer .byline {
text-transform: uppercase;
}
.cmt_count_iframe_holder {
float: left;
margin-right: 24px !important;
}
.post-comment-link {
line-height: 1;
}
.blog-pager {
float: right;
margin-right: 468px;
margin-top: 48px;
}
.FeaturedPost {
margin-bottom: 56px;
}
.FeaturedPost h3 {
margin: 16px 136px 8px 136px;
}
.shown-ad {
margin-bottom: 85px;
margin-top: 85px;
}
.shown-ad .inline-ad {
display: block;
max-width: 676px;
}
body.feed-view .shown-ad:last-child {
display: none;
}
.post-title,
.post-title a {
color: #25a186;
font: 700 36px Open Sans, sans-serif;
line-height: 1.33333;
}
.feed-message {
color: rgba(0,0,0,0.54);
font: 600 16px Open Sans, sans-serif;
margin-bottom: 52px;
}
.post-header-container .byline,
.post-header-container .byline a {
color: rgba(0,0,0,0.54);
font: 600 16px Open Sans, sans-serif;
}
.post-header-container .byline.post-author:not(:last-child)::after {
content: '\00B7';
}
.post-header-container .byline.post-author:not(:last-child) {
margin-right: 0;
}
.post-snippet-container {
font: 400 20px Lora, serif;
}
.sharing-button {
text-transform: uppercase;
word-break: normal;
}
.post-outer-container .svg-icon-24 {
fill: #25a186;
}
.post-body {
color: rgba(0,0,0,0.84);
font: 400 20px Lora, serif;
line-height: 2;
margin-bottom: 24px;
}
.blog-pager .blog-pager-older-link {
color: #25a186;
float: right;
font: 600 14px Open Sans, sans-serif;
text-transform: uppercase;
}
.no-posts-message {
margin: 32px;
}
body.item-view .Blog .post-title-container {
background-color: #25a186;
box-sizing: border-box;
margin-bottom: 0;
padding-bottom: 86px;
padding-right: 290px;
padding-left: 140px;
padding-top: 124px;
width: 100%;
}
body.item-view .Blog .post-title,
body.item-view .Blog .post-title a {
color: #ffffff;
font: 600 48px Open Sans, sans-serif;
line-height: 1.41667;
margin-bottom: 0;
}
body.item-view .Blog {
margin: 0;
margin-bottom: 85px;
padding: 0;
}
body.item-view .Blog .post-content {
margin-right: 0;
max-width: none;
}
body.item-view .comments,
body.item-view .widget.Blog .post-bottom,
body.item-view .shown-ad {
margin-bottom: 0;
margin-right: 400px;
margin-left: 140px;
margin-top: 0;
}
body.item-view .widget.Header header p {
max-width: 740px;
}
body.item-view .shown-ad {
margin-bottom: 24px;
margin-top: 24px;
}
body.item-view .Blog .post-header-container {
padding-left: 140px;
}
body.item-view .Blog .post-header-container .post-author-profile-pic-container {
background-color: #25a186;
float: left;
height: 84px;
margin-right: 24px;
margin-left: -140px;
padding-left: 140px;
}
body.item-view .Blog .post-author-profile-pic {
max-height: 100%;
}
body.item-view .Blog .post-header {
float: left;
height: 84px;
}
body.item-view .Blog .post-header > * {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body.item-view .post-body {
color: #292929;
font: 400 20px Lora, serif;
line-height: 2;
}
body.item-view .Blog .post-body-container {
padding-right: 290px;
position: relative;
margin-left: 140px;
margin-top: 20px;
margin-bottom: 32px;
}
body.item-view .Blog .post-body {
margin-bottom: 0;
margin-right: 110px;
}
body.item-view .Blog .post-body::first-letter {
float: left;
font-size: 80px;
font-weight: 600;
line-height: 1;
margin-right: 16px;
}
body.item-view .Blog .post-body div[style*='text-align: center']::first-letter {
float: none;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin-right: 0;
}
body.item-view .Blog .post-body::first-line {
color: #25a186;
}
body.item-view .Blog .post-body-container .post-sidebar {
right: 0;
position: absolute;
top: 0;
width: 290px;
}
body.item-view .Blog .post-body-container .post-sidebar .sharing-button {
display: inline-block;
}
.widget.Attribution {
clear: both;
font: 600 14px Open Sans, sans-serif;
padding-top: 2em;
}
.widget.Attribution .blogger {
margin: 12px;
}
.widget.Attribution svg {
fill: rgba(0,0,0,0.54);
}
body.item-view .PopularPosts {
margin-left: 140px;
}
body.item-view .PopularPosts .widget-content > ul {
padding-left: 0;
}
body.item-view .PopularPosts .widget-content > ul > li {
display: block;
}
body.item-view .PopularPosts .post-content {
margin-right: 76px;
max-width: 664px;
}
body.item-view .PopularPosts .post:not(:last-child) {
margin-bottom: 85px;
}
body.item-view .post-body-container img {
height: auto;
max-width: 100%;
}
body.item-view .PopularPosts > .title {
color: rgba(0,0,0,0.54);
font: 600 16px Open Sans, sans-serif;
margin-bottom: 36px;
}
body.item-view .post-sidebar .post-labels-sidebar {
margin-top: 48px;
min-width: 150px;
}
body.item-view .post-sidebar .post-labels-sidebar h3 {
color: #292929;
font: 600 14px Open Sans, sans-serif;
margin-bottom: 16px;
}
body.item-view .post-sidebar .post-labels-sidebar a {
color: #25a186;
display: block;
font: 400 14px Open Sans, sans-serif;
font-style: italic;
margin-bottom: 16px;
}
body.item-view blockquote {
font: italic 600 44px Open Sans, sans-serif;
font-style: italic;
quotes: '\201c' '\201d' '\2018' '\2019';
}
body.item-view blockquote::before {
content: open-quote;
}
body.item-view blockquote::after {
content: close-quote;
}
body.item-view .post-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: none;
}
body.item-view .widget.Blog .post-share-buttons-bottom {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 40px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
body.item-view .widget.Blog .post-footer {
line-height: 1;
}
.widget.Blog body.item-view .post-bottom {
margin-right: 0;
margin-bottom: 80px;
}
body.item-view .post-footer .post-labels .byline-label {
color: #292929;
font: 600 14px Open Sans, sans-serif;
}
body.item-view .post-footer .post-labels a {
color: #25a186;
font: 400 14px Open Sans, sans-serif;
}
body.item-view .post-footer .post-labels a:not(:last-child)::after {
content: ', ';
}
body.item-view #comments {
border-top: 0;
padding: 0;
}
body.item-view #comments h3.title {
color: rgba(0,0,0,0.54);
font: 600 16px Open Sans, sans-serif;
margin-bottom: 48px;
}
body.item-view #comments .comment-form h4 {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.heroPost {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.widget.Blog .heroPost {
margin-left: -136px;
}
.heroPost .big-post-title .post-snippet {
color: #ffffff;
}
.heroPost.noimage .post-snippet {
color: #000000;
}
.heroPost .big-post-image-top {
display: none;
background-size: cover;
background-position: center;
}
.heroPost .big-post-title {
background-color: #25a186;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 888px;
min-width: 0;
padding-bottom: 84px;
padding-right: 76px;
padding-left: 136px;
padding-top: 76px;
}
.heroPost.noimage .big-post-title {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 480px;
width: 480px;
}
.heroPost .big-post-title h3 {
margin: 0 0 24px;
}
.heroPost .big-post-title h3 a {
color: #ffffff;
}
.heroPost .big-post-title .post-body {
color: #ffffff;
}
.heroPost .big-post-title .item-byline {
color: #ffffff;
margin-bottom: 24px;
}
.heroPost .big-post-title .item-byline .post-timestamp {
display: block;
}
.heroPost .big-post-title .item-byline a {
color: #ffffff;
}
.heroPost .byline,
.heroPost .byline a,
.heroPost .flat-button {
color: #ffffff;
}
.heroPost .flat-button.ripple .splash {
background-color: rgba(255,255,255,0.4);
}
.heroPost .flat-button.ripple:hover {
background-color: rgba(255,255,255,0.12);
}
.heroPost .big-post-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 392px;
}
.heroPost .big-post-text {
background-color: #e5f0ee;
box-sizing: border-box;
color: #000000;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
padding: 48px;
}
.heroPost .big-post-text .post-snippet-fade {
color: #000000;
background: -webkit-linear-gradient(right, #e5f0ee, rgba(229, 240, 238, 0));
background: linear-gradient(to left, #e5f0ee, rgba(229, 240, 238, 0));
}
.heroPost .big-post-text .byline,
.heroPost .big-post-text .byline a,
.heroPost .big-post-text .jump-link,
.heroPost .big-post-text .sharing-button {
color: #25a186;
}
.heroPost .big-post-text .snippet-item::first-letter {
color: #25a186;
float: left;
font-weight: bold;
margin-right: 12px;
}
.sidebar-container {
background-color: #ffffff;
}
body.sidebar-visible .sidebar-container {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
}
.sidebar-container .svg-icon-24 {
fill: #000000;
}
.sidebar-container .navigation .sidebar-back {
float: right;
}
.sidebar-container .widget {
padding-right: 16px;
margin-right: 0;
margin-left: 38px;
}
.sidebar-container .widget + .widget {
border-top: solid 1px #bdbdbd;
}
.sidebar-container .widget .title {
font: 400 16px Open Sans, sans-serif;
}
.collapsible {
width: 100%;
}
.widget.Profile {
border-top: 0;
margin: 0;
margin-left: 38px;
margin-top: 24px;
padding-right: 0;
}
body.sidebar-visible .widget.Profile {
margin-left: 0;
}
.widget.Profile h2 {
display: none;
}
.widget.Profile h3.title {
color: #000000;
margin: 16px 32px;
}
.widget.Profile .individual {
text-align: center;
}
.widget.Profile .individual .default-avatar-wrapper .avatar-icon {
margin: auto;
}
.widget.Profile .team {
margin-bottom: 32px;
margin-left: 32px;
margin-right: 32px;
}
.widget.Profile ul {
list-style: none;
padding: 0;
}
.widget.Profile li {
margin: 10px 0;
text-align: left;
}
.widget.Profile .profile-img {
border-radius: 50%;
float: none;
}
.widget.Profile .profile-info {
margin-bottom: 12px;
}
.profile-snippet-fade {
background: -webkit-linear-gradient(right, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
height: 1.7em;
position: absolute;
right: 16px;
top: 11.7em;
width: 96px;
}
.profile-snippet-fade::after {
content: '\2026';
float: right;
}
.widget.Profile .profile-location {
color: #000000;
font-size: 16px;
margin: 0;
opacity: .74;
}
.widget.Profile .team-member .profile-link::after {
clear: both;
content: '';
display: table;
}
.widget.Profile .team-member .profile-name {
word-break: break-word;
}
.widget.Profile .profile-datablock .profile-link {
color: #000000;
font: 600 16px Open Sans, sans-serif;
font-size: 24px;
text-transform: none;
word-break: break-word;
}
.widget.Profile .profile-datablock .profile-link + div {
margin-top: 16px !important;
}
.widget.Profile .profile-link {
background: transparent;
border: 0;
box-shadow: none;
color: #25a186;
cursor: pointer;
font-size: 14px;
font-weight: bold;
outline: none;
text-decoration: none;
text-transform: uppercase;
width: auto;
font: 600 16px Open Sans, sans-serif;
font-size: 14px;
}
.widget.Profile .profile-textblock {
color: #000000;
font-size: 14px;
line-height: 24px;
margin: 0 18px;
opacity: .74;
overflow: hidden;
position: relative;
word-break: break-word;
}
.widget.Label .list-label-widget-content li a {
width: 100%;
word-wrap: break-word;
}
.extendable .show-more,
.extendable .show-less {
font: 600 16px Open Sans, sans-serif;
font-size: 14px;
margin: 0 -8px;
}
.widget.BlogArchive .post-count {
color: #292929;
}
.Label li {
margin: 16px 0;
}
.Label li:last-child {
margin-bottom: 0;
}
.post-snippet.snippet-container {
max-height: 160px;
}
.post-snippet .snippet-item {
line-height: 40px;
}
.post-snippet .snippet-fade {
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
color: #292929;
height: 40px;
}
.hero-post-snippet.snippet-container {
max-height: 160px;
}
.hero-post-snippet .snippet-item {
line-height: 40px;
}
.hero-post-snippet .snippet-fade {
background: -webkit-linear-gradient(left, #25a186 0%, #25a186 20%, rgba(37, 161, 134, 0) 100%);
background: linear-gradient(to left, #25a186 0%, #25a186 20%, rgba(37, 161, 134, 0) 100%);
color: #ffffff;
height: 40px;
}
.hero-post-snippet a {
color: #173752;
}
.hero-post-noimage-snippet.snippet-container {
max-height: 320px;
}
.hero-post-noimage-snippet .snippet-item {
line-height: 40px;
}
.hero-post-noimage-snippet .snippet-fade {
background: -webkit-linear-gradient(left, #e5f0ee 0%, #e5f0ee 20%, rgba(229, 240, 238, 0) 100%);
background: linear-gradient(to left, #e5f0ee 0%, #e5f0ee 20%, rgba(229, 240, 238, 0) 100%);
color: #000000;
height: 40px;
}
.popular-posts-snippet.snippet-container {
max-height: 160px;
}
.popular-posts-snippet .snippet-item {
line-height: 40px;
}
.popular-posts-snippet .snippet-fade {
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
color: #292929;
height: 40px;
}
.profile-snippet.snippet-container {
max-height: 192px;
}
.profile-snippet .snippet-item {
line-height: 24px;
}
.profile-snippet .snippet-fade {
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%);
color: #000000;
height: 24px;
}
.hero-post-noimage-snippet .snippet-item::first-letter {
font-size: 80px;
line-height: 80px;
}
#comments div,
#comments cite,
#comments a {
font-size: 16px;
line-height: 1.4;
}
#comments .comment .comment-header .user,
#comments .comment .comment-header .user a {
color: #292929;
font: 600 14px Open Sans, sans-serif;
}
#comments .comment .comment-header .datetime a {
color: rgba(0,0,0,0.54);
font: 600 14px Open Sans, sans-serif;
}
#comments .comment .comment-header .datetime a::before {
content: '\00B7 ';
}
#comments .comment .comment-content {
margin-top: 6px;
}
#comments .comment .comment-actions {
color: #25a186;
font: 600 14px Open Sans, sans-serif;
}
#comments .continue {
display: none;
}
#comments .comment-footer {
margin-top: 8px;
}
.cmt_iframe_holder {
margin-left: 140px !important;
}
body.variant-rockpool_deep_orange .centered-top-secondline .PageList .overflow-popup li a {
color: #000;
}
body.variant-rockpool_pink .blog-name h1,
body.variant-rockpool_pink .blog-name h1 a {
text-transform: none;
}
body.variant-rockpool_deep_orange .post-filter-message {
background-color: #ffffff;
}
@media screen and (max-width: 1619px) {
.page {
float: none;
margin: 0 auto;
max-width: none !important;
}
.page_body {
max-width: 1280px;
margin: 0 auto;
}
}
@media screen and (max-width: 1280px) {
.heroPost .big-post-image {
display: table-cell;
left: auto;
position: static;
top: auto;
}
.heroPost .big-post-title {
display: table-cell;
}
}
@media screen and (max-width: 1168px) {
.centered-top-container,
.centered-top-placeholder {
padding: 24px 24px 32px 24px;
}
.sticky {
padding: 0 24px;
}
.subscribe-section-container {
margin-left: 48px;
}
.hamburger-section {
margin-left: 48px;
}
.big-post-title-inner,
.big-post-text-inner {
margin: 0 auto;
max-width: 920px;
}
.centered-top {
padding: 0;
max-width: 920px;
}
.Blog {
padding: 0;
}
body.item-view .Blog {
padding: 0 24px;
margin: 0 auto;
max-width: 920px;
}
.post-filter-description {
margin-right: 36px;
}
.post-outer {
display: block;
}
.post-content {
max-width: none;
margin: 0;
}
.post-outer .snippet-thumbnail {
width: 920px;
height: 613.33333px;
margin-bottom: 16px;
}
.post-outer .snippet-thumbnail.thumbnail-empty {
display: none;
}
.shown-ad .inline-ad {
max-width: 100%;
}
body.item-view .Blog {
padding: 0;
max-width: none;
}
.post-filter-message {
margin: 24px calc((100% - 920px) / 2);
max-width: none;
}
body.feed-view .blog-posts,
body.feed-view .feed-message,
.FeaturedPost h3 {
margin-left: calc((100% - 920px) / 2);
margin-right: calc((100% - 920px) / 2);
}
body.item-view .Blog .post-title-container {
padding: 62px calc((100% - 920px) / 2) 24px;
}
body.item-view .Blog .post-header-container {
padding-left: calc((100% - 920px) / 2);
}
body.item-view .Blog .post-body-container,
body.item-view .comments,
body.item-view .post-outer-container > .shown-ad,
body.item-view .widget.Blog .post-bottom {
margin: 32px calc((100% - 920px) / 2);
padding: 0;
}
body.item-view .cmt_iframe_holder {
margin: 32px 24px !important;
}
.blog-pager {
margin-left: calc((100% - 920px) / 2);
margin-right: calc((100% - 920px) / 2);
}
body.item-view .post-bottom {
margin: 0 auto;
max-width: 968px;
}
body.item-view .PopularPosts .post-content {
max-width: 100%;
margin-right: 0;
}
body.item-view .Blog .post-body {
margin-right: 0;
}
body.item-view .Blog .post-sidebar {
display: none;
}
body.item-view .widget.Blog .post-share-buttons-bottom {
margin-left: 24px;
margin-right: 24px;
}
body.item-view .PopularPosts {
margin: 0 auto;
max-width: 920px;
}
body.item-view .comment-thread-title {
margin-left: calc((100% - 920px) / 2);
}
.heroPost {
display: block;
}
.heroPost .big-post-title {
display: block;
max-width: none;
padding: 24px;
}
.heroPost .big-post-image {
display: none;
}
.heroPost .big-post-image-top {
display: block;
height: 613.33333px;
margin: 0 auto;
max-width: 920px;
}
.heroPost .big-post-image-top-container {
background-color: #25a186;
}
.heroPost.noimage .big-post-title {
max-width: none;
width: 100%;
}
.heroPost.noimage .big-post-text {
position: static;
width: 100%;
}
.heroPost .big-post-text {
padding: 24px;
}
}
@media screen and (max-width: 968px) {
body {
font-size: 14px;
}
.post-header-container .byline,
.post-header-container .byline a {
font-size: 14px;
}
.post-title,
.post-title a {
font-size: 24px;
}
.post-outer .snippet-thumbnail {
width: 100%;
height: calc((100vw - 48px) * 2 / 3);
}
body.item-view .Blog .post-title-container {
padding: 62px 24px 24px 24px;
}
body.item-view .Blog .post-header-container {
padding-left: 24px;
}
body.item-view .Blog .post-body-container,
body.item-view .PopularPosts,
body.item-view .comments,
body.item-view .widget.Blog .post-bottom,
body.item-view .post-outer-container > .shown-ad {
margin: 32px 24px;
padding: 0;
}
body.feed-view .blog-posts,
body.feed-view .feed-message,
.FeaturedPost h3 {
margin-left: 24px;
margin-right: 24px;
}
.post-filter-message {
margin: 24px 24px 48px 24px;
}
body.item-view blockquote {
font-size: 18px;
}
body.item-view .Blog .post-title {
font-size: 24px;
}
body.item-view .Blog .post-body {
font-size: 14px;
}
body.item-view .Blog .post-body::first-letter {
font-size: 56px;
line-height: 56px;
}
.main_header_elements {
position: relative;
display: block;
}
.search.focused .section {
margin-right: 0;
width: 100%;
}
html[dir=ltr] .search form {
margin-right: 0;
}
.hamburger-section {
margin-left: 24px;
}
.search-expand-icon {
display: block;
float: left;
height: 24px;
margin-top: -12px;
}
.search-expand-text {
display: none;
}
.subscribe-section-container {
margin-top: 12px;
}
.subscribe-section-container {
float: left;
margin-left: 0;
}
.search-expand {
position: absolute;
right: 0;
top: 0;
}
html[dir=ltr] .search-expand {
margin-left: 24px;
}
.centered-top.search-focused .subscribe-section-container {
opacity: 0;
}
.blog-name {
float: none;
}
.blog-name {
margin-right: 36px;
}
.centered-top-secondline .PageList li {
margin-right: 24px;
}
.centered-top.search-focused .subscribe-section-container,
.centered-top.search-focused .subscribe-button {
opacity: 1;
}
body.item-view .comment-thread-title {
margin-left: 24px;
}
.blog-pager {
margin-left: 24px;
margin-right: 24px;
}
.heroPost .big-post-image-top {
width: 100%;
height: calc(100vw * 2 / 3);
}
.post-snippet.snippet-container,
.popular-posts-snippet.snippet-container {
font-size: 14px;
max-height: 112px;
}
.post-snippet .snippet-item,
.popular-posts-snippet .snippet-item {
line-height: 2;
}
.post-snippet .snippet-fade,
.popular-posts-snippet .snippet-fade {
height: 28px;
}
.hero-post-snippet.snippet-container {
font-size: 14px;
max-height: 112px;
}
.hero-post-snippet .snippet-item {
line-height: 2;
}
.hero-post-snippet .snippet-fade {
height: 28px;
}
.hero-post-noimage-snippet.snippet-container {
font-size: 14px;
line-height: 2;
max-height: 224px;
}
.hero-post-noimage-snippet .snippet-item {
line-height: 2;
}
.hero-post-noimage-snippet .snippet-fade {
height: 28px;
}
.hero-post-noimage-snippet .snippet-item::first-letter {
font-size: 56px;
line-height: normal;
}
body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'] {
margin-left: -24px !important;
margin-right: -24px !important;
}
body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: left;'], body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: right;'] {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: left;'] img, body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: right;'] img {
max-width: 100%;
}
}
@media screen and (min-width: 1620px) {
.page {
float: left;
}
.centered-top {
max-width: 1600px;
padding: 44px 456px 32px 136px;
}
.sidebar-container {
box-shadow: none;
float: right;
max-width: 320px;
z-index: 32;
}
.sidebar-container .navigation {
display: none;
}
.hamburger-section,
.sticky .hamburger-section {
display: none;
}
.search.focused .section {
margin-right: 0;
width: 100%;
}
#footer {
padding-right: 320px;
}
}
-->
Skip to main content
Posts
Showing posts with the label automation
Red Hat has announced a new, automation-centric approach to multi-cloud management with Red Hat CloudForms 4.5. As enterprise IT environments are transformed into dynamic, virtual infrastructures they introduce significant complexities around self-service, governance and compliance, resource management, financial controls and capacity planning. With Red Hat CloudForms 4.5, organizations can more quickly and easily publish fully automated IT services, providing their end users with policy-controlled self-service lifecycle management of their resources, while maintaining greater visibility and management capabilities for disparate resources.
Based on the open source ManageIQ project, Red Hat CloudForms is a multi-cloud management platform (CMP) that enables policy controlled self-service for consumers of IT services. It gives IT operations teams a system to detect and respond to environment changes by tracking activities, capturing events and detecting configuration changes. CloudForm…
With ROI as the key parameter to measure investment, 57 per cent of marketers have allocated well-defined budgets for marketing automation spends. The latest B2C Marketing Automation Report India 2017 reveals that 70 per cent marketers in India have adopted Marketing Automation Solutions (MAS) to increase lead conversions. It further states that 48 per cent of marketers in India have already decided to include MAS in their marketing strategy.
The report, being first-of-its-kind, produced by Research NXT in association with Netcore, is based on a survey from more than 150 top marketing professionals and CMOs of leading brands from different sectors across India.
As per the report, the MAS category has grown by 36 per cent from 2016 to 2017, from 156 vendors to 212. There are more than 200 MAS providers available in the global market catering to the needs of B2B and B2C marketers. The number of Indian service providers is also growing at a faster pace, with India ranking third in terms…
With ROI as the key parameter to measure investment, 57 per cent of marketers have allocated well-defined budgets for marketing automation spends. The latest B2C Marketing Automation Report India 2017 reveals that 70 per cent marketers in India have adopted Marketing Automation Solutions (MAS) to increase lead conversions. It further states that 48 per cent of marketers in India have already decided to include MAS in their marketing strategy.
The report, being first-of-its-kind, produced by Research NXT in association with Netcore, is based on a survey from more than 150 top marketing professionals and CMOs of leading brands from different sectors across India.
As per the report, the MAS category has grown by 36 per cent from 2016 to 2017, from 156 vendors to 212. There are more than 200 MAS providers available in the global market catering to the needs of B2B and B2C marketers. The number of Indian service providers is also growing at a faster pace, with India ranking third in terms…
The banking sector is laying greater emphasis on providing revamped services to their clients, enhancing their technological infrastructure in order to give banks a competitive edge. There is an uncertainty prevailing in the banking industry as many capital markets are being transformed and experiencing serious existential threats.