/*
Theme Name: Freeride Madeira
Theme URI: https://freeridemadeira.com
Author: Xavier Nunes
Author URI: https://xaviernunes.pt
Description: Custom theme for Freeride Madeira
Version: 1.1
Text Domain: wpxnunes

Bootstrap v5.2.3, Font Awesome v4.6.3, OWL Carousel v2.3.4 & Fancybox v2.1.5
*/
img { max-width: 100%; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.entry-content img, .comment-content img, .widget img, figure { max-width: 97.5%; }
.wp-caption-text {
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
}
h1, h2, h3, h4, h5, h6 { 
	margin-top: 0;
	font-weight: bold;
	text-transform: uppercase;
}
h1 {
	font-size: 32px;
	line-height: 38px;
}
h2, h3, h4, h5, h6 {
	font-size: 24px;
	line-height: 30px;
}
h2 + h3 {
	font-size: 20px;
	line-height: 26px;	
}
h3 + h4 {
	font-size: 18px;
	line-height: 24px;	
}
h4 + h5 {
	font-size: 16px;
	line-height: 22px;	
}
.form-control, .btn, .wp-block-button a {
	font-size: 16px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
.input-group-text { border-radius: 0px !important; }
.wp-block-buttons { 
    margin-top: 1em;
    margin-bottom: 1em;
}
.wp-block-details { margin-bottom: 0.5em; }
.wp-block-details summary {
    text-transform: uppercase;
    font-weight: bold;
}
.wp-block-details p { padding: 0.3em 0; }
.wp-block-details summary:after { content: " +"; }
.alert {
    margin-top: 1em;
    margin-bottom: 1em;
}
label { 
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.form-control, input[type=date] {
	min-width: 260px !important;
	max-width: 320px;
	color: #000;
	background-color: rgba(255,255,255,0.5);
}
#content img[class*="align"], #content img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 30px;
    height: auto;
}
#content .owl-gallery img[class*="align"], #content .owl-gallery img[class*="wp-image-"] {
	margin-top: 0;
	margin-bottom: 0;	
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin-bottom: 0px !important; }
::-moz-selection {
    color: #fff;
    background: #2bb674;
}
::selection {
    color: #fff; 
    background: #2bb674;
}
.required { color: red !important; }
.btn { padding: 6px 22px !important; }
.btn-success {
    background-color: #0b8e55 !important;
    border-color: #097445 !important;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
.btn-success:hover {
    background-color: #08683e !important;
    border-color: #075533 !important;
}
.wp-block-button__link {
	color: #fff !important;
    background-color: #0b8e55 !important;
    border-color: #097445 !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	letter-spacing: 1px;
}
.wp-block-button__link:hover {
    background-color: #08683e !important;
    border-color: #075533 !important;
}
.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin-right: 0.5em !important;
}
.logged-in #wp-admin-bar-wp-logo { display: none; visibility: hidden; }
body {
	font-size: 16px;
	line-height: 22px;
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	background: #000;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: 1111;
}
/*
.home .content-container {
	font-size: 16px;
	line-height: 22px;	
}
*/
.header-container { 
	background: #131719;
	width: 100%;
	position: fixed;
	z-index: 9999; 
}
#header a {
	display: block;
    padding: 25px 0;
}
#header a img { max-width: 100%; }
#main-nav ul {
	list-style: none;
	padding: 0;
	margin: 32px 0 0 0;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}
#main-nav ul > li { display: inline-table; }
#main-nav ul > li > a {
	height: 28px;
	display: inline-block;
	margin-right: 0.5em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;	
}
#main-nav ul > li > a > .menu-img {
	height: 28px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 90%;
}
#main-nav .menu-item-31 .menu-img {
	width: 62px;
	background-image: url('img/menu/HOME.png');
}
#main-nav .menu-item-32 .menu-img {
	width: 105px;
	background-image: url('img/menu/ABOUTUS.png');
}
#main-nav .menu-item-33 .menu-img {
	width: 174px;
	background-image: url('img/menu/BOOKYOURRIDE.png');
}
#main-nav .menu-item-34 .menu-img {
	width: 81px;
	background-image: url('img/menu/EVENTS.png');
}
#main-nav .menu-item-35 .menu-img {
	width: 87px;
	background-image: url('img/menu/GALLERY.png');
}
#main-nav .menu-item-36 .menu-img {
	width: 96px;
	background-image: url('img/menu/RENTALS.png');
}
#main-nav .menu-item-37 .menu-img {
	width: 153px;
	background-image: url('img/menu/WALLOFFAME.png');
}
#main-nav .menu-item-155 .menu-img {
	width: 44px;
	background-image: url('img/menu/FAQ.png');
}
.content-container {
	background: rgba(0,0,0,.6);
	padding-top: 120px;
	padding-bottom: 1em;
	min-height: 100vh;	
}
.title-img { margin-bottom: 1em !important; }
.title-img.hidetext span { display: none; }
#sidebar h2, #mobile-sidebar h2 {
	font-size: 18px; 
	margin-bottom: 2px;
}
#sidebar p, #mobile-sidebar p { font-size: 13px; }
#sidebar a, #sidebar a:active, #sidebar a:focus, #sidebar a:visited, #sidebar a:hover, #mobile-sidebar a, #mobile-sidebar a:active, #mobile-sidebar a:focus, #mobile-sidebar a:visited, #mobile-sidebar a:hover {
	color: #fff;
	text-decoration: none;
}
#sidebar .sponsors .owl-controls, #mobile-sidebar  .sponsors .owl-controls { display: none !important; }
#sponsors-slider-mobile a {
	display: inline-block !important;
}
#sponsors-slider-mobile.owl-carousel{
    display: flex !important;
    flex-direction: row !important;   
    justify-content: center !important; 
}
.bottom-sponsors a {
    display: inline-block;
    padding: 0.5em;
    margin-bottom: 1em;
}
.bottom-sponsors a img { max-height: 50px; }
#sidebar .section { margin-bottom: 1em; }
.social-networks {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
.social-networks > li { display: inline; }
.social-networks > li > a { 
	display: inline-block;
	margin-right: 5px;
}
#content h1 a, #content h1 a:visited, #content h1 a:active, #content h1 a:focus, #content h1 a:hover, #content h2 a, #content h2 a:visited, #content h2 a:active, #content h2 a:focus, #content h2 a:hover, #content h3 a, #content h3 a:visited, #content h3 a:active, #content h3 a:focus, #content h3 a:hover {
	color: #fff;
	text-decoration: none;
}
#content h1 a:after, #content h2 a:after {
    content: "+";
    font-size: 16px;
    margin-left: 6px;
	padding: 5px 10px;
    color: #fff;
	background: #0b8e55;
	vertical-align: top;
}
#content h2, #content h3 { margin: 1px 0; }
/*
#content ul {
	padding: 0;
	margin: 10px 0;
	list-style: none;
	line-height: 24px;
}
*/
#content ul {
	padding-left: 18px;
	margin: 10px 0;
	line-height: 24px;
}
#content ul li { margin-bottom: 10px; }
#content .table-costum { border-collapse: initial; }
#content .table-costum td { padding: 5px 10px 5px 0; }
.table-striped>tbody>tr:nth-of-type(odd) { color: #444 !important; }
#content a, #content a:visited, #content a:active, #content a:focus, #content a:hover { color: #2bb674; }
#content a:hover { text-decoration: underline; }
#content a h1, #content a:visited h1, #content a:active h1, #content a:focus h1, #content a:hover h1, #content a h2, #content a:visited h2, #content a:active h2, #content a:focus h2, #content a:hover h2, #content a h3, #content a:visited h3, #content a:active h3, #content a:focus h3, #content a:hover h3, #content a h4, #content a:visited h4, #content a:active h4, #content a:focus h4, #content a:hover h4 { 
	color: #fff !important;
	text-decoration: none !important;
}
#content .wrap { 
	max-width: 86%;
	margin-left: 30px;
}
.posts { overflow: hidden; }
.posts .article {
	color: #111;
	margin-bottom: 10px;
}
.posts a, .posts a:active, .posts a:visited, .posts a:focus, .posts a:hover {
	color: #111 !important;
	text-decoration: none !important; 
}
#content.posts a h1, #content.posts a:active h1, #content.posts a:visited h1, #content.posts a:focus h1, #content.posts a:hover h1 {
	color: #111 !important;
	text-decoration: none !important; 
}
.posts article { margin-bottom: 10px; }
.article h1.title { 
	font-size: 24px;
	line-height: 30px;
	margin: 0;
    padding: 10px;
}
.article .excerpt {
	font-size: 14px;
    line-height: 18px;
	padding: 10px;
}
.goto:hover { cursor: pointer; }
.posts article .content {
    background: #fff;
	border-bottom: 11px solid #fff;
	max-height: 250px;
    overflow-y: hidden;
}
article .bg-article {
	width: 100%;
	height: 160px;
	background-size: cover;
	background-repeat: no-repeat;
}
.posts article h1, .posts article .excerpt { margin: 0 0 10px 0; }
.posts article .excerpt { padding-bottom: 10px; }
.events h3 { text-transform: uppercase; }
.events .event {
	display: block !important;
	margin: 1em 0 2em 0;
}
.events .event h1 {
    font-size: 26px !important;
    line-height: 32px !important;
}
.events .event h2 {
    font-size: 20px;
    line-height: 26px;
    font-style: italic;
}
.events .event h2 {
    font-size: 20px;
    line-height: 26px;
    font-style: italic;
}
.events .event .excerpt {
    font-size: 16px;
    line-height: 22px;
}
.events .event .options > a {
	color: #fff;
	display: inline-block;
	margin-right: 1em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}
.events .event a, .events .event a:active, .events .event a:visited, .events .event a:focus, .events .event a:hover { 
	color: #fff !important;
	text-decoration: none !important; 
}
.events .event .options > a, .events .event .options > a:active, .events .event .options > a:visited, .events .event .options > a:focus, .events .event .options > a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}
.testimonials-wrapper { margin: 2em 0; }
.testimonial { 
	padding-top: 1em;
	padding-bottom: 1em;
}
.testimonial .content {
    font-size: 18px;
    line-height: 24px;
}
.testimonial .content blockquote {
    padding: 0.5em 0 1em 0;
    margin: 0;
    font-size: 18px;
    border-left: 0;
	position: relative;
}
.testimonial blockquote:before {
	display: block;
	content: "\201C";
	font-size: 100px;
	position: absolute;
	left: -40px;
    top: 35px;
	color: #fff;
}
.testimonial .avatar img {
    -ms-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
	width: 100%;
	max-width: 180px;
	margin-left: 5px;
}
.testimonial .social-links a {
	display: inline-block; 
	margin-right: 0.5em; 
}
.testimonial .social-links a, .testimonial .social-links a:active, .testimonial .social-links a:visited, .testimonial .social-links a:focus, .testimonial .social-links a:hover {
	color: #fff;
	text-decoration: none;
}
.owl-theme .owl-nav {
    position: absolute;
    top: 9vh;
    left: 0;
    color: #fff;
    width: 100%;
    font-size: 30px;
    z-index: 9999;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: #000 !important;
	padding: 10px !important;
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { 
	position: absolute;
	top: 0;
}
.owl-theme .owl-nav .owl-prev { 
	left: -40px;
	text-align: left;
}
.owl-theme .owl-nav .owl-next { 
	right: -40px;
	text-align: right;
}
.book-your-ride h1 { margin-bottom: 2px; }
#mobile-sidebar  { display: none; }
#mobile-main-nav  { 
	display: none;
	margin-bottom: 1.5em;
}
.team img { margin-bottom: 0.5em !important; }
.gallery-links p { margin-bottom: 15px; }
.owl-carousel .owl-item img { width: auto; }
.video-container {
	margin: 1em 0 2em 0;
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; 
}
.video-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fb-home-video-container { padding-bottom: 38%; }
.acc-icons > div { 
	text-align: center;
	min-height: 220px;
}
.acc-icons > div img { margin-bottom: 10px !important; }
.moreinfo, .moreinfo:visited, .moreinfo:active, .moreinfo:focus  {
	text-transform: uppercase;
	margin-left: 5px;
    padding: 2px 5px;
    background: #0b8e55;
    color: #fff !important;
	text-decoration: none !important;
}
.moreinfo:hover { 
	background: #08683e;
	text-decoration: none !important;
}
.price-stars strong { 
	font-size: 20px;
	font-style: italic;
	margin-right: 0.5em;
}
.price-stars img { margin-right: 1em; }
.wp-block-embed figcaption {
    margin-top: 0;
    text-align: center;
    background: rgba(0,0,0,.5);
    padding: 0.5em;
}
.ti-widget.ti-goog .ti-rating-text, .ti-widget.ti-goog .ti-rating-text strong, .ti-widget.ti-goog .ti-rating-text strong a, .ti-widget.ti-goog .ti-rating-text strong span, .ti-widget.ti-goog .ti-rating-text span strong, .ti-widget.ti-goog .ti-rating-text span, .ti-widget.ti-goog .ti-footer, .ti-widget.ti-goog .ti-footer strong, .ti-widget.ti-goog .ti-footer span, .ti-widget.ti-goog .ti-footer strong a {
	color: #fff !important;
}
a.toggle-member-info {
	text-decoration: none !important;
	transition: all 1s;
}
a.toggle-member-info:hover {
	opacity: .7;
}
.member-info {
    background: rgba(0,0,0,.6);
    padding: 1em;
    margin-top: 1em;
}
.member-info-content img[class*="align"], .member-info-content img[class*="wp-image-"] {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.member-info-content figure {
	max-width: 100% !important;
}
/* new */
.bikes-wrapper {
	background-color: #fff;
	padding: 0.4em 0;
	color: #000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.bike {
	border: 1px solid #ededed;
	width: 32%;
	margin: 0.3em;
	padding: 0.3em;
	min-height: 370px;
	position: relative;
}
.bike .bike-brand { width: 50%; }
.bike .bike-price {
	background: #2bb674;
	padding: 0.5em 1em 1em 1em;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	border-bottom-left-radius: 50%;
}
.bike .bike-title h2 {
	font-size: 16px;
	line-height: 18px;
}
.bike .bike-title h3 {
	font-size: 14px;
	line-height: 16px;
	margin-top: 0.5em !important;
}
.bike .bike-price h3 {
	font-size: 16px;
	line-height: 16px;
}
.bike .bike-price strong {
	font-size: 20px;
	line-height: 22px;
}
.modal { z-index: 9999 !important; }
.modal-dialog { 
	margin-top: 15vh;
	color: #000;
}
.bike-prices li {
	display: inline-block;
	padding: 0.5em;
	background: #2bb674;
	font-size: 20px;
	line-height: 20px;
	margin-right: 1em;
	text-align: center;
}
.bike-prices li strong {
	font-size: 30px;
	line-height: 30px;
}
.bg-protections {
	background-color: #fff;
	padding: 0.5em;
}
/* new */
@media (min-width: 1920px) {
	.container { width: 1600px; }
}
@media (min-width: 1600px) {
	.container { width: 1300px; }
}
@media (max-width: 991px) {
	#content .wrap { max-width: 100%; }
	.testimonial .content blockquote {
		font-size: 14px;
		line-height: 20px;
	}
	blockquote:before {
		font-size: 70px;
		left: -28px;
		top: 26px;	
	}
	#content h3 {
		font-size: 18px;
		line-height: 22px;
	}
	#main-nav ul { text-align: left; }
	#mobile-main-nav { text-align: center; }
}
@media (max-width: 768px) {
	body { background: #000 none !important; }
	.hide-mobile {
		display: none !important;
		visibility: hidden !important;
	}
	.testimonial .avatar img { 
		max-width: 100px;
		display: inline-block;
	}
	#main-nav, .posts .article .excerpt, #sidebar { display: none; }
	.posts .article { min-height: 380px; }
	.testimonials .avatar { margin-bottom: 2em; }
	.testimonials .social-links { text-align: center; }
	.header-container { 
		position: absolute;
		text-align: center;
	}
	#mobile-sidebar, #mobile-main-nav  { display: block; }
	.content-container { padding-top: 195px; }
	#content .wrap { max-width: 100%; margin-left: 0; }
	#mobile-sidebar {
		padding-top: 2em;
		margin-top: 2em;
		border-top: 1px solid #fff;
		text-align: center;
	}
	.owl-theme .owl-nav { top: 3vh; }
	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: auto !important; }	
	blockquote:before { display: none; }
	.testimonial { text-align: center; }
	.acc-icons > div { 
		text-align: center;
		min-height: 150px;
	}
	.show-only-lg {
		display: none;
		visibility: hidden;
	}
	.testimonial blockquote:before {
		left: -50px;
		top: 2px;
	}
	.member-photo {
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.bike {
		width: 100%;
		min-height: 440px;
	}
	.modal-dialog { margin-top: 5vh; }
}