/*
Theme Name: Libero Child
Theme URI: https://libero.qodeinteractive.com/
Description: A child theme of Libero Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.9.3
Template: libero
*/


/*#wpadminbar {
	display: none !important;
test
}*/
header #block-20, header #block-16, header #block21 {
	padding: 0 15px;
}
.mkd-position-right-inner {
	height: 100% !important;
}
.mkd-mobile-header .mkd-position-right {
	margin-right: 0 !important;
}
.mkd-iwt-icon-holder, .mkd-iwt {
	margin-left: 15px;
}

.mkd-iwt-content-holder{
	margin-left: 15px;	
}

.mkd-container-inner {
	width: 100% important;
}

.page-id-6953 .mkd-call-to-action .mkd-container-inner  {
	width: 100% !important;
}
table tbody tr, table thead tr, table td {
  border:1px solid #353c4e;
}
p {
	margin-bottom: 20px;
	
}
.vc_col-sm-8 .vc_column_container:first-child>.vc_column-inner, .vc_column_container.vc_col-sm-8 > .vc_column-inner {
	  padding-right: 100px;	
 }
/*html #wpadminbar {
	
	display: none;
}*/

.mkd-title-image img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.mkd-title-image {
	height: 300px;
}	
/*style the archive page*/
.archive-grid {
    display: grid;
    /* Creates 2 equal columns, responsive to minimum 300px width */
    grid-template-columns: repeat(2, minmax(300px, 1fr));
    gap: 20px; /* Space between grid items */
    padding: 20px 0;
	position:relative;
}

/* Individual Post Card Styling */
.grid-item {
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}
.fa-accessible-icon {
	display:block !important;
	color:black !important;
}
.content30 .fa-2x {
  font-size: 2em !important;
}
.content30 .fa-3x {
  font-size: 3em !important;
}
.content30 .fa-4x {
  font-size: 4em !important;
}
.content30 .fa-5x {
  font-size: 5em !important;
}
.content30 .fa-6x {
  font-size: 6em !important;
}
.content30 .fa-7x {
  font-size: 7em !important;
}
.content30 .fa-8x {
  font-size: 8em !important;
}
.content30 .fa-10x {
  font-size: 10em !important;
}
.content30 .fa-12x {
  font-size: 18em !important;
  margin-left: -20px;
}
.col70 {
  width: 70%;
  float: left; 
  padding:0 0 0 3%;
}
.col20 {
  width: 20%;
  float: left; 
}

.container100 { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 10px; 
} 
.content30 img {
	width: 80%;
}
.content30 { 
order: 1; /* Image first */ 
width: 30%; /* Smaller image next to title */ 
height: auto; 
} 
.content65 { 
  order: 2; /* Title/Text second */ 
  width: 65%; 
} 
.content65 .my-icon-image {
  float: left;
  margin-right: 10px;
  display: none;
}
.content65 .my-icon-image .fa-12x  {
  font-size: 2em !important;
}

.content65 h2, 
.content65 p { 
  margin: 0; 
} 
.mkd-service-table {
    background-color: #ededed;
}
.mkd-service-table-content {
    padding: 20px 0px;
}
.mkd-service-table-content p {
	padding: 0 10px;
}
.mkd-service-table.mkd-service-has-icon {
    margin-top: 0;
}
.vc_col-has-fill>.vc_column-inner {
    padding-top: 10px !important;
}
.mkd-service-table.mkd-service-has-icon {
	margin-top: 0 !important;
}

.mkd-service-table .mkd-service-table-content li {
	line-height:30px !important;
	height:auto !important;
	padding: 3px 0 !important;
	margin: 2px 0 !important;
}

.archives-widget-right {
	width: 300px !important;
	float: right !important;
}
/*.mkd-blog-single article .wpb-content-wrapper {
	width: 80%;
}
.mkd-blog-single article .mkd-post-image {
	width: 80%;
	float:left;
}*/
/*.mkd-post-content-column .wpb_wrapper {
	width: 90%;
}*/
/*pdf viewer*/
ul.navigation-pdf {
	list-style-type: none;
	margin: 0px;
}
li.navigation__item {
	display: inline-block;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	width: 30%;
	background: none;
    text-align: center; 
    vertical-align: middle;
	list-style-type: none;
}
.zoom, .print-button, .download-button {
	display: inline-block;
	background: none;
	padding-right: 5px;
}
.zoom:hover, .print-button:hover, .download-button:hover {
	background: none;
}
.fas, .fa-print, .fa-download {
	cursor:pointer;
	padding-right: 10px;
}
.canvas-wrapper-wrapper {
/*	overflow: hidden; */
	overflow: auto; 
	display: block;
	margin: 10px auto; 
	padding: 0; 
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 99%;
	background-color: transparent;
	overflow: auto;
}
.canvas-wrapper {
	display: block;
	margin: 10px auto; 
	padding: 0; 
	width: 100%;
	background-color: transparent;
/*	overflow: auto;*/
	overflow: visible;
}
canvas {
	clear:both;
	float: none;
	display: block;
    direction: ltr;
	background-color: #ededed;
	padding: 0 0 5px 0;
	width: 100%;	
}
#zoom_percent {
	margin-right: 15px; 
	width: 40px;
}
header.header-pdf {
	background-color: #ededed !important;
	float: none;
	clear:both;
	display: block;
	padding: 5px 0;
	width: 100%;
}
.pdf-open {
	display: block;
	background-color: #fff; 
	padding: 0 0 5px 25px;
}
.pdfviewer-wrapper {
	width: 90%;
	background-color: #ededed;
}
.pdf-open {
	background-color: #ededed;
}
/*.wpb_raw_html table td {
	margin: 3px; 
	background-color: #ededed;
}*/
.wpb_raw_html td {
	border: 5px solid #FAF9F6;
	font-size: 20px;
	text-align: left;   
    vertical-align: middle; 
	background-color: #ffffff;
}
.wpb_raw_html table, .wpb_raw_html tr {
	border: 0;
	 width: fit-content; /* Modern approach */
  /* OR */
  width: auto;   
}
.grid-template-post {
	display: grid !important; 
	grid-template-columns: 5% 75% 15%; 
	grid-template-areas:'. header .'    
						'sidebar-left content sidebar-right';
	grid-template-rows: auto 1fr;
    gap: 20px;
}
.grid-header {
	grid-area: header;
	grid-column: 2;
    grid-row: 1;
}
.grid-sidebar-left {
	grid-area: sidebar-left;
  grid-column: 1;
    grid-row: 2;
}
.grid-sidebar-right {
	grid-area: sidebar-right;
	grid-column: 3;
    grid-row: 2;
	width: 300px;
}
.grid-content {
	grid-area: content;
	 padding: 0 5% 0 0;
} 
body.category .mkd-two-columns-75-25 {
	display: grid !important; 
	grid-template-columns: 5% 75% 18%; 
	grid-template-areas:'. header .'    
						'sidebar-left content sidebar-right';
	grid-template-rows: auto 1fr;
    gap: 20px;	
}
.mkd-post-info  div {
	display: inline-block;
	float: left;
	margin-right: 20px;
	position: relative;
}
body.category .mkd-mytitle {
	grid-area: header;
	grid-column: 2;
    grid-row: 1;
}
body.category .mkd-column1 .mkd-blog-holder article:first-child .mkd-post-title, body.category .mkd-column1 .mkd-blog-holder article:first-child .mkd-post-info {
	display: none;
}
body.category .mkd-post-info-column {
	grid-area: sidebar-left;
    grid-column: 1;
    grid-row: 2;
	width: unset;
}
body.category .mkd-column2 {
	grid-area: sidebar-right;
	grid-column: 3;
    grid-row: 2;
	width: unset;
}
body.category .mkd-column1  {
	grid-column: 2;
    grid-row: 2;
	grid-area: content;
	width: unset;
	 padding: 0 2% 0 0;
} 

.width65 {
    margin: auto;
    width: 65%;
}
.width35 {
    width: 35%;
}
.flex-container {
	display: flex; 
	background-color: #ededed; 
	padding: 15px; 
	font-size: 18px;
}

@media only screen and (max-width: 600px)  {
    .flex-container {
		flex-direction: column;
	}
	.width65, .width35 {
		width: 100%;
		flex: 1 1 100%;
	}
 .grid-template-post {
    /* Switch to a single column so elements stack */
/*    grid-template-columns: 1fr;*/
   	grid-template-columns: 100%; 
 
    /* Redefine areas to fit the single-column flow */
    grid-template-areas:
      "header"
      "content"
      "sidebar-left"
      "sidebar-right";
  }
  .mkd-three-columns .mkd-column {
    width: 100% !important;
    float: left;
    clear: both;
  }
  .vc_col-md-8:first-child>.vc_column-inner {
	  padding-right: 0 !important;	
   }	
/*  .vc_column_container:first-child>.vc_column-inner {
	  padding-right: 0 !important;	
   }*/
	.mkd-title .mkd-title-holder .mkd-container-inner {
		display: table;
	}
	.mkd-title-image {
		object-fit:cover;
		height: 113px;
	}	
	.mkd-title-image img {
		height: 115px;
		width: auto; 
		max-width: auto;
		top: 0 0;
	}
	.mkd-title .mkd-title-image img {
		position: absolute !important;
	}
	.col70{
       width: 100%;
       float: left; 
       padding:0;
    }
    .container100 { 
		flex-direction: row; /* Keep elements side-by-side */ 
	} 
    .content30 { 
		width: 100px; /* Specific size */ 
	} 
    .content65 { 
		width: auto; 
		flex: 1; 
	}
	.fa-12x {
		max-width: 100% !important;
		font-size: 8em !important;
	}
	.content65 .my-icon-image {
		display:block;
	}

}