` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_a_font_color', array(
'label' => esc_html__( 'Anchor Tag Color', 'vw-car-rental' ),
'description' => __( 'Select how you want your a tag to appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_p_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_a_typography', array(
'label' => esc_html__( 'Anchor Tag Typography', 'vw-car-rental' ),
'description' => __( 'Select how you want your a tag to appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_p_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_a_font_family',
'weight' => 'vw_car_rental_a_font_weight',
'style' => 'vw_car_rental_a_font_style',
'size' => 'vw_car_rental_a_font_size',
'line_height' => 'vw_car_rental_a_line_height',
'letter_spacing' => 'vw_car_rental_a_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
// Add the `` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_h1_font_color', array(
'label' => esc_html__( 'Heading 1 Color', 'vw-car-rental' ),
'description' => __( 'Select how heading 1 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_h1_typography', array(
'label' => esc_html__( 'Heading 1', 'vw-car-rental' ),
'description' => __( 'Select how heading 1 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_h1_font_family',
'weight' => 'vw_car_rental_h1_font_weight',
'style' => 'vw_car_rental_h1_font_style',
'size' => 'vw_car_rental_h1_font_size',
'line_height' => 'vw_car_rental_h1_line_height',
'letter_spacing' => 'vw_car_rental_h1_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
// Add the `` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_h2_font_color', array(
'label' => esc_html__( 'Heading 2 Color', 'vw-car-rental' ),
'description' => __( 'Select how heading 2 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_h2_typography', array(
'label' => esc_html__( 'Heading 2', 'vw-car-rental' ),
'description' => __( 'Select how heading 2 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_h2_font_family',
'weight' => 'vw_car_rental_h2_font_weight',
'style' => 'vw_car_rental_h2_font_style',
'size' => 'vw_car_rental_h2_font_size',
'line_height' => 'vw_car_rental_h2_line_height',
'letter_spacing' => 'vw_car_rental_h2_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
// Add the `` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_h3_font_color', array(
'label' => esc_html__( 'Heading 3 Color', 'vw-car-rental' ),
'description' => __( 'Select how heading 3 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_h3_typography', array(
'label' => esc_html__( 'Heading 3', 'vw-car-rental' ),
'description' => __( 'Select how heading 3 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_h3_font_family',
'weight' => 'vw_car_rental_h3_font_weight',
'style' => 'vw_car_rental_h3_font_style',
'size' => 'vw_car_rental_h3_font_size',
'line_height' => 'vw_car_rental_h3_line_height',
'letter_spacing' => 'vw_car_rental_h3_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
// Add the `` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_h4_font_color', array(
'label' => esc_html__( 'Heading 4 Color', 'vw-car-rental' ),
'description' => __( 'Select how heading 4 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_h4_typography', array(
'label' => esc_html__( 'Heading 4', 'vw-car-rental' ),
'description' => __( 'Select how heading 4 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_h4_font_family',
'weight' => 'vw_car_rental_h4_font_weight',
'style' => 'vw_car_rental_h4_font_style',
'size' => 'vw_car_rental_h4_font_size',
'line_height' => 'vw_car_rental_h4_line_height',
'letter_spacing' => 'vw_car_rental_h4_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
// Add the `` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_h5_font_color', array(
'label' => esc_html__( 'Heading 5 Color', 'vw-car-rental' ),
'description' => __( 'Select how heading 5 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_h5_typography', array(
'label' => esc_html__( 'Heading 5', 'vw-car-rental' ),
'description' => __( 'Select how heading 5 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_h5_font_family',
'weight' => 'vw_car_rental_h5_font_weight',
'style' => 'vw_car_rental_h5_font_style',
'size' => 'vw_car_rental_h5_font_size',
'line_height' => 'vw_car_rental_h5_line_height',
'letter_spacing' => 'vw_car_rental_h5_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
// Add the `` typography control.
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'vw_car_rental_h6_font_color', array(
'label' => esc_html__( 'Heading 6 Color', 'vw-car-rental' ),
'description' => __( 'Select how heading 6 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
) ) );
$wp_customize->add_control( new VW_Car_Rental_Control_Typography( $wp_customize, 'vw_car_rental_h6_typography', array(
'label' => esc_html__( 'Heading 6', 'vw-car-rental' ),
'description' => __( 'Select how heading 6 should appear.', 'vw-car-rental' ),
'section' => 'vw_car_rental_headings_typography',
// Tie a setting (defined via `$wp_customize->add_setting()`) to the control.
'settings' => array(
'family' => 'vw_car_rental_h6_font_family',
'weight' => 'vw_car_rental_h6_font_weight',
'style' => 'vw_car_rental_h6_font_style',
'size' => 'vw_car_rental_h6_font_size',
'line_height' => 'vw_car_rental_h6_line_height',
'letter_spacing' => 'vw_car_rental_h6_letter_spacing'
),
// Pass custom labels. Use the setting key (above) for the specific label.
'l10n' => array(),
) ) );
}
/**
* Register control scripts/styles.
*
* @since 1.0.0
* @access public
* @return void
*/
function vw_car_rental_customize_controls_register_scripts() {
wp_enqueue_script( 'vw-car-rental-ctypo-customize-controls', trailingslashit( esc_url(get_template_directory_uri()) ) . 'inc/typography/js/customize-controls.js',array( 'customize-controls' ) );
wp_enqueue_style( 'vw-car-rental-ctypo-customize-controls-style', trailingslashit( esc_url(get_template_directory_uri()) ) . 'assets/css/customize-controls.css' );
}
/**
* Load preview scripts/styles.
*
* @since 1.0.0
* @access public
* @return void
*/
function vw_car_rental_customize_preview_enqueue_scripts() {
wp_enqueue_script( 'vw-car-rental-ctypo-customize-preview', trailingslashit( esc_url(get_template_directory_uri()) ) . 'inc/typography/js/customize-preview.js',array( 'jquery' ) );
}
/**
* Add custom body class to give some more weight to our styles.
*
* @since 1.0.0
* @access public
* @return void
*/
function vw_car_rental_print_styles() {
$style = $_p_style = $_a_style = $_h1_style = $_h2_style = $_h3_style = $_h4_style = $_h5_style = $_h6_style ='';
$allowed_weights = array( 100, 300, 400, 500, 700, 900 );
$allowed_styles = array( 'normal', 'italic', 'oblique' );
/* ===
=== */
$p_color = get_theme_mod( 'vw_car_rental_p_font_color' );
$p_family = get_theme_mod( 'vw_car_rental_p_font_family' );
$p_weight = get_theme_mod( 'vw_car_rental_p_font_weight' );
$p_style = get_theme_mod( 'vw_car_rental_p_font_style' );
$p_size = get_theme_mod( 'vw_car_rental_p_font_size' );
$p_line_h = get_theme_mod( 'vw_car_rental_p_line_height' );
$p_letter_s = get_theme_mod( 'vw_car_rental_p_letter_spacing' );
if ( $p_color ){
$_p_style .= sprintf( 'color: %s;', $p_color );
}
if ( $p_family ){
$_p_style .= sprintf( 'font-family: %s;', esc_attr( $p_family ) );
}
if ( $p_weight ){
$_p_style .= sprintf( 'font-weight: %s;', in_array( absint( $p_weight ), $allowed_weights ) ? $p_weight : 400 );
}
if ( $p_style ){
$_p_style .= sprintf( 'font-style: %s;', in_array( $p_style, $allowed_styles ) ? $p_style : 'normal' );
}
if ( $p_size ){
$_p_style .= sprintf( 'font-size: %spx;', absint( $p_size ) );
}
if ( $p_line_h ){
$_p_style .= sprintf( 'line-height: %spx;', absint( $p_line_h ) );
}
if ( $p_letter_s ){
$_p_style .= sprintf( 'letter-spacing: %spx;', absint( $p_letter_s ) );
}
if ( $_p_style ){
$_p_style = sprintf( 'body.ctypo p { %s }', $_p_style );
}
/* === === */
$a_color = get_theme_mod( 'vw_car_rental_a_font_color' );
$a_family = get_theme_mod( 'vw_car_rental_a_font_family' );
$a_weight = get_theme_mod( 'vw_car_rental_a_font_weight' );
$a_style = get_theme_mod( 'vw_car_rental_a_font_style' );
$a_size = get_theme_mod( 'vw_car_rental_a_font_size' );
$a_line_h = get_theme_mod( 'vw_car_rental_a_line_height' );
$a_letter_s = get_theme_mod( 'vw_car_rental_a_letter_spacing' );
if ( $a_color ){
$_a_style .= sprintf( 'color: %s;', $a_color );
}
if ( $a_family ){
$_a_style .= sprintf( 'font-family: %s;', esc_attr( $a_family ) );
}
if ( $a_weight ){
$_a_style .= sprintf( 'font-weight: %s;', in_array( absint( $a_weight ), $allowed_weights ) ? $a_weight : 400 );
}
if ( $a_style ){
$_a_style .= sprintf( 'font-style: %s;', in_array( $a_style, $allowed_styles ) ? $a_style : 'normal' );
}
if ( $a_size ){
$_a_style .= sprintf( 'font-size: %spx;', absint( $a_size ) );
}
if ( $a_line_h ){
$_a_style .= sprintf( 'line-height: %spx;', absint( $a_line_h ) );
}
if ( $a_letter_s ){
$_a_style .= sprintf( 'letter-spacing: %spx;', absint( $a_letter_s ) );
}
if ( $_a_style ){
$_a_style = sprintf( 'body.ctypo a { %s }', $_a_style );
}
/* === === */
$h1_color = get_theme_mod( 'vw_car_rental_h1_font_color' );
$h1_family = get_theme_mod( 'vw_car_rental_h1_font_family' );
$h1_weight = get_theme_mod( 'vw_car_rental_h1_font_weight' );
$h1_style = get_theme_mod( 'vw_car_rental_h1_font_style' );
$h1_size = get_theme_mod( 'vw_car_rental_h1_font_size' );
$h1_line_h = get_theme_mod( 'vw_car_rental_h1_line_height' );
$h1_letter_s = get_theme_mod( 'vw_car_rental_h1_letter_spacing' );
if ( $h1_color ){
$_h1_style .= sprintf( 'color: %s;', $h1_color );
}
if ( $h1_family ){
$_h1_style .= sprintf( 'font-family: %s;', esc_attr( $h1_family ) );
}
if ( $h1_weight ){
$_h1_style .= sprintf( 'font-weight: %s;', in_array( absint( $h1_weight ), $allowed_weights ) ? $h1_weight : 400 );
}
if ( $h1_style ){
$_h1_style .= sprintf( 'font-style: %s;', in_array( $h1_style, $allowed_styles ) ? $h1_style : 'normal' );
}
if ( $h1_size ){
$_h1_style .= sprintf( 'font-size: %spx;', absint( $h1_size ) );
}
if ( $h1_line_h ){
$_h1_style .= sprintf( 'line-height: %spx;', absint( $h1_line_h ) );
}
if ( $h1_letter_s ){
$_h1_style .= sprintf( 'letter-spacing: %spx;', absint( $h1_letter_s ) );
}
if ( $_h1_style ){
$_h1_style = sprintf( 'body.ctypo h1 { %s }', $_h1_style );
}
/* === === */
$h2_color = get_theme_mod( 'vw_car_rental_h2_font_color' );
$h2_family = get_theme_mod( 'vw_car_rental_h2_font_family' );
$h2_weight = get_theme_mod( 'vw_car_rental_h2_font_weight' );
$h2_style = get_theme_mod( 'vw_car_rental_h2_font_style' );
$h2_size = get_theme_mod( 'vw_car_rental_h2_font_size' );
$h2_line_h = get_theme_mod( 'vw_car_rental_h2_line_height' );
$h2_letter_s = get_theme_mod( 'vw_car_rental_h2_letter_spacing' );
if ( $h2_color ){
$_h2_style .= sprintf( 'color: %s;', $h2_color );
}
if ( $h2_family ){
$_h2_style .= sprintf( 'font-family: %s;', esc_attr( $h2_family ) );
}
if ( $h2_weight ){
$_h2_style .= sprintf( 'font-weight: %s;', in_array( absint( $h2_weight ), $allowed_weights ) ? $h2_weight : 400 );
}
if ( $h2_style ){
$_h2_style .= sprintf( 'font-style: %s;', in_array( $h2_style, $allowed_styles ) ? $h2_style : 'normal' );
}
if ( $h2_size ){
$_h2_style .= sprintf( 'font-size: %spx;', absint( $h2_size ) );
}
if ( $h2_line_h ){
$_h2_style .= sprintf( 'line-height: %spx;', absint( $h2_line_h ) );
}
if ( $h2_letter_s ){
$_h2_style .= sprintf( 'letter-spacing: %spx;', absint( $h2_letter_s ) );
}
if ( $_h2_style ){
$_h2_style = sprintf( 'body.ctypo h2 { %s }', $_h2_style );
}
/* === === */
$h3_color = get_theme_mod( 'vw_car_rental_h3_font_color' );
$h3_family = get_theme_mod( 'vw_car_rental_h3_font_family' );
$h3_weight = get_theme_mod( 'vw_car_rental_h3_font_weight' );
$h3_style = get_theme_mod( 'vw_car_rental_h3_font_style' );
$h3_size = get_theme_mod( 'vw_car_rental_h3_font_size' );
$h3_line_h = get_theme_mod( 'vw_car_rental_h3_line_height' );
$h3_letter_s = get_theme_mod( 'vw_car_rental_h3_letter_spacing' );
if ( $h3_color ){
$_h3_style .= sprintf( 'color: %s;', $h3_color );
}
if ( $h3_family ){
$_h3_style .= sprintf( 'font-family: %s;', esc_attr( $h3_family ) );
}
if ( $h3_weight ){
$_h3_style .= sprintf( 'font-weight: %s;', in_array( absint( $h3_weight ), $allowed_weights ) ? $h3_weight : 400 );
}
if ( $h3_style ){
$_h3_style .= sprintf( 'font-style: %s;', in_array( $h3_style, $allowed_styles ) ? $h3_style : 'normal' );
}
if ( $h3_size ){
$_h3_style .= sprintf( 'font-size: %spx;', absint( $h3_size ) );
}
if ( $h3_line_h ){
$_h3_style .= sprintf( 'line-height: %spx;', absint( $h3_line_h ) );
}
if ( $h3_letter_s ){
$_h3_style .= sprintf( 'letter-spacing: %spx;', absint( $h3_letter_s ) );
}
if ( $_h3_style ){
$_h3_style = sprintf( 'body.ctypo h3 { %s }', $_h3_style );
}
/* === === */
$h4_color = get_theme_mod( 'vw_car_rental_h4_font_color' );
$h4_family = get_theme_mod( 'vw_car_rental_h4_font_family' );
$h4_weight = get_theme_mod( 'vw_car_rental_h4_font_weight' );
$h4_style = get_theme_mod( 'vw_car_rental_h4_font_style' );
$h4_size = get_theme_mod( 'vw_car_rental_h4_font_size' );
$h4_line_h = get_theme_mod( 'vw_car_rental_h4_line_height' );
$h4_letter_s = get_theme_mod( 'vw_car_rental_h4_letter_spacing' );
if ( $h4_color ){
$_h4_style .= sprintf( 'color: %s;', $h4_color );
}
if ( $h4_family ){
$_h4_style .= sprintf( 'font-family: %s;', esc_attr( $h4_family ) );
}
if ( $h4_weight ){
$_h4_style .= sprintf( 'font-weight: %s;', in_array( absint( $h4_weight ), $allowed_weights ) ? $h4_weight : 400 );
}
if ( $h4_style ){
$_h4_style .= sprintf( 'font-style: %s;', in_array( $h4_style, $allowed_styles ) ? $h4_style : 'normal' );
}
if ( $h4_size ){
$_h4_style .= sprintf( 'font-size: %spx;', absint( $h4_size ) );
}
if ( $h4_line_h ){
$_h4_style .= sprintf( 'line-height: %spx;', absint( $h4_line_h ) );
}
if ( $h4_letter_s ){
$_h4_style .= sprintf( 'letter-spacing: %spx;', absint( $h4_letter_s ) );
}
if ( $_h4_style ){
$_h4_style = sprintf( 'body.ctypo h4 { %s }', $_h4_style );
}
/* === === */
$h5_color = get_theme_mod( 'vw_car_rental_h5_font_color' );
$h5_family = get_theme_mod( 'vw_car_rental_h5_font_family' );
$h5_weight = get_theme_mod( 'vw_car_rental_h5_font_weight' );
$h5_style = get_theme_mod( 'vw_car_rental_h5_font_style' );
$h5_size = get_theme_mod( 'vw_car_rental_h5_font_size' );
$h5_line_h = get_theme_mod( 'vw_car_rental_h5_line_height' );
$h5_letter_s = get_theme_mod( 'vw_car_rental_h5_letter_spacing' );
if ( $h5_color ){
$_h5_style .= sprintf( 'color: %s;', $h5_color );
}
if ( $h5_family ){
$_h5_style .= sprintf( 'font-family: %s;', esc_attr( $h5_family ) );
}
if ( $h5_weight ){
$_h5_style .= sprintf( 'font-weight: %s;', in_array( absint( $h5_weight ), $allowed_weights ) ? $h5_weight : 400 );
}
if ( $h5_style ){
$_h5_style .= sprintf( 'font-style: %s;', in_array( $h5_style, $allowed_styles ) ? $h5_style : 'normal' );
}
if ( $h5_size ){
$_h5_style .= sprintf( 'font-size: %spx;', absint( $h5_size ) );
}
if ( $h5_line_h ){
$_h5_style .= sprintf( 'line-height: %spx;', absint( $h5_line_h ) );
}
if ( $h5_letter_s ){
$_h5_style .= sprintf( 'letter-spacing: %spx;', absint( $h5_letter_s ) );
}
if ( $_h5_style ){
$_h5_style = sprintf( 'body.ctypo h5 { %s }', $_h5_style );
}
/* === === */
$h6_color = get_theme_mod( 'vw_car_rental_h6_font_color' );
$h6_family = get_theme_mod( 'vw_car_rental_h6_font_family' );
$h6_weight = get_theme_mod( 'vw_car_rental_h6_font_weight' );
$h6_style = get_theme_mod( 'vw_car_rental_h6_font_style' );
$h6_size = get_theme_mod( 'vw_car_rental_h6_font_size' );
$h6_line_h = get_theme_mod( 'vw_car_rental_h6_line_height' );
$h6_letter_s = get_theme_mod( 'vw_car_rental_h6_letter_spacing' );
if ( $h6_color ){
$_h6_style .= sprintf( 'color: %s;', $h6_color );
}
if ( $h6_family ){
$_h6_style .= sprintf( 'font-family: %s;', esc_attr( $h6_family ) );
}
if ( $h6_weight ){
$_h6_style .= sprintf( 'font-weight: %s;', in_array( absint( $h6_weight ), $allowed_weights ) ? $h6_weight : 400 );
}
if ( $h6_style ){
$_h6_style .= sprintf( 'font-style: %s;', in_array( $h6_style, $allowed_styles ) ? $h6_style : 'normal' );
}
if ( $h6_size ){
$_h6_style .= sprintf( 'font-size: %spx;', absint( $h6_size ) );
}
if ( $h6_line_h ){
$_h6_style .= sprintf( 'line-height: %spx;', absint( $h6_line_h ) );
}
if ( $h6_letter_s ){
$_h6_style .= sprintf( 'letter-spacing: %spx;', absint( $h6_letter_s ) );
}
if ( $_h6_style ){
$_h6_style = sprintf( 'body.ctypo h6 { %s }', $_h6_style );
}
/* === Output === */
// Join the styles.
$style = join( '', array( $_p_style, $_a_style, $_h1_style, $_h2_style, $_h3_style, $_h4_style, $_h5_style, $_h6_style ) );
// Output the styles.
if ( $style ) {
echo "\n" . '' . "\n";
// Body class filter.
add_filter( 'body_class', 'vw_car_rental_body_class' );
}
}
/**
* Add custom body class to give some more weight to our styles.
*
* @since 1.0.0
* @access public
* @param array $classes
* @return array
*/
function vw_car_rental_body_class( $classes ) {
return array_merge( $classes, array( 'ctypo' ) );
}/*! elementor-pro - v3.30.0 - 22-07-2025 */
*[data-editable-elementor-document] {
position: relative;
}
*[data-editable-elementor-document]:before, *[data-editable-elementor-document]:after {
content: "";
display: table;
}
*[data-editable-elementor-document] .elementor-document-handle {
position: absolute;
z-index: 2147483620;
cursor: pointer;
inset: 0;
display: none;
border: 2px solid var(--e-a-color-primary, #F3BAFD);
}
*[data-editable-elementor-document] .elementor-document-handle:before {
content: "";
position: absolute;
background: var(--e-a-color-primary, #F3BAFD);
opacity: 0.3;
inset: 0;
}
*[data-editable-elementor-document] .elementor-document-handle__inner {
display: none;
align-items: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: var(--e-a-color-primary, #F3BAFD);
padding: 8px 16px;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: var(--e-p-border-global-invert, #0C0D0E);
gap: 8px;
border-radius: 0 0 3px 3px;
}
*[data-editable-elementor-document] .elementor-document-handle__inner:before, *[data-editable-elementor-document] .elementor-document-handle__inner:after {
content: "";
position: absolute;
border: solid transparent;
}
*[data-editable-elementor-document] .elementor-document-handle__inner:before {
right: calc(100% - 1px);
border-inline-end-color: var(--e-a-color-primary, #F3BAFD);
border-width: 0 14px 30px 0;
}
*[data-editable-elementor-document] .elementor-document-handle__inner:after {
left: calc(100% - 1px);
border-inline-start-color: var(--e-a-color-primary, #F3BAFD);
border-width: 0 0 30px 14px;
}
*[data-editable-elementor-document].e-embedded-document-active .elementor-document-handle:not(.elementor-document-save-back-handle), *[data-editable-elementor-document].elementor-widget-container .elementor-document-handle:not(.elementor-document-save-back-handle) {
bottom: unset;
border-block-end: unset;
}
*[data-editable-elementor-document].e-embedded-document-active .elementor-document-handle:not(.elementor-document-save-back-handle)::before, *[data-editable-elementor-document].elementor-widget-container .elementor-document-handle:not(.elementor-document-save-back-handle)::before {
display: none;
bottom: unset;
}
.elementor-editor-active *[data-editable-elementor-document]:not(.elementor-edit-mode):hover .elementor-document-handle:not(.elementor-document-save-back-handle) {
display: block;
}
.elementor-editor-active *[data-editable-elementor-document]:not(.elementor-edit-mode):hover .elementor-document-handle:not(.elementor-document-save-back-handle)::before {
display: block;
}
.elementor-editor-active *[data-editable-elementor-document]:not(.elementor-edit-mode):hover .elementor-document-handle:not(.elementor-document-save-back-handle) .elementor-document-handle__inner {
display: flex;
}
.elementor-editor-active *[data-editable-elementor-document].loading {
opacity: 0.5;
}
.elementor-editor-active *[data-editable-elementor-document][data-elementor-type=single] > .elementor-document-handle {
transform: translateX(-50%) translateY(-100%);
border-radius: 3px 3px 0 0;
}
.elementor-editor-active *[data-editable-elementor-document][data-elementor-type=single] > .elementor-document-handle:before {
border-width: 30px 14px 0 0;
}
.elementor-editor-active *[data-editable-elementor-document][data-elementor-type=single] > .elementor-document-handle:after {
border-width: 30px 0 0 14px;
}
[data-elementor-post-type=elementor_library] > .elementor-document-handle {
border: 2px solid var(--e-p-border-global, #5EEAD4);
}
[data-elementor-post-type=elementor_library] > .elementor-document-handle:before {
background-color: var(--e-p-border-global, #5EEAD4);
}
[data-elementor-post-type=elementor_library] > .elementor-document-handle .elementor-document-handle__inner {
background-color: var(--e-p-border-global, #5EEAD4);
}
[data-elementor-post-type=elementor_library] > .elementor-document-handle .elementor-document-handle__inner:before {
border-inline-end-color: var(--e-p-border-global, #5EEAD4);
}
[data-elementor-post-type=elementor_library] > .elementor-document-handle .elementor-document-handle__inner:after {
border-inline-start-color: var(--e-p-border-global, #5EEAD4);
}
.elementor-widget.elementor-sticky--effects .elementor-editor-widget-settings {
right: -14px;
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-widget.elementor-global-widget:hover {
outline: 1px solid var(--e-p-border-global);
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-widget.elementor-global-widget.elementor-element-editable, .elementor-editor-active .elementor.elementor-edit-mode .elementor-widget.elementor-global-widget.elementor-element-editable:hover {
box-shadow: 0 0 0 2px var(--e-p-border-global);
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-global-widget .elementor-editor-widget-settings {
background-color: var(--e-p-border-global);
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-global-widget .elementor-editor-widget-settings .elementor-editor-element-setting {
background-color: var(--e-p-border-global);
color: var(--e-p-border-global-invert);
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-global-widget .elementor-editor-widget-settings .elementor-editor-element-setting:hover {
background-color: var(--e-p-border-global-hover);
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-global-widget .elementor-editor-widget-settings .elementor-editor-element-setting.elementor-editor-element-save {
display: none;
}
.elementor-embedded-editor.elementor-location-header .elementor-section-wrap:not(:empty) + #elementor-add-new-section {
display: none;
}
.elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-element-overlay,
.elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-empty,
.elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-add-section,
.elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-add-section-inline,
.elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-empty-view,
.elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-widget-empty {
display: initial;
}
.elementor.elementor-edit-area-active .elementor-document-handle.elementor-document-save-back-handle {
display: block;
bottom: unset;
border: unset;
}
.elementor.elementor-edit-area-active .elementor-document-handle.elementor-document-save-back-handle:before {
display: none;
}
.elementor.elementor-edit-area-active .elementor-document-handle.elementor-document-save-back-handle > .elementor-document-handle__inner {
display: flex;
opacity: 1;
}
.elementor-document-handle.elementor-document-save-back-handle .elementor-document-handle__inner {
transform: translateX(-50%) translateY(-100%);
border-radius: 3px 3px 0 0;
}
.elementor-document-handle.elementor-document-save-back-handle .elementor-document-handle__inner:before {
border-width: 30px 14px 0 0;
}
.elementor-document-handle.elementor-document-save-back-handle .elementor-document-handle__inner:after {
border-width: 30px 0 0 14px;
}
.elementor-document-handle.elementor-document-save-back-handle .eicon-arrow-left,
.elementor-document-handle.elementor-document-save-back-handle .eicon-arrow-right {
margin-inline-end: 5px;
}
.elementor-loop-container > div.elementor-edit-area-active:first-of-type {
border: 2px solid #5EEAD4;
}
div[class*=elementor-widget-loop] .elementor-edit-area-active[data-editable-elementor-document], div[class*=elementor-widget-loop] .elementor-edit-area-active.swiper-slide-active, div[class*=elementor-widget-loop] .elementor-edit-area-active.e-loop-first-edit:first-of-type {
border: 2px solid #5EEAD4;
}
div[class*=elementor-widget-loop] .elementor-edit-area-active .elementor-document-save-back-handle {
display: flex;
line-height: initial;
white-space: nowrap;
}
div[class*=elementor-widget-loop] #elementor-add-new-section {
margin: 30px auto;
}
div[class*=elementor-widget-loop] .elementor-add-section-inner {
padding: 15px 0;
}
.elementor-edit-area-active[data-elementor-type=loop-item] .elementor-section-wrap {
/* Overwrite the 25px min-height from the default .elementor-section-wrap:empty, as this causes unnecessary
white space between the "Drag widget here" box and the document handles for in-place editing, making
it look like this area is not vertically aligned on a new empty state. */
}
.elementor-edit-area-active[data-elementor-type=loop-item] .elementor-section-wrap:not(:empty) + #elementor-add-new-section {
display: none;
}
.elementor-edit-area-active[data-elementor-type=loop-item] .elementor-section-wrap:empty {
min-height: 0;
}
.elementor-editor-active [class*=elementor-widget-loop] .elementor:not([data-editable-elementor-document]):not(.e-loop-alternate-template):hover {
box-shadow: initial;
}
.elementor-editor-active [class*=elementor-widget-loop]:hover .elementor-document-handle:not(.elementor-document-save-back-handle) {
display: flex;
line-height: initial;
white-space: nowrap;
}
.elementor-editor-active [class*=elementor-widget-loop]:hover .elementor-document-handle:not(.elementor-document-save-back-handle)::before {
display: block;
}
.elementor-editor-active [class*=elementor-widget-loop]:hover .elementor-document-handle:not(.elementor-document-save-back-handle) .elementor-document-handle__inner {
display: flex;
}
.elementor-editor-active [class*=elementor-widget-loop]:hover .e-loop-alternate-template {
box-shadow: 0 0 0 1px #9DA5AE;
}
.e-loop-template-canvas {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.e-loop-template-canvas [data-elementor-type=loop-item].e-loop-item {
max-width: var(--preview-width, 410px);
width: var(--preview-width, 410px);
}
.e-loop-template-canvas [data-elementor-type=loop-item].e-loop-item #elementor-add-new-section {
width: var(--preview-width, 410px);
}
/*# sourceMappingURL=preview-rtl.css.map *//**
* Download webfonts locally.
*
* @package wptt/font-loader
* @license https://opensource.org/licenses/MIT
*/
if ( ! class_exists( 'VW_Car_Rental_WPTT_WebFont_Loader' ) ) {
/**
* Download webfonts locally.
*/
class VW_Car_Rental_WPTT_WebFont_Loader {
/**
* The font-format.
*
* Use "woff" or "woff2".
* This will change the user-agent user to make the request.
*
* @access protected
* @since 1.0.0
* @var string
*/
protected $font_format = 'woff2';
/**
* The remote URL.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $remote_url;
/**
* Base path.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $base_path;
/**
* Base URL.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $base_url;
/**
* Subfolder name.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $subfolder_name;
/**
* The fonts folder.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $fonts_folder;
/**
* The local stylesheet's path.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $local_stylesheet_path;
/**
* The local stylesheet's URL.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $local_stylesheet_url;
/**
* The remote CSS.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $remote_styles;
/**
* The final CSS.
*
* @access protected
* @since 1.1.0
* @var string
*/
protected $css;
/**
* Cleanup routine frequency.
*/
const CLEANUP_FREQUENCY = 'monthly';
/**
* Constructor.
*
* Get a new instance of the object for a new URL.
*
* @access public
* @since 1.1.0
* @param string $url The remote URL.
*/
public function __construct( $url = '' ) {
$this->remote_url = $url;
// Add a cleanup routine.
$this->schedule_cleanup();
add_action( 'delete_fonts_folder', array( $this, 'delete_fonts_folder' ) );
}
/**
* Get the local URL which contains the styles.
*
* Fallback to the remote URL if we were unable to write the file locally.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_url() {
// Check if the local stylesheet exists.
if ( $this->local_file_exists() ) {
// Attempt to update the stylesheet. Return the local URL on success.
if ( $this->write_stylesheet() ) {
return $this->get_local_stylesheet_url();
}
}
// If the local file exists, return its URL, with a fallback to the remote URL.
return file_exists( $this->get_local_stylesheet_path() )
? $this->get_local_stylesheet_url()
: $this->remote_url;
}
/**
* Get the local stylesheet URL.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_local_stylesheet_url() {
if ( ! $this->local_stylesheet_url ) {
$this->local_stylesheet_url = str_replace(
$this->get_base_path(),
$this->get_base_url(),
$this->get_local_stylesheet_path()
);
}
return $this->local_stylesheet_url;
}
/**
* Get styles with fonts downloaded locally.
*
* @access public
* @since 1.0.0
* @return string
*/
public function get_styles() {
// If we already have the local file, return its contents.
$local_stylesheet_contents = $this->get_local_stylesheet_contents();
if ( $local_stylesheet_contents ) {
return $local_stylesheet_contents;
}
// Get the remote URL contents.
$this->remote_styles = $this->get_remote_url_contents();
// Get an array of locally-hosted files.
$files = $this->get_local_files_from_css();
// Convert paths to URLs.
foreach ( $files as $remote => $local ) {
$files[ $remote ] = str_replace(
$this->get_base_path(),
$this->get_base_url(),
$local
);
}
$this->css = str_replace(
array_keys( $files ),
array_values( $files ),
$this->remote_styles
);
$this->write_stylesheet();
return $this->css;
}
/**
* Get local stylesheet contents.
*
* @access public
* @since 1.1.0
* @return string|false Returns the remote URL contents.
*/
public function get_local_stylesheet_contents() {
$local_path = $this->get_local_stylesheet_path();
// Check if the local stylesheet exists.
if ( $this->local_file_exists() ) {
// Attempt to update the stylesheet. Return false on fail.
if ( ! $this->write_stylesheet() ) {
return false;
}
}
ob_start();
include $local_path;
return ob_get_clean();
}
/**
* Get remote file contents.
*
* @access public
* @since 1.0.0
* @return string Returns the remote URL contents.
*/
public function get_remote_url_contents() {
/**
* The user-agent we want to use.
*
* The default user-agent is the only one compatible with woff (not woff2)
* which also supports unicode ranges.
*/
$user_agent = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.1.2 Safari/603.3.8';
// Switch to a user-agent supporting woff2 if we don't need to support IE.
if ( 'woff2' === $this->font_format ) {
$user_agent = 'Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:73.0) Gecko/20100101 Firefox/73.0';
}
// Get the response.
$response = wp_remote_get( $this->remote_url, array( 'user-agent' => $user_agent ) );
// Early exit if there was an error.
if ( is_wp_error( $response ) ) {
return '';
}
// Get the CSS from our response.
$contents = wp_remote_retrieve_body( $response );
return $contents;
}
/**
* Download files mentioned in our CSS locally.
*
* @access public
* @since 1.0.0
* @return array Returns an array of remote URLs and their local counterparts.
*/
public function get_local_files_from_css() {
$font_files = $this->get_remote_files_from_css();
$stored = get_site_option( 'downloaded_font_files', array() );
$change = false; // If in the end this is true, we need to update the cache option.
if ( ! defined( 'FS_CHMOD_DIR' ) ) {
define( 'FS_CHMOD_DIR', ( 0755 & ~ umask() ) );
}
// If the fonts folder don't exist, create it.
if ( ! file_exists( $this->get_fonts_folder() ) ) {
$this->get_filesystem()->mkdir( $this->get_fonts_folder(), FS_CHMOD_DIR );
}
foreach ( $font_files as $font_family => $files ) {
// The folder path for this font-family.
$folder_path = $this->get_fonts_folder() . '/' . $font_family;
// If the folder doesn't exist, create it.
if ( ! file_exists( $folder_path ) ) {
$this->get_filesystem()->mkdir( $folder_path, FS_CHMOD_DIR );
}
foreach ( $files as $url ) {
// Get the filename.
$filename = basename( wp_parse_url( $url, PHP_URL_PATH ) );
$font_path = $folder_path . '/' . $filename;
// Check if the file already exists.
if ( file_exists( $font_path ) ) {
// Skip if already cached.
if ( isset( $stored[ $url ] ) ) {
continue;
}
// Add file to the cache and change the $changed var to indicate we need to update the option.
$stored[ $url ] = $font_path;
$change = true;
// Since the file exists we don't need to proceed with downloading it.
continue;
}
/**
* If we got this far, we need to download the file.
*/
// require file.php if the download_url function doesn't exist.
if ( ! function_exists( 'download_url' ) ) {
require_once wp_normalize_path( ABSPATH . '/wp-admin/includes/file.php' );
}
// Download file to temporary location.
$tmp_path = download_url( $url );
// Make sure there were no errors.
if ( is_wp_error( $tmp_path ) ) {
continue;
}
// Move temp file to final destination.
$success = $this->get_filesystem()->move( $tmp_path, $font_path, true );
if ( $success ) {
$stored[ $url ] = $font_path;
$change = true;
}
}
}
// If there were changes, update the option.
if ( $change ) {
// Cleanup the option and then save it.
foreach ( $stored as $url => $path ) {
if ( ! file_exists( $path ) ) {
unset( $stored[ $url ] );
}
}
update_site_option( 'downloaded_font_files', $stored );
}
return $stored;
}
/**
* Get font files from the CSS.
*
* @access public
* @since 1.0.0
* @return array Returns an array of font-families and the font-files used.
*/
public function get_remote_files_from_css() {
$font_faces = explode( '@font-face', $this->remote_styles );
$result = array();
// Loop all our font-face declarations.
foreach ( $font_faces as $font_face ) {
// Make sure we only process styles inside this declaration.
$style = explode( '}', $font_face )[0];
// Sanity check.
if ( false === strpos( $style, 'font-family' ) ) {
continue;
}
// Get an array of our font-families.
preg_match_all( '/font-family.*?\;/', $style, $matched_font_families );
// Get an array of our font-files.
preg_match_all( '/url\(.*?\)/i', $style, $matched_font_files );
// Get the font-family name.
$font_family = 'unknown';
if ( isset( $matched_font_families[0] ) && isset( $matched_font_families[0][0] ) ) {
$font_family = rtrim( ltrim( $matched_font_families[0][0], 'font-family:' ), ';' );
$font_family = trim( str_replace( array( "'", ';' ), '', $font_family ) );
$font_family = sanitize_key( strtolower( str_replace( ' ', '-', $font_family ) ) );
}
// Make sure the font-family is set in our array.
if ( ! isset( $result[ $font_family ] ) ) {
$result[ $font_family ] = array();
}
// Get files for this font-family and add them to the array.
foreach ( $matched_font_files as $match ) {
// Sanity check.
if ( ! isset( $match[0] ) ) {
continue;
}
// Add the file URL.
$font_family_url = rtrim( ltrim( $match[0], 'url(' ), ')' );
// Make sure to convert relative URLs to absolute.
$font_family_url = $this->get_absolute_path( $font_family_url );
$result[ $font_family ][] = $font_family_url;
}
// Make sure we have unique items.
// We're using array_flip here instead of array_unique for improved performance.
$result[ $font_family ] = array_flip( array_flip( $result[ $font_family ] ) );
}
return $result;
}
/**
* Write the CSS to the filesystem.
*
* @access protected
* @since 1.1.0
* @return string|false Returns the absolute path of the file on success, or false on fail.
*/
protected function write_stylesheet() {
$file_path = $this->get_local_stylesheet_path();
$filesystem = $this->get_filesystem();
if ( ! defined( 'FS_CHMOD_DIR' ) ) {
define( 'FS_CHMOD_DIR', ( 0755 & ~ umask() ) );
}
// If the folder doesn't exist, create it.
if ( ! file_exists( $this->get_fonts_folder() ) ) {
$this->get_filesystem()->mkdir( $this->get_fonts_folder(), FS_CHMOD_DIR );
}
// If the file doesn't exist, create it. Return false if it can not be created.
if ( ! $filesystem->exists( $file_path ) && ! $filesystem->touch( $file_path ) ) {
return false;
}
// If we got this far, we need to write the file.
// Get the CSS.
if ( ! $this->css ) {
$this->get_styles();
}
// Put the contents in the file. Return false if that fails.
if ( ! $filesystem->put_contents( $file_path, $this->css ) ) {
return false;
}
return $file_path;
}
/**
* Get the stylesheet path.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_local_stylesheet_path() {
if ( ! $this->local_stylesheet_path ) {
$this->local_stylesheet_path = $this->get_fonts_folder() . '/' . $this->get_local_stylesheet_filename() . '.css';
}
return $this->local_stylesheet_path;
}
/**
* Get the local stylesheet filename.
*
* This is a hash, generated from the site-URL, the wp-content path and the URL.
* This way we can avoid issues with sites changing their URL, or the wp-content path etc.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_local_stylesheet_filename() {
return md5( $this->get_base_url() . $this->get_base_path() . $this->remote_url . $this->font_format );
}
/**
* Set the font-format to be used.
*
* @access public
* @since 1.0.0
* @param string $format The format to be used. Use "woff" or "woff2".
* @return void
*/
public function set_font_format( $format = 'woff2' ) {
$this->font_format = $format;
}
/**
* Check if the local stylesheet exists.
*
* @access public
* @since 1.1.0
* @return bool
*/
public function local_file_exists() {
return ( ! file_exists( $this->get_local_stylesheet_path() ) );
}
/**
* Get the base path.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_base_path() {
if ( ! $this->base_path ) {
$this->base_path = apply_filters( 'wptt_get_local_fonts_base_path', $this->get_filesystem()->wp_content_dir() );
}
return $this->base_path;
}
/**
* Get the base URL.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_base_url() {
if ( ! $this->base_url ) {
$this->base_url = apply_filters( 'wptt_get_local_fonts_base_url', content_url() );
}
return $this->base_url;
}
/**
* Get the subfolder name.
*
* @access public
* @since 1.1.0
* @return string
*/
public function get_subfolder_name() {
if ( ! $this->subfolder_name ) {
$this->subfolder_name = apply_filters( 'wptt_get_local_fonts_subfolder_name', 'fonts' );
}
return $this->subfolder_name;
}
/**
* Get the folder for fonts.
*
* @access public
* @return string
*/
public function get_fonts_folder() {
if ( ! $this->fonts_folder ) {
$this->fonts_folder = $this->get_base_path();
if ( $this->get_subfolder_name() ) {
$this->fonts_folder .= '/' . $this->get_subfolder_name();
}
}
return $this->fonts_folder;
}
/**
* Schedule a cleanup.
*
* Deletes the fonts files on a regular basis.
* This way font files will get updated regularly,
* and we avoid edge cases where unused files remain in the server.
*
* @access public
* @since 1.1.0
* @return void
*/
public function schedule_cleanup() {
if ( ! is_multisite() || ( is_multisite() && is_main_site() ) ) {
if ( ! wp_next_scheduled( 'delete_fonts_folder' ) && ! wp_installing() ) {
wp_schedule_event( time(), self::CLEANUP_FREQUENCY, 'delete_fonts_folder' );
}
}
}
/**
* Delete the fonts folder.
*
* This runs as part of a cleanup routine.
*
* @access public
* @since 1.1.0
* @return bool
*/
public function delete_fonts_folder() {
return $this->get_filesystem()->delete( $this->get_fonts_folder(), true );
}
/**
* Get the filesystem.
*
* @access protected
* @since 1.0.0
* @return \WP_Filesystem_Base
*/
protected function get_filesystem() {
global $wp_filesystem;
// If the filesystem has not been instantiated yet, do it here.
if ( ! $wp_filesystem ) {
if ( ! function_exists( 'WP_Filesystem' ) ) {
require_once wp_normalize_path( ABSPATH . '/wp-admin/includes/file.php' );
}
WP_Filesystem();
}
return $wp_filesystem;
}
/**
* Get an absolute URL from a relative URL.
*
* @access protected
*
* @param string $url The URL.
*
* @return string
*/
protected function get_absolute_path( $url ) {
// If dealing with a root-relative URL.
if ( 0 === stripos( $url, '/' ) ) {
$parsed_url = parse_url( $this->remote_url );
return $parsed_url['scheme'] . '://' . $parsed_url['hostname'] . $url;
}
return $url;
}
}
}
if ( ! function_exists( 'vw_car_rental_wptt_get_webfont_styles' ) ) {
/**
* Get styles for a webfont.
*
* This will get the CSS from the remote API,
* download any fonts it contains,
* replace references to remote URLs with locally-downloaded assets,
* and finally return the resulting CSS.
*
* @since 1.0.0
*
* @param string $url The URL of the remote webfont.
* @param string $format The font-format. If you need to support IE, change this to "woff".
*
* @return string Returns the CSS.
*/
function vw_car_rental_wptt_get_webfont_styles( $url, $format = 'woff2' ) {
$font = new VW_Car_Rental_WPTT_WebFont_Loader( $url );
$font->set_font_format( $format );
return $font->get_styles();
}
}
if ( ! function_exists( 'vw_car_rental_wptt_get_webfont_url' ) ) {
/**
* Get a stylesheet URL for a webfont.
*
* @since 1.1.0
*
* @param string $url The URL of the remote webfont.
* @param string $format The font-format. If you need to support IE, change this to "woff".
*
* @return string Returns the CSS.
*/
function vw_car_rental_wptt_get_webfont_url( $url, $format = 'woff2' ) {
$font = new VW_Car_Rental_WPTT_WebFont_Loader( $url );
$font->set_font_format( $format );
return $font->get_url();
}
}/**
* The template for displaying home page.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other 'pages' on your WordPress site will use a
* different template.
*
* @package VW Car Rental
*/
get_header(); ?>
/**
* This file adds some LIVE to the Customizer live preview. To leverage
* this, set your custom settings to 'postMessage' and then add your handling
* here. Your javascript should grab settings from customizer controls, and
* then make any necessary changes to the page using jQuery.
*
* @package Astra Addon
* @since x.x.x
*/
( function( $ ) {
wp.customize( 'astra-settings[off-canvas-width]', function ( value ) {
value.bind( function ( newval ) {
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
mobile_break_point = astraBuilderPreview.mobile_break_point || 544,
dynamicStyle = '';
if ( '' !== newval.desktop ) {
dynamicStyle += '.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.desktop + '%;';
dynamicStyle += '} ';
}
if ( '' !== newval.tablet ) {
dynamicStyle += '#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {';
dynamicStyle += 'width: ' + newval.tablet + '%;';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
dynamicStyle += '.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.tablet + '%;';
dynamicStyle += '} ';
dynamicStyle += '} ';
}
if ( '' !== newval.mobile ) {
dynamicStyle += '#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {';
dynamicStyle += 'width: ' + newval.mobile + '%;';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
dynamicStyle += '.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.mobile + '%;';
dynamicStyle += '} ';
dynamicStyle += '} ';
}
astra_add_dynamic_css( 'off-canvas-width', dynamicStyle );
} );
} );
} )( jQuery );
/**
* This file adds some LIVE to the Customizer live preview. To leverage
* this, set your custom settings to 'postMessage' and then add your handling
* here. Your javascript should grab settings from customizer controls, and
* then make any necessary changes to the page using jQuery.
*
* @package Astra Addon
* @since x.x.x
*/
( function( $ ) {
wp.customize( 'astra-settings[off-canvas-width]', function ( value ) {
value.bind( function ( newval ) {
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
mobile_break_point = astraBuilderPreview.mobile_break_point || 544,
dynamicStyle = '';
if ( '' !== newval.desktop ) {
dynamicStyle += '.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.desktop + '%;';
dynamicStyle += '} ';
}
if ( '' !== newval.tablet ) {
dynamicStyle += '#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {';
dynamicStyle += 'width: ' + newval.tablet + '%;';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
dynamicStyle += '.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.tablet + '%;';
dynamicStyle += '} ';
dynamicStyle += '} ';
}
if ( '' !== newval.mobile ) {
dynamicStyle += '#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {';
dynamicStyle += 'width: ' + newval.mobile + '%;';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
dynamicStyle += '.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.mobile + '%;';
dynamicStyle += '} ';
dynamicStyle += '} ';
}
astra_add_dynamic_css( 'off-canvas-width', dynamicStyle );
} );
} );
} )( jQuery );
/**
* This file adds some LIVE to the Customizer live preview. To leverage
* this, set your custom settings to 'postMessage' and then add your handling
* here. Your javascript should grab settings from customizer controls, and
* then make any necessary changes to the page using jQuery.
*
* @package Astra Addon
* @since x.x.x
*/
( function( $ ) {
wp.customize( 'astra-settings[off-canvas-width]', function ( value ) {
value.bind( function ( newval ) {
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
mobile_break_point = astraBuilderPreview.mobile_break_point || 544,
dynamicStyle = '';
if ( '' !== newval.desktop ) {
dynamicStyle += '.ast-desktop .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.desktop + '%;';
dynamicStyle += '} ';
}
if ( '' !== newval.tablet ) {
dynamicStyle += '#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {';
dynamicStyle += 'width: ' + newval.tablet + '%;';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
dynamicStyle += '.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.tablet + '%;';
dynamicStyle += '} ';
dynamicStyle += '} ';
}
if ( '' !== newval.mobile ) {
dynamicStyle += '#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {';
dynamicStyle += 'width: ' + newval.mobile + '%;';
dynamicStyle += '} ';
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
dynamicStyle += '.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {';
dynamicStyle += 'max-width: ' + newval.mobile + '%;';
dynamicStyle += '} ';
dynamicStyle += '} ';
}
astra_add_dynamic_css( 'off-canvas-width', dynamicStyle );
} );
} );
} )( jQuery );
/**
* The template for displaying the footer.
*
* Contains the closing of the #content div and all content after
*
* @package VW Car Rental
*/
?>