/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.2.8.1793694767
Updated: 2026-11-03 08:32:47

*/

/* New November 2026 BEGIN */


.page-home #content p {
  max-width: 800px;
  margin: 0 auto 20px;
}

article p a {
  color: #027ad6;
  text-decoration: none !important;
}

/* Container layout */
.custom-card {
  cursor: pointer;
}
.custom-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto 60px;
}

/* Card styling with your exact box-shadow and padding specs */
.custom-card {
  box-shadow: 2px 2px 8px #aaa;
  margin: 0 auto 40px !important;
  width: 340px;
  padding: 3.4em 1em 3.4em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  transition: box-shadow 0.3s ease;
}

.custom-card:hover {
  box-shadow: 2px 2px 12px #888;
}

/* Icon circle styling (#027ad6 blue background) */
.custom-card .icon-circle {
  width: 60px;
  height: 60px;
  background-color: #deaf59;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: background-color 0.3s ease;
}

/* White icon inside circle */
.custom-card .icon-circle i {
  color: #ffffff;
  font-size: 24px;
  line-height: 0 !important;
}

/* Hover effect: circle turns red (#f05858) */
.custom-card:hover .icon-circle {
  background-color: #b9431b;
}

/* Title typography and hover color */
.custom-card .card-title {
  font-family: 'Acme', sans-serif;
  font-size: 22px;
  line-height: 27px;
  color: #b9431b;
  margin: 0 0 20px 0;
  transition: color 0.3s ease;
}

.custom-card:hover .card-title {
  color: #b9431b;
}

/* Image sizing constraint */
.custom-card .card-image {
  width: 300px;
  height: 187px;
  object-fit: cover;
  display: block;
}

/* Container layout - gap reduced by 10px (from 20px to 10px) */
.custom-card-container.family-packages-four-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 10px 0;
}

/* Card styling - vertical padding reduced (from 2em to 1em) */
.custom-card.family-packages-card {
  width: 240px;
  padding: 0 10px 30px 10px;
  box-shadow: 2px 2px 8px #aaa;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

.custom-card.family-packages-card:hover {
  box-shadow: 2px 2px 12px #888;
}

/* Icon circle - margin bottom reduced by 10px (from 20px to 10px) */
.custom-card.family-packages-card .icon-circle {
	margin: 20px 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0 !important;
	transition: background-color 0.3s ease;
}

/* Image margin bottom added to space away from the title below it */
.custom-card.family-packages-card .family-packages-card-image {
  width: 300px;
  height: 150px;
  object-fit: cover;
  display: block;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* Title typography - font-size 16px, font-weight 600, tight margin */
.custom-card.family-packages-card .card-title {
	font-family: 'Acme', sans-serif;
	font-family: Open Sans, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: #b9431b;
	margin: 0;
	transition: color 0.3s ease;
}

.custom-card.family-packages-card:hover .card-title {
  color: #b9431b;
}


/* Center alignment container */
.custom-button-container {
  text-align: center;
  margin: 25px 0;
}

/* Center alignment container */
.custom-button-container {
  text-align: center;
  margin: 25px 0;
}

/* Pill button styling matching your site's color scheme */
.custom-pill-button, .wpcf7-form-control.wpcf7-submit.has-spinner {
  display: inline-block;
  background-color: #b9431b;
  color: #ffffff;
  padding: 8px 24px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s ease, transform 0.2s ease;
}

/* Hover state (matching your red accent hover color) */
.custom-pill-button:hover {
  background-color: #deaf59;
  color: #b9431b;
  text-decoration: none;
}

/* RESET */
/* 
.page-header, #top-bar-wrap {
  display: none !important;
} */
hr {
	border-top: 1px solid #959595 !important;
}
.page-header {
  background-color: transparent !important;
  text-align: center !important;
  padding: 54px 0 0 0 !important;
}
.page-header .page-header-title {
  font-size: 28px !important;
}
.page-home .page-header {
	display: none;
}
.site-breadcrumbs {
  display: none !important;
}
.widget-area.sidebar-primary {
  display: none;
}
.custom-pill-button.customize-unpreviewable {
  text-decoration: none !important;
}
#main {
  background-image: url(https://www.africanwanderer.co.za/wp/wp-content/uploads/2018/12/bg-fusion-page-title-bar.png) !important;
  background-color: #fff !important;
  background-repeat: no-repeat;
  border-top: 1px solid #e2c24a !important;
  background-position: top right;
}
#main::before {
  content: " ";
  background-color: #ffffff75;
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
}
section.adamrob_parallax {
  height: 500px !important;
  background-position: bottom !important;
  margin-bottom: 2em;
  background-size: auto !important;
}
.adamrob_parallax_posttitle {
  display: none;
}
/* New November 2026 END */