input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
outline: 0px solid #0f7fff !important;
outline-offset: 0px !important; }
input:focus + label {
outline: 0px solid #0f7fff !important;
outline-offset: 0px !important; }
meta.foundation-version {
font-family: "/5.5.3/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 551px)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:551px)/";
width: 551px; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:551px) and (max-width:801px)/";
width: 551px; }
meta.foundation-mq-large {
font-family: "/only screen and (min-width:801px)/";
width: 801px; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:801px) and (max-width:1261px)/";
width: 801px; }
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:1261px)/";
width: 1261px; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/";
width: 1261px; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:1681px)/";
width: 1681px; }
meta.foundation-data-attribute-namespace {
font-family: false; }
/* Custom Sass Functions */
/* Background color for ``*/
/* Global text color on ``*/
/* Global textual link color*/
/* Link hover decoration*/
/* Images Path*/
/* Unit-less `line-height` for use in components like buttons*/
/* By default, this inherits from the ``*/
/* Gray and brand colors for use across Bootstrap*/
/* Customizes the `.table` component with basic values, each used across all table variations.*/
/*Padding for `| `s and ` | `s*/
/* Padding for cells in `.table-condensed`*/
/* Default background color used for all tables*/
/* Background color used for `.table-striped`*/
/* Background color used for `.table-hover`.*/
/* Border color for table and cell borders*/
.clear {
clear: both; }
.no-padding {
padding: 0 !important; }
.hidden {
display: none !important; }
@keyframes myeffect-slideshow {
0% {
opacity: 0;
transform: translateY(-300px); }
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes myeffect-OutRound {
to {
opacity: 0;
transform: scale(1); } }
.post-image-mask {
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -22px;
text-align: center;
font-size: 0;
z-index: 5; }
.post-image-mask span, .post-image-mask:after, .post-image-mask:before {
height: 10px;
width: 10px;
display: inline-block;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
vertical-align: middle;
margin-right: 7px;
opacity: 0;
transition: opacity .2s ease;
animation: wd-fadeOutRight .3s ease; }
.post-image-mask:after, .post-image-mask:before {
content: ""; }
.post-image-mask:before {
transition-delay: .15s;
animation-delay: .15s; }
.post-image-mask span {
transition-delay: .1s;
animation-delay: .1s; }
.post-img-wrap {
overflow: hidden; }
.post-img-wrap:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
transition: opacity .7s ease;
padding-bottom: 100%; }
.blog-meta {
display: inline-block;
padding: 0 0 5px;
vertical-align: top;
width: 100%;
color: #A4A4A4;
font-size: 13px; }
.blog-thumbnail {
margin: 0 0 1rem; }
.blog-thumbnail img:hover {
opacity: 0.8; }
.blog-title {
margin: 0;
margin-bottom: 1rem;
font-size: 16px; }
.blog-title a {
color: #4f4f4f; }
.blog-title a:hover {
color: #ee3a43; }
.blogRecent {
margin: 0;
padding: 0;
list-style: none; }
.blogRecent .blogRecent--item {
margin-bottom: 10px;
width: 100%;
clear: both; }
.blogRecent .blogRecent--item:last-child {
margin-bottom: 0; }
.blogRecent .blog-post-figure {
width: 35%;
float: left;
margin-right: 15px; }
.blogRecent .blog-header {
overflow: hidden; }
.blogRecent h4.blog-title {
font-size: 14px;
text-transform: none;
margin-bottom: 5px;
font-weight: normal;
line-height: 20px; }
.blogRecent .blog-meta {
color: #999; }
.blog-category .blog-post {
margin-bottom: 50px;
gap: 30px; }
@media (min-width: 551px) {
.blog-category .blog-post {
display: flex; } }
.blog-category .blog-post + .blog-post {
padding-top: 0px; }
@media (min-width: 551px) {
.blog-category .blog-post-figure {
flex: 0 0 25%;
max-width: 25%; } }
.blog-category .blog-post-body {
padding-bottom: 0;
width: auto; }
@media (max-width: 767px) {
.blog-category .blog-post-body {
padding: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.blog-category .blog-post-body {
padding: 0; } }
.blog-category .blog-thumbnail {
margin: 0;
padding: 5px;
border: 1px solid #eee;
position: relative; }
.blog-category .blog-thumbnail:before {
content: "";
padding-bottom: 100%;
display: block; }
.blog-category .blog-title {
margin: 10px 0;
font-size: 18px; }
.blog-category .tags {
margin-top: 3rem;
text-align: center; }
.blog-category .socialLinks {
display: block;
margin-bottom: 30px; }
.blog-category .socialLinks .socialLinks-item {
margin-bottom: 0;
margin-right: 5px;
vertical-align: top; }
.blog-category a.btn--readmore {
font-size: 14px;
text-transform: capitalize;
border-width: 2px; }
.blog-category a.btn--readmore:hover {
background: #ee3a43;
border-color: #ee3a43;
color: #FFFFFF; }
.blog-detail .blog-title {
font-size: 26px;
margin-bottom: 10px; }
.blog-detail .blog-meta {
border: none;
margin-bottom: 20px; }
.blog-detail .blog-thumbnail {
position: relative;
margin-bottom: 3rem; }
.blog-detail .blog-thumbnail:before {
content: "";
padding-bottom: 30%;
display: block; }
.blog-detail .excerpt-meta {
margin: 30px 0;
padding-top: 30px;
border-top: 1px solid #ececec; }
.blog-detail .excerpt-meta .meta {
font-size: 12px;
text-transform: uppercase;
color: #1c1c1c;
margin-bottom: 5px;
float: left;
width: 100%; }
.blog-detail .excerpt-meta .meta > .label {
color: #898989;
float: left;
margin: 0 3px 0 0;
font-weight: 400;
min-width: 40px; }
.blog-detail .excerpt-meta .socialLinks {
margin: 0; }
.blog-detail .excerpt-meta .google_plusone_iframe_widget {
width: auto !important; }
.blog-detail .excerpt-meta .tags {
margin-bottom: 0;
text-align: left; }
.blog-detail .excerpt-meta .tags .tag {
font-size: 12px;
padding-right: 10px;
display: inline; }
.blog-detail .excerpt-meta .tags .tag a {
padding: 0; }
@keyframes wd-fadeOutRight {
from {
transform: none; }
to {
transform: translate3d(50px, 0, 0); } }
@keyframes wd-fadeInLeft {
from {
transform: translate3d(-50px, 0, 0); }
to {
transform: none; } }
@keyframes wd-ShakeNext {
25% {
transform: translate3d(0, 0, 0); }
50% {
transform: translate3d(-3px, 0, 0); }
75% {
transform: translate3d(3px, 0, 0); } }
|