/* 
 Theme Name:   Locarla
 Theme URI:    
 Description:  Locarla Blog Theme
 Author:       Ketan Dhoke
 Author URI:   
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');

/* Wordpress header & footer css conflicts */
body{
	font-size:14px!important;
}

.site-logo a {
	color:#498847!important;
}

h5 {
    margin-top: unset!important;
	margin-bottom: unset!important;
}

.page-content{
	font-size:1rem;
}

.menu_footer p{
    margin-bottom: 0rem!important;	
}

.single_footer p,
.links ul li,
.info{
	font-weight:normal;
	color:#4c4c4c;
}

.cookies_container .home_ps2 p
{
	font-weight:normal!important;
	color:#4c4c4c;
	margin-bottom: unset;
}

.cookies_container .home_ps2 h2 {
    margin-bottom: unset;
}

.cookies_container .home_ps2 a {
    font-weight:normal!important;
}

.section-padding{
	padding: 0px 0 20px 0!important;
}

.site_policies .tab-content p {
    font-weight: normal;
}

.offcanvas .nav-tabs .nav-link{
	font-weight:normal;
}

/* Wordpress header & footer css conflicts */

/* ═══════════════════════════════════════════
   SIDEBAR — High specificity to override
   external header styles
   ═══════════════════════════════════════════ */

/* ── Reset text-align center from external header ── */
html body .widget-area .widget,
html body .widget-area .widget ul,
html body .widget-area .widget li,
html body .widget-area .widget a {
  text-align: left !important;
  box-sizing: border-box !important;
}

/* ── Category headings ── */
html body .widget-area .widget ul > li.category-name {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #222222 !important;
  font-family: 'Open Sans', sans-serif !important;
  border-bottom: 1px solid #eaeaea !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  padding: 0 0 12px 0 !important;
  margin: 0 0 10px 0 !important;
  margin-top: 10px !important;
  display: block !important;
  list-style: none !important;
  background: none !important;
}

html body .widget-area .widget ul > li.category-name:first-child {
/*   margin-top: 0 !important; */
}

/* ── Reset ul and li ── */

html body .widget-area .widget ul,
html body .widget-area .widget ul.post-name {
  list-style: none !important;
/*   margin: 0 !important; */
  padding: 0 !important;
  background: none !important;
  border: none !important;
  display: block !important;
  
}

html body .widget-area .widget ul li,
html body .widget-area .widget ul.post-name li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
/*   border: none !important; */
  display: block !important;
  float: none !important;
  text-align: left !important;
  border-left: 1px solid #eaeaea;

}

/* ── Post links ── */
html body .widget-area .widget ul.post-name li a {
  display: block !important;
  font-size: 14px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight:500;
  color: #4c4c4c !important;
  text-decoration: none !important;
  padding: 5px 10px !important;
  margin-bottom: 2px !important;
  border-left: 3px solid transparent !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 0 4px 4px 0 !important;
  line-height: 1.45 !important;
  background: transparent !important;
  float: none !important;
  width: auto !important;
}

/* ── Hover ── */
html body .widget-area .widget ul.post-name li a:hover {
  background: #f0faf6 !important;
  color: #498847 !important;
  border-left: 3px solid #498847 !important;
  text-decoration: none !important;
}

/* ── Active current post ── */
html body .widget-area .widget ul.post-name li.active-post a,
html body .widget-area .widget ul.post-name li.current-menu-item a,
html body .widget-area .widget ul.post-name li.current-cat a {
  background: #E1F5EE !important;
  color: #0F6E56 !important;
  border-left: 3px solid #1D9E75 !important;
  font-weight: 500 !important;
}

/* ── View all link ── */
html body .widget-area .widget .view-all-link {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  font-family: 'Open Sans', sans-serif !important;
  color: #498847 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 4px 10px !important;
  margin-top: 4px !important;
  background: none !important;
  border: none !important;
  float: none !important;
  width: auto !important;
}

html body .widget-area .widget .view-all-link:hover {
  text-decoration: none !important;
  color: #246e28 !important;
}




/* ═══════════════════════════════════════════
   SEARCH FORM
   ═══════════════════════════════════════════ */
#secondary .widget-area .search-form,
#secondary .search-form {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* ═══════════════════════════════════════════
   LABEL FIX
   ═══════════════════════════════════════════ */
#secondary .search-form label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

/* Hide screen reader text inside label */
#secondary .search-form label .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

/* ═══════════════════════════════════════════
   SEARCH INPUT
   ═══════════════════════════════════════════ */
#secondary .search-form .search-field {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-family: 'Open Sans', sans-serif !important;
  color: #333333 !important;
  background: #ffffff !important;
  border: 1.5px solid #cccccc !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  margin: 0 !important;
}

#secondary .search-form .search-field::placeholder {
  color: #aaaaaa !important;
  font-size: 13px !important;
}

#secondary .search-form .search-field:focus {
  border-color: #1D9E75 !important;
  border-right: none !important;
  outline: none !important;
}

/* ═══════════════════════════════════════════
   SEARCH BUTTON — your theme uses input[type="submit"]
   ═══════════════════════════════════════════ */
#secondary .search-form input[type="submit"].search-submit {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background-color: #498847 !important;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  transition: background-color 0.2s ease !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 16px 16px !important;
}

#secondary .search-form input[type="submit"].search-submit:hover {
  background-color: #246e28 !important;
}

/* .elementor-widget-wrap .search-form input[type="submit"].search-submit:hover {
  background-color: #0F6E56 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 18px 18px !important;
} */


/* MAIN SINGLE POST LAYOUT */

/* MAIN LAYOUT */
.content-sidebar-wrap {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 1285px;
    margin: 0 auto;
    padding: 20px;
}

.content-sidebar-wrap .site-main {
    flex: 1;
    min-width: 0;
}

.content-sidebar-wrap #secondary {
    width: 300px;
    flex-shrink: 0;
}


.content-sidebar-wrap{
    display:flex;
    gap:15px;
    max-width:1200px;
    margin:auto;
}

.content-sidebar-wrap main{
    width:70%;
    border-right:1px solid #eaeaea;
    padding-right:30px;
}

.content-sidebar-wrap #secondary{
    width:30%;
    display:block !important;
}

@media(max-width:767px){

.content-sidebar-wrap{
    flex-direction:column;
}

.content-sidebar-wrap main,
.content-sidebar-wrap #secondary{
    width:100%;
    border:0;
    padding:0;
}

}

.content-sidebar-wrap{
    display:flex;
    gap:15px;
}

.content-sidebar-wrap main{
    width:70%;
}

.content-sidebar-wrap #secondary{
    width:30%;
    display:block !important;
}

/* Search page sidebar */
.content-sidebar-wrap{
    display:flex;
    gap:15px;
    max-width:1285px;
    margin:auto;
}

.content-sidebar-wrap main{
    width:70%;
    border-right:1px solid #eaeaea;
    padding-right:30px;
}

.content-sidebar-wrap #secondary{
    width:30%;
    display:block !important;
}

@media(max-width:767px){

.content-sidebar-wrap{
    flex-direction:column;
}

.content-sidebar-wrap main,
.content-sidebar-wrap #secondary{
    width:100%;
    border:0;
    padding:0;
}

}

/* Blog Page CSS */
.page-header{
	display:none!important;
}
.page-content p{
	border-bottom:1px solid #eaeaea!important;
	padding-bottom:1rem;
}
.entry-title{
	display:none!important;
}

.entry-title a{
	font-size: 20px;
    color: #4c4c4c !important;
	font-weight: 700;
}

.page-content h2,
.page-content h6{
	font-size: 20px;
    font-weight: 700;
}

.page-content h6{
	font-size: 20px;
    font-weight: 700;
	margin-bottom: 1rem;
}

/* Blog Page CSS */

/* Search Page Css */
.search-continue-reading {
    display: inline-block;
    color: #498847;
    font-size: 1rem;
    text-decoration: none!important;
    margin-top: 4px;
}

.search-continue-reading:hover {
   color: #498847;
}

/* Search Page Css */

/* Search page Pagination code */
.pagination {
    display: flex;
    gap: 4px;
    font-family: inherit;
}
.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    color: #4c4c4c;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.15s ease;
}
.pagination a:hover {
    border-color: #498847;
	color: #fff;
    background: #498847;
}
.pagination .current {
    background: #498847;
    color: #fff;
    border-color: #498847;
    font-weight: 500;
}
.pagination .dots {
    border: none;
    background: transparent;
    color: #aaa;
}
/* Search page Pagination code */


/* Top Post Navigation code */
.post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 14px;
	font-weight:500;
}
.post-navigation a {
    color: #498847;
    text-decoration: none;
}
.post-navigation a:hover {
    color:#246e28;
}
.post-navigation .nav-next {
    text-align: right;
}
.post-navigation .meta-nav {
    color: #498847;
}

.insight-btn{
	cursor:default!important;
}
/* Top Post Navigation code */