/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: Kevin Gagnon
Version: 6.5.11
Author URI: https://flytrippers.com
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
Version: 1.0.0.1563635140
Updated: 2019-07-20 11:05:40


v6.5
Fixed the print media query to be like desktop - 2023-08-29
Fixed the footer bullet - 2023-08-29
Fixed the breakpoint for ipads - 2024-01-20
Fixed breadcrumbs wrapping - 2025-04-04
*/

.custom_band_flytrippers{background-color:rgba(241,243,245,0.5);}
.elementor-divider-separator{border-top-color:#29d735;}
.centered_div_flytrippers{margin:auto;text-align:center;}


/* Mediavine (no print) */
@media only screen and (min-width: 960px) {
	#primary {max-width: calc(100% - 330px);}
	#right-sidebar {min-width: 330px;}
}

@media only screen and (max-width: 767px) {
	body {overflow-x: hidden !important;}
	#content-wrap {
		max-width: 100%;
		width: 100% !important;
		float: none;
		clear: both;
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		overflow-x: hidden !important;
	}
}
@media only screen and (max-width: 374px) {
	.entry-content {min-width: 300px !important;}
}

.mv-ad-box {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}


/* End of Mediavine */
    

/* Hamburger icon on mobile */
.oceanwp-mobile-menu-icon a:hover {color: #000000!important;}
.mobile-menu .opened > .fa-bars {color: #000;}
.fa {font-family: FontAwesome;}

/*Fix white on white in menu (woocommerce fault!)*/
.dropdown-menu ul li a.menu-link {color: black !important;}
    
/*Hide woocommerce bag icon menu*/
/*desktop*/
.woo-menu-icon{display:none;}
/*mobile*/
.wcmenucart{display:none;}

/*Fix: remove the footer bullet*/
.oceanwp-custom-links li a::before {display: none!important;}

/*Fix black on black footer search text*/
#ocean-search-form-3{color:white;}

/*Fix logo sliding out on scroll up*/
#site-logo-inner a img {transition:none!important;}

/*Fix the Courrier font on Ninja table on Andrew's laptop (all monospace shown as X on any browser*/
code,kbd,pre,samp{font-family: Questrial!important;}

/*Mediavine & SEO suggested font values*/
p{font-size : 18px;}
li{font-size : 18px;}
body{line-height : 1.6;}

/*Desktop (+print) & Mobile only breakpoint*/
/*@media (min-width:701px){.mobile-only{display:none;}}
@media (max-width:700px){.desktop-only{display:none;}}*/

/*@media (min-width:1205px), print {.mobile-only{display:none;}}
@media screen and (max-width:1205px){.desktop-only{display:none;}}*/

@media (min-width:1000px), print {.mobile-only{display:none;}}
@media screen and (max-width:999px){.desktop-only{display:none;}}
  

/*Fix: Sidebar capitalisation*/
.widget-title {text-transform: inherit;}

/*Remove underline from superscript*/
a > sup{
	display:inline-block;
	text-decoration:none;
	border-bottom:1px solid rgb(0, 153, 255);
	padding-bottom:1.05em;
}
.elementor-toggle-title sup{border-bottom:none;}

/* Elementor title on the main landing page shouldn't have those border */
.elementor-post__title a sup {
	border-bottom:none;
	padding-bottom:none;
}

/*In Elementor accordeon*/
.elementor p span a sup, .elementor ul li a sup{
	display:inline-block;
	text-decoration: none;
	border-bottom:none;
	padding-bottom:0px;
}
/*Some specific page don't have underline so remove*/
.elementor p a sup{
	display:inline-block;
	text-decoration: none;
	border-bottom:none;
	padding-bottom:0px;
}


/*Make sure MC or TM i cardname are on the same line as word before */
.ftns{white-space: nowrap;padding-left:0px!important;padding-right:0px!important;}

/*Fix font size not like the other for language in footer*/
#polylang-4 a, #polylang-5 a{font-size:13px;}


/*Fix top bar 100% of page on mobile*/
@media screen and (max-width: 999px) {    
	#site-header-sticky-wrapper{max-height:54px!important;}
}

/*Fix logo disappearing when using SVG files*/
#site-logo-inner a img {
	height:38px;
	width:197px;
}
    
/*Fix no scroll bar on Chrome (on MAC)
* from: https://github.com/ajaxorg/ace/issues/3887
*/
:root {
	--scrollbar-track-color: transparent;
	--scrollbar-color: rgba(0,0,0,.2);

	--scrollbar-size: .375rem;
	--scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical)*/
}
.overflowing-element::-webkit-scrollbar {
	height: var(--scrollbar-size);
	width: var(--scrollbar-size);
}
.overflowing-element::-webkit-scrollbar-track {background-color: var(--scrollbar-track-color);}
.overflowing-element::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-color);
	/* Add :hover, :active as needed */
}
.overflowing-element::-webkit-scrollbar-thumb:vertical {min-height: var(--scrollbar-minlength);}
.overflowing-element::-webkit-scrollbar-thumb:horizontal {min-width: var(--scrollbar-minlength);}


/* Fix for breadcrumb wrapping issue */
@media (max-width: 767px) {
  /* Target the breadcrumb container */
  .site-breadcrumbs {
    overflow: visible !important;
  }
  
  /* Target the breadcrumb list */
  .site-breadcrumbs ol.trail-items {
    display: inline !important; /* Change from flex to inline */
    white-space: normal !important;
  }
  
  /* Target all list items */
  .site-breadcrumbs li.trail-item {
    display: inline !important; /* Force inline display */
    white-space: normal !important;
  }
  
  /* Target the individual spans that contain the text */
  .site-breadcrumbs span[itemprop="name"] {
    white-space: normal !important;
    word-break: break-word !important;
    display: inline !important;
  }
  
  /* Target the span in the last trail item specifically */
  .site-breadcrumbs li.trail-item.trail-end span[itemprop="name"] {
    display: inline !important;
    white-space: normal !important;
  }
  
  /* Target the links inside spans */
  .site-breadcrumbs span[itemprop="name"] a {
    white-space: normal !important;
    word-break: break-word !important;
  }
}