/*
Theme Name: Wolf Mag V2
Theme URI: http://fairpixels.com/
Author: FairPixels
Author URI: http://fairpixels.com/
Description: A Magazine and Blog Theme
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, black, gray, light, one-column, two-columns, right-sidebar, responsive-layout, featured-images, full-width-template, sticky-post, theme-options
Text Domain: fairpixels
*/

/*

WARNING! DO NOT EDIT THIS FILE!

Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead See: http://codex.wordpress.org/Child_Themes
*/

/* TABLE OF CONTENT 
 * ==================
 * 1.  BASE
 * 2.  COMMON
 * 3.  HEADER
 * 4.  NAVIGATION MENU
 * 5.  HOMEPAGE
 * 6.  BLOG
 * 7.  PAGES
 * 8.  SIDEBAR
 * 9.  FOOTER
 * 10. MEDIA QUERIES
 **/
 

 @import url("css/reset.css"); 
 @import url("css/menu.css"); 
 @import url("css/common.css"); 
 @import url("css/lightbox.css"); 
 @import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700);
 
 /* 1. BASE
  * ========== */	
 body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
}
 
/* Apply Tajawal to Arabic content only */
html[lang="ar"] body {
    font-family: 'Tajawal', sans-serif !important;
    direction: rtl;
}
 .inner-wrap {
	 width: 100%;
	 max-width:1320px;
	 margin: 0 auto;
	 overflow: hidden;
 }
 
 .content-wrap {
	 overflow: hidden;
 }
 
 #main {
	 overflow: hidden;
	 position: relative;
 }
 
 #content {
	 width: 100%;
	 margin-right: 30px;
	 float: left;
	 overflow: hidden;
 }
 
 #sidebar {
	 width: 340px;
	 float: right;
	 overflow: hidden;
	 position: relative;
	 margin-top: -2300px;
 }
 
 .full-width {
	 width: 100% !important;
	 margin-right: 0 !important;
 }
 
 /*=== Link styles ===*/
 a {
	 text-decoration: none;
	 color: #0877fe;
	 transition: all 0.2s ease 0s;
	 outline: 0;
 }
 
 a:visited {
	 color: #0976fc;
 } 

 a.valuation-btn {
    color: #ffffff !important;
}
 
 a:hover {
	 color: #0976fc;
 }
 
 :focus {
	 outline: 0;
 }
 
 /*=== Selction ===*/
 ::selection {
	 background: #FFEFAA;	
 }
 
 ::-moz-selection {
	 background: #FFEFAA;
 }
 
 /*=== Colors ===*/
 .main-color {
	 color: #F3C015;
 }
 
 .main-color-bg {
	 background: #4ECDC4;
	 background: #e25164;
 }
 
 /*=== Images ===*/
 .wp-post-image {
	 display: block;
 }
 
 .attachment-fp760_390 {
	 width: 760px;
	 /*height: 390px;*/
 }
 
 .attachment-fp370_230 {
	 width: 370px;
	 /*height: 230px;*/
 }
 
 .attachment-fp268_390 {
	 width: 268px;
	 /*height: 390px;*/
 }
 
 .attachment-fp70_70 {
	 width: 70px;
	 /*height: 70px;*/
 }
 
 .one-half {
	 width: 350px;
	 margin-right: 30px;
	 float: left;
	 overflow: hidden;
 }
 
 .col-last {
	 margin-right: 0 !important;
 }
 
 .section {
	 overflow: hidden;
	 margin-bottom: 30px;
 }
 
 /*=== Headings ===*/
 h1,h2,h3,h4,h5,h6 {
	 font-weight: 500;
	 line-height: 1.3;
	 color: #3b3b3b;		
 }
 
 h1 {
	 font-size: 36px;
	 line-height: 1.1;
 }
 
 h2 {
	 font-size: 30px;
	 line-height: 1.2;
	 margin-bottom: 12px;
	 font-weight: 600;
 }
 
 h3 {
	 font-size: 20px; 
 }
 
 h4 {	
	 font-size: 18px;
 }
 
 h5 {	
	 font-size: 24px;
	 font-weight: 700;
 }
 
 h6 {
	 font-size: 14px;
 }
 
 /* 2. COMMON 
  * =========== */
 
 /*=== Thumbs overlay ===*/
 .thumb {
	 position: relative;
	 overflow: hidden;
 }
 
 .thumb .overlay {
	 background: rgba(0, 0, 0, 0.7);
	 border: 20px solid rgba(0, 0, 0, 0.15);
	 display: block;
	 height: 100%;
	 opacity: 0;
	 position: absolute;	
	 width: 100%;
	 z-index: 1;
	 box-sizing: border-box;	
	 -webkit-transition: all 0.4s; 
	 -moz-transition: all 0.4s; 
	 transition: all 0.4s;
 }
 
 .thumb .more-link {
	 opacity: 0;
	 position: absolute;
	 top: 42%;
	 width: 100%;
	 z-index: 2;
	 text-align: center;
 }
 
 .thumb:hover .more-link,
 .thumb:hover .overlay  {
	 /*opacity: 1;*/
 }
 
 .thumb:hover .more-link  a {
	 /*margin-top: 0;*/
 }
 
 .thumb .more-link  a {
	 background: none;
	 border: 1px solid rgba(255, 255, 255, 0.6);
	 color: #FFFFFF;
	 display: inline-block;
	 font-size: 11px;
	 font-weight: 400;
	 letter-spacing: 0.2em;
	 line-height: 1;
	 margin-top: 15px;
	 padding: 9px 12px 8px;
	 text-transform: uppercase;
	 transition: all 0.3s ease 0s;
 }
 
 .thumb .more-link  a:hover {
	 /*background: #FFFFFF;
	 color: #999999;*/
 }
 
 .excerpt-top {
	 overflow: hidden;
 }
 
 .meta-top {
	 overflow: hidden;
 }
 
 .excerpt-top .entry-rating {
	 float: right;
 }
 
 .entry-cats {
	 overflow: hidden;
	 margin-bottom: 10px;
	 float: left;
 }
 
 .entry-cats .cat {
	 float: left;
	 margin-right: 5px;
	 font-size: 13px;
	 padding: 2px 8px 3px;	
	 line-height: 20px;
 }
 
 .entry-cats .cat a {
	 color: #FFFFFF;
 }
 
 .entry-rating i {
	 font-size: 17px;
	 color: #f39c12;
	 margin-left: 1px;
 }
 
 /* 3. HEADER
  * =========== */
 #header {
	 background: #FFFFFF;
	 margin-bottom: 10px;
 }
  
 #header .top-bar {
	 overflow: hidden;
	 height: 40px;
	 background: #010101;
 }
 
 #header .top-menu ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 margin-top: 8px;
 }
 
 #header .top-menu ul li {
	 float: left;
	 padding-right: 10px;
	 margin-right: 10px;
 }
 
 #header .top-menu ul li:last-child {
	 padding-right: 0;
	 margin-right: 0;
	 border-right: none;
 }
 
 #header .top-menu ul li a {	
	 font-size: 12px;
	 line-height: 1.7;
	 text-transform: uppercase;
	 letter-spacing: 1px;	
	 color: #999999;
	 font-weight: 500;
 }
 
 #header .top-menu ul li a:hover {
	 color: #BCBCBC;
 }
 
 #header .social {
	 max-width: 216px;
	 float: right;
 }
 
 #header .social ul {
	 overflow: hidden;
 }
 
 #header .social ul li {
	 float: left;
	 margin-left: 10px;
	 line-height: 1;	
	 height: 36px;
	 width: 36px;	
	 text-align: center;
	 box-sizing: border-box;
	 padding-top: 9px;	
 }
 
 #header .social ul li i {
	 font-size: 18px;	
 }
 
 #header .social ul li a {
	 display: block;
	 color: #FFFFFF;	
 }
 
 #header .social ul li.fb {
	 background: #5D77C1;
 }
 
 #header .social ul li.twitter {
	 background: #74CCF2;
 }
 
 #header .social ul li.gplus {
	 background: #D34C27;
 }
 
 #header .social ul li.youtube {
	 background: #EB6D54;
 }
 
 #header .social ul li.instagram {
	 background: #517fa4;
 }
 
 
 #header .social ul li.rss {
	 background: #F7A42C;
 }
 
 
 
 #header .logo h1 {
	 font-size: 52px;
	 line-height: 48px;
 }
 
 #header .logo-right .right-wrap{
	 float: right;
 }
 
 #header .search {
	 width: 256px;
	 margin-right: 30px;
	 float: left;
 }
 
 #header .search-field {
	 height: 36px;
	 box-sizing: border-box;
	 width: 220px;
	 border: none;
	 background: #333333;
	 color: #CCCCCC;
 }
 
 .top-menu .slicknav_menu {
	 font-size: 16px;
	 margin-top: 4px;
	 position: absolute;
	 display: none;
 }
 
 .top-menu .slicknav_btn {
	 padding: 6px 10px;
	 border: none;
 }
 
 #header .top-menu .slicknav_nav li {
	 display: block;
	 float: none;
	 padding-right: 0;
	 margin-right: 0;
 }
 
 /* 4. NAVIGATION MENU
  * =================== */
 .menu-section {
	 background: #212429;
	 position: relative;
 }
 
 .menu-section .inner-wrap {
	 overflow: visible;	
 }
 
 .primary-menu .mobile-menu {
	 overflow: hidden;
 }
 
 .primary-menu .mobile-menu .icon {
	 float: right;
 }
 
 .primary-menu .mobile-menu .icon i {
	 font-size: 24px;
	 margin-top: 0;
	 padding: 0;
 }
 
 .primary-menu {
	 z-index: 30;
	 font-size: 16px;
	 font-weight: 600;
	 line-height: 1.1;
	 /* display: none; */
	 overflow: hidden;
	 margin-left: auto;
 }
 
 .primary-menu ul {
	 list-style: none;
	 margin: 0px;
	 padding: 0;
	 z-index: 99;
 }
 
 .primary-menu ul li {
	 float: left;
	 padding: 0;
	 margin: 0;	
 }
 
 .primary-menu ul li a {
	 display: block;
	 padding: 0 20px;
	 text-align: center;
	 color: #3b3b3b;
	 line-height: 70px;
	 font-size: 15px;
    font-weight: 500;
 }
 
 .logo-section .primary-menu ul li a:hover,
 .logo-section .primary-menu .current-menu-item a {
	 background: #f2f2f7;
	 color: #3b3b3b;	
 }
 
 
 .primary-menu ul ul {	
	 width: 100%;
	 height: 45px;
	 overflow: hidden;
 }
 
 .primary-menu ul ul li {
	 background: #6BB9F0;
	 float: left;
 }
 
 .primary-menu ul ul li a {
	 padding: 14px 20px;
	 font-size: 16px;	
	 text-transform: none;
 }
 
 .menu-item-has-children:hover .sub-menu-wrap {
	 background: #6BB9F0;
	 display: block;
 }
 
 .menu-item-has-children:hover a.sf-with-ul {
	 background: #6BB9F0;
 }
 
 .sub-menu-wrap {	
	 display: none;
	 position: absolute;
	 left: 0;
	 right: 0;
	 width: 100%;
	 z-index: 999;
 }
 
 .sf-sub-indicator {
	 position: relative;
	 font-size: 0;
 }
 
 .sf-sub-indicator:before {
	 content: "\f0dd";
	 display: block;
	 float: right;
	 font-family: FontAwesome;
	 font-size: 18px;
	 line-height: 0;
	 margin-left: 5px;
	 margin-top: 5px;
	 padding: 0;
 }
 
 .primary-menu .menu-item-home a:before {
	 /* content: "\f015";
	 font-family: FontAwesome;	
	 font-size: 20px;
	 line-height: 13px;
	 padding: 0;
	 margin-right: 5px; */
 }
 
 .primary-menu .menu-item-home .sub-menu  a:before {
	 display: none;
 }
 
 .primary-menu .current-menu-item a,
 .primary-menu .current_page_item a {
	 background: #6BB9F0;
	 color: #FFFFFF;
 }
 
 /*=== Trending Topics ===*/
 .trending-topics {
	 height: 45px;
	 background: #6BB9F0;
 }
 
 .trending-topics .title {
	 float: left;
	 margin-top: 12px;
 }
 
 .trending-topics .title h5 {
	 color: #FFFFFF;
 }
 
 .trending-topics ul {
	 float: left;
	 line-height: 1.1;
	 height: 18px;
	 max-width: 950px;
	 margin-top: 13px;
 }
 
 .trending-topics ul li {
	 float: left;
	 margin-left: 30px;
 }
 
 .trending-topics ul li a {
	 font-size: 16px;
	 font-weight: 400;
	 color: #FFFFFF;	
	 text-transform: capitalize;
 }
 
 /*=== Ticker Section ===*/
 .ticker-section {
	 background: #F0F0F0;
	 height: 45px;
	 overflow: hidden;
 }
 
 .ticker-section .title {
	 overflow: hidden;
	 margin-top: 12px;
	 float: left;
	 margin-right: 30px;
 }
 
 .ticker-section .ticker {	
	 overflow: hidden;
	 line-height: 1.1;
	 height: 18px;
	 width: 800px;
	 margin-top: 13px;
	 float: left;
	 display: none;
 }
 
 .ticker-section .ticker-nav {
	 float: right;	
	 width: 20px;
	 overflow: hidden;
	 margin-top: 5px;
 }
 
 .ticker-section .ticker-prev,
 .ticker-section .ticker-next {
	 line-height: 12px;
	 cursor: pointer;
 }
 
 .ticker-nav i {
	 font-size: 30px;
	 line-height: 15px;
	 color: #999999;
 }
 
 .ticker-nav i:hover {
	 color: #000000;
 }
 
 /* 5. HOMEPAGE
  * ============ */
  
 /*=== Content Slider ===*/
 .slider-section {
	 overflow: hidden;
 }
 
 .slider-left {
	 width: 740px;
	 float: left;
	 overflow: hidden;
 }
 
 .slider-right {
	 width: 360px;
	 float: left;
	 overflow: hidden;
 }
 
 .slider-main {
	 overflow: hidden;
	 position: relative;
 }
 
 .slider-main .slide {
	 position: relative;
 }
 
 .slider-main ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;	
 }
 
 .slider-main .slides li {
	 position: relative;
 }
 
 .slider-main .post-info {
	 background: rgba(107, 185, 240, 0.90);
	 color: #FFFFFF;
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;	
	 padding: 22px 15px 15px;	
 }
 
 .slider-main h2 {
	 line-height: 1.1;
	 font-weight: 700;
 }
 
 .slider-main h2 a {
	 color: #FFFFFF;
 }
 
 .slider-section .entry-cats {
	 position: absolute;
	 left: 10px;	
	 top: -13px;
 }
 
 .slider-main .entry-rating {
	 position: absolute;
	 right: 10px;	
	 top: -13px;
	 background: rgba(107, 185, 240, 0.90);
	 padding: 1px 8px 3px;
 }
 
 .slider-main .entry-rating i {
	 color: #FFFFFF;
 }
 
 .post-excerpt {
	 overflow: hidden;
	 position: relative;
	 min-height: 28px;
 }
 
 .slider-left .post-excerpt p {
	 float: left;
	 width: 670px;
 }
 
 .slider-left .more {
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: 24px;
	 height: 24px;
	 border: 2px solid #FFFFFF;
	 border-radius: 28px;
	 font-weight: 300;
	 text-align: center;
	 font-size: 14px;
 }
 
 .slider-left .more a {
	 color: #FFFFFF;
 }
 
 .slider-main-nav {
	 position: absolute;
	 top: 10px;
	 right: 10px;
	 z-index: 2;
	 width: 77px;
 }
 
 .slider-main-nav ul li {
	 float: left;
 }
 
 .slider-main-nav ul li:first-child {
	 margin-right: 5px;
 }
 
 .slider-main-nav a {
	 font-size: 0;	
	 height: 36px;
	 width: 36px;
	 display: block;
	 background: #6BB9F0;	
	 text-align: center;
	 opacity: 0.95;	
 }
 
 .slider-main-nav a:before {
	 font-family: FontAwesome;
	 display: inline-block;
	 padding: 0;
	 font-weight: 400;
	 font-size: 26px;
	 line-height: 35px;	
	 color: #FFFFFF;	
 }
 
 .slider-main-nav a:hover {
	 opacity: 1;
 }
 
 .slider-main-nav a.flex-prev:before {
	 content: "\f104";
	 margin-right: 2px;	
 }
 
 .slider-main-nav a.flex-next:before {
	 content: "\f105";
	 margin-left: 3px;
 }
 
 .slider-right .item-post {
	 height: 195px;
	 overflow: hidden;
	 position: relative;
 }
 
 .slider-right .item-post .wp-post-image{
	 margin-top: -17px;
 }
 
 .slider-right .entry-cats .cat {
	 padding: 2px 8px 2px;	
 }
 
 .slider-right .post-info {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 padding: 16px 10px 10px;
	 background: rgba(44, 62, 80, 0.7);
 }
 
 .slider-right h4 a {
	 color: #FFFFFF;
 }
 
 /*=== Tiles Slider ===*/
 .slider-tiles .slider-main,
 .slider-tiles .inner-wrap {
	 overflow: visible;
 }
 
 .slider-tiles .slides li {
	 width: 268px;
	 margin-right: 10px;
	 overflow: hidden;	
 }
 
 .slider-tiles .post-info {
   -moz-transition: all  0.3s ease 0s;
	 -webkit-transition: all  0.3s ease 0s;
	 -o-transition: all  0.3s ease 0s;
	 transition: all  0.3s ease 0s;	
	 min-height: 70px;
	 box-sizing: border-box;
 }
 
 .slider-tiles .default-meta{
	 position: absolute;
	 top: 10px;
 }
 
 .slider-tiles .default-meta .entry-rating{
	 right: 10px;
	 background: none;
 }
 
 .slider-tiles .default-meta .entry-cats{
	 position: absolute;
	 top: 10px;
	 left: 10px;
	 background: none;
 }
 
 .slider-tiles .slides .post-info .entry-cats,
 .slider-tiles .slides .post-info .entry-rating,
 .slider-tiles .post-excerpt {
	 display: none;
 }
 
 .slider-tiles .slides .post-info .entry-cats {
	 float: left;
	 position: static;
 }
 
 .slider-tiles .slides .post-info .entry-rating {
	 float: right;
	 position: static;
	 background: none;
 }
 
 .slider-tiles .slides li:hover .default-meta {
	 display: none;
 }
 
 .slider-tiles .slides li:hover .post-info {
	 min-height: 100%;
	 bottom: 0;
 }
 
 .slider-tiles .slides li:hover .post-info .entry-cats,
 .slider-tiles .slides li:hover .post-info .entry-rating,
 .slider-tiles .slides li:hover .post-excerpt,
 .slider-tiles .slides li:hover .entry-rating {
	 display: block;
 }
 
 .slider-tiles .slides li:hover .title {
	 clear: both;
	 overflow: hidden;
 }
 
 .slider-tiles .slides h2 {
	 font-size: 24px;
	 margin-bottom: 10px;
 }
 
 .slider-tiles .slides h2 a {
	 color: #FFFFFF;
 }
 
 .slider-tiles .slider-nav a {
	 position: absolute;
	 font-size: 0;
	 top: 45%;
 }
 
 .slider-tiles .more a {
	 color: #FFFFFF;
	 border: 2px solid #FFFFFF;
	 padding: 3px 8px;
	 display: block;
	 float: left;
	 margin-top: 20px;
 }
 
 .slider-tiles .more a:hover {
	 background: #FFFFFF;
	 color: #6BB9F0;
 }
 
 .slider-tiles .slider-nav a {
	 height: 36px;
	 width: 36px;
	 border: 2px solid #4F7091;
	 text-align: center;
	 color: #4F7091;	
 }
 
 .slider-tiles .slider-nav a:hover {
	 background: #4F7091;
	 color: #FFFFFF;	
 }
 
 .slider-tiles .slider-nav a:before {
	 font-family: FontAwesome;
	 display: inline-block;
	 padding: 0;
	 font-weight: 400;
	 font-size: 42px;
	 line-height: 34px;	
 }
 
 .slider-tiles .slider-nav a.flex-prev {
	 left: -90px;
	 padding-right: 3px;
 }
 
 .slider-tiles .slider-nav a.flex-next {
	 right: -90px;
	 padding-left: 3px;
 }
 
 .slider-tiles .slider-nav a.flex-prev:before {
	 content: "\f104";
 }
 
 .slider-tiles .slider-nav a.flex-next:before {
	 content: "\f105";
 }
 
 /*=== Slider Full ===*/
 .slider-full { 
	 overflow: hidden;
	 position: relative;
	 display: none;
 }
 
 .slider-full .inner-wrap {
	 overflow: visible;
	 position: relative;
 }
 
 .slider-full .slide {
	 float: left;
	 width: 600px;  
	 margin-left: 10px;
	 margin-right: 10px;
	 overflow: hidden;
	 position: relative;
 }
 
 .slider-full .attachment-fp760_390 {
	 max-width: 760px;
	 margin-left: -80px;
 }
 
 .slider-full .slide .post-info {
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;	
	 background: rgba(107, 185, 240, 0.90);
	 color: #FFFFFF;
	 position: absolute;	
	 padding: 22px 15px 15px;	
 }
 
 .slider-full .inactive .slider-nav {
	 display: none;
 }
 
 .slider-full .inactive .slide-overlay {
	 background: rgba(107, 185, 240, 0.85);
 }
 
 .slider-full .slide-overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;	
	 transition: all 0.4s ease 0s;
 }
 
 .slider-full .inactive .post-info {
	 display: none;
 }
 
 .slider-full h2 {
	 line-height: 1.1;
	 font-weight: 700;
 }
 
 .slider-full h2 a {
	 color: #FFFFFF;
 }
 
 .slider-full .entry-cats {
	 position: absolute;
	 left: 10px;	
	 top: -13px;
 }
 
 .slider-full .entry-rating {
	 position: absolute;
	 right: 10px;	
	 top: -13px;
	 background: rgba(107, 185, 240, 0.90);
	 padding: 1px 8px 3px;
 }
 
 .slider-full .entry-rating i {
	 color: #FFFFFF;
 }
 
 .slider-full .post-excerpt p {
	 float: left;
	 width: 540px;
 }
 
 .slider-full .more {
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: 24px;
	 height: 24px;
	 border: 2px solid #FFFFFF;
	 border-radius: 28px;
	 font-weight: 300;
	 text-align: center;
	 font-size: 14px;
 }
 
 .slider-full .more a {
	 color: #FFFFFF;
 }
 
 .slider-full .prev,
 .slider-full .next {
	 display: block;
	 height: 36px;
	 width: 36px;
	 top: 45%;
	 position: absolute;
	 text-align: center;
	 color: #4F7091;
	 border: 2px solid #4F7091;
	 text-align: center;
 }
 
 .slider-full .prev {
	 left: -90px;
 }
 
 .slider-full .next {
	 right: -90px;
 }
 
 .slider-full .prev i,
 .slider-full .next i {
	 font-size: 42px;
	 line-height: 34px;
 }
 
 .slider-full .prev:hover,
 .slider-full .next:hover {
	 background: #4F7091;
	 color: #FFFFFF;
 }
 
 /*=== Featured Slider ===*/
 .feat-slider .slider-left {
	 width: 730px;
 }
 
 /*=== Featured Categories ===*/
 .feat-cat .main-post .thumb {
	 overflow: hidden;
	 margin-bottom: 20px;
	 position: relative;
 }
 
 .feat-cat .main-post .entry-meta {
	 margin: 5px 0;
 }
 
 .feat-cat .post-list .item-post {
	 overflow: hidden;
	 margin-bottom: 20px;
 }
 
 .feat-cat .item-post .entry-meta {
	 margin-top: 5px;
 }
 
 .feat-cat .post-list .item-post:last-child {
	 margin-bottom: 0;
 }
 
 .feat-cat .post-list .item-post h4 {
	 font-size: 17px;
 }
 
 .feat-cat .post-list .thumb {
	 width: 70px;
	 margin-right: 10px;
	 float: left;
 }
 
 .feat-cat .post-list .entry-meta {
	 margin-top: 5px;
 }
 
 .feat-cat .post-list .post-right {
	 width: 270px;
	 float: left;
	 overflow: hidden;
 }
 
 
 .feat-cat .main-post .entry-cats{
	 position: absolute;
	 top: 10px;
	 left: 10px;
	 
 }
 
 .feat-cat .main-post .entry-rating{
	 position: absolute;
	 top: 10px;
	 right: 10px;
 }
 
 .feat-cat .main-post .thumb:hover .entry-cats,
 .feat-cat .main-post .thumb:hover .entry-rating{
	 display: none;
 }
 
 /*=== Featured Category ===*/
 .feat-cat1 .main-post .thumb{
	 height: 190px;
	 margin-bottom: 10px;
 }
 
 /*=== Single Categories ===*/
 .single-cats p {
	 margin-bottom: 20px;
 }
 
 .feat-cat .item-post .entry-rating {
	 float: right;	
 }
 
 .feat-cat .item-post .entry-rating i {
	 margin-right: 1px;
	 font-size: 15px;
	 color: #F39C12;
 }
 
 /*=== Popular Posts Widget ===*/
 .popular-posts .thumb-posts .thumb-post {
	 margin-bottom: 20px;	
 }
 
 .popular-posts .post-list h4 {
	 margin-bottom: 20px;
 }
 
 .popular-posts .post-list .item-post {
	 margin-bottom: 20px;
 }
 
 .popular-posts .thumb-posts .thumb-post:last-child,
 .popular-posts .post-list .item-post:last-child {
	 margin-bottom: 0;
 }
 
 .popular-posts .num {
	 background: #4f7091;
	 border-radius: 24px;
	 box-sizing: border-box;
	 color: #FFFFFF;
	 display: block;
	 height: 24px;	
	 width: 24px;
	 text-align: center;
	 float: left;
	 margin-right: 15px;
	 font-size: 14px;
	 padding-top: 5px;
	 line-height: 1;
 }
 
 .popular-posts .post-list .item-post {
	 overflow: hidden;
 }
 
 .popular-posts .post-list .item-post h5 {
	 float: left;
	 width: 311px;
 }
 
 /*=== Section Title ===*/
 .section-title {
	 overflow: hidden;
	 margin-bottom: 20px;
	 display:block;
	 /* background: #6BB9F0;
	 border-bottom: 8px solid rgba(0, 0, 0, 0.15); */
 }
 
 .section-title h4 {    
	 position: relative;
	 color: #FFFFFF;
	 font-weight: 700;
	 text-align: center;
 }
 
 .section-title .cat-nav {
	 float: right;	
 }
 
 .section-title .link {
	 float: right;	
 }
 
 .section-title .link a {
	 display: block;
	 height: 32px;
	 float: right;	
	 border-left: 1px solid rgba(0, 0, 0, 0.15);	
	 padding: 5px 10px;
	 box-sizing: border-box;
	 color: #FFFFFF;		
	 font-size: 14px;
 }
 
 .section-title .link a:hover {
	 background: rgba(0, 0, 0, 0.15);
 }
 
 .section-title .cat-nav ul {
	 list-style: none;
	 padding: 0;
	 margin: 0;
 }
 
 .section-title .cat-nav ul li {
	 float: left;
	 border-left: 1px solid rgba(0, 0, 0, 0.15);
 }
 
 .section-title .cat-nav a {
	 font-size: 0;	
	 height: 32px;
	 width: 31px;
	 display: block;
	 text-align: center;
 }
 
 .section-title .cat-nav a:before {
	 font-family: FontAwesome;
	 display: inline-block;
	 padding: 0;
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 34px;	
	 color: #FFFFFF;	
 }
 
 .section-title .cat-nav a.flex-prev:before {
	 content: "\f053";
	 margin-right: 2px;	
 }
 
 .section-title .cat-nav a.flex-next:before {
	 content: "\f054";
	 margin-left: 3px;
 }
 
 .section-title .cat-nav a:hover {
	 background: rgba(0, 0, 0, 0.15);
 }
 
 /*=== Homepage Carousel ===*/
 .carousel li {
	 width: 230px;
	 margin-right: 20px;
	 float: left;
	 overflow: hidden;
 }
 
 .carousel .thumb {
	 overflow: hidden;
	 margin-bottom: 10px;
 }
 
 .carousel .wp-post-image {
	 width: 230px;
	 /*height: 145px;*/
 }
 
 .carousel .entry-meta {
	 margin-bottom: 5px;
 }
 
 .carousel .entry-rating {
	 float: right;
	 overflow: hidden;
 }
 
 .carousel .entry-rating i {
   color: #f39c12;
   font-size: 15px;
   margin-right: 1px;
 }
 
 .category .sep{
	 display: block;
	 float: left;
	 width: 11px;
	 height: 11px;
	 margin-right: 5px;
	 margin-top: 5px;	
	 display: none;
 }
 
 .feat-carousel .carousel-nav ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }
 
 .feat-carousel .carousel-nav {
	 float: right;
	 width: 50px;
	 margin-top: 4px;
 }
 
 .feat-carousel .carousel-nav a {
	 font-size: 0;
	 float: left;
	 width: 20px;
	 height: 20px;	
	 margin-left: 5px;
	 text-align: center;
	 background: #000000;
	 color: #FFFFFF;
 }
 
 .feat-carousel .carousel-nav a:hover {
	 background: rgba(0, 0, 0, 0.8);
	 color: #FFFFFF;
 }
 
 .feat-carousel .carousel-nav a:before {
	 font-family: FontAwesome;
	 display: block;
	 padding: 0;
	 line-height: 1;	
	 font-size: 16px;
	 margin-top: 1px;
 }
 
 .feat-carousel .flex-prev:before {
	 content: "\f104";	
	 margin-right: 2px;
 }
 
 .feat-carousel .flex-next:before {
	 content: "\f105";
 }
 
 /*=== Home Thumb Posts ===*/
 .flex-control-paging {
	 padding: 0;
	 margin: 0;
	 list-style: none;	
 }
 
 .flex-control-paging li {	
	 float: left;
	 margin-left: 6px;
	 margin-top: 10px;
 }
 
 .flex-control-paging li a {
	 display: block;
	 width: 12px;
	 height: 12px;
	 font-size: 0;
	 cursor: pointer;
	 background: #FFFFFF;
	 opacity: 0.8;
 }
 
 .flex-control-paging li a.flex-active {
	 opacity: 1;
 }
 
 .thumb-posts {
	 margin-bottom: 0;
 }
 
 .thumb-posts .cat-thumb-nav {
	 float: right;
	 margin-right: 7px;
	 padding-left: 6px;
	 border-left: 1px solid rgba(0, 0, 0, 0.15);
	 height: 32px;
 }
 
 .thumb-posts .thumb-post {
	 margin-bottom: 30px;
 }
 
 .thumb-post {
	 position: relative;	
	 overflow: hidden;		
 }
 
 .thumb-post .entry-cats {
	 position: absolute;
	 left: 10px;
	 top: 10px;	
 }
 
 .thumb-post .entry-rating {
	 position: absolute;
	 right: 10px;
	 top: 10px;
 }
 
 .thumb-post .entry-rating i {
	 color: #FFFFFF;
 }
 
 .thumb-post .compact-thumb {
	 height: 150px;
 }
 
 .thumb-post .entry-wrap {
	 background: rgba(44, 62, 80, 0.7);
	 bottom: 0;
	 left: 0;
	 padding: 10px 15px;
	 position: absolute;
	 right: 0;
	 
	 -moz-transition: all  0.3s ease 0s;
	 -webkit-transition: all  0.3s ease 0s;
	 -o-transition: all  0.3s ease 0s;
	 transition: all  0.3s ease 0s;	
	 min-height: 43px;
	 box-sizing: border-box;
	 border-radius: 0 0 10px 10px;
 }
 .widget .thumb-post .thumb img {
	 border-radius: 10px;
 }
 
 .thumb-post .entry-wrap h4 a {
	 color: #FFFFFF;	
 }
 
 .thumb-post .entry-meta,
 .thumb-post .entry-wrap p,
 .thumb-post .entry-wrap .more {
	 display: none;
 }
 
 .thumb-post .entry-meta {
	 margin: 10px 0 15px;
	 color: #CCCCCC;
 }
 
 .thumb-post .entry-meta a {
	 color: #CCCCCC;
 }
 
 .thumb-post .entry-wrap .more a {
	 color: #FFFFFF;
	 border: 1px solid rgba(255, 255, 255, 0.6);
	 display: inline-block;
	 padding: 2px 8px 3px;
	 font-size: 11px;
	 line-height: 1;
	 font-weight: 400;
	 letter-spacing: 0.2em;
	 text-transform: uppercase;
	 padding: 9px 12px;
 }
 
 .thumb-post .entry-wrap .more a:hover {
	 background: #FFFFFF;
	 color: #999999;
 }
 
 .thumb-post:hover .entry-wrap {
	 /*min-height: 100%;*/
	 bottom: 0;
 }
 
 .thumb-post:hover .entry-cats,
 .thumb-post:hover .entry-rating {
	 /*display: none;*/
 }
 
 .thumb-post:hover .entry-meta,
 .thumb-post:hover .entry-wrap p,
 .thumb-post:hover .entry-wrap .more {
	 /*display: block;*/
 }
 
 .thumb-post p {
	 color: #FFFFFF;
	 margin-bottom: 15px;
 }
 
 .slider-tiles .slides li:hover .post-excerpt,
 .slider-tiles .slides li:hover .entry-rating {
	 display: block;
 }
 
 /* 6. BLOG
  * ========== */
 
 /*=== Post Archives ===*/
 .archive-list {
	 overflow: hidden;
 }
 
 .archive-list .post,
 .archive-list .page {
	 margin-bottom: 48px;
	 overflow: hidden;
 }
 
 .archive-list .thumb {
	 width: 275px;
	 float: left;
	 margin-right: 30px;
	 overflow: hidden;
 }
 
 .archive-list .wp-post-image {
	 /*height: 190px;*/
 }
 
 .archive-list .post-right {
	 float: left;
	 overflow: hidden;
	 width: 425px;
 }
 
 .archive-list h3 {
	 margin-bottom: 7px;
 }
 .archive-list h3 a,
 .archive-list h3 a:visited{
	 color: #111;
 }
 .archive-list h3 a:active,
 .archive-list h3 a:hover{
	 color: #197aa3;
 }
 
 
 .archive-list .entry-meta {
	 margin-bottom: 4px;
 }
 .archive-list .post-right {
	 font-size: 15px;
 }
 .archive-list h3 {
	 font-weight: 600;
 }
 
 /*=== Masonry List ===*/
 .masonary-list .item-post {
	 margin-bottom: 30px;
 }
 
 .masonary-list .thumb {
	 margin-bottom: 20px;
 }
 
 .masonary-list .entry-meta {
	 margin: 5px 0;
 }
 
 .masonary-list .entry-rating {
	 float: right;	
 }
 
 /*=== Blog List ===*/
 .blog-list {
	 overflow: hidden;
 }
 
 .blog-list .post {
	 overflow: hidden;
	 margin-bottom: 30px;
 }
 
 .blog-list .thumb {
	 margin-bottom: 20px;
 }
 
 .thumb .more-link {
	 top: 45%;
 }
 
 .blog-list .entry-meta {
	 margin: 5px 0;
 }
 
 .blog-list p {
	 margin-bottom: 20px;
 }
 
 .blog-list .excerpt-footer,
 .archive-list .excerpt-footer {
	 overflow: hidden;	
	 position: relative;
 }
 
 .blog-list .more,
 .archive-list .more {
	 float: left;
	 padding-right: 20px;
	 background: #FFFFFF;
	 display: block;
 }
 
 .blog-list .more a,
 .archive-list .more a {
	 color: #FFFFFF;
	 display: block;
	 float: left;
	 background: #6BB9F0;
	 font-size: 14px;
	 text-transform: uppercase;
	 font-weight: 500;
	 padding: 6px 12px;
 }
 
 .blog-list .social {
	 float: right;
	 background: #FFFFFF;
	 padding-left: 20px;
	 overflow: hidden;
 }
 
 .blog-list .social span {
	 height: 33px;
	 width: 33px;
	 display: block;
	 float: left;
	 text-align: center;	
	 box-sizing: border-box;	
 }
 
 .blog-list .social span a {
	 color: #FFFFFF;
	 display: block;
 }
 
 .blog-list .social span:hover {
	 opacity: 0.8;
 }
 
 .blog-list .social .fb {
	 padding-top: 5px;
	 margin-right: 5px;
	 background: #5D82D1;
 }
 
 .blog-list .social .twitter {
	 background: #40BFF5;
	 padding-top: 3px;
 }
 
 .blog-list .inner-sep,
 .archive-list .inner-sep {
	 border-top: 2px solid #EEEEEE;
	 left: 0;
	 position: absolute;
	 right: 0;
	 top: 50%;
	 z-index: -1;
 }
 
 /*=== Small thumbs ===*/
 .thumb .link-icon {
	 top: 30%;
 }
 
 .thumb .link-icon a {
	 padding: 5px;
 }
 
 /*=== Load more ===*/
 .load-more {
	 margin: 20px 0;
	 overflow: hidden;
	 text-align: center;
 }
 
 .load-more a {
	 display: inline-block;
	 background: #6BB9F0;
	 color: #FFFFFF;
	 padding: 6px 15px;
	 font-weight: 500;
	 text-transform: uppercase;
	 font-size: 14px;
 }
 
 .load-more a.inactive {
	 background: #CDCDCD;
	 cursor: auto;
 }
 
 .load-more i {
	 margin-right: 7px;	
 }
 
 /* === Pagination === */
 .pagination {
	 overflow: hidden;
	 margin-top: 15px;	
	 font-size: 16px;
	 font-weight: 600;
	 clear: both;	
 }
 
 .pagination .prev,
 .pagination .next {
	 color: #AAAAAA;
 }
 
 .pagination a:hover {
	 border: 1px solid #6BB9F0;
	 background: #6BB9F0;	
	 color: #FFFFFF;	
 }
 
 .pagination .page-numbers {
	 display: inline-block;	
	 margin-right: 2px;
	 margin-bottom: 8px;
	 padding: 3px 10px;
	 border: 1px solid #BBBBBB;
	 color: #AAAAAA;
	 border-radius: 4px;
 }
 
 .pagination .current {
	 border: 1px solid #6BB9F0;
	 background: #6BB9F0;
	 color: #FFFFFF;
 }
 
 /*=== Single Post ===*/
 .entry-header {
	 /* overflow: hidden; */
	 margin-bottom: 25px;
 }
 
 .entry-content p {
	 margin-bottom: 20px;
	 text-align: justify;
 }
 
 .entry-content h1,
 .entry-content h2,
 .entry-content h3,
 .entry-content h4,
 .entry-content h5,
 .entry-content h6 {
	 margin-bottom: 10px;
 }
 
 .entry-content a {
	 color: #197aa3 !important;
	 text-decoration: underline;
 }
 
 .entry-content a:hover {
	 color: #000000;
 }
 
 .entry-content .videoframe {
	 height: 0;
	 padding-bottom: 56.25%;
	 position: relative;
 }
 
 .entry-content .videoframe iframe {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
 }
 
 /*=== Entry Nav ===*/
 .entry-nav {
	 overflow: hidden;
	 margin-bottom: 30px;
 }
 
 .entry-nav .prev-post {
	 float: left;
	 width: 49%;
 }
 
 .entry-nav .next-post {
	 float: right;
	 text-align: right;
	 width: 49%;
 }
 
 .entry-nav i {
	 display: block;
	 float: left;
	 margin-right: 7px;	
	 margin-top: 5px;
 }
 
 .entry-nav .next-post i {
	 float: right;
	 margin-right: 0;
	 margin-left: 7px;
 }
 
 .entry-nav h5 {
	 display: inline;
 }
 
 /*=== Related Posts ===*/
 .related-posts {
	 margin-bottom: 30px;
 }
 
 .sec-title {
	 margin-bottom: 20px;
 }
 
 /*=== Post Archives ===*/
 .archive-header {
	 overflow: hidden;
 }
 
 .archive-desc {
	 margin-top: 20px;
	 background: #F5F5F5;
	 padding: 10px;
 }
 
 .archive-header h2 {
	 margin-bottom: 15px;
 }
 
 .archive-desc .author-avatar {
	 margin-top: 3px;
 }
 
 .video-thumb iframe {
	 width: 100% !important;
	 height: 210px !important;
	 display: block;
	 margin-bottom: 10px;
 }
 
 /*=== Homepage Ad ===*/
 .home-ad {
	 text-align: center;
	 overflow: hidden;
 }
 
 .home-ad .ad-wrap {
	 display: inline-block;
	 max-width: 100%;
 }
 
 .home-ad .ad-wrap img {
	 display: block;
 }
	 
 /*=== Featured Category ===*/
 .entry-meta {
	 overflow: hidden;
	 font-size: 14px;
	 font-weight: 400;
	 color: #9C9C9C;
 }
 #sidebar .entry-meta {
	 font-size: 13px;
 }
 
 .entry-meta a {
	 color: #9C9C9C;	
 }
 
 .entry-meta a:hover {
	 color: #000000;	
 }
 
 .entry-meta i {
	 color: #CCCCCC;	
	 margin-right: 5px;
 }
 
 .entry-meta .comments,
 .entry-meta .views {
	 margin-left: 25px;
 }
 
 .entry-meta .comments i {
	 margin-right: 2px;
 }
 
 .entry-meta .views i {
	 margin-right: 4px;
 }
 
 .entry-meta .tags {
	 float: right;
 }
 
 /*=== Single Post ===*/
 .header-top {
	 margin-bottom: 5px;
	 overflow: hidden;
 }
 
 .header-top .entry-rating {
	 margin-left: 20px;
	 float: left;
 }
 
 .single-post .entry-header h1 {
	 margin-bottom: 10px;
 }
 
 .single-post .entry-header .entry-meta {
	 /* border-top: 1px solid #EEEEEE; */
	 padding: 10px 0 10px;
 }
 
 .single-post .entry-header .entry-meta .tags {
	 float: none;
	 margin-left: 15px;
 }
 
 .single-post .slider-main {
	 margin-right: 0;
	 margin-bottom: 30px;
 }
 
 .single-post .thumb-single {
	 margin-bottom: 30px;
 }
 
 .entry-slider {
	 position: relative;
	 margin-bottom: 20px;
 }
 
 .entry-slider .slides img {
	 display: block;
 }
 
 .slider-main-nav ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }
 
 .single-post .slider-main img {
	 display: block;
 }
 
 .single-post .entry-quote {
	 margin-bottom: 30px;
 }
 
 .entry-image {
	 position: relative;
	 margin-bottom: 20px;
	 text-align: center;
 }
 
 .entry-image .wp-post-image{
	 display: inline-block;
	 height: auto;
	 width: auto;
 }
 
 .entry-video {
	 margin-bottom: 30px;	
 }
 
 .entry-video iframe {
	 width: 100%;
 }
 
 .nav-single {
	 overflow: hidden;
	 margin: 10px 0;	
	 padding: 10px 15px;
	 background: #F5F5F5;
	 font-weight: 600;
 }
 
 .nav-single a,
 .nav-single i{
	 color: #777777;
 }
 
 .nav-single a:hover{
	 color: #000000;
 }
 
 .nav-previous {
	 display: block;
	 float: left;	
 }
 
 .nav-previous i{
	 margin-right: 10px;
 }
 
 .nav-next {
	 display: block;
	 float: right;
 }
 
 .nav-next i{
	 margin-left: 10px;
 }
 
 .entry-meta .social {
	 float: right;
	 background: #FFFFFF;
	 padding-left: 20px;
	 overflow: hidden;
 }
 
 .entry-meta .social span {
	 height: 20px;
	 width: 20px;
	 display: block;
	 float: left;
	 text-align: center;	
	 box-sizing: border-box;	
	 margin-left: 5px;
 }
 
 .entry-meta .social span.share-text{
	 width: auto;
 }
 
 .entry-meta .social span:hover {
	 opacity: 0.8;
 }
 
 .entry-meta .social span a {
	 color: #FFFFFF;
	 display: block;
 }
 
 .entry-meta .social span i {
	 font-size: 14px;
	 color: #FFFFFF;
	 margin-right: 0;
 }
 
 .entry-meta .social .fb {	
	 background: #5D82D1;
 }
 
 .entry-meta .social .twitter {
	 background: #40BFF5;
 }
 
 .entry-meta .social .gplus {
	 background: #D34C27;
 }
 
 .entry-meta .social .pinterest {
	 background: #FE4445;
 }
 
 .entry-footer{
	 margin-bottom: 20px;
 }
 
 .entry-footer .rating {
	 float: right;
 }
 
 .entry-footer .text {
	 display: block;
	 float: left;
	 margin-right: 20px;
 }
 
 .entry-footer .ec-stars-outer{
	 float: left;
 }
 
 /*=== Post Rating ===*/
 .header-top .ec-stars-outer{
	 float: right;
 }
 
 .entry-meta-wrap .ec-stars-wrapper a{
	 line-height: 1;
 }
 
 .ec-stars-wrapper {
	 font-size: 0;
	 display: inline-block;
	 position: relative;
 }
 
 .ec-stars-wrapper[data-tooltip]:hover:before {
	 content: attr(data-tooltip);
	 position: absolute;
	 bottom: 90%;
	 left: 50%;
	 text-align: center;
	 max-width: 130px;
	 margin-left: -40px;
	 background: rgba(0,0,0,.7);
	 color: white;
	 font-size: 10px;
	 border-radius: 3px;
	 line-height: 1.4;
	 padding: 5px 3px 7px;
	 text-transform: none;
 }
 
 .ec-stars-wrapper a {
	 text-decoration: none;
	 display: inline-block;
	 font-size: 17px;
	 color: #F39C12;
	 margin-right: 1px;
 }
 
 .ec-stars-wrapper:hover a,
 .ec-stars-wrapper.is-voted a {
	 color: #F39C12;
 }
 
 .ec-stars-wrapper > a:hover ~ a {
	 color: #CCCCCC;
 }
 
 .ec-stars-wrapper a:active {
	 color: #F39C12;
 }
 
 .ec-stars-overlay {
	 position: absolute;
	 height: 100%;
	 right: 0;
	 top: 0;
	 background-color: transparent;
	 background-color: rgba(255,255,255,.7);
	 zoom: 1;
	 z-index: 2;
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
 }
 
 .ec-stars-wrapper:hover .ec-stars-overlay {
	 display: none;
 }
 
 .ec-stars-value {
	 display: inline-block;
	 margin-left: 5px;
	 color: #999999;
	 font-size: 14px;
 }
 
 /*=== Entry Author ===*/
 .entry-author {
	 /* margin-bottom: 30px; */
	 background: #e0eafc80;
	 /* border-left: 5px solid #EEEEEE; */
	 padding: 15px;
	 overflow: hidden;
	 border-top-left-radius: 12px;
    border-top-right-radius: 12px;
 }
 
 .footer-author {
	 border: 1px solid #E3E3E3;
	 padding: 10px 20px 15px;
 }
 
 .entry-author .author-title {
	 overflow: hidden;
	 margin-bottom: 5px;	
 }
 
 .entry-author .author-title h5 {
	 float: left;
	 text-transform: uppercase;
 }
 
 .entry-author .author-title .rss {
	 float: right;	
 }
 
 .entry-author .author-avatar {
	 float: left; 
	 margin-right: 25px;
	 margin-top: 6px;
 }
 
 .entry-author .author-avatar .avatar {
	 display: block;
	 border-radius: 12px;
 }
 
 .entry-author .author-link {
	 margin-left: 8px;
	 display: inline;
 }
 
 .entry-author .author-link a {
	 text-decoration: underline;
 }
 
 /* === Comments === */
 #comments {
	 max-width: 720px;
	 background: #FFFFFF;
	 margin: 30px 0;
	 line-height: 1.6;
 }
 
 #comments ol.commentlist {
	 margin: 10px 0;
	 list-style: none;
 }
 
 #comments .comment {
	 overflow: hidden;
	 margin-bottom: 10px;
 }
 
 #comments .author-info {
	 margin-bottom: 5px;
	 overflow: hidden;
 }
 
 #comments .author-avatar {
	 float: left;
	 width: 80px;	
	 margin-right: 20px;
	 margin-top: 5px;
 }
 
 #comments .author-avatar img {
	 display: block;
 }
 
 #comments .comment-header {
	 overflow: hidden;
	 margin-bottom: 5px;
 }
 
 #comments .comment-header h6 {
	 float: left;
	 margin-right: 15px;
	 font-weight: 500;
	 font-size: 15px;
	 text-transform: none;
 }
 
 #comments .comment-header .fn {	
	 width: auto;
	 font-style: normal;
	 margin-right: 10px;
 }
 
 #comments .comment-text {
	 line-height: 1.3;
 }
 
 #comments .comment-meta {
	 margin-bottom: 4px;	
	 font-size: 12px;
 }
 
 #comments .author-comment {
	 font-size: 12px;
	 padding: 2px 5px 3px;
	 margin-top: 2px;
	 line-height: 1;
	 display: block;
	 float: left;
	 color: #FFFFFF;
 }
 
 #comments .comment-time {	
	 margin-left: 15px;
	 font-size: 13px;
	 display: block;
	 float: left;
 }
 
 #comments .comment-time a {
	 color: #AEAEAE;
 }
 
 #comments .sep {
	 color: #AEAEAE;
	 margin-right: 0px;
 }
 
 #comments .reply {
	 margin-top: 5px;
	 display: inline-block;	
 }
 
 #comments .reply a {
	 color: #FFFFFF;
	 font-size: 13px;
	 background: #0078ff;
	 padding: 3px 6px;
 }
 
 #comments .moderation { 
	 color: red; 
	 font-size: 13px;
	 margin-bottom: 0;
	 overflow: hidden;
	 clear: both;
 }
 
 #comments ul.children {
	 list-style: none;
	 position: relative;
	 overflow: hidden;
 }
 
 #comments ol.commentlist {
	 overflow: hidden;
 }
 
 #comments ol.commentlist article {
	 overflow: hidden;
 }
 
 #comments ol.commentlist li ul.children { 
	 list-style: none; 
	 margin: 15px 0 0; 	
	 overflow: hidden;
 }
 
 #comments ul.children .author-avatar {
	 width: 60px;
	 margin-top: 5px;
	 margin-right: 20px;
 }
 
 #comments ul.children li.comment {
	 margin-bottom: 5px;
 }
 
 #comments ol.commentlist .comment-right {
	 float: left;
 }
 
 #comments ol.commentlist .depth-1 .comment-right {
	 width: 620px;
 }
 
 #comments ol.commentlist li ul.children li.depth-2 .comment-right { 
	  width: 540px;
 }
 
 #comments ol.commentlist li ul.children li.depth-3 .comment-right { 
	  width: 490px;
 }
 
 #comments ol.commentlist li ul.children li.depth-2 { 
	 margin-left: 100px;  
 }
 
 #comments ol.commentlist li ul.children li.depth-4 .comment-right { 
	  width: 440px;
 }
 
 #comments ol.commentlist li ul.children li.depth-5 .comment-right { 
	  width: 390px;
 }
 
 #comments ol.commentlist li ul.children li.depth-3,
 #comments ol.commentlist li ul.children li.depth-4,
 #comments ol.commentlist li ul.children li.depth-5 { 
	 margin-left: 50px; 
 }
 
 #comments ol.commentlist li.pingback .url {
	 margin-right: 10px;
 }
 
 #comments .comment-nav  h4 {
	 margin-bottom: 5px;
 }
 
 #comments .comment-nav {
	 margin-bottom: 15px;
	 overflow: hidden;
 }
 
 #comments .comment-nav .nav-previous {
	 float: left;
 }
 
 #comments .comment-nav .nav-next {
	 float: right;
 }
 
 #comments  .moderation {
	 color: #E96065;
	 font-size: 14px;
 }
 
 #respond {
	 margin-top: 30px;
	 overflow: hidden;
 }
 
 #respond #reply-title {	
	 font-size: 18px;
	 font-weight: 400;
	 margin-bottom: 10px;
 }
 
 #respond #reply-title small {
	 font-weight: 400;
	 font-size: 12px;
	 text-transform: none;
	 margin-left: 8px;
 } 
 
 #respond #reply-title small a {
	 color: #CCCCCC;
 }
 
 #respond .required {
	 color: #ff4b33;
	 font-weight: bold;
 }
 
 #respond label {
	 display: block;
	 margin-bottom: 3px;
	 font-size: 15px;
 }
 
 #respond .logged-in-as {
	 overflow: hidden;
	 margin-bottom: 20px;
 }
 
 #respond .comment-notes {
	 font-size: 14px;
	 color: #999999;
	 margin-bottom: 20px !important;
 }
 
 #respond .comment-form-author {
	 margin-right: 2%;
 }
 
 #respond .comment-form-author,
 #respond .comment-form-email {
	 width: 49%;
	 float: left;
	 margin-bottom: 15px;
 }
 
 #respond .comment-form-author input[type=text],
 #respond .comment-form-email input[type=text] {	
	 width: 90%;	
 }
 
 #respond .comment-form-url input[type=text],
 #respond textarea {
	 width: 95%;
	 margin-bottom: 15px;
 }
 
 #respond input[type=text],
 #respond textarea {	
	 display: block;	
	 font-family: inherit;
	 color: inherit;	
	 padding: 10px 12px;
	 border: 1px solid #ACACAC;
	 resize: none;
 }
 
 #respond textarea {
	 height: 185px;
 }
 
 #respond input[type=submit] {
	 border: none;
	 background: #0b75fd;
	 color: #FFFFFF;
	 cursor: pointer;
	 font: inherit;
	 padding: 6px 8px 4px;
	 margin: 5px 0;
	 text-align: center;
	 text-transform: uppercase;
	 font-size: 15px;
	 font-weight: 500;
	 border-left: 2px solid rgba(0, 0, 0, 0.15);
 }
 
 #respond .form-allowed-tags {
	 display: none;
 }
 
 /* 7. PAGES
  * ========== */
 .page-content {
	 background: #F5F5F5;
	 padding: 10px;
	 margin-bottom: 30px;
 }
 
 .page-content p:last-child {
	 overflow: hidden;
	 margin-bottom: 0;
 }
 
 /*=== 404 ===*/
 .error-page .error-page-wrap {
	 text-align: center;
 }
 
 .error-page h1 {
	 font-size: 150px;
 }
 
 .error-page .widget_recent_entries {
	 display: inline-block;	
 }
 
 .error-page .widget_recent_entries ul {
	 text-align: left;
	 margin-top: 10px;
 }
 
 .error-page .search-form {
	 width: 300px;
	 margin: 30px 0;
	 display: inline-block;
 }
 
 .error-page .search-field {
	 width: 240px;
	 padding: 5px 10px;
 }
  
 /*=== Archives ===*/
 .archive-columns {
	 margin-bottom: 30px;
 }
 
 .archive-columns {
	 overflow: hidden;
 }
 
 .archive-columns h4 {
	 margin-bottom: 10px;
 }
 
 .archive-columns a {
	 color: #242424;
 }
 
 .archive-columns .wp-tag-cloud a {
	 font-size: 14px !important;
 }
 
 .archive-columns .search-form {
	 position: relative;
	 width: 300px;
 }
 
 .archive-columns .search-field {
	 width: 228px;
	 padding: 6px 10px;
 }
 
 .archive-columns .search-submit {
	 width: 38px;
	 height: 38px;
 }
 
 .archive-columns .sep{
	 border-bottom: 2px solid #4F7091;
 }
 
 /*=== Contact Page ===*/
 .contact-page .contact-text p:last-child {
	 margin-bottom: 0;
 }
 
 .contact-page .contact-map,
 .contact-page .contact-text {
	 margin-bottom: 20px;
	 overflow: hidden;
 }
 
 .contact-page .contact-form .error {
	 color: #F0685C;
	 font-size: 13px;
 }
 
 .contact-page .contact-form .field{
	 margin-bottom: 20px;
	 overflow: hidden;
 }
 
 .contact-page  .field-section {
	 margin-bottom: 20px;
	 overflow: hidden;
 }
 
 .contact-page  .field-section  .field {
	 margin-bottom: 0;
 }
 
 .contact-page .contact-form label span {
	 margin-left: 15px;
	 font-size: 14px;
	 color: #BCBCBC;
	 font-weight: normal;
 }
 
 .contact-page .one-half {
	 overflow: hidden;
	 width: 49%;
	 margin-right: 2%;
	 float: left;
 }
 
 .contact-page .contact-form input[type="text"],
 .contact-page .contact-form input[type="email"],
 .contact-page .contact-form textarea {
	 display: block;
	 font-family: inherit;
	 font-size: 16px;
	 padding: 10px 14px;
	 border: 1px solid #ACACAC;
	 margin: 0;
 }
 
 .contact-page .contact-form input[type="text"],
 .contact-page .contact-form input[type="email"] {
	 width: 90.3%;
 }
 
 .contact-page .contact-form .message-field input[type="text"] {
	 width: 95.3%;
 }
 
 .contact-page .contact-form textarea {
	 height: 185px;
	 width: 95.3%;
	 resize: none;
 }
 
 .contact-page .contact-form .capt-section {
	 display: none;
 }
 
 .msgbox {
	 color: #FFFFFF;
	 margin-bottom: 20px;
	 padding: 10px;
	 border-left: 2px solid rgba(0, 0, 0, 0.15);
 }
 
 .msgbox-error {
	 background: #C14E36;	
 }
 
 .msgbox-success {
	 background: #6BCA70;
 }
 
 .msgbox-warning {
	 background: #F1C40F;
 }
 
 .msgbox i {
	 margin-right: 5px;
 }
 
 /* 8. SIDEBAR
  * =========== */
 
 
 .widget {
	 overflow: hidden;
	 margin-bottom: 30px;
 }
 
 .sidebar .widget:last-child {
	 margin-bottom: 0;
 }
 
 .widget select {
	 border: 1px solid #EFF2F7;
	 font: inherit;
	 color: inherit;
	 width: 100%;
	 padding: 8px;
 }
 
 .widget input[type=text] {
	 display: block;	
	 font-family: inherit;
	 font-size: 15px;
	 color: #000000;	
	 padding: 8px 12px;
	 height: 42px;
	 width: 274px;
	 border-radius: 6px;
 }
 
 #sidebar-left .widget input[type=text] {
	 width: 144px;
 }
 
 .widget p {
	 margin-bottom: 15px;
 }
 
 .widget p:last-child {
	 margin-bottom: 0;
 }
 
 .widget ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }
 
 .widget_categories ul li,
 .widget_recent_comments ul li,
 .widget_archive ul li,
 .widget_meta ul li,
 .widget_pages ul li,
 .widget_recent_entries ul li {	
	 margin-bottom: 8px;
	 padding-bottom: 8px;
	 border-bottom: 1px solid #ffffff;
 }
 
 .widget ul li:last-child {
	 margin-bottom: 0;
	 padding-bottom: 0;
	 border-bottom: none;
 }
 
 .widget_categories ul li:before,
 .widget_recent_comments ul li:before,
 .widget_archive ul li:before,
 .widget_meta ul li:before,
 .widget_pages ul li:before,
 .widget_recent_entries ul li:before {
	 font-family: FontAwesome;
	 font-size: 8px;
	 content: "\f054";
	 margin-right: 5px;
	 font-weight: normal;
	 color: #ffffff;	
	 margin-top: 7px;
	 display: block;
	 float: left;
 } 
 
 .search-form {
	 overflow: hidden;
 }
 
 .search-submit {
	 border: none;
	 overflow: hidden;
	 color: #353535;
	 cursor: pointer;
	 font-size: 16px;	
	 margin: 0;	
	 padding: 0;
	 display: block;
	 float: left;
	 width: 36px;
	 height: 36px;
	 background: #0078ff;
 }
 
 .search-submit i {
	 color: #FFFFFF;
 }
 
 /*=== Featured Posts ===*/
 .widget-feat-posts .main-post {
	 overflow: hidden;
	 margin-bottom: 20px;
 }
 
 .widget-feat-posts .item-post {
	 overflow: hidden;
	 margin-bottom: 15px;
 }
 
 /*=== Featured Posts ===*/
 .widget-posts ul li {
	 overflow: hidden;
	 margin-bottom: 20px;
 
	 position: relative;
 }
 
 .widget-posts .wp-post-image {
	 max-width: 370px;
	 margin-left: -15px;
 }
 
 .widget-posts .entry-cats {
	 position: absolute;
	 top: 10px;
	 left: 10px;	
 }
 
 .widget-posts .entry-rating {
	 position: absolute;
	 right: 10px;
	 top: 10px;
	 padding: 1px 8px;
 }
 
 .widget-posts .entry-rating i {
	 color: #FFFFFF;
	 font-size: 15px;
 }
 
 .widget-posts .entry-meta {
	 margin-bottom: 5px;
 }
 
 /*=== Post List Widget ===*/
 .widget-postlist li {
	 overflow: hidden;
	 margin-bottom: 15px;
 }
 
 .widget-postlist .thumb-70 {
	 width: 70px;
	 float: left;
	 margin-right: 15px;
	 margin-top: 5px;
 }
 
 .widget-postlist .entry-right {
	 display: block;
	 overflow: hidden;
 }
 
 .widget-postlist .entry-rating {
	 float: right;
	 overflow: hidden;
 }
 
 .widget-postlist .entry-rating i {
	 margin-right: 1px;
	 font-size: 15px;
	 color: #F39C12;
 }
 
 .widget-postlist .entry-right h4 {
	 font-size: 15px;
	 line-height: 1.2;
	 margin: 1px 0 2px;
 }
 .widget-postlist .entry-right h4 a {
	 font-weight: 600;
 }
 
 .widget .thumb img {
	 border-radius: 6px;
 }
 .widget-postlist .entry-meta {
	 line-height: 1.3;
 }
 
 .widget-postlist .entry-meta .date,
 .widget-postlist .entry-meta .author{
	 margin-right: 15px;
 }
 
 .widget-postlist .entry-meta .views {
	 margin-left: 15px;
	 display: none;
 }
 
 /*=== Slider Widget ===*/
 .widget_slider {
	 position: relative;
 }
 
 .widget_slider ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }
 
 .widget_slider .cat-nav a {
	 height: 31px;
 }
 
 /* === Comments widget === */
 .widget_comments .comment-list li {
	 margin-bottom: 5px;
	 background: #F5F5F5;
	 padding: 10px;	
	 overflow: hidden;
	 border-left: 5px solid #EEEEEE;
 }
 
 .widget_comments .comment-list li:hover {
	 border-left: 5px solid #6BB9F0;
 }
 
 .widget_comments .comment-list li:last-child {
	 padding-bottom: 10px;
 }
 
 .widget_comments .thumbnail {
	 float: left;	
	 width: 52px;
	 margin-right: 10px;
	 margin-top: 5px;
 }
 
 .widget_comments .thumbnail img {
	 display: block;
	 border-radius: 48px;
 }
 
 .widget_comments .entry-meta {
	 margin: 0;
 }
 
 .widget_comments .comment-text {
	 margin-top: 5px;
	 line-height: 1.3;
	 font-size: 14px;
 }
 
 .widget_comments .comment-text a {
	 color: #575757;
 }
 
 /*=== Featured Article ===*/
 .widget-article .archive-list .thumb-wrap {
	 margin-right: 0;
	 width: 100%;
	 float: none;
	 margin-bottom: 10px;
 }
 
 .widget-article .entry-content {
	 overflow: hidden;
 }
 
 .widget-article .entry-content p {
	 margin-bottom: 8px;
 }
 
 .widget-article .archive-list .post,
 .widget-article .entry-content p:last-child {
	 margin-bottom: 0;
 }
 
 .widget-article .read-more {
	 font-weight: 700;
 }
 
 .widget-article h4 {
	 margin-bottom: 10px;
 }
 
 /*=== Featured Video ===*/
 .widget_video iframe {
	 max-width: 100%;
	 height: 192px;
	 border-radius: 6px;
 }
 
 .widget_video .embed p {
	 display: none;
 }
 
 /*=== Popular Categories ===*/
 .widget_popular_categories ul li {
	 border-bottom: 1px solid #E2E2E2;
	 overflow: hidden;
	 padding: 12px 0;
	 line-height: 1;
 }
 
 .widget_popular_categories li h6 {
	 float: left;
	 font-weight: 400;
 }
 
 .widget_popular_categories li h6 a {
	 color: #666666;
 }
 
 .widget_popular_categories li i {
	 margin-right: 7px;
	 font-size: 13px;
 }
 
 .widget_popular_categories .post-count {
	 font-size: 11px;
	 color: #FFFFFF;
	 float: right;
	 background: #6BB9F0;
	 padding: 4px 8px;
	 display: block;
 }
 
 /*=== Calendar widget === */
 .widget_calendar { 
	 margin-bottom: 0 
 }
 
 .widget_calendar #calendar_wrap {
	 padding: 1px;
 }
 
 .widget_calendar td {
	 text-align: center;
	 padding: 7px 0;
	 border-top: 1px solid #000000;
	 border-right: 1px solid #000000;
 }
 
 .widget_calendar td:first-child {
	 border-left: 1px solid #000000;
 }
 
 .widget_calendar td a {
	 font-weight: 700;
 }
 
 .widget_calendar tfoot td a {
	 font-weight: 400;
 }
 
 .widget_calendar thead th {
	 padding: 10px 0;
	 text-align: center;
 }
 
 .widget_calendar caption {   
	 font-weight: 700;
 }
 
 .widget_calendar #prev {
	 text-align: left;
	 padding-left: 12px;
 }
 
 .widget_calendar #today {
	 font-weight: 700;
 }
 
 /* === Subscription Widget === */
 .widget_subscribe .widget-title {
	 text-align: center;
 }
 
 .widget_subscribe .widget_rss_subscription {
	 position: relative;
 }
 
 .widget_subscribe button {
	 position: absolute;
	 right: 6px;
	 top: 10px;
	 background: #FFFFFF;
	 border: none;
	 cursor: pointer;
	 font-size: 15px;
	 color: #4F7091;
 }
 
 .widget_subscribe input[type=text] {
	 border: 1px solid #4f7091;
	 width: 92%;	
 }
 
 /* === Search Widget === */
 .search-form {
	 overflow: hidden;
	 position: relative; 
 }
 
 .search-field {
	 padding: 7px 10px;
	 font: inherit;
	 float: left;
 }
 
 /* === Single Ad === */
 .widget_adsingle .outer-wrap {	
	 text-align: center;
 }
 
 .widget_adsingle .in-wrap {
	 display: inline-block;
	 max-width: 100%;
 }
 
 /* === Tags widget === */
 .tagcloud {
	 overflow: hidden;
	 margin-top: 10px;
 }
 
 .tagcloud a {
	 display: block;
	 float: left;
	 font-size: 14px !important;
	 margin-bottom: 6px;
	 margin-right: 6px;
	 padding: 5px 10px 6px 8px; 	
	 background: #6BB9F0;
	 color: #FFFFFF;
	 border-left: 2px solid rgba(0, 0, 0, 0.15);
	 
 }
 
 .tagcloud a i {
	 float: left;
	 margin-right: 5px;
	 margin-top: 4px;
	 color: #FFFFFF;
	 font-size: 13px;
 }
 
 .tagcloud a:hover {
	 opacity: 0.8;
 }
 
 /* === Image widgets === */
 .widget_pinterest ul li.pinterest-follow-me img {
	 display: block;
	 height: 28px
 }
 
 .widget_pinterest .recent-pins-widget {
	 overflow: hidden;
 }
 
 .widget_flickr ul li:before {
	 content: "\f16e";
	 font-family: FontAwesome;
	 font-size: 20px;
	 line-height: 0;
	 position: absolute;
	 left: 25px;
	 top: 32px;
	 opacity: 0;
	 color: #FFFFFF;
 }
 
 .widget_pinterest ul li:before {
	 content: "\f231";
	 font-family: FontAwesome;
	 font-size: 20px;
	 line-height: 0;
	 position: absolute;
	 left: 25px;
	 top: 32px;
	 opacity: 0;
	 color: #FFFFFF;
 }
 
 .widget_pinterest ul li,
 .widget_flickr ul li {
	 width: 67px;
	 float: left;
	 margin-right: 1px;
	 margin-bottom: 1px;
	 padding: 0 !important;
	 border-bottom: none !important;
	 background: #0063DC;
	 position: relative;
 }
 
 .widget_pinterest ul li {
	 background: #BD1E23;
 }
 
 .widget_pinterest .pinterest-image img,
 .widget_flickr .flickr_thumbs img {
	 width: 67px;
	 height: 67px;
	 display: block;
 }
 
 .widget_pinterest ul li a:hover,
 .widget_flickr ul li a:hover {
	 opacity: 0.2;
 }
 
 .widget_flickr ul li:hover:before {
	 opacity: 1;
 }
 
 /*=== Social Links ===*/
 .widget_social h2 {
	 color: #FFFFFF;
 }
 
 .widget_social ul {
	 overflow: hidden;
	 margin-top: 10px;
	 display: flex !important;

 }

 /* adding css for whatsapp*/
 i.fa.fa-whatsapp {
    color: #25D366;
}
 
 .widget_social ul li {
	 border-bottom: none !important;
	 float: left;
	 margin-right: 6px;
	 margin-bottom: 6px;
	 padding: 0;
 }
 
 
 
 .widget_social .info-text {
	 border-bottom: 1px solid #444444;
	 margin: 15px 0 20px;
	 padding-bottom: 15px;
 }
 
 .widget_twitter{
	 background: #59C8FF;
	 color: #FFFFFF;
	 padding: 15px;
 }
 
 .widget_twitter a{
	 color: #FFFFFF;
 }
 
 .widget_twitter a:hover{
	 opacity: 0.9;
 }
 
 .widget_twitter .title {
	 overflow: hidden;
	 border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	 margin-bottom: 15px;
 }
 
 .widget_twitter .title h4{
	 margin-bottom: 10px;
	 float: left;
	 color: #FFFFFF;
 }
 
 .widget_twitter .title .link{
	 float: right;	
 }
 
 .widget_twitter .title .link a{
	 display: block;
	 margin-top: 4px;
	 font-size: 13px;
 }
 
 .widget_twitter .outer-wrap {
	 overflow: hidden;
 }
 
 .widget_twitter .icon {
	 margin-right: 20px;
	 float: left;
 }
 
 .widget_twitter .icon i {
	 font-size: 36px;
 }
 
 .widget_twitter .tweet-list{
	 display: none;
	 overflow: hidden;	
	 margin-bottom: 10px;
 }
 
 .widget_twitter .time i{
	 margin-right: 5px;
 }
 
 .widget_twitter .tweet-nav{
	 overflow: hidden;
	 text-align: center;
 }
 
 .widget_twitter .flex-control-nav {
	 display: inline-block;
 }
 
 .widget_twitter .flex-control-nav a{
	 border-radius: 12px;
	 opacity: 0.7;
 }
 
 /*=== Go top ===*/
 .gotop {
	 width: 42px;
	 height: 42px;
	 background: #6BB9F0;
	 background: #ddd !important;
	 text-align: center;
	 position: fixed;
	 right: 100px;
	 bottom: 30px;
	 line-height: 43px;
	 cursor: pointer;
	 display: none;
	 opacity: 0.85;
	 border-radius: 50%;
 }
 
 .gotop i {
	 font-size: 20px;
	 color: #283949;
 }
 
 .gotop:hover {
	 opacity: 1;
 }
 
 /* 9. FOOTER
  * ========== */	
 #footer {
	 background: #283949;	
	 overflow: hidden;
	 margin-top: 20px;	
	 color: #ffffff;
	 font-size: 15px;
 }
 
 
 
 #footer .footer-content {
	 overflow: hidden;
	 padding: 30px 0 10px;
 }
 
 #footer .widget ul li:last-child {
	 border-bottom: medium none;
	 margin-bottom: 0;
	 padding-bottom: 0;
 }
 
 .footer-content .footer-widget {
	 overflow: hidden;	
 }
 
 
 
 #footer .widget_pinterest ul li, 
 #footer .widget_flickr ul li {
	 width: 62px;
 }
 
 #footer .widget_pinterest .pinterest-image img, 
 #footer .widget_flickr .flickr_thumbs img {
	 height: 62px;
	 width: 62px;
 }
 
 #footer .widget-postlist .entry-meta {
	 display: none;
 }
 
 #footer .tagcloud a {
	 border: 1px solid #555555;	
 }
 
 #footer .tagcloud a i {
   color: #555555;
 }
 
 #footer .tagcloud a:hover {
	 color: #FFFFFF;
	 background: none;
	 border: 1px solid #FFFFFF;
 }
 
 #footer .tagcloud a:hover i {
	 color: #FFFFFF;
 }
 
 #footer .widget-postlist .thumb {
	 margin-top: 0;
 }
 
 #footer .widget_comments .comment-list li {
	 background: none;
	 border-left: none;
	 margin-bottom: 12px;
	 overflow: hidden;
	 padding: 0;
 }
 
 #footer .widget_comments .comment-list h6 {
	 color: #AAAAAA;
 }
 
 #footer .widget_comments .thumbnail img {
	 border-radius: 0;
 }
 
 .footer .widget i {
	 color: #7A7A7A;
 }
 
 
 #footer .widget_popular_categories ul li {
	 border-bottom: 1px solid #444444;
 }
 
 
 #footer .widget-postlist .thumb-70 {
	 margin-right: 10px;
	 width: 60px;
 }
 
 #footer  .attachment-fp70_70 {
	 height: 60px;
	 width: 60px;
 }
 
 #footer .widget-postlist .entry-right h4 {
	 font-size: 15px;
 }
 
 #footer .widget-postlist .entry-right {
	 width: 180px;
 }
 
 #footer .footer-info {
	 font-size: 14px;
 }
 
 
 
 /* 10. MEDIA QUERIES
  * ==================== */
  
 /* 10.1 DESKTOPS
  * ============== */ 
 @media only screen and (min-width: 980px) and (max-width: 1120px) {	
	 
	 
	 .primary-menu ul li a {
		 padding: 16px 15px;
	 }
 
	 .slider-left {
		 width: 660px;
	 }
	 
	 .slider-right {
		 width: 300px;
	 }
	 
	 #content {
		 margin-right: 20px;
		 width: 640px;
	 }
	 
	 #sidebar {
		 width: 300px;
	 }
	 
	 .one-half {
		 margin-right: 20px;
		 width: 310px;
	 }
	 
	 .popular-posts .post-list .item-post h5 {
		 width: 271px;
	 }
	 
	 .attachment-fp370_230 {
		 height: 200px;
	 }
		 
	 .widget-postlist .entry-right {
		 width: 215px;
	 }
		 
	 .thumb-post:hover .entry-wrap .more {
		 display: none;
	 }
	 
	 .slider-full .attachment-fp760_390 {
		 /*height: 360px;*/
	 }
	 
	 .slider-full .prev {
		 left: -60px;
	 }
 
	 .slider-full .next {
		 right: -60px;
	 }
	 
	 .archive-list .thumb {
		 margin-right: 20px;
	 }
	 
	 .archive-list .post-right {
		 width: 345px;
	 }
 
	 #comments {
		 max-width: 640px;
	 }
	 
	 #comments ol.commentlist .depth-1 .comment-right {
		 width: 540px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 .comment-right {
		 width: 460px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-3 .comment-right {
		 width: 410px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-4 .comment-right {
		 width: 360px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-5 .comment-right {
		 width: 310px;
	 }
	 
	 .footer-widgets  .inner-wrap{
		 -moz-column-count: 3;
		 -moz-column-gap: 30px;
		 -webkit-column-count: 3;
		 -webkit-column-gap: 30px;
		 column-count: 3;
		 column-gap: 30px;
	 }
	 
	 .footer-widgets .footer-widget {
		 width: 290px;
		 display: inline-block;
		 break-inside: avoid-column;
		 -webkit-column-break-inside: avoid;
		 -o-column-break-inside: avoid;
		 -ms-column-break-inside: avoid;
		 column-break-inside: avoid;
		 -webkit-backface-visibility: hidden;
		 margin-bottom: 20px;
	 } 
	 
 }
 
 /* 10.2. Tablet Portrait (devices and browsers)
 ================================================ */
 @media only screen and (min-width: 850px) and (max-width: 979px) {
			 
	 h2 {
		 font-size: 26px;
	 }
 
	 
	 .primary-menu ul li a {
		 padding: 16px 14px;
	 }
	 
	 .trending-topics ul{
		 max-width: 710px;
	 }
 
	 .ticker-section .ticker {
		 width: 670px;
	 }
	 
	 .feat-slider .slider-left,
	 .slider-left {
		 width: 530px;
	 }
		 
	 .slider-left .post-excerpt p {
		 width: 100%;
	 }
	 
	 .slider-left .more {
		 display: none;
	 }
	 
	 .slider-right {
		 width: 300px;
	 }
	 
	 .slider-right .item-post .wp-post-image{
		 margin-top: 0;
	 }
	 
	 .slider-right .item-post {
		 height: 175px;
	 }
	 
	 #content {
		 margin-right: 20px;
		 width: 530px;
	 }
	 
	 #sidebar {
		 width: 280px;
	 }
	 
	 .attachment-fp760_390 {
		 /*height: 350px;*/
	 }
	 
	 .one-half {
		 margin-right: 20px;
		 width: 255px;
	 }
	 
	 .feat-cat1 .main-post .thumb {
		 height: 180px;
	 }
	 
	 .thumb-post:hover .entry-wrap p,
	 .popular-posts .thumb-post:hover .entry-wrap .more,
	 .thumb-posts .thumb-post:hover .entry-wrap .more {
		 display: none;
	 }
	 
	 .thumb-post:hover .entry-wrap .more{
		 margin-top: 10px;
	 }	
	 
	 .popular-posts .post-list .item-post h5 {
		 width: 216px;
	 }	
	 
	 .attachment-fp370_230 {
		 height: 180px;
	 }
	 
	 .widget-postlist .entry-right {
		 width: 195px;
	 }
	 
	 .archive-list .thumb {
		 margin-right: 20px;
		 width: 250px;
	 }
	 
	 .archive-list .post-right {
		 width: 260px;
	 }
	 
	 .slider-tiles .slider-nav {
		 display: none;
	 }
	 
	 .contact-page .contact-form input[type="text"], 
	 .contact-page .contact-form input[type="email"] {
		 width: 88.5%;
	 }
	 
	 .contact-page .contact-form .message-field input[type="text"],
	 .contact-page .contact-form textarea {
		 width: 94.2%;
	 }
	 
	 #comments {
		 max-width: 530px;
	 }
	 
	 #comments ol.commentlist .depth-1 .comment-right {
		 width: 430px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 .comment-right {
		 width: 350px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-3 .comment-right {
		 width: 300px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-4 .comment-right {
		 width: 250px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-5 .comment-right {
		 width: 200px;
	 }	
	 
	 .footer-widgets  .inner-wrap{
		 -moz-column-count: 3;
		 -moz-column-gap: 30px;
		 -webkit-column-count: 3;
		 -webkit-column-gap: 30px;
		 column-count: 3;
		 column-gap: 30px;
	 }
	 
	 .footer-widgets .footer-widget {		
		 display: inline-block;
		 break-inside: avoid-column;
		 -webkit-column-break-inside: avoid;
		 -o-column-break-inside: avoid;
		 -ms-column-break-inside: avoid;
		 column-break-inside: avoid;
		 -webkit-backface-visibility: hidden;
		 margin-bottom: 20px;
	 } 
	 
	 .gotop {
		 width: 40px;
		 height: 40px;
		 right: 30px;		
	 }
	 
	 .gotop i {
		 margin-top: 5px;
	 }
 }
 
 /* 10.3. Mobile Landscape Size to Tablet Portrait
 ================================================== */
 @media only screen and (min-width: 650px) and (max-width: 849px) {
		 
	 h1 {
		 font-size: 32px;
	 }
 
	 h2 {
		 font-size: 26px;
	 }
 
	 
	 .top-menu .menu {
		 display: none;
	 }
		 
	 .slicknav_menu {
		 display: block;		
		 margin-left: 190px;
	 }
	 
	 .slicknav_btn {
		 width: 250px;		
	 }
	 
	 .top-bar .slicknav_menu {
		 margin-top: 2px;
	 }
	 
	 #header .top-menu ul li a {
		 color: #000000;
	 }
	 
	 .primary-menu {
		 border: none;
	 }
	 
	 .primary-menu ul {
		 display: none;
	 }	
	 
	 .menu-section .slicknav_menu {
		 margin-top: 7px;
	 }
	 
	 .trending-topics ul{
		 max-width: 510px;
	 }
	 
	 #header .social {
		 display: none;
	 }	
	 
	 #header .search {
		 margin-right: 0;
		 width: 256px;
	 }
	 
	 .ticker-section .ticker {
		 width: 450px;
		 height: 18px !important;
	 }
	 
	 .slider-right .item-post .wp-post-image {
		 margin-top: -5px;
	 }
	 
	 .slider-left,
	 .feat-slider .slider-left,
	 .slider-right {
		 width: 630px;
	 }
	 
	 .slider-left .post-excerpt p {
		 width: 100%;
	 }
	 
	 .slider-left .more {
		 display: none;
	 }
	 
	 .slider-section .slider-left{
		 margin-bottom: 20px;
	 }
	 
	 .slider-right .item-post {
		 width: 305px;
		 float: left;
	 }
	 
	 .slider-right .item-post:first-child{
		 margin-right: 20px;
	 }
	 
	 .slider-full .prev, 
	 .slider-full .next {
		 border: 2px solid #FFFFFF;
		 color: #FFFFFF;
		 top: 35%;
		 z-index: 999;
	 }
 
	 .slider-full .prev {
		 left: 15px;
	 }
	 
	 .slider-full .next {
		 right: 15px;
	 }
	 
	 .slider-full .prev:hover, 
	 .slider-full .next:hover {
		 background: #FFFFFF;
		 color: #4F7091;
	 }
	 
	 .slider-full .slide {
		 margin-left: 0;
		 margin-right: 0;
		 width: 630px;
	 }
	 
	 .slider-tiles .slider-nav a.flex-prev {
		 left: -55px;
	 }
 
	 .slider-tiles .slider-nav a.flex-next {
		 right: -55px;
	 }	
	 
	 .archive-list .thumb {
		 margin-right: 20px;
		 width: 265px;
	 }
 
	 .archive-list .post-right {
		 width: 345px;
	 }
	 
	 .section {
		 margin-bottom: 20px;
	 }	
	 
	 #content {
		 margin-right: 0;
		 width: 630px;
	 }
		 
	 .attachment-fp760_390 {
		 /*height: 350px;*/
	 }
	 
	 .attachment-fp370_230 {
		 height: 200px;
	 }
	 
	 .one-half {
		 margin-right: 20px;
		 width: 305px;
	 }
	 
	 .feat-cat1 .main-post .thumb {
		 height: 180px;
	 }
	 
	 .popular-posts .post-list .item-post h5 {
		 width: 266px;
	 }
	 
	 .thumb-post:hover .entry-wrap p {
		 display: none;
	 }
	 
	 .thumb-post .entry-wrap .more {
		 margin-top: 10px;
	 }
	 
	 #comments {
		 max-width: 630px;
	 }
	 
	 #comments ol.commentlist .depth-1 .comment-right {
		 width: 530px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 .comment-right {
		 width: 450px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-3 .comment-right {
		 width: 400px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-4 .comment-right {
		 width: 350px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-5 .comment-right {
		 width: 300px;
	 }
 
	 #sidebar {
		 width: 630px;
		 -moz-column-count: 2;
		 -moz-column-gap: 30px;
		 -webkit-column-count: 2;
		 -webkit-column-gap: 30px;
		 column-count: 2;
		 column-gap: 30px;
	 }
	 
	 #sidebar .widget {
		 width: 300px;
		 overflow: hidden; 
		 break-inside: avoid-column;
		 -webkit-column-break-inside: avoid;
		 -o-column-break-inside: avoid;
		 -ms-column-break-inside: avoid;
		 column-break-inside: avoid;
		 -webkit-backface-visibility: hidden;
		 margin-bottom: 20px;
	 } 
	 
	 .widget-postlist .entry-right {
		 width: 215px;	
	 }
	 
	 .footer-menu .menu {
		 display: none;
	 }
	 
	 .footer-menu ul li {
		 float: none;
		 margin-right: 0;
	 }
		 
	 
	 
	 .footer-widgets  .inner-wrap{
		 -moz-column-count: 2;
		 -moz-column-gap: 30px;
		 -webkit-column-count: 2;
		 -webkit-column-gap: 30px;
		 column-count: 2;
		 column-gap: 30px;
	 }
	 
	 .footer-widgets .footer-widget {		
		 width: 290px;
		 display: inline-block;
		 break-inside: avoid-column;
		 -webkit-column-break-inside: avoid;
		 -o-column-break-inside: avoid;
		 -ms-column-break-inside: avoid;
		 column-break-inside: avoid;
		 -webkit-backface-visibility: hidden;
		 margin-bottom: 20px;
	 } 
	 
	 .gotop {
		 width: 32px;
		 height: 32px;
		 right: 30px;		
	 }
	 
	 .gotop i {
		 margin-top: 1px;
	 }
	 
 }
 
 /* 10.4. Mobile Portrait Size to Mobile Landscape Size
 ======================================================= */
 @media only screen and (min-width: 520px) and (max-width: 649px) {
		 
	 h1 {
		 font-size: 32px;
	 }
 
	 h2 {
		 font-size: 24px;
	 }
	 
	 
	 #header .logo-section {
		 height: auto;
	 }
 
	 #header .logo-section .inner-wrap {
		 display: block;
		 height: auto;
		 text-align: center;
	 }
			 
	 #header .logo {
		 display: inline-block;
		 margin: 20px 0;		
	 }
	 
	 #header .logo-right .right-wrap{
		 float: none;
	 }
	 
	 #header .social {
		 display: none;
	 }
	 
	 #header .logo-right {
		 text-align: center;
		 width: 500px;
	 }
	 
	 #header .search {
		 float: none;
		 display: inline-block;
		 margin-right: 0;
	 }
	 
	 .top-menu .menu {
		 display: none;
	 }
		 
	 .slicknav_menu {
		 display: block;		
		 margin-left: 110px;
	 }
	 
	 .slicknav_btn {
		 width: 250px;		
	 }
	 
	 .top-bar .slicknav_menu {
		 margin-top: 2px;
	 }
	 
	 #header .top-menu ul li a {
		 color: #000000;
	 }
	 
	 .primary-menu {
		 border: none;
	 }
	 
	 .primary-menu ul {
		 display: none;
	 }	
	 
	 .menu-section .slicknav_menu {
		 margin-top: 7px;
	 }
	 
	 .trending-topics ul{
		 max-width: 380px;
	 }
	 
	 .ticker-section .ticker {
		 width: 342px;
		 height: 18px !important;
	 }
	 
	 .slider-right .item-post .wp-post-image {
		 margin-top: 0;
	 }
		 
	 .slider-left,
	 .feat-slider .slider-left,
	 .slider-right {
		 width: 500px;
	 }
	 
	 .slider-left .post-excerpt {
		 display: none;
	 }
	 
	 .slider-section .slider-left{
		 margin-bottom: 20px;
	 }
	 
	 .slider-right .item-post {
		 height: 160px;
		 width: 242px;
		 float: left;
	 }
	 
	 .slider-right .item-post h4 {
		 font-size: 17px;
	 }
			 
	 .slider-right .item-post:first-child{
		 margin-right: 15px;
	 }
	 
	 .slider-full .prev, 
	 .slider-full .next {
		 border: 2px solid #FFFFFF;
		 color: #FFFFFF;
		 top: 35%;
		 z-index: 999;
	 }
 
	 .slider-full .prev {
		 left: 15px;
	 }
	 
	 .slider-full .next {
		 right: 15px;
	 }
	 
	 .slider-full .slide {
		 margin-left: 0;
		 margin-right: 0;
		 width: 500px;
	 }
	 
	 .slider-full .post-excerpt {
		 display: none;
	 }
	 
	 .slider-full .prev:hover, 
	 .slider-full .next:hover {
		 background: #FFFFFF;
		 color: #4F7091;
	 }
	 
	 .slider-tiles .slider-nav a.flex-prev {
		 left: -55px;
	 }
 
	 .slider-tiles .slider-nav a.flex-next {
		 right: -55px;
	 }
	 
	 .archive-list .thumb {
		 margin-right: 15px;
		 width: 250px;
	 }
 
	 .archive-list .post-right {
		 width: 235px;
	 }
	 
	 .section {
		 margin-bottom: 20px;
	 }	
	 
	 #content {
		 margin-right: 0;
		 width: 500px;
	 }
		 
	 .attachment-fp760_390 {
		 /*height: 280px;*/
	 }
	 
	 .attachment-fp370_230 {
		 height: 160px;
	 }
	 
	 .one-half {
		 margin-right: 16px;
		 width: 242px;
	 }
	 
	 .feat-cat1 .main-post .thumb {
		 height: 160px;
	 }
	 
	 .popular-posts .num {
		 height: 20px;
		 width: 20px;
		 margin-right: 10px;
		 font-size: 12px;
		 padding-top: 4px;
	 }
	 
	 .popular-posts .post-list .item-post h5 {
		 width: 212px;
		 font-size: 14px;
	 }
	 
	 .thumb-post:hover .entry-wrap p {
		 display: none;
	 }
	 
	 .thumb-post .entry-wrap .more {
		 margin-top: 10px;
	 }
	 
	 .entry-meta .comments, 
	 .entry-meta .views {
		 margin-left: 12px;
	 }	
	 
	 #comments .author-avatar {
		 margin-right: 10px;
		 margin-top: 10px;
		 width: 60px;
	 }
	 
	 #comments ol.commentlist .depth-1 .comment-right {
		 width: 410px;
	 }
	 
	 #comments .comment-time {
		 display: none;
	 }
	 
	 #comments ul.children .author-avatar {
		 margin-right: 10px;
		 margin-top: 5px;
		 width: 50px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 { 
		 margin-left: 20px; 
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-3,
	 #comments ol.commentlist li ul.children li.depth-4,
	 #comments ol.commentlist li ul.children li.depth-5 { 
		 margin-left: 0; 
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 .comment-right {
		 width: 400px;
	 }
	 
	 #respond .comment-form-author input[type="text"], 
	 #respond .comment-form-email input[type="text"] {
		 width: 89.1%;
	 }
	 
	 #respond .comment-form-url input[type="text"], 
	 #respond textarea {
		 width: 94.6%;
	 }
	 
	 .contact-page .contact-form input[type="text"], 
	 .contact-page .contact-form input[type="email"] {
		 width: 87.3%;
	 }
	 
	 .contact-page .contact-form .message-field input[type="text"] {
		 width: 93.7%;
	 }
	 
	 .contact-page .contact-form textarea {
		 width: 93.8%;
	 }
	 
	 #sidebar {
		 width: 500px;
		 -moz-column-count: 2;
		 -moz-column-gap: 20px;
		 -webkit-column-count: 2;
		 -webkit-column-gap: 20px;
		 column-count: 2;
		 column-gap: 20px;
	 }
	 
	 #sidebar .widget {
		 width: 230px;
		 overflow: hidden; 
		 display: inline-block;
		 break-inside: avoid-column;
		 -webkit-column-break-inside: avoid;
		 -o-column-break-inside: avoid;
		 -ms-column-break-inside: avoid;
		 column-break-inside: avoid;
		 -webkit-backface-visibility: hidden;
		 margin-bottom: 20px;
	 } 
	 
	 .widget-postlist .category{
		 display: none;
	 }
	 
	 .widget-postlist .entry-rating {
		 float: left;
	 }
 
	 .widget-postlist .thumb-70 {
		 margin-right: 10px;
	 }
	 
	 .widget-postlist .entry-right {
		 width: 150px;
	 }
	 
	 .widget .thumb-post:hover .entry-wrap .more {
		 display: none;
	 }
	 
	 .archive-columns .search-field {
		 width: 181px;
	 }
	 
	 .footer-menu .menu {
		 display: none;
	 }
	 
 
	 .footer-widgets  .inner-wrap{
		 -moz-column-count: 2;
		 -moz-column-gap: 30px;
		 -webkit-column-count: 2;
		 -webkit-column-gap: 30px;
		 column-count: 2;
		 column-gap: 30px;
	 }
	 
	 .footer-widgets .footer-widget {		
		 width: 230px;
		 display: inline-block;
		 break-inside: avoid-column;
		 -webkit-column-break-inside: avoid;
		 -o-column-break-inside: avoid;
		 -ms-column-break-inside: avoid;
		 column-break-inside: avoid;
		 -webkit-backface-visibility: hidden;
		 margin-bottom: 20px;
	 } 
	 
	 #footer .widget-postlist .entry-right {
		 width: 160px;
	 }
	 
	 .gotop {
		 width: 32px;
		 height: 32px;
		 right: 30px;		
	 }
	 
	 .gotop i {
		 margin-top: 1px;
	 }
 
 }
 
 /* 10.5. Mobile Portrait Size to Mobile Landscape Size
 ======================================================= */
 @media only screen and (min-width: 370px) and (max-width: 519px) {
		 
	 h1 {
		 font-size: 28px;
	 }
 
	 h2 {
		 font-size: 24px;
	 }	
	 
	 
 
	 
	 #header .social {
		 display: none;
	 }
	 
	 #header .logo-right {
		 text-align: center;
		 width: 350px;
	 }
	 
	 #header .logo-right .right-wrap{
		 float: none;
	 }
		 
	 #header .search {
		 float: none;
		 display: inline-block;
		 margin-right: 0;
	 }
	 
	 .top-menu .menu {
		 display: none;
	 }
		 
	 .slicknav_menu {
		 display: block;		
		 margin-left: 40px;
	 }
	 
	 .slicknav_btn {
		 width: 250px;		
	 }
	 
	 .top-bar .slicknav_menu {
		 margin-top: 2px;
	 }
	 
	 #header .top-menu ul li a {
		 color: #000000;
	 }
	 
	 .primary-menu {
		 border: none;
	 }
	 
	 .primary-menu ul {
		 display: none;
	 }	
	 
	 .menu-section .slicknav_menu {
		 margin-top: 7px;
	 }
	 
	 .slider-right .item-post .wp-post-image {
		 margin-top: 0;
	 }
	 
	 .slider-right .item-post:first-child{
		 margin-bottom: 20px;
	 }
	 
	 .ticker-section .ticker {
		 width: 222px;
		 height: 18px !important;
	 }
 
	 .ticker-section .title {
		 margin-right: 20px;		
	 }
	 
	 .trending-topics ul {
		 height: 18px;
		 max-width: 235px;
	 }
	 
	 .ticker-section .ticker-nav {
		 display: none;
	 }	
	 
	 .slider-left,
	 .feat-slider .slider-left,
	 .slider-right {
		 width: 350px;
	 }
	 
	 .slider-left .post-excerpt {
		 display: none;
	 }
	 
	 .slider-section .slider-left{
		 margin-bottom: 20px;
	 }
				 
	 .slider-full .prev, 
	 .slider-full .next {
		 display: none !important;
	 }
	 
	 .slider-full .slide {
		 margin-left: 0;
		 margin-right: 0;
		 width: 350px;
	 }
	 
	 .slider-full .post-excerpt {
		 display: none;
	 }
	 
	 .slider-full .prev:hover, 
	 .slider-full .next:hover {
		 background: #FFFFFF;
		 color: #4F7091;
	 }
	 
	 .slider-tiles .slides h2 {
		 font-size: 20px;
	 }
 
	 .slider-tiles .slider-nav a.flex-prev {
		 left: -55px;
	 }
 
	 .slider-tiles .slider-nav a.flex-next {
		 right: -55px;
	 }
	 
	 .archive-list .thumb {
		 margin-right: 0;
		 width: 350px;
		 margin-bottom: 20px;
		 width: 100%;
	 }
 
	 .archive-list .post-right {
		 width: 350px;
		 width: 100%;
	 }
	 .archive-list .wp-post-image{
		 width: 100%;
	 }
	 
	 .section {
		 margin-bottom: 20px;
	 }	
	 
	 #content {
		 margin-right: 0;
		 width: 100%;
	 }
		 
	 .attachment-fp760_390 {
		 /*height: 220px;*/
	 }
		 
	 .one-half {
		 margin-right: 0;
		 margin-bottom: 20px;
	 }
	 
	 .feat-cat .main-post {
		 margin-bottom: 20px;
	 }	
	 
	 .entry-meta .tags {
		 display: none;
	 }
	 
	 .masonary-list .item-post {
		 margin-bottom: 0;
	 }
	 
	 #comments {
		 max-width: 350px;
	 }
 
	 #comments .author-avatar {
		 margin-right: 10px;
		 width: 60px;
	 }
	 
	 #comments ol.commentlist .depth-1 .comment-right {
		 width: 260px;
	 }
	 
	 #comments .comment-time {
		 display: none;
	 }
	 
	 #comments ul.children .author-avatar {
		 margin-right: 10px;
		 margin-top: 5px;
		 width: 50px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 { 
		 margin-left: 20px; 
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-3,
	 #comments ol.commentlist li ul.children li.depth-4,
	 #comments ol.commentlist li ul.children li.depth-5 { 
		 margin-left: 0; 
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 .comment-right {
		 width: 270px;
	 }
	 
	 #respond .comment-form-author, 
	 #respond .comment-form-email {
		 width: 100%;
	 }
 
	 #respond .comment-form-author input[type="text"], 
	 #respond .comment-form-email input[type="text"],
	 #respond .comment-form-url input[type="text"], 
	 #respond textarea 	{
		 width: 92%;
	 }
	 
	 .contact-page .contact-map iframe {
		 height: 200px;
	 }
	 
	 .contact-page .one-half {
		 width: 100%;
		 margin-right: 0;
	 }
	 
	 .contact-page .contact-form input[type="text"], 
	 .contact-page .contact-form input[type="email"],
	 .contact-page .contact-form .message-field input[type="text"],
	 .contact-page .contact-form textarea {
		 width: 91%;
	 }
	 
 
	 .footer-menu .menu {
		 display: none;
	 }
	 
	 .footer-menu .slicknav_btn {
		 width: 280px;
	 }
	 
	 .footer-menu ul li {
		 float: none;
		 margin-right: 0;
	 }
	 
	 .footer-menu .slicknav_menu {
		 display: block;	
		 margin-left: 14px;		
	 }
 
	 
	 .footer-widgets .footer-widget {
		 margin-right: 0;
		 width: 300px;
	 }
	 
	 #footer .widget-postlist .entry-right {
		 width: 230px;
	 }
	 
	 .gotop {
		 right: 30px;		
	 }
	 
	 
 }
 
 /* 10.5. Mobile Portrait Size to Mobile Landscape Size
 ======================================================= */
 @media only screen and (max-width: 369px) {
		 
	 h1 {
		 font-size: 28px;
	 }
 
	 h2 {
		 font-size: 24px;
	 }	
	 
	 
	 
	 #header .logo-right .right-wrap{
		 float: none;
	 }
		 
	 #header .social {
		 display: none;
	 }
	 
	 #header .logo-right {
		 text-align: center;
		 width: 280px;
	 }
	 
	 #header .search {
		 float: none;
		 display: inline-block;
		 margin-right: 0;
	 }
	 
	 .top-menu .menu {
		 display: none;
	 }
 
	 
	 .top-bar .slicknav_menu {
		 margin-top: 2px;
	 }
	 
	 #header .top-menu ul li a {
		 color: #000000;
	 }
	 
	 .primary-menu {
		 border: none;
	 }
	 
	 .primary-menu ul {
		 display: none;
	 }	
	 
	 .menu-section .slicknav_menu {
		 margin-left: 10px;
		 margin-top: 7px;
	 }
		 
	 .ticker-section .ticker {
		 width: 280px;
		 height: 18px !important;
	 }
 
	 .ticker-section .title {
		 display: none;	
	 }
	 
	 .trending-topics ul {
		 height: 18px;
		 max-width: 165px;
	 }
	 
	 .trending-topics ul li {
		 margin-left: 10px;
	 }
	 
	 .ticker-section .ticker-nav {
		 display: none;
	 }	
	 
	 .slider-left,
	 .feat-slider .slider-left,
	 .slider-right {
		 width: 280px;
	 }
	 
	 .slider-left .post-excerpt {
		 display: none;
	 }
	 
	 .slider-section .slider-left{
		 margin-bottom: 20px;
	 }
	 
	 .slider-right .item-post {
		 height: 190px;
	 }
 
	 .slider-right .item-post .wp-post-image {
		 margin-top: 0;
	 }
	 
	 .slider-right .item-post:first-child{
		 margin-bottom: 20px;
	 }
				 
	 .slider-full .prev, 
	 .slider-full .next {
		 display: none !important;
	 }
	 
	 .slider-full .slide {
		 margin-left: 0;
		 margin-right: 0;
		 width: 280px;
	 }
	 
	 .slider-full .post-excerpt {
		 display: none;
	 }
	 
	 .slider-full .prev:hover, 
	 .slider-full .next:hover {
		 background: #FFFFFF;
		 color: #4F7091;
	 }
	 
	 .slider-tiles .slides h2 {
		 font-size: 20px;
	 }
 
	 .slider-tiles .slider-nav a.flex-prev {
		 left: -55px;
	 }
 
	 .slider-tiles .slider-nav a.flex-next {
		 right: -55px;
	 }	
	 
	 .archive-list .thumb {
		 margin-right: 0;
		 width: 280px;
		 margin-bottom: 20px;
		 width: 100%;
	 }
 
	 .archive-list .post-right {
		 width: 280px;
		 width: 100%;
	 }
	 
	 .section {
		 margin-bottom: 20px;
	 }	
	 
	 #content {
		 margin-right: 0;
		 width: 100%;
	 }
		 
	 .attachment-fp760_390 {
		 /*height: 220px;*/
	 }
		 
	 .one-half {
		 width: 280px;
		 margin-right: 0;
		 margin-bottom: 20px;
	 }
	 
	 .feat-cat .main-post {
		 margin-bottom: 20px;
	 }	
	 
	 .popular-posts .post-list .item-post h5 {
		 width: 241px;
	 }
	 
	 .thumb-post:hover .entry-wrap p {
		 display: none;
	 }
	 
	 .thumb-post:hover .entry-wrap .more {
		 margin-top: 10px;
	 }
	 
	 .attachment-fp370_230 {
		 height: 190px;
	 }
	 
	 .entry-meta .tags {
		 display: none;
	 }
	 
	 .masonary-list .item-post {
		 margin-bottom: 0;
	 }
	 
	 #comments {
		 max-width: 280px;
	 }
 
	 #comments .author-avatar {
		 margin-right: 10px;
		 width: 60px;
	 }
	 
	 #comments ol.commentlist .depth-1 .comment-right {
		 width: 210px;
	 }
	 
	 #comments .comment-time {
		 display: none;
	 }
	 
	 #comments ul.children .author-avatar {
		 margin-right: 10px;
		 margin-top: 5px;
		 width: 50px;
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 { 
		 margin-left: 20px; 
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-3,
	 #comments ol.commentlist li ul.children li.depth-4,
	 #comments ol.commentlist li ul.children li.depth-5 { 
		 margin-left: 0; 
	 }
	 
	 #comments ol.commentlist li ul.children li.depth-2 .comment-right {
		 width: 200px;
	 }
	 
	 #respond .comment-form-author, 
	 #respond .comment-form-email {
		 width: 100%;
	 }
 
	 #respond .comment-form-author input[type="text"], 
	 #respond .comment-form-email input[type="text"],
	 #respond .comment-form-url input[type="text"], 
	 #respond textarea 	{
		 width: 89%;
	 }
	 
	 .contact-page .contact-map iframe {
		 height: 200px;
	 }
	 
	 .contact-page .one-half {
		 width: 100%;
		 margin-right: 0;
	 }
	 
	 .contact-page .contact-form input[type="text"], 
	 .contact-page .contact-form input[type="email"],
	 .contact-page .contact-form .message-field input[type="text"],
	 .contact-page .contact-form textarea {
		 width: 91%;
	 }	
 
	 #sidebar {
		 width: 280px;
		 margin-top: 10px;
	 }
	 
	 .widget-postlist .entry-right {
		 width: 195px;
	 }
	 
	 .footer-menu .menu {
		 display: none;
	 }
		 
	 .footer-menu ul li {
		 float: none;
		 margin-right: 0;
	 }
		 
	 #footer .footer-menu ul li a {
		 color: #000000;
		 text-transform: none;
		 display: block;
		 text-align: left;
		 margin-top: 0;
		 font-size: 14px;
	 }
	 
	 .footer-widgets .footer-widget {
		 margin-right: 0;
		 width: 280px;
	 }
	 
	 #footer .widget-postlist .entry-right {
		 width: 210px;
	 }
	 
	 .gotop {
		 right: 30px;		
	 }
	 
	 .gotop i {
		 margin-top: 1px;
	 }
	 
 }


 /**
 * Theme Name:     Wolf Mag V2 Child
 * Author:         FairPixels
 * Template:       fp_wolf_ui
 * Text Domain:	   wolf-mag-v2-child
 * Description:    A Magazine and Blog Theme
 */





.dubicars-single-post-body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.dubicars-single-post-related {
	background: #eee;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 20px;
}

.dubicars-single-post-content {
	width: calc(100% - 400px);
}

.dubicars-single-post-content img {
	border-radius: 10px;
	margin-bottom:12px;
}

.dubicars-single-post-content p {
	margin-bottom:12px;
}
.dubicars-single-post-head>h1 {
    font-weight: bold;
    line-height: 1.4;
    font-size: 28px;
    margin-bottom: 20px;
}


.dubicars-single-post-author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	text-transform: uppercase;
	font-size: 14px;
}

.by-author {
	display: flex;
	align-items: center;
	gap: 5px;
}

.by-label {
	margin-right: 3px;
	font-weight: normal;
	color: #000;
}

.author a {
	font-weight: 500;
	color: #0878ff;
	text-decoration: none;
	font-size: 16px;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
}

.tags a {
	white-space: nowrap;
}

.tags a::after {
	/* content: ","; */
	margin-right: 5px;
}

.tags a:last-of-type::after {
	content: "";
	margin: 0;
}

i.fa.fa-clock-o {
    margin-right: 5px;
}


.dubicars-single-post-author span.tags {
    display: contents; /* Allows child <a> tags to flow into the flex layout */
    flex-wrap: wrap; /* not needed anymore, can be removed */
    gap: 0; /* optional */
}


.dubicars-single-post-author span.tags a {
    white-space: nowrap; /* Prevent each tag from breaking internally */
}

.dubicars-single-post-author span {
    display: inline-flex;
    align-items: center;
}

.dubicars-single-post-author span.author-avatar {
    height: 60px;
    width: 60px;
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
}

.dubicars-single-post-author span.author-avatar img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.dubicars-single-post-author a {
    color: #0878ff;
    font-weight: bold;
}

.onyx_poll_dubicars_cs {
    margin-top: 30px;
}

.onyx_poll_dubicars_cs>h3 {
    margin-bottom: 20px;
}

.onyx_poll_dubicars_cs .onyx-poll {
    max-width: unset;
}

.onyx_poll_dubicars_cs .onyx-poll .onyx-poll-choices li {
    padding: 4px 10px !important;
}


.onyx_poll_dubicars_cs .onyx-poll.view .onyx-poll-choices li:before, .onyx_poll_dubicars_cs .onyx-poll.view .onyx-poll-choices li:after {
    left: 100px !important;
}
.dubivars-faq-accordion h3, .onyx_poll_dubicars_cs>h3 {
    font-size: 32px;
    font-weight: bold;
}

.dubicars-single-post-content .cat.main-color-bg {
    background: unset !important;
}
.dubicars-single-post-related .dubicars-toolkit-latest-post-wrapper {
    display: flex;
    flex-direction: column;
}

.dubicars-single-post-related .dubicars-toolkit-latest-post-wrapper .dubicars-toolkit-latest-post-single {
    width: 100%;
}

.dubicars-single-post-related .dubicars-toolkit-latest-post-single .excerpt p,.dubicars-single-post-related .dubicars-toolkit-latest-post-single h3 {
    color: #333;
}

.dubicars-toolkit-latest-post-cat {
    font-weight: bold;
    text-transform: uppercase;
}
.dubicars-single-post-iframe {
    margin-top: 30px;
}
.dubicars-single-post-sidebar {
    width: 380px;
}




@media only screen and (max-width: 992px){
	.dubicars-single-post-content {
		width: calc(100% - 300px);
	}

	.dubicars-single-post-sidebar {
		width: 280px;
	}

	.dubicars-single-post-related {
		padding: 20px;
	}
}
ul#menu-secondary {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* border-bottom: 1px solid; */
    margin-top: 24px;
}

ul#menu-secondary>li>a {
    padding: 10px 16px;
    border-bottom: 4px solid transparent;
    margin-bottom: -2px;
	border-radius: 8px;
}
ul#menu-secondary>li.current-menu-item>a {
    /* border-color: #e25164; */
	background-color: #f2f2f7;
}

ul#menu-secondary-arabic>li>a {
    padding: 10px 16px;
    border-bottom: 4px solid transparent;
    margin-bottom: -2px;
	border-radius: 8px;
}
ul#menu-secondary-arabic>li.current-menu-item>a {
    /* border-color: #e25164; */
	background-color: #f2f2f7;
}


@media only screen and (max-width: 767px){
	.dubicars-single-post-body {
		display: flex;
		flex-direction: column;
	}

	.dubicars-single-post-content {
		width: 100%;
	}

	.dubicars-single-post-sidebar {
		width: 100%;
	}

	.dubicars-single-post-head>h1 {
		font-size: 28px;
		line-height: 1.2;
	}
}



/* category page */

/* category page */

.popular-topics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.article-card {
    /* border: 1px solid #e1e1e1; */
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.article-card:hover {
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
}

.article-card a {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.thumbnail {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.thumbnail img {
    width: 100%;
    height: 100%;
	border-radius: 8px;
    object-fit: cover;
}

.article-content {
    padding: 15px 15px 15px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.article-title {
    font-size: 16px;
    font-weight: 600;
    color: #007bff;
    line-height: 1.4;
    min-height: 58px; /* Approx 2 lines */
    margin-bottom: 10px;
}

.article-excerpt {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    min-height: 66px; /* Approx 3 lines */
    margin-bottom: auto;
}

.article-date {
    font-size: 13px;
    color: #777;
    margin-top: 12px;
}



/* 3 articles  */

.recent-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.recent-articles-grid .article-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.recent-articles-grid .article-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.recent-articles-grid .article-card a {
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.recent-articles-grid .thumbnail {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-radius: 8px;
}

.recent-articles-grid .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recent-articles-grid .article-content {
    padding: 15px 10px 10px 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.article-title {
    font-size: 16px;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 10px;
    min-height: 56px; /* Approx 2 lines */
}


.all-article-title {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 10px;
    min-height: 56px; /* Approx 2 lines */
}


.all-article-title:hover {
    color: #0056b3;
}

.article-excerpt {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    margin-bottom: auto;
    min-height: 66px; /* Approx 3 lines */
}

.article-date {
    font-size: 13px;
    color: #777;
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}


/* all articles */

.all-articles-wrapper {
  display: flex;
  gap: 30px;
  margin-top: 30px;
  align-items: flex-start;
}

.all-articles-left {
  flex: 1 1 70%;
}

.all-articles-right {
  flex: 1 1 30%;
}

/* === ARTICLE ROW === */
.article-row {
  display: flex;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  margin-bottom: 25px;
  padding-right: 25px;
  height: 196px;
  transition: box-shadow 0.3s ease;

}

.article-row:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.article-link {
  display: flex;
  gap: 20px;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

/* Thumbnail */
.article-thumbnail {
  width: 220px;
  height: auto;
  flex-shrink: 0;
  overflow: hidden;
  border-top-left-radius: 8px ;
  border-bottom-left-radius: 8px;
}

.article-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.article-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  margin-top: 10px;
}

.article-title {
  font-size: 16px;
  font-weight: 600;
  color: #007bff;
  margin: 0 0 5px;
}

.article-excerpt {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  margin: 0 0 10px;
}

/* Meta (Date & Arrow) */
.article-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #777;
  padding-bottom: 10px;
}

.date-icon {
  width: 14px;
  margin-right: 5px;
  vertical-align: middle;
}

.arrow-icon {
  font-size: 18px;
  color: #0073e6;
  flex-shrink: 0;
}

/* === PAGINATION (unchanged) === */
.custom-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.custom-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  color: #333;
  background-color: #f5f5f5;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease;
  min-width: 36px;
  height: 36px;
}

.custom-pagination .page-numbers:hover {
  background-color: #ddd;
  color: #000;
}

.custom-pagination .page-numbers.current {
  background-color: #007bff;
  color: #fff;
  font-weight: bold;
}

/* === Responsive === */
@media (max-width: 768px) {
  .all-articles-wrapper {
    flex-direction: column;
  }



  .article-row {
    flex-direction: column;
  }

  .article-link {
    flex-direction: column;
	gap:10px;
  }

  .article-thumbnail {
    width: 100%;
    height: 200px;
  }

  .article-meta {
    flex-direction: row;
    justify-content: space-between;
  }
}


/* valution design */

.valuation-banner {
  padding: 40px 40px;
  border: 1px solid #007bff33;
  border-radius: 12px;
  background-color: #fff;
  max-width: 1200px;
  height: 375px;
  margin: 60px auto 40px;
  display: none;
}

@media (min-width: 1024px) {
  .valuation-banner {
    display: block;
  }
}

.valuation-banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.valuation-text {
  flex: 1;
}

.valuation-text h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #000;
}

.valuation-text p {
  font-size: 20px;
  color: #444;
  margin-bottom: 20px;
  line-height: 1.6;
  width: 616px;
}

.valuation-btn {
  display: inline-block;
  background-color: #007bff;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.valuation-btn:hover {
  background-color: #0056cc;
}

.valuation-box {
  flex: 1;
  text-align: right;
}

.valuation-box img {
  width: 370px;
  height: auto;
  border-radius: 12px;
}



/* search rightside */


.article-date-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.arrow-icon {
    font-size: 18px;
    color: #007bff;
    flex-shrink: 0;
}

.search-articles-widget {
  padding: 20px;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  background: #fff;
  height: 196px;
}


.car-filter-widget select {
  width: 100%;
  padding: 10px 12px;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.search-btn {
  width: 100%;
  padding: 10px;
  background: #007bff;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.search-input {
  width: 100%;
  padding: 10px 12px;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.search-btn:hover {
  background: #0056cc;
}



@media (max-width: 768px) {

  /* Shared article card style for popular/recent/all */
  .article-card,
  .article-row {
    flex-direction: column;
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
	height: 400px;
  }

  .article-card a,
  .article-row a {
    flex-direction: column;
    display: flex;
    text-decoration: none;
    color: inherit;
    width: 100%;
  }

  /* Image section */
  .thumbnail,
  .article-thumbnail {
    width: 400px;
    height: 175px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
  }

  .thumbnail img,
  .article-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Text section */
  .article-content,
  .article-details,
  .article-info {
    padding: 15px;
    flex-direction: column;
  }

  .article-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .article-excerpt {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .article-date,
  .article-meta {
    font-size: 13px;
    color: #777;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  /* Layout containers (for spacing and stacking) */
  .popular-topics-grid,
  .recent-articles-grid,
  .all-articles-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .all-articles-wrapper {
    flex-direction: column;
  }

  .all-articles-left,
  .all-articles-right {
    width: 100%;
  }

}


@media (max-width: 768px) {
  .all-articles-wrapper {
    flex-direction: column;
  }

  .article-row {
    display: flex;
    flex-direction: column;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
  }

  .article-link {
    flex-direction: column;
    display: flex;
    text-decoration: none;
    color: inherit;
    width: 100%;
  }

  .article-thumbnail {
    width: 400px;
    height: 175px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
  }

  .article-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .article-info {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 1px;
  }

  .all-article-title {
    font-size: 16px;
    font-weight: 600;
    color: #0056b3;
    line-height: 1.4;
    margin: 0;
  }

  .article-excerpt {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    margin: 0;
  }

  .article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #777;
    margin-top: 10px;
  }

  .date-icon {
    width: 16px;
    height: auto;
    margin-right: 5px;
  }

  .arrow-icon {
    font-size: 18px;
    color: #0073e6;
  }
}



/* Card container */
.card {
  background: #fff;
  border: 1px solid #eceff3;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 18px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

/* Card titles */
.card h3 {
  font-size: 16px;
  margin: 0 0 12px;
  font-weight: 700;
  color: #101828;
}

/* Iframe wrapper */
.find-your-car .iframe-wrap {
  overflow: hidden;
  border-radius: 10px;
}

/* Categories list */
.categories-widget .category-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.categories-widget .category-list li {
  margin: 10px 0;
}

.categories-widget .category-list a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.categories-widget .category-list a:hover {
  text-decoration: underline;
}




section#search button {
    background: #027bff !important;
    border-color: #027bff !important;
}


.categories-card .category-list {
  list-style: none; /* Removes bullets */
  margin: 0;
  padding: 0;
}

.categories-card .category-list li {
  margin: 8px 0;
}



/* Ensure correct layout in RTL */
/* .rtl .article-row,
.rtl .article-link {
    flex-direction: row-reverse; /* Reverse the article layout */
/* } */ */

 .rtl .article-thumbnail {
    margin-inline-start: 16px;
    margin-inline-end: 0; /* Reverse the position of the thumbnail */
	 
}

/* }  */

.rtl .article-meta .arrow-icon {
    transform: scaleX(-1); /* Flip the arrow icon */
}

/* Article Card Styles for RTL */
.rtl .article-card {
    flex-direction: column-reverse; /* Reverse the layout in RTL */
} 

.rtl .article-content {
    padding: 15px 15px 15px 0px; /* Adjust padding for RTL */
}

/* Ensure images are responsive and cover the container */
.thumbnail img,
.article-thumbnail img {
    object-fit: cover; /* Make image fill the container */
    width: 100%; /* Ensure it spans the entire width */
    height: 100%; /* Ensure it spans the entire height */
}

/* Meta info (Date & Arrow) */
.article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #777;
    padding-bottom: 10px;
}

/* Remove Bullets from Category List */
.categories-card .category-list {
    list-style: none; /* Remove bullets */
    margin: 0;
    padding: 0;
}

.categories-card .category-list li {
    margin: 8px 0;
}

/* Hover Effects */
.categories-card .category-list a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.categories-card .category-list a:hover {
    text-decoration: underline;
}

/* Card Styling */
.card {
    background: #fff;
    border: 1px solid #eceff3;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 18px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

/* Title Styling */
.card h3 {
    font-size: 16px;
    margin: 0 0 12px;
    font-weight: 700;
    color: #101828;
}

/* Category Layout Adjustments */
.categories-widget .category-list li {
    font-size: 14px;
    color: #333;
}

/* Category List Link Adjustments */
.categories-widget .category-list a {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Small Icon Next to Categories Text */
.categories-widget .category-list a::before {
    content: url('https://d3jvxfsgjxj1vz.cloudfront.net/news/wp-content/uploads/2025/08/11132557/SVG%402x.png'); /* Use your icon */
    width: 14px;
    height: auto;
}


/* RTL Layout - Image on the right, text on the left */
.rtl .article-row {
    flex-direction: row-reverse; /* Reverse the layout direction in RTL */
}

/* In RTL, adjust the thumbnail margin to the right */
.rtl .article-thumbnail {
    margin-inline-start: 0;
    margin-inline-end: 16px; /* Move image to the right side */
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* Adjust the text padding for RTL */
.rtl .article-info {
    padding-left: 15px; /* Adjust content padding for RTL */
}



/* Ensure image fills the space properly in LTR and RTL */
.thumbnail img, .article-thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Remove bullets from Category List */
.categories-card .category-list {
    list-style: none; /* Remove bullets */
    margin: 0;
    padding: 0;
}

.categories-card .category-list li {
    margin: 8px 0;
}

/* Hover Effects for Categories */
.categories-card .category-list a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.categories-card .category-list a:hover {
    text-decoration: underline;
}



/* Flip arrow icon for RTL */
.rtl .article-meta .arrow-icon {
    transform: scaleX(-1); /* Flip the arrow icon */
}

/* Remove the padding from the right of the thumbnail image in RTL */
.rtl .article-thumbnail {
    margin-inline-start: 0; /* Ensure no padding/margin from left */
    margin-inline-end: 16px; /* Move the image to the right side */
    margin-right: -25px; /* Remove any right margin */
}

/* Ensure the image fills the container properly in RTL */
.rtl .article-thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Ensure the article row layout is reversed in RTL */
.rtl .article-row {
    flex-direction: row-reverse; /* Reverse the layout direction */
}

/* RTL-specific adjustments for padding */
.rtl .article-info {
    padding-left: 15px; /* Adjust the content padding for RTL */
}


html[dir="rtl"] #sidebar {
    width: 340px;
    float: left;  /* In RTL, sidebar should float right */
    overflow: hidden;
    position: relative;
    margin-top: -2300px;  /* You may need to adjust this */
}




/* Reserve space for post tags */
.dubicars-single-post-meta .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; /* nice spacing */
  min-height: 40px; /* prevents shift when tags load */
}

/* Reserve space for each tag link */
.dubicars-single-post-meta .tags a {
  display: inline-block;
  min-width: 70px;   /* adjust depending on your design */
  min-height: 20px;  /* prevents tiny jump */
}




/* AUTHOR PAGE DESIGN */

p.author-bio {
    background: #E0EAFC80;
    padding-left: 21px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: justify;
	border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

img.author_linkedln {
  
    object-fit: none;
}

img.author_email {
  
    object-fit: none;
}

.author-box-wrapper {
    display: flex;
    align-items: center;
    background-color: #f0f6ff;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    gap: 20px;
    flex-wrap: wrap;
}

.author-box-wrapper.ltr {
    direction: ltr;
    flex-direction: row;
    text-align: left;
}

.author-box-wrapper.rtl {
    direction: rtl;
    flex-direction: row-reverse;
    text-align: right;
}

.author-box-avatar img {
    border-radius: 12px;
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.author-box-content {
    flex: 1;
    font-size: 15px;
    line-height: 1.6;
}

.author-contact {
    display: flex;
    gap: 20px;
    margin: 10px 0;
    flex-wrap: wrap;
}

.author-contact a {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #0073e6;
    text-decoration: none;
    font-size: 14px;
}

.author-contact img {
    width: 20px;
    height: 20px;
}

[dir="rtl"].author-avatar {
        float: right; /* Adjust float for RTL */
       
    }