/home/desid573/verdenaturopathy.com.au/site3/wp-content/themes/polite
Edit: /home/desid573/verdenaturopathy.com.au/site3/wp-content/themes/polite/style-rtl.css (166968B)
*/
/**
* 1.0 - General styles (body, headings, links, tags, margins, etc.)
* -------------------------------------------------------------
*/
/* body */
body {
font-family: 'Muli', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1.5;
color: #4c4f53;
direction: rtl;
unicode-bidi: embed;
}
.rtl [class*="col-"] {
float: right;
}
/* links */
a {
text-decoration: none !important;
outline: none !important;
color: #4c4f53;
-webkit-transition: color 0.2s ease, background-color 0.2s ease;
-moz-transition: color 0.2s ease, background-color 0.2s ease;
-o-transition: color 0.2s ease, background-color 0.2s ease;
transition: color 0.2s ease, background-color 0.2s ease;
}
a:focus {
color: #4c4f53;
outline: 5px auto red !important;
}
a:hover {
color: #d42929;
}
/* H1 - H6 */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px;
font-family: 'Prata', serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
color: #000000;
}
h1,
.h1 {
font-size: 29px;
}
h2,
.h2 {
font-size: 26px;
}
h3,
.h3 {
font-size: 23px;
}
h4,
.h4 {
font-size: 20px;
}
h5,
.h5 {
font-size: 17px;
}
h6,
.h6 {
font-size: 15px;
}
/* tags */
button {
-webkit-transition: color 0.2s ease, background 0.2s ease;
-moz-transition: color 0.2s ease, background 0.2s ease;
-o-transition: color 0.2s ease, background 0.2s ease;
transition: color 0.2s ease, background 0.2s ease;
}
p {
margin: 0 0 15px;
}
dl {
margin: 0 0 15px;
}
dl dt {
font-weight: 700;
margin: 0 0 5px;
line-height: 1.7;
}
dl dd {
margin: 0 0 15px;
padding: 0 0 0 15px;
line-height: 1.7;
}
dl dd:last-child {
margin-bottom: 0;
}
address {
display: block;
margin: 0 0 15px;
font-style: italic;
}
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr {
text-decoration: none;
border-bottom: 1px dotted #4c4f53;
cursor: help;
}
acronym {
text-decoration: none;
border-bottom: 1px dashed #4c4f53;
cursor: help;
}
big {
text-transform: uppercase;
font-size: larger;
}
cite {
font-style: italic;
border: none;
}
code,
kbd,
tt {
padding: 4px 5px;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 15px;
color: #4c4f53;
background-color: #f7f8f8;
border-radius: 0;
}
kbd {
box-shadow: none;
}
s,
strike,
del {
text-decoration: line-through;
}
pre {
display: inline-block;
width: 100%;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 15px;
line-height: 1.35;
overflow: auto;
white-space: pre;
margin: 5px 0 13px;
padding: 21px 30px;
background-color: #f7f8f8;
color: #4c4f53;
border: none;
border-radius: 0;
}
var {
font-style: italic;
font-weight: 700;
}
strong,
b {
font-weight: 700;
}
em,
q {
font-style: italic;
}
ins {
text-decoration: none;
border-bottom: 2px solid #4c4f53;
}
legend {
margin-bottom: 15px;
padding-bottom: 5px;
font-size: 22px;
font-weight: 700;
color: #2f3235;
border-bottom: 1px solid #eeefef;
}
hr {
margin-top: 25px;
margin-bottom: 25px;
border-color: #eeefef;
}
blockquote {
position: relative;
margin: 0 0 40px;
padding: 0 0 0 60px;
border: none;
font-family: 'Playfair Display', serif;
font-size: 18px;
font-style: normal;
line-height: 1.65;
}
blockquote:before {
position: absolute;
top: -4px;
left: -4px;
z-index: 0;
font-family: 'Playfair Display', serif;
content: '\201c';
font-size: 120px;
font-style: normal;
line-height: 0.79;
color: #ffffff;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '';
}
blockquote p {
margin-bottom: 20px !important;
}
blockquote p:last-child {
margin-bottom: 0 !important;
}
blockquote cite {
display: block;
margin-top: 10px;
font-size: 18px;
line-height: 1.3;
text-align: right;
color: #4c4f53;
}
ul {
list-style: disc;
margin: 0;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
padding-left: 10px;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 30px;
width: 100%;
}
td,
th {
border: 1px solid #e7e7e7;
padding: 7px 0;
text-align: center;
}
/* text-align */
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
/* float */
.floatleft {
float: left;
}
.floatright {
float: right;
}
/* font-width; !important - it is used to change a current "font-width" value */
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
/* padding (none; 0); !important - it is used to change a current "padding-*" value */
.pt-none {
padding-top: 0 !important;
}
.pb-none {
padding-bottom: 0 !important;
}
.pr-none {
padding-right: 0 !important;
}
.pl-none {
padding-left: 0 !important;
}
/* margin (none; 0); !important - it is used to change a current "margin-*" value */
.mt-none {
margin-top: 0 !important;
}
.mb-none {
margin-bottom: 0 !important;
}
.mr-none {
margin-right: 0 !important;
}
.ml-none {
margin-left: 0 !important;
}
/* word-break */
.break-word {
word-wrap: break-word;
}
/* overflow */
.o-hidden {
overflow: hidden;
}
/* screen reader text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
overflow: hidden;
position: absolute !important;
word-wrap: normal !important;
}
/* override Bootstrap's default container */
@media (min-width: 1200px) {
/* .container {
width: 1030px;
}*/
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.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;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/**
* 2.0 - Animation
* -------------------------------------------------------------
*/
/**
* SlideUpIn animation
*
* Used for the drop-down search form and for the drop-down mobile menu
*/
.SlideUpIn {
animation-name: SlideUpIn;
-webkit-animation-name: SlideUpIn;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes SlideUpIn {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes SlideUpIn {
0% {
-webkit-transform: translateY(10px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
/**
* SlideDownOut animation
*
* Used for the drop-down search form and for the drop-down mobile menu
*/
.SlideDownOut {
animation-name: SlideDownOut;
-webkit-animation-name: SlideDownOut;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes SlideDownOut {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(10px);
opacity: 0;
}
}
@-webkit-keyframes SlideDownOut {
0% {
-webkit-transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(10px);
opacity: 0;
}
}
/**
* SlideLeftIn animation
*
* Used for the main menu container
*/
.SlideLeftIn {
animation-name: SlideLeftIn;
-webkit-animation-name: SlideLeftIn;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes SlideLeftIn {
0% {
transform: translateX(10px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes SlideLeftIn {
0% {
-webkit-transform: translateX(10px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
/**
* SlideRightOut animation
*
* Used for the main menu container
*/
.SlideRightOut {
animation-name: SlideRightOut;
-webkit-animation-name: SlideRightOut;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes SlideRightOut {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(10px);
opacity: 0;
}
}
@-webkit-keyframes SlideRightOut {
0% {
-webkit-transform: translateX(0);
opacity: 1;
}
100% {
-webkit-transform: translateX(10px);
opacity: 0;
}
}
/***
====================================================================
## Top Header
====================================================================
***/
.top-bar-area {
background: #fff none repeat scroll 0 0;
padding: 3px 0px;
position: relative;
border-bottom: 1px solid #fafafa;
}
.top-bar-area .left-side {
float: left;
}
.top-bar-area .right-side {
float: right;
}
.top-menu>ul>li>a {
font-size: 12px;
line-height: 40px;
}
.top-menu>ul {
display: block !important;
padding: 0;
font-size: 0;
margin: 0;
}
.top-menu>ul>li {
display: inline-block;
}
.top-menu ul li {
position: relative;
}
.top-menu>ul>li>a {
display: block;
vertical-align: middle;
font-size: 14px;
font-style: normal;
font-weight: 400;
color: #4c4f53;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.top-menu>ul>li:first-child>a {
padding-left: 0;
}
.top-menu>ul>li:last-child>a {
padding-right: 0;
}
.top-menu>ul>li>ul {
display: none;
}
.menu-area .left-side {
float: left;
}
.menu-area .right-side {
float: right;
}
/**
##Search (dropdown search form)
* ------------------------------------------------------------- */
.search-wrapper {
position: relative;
float: right;
padding-left: 30px;
}
.search-box-text {
position: absolute;
top: 100%;
right: 0;
z-index: 1002;
width: 320px;
height: auto;
padding: 25px 30px;
background-color: #ffffff;
box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.35);
display: none;
}
.search-box-text:after {
content: '';
position: absolute;
z-index: 1002;
right: 20px;
bottom: 100%;
margin-bottom: -1px;
border: 6px solid transparent;
border-bottom: 6px solid #ffffff;
}
.widget .search-form,
.search-wrapper .search-form {
position: relative;
display: table;
border-collapse: separate;
width: 100%;
}
.widget .search-form label,
.widget .search-form .search-submit,
.search-wrapper .search-form label,
.search-wrapper .search-form .search-submit {
display: table-cell;
}
.widget .search-field,
.search-wrapper .search-field {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.widget .search-field,
.search-wrapper .search-field {
font-size: 15px;
font-style: normal;
font-weight: 400;
color: #4c4f53;
background: #f7f8f8;
border: 1px solid #f7f8f8;
border-right: 0;
height: 45px;
padding: 10px 15px;
border-radius: 0;
box-shadow: none !important;
}
.search-field::-webkit-input-placeholder {
color: #4c4f53;
}
.search-field:-moz-placeholder {
color: #4c4f53;
}
.search-field:-ms-input-placeholder {
color: #4c4f53;
}
.widget .search-form .search-submit,
.search-wrapper .search-form .search-submit {
white-space: nowrap;
vertical-align: middle;
height: 45px;
float: right;
border: 1px solid #f7f8f8;
background: #efefef;
padding: 0 15px;
margin-left: -1px;
color: #6f6f6f;
width: 100%;
}
.second_click {
display: none;
position: relative;
z-index: 999999999;
}
.hide-show .second_click {
display: block !important;
}
.hide-show .first_click {
display: none !important;
}
.search_box {
display: block !important;
}
.search-box i {
line-height: 56px;
padding: 15px 0;
cursor: pointer;
width: 40px;
text-align: center;
}
/*
# Top Social
----------------------------------------*/
.social-links ul {
margin: 0;
padding: 0;
}
.social-links ul li {
display: inline;
padding: 0 5px;
}
.social-links ul li a {
font-size: 0;
color: transparent;
line-height: 40px;
}
.social-links ul li a:hover {
color: #54be73
}
.social-links li:last-child {
margin-right: 0;
}
.social-links ul li a:before {
content: "";
font-family: FontAwesome, sans-serif;
font-size: 14px;
padding: 10px 5px;
transition: color 0.3s ease-in-out 0s;
vertical-align: middle;
line-height: 12px;
color: #68686d;
display: inline-block;
border: 0;
border-radius: 0;
}
.social-links ul li:hover a:before {
opacity: .6;
}
.social-links ul li a[href*="facebook.com"]:before {
content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]:before {
content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]:before {
content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]:before {
content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]:before {
content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]:before {
content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]:before {
content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]:before {
content: "\f171";
}
.social-links ul li a[href*="github.com"]:before {
content: "\f113";
}
.social-links ul li a[href*="codepen.io"]:before {
content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]:before {
content: "\f16e";
}
.social-links ul li a[href$="/feed/"]:before {
content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]:before {
content: "\f180";
}
.social-links ul li a[href*="instagram.com"]:before {
content: "\f16d";
}
.social-links ul li a[href*="tumblr.com"]:before {
content: "\f173";
}
.social-links ul li a[href*="reddit.com"]:before {
content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]:before {
content: "\f194";
}
.social-links ul li a[href*="digg.com"]:before {
content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]:before {
content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]:before {
content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]:before {
content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]:before {
content: "\f0e0";
}
.social-links ul li a[href*="skype.com"]:before {
content: "\f17e";
}
.social-links ul li a[href*="dribble.com"]:before {
content: "\f17d";
}
/***
====================================================================
## Main Menu
====================================================================
***/
.main-header,
.main-header * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main-header .container {
position: relative;
}
.main-header:before,
.main-header:after,
.main-header *:before,
.main-header *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main-header {
position: relative;
font-size: 16px;
line-height: 1.42857143;
background-color: #fff;
border-bottom: 1px solid #fafafa;
z-index: 200;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.main-header ul {
margin-bottom: inherit;
}
.main-header img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.main-header a:hover,
.main-header a:focus,
.main-header a:active {
text-decoration: none;
}
.main-header a:focus,
.main-header a:active {
outline: none;
}
.main-header-container {
position: relative;
}
.main-header-overlay .main-header-container {
position: inherit;
}
.main-header .logo {
position: relative;
padding: 15px 0;
text-align: center;
line-height: 56px;
}
.main-header .logo p,
.main-header .logo h1 {
margin: 0;
padding: 0;
line-height: normal;
}
.main-header .logo img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.header-default .bar-menu {
position: absolute;
top: 35px;
right: 70px;
width: 20px;
height: 17px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
-webkit-transition: transform 330ms ease-out;
-moz-transition: transform 330ms ease-out;
-o-transition: transform 330ms ease-out;
transition: transform 330ms ease-out;
}
.header-default .bar-menu.menu-open {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-default .line-menu {
background-color: #111111;
border-radius: 2px;
width: 100%;
height: 3px;
}
.header-default .line-menu.line-half {
width: 50%;
}
.header-default .line-menu.first-line {
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: right;
}
.header-default .menu-open .line-menu.first-line {
-webkit-transform: rotate(-90deg) translateX(3px);
-moz-transform: rotate(-90deg) translateX(3px);
-o-transform: rotate(-90deg) translateX(3px);
transform: rotate(-90deg) translateX(3px);
}
.header-default .line-menu.last-line {
align-self: flex-end;
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: left;
}
.header-default .menu-open .line-menu.last-line {
-webkit-transform: rotate(-90deg) translateX(-3px);
-moz-transform: rotate(-90deg) translateX(-3px);
-o-transform: rotate(-90deg) translateX(-3px);
transform: rotate(-90deg) translateX(-3px);
}
.main-menu>ul {
display: none;
padding: 0 0 20px;
}
.main-menu ul li {
position: relative;
list-style: none;
}
.main-menu ul li>a {
display: block;
font-size: 15px;
color: #212121;
padding: 14px 15px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-menu ul li.current-menu-item>a,
.main-menu ul li:hover>a {
color: #d42929;
background-color: #f6f6f6;
}
.main-menu ul ul li>a {
font-size: 14px;
font-style: normal;
text-transform: inherit;
background-color: #efefef;
padding: 14px 15px 14px 30px;
}
.main-menu ul ul ul li>a {
padding: 14px 15px 14px 45px;
}
.main-menu ul ul li:hover>a {
background-color: #efefef;
}
.dropdown-plus {
width: 49px;
height: 49px;
line-height: 49px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.dropdown-plus:before,
.dropdown-plus:after {
position: absolute;
content: '';
top: 24px;
right: 18px;
width: 13px;
height: 1px;
background-color: #111111;
}
.dropdown-plus:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.main-menu li>ul,
.dropdown-plus.dropdown-open:after {
display: none;
}
.header-shadow-wrapper {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 30px;
overflow: hidden;
z-index: -1;
}
.header-shadow-wrapper:after {
display: block;
position: relative;
content: "";
width: 100%;
height: 60px;
top: -60px;
border-radius: 50%;
-webkit-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1);
}
/* =============================================
##Media queries for responsive design
================================================ */
@media (min-width: 768px) {
.header-default .main-header .logo {
float: left;
}
.main-menu {
clear: both;
}
.header-shadow-wrapper:after {
-webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1);
}
.main-header-overlay .logo {
left: 30px;
}
.main-header-overlay .bar-menu {
right: 30px;
}
.main-menu-overlay>ul>li {
padding: 0 110px 0 30px;
margin-bottom: 16px;
}
}
@media (min-width: 992px) {
/* =============================================
Viewport Breakpoint
================================================ */
.main-header-container {
height: 90px;
}
.main-header-overlay .main-header-container {
height: auto;
}
.main-header .logo {
position: relative;
}
.main-header .logo img {
max-width: inherit;
max-height: 90px;
width: auto;
}
.header-default .bar-menu {
display: none;
}
.main-menu {
float: right;
clear: inherit;
}
.main-menu>ul {
display: block !important;
padding: 0;
font-size: 0;
}
.main-menu>ul>li {
display: inline-block;
}
.main-menu ul li {
position: relative;
}
.main-menu>ul>li>a {
position: relative;
line-height: 86px;
font-size: 15px;
font-style: normal;
font-weight: 600;
color: #4c4f53;
box-sizing: border-box;
white-space: nowrap;
padding: 0 20px;
}
.main-menu>ul>li:last-child>a {
padding: 0 0 0 20px;
}
.main-menu ul li.current-menu-item>a,
.main-menu ul li:hover>a {
background-color: inherit;
}
.dropdown-plus {
display: none;
}
.main-menu ul li.dropdown_menu>a>span:before {
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #c1c1c1;
position: relative;
content: '';
display: inline-block;
height: 4px;
width: 4px;
top: -3px;
margin-right: 8px;
box-sizing: content-box;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.main-menu li>ul {
display: block !important;
position: absolute;
width: 250px;
top: 100%;
right: 0;
background-color: #fff;
padding: 27px 0;
visibility: hidden;
opacity: 0;
z-index: 1;
-webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-menu li:hover>ul {
visibility: visible;
opacity: 1;
}
.main-menu li.submenu-right>ul {
left: inherit;
right: 0;
}
.main-menu li>ul ul {
top: -27px;
left: 100%;
}
.main-menu li.submenu-right>ul ul {
left: -100% !important;
}
.main-menu ul ul li.dropdown_menu>a>span:before {
float: right;
top: 7px;
right: -10px;
margin: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-menu ul ul li>a {
position: relative;
color: #818181;
padding: 9px 35px 7px !important;
}
.main-menu ul ul li>a,
.main-menu ul ul li:hover>a {
color: #818181;
background-color: transparent;
text-align: right;
}
.main-menu ul ul li:hover>a {
padding-left: 55px !important;
}
.main-menu ul ul li>a:before {
position: absolute;
content: "";
top: 17px;
left: 35px;
width: 0;
height: 1px;
background: #a1a1a1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-menu ul ul li:hover>a:before {
width: 10px;
}
.main-menu ul li.dropdown_menu>a>span {
display: none;
}
.main-menu.menu-caret ul li.dropdown_menu>a>span {
display: inline-block;
}
.main-menu.menu-caret ul ul li.dropdown_menu>a>span {
display: inline;
}
.main-menu.separate-line>ul>li>a {
position: relative;
}
.main-menu.separate-line>ul>li>a:before {
position: absolute;
content: "";
top: 50%;
right: 0;
width: 1px;
height: 20px;
background: #eeeeee;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.main-menu.separate-line>ul>li:last-child>a:before {
display: none;
}
.main-menu.separate-line>ul>li>a {
padding: 0 28px;
}
.main-menu.separate-line>ul>li:last-child>a {
padding: 0 0 0 28px;
}
/* =============================================
Header sticky
================================================ */
.main-header {
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.main-header.sticky {
top: 0;
position: fixed;
width: 100%;
z-index: 100;
animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
/* =============================================
Submenu
================================================ */
.main-menu.submenu-top-border li>ul {
border-top: 3px solid #d42929;
}
.main-menu.submenu-top-border li>ul ul {
top: -30px;
}
.main-menu.submenu-list-border li>ul ul {
top: -20px;
}
.main-menu.submenu-top-border.submenu-list-border li>ul ul {
top: -23px;
}
.main-menu.submenu-list-border ul ul li>a {
padding: 15px 35px 14px !important;
}
.main-menu.submenu-list-border ul ul li:first-child>a {
padding: 8px 35px 14px 35px !important;
}
.main-menu.submenu-list-border ul ul li:last-child>a {
padding: 15px 35px 8px 35px !important;
}
.main-menu.submenu-list-border ul ul li:after {
position: absolute;
content: "";
bottom: 0;
left: 35px;
right: 35px;
height: 1px;
background: #eeeeee;
}
.main-menu.submenu-list-border ul ul li:last-child:after {
display: none;
}
.main-menu.submenu-list-border ul ul li:hover>a {
padding-left: 55px !important;
}
.main-menu.submenu-list-border ul ul li:nth-child(n+2)>a:before {
top: 24px;
}
.header-dark .main-menu.submenu-list-border ul ul li:after {
background: #333333;
}
/* =============================================
Submenu transitions
================================================ */
.main-menu.submenu-flip li>ul {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.main-menu.submenu-flip li:hover>ul {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu.submenu-flip ul {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 200px;
-ms-perspective: 200px;
perspective: 200px;
}
.main-menu.submenu-flip ul li {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 200px;
-ms-perspective: 200px;
perspective: 200px;
}
.main-menu.submenu-scale li>ul {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.main-menu.submenu-scale li.submenu-right ul {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.main-menu.submenu-scale li:hover>ul {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 767px) {
.main-menu>ul>li>a {
line-height: normal !important;
}
}
.mobile-menu {
display: block;
width: 20px;
padding: 21px 0;
margin: 0;
float: left;
position: relative;
z-index: 2;
background: none;
border: none;
}
.mobile-menu:before,
.mobile-menu:after {
content: '';
display: block;
background: #333;
height: 2px;
}
.mobile-menu span {
background: #333;
display: block;
height: 2px;
margin: 6px 0;
}
div#MobileMenu {
background: #fff;
}
div#MobileMenu {
display: inline-block;
padding: 0 15px;
line-height: 50px;
font-size: 15px;
font-weight: 700;
letter-spacing: .02em;
color: #111111;
margin: 0;
position: relative;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
transition: 350ms;
font-family: 'Roboto', sans-serif;
}
/*==============================================================
## Header Type CSS
================================================================*/
/*## Header Images*/
.header-image {
padding: 20px 0;
position: relative;
}
.header-image .search-box i,
.header-image .main-menu>ul>li>a {
color: #fff;
}
.header-image .container {
position: relative;
z-index: 2;
}
.header-image:after {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.3);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.header-image.sticky {
padding: 5px 0;
/*background: #fff!important;*/
}
.header-image.sticky:after {
background: rgba(0, 0, 0, 0.8);
}
.header-1 .header-image .head_one {
background: transparent;
position: relative;
}
.header-image .menu-area {
position: relative;
z-index: 5;
}
.header-image .bar-menu a {
color: #fff;
}
.main-header.header-image .logo p,
.main-header.header-image .logo h1 a {
color: #fff;
}
.header-image .mobile-menu:before,
.header-image .mobile-menu:after,
.header-image .mobile-menu span {
background: #fff;
}
@media (max-width: 767px) {
.header-1 .header-image .main-menu ul {
background: transparent;
}
}
/*====================================================
## Header One
=======================================================*/
.header-1 #site-navigation {
position: relative;
}
.header-1 .bar-menu {
display: none;
}
.header-1 .head_one {
background: #fff;
border-bottom: 1px solid #f2f2f2;
}
.header-1 .head_one .logo {
margin: auto;
max-width: 300px;
text-align: center;
padding: 50px 0;
float: none;
}
.header-1 .search-box i {
line-height: 30px;
}
.header-1 .sticky .head_one {
display: none;
}
.header-1 .main-menu {
float: none;
max-width: 80%;
text-align: center;
margin: auto;
}
@media (min-width: 1200px) {
.header-1 .main-menu {
float: none;
text-align: center;
}
.header-1 .main-menu>ul>li>a {
line-height: 60px;
}
.header-1 .main-menu>ul>li:first-child>a {
padding-left: 0;
}
}
@media (max-width: 767px) {
.header-1 .main-header .container {
position: inherit;
}
.header-1 .search-box i {
line-height: 35px;
}
.header-1 .search-wrapper {
right: auto;
position: relative;
}
.header-1 .bar-menu {
left: auto;
position: relative;
right: auto;
margin: auto;
top: auto;
line-height: 68px;
display: block;
text-align: center;
cursor: pointer;
background: none;
border: none
}
.header-1 .main-menu ul {
position: absolute;
width: 100%;
background: #fff;
top: 67px;
text-align: left;
left: 0;
margin: 0;
z-index: 300;
padding-bottom: 100px;
}
.header-1 .bar-menu.menu-open {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
/*======================================
## Two
========================================*/
.header-2 .menu-area {
position: relative;
}
.header-2 .head_two {
background: #fff;
border-bottom: 1px solid #f2f2f2;
}
.header-2 .head_two .logo {
max-width: 300px;
text-align: left;
padding: 20px 0;
float: none;
}
.header-2 .bar-menu {
position: absolute;
top: 35px;
right: 70px;
width: 20px;
height: 17px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
-webkit-transition: transform 330ms ease-out;
-moz-transition: transform 330ms ease-out;
-o-transition: transform 330ms ease-out;
transition: transform 330ms ease-out;
}
.header-2 .bar-menu.menu-open {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-2 .line-menu {
background-color: #111111;
border-radius: 2px;
width: 100%;
height: 3px;
}
.header-2 .line-menu.line-half {
width: 50%;
}
.header-2 .line-menu.first-line {
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: right;
}
.header-2 .menu-open .line-menu.first-line {
-webkit-transform: rotate(-90deg) translateX(3px);
-moz-transform: rotate(-90deg) translateX(3px);
-o-transform: rotate(-90deg) translateX(3px);
transform: rotate(-90deg) translateX(3px);
}
.header-2 .line-menu.last-line {
align-self: flex-end;
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
transform-origin: left;
}
.header-2 .menu-open .line-menu.last-line {
-webkit-transform: rotate(-90deg) translateX(-3px);
-moz-transform: rotate(-90deg) translateX(-3px);
-o-transform: rotate(-90deg) translateX(-3px);
transform: rotate(-90deg) translateX(-3px);
}
.header-2 .search-box i {
line-height: 30px;
}
.header-2 .sticky .head_two {
display: none;
}
@media (min-width: 1200px) {
.header-2 .main-menu {
float: left;
}
.header-2 .main-menu>ul>li>a {
line-height: 60px;
}
.header-2 .main-menu>ul>li:first-child>a {
padding-left: 0;
}
}
@media (max-width: 767px) {
.header-2 .main-header .container {
position: inherit;
}
.header-2 .search-box i {
line-height: 56px;
}
.header-2 .search-wrapper {
right: 10px;
position: inherit;
}
.header-2 .bar-menu {
left: 15px;
}
.header-2 .head_two .logo {
text-align: center;
max-width: inherit;
}
}
.header-2 .advertise-img {
padding: 20px 0;
}
/*==============================================================
## Main Banner CSS
================================================================*/
section.slider-wrapper {
position: relative;
}
.slider-height {
height: 665px;
position: relative;
}
.img-cover {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.caption {
text-align: center;
position: relative;
z-index: 5;
}
.caption h2 a {
font-size: 48px;
color: #fff;
margin-bottom: 10px;
line-height: 1.3;
}
.caption span,
.caption span a {
font-size: 14px;
color: #fff;
margin-right: 5px;
letter-spacing: 2px;
}
.caption span i {
margin-right: 5px;
}
.caption .s-cat {
color: #959595;
z-index: 3;
display: inline-block;
font-size: 14px;
font-weight: 500;
border-radius: 1px;
padding: 20px 0;
line-height: normal;
position: relative;
}
.main-slider .slick-arrow {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
background: none;
padding: 0;
font-size: 24px;
height: 50px;
width: 40px;
border: 1px solid #c7c8ca;
color: #c7c8ca;
text-align: center;
line-height: 50px;
transition: all .3s;
cursor: pointer;
z-index: 99;
opacity: 0;
visibility: hidden;
}
.main-slider:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.main-slider .slick-arrow:hover {
border: 1px solid #c7c8ca;
color: #c7c8ca;
}
.main-slider .slick-arrow.slick-next {
right: 30px;
left: auto;
}
.main-slider .slick-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
padding-left: 0;
}
.main-slider .slick-dots li {
display: inline-block;
line-height: 0;
}
.main-slider .slick-dots li.slick-active button {
background: #fff;
}
.main-slider .slick-dots li button {
text-indent: -99999px;
border: 0;
margin: 0 5px;
padding: 0;
height: 10px;
width: 10px;
border-radius: 50%;
background: #959698;
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.overley {
background: rgba(0, 0, 0, .3);
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.overley:after {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: 2;
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
}
.bottom-caption {
position: absolute;
bottom: 10%;
width: 100%;
}
.bottom-caption .slider-items {
position: relative;
padding: 30px 0 10px 80px;
cursor: pointer;
}
.bottom-caption .slider-items span {
position: absolute;
width: 70px;
height: 70px;
left: 0;
top: 20px;
border-radius: 100%;
text-align: center;
line-height: 70px;
font-size: 30px;
font-weight: 700;
color: rgb(255, 255, 255);
border: 2px solid #eee;
background: rgba(0, 0, 0, 0.37);
}
.bottom-caption .slick-current .slider-items span {
background: #d42929;
border: 2px solid #d42929;
}
.bottom-caption .slider-items a,
.bottom-caption .slider-items h4 {
color: #fff;
}
/**
## slider Boxed
**/
.boxed {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
@media (min-width: 768px) {
.boxed {
width: 750px;
}
}
@media (min-width: 992px) {
.boxed {
width: 970px;
}
}
@media (min-width: 1200px) {
.boxed {
width: 1170px;
}
}
.bottom-caption .boxed {
padding: 0 50px;
}
/**
## slider Two
**/
.slide-wrap {
display: table;
width: 100%;
background: #fafafa;
margin-top: 50px;
}
.slide-wrap [class*="col-"] {
display: table-cell;
vertical-align: middle;
float: none;
padding: 0;
}
.slide-wrap .slider-height {
height: 450px;
}
.slide-wrap .caption {
text-align: right;
padding: 20px 70px;
}
.slide-wrap .caption h2 a {
font-style: normal;
line-height: 1.2;
color: #2f3235;
font-size: 24px;
}
.slide-wrap .entry-meta {
margin-bottom: 15px;
}
.slide-wrap .caption span,
.slide-wrap .caption span a {
margin-bottom: 15px;
font-size: 12px;
color: #989ea6;
letter-spacing: normal;
}
.slide-wrap .caption .s-cat {
color: #d42929;
z-index: 3;
display: inline-block;
font-size: 14px;
border-radius: 1px;
line-height: normal;
padding: 20px 0;
position: relative;
margin-bottom: 5px;
}
.slide-wrap .more-btn:before {
content: "";
background-color: #000;
width: 40px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
-webkit-transition: 0.2;
-o-transition: 0.2;
transition: 0.2;
}
.slide-wrap .more-btn {
display: inline-block;
margin-top: 20px;
font-size: 16px;
color: #000;
box-shadow: none;
}
.slide-wrap .caption span i {
margin-right: 5px;
}
.modern-slider .slick-arrow {
position: absolute;
height: 70px;
width: 70px;
text-align: center;
line-height: 30px;
border-radius: 0;
color: #000;
font-size: 35px;
bottom: 4px;
left: 0;
z-index: 2;
cursor: pointer;
border: 0;
background: #fff;
outline: none;
}
.modern-slider .slick-arrow:hover {
background: #333;
color: #fff;
}
.modern-slider .slick-arrow.slick-next {
left: 70px;
right: auto;
}
.modern-slider .slick-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
padding-left: 0;
}
.modern-slider .slick-dots li {
display: inline-block;
line-height: 0;
}
.modern-slider .slick-dots li.slick-active button {
background: #fff;
}
.modern-slider .slick-dots li button {
text-indent: -99999px;
border: 0;
margin: 0 5px;
padding: 0;
height: 10px;
width: 10px;
border-radius: 50%;
background: #959698;
}
@media (max-width: 767px) {
.slide-wrap {
display: block;
}
.slide-wrap [class*="col-"] {
display: block;
}
.slide-wrap .s-left {
float: right;
}
.slide-wrap .caption {
text-align: left;
padding: 20px 15px;
}
.slide-wrap .slider-height {
height: 200px;
}
}
/**
================================================
## Archive page heading
====================================================
**/
.archive-heading {
max-width: 500px;
width: 100%;
padding: 0 15px;
}
.archive-title {
margin: -7px 0 0;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: 1.2;
color: #2f3235;
}
.archive-description {
margin: 15px 0 -3px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.6;
color: #4c4f53;
}
.archive-description p {
margin-bottom: 10px;
}
.archive-description p:last-child {
margin-bottom: 0;
}
/***
====================================================================
## Author Page
====================================================================
***/
.fb-author-heading-social-links {
margin-top: 8px;
text-align: left;
}
.fb-author-heading-social-links>span {
margin-right: 8px;
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #4c4f53;
}
.fb-author-heading-social-links ul {
margin: 0 -10px 0 0;
display: inline-block;
}
.fb-author-heading-social-links ul li {
display: inline-block;
margin: 10px 10px 0 0;
}
.fb-author-heading-social-links ul li a {
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
font-family: sans-serif;
font-size: 13px;
font-weight: 400;
color: #4c4f53;
background-color: #ffffff;
border-radius: 50%;
}
.fb-author-heading-social-links ul li a:active i {
position: relative;
top: 1px;
}
.fb-ah-twitter-link:hover,
.fb-ah-twitter-link:focus {
color: #43b1ff !important;
}
.fb-ah-facebook-f-link:hover,
.fb-ah-facebook-f-link:focus {
color: #6e8dd0 !important;
}
.fb-ah-pinterest-p-link:hover,
.fb-ah-pinterest-p-link:focus {
color: #ff3158 !important;
}
.fb-ah-vk-link:hover,
.fb-ah-vk-link:focus {
color: #6089b9 !important;
}
.fb-ah-telegram-plane-link:hover,
.fb-ah-telegram-plane-link:focus {
color: #4bb5e9 !important;
}
.fb-ah-flickr-link:hover,
.fb-ah-flickr-link:focus {
color: #3a7cf5 !important;
}
.fb-ah-instagram-link:hover,
.fb-ah-instagram-link:focus {
color: #f24b73 !important;
}
.fb-ah-500px-link:hover,
.fb-ah-500px-link:focus {
color: #3aadf6 !important;
}
.fb-ah-youtube-link:hover,
.fb-ah-youtube-link:focus {
color: #ff3449 !important;
}
.fb-ah-vimeo-v-link:hover,
.fb-ah-vimeo-v-link:focus {
color: #3bbff6 !important;
}
.fb-ah-soundcloud-link:hover,
.fb-ah-soundcloud-link:focus {
color: #fe823c !important;
}
.fb-ah-dribbble-link:hover,
.fb-ah-dribbble-link:focus {
color: #f65498 !important;
}
.fb-ah-behance-link:hover,
.fb-ah-behance-link:focus {
color: #537fff !important;
}
.fb-ah-github-link:hover,
.fb-ah-github-link:focus {
color: #010101;
}
/***
====================================================================
##No results" message (content none)
====================================================================
**/
.search-no-results .page-content {
position: relative;
margin-bottom: 40px;
background-color: #ffffff;
padding: 30px;
word-wrap: break-word;
overflow: hidden;
}
.search-no-results h3 {
margin: -7px 0 15px 0;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 1.2;
color: #2f3235;
}
.search-no-results p {
margin: 15px 0;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.6;
color: #4c4f53;
}
/***
====================================================================
## Blog posts
====================================================================
***/
.posts-container {
padding-top: 60px;
padding-bottom: 20px;
overflow: hidden;
}
/* masonry */
.masonry-container {
margin-right: -30px;
}
.masonry-item {
float: left;
}
.masonry-item.col-1 {
float: none;
}
.post-wrap {
position: relative;
margin-bottom: 40px;
padding: 0;
background-color: #ffffff;
}
/* masonry: 3 columns */
.col-3-default {
width: 33.33%;
}
.col-3 {
width: 33.33%;
}
.col-3.width-2x {
width: 66.66%;
}
/* masonry: 2 columns */
.col-2-default {
width: 50%;
}
.col-2 {
width: 50%;
}
.col-2.width-2x {
width: 100%;
}
/* 1 column */
.col-1 {
width: 100%;
}
/***
====================================================================
## Post Format
====================================================================
***/
.date_title .post-date {
line-height: 30px;
}
span.post-format {
float: left;
width: 40px;
position: relative;
height: 30px;
}
.blog .format-status .post-excerpt p,
.archive .format-status .post-excerpt p {
font-size: 20px;
font-style: italic;
}
article.format-aside .post-content .post-format::after,
article.format-status .post-content .post-format::after,
article.format-chat .post-content .post-format::after,
article.format-link .post-content .post-format::after,
article.format-standard .post-content .post-format::after,
article.format-image .post-content .post-format::after,
article.hentry.sticky .post-content .post-format::after,
article.format-video .post-content .post-format::after,
article.format-gallery .post-content .post-format::after,
article.format-audio .post-content .post-format::after,
article.format-quote .post-content .post-format::after {
font-size: 15px;
content: "\f03e";
color: #ffffff;
display: inline-block;
font-family: "fontawesome";
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 30px;
line-height: 30px;
height: 30px;
background: #d42929;
}
article.format-standard .post-content .post-format::after {
content: "\f016"
}
article.format-image .post-content .post-format::after {
content: "\f03e";
}
article.hentry.sticky .post-content .post-format::after {
content: "\f097";
}
article.format-video .post-content .post-format::after {
content: "\f144";
}
article.format-gallery .post-content .post-format::after {
content: "\f03e";
}
article.format-audio .post-content .post-format::after {
content: "\f001";
}
article.format-quote .post-content .post-format::after {
content: "\f10e";
}
article.format-link .post-content .post-format::after {
content: "\f08e";
}
article.format-chat .post-content .post-format::after {
content: "\f0e6";
}
article.format-aside .post-content .post-format::after {
content: "\f24a";
}
article.format-status .post-content .post-format::after {
content: "\f24d";
}
@media (max-width: 767px) {
.date_title .post-date {
line-height: inherit;
}
}
/***
====================================================================
## Post media: image
====================================================================
***/
.post-media {
position: relative;
}
/* img */
.post-media img {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
}
/* img overlay */
.post-bg-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 100%;
background-color: #1f2123;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.post-wrap:hover .post-bg-overlay {
opacity: 0.2;
}
/***
====================================================================
## Post media: slider (gallery)
====================================================================
***/
.blog-gallery .slick-arrow {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
background: none;
padding: 0;
font-size: 24px;
height: 50px;
width: 40px;
border: 1px solid #c7c8ca;
color: #c7c8ca;
text-align: center;
line-height: 50px;
transition: all .3s;
cursor: pointer;
z-index: 99;
}
.blog-gallery .slick-arrow:hover {
border: 1px solid #c7c8ca;
color: #c7c8ca;
}
.blog-gallery .slick-arrow.slick-next {
right: 30px;
left: auto;
}
.blog-gallery .slick-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
padding-left: 0;
}
.blog-gallery .slick-dots li {
display: inline-block;
line-height: 0;
}
.blog-gallery .slick-dots li.slick-active button {
background: #fff;
}
.blog-gallery .slick-dots li button {
text-indent: -99999px;
border: 0;
margin: 0 5px;
padding: 0;
height: 10px;
width: 10px;
border-radius: 50%;
background: #959698;
}
/***
====================================================================
## Post media: video
====================================================================
***/
/* tags */
video {
height: auto;
max-width: 100%;
width: 100%;
}
embed,
iframe,
object {
max-width: 100%;
}
embed,
iframe,
object {
width: 100%;
}
/* video post format: iframe */
.iframe-video-wrap {
overflow: hidden;
height: 0;
padding-bottom: 56.25%;
position: relative;
z-index: 10;
}
.iframe-video-wrap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: none !important;
}
/**
* 9.4 - Post media: audio
* -------------------------------------------------------------
*/
.iframe-audio-wrap iframe {
display: block;
min-height: 160px;
width: 100%;
}
/**
* 9.5 - Post content
* -------------------------------------------------------------
*/
.post-content {
position: relative;
padding: 20px 15px;
word-wrap: break-word;
overflow: hidden;
}
.post-content {
padding-bottom: 20px;
}
/* date */
.post-date {
margin: 20px 0;
font-size: 12px;
font-style: normal;
text-transform: capitalize;
color: #989ea6
}
.post-date a {
color: #989ea6;
}
.post-date a:focus,
.post-date a:hover {
color: #d42929;
text-decoration: underline !important;
}
.post-date .entry-meta span {
margin-right: 10px;
}
.post-date.no-title {
margin-bottom: 15px;
}
.posted-on .updated {
display: none;
}
/* title */
.post-title {
margin: 20px 0;
font-size: 24px;
line-height: 1.2;
color: #000000;
}
.post-title a {
color: #000000;
}
.post-title a:hover,
.post-title a:focus {
color: #4c4f53;
text-decoration: underline !important;
}
/* post excerpt and post content */
.post-excerpt,
.content {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
}
.post-excerpt a:hover,
.post-excerpt a:focus,
.content a:hover,
.content a:focus {
color: #d42929;
text-decoration: underline !important;
}
.content p {
margin-bottom: 15px;
}
.drop-cap p:first-child:first-letter {
float: left;
font-size: 75px;
line-height: 75px;
padding-top: 0px;
padding-right: 6px;
padding-left: 3px;
}
.masonry-item .content p:last-child,
.page-posts .content p:last-child {
margin-bottom: 0;
}
.single .post-excerpt p,
.single .post-excerpt ul,
.single .post-excerpt ol {
margin-bottom: 40px;
list-style-position: inside;
}
.single .post-excerpt h1,
.single .post-excerpt h2,
.single .post-excerpt h3,
.single .post-excerpt h4,
.single .post-excerpt h5,
.single .post-excerpt h6 {
margin-bottom: 25px;
}
/* more link */
.more-link {
font-style: normal;
color: #989ea6;
padding: 0;
text-transform: uppercase;
font-size: 13px;
display: inline-block;
font-weight: 600;
}
.content .more-link {
display: inline-block;
margin-bottom: 5px;
}
.content .more-link:after {
content: '...';
display: inline-block;
margin-left: 4px;
}
.content .more-link {
margin-bottom: 0;
}
.content .more-link:after {
display: none;
}
.content .more-link:before {
content: '...';
display: inline-block;
margin-right: 4px;
}
.content .more-link:hover:before,
.content .more-link:focus:before {
color: #4c4f53;
}
a.clean {
background: #f7f8f8;
padding: 10px 15px;
margin: 15px 0 10px 0;
border-radius: 3px;
font-size: 12px;
}
a.effect {
background: #f7f8f8;
padding: 10px 15px;
margin: 15px 0 10px 0;
border-radius: 3px;
display: inline-block;
font-size: 12px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.effect:before {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #337ab7;
border-radius: 3px;
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.effect:hover:before,
a.effect:active:before {
width: 100%;
}
a.effect:hover,
a.effect:active {
color: #fff !important;
z-index: 1;
}
/* meta */
.post-cats {
display: block;
font-size: 14px;
color: #989ea6;
}
.post-cats>span {
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
line-height: 1;
}
.post-cats>span:first-child {
padding-left: 0;
}
.post-cats>span i,
.post-cats>span a {
color: #d42929;
font-size: 14px;
padding-right: 5px;
margin-bottom: 5px;
line-height: 20px;
}
.post-cats>span a:hover,
.post-cats>span a:focus {
color: #d42929;
text-decoration: underline !important;
}
.post-cats>span.tags-links {
display: none;
border-left: 1px solid #d9d9d9;
}
.post-cats>span.tags-links i {
display: none;
}
.meta_bottom {
min-width: 100%;
position: absolute;
bottom: 50px;
padding: 5px 10px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.15s ease 0.4s;
-moz-transition: all 0.15s ease 0.4s;
-o-transition: all 0.15s ease 0.4s;
transition: all 0.15s ease 0.4s;
text-align: center;
}
.meta_bottom .post-share a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: #fff;
color: #000;
margin: 0 4px;
}
.meta_bottom .post-share a:hover {
background: #f28b71;
color: #fff;
}
.post-media:hover .meta_bottom {
visibility: visible;
opacity: 1;
margin-bottom: 0;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s;
}
.single .meta_bottom {
position: relative;
opacity: 1;
bottom: auto;
visibility: visible;
border: 1px solid #eeefef;
margin: 20px 0;
}
/* post format: chat */
.format-chat .post-excerpt p,
.format-chat .content p {
background-color: #f7f8f8;
padding: 5px;
margin-bottom: 10px;
}
.archive .format-chat .post-excerpt p,
.home .format-chat .post-excerpt p {
display: none;
}
.archive .format-chat .post-excerpt p:nth-child(1),
.archive .format-chat .post-excerpt p:nth-child(2),
.archive .format-chat .post-excerpt p:nth-child(3),
.archive .format-chat .post-excerpt p:nth-child(4),
.home .format-chat .post-excerpt p:nth-child(1),
.home .format-chat .post-excerpt p:nth-child(2),
.home .format-chat .post-excerpt p:nth-child(3),
.home .format-chat .post-excerpt p:nth-child(4) {
display: block;
}
/* post format: link */
.format-link .post-excerpt a {
display: block;
}
a.link-format {
padding: 43px 20px;
background: #d42929;
margin: 0px -15px;
color: #fff;
font-size: 20px;
}
a.link-format:hover {
color: #fff !important;
opacity: 0.7;
}
/* post format: Quote */
.format-quote .post-wrap {
background: #d42929;
}
.format-quote .content {
color: #fff;
margin: 0;
padding: 0;
}
.format-quote .content p {
font-size: 22px !important;
font-style: italic !important;
line-height: 30px !important;
}
.format-quote .content p {
font-size: 22px !important;
font-style: italic !important;
line-height: 30px !important;
}
/* post format: status */
.blog .format-status p,
.archive .format-status p {
display: none;
}
/**
## Paginations (WordPress CSS classes)
* -------------------------------------------------------------
*/
.pagination {
overflow: hidden;
display: inline-block;
margin: 0 0 50px;
padding: 0;
border-radius: 0;
position: relative;
text-align: center;
width: 100%;
}
.pagination .page-numbers {
font-size: 15px;
font-style: normal;
font-weight: 700;
color: #4c4f53;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #ddd;
margin: 0 4px;
display: inline-block;
}
.pagination .page-numbers.dots {
padding: 10px 5px;
}
.pagination a.page-numbers:focus {
color: #4c4f53;
}
.pagination .page-numbers.current {
background: #333;
color: #fff;
}
.pagination a.page-numbers:hover {
color: #d42929;
text-decoration: underline !important;
}
.posts-navigation {
margin: 5px 0 0;
padding: 15px 0 0;
border-top: 1px solid #eeefef;
}
.posts-navigation:before,
.posts-navigation:after {
content: " ";
display: table;
}
.posts-navigation:after {
clear: both;
}
.posts-navigation {
zoom: 1;
display: inline-block;
width: 100%;
}
.posts-navigation .nav-previous,
.posts-navigation .nav-next {
display: inline-block;
min-height: 1px;
width: 50%;
position: relative;
}
.posts-navigation .nav-previous {
float: left;
text-align: left;
padding-right: 15px;
}
.posts-navigation .nav-next {
float: right;
text-align: right;
padding-left: 15px;
}
.posts-navigation .nav-previous a:before {
position: absolute;
content: "Previous post";
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #989ea6;
display: block;
padding-left: 10px;
top: 0;
}
.posts-navigation .nav-previous a:after {
position: absolute;
content: "\f0d9";
font-family: "FontAwesome";
color: #989ea6;
left: 0;
top: -3px;
}
.posts-navigation .nav-next a:before {
position: absolute;
content: "Next post";
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #989ea6;
display: block;
padding-right: 10px;
top: 0;
right: 0;
}
.posts-navigation .nav-next a:after {
position: absolute;
content: "\f0da";
font-family: "FontAwesome";
color: #989ea6;
right: 0;
top: -3px;
}
.posts-navigation .nav-links a {
display: inline-block;
width: 100%;
padding: 20px 0 10px 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
/* .post-title-nav color */
word-wrap: break-word;
}
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a:focus {
color: #d42929;
/* .post-title-nav color */
}
.show-more {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-width: 1px;
cursor: pointer;
font-weight: 500;
display: inline-block;
font-size: 1.5rem;
text-align: center;
line-height: 2;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
border-radius: 0;
max-width: 100%;
letter-spacing: .05em;
padding: 1rem 4rem;
background: #d42929;
color: #fff;
margin: auto;
}
.ajax-pagination {
display: inline-block;
width: 100%;
}
/**
## Single post page
* -------------------------------------------------------------
*/
.archive.woocommerce .posts-container,
.page .posts-container,
.single .posts-container {
padding-top: 0;
}
/* post navigation (WordPress CSS classes) */
.post-navigation {
margin: 5px 0 0;
padding: 15px 0 0;
}
.post-navigation:before,
.post-navigation:after {
content: " ";
display: table;
}
.post-navigation:after {
clear: both;
}
.post-navigation {
zoom: 1;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
display: inline-block;
min-height: 1px;
width: 50%;
position: relative;
}
.post-navigation .nav-previous {
float: left;
text-align: right;
padding-right: 15px;
}
.post-navigation .nav-next {
float: right;
text-align: right;
padding-left: 15px;
}
.post-navigation .nav-previous a:before {
position: absolute;
content: "Previous post";
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #989ea6;
display: block;
padding-left: 10px;
top: 0;
}
.post-navigation .nav-previous a:after {
position: absolute;
content: "\f0d9";
font-family: "FontAwesome";
color: #989ea6;
left: 0;
top: -3px;
}
.post-navigation .nav-next a:before {
position: absolute;
content: "Next post";
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: #989ea6;
display: block;
padding-right: 10px;
top: 0;
right: 0;
}
.post-navigation .nav-next a:after {
position: absolute;
content: "\f0da";
font-family: "FontAwesome";
color: #989ea6;
right: 0;
top: -3px;
}
.post-navigation .nav-links a {
display: inline-block;
width: 100%;
padding: 20px 0 10px 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
/* .post-title-nav color */
word-wrap: break-word;
}
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus {
color: #d42929;
/* .post-title-nav color */
}
/**
## WordPress content styles
* -------------------------------------------------------------
*/
/* alignment */
.alignleft {
float: left;
margin: 5px 30px 15px 0;
}
.alignright {
float: right;
margin: 5px 0 15px 30px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 20px;
padding: 5px 0 0;
}
.alignnone {
margin: 0 0 20px;
padding: 5px 0 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
/* image with caption */
.wp-caption {
max-width: 100%;
margin-top: 0;
margin-bottom: 15px;
padding: 5px 0 0;
}
.wp-caption img {
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 10px 0 0;
font-size: 13px;
text-align: left;
line-height: 1.6;
}
/* responsive images */
.comment-content img {
display: block;
max-width: 100%;
height: auto;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
max-width: 100%;
height: auto;
}
/* gallery with images */
.gallery {
margin: 0 -5px 5px !important;
padding-top: 5px;
}
.gallery .gallery-item {
display: inline-block;
overflow: hidden;
vertical-align: top;
margin: 0 0 15px 0;
padding: 0 5px;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
padding: 10px 10px 0 0;
font-size: 13px;
line-height: 1.6;
text-align: left;
}
.gallery.gallery-columns-7 .gallery-item .gallery-caption,
.gallery.gallery-columns-8 .gallery-item .gallery-caption,
.gallery.gallery-columns-9 .gallery-item .gallery-caption {
display: none;
}
.gallery .gallery-icon a {
display: block;
}
.gallery .gallery-icon img {
display: block;
max-width: 100%;
height: auto;
border: none !important;
margin: 0;
padding: 0;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3333336%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.6666667%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.2857143%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.1111111%;
}
/* twitter tweet */
.twitter-tweet {
margin-top: 5px !important;
margin-bottom: 20px !important;
}
/* checkbox and radio buttons */
input[type="checkbox"],
input[type="radio"] {
display: inline-block;
margin: 0 5px 0 0;
padding: 0;
width: 16px;
min-width: 16px;
height: 16px;
line-height: 0;
position: relative;
top: -2px;
border: 2px solid #e3e5e6;
background: #ffffff;
clear: none;
cursor: pointer;
outline: none !important;
text-align: center;
vertical-align: middle;
-webkit-appearance: none;
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
input[type="checkbox"] {
border-radius: 0;
border-top-width: 1px;
}
input[type="radio"] {
border-radius: 50%;
border-top-width: 2px;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
border-color: #d42929;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background: #d42929;
border-color: #d42929;
}
input[type="checkbox"]:checked:before {
content: "\2714";
line-height: 13px;
color: #ffffff;
}
input[type="radio"]:checked:before {
content: "\2022";
font-size: 22px;
line-height: 12px;
color: #ffffff;
}
/**
## About the author
* -------------------------------------------------------------
*/
.about-author {
position: relative;
margin-bottom: 40px;
padding: 30px;
border: 1px solid #eeefef;
}
.container-title {
margin-bottom: 25px;
font-size: 26px;
font-style: normal;
line-height: 1.2;
color: #2f3235;
}
/* avatar */
.about-author-avatar {
float: left;
margin: 0 20px 0 0;
position: relative;
overflow: hidden;
}
.about-author-avatar img {
display: block;
margin: 0;
padding: 0;
width: 72px;
height: 72px !important;
border-radius: 36px;
}
.about-author-avatar .avatar-bg-overlay {
border-radius: 36px;
}
.about-author-avatar:hover .avatar-bg-overlay {
opacity: 0.2;
}
/* biographical info */
.about-author-bio-wrap {
padding-left: 92px;
}
.about-top {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.about-author-name {
margin-bottom: 0;
font-size: 16px;
line-height: 1.3;
color: #2f3235;
float: left;
}
.about-author-name a {
display: inline-block;
color: #2f3235;
}
.about-author-name a:hover,
.about-author-name a:focus {
color: #d42929;
text-decoration: underline !important;
}
.about-author-name .about-author-posts-num {
display: block;
margin-top: 5px;
font-size: 12px;
color: #989ea6;
}
.about-author-name .about-author-posts-num i {
margin-right: 8px;
}
.about-author-bio {
margin-top: 12px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
}
.about-author-posts-link {
display: inline-block;
margin-top: 12px;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 1.3;
color: #989ea6;
}
.about-author-posts-link i {
margin-right: 8px;
}
.about-author-posts-link:hover,
.about-author-posts-link:focus {
color: #d42929;
text-decoration: underline !important;
}
.author-socials {
float: right;
}
.author-socials a {
padding: 5px 10px;
}
/**
* ## Comments
* -------------------------------------------------------------
* Comment form
* -------------------------------------------------------------
*/
/* comments area: comment form, comment list, and navigation */
.comments-area {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
}
/* comments area: styles for Font Awesome icons */
.comment-reply-title #cancel-comment-reply-link:before,
.bypostauthor>article .fn:after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
/* comment form title, comments title */
.comment-reply-title,
.comments-title {
margin: 0 0 25px;
font-size: 26px;
line-height: 1.2;
color: #2f3235;
}
/* comment form */
.comment-form {
margin-bottom: 40px;
padding: 0;
background-color: #ffffff;
}
.comment-form-comment {
margin-bottom: 7px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin-bottom: 10px;
}
.comment-form label {
display: block;
margin-bottom: 0;
padding-bottom: 5px;
font-weight: 700;
line-height: 1.7;
color: #4c4f53;
}
.comment-form-comment label:after {
content: ' *';
}
.comment-form-cookies-consent {
margin-bottom: 10px;
padding-top: 12px;
}
.comment-form-cookies-consent input[type="checkbox"] {
margin: 0 10px 0 0;
}
.comment-form-cookies-consent label {
display: inline;
padding-bottom: 0;
font-weight: 400;
}
#author,
#email,
#url,
#comment {
width: 100%;
height: 40px;
padding: 0 10px;
color: #4c4f53;
background: #ffffff;
border: 2px solid #eeefef;
border-top-width: 1px;
border-radius: 0;
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
#comment {
height: 110px;
padding: 10px;
resize: vertical;
}
#author:hover,
#email:hover,
#url:hover,
#comment:hover {
border-color: #d42929;
}
#author:active,
#email:active,
#url:active,
#comment:active,
#author:focus,
#email:focus,
#url:focus,
#comment:focus {
outline: none;
border-color: #d42929;
}
/* allowed tags */
.comment-form .form-allowed-tags {
display: none;
}
/* comment form: submit button */
.comment-form .form-submit {
padding: 15px 0 7px;
margin-bottom: 0;
}
.comment-form #submit {
border: none;
outline: none;
display: inline-block;
padding: 0 35px;
height: 48px;
line-height: 48px;
font-size: 15px;
font-style: normal;
font-weight: 700;
color: #ffffff;
background-color: #1f2123;
border-radius: 0;
-webkit-transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.comment-form #submit:hover,
.comment-form #submit:focus {
color: #ffffff;
}
.comment-form #submit:hover {
background-color: #d42929;
}
.comment-form #submit:active {
position: relative;
top: 1px;
}
/* "must login" message */
.comment-respond .must-log-in {
margin-bottom: 40px;
padding: 30px;
background-color: #ffffff;
}
.comment-respond .must-log-in a {
color: #4c4f53;
text-decoration: underline !important;
}
.comment-respond .must-log-in a:hover,
.comment-respond .must-log-in a:focus {
color: #d42929;
}
/* "logged-in as ..." message */
.comment-form .logged-in-as a {
color: #4c4f53;
}
.comment-form .logged-in-as a:first-child:hover,
.comment-form .logged-in-as a:first-child:focus {
color: #4c4f53;
text-decoration: underline !important;
}
.comment-form .logged-in-as a:last-child {
text-decoration: underline !important;
}
.comment-form .logged-in-as a:last-child:hover,
.comment-form .logged-in-as a:last-child:focus {
color: #d42929;
}
/* cancel comment reply link */
.comment-reply-title small {
float: right;
margin-top: 10px;
}
.comment-reply-title #cancel-comment-reply-link {
font-size: 12px;
font-style: normal;
font-weight: 600;
color: #989ea6;
}
.comment-reply-title #cancel-comment-reply-link:before {
font-family: 'FontAwesome';
font-weight: 900;
content: '\f057';
margin-right: 8px;
}
.comment-reply-title #cancel-comment-reply-link:hover {
color: #d42929;
}
/**
* Comment list
* -------------------------------------------------------------
*/
/* comments */
.comment-list-wrap {
margin-bottom: 40px;
padding: 30px 30px 15px;
background-color: #ffffff;
}
.comment-list {
list-style: none outside none;
margin: 0;
padding: 0 0 15px;
}
.comment-list .children {
list-style: none outside none;
margin: 0;
padding: 0 0 0 30px;
}
/* comment body */
.comment .comment-body {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #eeefef;
word-wrap: break-word;
}
.comment-list>.comment:first-child>.comment-body {
margin-top: 0;
padding-top: 0;
border-top: none;
}
/* pingbacks and trackbacks */
.comment-list .pingback .comment-body {
margin-top: 25px;
padding-top: 25px;
padding-left: 36px;
border-top: 1px solid #eeefef;
word-wrap: break-word;
position: relative;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 1.3;
color: #989ea6;
}
.comment-list .pingback .comment-body:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: 'FontAwesome';
font-weight: 900;
content: '\f35d';
position: absolute;
top: auto;
left: 0;
margin-top: -2px;
line-height: 1;
font-size: 19px;
color: #4c4f53;
opacity: 0.2;
}
.comment-list>.pingback:first-child>.comment-body {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.comment-list .pingback .comment-body>a {
display: block;
margin-top: 12px;
font-family: 'Lora', serif;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
}
.comment-list .pingback .comment-body>a:hover,
.comment-list .pingback .comment-body>a:focus {
color: #d42929;
text-decoration: underline !important;
}
.comment-list .pingback .comment-body .edit-link {
display: inline-block;
margin-top: 12px;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 1.3;
}
.comment-list .pingback .comment-body .edit-link .comment-edit-link {
color: #989ea6;
text-decoration: none !important;
}
.comment-list .pingback .comment-body .edit-link .comment-edit-link:hover,
.comment-list .pingback .comment-body .edit-link .comment-edit-link:focus {
color: #d42929;
text-decoration: underline !important;
}
/* comment metadata: avatar */
.comment-meta .comment-author img {
float: left;
display: block;
width: 46px;
height: 46px !important;
margin: 0 15px 0 0;
padding: 0;
border-radius: 23px;
}
/* comment metadata: author */
.comment-meta .comment-author .fn {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 1.3;
color: #2f3235;
}
.comment-meta .comment-author .fn .url {
color: #2f3235;
text-decoration: underline !important;
}
.comment-meta .comment-author .fn .url:hover,
.comment-meta .comment-author .fn .url:focus {
color: #d42929;
}
.comment-meta .comment-author .says {
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
overflow: hidden;
position: absolute !important;
word-wrap: normal !important;
}
/* comment metadata: post author */
.bypostauthor>article .fn:after {
font-family: 'FontAwesome';
font-weight: 900;
content: '\f040';
margin-left: 8px;
font-size: 75%;
}
/* comment metadata: date and edit links */
.comment-meta .comment-metadata {
margin-top: 2px;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 1.3;
color: #989ea6;
}
.comment-meta .comment-metadata a {
color: #989ea6;
}
.comment-meta .comment-metadata a:hover,
.comment-meta .comment-metadata a:focus {
color: #d42929;
text-decoration: underline !important;
}
/* comment metadata: edit link */
.comment-meta .edit-link {
margin-left: 10px;
}
/* comment metadata: "comment awaiting moderation" message */
.comment-meta .comment-awaiting-moderation {
display: block;
margin: 15px 0 0 61px;
padding: 4px 0;
background-color: #f7f8f8;
}
/* comment content */
.comment-content {
padding: 12px 0 0 61px;
}
.no-avatars .comment-content {
padding-left: 0 !important;
}
.comment-content p {
margin-bottom: 15px;
}
.comment-content a {
color: #4c4f53;
text-decoration: underline !important;
}
.comment-content a:hover,
.comment-content a:focus {
color: #d42929;
}
/* comment reply */
.comment-body .reply {
padding: 0 0 0 61px;
margin-top: -6px;
line-height: 1.3;
}
.no-avatars .comment-body .reply {
padding-left: 0 !important;
}
.comment-body .reply .comment-reply-link {
font-size: 12px;
font-style: normal;
font-weight: 600;
color: #989ea6;
}
.comment-body .reply .comment-reply-link:focus {
color: #989ea6;
}
.comment-body .reply .comment-reply-link:hover {
color: #d42929;
text-decoration: underline !important;
}
/* comment reply: comment form */
.comment-list li .comment-respond {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #eeefef;
}
.comment-list li .comment-reply-title {
margin-bottom: 16px;
}
.comment-list li .comment-form {
margin-bottom: 0;
padding: 0;
box-shadow: none;
}
.comment-list li .comment-form .form-submit {
padding-bottom: 5px;
}
/* comments are closed */
.comment-list-wrap.comments-closed .comment-list {
padding-bottom: 0;
}
.comments-area .no-comments {
margin-bottom: 40px;
padding: 30px;
background-color: #ffffff;
}
/**
* Comments navigation
* -------------------------------------------------------------
*/
.comment-navigation {
margin: 10px 0 0;
padding: 20px 0 15px;
border-top: 1px solid #eeefef;
}
.comment-list-wrap.comments-closed .comment-navigation {
margin-top: 25px;
}
.comment-navigation:before,
.comment-navigation:after {
content: " ";
display: table;
}
.comment-navigation:after {
clear: both;
}
.comment-navigation {
zoom: 1;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
display: inline-block;
min-height: 1px;
width: 50%;
line-height: 1.6;
}
.comment-navigation .nav-previous {
float: left;
text-align: left;
padding-right: 15px;
}
.comment-navigation .nav-next {
float: right;
text-align: right;
padding-left: 15px;
}
.comment-navigation .nav-links a {
display: inline-block;
width: 100%;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
word-wrap: break-word;
color: #989ea6;
}
.comment-navigation .nav-links a:hover,
.comment-navigation .nav-links a:focus {
color: #d42929;
text-decoration: underline !important;
}
.comment-navigation .nav-previous i {
margin-right: 10px;
}
.comment-navigation .nav-next i {
margin-left: 10px;
}
/**
* Related posts / Posts list on single pages
* -------------------------------------------------------------
*/
.post-wrap .related-posts {
padding-top: 20px;
border-top: 1px solid #eeeeee;
margin-top: 10px;
}
.post-wrap .related-post-widget-title {
padding: 0;
margin-bottom: 20px;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: #2f3235;
background-color: #ffffff;
}
.post-wrap .related-posts .post-title {
font-size: 18px;
}
.post-wrap .related-posts .post-content {
padding: 15px 10px;
}
.post-wrap.left-image .related-posts {
display: none;
}
/*Slick arrow*/
.related-posts-list .slick-arrow {
position: absolute;
height: 25px;
width: 25px;
text-align: center;
line-height: 22px;
border-radius: 0;
color: #000;
top: -38px;
right: 50px;
z-index: 2;
cursor: pointer;
border: 0;
background: #ffffff;
border: 1px solid #eee;
outline: none;
}
.related-posts-list .slick-arrow:hover {
background: #333;
color: #fff;
}
.related-posts-list .slick-arrow.slick-next {
right: 16px;
left: auto;
}
.related-posts-list .slick-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
padding-left: 0;
}
.related-posts-list .slick-dots li {
display: inline-block;
line-height: 0;
}
.related-posts-list .slick-dots li.slick-active button {
background: #fff;
}
.related-posts-list .slick-dots li button {
text-indent: -99999px;
border: 0;
margin: 0 5px;
padding: 0;
height: 10px;
width: 10px;
border-radius: 50%;
background: #959698;
}
.related-posts {
overflow: hidden;
}
.related-posts-list {
margin-left: -15px;
margin-right: -15px;
}
.related-posts .show-2-related-posts {
float: left;
width: 50%;
padding: 0 15px;
}
.related-posts .show-3-related-posts .post {
width: 33.33%;
float: left;
}
/**
* Page 404
* -------------------------------------------------------------
*/
.error404 .posts-container {
padding-top: 0;
}
.page-404-container {
margin: 60px 0;
padding: 120px 30px;
text-align: center;
background-color: #ffffff;
}
.page-404-content {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.page-404-content h1,
.page-404-content h2 {
margin-bottom: 15px;
font-style: normal;
font-weight: 700;
color: #2f3235;
}
.page-404-content h1 {
font-size: 29px;
line-height: 1.2;
}
.page-404-content .error-code {
font-size: 110px;
line-height: 110px;
font-weight: 800;
margin-bottom: 5px;
color: #555555;
}
.page-404-content h2 {
font-size: 23px;
line-height: 1.3;
}
.page-404-content p {
margin-bottom: 5px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
}
.page-404-content a {
color: #4c4f53;
text-decoration: underline !important;
}
.page-404-content a:hover,
.page-404-content a:focus {
color: #d42929;
}
.search-no-results .search-form label,
.page-404-content .search-form label {
display: block;
max-width: 100%;
margin-bottom: 0;
font-weight: 700;
}
.search-no-results .search-form input[type="search"],
.page-404-content .search-form input[type="search"] {
float: left;
width: 75%;
height: 45px;
background: none;
padding: 5px 15px;
border-width: 1px;
box-shadow: none;
border: 1px solid #333;
border-right: 0;
}
.search-no-results .search-field::-webkit-input-placeholder,
.page-404-content .search-field::-webkit-input-placeholder {
color: #999;
}
.search-no-results .search-field:-moz-placeholder,
.page-404-content .search-field:-moz-placeholder {
color: #999;
}
.search-no-results.search-field:-ms-input-placeholder,
.page-404-content .search-field:-ms-input-placeholder {
color: #999;
}
.search-no-results .search-form input[type="submit"],
.page-404-content .search-form input[type="submit"] {
float: left;
width: 25%;
padding: 0;
height: 45px;
border: 1px solid #333;
position: relative;
background: #212121;
color: #fff;
display: inline-block;
font-size: 11px;
letter-spacing: 2px;
padding: 10px 20px !important;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.back_home {
padding: 20px;
display: inline-block;
}
/**
* Sidebar and Widgets
* -------------------------------------------------------------
*/
.blog.left-sidebar #primary,
.archive.left-sidebar #primary,
.page.left-sidebar #primary {
float: right
}
.blog.left-sidebar #secondary,
.archive.left-sidebar #secondary,
.page.left-sidebar #secondary {
float: left
}
.blog.no-sidebar #secondary,
.archive.no-sidebar #secondary,
.page.no-sidebar #secondary,
.blog.middle-column #secondary,
.archive.middle-column #secondary,
.page.middle-column #secondary {
display: none
}
.single.single-left-sidebar #primary {
float: right
}
.single.single-left-sidebar #secondary {
float: left
}
.single.single-no-sidebar #secondary,
.single.single-middle-column #secondary {
display: none
}
.single.single-left-sidebar #secondary,
.single.single-right-sidebar #secondary {
display: block !important;
}
.single.single-left-sidebar #primary,
.single.single-right-sidebar #primary {
max-width: 66.666667%;
}
.post-template-post-right-sidebar.single #secondary,
.post-template-post-left-sidebar.single #primary {
float: right !important;
}
.post-template-post-right-sidebar.single #primary,
.post-template-post-left-sidebar.single #secondary {
float: left !important;
}
.post-template-post-no-sidebar.single #secondary,
.post-template-post-middle-column.single #secondary {
display: none !important;
}
.blog.no-sidebar #primary,
.archive.no-sidebar #primary,
.page.no-sidebar #primary,
.single.single-no-sidebar #primary,
.post-template-post-no-sidebar.single #primary {
width: 100% !important;
}
.blog.middle-column #primary,
.archive.middle-column #primary,
.page.middle-column #primary,
.single.single-middle-column #primary,
.post-template-post-middle-column.single #primary {
width: 100%;
}
.blog.middle-column .posts-container .container,
.archive.middle-column .posts-container .container,
.page.middle-column .posts-container .container,
.single.single-middle-column .posts-container .container {
width: 70%;
margin: auto;
}
/* Blog Layout Column options */
.masonry-start {
clear: both;
}
.alternative .masonry-start,
.two-column .masonry-start {
margin-right: -15px;
margin-left: -15px;
}
.two-column article.two-column {
width: 50%;
padding: 0 15px;
float: left;
}
.alternative article.alternative {
width: 50%;
padding: 0 15px;
float: left;
}
.alternative .site-main article:nth-child(3n-2) {
width: 100%;
}
.masonry-post .masonry-start {
margin-right: -15px;
margin-left: -15px;
}
.right-sidebar article.masonry-post,
.left-sidebar article.masonry-post {
width: 50%;
padding: 0 15px;
}
.home.both-sidebar #primary,
.archive.both-sidebar #primary,
.page.both-sidebar #primary,
.single.both-sidebar #primary,
.no-sidebar article.masonry-post {
width: 33.33333333%;
padding: 0 15px;
}
.middle-column article.masonry-post,
.both-sidebar article.masonry-post {
width: 100%;
padding: 0 15px;
}
/* widget container */
.widget {
overflow: hidden;
word-wrap: break-word;
margin-bottom: 40px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4c4f53;
background: #fff;
padding: 20px;
}
.widget a {
color: #4c4f53;
}
.widget a:hover,
.widget a:focus {
color: #d42929;
text-decoration: underline !important;
}
/* widget title */
.widget .widgettitle,
.widget .widget-title {
padding: 0;
margin-bottom: 20px;
font-size: 18px;
line-height: 1.3;
text-transform: capitalize;
color: #2f3235;
background-color: #ffffff;
}
.widget .widget-title a {
color: #2f3235;
}
.widget .widget-title a:hover,
.widget .widget-title a:focus {
color: #d42929;
text-decoration: underline !important;
}
/*--sidebar style--*/
.sidebar-1 .widget {
background: #ececec;
}
.sidebar-1 .widget-title {
padding: 15px;
background: #111;
color: #fff;
}
.sidebar-2 .widget {
margin: 0;
}
.sidebar-2 .widget-title {
position: relative;
padding: 0;
}
.sidebar-2 .widget-title:after {
position: absolute;
width: 30px;
height: 2px;
background: #111;
top: 8px;
content: "";
margin-left: 10px;
}
.sidebar-3 .widget {
background: none;
border: 1px solid #d9d9d9;
}
.sidebar-3 .widget-title {
padding: 15px;
border-bottom: 1px solid #d9d9d9;
text-align: center;
background: none;
position: relative;
}
.sidebar-3 .widget-title:after {
position: absolute;
width: 60px;
height: 3px;
background: #337ab7;
bottom: -2px;
content: "";
left: calc(50% - 30px);
}
/**
* Widget: Archives
* -------------------------------------------------------------
*/
.widget_archive ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_archive ul li {
color: #989ea6;
/* counter */
margin-bottom: 10px;
}
.widget_archive ul li:last-child {
margin-bottom: 0;
}
.widget_archive ul li a {
margin-right: 4px;
}
.widget_archive select {
margin-top: 5px;
padding: 8px 20px 8px 10px;
max-width: 100%;
width: 100%;
color: #4c4f53;
background: #ffffff;
border: 1px solid #ffffff;
}
.widget_archive select:active,
.widget_archive select:focus {
outline: none;
}
/**
* Widget: Pages
* -------------------------------------------------------------
*/
.widget_pages ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_pages ul li {
color: #989ea6;
margin-bottom: 10px;
}
.widget_pages ul li:last-child {
margin-bottom: 0;
}
.widget_pages ul ul {
margin: 10px 0 0;
padding: 0 0 1px 10px;
}
.widget_pages ul ul li:before {
content: '- ';
color: #4c4f53;
}
/**
* Widget: Categories
* -------------------------------------------------------------
*/
.widget_categories ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_categories ul li {
color: #989ea6;
margin-bottom: 10px;
display: table;
text-align: right;
width: 100%;
}
.widget_categories ul li:last-child {
margin-bottom: 0;
}
.widget_categories ul li a {
margin-right: 4px;
display: table-cell;
text-align: right;
}
.widget_categories ul ul {
margin: 10px 0 0;
padding: 0 0 1px 10px;
}
.widget_categories ul ul li:before {
content: '- ';
color: #4c4f53;
}
.widget_categories select {
margin-top: 5px;
padding: 8px 20px 8px 10px;
max-width: 100%;
width: 100%;
color: #4c4f53;
background: #ffffff;
border: 1px solid #ffffff;
}
.widget_categories select:active,
.widget_categories select:focus {
outline: none;
}
/**
* Widget: Recent Posts
* -------------------------------------------------------------
*/
.widget_recent_entries ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_recent_entries ul li {
margin-bottom: 10px;
}
.widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.widget_recent_entries ul li .post-date {
display: block;
font-size: 80%;
color: #989ea6;
}
/**
* Widget: Tag Cloud
* -------------------------------------------------------------
*/
.widget_tag_cloud .tagcloud {
overflow: hidden;
margin-right: -4px;
}
.widget_tag_cloud a {
margin-right: 4px;
}
/**
* Widget: Calendar
* -------------------------------------------------------------
*/
#wp-calendar {
max-width: 100%;
width: 100%;
line-height: 1.2;
}
/* caption */
#wp-calendar caption {
padding: 0 0 15px;
font-weight: 700;
line-height: 1.7;
color: #4c4f53;
}
/* thead */
#wp-calendar thead th {
padding: 10px 0 10px;
font-weight: 700;
}
/* tbody */
#wp-calendar tbody td {
padding: 5px 0 5px 2px;
}
#wp-calendar tbody a {
text-decoration: underline !important;
}
#wp-calendar tbody #today {
font-weight: 700;
}
/* prev/next links */
#wp-calendar #next {
text-align: right;
}
#wp-calendar #prev,
#wp-calendar #next {
padding: 10px 0 10px;
font-weight: 700;
}
/**
* Widget: Navigation Menu
* -------------------------------------------------------------
*/
.widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_nav_menu ul li {
margin-bottom: 10px;
}
.widget_nav_menu ul li:last-child {
margin-bottom: 0;
}
.widget_nav_menu ul li i {
margin-right: 8px;
}
.widget_nav_menu ul ul {
margin: 10px 0 0;
padding: 0 0 1px 10px;
}
.widget_nav_menu ul ul li:before {
content: '- ';
color: #4c4f53;
}
/**
* Widget: Meta
* -------------------------------------------------------------
*/
.widget_meta ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_meta ul li {
margin-bottom: 10px;
}
.widget_meta ul li:last-child {
margin-bottom: 0;
}
/**
* Widget: Recent Comments
* -------------------------------------------------------------
*/
#recentcomments {
list-style: none;
margin: 0;
padding: 0;
}
#recentcomments li {
margin-bottom: 10px;
}
#recentcomments li:last-child {
margin-bottom: 0;
}
#recentcomments li .comment-author-link a,
#recentcomments li a {
text-decoration: underline !important;
}
/**
* Widgets: Text and Custom HTML
* -------------------------------------------------------------
*/
/* img */
.textwidget img {
max-width: 100%;
width: auto;
height: auto;
margin-bottom: 15px;
}
.textwidget .wp-caption img {
margin-bottom: 0;
}
/* text elements */
.textwidget p {
margin-bottom: 15px;
}
.textwidget a {
text-decoration: underline !important;
}
.textwidget .wp-caption-text {
padding: 0;
}
.textwidget ul,
.textwidget ol {
margin: 0 0 15px;
padding-left: 18px;
}
.textwidget ul ol,
.textwidget ul ul,
.textwidget ol ul,
.textwidget ol ol {
margin: 2px 0;
padding-left: 18px;
}
/* forms: buttons */
.textwidget button,
.textwidget button[disabled]:hover,
.textwidget button[disabled]:focus,
.textwidget input[type="button"],
.textwidget input[type="button"][disabled]:hover,
.textwidget input[type="button"][disabled]:focus,
.textwidget input[type="reset"],
.textwidget input[type="reset"][disabled]:hover,
.textwidget input[type="reset"][disabled]:focus,
.textwidget input[type="submit"],
.textwidget input[type="submit"][disabled]:hover,
.textwidget input[type="submit"][disabled]:focus {
border: none;
outline: none;
display: inline-block;
padding: 0 30px;
height: 42px;
line-height: 42px;
font-size: 14px;
font-style: normal;
font-weight: 700;
color: #ffffff;
background: #1f2123;
border-radius: 0;
-webkit-transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.textwidget button:focus,
.textwidget input[type="button"]:focus,
.textwidget input[type="reset"]:focus,
.textwidget input[type="submit"]:focus {
color: #ffffff;
}
.textwidget button:hover,
.textwidget input[type="button"]:hover,
.textwidget input[type="reset"]:hover,
.textwidget input[type="submit"]:hover {
color: #ffffff;
background: #d42929;
}
.textwidget button:active,
.textwidget input[type="button"]:active,
.textwidget input[type="reset"]:active,
.textwidget input[type="submit"]:active {
position: relative;
top: 1px;
}
/* forms: input tags, select element */
.textwidget input[type="text"],
.textwidget input[type="email"],
.textwidget input[type="url"],
.textwidget input[type="password"],
.textwidget input[type="search"],
.textwidget input[type="tel"],
.textwidget input[type="number"],
.textwidget input[type="date"],
.textwidget textarea,
.textwidget select {
max-width: 100%;
width: 100%;
height: 38px;
padding: 0 10px;
font-weight: 400;
color: #4c4f53;
background: #ffffff;
border: 1px solid #ffffff;
border-bottom-color: #e3e5e6;
border-radius: 0;
-webkit-transition: border-bottom-color 0.2s ease;
-moz-transition: border-bottom-color 0.2s ease;
-o-transition: border-bottom-color 0.2s ease;
transition: border-bottom-color 0.2s ease;
}
.textwidget input[type="date"] {
padding-top: 7px;
padding-bottom: 7px;
}
.textwidget textarea {
height: 90px;
margin-bottom: -7px;
padding: 10px;
line-height: 1.7;
resize: vertical;
}
.textwidget select {
padding-left: 6px;
}
.textwidget select[multiple] {
height: 90px;
margin-bottom: -2px;
padding: 5px 8px;
}
.textwidget input[type="text"]:hover,
.textwidget input[type="email"]:hover,
.textwidget input[type="url"]:hover,
.textwidget input[type="password"]:hover,
.textwidget input[type="search"]:hover,
.textwidget input[type="tel"]:hover,
.textwidget input[type="number"]:hover,
.textwidget input[type="date"]:hover,
.textwidget textarea:hover,
.textwidget select:hover {
border-bottom-color: #d42929;
}
.textwidget input[type="text"]:focus,
.textwidget input[type="email"]:focus,
.textwidget input[type="url"]:focus,
.textwidget input[type="password"]:focus,
.textwidget input[type="search"]:focus,
.textwidget input[type="tel"]:focus,
.textwidget input[type="number"]:focus,
.textwidget input[type="date"]:focus,
.textwidget textarea:focus,
.textwidget select:active,
.textwidget select:focus {
outline: none;
border-bottom-color: #d42929;
}
.textwidget input[type="file"] {
width: 100%;
margin: 0;
padding: 9px;
border: 1px dashed #e3e5e6;
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.textwidget input[type="file"]:hover {
border-color: #d42929;
}
.textwidget input[type="file"]:focus {
outline: none;
border-color: #d42929;
}
.textwidget input[type="checkbox"],
.textwidget input[type="radio"] {
border-width: 1px;
}
.textwidget input[type="checkbox"]:checked:before,
.textwidget input[type="radio"]:checked:before {
line-height: 14px;
}
/* label */
.textwidget label {
display: inline-block;
width: 100%;
max-width: 100%;
margin-bottom: 0;
padding-bottom: 5px;
font-size: 14px;
font-weight: 700;
line-height: 1.7;
}
.textwidget p label:last-child {
padding-bottom: 0;
}
/* Contact Form 7: additional styles */
/* p */
.textwidget .wpcf7 p {
margin-bottom: 10px;
}
/* label */
.textwidget .wpcf7 span[class*="quiz"] label {
padding-bottom: 0;
}
/* input, textarea */
.textwidget .wpcf7 label input,
.textwidget .wpcf7 label textarea {
margin-top: 5px;
font-size: 15px;
font-weight: 400;
}
/* submit */
.textwidget .wpcf7 input[type="submit"] {
margin: 10px 0 5px;
font-weight: 700;
}
/* checkboxes, radio buttons */
.textwidget .wpcf7 .wpcf7-list-item {
margin: 0 20px 0 0;
}
.textwidget .wpcf7 .wpcf7-list-item:last-child {
margin-right: 0;
}
.textwidget .wpcf7 .wpcf7-list-item label {
font-size: 15px;
font-weight: 400;
}
.textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:first-child,
.textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:first-child {
margin-right: 5px;
}
.textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:last-child,
.textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:last-child {
margin-right: 0;
margin-left: 5px;
}
.textwidget .wpcf7 .wpcf7-list-item label input[type="checkbox"],
.textwidget .wpcf7 .wpcf7-list-item label input[type="radio"] {
margin-top: 0;
}
/* action styles */
.textwidget .wpcf7 .ajax-loader {
margin-left: 15px;
}
.textwidget .wpcf7 .wpcf7-not-valid-tip {
margin-top: 6px;
font-size: 12px;
font-weight: 700;
color: #f46180;
}
.textwidget .wpcf7 .wpcf7-response-output {
margin: 15px 0;
padding: 10px 15px;
text-align: left;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
border: none;
background-color: #e9a62a;
color: #ffffff;
}
.textwidget .wpcf7 .wpcf7-mail-sent-ok,
.textwidget .wpcf7 .wpcf7-mail-sent-ng,
.textwidget .wpcf7 .wpcf7-aborted,
.textwidget .wpcf7 .wpcf7-spam-blocked,
.textwidget .wpcf7 .wpcf7-validation-errors,
.textwidget .wpcf7 .wpcf7-acceptance-missing {
border: none;
}
.textwidget .wpcf7 .wpcf7-mail-sent-ok {
background-color: #7cbd60;
}
.textwidget .wpcf7 .wpcf7-mail-sent-ng,
.textwidget .wpcf7 .wpcf7-aborted {
background-color: #f46180;
}
.textwidget .wpcf7 .wpcf7-spam-blocked {
background-color: #e9a62a;
}
.textwidget .wpcf7 .wpcf7-validation-errors,
.textwidget .wpcf7 .wpcf7-acceptance-missing {
background-color: #f46180;
}
/**
* Widget: Search
* -------------------------------------------------------------
*/
/* search form */
.widget_search #searchform .search-field {
font-family: 'Lora', serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
color: #4c4f53;
background: transparent;
border-bottom: 2px solid #e3e5e6;
}
/* search form: placeholder */
/* Chrome/Opera/Safari */
.widget_search #searchform .search-field::-webkit-input-placeholder {
color: #4c4f53;
opacity: 1;
}
/* Firefox 18- */
.widget_search #searchform .search-field:-moz-placeholder {
color: #4c4f53;
opacity: 1;
}
/* Firefox 19+ */
.widget_search #searchform .search-field::-moz-placeholder {
color: #4c4f53;
opacity: 1;
}
/* IE 10+ */
.widget_search #searchform .search-field:-ms-input-placeholder {
color: #4c4f53;
opacity: 1;
}
/* search form: submit button */
.widget_search #searchform .search-submit {
color: #4c4f53;
background: transparent;
border-bottom: 2px solid #e3e5e6;
}
.widget_search #searchform .search-submit:hover {
color: #d42929;
}
/**
* Widget: RSS
* -------------------------------------------------------------
*/
.rsswidget img {
display: none;
}
.widget_rss .widget-title .rsswidget:first-child:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: 'FontAwesome';
font-weight: 900;
content: '\f09e';
margin-right: 8px;
font-size: 80%;
}
.widget_rss ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_rss ul li {
margin-bottom: 10px;
}
.widget_rss ul li:last-child {
margin-bottom: 0;
}
.widget_rss ul li .rss-date {
display: block;
font-size: 80%;
color: #989ea6;
}
.widget_rss ul li .rssSummary {
margin-bottom: 2px;
font-size: 90%;
}
.widget_rss ul li cite {
display: block;
margin: 0;
text-align: left;
font-style: normal;
font-size: 80%;
color: #989ea6;
}
/**
* Widget: Image
* -------------------------------------------------------------
*/
.widget_media_image .wp-caption {
margin-bottom: 0;
}
/**
* Widget: Gallery
* -------------------------------------------------------------
*/
.widget_media_gallery .gallery {
margin-bottom: 0 !important;
}
/**
* Social widgets
* -------------------------------------------------------------
*/
/*-----# Top Social -----------*/
ul.social-menu {
margin: 0;
padding: 0;
}
ul.social-menu li {
display: inline;
padding: 0 5px;
}
ul.social-menu li a {
font-size: 0;
color: transparent;
line-height: 40px;
}
ul.social-menu li a:hover {
color: #54be73
}
ul.social-menu li:last-child {
margin-right: 0;
}
ul.social-menu li a:before {
content: "";
font-family: FontAwesome, sans-serif;
font-size: 14px;
padding: 10px;
transition: color 0.3s ease-in-out 0s;
vertical-align: middle;
line-height: 12px;
color: #68686d;
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 50%;
}
ul.social-menu li:hover a:before {
opacity: .6;
}
ul.social-menu li a[href*="facebook.com"]:before {
content: "\f09a";
}
ul.social-menu li a[href*="twitter.com"]:before {
content: "\f099";
}
ul.social-menu li a[href*="linkedin.com"]:before {
content: "\f0e1";
}
ul.social-menu li a[href*="plus.google.com"]:before {
content: "\f0d5";
}
ul.social-menu li a[href*="youtube.com"]:before {
content: "\f167";
}
ul.social-menu li a[href*="dribbble.com"]:before {
content: "\f17d";
}
ul.social-menu li a[href*="pinterest.com"]:before {
content: "\f0d2";
}
ul.social-menu li a[href*="bitbucket.org"]:before {
content: "\f171";
}
ul.social-menu li a[href*="github.com"]:before {
content: "\f113";
}
ul.social-menu li a[href*="codepen.io"]:before {
content: "\f1cb";
}
ul.social-menu li a[href*="flickr.com"]:before {
content: "\f16e";
}
ul.social-menu li a[href$="/feed/"]:before {
content: "\f09e";
}
ul.social-menu li a[href*="foursquare.com"]:before {
content: "\f180";
}
ul.social-menu li a[href*="instagram.com"]:before {
content: "\f16d";
}
ul.social-menu li a[href*="tumblr.com"]:before {
content: "\f173";
}
ul.social-menu li a[href*="reddit.com"]:before {
content: "\f1a1";
}
ul.social-menu li a[href*="vimeo.com"]:before {
content: "\f194";
}
ul.social-menu li a[href*="digg.com"]:before {
content: "\f1a6";
}
ul.social-menu li a[href*="twitch.tv"]:before {
content: "\f1e8";
}
ul.social-menu li a[href*="stumbleupon.com"]:before {
content: "\f1a4";
}
.social-menu ul li a[href*="delicious.com"]:before {
content: "\f1a5";
}
ul.social-menu li a[href*="mailto:"]:before {
content: "\f0e0";
}
ul.social-menu li a[href*="skype.com"]:before {
content: "\f17e";
}
ul.social-menu li a[href*="dribble.com"]:before {
content: "\f17d";
}
/**
- Popular posts widgets
* -------------------------------------------------------------
*/
.widget_polite-popular-post-widget ul {
margin: 0;
padding: 0;
}
.widget_polite-popular-post-widget li {
margin-bottom: 20px;
list-style: none;
}
.widget_popular_posts_list_item {
position: relative;
overflow: hidden;
}
.widget_popular_posts_list_item img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
}
.widget_popular_posts_list_item:hover figcaption {
bottom: 30px;
}
.widget_popular_posts_list_item figcaption {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
max-width: 100%;
padding: 15px;
background-color: rgba(255, 255, 255, 0.88);
box-shadow: 6px 6px 18px -2px rgba(14, 17, 20, 0.35);
-webkit-transition: bottom 0.2s ease;
-moz-transition: bottom 0.2s ease;
-o-transition: bottom 0.2s ease;
transition: bottom 0.2s ease;
}
.widget_popular_posts_list_item figcaption .post-date {
margin-bottom: 0;
}
.widget_popular_posts_list_item figcaption h4 {
margin-bottom: 0;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 1.2;
color: #4c4f53;
}
/**
* - Post Slider widgets
* -------------------------------------------------------------
*/
.widget_posts_slider_list_item {
position: relative;
overflow: hidden;
}
.post-slider-section img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
}
.post-slider-section figcaption {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
max-width: 100%;
padding: 15px;
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.90));
-webkit-transition: bottom 0.2s ease;
-moz-transition: bottom 0.2s ease;
-o-transition: bottom 0.2s ease;
transition: bottom 0.2s ease;
}
.post-slider-section figcaption h4 a,
.post-slider-section figcaption .post-date {
margin-bottom: 0;
color: #fff;
}
.post-slider-section .s-cat {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 400;
border-radius: 3px;
line-height: normal;
padding: 4px 12px;
position: relative;
background: #d42929;
}
.post-slider-section .s-cat:hover {
color: #ffffff !important;
}
.post-slider-section figcaption h4 {
margin: 5px 0;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 1.2;
color: #fff;
}
.post-slider-section .slick-arrow {
position: absolute;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
color: #fff;
top: 15px;
right: 50px;
z-index: 2;
cursor: pointer;
outline: none;
border: 0;
background: #000;
}
.post-slider-section .slick-arrow:hover {
background: #333;
}
.post-slider-section .slick-arrow.slick-next {
right: 10px;
left: auto;
}
.post-slider-section .slick-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 30px;
padding-left: 0;
}
.post-slider-section .slick-dots li {
display: inline-block;
line-height: 0;
}
.post-slider-section .slick-dots li.slick-active button {
background: #fff;
}
.post-slider-section .slick-dots li button {
text-indent: -99999px;
border: 0;
margin: 0 5px;
padding: 0;
height: 10px;
width: 10px;
border-radius: 50%;
background: #959698;
}
/**
* - Author widgets
* -------------------------------------------------------------
*/
/* Auther Widget CSS */
.author-wrapper {
text-align: center;
}
.author-profile img {
max-width: 100%;
}
.author-wrapper p {
text-align: justify;
}
.author-profile ul {
margin: 0;
padding: 0;
text-align: center;
}
.author-profile ul li {
list-style: none;
display: inline;
}
.author-profile ul li a {
padding: 0;
}
.author-profile ul.socials li {
margin-right: 5px;
margin-top: 10px;
}
.author-profile ul.socials li::before {
content: initial;
}
.author-profile p {
padding: 20px 0;
margin: 0;
}
.author-profile ul.socials li a i {
font-size: 14px;
padding: 10px;
transition: color 0.3s ease-in-out 0s;
vertical-align: middle;
line-height: 12px;
color: #68686d;
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 50%;
}
.author-profile ul.socials li a i:hover {
background: #292929;
color: #fff;
}
.author-profile .author-sign {
font-family: 'Monsieur La Doulaise', cursive;
font-size: 35px;
padding: 20px 0;
display: inline-block;
}
/**
* Featured Post widgets
* -------------------------------------------------------------
*/
.polite-featured-post>ul {
margin: 0;
padding: 5px 0 0;
}
.polite-featured-post>ul>li {
position: relative;
margin-bottom: 20px;
list-style: none;
}
.widget_featured_thumbnail {
position: relative;
overflow: hidden;
float: right;
margin: 0 0 0 15px;
border-radius: 100%;
}
.widget_featured_thumbnail img {
display: block;
width: 80px;
height: 80px;
border-radius: 100%;
}
.widget_featured_post_num {
position: absolute;
top: 25px;
left: 25px;
z-index: 3;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 15px;
background-color: rgba(255, 255, 255, 0.71);
color: #4c4f53;
font-size: 13px;
font-style: normal;
font-weight: 700;
-webkit-transition: box-shadow 0.2s ease;
-moz-transition: box-shadow 0.2s ease;
-o-transition: box-shadow 0.2s ease;
transition: box-shadow 0.2s ease;
}
.widget_featured_content {
height: 80px;
display: table-cell;
vertical-align: middle;
}
.widget_featured_content .post-date {
margin: 0;
}
.widget_featured_content h4 {
margin-bottom: 0;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: 1.2;
color: #4c4f53;
}
.widget_bg_overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0;
width: 100%;
height: 100%;
background-color: #1f2123;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.widget_featured_thumbnail:hover .widget_bg_overlay {
opacity: 0.2;
}
/**
* Tab Post Widgets
* -------------------------------------------------------------
*/
.tab-posts-block>ul {
margin: 0;
padding: 5px 0 0;
}
.tab-posts-block>ul>li {
position: relative;
margin-bottom: 20px;
list-style: none;
}
.tabs-nav {
margin: 0px -20px;
padding: 0;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
}
.tabs-nav li {
display: inline-block;
flex-basis: 0%;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
text-align: center;
margin-bottom: 0;
line-height: 50px;
position: relative;
}
.tabs-nav li:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #337ab7;
content: '';
opacity: 0;
transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
}
.tabs-nav li.tab-active:before {
opacity: 1;
}
.tabs-nav li.tab-active a,
.tabs-nav li.tab-active {
color: #337ab7;
}
.tabs-nav li a {
position: relative;
font-size: 15px;
font-style: normal;
font-weight: 600;
color: #4c4f53;
box-sizing: border-box;
white-space: nowrap;
padding-left: 10px;
}
/**
* Footer
* -------------------------------------------------------------
*/
.footer-wrap {
background-color: #ffffff;
border-top: 1px solid #f1f1f1;
padding: 0;
}
.foot-wrap {
display: table;
table-layout: fixed;
}
.footer-wrap .footer-top-box {
padding-top: 50px;
padding-bottom: 20px;
}
.footer-wrap .widget {
margin-bottom: 5px;
padding: 0;
}
.footer-wrap .widget-title,
.footer-wrap .widget {
background: transparent;
}
.footer-wrap .widget a,
.footer-wrap .widget {
color: rgb(51, 51, 51);
}
.footer-wrap .widget-title {
color: rgb(51, 51, 51);
}
.footer-wrap .widget_featured_post_num {
display: none;
}
.footer-wrap .widget_featured_content {
height: 80px;
}
.footer-wrap .post-date {
margin: 0;
}
.footer-wrap [class*="footer-col-"]:nth-child(2),
.footer-wrap [class*="footer-col-"]:nth-child(3) {
padding-left: 40px;
}
.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
display: table-cell;
overflow: hidden;
border-left: 1px solid #f1f1f1;
}
div[class*="footer-col-"]:last-child {
border: 0;
}
.footer-col-1 {
width: 100%;
}
.footer-col-2 {
width: 50%;
}
.footer-col-3 {
width: 33.333%;
}
.footer-col-4 {
width: 25%;
}
@media (max-width: 991px) {
.footer-wrap [class*="footer-col-"] {
width: 100%;
margin-bottom: 20px;
display: block;
border: 0;
}
.footer-wrap [class*="footer-col-"]:nth-child(2),
.footer-wrap [class*="footer-col-"]:nth-child(3) {
padding-left: 15px;
}
}
/* footer text */
.site-footer {
font-size: 15px;
padding: 10px 0;
line-height: 1.7;
color: rgb(51, 51, 51);
border-top: 1px solid #f1f1f1;
}
.site-footer a {
color: #d42929;
}
.site-footer a:hover,
.site-footer a:focus {
color: #d42929;
text-decoration: underline !important;
}
/* footer social links */
.footer-social-links {
float: right;
width: 60%;
text-align: right;
margin: -5px -8px -5px 0;
padding-left: 15px;
}
.footer-social-links a {
display: inline-block;
padding: 10px 8px;
font-family: sans-serif;
font-size: 14px;
color: #4c4f53;
}
.footer-social-links a:hover,
.footer-social-links a:focus {
color: #d42929;
}
/* footer menu */
.footer-menu {
float: right;
margin: 0;
padding: 0;
}
.footer-menu li {
float: left;
list-style: none;
}
.footer-menu li a {
display: inline-block;
padding: 0 10px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 3;
color: rgb(51, 51, 51);
}
.footer-menu li a:hover,
.footer-menu li a:focus {
color: #d42929;
text-decoration: underline !important;
}
.footer-menu li ul {
display: none;
}
/**
* "Back to top" button
* -------------------------------------------------------------
*/
#toTop {
position: fixed;
right: 30px;
bottom: 20px;
z-index: 1041;
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
font-family: sans-serif;
font-size: 16px;
color: #ffffff;
background-color: #d42929;
border-radius: 50%;
box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.15);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#toTop:focus {
color: #4c4f53;
}
#toTop:hover {
color: #ffffff;
background-color: #d42929;
}
#toTop:active i {
position: relative;
top: 1px;
}
/***
====================================================================
## Breadcrumbs
====================================================================
***/
.breadcrumbs-wrap {
display: block;
float: left;
width: 100%;
font-style: normal;
color: #858585;
padding: 20px 15px 30px 15px;
}
.breadcrumbs .location {
text-transform: uppercase;
font-weight: 600;
padding-right: 15px;
float: left;
font-size: 13px;
line-height: 19px;
display: none;
}
ul.trail-items {
margin: 0;
padding: 0;
}
ul.trail-items li {
list-style: none;
display: inline;
}
ul.trail-items li a {
color: #858585;
}
ul.trail-items li [rel~=home] span {
position: relative;
padding-left: 20px;
}
ul.trail-items li [rel~=home] span:before {
content: "\f015";
position: absolute;
left: 0;
width: 15px;
height: 15px;
font-family: Fontawesome;
}
ul.trail-items li a:hover span {
color: #d42929;
}
.breadcrumbs .delim {
padding: 0 10px;
font-size: 16px;
color: #8d97a1;
line-height: .7;
}
.breadcrumbs .delim:last-child {
display: none;
}
div#polite-breadcrumbs {
float: left;
}
.home ul.trail-items li span {
display: none;
}
/* Blog Images options */
.left-image {
overflow: hidden;
padding: 15px 0;
display: table;
width: 100%;
}
.left-image .post-content,
.left-image .post-media {
padding: 0 15px;
vertical-align: middle;
display: table-cell;
}
.left-image .post-media {
max-width: 350px;
min-width: 300px;
}
.two-column .left-image,
.masonry-post .left-image,
.alternative .left-image {
margin-left: 0;
margin-right: 0;
display: block;
padding: 0;
}
.two-column .left-image .post-media,
.two-column .left-image .post-content,
.masonry-post .left-image .post-media,
.masonry-post .left-image .post-content,
.alternative .left-image .post-media,
.alternative .left-image .post-content {
display: block;
}
.two-column .left-image .post-media,
.masonry-post .left-image .post-media,
.alternative .left-image .post-media {
padding: 0;
}
.two-column .left-image .post-content,
.masonry-post .left-image .post-content,
.alternative .left-image .post-content {
padding: 20px;
}
.alternative article:nth-child(3n-2) .left-image {
padding: 15px 0;
display: table;
}
.alternative article:nth-child(3n-2) .left-image .post-media,
.alternative article:nth-child(3n-2) .left-image .post-content {
display: table-cell;
padding: 0 15px;
}
.blog.two-column .post-wrap {
min-height: 650px;
}
.blog.two-column .post-media iframe {
height: 200px;
}
.blog.two-column .full-image .post-media {
min-height: 200px;
max-height: 200px;
overflow: hidden;
}
.two-column .full-image .post-excerpt {}
.hide-image .post-media {
display: none;
}
/*==============================================================
## Promo section
================================================================
*/
.promo-section {
padding-top: 30px;
}
.promo-one,
.promo-two,
.promo-three {
margin: 0 -15px;
}
.promo-section .item {
position: relative;
padding: 15px;
}
.promo-one .item .promo-content {
color: #fff;
max-width: 600px;
padding: 0 30px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
width: 100%;
z-index: 20;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.promo-section .post-tags {
padding: 15px 40px;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: #2f3235;
background-color: #ffffff;
display: inline-block;
}
.promo-section .post-tags:hover {
opacity: 0.8;
}
.promo-two .item .promo-content {
color: #fff;
padding: 50px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.promo-two .post-date a,
.promo-two .post-category a,
.promo-two .item .promo-content .post-title {
color: #fff;
}
.promo-two .post-category {
margin-bottom: 10px;
}
.promo-two figure {
position: relative;
}
.inset {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .1) 100%);
}
.promo-three .item .promo-content {
padding: 15px;
background: #fff;
}
{
margin: 10px 0;
text-transform: uppercase;
}
.promo-three .post-category a {
color: #d42929;
font-size: 14px;
padding-right: 5px;
margin-bottom: 5px;
line-height: 20px;
}
.promo-three .post-title {
font-size: 20px;
}
/*Slick Dots*/
.promo-section .slick-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
padding-left: 0;
}
.promo-section .slick-dots li {
display: inline-block;
line-height: 0;
}
.promo-section .slick-dots li.slick-active button {
background: #fff;
}
.promo-section .slick-dots li button {
text-indent: -99999px;
border: 0;
margin: 0 5px;
padding: 0;
height: 10px;
width: 10px;
border-radius: 50%;
background: #959698;
}
/*==============================================================
##WordPress content styles: Gutenberg editor
================================================================
*/
/* paragraph */
.post-excerpt .has-background {
margin: 5px 0 20px;
padding: 20px 30px;
display: inline-block;
width: 100%;
}
.post-excerpt .has-background a {
color: inherit !important;
}
/* quote type 1: regular */
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) {
display: inline-block;
width: 100%;
margin: 5px 0 40px;
padding: 0 26px 0 0;
border-right: 4px solid #4c4f53;
font-size: 20px;
line-height: 1.7;
}
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large):before {
display: none;
}
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite,
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) footer {
margin-top: 10px;
font-size: 18px;
font-style: normal;
line-height: 1.7;
}
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite {
display: block;
}
/* quote type 2: large */
.post-excerpt .wp-block-quote.is-large,
.post-excerpt .wp-block-quote.is-style-large {
margin: 0 0 20px;
padding: 0 0 0 46px;
}
.post-excerpt .wp-block-quote.is-large p,
.post-excerpt .wp-block-quote.is-style-large p {
font-size: 18px;
font-style: normal;
line-height: 1.65;
}
.post-excerpt .wp-block-quote.is-large cite,
.post-excerpt .wp-block-quote.is-large footer,
.post-excerpt .wp-block-quote.is-style-large cite,
.post-excerpt .wp-block-quote.is-style-large footer {
font-size: 18px;
font-style: normal;
text-align: left;
line-height: 1.3;
}
.post-excerpt .wp-block-quote.is-large cite,
.post-excerpt .wp-block-quote.is-style-large cite {
display: block;
}
/* quote type 3: pullquote */
.post-excerpt .wp-block-pullquote {
display: inline-block;
width: 100%;
margin: 5px 0 20px;
padding: 20px 30px;
text-align: center;
border: none;
border-top: 4px solid #4c4f53;
border-bottom: 4px solid #4c4f53;
}
.post-excerpt .wp-block-pullquote blockquote {
margin: 0;
padding: 0;
font-family: 'Lora', serif;
font-size: 18px !important;
font-style: normal;
line-height: 1.65 !important;
}
.post-excerpt .wp-block-pullquote p {
font-size: 18px !important;
font-style: normal;
line-height: 1.65 !important;
}
.post-excerpt .wp-block-pullquote blockquote p {
margin: 0 0 15px !important;
}
.post-excerpt .wp-block-pullquote blockquote p:last-child {
margin-bottom: 0 !important;
}
.post-excerpt .wp-block-pullquote blockquote:before {
display: none;
}
.post-excerpt .wp-block-pullquote cite,
.post-excerpt .wp-block-pullquote footer {
text-transform: uppercase;
font-size: 13px;
font-style: normal;
line-height: 1.7;
text-align: center;
}
.post-excerpt .wp-block-pullquote cite {
margin-top: 15px;
}
/* pullquote: solid color */
.post-excerpt .wp-block-pullquote.is-style-solid-color {
border-top: none;
border-bottom: none;
}
.post-excerpt .wp-block-pullquote.is-style-solid-color blockquote {
text-align: center;
max-width: 100%;
}
.post-excerpt .wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: uppercase;
font-size: 13px;
font-style: normal;
line-height: 1.7;
text-align: center;
}
/* button */
.post-excerpt .wp-block-button {
margin: 0 0 20px;
padding: 5px 0;
}
.post-excerpt .wp-block-button .wp-block-button__link {
width: auto;
margin: 0;
padding: 15px 25px;
font-size: 15px;
line-height: 1;
text-align: center;
border: none;
border-radius: 23px;
box-shadow: none;
text-decoration: none !important;
}
.post-excerpt .wp-block-button .wp-block-button__link:active {
position: relative;
top: 1px;
}
.post-excerpt .wp-block-button__link:not(.has-text-color),
.post-excerpt .wp-block-button__link:not(.has-text-color):active,
.post-excerpt .wp-block-button__link:not(.has-text-color):focus,
.post-excerpt .wp-block-button__link:not(.has-text-color):hover {
color: #ffffff;
}
.post-excerpt .wp-block-button__link:not(.has-background),
.post-excerpt .wp-block-button__link:not(.has-background):active,
.post-excerpt .wp-block-button__link:not(.has-background):focus,
.post-excerpt .wp-block-button__link:not(.has-background):hover {
background-color: #1f2123;
}
/* separator (3 different types) */
.post-excerpt .wp-block-separator,
.post-excerpt .wp-block-separator.is-style-wide {
margin: 25px auto;
border: none;
border-bottom: 1px solid #eeefef;
}
.post-excerpt .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
border-bottom-width: 2px;
}
.post-excerpt .wp-block-separator.is-style-dots {
margin-top: 15px;
margin-bottom: 15px;
background: none;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto;
}
.post-excerpt .wp-block-separator.is-style-dots:before {
color: #4c4f53;
font-size: 20px;
font-weight: 700;
}
/* captions for media files */
.post-excerpt .wp-block-image figcaption,
.post-excerpt .wp-block-audio figcaption,
.post-excerpt .wp-block-video figcaption,
.post-excerpt .wp-block-embed figcaption {
margin: 0;
font-size: 13px;
text-align: left;
line-height: 1.6;
color: #4c4f53;
}
/* image */
.post-excerpt figure.wp-block-image,
.post-excerpt .wp-block-image figure {
margin: 0 0 20px;
padding: 5px 0 0;
}
.post-excerpt .wp-block-image figcaption {
margin-bottom: -5px;
padding: 10px 0 0;
}
.post-excerpt .wp-block-image .alignleft {
float: left;
margin: 5px 30px 15px 0;
padding: 0;
}
.post-excerpt .wp-block-image .alignright {
float: right;
margin: 5px 0 15px 30px;
padding: 0;
}
.post-excerpt .wp-block-image .aligncenter {
margin: 0 auto 20px;
padding: 5px 0 0;
}
/* cover image */
.post-excerpt .wp-block-cover,
.post-excerpt .wp-block-cover-image {
margin: 20px 0;
}
.post-excerpt>.wp-block-cover:first-child,
.post-excerpt>.wp-block-cover-image:first-child {
margin-top: 5px;
}
.post-excerpt .wp-block-cover-image .wp-block-cover__inner-container,
.post-excerpt .wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 60px);
color: #eaedf1;
}
.post-excerpt .wp-block-cover-image .wp-block-subhead,
.post-excerpt .wp-block-cover-image h1,
.post-excerpt .wp-block-cover-image h2,
.post-excerpt .wp-block-cover-image h3,
.post-excerpt .wp-block-cover-image h4,
.post-excerpt .wp-block-cover-image h5,
.post-excerpt .wp-block-cover-image h6,
.post-excerpt .wp-block-cover-image p,
.post-excerpt .wp-block-cover-image a,
.post-excerpt .wp-block-cover-image a:active,
.post-excerpt .wp-block-cover-image a:focus,
.post-excerpt .wp-block-cover-image a:hover,
.post-excerpt .wp-block-cover .wp-block-subhead,
.post-excerpt .wp-block-cover h1,
.post-excerpt .wp-block-cover h2,
.post-excerpt .wp-block-cover h3,
.post-excerpt .wp-block-cover h4,
.post-excerpt .wp-block-cover h5,
.post-excerpt .wp-block-cover h6,
.post-excerpt .wp-block-cover p,
.post-excerpt .wp-block-cover a,
.post-excerpt .wp-block-cover a:active,
.post-excerpt .wp-block-cover a:focus,
.post-excerpt .wp-block-cover a:hover {
color: inherit !important;
}
.post-excerpt .wp-block-cover-image h1:last-child,
.post-excerpt .wp-block-cover-image h2:last-child,
.post-excerpt .wp-block-cover-image h3:last-child,
.post-excerpt .wp-block-cover-image h4:last-child,
.post-excerpt .wp-block-cover-image h5:last-child,
.post-excerpt .wp-block-cover-image h6:last-child,
.post-excerpt .wp-block-cover-image p:last-child,
.post-excerpt .wp-block-cover h1:last-child,
.post-excerpt .wp-block-cover h2:last-child,
.post-excerpt .wp-block-cover h3:last-child,
.post-excerpt .wp-block-cover h4:last-child,
.post-excerpt .wp-block-cover h5:last-child,
.post-excerpt .wp-block-cover h6:last-child,
.post-excerpt .wp-block-cover p:last-child {
margin-bottom: 0;
}
/* gallery */
.post-excerpt .wp-block-gallery {
margin: 0;
padding: 5px 0 4px;
}
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 13px;
line-height: 1.6;
text-align: left;
padding-right: 15px;
padding-bottom: 8px;
padding-left: 15px;
color: #eaedf1;
}
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a,
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:active,
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:focus,
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:hover,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:active,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:focus,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:hover {
color: #eaedf1;
}
/* audio and video */
.post-excerpt .wp-block-audio,
.post-excerpt .wp-block-video {
margin: 0 0 15px;
padding: 5px 0 0;
}
.post-excerpt .wp-block-audio audio {
width: 100%;
max-width: 100%;
display: inline-block;
}
.post-excerpt .wp-block-audio figcaption,
.post-excerpt .wp-block-video figcaption {
padding: 3px 0 0;
}
/* embed elements */
.post-excerpt .wp-block-embed {
clear: both;
margin: 0 0 15px;
padding: 5px 0 0;
min-width: 160px;
}
.post-excerpt .wp-block-embed iframe,
.post-excerpt .wp-block-embed embed {
margin: 0;
}
.post-excerpt .wp-block-embed figcaption {
padding: 3px 0 0;
}
.post-excerpt .wp-block-embed.wp-block-embed-youtube figcaption,
.post-excerpt .wp-block-embed.wp-block-embed-vimeo figcaption,
.post-excerpt .wp-block-embed.wp-block-embed-soundcloud figcaption {
padding-top: 10px;
}
.post-excerpt .wp-block-embed .twitter-tweet {
margin-top: 0 !important;
}
.post-excerpt .wp-block-embed-facebook .wp-block-embed__wrapper,
.post-excerpt .wp-block-embed-facebook .fb_iframe_widget,
.post-excerpt .wp-block-embed-facebook .fb_iframe_widget span {
max-width: 100%;
}
/* file */
.post-excerpt .wp-block-file {
margin: 0 0 15px;
}
.post-excerpt .wp-block-file a:not(.wp-block-file__button) {
font-size: 15px;
font-weight: 700;
line-height: 1.7;
color: #d42929;
text-decoration: underline;
}
.post-excerpt .wp-block-file a:not(.wp-block-file__button):focus,
.post-excerpt .wp-block-file a:not(.wp-block-file__button):hover {
color: #d42929;
}
.post-excerpt .wp-block-file .wp-block-file__button {
display: inline-block;
font-size: 15px;
text-decoration: none !important;
margin: 0 0 0 15px;
padding: 0 15px;
height: 35px;
line-height: 35px;
border-radius: 18px;
background: #1f2123;
color: #ffffff;
}
.post-excerpt .wp-block-file .wp-block-file__button:active {
position: relative;
top: 1px;
}
.post-excerpt .wp-block-file .wp-block-file__button:active,
.post-excerpt .wp-block-file .wp-block-file__button:focus,
.post-excerpt .wp-block-file .wp-block-file__button:hover,
.post-excerpt .wp-block-file .wp-block-file__button:visited {
box-shadow: none;
color: #ffffff;
background: #d42929;
opacity: 1;
}
/* code and preformatted */
.post-excerpt .wp-block-code,
.post-excerpt .wp-block-preformatted {
overflow: hidden;
overflow-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
word-wrap: break-word;
line-height: 1.5;
}
.post-excerpt .wp-block-code code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.post-excerpt .wp-block-preformatted {
background-color: transparent;
border: 1px solid #eeefef;
}
/* table */
.post-excerpt .wp-block-table {
width: 100%;
}
.post-excerpt .wp-block-table tbody,
.post-excerpt .wp-block-table tfoot,
.post-excerpt .wp-block-table thead {
width: 100%;
min-width: 240px;
display: table;
}
/* table: stripes style */
.post-excerpt .wp-block-table.is-style-stripes {
border-bottom: none;
}
.post-excerpt .wp-block-table.is-style-stripes td {
border-color: #eeefef;
}
.post-excerpt .wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: #f7f8f8;
}
/* verse */
.post-excerpt .wp-block-verse {
white-space: pre-wrap;
overflow: auto;
padding: 20px 30px;
font-family: 'Playfair Display', serif;
font-size: 17px;
line-height: 1.7;
background-color: transparent;
border: 1px solid #eeefef;
}
/* columns */
.post-excerpt .wp-block-columns {
margin: 0 -18px;
padding: 0;
overflow: hidden;
}
.post-excerpt .wp-block-columns .wp-block-column {
margin: 0;
padding: 0 18px;
}
/* widgets: archives and categories */
.post-excerpt .wp-block-archives li,
.post-excerpt .wp-block-categories li {
margin: 0 0 4px;
}
.post-excerpt .wp-block-archives li:last-child,
.post-excerpt .wp-block-categories li:last-child {
margin-bottom: 0;
}
.post-excerpt .wp-block-archives li a,
.post-excerpt .wp-block-categories li a {
margin-right: 4px;
}
.post-excerpt .wp-block-archives li ul,
.post-excerpt .wp-block-categories li ul {
margin: 4px 0;
}
.post-excerpt .wp-block-archives li:last-child ul,
.post-excerpt .wp-block-categories li:last-child ul {
margin-bottom: 0;
}
.post-excerpt .wp-block-archives .screen-reader-text,
.post-excerpt .wp-block-categories-dropdown .screen-reader-text {
width: 1px;
padding-bottom: 0;
}
.post-excerpt .wp-block-archives select,
.post-excerpt .wp-block-categories-dropdown select {
margin: 5px 0 20px;
}
.post-excerpt .wp-block-archives.aligncenter,
.post-excerpt .wp-block-categories-dropdown {
margin: 0;
padding: 0;
}
/* widget: latest comments */
.post-excerpt .wp-block-latest-comments {
padding: 0 0 0 15px;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment {
margin: 0 0 10px;
list-style: decimal;
font-size: 15px;
line-height: 1.7;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-date {
display: block;
font-size: 12px;
line-height: 1.7;
color: #989ea6;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
padding: 0;
margin: 5px 0 15px;
font-size: 14px;
line-height: 1.7;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child {
margin-bottom: 0;
}
.post-excerpt .wp-block-latest-comments.has-avatars {
padding: 3px 0 0;
list-style: none;
}
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
list-style: none;
}
.post-excerpt .wp-block-latest-comments.has-avatars .avatar,
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-avatar {
margin: 2px 15px 0 0;
}
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin: 0;
}
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin: 0 0 0 55px;
}
/* widget: latest posts */
.post-excerpt .wp-block-latest-posts li {
margin: 0 0 5px;
}
.post-excerpt .wp-block-latest-posts li:last-child {
margin-bottom: 0;
}
.post-excerpt .wp-block-latest-posts .wp-block-latest-posts__post-date {
display: block;
font-size: 12px;
line-height: 1.7;
color: #989ea6;
}
.post-excerpt .wp-block-latest-posts.is-grid {
list-style: none;
margin-right: -15px;
margin-bottom: 5px;
padding: 0;
overflow: hidden;
}
.post-excerpt .wp-block-latest-posts.is-grid li {
margin-bottom: 15px;
padding-right: 15px;
line-height: 1.5;
}
.post-excerpt .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-date {
margin-top: 3px;
line-height: 1.7;
}
/* widget: calendar */
.post-excerpt .wp-block-calendar #wp-calendar {
display: table;
text-align: center;
font-family: 'Lora', serif;
line-height: 1.7;
}
.post-excerpt .wp-block-calendar table caption,
.post-excerpt .wp-block-calendar table tbody {
color: #4c4f53;
}
.post-excerpt .wp-block-calendar #wp-calendar tbody td,
.post-excerpt .wp-block-calendar #wp-calendar th {
padding: 5px;
border: 1px solid #eeefef;
}
.post-excerpt .wp-block-calendar #wp-calendar thead th {
text-align: center;
font-weight: 700;
background: #f7f8f8;
}
.post-excerpt .wp-block-calendar #wp-calendar a {
font-weight: 700;
}
.post-excerpt .wp-block-calendar #wp-calendar tfoot td {
border: none;
padding: 15px 5px 0 !important;
}
.post-excerpt .wp-block-calendar #wp-calendar tfoot td a {
color: #4c4f53;
}
.post-excerpt .wp-block-calendar #wp-calendar tfoot td a:hover,
.post-excerpt .wp-block-calendar #wp-calendar tfoot td a:focus {
color: #d42929;
}
/* widget: rss */
.post-excerpt .wp-block-rss .wp-block-rss__item {
margin: 0 0 10px;
}
.post-excerpt .wp-block-rss .wp-block-rss__item:last-child {
margin-bottom: 0;
}
.post-excerpt .wp-block-rss .wp-block-rss__item-title a {
font-weight: 700;
}
.post-excerpt .wp-block-rss .wp-block-rss__item-publish-date,
.post-excerpt .wp-block-rss .wp-block-rss__item-author {
display: block;
font-size: 12px;
line-height: 1.7;
color: #989ea6;
}
.post-excerpt .wp-block-rss .wp-block-rss__item-excerpt {
font-size: 14px;
}
.post-excerpt .wp-block-rss.is-grid {
list-style: none;
margin-right: -30px;
margin-bottom: 5px;
padding: 0;
overflow: hidden;
}
.post-excerpt .wp-block-rss.is-grid .wp-block-rss__item {
margin-bottom: 15px;
padding-right: 30px;
}
/* widget: search */
.post-excerpt .wp-block-search {
margin: 0 0 20px;
}
.post-excerpt .wp-block-search:last-child {
margin-bottom: 0;
}
.post-excerpt .wp-block-search .wp-block-search__input {
width: auto;
height: 47px;
}
.post-excerpt .wp-block-search .wp-block-search__button {
margin-left: 14px;
padding: 0 20px;
height: 47px;
line-height: 47px;
}
/* search form: placeholder */
/* Chrome/Opera/Safari */
.post-excerpt .wp-block-search .wp-block-search__input::-webkit-input-placeholder {
color: #989ea6;
opacity: 1;
}
/* Firefox 18- */
.post-excerpt .wp-block-search .wp-block-search__input:-moz-placeholder {
color: #989ea6;
opacity: 1;
}
/* Firefox 19+ */
.post-excerpt .wp-block-search .wp-block-search__input::-moz-placeholder {
color: #989ea6;
opacity: 1;
}
/* IE 10+ */
.post-excerpt .wp-block-search .wp-block-search__input:-ms-input-placeholder {
color: #989ea6;
opacity: 1;
}
/* widget: tag cloud */
.post-excerpt .wp-block-tag-cloud a {
display: inline-block;
text-decoration: none !important;
margin-right: 5px;
}
.post-excerpt .wp-block-tag-cloud a:hover,
.post-excerpt .wp-block-tag-cloud a:focus,
.post-excerpt .wp-block-tag-cloud a:hover span,
.post-excerpt .wp-block-tag-cloud a:focus span {
text-decoration: underline !important;
}
.post-excerpt .wp-block-tag-cloud a span {
display: inline-block;
margin-left: 5px;
}
/* media & text */
.post-excerpt .wp-block-media-text {
margin-bottom: 15px;
}
.post-excerpt .wp-block-media-text .wp-block-media-text__media {
padding-top: 5px;
padding-bottom: 11px;
}
/* wide-images */
.post-excerpt .alignwide,
.post-excerpt .alignfull {
margin-left: -30px !important;
margin-right: -30px !important;
width: auto;
max-width: 100vw;
}
.post-excerpt .alignwide figcaption,
.post-excerpt .alignfull figcaption {
padding-right: 30px !important;
padding-left: 30px !important;
}
/* other wide elements */
.post-excerpt .wp-block-pullquote.alignwide,
.post-excerpt .wp-block-pullquote.alignfull {
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
.post-excerpt>.wp-block-pullquote.alignwide:first-child,
.post-excerpt>.wp-block-pullquote.alignfull:first-child {
margin-top: 5px;
}
.post-excerpt .wp-block-table.alignwide,
.post-excerpt .wp-block-table.alignfull {
margin-left: -32px !important;
margin-right: -33px !important;
}
/*Header Cart*/
.cart-right {
float: right;
}
.cart-right>ul {
display: inline-block;
padding: 0;
margin: 0;
}
.cart-right li {
display: inline-block;
position: relative;
z-index: 99;
}
.cart-right>ul>li>a {
color: #4c4f53;
display: block;
padding: 15px 10px;
float: left;
line-height: 56px;
}
.header-cart .cart-wrap {
position: relative;
}
.header-cart i {
font-size: 15px;
padding-right: 10px;
color: #4c4f53;
}
.cart-inner {
color: #fff;
font-size: 12px;
text-transform: uppercase;
background: #d42929;
border-radius: 50%;
left: 10px;
top: 5px;
position: absolute;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
}
.headr_btom_cart {
background: #ffffff none repeat scroll 0 0;
display: block;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 300px;
z-index: 999;
-webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.headr_btom_cart ul {
padding-left: 0px;
margin-top: 0px;
}
.header-cart:hover .headr_btom_cart {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.header-cart .widgettitle {
display: none;
}
.header-cart li.single-cart {
display: block;
}
/**
* Boxed Layout
* -------------------------------------------------------------
*/
.boxed-design .site {
width: 1170px;
margin: 0 auto;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
background: #fff;
overflow: hidden;
position: relative;
}
.boxed-design .site .sticky {
position: relative;
}
@media only screen and (max-width: 1128px) {
.boxed-design .site {
width: 100%;
}
}
@media (min-width: 992px) {
.boxed-design .site {
width: 970px;
}
}
@media (min-width: 1200px) {
.boxed-design .site {
width: 1170px;
}
}
/**
* Responsive Styles
* -------------------------------------------------------------
*/
/* 1199px */
@media (max-width: 1199px) {
/* pagination */
.pagination {
padding-right: 15px;
padding-left: 15px;
}
/* single page: post navigation */
.post-navigation .nav-previous {
padding-right: 10px;
}
.post-navigation .nav-next {
padding-left: 10px;
}
/* WordPress content styles: gallery */
.gallery.gallery-columns-6 .gallery-item .gallery-caption {
display: none;
}
/* footer: menu */
.footer-menu {
margin-right: -8px;
}
.footer-menu li a {
padding-right: 8px;
padding-left: 8px;
}
}
/* 991px */
@media (max-width: 991px) {
/* footer: copyright text (or some other text) */
.site-footer {
float: none;
width: 100%;
margin-bottom: 15px;
padding-right: 0;
}
/* footer: menu */
.footer-menu-wrap {
float: none;
width: 100%;
margin-bottom: 15px;
padding-left: 0;
}
.footer-menu {
float: none;
margin-right: -10px;
margin-left: -10px;
}
.footer-menu li a {
padding-right: 10px;
padding-left: 10px;
}
.right-sidebar #primary {
float: none;
}
}
/* 767px */
@media (max-width: 767px) {
/* comments */
.comment-list .children {
padding-left: 25px;
}
.right-sidebar #primary {
float: none;
}
.left-image .post-content,
.left-image .post-media {
display: block;
max-width: 100% min-width:100%;
}
/* .breadcrumbs-wrap{
float: none;
}*/
}
/* 720px */
@media (max-width: 720px) {
/* container with posts */
.posts-container {
padding-top: 40px;
padding-bottom: 0;
}
/* pagination */
.pagination {
margin-top: 10px;
}
.gallery.gallery-columns-5 .gallery-item .gallery-caption {
display: none;
}
/* comments */
.comment-list .children {
padding-left: 20px;
}
/* page 404 */
/* sidebar */
/* widgets */
/* footer widgets */
/* footer */
}
/* 600px */
@media (max-width: 600px) {
/* WordPress content styles */
.gallery.gallery-columns-4 .gallery-item .gallery-caption {
display: none;
}
/* comments */
.comment-reply-title span,
.comment-reply-title small {
display: block;
}
.comment-reply-title small {
float: none;
}
.comment-list .children {
padding-left: 15px;
}
}
/* 480px */
@media (max-width: 480px) {
/* pagination */
.pagination {
margin-right: -15px;
margin-left: -15px;
padding-right: 0;
padding-left: 0;
}
/* masonry layout */
.right-sidebar article.masonry-post,
.left-sidebar article.masonry-post,
.no-sidebar article.masonry-post,
.middle-column article.masonry-post,
.both-sidebar article.masonry-post {
width: 100%;
padding: 0 15px;
}
/* comments */
.comment-reply-title,
.comments-title {
padding-right: 30px;
padding-left: 30px;
}
.comment-list li .comment-reply-title {
padding-right: 0;
padding-left: 0;
}
.comment-list .children {
padding-left: 10px;
}
.comment-navigation .nav-previous {
padding-right: 5px;
}
.comment-navigation .nav-next {
padding-left: 5px;
}
}
/* 360px */
@media (max-width: 360px) {
/* containers with content: reduce left and right indents to 15 pixels */
pre,
.post-content,
.no-results,
.about-author,
.comment-reply-title,
.comments-title,
.comment-form,
.comment-list-wrap,
.comments-area .no-comments,
.comment-respond .must-log-in {
padding-right: 15px;
padding-left: 15px;
}
/* wide-images */
.alignwide,
.alignfull {
margin-left: -15px !important;
margin-right: -15px !important;
}
.alignwide figcaption,
.alignfull figcaption {
padding-right: 15px !important;
padding-left: 15px !important;
}
/* single page: post navigation */
.post-navigation .nav-previous {
padding-right: 5px;
}
.post-navigation .nav-next {
padding-left: 5px;
}
}
/* 320px */
@media (max-width: 320px) {
/* single page: post navigation */
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
float: none;
}
.post-navigation .nav-previous {
padding-right: 0;
}
.post-navigation .nav-next {
padding-left: 0;
text-align: left;
}
/* comments */
.comment-list-wrap {
overflow: hidden;
}
.comment-meta .comment-awaiting-moderation {
margin-left: 0;
}
.comment-content,
.comment-body .reply {
padding-left: 0;
}
.comment-navigation {
padding-top: 15px;
padding-bottom: 5px;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
float: none;
width: 100%;
line-height: 1.3;
}
.comment-navigation .nav-previous {
padding-right: 0;
}
.comment-navigation .nav-next {
padding-left: 0;
text-align: left;
}
.comment-navigation .nav-links a {
padding-top: 10px;
padding-bottom: 10px;
}
.comment-navigation .nav-previous i {
display: none;
}
.comment-navigation .nav-previous a:after {
font-family: 'FontAwesome';
font-weight: 900;
content: '\f0da';
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: 8px;
}
}
@media (max-width: 767px) {
.cart-right {
position: absolute;
top: 0;
right: 10px;
}
.header-default .bar-menu {
left: 15px;
}
.left-side,
.right-side {
float: none !important;
}
.top-menu,
.social-links {
text-align: center;
}
.search-wrapper {
padding-left: 0;
position: absolute;
top: 0;
right: 0;
}
.bottom-caption {
display: none;
}
.slider-height {
height: 300px;
}
.caption h2 a {
font-size: 24px;
}
}
/*==============================================================
## Tab Navigate
================================================================*/
#primary-menu li.menu-item-has-children.locked>ul,
#primary-menu li.menu-item-has-children a:focus~ul {
visibility: visible;
opacity: 1;
top: 100%;
outline: 5px auto red !important;
}
/*EXTRA CSS*/
.pro-btn a:after {
background: #00cf24;
border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 5px;
position: absolute;
right: 15px;
top: 10px;
content: "PRO";
color: #fff;
z-index: 100;
font-family: sans-serif;
}
.hot-btn a:after {
background: red;
border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 5px;
position: absolute;
right: 15px;
top: 10px;
content: "HOT";
color: #fff;
z-index: 100;
font-family: sans-serif;
}
.hot-btn-1>a:after {
background: red;
border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 5px;
position: absolute;
right: 15px;
top: 10px;
content: "HOT";
color: #fff;
z-index: 100;
font-family: sans-serif;
}
.new-btn a:after {
background: #242424;
border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 5px;
position: absolute;
right: 15px;
top: 10px;
content: "NEW";
color: #fff;
z-index: 100;
font-family: sans-serif;
}
.canvi-user-info__close {
left: 30px;
right: auto;
}
