html {
font-family: sans-serif;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 0;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: 0; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} html {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body,
button,
input,
select,
optgroup,
textarea {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: 400;
line-height: 1.66;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.3;
}
.entry-content .content-excerpt,
.font-family-1 {
font-family: 'Oregano', cursive;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
h1 {
font-size: 2.4em;
}
h2 {
color: #666;
font-size: 1.8em;
}
h3 {
color: #333;
font-size: 1.2em;
}
h4 {
color: #767676;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
}
h5 {
color: #767676;
font-size: .8em;
}
h6 {
font-size: .7em;
}
p {
margin: 0 0 1.6em;
}
p:last-child {
margin-bottom: 0;
}
.entry-title {
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
}
.full-item-content .entry-title {
font-size: 16px;
font-weight: 400;
}
.page .entry-content,
.single .entry-content {
font-size: 17px;
font-weight: 300;
}
blockquote {
font-size: 1.2em;
font-style: italic;
border-top: 4px solid currentColor;
padding: 1em 0 0 2.5em;
margin: 0 0 1.6em;
position: relative;
}
blockquote:before {
content: "\201C";
position: absolute;
left: 0;
top: .06em;
font-size: 3em;
font-style: normal;
}
blockquote cite {
display: block;
margin-top: .8em;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
font-style: normal;
color: #6f8590;
}
blockquote cite:before {
content: '\2014';
margin-right: .5rem;
}
address {
margin: 0 0 1.6em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background: #f5f5f5;
}
hr {
background-color: #eee;
border: 0;
height: 1px;
margin: 1.5em auto;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 0 auto;
}
table {
margin: 0 0 1.5em;
width: 100%;
} .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
border: 1px solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: 0;
padding: .6875rem 1rem;
line-height: 1.4;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-transform: uppercase;
letter-spacing: 2px;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
opacity: .8;
}
.button:hover {
text-decoration: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid rgba(38, 50, 56, 0.1);
border-radius: 3px;
outline: 0;
padding: .6875rem 1rem;
line-height: 1;
font-size: 16px;
font-size: 1rem;
}
input[type="search"] {
-webkit-appearance: textfield;
}
select {
border: 1px solid rgba(38, 50, 56, 0.1);
padding: .4rem .5rem;
}
textarea {
width: 100%;
line-height: inherit;
} .top-area {
padding: 50px 0;
position: relative;
}
.banner-overlay {
position: absolute;
height: 100%;
top: 0;
width: 100%;
}
.site-branding {
text-align: center;
position: relative;
z-index: 1;
}
.site-title {
font-size: 64px;
line-height: 1.4;
font-weight: 400;
clear: none;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.site-branding .site-title {
font-size: 4.6875em;
line-height: 1.0731707317;
letter-spacing: -.0015em;
}
}
@media only screen and (min-width: 992px) {
.site-branding .site-title {
font-size: 7.6875em;
}
}
.site-branding .site-description {
font-size: 18px;
margin: 15px auto 0;
}
.site-branding,
.site-branding .site-description,
.site-branding .site-title a {
color: #000;
}
.data-bg-enable .site-branding,
.data-bg-enable .site-branding .site-description,
.data-bg-enable .site-branding .site-title a {
color: #fff;
}
.main-bar {
background: #23282d;
}
.site-header .main-navigation div.menu {
margin: 0 72px;
}
@media only screen and (max-width: 991px) {
.site-header .main-navigation div.menu {
margin-left: 15px;
margin-right: 15px;
}
}
.icon-search {
float: right;
width: 72px;
height: 72px;
line-height: 72px;
font-weight: 700;
}
.popup-search {
position: fixed;
width: 0;
height: 100%;
overflow-y: auto;
text-align: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 20px;
z-index: 9999;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.84);
margin: auto;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reveal-search .popup-search {
opacity: 1;
visibility: visible;
width: 100%;
}
.reveal-search .table-align {
display: table;
height: 100%;
width: 100%;
}
.reveal-search .table-align-cell {
display: table-cell;
vertical-align: middle;
}
.popup-search .close-popup {
position: fixed;
bottom: 80px;
right: 0;
left: 0;
margin: auto;
cursor: pointer;
z-index: 1;
width: 40px;
height: 30px;
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.popup-search .close-popup:after,
.popup-search .close-popup:before {
content: '';
height: 1px;
width: 41px;
position: absolute;
background-color: #fff;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.popup-search .close-popup:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup-search .close-popup:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
.site .popup-search .search-form label,
.site .popup-search .search-form .search-submit {
margin: 10px auto;
width: 100%;
}
} a {
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .main-navigation {
margin: 20px auto;
text-align: center;
}
.main-navigation .toggle-menu {
height: 72px;
text-align: center;
cursor: pointer;
font-size: 15px;
margin-left: 80px;
margin-right: 80px;
display: none;
}
.ham {
width: 23px;
height: 2px;
top: 33px;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.ham:before,
.ham:after {
position: absolute;
content: '';
width: 100%;
height: 2px;
left: 0;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.ham,
.ham:before,
.ham:after {
background: #fff;
}
.ham:before {
top: -8px;
}
.ham:after {
top: 8px;
}
.ham.exit {
background-color: transparent;
}
.ham.exit:before {
-webkit-transform: translateY(8px) rotateZ(-45deg);
-moz-transform: translateY(8px) rotateZ(-45deg);
-ms-transform: translateY(8px) rotateZ(-45deg);
-o-transform: translateY(8px) rotateZ(-45deg);
transform: translateY(8px) rotateZ(-45deg);
}
.ham.exit:after {
-webkit-transform: translateY(-8px) rotateZ(45deg);
-moz-transform: translateY(-8px) rotateZ(45deg);
-ms-transform: translateY(-8px) rotateZ(45deg);
-o-transform: translateY(-8px) rotateZ(45deg);
transform: translateY(-8px) rotateZ(45deg);
}
.main-navigation .menu ul {
display: inline-block;
margin: 0 auto;
padding: 0;
list-style: none;
vertical-align: top;
}
.main-navigation .menu ul li {
position: relative;
display: inline-block;
float: none;
}
.main-navigation .menu ul li a {
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.main-navigation .menu ul li i {
padding-left: 10px;
display: inline-block;
line-height: 100%;
}
@media only screen and (min-width: 992px) {
.main-navigation ul.menu > li {
margin-left: -2px;
margin-right: -2px;
}
.main-navigation .menu ul > li > a {
display: block;
line-height: 72px;
padding: 0 15px;
}
.main-navigation .menu ul ul li {
width: 260px;
}
.main-navigation .menu ul ul a {
display: block;
padding: 12px 30px;
line-height: inherit;
}
.main-navigation .menu ul ul {
position: absolute;
text-align: left;
visibility: hidden;
filter: alpha(opacity=0);
opacity: 0;
margin: 0 auto;
padding: 0;
}
.main-navigation .menu li:hover > ul,
.main-navigation .menu li:focus > ul {
visibility: visible;
filter: alpha(opacity=1);
opacity: 1;
z-index: 999;
-webkit-transition: opacity 0.4s, top 0.4s;
-moz-transition: opacity 0.4s, top 0.4s;
-ms-transition: opacity 0.4s, top 0.4s;
-o-transition: opacity 0.4s, top 0.4s;
transition: opacity 0.4s, top 0.4s;
}
.main-navigation .menu li:focus-within > ul{
visibility: visible;
filter: alpha(opacity=1);
opacity: 1;
z-index: 999;
-webkit-transition: opacity 0.4s, top 0.4s;
-moz-transition: opacity 0.4s, top 0.4s;
-ms-transition: opacity 0.4s, top 0.4s;
-o-transition: opacity 0.4s, top 0.4s;
transition: opacity 0.4s, top 0.4s;
}
.main-navigation .menu > ul > li > ul {
top: 100%;
left: 0;
}
.main-navigation .menu > ul > li:last-child > ul {
left: auto;
right: 0;
}
.main-navigation .menu ul ul ul {
top: -20px;
left: 100%;
}
.main-navigation .menu ul ul li:hover ul,
.main-navigation .menu ul ul li:focus ul{
top: 0;
}
.main-navigation .menu ul ul li:focus-within ul{
top: 0;
} .site-header .main-navigation div.menu {
position: relative;
}
.site-header .main-navigation li.mega-menu {
position: static;
}
.site-header .main-navigation li.mega-menu li {
white-space: normal;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu {
width: 100vw;
max-width: 1170px;
padding: 20px 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: -72px;
margin-right: -72px;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu {
-webkit-transform: translateY(5%);
-ms-transform: translateY(5%);
transform: translateY(5%);
transition: 0.3s;
}
.site-header .main-navigation .menu li:hover > ul.sub-menu,
.site-header .main-navigation .menu li:focus > ul.sub-menu {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
z-index: 99;
}
.site-header .main-navigation .menu li:focus-within > ul.sub-menu{
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
z-index: 99;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu > li {
display: block;
width: 20%;
margin: 0;
padding: 0 30px;
vertical-align: top;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > a {
background: transparent;
padding: 8px 0;
margin-bottom: 8px;
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > ul {
position: relative;
top: auto;
left: auto;
display: block;
padding: 0;
margin-bottom: 10px;
box-shadow: none;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > ul li {
display: block;
padding: 0;
width: inherit;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > ul li a {
background: transparent;
padding: 6px 0;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-transform: inherit;
letter-spacing: 0;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post {
text-align: center;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post a:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post .featured-img {
margin-bottom: 15px;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post .featured-img-container {
display: block;
width: 100%;
height: 0;
padding-top: 66%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post .post-title {
margin-bottom: 10px;
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
white-space: normal;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post .post-title a {
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
will-change: opacity;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu .mega-menu-post .post-title a:hover {
opacity: 0.5;
}
.site-header .main-navigation li.mega-menu:hover > ul.sub-menu > li > ul {
z-index: 99;
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category ul li {
display: block;
float: left;
width: 25%;
padding: 0 20px;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category ul li:hover .post-meta .meta-item a {
will-change: opacity, color;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category > ul {
padding-top: 30px;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-list {
padding: 0;
width: 20%;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-list ul {
background: #333;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-list ul li {
border-bottom: 1px solid #404040;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-list li {
float: none;
width: 100%;
padding: 5px 15px;
white-space: nowrap;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-list li a {
display: inline;
line-height: 30px;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-list li.current a {
text-decoration: underline;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts {
width: 80%;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts .sub-cat {
display: none;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts .sub-cat > ul {
left: 0;
visibility: visible;
filter: alpha(opacity=100);
opacity: 1;
top: 0;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts .sub-cat.current {
display: block;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts .sub-cat > ul {
position: relative;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts .sub-cat > ul:after {
display: none;
}
.site-header .main-navigation li.mega-menu.menu-item-object-category.menu-item-has-children > ul.sub-menu li.sub-cat-posts .sub-cat > ul > li {
width: 33.33%;
}
}
@media (min-width: 1500px) {
.site-header .main-navigation li.mega-menu > ul.sub-menu {
max-width: 1470px;
}
}
.main-navigation .menu .menu-mobile {
margin: 0;
padding: 0;
display: block;
list-style: none;
text-align: left;
position: relative;
z-index: 9999;
display: none;
}
.main-navigation div.menu .menu-mobile ul {
display: block;
}
.main-navigation .menu .menu-mobile li {
display: block;
border-top: 1px solid;
float: none;
}
.main-navigation .menu .menu-mobile li:focus-within ul.sub-menu, .main-navigation .menu .menu-mobile li ul.sub-menu li:focus-within ul.sub-menu {
display: block;
}
.main-navigation .menu .menu-mobile li a {
line-height: 50px;
display: block;
position: relative;
padding-right: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main-navigation .menu .menu-mobile li a:hover {
filter: alpha(opacity=70);
opacity: .7;
}
.main-navigation .menu .menu-mobile li a i {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
z-index: 1;
}
.main-navigation .menu .menu-mobile li a i.active:after {
width: 13px;
height: 1px;
}
.main-navigation .menu .menu-mobile li a i:before,
.main-navigation .menu .menu-mobile li a i:after {
content: '';
width: 13px;
height: 1px;
background-color: #fff;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.main-navigation .menu .menu-mobile li a i:after {
width: 1px;
height: 13px;
}
.main-navigation .menu .menu-mobile li .sub-menu,
.main-navigation .menu .menu-mobile li .children {
list-style: none;
padding: 0;
margin: 0;
border-top: 1px solid;
display: none;
}
.main-navigation .menu .menu-mobile li .sub-menu > li:first-child,
.main-navigation .menu .menu-mobile li .children > li:first-child {
border-top: 0;
}
.main-navigation .menu .menu-mobile .mega-menu-post.has-post-thumbnail .featured-img {
width: 30%;
display: block;
}
.main-navigation .menu .menu-mobile .mega-menu-post.has-post-thumbnail .featured-img,
.main-navigation .menu .menu-mobile .mega-menu-post.has-post-thumbnail .post-content {
display: inline-block;
vertical-align: top;
}
.main-navigation .menu .menu-mobile .mega-menu-post.has-post-thumbnail .post-content {
width: 65%;
margin-top: 10px
}
.main-navigation .menu .menu-mobile .mega-menu-post.has-post-thumbnail .post-content a {
display: block;
line-height: 1.4 !important;
text-transform: inherit;
letter-spacing: 0;
font-size: 14px;
}
.posts-navigation,
.post-navigation {
border-bottom: 4px double;
border-top: 4px double;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
text-align: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-links {
text-align: center;
}
.nav-links .page-numbers {
display: inline-block;
min-width: 50px;
height: 40px;
line-height: 40px;
border: 1px solid;
padding-left: 10px;
padding-right: 10px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.site:before,
.site:after,
.col-row:before,
.col-row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-main:before,
.site-main:after,
.footer-widget-area:before,
.footer-widget-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.posts-navigation:before,
.posts-navigation:after,
.post-navigation:before,
.post-navigation:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.site:after,
.col-row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-main:after,
.footer-widget-area:after,
.wrapper:after,
.widget:after,
.posts-navigation:after,
.post-navigation:after {
clear: both;
} .widget {
margin: 0 0 2em;
}
.widget-title {
font-size: 18px;
line-height: 1.4;
padding: 15px 0;
margin: 0 auto 20px;
position: relative;
}
.widget select {
max-width: 100%;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid;
padding: 0.7em 0;
}
.widget ul li:last-child,
.widget ol li:last-child {
border: 0;
} .widget_tag_cloud,
.widget_product_tag_cloud {
margin-bottom: 4em;
position: relative;
z-index: 2;
}
.widget_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
margin-bottom: 1.2em;
*zoom: 1;
}
.widget_tag_cloud .tagcloud:before, .widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:before,
.widget_product_tag_cloud .tagcloud:after {
display: table;
content: "";
}
.widget_tag_cloud .tagcloud:after,
.widget_product_tag_cloud .tagcloud:after {
clear: both;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
position: relative;
cursor: pointer;
display: inline-block;
float: left;
font-size: 100% !important;
line-height: 1.3;
margin: 0 12px 12px 0;
padding: 10px 13px 4px 15px;
padding: .84em 1em .84em 1.3em;
position: relative;
text-align: center;
text-transform: capitalize;
vertical-align: middle;
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
background-color: #f5f4f0;
}
.widget_tag_cloud .tagcloud a::before,
.widget_product_tag_cloud .tagcloud a::before,
.widget_tag_cloud .tagcloud a::after,
.widget_product_tag_cloud .tagcloud a::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #040404;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.widget_tag_cloud .tagcloud a:hover::before,
.widget_product_tag_cloud .tagcloud a:hover::before {
margin-top: 4px;
margin-left: -4px;
}
.widget_tag_cloud .tagcloud a:hover::after,
.widget_product_tag_cloud .tagcloud a:hover::after {
margin-top: -4px;
margin-left: 4px;
z-index: -1;
}
.site-footer .widget_tag_cloud .tagcloud a:hover,
.site-footer .widget_product_tag_cloud .tagcloud a:focus {
color: #333;
} .widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
.widget ul.nav-tabs {
border: 0;
position: relative;
background: #2d2d2d;
}
.widget ul.nav-tabs li {
border: 0;
margin: 0 auto;
padding: 0;
display: block;
float: left;
}
.widget ul.nav-tabs li .tab-trigger {
cursor: pointer;
display: block;
word-wrap: break-word;
padding: 15px 15px;
text-align: center;
border-radius: 0;
border: 0;
text-transform: uppercase;
font-weight: 700;
margin-right: 0;
}
.widget ul.nav-tabs .tab.active .tab-trigger {
background: #333;
} #page {
position: relative;
z-index: 1;
width: 100%;
height: auto;
overflow-x: hidden;
}
.site-content {
background: #ffffff;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
overflow: hidden;
position: relative;
z-index: 9;
}
.wrapper,
.site-content {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.wrapper,
.site-content {
width: 750px;
}
}
@media (min-width: 992px) {
.wrapper,
.site-content {
width: 970px;
}
.site-content {
padding-top: 2.5em;
}
.home .site-content,
.archive .site-content,
.home.blog .site-content {
padding-top: 0;
}
}
@media (min-width: 1200px) {
.wrapper,
.site-content {
width: 1170px;
}
}
@media (min-width: 1500px) {
.wrapper,
.site-content {
width: 1470px;
}
}
@media (max-width: 767px) {
.wrapper,
.site-content {
padding-left: 20px;
padding-right: 20px;
}
}
#primary,
#secondary {
float: left;
}
#primary {
width: 70%;
padding-right: 10px;
}
#secondary {
width: 30%;
padding-left: 10px;
}
.no-sidebar #primary,
.no-sidebar #secondary {
width: 100%;
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 992px) {
.right-sidebar #primary {
padding-left: 0;
padding-right: 10px;
}
.right-sidebar #secondary {
padding-left: 10px;
padding-right: 0;
}
.left-sidebar #primary {
float: right;
padding-left: 10px;
padding-right: 0;
}
.left-sidebar #secondary {
padding-right: 10px;
padding-left: 0;
}
}
.bg-image,
.data-bg {
width: 100%;
display: block;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.section-feature {
background: #fff;
padding: 30px 0;
margin-bottom: 30px;
}
.bg-image-featured {
height: 320px;
position: relative;
}
@media (max-width: 991px) {
.bg-image-featured {
margin-bottom: 20px;
}
}
.image-block {
display: table;
}
.image-block h3 {
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
z-index: 1;
}
.image-block h3:before {
content: "";
display: block;
height: 1px;
width: 80%;
margin: 0 auto;
background: white;
position: absolute;
left: 0;
right: 0;
top: 50%;
z-index: -1;
}
.image-block h3 span {
background: #fff;
display: inline-block;
max-width: 180px;
margin: 0 auto;
padding: 20px 15px;
width: 100%;
}
.bg-image-featured:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .4);
z-index: 1;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.bg-image-featured:hover:before,
.bg-image-featured:focus:before {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}
.main-slider-1 .data-bg-slide {
height: 540px;
margin-bottom: 150px;
}
.main-slider-2 .data-bg-slide {
height: 340px;
}
.main-banner-fullwidth .wrapper {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.main-slider-1 .slider-figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
padding: 0 80px 70px;
width: 100%;
transition: 500ms ease-in-out;
-webkit-transition: 500ms ease-in-out;
-moz-transition: 500ms ease-in-out;
-ms-transition: 500ms ease-in-out;
-o-transition: 500ms ease-in-out;
}
.slide-title {
font-weight: 300;
line-height: 1.4;
margin: 0 auto 15px;
padding-top: 15px;
}
.main-slider-1 .slide-title {
font-size: 42px;
}
.slide-title a {
color: #fff;
}
.slider-wrapper {
padding: 20px;
text-align: center;
}
.main-slider-1 .slider-wrapper {
padding: 40px 20px;
}
.slider-wrapper .entry-meta,
.slider-wrapper .entry-meta a {
color: #fff;
}
.search-form {
text-align: center;
}
.search-form label {
display: block;
width: 70%;
float: left;
}
.search-form label .search-field {
height: 45px;
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
}
.search-form .search-submit {
float: left;
padding-left: 20px;
padding-right: 20px;
-webkit-border-radius: 0;
border-radius: 0;
width: 30%;
}
.popup-search .search-form {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.popup-search .search-form label {
width: 85%;
width: calc(100% - 200px);
}
.popup-search .search-form .search-submit {
float: right;
font-size: 24px;
width: 200px;
height: 60px;
line-height: 60px;
padding-top: 0;
padding-bottom: 0;
}
.popup-search .search-form label .search-field {
border: 0;
height: 60px;
line-height: 60px;
padding: 0 15px;
width: 100%;
} .preloader {
background: #fff;
position: fixed;
left: 0;
right: 0;
top: 0;
margin-left: auto;
margin-right: auto;
z-index: 999999;
width: 100%;
height: 100%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transform: all 0.7s ease;
transition: all 0.7s ease;
}
.page-loaded .preloader {
transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.loader {
-webkit-filter: url(#goo);
filter: url(#goo);
position: absolute;
height: 120px;
top: 50%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: -60px;
text-align: center;
z-index: 100001;
}
.loader::after {
content: '';
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ffe386;
margin: 0 auto;
position: absolute;
top: 25px;
left: 0;
right: 0;
-webkit-animation: scale 2.5s ease-in-out infinite;
animation: scale 2.5s ease-in-out infinite;
}
.loader div {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #10beae;
top: 35px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
-webkit-animation: move 2.5s ease-in-out infinite alternate;
animation: move 2.5s ease-in-out infinite alternate;
}
.loader svg {
position: absolute;
z-index: -100;
pointer-events: none;
}
.loader div::after, .loader div::before {
content: '';
display: block;
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f74d75;
}
.loader div::before {
left: -75px;
}
.loader div::after {
left: 75px;
}
@-webkit-keyframes move {
0% {
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
100% {
-webkit-transform: translateX(150px);
transform: translateX(150px);
}
}
@keyframes move {
0% {
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
100% {
-webkit-transform: translateX(150px);
transform: translateX(150px);
}
}
@-webkit-keyframes scale {
10% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
90% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale {
10% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
90% {
-webkit-transform: scale(1);
transform: scale(1);
}
} .slide-icon {
position: absolute;
z-index: 1;
display: block;
width: 60px;
height: 50px;
font-size: 24px;
line-height: 50px;
cursor: pointer;
top: 50%;
margin-top: -25px;
text-align: center;
padding: 0;
}
.slide-icon:before {
display: block;
line-height: 50px;
}
.slide-prev:hover,
.slide-prev:focus,
.slide-next:hover,
.slide-next:focus {
outline: none !important;
}
.slide-prev {
left: 60px;
}
.slide-next {
right: 60px;
}
.slick-slide {
outline: 0 !important;
}
.slick-dots {
display: block;
width: 100%;
padding: 0;
margin: 10px auto 20px;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
filter: alpha(opacity=100);
opacity: 1;
}
.slick-dots li button:before {
content: "";
background: transparent;
border: 1px solid #333;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
text-align: center;
filter: alpha(opacity=25);
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
filter: alpha(opacity=75);
opacity: .75;
color: black;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 2em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 15px 0 0;
}
.page-links {
clear: both;
margin: 0 0 15px;
}
.breadcrumbs {
font-size: 14px;
font-weight: 700;
border-top: 1px solid;
border-bottom: 1px solid;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 2px;
}
.breadcrumbs ul {
list-style: none;
margin: 0 auto;
padding: 0;
}
.breadcrumbs ul li {
display: inline-block;
padding: 5px 0;
}
.breadcrumbs ul .trail-item span {
position: relative;
padding-left: 7px;
padding-right: 7px;
}
.breadcrumbs ul .trail-item.trail-begin span {
padding-left: 0;
}
.breadcrumbs ul li span:before {
background: #eee;
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.breadcrumbs ul .trail-item.trail-begin span:before {
content: none;
} .comments-area {
font-size: 16px;
font-size: 1rem;
width: 100%;
max-width: 600px;
padding: 2em;
margin: 4rem auto 0;
}
.comments-title {
color: #6f8590;
margin: 0 0 2rem;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
}
.comment-list {
list-style: none;
padding-left: 0;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.comment-list .comment-respond {
margin-bottom: 1.6rem;
}
.comment > .children {
padding-left: 1.6rem;
list-style: none;
}
.comment-body {
padding: 27.6px 0 1.6rem;
border-radius: .25rem;
background: #fff;
margin-bottom: 1.6rem;
}
.comment-meta {
margin-bottom: 1.6em;
}
.comment-author {
font-size: 1rem;
line-height: 1.25;
}
.comment-author .avatar {
border-radius: 100%;
margin-right: 8px;
float: left;
margin-top: -2px;
}
.says {
display: none;
}
.comment-metadata {
font-size: .75rem;
margin-left: 48px;
}
.comment-metadata a {
color: #6f8590;
}
.comment-metadata .edit-link {
margin-left: .25rem;
}
.reply {
display: inline-block;
margin-top: 1.6rem;
font-size: 12px;
font-size: 0.75rem;
}
.reply a {
color: #6f8590;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
margin-right: 1em;
}
}
.required {
color: #e7040f;
}
.no-comments {
text-align: center;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
color: #6f8590;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .social-icons ul li a:after,
.widget .social-widget-menu ul a:before {
display: inline-block;
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social-icons ul {
list-style: none;
margin: 0 auto;
padding: 0;
}
.social-icons ul li {
display: inline-block;
}
.widget .social-widget-menu ul li {
border: 0;
display: inline-block;
}
.social-icons ul a {
display: block;
position: relative;
text-align: center;
}
.social-icons ul a span {
display: none;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
}
.footer-social-icon {
padding: 10px 15px;
text-align: center;
margin-bottom: 20px;
}
.footer-social-icon .social-icons ul li {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.footer-social-icon .social-icons ul li a {
color: #fff;
}
.footer-social-icon .social-icons ul a span {
display: block;
font-weight: 700;
text-transform: uppercase;
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
letter-spacing: 3px;
font-size: 14px;
}
.footer-social-icon .social-icons ul li a:after {
float: none;
}
.social-icons ul li a:after,
.widget .social-widget-menu ul a:before {
border: 1px solid;
vertical-align: middle;
width: 50px;
float: left;
height: 45px;
font-size: 20px;
line-height: 45px;
text-align: center;
}
.social-icons ul li a:after,
.widget .social-widget-menu ul a:before {
border-radius: 3px;
-webkit-border-radius: 3px;
}
.footer-bottom .social-icons ul li a:after {
border-radius: 100%;
margin-right: 5px;
}
.widget .social-widget-menu ul li a {
display: block;
border: 0;
position: relative;
line-height: 45px;
height: 45px;
font-size: 18px;
font-weight: 400;
z-index: 99;
padding: 0;
}
.widget .social-widget-menu ul li:hover a,
.widget .social-widget-menu ul li:focus a {
filter: alpha(opacity=85);
opacity: .85;
}
.widget .social-widget-menu ul li a span {
padding-left: 55px;
font-size: 14px;
text-transform: uppercase;
}
.social-icons ul a[href*="dribbble.com"]:after,
.widget .social-widget-menu ul a[href*="dribbble.com"]:before {
content: "\e00d";
}
.social-icons ul a[href*="facebook.com"]:after,
.widget .social-widget-menu ul a[href*="facebook.com"]:before {
content: "\e00b";
}
.social-icons ul a[href*="twitter.com"]:after,
.widget .social-widget-menu ul a[href*="twitter.com"]:before {
content: "\e009";
}
.social-icons ul a[href*="linkedin.com"]:after,
.widget .social-widget-menu ul a[href*="linkedin.com"]:before {
content: "\e60a";
}
.social-icons ul a[href*="instagram.com"]:after,
.widget .social-widget-menu ul a[href*="instagram.com"]:before {
content: "\e609";
}
.social-icons ul a[href*="youtube.com"]:after,
.widget .social-widget-menu ul a[href*="youtube.com"]:before {
content: "\e008";
}
.social-icons ul a[href*="vk.com"]:after,
.widget .social-widget-menu ul a[href*="vk.com"]:before {
content: "\e618";
}
.social-icons ul a[href*="plus.google.com"]:after,
.widget .social-widget-menu ul a[href*="plus.google.com"]:before {
content: "\e60d";
}
.social-icons ul a[href*="pinterest.com"]:after,
.widget .social-widget-menu ul a[href*="pinterest.com"]:before {
content: "\e60b";
}
.social-icons ul a[href*="tumblr.com"]:after,
.widget .social-widget-menu ul a[href*="tumblr.com"]:before {
content: "\e00a";
}
.social-icons ul a[href*="reddit.com"]:after,
.widget .social-widget-menu ul a[href*="reddit.com"]:before {
content: "\e60e";
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.main-slider-2 {
padding: 20px 0;
background: #fff0;
margin-bottom: 30px;
}
.main-slider .slick-item {
background-color: #ffffff;
}
.widget-title,
.widget .tab-header {
border-bottom: 2px solid;
}
.main-navigation .menu .menu-mobile li,
.main-navigation .menu .menu-mobile li .sub-menu,
.main-navigation .menu .menu-mobile li .children {
border-color: #3a3a3a;
}
.widget ul li,
.widget ol li,
.breadcrumbs,
.posts-navigation,
.post-navigation,
.nav-links .page-numbers {
border-color: #eee;
}
.col-row {
margin-left: -10px;
margin-right: -10px;
}
.col {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.col-half {
width: 50%;
}
.col-six {
width: 60%;
}
.col-four {
width: 40%;
}
.col-three {
width: 33.33%;
}
@media only screen and (max-width: 991px) {
#primary,
#secondary,
.col {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.col-row {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 640px) {
.home .content-area .site-main,
.archive .content-area .site-main {
display: block;
}
}
.footer-widget-area {
background: #fff;
padding: 30px;
margin: 20px auto 0;
}
.site-info {
font-size: 14px;
font-weight: 700;
padding-top: 15px;
padding-bottom: 30px;
text-align: center;
}
#scroll-up {
position: fixed;
z-index: 8000;
bottom: 100px;
right: -50px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
display: none;
font-size: 14px;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#scroll-up .icons {
font-size: 32px;
vertical-align: middle;
margin-left: 5px;
}
.site-description,
.site-info,
.widget-title,
.read-more,
#scroll-up {
text-transform: uppercase;
}
.site-title {
letter-spacing: 14px;
}
.site-description {
letter-spacing: 6px;
}
.widget-title,
.site-info,
.read-more,
#scroll-up {
letter-spacing: 2px;
}
.single .article-wrapper {
padding-top: 30px;
}
.post-thumbnail {
display: block;
}
.article-wrapper .entry-title {
padding-top: 25px;
margin-bottom: 15px;
}
.read-more {
display: inline-block;
width: 100%;
padding: 15px 20px;
margin: 15px auto;
text-align: center;
}
.read-more:hover,
.read-more:focus {
background: #333;
color: #fff;
}
@media only screen and (max-width: 767px) {
#scroll-up {
bottom: 30px;
right: 20px;
}
#scroll-up strong {
display: none;
}
}
@media only screen and (max-width: 640px) {
.data-bg-slide {
margin-bottom: 0;
}
.slider-figcaption {
position: relative;
padding: 0;
}
.slider-wrapper {
padding-bottom: 0;
}
.home .content-area .site-main article,
.archive .content-area .site-main article {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
}
.entry-meta {
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
letter-spacing: 2px;
}
.entry-meta .cat-links {
margin-left: 8px;
}
.entry-meta .posted-on {
margin-right: 8px;
}
.entry-meta .tags-links {
margin-left: 8px;
}
.entry-meta .byline {
margin-left: 8px;
margin-right: 8px;
}
.tab {
display: none;
}
.tab.active {
display: block;
}
.author-info .profile-image {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.author-info .profile-image {
height: 250px;
}
.author-info .profile-image:after {
content: '';
position: absolute;
height: 55px;
width: 130%;
background: #fff;
left: -5px;
bottom: -12px;
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.author-info .author-details {
text-align: center;
}
.author-info .author-social {
margin-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.author-info .author-social > a {
border-radius: 100%;
border: 1px solid;
display: inline-block;
font-size: 11px;
height: 40px;
line-height: 40px;
margin: 0 4px;
width: 40px;
}
.author-info .author-social .meta-icon {
margin: 0 auto;
padding: 0;
font-size: 24px;
line-height: 40px;
}
.edit-link a {
margin: 0 5px;
padding: 4px 10px;
font-size: 12px;
font-weight: 400;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 2px;
vertical-align: middle;
}
.load-more-posts {
text-align: center;
}
.load-more-posts .btn-link {
display: inline-block;
min-width: 300px;
padding: 15px 20px;
margin: 15px auto;
text-align: center;
}
.load-more-posts .btn-link:link,
.load-more-posts .btn-link:hover,
.load-more-posts .btn-link:focus,
.load-more-posts .btn-link:visited {
background: #333;
}
.ajax-loader {
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid #fd5b66;
display: none;
width: 20px;
height: 20px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
vertical-align: middle;
margin-top: -3px;
}
.ajax-loader-enabled {
display: inline-block;
}
.btn-load-more:hover .ajax-loader,
.btn-load-more:focus .ajax-loader {
border-top-color: #33363b;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.sticky {
display: block;
position: relative;
}
.sticky:before {
content: "\e031";
display: inline-block;
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
transform: rotate(-45deg);
font-size: 30px;
padding: 10px;
margin-top: -24px;
} .article-wrapper-flex {
width: 100%;
float: left;
display: flex;
flex-direction: row;
margin: 100px 0;
}
.article-wrapper-flex .column {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
}
.has-post-thumbnail .article-wrapper-flex .column {
width: 50%;
}
.article-wrapper-flex .column.bg1 {
background: #f5f5f5;
}
.article-wrapper-flex .column .main-image {
width: 100%;
float: left;
margin: 0;
margin-top: -100px;
margin-bottom: 100px;
}
.article-wrapper-flex.no-excerpt {
margin: 50px auto;
}
.article-wrapper-flex.no-excerpt .column .main-image {
margin: 0 auto;
}
.article-wrapper-flex.no-excerpt .column .contenty {
padding-top: 5%;
padding-bottom: 5%;
}
.article-wrapper-flex .column .sub-excerpt {
background: #ffffff;
color: #111;
font-size: 28px;
line-height: 1.4;
letter-spacing: 1px;
padding: 40px 20px;
min-height: 240px;
width: 320px;
position: absolute;
right: -50px;
bottom: -50px;
z-index: 2;
display: table;
}
.article-wrapper-flex .column .sub-excerpt p {
vertical-align: middle;
display: table-cell;
}
.article-wrapper-flex .column .sub-excerpt:before {
position: absolute;
content: '\201C';
font-size: 100px;
font-family: 'Source Sans Pro', sans-serif;
line-height: 100%;
top: 0;
left: 0px;
color: #f3444b;
}
.article-wrapper-flex .column img {
max-width: 100%;
height: inherit;
vertical-align: top;
}
.article-wrapper-flex .column .contenty {
width: 100%;
float: left;
padding: 12%;
}
.article-wrapper-flex .column .contenty .entry-title {
font-size: 2.2em;
line-height: 1.2;
margin: 0 auto 30px;
padding: 0;
}
.article-wrapper-flex .column .contenty p {
line-height: 25px;
} .reveal-effect {
float: left;
overflow: hidden;
position: relative;
}
.reveal-effect > img {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
animation-timing-function: cubic-bezier(.785, .135, .15, .86);
position: relative;
}
.reveal-effect > img {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.reveal-effect {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.reveal-effect {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
-webkit-transition-timing-function: cubic-bezier(.25, .1, .25, 1);
transition-timing-function: cubic-bezier(.25, .1, .25, 1);
}
.reveal-effect.animated {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.reveal-effect.animated img {
-webkit-animation-name: show-img-1;
animation-name: show-img-1;
}
.reveal-effect:after {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
animation-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.reveal-effect:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.reveal-effect:after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(.05, 0);
transform: scale(.05, 0);
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
animation-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.reveal-effect.animated:after {
-webkit-animation-name: slide-bg-2;
animation-name: slide-bg-2;
}
@media (max-width: 991px) {
.article-wrapper-flex .column .contenty .entry-title {
font-size: 1.4em;
}
.article-wrapper-flex .column .sub-excerpt {
right: -25px;
}
.section-feature .col {
width: 33.33%;
}
}
@media (max-width: 767px) {
.site-title {
line-height: 100%;
font-size: 34px;
letter-spacing: 2px;
}
.site-branding .site-description{
font-size: 14px;
}
.article-wrapper-flex .column .contenty .entry-title {
font-size: 1.4em;
}
.site .article-wrapper-flex .column .sub-excerpt {
right: 0;
left: 0;
width: 100%;
}
.section-feature .col {
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
float: none;
}
.site .post .article-wrapper-flex {
display: block;
}
.has-post-thumbnail .article-wrapper-flex .column,
.site .post .article-wrapper-flex .column {
display: block;
width: 100%;
}
.site .post .article-wrapper-flex,
.site .post .article-wrapper-flex.no-excerpt,
.site .post .article-wrapper-flex .column .main-image {
margin: 15px auto;
}
.site .post .article-wrapper-flex .column .sub-excerpt {
position: relative;
margin: 0 auto;
top: inherit;
bottom: inherit;
}
.site .post .article-wrapper-flex .column .contenty {
padding: 20px 0;
}
.main-slider-1 .data-bg-slide {
margin: 0 auto;
height: 250px;
}
.main-slider-1 .slider-figcaption{
position: relative;
padding: 0;
}
}
.content-excerpt {
display: block;
font-style: italic;
font-size: 18px;
margin: 0 auto 30px;
filter: alpha(opacity=64);
opacity: .64;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.footer-social-icon,
.read-more,
.edit-link a,
.load-more-posts .btn-link,
.reveal-effect.se2-white:after,
.icon-search,
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover,
.nav-links .page-numbers:focus,
.sticky .article-wrapper:before,
.main-slider-1 .slider-wrapper {
background: #000;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.footer-social-icon,
.read-more,
.edit-link a,
.load-more-posts .btn-link,
.icon-search,
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover,
.nav-links .page-numbers:focus,
.sticky .article-wrapper:before,
.main-slider-1 .slider-wrapper {
color: #fff;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.social-icons ul li a:after,
.widget .social-widget-menu ul a:before,
.widget-title,
.widget .tab-header {
border-color: #000000;
}
@media only screen and (min-width: 992px) {
.main-navigation .menu ul ul {
background: #000;
color: #fff;
}
}
.main-slider-2 .slick-slide:nth-child(odd) {
background: #000;
}
a {
color: #000;
}
.main-slider-2 .slick-slide:nth-child(even) {
background: #333;
}
.slide-icon,
.reveal-effect.se2-white:after,
.popup-search .search-form .search-submit {
background: #ff424e;
color: #fff;
}
.popup-search .search-form .search-submit {
border-color: #ff424e;
}
a:hover,
a:focus{
color: #ff424e;
}
@media only screen and (min-width: 992px) {
.main-navigation .menu ul > li.current-menu-item > a,
.main-navigation .menu ul > li:hover > a,
.main-navigation .menu ul > li:focus > a {
background: #ff424e;
}
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > a:hover,
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > a:focus,
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > ul li a:hover,
.site-header .main-navigation li.mega-menu > ul.sub-menu > li > ul li a:focus {
color: #ff424e;
}
}
.elementor-html .preloader {
display: none;
} .wp-block-gallery {
list-style: none;
padding: 0;
margin: 0 auto;
}
.wp-block-quote {
margin: 30px 0 30px 0 !important;
padding: 50px !important;
font-size: 15px;
font-style: normal;
text-align: left;
quotes: none;
box-sizing: border-box;
font-weight: 400;
position: relative;
border-left: 0 !important;
background: #f5f5f5;
}
.wp-block-quote:before,
.wp-block-quote:after {
content: "";
position: absolute;
width: 40px;
height: 40px;
padding: 0;
}
.wp-block-quote:before {
background-image: url(//agronomist.pro/wp-content/themes/online-blog/assets/icons/icon-quote-top.svg);
top: 10px;
left: 40px;
color: #fff;
}
.wp-block-quote:after {
background-image: url(//agronomist.pro/wp-content/themes/online-blog/assets/icons/icon-quote-down.svg);
right: 40px;
bottom: 0;
}
.wp-block-quote cite {
font-size: 12px;
font-style: normal;
}
.wp-block-quote.is-style-large {
margin-bottom: 23px;
margin-top: 0 !important;
}
.wp-block-quote.is-style-large p {
font-size: 24px !important;
line-height: 1.5 !important;
}
.wp-block-quote p {
line-height: 25px !important;
}
@media only screen and (min-width: 768px) {
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: auto;
max-width: 1000%;
}
.alignwide {
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
width: auto;
max-width: 1000%;
}
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto;
}
}
.wp-block-gallery.columns-1{
display: block;
}
ul.wp-block-gallery.columns-1,
.wp-block-gallery .blocks-gallery-grid,
.wp-block-gallery {
list-style: none;
padding: 0;
margin: 0 auto;
}
ul.trail-items li:last-child a {
color: #000;
cursor: default;
pointer-events: none;
}