/*
Theme Name: WPVoyager Child Theme
Theme URI:
Author: Nick Pappas
Author URI: https://www.pimswebsites.com
Description: Child Theme for the WPVoyager theme
Template: wpvoyager
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpvoyager
Tags: responsive-layout, featured-images,  theme-options, translation-ready
*/


/* ---------------------------------------------- /*
 * Preloader
/* ---------------------------------------------- */

#preloader {
	background: #FFF;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

#status {
	background-image: url(/wp-content/themes/wpvoyager-child/images/MRTW_white_1x_50.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
}


/* ---------------------------------------------- /*
 * Header
/* ---------------------------------------------- */

#header #logo {
	width: 195px !important;
}


/* ---------------------------------------------- /*
 * Mobile Menu
/* ---------------------------------------------- */

/*.jPanelMenu-panel {
	transform: none !important;
}
.jPanelMenu-panel > #map-containter, .jPanelMenu-panel > .container, .jPanelMenu-panel > #footer {
	display: none;
}
#jPanelMenu-menu {
	width: 100% !important;;
	z-index: 3 !important;
	top: 90px !important;
	height: 81% !important;
	height: calc(100% - 90px) !important;
}
#jPanelMenu-menu > li > a {
	background-color: #B7D7E6;
	color: #333;
}*/


/* ---------------------------------------------- /*
 * Map
/* ---------------------------------------------- */

.gm-style-mtc, .gm-svpc, #mapnav-buttons {
	display: none;
}


/* ---------------------------------------------- /*
 * Post Grid
/* ---------------------------------------------- */

a.page-numbers {
	padding: 10px 15px !important;
	background-color: #fff !important;
	color: #517fa4 !important;
	border: 1px solid #517fa4 !important;
	margin: 5px;
}
a.page-numbers:hover {
	background-color: #517fa4 !important;
	color: #fff !important;
	opacity: 1 !important;
}

.page-numbers.current {
	width: 40px !important;;
	height: 40px !important;
	padding: 10px !important;
	background-color: #517fa4 !important;
	color: #fff !important;
	opacity: 1 !important;
}

/* ---------------------------------------------- /*
 * Category -> Content Template  & Home -> Content Template
/* ---------------------------------------------- */

.category.element_1 {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	padding: 12px 0px;
	text-align: left;
}
.category.element_1 a {
	color:#808080;
}
.category.element_1 a:hover {
	color:#808080;
}
.category.element_2 {
	display: block;
	font-size: 16px;
	padding: 0;
	text-align: left;
}
.category.element_3 {
	border: 02px solid rgb(81,127,164);
	border-radius: 4px;
	background: #fff;
	display: inline-block;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #517fa4;
	margin: 15px 0;
    /*margin-bottom: 10%;*/
	padding: 5px 30px;
	width: 191px;
}
.category.element_3:hover {
	background: #517fa4;
	color: #FFF;
}
.pagination ul li a {
	padding: 10px 15px !important;
	background-color: #fff !important;
	color: #517fa4 !important;
	border: 1px solid #517fa4 !important;
	margin: 5px;
}
.pagination ul li a:hover {
	background-color: #517fa4 !important;
	color: #fff !important;
	opacity: 1 !important;
}
.pagination .current {
	width: 38px !important;;
	height: 38px !important;
	padding: 10px !important;
	background-color: #517fa4 !important;
	color: #fff !important;
	opacity: 1 !important;
}
.pagination ul .nextpostslink {
	top: 0px !important;
	position:  relative !important;
}
.pagination ul .previouspostslink {
	top: 0px !important;
	left: 0px !important;
	position: relative !important;
}

@media (max-width: 770px)
{
	.columns .type-post {
		width: 95% !important;
	}
}


/* ---------------------------------------------- /*
 * Miscellaneous
/* ---------------------------------------------- */

.read_more {
	background: #FFF !important;
	color: #517fa4 !important;
	width: 191px;
	margin-left: auto;
	margin-right: auto;
}
.read_more:hover {
	background: #517fa4 !important;
	color: #FFF !important;
}
.fb-btn {
	background: #517fa4;
	color: #fff;
	display: block;
	padding: 7px 14px;
	margin: 10px auto 0;
	border: none;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 4px;
	box-sizing: border-box;
	outline: 0;
	width: 80%;
}
.fb-btn:hover {
	opacity: .85;
	color: #fff;
}
.wpoi-success-message .wpoi-optin .wpoi-content p strong {
	color: #517fa4;
}
.home-post {
	width: 95% !important;
	margin-bottom: 25px !important;
}


/* ---------------------------------------------- /*
 * Styles added by somebody else
 * Originally inlined by the person directly into the <head> of the header.php file
/* ---------------------------------------------- */

.post_date {
	text-align: left !important;
}
.title_link {
	text-align: left;
}
.progress-banner {
	width: 100%;
	text-align: center;
	padding: 4px;
	display: block;
	clear: both;
	margin-bottom: 25px;
	color: #333;
}
.progress-banner:hover {
	background: #333333;
	color: #FFFFFF;
}
.countrypagelink {
	width: 100%;
	background: #E6DA00;
	text-align: center;
	display: block;
	padding: 1%;
	color: #000000 !important;
}
body.custom-background {
	background-color: #FFFFFF !important;
}
.post-content {
	padding: 10px;
}
.comment-form-url, .welcome-box {
	display: none !important;
}
#commentform textarea {
	min-height: 110px !important;
}
.inc_optin_1 .wpoi-hustle .wpoi-success-message .wpoi-content {
	color: #000000 !important;
}
.wpoi-success-message .wpoi-optin .wpoi-content p:before {
	/*content: url('/wp-content/uploads/2017/11/signup-1.png') !important;*/
	clear: both !important;
}
.alternative #map-container, .alternative#map-container {
  	max-height: 350px;
   	margin-bottom: 0px;
}
.wphi-check {
	display: none !important;
}
.wpoi-content:before {
	content: url('')
}
#header.black .menu ul > li > a {
	font-size: 15px;
}
.rpwe-title a, .rpwe-title a:visited {
	color: #000000 !important;
	font-weight: bold !important;
}
.columns .post-content {
	height: 300px;
}
.columns .type-post {
	width: 45%;
	/*margin-bottom: 10%;*/
	margin-top: 20px; /* added by Nick */
	margin-right: 5%;
	float: left;
}
.columns .type-post:nth-of-type(2):after {
	clear: both !important;
}
.td-flag img {
	width: 81px !important;
	height: 40px !important;
}
.tac, .tal, .tar {
	background: #B9D9E8 !important;
	color: #000000 !important;
}
.single .post-navigation {
	display: none;
}
.wpoi-content {
	font-weight: bold;
}
.responsive-menu-item a, .responsive-menu-item a:visited {
	text-transform: uppercase;
}
.search-trigger {
	display: none !important;
}
#responsive-menu-item-1903 .responsive-menu-submenu {
	display: block !important;
}
/*.grid-nav-bottom {
	display: none;
}*/
.layer-content .title_link {
	white-space: normal !important;
	font-weight: 300 !important;
	font-family: "Montserrat" !important; line-height: 120%;
	text-transform: uppercase !important; color: #222222 !important;
	padding: 0 !important; margin-top: 15px; font-size: 27px; font-weight: bold !important;
}
.layer-content .excerpt {
	padding: 0 !important;
}
.layer-content {
	padding: 0 !important;
}
.layer-content .read_more {
	font-weight: bold !important;
	font-family: "Montserrat" !important;
	text-transform: uppercase !important;
	margin-bottom: 10% !important;
	margin-top: 5%;
}
.layer-content .post_date {
	padding: 0 !important;
	text-transform: uppercase;
}
.pagination-container {
	margin-top: 5%;
}
.responsive-img {
	max-width: 90%;
    height: auto;
}
.black {
	padding-top: 10px;
	padding-bottom: 10px;
}
.grid-items .item {
	margin: 2% !important;
}
#responsive-menu-additional-content {
	margin-top: 10%;
}
#responsive-menu .page-item-82 .responsive-menu-submenu {
	display: block !important;
}
.responsive-menu-inner {
	display: none;
}
.responsive-menu-button {
	border-left: 1px dotted #FFFFFF !important;
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
	#post-grid-1939 .item {
	    width: 90% !important;
	}
}

@media only screen and (max-device-width : 767px) {
/* Styles */
	.fa-search, .search-trigger {
		display: none !important;
	}

}



/* === MRTW-2026-MODERNIZATION START === */
/* ==========================================================================
   MikeRTW — 2026 modernization layer
   Sits on top of the existing WPVoyager theme.
   Non-destructive: no template markup changed, only presentation.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

:root{
  --mrtw-ink:#1b2430;
  --mrtw-body:#4a5361;
  --mrtw-muted:#7c8794;
  --mrtw-bg:#ffffff;
  --mrtw-bg-soft:#f6f8fa;
  --mrtw-accent:#2f6fb0;
  --mrtw-accent-dark:#1f4d80;
  --mrtw-accent-soft:#eaf2fb;
  --mrtw-border:#e4e8ed;
  --mrtw-radius:14px;
  --mrtw-radius-sm:8px;
  --mrtw-shadow:0 2px 10px rgba(20,30,45,.06), 0 10px 30px rgba(20,30,45,.05);
  --mrtw-shadow-hover:0 6px 20px rgba(20,30,45,.10), 0 16px 40px rgba(20,30,45,.08);
}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  color:var(--mrtw-body);
  background:var(--mrtw-bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.entry-title,.widget-title,#logo,.site-title{
  font-family:'Fraunces','Inter',Georgia,serif;
  color:var(--mrtw-ink);
  font-weight:600;
  letter-spacing:-.01em;
}
h4,h5,h6{ font-family:'Inter',sans-serif; font-weight:700; color:var(--mrtw-ink); }
p{ line-height:1.75; }
a{ color:var(--mrtw-accent); transition:color .15s ease; }
a:hover{ color:var(--mrtw-accent-dark); }

#header.black{
  background:rgba(20,26,34,.96);
  backdrop-filter:saturate(140%) blur(6px);
  position:sticky; top:0; z-index:999;
  border-bottom:1px solid rgba(255,255,255,.06);
}
#header #logo,
#header .logo-image *{
  font-family:'Fraunces','Inter',serif;
  letter-spacing:0;
}
#navigation, .menu{ font-family:'Inter',sans-serif; }
#navigation a, .menu a{
  font-weight:600;
  font-size:13px;
  letter-spacing:.04em;
  color:#eef1f5 !important;
}
#navigation a:hover, .menu a:hover{ color:#fff !important; opacity:.85; }

#map-container.alternative{
  border-bottom:1px solid var(--mrtw-border);
}
a.progress-banner{
  background:linear-gradient(90deg,var(--mrtw-accent-soft),#fff) !important;
  color:var(--mrtw-accent-dark) !important;
  border-top:1px solid var(--mrtw-border);
  border-bottom:1px solid var(--mrtw-border);
  font-weight:600;
  letter-spacing:.01em;
}

.container{ max-width:1320px; }
.container.right-sidebar{ padding-top:48px; padding-bottom:64px; }

article.hentry{
  box-sizing:border-box;
  background:var(--mrtw-bg);
  border:1px solid var(--mrtw-border);
  border-radius:var(--mrtw-radius);
  overflow:hidden;
  box-shadow:var(--mrtw-shadow);
  transition:transform .18s ease, box-shadow .18s ease;
  float:none !important;
  width:auto !important;
  margin:0 !important;
  height:100%;
  display:flex;
  flex-direction:column;
}
article.hentry .layer-media{
  flex:0 0 auto;
}
article.hentry .layer-content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
article.hentry:hover{
  transform:translateY(-3px);
  box-shadow:var(--mrtw-shadow-hover);
}
article.hentry img{
  border-radius:0;
  display:block;
}
article.hentry .entry-title, article.hentry h2, article.hentry h3{
  padding:0 20px;
  margin-top:18px;
  font-size:1.15rem;
}
article.hentry p{ padding:0 20px 20px; }

.entry-content img, .wp-block-image img, img.wp-post-image, img.attachment-post-thumbnail{
  border-radius:var(--mrtw-radius-sm);
}

.sidebar{ font-family:'Inter',sans-serif; }
.widget-title{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--mrtw-muted);
  border-bottom:2px solid var(--mrtw-accent-soft);
  padding-bottom:10px;
  margin-bottom:16px;
  font-weight:700;
}
.sidebar li, .sidebar .widget li{
  border-bottom:1px solid var(--mrtw-border) !important;
  padding:12px 0 !important;
}
.sidebar img{ border-radius:var(--mrtw-radius-sm); }

a.button, .btn, button, input[type="submit"]{
  border-radius:999px !important;
  font-weight:600 !important;
  letter-spacing:.02em;
  transition:transform .15s ease, box-shadow .15s ease;
}
a.button:hover, .btn:hover, button:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(47,111,176,.25);
}

#footer{
  background:var(--mrtw-ink);
  color:#c7ceda;
  font-family:'Inter',sans-serif;
  padding:48px 0;
}
#footer a{ color:#e7ecf3; }
#footer a:hover{ color:#fff; }
#footer .widget-title{ color:#8fa3bc; border-bottom-color:rgba(255,255,255,.12); }

::selection{ background:var(--mrtw-accent-soft); color:var(--mrtw-accent-dark); }
blockquote{
  border-left:3px solid var(--mrtw-accent);
  background:var(--mrtw-bg-soft);
  padding:16px 20px;
  border-radius:0 var(--mrtw-radius-sm) var(--mrtw-radius-sm) 0;
  font-style:italic;
  color:var(--mrtw-ink);
}
hr{ border:none; border-top:1px solid var(--mrtw-border); margin:32px 0; }

@media (max-width:768px){
  .container.right-sidebar{ padding-top:28px; padding-bottom:40px; }
  article.hentry .entry-title, article.hentry h2, article.hentry h3{ font-size:1.05rem; }
}
/* === MRTW-2026-MODERNIZATION END === */



/* === MRTW-2026-GRID-FIX START === */
/* Requested fixes: center card title/button, drop the sidebar that was
   stacking below content, and let the post grid auto-fill 2-4 columns
   depending on screen width instead of a fixed 2-up float layout. */

.right-sidebar .sidebar{ display:none !important; }

.right-sidebar .eleven.columns{
  width:100% !important;
  float:none !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:28px;
  align-items:stretch;
}
.right-sidebar .eleven.columns .clearfix{ display:none !important; }
.right-sidebar .eleven.columns .pagination-container{
  grid-column:1 / -1;
}

.layer-content .title,
.layer-content .title a{
  text-align:center;
  display:block;
}
.layer-content .read_more{
  display:table;
  margin:6px auto 18px auto;
  margin-top:auto;
  float:none;
}
/* === MRTW-2026-GRID-FIX END === */
