html{
letter-spacing: .02em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body{
margin: 0 auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display: block;
}
audio,
canvas,
progress,
video{
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]){
display: none;
height: 0;
}
[hidden],
template{
display: none;
}
a{
text-decoration: none;
outline: 0 !important;
background-color: transparent;
}
a:active,
a:hover{
outline: 0;
}
a:visited{
color: inherit;
}
abbr[title]{
border-bottom: 1px dotted;
}
b,
strong{
font-weight: bold;
}
dfn{
font-style: italic;
}
h1{
font-size: 2em;
margin: .67em 0;
}
mark{
color: #000;
background: #ff0;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup{
top: -.5em;
}
sub{
bottom: -.25em;
}
img{
border: 0;
}
svg:not(:root){
overflow: hidden;
}
figure{
margin: 0;
}
hr{
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre{
overflow: auto;
overflow-x: visible;
overflow-y: hidden;
padding: 20px;
background-color: whitesmoke;
}
code,
kbd,
pre,
samp{
font-family: monospace, monospace;
white-space: pre-wrap;
color: #333;
overflow-wrap: break-word;
}
button,
input,
optgroup,
select,
textarea{
font: inherit;
margin: 0;
color: inherit;
}
button{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit']{
font-size: 1.2rem;
height: 3.8rem;
padding: 0 30px;
cursor: pointer;
letter-spacing: .2rem;
-webkit-appearance: button;
}
button[disabled],
html input[disabled]{
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
padding: 0;
border: 0;
}
input{
line-height: normal;
}
input[type='checkbox'],
input[type='radio']{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button{
height: auto;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration{
-webkit-appearance: none;
}
fieldset{
margin: 0 2px;
padding: .35em .625em .75em;
border: 1px solid #c0c0c0;
}
legend{
padding: 0;
border: 0;
}
textarea{
overflow: auto;
}
optgroup{
font-weight: bold;
}
table{
border-spacing: 0;
border-collapse: collapse;
}
td,
th{
padding: 0;
} html{
font-size: 62.5%;
}
body{
font-family: serif;
font-size: 2rem; font-weight: 400;
line-height: 1.6;
overflow-x: hidden;
color: #222;
}
#page{
position: relative;
z-index: 1;
left: 0;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
} h1,
h2,
h3,
h4,
h5,
h6{
margin-top: 0;
margin-bottom: 20px;
letter-spacing: .04em;
}
h1,
h2{
line-height: 1.2;
}
h1{
font-size: 4.8rem;
}
h2{
font-size: 4rem;
}
h3{
font-size: 3.2rem;
}
h4{
font-size: 2.4rem;
}
h5{
font-size: 1.8rem;
}
h6{
font-size: 1.4rem;
letter-spacing: 0;
}
p{
margin-top: 0;
} .button,
button,
input[type='submit'],
input[type='reset'],
input[type='button']{
font-size: 1.2rem;
font-weight: 600;
line-height: 38px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 38px;
padding: 0 30px;
cursor: pointer;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-align: center;
text-decoration: none;
letter-spacing: .2rem;
text-transform: uppercase;
color: #555;
border: none;
background-color: transparent;
}
.button:hover,
button:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.button:focus,
button:focus,
input[type='submit']:focus,
input[type='reset']:focus,
input[type='button']:focus{
color: #333;
outline: 0;
}
.button.button-primary,
button.button-primary,
input[type='submit'].button-primary,
input[type='reset'].button-primary,
input[type='button'].button-primary{
color: #fff;
border-color: #33c3f0;
background-color: #33c3f0;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type='submit'].button-primary:hover,
input[type='reset'].button-primary:hover,
input[type='button'].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type='submit'].button-primary:focus,
input[type='reset'].button-primary:focus,
input[type='button'].button-primary:focus{
color: #fff;
border-color: #1eaedb;
background-color: #1eaedb;
} input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select{
font-size: 1.4rem;
font-style: italic;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 38px;
padding: 6px 10px;
border: 1px solid #d1d1d1;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea{
width: 100%;
min-height: 100px;
padding-top: 6px;
padding-bottom: 6px;
}
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='text']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='password']:focus,
textarea:focus,
select:focus{
border: 1px solid #999;
outline: 0;
}
label,
legend{
font-weight: 600;
display: block;
margin-bottom: .5rem;
}
fieldset{
padding: 0;
border-width: 0;
}
input[type='checkbox'],
input[type='radio']{
display: inline;
}
label > .label-body{
font-weight: normal;
display: inline-block;
margin-left: .5rem;
} ul{
list-style: circle inside;
}
ol{
list-style: decimal inside;
}
ol,
ul{
margin-top: 0;
padding-left: 0;
}
ul ul,
ul ol,
ol ol,
ol ul{
font-size: 90%;
margin: 1.5rem 0 1.5rem 3rem;
}
li{
margin-bottom: 1rem;
} code{
font-size: 90%;
margin: 0 .2rem;
padding: .2rem .5rem;
white-space: nowrap;
border: 1px solid #e1e1e1;
border-radius: 4px;
background: #f1f1f1;
}
pre > code{
display: block;
padding: 1rem 1.5rem;
white-space: pre;
} th,
td{
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #e1e1e1;
}
th:first-child,
td:first-child{
padding-left: 0;
}
th:last-child,
td:last-child{
padding-right: 0;
} button,
.button{
margin-bottom: 1rem;
}
input,
textarea,
select,
fieldset{
margin-bottom: 1.5rem;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form{
margin-bottom: 3rem;
}
hr{
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #e1e1e1;
} html{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after{ -webkit-box-sizing: inherit;
box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content: '';
}
blockquote,
q{
quotes: '' '';
}
hr{
height: 1px;
margin-bottom: 1.5em;
border: 0;
background-color: #ccc;
}
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{
max-width: 100%; height: auto; vertical-align: top;
}
table{
width: 100%;
margin: 0 0 1.5em;
} .container{
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1360px;
margin: 0 auto;
padding: 0 ;
}
.column,
.columns{
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0 20px;
}
.row,
.row-m{
margin: 0 -20px;
} @media ( min-width: 768px){
.one.column,
.one.columns{
width: 8.33333333333%;
}
.two.columns{
width: 16.6666666667%;
}
.three.columns{
width: 25%;
}
.four.columns{
width: 33.3333333333%;
}
.five.columns{
width: 41.6666666667%;
}
.six.columns{
width: 50%;
}
.seven.columns{
width: 58.3333333333%;
}
.eight.columns{
width: 66.6666666667%;
}
.nine.columns{
width: 75%;
}
.ten.columns{
width: 83.3333333333%;
}
.eleven.columns{
width: 91.6666666667%;
}
.twelve.columns{
float: none;
width: 100%;
}
}  .container:before,
.container:after,
.row:before,
.row:after,
.row-m:before,
.row-m:after,
.u-cf,
.clearfix:before,
.clearfix:after{
display: table;
clear: both;
content: '';
} #site-header{
position: relative;
}
.header-branding{
position: relative;
display: none;
overflow: hidden !important;
}
.site-branding{
text-align: center;
}
.header-navigation{
z-index: 100;
top: 0;
left: auto;
width: 100%;
height: 54px;
background: #fff;
}
.is-sticky .header-navigation{
position: fixed !important;
left: 0;
-webkit-transition: left .2s ease 0s;
transition: left, .2s ease 0s;
}
.head-inner-wrap > div{
position: relative;
min-height: 54px;
}
.header-layout-3 .header-branding{
overflow: hidden !important;
}
.header-navigation .site-branding{
position: absolute;
z-index: 2;
top: 0;
left: 0;
visibility: visible;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
opacity: 1;
}
.nav-toggle{
width: 54px;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
.header-navigation .site-branding > *{
line-height: 54px;
float: left;
height: 54px;
cursor: pointer;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
text-align: center;
vertical-align: middle;
}
.header-layout-4 .logo-sticky,
.is-sticky .logo-sticky,
.social-active .logo-sticky,
.fixed-header .logo-sticky{
visibility: visible;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
opacity: 1;
}
.header-navigation .site-branding .logo-sticky{
line-height: 52px;
}
.logo-sticky img{
height: 28px;
vertical-align: middle;
}
.full-width-stickyheader .header-navigation > .container{
width: 100%;
max-width: 100%;
}
video.header-video{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
display: none;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
-webkit-transition: 1s opacity;
transition: 1s opacity;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
}  a{
color: royalblue;
}
a:visited{
color: purple;
}
a:hover,
a:focus,
a:active{
color: midnightblue;
}
a:focus{
outline: thin dotted;
}
a:hover,
a:active{
outline: 0;
} .social-wrap{
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
}
.social-connect,
.sticky-ss-wrapper{
display: none;
}
.social-connect{
position: absolute;
z-index: 2;
top: auto;
right: 0;
left: 0;
visibility: hidden;
width: 100%;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
opacity: 0;
background: rgba(35, 40, 45, 1);
}
.search-wrap{
position: fixed;
z-index: 2000;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
opacity: 0;
background: rgb(35, 40, 45, .2);
}
.search-wrap p{
font-size: 1.6rem;
margin-top: 5px;
opacity: .6;
color: #fff;
}
.search-wrap.search-active{
visibility: visible;
opacity: 1;
background: rgba(35, 40, 45, .95);
}
.search-wrap.search-active .search-form{
opacity: 1;
}
.search-wrap .search-form{
margin: 0 auto;
padding-top: 40px;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
-webkit-transition-delay: .2s;
transition-delay: .2s;
opacity: 0;
}
.search-wrap .search-form .search-field{
font-size: 4.2rem;
font-style: normal;
width: 100%;
height: auto;
padding: 15px;
text-align: center;
color: #fff;
border: none;
border-bottom: 1px solid;
background: transparent;
}
.search-inner-wrap{
padding: 0 20px;
}
.search-form,
.search-field{
margin-bottom: 0;
}
.search-wrap.search-active,
.social-active .social-connect{
visibility: visible;
opacity: 1;
}
.close-toggle i,
.search-icon i,
.social-toggle i,
.nav-toggle i{
font-size: 2.1rem;
line-height: 54px;
}
.close-toggle{
line-height: 54px;
display: inline-block;
height: 54px;
cursor: pointer;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-align: center;
}
.buttons-wrap{
position: absolute;
z-index: 2;
top: 0;
right: 0;
}
.buttons-wrap span{
line-height: 54px;
float: left;
width: 54px;
height: 54px;
cursor: pointer;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-align: center;
vertical-align: middle;
}
.nav-toggle:hover,
.close-toggle:hover,
.buttons-wrap span:hover{
opacity: .6;
}
.social-connect{
text-align: right;
}
.social-connect a{
font-size: 1.4rem;
line-height: 54px;
display: inline-block;
padding: 0 8px;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
vertical-align: middle;
opacity: 1;
color: #fff;
}
.social-connect a:hover{
opacity: .6;
}
.social-toggle{
display: none;
}
span.social-toggle{
font-size: 1.4rem;
font-weight: 300;
width: auto;
letter-spacing: .2em;
text-transform: uppercase;
} #site-navigation{
display: none;
}
.main-menu{
display: block;
clear: both;
width: 100%;
text-align: center;
}
.main-menu > ul:after,
.main-menu > ul:before{
display: table;
clear: both;
content: '';
}
.main-menu ul,
.mobi-menu ul{
margin: 0;
padding-left: 0;
list-style-type: none;
}
.main-menu ul li,
.mobi-menu ul li{
position: relative;
margin-bottom: 0;
}
.main-menu .sub-menu{
position: absolute;
z-index: 100;
left: 0;
visibility: hidden;
margin: 0;
padding-left: 0;
list-style: none;
text-align: left;
opacity: 0;
}
.main-menu > ul > li{
display: inline-block;
}
.main-menu ul li a,
.mobi-menu ul li a{
font-size: 1.4rem;
display: block;
padding: 15px 8px;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
text-decoration: none;
letter-spacing: .2em;
text-transform: uppercase;
}
.main-menu > ul > li > a{
line-height: 54px;
padding: 0 8px;
}
#main-menu ul.sub-menu{
position: absolute;
z-index: 10;
left: 0;
visibility: hidden;
width: 200px;
padding-left: 0;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
opacity: 0;
box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}
#main-menu li.menu-item-active > ul.sub-menu{
visibility: visible;
opacity: 1;
}
#main-menu ul li ul.sub-menu li a{
font-size: 1.2rem;
padding: 10px 18px;
}
#main-menu ul.sub-menu li .sub-menu{
top: 0;
left: 100%;
} .mobi-wrap{
position: fixed;
z-index: 100;
top: 0;
bottom: 0;
left: -280px;
display: block;
overflow: auto;
width: 280px;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
background: #f8f8f8;
}
.mmenu-active .mobi-wrap{
left: 0;
}
.close-toggle-wrap{
position: relative;
text-align: right;
}
.mobi-wrap .site-branding{
position: relative;
padding-bottom: 40px;
}
.close-toggle-wrap,
.mobi-wrap .site-branding a{
display: block;
padding: 0 40px;
}
.mobi-wrap .search-form .search-field{
font-style: italic;
width: 100%;
height: auto;
padding: 15px 40px;
color: #fff;
border: medium none;
border-radius: 0;
background: #000;
}
.mmenu-active #page{
left: 240px;
opacity: .6;
}
.mmenu-active .is-sticky .header-navigation{
left: 240px;
}
#mobi-navigation{
position: relative;
padding: 0 40px;
}
.mobi-menu ul li a{
font-size: 1.6rem;
padding: 15px 0;
}
#mobi-menu .sub-menu{
display: none;
}
#mobi-menu .sub-menu li{
padding-left: 20px;
}
#mobi-menu .sub-menu li a{
font-size: 85%;
padding: 5px 0;
}
#mobi-menu .sub-menu li:last-child{
border-bottom: none;
} .thebasic-loader-warp{
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}
.thebasic-loader{
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 40px;
height: 40px;
margin: auto;
margin: 100px auto;
margin-top: -20px;
margin-left: -20px;
}
#pathline{
-webkit-animation: anim 1.6s linear infinite;
animation: anim 1.6s linear infinite;
stroke-dasharray: 2.42777px, 242.77666px;
stroke-dashoffset: 0;
}
@-webkit-keyframes anim{
12.5%{
stroke-dasharray: 33.98873px, 242.77666px;
stroke-dashoffset: -26.70543px;
}
43.75%{
stroke-dasharray: 84.97183px, 242.77666px;
stroke-dashoffset: -84.97183px;
}
100%{
stroke-dasharray: 2.42777px, 242.77666px;
stroke-dashoffset: -240.34889px;
}
}
@keyframes anim{
12.5%{
stroke-dasharray: 33.98873px, 242.77666px;
stroke-dashoffset: -26.70543px;
}
43.75%{
stroke-dasharray: 84.97183px, 242.77666px;
stroke-dashoffset: -84.97183px;
}
100%{
stroke-dasharray: 2.42777px, 242.77666px;
stroke-dashoffset: -240.34889px;
}
}
.thebasic-loader .spinner-blade{
position: absolute;
bottom: 0;
left: .4629em;
width: .074em;
height: .2777em;
-webkit-transform-origin: center -.2222em 0;
transform-origin: center -.2222em 0;
-webkit-animation: 1s linear 0s normal none infinite running spinner-fade;
animation: 1s linear 0s normal none infinite running spinner-fade;
border-radius: .0555em;
background-color: transparent;
}
.thebasic-loader .spinner-blade:nth-child(1){
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.thebasic-loader .spinner-blade:nth-child(2){
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-animation-delay: .083s;
animation-delay: .083s;
}
.thebasic-loader .spinner-blade:nth-child(3){
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-delay: .166s;
animation-delay: .166s;
}
.thebasic-loader .spinner-blade:nth-child(4){
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-delay: .249s;
animation-delay: .249s;
}
.thebasic-loader .spinner-blade:nth-child(5){
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation-delay: .332s;
animation-delay: .332s;
}
.thebasic-loader .spinner-blade:nth-child(6){
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
-webkit-animation-delay: .415s;
animation-delay: .415s;
}
.thebasic-loader .spinner-blade:nth-child(7){
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-delay: .498s;
animation-delay: .498s;
}
.thebasic-loader .spinner-blade:nth-child(8){
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
-webkit-animation-delay: .581s;
animation-delay: .581s;
}
.thebasic-loader .spinner-blade:nth-child(9){
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation-delay: .664s;
animation-delay: .664s;
}
.thebasic-loader .spinner-blade:nth-child(10){
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-delay: .747s;
animation-delay: .747s;
}
.thebasic-loader .spinner-blade:nth-child(11){
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-animation-delay: .83s;
animation-delay: .83s;
}
.thebasic-loader .spinner-blade:nth-child(12){
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
-webkit-animation-delay: .913s;
animation-delay: .913s;
}
@-webkit-keyframes spinner-fade{
0%{
background-color: #69717d;
}
100%{
background-color: transparent;
}
}
@keyframes spinner-fade{
0%{
background-color: #69717d;
}
100%{
background-color: transparent;
}
}
@keyframes spinner-fade{
0%{
background-color: #69717d;
}
100%{
background-color: transparent;
}
}
.load-more-wrap{
position: relative;
margin-bottom: 40px;
text-align: center;
}
.page-links span,
.load-more,
.post-navigation > div a{
font-size: 1.2rem;
font-weight: 700;
line-height: 38px;
position: relative;
z-index: 1;
display: inline-block;
height: 38px;
padding: 0 40px;
cursor: pointer;
-webkit-transition: all .4s ease;
transition: all .4s ease;
letter-spacing: .2em;
text-transform: uppercase;
color: inherit; background: transparent;
}
.load-more{
font-size: 1.4rem; }
.load-more.loading-posts span{
opacity: 0;
}
@-webkit-keyframes scale{
0%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45%{
-webkit-transform: scale(.1);
transform: scale(.1);
opacity: .7;
}
80%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scale{
0%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45%{
-webkit-transform: scale(.1);
transform: scale(.1);
opacity: .7;
}
80%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ajax-loader-circle{
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
margin-top: -6px;
}
.ajax-loader-circle > span:first-child{
-webkit-animation: scale 1s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale 1s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ajax-loader-circle > span:nth-child(2){
-webkit-animation: scale 1s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale 1s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ajax-loader-circle > span:last-child{
-webkit-animation: scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ajax-loader-circle > span{
display: inline-block;
width: 8px;
height: 8px;
margin: 2px;
vertical-align: top;
border-radius: 100%;
background-color: #fff;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#loading{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
}
.navigation{
margin-bottom: 40px;
padding: 0 20px;
}
.nav-links{
padding-top: 40px;
border-top: 1px solid;
}
.nav-title{
padding: 20px 0;
}
.nav-links figure{
position: relative;
margin-bottom: 0;
background: #000 none repeat scroll 0 0;
}
.nav-links figure span{
font-size: 4.8rem;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 20%;
margin-top: -24px;
margin-left: -10%;
text-transform: uppercase;
color: #fff;
}
.nav-links a{
display: block;
overflow: hidden;
}
.nav-links .next-nav{
float: right;
}
.nav-links .nav-cat{
font-size: 10px;
display: block;
margin-top: 15px;
letter-spacing: .15rem;
text-transform: uppercase;
}
.page-links{
margin-top: 80px;
}
.page-links span{
width: 3.8rem;
padding: 0;
text-align: center;
}  .screen-reader-text{
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
}
.screen-reader-text:focus{
font-size: 14px;
font-size: .875rem;
font-weight: bold;
line-height: normal;
z-index: 100000; top: 5px;
left: 5px;
display: block;
clip: auto !important;
width: auto;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
color: #21759b;
border-radius: 3px;
background-color: #f1f1f1;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
} #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{
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
} .clear:before,
.clear: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-footer:before,
.site-footer:after{
display: table;
table-layout: fixed;
content: '';
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after{
clear: both;
} .widget-area .widget{
margin: 40px 0;
}
#secondary .widget-area .widget:first-child{
margin-top: 0;
}
.widget-title{
font-size: 1.6rem;
font-weight: bold;
display: block;
margin: 0 auto 30px;
padding: 0 20px 10px 0;
letter-spacing: .2em;
text-transform: uppercase;
}
.widget .post-title{
line-height: 1.2;
margin-bottom: 0;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
letter-spacing: .04em;
}
.widget ul{
margin-bottom: 0;
margin-left: 0;
list-style: none;
text-align: left;
}
.widget ul li:first-child{
padding-top: 0 !important;
}
.widget ul li{
font-size: 1.6rem;
margin-bottom: 0;
padding: 15px 0;
border-bottom: 1px solid;
}
.widget li a{
font-style: inherit;
line-height: 1;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
.widget li a:hover{
opacity: .7;
}
.widget ul li:last-child{
border-bottom: 0;
} .widget select{
max-width: 100%;
}
.widget_categories li a{
letter-spacing: .2em;
text-transform: uppercase;
} .widget ul li.widget-post{
padding: 15px 0;
}
.widget ul li.widget-post:first-child{
padding-top: 0;
}
.widget-post .entry-meta{
padding-bottom: 0;
letter-spacing: .2em;
text-transform: uppercase;
}
.widget-post-cell:first-child{
width: 80px;
}
.widget-post-cell:last-child{
padding-left: 15px;
}
.widget-post-cell{
display: table-cell;
vertical-align: top;
} .instagram-pics{
overflow: hidden;
margin-bottom: 0;
}
ul.instagram-pics li{
float: left;
width: 33.3%;
padding: 0 !important;
border-bottom: 0;
}
.instagram-pics li img{
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
.instagram-pics li:hover img{
opacity: .6;
}
.instagram-pics li a{
display: block;
background: #000 ;
}
.null-instagram-feed p{
font-size: 1.2rem;
font-style: italic;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
.social-links-buttons{
text-align: center;
}
.widget-social-links li{
display: inline-block;
padding: 0;
border-bottom: 0;
}
.widget-social-links li a{
line-height: 32px;
display: block;
width: 32px;
height: 32px;
text-align: center;
}
.widget .mc4wp-form-fields p{
font-size: 1.4rem;
}
.mc4wp-alert,
.mc4wp-error{
font-size: 1.4rem;
font-style: italic;
}
#instagram-footer {
text-align: center;
overflow: hidden;
}
#instagram-footer .meks-instagram-widget {
display: block !important;
overflow: hidden;
max-width: 100% !important;
}
#instagram-footer .meks-instagram-widget > * {
float: left;
width: 20%;
padding: 0 !important;
}
#instagram-footer .meks-instagram-widget > .slick-list {
width: 100%;
}
.instagram-footer{
position: relative;
}
.instagram-footer .widget-title{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
padding: 10px 20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-bottom: none;
background: rgba(255, 255, 255, .8);
}
.footer-widgets .widget ul li a{
color: #fff;
}
.footer-widgets .widget-post .entry-meta{
opacity: .6;
}
.footer-widgets .widget input[type='text'],
.footer-widgets .widget input[type='name'],
.footer-widgets .widget input[type='email'],
.footer-widgets .widget input[type='password']{
font-size: 1.2rem;
color: #333;
}
.widget_calendar #wp-calendar{
width: 100%;
}
.widget_calendar #wp-calendar caption{
font-size: 2.4rem;
font-weight: bold;
padding-bottom: 30px;
text-align: center;
text-transform: uppercase;
}
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td{
padding: 5px 0;
text-align: center;
vertical-align: middle;
border: none;
}
.widget_calendar #wp-calendar #today{
font-size: 2.1rem;
background: #e91e63;
}
.widget_recent_comments li,
.widget_recent_entries li,
.widget_archive li{
border-bottom: 1px solid #eee;
}
.widget_tag_cloud a,
.tags-links a,
.tags a{
font-size: 1.1rem !important;
font-weight: bold;
display: inline-block;
margin: 4px 2px;
padding: 5px 15px;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
vertical-align: top;
letter-spacing: .1rem;
text-transform: uppercase;
}
.widget_tag_cloud a:hover,
.tags-links a:hover,
.tags a:hover{
opacity: .6;
}
.tagcloud::before,
.tagcloud::after{
display: table;
clear: both;
content: '';
}  .site-content{
position: relative;
z-index: 1;
}
.sticky{
display: block;
}
.post-excerpt{
font-size: 1.6rem;
margin-bottom: 10px;
}
.byline,
.updated:not(.published){
display: none;
}
.single .byline,
.group-blog .byline{
display: inline;
}
.entry-title{
margin-top: 15px;
margin-bottom: 0;
letter-spacing: .04em;
}
.page-content,
.entry-content,
.entry-summary{
margin: 1.5em 0 0;
}
article.post .post-title{
line-height: 1.2;
letter-spacing: .04em;
}
article.post .post-title,
.related-posts-title a{
margin-top: 0;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
figure.post-thumbnail,
.thebasic-embed-wrap{
overflow: hidden;
margin-bottom: 0;
background: #fff;
}
.thebasic-embed-wrap{
margin-bottom: 40px;
}
.page .content-area figure.post-thumbnail,
.page .content-full figure.post-thumbnail,
.single .content-area figure.post-thumbnail{
margin-bottom: 40px;
}
.post-thumbnail a{
position: relative;
display: block;
overflow: hidden;
background: #f2f2f2;
}
figure.post-thumbnail > a{
position: relative;
z-index: 1;
width: 100%;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
} .lazyload,
.lazyloading{
-webkit-animation-delay: .2s;
animation-delay: .2s;
opacity: 0;
}
.lazyloaded{
-webkit-transition: opacity .8s;
transition: opacity .8s;
opacity: 1;
}
.post-thumbnail a:after{
display: block;
width: 100%;
height: 0;
padding-bottom: 50%;
content: '';
}
.trending-posts-layout-2 .post-thumbnail a:after,
.featured-layout-3 .post-thumbnail a:after,
.blog-sidebar .blog-posts-layout-4 .post-thumbnail a:after,
.blog-sidebar .blog-posts-layout-5 .post-thumbnail a:after,
.blog-posts-layout-3 .post-thumbnail a::after,
.archive-sidebar .archive-layout-3 .post-thumbnail a:after,
.widget-post .post-thumbnail a::after{
padding-bottom: 100%;
}
.post-thumbnail a > img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
}
.nav-links a .nav-thumbnail img{
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
article.post .post-title:hover,
.related-posts-title:hover a,
.widget .post-title:hover,
.post-cat a:hover,
span.author a:hover,
figure.post-thumbnail:hover > a,
.nav-links a:hover .nav-thumbnail img{
opacity: .7;
}
.load-more,
.post-navigation,
.comment-reply-link,
#cancel-comment-reply-link,
blockquote p:before,
.comment-navigation a,
span.author a,
.btn,
.comment-author .fn,
.widget_calendar #wp-calendar caption,
input[type='submit'],
button,
#site-footer .social-pro a,
.site-info{
font-family: inherit;
}
.post-meta{
display: none;
}
.post-meta > *{
display: inline-block;
}
.post-meta-wrap .post-meta{
display: inline-block;
margin-bottom: 0;
padding: 15px 20px 10px;
}
.post-meta-wrap{
margin-top: -45px;
text-align: center;
}
.post-meta-wrap .post-cat{
margin-bottom: 0;
}
.post-cat a{
display: inline-block;
}
.post-cat a,
.post-date span{
margin-bottom: 5px;
}
.entry-sep{
padding: 0 5px;
}
.post-meta,
.info-cat,
.nav-cat{
margin-bottom: 10px;
}
.post-meta,
.info-cat,
.nav-cat,
.tagcloud,
.tags-links a,
.entry-footer .tags a{
font-size: 1.2rem;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
}
.full-width-post .entry-footer{
text-align: center;
}
.entry-meta .bypostauthor,
.author-info .bypostauthor{
text-transform: uppercase;
}
.entry-meta,
.author-title *{
font-size: 1.2rem;
}
.entry-meta,
.author-title{
display: inline-block;
padding: 10px 0;
vertical-align: top;
letter-spacing: .1rem;
}
.author-title{
padding: 0;
}
.bottom-left .entry-meta{
display: block;
}
.author-info > div{
display: inline-block;
vertical-align: middle;
}
.entry-meta .author{
font-style: normal;
text-transform: uppercase;
}
.entry-meta span,
.author-title span{
display: inline-block;
}
.entry-date{
text-transform: uppercase;
}
.entry-sep,
.entry-date{
font-weight: 300;
opacity: .6;
} .tr-4.columns,
.tr-5.columns,
.tr-8.columns{
width: 20%;
padding: 0;
}
.tr-8.columns{
width: 66%;
}
.tr-5.columns{
width: 20%;
}
.tr-4.columns{
width: 34%;
}
#trending-posts-wrap.trending-posts-layout-2{
padding-right: 20px;
padding-left: 20px;
}
.trending-posts-layout-2 .tr-wrap{
padding: 20px 0;
}
.trending-posts-layout-2 .tr-post .post-title{
font-size: 1.2rem;
line-height: inherit;
} #featured-posts.featured-full{
max-width: 100%;
}
.fp-wrap{
position: relative;
}
.slider-separator,
.fp-wrap .slick-dots{
margin-bottom: 40px;
}
.slider-separator .slick-dots{
margin-bottom: 0;
}
.fp-wrap span.slick-arrow{
font-size: 1.1rem;
line-height: 48px;
position: absolute;
z-index: 100;
top: 50%;
display: block;
width: 48px;
height: 48px;
cursor: pointer;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
text-align: center;
opacity: 0;
color: #fff;
}
.fp-wrap span.slick-arrow:hover i{
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
opacity: .6;
}
.fp-wrap:hover span.slick-arrow{
opacity: 1;
}
.fp-wrap span.next-arrow{
right: 20px;
}
.fp-wrap span.prev-arrow{
left: 20px;
}
.post-content-wrap{
position: relative;
z-index: 1;
}
.post-content-wrap .entry-meta{
padding: 0;
}
.top-center .post-header{
position: relative;
margin: 0 auto;
}
.fp-post .post-header{
padding: 40px;
background: #fff;
}
.fp-post .top-center .post-header{
max-width: 1140px;
padding: 60px 80px 40px;
}
.featured-layout-2 .fp-wrap .post-header,
.featured-layout-3 .fp-wrap .post-header{
border-right: 1px solid;
}
.top-center .post-header,
.bottom-center .post-content,
.top-center .post-content{
text-align: center;
}
.bottom-left .post-header{
padding: 20px 0 40px;
text-align: left;
}
.bottom-center .post-header{
padding: 35px;
}
.post-block,
.post-block-2{
position: relative;
}
.post-navigation{
font-size: 1.2rem;
overflow: hidden;
margin-bottom: 40px;
letter-spacing: .2rem;
text-transform: uppercase;
} #category-posts{
background: #f8f8f8;
}
#category-posts-wrap{
position: relative;
padding: 60px 0 40px;
}
.category-menu{
margin: 0;
margin-bottom: 20px;
list-style-type: none;
text-align: center;
}
.category-menu li{
font-size: 1.6rem;
display: inline-block;
margin: 0;
letter-spacing: .2em;
text-transform: uppercase;
}
.category-menu li span{
display: block;
padding: 0 10px;
cursor: pointer;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.category-menu li:last-child span{
padding-right: 0;
}
.category-menu li span.current{
opacity: 1 !important;
}
.category-menu li span.inactive{
opacity: .4;
}
.category-menu li span:hover{
opacity: .6;
}
.cat-post-block{
padding: 0;
}
.post-header .pin{
font-weight: 400;
line-height: 28px;
float: left;
width: 32px;
height: 32px;
margin-left: -45px;
text-align: center;
border: 2px solid;
border-radius: 32px;
}
.post-thumbnail .pin{
font-size: 1.6rem;
font-weight: 400;
line-height: 48px;
position: absolute;
top: 50%;
left: 50%;
width: 48px;
height: 48px;
margin-top: -24px;
margin-left: -24px;
text-align: center;
color: #fff;
border-radius: 48px;
background: #23282d;
}
.tr-post .post-header,
.cat-post .post-header{
padding: 20px;
}
.category-posts-layout .cat-post .post-header,
.trending-posts-layout-1 .tr-post .post-header{
padding-left: 45px;
margin-left: 20px;
}
.tr-post .columns{
padding: 0;
} .post-grid,
.post-list,
.sp-post{
margin-bottom: 40px;
}
.post-list .post-header{
padding: 40px;
padding-bottom: 0;
}
.post-list,
.post-list{
border-top: 1px solid;
}
.bg-post.post-list.post-left-full,
.bg-post.post-list.post-right-full{
border: 0;
}
.post-leading{
border-bottom: 1px solid;
}
.blog-posts-layout-1 article.bg-post,
.archive-layout-1 article.ar-post{
margin-bottom: 20px;
}
.blog-posts-layout-1 .bg-post .post-header,
.archive-layout-1 .ar-post .post-header{
max-width: 1140px;
margin: 0 auto;
}
.blog-posts-layout-2 .post-block .bottom-center .post-header{
padding-bottom: 20px;
}
.post-content{
font-style: italic;
}
.post-content p{
line-height: 1.6;
margin-bottom: 20px;
}
.post-block-2 .post-content-wrap{
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
}
.post-content-inner{
display: table;
}
.post-content-inner .post-header{
display: table-cell;
vertical-align: middle;
}
.post-grid .post-content-wrap,
.post-list .post-content-wrap,
.post-grid-big .post-content-wrap{
padding-top: 15px;
}
.rp-post.post-grid .post-content-wrap,
.sp-post.post-grid .post-content-wrap{
padding-top: 0;
} #popular-posts,
#related-posts{
padding: 60px 0;
border-top: 1px solid;
}
.related-posts-title{
font-size: 3.6rem;
margin-bottom: 40px;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
}
.related-posts-title a{
color: inherit;
}
.related-posts-inner{
padding: 0 20px;
text-align: center;
}
.page-header-inner span,
.related-posts-inner span{
font-size: 1.6rem;
display: block;
margin-bottom: 5px;
letter-spacing: .2em;
}
#related-posts .post-header h5{
margin-top: 0;
} .entry-meta-wrap{
margin-bottom: 40px !important;
}
.entry-meta-wrap > div{
float: left;
}
div.social-share{
float: right;
}
.social-share-buttons{
overflow: hidden;
}
.social-share-buttons > span{
line-height: 40px;
float: left;
width: 48px;
height: 40px;
text-align: center;
vertical-align: middle;
}
.social-share-buttons span a{
font-size: 1.6rem;
display: block;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-align: center;
color: #fff;
}
.social-share-buttons .twitter a{
background: #00aced;
}
.social-share-buttons .facebook a{
background: #3b5998;
}
.social-share-buttons .google a{
background: #dd4b39;
}
.social-share-buttons .tumblr a{
background: #32506d;
}
.social-share-buttons .pinterest a{
background: #cb2027;
}
.social-share-buttons .mail a{
background: #23282d;
}
.social-share-buttons span a i{
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
.social-share-buttons span a:hover i{
opacity: .6;
}
.post-views{
font-size: 1.6rem;
padding: 0 10px;
}
.social-share-buttons span.post-views-wrap{
width: auto;
} .page-header{
min-height: 45px;
margin: 40px 0;
margin-top: 0;
padding: 0;
background-position: center center;
background-size: cover;
}
.page .page-header,
.single .page-header{
margin-top: 0;
margin-bottom: 40px;
}
.page-header-inner{
padding-top: 60px;
padding-bottom: 20px;
text-align: center;
border: 0 none;
}
.category-cover .page-header-inner{
position: relative;
z-index: 2;
padding-top: 100px;
padding-bottom: 40px;
}
.page-header-wrap{
position: relative;
overflow: hidden;
padding: 0 20px;
}
.category-cover .page-header-wrap:after{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, .4);
}
.category-cover .page-header-wrap *{
color: #fff;
}
.page-header h2{
font-size: 3.6rem;
font-weight: 700;
position: relative;
margin: 0;
text-indent: .2em;
letter-spacing: .2em;
text-transform: uppercase;
}
.page-title{
text-transform: uppercase;
}
.page-title span{
font-size: 4rem;
font-weight: 600;
display: block;
text-transform: capitalize;
}
.entry-header{
margin: 40px 0;
}
.entry-content{
margin: 20px 0;
}
.not-found{
text-align: center;
}
input.wpcf7-form-control{
height: auto;
margin-bottom: 0;
padding: 10px 15px;
}
input.wpcf7-form-control.wpcf7-submit{
padding: 0 30px;
}
.wpcf7-form-control-wrap{
display: block;
margin-top: 5px;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
font-size: 14px;
font-style: italic;
margin: 15px 0;
border: 1px solid;
}
div.wpcf7-mail-sent-ok{
border-color: #5cb85c;
}
div.wpcf7-validation-errors{
border-color: #d9534f;
}
span.wpcf7-not-valid-tip{
font-size: 14px;
font-style: italic;
padding: 5px 10px;
color: #d9534f;
}
input.wpcf7-not-valid{
border: 1px solid #d9534f;
}
.error-404,
.no-results{
max-width: 860px;
margin: 0 auto;
padding: 0 40px 80px;
}
.error-404{
padding-top: 40px;
}
.back-to-home{
text-transform: uppercase;
}
.error-404 .search-field,
.no-results .search-field{
font-style: italic;
height: auto;
padding: 20px;
text-align: center;
}
.post-format-icon,
.post-sticky-icon{
line-height: 40px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
display: block;
width: 80px;
height: 80px;
text-align: center;
letter-spacing: 0;
}
.post-sticky-icon i,
.post-format-icon i{
font-size: 1.6rem;
line-height: 48px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 48px;
height: 48px;
text-align: center;
color: #fff;
}
.post-format-icon:after,
.post-sticky-icon:after{
position: absolute;
top: 0;
right: 0;
content: '';
opacity: .8;
border-width: 0 80px 80px 0;
border-style: solid;
border-color: transparent;
border-right-color: #23282d;
}
.post-sticky-icon:after{
border-color: transparent;
border-right-color: #ff5252;
}
.thebasic-gallery{
position: relative;
margin-bottom: 30px;
}
.gallery-thumbnail,
.gallery-content{
float: left;
width: 100%;
}
.gallery-content{
display: none;
}
.gallery-thumbnail caption{
font-size: 1.4rem;
padding: 5px 0;
opacity: .6;
}
.gallery-content{
padding: 40px;
}
.gallery-content h4{
letter-spacing: .2em;
}
.gallery-nav{
position: absolute;
z-index: 1;
top: 50%;
left: 0;
margin-top: -32px;
}
.gallery-nav span{
font-size: 2.1rem;
line-height: 64px;
float: left;
width: 64px;
height: 64px;
cursor: pointer;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-align: center;
color: #fff;
background: rgba(30, 40, 45, 1);
}
.gallery-nav span:hover{
background: rgba(30, 40, 45, .8);
}
.gallery-slide{
margin-bottom: 0;
}
.gallery-slide span.caption,
.gallery-caption{
font-size: 1.2rem;
font-style: italic;
display: block;
padding: 10px 20px;
opacity: .8;
}
span.gallery-counter{
font-size: 1.6rem;
line-height: 1;
display: block;
margin-bottom: 20px;
}
.mfp-arrow i,
.mfp-close i{
pointer-events: none;
}
.embed_audio iframe{
width: 100%;
height: 120px;
vertical-align: top;
}
.embed_vedio iframe{
width: 100%;
max-width: 100%;
height: 480px;
}
.dropcap{
font-size: 85px;
font-weight: bold;
line-height: 75px;
display: block;
float: left;
margin: 0 10px 0 0;
}
blockquote{
position: relative;
margin: 20px 0;
padding: 20px 40px;
opacity: .6;
border: medium none;
}
blockquote p{
font-style: italic;
position: relative;
z-index: 3;
padding: 0 20px;
border-left: 2px solid;
}
.full-width-post .entry-header,
.full-width-page .entry-header{
text-align: center;
}
.full-width-post .single-post-wrap .entry-content,
.full-width-post .single-post-wrap .entry-meta-wrap,
.full-width-post .single-post-wrap .entry-footer,
.full-width-post .single-post-wrap .comments-area{
max-width: 960px;
margin: 0 auto;
}
.entry-footer{
margin-top: 30px;
padding: 15px 0;
}
.post-edit-link{
font-size: 1.6rem;
font-style: italic;
display: inline-block;
padding: 10px 0;
}
.entry-footer .tags a,
.entry-footer .tags span{
margin: 5px 0;
padding: 10px;
vertical-align: middle;
}
.entry-footer .tags a{
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
}
.author-avatar{
float: left;
margin-right: 15px;
}
.avatar{
position: relative;
border-radius: 50%;
}
.author-title > span{
line-height: 40px;
display: inline-block;
vertical-align: middle;
}
.author-info .author > a{
font-style: normal;
color: inherit;
}
.author-bio{
font-size: 1.2rem;
font-style: italic;
margin: 5px 0;
padding-bottom: 10px;
border-bottom: 1px solid;
}
.author-contacts{
padding: 5px;
}
.author-contacts a{
font-size: 14px;
margin-right: 10px;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
vertical-align: middle;
color: inherit;
}
.author-contacts a:hover,
.entry-footer .tags a:hover{
text-decoration: none;
opacity: .6;
}
.comment-author > *{
font-size: 1.2rem;
}
.comment-author .fn{
font-style: normal;
text-decoration: none;
letter-spacing: .1rem;
text-transform: uppercase;
}
#author-info{
padding-bottom: 20px;
}
.full-width-page .content-full .entry-content,
#author-info-inner{
max-width: 960px;
margin: 0 auto;
}
#author-title{
margin: 20px 0;
}
.author-social-links{
margin-top: 20px;
}
#author-contact-info{
border-top: 1px solid;
padding-top: 10px;
}
#author-contact-info span{
margin-bottom: 0;
}
#author-contact-info div span{
display: inline-block;
padding: 0 10px;
text-indent: 0.2em;
}
#author-contact-info div span:last-child{
border-left: 1px solid;
margin-left: -1px;
}
#author-contact-info div span a{
color: inherit;
}
.author-social-links a{
font-size: 2.1rem;
display: inline-block;
padding: 0 10px;
color: inherit;
} .comments-area{
margin: 30px 0;
padding-top: 15px;
border-top: 1px solid;
}
.comment-form,
.comment-reply-title{
padding: 30px 0;
}
.comments-title{
margin: 0;
}
.comments-title a{
display: block;
text-decoration: none;
color: inherit !important;
}
.comments-title a,
.comment-reply-title{
margin: 0;
padding: 15px 0;
letter-spacing: .2em;
}
.comments-area .panel-heading{
padding: 0;
border-bottom: 1px solid;
}
.comment-form{
margin: 0;
list-style: outside none none;
}
.comment-form .form-control{
font-size: 1.4rem;
}
.comment-list{
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
list-style: outside none none;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback{
padding: 20px 0;
}
.comment-list .children{
margin-bottom: 0;
padding-left: 0;
list-style: outside none none;
}
.comment-list > li,
.comment-list > li > .children > li{
border-bottom: 1px solid;
}
.comment-list .children{
border-top: 1px solid;
}
.comment-list > li > .children > li:last-child{
border-bottom: 0 none;
}
.comment-list .children{
margin-left: 0;
padding-left: 20px;
}
.comment-author{
margin-bottom: 15px;
}
.comment-author .avatar{
float: left;
margin-right: 15px;
}
.comment-metadata,
.pingback .edit-link{
font-size: 1.2rem;
font-style: italic;
}
.comment-metadata{
margin-top: -15px;
margin-bottom: 15px;
}
.comment-metadata a,
.pingback .comment-edit-link{
color: inherit;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus{
color: inherit;
}
.comment-metadata .edit-link,
.pingback .edit-link{
display: inline-block;
}
.comment-content ul,
.comment-content ol{
margin: 0 0 30px 30px;
}
.comment-content{
font-size: 1.6rem;
padding-left: 60px;
}
.comment-content li > ul,
.comment-content li > ol{
margin-bottom: 0;
}
.comment-body .reply{
text-align: right;
}
.comment-reply-link,
#cancel-comment-reply-link{
font-size: 1.1rem;
font-style: normal;
line-height: 24px;
display: inline-block;
margin-top: 10px;
padding: 0 16px;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
text-decoration: none !important;
letter-spacing: .2em;
text-transform: uppercase;
opacity: .6;
color: #fff;
border-radius: 2px;
background: #73777a;
}
.comment-reply-link:hover,
.comment-reply-link:focus,
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:focus{
opacity: 1;
color: inherit;
color: #fff;
outline: 0 none;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags{
font-size: 1.4rem;
margin-bottom: 15px;
text-transform: uppercase;
}
.logged-in-as .author{
font-size: 1.2rem;
font-style: normal;
text-transform: uppercase;
}
.logged-in-as .author a{
color: inherit;
}
.no-comments{
font-weight: 700;
margin: 0;
padding-top: 30px;
border-top: 1px solid;
}
.comment-navigation + .no-comments{
padding-top: 0;
border-top: 0 none;
}
.comment-navigation{
font-size: 1.2rem;
}
.form-submit{
margin: 0;
}
input.btn-sm{
font-size: 1.2rem;
font-weight: bold;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
letter-spacing: .2em;
text-transform: uppercase;
border-radius: 2px;
}
.comment-reply-title small{
font-size: 100%;
color: inherit;
}
.comment-reply-title small a{
float: right;
overflow: hidden;
border: 0 none;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus{
color: inherit;
}
.comment-reply-title small a::before{
font-size: 32px;
position: relative;
top: -5px;
}
a.comments-link:hover{
color: inherit;
}  .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{
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
} embed,
iframe,
object{
max-width: 100%;
}
.wp-playlist-item{
padding: 10px 0 !important;
} .wp-caption{
max-width: 100%;
margin-bottom: 1.5em;
}
.wp-caption img[class*='wp-image-']{
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text{
font-size: 1.2rem;
font-style: italic;
margin: 10px;
}
.wp-caption-text{
text-align: center;
} .gallery{
margin-bottom: 1.5em;
}
.gallery-item{
display: inline-block;
width: 100%;
text-align: center;
vertical-align: top;
}
.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;
} iframe.instagram-media,
iframe.twitter-tweet{
margin: 0 auto !important;
}
.thebasic-embed-wrap iframe{
height: auto;
} .social-pro a{
font-size: 1.4rem;
font-weight: 300;
display: inline-block;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
vertical-align: middle;
color: inherit;
}
#site-footer .social-pro a{
margin: 0;
padding: 0 10px;
}
#site-footer .social-pro a span{
display: none;
margin-left: 8px;
letter-spacing: .2em;
text-transform: uppercase;
opacity: .8;
}
.site-info p,
.social-pro{
font-size: 1.2rem;
line-height: 12px;
padding-top: 20px;
padding-bottom: 20px;
}
.social-pro a:hover{
text-decoration: none;
opacity: .6;
}
.site-info{
text-align: right;
}
.site-info *{
font-weight: 300;
letter-spacing: .2em;
text-transform: uppercase;
color: #fff;
}
.site-info .copy{
line-height: 15px;
display: block;
margin-bottom: 0;
}
.footer-botttom{
border-top: 1px solid;
} #mrectangle-ad{
text-align: center;
}
#leaderboard-ad-wrap,
#panorama-ad-wrap,
#billboard-ad-wrap{
text-align: center;
background: #f8f8f8;
}
.leaderboard-ad,
.halfpage-ad,
.panorama-ad,
.billboard-ad{
padding: 20px 40px;
text-align: center;
}
.ad-unit{
margin-bottom: 20px;
text-align: center;
}
.ad-unit:last-child{
margin-bottom: 0;
} @media ( min-width: 1360px){
.fp-post h1.post-title{
font-size: 6rem;
}
#trending-posts-wrap,
#featured-posts-wrap,
#category-posts-wrap{
padding-right: 20px;
padding-left: 20px;
}
}
@media ( min-width: 1024px){
.top-center .post-header{
margin: -140px auto 0;
}
.featured-layout-1 .thumbnail-cover{
height: 640px;
}
#site-navigation{
display: block;
}
.logo-sticky{
display: block;
visibility: hidden;
opacity: 0;
}
.social-toggle,
.search-icon,
.social-connect,
.sticky-ss-wrapper{
display: block;
}
.header-navigation{
position: relative;
}
#site-footer .social-pro a span{
display: inline-block;
}
.header-branding,
video.header-video{
display: block;
overflow: hidden;
}
.header-branding{
overflow: hidden !important;
}
}
@media ( min-width: 992px){
.post-meta{
display: block;
}
.sidebar{
padding-left: 60px;
}
}
@media ( min-width: 768px){
.post-list .post-header,
.post-grid .post-header{
padding: 0;
}
.post-views{
font-size: 2rem;
}
.post-right .six.columns:first-child{
float: right;
}
.post-grid .post-content-wrap,
.post-list .post-content-wrap,
.post-grid-big .post-content-wrap{
padding-top: 35px;
}
.rp-post.post-grid .post-content-wrap,
.sp-post.post-grid .post-content-wrap{
padding-top: 25px;
}
.page-header h2,
.related-posts-title{
font-size: 4.2rem;
}
.gallery-thumbnail,
.gallery-content{
float: left;
width: 50%;
}
.gallery-content{
display: block;
}
}
@media ( min-width: 768px ) and ( max-width: 1024px){
h1{
font-size: 3.6rem;
line-height: 1.2;
}
h2{
font-size: 3rem;
line-height: 1.2;
}
h3{
font-size: 2.8rem;
line-height: 1.2;
}
article.post h2.post-title{
font-size: 2.8rem;
}
}
@media ( max-width: 1360px){
.category-posts-layout .cat-post .post-header,
.trending-posts-layout-1 .tr-post .post-header{
padding-left: 60px;
}
}
@media ( max-width: 992px){
.standard-post #primary,
.standard-post #secondary,
.blog-sidebar #blog-posts .blog-posts,
.blog-sidebar #blog-posts .sidebar{
float: none;
width: 100%;
}
}
@media ( max-width: 768px){
.social-profiles,
.site-info{
text-align: center;
}
.site-info p{
padding-top: 0;
}
.post-grid .post-header{
padding: 40px;
padding-bottom: 0;
}
.entry-meta-wrap > div{
float: none;
}
.social-share{
margin-top: 10px;
}
.social-share-buttons span.post-views-wrap{
width: 25%;
background: #f8f8f8;
}
.social-share-buttons{
display: table;
width: 100%;
table-layout: fixed;
}
.social-share-buttons > span{
display: table-cell;
float: none;
width: auto;
}
.widget .textwidget img{
display: block;
margin: 0 auto;
}
}
@media ( max-width: 600px){
.nav-links .prev-nav{
border-right: none;
border-bottom: 1px solid;
}
.mobi-wrap .social-links a{
font-size: 2.1rem;
padding: 0 10px;
}
.mobi-wrap .social-links{
padding: 30px;
}
}
@media ( max-width: 480px){
h1{
font-size: 3.6rem;
line-height: 1.2;
}
h2{
font-size: 3rem;
line-height: 1.2;
}
h3{
font-size: 2.8rem;
line-height: 1.2;
}
.fp-post .post-header{
padding: 35px;
}
#site-footer .social-pro a{
font-size: 1.6rem;
padding: 0 8px;
}
.category-menu li{
font-size: 1.1rem;
}
.category-menu li span{
padding: 0 5px;
}
#category-posts-wrap{
padding: 20px 0 0;
}
.post-list .columns,
.post-listing > .columns,
.blog-posts,
.rp-wrap .columns,
body.archive #primary{
padding: 0;
}
.fp-post .top-center .post-header{
padding: 20px;
}
.post-list .post-header,
.post-grid .post-header{
padding: 20px 20px 0;
}
.row{
margin: 0;
}
article.post h2.post-title{
font-size: 2.4rem;
}
article.post h6.post-title{
font-size: 1.2rem;
}
.post-excerpt{
display: none;
}
.ad-unit{
padding: 20px;
}
.load-more{
display: block;
}
.nav-links .columns{
padding: 0;
}
.nav-title h4{
font-size: 1.8rem;
}
body{
font-size: 1.6rem;
}
.search-wrap .search-form .search-field{
font-size: 2.4rem;
}
.search-wrap p{
font-size: 1.2rem;
}
.post-navigation,
.load-more-wrap{
padding: 0 20px;
}
}
@media ( max-width: 400px){
.post-navigation > div,
.post-navigation > div a{
display: block;
float: none;
margin: 10px 0;
text-align: center;
}
h1{
font-size: 3.2rem;
line-height: 1.2;
}
h2{
font-size: 2.8rem;
line-height: 1.2;
}
h3{
font-size: 2.4rem;
line-height: 1.2;
}
.post-grid .post-content-wrap,
.post-list .post-content-wrap,
.post-grid-big .post-content-wrap,
.sp-post.post-grid .post-content-wrap{
padding-top: 0;
}
.social-share-buttons span a,
.social-share-buttons span span{
font-size: 1.2rem;
}
}