/*
Theme Name: WaveRide Child
Theme URI: https://waveride.qodeinteractive.com/
Description: A child theme of WaveRide Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Text Domain: waveride
Template: waveride
*/

/* ---- Site custom CSS (migrated from parent theme style.css, 2026-08-07) ---- */

#qodef-surfer-image{
	display:none !important;
}

.rentalboards-section-toptext{
	margin-top:30px;
}

.rentalboards-section-bottext h4{
	margin-bottom:0px;
	text-align:center;
}

.rentalboards-section-bottext li{
	text-align:center;
}

.rentalboards-section-first{
	margin-bottom:60px;	
}

.wpb_row.rentalboards-section{
	margin-bottom:100px !important;
}

.rentaldouble-section-second{
	order:-1;
}

.footer-attrlink{
	margin-top:20px;
	text-align:center;
}

footer .qodef-footer-bottom-inner .qodef-grid-col-6{
	margin-bottom:0px;
}

footer .qodef-column-content .qodef-icon-widget-holder{
	display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px !important;
}

footer .qodef-column-content .qodef-icon-widget-holder .qodef-icon-element{
	margin-right:8px !important;
}

footer .qodef-column-content .qodef-icon-widget-holder .qodef-icon-text{
	line-height: 100%;
}


@media screen and (max-width:1200px){
	#text-5{
		margin-bottom:45px;
	}

	#text-4{
		margin-bottom:45px;
	}

	#custom_html-2{
		margin-bottom:20px;
	}
}


@media screen and (min-width:768px){
	.footer-attrlink{
		text-align:left;
	}
}



@media screen and (min-width:1140px){
	.qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
   		max-height: 70px !important;
	}
	
	.qodef-sticky-header .qodef-sticky-holder .qodef-logo-wrapper a {
    	max-height: 70px !important;
	}
	
	.rentaldouble-section-second{
		order:1;
	}
	
	.wpb_row.rentalboards-section {
    	margin-bottom: 50px !important;
	}
	
	footer .qodef-footer-bottom-inner .qodef-grid-col-6{
		width:50% !important;
	}
	
	.footer-attrlink{
		margin-top:0px;
	}
	
	#text-4{
		margin-bottom:55px;
	}
	
	#text-5{
		margin-bottom:52px;
	}
}

/* ---- Local additions (not on live) ---- */

/* Hero slider: the bottom-anchored scroll indicator overflows the module by 2px
   and gets clipped (sr7-module is overflow:hidden). Lift the SCROLL text and the
   wave together so both sit clear of the edge.
   Slider Revolution 7 layer ids: 12-34-6 = "SCROLL" text, 12-34-8 = wave.
   The :has() rule keeps the wave covered even if those ids change. */
sr7-module [id="12-34-6"],
sr7-module [id="12-34-8"],
sr7-module sr7-txt.sr7-layer:has(.rev-scroll-wave) {
	margin-top: -22px !important;
}