* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
} html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: 'Roboto', Helvetica, sans-serif;
}
body {
color: #333;
padding: 0;
border: 0;
margin: 0 auto;
font-weight: 400;
text-rendering: optimizeLegibility;
overflow-y: scroll;
background-color: #fff;
}
body.silo-modal-open {
overflow: hidden;
}
a {
color: #e8b935;
text-decoration: none;
}
a:active {
color: #d2a21b;
}
a:focus,
:focus {
outline: 0;
}
a:hover {
color: #f9c638;
outline: 0;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: 'Archivo Black', sans-serif;
text-transform: none;
text-rendering: optimizeLegibility;
font-weight: 600;
line-height: 1.15;
word-wrap: break-word;
margin: 1em 0 0.5em;
letter-spacing: -0.02em;
}
h1 {
font-size: 47px; }
h2 {
font-size: 40px; }
h3 {
font-size: 30px; }
h4 {
font-size: 24px; }
h5 {
font-size: 18px; }
h6 {
font-weight: 700;
font-size: 15px; }
address {
font-style: italic;
line-height: 1.5;
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 600;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p {
line-height: 1.5;
margin: 0 0 20px 0;
margin-bottom: 1.125em;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
code,
kbd,
samp {
font-family: 'Consolas', 'Courier New', Courier, monospace;
font-size: 16px;
font-size: 0.85em;
line-height: 1;
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
-webkit-font-smoothing: auto;
color: #e8b935;
background-color: #f5f2f0;
padding: 3px 5px;
padding: 0.2em 0.3em;
border-radius: 5px;
}
pre {
background: #f5f2f0;
color: #807F7F;
font-size: 16px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
line-height: 1.35;
}
pre code {
background: transparent;
padding: 0;
color: #807F7F;
font-size: 15px;
font-size: 0.95em;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
quotes: none;
}
blockquote {
padding: 0;
position: relative;
margin: 40px 0;
color: #1a171b;
}
blockquote p {
text-align: center;
color: #1a171b;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
}
.entry-content blockquote p {
font-size: 24px;
font-size: 1.5rem;
}
blockquote blockquote {
margin-left: 20px;
}
blockquote cite,
blockquote small {
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
color: #1a171b;
}
small {
font-size: smaller;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
menu,
ol,
ul {
margin: 16px 0;
padding: 0 0 0 20px;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
}
dl {
line-height: 1.5;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li >ul,
li > ol {
margin: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing:    content-box;
box-sizing:         content-box;
padding-right: 2px; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: #fff3d1;
text-decoration: none;
padding: 1px 4px;
padding: 0.05em 0.2em;
}
hr {
border-color: #000;
border-style: solid;
border-width: 1px;
}  .clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment:after {
clear: both;
}
.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment:before,
.comment:after {
content: "";
display: table;
} .assistive-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.assistive-text:hover,
.assistive-text:active,
.assistive-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
top: 5px;
left: 5px;
text-decoration: none;
height: auto;
width: auto;
z-index: 100000; } a.more-link,
.st-button,
.visit-theme,
.entry-content a.visit-theme,
.entry-summary a.visit-theme,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.comment-navigation a,
#page .jetpack-recipe-meta li.jetpack-recipe-print a,
#main #infinite-handle span {
background-color: #e8b935;
display: inline-block;
padding: 2px 10px;
color: #fff !important;
text-decoration: none;
font: 400 14px 'Work Sans', Helvetica, sans-serif;
line-height: 1.5;
text-align: center;
border: none !important;
position: relative;
border-radius: 4px;
-webkit-transition: .1s all ease-in-out;
-moz-transition: .1s all ease-in-out;
-o-transition: .1s all ease-in-out;
transition: .1s all ease-in-out;
}
a.more-link:hover,
.st-button:hover,
.visit-theme:hover,
.entry-content a.visit-theme:hover,
.entry-summary a.visit-theme:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.comment-navigation a:hover,
#page .jetpack-recipe-meta li.jetpack-recipe-print a:hover,
#main #infinite-handle span:hover {
background-color: #f9c638;
}
a.more-link:active,
.st-button:active,
.visit-theme:active,
.entry-content a.visit-theme:active,
.entry-summary a.visit-theme:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.comment-navigation a:active,
#page .jetpack-recipe-meta li.jetpack-recipe-print a:active,
#main #infinite-handle span:active {
background-color: #d2a21b;
}
.meta-section {
overflow: hidden;
position: relative;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.jetpack_subscription_widget #subscribe-email input,
.widget_blog_subscription input[type="text"] {
width: 100%;
background-color: #fafafa;
font-family: 'Work Sans', Helvetica, sans-serif;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 1px solid #d8d8d8;
padding: 8px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.jetpack_subscription_widget #subscribe-email input:focus,
.widget_blog_subscription input[type="text"]:focus {
background-color: #fff;
}
.post-password-required input[type="password"] {
margin: 20px 0;
}
textarea, input { outline: none; } ::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
} .entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
height: auto;
} .entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
border: 0;
}
.entry-content > iframe,
.entry-content > p > iframe {
margin-top: 15px;
margin-bottom: 10px;
width: 100%;
}
.comment-content iframe,
.PDS_Poll {
margin-bottom: 20px !important;
}
.entry-content object + *,
.entry-summary object + *,
.comment-content object + * {
margin-top: 20px;
} .twitter-tweet-rendered {
max-width: 100% !important;
} .twitter-tweet-rendered[style*="float: right"] {
margin-left: 24px !important;
}
.twitter-tweet-rendered[style*="float: left"] {
margin-right: 24px !important;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote.alignleft,
img.alignleft {
margin: 7px 24px 7px 0;
}
.wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
blockquote.alignright,
img.alignright {
margin: 7px 0 7px 24px;
}
.wp-caption.alignright {
margin: 7px 0 7px 14px;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}
.wp-caption .wp-caption-text,
.entry-caption {
font-size: 14px;
font-size: 0.85rem;
line-height: 1.5;
text-transform: none;
color: #757575;
padding-top: 10px;
margin-bottom: 30px;
text-align: left;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} a {
-webkit-transition: .1s all ease-in-out;
-moz-transition: .1s all ease-in-out;
-o-transition: .1s all ease-in-out;
transition: .1s all ease-in-out;
}
.grecaptcha-badge {
display: none !important;
} *:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 544px) {
.container {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1500px) {
.container {
max-width: 1440px;
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.no-margin {
margin: 0;
}
.row.no-wrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.col-xs-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
.col-xs {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xs-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xs-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xs-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xs-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xs-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xs-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xs-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xs-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xs-0 {
right: auto;
}
.pull-xs-1 {
right: 8.333333%;
}
.pull-xs-2 {
right: 16.666667%;
}
.pull-xs-3 {
right: 25%;
}
.pull-xs-4 {
right: 33.333333%;
}
.pull-xs-5 {
right: 41.666667%;
}
.pull-xs-6 {
right: 50%;
}
.pull-xs-7 {
right: 58.333333%;
}
.pull-xs-8 {
right: 66.666667%;
}
.pull-xs-9 {
right: 75%;
}
.pull-xs-10 {
right: 83.333333%;
}
.pull-xs-11 {
right: 91.666667%;
}
.pull-xs-12 {
right: 100%;
}
.push-xs-0 {
left: auto;
}
.push-xs-1 {
left: 8.333333%;
}
.push-xs-2 {
left: 16.666667%;
}
.push-xs-3 {
left: 25%;
}
.push-xs-4 {
left: 33.333333%;
}
.push-xs-5 {
left: 41.666667%;
}
.push-xs-6 {
left: 50%;
}
.push-xs-7 {
left: 58.333333%;
}
.push-xs-8 {
left: 66.666667%;
}
.push-xs-9 {
left: 75%;
}
.push-xs-10 {
left: 83.333333%;
}
.push-xs-11 {
left: 91.666667%;
}
.push-xs-12 {
left: 100%;
}
.offset-xs-1 {
margin-left: 8.333333%;
}
.offset-xs-2 {
margin-left: 16.666667%;
}
.offset-xs-3 {
margin-left: 25%;
}
.offset-xs-4 {
margin-left: 33.333333%;
}
.offset-xs-5 {
margin-left: 41.666667%;
}
.offset-xs-6 {
margin-left: 50%;
}
.offset-xs-7 {
margin-left: 58.333333%;
}
.offset-xs-8 {
margin-left: 66.666667%;
}
.offset-xs-9 {
margin-left: 75%;
}
.offset-xs-10 {
margin-left: 83.333333%;
}
.offset-xs-11 {
margin-left: 91.666667%;
}
@media (min-width: 544px) {
.col-sm {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.333333%;
}
.pull-sm-2 {
right: 16.666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.333333%;
}
.pull-sm-5 {
right: 41.666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.333333%;
}
.pull-sm-8 {
right: 66.666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.333333%;
}
.pull-sm-11 {
right: 91.666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.333333%;
}
.push-sm-2 {
left: 16.666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.333333%;
}
.push-sm-5 {
left: 41.666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.333333%;
}
.push-sm-8 {
left: 66.666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.333333%;
}
.push-sm-11 {
left: 91.666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.333333%;
}
.pull-md-2 {
right: 16.666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.333333%;
}
.pull-md-5 {
right: 41.666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.333333%;
}
.pull-md-8 {
right: 66.666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.333333%;
}
.pull-md-11 {
right: 91.666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.333333%;
}
.push-md-2 {
left: 16.666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.333333%;
}
.push-md-5 {
left: 41.666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.333333%;
}
.push-md-8 {
left: 66.666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.333333%;
}
.push-md-11 {
left: 91.666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.333333%;
}
.pull-lg-2 {
right: 16.666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.333333%;
}
.pull-lg-5 {
right: 41.666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.333333%;
}
.pull-lg-8 {
right: 66.666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.333333%;
}
.pull-lg-11 {
right: 91.666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.333333%;
}
.push-lg-2 {
left: 16.666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.333333%;
}
.push-lg-5 {
left: 41.666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.333333%;
}
.push-lg-8 {
left: 66.666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.333333%;
}
.push-lg-11 {
left: 91.666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.333333%;
}
.pull-xl-2 {
right: 16.666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.333333%;
}
.pull-xl-5 {
right: 41.666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.333333%;
}
.pull-xl-8 {
right: 66.666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.333333%;
}
.pull-xl-11 {
right: 91.666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.333333%;
}
.push-xl-2 {
left: 16.666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.333333%;
}
.push-xl-5 {
left: 41.666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.333333%;
}
.push-xl-8 {
left: 66.666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.333333%;
}
.push-xl-11 {
left: 91.666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0%;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1500px) {
.col-xxl {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xxl-0 {
right: auto;
}
.pull-xxl-1 {
right: 8.333333%;
}
.pull-xxl-2 {
right: 16.666667%;
}
.pull-xxl-3 {
right: 25%;
}
.pull-xxl-4 {
right: 33.333333%;
}
.pull-xxl-5 {
right: 41.666667%;
}
.pull-xxl-6 {
right: 50%;
}
.pull-xxl-7 {
right: 58.333333%;
}
.pull-xxl-8 {
right: 66.666667%;
}
.pull-xxl-9 {
right: 75%;
}
.pull-xxl-10 {
right: 83.333333%;
}
.pull-xxl-11 {
right: 91.666667%;
}
.pull-xxl-12 {
right: 100%;
}
.push-xxl-0 {
left: auto;
}
.push-xxl-1 {
left: 8.333333%;
}
.push-xxl-2 {
left: 16.666667%;
}
.push-xxl-3 {
left: 25%;
}
.push-xxl-4 {
left: 33.333333%;
}
.push-xxl-5 {
left: 41.666667%;
}
.push-xxl-6 {
left: 50%;
}
.push-xxl-7 {
left: 58.333333%;
}
.push-xxl-8 {
left: 66.666667%;
}
.push-xxl-9 {
left: 75%;
}
.push-xxl-10 {
left: 83.333333%;
}
.push-xxl-11 {
left: 91.666667%;
}
.push-xxl-12 {
left: 100%;
}
.offset-xxl-0 {
margin-left: 0%;
}
.offset-xxl-1 {
margin-left: 8.333333%;
}
.offset-xxl-2 {
margin-left: 16.666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.333333%;
}
.offset-xxl-5 {
margin-left: 41.666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.333333%;
}
.offset-xxl-8 {
margin-left: 66.666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.333333%;
}
.offset-xxl-11 {
margin-left: 91.666667%;
}
.offright-xxl-1 {
margin-right: 8.333333%;
}
} .hidden-xs-up {
display: none !important;
}
@media (max-width: 543px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 544px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
@media (max-width: 1499px) {
.hidden-xl-down {
display: none !important;
}
}
@media (min-width: 1500px) {
.hidden-xxl-up {
display: none !important;
}
}
.hidden-xxl-down {
display: none !important;
} .flex-xs-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-xs-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-xs-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-xs-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.flex-items-xs-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-items-xs-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-xs-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-xs-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flex-xs-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-xs-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-xs-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-xs-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-xs-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-xs-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 544px) {
.flex-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-sm-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-sm-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-sm-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.flex-items-sm-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-items-sm-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-sm-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-sm-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flex-sm-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-sm-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-sm-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-sm-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-sm-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-sm-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.flex-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-md-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-md-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-md-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.flex-items-md-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-items-md-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-md-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-md-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flex-md-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-md-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-md-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-md-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-md-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-md-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 992px) {
.flex-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-lg-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-lg-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-lg-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.flex-items-lg-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-items-lg-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-lg-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-lg-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flex-lg-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-lg-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-lg-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-lg-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-lg-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-lg-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.flex-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.flex-xl-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.flex-xl-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.flex-items-xl-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.flex-items-xl-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-items-xl-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.flex-xl-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.flex-xl-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flex-xl-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.flex-items-xl-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-items-xl-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-items-xl-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-items-xl-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-items-xl-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
} .textleft-xs {
text-align: left;
}
.textright-xs {
text-align: right;
}
.textcenter-xs {
text-align: center;
}
@media (min-width: 576px) {
.textleft-sm {
text-align: left;
}
.textright-sm {
text-align: right;
}
.textcenter-sm {
text-align: center;
}
}
@media (min-width: 768px) {
.textleft-md {
text-align: left;
}
.textright-md {
text-align: right;
}
.textcenter-md {
text-align: center;
}
}
@media (min-width: 992px) {
.textleft-lg {
text-align: left;
}
.textright-lg {
text-align: right;
}
.textcenter-lg {
text-align: center;
}
}
@media (min-width: 1200px) {
.textleft-xl {
text-align: left;
}
.textright-xl {
text-align: right;
}
.textcenter-xl {
text-align: center;
}
}
@media (min-width: 1500px) {
.textleft-xxl {
text-align: left;
}
.textright-xxl {
text-align: right;
}
.textcenter-xxl {
text-align: center;
}
}
.site {
margin: 0 auto;
width: 100%;
border: 0
}
.site-main {
position: relative;
} body.custom-background {
} .site-header {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}  .navbar {
margin: 0 auto;
width: 100%;
padding: 10px 0;
background-color: transparent;
-webkit-transition: .8s all ease;
-moz-transition: .8s all ease;
-o-transition: .8s all ease;
transition: .8s all ease;
} .menu-toggle {
cursor: pointer;
display: block;
font-size: 24px;
margin: 0;
padding: 4px 20px;
text-align: right;
color: #E34344;
position: absolute;
margin: 0;
right: 0;
}
.menu-home,
.menu-search,
.menu-toggle,
.main-navigation {
position: relative;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.menu-home,
.menu-search,
.menu-toggle {
cursor: pointer;
padding-top: 10px;
padding-bottom: 10px;
color: #999;
}
.menu-home {
text-align: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.menu-search {
font-size: 18px;
} .main-navigation {
display: none;
min-height: 0px;
width: 100%;
max-width: 100%;
position: absolute;
top: 100%;
left: 0;
background-color: #f8f8f8;
text-align: center;
}
@media (max-width: 1199px) {
.main-navigation.open {
display: block;
-webkit-animation: silo-fade 0.2s;
-moz-animation: silo-fade 0.2s;
animation: silo-fade 0.2s;
min-height: calc(100vh - 60px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-flex-direction: column;
flex-direction: column;
}
}
@-webkit-keyframes silo-fade {
0% {
opacity: 0;
-webkit-transform: translateY(-1.4em);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes silo-fade {
0% {
opacity: 0;
-moz-transform: translateY(-1.4em);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes silo-fade {
0% {
opacity: 0;
-webkit-transform: translateY(-1.4em);
-moz-transform: translateY(-1.4em);
-ms-transform: translateY(-1.4em);
-o-transform: translateY(-1.4em);
transform: translateY(-1.4em);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.nav-menu,
.nav-menu > ul {
display: block;
margin: 0;
padding: 0;
width: 100%;
}
.nav-menu {
padding-bottom: 15px;
}
.main-navigation li,
.main-navigation .children {
display: block;
float: none;
position: relative;
text-align: center;
}
.nav-menu li a {
padding: 10px 0;
color: #999;
display: block;
font-size: 18px; line-height: 1.5;
text-decoration: none;
}
.nav-menu li a:hover,
.nav-menu .current_page_item > a,
.nav-menu .current-menu-item > a {
color: #000;
}
.nav-menu li > ul {
background-color: transparent;
float: none;
margin-left: 0;
position: relative;
left: auto;
top: auto;
padding-left: 10px;
}
.nav-menu li > ul a {
width: auto;
} .nav-menu li.featured a {
border: 1px solid #E34344;
color: #E34344;
padding: 1px 9px;
border-radius: 4px;
}
.nav-menu li.featured,
.nav-menu li.langesp,
.nav-menu li.langeng {
display: inline-block;
}
.nav-menu li.featured a:hover {
background-color: #E34344;
color: #fff;
}
.nav-menu li.langesp a:before {
content: "";
border: 1px solid #d8d8d8;
border-right: 0;
border-radius: 4px 0 0 4px;
position: absolute;
width: 107%;
height: 100%;
top: 0;
left: 0;
}
.nav-menu li.langeng a:before {
content: "";
border: 1px solid #d8d8d8;
border-left: 0;
border-radius: 0 4px 4px 0;
position: absolute;
width: 107%;
height: 100%;
top: 0;
right: 0;
}
.nav-menu li.langesp a,
.nav-menu li.langeng a {
padding: 2px 10px;
margin: 5px;
border-radius: 4px;
color: #d8d8d8;
font-size: 15px;
}
.nav-menu li.active a,
.nav-menu li.langesp a:hover,
.nav-menu li.langeng a:hover {
background-color: #d8d8d8;
color: #fff;
} .custom-logo {
max-width: 160px;
width: 120px;
height: auto;
} .site-content {
overflow: hidden;
}
#main {
padding-top: 20px;
padding-bottom: 0px;
}
.hentry {
padding-bottom: 20px;
padding-top: 0;
margin-bottom: 20px;
position: relative;
overflow: visible;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta,
.entry-footer,
.archive-title,
.archive-meta {
} .entry-header {
text-align: left;
} .entry-title {
margin: 0;
padding: 0;
color: #333;
position: relative;
word-wrap: break-word;
}
.entry-title a  {
color: #333;
text-decoration: none;
}
.entry-title a:hover{
color: #818180;
} .entry-thumbnail {
padding: 0;
}
.entry-thumbnail img {
display: block;
margin: 0 auto;
} .entry-meta {
clear: both;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.40;
padding: 0;
position: relative;
color: #807F7F;
padding: 10px 0 0;
}
.entry-meta > span {
display: block;
margin-right: 0;
margin-bottom: 0;
}
.entry-meta span a {
color: #767676;
word-wrap: break-word;
}
.entry-meta span a:hover {
color: #818180;
}
.entry-meta span:last-child {
margin-right: 0;
}
.single .entry-meta > span.reading-time,
.single .entry-meta > span.tags-links,
.single .entry-meta > span.author,
.single .entry-meta > span.language-selector,
.single .entry-meta > span.comments-link {
margin-top: 10px;
} .comment.token:after,
.comment.token:before {
content: none;
} .entry-meta .tags-links a {
background-color: transparent;
padding: 1px 9px;
border-radius: 4px;
display: inline-block;
border: 1px solid #d8d8d8;
line-height: 1.5;
font-size: 14px;
margin-right: 5px;
margin-bottom: 5px;
}
.entry-meta .tags-links a:hover {
background-color: #d8d8d8;
color: #fff;
} .entry-meta .categories-links a,
.list-categories .cat-item a {
background-color: #d8d8d8;
padding: 2px 10px;
font-size: 14px;
border-radius: 4px;
color: #fff;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
line-height: 1.5;
}
.entry-meta .categories-links a:hover,
.list-categories .cat-item a:hover {
color: #fff;
}
.entry-meta .categories-links a[href*="web"],
.list-categories .cat-item a[href*="web"] {
background-color: #34b297;
}
.entry-meta .categories-links a[href*="gra"],
.list-categories .cat-item a[href*="gra"] {
background-color: #f39c15;
}
.entry-meta .categories-links a[href*="wordpress"],
.list-categories .cat-item a[href*="wordpress"] {
background-color: #3996D3;
}
.list-categories ul {
padding: 0;
list-style: none;
} .entry-meta .author img {
border-radius: 999px;
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.entry-meta .author .url {
vertical-align: middle;
width: calc(100% - 60px);
display: inline-block;
}
.entry-meta .author p {
font-size: 13px;
}
.type-post .entry-meta .author p {
display: none;
} .entry-meta .posted-on > .updated:before {
content: attr(date-published) '. ';
} .ec-stars-value {
display: inline-block;
font-size: 15px;
}
.ec-stars-value .item {
display: none;
}
.entry-meta .ec-stars-wrapper a {
color: #e8b935;
}
.entry-meta .ec-stars-wrapper:hover a, .entry-meta .ec-stars-wrapper.is-voted a {
color: #f9c638;
}
.entry-meta .ec-stars-wrapper a:active {
color: #d2a21b;
}
.entry-meta .ec-stars-wrapper > a:hover ~ a {
color: #d8d8d8;
} .entry-content,
.entry-summary {
padding-top: 10px;
padding-bottom: 10px;
word-wrap: break-word;
} .entry-content p,
.entry-summary p {
font-size: 16px;
font-size: 1rem;
line-height: 1.55;
margin-bottom: 20px;
margin-bottom: 1.125em;
}
.entry-content .intro {
font-size: 24px; }
.entry-content ul,
.entry-summary ul,
.entry-content ol,
.entry-summary ol {
font-size: 16px;
font-size: 1rem;
line-height: 1.55;
}
.entry-content pre {
margin-top: 35px;
margin-bottom: 30px;
}
.entry-content a,
.entry-summary a,
.comment-content a {
color: #e8b935;
border-bottom: 1px solid #d8d8d8;
}
.entry-content a:hover,
.entry-summary a:hover,
.comment-content a:hover {
color: #f9c638;
border-bottom: 1px solid #f9c638;
} .entry-footer.entry-meta {
padding-top: 10px;
padding-bottom: 10px;
}  #main.row > .type-post .entry-summary p:last-child {
margin-bottom: 0;
}
#main.row > .type-post .entry-header {
padding-top: 15px;
}
#main.row > .type-post .entry-header .entry-title {
font-size: 24px;
line-height: 1.05;
}
#main.row > .type-post .entry-thumbnail {
margin-left: -15px;
margin-right: -15px;
}
#main.row > .type-post .entry-footer {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
#main.row > * {
-webkit-order: 35;
-ms-flex-order: 35;
order: 35;
margin-bottom: 30px;
}
#main.row > .type-post:nth-of-type(1) {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#main.row > .type-post:nth-of-type(2) {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
#main.row > .type-post:nth-of-type(3) {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
#main.row > .type-post:nth-of-type(4) {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
#main.row > .type-post:nth-of-type(5) {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
#main.row > .type-post:nth-of-type(6) {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
#main.row > .type-post:nth-of-type(7) {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
#main.row > .type-post:nth-of-type(8) {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15;
}
#main.row > .type-post:nth-of-type(9) {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17;
}
#main.row > .type-post:nth-of-type(10) {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19;
}
#main.row > .type-post:nth-of-type(11) {
-webkit-order: 21;
-ms-flex-order: 21;
order: 21;
}
#main.row > .type-post:nth-of-type(12) {
-webkit-order: 23;
-ms-flex-order: 23;
order: 23;
}
#main.row > .type-post:nth-of-type(13) {
-webkit-order: 25;
-ms-flex-order: 25;
order: 25;
}
#main.row > .type-post:nth-of-type(14) {
-webkit-order: 27;
-ms-flex-order: 27;
order: 27;
}
#main.row > .type-post:nth-of-type(15) {
-webkit-order: 29;
-ms-flex-order: 29;
order: 29;
} #main.row > .widget-loop .textwidget {
min-height: 100%;
}
#main.row > .widget-loop:nth-of-type(1) {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
#main.row > .widget-loop:nth-of-type(2) {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20;
display: none;
}
#main.row > .widget-loop:nth-of-type(3) {
-webkit-order: 30;
-ms-flex-order: 30;
order: 30;
display: none;
}
#main.row > .widget-loop:nth-of-type(4) {
-webkit-order: 31;
-ms-flex-order: 31;
order: 31;
display: none;
} .entry-ads-first {
background-color: #f6f6f6;
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.entry-ads-first a {
display: block;
padding: 20px;
border: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.entry-ads-first a:hover {
border: 0;
}
.entry-content .entry-ads-first img {
flex: 1 0 100px;
max-width: 100px;
}
.entry-content .entry-ads-first p {
font-size: 15px;
line-height: 21px;
color: #807F7F;
flex: 3 0 100%;
max-width: 100%;
margin: 20px 0;
padding: 0;
text-align: center;
}
.entry-content .entry-ads-first span {
flex: 1 0 125px; 
max-width: 125px;
}
@media (min-width: 560px) {
.entry-ads-first a {
padding: 25px;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.entry-content .entry-ads-first p {
flex: 3 0 auto;
max-width: calc(100% - 225px);
margin: 0;
padding: 0 25px;
}
}
@media (min-width: 1200px) {
.entry-ads-first {
margin-top: -10px;
}
} ins.adsbygoogle,
ins.adsbygoogle ins {
background: transparent;
padding: 0;
margin: 0;
}
.entry-content ins.adsbygoogle {
margin: 1.125em 0 0;
} .container-envelope {
margin: auto;
background-color: #fff;
padding: 15px 0px 5px;
border-radius: 3px;
position: relative;
background-image: url(//www.silocreativo.com/wp-content/themes/silocreativo/images/pattern-subscribe.svg);
background-size: cover;
}
.inner-envelope {
margin: 0;
padding: 10px 20px;
text-align: center;
color: #fff;
}
.inner-envelope input[type="text"],
.inner-envelope input[type="email"],
.inner-envelope input[type="url"] {
border: none;
border: 1px solid #fff;
padding: 10px 8px;
width: 100%;
color: #fff;
background-color: transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.inner-envelope input[type="text"]:focus,
.inner-envelope input[type="email"]:focus,
.inner-envelope input[type="url"]:focus {
outline: 0;
color: #fff;
}
textarea, input { outline: none; }
.inner-envelope input::placeholder {
color: #eee;
}
.inner-envelope input::-webkit-input-placeholder {
color: #eee;
}
.inner-envelope input:-ms-input-placeholder {
color: #eee;
}
.inner-envelope input::-moz-placeholder {
color: #eee;
}
.inner-envelope input.more-link {
margin: 10px 0;
color: #fff;
background: rgba(241, 241, 241, 0.5);
display: inline-block;
padding: 15px;
text-decoration: none;
text-transform: none;
text-align: center;
outline: 0;
font-weight: 400;
border: 0;
font-size: 20px; letter-spacing: 1px;
}
.inner-envelope input.more-link:hover {
background: #ffffff;
color: #88b4da !important;
}
.privacy-checkbox {
text-align: left;
}
.privacy-checkbox span {
font-size: 14px;
display: block;
}
.privacy-checkbox a {
color: #fff;
text-decoration: underline;
} .deals-banner {
margin: auto;
background-color: #fff;
padding: 10px;
border-radius: 3px;
position: relative;
background-image: url(//www.silocreativo.com/wp-content/themes/silocreativo/images/pettern-deals.svg);
background-size: cover;
text-align: center;
}
.deals-banner:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
height: calc(100% - 20px);
width: calc(100% - 20px);
border: 1px solid #fff;
}
.deals-banner p {
color: #fff;
margin: 0;
padding: 20px 10px;
}
.deals-banner p:first-of-type {
position: relative;
}
.deals-banner p:first-of-type:after {
content: "";
position: absolute;
bottom: 0%;
width: calc(100% - 40px);
left: 20px;
background-color: #fff;
height: 1px;
}
.deals-banner .icon-container i {
width: 100px;
height: 100px;
line-height: 100px;
font-size: 60px;
background: rgba(241, 241, 241, 0.5);
border-radius: 999px;
}
.deals-banner .absolute-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.questions-container {
display: none;
} .silo-home .home-banner .entry-content {
margin-left: auto;
}
.home-blog {
background-color: #fff;
padding-top: 80px;
}
.silo-home .home-banner a {
background-color: #e8b935;
display: inline-block;
padding: 2px 10px;
color: #fff !important;
text-decoration: none;
font: 400 14px 'Work Sans', Helvetica, sans-serif;
line-height: 1.5;
text-align: center;
border: none !important;
position: relative;
border-radius: 4px;
-webkit-transition: .1s all ease-in-out;
-moz-transition: .1s all ease-in-out;
-o-transition: .1s all ease-in-out;
transition: .1s all ease-in-out;
font-size: 20px;
width: auto;
padding: 10px 20px;
background-color: #E34344;
border: 1px solid #E34344 !important;
color: #fff!important;
}
.silo-home .home-banner a:hover {
background-color: #ce3639!important;
border: 1px solid #ce3639!important;
} #main.row > .page-header {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
} .single .type-post h1.entry-title {
font-size: 32px;
}
.single .type-post .entry-meta-container .entry-thumbnail,
.single .type-post .entry-meta-container .entry-meta {
padding-top: 10px;
}
.entry-content a.visit-theme,
.entry-summary a.visit-theme {
margin: 5px;
} .tag-silomag .entry-content h3 ~ p + h3,
.tag-silomag .entry-content h3 ~ p + h2 {
margin-top: -20px;
padding-top: 40px;
}
.tag-silomag .entry-content p {
margin-bottom: 20px;
padding: 0;
}
.tag-silomag .entry-content h3 + p img[class*="align"] {
margin-top: 14px;
margin-right: 0;
float: none;
}
.tag-silomag .entry-content .authorsure-author-box {
clear: both;
margin-top: 0;
padding-top: 30px;
border-top: 30px solid #fff;
}
.tag-silomag .entry-content .yarpp-related {
clear: both;
}
.single .tag-silomag .entry-content h3 + p > a + br {
display: none;
}
.single .tag-silomag .entry-content .silo-related-mag {
padding: 5px 20px 30px;
background-color: #f8f8f8;
position: relative;
overflow: hidden;
margin-top: 35px;
}
.single .tag-silomag .entry-content .silo-related-mag > h3 {
margin-top: 25px;
}
.single .tag-silomag .entry-content .silo-related-mag:after {
content: "Sponsor";
display: block;
bottom: 0;
width: 100%;
color: #b7b7b7;
left: 0;
text-align: center;
padding: 5px 0;
position: absolute;
} .entry-content .social-sharing a {
color: #fff;
border-bottom: none;
}
.entry-content .social-sharing a:hover {
color: #e8b935;
border-bottom: none;
} .entry-content .yarpp-related {
padding: 10px 15px 15px;
background-color: aliceblue;
}
.entry-content .yarpp-related ol {
padding: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.entry-content .yarpp-related a {
font-weight: 400;
}
.entry-content .yarpp-related p,
.entry-content .yarpp-related ol li p {
font-size: 15px;
margin-bottom: 7px;
margin-top: 7px;
color: #807F7F;
}
.entry-content .yarpp-related li.silo-related .entry-title a:after {
content: "[Sponsor]";
width: 100%;
display: block;
font-size: 14px;
color: #b7b7b7;
}
body:lang(es) .entry-content .yarpp-related li.silo-related .entry-title a:after {
content: "[Patrocinado]";
}
.entry-content .yarpp-related ol > li:nth-of-type(1) {
order: 1;
}
.entry-content .yarpp-related ol > li:nth-of-type(2) {
order: 3;
}
.entry-content .yarpp-related ol > li:nth-of-type(3) {
order: 5;
}
.entry-content .yarpp-related ol > li.silo-related {
order: 4;
}
.entry-content .yarpp-related ol > li:nth-of-type(4) {
display: none;
}    .admin-bar .silo-close-modal {
top: 46px;
} .page-template-page-portfolio #content {
min-height: calc(100vh - 157px);
}
.isotope-item,
.portfolio-item {
z-index: 2;
margin-bottom: 30px;
}
.isotope-hidden.isotope-item {
pointer-events: none; z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
#portfolio-filters {
margin-bottom: 30px;
margin-top: 20px;
}
#portfolio-filters a {
background-color: #d8d8d8;
padding: 2px 10px;
font-size: 14px;
border-radius: 4px;
color: #fff;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
line-height: 1.5;
}
#portfolio-filters a:hover,
#portfolio-filters a.active-item {
color: #fff;
background-color: #E34344;
} .portfolio-item .box-container {
position: relative;
}
.portfolio-item .box-container img {
border-radius: 4px;
}
.portfolio-item .box-container .overlay {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 4px;
padding: 20px;
pointer-events: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease;
opacity: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(62%, transparent), color-stop(63.94%, rgba(0,0,0,0.00345888)), color-stop(65.89%, rgba(0,0,0,0.014204)), color-stop(67.83%, rgba(0,0,0,0.0326639)), color-stop(69.78%, rgba(0,0,0,0.0589645)), color-stop(71.72%, rgba(0,0,0,0.0927099)), color-stop(73.67%, rgba(0,0,0,0.132754)), color-stop(75.61%, rgba(0,0,0,0.177076)), color-stop(77.56%, rgba(0,0,0,0.222924)), color-stop(79.5%, rgba(0,0,0,0.267246)), color-stop(81.44%, rgba(0,0,0,0.30729)), color-stop(83.39%, rgba(0,0,0,0.341035)), color-stop(85.33%, rgba(0,0,0,0.367336)), color-stop(87.28%, rgba(0,0,0,0.385796)), color-stop(89.22%, rgba(0,0,0,0.396541)), color-stop(91.17%, rgba(0,0,0,0.4)));
background: linear-gradient(180deg, transparent 62%, rgba(0,0,0,0.00345888) 63.94%, rgba(0,0,0,0.014204) 65.89%, rgba(0,0,0,0.0326639) 67.83%, rgba(0,0,0,0.0589645) 69.78%, rgba(0,0,0,0.0927099) 71.72%, rgba(0,0,0,0.132754) 73.67%, rgba(0,0,0,0.177076) 75.61%, rgba(0,0,0,0.222924) 77.56%, rgba(0,0,0,0.267246) 79.5%, rgba(0,0,0,0.30729) 81.44%, rgba(0,0,0,0.341035) 83.39%, rgba(0,0,0,0.367336) 85.33%, rgba(0,0,0,0.385796) 87.28%, rgba(0,0,0,0.396541) 89.22%, rgba(0,0,0,0.4) 91.17%);
}
.portfolio-item .box-container:hover .overlay {
opacity: 1;
}
.portfolio-item .box-container .overlay .title {
color: #fff;
font-size: 18px;
font-size: 1.125rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
}
.portfolio-item .box-container .absolute-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
} #portfolio-items .col-sm-3 {
margin-right: -1px;
} body.single-portfolio {
background: #f9f9f9;
}
.single-portfolio .hentry {
max-width: 1200px;
margin: 0 auto;
}
.single-portfolio #content .container {
max-width: 1230px;
}
.single-portfolio .hentry .entry-content {
margin: 0;
} .page-template-page-wordpress .site {
background-color: #f7f5ef;
}
#main.silo-wordpress-themes {
padding-top: 0;
}
.silo-wordpress-themes #wordpress-title,
.template-thankyou .entry-header,
.silo-home .home-banner .entry-content {
margin-top: 35px;
text-align: center;
}
.silo-wordpress-themes #wordpress-title .entry-title,
.template-thankyou .entry-header .entry-title,
.silo-home .home-banner .entry-content h1 {
text-align: center;
margin: 0 auto;
line-height: 1.05;
font-size: 38px;
color: #E34344;
max-width: 500px;
}
.silo-wordpress-themes .entry-summary,
.template-thankyou .entry-summary {
max-width: 720px;
text-align: center;
margin: 0 auto;
color: #999;
}
.silo-home .home-banner .entry-content p {
max-width: 720px;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #999;
}
.silo-wordpress-themes .entry-summary p:last-child,
.template-thankyou .entry-summary p:last-child,
.silo-home .home-banner .entry-content p:last-child {
margin-bottom: 0;
}
.silo-wordpress-themes .entry-thumbnail {
position: relative;
}
#wordpress-items {
margin-top: 40px;
}
#wordpress-items .wordpress-card {
text-align: center;
margin-bottom: 25px;
}
#wordpress-items .entry-thumbnail {
margin-bottom: 15px;
}
#wordpress-items .entry-thumbnail > a {
display: block;
overflow: hidden;
box-shadow: 0px 1px 6px rgb(0 0 0 / 20%);
border-radius: 4px;
transition: transform .3s,box-shadow .3s;
}
#wordpress-items .entry-thumbnail:hover > a {
transform: translate3d(0, -10px, 0);
box-shadow: 0 18px 27px 0 rgb(0 0 0 / 20%);
}
#wordpress-items .entry-thumbnail img {
border-radius: 4px;
}
#wordpress-items .entry-title {
font-size: 26px;
font-weight: 400;
}
#wordpress-items .entry-title a {
color: #666;
text-decoration: none;
}
#wordpress-items .entry-title a:hover {
color: #E34344;
text-decoration: none;
}
#wordpress-items .wp-quick-tags {
display: block;
font-size: 14px;
}
#wordpress-items .wp-quick-tags span.wp-tags {
color: #969695;
}
@media (min-width: 992px) {
.silo-wordpress-themes #wordpress-title,
.template-thankyou .entry-header,
.silo-home .home-banner .entry-content {
margin-top: 70px;
}
.silo-wordpress-themes #wordpress-title .entry-title,
.template-thankyou .entry-header .entry-title,
.silo-home .home-banner .entry-content h1 {
font-size: 86px;
max-width: 910px;
}
.silo-wordpress-themes .entry-summary p,
.template-thankyou .entry-summary p,
.silo-home .home-banner .entry-content p {
font-size: 21px;
margin-bottom: 30px;
}
#wordpress-items {
margin-top: 80px;
}
#wordpress-items .wordpress-card {
padding-left: 10px;
padding-right: 10px;
max-width: 666px;
margin: 0 auto 30px;
text-align: left;
}
#wordpress-items .entry-title {
font-size: 32px;
}
#wordpress-items .entry-thumbnail {
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
#wordpress-items {
margin-top: 120px;
}
} body.single-wordpress {
background-color: #fff;
}
#silowp-intro {
margin-bottom: 50px;
}
#silowp-intro .entry-thumbnail {
padding-left: 15px;
padding-right: 15px;
}
#silowp-intro .entry-thumbnail p {
margin: 0;
}
#silowp-intro .entry-thumbnail img {
-webkit-box-shadow: 0px -3px 10px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px -3px 10px rgb(0 0 0 / 20%);
box-shadow: 0px -3px 10px rgb(0 0 0 / 20%);
}
#silowp-intro .silowp-details {
max-width: 585px;
margin: 25px auto 15px;
}
#silowp-intro .entry-title {
color: #E34344;
font-size: 38px;
}
#silowp-intro .entry-summary {
color: #999;
}
#silowp-intro .entry-summary p:last-child {
margin-bottom: 0;
}
#silowp-intro .silowp-button {
background-color: transparent;
border: 1px solid #E34344 !important;
color: #E34344 !important;
font-size: 16px;
}
#silowp-intro .silowp-button:hover {
background-color: #E34344 !important;
border: 1px solid #E34344 !important;
color: #fff !important;
}
#silowp-intro .silowp-button.buy-button {
background-color: #E34344 !important;
color: #fff !important;
}
#silowp-intro .silowp-button.buy-button:hover {
background-color: #ce3639 !important;
border: 1px solid #ce3639 !important;
}
#silowp-features {
background-color: #f7f5ef;
padding-top: 130px;
padding-bottom: 50px;
}
.silowp-feature-item h2 {
font-size: 32px;
font-weight: 400;
margin: 0 0 10px;
color: #555;
}
.silowp-feature-item p {
color: #999;
}
.silowp-feature-item {
margin-bottom: 60px;
}
.silowp-feature-item .box-container {
margin-right: 10px;
margin-left: 10px;
}
.silowp-feature-item .box-container a {
color: #333;
border-bottom: 1px solid #d8d8d8;
}
#pricing {
padding-top: 120px;
padding-bottom: 80px;
}
.pricing-table {
background-color: #f7f5ef;
padding: 45px 30px 30px;
width: 350px;
margin-right: 20px;
margin-left: 20px;
border-radius: 4px;
margin-bottom: 50px;
}
.pricing-title {
font-size: 20px;
margin: 0;
font-weight: 600;
color: #666;
}
span.pricing-price {
font-size: 72px;
font-weight: 600;
color: #E34344;
line-height: 1;
}
.pricing-meta {
color: #999;
}
.pricing-meta p {
font-size: 13px;
}
.pricing-table ul {
padding: 0;
list-style: none;
color: #999;
margin-top: 40px;
margin-bottom: 40px;
font-size: 16px;
}
ul.pricing-list li {
margin-bottom: 10px;
}
.pricing-table ul li:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00c";
color: #E34344;
margin-right: 8px;
}
.pricing-button {
font-size: 20px;
width: 100%;
padding: 10px;
background-color: #E34344;
border: 1px solid #E34344 !important;
color: #fff!important;
}
.pricing-button:hover {
background-color: #ce3639!important;
border: 1px solid #ce3639!important;
}
.single-theme .pricing-button {
background-color: transparent;
border: 1px solid #E34344 !important;
color: #E34344 !important;
}
.single-theme .pricing-button:hover {
background-color: #E34344 !important;
border: 1px solid #E34344 !important;
color: #fff !important;
}
.pricing-button.disable {
pointer-events: none;
background-color: #ccc;
}
#pricing .col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#silowp-faq {
padding-top: 0;
padding-bottom: 100px;
}
#silowp-faq .faq-title {
text-align: center;
font-size: 36px;
font-weight: 400;
margin: 0 0 70px;
color: #555;
}
.silowp-faq-item {
margin-bottom: 60px;
}
.silowp-faq-item .box-container {
margin-right: 10px;
margin-left: 10px;
}
.silowp-faq-item h3 {
font-size: 20px;
font-weight: 400;
margin: 0 0 10px;
color: #555;
}
.silowp-faq-item p {
color: #999;
font-size: 16px;
}
.single-wordpress #silowp-content {
display: none;
}
@media (min-width: 768px) {
#silowp-intro {
margin-bottom: 0;
}
#silowp-intro .silowp-details {
margin: 15px 5% 15px auto;
}
#silowp-intro .entry-title {
font-size: 48px;
}
#silowp-intro .silowp-button {
font-size: 18px;
}
}
@media (min-width: 992px) {
#silowp-intro .entry-title {
font-size: 82px;
}
#silowp-intro .entry-summary p {
font-size: 21px;
margin-bottom: 30px;
}
#silowp-intro .silowp-details {
max-width: 666px;
margin-left: 10%;
}
}
.silowp-showcase {
background-image: linear-gradient(to right, rgba(232, 185, 53, 0.8), rgba(232, 185, 53, 0.8)),
url(//www.silocreativo.com/wp-content/themes/silocreativo/images/showcase-bg.jpg);
background-repeat: no-repeat,
repeat-x;
background-position: top left,
top left;
}
.silowp-showcase .row {
min-height: 350px;
}
.silowp-showcase .row .col-xs-12 {
position: initial;
}
.silowp-showcase .entry-title {
color: #fff;
margin-bottom: 20px;
}
.silowp-showcase a.more-link {
color: #e8b935 !important;
background-color: #fff;
position: initial;
font-size: 16px;
}
.silowp-showcase a.more-link:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
} .template-thankyou .list-of-themes {
list-style: none;
text-align: center;
font-size: 21px;
max-width: 600px;
margin: 0 auto;
margin-top: 30px;
}
.template-thankyou .list-of-themes li a {
color: #333;
border-bottom: 1px solid #d8d8d8;
}
.template-thankyou .list-of-themes li {
margin-bottom: 10px;
}
.template-thankyou .list-of-themes li a:hover {
color: #E34344;
} .template-doc .entry-content p, .template-doc .entry-content ul, .template-doc .entry-content ol, .template-doc .entry-content .wp-video {
margin-bottom: 20px;
margin-top: 0;
}
.template-doc .entry-content {
counter-reset: heading;
}
.template-doc .entry-content h3::before {
counter-increment: heading;
content: counter(heading) ". ";
}
.template-doc .entry-content .heading-link {
color: #d8d8d8;
border-bottom: none;
font-size: 20px;
display: inline-block;
margin-left: 10px;
}
.template-doc .entry-content .heading-link :hover {
color: #e8b935;
border-bottom: none;
background-color: transparent;
}
.template-doc .entry-meta {
padding: 20px 25px;
background-color: aliceblue;
margin-top: 55px;
}
.template-doc .toc .is-active-link {
font-weight: 500;
}
.template-doc .toc-list {
font-size: 16px;
line-height: 1.35;
}
.template-doc .toc-list li {
margin: 5px 0;
}
.template-doc .toc-list li li {
font-size: 14px;
}
.template-doc .entry-title { 
color: #777;
}
.template-doc .entry-meta {
max-width: 100%;
}
.template-doc .entry-header {
text-align: center;
margin: 0;
padding: 30px 0;
background-color: aliceblue;
}
.template-doc .entry-summary {
color: #807F7F;
padding: 0;
}
.template-doc .entry-summary p {
margin-bottom: 0;
}
.entry-content-doc .wpcf7 {
padding: 25px 25px 15px;
background-color: aliceblue;
}
.entry-content-doc .form-label {
margin-bottom: 15px;
}
.entry-content-doc .wpcf7-not-valid-tip {
font-size: 14px;
margin-top: 5px;
}
.entry-content-doc input[type="text"], 
.entry-content-doc input[type="email"], 
.entry-content-doc input[type="url"], 
.entry-content-doc input[type="password"], 
.entry-content-doc input[type="search"], 
.entry-content-doc textarea,
.entry-content-doc select {
width: 100%;
border-radius: 4px;
border: 1px solid #d8d8d8;
padding: 8px;
background-color: #fff;
}
.template-doc .entry-aside-doc ul {
font-size: 14px;
line-height: 1.35;
padding-left: 15px;
}
.template-doc .entry-aside-doc h4 {
font-size: 16px;
line-height: 1.35;
font-weight: 500;
margin-top: 0;
}
.template-doc .entry-aside-doc ul li {
margin: 5px 0;
}
.template-doc .entry-aside-doc ul li a {
color: #807F7F;
border-bottom: 1px solid #d8d8d8;
}
.template-doc .entry-aside-doc ul li a:hover {
color: #f9c638;
border-bottom: 1px solid #f9c638;
}
@media (max-width: 991px) {
.template-doc .entry-meta {
position: relative !important;
max-width: 100%;
margin-top: 30px;
}
}
@media (min-width: 1210px) {
.template-doc .entry-title {
line-height: 1.05;
font-size: 74px;
}
.template-doc .entry-header {
text-align: center;
padding: 70px 0;
}
}
@media (min-width: 1500px) {
.template-doc .entry-aside-doc .entry-meta {
width: 100%;
max-width: 100%;
}
}	
@media (min-width: 992px) {
.template-doc .entry-meta-doc .entry-meta {
width: 205px;
}
}
@media (min-width: 1200px) {
.template-doc .entry-meta-doc .entry-meta {
width: 255px;
}
}
@media (min-width: 1500px) {
.template-doc .entry-meta-doc .entry-meta {
width: 290px;
}
}   .gallery {
margin-bottom: 20px;
}
.tiled-gallery p,
.gallery p {
margin: 0 !important;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n+1),
.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1),
.gallery-columns-6 .gallery-item:nth-of-type(6n+1),
.gallery-columns-7 .gallery-item:nth-of-type(7n+1),
.gallery-columns-8 .gallery-item:nth-of-type(8n+1),
.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
clear: both;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
margin: 0;
max-height: 100%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
#page .tiled-gallery .tiled-gallery-caption {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25;
} .sticky {
}      .video-container, .embed-youtube {
position: relative;
}
.video-container iframe, .video-container object, .video-container embed, .embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .image-navigation {
margin: 0 auto;
max-width: 1040px;
position: relative;
}
.image-navigation a:hover {
text-decoration: none;
}
.image-navigation .nav-previous,
.image-navigation .nav-next {
position: absolute;
top: 50px;
}
.image-navigation .nav-previous {
left: 0;
}
.image-navigation .nav-next {
right: 0;
}
.image-navigation .meta-nav {
font: 300 32px 'Work Sans', Helvetica, sans-serif;
vertical-align: -webkit-calc(-4px);
vertical-align:         calc(-4px);
} .archive-navigation {
clear: both;
padding-bottom: 20px;
margin-bottom: 20px;
}
.archive-header,
.archive-title,
.archive-meta {
width: 100%;
}
.page-header,
.archive-header {
padding-bottom: 10px;
margin-bottom: 10px;
} .page-title,
.archive-title {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
text-transform: none;
word-wrap: break-word;
} .archive-meta,
.taxonomy-description {
margin: 0;
font-size: 17px;
font-size: 1.0625rem;
width: 100%;
}
.taxonomy-description p:last-child {
margin-bottom: 0;
} .archive-header,
.archive-title {
}
.error-header
.error-title
.error-content {
} .error404 .entry-header {
}
.error-header {
}
.error-title {
}
.error-content {
}
.error-title-404 {
}  .one-second,
.one-third,
.two-third,
.one-fourth,
.two-fourth,
.three-fourth {
width:100%;
}
.one-second,
.one-third,
.two-third,
.one-fourth,
.two-fourth,
.three-fourth {
float:left;
margin-right:0;
margin-bottom: 20px;
position:relative;
}
.last {
clear:right;
margin-right:0 !important;
}
.divider {
width: 100%;
margin-bottom: 15px;
padding-top: 15px;
display: block;
clear: both;
} .white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
margin: 35px 0;
padding: 25px;
overflow:hidden;
line-height:1.45;
}
#content .white-box p,
#content .blue-box p,
#content .yellow-box p,
#content .red-box p,
#content .green-box p,
#content .lightgrey-box p,
#content .grey-box p,
#content .dark-box p {
margin: 0 0 30px;
}
.white-box {
background:#fff;
border:2px solid #333;
}
.blue-box {
background:#E5F4FB;
border:2px solid #C6D9E9;
color:#8EA4AF;
}
.yellow-box {
background:#FFFFE0;
border:2px solid #E6DB55;
color:#CC9F3B;
}
.red-box {
background:#FFE6E6;
border:2px solid #F27070;
color:#DD6666;
}
.green-box {
background:#EFF8E6;
border:2px solid #D6EEBD;
color:#89A270;
}
.grey-box {
background:#CBCACA;
border:2px solid #B2B2B2;
color:#6D6C6C;
} .st-button {
display:inline-block;
cursor:pointer;
}
.st-button:hover {
color:#fff !important;
}
a.st-button {
margin:10px 10px 10px 0;
}
a.st-button:hover {
text-decoration: none;
}
.st-button.red {background:#e74c3c;}
.st-button.red:hover {background:#ec7063;}
.st-button.red:active {background:#c44133;}
.st-button.green {background:#1abc9c;}
.st-button.green:hover {background:#48c9b0;}
.st-button.green:active {background:#16a085;}
.st-button.blue {background:#3498db;}
.st-button.blue:hover {background:#5dade2;}
.st-button.blue:active {background:#2c81ba;}
.st-button.yellow {background:#f1c40f;}
.st-button.yellow:hover {background: #f5d313;}
.st-button.yellow:active {background: #cda70d;}
.st-button.purple  {background: #8E44AD;}
.st-button.purple:hover {background: #9B59B6;}
.st-button.purple:active {background: #8F47AE;}
.st-button.grey {background: #bdc3c7; color: #fff;}
.st-button.grey:hover {background: #cacfd2; color: #fff;}
.st-button.grey:active {background: #a1a6a9; color: #fff;}
.st-button.black {background: #34495e; color: #fff;}
.st-button.black:hover {background: #415b76; color: #fafafa !important;}
.st-button.black:active {background: #2c3e50; color: #fafafa !important;}  .navigation.pagination {
padding-left: 15px;
padding-right: 15px;
clear: both;
text-align: center;
width: 100%;
}
.navigation .nav-previous,
.navigation .nav-next {
max-width: 100%;
display: block;
word-wrap: break-word;
margin-bottom: 10px;
}
.pagination .nav-links {
display: inline-block;
margin: 0;
}
.pagination .nav-links span,
.pagination .nav-links a {
padding: 2px 10px;
display: inline-block;
background-color: #d8d8d8;
text-decoration: none;
color: #fff;
margin: 0 3px;
float: left;
border: none;
line-height: 1.5;
font-size: 14px;
border-radius: 4px;
}
.pagination .nav-links :last-child {
border-right: none;
}
.pagination .nav-links a:hover {
text-decoration: none;
background-color: #e8b935;
color: #fff;
}
.pagination .nav-links span.current {
background-color: #e8b935;
color: #fff;
}
.posts-navigation {
padding: 0 15px 20px;
margin-bottom: 20px;
clear: both;
}
.posts-navigation .nav-links,
.post-navigation .nav-links {
margin: 0 auto;
width: 100%;
}
.post-navigation .nav-links a {
padding: 10px 25px;
display: block;
border: none;
}
.nav-links .nav-previous,
.nav-links .nav-next {
padding: 0;
} #infinite-handle,
.infinite-loader {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-align: center;
}
#main #infinite-handle span button {
border: none !important;
}
.infinite-loader .spinner {
left: 0 !important;
top: 16px !important;
margin: 0 auto;
} .infinite-scroll .posts-navigation {
display: none;
}
.infinite-scroll #main {
padding-bottom: 40px;
}
.infinite-scroll.infinity-end #main {
padding-bottom: 0;
} .infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}
body #infinite-footer {
background: rgba( 255, 255, 255, 0.8 );
border-top: 1px solid #ccc;
}
body #infinite-footer .container {
background: transparent;
border-width: 0;
}  #comments {
background-color: #f8f8f8;
padding: 0;
padding-top: 1px;
position: relative;
}
#comments:before {
content: "";
background-color: #f8f8f8;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
width: 100vw;
height: 100%;
z-index: -1;
}
#page .comments-title,
#page .comment-reply-title,
#page .no-comments {
color: #999;
text-align: left;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
}
#page .comments-title {
border-bottom: 1px solid #d8d8d8;
margin-bottom: 45px;
padding-bottom: 15px;
}
#page .comments-area > .comment-respond:first-child > #reply-title {
border-bottom: 1px solid #d8d8d8;
margin-bottom: 20px;
margin-top: 40px;
padding-bottom: 15px;
font-size: 30px;
}
#page .comments-title span {
font-weight: 400;
color: #d8d8d8;
font-size: 0.75em;
vertical-align: super;
}
#respond #commentform {
margin: 0 auto;
width: 100%;
display: table;
}
#commentform .logged-in-as,
#commentform .comment-notes {
font-size: 15px;
color: #777;
}
.comment-list {
list-style-type: none;
padding: 10px 0 20px;
margin-top: 0;
margin-bottom: 0;
background: transparent;
}
.comment-list .children {
list-style-type: none;
margin-left: 10px;
padding-left: 10px;
} .comment-body,
.comment-list article.social-twitter {
padding: 25px 0;
background: transparent;
position: relative;
}
.comment-list > li > .comment-body {
margin-top: 15px;
}
.comment-list > li > .comment-body:before {
content: "";
max-width: 100%;
width: 100%;
height: 1px;
position: absolute;
display: block;
top: 0;
left: 0;
border-top: 1px solid #d8d8d8;
}
.comment-list > li:first-child > .comment-body {
padding-top: 0;
margin-top: 0;
}
.comment-list > li:first-child > .comment-body:before {
content: none;
}
.comment-meta {
position: relative;
padding-right: 25px;
}
.comment-author {
}
.comment-author .avatar {
display: block;
margin-bottom: 10px;
margin-right: 15px;
float: left;
border-radius: 999px;
}
.comment-author .fn {
font-size: 18px;
text-transform: none;
margin: 0;
color: #333;
display: block;
font-weight: 400;
}
a.comment-reply-link {
background-color: #d8d8d8;
padding: 2px 10px;
font-size: 14px;
border-radius: 4px;
color: #fff;
display: inline-block;
}
.comment-author .fn a {
color: #1a171b;
display: inline-block;
padding-top: 0;
}
.comment-author .fn a:hover {
color: #818180;
}
.comment-author span.says {
display: none;
}
.comment-metadata {
font-size: 13px;
position: absolute;
top: 0;
right: 0;
}
.comment-metadata a {
color: #b3b3b3;
}
.comment-metadata a time {
display: none;
vertical-align: middle;
}
.comment-metadata > a:after {
content: "\f0c1";
display: inline-block;
font-size: 16px;
vertical-align: middle;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-left: 10px;
font-size: 20px;
color: #ddd;
}
.comment-metadata:hover > a:after {
color: #999;
}
.bypostauthor > .comment-body .fn:after {
content: "Author";
background-color: transparent;
border: 1px solid #e8b935;
color: #e8b935;
padding: 1px 9px;
font-size: 14px;
margin-left: 10px;
margin-right: 3px;
border-radius: 4px;
vertical-align: middle;
display: table-cell;
margin-top: -4px;
}
.bypostauthor:lang(es) > .comment-body .fn:after {
content: "Autor";
}
.comment-list .edit-link {
margin-left: 7px;
vertical-align: middle;
display: inline-block;
}
.comment-content,
.reply {
float: none;
clear: both;
}
.comment-content {
overflow: hidden;
word-wrap: break-word;
}
.comment-content,
.comment-content p {
font-size: 15px;
color: #777;
}
.comment-content > :last-child {
margin-bottom: 15px;
}
h3.comment-author-name a.comment-reply-link {
}
.ping-meta {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.35;
}
.comment-subscription-form,
.mc4wp-checkbox-wp-comment-form,
.comment-form-cookies-consent,
.comment-privacy {
margin: 0 0 5px;
color: #777;
font-size: 15px;
clear: both;
}
.mc4wp-checkbox-wp-comment-form span,
.comment-privacy span {
padding-left: 6px;
}
#commentform .comment-form-cookies-consent input#wp-comment-cookies-consent + label {
display: inline;
padding-left: 6px;
} #page #respond {
padding-top: 0;
padding-bottom: 20px;
margin-bottom: 0;
position: relative;
}
#page .comment #respond {
padding-bottom: 0px;
}
#page #reply-title {
margin-bottom: 20px;
font-size: 18px;
}
#reply-title small a {
float: none;
position: absolute;
top: -2px;
right: 0;
overflow: hidden;
font-size: 16px;
text-transform: none;
font-size: 0.875rem;
line-height: 1.5;
text-decoration: none;
text-align: center;
outline: 0;
font-weight: 400;
background-color: #f7adad;
padding: 2px 10px;
font-size: 0;
border-radius: 4px;
color: #fff;
font-family: 'Roboto', Helvetica, sans-serif;
}
#reply-title small a:hover {
}
#reply-title small a:before {
content: "X";
font-size: 14px;
}
.widget-area .comment-list #reply-title,
.widget-area .comment-list #commentform {
padding: 0;
}
#commentform .comment-notes {
margin-bottom: 15px;
} #commentform .comment-form-comment {
margin-bottom: 0;
position: relative;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
width: 100%;
margin-right: 0;
margin-bottom: 0;
position: relative;
}
#commentform .comment-form-url {
margin-bottom: 15px;
}
#commentform .form-submit {
margin-top: 24px;
clear: both;
text-align: right;
display: table-footer-group;
}
#commentform .form-submit input {
margin-top: 10px;
margin-bottom: 15px;
}
.comments-area #respond .comment-form-fields div.comment-form-field {
margin-right: 0;
}
#commentform label[for="author"],
#commentform label[for="email"],
#commentform label[for="url"],
#commentform label[for="comment"] {
padding: 5px 0;
font-size: 13px; display: none;
position: absolute;
top: 0;
left: 11px;
color: #e8b935;
-webkit-animation: silo-fade 0.2s;
-moz-animation: silo-fade 0.2s;
animation: silo-fade 0.2s;
}
#commentform input:focus + label,
#commentform input[required]:valid + label,
#commentform input:not(:placeholder-shown) + label,
#commentform textarea:focus + label,
#commentform textarea:valid + label,
#commentform textarea:not(:placeholder-shown) + label {
display: block;
}
#commentform label + .required {
background-color: #d8d8d8;
position: absolute;
top: 13px;
right: 13px;
width: 6px;
height: 6px;
display: block;
border-radius: 999px;
}
#commentform input:invalid + label + .required,
#commentform textarea:invalid + label + .required {
background-color: #E34344;
}
#commentform input:placeholder-shown + label + .required,
#commentform textarea:placeholder-shown + label + .required {
background-color: #d8d8d8;
}
#commentform input:focus + label + .required,
#commentform textarea:focus + label + .required {
background-color: #E34344;
}
#commentform input:valid + label + .required,
#commentform textarea:valid + label + .required {
background-color: #8BC34A;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
background-color: #fff;
border: none;
border-left: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
padding: 24px 10px 12px;
font-size: 16px;
}
#commentform input::placeholder,
#commentform textarea::placeholder {
color: #d8d8d8;
}
#commentform input::-webkit-input-placeholder,
#commentform textarea::-webkit-input-placeholder {
color: #d8d8d8;
}
#commentform input:-ms-input-placeholder,
#commentform textarea:-ms-input-placeholder {
color: #d8d8d8;
}
#commentform input::-moz-placeholder,
#commentform textarea::-moz-placeholder {
color: #d8d8d8;
}
#commentform input:focus::placeholder,
#commentform textarea:focus::placeholder {
color: transparent;
}
#commentform input:focus::-webkit-input-placeholder,
#commentform textarea:focus::-webkit-input-placeholder {
color: transparent;
}
#commentform input:focus:-ms-input-placeholder,
#commentform textarea:focus:-ms-input-placeholder {
color: transparent;
}
#commentform input:focus::-moz-placeholder,
#commentform textarea:focus::-moz-placeholder {
color: transparent;
}
#commentform textarea {
height: 100px; border-top: 1px solid #d8d8d8;
}
.form-allowed-tags {
display: none;
}
.comment-list .pingback,
.comment-list .trackback {
position: relative;
}
.comment-navigation {
font-size: 17px;
font-size: 1.0625rem;
margin: 0 auto;
padding: 20px 0;
width: 100%;
text-transform: none;
}
.no-comments {
padding-bottom: 30px;
}  #secondary  {
padding-top: 20px;
padding-bottom: 0;
}
#secondary a {
}
#secondary a:hover {
}
#secondary a:active,
#secondary a:visited {
}
#secondary .widget {
}
.widget {
width: 100%;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
padding: 0 0 20px;
margin-bottom: 20px;
overflow: hidden;
word-wrap: break-word;
}
.widget-title {
font-size: 16px;
font-size: 1rem;
color: #1a171b;
margin: 0 0 20px;
font-weight: 400;
padding: 10px;
text-transform: uppercase;
text-align: center;
word-wrap: break-word;
position: relative;
}
.widget-title a {
color: #000;
} .silo-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
z-index: 999999;
min-height: 99vh;
height: 100%;
display: none;
background-color: #E34344;
}
.silo-modal-open .silo-modal {
overflow-y: scroll;
}
.silo-close-modal {
position: absolute;
top: 0;
right: 0;
display: block;
padding: 11px 14px;
font-size: 16px;
font-size: 1rem;
z-index: 9;
border: none;
color: #fff;
}
.silo-close-modal:hover{
border: none;
color: #fff;
}
.silo-modal .search-up,
.silo-modal .search-down {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 50%;
background: #f8f8f8;
transition: transform 0.6s;
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
padding: 15px;
}
.silo-modal .search-up {
color: #dce6e6;
background: #E34344;
transform: translate3d(0,-100%,0);
}
.silo-modal .search-down {
top: 50%;
color: #b3b3b3;
background: #f8f8f8;
transform: translate3d(0,100%,0);
}
.silo-modal-open .silo-modal .search-up,
.silo-modal-open .silo-modal .search-down {
transform: translate3d(0,0,0);
}
.silo-search #searchform,
.silo-search .search-related {
margin: 0 auto;
max-width: 900px;
width: 75%;
border: none;
background-color: transparent;
}
#page .silo-search #searchform input {
font-size: 7vw;
line-height: 1;
display: inline-block;
width: 100%;
border: 0;
color: #fff;
border-bottom: 4px solid #C74F52;
background: transparent;
border-radius: 0;
-webkit-appearance: none;
}
.silo-search #searchform input::placeholder {
opacity: 0.2;
color: #fff;
}
.silo-search #searchform input::-webkit-input-placeholder {
opacity: 0.2; color: #fff;
}
.silo-search #searchform input::-moz-placeholder {
opacity: 0.2; color: #fff;
}
.silo-search #searchform input:-ms-input-placeholder {
opacity: 0.2; color: #fff;
}
.silo-search #searchform input::-webkit-search-cancel-button,
.silo-search #searchform input::-webkit-search-decoration {
-webkit-appearance: none;
}
.silo-search #searchform input::-ms-clear {
display: none;
}
#page .silo-search #searchform label,
#page .silo-search #searchform button {
display: none;
} .widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
line-height: 1.5;
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0;
}
.widget li > ul,
.widget li > ol {
margin-left: 20px;
} #searchform {
position: relative;
border: 10px solid #f4f3f2;
background-color: #f4f3f2;
}
#searchform .field {
width: 100%;
}
#searchform .submit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
cursor: pointer;
border: none;
padding: 5px 20px;
text-align: center;
color: #1a171b;
background-color: #fff;
-webkit-transition: .25s all linear;
-moz-transition: .25s all linear;
-o-transition: .25s all linear;
transition: .25s all linear;
}
#searchform .submit:hover,
#searchform .submit:active {
color: #1a171b;
background-color: #fff;
}
#searchform .submit:after {
content: "\f002";
color: #1a171b;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
padding-left: 10px;
}
#searchform .submit .screen-out-text {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
vertical-align: middle;
display: inline-block;
}
#searchform input[type="text"] {
-webkit-transition: .25s all linear;
-moz-transition: .25s all linear;
-o-transition: .25s all linear;
transition: .25s all linear;
border: 1px solid #fff;
padding: 10px;
background-color: transparent;
}
#searchform input[type="text"]:focus {
background: #fff;
}
#searchform input[type="text"]:focus + .submit {
padding: 5px 15px;
background-color: #f4f3f2;
}
#searchform input[type="text"]:focus + .submit:after {
color: #1a171b;
padding: 0;
}
#searchform input[type="text"]:focus + .submit .screen-out-text {
position: absolute;
top: -9999em;
left: -9999em;
} .widget_tag_cloud {
overflow: hidden;
}
.list-tags {
margin-bottom: 15px;
}
.list-tags ul {
list-style: none;
padding: 0;
}
.list-tags .cat-item {
display: inline-block;
}
.widget .tagcloud a,
.list-tags .cat-item a {
background-color: transparent;
padding: 1px 9px;
border-radius: 4px;
display: inline-block;
margin: 2px 5px 0 0;
border: 1px solid #d8d8d8;
line-height: 1.5;
font-size: 14px;
float:left;
color: #999;
}
.widget .tagcloud a:hover,
.list-tags .cat-item a:hover {
background-color: #d8d8d8;
color: #fff;
text-decoration: none;
} #catapult-cookie-bar {
text-align: center !important;
font-size: 15px !important;
padding: 6px 20px 4px !important;
}
button#catapultCookie {
font-weight: normal !important;
} #colophon {
position: relative;
background-color: #E34344;
}
.site-footer {
color: #fff;
font: 14px 'Work Sans', Helvetica, sans-serif;
text-align: center;
padding-top: 80px;
}
.site-footer .widget-title {
text-align: center;
font-size: 20px;
font-weight: 600;
padding: 0;
color: #fff;
margin-bottom: 10px;
}
.site-footer .widget {
text-align: center;
}
.site-footer a {
color: #fff;
}
.site-footer a:hover {
color: #c4cec5;
}
.site-footer .widget .menu a {
border-bottom: 1px solid;
}
.site-footer ul.menu-social {
padding: 0 0 20px;
margin-bottom: 20px;
}
.site-info {
padding: 10px 0;
}
.site-info p.info {
margin: 5px 0;
display: block;
text-align: center;
} .screen-reader-text {
position: absolute;
top: -9999em;
left: -9999em;
}
ul.menu-social {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
ul.menu-social li {
display:  inline-block;
position: relative;
}
ul.menu-social li a::before {
content: "\f135";
display: inline-block;
padding: 0 5px;
font-family: FontAwesome;
font-size: 20px;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul.menu-social li a[href*="facebook.com"]::before {
content: "\f09a";
}
ul.menu-social li a[href*="twitter.com"]::before {
content: "\f099";
}
ul.menu-social li a[href*="dribbble.com"]::before {
content: "\f17d";
}
ul.menu-social li a[href*="plus.google.com"]::before {
content: "\f0d5";
}
ul.menu-social li a[href*="pinterest.com"]::before {
content: "\f231";
}
ul.menu-social li a[href*="whatsapp://send"]::before {
content: "\f232";
}
ul.menu-social li a[href*="github.com"]::before {
content: "\f09b";
}
ul.menu-social li a[href*="youtube.com"]::before {
content: "\f167";
}
ul.menu-social li a[href*="instagram.com"]::before {
content: "\f16d";
}
ul.menu-social li a[href*="linkedin.com"]::before {
content: "\f0e1";
}
ul.menu-social li a[href*="bitbucket.org"]::before {
content: "\f171";
}
ul.menu-social li a[href*="behance.net"]::before {
content: "\f1b4";
}
#wpstats {
display: block;
margin: -10px auto 0 auto;
} @media (min-width: 400px) {
.custom-logo {
max-width: 200px;
}
}
@media (min-width: 450px) {
.bypostauthor > .comment-body .fn:after {
display: inline-block;
}
#reply-title small a {
font-size: 14px;
}
#reply-title small a:before {
content: none;
}
}
@media (max-width: 543px) {
.social-sharing {
display: block;
position: fixed;
width: 100%;
left: 0;
bottom: 0;
z-index: 1;
}
.social-sharing ul.menu-social {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrapwrap;
flex-wrap: nowrap;
}
.social-sharing ul.menu-social li {
flex: 0 1 25%;
height: 40px;
}
.social-sharing ul.menu-social li a {
display: block;
color: #fff;
text-decoration: none;
width: 100%;
height: 100%;
line-height: 40px;
}
.social-sharing ul.menu-social li a:hover {
color: #fff;
}
.social-sharing ul.menu-social li a[href*="facebook.com"] {
background-color: #42c0f9;
}
.social-sharing ul.menu-social li a[href*="twitter.com"] {
background-color: #43d2e4;
}
.social-sharing ul.menu-social li a[href*="pinterest.com"] {
background-color: #ff7e56;
}
.social-sharing ul.menu-social li a[href*="whatsapp://send"] {
background-color: #a8d673;
}
.social-sharing ul.menu-social li a::before {
font-size: 20px;
vertical-align: middle;
line-height: 40px;
}
body.single-post #colophon {
margin-bottom: 40px;
}
}
@media (min-width: 544px) {
#main.row > .type-post .entry-thumbnail {
margin-left: 0;
margin-right: 0;
}
#main.row > .type-post .entry-footer {
margin-left: 0;
margin-right: 0;
}
#main.row > .type-post .entry-thumbnail img {
border-radius: 4px;
}
.entry-content p,
.entry-summary p,
.entry-content ul,
.entry-summary ul,
.entry-content ol,
.entry-summary ol {
font-size: 18px;
}
.entry-content .social-sharing {
position: relative;
width: auto;
height: auto;
background-color: transparent;
}
.social-sharing .menu-social {
padding: 30px 0 0;
margin: 0;
}
.entry-content .social-sharing a {
color: #d8d8d8;
background-color: transparent;
width: auto;
padding: 0;
}
.entry-content .social-sharing a:hover {
color: #e8b935;
border-bottom: none;
background-color: transparent;
}
.social-sharing .menu-social {
text-align: center;
}
.entry-content .social-sharing li,
.entry-content .social-sharing li:hover {
background-color: transparent;
}
.entry-content .social-sharing a::before {
padding: 0px 5px;
}
.single .type-post h1.entry-title {
font-size: 47px;
}
}
@media (min-width: 600px) {
.single-post .entry-credits .entry-thumbnail {
width: 66.66666666666666%;
float: left;
}
.single-post .entry-credits .entry-33 {
width: 33.33333333333333%;
float: left;
} .tag-silomag .entry-content h3 + p img[class*="align"] {
float: left;
margin: 14px 24px 7px 0;
} .comment-metadata a time {
display: inline-block;
}
.comment-meta {
padding-right: 200px;
}
.comment-content,
.reply {
margin-left: 65px;
clear: none;
}
.comment-content {
padding-top: 15px;
}
#page .comments-area > .comment-respond:first-child > #reply-title {
font-size: 40px;
margin-bottom: 45px;
}
}
@media (min-width: 768px) {
#main {
padding-top: 40px;
padding-bottom: 0;
}  .entry-content h1,
.entry-content h2,
.entry-content h3 {
margin-top: 55px;
margin-bottom: 15px;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-top: 44px;
margin-bottom: 10px;
}
.entry-content ul,
.entry-content ol {
padding-left: 30px;
}
.entry-content pre {
margin-top: 44px;
margin-bottom: 36px;
font-size: 18px;
}
.entry-content figure.wp-caption {
margin-top: 44px;
margin-bottom: 36px;
}
.entry-content .aligncenter {
margin-top: 44px;
margin-bottom: 36px;
float: none;
}
.entry-content img.alignnone {
margin-top: 14px;
margin-bottom: 6px;
}
.entry-content img.alignleft,
.entry-content img.alignright {
margin-top: 0;
margin-bottom: 30px;
}
.video-container, .embed-youtube {
margin-top: 44px;
margin-bottom: 36px;
}
.entry-content > iframe,
.entry-content > p > iframe {
margin-top: 24px;
margin-bottom: 16px;
min-height: 400px;
}
.entry-content h2 + p img.alignleft,
.entry-content h2 + p img.alignright,
.entry-content h3 + p img.alignleft,
.entry-content h3 + p img.alignright  {
margin-top: 15px;
}
#header-section {
padding: 200px 0 120px;
} #page .silo-right-side .entry-content figure.wp-caption[style*="width: 2"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 3"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 40"] {
margin-left: 0;
margin-right: 0;
float: none;
position: relative;
} .silo-right-side .entry-content figure.wp-caption img[width^="2"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="3"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="40"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 2"] > a + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 3"] > a + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 40"] > a + figcaption.wp-caption-text {
position: absolute;
left: 100%;
bottom: 0;
margin-bottom: 0;
width: 270px;
width: calc(690px - 100%);
margin-left: 30px;
text-align: left;
} .comment-box {
background-color: #fff;
}
aside.sharing {
display: block;
width: 100%;
font-size: 13px;
padding: 10px 10px 30px;
background-color: #fff;
} .site-info {
padding: 10px 0;
} #commentform textarea {
height: auto;
}
#commentform .comment-form-author,
#commentform .comment-form-email {
float: left;
width: 33.333333%;
width: calc(100% / 3);
margin-right: 0;
margin-bottom: 8px;
position: relative;
}
#commentform .comment-form-author input,
#commentform .comment-form-email input {
border-right: 0;
}
#commentform .comment-form-url {
float: left;
width: 33.333333%;
width: calc(100% / 3);
position: relative;
} .comment-list .children {
margin-left: 30px;
padding-left: 35px;
}
.page-template-page-portfolio #main {
min-height: calc(100vh - 217px);
} .wordpress-featured .entry-header {
margin-top: 0;
}
.silo-wordpress-themes span.silo-destacado-wp {
width: 92px;
height: 92px;
font-size: 20px;
padding: 12px 0;
line-height: 68px;
left: -20px;
}
.entry-meta {
padding-top: 0;
}
}
@media (min-width: 783px) {
.admin-bar .silo-close-modal{
top: 32px;
}
}
@media (min-width: 992px) and (max-width: 1499px) { body.archive:not(.paged) #main.row > .widget-loop:nth-of-type(1) {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16;
}
body.archive:not(.paged) #main.row > .type-post:nth-of-type(1),
body.archive:not(.paged) #main.row > .type-post:nth-of-type(2),
body.archive:not(.paged) #main.row > .type-post:nth-of-type(3),
body.archive:not(.paged) #main.row > .type-post:nth-of-type(4),
body.archive:not(.paged) #main.row > .type-post:nth-of-type(5),
body.archive:not(.paged) #main.row > .type-post:nth-of-type(6) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 992px) { .one-second {
width:48.5%;
}
.one-third {
width:31.333%;
}
.two-third {
width:65.33%;
}
.one-fourth {
width:22.75%;
}
.four-columns-two {
width:48.5%;
}
.three-fourth {
width:74.25%;
}
.one-second,
.one-third,
.two-third,
.one-fourth,
.two-fourth,
.three-fourth {
margin-right:3%;
margin-bottom:0;
}
.divider {
margin-bottom: 30px;
padding-top: 30px;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
font-size: 21px;
margin-bottom: 30px;
}
.entry-content > iframe,
.entry-content > p > iframe {
margin-top: 14px;
margin-bottom: 6px;
min-height: 450px;
}
.entry-meta, .entry-meta .author p {
font-size: 15px;
}
.site-footer ul.menu-social {
text-align: left;
}
.site-footer .site-info p.info {
text-align: left;
}
.site-footer .widget-title {
text-align: left;
}
.site-footer .widget {
text-align: left;
} .entry-meta .categories-links a[href*="web"],
.entry-meta .categories-links a[href*="gra"],
.entry-meta .categories-links a[href*="wordpress"] {
background-color: #d8d8d8;
color: #fff;
}
.entry-meta .categories-links a:hover {
color: #fff;
}
.entry-meta .categories-links a[href*="web"]:hover {
background-color: #34b297;
}
.entry-meta .categories-links a[href*="gra"]:hover {
background-color: #f39c15;
}
.entry-meta .categories-links a[href*="wordpress"]:hover {
background-color: #3996D3;
} .silo-right-side .entry-content figure.wp-caption img[width^="2"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="3"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="40"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 2"] > a + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 3"] > a + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 40"] > a + figcaption.wp-caption-text {
position: absolute;
left: 100%;
bottom: 0;
margin-bottom: 0;
width: 270px;
width: calc(910px - 100%);
margin-left: 30px;
text-align: left;
} .template-doc .entry-content p,
.template-doc .entry-content ul,
.template-doc .entry-content ol,
.template-doc .entry-content .wp-video {
font-size: 18px;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.menu-toggle {
display: none;
}
.nav-menu {
display: flex;
margin: 0;
padding: 4px 0;
overflow: hidden;
align-items: center;
justify-content: flex-end;
}
.navbar-fixed .nav-menu {
padding: 5px 0;
}
.menu-home {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.main-navigation {
display: block;
width: auto;
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: transparent;
padding-right: 0;
}
.nav-menu li {
margin-left: 6px;
}
.nav-menu li a {
color: #999;
display: block;
font-size: 17px; border: 0;
background-color: transparent;
line-height: 1.5;
padding: 2px 10px;
text-decoration: none;
border-radius: 4px;
-webkit-transition: .6s all linear;
-moz-transition: .6s all linear;
-o-transition: .6s all linear;
transition: .6s all linear;
}
.nav-menu li a:hover {
color: #fff;
background-color: #E34344;
-webkit-transition: .05s all linear;
-moz-transition: .05s all linear;
-o-transition: .05s all linear;
transition: .05s all linear;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #c4cec5;
border-top: 0;
display: none;
float: left;
padding: 0;
position: absolute;
top: 34px;
z-index: 99999;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
.nav-menu ul a,
.nav-menu ul ul a {
color: #fff;
margin: 0;
padding: 10px;
width: 180px;
}
.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.sub-menu .current-menu-item > a,
.sub-menu .current-menu-ancestor > a {
background-color: #E34344;
color: #fff;
} .navbar-fixed .nav-menu li a {
color: #fff;
}
.navbar-fixed .nav-menu li a:hover {
color: #E34344;
background-color: #fff;
} .nav-menu li.featured.current-menu-item > a {
color: #fff;
}
.navbar-fixed .nav-menu li.featured.current-menu-item > a {
color: #E34344;
}
.navbar-fixed .nav-menu li.featured a {
border: 1px solid #fff;
}
.navbar-fixed .nav-menu li.langesp a:before {
border: 1px solid #fff;
border-right: 0;
}
.navbar-fixed .nav-menu li.langeng a:before {
border: 1px solid #fff;
border-left: 0;
}
.navbar-fixed .nav-menu li.active a,
.navbar-fixed .nav-menu li.langesp a:hover,
.navbar-fixed .nav-menu li.langeng a:hover {
background-color: #fff;
color: #E34344;
}
.navbar-fixed .menu-home {
padding-top: 0;
padding-bottom: 0;
}
.navbar-fixed .menu-search {
color: #fff;
}
.site {
padding-top: 100px;
}
.site-header {
position: fixed;
}
#silowp-header {
position: fixed;
top: 100px;
left: 0;
width: 100%;
z-index: 10;
-webkit-transition: .6s all ease;
-moz-transition: .6s all ease;
-o-transition: .6s all ease;
transition: .6s all ease;
}
.navbar-fixed #silowp-header {
top: 46px;
}
.navbar-fixed #silowp-header p {
display: none;
}
.navbar {
padding: 20px 0;
}
.navbar-fixed .navbar {
background-color: #E34344;
padding: 0;
}
.navbar-fixed .nav-menu {
}
.navbar-fixed .nav-menu li a {
background-color: transparent;
}
.navbar-fixed .custom-logo-link {
background-image: url(//www.silocreativo.com/wp-content/themes/silocreativo/images/logo-silocreativo-inv.svg);
background-size: auto 30px;
width: 35px;
height: 30px;
margin-top: 5px;
margin-bottom: 5px;
display: block;
background-repeat: no-repeat;
}
.navbar-fixed .custom-logo-link img {
display: none;
} body.admin-bar #navbar {
margin-top: 32px;
}
body.admin-bar #silowp-header {
margin-top: 32px;
}
.page-template-page-portfolio #main {
min-height: calc(100vh - 206px);
}
.navbar-fixed .nav-menu .current-menu-item > a,
.navbar-fixed .nav-menu .current-menu-ancestor > a,
.navbar-fixed .sub-menu .current-menu-item > a,
.navbar-fixed .sub-menu .current-menu-ancestor > a {
background-color: #fff;
color: #E34344;
} #main.row {
margin-left: -25px;
margin-right: -25px;
}
#main.row > * {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1),
.home:not(.paged) #main.row > .type-post:nth-of-type(1) {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1) > *,
.home:not(.paged) #main.row > .type-post:nth-of-type(1) > * {
max-width: 666px;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry,
.home:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry .entry-summary,
.blog:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry .entry-meta,
.home:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry .entry-summary,
.home:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry .entry-meta {
display: none;
}
.blog:not(.paged) #page #main.row > .widget-loop:nth-of-type(1),
.home:not(.paged) #page #main.row > .widget-loop:nth-of-type(1) {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
#main.row > .widget-loop:nth-of-type(1) {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.blog:not(.paged) #main.row > .widget-loop:nth-of-type(2),
.home:not(.paged) #main.row > .widget-loop:nth-of-type(2) {
-webkit-order: 20;
-ms-flex-order: 20;
order: 33;
display: block; } .entry-meta-container {
padding-left: 60px;
}
.single .type-post h1.entry-title {
line-height: 1.05;
font-size: 74px;
margin-bottom: 36px;
margin-top: 70px;
}
.entry-content .intro {
font-size: 32px;
color: #999;
line-height: 1.35;
} .silo-right-side .entry-content h1,
.silo-right-side .entry-content h2 {
width: 1110px;
} .silo-right-side .entry-content > img[width="666"],
.silo-right-side .entry-content > p > img[width="666"] {
float: none;
margin-left: 0;
}
.silo-right-side .entry-content figure.wp-caption {
margin-left: 0;
float: none;
position: relative;
} #page .silo-right-side .entry-content > img[width^="2"],
#page .silo-right-side .entry-content > img[width^="30"],
#page .silo-right-side .entry-content > p > img[width^="2"],
#page .silo-right-side .entry-content > p > img[width^="30"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 2"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 3"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 40"] {
margin: 0;
float: none;
position: absolute;
left: 820px;
max-width: 305px;
} .silo-right-side .entry-content figure.wp-caption img[width^="4"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="5"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="6"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="7"] + figcaption.wp-caption-text {
position: absolute;
left: 100%;
bottom: 0;
margin-bottom: 0;
width: 270px;
width: calc(1080px - 100%);
margin-left: 30px;
text-align: left;
} .silo-right-side .entry-content figure.wp-caption img[width^="2"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="3"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="40"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 2"] > a + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 3"] > a + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 40"] > a + figcaption.wp-caption-text {
position: relative;
left: 0;
bottom: 0;
margin-bottom: 0;
width: 100%;
margin-left: 0;
text-align: left;
}
#page .silo-right-side .type-post .entry-content img[width^="2"] + br,
#page .silo-right-side .type-post .entry-content img[width^="3"] + br,
#page .silo-right-side .type-post .entry-content img[width^="40"] + br {
display: none;
} .silo-right-side .entry-content img[width^="4"].alignright,
.silo-right-side .entry-content img[width^="5"].alignright,
.silo-right-side .entry-content img[width^="6"].alignright,
.silo-right-side .entry-content img[width^="7"].alignright {
float: right;
margin-left: 25px;
margin-right: -380px;
max-width: 730px;
} .silo-right-side .entry-content img[width^="8"],
.silo-right-side .entry-content img[width^="9"],
.silo-right-side .entry-content img[width^="10"],
.silo-right-side .entry-content img[width^="11"],
.silo-right-side .entry-content img[width^="12"],
.silo-right-side .entry-content img[width^="13"],
.silo-right-side .entry-content img[width^="14"],
.silo-right-side .entry-content img[width^="15"],
.silo-right-side .entry-content img[data-orig-size^="8"],
.silo-right-side .entry-content img[data-orig-size^="9"],
.silo-right-side .entry-content img[data-orig-size^="10"],
.silo-right-side .entry-content img[data-orig-size^="11"],
.silo-right-side .entry-content img[data-orig-size^="12"],
.silo-right-side .entry-content img[data-orig-size^="13"],
.silo-right-side .entry-content img[data-orig-size^="14"],
.silo-right-side .entry-content img[data-orig-size^="15"] {
max-width: 1110px;
} #page .type-post.tag-silomag .entry-content h3 + p img[class*="align"] {
float: left;
position: relative;
left: 0;
max-width: 100%;
margin: 14px 24px 7px 0;
} .silo-right-side .entry-content pre {
width: 1110px;
max-width: 1110px;
} .silo-right-side .entry-content > iframe,
.silo-right-side .entry-content > p > iframe {
width: 1110px !important;
max-width: 1110px;
min-height: 550px;
}
.silo-right-side .entry-content .video-container,
.silo-right-side .entry-content .embed-youtube {
width: 1110px;
max-width: 1110px;
} .entry-content .yarpp-related {
position: absolute;
left: 100%;
bottom: 0;
width: 305px;
margin-left: 60px;
padding: 15px 30px;
margin-bottom: 30px;
}
.type-post .entry-meta .author p {
display: block;
}
.single .type-post .entry-meta-container .entry-thumbnail {
padding-top: 0;
}
.social-sharing .menu-social {
position: relative;
padding: 0;
margin: 0 0 20px;
text-align: right;
}
.questions-container {
display: block;
}
}
@media (min-width: 1500px) { .blog:not(.paged) #main.row > .type-post:nth-of-type(1),
.home:not(.paged) #main.row > .type-post:nth-of-type(1) {
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-thumbnail,
.home:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-thumbnail {
-webkit-flex: 0 0 666px;
-ms-flex: 0 0 666px;
flex: 0 0 666px;
max-width: 666px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-header,
.home:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-header {
-webkit-flex: 0 0 666px;
-ms-flex: 0 0 666px;
flex: 0 0 666px;
max-width: 666px;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-summary,
.home:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-summary {
-webkit-flex: 0 0 255px;
-ms-flex: 0 0 255px;
flex: 0 0 255px;
max-width: 255px;
padding: 0 0 0 15px;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-footer,
.home:not(.paged) #main.row > .type-post:nth-of-type(1) > .entry-footer {
width: 100%;
padding-top: 20px;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(1) .entry-title,
.home:not(.paged) #main.row > .type-post:nth-of-type(1) .entry-title {
font-size: 44px;
}
.blog:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry .entry-summary,
.home:not(.paged) #main.row > .type-post:nth-of-type(7) ~ .hentry .entry-summary {
display: block;
}
.entry-content {
margin-left: 200px;
}
.single .type-post h1.entry-title  {
line-height: 1.05;
font-size: 92px;
margin-bottom: 46px;
margin-top: 90px;
max-width: 930px;
}
.entry-meta-container {
position: absolute;
right: 0;
top: 0;
}
.entry-content-container {
right: 0;
} .silo-right-side .entry-content h1,
.silo-right-side .entry-content h2 {
width: 1210px;
} #page .silo-right-side .entry-content > img[width^="2"],
#page .silo-right-side .entry-content > img[width^="3"],
#page .silo-right-side .entry-content > img[width^="40"],
#page .silo-right-side .entry-content > p > img[width^="2"],
#page .silo-right-side .entry-content > p > img[width^="3"],
#page .silo-right-side .entry-content > p > img[width^="40"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 2"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 3"],
#page .silo-right-side .entry-content figure.wp-caption[style*="width: 40"] {
margin: 0;
float: none;
position: absolute;
left: 1020px;
max-width: 405px;
}
#page .silo-right-side .entry-content img[width^="2"] + br,
#page .silo-right-side .entry-content img[width^="3"] + br,
#page .silo-right-side .entry-content img[width^="40"] + br {
display: none;
} .silo-right-side .entry-content img[width^="4"].alignright,
.silo-right-side .entry-content img[width^="5"].alignright,
.silo-right-side .entry-content img[width^="6"].alignright,
.silo-right-side .entry-content img[width^="7"].alignright {
float: right;
margin-left: 25px;
margin-right: -480px;
max-width: 1030px;
} .silo-right-side .entry-content figure.wp-caption img[width^="4"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="5"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="6"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption img[width^="7"] + figcaption.wp-caption-text {
position: absolute;
left: 100%;
bottom: 0;
margin-bottom: 0;
width: 380px;
width: calc(1180px - 100%);
margin-left: 30px;
text-align: left;
} .silo-right-side .entry-content figure.wp-caption img[width^="40"] + figcaption.wp-caption-text,
.silo-right-side .entry-content figure.wp-caption[style*="width: 40"] > a + figcaption.wp-caption-text {
position: relative;
left: 0;
bottom: 0;
margin-bottom: 0;
width: 100%;
margin-left: 0;
text-align: left;
} .silo-right-side .entry-content img[width^="12"],
.silo-right-side .entry-content img[width^="13"],
.silo-right-side .entry-content img[width^="14"],
.silo-right-side .entry-content img[width^="15"],
.silo-right-side .entry-content img[data-orig-size^="12"],
.silo-right-side .entry-content img[data-orig-size^="13"],
.silo-right-side .entry-content img[data-orig-size^="14"],
.silo-right-side .entry-content img[data-orig-size^="15"] {
max-width: 1410px;
margin-left: -200px;
} #page .type-post.tag-silomag .entry-content h3 + p img[class*="align"] {
float: left;
position: relative;
max-width: 100%;
left: 0;
margin: 14px 24px 7px 0;
} .silo-right-side .entry-content pre {
width: 1410px;
max-width: 1410px;
margin-left: -200px;
} .silo-right-side .entry-content > iframe,
.silo-right-side .entry-content > p > iframe {
width: 1410px !important;
max-width: 1410px;
margin-left: -200px;
}
.silo-right-side .entry-content .video-container,
.silo-right-side .entry-content .embed-youtube {
width: 1410px;
max-width: 1410px;
margin-left: -200px;
} .entry-content .social-sharing {
position: absolute;
top: 10px;
left: 15px;
}
.social-sharing .menu-social {
text-align: left;
} .entry-content-doc .entry-content {
margin-left: 0;
max-width: 730px;
}
}code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
} pre[class*="language-"] {
padding: 1em;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
} :not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}.home-section .type-post .entry-header .entry-title {
font-size: 24px;
line-height: 1.05;
} 
.home-section .type-post .entry-summary p:last-child {
margin-bottom: 0;
}
.home-section .type-post .entry-header {
padding-top: 15px;
} .silo-home-v2 .home-section {
padding: 60px 0; }
.silo-home-v2 .home-section:nth-child(even) {
background-color: #f9f9f9;
} .silo-home-v2 .home-hero {
padding-top: 160px; padding-bottom: 40px;
position: relative;
}
.silo-home-v2 .hero-subtitle {
font-size: 1rem;
text-transform: uppercase;
color: #333;
margin-bottom: 15px;
font-weight: 400;
margin-bottom: 12px;
font-family: 'Roboto', sans-serif;
}
.silo-home-v2 .hero-title {
font-size: 2.25rem; line-height: 1.1;
margin-bottom: 30px;
font-weight: 800;
margin-top: 0;
color: #000;
}
.silo-home-v2 .hero-image {
margin-top: 30px;
position: relative;
text-align: center;
} .silo-home-v2 .home-manifesto-1 {
margin-top: -20vw;
padding-top: 10vw;
}
.silo-home-v2 .home-section h2 {
font-size: 1.75rem; margin-bottom: 15px;
font-weight: 700;
line-height: 1.15;
}
.silo-home-v2 .home-manifesto.home-manifesto-2 {
margin-top: -20px; } .silo-home-v2 .roots-map-image {
margin: 30px 0;
text-align: center; }
.silo-home-v2 .portfolio-grid {
margin-top: 20px;
}
.silo-home-v2 .portfolio-item {
margin-bottom: 30px;
}
.silo-home-v2 .portfolio-link {
text-decoration: none;
color: inherit;
display: block;
transition: transform 0.3s ease;
}
.silo-home-v2 .portfolio-link:hover {
transform: translateY(-5px);
}
.silo-home-v2 .portfolio-thumb img {
margin-bottom: 15px;
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.silo-home-v2 .portfolio-title {
font-size: 1.25rem;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 700;
}
.silo-home-v2 .portfolio-excerpt p {
font-size: 0.95rem;
color: #777;
margin-bottom: 0;
}
.silo-home-v2 .portfolio-separator {
margin-top: 15px;
border-top: 1px solid #eee;
width: 50px;
margin-left: 0;
} .silo-home-v2 .home-process {
padding: 60px 0;
background-color: #fff; }
.silo-home-v2 .step-item {
display: flex;
padding-bottom: 40px;
margin-bottom: 0;
position: relative;
padding-left: 20px;
border-left: 1px solid #eee;
}
.silo-home-v2 .step-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.silo-home-v2 .step-number {
font-size: 3rem; font-weight: 900;
color: #E34344;
line-height: 0.8;
margin-right: 15px;
position: absolute;
left: -5px; top: -5px;
background: #fff;
padding: 5px 0;
}
.silo-home-v2 .step-item p {
font-size: 1rem;
padding-left: 35px; margin: 0;
line-height: 1.5;
} .silo-home-v2 .home-studio .cta-wrapper {
margin-top: 20px;
margin-bottom: 30px;
}
.silo-home-v2 .blog-item {
margin-bottom: 30px;
}
.silo-home-v2 .blog-thumb img {
border-radius: 6px;
margin-bottom: 15px;
width: 100%;
height: auto;
}
.silo-home-v2 .blog-title {
font-size: 1.25rem;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 700;
}
.silo-home-v2 .blog-excerpt {
font-size: 0.95rem;
color: #777;
} .silo-home-v2 .home-section.home-cta {
background-color: #e54b4b;
color: #fff;
padding: 60px 0;
}
.silo-home-v2 .home-cta h2 {
color: #fff;
}
.silo-home-v2 .home-cta p {
font-size: 1.1rem;
color: rgba(255,255,255,0.9);
margin-bottom: 30px;
max-width: 100%;
}
.silo-home-v2 .st-button-outline {
background: transparent;
border: 2px solid #fff;
color: #fff;
padding: 12px 30px;
border-radius: 30px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
font-size: 0.9rem;
transition: all 0.3s ease;
}
.silo-home-v2 .st-button-outline:hover {
background: #fff;
color: #e54b4b;
text-decoration: none;
} @media (min-width: 768px) { .silo-home-v2 .home-section {
padding: 80px 0;
}
.silo-home-v2 .home-process {
margin: 120px 0;
}
.silo-home-v2 .step-number {
left: -15px;
}
.silo-home-v2 .home-hero {
padding-top: 240px;
}
.silo-home-v2 .hero-title {
font-size: 3rem;
}
.silo-home-v2 .home-manifesto-1 {
margin-top: -230px;
padding-top: 200px;
}
.silo-home-v2 .home-section h2 {
font-size: 2.75rem;
}
.silo-home-v2 .home-section p {
font-size: 1.375rem;
font-weight: 300;
}
.silo-home-v2 .home-section .roots-desc,
.silo-home-v2 .home-section .entry-summary p {
font-size: 1.125rem;
}
.silo-home-v2 .home-manifesto.home-manifesto-2 {
margin-top: 0;
}
.silo-home-v2 .roots-map-image {
text-align: right;
margin: 0;
}
}
@media (min-width: 992px) { .silo-home-v2 .home-hero {
padding-top: 300px;
}
.silo-home-v2 .hero-title {
font-size: 3.8rem; }
.silo-home-v2 .hero-image {
margin-top: 50px;
} .silo-home-v2 .step-number {
font-size: 4rem;
left: -20px;
top: -10px;
padding: 10px 0;
}
.silo-home-v2 .step-item {
padding-bottom: 70px;
}
.silo-home-v2 .step-item p {
font-size: 1.125rem;
padding-left: 40px; 
} .silo-home-v2 .home-cta {
padding: 100px 0;
}
.silo-home-v2 .home-cta h2 {
font-size: 2.75rem;
}
.silo-home-v2 .home-cta p {
max-width: 700px;
margin-bottom: 50px;
}
.silo-home-v2 .st-button-outline {
padding: 15px 40px;
font-size: 1rem;
}
} .silo-home-v2 .st-button-arrow {
background-color: #e54b4b; color: #fff;
padding: 12px 30px 12px 25px;
border-radius: 50px;
font-weight: 300;
text-transform: uppercase;
display: inline-flex;
align-items: center;
font-size: 1rem;
letter-spacing: 0.5px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
overflow: hidden;
border: none;
}
.silo-home-v2 .st-button-arrow:hover {
background-color: #d13838;
color: #fff;
}
.silo-home-v2 .st-button-arrow::after {
content: '';
display: inline-block;
width: 50px; height: 14px;
margin-left: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 14' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='7' x2='62' y2='7' /%3E%3Cpolyline points='55 1 62 7 55 13' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
transition: transform 0.3s ease;
}
.silo-home-v2 .st-button-arrow:hover::after {
transform: translateX(10px);
} @media (min-width: 992px) {
.silo-home-v2 .st-button-arrow {
padding: 15px 35px 15px 30px;
font-size: 1.125rem;
}
} .silo-long-arrow-vertical { --arrow-length: 480px;
--line-thickness: 1px;
--arrow-color: #e54b4b; --chevron-size: 8px;
display: none;
flex-direction: column;
align-items: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%; margin-top: 15px;
z-index: 1;
}
.silo-long-arrow-vertical::before {
content: '';
width: var(--line-thickness);
height: var(--arrow-length);
background-color: var(--arrow-color);
transition: height 0.3s ease;
}
.silo-long-arrow-vertical::after {
content: '';
width: var(--chevron-size);
height: var(--chevron-size);
border-bottom: var(--line-thickness) solid var(--arrow-color);
border-right: var(--line-thickness) solid var(--arrow-color);
transform: rotate(45deg); margin-top: -5px; }
@media (min-width: 768px) {
.silo-long-arrow-vertical {
display: flex;
}
} .hero-waves-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 280px;
overflow: hidden;
z-index: 0;
pointer-events: none;
}
#diagonal-waves {
width: 100%;
height: 100%;
}
.diagonal-line {
fill: none;
stroke: #E34344; stroke-linecap: round;
opacity: 0.4;
vector-effect: non-scaling-stroke; stroke-dasharray: 2000;
stroke-dashoffset: 2000;
animation: drawIn 2.5s ease-out forwards;
}
@keyframes drawIn {
to { stroke-dashoffset: 0; }
} @media (min-width: 768px) {
.hero-waves-container { height: 600px; }
} .silo-home-v2 .roots-intro {
margin-bottom: 80px;
padding-right: 30px;
}
.silo-home-v2 .roots-item {
margin-bottom: 45px; }
.silo-home-v2 .roots-thumb img {
border-radius: 6px;
width: 100%;
height: auto;
display: block;
transition: opacity 0.3s ease;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.silo-home-v2 .roots-link {
text-decoration: none;
color: inherit;
display: block;
}
.silo-home-v2 .roots-link:hover img {
opacity: 0.9;
}
.silo-home-v2 .roots-title {
font-size: 1.5rem;
font-weight: 700;
margin-top: 25px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
.silo-home-v2 .roots-arrow {
display: inline-block;
transition: transform 0.3s ease;
}
.silo-home-v2 .roots-link:hover .roots-arrow {
transform: translateX(10px);
}
.silo-home-v2 .roots-desc {
color: #666;
font-size: 1rem; font-size: 1rem;
line-height: 1.6;
margin-top: 0;
max-width: 90%;
}
.silo-home-v2 .roots-desc p {
font-size: 1rem;
} @media (min-width: 992px) {
.silo-home-v2 .roots-col-right {
margin-top: 200px; }
.silo-home-v2 .roots-col-left {
padding-right: 50px; }
.silo-home-v2 .roots-col-right {
padding-left: 50px; }
.silo-home-v2 .roots-item {
margin-bottom: 120px; }
} .silo-home-v2 .home-clients {
padding: 60px 0;
overflow: hidden; background-color: #fff;
}
.silo-home-v2 .clients-intro {
text-align: center;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #999;
margin-bottom: 40px;
font-weight: 600;
}
.silo-home-v2 .clients-marquee {
position: relative;
width: 100%;
overflow: hidden;
mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.silo-home-v2 .clients-track {
display: flex;
width: max-content; animation: marquee-scroll 40s linear infinite;
}
.silo-home-v2 .clients-track:hover {
animation-play-state: paused; }
.silo-home-v2 .client-logo {
width: 200px; padding: 0 30px;
display: flex;
align-items: center;
justify-content: center; filter: grayscale(100%) brightness(0); 
opacity: 0.4; 
transition: all 0.3s ease;
}
.silo-home-v2 .client-logo:hover { filter: grayscale(0%) brightness(1);
opacity: 1;
}
.silo-home-v2 .client-logo img {
max-width: 100%;
height: auto;
max-height: 50px; }
@keyframes marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%); }
} .silo-home-v2 .st-button-white {
background: transparent;
color: #fff;
border: 1px solid #fff !important;
padding: 16px 45px;
border-radius: 50px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
border: none;
font-size: 1rem;
letter-spacing: 0.5px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
overflow: hidden;
}
.silo-home-v2 .st-button-white:hover {
background: #fff;
color: #e54b4b !important;
text-decoration: none;
}
.silo-home-v2 .st-button-white::after {
content: '';
display: inline-block;
width: 50px;
height: 14px;
margin-left: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 14' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='7' x2='62' y2='7' /%3E%3Cpolyline points='55 1 62 7 55 13' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
transition: transform 0.3s ease, background-image 0.3s ease;
}
.silo-home-v2 .st-button-white:hover::after {
transform: translateX(10px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 14' fill='none' stroke='%23e54b4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='7' x2='62' y2='7' /%3E%3Cpolyline points='55 1 62 7 55 13' /%3E%3C/svg%3E");
}
@media (min-width: 992px) {
.silo-home-v2 .st-button-white {
padding: 15px 35px 15px 30px;
font-size: 1.125rem;
}
}