@charset "utf-8";

/*
Theme Name: Linwall Nature
Text Domain: linwall
Version: 1.0
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Author: 7KClick

All files, unless otherwise stated, are released under the GNU General Public

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


/*------------------------------------------------------------------
[Main Theme Styles]

	Project:  Linwall Nature Blog Theme
	Version:  1.0
	Last change:  20/11/2015
 	Author : Lorem Ipsuma - Aydın Vivik
 	Primary use:  Nature Blog Theme

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

00. RESET
01. PRELOADER
02. SIDEBAR NAV
03. HEADER
04. FEATURED POSTS
05. MOST POPULAR POSTS
06. BLOG SLOGAN
07. BLOG POSTS
08. PAGE POSTS
09. CATEGORY-ARCHIVE
10. SIDEBAR
11. RANDOM POSTS
12. FOOTER


-------------------------------------------------------------------*/

/*============================================================================
  >> 00. RESET
  ============================================================================
*/
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Merriweather:wght@400;700;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap');
html {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height:100%;
}

body {
	padding: 0;
	margin: 0;
	height: 100%;
	min-height: 100%;
	font-family: 'Montserrat', sans-serif;
	color:#111;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Alfa Slab One', cursive;
}

p {
	line-height: 24px;
}

img {
	display:block;
	max-width:100%;
	height:auto;
}

a {
	text-decoration:none;
}
a:focus {
	outline: 0;
}
.preloader {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
    overflow-x: hidden !important;
}

.spinner {
	width: 80px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -20px;
}

.bars {
	display: block;
	width: 80px;
	height: 10px;
	background: #bdac6a;
	border-radius: 5px;
	margin: 3px 0;
	opacity: 0.0;
	/* initial state */
	-webkit-animation: pulsate 1s ease-out infinite;
	animation: pulsate 1s ease-out infinite;
}

#bar1 {
	-webkit-animation-delay: 0s;
          animation-delay: 0s;
}

#bar2 {
	-webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

#bar3 {
	-webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.0;
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.0;
  }
}

/*============================================================================
  >> 02. SIDEBAR NAV
  ============================================================================
*/

.sidebar-navigation {
	position: fixed;
    width: 320px;
    height: 100%;
    top: 0;
    left: -320px;
    overflow: hidden;
    z-index: 12;
    background-color: #111;
    background-clip: content-box;
    -moz-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    -o-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    -webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}

.sidebar-navigation .sidebar-nav-scroll {
	position: relative;
    overflow-y: scroll;
    height: 100%;
    margin-right: -17px;
}

.sidebar-navigation .sidebar-nav-content {
	position: relative;
    min-height: 100%;
    padding: 25px;
    background: url(images/broken_noise.png);
    background-position: center center;
}

.sidebar-navigation .sidebar-nav-content:before {
	position: absolute;
	content: '';
	background-color: #111;
	opacity: 0.0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.sidebar-navigation .sidebar-nav-content header {
	position: relative;
	z-index: 1;
	padding: 20px 0 0;
}

.sidebar-navigation .sidebar-nav-content header .close-sidebar {
	display: inline-block;
	width: 100%;
	text-align: center;
    margin: 40px 0 0;
}

.sidebar-navigation .sidebar-nav-content header .close-sidebar a {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 37px;
	color: #fff;
	text-decoration: none;
	border: 3px solid #333;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sidebar-navigation .sidebar-nav-content header .brand-logo {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.sidebar-navigation .sidebar-nav-content header .brand-logo a img {
	display: inline-block;
	max-width: 190px;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu {
	position: relative;
	display: inline-block;
	width: 100%;
	z-index: 1;
	border: 3px solid #333;
	margin:50px 0 0;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul {
	display: inline-block;
	width: 100%;
	margin:0;
	padding: 0;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li {
	display: block;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li~li {
	border-top:1px dotted;
	border-color: rgba(255, 255, 255, 0.2);
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li ul {
	display: none;
	padding-left: 25px;
	border-top:1px dotted;
	border-color: rgba(255, 255, 255, 0.2);
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li a {
	position: relative;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	text-decoration: none;
	padding: 15px 0 15px 20px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li.menu-item-has-children > a:before {
	position: absolute;
    font-family: 'FontAwesome';
    font-size: 11px;
    content: "\f107";
    right: 20px;
    border-left: 1px dotted rgba(255, 255, 255, 0.2);
    padding: 7px 0 7px 20px;
    top: 10px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li ul li a {
	font-size: 11px;
}

.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li ul li a:before {
	position: absolute;
    font-family: 'FontAwesome';
    font-size: 11px;
    content: "\f105";
    left: 0;
}

.sidebar-navigation .sidebar-nav-content .sidebar-copyright {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sidebar-navigation .sidebar-nav-content .sidebar-copyright a {
	display: inline-block;
	width: 100%;
	margin: 5px 0 0;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sidebar-navigation-open .sidebar-navigation {
	left: 0;
}

.sidebar-nav-mask {
	position: fixed;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background-color: #111;
    z-index: 11;
    -moz-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    -o-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    -webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}

.sidebar-navigation-open .sidebar-nav-mask {
	visibility: visible;
    opacity: 0.65;
    pointer-events: initial;
}

/*============================================================================
  >> 03. HEADER
  ============================================================================
*/

.menu-item-group-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
}

header.no-background.default .brand-logo{
	max-width: 200px;
	padding: 0 0 15px 0;
}

header.background-header.default .brand-logo{
	max-width: 100%;
	padding: 0 0 15px 0;
}

header.blog-header {
	position: relative;
	
}

header.absolute {
	position: absolute;
	width: 100%;
	z-index: 3;
}



header.background-header {
    height: 400px;
}

header.absolute  .header-nav .navbar ul li a {
	color: #fff;
}

header.absolute .header-nav .navbar ul li ul.sub-menu li a, .header-inner.blog-header  {
	color: #111;
}


header.default  .header-nav .navbar ul li a {
	color: #111;
}

header.default.header-nav .navbar ul li ul.sub-menu li a {
	color: #111;
}
header .header-nav {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}



header .header-nav .sidebar-navigation-menu, header .header-nav .search-icon, header .header-nav .sidebar-navigation-menu, header .header-nav .cart-icon {
	display: inline-block;
	float: left;
}

header .header-nav .menu-right-item{
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}


header .header-nav .cart-icon {
	display: inline-block;
}

header .header-nav .cart-icon a {
	color: #111;
    transition: all .2s;
}

header .header-nav .cart-icon a:hover i {
	color: #bdac6a;
}

header .header-nav .sidebar-navigation-menu a, header .header-nav .search-icon a, header .header-nav .sidebar-navigation-menu a, header .header-nav .cart-icon a {
	display: inline-block;
	font-size: 17px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    line-height: 32px;
    cursor: pointer;
}

header .header-nav .navbar {
	position: relative;
	display: inline-block;
	border:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	min-height: 0;
	margin:0;
}

header .header-nav .navbar ul {
	display: inline-block;
	margin: 0;
	padding:0;
}

header .header-nav .navbar ul li {
	position: relative;
	display: inline-block;
}

header .header-nav .navbar ul li a {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

header .header-nav .navbar ul li ul.sub-menu {
	position: absolute;
    max-width: 200px;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 11;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}

header .header-nav .navbar ul li ul.sub-menu li {
	position: relative;
}

header .header-nav .navbar ul li ul.sub-menu li a {
	min-width: 200px;
	padding: 13px 15px;
	font-size: 11px;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 0;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

header .header-nav .navbar ul li ul.sub-menu li ul.sub-menu {
	left: 100%;
	top: 0;
}

header .header-nav .navbar ul li:hover > ul.sub-menu {
	visibility: visible;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 1;
    pointer-events: auto;
}

header .header-nav.sticky {
	position: fixed;
    top: -2px;
    width: 100%;
    z-index: 11;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    background-color: #fff;
}

header .header-nav.sticky .navbar ul {
	margin: 7px 0;
}

header .header-nav.sticky.open {
	transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

header .header-bottom {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}

header .header-bottom .brand-logo {
	display: inline-block;
	padding: 50px 0;
}

header .search-holder {
	position: fixed;
	display: none;
    z-index: 1000;
    background: rgba(0, 0, 0, .95);
    width: 100%;
    height: 100%;
    top: 0;
}

header .search-holder .close-btn {
	position: absolute;
    right: 30px;
    top: 30px;
}

header .search-holder .close-btn a {
	display: inline-block;
	font-size: 12px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 37px;
	border: 2px solid;
	border-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

header .search-holder #searchForm {
	position: absolute;
    display: block;
    width: 50%;
    height: 60px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

header .search-holder #searchForm .search-field {
	background-color: transparent;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    outline: 0;
    font-size: 32px;
    color: #fff;
}

header .search-holder #searchForm .search-submit {
	position: absolute;
    right: 0;
    top: 10px;
    background-color: transparent;
    border: 0;
    color: #777;
    font-size: 18px;
}

header .search-holder #searchForm span {
	display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

header.header-inner .header-bottom-effect {
	position: absolute;
    bottom: -15px;
    width: 100%;
    height: 123px;
    left: 0;
    background-position: center center !important;
    z-index: 2;
}

header.header-inner .header-bottom .brand-logo {
	padding: 50px 0 90px;
}

/*============================================================================
  >> 04. FEATURED POSTS
  ============================================================================
*/

section.main .featured-posts {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom:60px;
}

section.main .featured-posts .featured-posts-container {
	position: relative;
	display: inline-block;
	width: 100%;
}

/* section.main .featured-posts .featured-posts-container img {
	width: 100%;
} */



section.main .featured-posts .featured-posts-container .post-type-image {
    width: 100%;
    height: 400px; /* Görsel yüksekliği buradan kontrol edilebilir */
    background-size: cover !important;
	background-attachment: fixed;

    background-position: center !important;
    background-repeat: no-repeat !important;
}

section.main .featured-posts .featured-posts-container .post-content {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	bottom: 25%;
}

section.main .featured-posts .featured-posts-container .post-content .post-title {
	display: inline-block;
	width: 100%;
	padding:0 150px;
}

section.main .featured-posts .featured-posts-container .post-content .post-title h2 {
	display: inline-block;
	font-size: 42px;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	line-height: 56px;
}

section.main .featured-posts .featured-posts-container .post-content .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta {
	position: relative;
	display: inline-block;
	width: 100%;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta .post-category {
	display: inline-block;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta .post-category ul {
	display: inline-block;
	margin:0;
	padding:0;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta .post-category ul li {
	position: relative;
	display: inline-block;
	padding:0 6px;
}

 section.main .featured-posts .featured-posts-container .post-content .post-meta .post-category ul li~li:before {
	position: absolute;
	content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta .post-category ul li a {
	display: inline-block;
	font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta .post-date {
	position: relative;
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin: 0 0 0 8px;
}

section.main .featured-posts .featured-posts-container .post-content .post-meta .post-date:before {
	position: absolute;
    content: '';
    width: 4px;
    height: 1px;
    top: 6px;
    left: -11px;
}

section.main .featured-posts .feature-post-bottom-effect {
	position: absolute;
	bottom: -30px;
	width: 100%;
	height: 123px;
	background-position: center center; 
	z-index: 2;
}

/*============================================================================
  >> 05. MOST POPULAR POSTS
  ============================================================================
*/
section.main .most-popular-posts {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 100px 0;
}

section.main .most-popular-posts .post {
	position: relative;
	display: inline-block;
	width: 100%;
}

section.main .most-popular-posts .post header span {
	position: absolute;
	font-size: 60px;
	top: 0;
	left: 0;
}

section.main .most-popular-posts .post header .post-date, section.main .most-popular-posts .centered-posts .post .post-meta .post-date {
	position: relative;
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	margin: 17px 0 0 100px;
	letter-spacing: 0.75px;
}

section.main .most-popular-posts .centered-posts .post .post-meta .post-date {
	margin: 0 0 0 8px;
}

section.main .most-popular-posts .centered-posts .post .post-meta .post-date:before {
	position: absolute;
	content: '';
	width: 4px;
	height: 1px;
	top: 6px;
	left: -11px;
}

section.main .most-popular-posts .post header .post-title {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:7px 0;
}

section.main .most-popular-posts .post header .post-title h2 {
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.5px;
	padding: 0 0 0 30px;
	margin: 0;
}

section.main .most-popular-posts .post header .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .most-popular-posts .post header .post-category, section.main .most-popular-posts .centered-posts .post .post-meta .post-category {
	position: relative;
	display: inline-block;
	width: 100%;
}

section.main .most-popular-posts .centered-posts .post .post-meta .post-category {
	width: auto;
}

section.main .most-popular-posts .post header .post-category ul, section.main .most-popular-posts .centered-posts .post .post-meta .post-category ul {
	display: inline-block;
	margin:0;
	padding:0 0 0 26px;
}

section.main .most-popular-posts .centered-posts .post .post-meta .post-category ul {
	padding: 0;
}

section.main .most-popular-posts .post header .post-category ul li, section.main .most-popular-posts .centered-posts .post .post-meta .post-category ul li {
	position: relative;
	display: inline-block;
	padding:0 6px;
}

section.main .most-popular-posts .post header .post-category ul li~li:before, section.main .most-popular-posts .centered-posts .post .post-meta .post-category ul li~li:before {
	position: absolute;
	content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

section.main .most-popular-posts .post header .post-category ul li a, section.main .most-popular-posts .centered-posts .post .post-meta .post-category ul li a {
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

section.main .most-popular-posts .post .divider {
	position: relative;
	display: inline-block;
	width: 50%;
}

section.main .most-popular-posts .post .divider:before {
	top: 6px;
    background-position: left top;
    background: -webkit-linear-gradient(-135deg, #ddd 5px, transparent 0), -webkit-linear-gradient(135deg, #ddd 5px, transparent 0);
    background: linear-gradient(-135deg, #ddd 5px, transparent 0), linear-gradient(135deg, #ddd 5px, transparent 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 10px;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}

section.main .most-popular-posts .post .divider:after {
	top: 5px;
    background-position: left top;
    background: -webkit-linear-gradient(-135deg, #FFF 4px, transparent 0), -webkit-linear-gradient(135deg, #FFF 4px, transparent 0);
    background: linear-gradient(-135deg, #FFF 4px, transparent 0), linear-gradient(135deg, #FFF 4px, transparent 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 10px;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}

section.main .most-popular-posts .post .post-entry {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:30px 0 0 0;
	padding:0 0 0 30px;
}

section.main .most-popular-posts .post .post-entry p {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 22px;
}

section.main .most-popular-posts .centered-posts .post .post-entry {
	margin: 20px 0 0 0;
}

section.main .most-popular-posts .centered-posts .post .post-entry p {
	font-size: 14px;
	line-height: 24px;
	padding: 0 20px;
}

section.main .most-popular-posts .right-posts {
	text-align: right;
}

section.main .most-popular-posts .centered-posts {
	text-align: center;
}

section.main .most-popular-posts .right-posts .post header span, section.main .most-popular-posts .post .divider:before, section.main .most-popular-posts .post .divider:after {
	right: 0;
	left: inherit;
}

section.main .most-popular-posts .right-posts .post header .post-date {
	margin: 17px 100px 0 0;
}

section.main .most-popular-posts .right-posts .post header .post-title h2, section.main .most-popular-posts .right-posts .post .post-entry {
	padding:0 30px 0 0;
}

section.main .most-popular-posts .right-posts .post header .post-category ul {
	padding:0 26px 0 0;
}

section.main .most-popular-posts .centered-posts .post header .post-title h2 {
	font-size: 36px;
	line-height: 42px;
	letter-spacing: 0.75px;
	padding:0;
}

section.main .most-popular-posts .centered-posts .post .post-type-image {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 30px 0;
}

section.main .most-popular-posts .centered-posts .post .post-type-image:before {
	position: absolute;
	content: '';
	width: 277px;
    height: 238px;
    top: -80px;
    left: -55px;
    z-index: -1;
}

section.main .most-popular-posts .centered-posts .post .post-type-image:after {
	position: absolute;
	content: '';
	width: 388px;
	height: 320px;
	bottom: -75px;
	right: -58px;
	z-index: -1;
}

section.main .most-popular-posts .centered-posts .post .post-type-image a {
	position: relative;
	display: block;
	overflow: hidden;
}

section.main .most-popular-posts .centered-posts .post .post-type-image a img {
	margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.45s, -webkit-transform 0.65s;
    transition: opacity 0.45s, transform 0.65s;
    -webkit-transform: translate3d(10px,10px,0);
    transform: translate3d(10px,10px,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

section.main .most-popular-posts .centered-posts .post .post-type-image a:hover img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 0.8;
}

section.main .most-popular-posts .centered-posts .post .post-meta {
	position: relative;
	display: inline-block;
	width: 100%;
}

section.main .most-popular-posts .centered-posts .post .post-entry {
	padding:0;
}

section.main .most-popular-posts .centered-posts .post .post-more {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 15px 0 0;
}

.post-more {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 15px 0 0;
}
.post-more.ln-align-center {
	text-align: center;
}
.post-more.ln-align-right {
	text-align: right;
}
.post-more a {
	position: relative;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.4px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	padding: 0 16px;
	overflow: hidden;
	height: 40px;
	line-height: 35px;
}

.post-more a:before {
	position: absolute;
	content: attr(data-text);
	top: -35px;
}

.post-more a:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: -1;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.post-more a:hover {
	line-height: 105px;
}

.post-more a:hover:after {
	height: 100%;
}


section.main .most-popular-posts .centered-posts .post .post-more a, .post-more a {
	position: relative;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.4px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	padding: 0 16px;
	overflow: hidden;
	height: 40px;
	line-height: 35px;
}

section.main .most-popular-posts .centered-posts .post .post-more a:before, .post-more a:before {
	position: absolute;
	content: attr(data-text);
	top: -35px;
}

section.main .most-popular-posts .centered-posts .post .post-more a:after, .post-more a:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: -1;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

section.main .most-popular-posts .centered-posts .post .post-more a:hover, .post-more a:hover {
	line-height: 105px;
}

section.main .most-popular-posts .centered-posts .post .post-more a:hover:after, .post-more a:hover:after {
	height: 100%;
}

section.main .most-popular-posts .right-posts .post, section.main .most-popular-posts .left-posts .post {
	margin: 70px 0 30px;
}

/*============================================================================
  >> 06. BLOG SLOGAN
  ============================================================================
*/

.blog-slogan {
	position: relative;
	display: inline-block;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/* margin:0 0 50px; */
	padding:70px 0;
}

.blog-slogan.lnw-align-center .slogan-title, .blog-slogan.lnw-align-center .slogan-description {
	text-align: center;
}

.blog-slogan.lnw-align-right .slogan-title, .blog-slogan.lnw-align-right .slogan-description {
	text-align: right;
}

.blog-slogan:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
}

.blog-slogan:after {
    position: absolute;
    content: '';
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    border: 4px solid rgba(255, 255, 255, 0.2);
}

 .blog-slogan .blog-slogan-content {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:0 150px;
	z-index: 1;
}

 .blog-slogan .blog-slogan-content .slogan-title,  .blog-slogan .blog-slogan-content .slogan-description {
	display: inline-block;
	width: 100%;
}

.blog-slogan .blog-slogan-content .slogan-title h4 {
	display: inline-block;
	font-size: 28px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 36px;
	margin:15px 0;
}

 .blog-slogan .blog-slogan-content .slogan-description p {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.3px;
}

/*============================================================================
  >> 07. BLOG POSTS
  ============================================================================
*/

section.main .blog-main {
	position: relative;
	display: inline-block;
	width: 100%;
}

section.main .blog-main .pagination{
position: relative;
display: inline-block;
width:100%;
margin-bottom: 50px !important;
}

section.main .blog-main .pagination:before {
	position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #eee;
    top: 50%;
    z-index: -1;
}

section.main .blog-main .pagination ul{
	display: inline-block;
	margin: 0;
	padding: 0 15px 0 0;
	background-color: #fff;
}


section.main .blog-main .pagination ul li {
	display: inline-block;
	padding:0 0 0 0;
}

section.main .blog-main .pagination ul li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 11px;
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-align: center;
    line-height: 35px;
}

/*------- Layout a) List Style -------*/

.list-style.main .blog-main .post {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:0 0 120px;
}


.list-style.main.lnw-align-center {

	text-align: center;
}

.list-style.main.lnw-align-right {

	text-align: right;
}


.list-style.main.lnw-align-center article {
	text-align: center;
}

.list-style.main.lnw-align-right article {
	text-align: right;
}


.list-style.main .blog-main .post:last-of-type {
	margin:0 0 100px;
}

.list-style.main .blog-main .post .post-type-image {
	position: relative;
}

.list-style.main .blog-main .post .post-type-image a {
	position: relative;
	overflow: hidden;
	display: block;
}

.list-style.main .blog-main .post .post-type-image a:before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    content: '';
    -webkit-transition: -webkit-transform 0.65s;
    transition: transform 0.65s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.list-style.main .blog-main .post .post-type-image a:hover:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.list-style.main .blog-main .post .post-type-image:before {
	position: absolute;
	content: '';
	width: 169px;
	height: 108px;
	top: -35px;
    left: 25%;
	z-index: -1;
}

.list-style.main .blog-main .post .post-type-image:after {
	position: absolute;
	content: '';
	width: 124px;
	height: 100px;
	bottom: -40px;
    right: -5px;
	z-index: -1;
}

.list-style.main .blog-main .post .post-content {
	margin:20px 0 0;
}

.list-style.main .blog-main .post .post-content header {
	position: relative;
	display: inline-block;
	width: 100%;
}

.list-style.main .blog-main .post .post-content header .post-category {
	display: inline-block;
	width: 100%;
}

.list-style.main .blog-main .post .post-content header .post-category ul {
	display: inline-block;
	margin:0 0 0 -6px;
	padding:0;
}

.list-style.main .blog-main .post .post-content header .post-category ul li {
	position: relative;
	display: inline-block;
	padding: 0 6px;
}

.list-style.main .blog-main .post .post-content header .post-category ul li~li:before {
	position: absolute;
    content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

.list-style.main .blog-main .post .post-content header .post-category ul li a {
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.list-style.main .blog-main .post .post-content header .post-title {
	margin:5px 0;
}

.list-style.main .blog-main .post .post-content header .post-title h2 {
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0.75px;
	margin:0;
}

.list-style.main .blog-main .post .post-content header .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.list-style.main .blog-main .post .post-content header .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.list-style.main .blog-main .post .post-content .post-entry {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:15px 0 0;
	padding: 0 30px 0 0;
}

.list-style.main .blog-main .post .post-content .post-entry p {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.3px;
}

/*------- Layout b) Grid Style -------*/

 .blog-main  .column-wrapper{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
}

.grid-style.main .blog-main  .post{
	width: 48%;
}

@media screen and (max-width: 961px) {
	.grid-style.main .blog-main  .post{
		width: 100%;
	} 
} 

.grid-three-column .column-wrapper .post {
	width: 31.5% !important;
} 

@media screen and (max-width: 767px) {
	.grid-three-column .column-wrapper .post {
		width: 100% !important;
	} 
}

@media screen and (min-width: 767px) and (max-width: 961px) {
	.grid-three-column .column-wrapper .post {
		width: 46% !important;
	} 
}

.grid-four-column .column-wrapper .post {
	width: 22.5% !important;

} 

@media screen and (max-width: 961px) {
	.grid-four-column .column-wrapper .post {
		width: 100% !important;
	
	} 
}

@media screen and (min-width: 767px) and (max-width: 961px) {
	.grid-four-column .column-wrapper .post {
		width: 46% !important;
	
	} 
}

.grid-style.main.lnw-align-center article {
	text-align: center;
}

.grid-style.main.lnw-align-right article {
	text-align: right;
}

.grid-photo-style.main .blog-main  .post{
	width: 48%;
}


.grid-style.main .blog-main .post {
	position: relative;
	display: inline-block;
	margin:0 0 50px;
}

.grid-style.main.lnw-align-center {
	text-align: center;
}

.grid-style.main.lnw-align-right {
	text-align: right;
}

.grid-style.main .blog-main .post:last-of-type {
	margin:0 0 70px;
}

.grid-style.main .blog-main .post .post-type-image {
	position: relative;
}

.grid-style.main .blog-main .post .post-type-image:before {
	position: absolute;
	content: '';
	width: 165px;
	height: 115px;
	bottom: -40px;
	left: 30%;
	z-index: -1;
}

.grid-style.main .blog-main .post .post-type-image a {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

/* .grid-style.main .blog-main .post .post-type-image a:before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    content: '';
    -webkit-transition: -webkit-transform 0.65s;
    transition: transform 0.65s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
} */


.grid-style.main .blog-main .post .post-content {
	display: inline-block;
	width: 100%;
	margin:30px 0 0;
}

.grid-style.main .blog-main .post .post-category {
	display: inline-block;
	width: 100%;
}

.grid-style.main .blog-main .post .post-category ul {
	display: inline-block;
	margin: 0 0 0 -6px;
    padding: 0;
}

.grid-style.main .blog-main .post .post-category ul li {
	position: relative;
    display: inline-block;
    padding: 0 6px;
}

.grid-style.main .blog-main .post .post-category ul li~li:before {
	position: absolute;
    content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

.grid-style.main .blog-main .post .post-category ul li a {
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.grid-style.main .blog-main .post .post-title {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}

.grid-style.main .blog-main .post .post-title h2 {
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0.75px;
	margin: 0;
}

.grid-style.main .blog-main .post .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.grid-style.main .blog-main .post .post-content header .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.grid-style.main .blog-main .post .post-content .post-entry {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:15px 0 0;
}

.grid-style.main .blog-main .post .post-content .post-entry p {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.3px;
}

.grid-style.main .blog-main .post-more a {
	position: relative;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.4px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	padding: 0 16px;
	overflow: hidden;
	height: 40px;
	line-height: 35px;
}

.grid-style.main .blog-main .post-more a:before {
	position: absolute;
	content: attr(data-text);
	top: -35px;
	color: #fff;
}

.grid-style.main .blog-main .post-more a:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: -1;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.grid-style.main .blog-main .post-more a:hover {
	line-height: 105px;
}

.grid-style.main .blog-main .post-more a:hover:after {
	height: 100%;
}

/*------- Layout c) Classic Style -------*/

.classic-style.main .blog-main .post {
	position: relative;
	display: inline-block;
	margin:0 0 100px;
}

.classic-style.main.lnw-align-center {
	text-align: center;
}

.classic-style.main.lnw-align-right {
	text-align: right;
}

.classic-style.main .blog-main .post .post-meta {
	display: inline-block;
}

.classic-style.main .blog-main .post .post-meta .post-comment {
	display: inline-block;
	width: 100%;
}

.classic-style.main .blog-main .post .post-meta .post-comment a {
	display: block;
	text-align: center;
	text-decoration: none;
	border:3px solid #eee;
	padding:20px 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.classic-style.main .blog-main .post .post-meta .post-comment a span {
	display: inline-block;
	padding:0 5px 0 0;
}

.classic-style.main .blog-main .post .post-meta .post-comment a i {
	display: inline-block;
}

.classic-style.main .blog-main .post .post-meta .post-share {
	display: inline-block;
	width: 100%;
	margin:10px 0 0;
}

.classic-style.main .blog-main .post .post-meta .post-share ul {
	display: inline-block;
	width: 100%;
	margin:0;
	padding:0;
	border:3px solid #eee;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li {
	display: inline-block;
	width: 100%;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li~li {
	border-top: 3px dotted #eee;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a {
	display: block;
	text-align: center;
	color: #111;
	padding:20px 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}



.classic-style.main .blog-main .post .post-meta .post-share ul li a.facebook:hover {
	background-color: #3b5998;
	color: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.twitter:hover {
	background-color: #00aced;
	color: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.google:hover {
	background-color: #da4835;
	color: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.pinterest:hover {
	background-color: #b93936;
	color: #fff;
}


.classic-style.main .blog-main .post .post-meta .post-share ul li a svg {
	width: 12px;
	height: 12px;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a:hover svg path {
	fill: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.tiktok:hover {
	background-color: #000;
	color: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.tiktok:hover {
	background-color: #000;
	color: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.instagran:hover {
	background-color: #000;
	color: #fff;
}

.classic-style.main .blog-main .post .post-meta .post-share ul li a.instagram:hover {
	background-color: #C13584;
	color: #fff;
}

.classic-style.main .blog-main .post header {
	margin:30px 0 0;
	padding:0 20px;
}

.classic-style.main .blog-main .post .post-category {
	display: inline-block;
	width: 100%;
}

.classic-style.main .blog-main .post .post-category ul {
	display: inline-block;
	margin: 0 0 0 -6px;
    padding: 0;
}

.classic-style.main .blog-main .post .post-category ul li {
	position: relative;
    display: inline-block;
    padding: 0 6px;
}

.classic-style.main .blog-main .post .post-category ul li~li:before {
	position: absolute;
    content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

.classic-style.main .blog-main .post .post-category ul li a {
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.classic-style.main .blog-main .post .post-title {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}

.classic-style.main .blog-main .post .post-title h2 {
	display: inline-block;
	font-size: 36px;
	line-height: 42px;
	letter-spacing: 0.75px;
	margin: 0;
}

.classic-style.main .blog-main .post .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.classic-style.main .blog-main .post .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.classic-style.main .blog-main .post .post-content .post-entry {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:15px 0 0;
	padding:0 20px;
}

.classic-style.main .blog-main .post .post-content .post-entry p {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 0.3px;
}

.classic-style.main .blog-main .post .post-content .post-more {
	display: inline-block;
	width: 100%;
	padding:0 20px;
	margin:20px 0 0;
}

.classic-style.main .blog-main .post .post-content .post-more a {
	position: relative;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    padding: 0 20px;
    overflow: hidden;
    height: 38px;
    line-height: 35px;
}

/*------- Layout d) Grid Photo Style -------*/

.grid-photo-style.main .blog-main .post {
	position: relative;
	display: inline-block;
	margin:0 0 60px;
}

.grid-photo-style.main.lnw-align-center h2, .grid-photo-style.main.lnw-align-center .post-date {
	text-align: center;
	justify-content: center;
}

.grid-photo-style.main.lnw-align-right h2, .grid-photo-style.main.lnw-align-right .post-date {
	justify-content: flex-end;
	text-align: right;
}

.grid-photo-style.main .blog-main .post .post-type-image {
	position: relative;
	display: inline-block;
	width: 100%;
}

.grid-photo-style.main .blog-main .post .post-type-image:before {
	position: absolute;
    content: '';
    width: 165px;
    height: 115px;
    bottom: -40px;
    left: 30%;
    z-index: -1;
}


.grid-photo-style.main .blog-main .post .post-type-image:after {
	position: absolute;
    content: '';
    width: 169px;
    height: 108px;
    top: -25px;
    left: 25%;
    z-index: -1;
}

.grid-photo-style.main .blog-main .post .post-type-image img{
    width:100%;
}

.grid-photo-style.main .blog-main .post .post-type-image a {
	position: relative;
	display: block;
	overflow: hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.grid-photo-style.main .blog-main .post .post-type-image a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    z-index: 1;
}

.grid-photo-style.main .blog-main .post .post-type-image a img {
    -webkit-transition: all 0.55s ease-in-out;
    -moz-transition: all 0.55s ease-in-out;
    -ms-transition: all 0.55s ease-in-out;
    -o-transition: all 0.55s ease-in-out;
    transition: all 0.55s ease-in-out;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid-photo-style.main .blog-main .post .post-type-image a .post-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.grid-photo-style.main .blog-main .post .post-type-image a .post-content header {
	position: absolute;
	width: 100%;
	bottom: 25px;
	padding: 0 25px;
}

.grid-photo-style.main .blog-main .post .post-type-image a .post-content header .post-title h2 {
	position: relative;
	color: #fff;
	margin: 0;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    z-index: 2;
}

.grid-photo-style.main .blog-main .post .post-type-image a .post-content header .post-date {
	position: relative;
	z-index: 2;
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
	display: flex;
}

.grid-photo-style.main .blog-main .post .post-type-image a:hover:before {
	background-color: rgba(0, 0, 0, 0.5);
}

.grid-photo-style.main .blog-main .post .post-type-image a:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

/*============================================================================
  >> 08. PAGE POST
  ============================================================================
*/

section.main .blog-main .page-main {
	position: relative;
	display: inline-block;
}

 .post-title {
	display: inline-block;
	width: 100%;
	padding: 0 0 0;
}

 .post-title h1 {
	position: relative;
	display: inline-block;
	font-size: 44px;
	width: 100%;
	margin:0;
	letter-spacing: 0.75px;
}

 .post-title h1 strong {
	font-weight: 400;
}

section.main .blog-main .page-main .page-post .post-type-image, section.main .blog-main .page-main .page-post .post-type-video, section.main .blog-main .page-main .page-post .post-type-audio, section.main .blog-main .page-main .page-post .post-type-gallery {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 50px 0 20px;
}

section.main .blog-main .page-main .page-post .post-type-image iframe, section.main .blog-main .page-main .page-post .post-type-video iframe, section.main .blog-main .page-main .page-post .post-type-audio iframe, section.main .blog-main .page-main .page-post .post-type-sound iframe {
	width:100%;
	border: none;
}

section.main .blog-main .page-main .page-post .post-type-image:before, section.main .blog-main .page-main .page-post .post-type-video:before {
	position: absolute;
    content: '';
    width: 277px;
    height: 238px;
    top: -60px;
    left: -30px;
    z-index: -1;
}

section.main .blog-main .page-main .page-post .post-type-image:after, section.main .blog-main .page-main .page-post .post-type-video:after {
	position: absolute;
    content: '';
    width: 388px;
    height: 320px;
    bottom: -75px;
    right: 20%;
    z-index: -1;
}

section.main .blog-main .page-main .page-post .post-type-gallery a {
	position: absolute;
	display:inline-block;
	overflow:hidden;
}

section.main .blog-main .page-main .page-post .post-type-gallery a:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #111;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .page-post .post-type-gallery a:after {
	position: absolute;
	font-family:'FontAwesome';
	content: "\f065";
	font-size: 16px;
	color: #fff;
	width: 40px;
	height: 40px;
	left: 0;
	top: -110%;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	line-height: 40px;
	z-index: 2;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .page-post .post-type-gallery a img {
	position: absolute;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
}

section.main .blog-main .page-main .page-post .post-type-gallery a:hover:before {
	opacity: 0.6;
}

section.main .blog-main .page-main .page-post .post-type-gallery a:hover:after {
	top: 0;
}

 .post-entry {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0;
}

 .post-entry p {
	font-size: 14px;
    line-height: 24px;
}

 .post-entry blockquote {
	position: relative;
	padding: 50px 50px;
    margin: 30px 0;
	background-color: #FFFFFF;
    border: 10px solid #EEE;
}

 .post-entry blockquote:before {
	position: absolute;
	font-family:'FontAwesome';
	content: "\f10d";
	font-size: 30px;
	top: 10px;
    left: 20px;
    color: #eee;
    z-index: 0;
}

 .post-entry blockquote:after {
	position: absolute;
	font-family:'FontAwesome';
	content: "\f10e";
	font-size: 30px;
	bottom: 10px;
    right: 20px;
    color: #eee;
    z-index: 0;
}

 .post-entry blockquote p {
	position: relative;
	font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    z-index: 1;
}

blockquote {
	position: relative;
	padding: 50px 50px;
    margin: 30px 0;
	background-color: #FFFFFF;
    border: 10px solid #EEE;
}

blockquote:after {
	position: absolute;
	font-family:'FontAwesome';
	content: "\f10e";
	font-size: 30px;
	bottom: 10px;
    right: 20px;
    color: #eee;
    z-index: 0;

}

blockquote:before {
	position: absolute;
	font-family:'FontAwesome';
	content: "\f10d";
	font-size: 30px;
	top: 10px;
    left: 20px;
    color: #eee;
    z-index: 0;
}

blockquote p{
	position: relative;
	font-size: 18px;
    font-weight: 900 !important;
    line-height: 28px;
    z-index: 1;
	color: #444;

}

section.main .blog-main .page-main .post.page-post .post-meta {
	display: inline-block;
	z-index: 1;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-comment {
	display: inline-block;
    width: 100%;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-comment a {
	display: block;
    text-align: center;
    text-decoration: none;
    border: 3px solid #eee;
    padding: 20px 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-comment a span {
	display: inline-block;
	padding: 0 5px 0 0;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share {
	display: inline-block;
    width: 100%;
    margin: 10px 0 0;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul {
	position: relative;
	display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 3px solid #eee;
    background-color: #fff;
    z-index: 10;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li {
	display: inline-block;
    width: 100%;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li~li {
	border-top: 3px dotted #eee;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a {
	display: block;
    text-align: center;
    color: #111;
    padding: 20px 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}


section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Facebook:hover {
	background-color: #3b5998;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Twitter:hover {
	background-color: #14171A;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Youtube:hover {
	background-color: #FF0000;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Pinterest:hover {
	background-color: #b93936;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Linkedin:hover {
	background-color: #0077B5;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Tiktok:hover {
	background-color: #000;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-meta .post-share ul li a.Instagram:hover {
	background-color: #C13584;
	color: #fff;
}

section.main .blog-main .page-main .post.page-post .post-detail {
	float: right;
}

section.main .blog-main .page-main .post.page-post header {
	padding:0 20px 0;
}

section.main .blog-main .page-main .post.page-post header .post-category {
	display: inline-block;
	width: 100%;
}

section.main .blog-main .page-main .post.page-post header .post-category ul {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:0 0 10px -6px;
	padding:0;
}

section.main .blog-main .page-main .post.page-post header .post-category ul li {
	position: relative;
	display: inline-block;
	padding: 0 3px;
}



section.main .blog-main .page-main .post.page-post header .post-category ul li:not(:nth-child(2)):before {
	position: absolute;
    content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

section.main .blog-main .page-main .post.page-post header .post-category ul li a {
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

section.main .blog-main .page-main .post.page-post header .post-title {
	padding:0;
}

section.main .blog-main .page-main .post.page-post header .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

section.main .blog-main .page-main .post.page-post .post-type-image iframe, section.main .blog-main .page-main .post.page-post .post-type-video iframe, section.main .blog-main .page-main .post.page-post .post-type-audio iframe, section.main .blog-main .page-main .post.page-post .post-type-sound iframe {
	width:100%;
	border: none;
}

section.main .blog-main .page-main .post.page-post .post-entry {
	padding:0 20px;
}

section.main .blog-main .page-main .post.page-post .post-entry p {
	padding:0;
}

section.main .blog-main .page-main .post.page-post .post-tags {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:0 20px;
	margin:20px 0 0;
}

section.main .blog-main .page-main .post.page-post .post-tags ul {
	display: inline-block;
	width: 100%;
	margin:0;
	padding:30px 0 5px;
	border-top:3px dotted #eee;
}

section.main .blog-main .page-main .post.page-post .post-tags ul li {
	display: inline-block;
}

section.main .blog-main .page-main .post.page-post .post-tags ul li a {
	position: relative;
	display: inline-block;
	font-size: 10px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    padding:5px 10px;
}

section.main .blog-main .page-main .post-author {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:50px 0;
	padding-right: 30px;
}

section.main .blog-main .page-main .post-author .post-author-content {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:30px;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap {
	display: inline-block;
	width: 100%;
	border:5px solid rgba(255, 255, 255, 0.7);
	padding:20px;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-image {
	position: absolute;
    display: inline-block;
    text-align: center;
    left: 70px;
    top: 95px;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info {
	position: relative;
    display: inline-block;
    width: 100%;
    margin:40px 0 0;
	padding: 0 0 0 150px;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-name {
	display: inline-block;
	width: 100%;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-name h3 {
	position: relative;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-name h3 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-text {
	display: inline-block;
	width: 100%;
	margin:10px 0 0;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-text p {
	display: inline-block;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.5px;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-social-media {
	display: inline-block;
	width: 100%;
	margin:10px 0 0;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-social-media ul {
	display: inline-block;
	margin:0;
	padding:0;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-social-media ul li {
	display: inline-block;
}

section.main .blog-main .page-main .post-author .post-author-content .post-author-inwrap .author-info .author-social-media ul li a {
	display: inline-block;
	font-size: 12px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 35px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .related-post {
	display: inline-block;
	padding-right: 30px;
	margin:40px 0 40px 0;
}

section.main .blog-main .page-main .related-post-content {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

section.main .blog-main .page-main .related-post-content .post {
	width: 30%;
}

section.main .blog-main .page-main .related-post-content .post .post-type-image {
	position: relative;
	display: inline-block;
	width: 100%;
}

section.main .blog-main .page-main .related-post-content .post .post-type-image:before {
	position: absolute;
    content: '';
    background: url(images/blog-post-grid-style-effect.png);
    width: 165px;
    height: 115px;
    bottom: -30px;
    left: 30%;
    z-index: -1;
}

section.main .blog-main .page-main .related-post-content .post .post-type-image a {
	position: relative;
    overflow: hidden;
    display: block;
}

section.main .blog-main .page-main .related-post-content .post .post-type-image a:before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    content: '';
    -webkit-transition: -webkit-transform 0.65s;
    transition: transform 0.65s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

section.main .blog-main .page-main .related-post-content .post .post-type-image a:hover:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

section.main .blog-main .page-main .related-post-content .post:last-child {
	margin:0;
}

section.main .blog-main .page-main .related-post-content .post .post-title {
	display: inline-block;
	width: 100%;
}

section.main .blog-main .page-main .related-post-content .post .post-title h3 {
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 20px;
}

section.main .blog-main .page-main .related-post-content .post .post-title h3 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .related-post-content .post .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

section.main .blog-main .page-main .comments-post {
	position: relative;
	display: inline-block;
	padding-right: 30px;
	margin: 50px 0 0;
}

section.main .blog-main .page-main .comments-post > ul {
	display: inline-block;
    width: 100%;
    margin: 0;
    padding: 30px;
    background-color: #fff;
    border: 5px solid #eee;
}

section.main .blog-main .page-main .comments-post ul li {
	position: relative;
    display: block;
	padding: 25px 0;
}

section.main .blog-main .page-main .comments-post ul li:last-child {
	padding-bottom: 0;
}

section.main .blog-main .page-main .comments-post ul li~li {
	border-top:3px dotted #eee;
}

section.main .blog-main .page-main .comments-post ul li ul {
	padding:25px 0 0 50px;
	border-top:3px dotted #eee;
	margin:40px 0 0;
}

section.main .blog-main .page-main .comments-post ul li ul li:first-child {
	padding:0 0 25px;
}

section.main .blog-main .page-main .comments-post ul li .comment-user-image {
	position: absolute;
    display: inline-block;
    width: 62px;
    height: 62px;
    overflow: hidden;
    left: 0;
}

section.main .blog-main .page-main .comments-post ul li .comment-info {
	display: block;
    margin: 0 0 0 90px;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta {
	display: inline-block;
    text-align: left;
    width: 100%;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta h4 {
	display: inline-block;
    font-size: 12px;
    margin: 0;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta h4 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta .reply-button {
	display: inline-block;
    float: right;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta .reply-button a {
	display: inline-block;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta:hover .reply-button {
	opacity: 1;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta p {
	display: block;
    font-size: 12px;
    margin: 5px 0;
    line-height: 22px;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta .comment-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

section.main .blog-main .page-main .comments-post ul li .comment-info .comment-meta .reply-buton {
	display: inline-block;
    width: 100%;
    margin: 5px 0 0;
}
.contact-form {
	display: inline-block;
	padding-right: 30px;
	margin: 50px 0 0;
}

 .contact-form {
	margin: 20px 0;
}
.comment-respond{
	margin-top: 50px;

}

section.main .blog-main .page-main .comment-respond form,  .contact-form {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 50px;
	border:3px dotted #eee;
}

section.main .blog-main .page-main .comment-respond form label,  .contact-form label {
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
}

section.main .blog-main .page-main .comment-respond form input , .contact-form span input{
	height: 45px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus{
	outline: 0 !important;
	box-shadow: none;
	border-color: #999;
}


section.main .blog-main .page-main .comment-respond{
	width: 100%;
}

.comment-respond .comment-respond-title h4{
	font-size: 15px;
}
section.main .blog-main .page-main .comment-respond form input.btn{
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.comment-respond{
	font-family: 'Montserrat', sans-serif !important;
}


.comment-respond .comment-respond-title{
	margin-bottom: 20px;
}

.comment-respond .comment-respond-title span{
	font-weight: 500;
	color: #999;
}

.comment-respond form .logged-in-as a{
	color: #999;

}

.comment-respond form .required-field-message{
	display: none;
}

.comment-respond form .col-sm-12{
	margin-top: 10px;
}



.comment-respond form .comment-form-cookies-consent input[type="checkbox"]{
	height: auto !important;
}

.comment-respond form .comment-form-cookies-consent label{
	margin-left: 5px;
	margin-bottom: 0;
	font-weight: 600 !important;
	height: auto !important;
}

section.main .blog-main .page-main .comment-respond form textarea,  .contact-form textarea {
	height: 230px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	resize:none;
	-webkit-box-shadow: none;
    box-shadow: none;
}

section.main .blog-main .page-main .comment-respond form button,  .contact-form form button,
.comment-respond form input[type="submit"] , .contact-form input[type="submit"]{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 20px 0;
	border:0;
}


section.main .blog-main .page-main .google-map {
	position: relative;
	display: inline-block;
	width: 100%;
	margin:30px 0;
}

section.main .blog-main .page-main .google-map #map {
	width: 100%;
	min-height: 480px;
}

section.main .blog-main .full-width {
	text-align: center;
}

section.main .blog-main .full-width .page-post {
	margin:20px 0 0;
}

.comment-form input[type="submit"]{
	margin-top: 10px;

}

.comment-respond .comment-form input[type="submit"]:hover{
	background-color: #bdac6a;
}


/*============================================================================
  >> 09. CATEGORY-ARCHIVE
  ============================================================================
*/

.page-title {
	display: inline-block;
	width: 100%;
	margin:80px 0 30px;
}

.page-title .page-title-content {
	display: inline-block;
	width: 100%;
	padding:0 0 30px;
	border-bottom: 3px dotted #eee;
}

.page-title .page-title-content i , .archive  .page-title-content i {
	display: inline-block;
	float: left;
	margin: 1px 0 0 0;
}
.archive  .page-title-content{
	display: flex;
	align-items: center;
}

.page-title .page-title-content h1 {
	display: inline-block;
	font-size: 18px;
	font-weight: 900;
	margin:0;
	padding: 0 0 0 15px;
}

.category section.main .post , .search section.main .post , .archive section.main .post {
	display: inline-block;
	margin:0 0 100px;
	padding-right: 30px;
}

.category section.main .post .post-type-image a ,.search section.main .post .post-type-image a ,.archive section.main .post .post-type-image a {
	position: relative;
    overflow: hidden;
    display: block;
}

.category section.main .post .post-type-image a:before , .search section.main .post .post-type-image a:before, .archive section.main .post .post-type-image a:before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    content: '';
    -webkit-transition: -webkit-transform 0.65s;
    transition: transform 0.65s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.category section.main .post .post-type-image a:hover:before , .search section.main .post .post-type-image a:hover:before , .archive section.main .post .post-type-image a:hover:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.category section.main .post .post-category , .search section.main .post .post-category , .archive section.main .post .post-category {
	display: inline-block;
	width: 100%;
}

.category section.main .post .post-category ul , .search section.main .post .post-category ul , .archive section.main .post .post-category ul {
	display: inline-block;
    margin: 0 0 0 -6px;
    padding: 0;
}

.category section.main .post .post-category ul li , .search section.main .post .post-category ul li ,.archive section.main .post .post-category ul li {
	position: relative;
    display: inline-block;
    padding: 0 6px;
}

.category section.main .post .post-category ul li~li:before , .search section.main .post .post-category ul li~li:before ,.archive section.main .post .post-category ul li~li:before {
	position: absolute;
    content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

.category section.main .post .post-category ul li a , .search section.main .post .post-category ul li a , .archive section.main .post .post-category ul li a {
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.category section.main .post .post-title h2 , .search section.main .post .post-title h2 , .archive section.main .post .post-title h2 {
	letter-spacing: 0.75px;
	margin: 0;
}

.category section.main .post .post-title h2 a , .search section.main .post .post-title h2 a, .archive section.main .post .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.category section.main .post .post-date , .search section.main .post .post-date, .archive section.main .post .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

.category section.main .post .post-entry  , .search section.main .post .post-entry ,.archive section.main .post .post-entry{
	display: inline-block;
	width: 100%;
	margin:10px 0 0;
}

.category section.main .post .post-entry p , .search section.main .post .post-entry p ,.archive section.main .post .post-entry p {
	font-size: 13px;
	line-height: 22px;
}

.archive .page-title-content .linwall-title-wrapper{
    display: flex;
    gap:10px;
    align-items: center;
}

.archive .page-title-content {
    padding: 30px 0;
}

.archive .page-title-content .archive-title {

    display: block;

}

.archive .page-title-content .archive-title::after{
    content: " | ";
}

.archive .linwall-title-wrapper{
	display: flex;
	gap:20px;
}

.archive .page-title-content .linwall-title {
    margin-top: 10px;
    color: #bdac6a;
}

section.main .page-not-found {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 50px 0 150px;
}

section.main .page-not-found:before {
	position: absolute;
	content: '';
	width: 277px;
	height: 238px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
    top: 40px;
}

section.main .page-not-found h4 {
	font-size: 150px;
	letter-spacing: 7px;
}

section.main .page-not-found span {
	display: inline-block;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/*============================================================================
  >> 10. SIDEBAR
  ============================================================================
*/
.sidebar-content .widget:not(:first-child) {
    margin-top: 50px;
}

section.main .blog-main .sidebar {
	position: relative;
	display: inline-block;
}

 .sidebar .sidebar-content {
	position: relative;
	display: inline-block;
	width: 100%;
}

 .sidebar .sidebar-content .widget {
	position: relative;
	margin: 0 0 50px;
}

 .sidebar .sidebar-content .widget .widget-title {
	position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
}

 .sidebar .sidebar-content .widget .widget-title .widget-title-divider {
	position: relative;
	display: inline-block;
	width: 100px;
	margin:0 0 20px;
}

 .sidebar .sidebar-content .widget .widget-title .widget-title-divider:before {
	top: 6px;
    background-position: left top;
    background: -webkit-linear-gradient(-135deg, #ddd 5px, transparent 0), -webkit-linear-gradient(135deg, #ddd 5px, transparent 0);
    background: linear-gradient(-135deg, #ddd 5px, transparent 0), linear-gradient(135deg, #ddd 5px, transparent 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 10px;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}

 .sidebar .sidebar-content .widget .widget-title .widget-title-divider:after {
	top: 5px;
    background-position: left top;
    background: -webkit-linear-gradient(-135deg, #FFF 4px, transparent 0), -webkit-linear-gradient(135deg, #FFF 4px, transparent 0);
    background: linear-gradient(-135deg, #FFF 4px, transparent 0), linear-gradient(135deg, #FFF 4px, transparent 0);
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 10px;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}

.sidebar .sidebar-content .widget .widget-title h4 {
	position: relative;
    display: inline-block;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

	/*------- a) Most Popular Widget -------*/

	.widget .most-popular-widget {
		position: relative;
		display: inline-block;
		width: 100%;
		border:3px solid #eee;
		background-color: #fff;
		margin:0 0 30px;
	}

	.widget .most-popular-widget:before {
		position: absolute;
		content: '';

		width: 205px;
		height: 93px;
		top: -25px;
    	left: -30px;
		z-index: -1;
	}

	.widget .most-popular-widget:after {
		position: absolute;
		content: '';

		width: 233px;
		height: 172px;
		bottom: -35px;
    	right: -30px;
		z-index: -1;
	}

	.widget .most-popular-widget ul {
		display: inline-block;
		width: 100%;
		margin:0;
		padding:0;
	}

	.widget .most-popular-widget ul > li {
		display: inline-block;
		padding:25px 20px;
	}

	.widget .most-popular-widget ul > li~li {
		border-top:3px solid #eee;
	}

	
	

	.widget .most-popular-widget ul li .post-date {
		position: relative;
	    display: inline-block;
	    font-size: 10px;
	    text-transform: uppercase;
	    letter-spacing: 0.75px;
	}

	.widget .most-popular-widget ul li .post-title h2 {
		display: inline-block;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: 0.7px;
		margin:3px 0;
	}

	.widget .most-popular-widget ul li .post-title h2 a {
		text-decoration: none;
	    -webkit-transition: all 0.35s ease-in-out;
	    -moz-transition: all 0.35s ease-in-out;
	    -ms-transition: all 0.35s ease-in-out;
	    -o-transition: all 0.35s ease-in-out;
	    transition: all 0.35s ease-in-out;
	}

	.widget .most-popular-widget ul li .post-category {
		display: inline-block;
		width: 100%;
	}

	.widget .most-popular-widget ul li .post-category ul {
		display: inline-block;
		margin:0 0 0 -6px;
		padding:0;
	}

	.widget .most-popular-widget ul li .post-category ul li {
		position: relative;
		display: inline-block;
		padding: 0 6px;
	}

	.widget .most-popular-widget ul li .post-category ul li:first-child {
	display: none;
	}


	.widget .most-popular-widget ul li .post-category ul li~li {
		border:0;
	}

	.widget .most-popular-widget ul li .post-category ul li:not(:nth-child(2)):before {
		position: absolute;
	    content: '';
	    top: 11px;
	    left: -4px;
	    width: 4px;
	    height: 1px;
	}

	.widget .most-popular-widget ul li .post-category ul li a {
		display: inline-block;
	    font-size: 10px;
	    text-transform: uppercase;
	    letter-spacing: 0.75px;
	}

	.widget .most-popular-widget ul li .post-entry {
		position: relative;
		display: inline-block;
		width: 100%;
		margin:15px 0 0;
	}

	.widget .most-popular-widget ul li .post-entry p {
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0.3px;
	}

	/*------- b) About Widget -------*/

	.widget .about-widget {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0 40px 0 0;
	}

	.widget .about-widget p {
		display: inline-block;
		font-size: 13px;
		line-height: 24px;
	}

	/*------- c) Twitter Widget -------*/

	.widget .twitter-widget {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 0 20px 0 0;
	}

	.widget .twitter-widget .tweet {
		display: inline-block;
		width: 100%;
		padding: 15px 0;
	}

	.widget .twitter-widget .tweet:first-child {
		padding: 0 0 15px;
	}

	.widget .twitter-widget .tweet~.tweet {
		border-top:1px solid #eee;
	}

	.widget .twitter-widget .tweet p {
		display: inline-block;
		font-size: 13px;
		line-height: 24px;
	}

	.widget .twitter-widget .tweet .tweet-meta {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.widget .twitter-widget .tweet .tweet-meta a {
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	/*------- d) Recen Comments Widget -------*/

	.widget ul#recentcomments {
		position: relative;
		display: inline-block;
		width: 100%;
		list-style-type: none;
	}

	.widget ul#recentcomments {
		display: inline-block;
		width: 100%;
		margin:0;
		padding:0;
	}

	.widget ul#recentcomments li {
		display: inline-block;
		width: 100%;
		font-size: 13px;
		line-height: 24px;
		padding: 10px 0;
		color: #fff;

	}

	.widget ul#recentcomments li~li {
		border-top:1px solid rgba(255, 255, 255, 0.2);
	}

	.widget ul#recentcomments li:first-child {
		padding: 0 0 15px;
	}

	.widget ul#recentcomments li span {
		display: inline-block;
		margin: 0 5px 0 0;
	}

	.widget ul#recentcomments li span a {
		margin:0;
		color:#ccc;
	}

	.widget ul#recentcomments li a {
		display: inline;
		margin: 0 0 0 5px;
		color:#ccc;
	}

	/*------- e) Social Media Widget -------*/

	.widget .social-media-widget {
		position: relative;
		display: inline-block;
		width: 100%;
		border: 3px solid #eee;
    	background-color: #fff;
	}

	.widget .social-media-widget ul {
		display: block;
		margin:0;
		padding:0;
	}

	.widget .social-media-widget ul li {
		display: block;
	}

	.widget .social-media-widget ul li~li {
		border-top:3px dotted #eee;
	}

	.widget .social-media-widget ul li a {
		position: relative;
		display: block;
		color: #999;
		padding: 25px 15px;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

	.widget .social-media-widget ul li a:before {
		position: absolute;
		content: '';
		width: 0px;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

	.widget .social-media-widget ul li a i {
		display: inline-block;
		float: left;
		padding: 0 10px;
		margin: -6px 0 0 0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

	.widget .social-media-widget ul li a span {
		display: inline-block;
		float: left;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: -5px 0 0 5px;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

	.widget .social-media-widget ul li a:hover span {
		margin: -5px 0 0 10px;
	}

	.widget .social-media-widget ul li a:hover i {
		margin: -6px 0 0 10px;
	}

	.widget .social-media-widget ul li a.facebook:hover:before {
		background-color: #45619d;
		width: 7px;
	}

	.widget .social-media-widget ul li a.facebook:hover {
		color: #45619d;
	}

	.widget .social-media-widget ul li a.twitter:hover:before {
		background-color: #55acee;
		width: 7px;
	}

	.widget .social-media-widget ul li a.twitter:hover {
		color: #14171A;
	}

	.widget .social-media-widget ul li a.instagram:hover:before {
		background-color: #14171A;
		width: 7px;
	}

	.widget .social-media-widget ul li a.instagram:hover {
		color: #125688;
	}

	.widget .social-media-widget ul li a.youtube:hover:before {
		background-color: #FF0000;
		width: 7px;
	}

	.widget .social-media-widget ul li a.youtube:hover {
		color: #FF0000;
	}

	.widget .social-media-widget ul li a.pinterest:hover:before {
		background-color: #E60023;
		width: 7px;
	}

	.widget .social-media-widget ul li a.pinterest:hover {
		color: #E60023;
	}

	.widget .social-media-widget ul li a.tiktok:hover:before {
		background-color: #000;
		width: 7px;
	}

	.widget .social-media-widget ul li a.tiktok:hover {
		color: #000;
	}


	/*------- f) Category Widget -------*/

	.widget .category-widget {
		position: relative;
		display: inline-block;
		width: 100%;
		border: 3px solid #eee;
    	background-color: #fff;
	}

	.widget .category-widget:before {
		position: absolute;
	    content: '';
	    background: url(images/widget-effect-01.png) no-repeat;
	    width: 205px;
	    height: 93px;
	    top: -25px;
	    left: -30px;
	    z-index: -1;
	}

	.widget .category-widget:after {
		position: absolute;
	    content: '';
	    background: url(images/widget-effect-02.png) no-repeat;
	    width: 233px;
	    height: 172px;
	    bottom: -35px;
	    right: -30px;
	    z-index: -1;
	}

	.widget .category-widget ul {
		display: block;
		margin:0;
		padding:0;
	}

	.widget .category-widget ul li {
		display: block;
	}

	.widget .category-widget ul li~li {
		border-top:3px dotted #eee;
	}

	.widget .category-widget ul li a {
		position: relative;
		display: block;
		color: #999;
		padding: 15px 15px;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

	.widget .category-widget ul li a:before {
		position: absolute;
		font-family: 'FontAwesome';
    	content: "\f105";
    	left: 25px;
    	top: 16px;
	}

	.widget .category-widget ul li a p {
		display: inline-block;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 0 0 0 30px;
		margin:0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

	.widget .category-widget ul li a span {
		display: inline-block;
		float: right;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 5px 0 0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

	.widget .category-widget ul li a:hover p {
		padding: 0 0 0 37px;
	}

/*============================================================================
  >> 11. RANDOM POSTS
  ============================================================================
*/

section.main .random-posts {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:0;
}

section.main .random-posts.lnw-align-center {
	text-align: center;
	
}

section.main .random-posts.lnw-align-right {
	text-align: right;
	
}

section.main .random-posts .random-post {
	display: inline-block;
}

section.main .random-posts .random-post .random-post-type-image a {
	position: relative;
	display: block;
	padding:4px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

section.main .random-posts .random-post .random-post-type-image a:before {
	position: absolute;
	content: '';
	width: 103%;
	height: 103%;
	left: -2px;
    top: -2px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	z-index: -1;
}

section.main .random-posts .random-post .random-post-type-image a:after {
	position: absolute;
	content: '';
	width: 103%;
	height: 103%;
	left: -2px;
    top: -2px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
    -webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	z-index: -2;
}

section.main .random-posts .random-post .random-post-type-image a:hover:before, section.main .random-posts .random-post .random-post-type-image a:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

section.main .random-posts .random-post .random-post-content {
	position: relative;
	display: inline-block;
}

section.main .random-posts .random-post .random-post-content .post-date {
	position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

section.main .random-posts .random-post .random-post-content .post-title, section.main .random-posts .random-post .random-post-content .post-category {
	display: inline-block;
	width: 100%;
}

section.main .random-posts .random-post .random-post-content .post-title h2 {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin:5px 0;
}

section.main .random-posts .random-post .random-post-content .post-title h2 a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

section.main .random-posts .random-post .random-post-content .post-category ul {
	display: inline-block;
	margin:0 0 0 -6px;
	padding:0;
}

section.main .random-posts .random-post .random-post-content .post-category ul li {
	position: relative;
	display: inline-block;
	padding: 0 6px;
}

section.main .random-posts .random-post .random-post-content .post-category ul li~li:before {
	position: absolute;
    content: '';
    top: 11px;
    left: -4px;
    width: 4px;
    height: 1px;
}

section.main .random-posts .random-post .random-post-content .post-category ul li a {
	display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
}

/*============================================================================
  >> 12. FOOTER
  ============================================================================
*/

footer {
	position: relative;
}
footer .widget p{
	color: #999;
}

footer .widget ul.contact-info{
    padding-inline-start:0;
}

footer .widget ul.contact-info .adress ,footer .widget ul.contact-info .phone ,footer .widget ul.contact-info .email, footer .widget ul.contact-info .web{
    display:flex;
    gap:10px;
}


footer ul.contact-info li{
	display: inline-block;
	line-height: 24px;
	font-size: 13px;
	width: 100%;

}

.widget ul.contact-info li:first-child{
	padding: 0 0 15px;
}

.widget ul.contact-info li~li{
	border-top:1px solid rgba(255, 255, 255, 0.2);
}
.widget ul.contact-info li {
	display: inline-block;
	width: 100%;
	font-size: 13px;
	line-height: 24px;
	padding: 10px 0;
}
footer .widget span{
	color: #999;
	font-weight:600;
}

footer .footer-top-effect {
	position: absolute;
	width: 100%;
	height: 123px;
	background-position: center center !important;
	background-size: cover !important;
    background-repeat: no-repeat;
	top: -40px;
	z-index: 1;
}

footer .footer-instagram {
	position: relative;
	display: block;
	z-index: 1;
}

footer .footer-instagram ul {
	display: block;
	margin:0;
	padding: 0;
}

footer .footer-instagram ul li {
	display: inline-block;
	float: left;
	width: 12.5%;
}

footer .footer-instagram ul li a {
	position: relative;
	display: block;
	background-color: #111;
	overflow: hidden;
}

footer .footer-instagram ul li a img {
	opacity: 0.5;
    -webkit-transition: all 0.55s ease-in-out;
	-moz-transition: all 0.55s ease-in-out;
	-ms-transition: all 0.55s ease-in-out;
	-o-transition: all 0.55s ease-in-out;
	transition: all 0.55s ease-in-out;

}

footer .footer-instagram ul li a:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

footer .footer-content {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:80px 0 0;
	background: url(images/footer-bg.jpg);
	background-position: center center;
	background-size: cover;
}

footer .footer-content .footer-sidebar {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 40px 0 60px;
	z-index: 1;
}

footer .footer-content .footer-sidebar .widget .widget-title h4 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

footer .footer-content .copyright {
	position: relative;
	display: inline-block;
	width: 100%;
	padding:20px 0;
	border-top:1px solid;
	border-color: rgba(255, 255, 255, 0.2);
	z-index: 1;
}

footer .footer-content .copyright p {
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	margin:13px 0 0;
	padding:0;
}

footer .footer-content .copyright p a {
	text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

footer .footer-content .back-to-top-page {
	display: inline-block;
	float: left;
	margin: 0 20px 0 0;
}

footer .footer-content .back-to-top-page a {
	display: block;
	width: 35px;
	height: 35px;
	border:2px solid;
	cursor: pointer;
	border-color: rgba(255, 255, 255, 0.2);
	text-align: center;
	line-height: 33px;
	color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

footer .footer-content .footer-social-media {
	display: inline-block;
	float: right;
}

footer .footer-content .footer-social-media ul {
	display: inline-block;
	margin:0;
	padding:0;
}

footer .footer-content .footer-social-media ul li {
	display: inline-block;
}

footer .footer-content .footer-social-media ul li a {
	position: relative;
	display: inline-block;
	font-size: 10px;
	width: 35px;
	height: 35px;
	border:2px solid;
	cursor: pointer;
	border-color: rgba(255, 255, 255, 0.2);
	text-align: center;
	line-height: 33px;
	color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

footer .footer-content .footer-social-media ul li a span {
	position:absolute;
	bottom:0;
	left:-25px;
	right:-25px;
	padding:0 5px;
	z-index:-1;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #999;
	visibility:hidden;
	opacity:0;
	-o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

footer .footer-content .footer-social-media ul li a svg {
	width: 12px;
	height:12px;
}

footer .footer-content .footer-social-media ul li a svg path {
	fill: #fff;
}

footer .footer-content .footer-social-media ul li a span:before {
	position:absolute;
	content:'';
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid rgba(0, 0, 0, 0.8);
	bottom:-5px;
	left:34px;
}

footer .footer-content .footer-social-media ul li a:hover span {
	bottom:45px;
	visibility:visible;
	opacity:1;
}

footer .footer-content .footer-social-media ul li a:hover, footer .footer-content .back-to-top-page a:hover {
	border-color: rgba(255, 255, 255, 0.7);
}

footer .footer-content .footer-content-dark-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 0;
}

/*============================================================================
  >> 00. Site Setting (Color & Font)
  ============================================================================
*/

	/*------- a) HEADER -------*/

	header .navbar ul li a, header .header-nav .sidebar-navigation-menu a, header .header-nav .search-icon a {
		color: #111;
		transition: all .2s;
	}

	header .navbar ul li a:hover, 	header .navbar ul li:hover > a, header .header-nav .sidebar-navigation-menu a:hover, header .header-nav .search-icon a:hover {
		color: #bdac6a;
	}

	header .search-holder #searchForm span {
		color: #bdac6a;
	}

	header .search-holder .close-btn a {
		color: #999;
	}

	header .search-holder .close-btn a:hover {
		border-color: #bdac6a;
		color: #bdac6a;
	}

	/*------- b) Featured Posts -------*/
	
	.featured-posts-container .flex-direction-nav a:before {
		color: #fff;
		border:2px solid rgba(255, 255, 255, 0.2);
	}

	.featured-posts-container .flex-direction-nav a:hover:before {
		border:2px solid rgba(255, 255, 255, 0.5);
	}

	section.main .featured-posts .featured-posts-container .post-content .post-title h2 a {
		color: #fff;
	}

	section.main .featured-posts .featured-posts-container .post-content .post-title h2 a:hover {
		color: #bdac6a;
	}

	section.main .featured-posts .featured-posts-container .post-content .post-meta .post-date:before {
		background-color: #ccc;
	}

	/*------- c) Most Popular Posts -------*/

	section.main .most-popular-posts .post header span {
		font-family: 'Alfa Slab One', cursive;
		color: #ebe7d7;
	}

	section.main .most-popular-posts.lnw-align-center .post, section.main .most-popular-posts.lnw-align-center .post header span {
		text-align: center;
	}

	section.main .most-popular-posts.lnw-align-right .post, section.main .most-popular-posts.lnw-align-right .post header span {
		text-align: right;
	}

	section.main .most-popular-posts .centered-posts .post .post-type-image a {
		background-color: #bdac6a;
	}

	section.main .most-popular-posts .centered-posts .post .post-meta .post-date:before {
		background-color: #ccc;
	}

	section.main .most-popular-posts .centered-posts .post .post-more a:before, .post-more a:before {
		color: #fff;
	}

	section.main .most-popular-posts .centered-posts .post .post-more a:after, .post-more a:after, .post-more a:hover:after, .post-more a:hover {
		background-color: #bdac6a;
		color: #fff;
	}

	/*------- d) Blog Slogan -------*/

	.slogan-title h4 {
		color: #bdac6a;
	}

	.slogan-description p {
		color: #eee;
	}

	/*------- e) Blog Posts -------*/

	.post-date a , .post-date {
		color: #ccc;
	}

	.post-title h2 a, .post .post-title h3 a {
		color: #111;
	}

	.post-title h2 a:hover, .post .post-title h3 a:hover {
		color: #bdac6a;
	}

	.page-post .post-title h1 strong {
		color: #bdac6a;
	}

	.post-category ul li~li:before {
		background-color: #bdac6a;
	}

	.post-category ul li a {
		color: #bdac6a;
	}

	.post-entry p {
		color: #999;
	}

	.page-post .post-entry blockquote {
		border-color: #eee;
	}

	.page-post .post-entry blockquote p {
		color: #444;
	}

	.post .post-more a, .post-more a {
		color: #111;
		border: 3px solid #bdac6a;
	}
	.post .post-more a:hover, .post-more a:hover {
		color: #fff;
	}
	.single section.main .blog-main {
		margin: 90px 0;
	}

	section.main .blog-main .pagination ul li a {
		border:3px solid #fff;
		color: #999;
	}

	section.main .blog-main .pagination ul li a:hover {
		color: #111;
		border:3px solid #eee;
	}

	section.main .blog-main .pagination ul li a.current , section.main .blog-main .pagination ul li span.current {
		background-color: #bdac6a !important;
		color: #fff;
		border:3px solid #bdac6a;
		padding: 10px 15px;
	}

	.post-tags ul li a {
		background-color: #eee;
		color: #999;
	}

	.post-tags ul li a:hover {
		background-color: #bdac6a;
		color: #fff;
	}

	.author-name h3 a {
		color: #111;
	}

	.author-name h3 a:hover {
		color: #bdac6a;
	}

	.comment-meta .reply-button a {
		color: #bdac6a;
	}

	.post-author .post-author-content {
		background-color: #eee;
	}

	.author-social-media ul li a {
		color: #111;
		border:3px solid rgba(0, 0, 0, 0.0);
	}

	.author-social-media ul li a:hover {
		border:3px solid rgba(0, 0, 0, 0.3);
	}

	.comments-post ul li .comment-info .comment-meta h4, .comments-post ul li .comment-info .comment-meta h4 a {
		color: #111;
	}

	.comments-post ul li .comment-info .comment-meta h4 a:hover {
		color: #bdac6a;
	}

	.comments-post ul li .comment-info .comment-meta p {
		color: #999;
	}

	.comments-post ul li .comment-info .comment-meta .comment-date {
		color: #ccc;
	}

	.comment-respond form button, .comment-respond form input[type="submit"] {
		background-color: #eee;
	}

	.comment-respond form button:hover, .contact-form input[type="submit"]:hover , .comment-respond form input[type="submit"]:hover {
		background-color: #bdac6a;
		color: #fff;
	}

	section.main .blog-main .page-main .post.page-post .post-meta .post-comment a, .classic-style.main .blog-main .post .post-meta .post-comment a {
		background-color: #fff;
		color: #111;
	}

	section.main .blog-main .page-main .post.page-post .post-meta .post-comment a:hover, .classic-style.main .blog-main .post .post-meta .post-comment a:hover {
		background-color: #bdac6a;
		color: #fff;
	}

	.page-title .page-title-content h1 {
		font-family: 'Montserrat', sans-serif;
		color: #111;
	}

	.page-title .page-title-content h1 strong {
		color: #bdac6a;
	}

	/*------- f) Sidebar -------*/

	.widget .widget-title h4 {
		color: #bdac6a;
	}

	.widget .category-widget ul li a:hover {
		color: #bdac6a;
	}

	/*------- g) Footer -------*/

	 .widget .about-widget p {
		color: #999;
	}

	 .widget .twitter-widget .tweet p {
		color: #999;
	}

	 .widget .twitter-widget .tweet p a {
		color: #ccc;
	}

	 .widget .twitter-widget .tweet .tweet-meta a {
		color: #777;
	}

	 .widget ul#recentcomments ul li {
		color: #999;
	}

	footer .widget ul#recentcomments ul li~li, footer .widget .twitter-widget .tweet~.tweet {
		border-top:1px solid;
		border-color: rgba(255, 255, 255, 0.2);
	}

	footer .widget ul#recentcomments ul li span, footer .widget ul#recentcomments ul li span a, footer .widget ul#recentcomments ul li a {
		color: #ccc;
	}

	.copyright p {
		color: #999;
	}

	.copyright p a {
		color: #bbb;
	}

	.copyright p a:hover {
		color: #fff;
	}

	/*------- h) Sidebar Navigation -------*/

	.sidebar-navigation .sidebar-nav-content header .close-sidebar a:hover {
		border:3px solid #fff;
	}

	.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li a {
		color: #fff;
	}

	.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li ul li a {
		color: #999;
	}

	.sidebar-navigation .sidebar-nav-content .sidebar-menu ul li a:hover, .sidebar-navigation .sidebar-nav-content .sidebar-menu ul li:hover > a, .sidebar-navigation .sidebar-nav-content .sidebar-menu ul li a.expanded {
		color: #bdac6a;
	}

	.sidebar-navigation .sidebar-nav-content .sidebar-copyright {
		color: #999;
	}

	.sidebar-navigation .sidebar-nav-content .sidebar-copyright a {
		color: #eee;
	}

	.sidebar-navigation .sidebar-nav-content .sidebar-copyright a:hover {
		color: #fff;
	}
	
		/* PAGE NOT FOUND **/
	.main .page-title {
		position:relative;
		margin:0 0 70px;
		background-color:#f8f8f8;
		border-bottom:1px solid #ddd;
		padding:40px 0;
		text-align:center;
	}
	
	.main .page-title h1 {
		display:inline-block;
		margin:0;
		font-size:18px;
		font-weight: 300;
		font-weight: 600;
	}
	
	.main .page-title h1 strong {
		display:inline-block;
		margin:0 0 0 5px;
		font-weight:900;
	}
	
	.main .search-nothing-post {
		display:inline-block;
		width:100%;
		text-align:center;
		padding:30px;
	}
	
	.main .search-nothing-post span {
		font-size:16px;
		font-weight:300;
	}
	
	.main .search-nothing-post #searchFormResult {
		display:inline-block;
		width:100%;
		margin:30px 0 0;
	}
	
	.main .page-not-found {
		display:inline-block;
		width:100%;
		padding:100px 0;
		text-align:center;
	}
	
	.main .page-not-found h4 {
		display:inline-block;
		width:100%;
		font-size:170px;
		font-weight:900;
		margin:0;
	}
	
	.main .page-not-found p {
		display:inline-block;
		width:100%;
		font-size:12px;
		letter-spacing:1px;
	}

	.main .search-nothing-post .search-submit {
		position: relative;
		display: inline-block;
		font-size: 11px;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.4px;
		padding: 0 16px;
		overflow: hidden;
		height: 40px;
		line-height: 35px;
		margin-top: 40px;
		background-color: transparent;
		border:3px solid #bdac6a;
		outline: 0;
	}
	.main .search-nothing-post .search-submit:hover {
		background-color: #bdac6a;
		color: #fff;
	}
		
	.eb-social-share {
		margin-top: 20px;
	  }
	  .eb-social-share p {
		font-size: 16px;
		margin-bottom: 10px;
	  }
	  .eb-social-share a {
		margin-right: 10px;
		font-size: 16px;
		color: #000;
		text-decoration: none;
		transition: color 0.3s ease;
	  }
	  .eb-social-share a:hover {
		color: #333;
	  }
	  
	  .eb-social-share a {
		width: 30px;
		height: 30px;
		border-radius: 50%; 
		display: inline-flex; 
		justify-content: center; 
		align-items: center;
		background-color: #0073aa; 
		color: #fff;
		text-decoration: none; 
		transition: background-color 0.3s ease, transform 0.3s ease;
	  }
	  
	  .eb-social-share a:hover {
		background-color: #005780;
		transform: scale(1.1);
	  }
	  .eb-social-share a.eb-facebook {
		background: #1877F2;
	  }
	  
	  .eb-social-share a.eb-facebook i {
		color: #fff;
		display: inline-block;
	  }
	  
	  .eb-social-share a.eb-twitter {
		background: #14171A;
	  }
	  
	  .eb-social-share a.eb-twitter i {
		color: #fff;
		display: inline-block;
	  }
	  
	  .eb-social-share a.eb-linkedin {
		background: #0a66c2;
	  }
	  
	  .eb-social-share a.eb-linkedin i {
		color: #fff;
		display: inline-block;
	  }
	  .eb-social-share a.eb-instagram {
		background: #c13584;
	  }
	  
	  .eb-social-share a.eb-instagram i {
		color: #fff;
		display: inline-block;
	  }
	  
	  .eb-social-share a.eb-mail {
		background: #004f9f;
	  }
	  
	  .eb-social-share a.eb-mail i {
		color: #fff;
		display: inline-block;
	  }
	   a.added_to_cart {
		display: none !important;
	  }
	  
	.woocommerce div.product form.cart button.single_add_to_cart_button {
		margin: 0;
		height: 100%; /* Yüksekliği Quantity alanına göre ayarlayın */
		padding: 12px 20px;
	}

	.woocommerce div.product .button {
		background: #111;
		border: 1px solid #111;
		transition: all .2s;
	}

	.woocommerce div.product .button:hover {
		background: #bdac6a;
		border-color: #bdac6a;
	}

	.woocommerce .quantity .qty {
		width: 3.631em;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: .93rem .75rem;
		border-radius: 3px;
		border: 1px solid #000;
	  }
	  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
		padding: .82em 1em;
	  }
	  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce #review_form #respond .form-submit input:hover {
		background: #bdac6a;
	  }
	  
	  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
		color: #000;
	}


	.related-product-title {
		margin-bottom: 20px;
	}

	.product-single .product_meta a {
		color: #bdac6a;
	}

	.widget .product-categories {
		padding-left: 0;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.widget .product-categories li {
		list-style-type: none;
	}

	.widget .product-categories li a {
		color: #111;
	}

	.widget .product_list_widget a {
		color: #111;
	}

	.widget .product_list_widget .woocommerce-Price-amount {
		display: none;
	}
	.widget .product_list_widget li {
		padding: 0 !important;
	}
	.widget .product_list_widget li a {
		font-weight: 400 !important;
	}

	.widget input#woocommerce-product-search-field-0 {
		padding: 6px 8px;
		border: 1px solid #111;
	}

	.widget button {
		background: #bdac6a;
		border: 1px solid #bdac6a;
		padding: 6px 8px;
		outline: 0;
		color: #fff;
		text-transform: uppercase;
	}

	.widget button:hover {
		background: transparent;
		color: #bdac6a;
	}

	.mc4wp-form-fields {
		display: flex;
		justify-content: center;
		gap: 10px;
	}

	.mc4wp-form-fields input[type="text"] {
		padding: 10px 20px;
		border: 1px solid #bdac6a;
		outline: 0;
		background: transparent;
	}

	.mc4wp-form-fields input {
		padding: 10px 20px;
		border: 1px solid #bdac6a;
		outline: 0;
		transition: all .2s;
	}
	
	.mc4wp-form-fields input[type= 'submit']:hover {
		background: #bdac6a;
		color: #fff;
	}

	.sidebar-sticky {
		position: sticky;
		top:0;
	}

.woocommerce-loop-product__title {
    font-size: 18px;
	letter-spacing: .5px;
	line-height: 22px;
    font-weight: 500;
    color: #111;
}

.woocommerce-loop-product__title h2 {
	font-size: 18px;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	font-size: 1.5rem;
	color: #111;
	font-weight: 500;
	font-family: "Alfa Slab One", cursive;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover {
	color: #bdac6a;
	text-decoration: none;
	transition: all .2s;
}

.wc-block-components-product-price__value.is-discounted {
	font-weight: 600;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p {
	font-size: 13px;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-cart__submit-container .wc-block-components-button:not(.is-link) {
	background-color: #bdac6a;
	color: #fff;
	width: auto;
	padding: 10px 15px;
	border: 1px solid #bdac6a;
	margin-top: 20px;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
	background-color: transparent;
	color: #bdac6a;
	text-decoration: none;
	transition: all .2s;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
	font-size: 11px !important;
}
.woocommerce a:hover h2 {
	color: #bdac6a !important;
	transition: all .2s;
}

.is-large.wc-block-cart .wc-block-cart-items td {
	padding: 24px 24px 24px 0 !important;
}
.woocommerce .price {
    font-size: 16px;
    color: #e74c3c;
    font-weight: 500; 
}

.woocommerce a.button {
	position: relative;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    padding: 0 16px;
    overflow: hidden;
    height: 40px;
    line-height: 35px;
	border: 3px solid #bdac6a;
	border-radius: 0;
	font-family: 'Montserrat',sans-serif;
	background: transparent;
	font-weight: 500;
}

.woocommerce a.button:before {
	position: absolute;
    content: attr(data-text);
    top: -35px;
    color: #fff;
}

.woocommerce a.button:after {
	position: absolute;
    content: '';
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.woocommerce a.button:hover {
	line-height: 105px;
	background: #bdac6a;
}

.woocommerce-shop .page-content, .woocommerce-page .page-content {
	padding: 120px 0;
}

.woocommerce .woocommerce-ordering {
	position: relative;
	z-index: 3;
	margin-bottom: 5em;
}
.woocommerce .woocommerce-ordering select {
	border: 1px solid #111;
}
.woocommerce .woocommerce-ordering select:focus-visible {
	border-color: #111;
}
.woocommerce .woocommerce-ordering select, .woocommerce .woocommerce-ordering select option{

	padding: 10px;
}

.woocommerce-shop span {
	font-size: 12px;
}
.woocommerce-shop span.onsale {
	background: #bdac6a;
	padding: 2px 7px;
}
.woocommerce ul.products {
	text-align: center;
}

.woocommerce ul.products li.product .price {
	font-size: 1.2rem;
}


.single-product header .brand-logo {
	display: inline-block;
}