/* This file is imported in the main style.css - keep it minimal for specific overrides */

/*
Theme Name: NewsUp TGB
Template: newsup
Description: Custom NewsUp theme for The Gaming Boardroom with TGB access control
Version: 1.0.0
Author: TGB Development Team

@import url("../newsup/style.css");

*/

/* TGB Custom Styles */

/* Access level badges */
.tgb-access-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 8px;
    letter-spacing: 0.5px;
}

.tgb-access-badge.tgb-free-access { 
    background: #28a745; 
    color: white; 
}
.tgb-access-badge.tgb-pro-access { 
    background: #007bff; 
    color: white; 
}  
.tgb-access-badge.tgb-elite-access { 
    background: #ffc107; 
    color: #212529; 
}
.page-full-width-content {
	width:100%;
}
/* Content access indicators */
.tgb-padlock {
    position: relative;
}

.tgb-padlock::before {
    content: "🔒";
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 14px;
    z-index: 999;
}

/* Paywall styling */
.tgb-paywall {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #dee2e6;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    margin: 30px 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.tgb-paywall h2 {
    color: #495057;
    margin-bottom: 20px;
}

.tgb-paywall h3 {
    color: #6c757d;
    font-size: 1.3em;
    margin: 20px 0 15px 0;
}

.tgb-paywall .paywall-excerpt {
    color: #6c757d;
    font-style: italic;
    margin: 20px 0;
    line-height: 1.6;
}

.tgb-paywall .paywall-thumbnail {
    margin: 20px 0;
    opacity: 0.7;
    filter: blur(2px);
}

.tgb-paywall .btn {
    display: inline-block;
    padding: 12px 24px;
    margin: 10px 8px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.tgb-paywall .btn-primary {
    background: #007bff;
    color: white;
    border: 2px solid #007bff;
}

.tgb-paywall .btn-primary:hover {
    background: #0056b3;
    border-color: #0056b3;
    transform: translateY(-2px);
}

.tgb-paywall .btn-secondary {
    background: transparent;
    color: #6c757d;
    border: 2px solid #6c757d;
}

.tgb-paywall .btn-secondary:hover {
    background: #6c757d;
    color: white;
    transform: translateY(-2px);
}

/* Engagement buttons */
.tgb-engagement-buttons {
    display: flex;
    gap: 15px;
    margin: 25px 0;
    padding: 15px 0;
    border-top: 1px solid #dee2e6;
}

.tgb-like-btn, .tgb-favourite-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    background: white;
    color: #495057;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.1s ease;
}

.tgb-like-btn:hover, .tgb-favourite-btn:hover {
    border-color: #c2a76d;
    color: #c2a76d;
    transform: translateY(-1px);
}
.tgb-like-btn:hover span{
	background-color: #0d3359;
    color: #fff;
    border-color: #dc3545;
}
.tgb-favourite-btn:hover span{
	background-color: #0d3359;
    color: #fff;
    border-color: #c2a76d;
}
.tgb-like-btn span{
	background-color: #fff;
    color: #0d3359;
}
.tgb-favourite-btn span{
	background-color: #fff;
    color: #0d3359;
}
.tgb-like-btn.liked {
    color: #0d3359;
    border-color: #dc3545;
}
.tgb-like-btn.liked span  {
	background-color: #fff;
    color: #0d3359;
    border-color: #dc3545;
}
.tgb-like-btn.liked:hover span {
	background-color: #0d3359;
    color: #fff;
    border-color: #ffc107;
}
.tgb-favourite-btn.favourited {
    color: #0d3359;
    border-color: #c2a76d;
}
.tgb-favourite-btn.favourited span {
	background-color: #fff;
    color: #0d3359;
    border-color: #c2a76d;
}
.tgb-favourite-btn.favourited:hover span {
	background-color: #0d3359;
    color: #fff;
    border-color: #c2a76d;
}
/* Search functionality */
.tgb-search-container {
    position: relative;
    margin: 20px 0;
}

#tgb-search {
    width: 100%;
    padding: 12px 40px 12px 16px;
    border: 2px solid #dee2e6;
    border-radius: 25px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}
.searchinner input.form-control {
	height:50px;
}
#tgb-search:focus {
    outline: none;
    border-color: #007bff;
}

.tgb-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.tgb-search-result-item {
    padding: 12px 16px;
    border-bottom: 1px solid #f8f9fa;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.tgb-search-result-item:hover {
    background: #f8f9fa;
}

/* Carousel styling */
.tgb-carousel {
    margin: 30px 0;
}

.tgb-carousel-title {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 20px;
    color: #495057;
}

.tgb-carousel-container {
    overflow-x: auto;
    padding: 10px 0;
}

.tgb-carousel-items {
    display: flex;
    gap: 20px;
    padding-bottom: 10px;
}

.tgb-carousel-item {
    flex: 0 0 300px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tgb-carousel-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.tgb-carousel-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.tgb-carousel-item-content {
    padding: 15px;
}

.tgb-carousel-item h3 {
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.tgb-carousel-item p {
    color: #6c757d;
    font-size: 0.9em;
    line-height: 1.5;
    margin: 0;
}
a.tgb-upgrade-btn {
	display: inline-block;
    padding: 8px;
    border-radius: 15px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #0d3359;
    color: #fff;
	text-decoration:none;
}
a.tgb-upgrade-btn:hover {
	color: gold;
}
/* User profile styling */
.tgb-user-tier-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tgb-user-tier-free {
    background: #e8f5e8;
    color: #28a745;
}

.tgb-user-tier-pro {
    background: #e3f2fd;
    color: #007bff;
}

.tgb-user-tier-elite {
    background: #fff8e1;
    color: #ffc107;
}

/* NewsUp integration overrides */
.newsup-article-meta .tgb-access-badge {
    margin-left: 10px;
    vertical-align: middle;
}

.entry-content .tgb-access-badge {
    margin-bottom: 20px;
}
.entry-content h2 {
	display:none !important;
	visibility:hidden !important;
}
.entry-meta a,span{
	padding:4px 6px;
	margin-right:5px;
	border-radius:3px;
	background: #0d3359;
	font-size: 10px;
	line-height:10px;
	text-transform: uppercase;
	font-weight:700;
	cursor: pointer;
	color: #ffffff;
}
.entry-meta span.read-time{
	padding:4px 6px;
	margin-right:5px;
	border-radius:3px;
	background: #0d3359;
	font-size: 10px;
	line-height:10px;
	text-transform: uppercase;
	font-weight:700;
	cursor: pointer;
	color: #ffffff;
}
.cat-links a{
	padding:4px 6px;
	margin-right:5px;
	border-radius:3px;
	background: #0d3359;
	font-size: 10px;
	line-height:10px;
	text-transform: uppercase;
	font-weight:700;
	cursor: pointer;
	color: #ffffff;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
    .tgb-access-badge {
        font-size: 9px;
        padding: 3px 6px;
        margin-left: 5px;
    }
    
    .tgb-paywall {
        padding: 20px 15px;
        margin: 20px 0;
    }
    
    .tgb-paywall .btn {
        display: block;
        width: 100%;
        margin: 8px 0;
    }
    
    .tgb-engagement-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .tgb-carousel-item {
        flex: 0 0 280px;
    }
    
    .tgb-carousel-items {
        gap: 15px;
    }
}

@media (max-width: 576px) {
    .tgb-padlock::before {
        font-size: 12px;
        padding: 3px 4px;
        top: 5px;
        right: 5px;
    }
    
    .tgb-carousel-item {
        flex: 0 0 260px;
    }
}

/* Loading states */
.tgb-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: tgb-spin 1s linear infinite;
}

@keyframes tgb-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Accessibility improvements */
.tgb-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* Focus states */
.tgb-like-btn:focus, 
.tgb-favourite-btn:focus,
#tgb-search:focus,
.tgb-paywall .btn:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/** CSS Colours **/
/*==================== Site Titel =======================*/
body .site-title-footer a, body .site-description-footer {
	color: #fff;
}
/*==================== Top Bar color ====================*/
.mg-head-detail .info-left li span.time {
	background: #0d3359;
	color: #fff;
}
.mg-headwidget .mg-head-detail {
	background: #0d3359;
}
.inner{
	background: #0d3359;	
}
.mg-menu-full{
	background: #0d3359;
}
.mg-head-detail .info-left li, .mg-headwidget .mg-head-detail .info-left li a , .mg-headwidget .mg-head-detail li a i, .mg-headwidget .mg-head-detail .info-right li a {
	color: #fff;
}
.mg-headwidget .mg-head-detail .info-right li a:hover, .mg-headwidget .mg-head-detail .info-right li a:focus {
	color: #0d3359;
}
.mg-headwidget .mg-head-detail li a i {
	color: #fff;
}
.mg-headwidget .mg-head-detail .info-right li a i {
	color: #fff;
}
.mg-headwidget .trans {
	background: rgba(0, 0, 0, 0.0);
}
.mg-headwidget.trans .mg-head-detail {
	background: rgba(0, 0, 0, 0.0);
	border-color: rgba(255, 255, 255, 0.1);
}
.mg-headwidget.trans .mg-head-detail .info-left li a , .mg-headwidget.trans .mg-head-detail li a i, .mg-headwidget.trans .mg-head-detail .info-right li a {
	color: #fff;
}
.mg-headwidget.trans .navbar-wp {
    background: rgba(0, 0, 0, 0.7);
}
.mg-headwidget.center .navbar-wp {
    background: #0d3359;
}
/*=== navbar Header colors ===*/
.mg-headwidget .navbar-wp {
	background: #0d3359;
}
.mg-headwidget .navbar-header .navbar-brand {
	color: #222;
}
.header-widget .mg-header-box .mg-social li span.icon-soci a {
    color: #999;
}
.header-widget .mg-header-box .mg-social span.icon-soci:hover a, .header-widget .mg-header-box .mg-social span.icon-soci:focus a {
    color: #0d3359;
}
.mg-headwidget .navbar-wp .navbar-nav > li> a {
	color: rgba(255,255,255,0.71);
}
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover, .mg-headwidget .navbar-wp .navbar-nav > li > a:focus, .mg-headwidget .navbar-wp .navbar-nav > .active > a, .mg-headwidget .navbar-wp .navbar-nav > .active > a:hover, .mg-headwidget .navbar-wp .navbar-nav > .active > a:focus {
	color: #fff;
	background: #0d3359;
}
.mg-headwidget .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.mg-headwidget.trans .mg-head-detail .mg-social i {
    color: #fff;
}
.mg-headwidget.trans .mg-header-box-info h4, .mg-headwidget.trans .mg-header-box-info p {
	color: #fff;
}
.mg-headwidget.light .mg-head-detail{
	background: #fff;
	border-color: #eee;
}
.mg-headwidget.light .info-left li {
	color: #848582;
}
.mg-headwidget.light .mg-nav-widget-area-back .inner {
	background: #fff;
}

.post-edit-link :hover{ color:#0d3359; }
/*==================== Theme Menu ====================*/
/**Category Color **/
a.newsup-categories.category-color-1{background: #0d3359;}
a.newsup-categories.category-color-2{background: #feb236;}
a.newsup-categories.category-color-3{background: #622569;}
a.newsup-categories.category-color-4{background: #82b74b;}
/*=== navbar dropdown colors ===*/ 
.navbar-wp .dropdown-menu {
	background: #1f2024;
}
.navbar-wp .dropdown-menu > .active > a, .navbar-wp .dropdown-menu > .active > a:hover, .navbar-wp .dropdown-menu > .active > a:focus {
	background: #0d3359;
	color: #fff;
}
.navbar-wp .dropdown-menu > li > a:hover, .navbar-wp .dropdown-menu > li > a.bg-light:hover  {
	background: #0d3359 !important;
	color: #fff !important;
}
.navbar-wp .dropdown-menu li a.bg-light:hover  {
	background-color: #0d3359 !important;
	color: #fff !important;
}
.navbar-wp .dropdown-menu > li > a {
    background: #1f2024 !important;
    color: #fff !important;
}
.navbar-wp .dropdown-menu > .active > a, .navbar-wp .dropdown-menu > .active > a:hover, .navbar-wp .dropdown-menu > .active > a:focus {
	background: #0d3359;
	color: #fff;
}
.navbar-wp .dropdown-menu > li > a:focus {
	background: #222 !important;
}
.navbar-wp .navbar-nav > .disabled > a, .navbar-wp .navbar-nav > .disabled > a:hover, .navbar-wp .navbar-nav > .disabled > a:focus {
	color: #ccc;
}
.mg-search-box .btn {
	background: #0d3359;
	border-color: #0d3359;
	color: #fff;
}
.mg-search-box .btn {
	background: #0d3359;
	border-color: #0d3359;
	color: #fff;
}
.navbar-wp .dropdown-menu.searchinner {
		background: #0d3359;
}
.mg-search-box a {
	color: rgba(255,255,255,0.71);
}
.mg-search-box a:hover, .mg-search-box a:focus {
	color: rgba(255,255,255,0.71);
}
.mobilehomebtn {
    background: #0d3359;
    color: #fff;
}
.mobilehomebtn:hover, .mobilehomebtn:focus{color:#fff;}
.btn:hover, .btn:focus, .btn.focus{	color: #fff;}
/*=== navbar drop down hover color ===*/
.navbar-base .navbar-nav > .open > a, .navbar-base .navbar-nav > .open > a:hover, .navbar-base .navbar-nav > .open > a:focus {
	color: #fff;
}
.navbar-base .navbar-nav > li > a.dropdown-form-toggle {
	color: #fff;
}
/*=== navbar toggle color ===*/ 
.navbar-default .navbar-toggle {
	color: #fff;
}
.navbar-wp .navbar-nav > li > a.dropdown-form-toggle {
	color: #fff;
}
.navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus {
	background: rgba(0,0,0,0);
	color: #fff;
}
/*==================== Body & Global ====================*/
body {
	color: #222;
}
.mg-heading h3, .mg-heading h3 a {
	color: #212121;
}
input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea {
	color: #212121;
	border-color: #eef3fb;
}	
.form-control:hover, textarea:hover, input:not([type]):hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover, input:not([type]):focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
	border-color: #0d3359;
}
input[type="submit"], input[type="reset"],  button {
	background: #0d3359;
	border-color: #0d3359;
	color: #fff;
}
input[type="submit"]:hover, input[type="reset"]:hover, button:hover,input[type="submit"]:focus, input[type="reset"]:focus, button:focus {
	background: #002954;
	border-color: #002954;
	color: #fff;
}
a {
	color: #0d3359;
}
a:hover, a:focus {
	color: #002954;
}
blockquote, blockquote.wp-block-quote{
	background: #f5f5f5;
	border-color: #0d3359;
}
blockquote::before {
	color: #0d3359;
}
blockquote::after {
	color: #0d3359;
}
.mg-search-modal .mg-search .btn {
	background: #0d3359;
	color: #fff;
}
.mg-search-modal .mg-search .btn:hover {
	background: #002954;
}
.mg-error-404 h1 i {
	color: #0d3359;
}
.grey-bg {
	background: #f4f7fc;
}
.owl-controls .owl-page, .owl-controls .owl-buttons span {
	border-radius:12px;
}
.owl-carousel .owl-controls .owl-buttons div:hover {
	background: #0d3359;
	border-color: #0d3359;
	color: #fff;
}
.owl-carousel .owl-controls .owl-buttons div:hover i {
	color: #fff;
}
.owl-carousel .owl-controls .owl-page span {
	border-color: #fff;
	border-radius:12px;
}
.owl-carousel .owl-controls .owl-page.active span {
	border-color: #0d3359;
}
.mg-social li a, .mg-social li span.icon-soci  {
	color: #fff !important;
	border-radius:15px;
	padding:4px;
}
.mg-social li a, .mg-social li span.icon-soci:hover  {
	color: #fff !important;
	border-radius:15px;
	padding:4px;
	transform:none;
}
/*==================== Section & Module ====================*/
.mg-tpt-tag-area {
    background: #fff;
}
.mg-tpt-txnlst strong {
    color: #383b42;
}
.mg-tpt-txnlst ul li a {
    color: #0d3359;
    background: #f3eeee;
}
.mg-tpt-txnlst ul li a:hover, .mg-tpt-txnlst ul li a:focus {
    color: #fff;
    background: #0d3359;
}
.mg-latest-news .bn_title span{
  border-left-color: #0d3359;
  border-color: transparent transparent transparent #0d3359; 
}
.mg-latest-news .bn_title {
  background-color: #0d3359;
}
.mg-latest-news .mg-latest-news-slider a {
  color: #0d3359;
  background-color: #ffffff;
}
.mg-latest-news .mg-latest-news-slider a::before, .mg-latest-news .mg-latest-news-slider a::after {
    color: #0d3359;
}
.mg-latest-news .mg-latest-news-slider a span{
  color: #0d3359;
  background-color: #ffffff;
}
.top-right-area .nav-tabs > li > a {
    border-color: #eee;
    color: #212121;
    background: #fff;
}
.top-right-area .nav-tabs .nav-link.active, .top-right-area .nav-tabs .nav-link.active:hover, .top-right-area .nav-tabs .nav-link.active:focus {
    color: #212121;
    background-color: #fff;
    border-color: #eee;
    border-bottom-color: #0d3359;
}
.title_small_post h5 a {
	color: #212121;
}	
.title_small_post h5 a:hover {
	color: #0d3359;
}	
.mg-featured-slider{
  background-color: #FFF;
}
.mg-blog-inner h4, .mg-blog-inner h4 a {
  color: #fff;
}
.mg-blog-inner .mg-blog-date, .mg-blog-inner .mg-blog-meta i, .mg-blog-inner .mg-blog-meta a {
	color: #fff;
}
.mg-sec-title {
  border-color: #0d3359;
}
.mg-sec-title h4{
    background-color: #0d3359;
    color: #fff;
}
.mg-sec-title h4::before {
    border-left-color: #0d3359;
    border-color: transparent transparent transparent #0d3359;
}
.mg-viewmr-btn{
  color: #0d3359;
}
.mg-posts-sec .small-post-content h5 a:hover, .featured_cat_slider a:hover{
  color: #0d3359;
}
.mg-posts-sec-inner .small-list-post .small-post, .small-post{
  background: #fff;
}
.small-list-post h5.title, .small-list-post h5.title a, .small-post .title, .small-post .title a {
    color: #212121;
}
.mg-posts-sec-post{
  background: #fff;
}
.mg-posts-modul-6 .mg-sec-top-post .title a{
    color: #000;
}
.mg-post-box .title a { 
    color:#fff;
}
.mg-post-box .title a:hover { 
    color:#0d3359;
}
.mg-post-box .latest-meta { 
    color: #fff;
}
.mg-post-box .latest-meta .latest-date { 
    color:#f3f3f3;
}
.mg-post-box .latest-content { 
    color: #fff; 
}
.mg-post-bottom .mg-share-icons .mg-share span a{
	background-color: #CCD1D9;
  color: #fff;
}
.mg-post-bottom .mg-share-icons .mg-share span a:hover{
  background-color:#0d3359;
  color: #fff;
}
.mg-post-bottom .mg-share-icons .mg-share-toggle{
  background-color: #CCD1D9;
}
.mg-post-bottom .mg-share-icons .mg-share-toggle i{
  color: #fff;
}
.mg-post-bottom .mg-share-icons .mg-share-toggle:hover{
  background-color:#0d3359;
  color: #fff;
}
.mg-subscriber .overlay {
	background: #f3f3f3;
}
.mg-breadcrumb-section .overlay {
	background: #fff;
}
/*==================== post ====================*/
.mg-blog-post-box .mg-header h1 a {
	color: #000;
}
.mg-blog-post .bottom h4, .mg-blog-post .bottom h4 a {
	color: #fff;
}
.mg-blog-post .bottom h4:hover, .mg-blog-post .bottom h4 a:hover, .mg-posts-modul-6 .mg-sec-top-post .title a:hover, .mg-blog-inner h4 a:hover {
	color: #0d3359;
}
.mg-blog-post-box .small {
	color: #222;
}
.mg-blog-post-box h4.title, .mg-blog-post-box h4.title a {
	color: #212121;
}
.mg-blog-post-box h4.title:hover, .mg-blog-post-box h4.title a:hover, .mg-blog-post-box h4.title:focus, .mg-blog-post-box h4.title a:focus {
	color: #0d3359;
}
.mg-blog-category a{
    color: #fff;
    background: #0d3359;
}
.mg-blog-category a:hover {
    color: #fff;
}
.mg-blog-meta {
    color: #bdbdbd;
}
.mg-blog-meta a {
	color: #333;
	
}
.mg-blog-date a{
	background-color:#fff;
	color: #333;
}
.mg-blog-date i{
	background-color:#fff;

}
.mg-blog-meta a:hover {
	color: #0d3359;
}
.mg-blog-meta i {
	background-color:#fff;
	color: #333;
}
.mg-blog-date {
	color: #333;
	background-color:#fff;
}
.mg-blog-post.lg .mg-blog-meta i, .mg-blog-post.lg .mg-blog-meta a , .mg-blog-post.lg .mg-blog-meta span {
	color: #fff;
}
.mg-blog-post.lg .mg-blog-meta a:hover , .mg-blog-post.lg .mg-blog-meta a:focus {
	color: #0d3359;
}
.featured-image-caption{
	background-color: #343a40 ;
	color: #f8f9fa;
}
.post-form {
    color: #fff;
    background: #0d3359;
}
.mg-comments h4 {
	color: #212121;
}
.comments-area .comment-meta .comment-author img {
	border-color: #0d3359;
}
.comment-body .reply a {
    color: #fff;
    background: #0d3359;
}
.comment-body .reply a:hover, .comment-body .reply a:focus {
    color: #fff;
    background: #202f5b;
}
.comment-metadata .edit-link:before {
    color: #0d3359;
}
.mg-blog-author {
	background: #e8e8e8;
}
.mg-info-author-block {
	background: #fff;
	border-color: #eaeaea;
	color: #222;
}
.mg-info-author-block a {
	color: #212121;
}
.mg-info-author-block h4 {
	color: #333;
}
.mg-info-author-block h4 span {
	color: #999999;
}
.mg-info-author-block .mg-info-author-social li a {
	color: #fff;
}
.comment_section .comment-reply-link {
	background: #f0f0f0;
	color: #666;
	border-color: #f0f0f0;
}
.mg-comments a {
	color: #777;
}
.mg-comments h4 span {
	color: #999999;
}
.mg-comments .comment .media-body > p:last-child {
	border-color: #f0f0f0;
}
.mg-comments li .media-body > .small {
	color: #999;
}
.mg-comments li .media-body > p {
	border-color: #f0f0f0;
	color: #999;
}
.mg-comments .comment-list li {
	background: #fff;
	border-color: #eee;
}
.wp-block-search .wp-block-search__label,.mg-widget .wp-block-group h2  {
	background: #0d3359;
	color: #fff;
	border-color: #0d3359;
}
.wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2:before {
    border-left-color: #0d3359;
    border-color: transparent transparent transparent #0d3359;
}
.wp-block-search .wp-block-search__label::after, .mg-widget .wp-block-group h2::after {
	background-color: #0d3359;
}
.wp-block-file *+.wp-block-file__button{
    background: #0d3359;
    color: #ffffff;
    text-decoration: none;
}
/*==================== Sidebar ====================*/
.mg-sidebar .mg-widget {
	background: #fff;
	border-color: #eee;
}
.mg-wid-title {
	border-color: #0d3359;
}
.mg-sidebar .mg-widget h6{
	background: #0d3359;
	color: #fff;
}
.mg-sidebar .mg-widget .wtitle{
	background: #0d3359;
	color: #fff;
}
.mg-sidebar .mg-widget h6::before {
	border-left-color: #0d3359;
    border-color: transparent transparent transparent #0d3359;
}
.mg-sidebar .mg-widget .wtitle::before {
	border-left-color: #0d3359;
    border-color: transparent transparent transparent #0d3359;
}
.mg-sidebar .mg-widget ul li, .wp-block-latest-comments li {
	border-color: #eee;
}
.mg-sidebar .mg-widget ul li a {
	color: #222;
}
.mg-sidebar .mg-widget ul li a:hover, .mg-sidebar .mg-widget ul li a:focus {
	color: #0d3359;
}
.mg-sidebar .mg-widget ul li .mg-blog-category a, .mg-sidebar .mg-widget ul li .mg-blog-category a:hover {
    color: #fff;
}
.mg-sidebar .mg-widget .mg-blog-post h3 a {
	color: #212121;
}
.mg-sidebar .mg-widget .mg-blog-post h3 a:hover {
	color: #0d3359;
}
.mg-sidebar .mg-widget.widget_search .btn {
	color: #fff;
	background: #0d3359;
}
.mg-sidebar .mg-widget.widget_search .btn:hover, .mg-sidebar .mg-widget.widget_search .btn:focus {
	background: #002954;
}
.mg-sidebar .mg-mailchimp-widget .btn:hover, .mg-sidebar .mg-mailchimp-widget .btn:focus {
	background: #002954;
}
.mg-sidebar .mg-widget .mg-widget-tags a, .mg-sidebar .mg-widget .tagcloud a,
.wp-block-tag-cloud a, .mg-widget .wp-block-tag-cloud a {
	background: #f3eeee;
	color: #0d3359;
	border-color: #f3eeee;
}
.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, 
.wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:focus, 
.mg-widget .wp-block-tag-cloud a:hover  {
	color: #fff;
	background: #0d3359;
	border-color: #0d3359;
}
.mg-sidebar .mg-widget .mg-widget-tags a:hover, .mg-sidebar .mg-widget .tagcloud a:hover, .mg-sidebar .mg-widget .mg-widget-tags a:focus, .mg-sidebar .mg-widget .tagcloud a:focus {
	color: #fff;
	background: #0d3359;
	border-color: #0d3359;
}
.mg-sidebar .mg-widget .mg-social li span.icon-soci {
	color: #0d3359;
	border-color: #0d3359;
}
.mg-sidebar .mg-widget .mg-social li span.icon-soci:hover {
	color: #fff;
	background: #0d3359;
	border-color: #0d3359;
}
.mg-sidebar .mg-widget .mg-social li span.icon-soci:hover i {
	color: #fff;
}
.mg-sidebar .mg-widget .calendar_wrap table caption{
	color: #222;
}
.mg-sidebar .wp-block-verse{
	background-color: transparent;
}
/*==================== general ====================*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #212121;
}
.btn {
	background: #0d3359;
	color: #fff;
}
.btn-theme, .more_btn, .more-link {
	background: #0d3359;
	color: #fff;
	border-color: #0d3359;
}
.btn-theme:hover, .btn-theme:focus, .more_btn:hover, .more_btn:focus, .more-link:hover, .more-link:focus {
	color: #fff;
	opacity: 0.8;
}
/*==================== pagination color ====================*/
.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a, .single-nav-links a, .single-nav-links span  {
	background: #fff;
	color: #999;
}
.nav-next a, .nav-previous a {
	color: #000;
}
.nav-next a:hover, .nav-next a:focus, .nav-previous a:hover, .nav-previous a:focus {
	color: #0d3359;
}
.navigation.pagination .nav-links .page-numbers:hover, .navigation.pagination .nav-links .page-numbers:focus, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current:hover,  .navigation.pagination .nav-links .page-numbers.current:focus, .single-nav-links a.current, .single-nav-links span.current, .single-nav-links a:hover, .single-nav-links span:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	border-color: #0d3359;
	background: #0d3359;
	color: #fff;
}
/*==================== typo ====================*/

.home .mg-breadcrumb-section {
	margin-top:0px;
	height:0px;
}
#content {
	padding-top:20px;
}

.mg-breadcrumb-title h1, .mg-breadcrumb-title .title {
	color: #222;
	font-size:16px;
}
.mg-breadcrumb-title h1 span {
	vertical-align:middle;
}
.mg-page-breadcrumb > li a {
	color: #222;
}
.mg-page-breadcrumb > li a:hover, .mg-page-breadcrumb > li a:focus {
	color: #0d3359;
}
.mg-page-breadcrumb > li + li:before {
	color: #222;
}
/*==================== blog ====================*/
.mg-comments .mg-reply:hover, .mg-comments .mg-reply:focus {
	color: #fff;
	background: #0d3359;
	border-color: #0d3359;
}
.mg-heading-bor-bt h5 {
	color: #212121;
}
/*==================== Tags ======================*/
.newsup-tags a:hover{
	color: #0d3359;
}
#wp-calendar tbody td#today{color: #0d3359; }
/*==================== footer background ====================*/
footer .overlay {
	background: #0d3359;
}
footer .mg-footer-copyright{
	background: #0d3359;
}
footer .mg-footer-top-area h6, footer .mg-widget h6 {
	color: #fff;
	background: #0d3359;
}
footer .mg-widget ul li {
	color: #fff;

}
.back-img{
	background:#0d3359;
}
.mg-footer-bottom-area {
	background:#0d3359;
}
footer .mg-widget ul li {
	border:0px;
}

footer .mg-widget ul li a {
	color: #fff;
}
.menu-item a{
	padding: 10px 22px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--headFont);
    line-height: 2.3;
    color:#fff;
}
footer .mg-widget ul li a:hover, footer .mg-widget ul li a:focus {
	color: #0d3359;
}
footer .mg-social li span.icon-soci a {
    color: #fff;
}
footer .mg-widget .double-category-widget .small-post-content p, footer .mg-widget .double-category-widget .small-post-content .mg-blog-meta a, footer .double-category-widget i{
	color: #fff;
}
.facebook{
	background: #3b5998;
	color:#fff;
} 
.twitter{
	background: #1da1f2;
	color:#fff;
} 
.x-twitter{
	background: #222;
}
.linkedin{
	background: #0e76a8;
	color:#fff;
}
.instagram{
	color:#fff; background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%),linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);
}
.youtube{
	background: #cd201f;
	color:#fff;
}
.pinterest {
	background: #bd081c;
	color:#fff;
}
.vimeo {
	background: #44bbff;
	color:#fff;
}
.dribbble {
	background: #ea4c89;
	color:#fff;
}
.skype {
	background: #0078ca;
	color:#fff;
}
.telegram {
	background: #0088cc;
	color:#fff;
}
.post-share-icons .email{
	background: #222;
}
.print-r {
    background: #000;
    color: #fff;
}
footer .mg-footer-copyright {
	background: #0d3359;
}
footer .mg-footer-bottom-area .divide-line {
	background: #0d3359;
}

footer .mg-footer-copyright p, footer .mg-footer-copyright a {
	color: #aaaed1;
}
footer .mg-footer-copyright a:hover, footer .mg-footer-copyright a:focus {
	color: #fff;
}
footer .mg-widget p {
	color: #fff;
}
footer .mg-widget h1, footer .mg-widget h2, footer .mg-widget h3, footer .mg-widget h4, footer .mg-widget h5, footer .mg-widget h6{
	color: #fff;
}
footer .mg-widget blockquote, footer .mg-widget blockquote p{
	color: #212121;
}
footer .mg-widget .wp-block-code code{
	color: #fff;
}
footer .mg-widget pre{
	color: #fff;
}

/* Make login form fields identical even if class is missing */
.tgb-form input[name="log"],
.tgb-form input[name="pwd"]{
  display:block;
  width:100%;
  box-sizing:border-box;
  font: inherit;
  line-height:1.3;
  padding:.65rem .75rem;   /* << same padding for both */
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
}
.tgb-form input[name="log"]:focus,
.tgb-form input[name="pwd"]:focus{
  outline:none;
  border-color:#0d3359;
  box-shadow:0 0 0 3px rgba(13,51,89,.12);
}

/* Autofill normalization (Chrome/Safari) */
.tgb-form input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 50px #fff inset !important;
  -webkit-text-fill-color:inherit !important;
  border-radius:8px;
}
.tgb-form .tgb-actions button {
	color:#000;
    background-color: #c2a76d;
    border-radius: 10px;
	border: 1px solid #c2a76d;
	font-size: 12px;
}

footer .mg-widget p {
	color: #fff;
}
footer .mg-widget .wp-block-calendar table caption, footer .mg-widget .wp-block-calendar table tbody {
    color: #bcbcbc;
}
footer .mg-widget .small-post-content p, footer .mg-widget .small-post-content .mg-blog-meta a{
	color: #212121;
}
footer .mg-posts-modul-6 .mg-sec-top-post p{ color: #000; }

footer .mg-posts-modul-6 .mg-sec-top-post .mg-blog-meta a{ color: #000; }

footer .mg-posts-modul-6 .mg-sec-top-post .mg-blog-meta a:hover{color: #0d3359;}

footer .mg-widget.widget_search .btn {
	color: #fff;
	background: #0d3359;
	border-color: #0d3359;
}
footer .mg-widget, footer .mg-widget a {
    color: #fff;
}
footer .mg-widget.widget_search .btn:hover, footer .mg-widget.widget_search .btn:focus {
	background: #002954;
	border-color: #002954;
}
footer .mg-widget .mg-widget-tags a, footer .mg-widget .tagcloud a {
	background: #fff;
    color: #0d3359;
    border-color: #fff;
}
footer .mg-widget .mg-widget-tags a:hover, footer .mg-widget .tagcloud a:hover, footer .mg-widget .mg-widget-tags a:focus, footer .mg-widget .tagcloud a:focus {
	color: #fff;
	background: #0d3359;
	border-color: #0d3359;
}
footer .mg-widget h6 {
	background: #0d3359;
	color: #fff;
}
footer .mg-widget h6::before {
	border-left-color: #0d3359;
    border-color: transparent transparent transparent #0d3359;
}
footer .mg-widget h6::after {
    background-color: #0d3359;
}
footer .small-post, footer .mg-posts-sec-inner .small-list-post .small-post {
	background: #121026;
}
footer .latest-posts-widget .mg-posts-sec-post{
	background: #121026;
	border: 1px solid #211f32;
}
footer .latest-posts-widget .mg-sec-top-post .title a, footer .latest-posts-widget .mg-sec-top-post p, footer .latest-posts-widget .mg-blog-meta i, footer .latest-posts-widget.mg-posts-modul-6 .mg-sec-top-post .mg-blog-meta a{
	color: #fff;
}
footer .small-post .title a{
	color: #fff;
}
.ta_upscr {
	background: #0d3359;
	border-color: #0d3359;
	color: #fff !important;
}
.ta_upscr:hover, .ta_upscr:focus {
	color: #fff;
}
/*form-control*/
.form-group label {
    color: #515151;
}
.form-control {
	border-color: #eef3fb;
}
.form-control:focus {
	border-color: #0d3359;
}
.form-group label::before {
    background-color: #dddddd;
}
.form-group label::after {
	background-color: #0d3359;
}
.woocommerce-page .products h3 {
	color: #333;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
	color: #333;
}
.related.products h2 {
	color: #333;
}
.woocommerce nav.woocommerce-pagination ul li a {
	color: #333;
}
.woocommerce nav .woocommerce-pagination ul li span {
	color: #333;
}
.woocommerce nav.woocommerce-pagination ul li a {
	border-color: #ddd;
}
.woocommerce nav .woocommerce-pagination ul li span {
	border-color: #ddd;
}
/*----woocommerce----*/ 
.woocommerce-cart table.cart td.actions .coupon .input-text {
	border-color: #ebebeb;
}
/*-theme-background-*/ 
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce-page .products a.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
	background: #0d3359;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	background: #ebe9eb;
	color: #999;
}
/*-theme-color-*/ 
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page .products .added_to_cart, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	color: #0d3359;
}
/*-theme-border-color-*/ 
.woocommerce-cart table.cart td.actions .coupon .input-text:hover, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce nav .woocommerce-pagination ul li a:focus, .woocommerce nav .woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	border-color: #0d3359;
}
/*-theme-secondary-background-*/ 
.woocommerce #review_form #respond .form-submit input:hover, .woocommerce-page .products a.button:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus {
	background: #002954;
}
/*-theme-secondary-color-*/ 
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #161c28;
}
/*-theme-color-white-*/ 
.woocommerce-page .woocommerce .woocommerce-info a, .woocommerce-page .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-message a, .woocommerce-page .woocommerce-message a:hover, .woocommerce-page .woocommerce-message a:focus, .woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-error a, .woocommerce-page .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-info a, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce .woocommerce-info, .woocommerce-cart .wc-proceed-to-checkout a .checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce nav .woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page .products a.button, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus {
	color: #fff;
}
.woocommerce .products span.onsale, .woocommerce span.onsale {
	background: #0d3359;
}
.woocommerce-page .products a .price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #000;
}
.woocommerce-page .products a .price ins {
	color: #e96656;
}
.woocommerce-page .products .star-rating, .woocommerce-page .star-rating span, .woocommerce-page .stars span a {
	color: #ffc107;
}
/*woocommerce-messages*/
.woocommerce-page .woocommerce-message {
	background: #2ac56c;
}
.woocommerce-page .woocommerce-message a {
	background-color: #0d3359;
}
.woocommerce-page .woocommerce-message a:hover, .woocommerce-page .woocommerce-message a:focus {
	background-color: #388e3c;
}
.woocommerce-page .woocommerce-error {
	background: #ff5252;
}
.woocommerce-page .woocommerce-error a {
	background-color: #F47565;
}
.woocommerce-page .woocommerce-info {
	background: #4593e3;
}
.woocommerce-page .woocommerce-info a {
	background-color: #5fb8dd;
}
.woocommerce-page .woocommerce .woocommerce-info {
	background: rgb(58, 176, 226);
}
/*woocommerce-Price-Slider*/ 
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	background: #0d3359;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background: #0d3359;
}
.woocommerce-page .woocommerce-ordering select {
	color: #A0A0A0;
}
/*woocommerce-price-filter*/
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: #1a2128;
}
/*woocommerce-form*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	border-color: #ccc;
	color: #000;
}
.woocommerce form .form-row label { 
	color: #222;
}
div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: #0d3359;
    color: #fff;
}
.wp-block-search .wp-block-search__input:hover, .wp-block-search .wp-block-search__input:focus {
    border-color: #0d3359;
}
.wp-block-search .wp-block-search__button{
    background: #0d3359;
    border-color: #0d3359;
    color: #fff;
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus {
	background: #002954;
	border-color: #002954;
	color: #fff;
}

/** Login **/
.login-form, .register-form, .account-box {
  max-width: 420px; margin: 2rem auto; padding: 1.25rem; border: 1px solid #eee; border-radius: 10px;
}
.login-form p, .register-form p { margin: 0 0 1rem; }
.login-form label, .register-form label { display:block; font-weight:600; margin-bottom:.4rem; }
.login-form input, .register-form input { width:100%; padding:.6rem; border:1px solid #ddd; border-radius:8px; }
.auth-links { text-align:center; margin-top:.75rem; }
.notice.notice-error { background:#fee; border:1px solid #fbb; padding:.75rem; border-radius:8px; }

.lostpassword-form, .resetpassword-form {
  max-width:420px; margin:2rem auto; padding:1.25rem; border:1px solid #eee; border-radius:10px;
}
.lostpassword-form p, .resetpassword-form p { margin:0 0 1rem; }
label { display:block; font-weight:600; margin-bottom:.4rem; }
.login_form input[type="text"], input[type="email"], input[type="password"] { width:100%; padding:.6rem; border:1px solid #ddd; border-radius:8px; }
.notice { padding:.75rem; border-radius:8px; margin-bottom:1rem; }
.notice-success { background:#eef9ee; border:1px solid #b8e0b8; }
.notice-error { background:#fee; border:1px solid #fbb; }
.auth-links { text-align:center; }


.tgb-locked { opacity: .96; }
.tgb-lock-meta p{
  display:flex; align-items:center; gap:.5rem;
  font-size:.9rem; margin:.25rem 0 .5rem; padding:.45rem .6rem;
  border:1px solid #eee; border-radius:.5rem; background:#fafafa;width:100%;
}
.tgb-upgrade-link { text-decoration: underline; }
.tgb-lock-inline { opacity:.8; font-size:.9em; margin-left:.25em; }

.tgb-owl-wrap { position: relative; }
.tgb-owl-title { margin: 0 0 .5rem; }
.tgb-owl-item { padding: .25rem; height:300px;}
.tgb-owl-thumb { position: relative; display: block; overflow: hidden; border-radius: 10px; }
.tgb-owl-thumb img { width: 100%; height: auto; display: block; }
.tgb-owl-thumb .tgb-lock { position: absolute; top: .5rem; right: .5rem; background: rgba(0,0,0,.6); color:#fff; border-radius: 999px; padding: .2rem .45rem; font-size: .85rem; }
.tgb-owl-body { padding: .5rem 0 .25rem; }
.tgb-owl-heading { font-size: 1rem; line-height: 1.3; margin: .35rem 0; height:120px;}
.tgb-owl-excerpt { font-size: .9rem; color: #555; margin: 0 0 .25rem; }
.tgb-owl-meta { color: #777; }

/* Ensure SVG fallback images behave like thumbnails */
.tgb-default-thumb {
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #ccc;
}

/* Main carousel height */
.tgb-owl-wrap.main .tgb-owl-thumb img {
  max-height: 360px;
}

/* Minor carousel height (half) */
.tgb-owl-wrap.minor .tgb-owl-thumb img {
  max-height: 180px;
}
/* Aspect-ratio wrapper (16:9) */
.tgb-owl-media {
  --tgb-aspect: 16/9;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--tgb-aspect);
  overflow: hidden;
  border-radius: 10px;
  background: #e9e9e9;
}

/* Fill the available space, regardless of source size */
.tgb-owl-media .tgb-thumb-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Optional: visual caps (if you want minor to look ~half height on desktop) */
.tgb-owl-wrap.main  .tgb-owl-media { max-height: 360px; }
.tgb-owl-wrap.minor .tgb-owl-media { max-height: 180px; }

/* Lock badge */
.tgb-owl-media .tgb-lock {
  position: absolute; top: .5rem; right: .5rem;
  background: rgba(240,240,240,.9); color:#fff; border-radius: 999px;
  padding: .2rem .45rem; font-size: .85rem;
}
.small-post-content .tgb-lock {
    margin-right: 5px;
  background: rgba(240,240,240,.9); color:#fff; border-radius: 999px;
  padding: .2rem .45rem; font-size: .85rem;
}
/* Dashboard layout */
.tgb-dashboard { margin: 1rem 0; display: grid; 
	place-items: center; text-align:center;}
.tgb-dash-grid { 
	display: grid; 
	place-items: center; 
	max-width:860px;
}
@media (max-width: 960px) { .tgb-dash-grid { grid-template-columns: 1fr; } }

.tgb-card { background:#fff; border:1px solid #eee; border-radius:12px; padding:1rem; }
.tgb-profile { display:flex; align-items:center; gap: .75rem; justify-content: space-between; flex-wrap: wrap; }
.tgb-badge { background:#f3f4f6; border:1px solid #e5e7eb; padding:.2rem .5rem; border-radius:999px; font-size:.85rem; }
.tgb-profile-links a { margin-right:.75rem; }

.tgb-prefs .tgb-prefs-groups { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.5rem; }
.tgb-chip { display:inline-flex; gap:.4rem; align-items:center; border:1px solid #e5e7eb; padding:.3rem .6rem; border-radius:999px; cursor:pointer; }
.tgb-chip input { accent-color:#111; }

.tgb-switch { display:flex; align-items:center; gap:.5rem; margin:.5rem 0 1rem; }

.tgb-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; }
@media (max-width: 900px) { .tgb-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .tgb-grid { grid-template-columns: 1fr; } }

.tgb-card-mini { border:1px solid #eee; border-radius:10px; overflow:hidden; background:#fff; }
.tgb-card-mini .thumb { position:relative; display:block; }
.tgb-card-mini .thumb img { width:100%; height:auto; display:block; }


.tgb-card-mini .thumb .lock { 
  position: absolute; top: .5rem; right: .5rem;
  background: rgba(240,240,240,.9); color:#fff; border-radius: 999px;
  padding: .2rem .45rem; font-size: .85rem;
}


.tgb-card-mini .title { font-size:1rem; margin:.5rem .75rem; }
.tgb-card-mini .excerpt { font-size:.9rem; color:#555; margin:0 .75rem .75rem; }

.tgb-pager { display:flex; gap:.5rem; justify-content:flex-end; margin-top:.5rem; }
.tgb-pager button {border-radius:15px;}
.tgb-favs { list-style:none; margin:0; padding:0; }
.tgb-favs li { display:flex; align-items:center; gap:.6rem; padding:.35rem 0; border-bottom:1px dashed #eee; }
.tgb-favs li:last-child { border-bottom:0; }
.tgb-favs .thumb img { width:60px; height:60px; object-fit:cover; border-radius:6px; }
.tgb-favs .meta a { font-weight:500; }
.tgb-fav-remove { margin-left:auto; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:8px; padding:.15rem .45rem; cursor:pointer; }

.tgb-empty { color:#666; }
.tgb-note { color:#6b7280; font-size:.9rem; margin-top:.5rem; }
.tgb-prefs-actions button {border-radius:15px;}


/* === TGB login/register: force identical input sizing === */

/* 1) Base normalization for ALL TGB inputs */
.tgb-form .tgb-input{
  display:block;
  width:100%;
  box-sizing:border-box;
  font: inherit;
  font-size:16px;          /* fix sub-pixel differences across browsers */
  line-height:1.25;
  padding:12px 14px;       /* ← identical for text & password */
  border:1px solid #ddd;
  border-radius:8px;
  height:auto;
  min-height:44px;         /* touch-friendly */
  -webkit-appearance:none;
  appearance:none;
  background-clip: padding-box;
}

#tgb-contact-form input {
	width:360px;
	border-radius:3px;	
}
#tgb-contact-form textarea {
	width:360px;
	border-radius:3px;	
}
#tgb-contact-form button {
	background-color: #c2a76d;	
	color:#000;
	border-radius:10px;	
}


 .tgb-field--radio input[type="radio"]{
	opacity:0;
	position:fixed;
	width:0;
}
.tgb-field .tgb-option--radio{
	display:inline;
}
 .tgb-field span.tgb-req {
 	border:0px;
 	padding:1px;
 	background:#fff;
 }
.tgb-label {
    font-family: sans-serif, Arial;
    font-size: 12px;
}
 .tgb-field span {
    display: inline-block;
    background-color: #ddd;
    padding: 5px 5px 5px 5px;
    margin:2px;
    font-family: sans-serif, Arial;
    font-size: 12px;
    border: 2px solid #0d3359;
    color:#0d3359;
    border-radius: 4px;
}
 .tgb-field--radio input[type="radio"]:checked + span{
    background-color:#0d3359;
    border: 2px solid #C2A76D;
    padding: 5px 5px 5px 5px;
    color:#fff;
}
 .tgb-field input[type="radio"]:focus + span {
    padding: 5px 5px;
    background-color:#0d3359;
    border-color: #C2A76D;
    color:#fff;
}
 .tgb-field--radio span:hover {
    background-color:#bbb;
    border-color: #0d3359;
    color:#fff;
}
/* 2) If the theme targets types differently, override them explicitly */
.tgb-form input[type="text"].tgb-input,
.tgb-form input[type="email"].tgb-input,
.tgb-form input[type="password"].tgb-input,
.tgb-form input[type="tel"].tgb-input,
.tgb-form input[type="search"].tgb-input{
  padding:12px 14px !important;   /* beat overly specific rules */
  border-width:1px !important;
  line-height:1.25 !important;
  min-height:44px !important;
}


/* 3) Autofill can change computed height — normalize it */
.tgb-form input.tgb-input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 50px #fff inset !important;
  -webkit-text-fill-color: inherit !important;
  border-radius:8px;
}

/* 4) Focus state (consistent for all types) */
.tgb-form .tgb-input:focus{
  outline:none;
  border-color:#0d3359;
  box-shadow:0 0 0 3px rgba(13,51,89,.12);
}
.tgb-share-buttons {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  gap: .5rem;

}
.tgb-share-btn {
  display:inline-block;
  padding:.4rem .75rem;
  border-radius:4px;
  font-size:.85rem;
  font-weight:500;
  text-decoration:none;
  color:#fff;
}
.tgb-share-facebook { background:#1877f2; }
.tgb-share-twitter  { background:#1da1f2; }
.tgb-share-linkedin { background:#0077b5; }
.tgb-share-whatsapp { background:#25d366; }
.tgb-share-email    { background:#6c757d; }

.post-thumbnail .entry-content {
	margin-top:4px;
}
.post-thumbnail img {
	height:180px;
	width:320px;
	float:right;
	margin:15px;
	border-radius: 4px;
}

/* Additional TGB specific styles that might conflict with NewsUp */
.tgb-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Ensure proper spacing in NewsUp layout */
.newsup-article .tgb-access-badge {
    margin-top: 5px;
    display: inline-block;
}

/* Override NewsUp meta styling for TGB elements */
.newsup-article-meta .tgb-engagement-buttons {
    margin-left: 0;
    border-top: none;
    padding-top: 0;
}

/* NewsUp specific carousel adjustments */
.newsup-content-area .tgb-carousel {
    margin: 40px 0;
}

.newsup-content-area .tgb-carousel-title {
    font-family: inherit;
    color: inherit;
}
.simpay-btn {
	border-radius: 12px;
	font-size:10px;
	text-transform:uppercase;
}
button.simpay-checkout-btn {
	border-radius: 12px;
	background-color:#0d3359 !important;
}
.simpay-optional-indicator {
	padding:1px;
	color: #0d3359 !important;
	background-color:#eee !important;
	border-color: #0d3359 !important;
}
.mg-card-box .wp-block-column {
	border:1px solid #0d3359 !important;
	border-radius:15px;
	padding:8px;
}
.mg-card-box .wp-block-column .wp-block-heading{
	padding-left:8px;
}