### Responsive Preference Header and Content Styles

Source: https://www.filmconnection.com/get-started

Media queries to adjust font sizes for preference headers, titles, descriptions, and buttons on very small screens to maintain readability.

```css
@media (max-width: 352px){.wcc-preference-header .wcc-preference-title{font-size: 16px;}.wcc-preference-header{padding: 16px 24px;}.wcc-preference-content-wrapper *, .wcc-accordion-header-des *{font-size: 12px;}.wcc-preference-content-wrapper, .wcc-preference-content-wrapper .wcc-show-more, .wcc-accordion-header .wcc-always-active, .wcc-accordion-header-des, .wcc-preference-content-wrapper .wcc-show-desc-btn, .wcc-notice-des a.wcc-policy{font-size: 12px;}.wcc-accordion-header .wcc-accordion-btn{font-size: 14px;}}
```

--------------------------------

### Responsive Accordion and Notice Styles

Source: https://www.filmconnection.com/get-started

Media queries to adjust accordion chevron margin and notice button wrapper margin for smaller screens, improving layout on mobile.

```css
@media (max-width: 425px){.wcc-accordion-chevron{margin-right: 15px;}.wcc-notice-btn-wrapper{margin-top: 0;}.wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding: 0 15px;}}
```

--------------------------------

### Product Template Layout Styles

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Provides CSS for product templates, including list styling, margin resets, and responsive grid layouts. It defines flexbox and grid configurations for different column counts (2-6) and media queries for larger screens.

```css
.wc-block-product-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wc-block-product-template.wc-block-product-template{background:none}.wc-block-product-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wc-block-product-template.is-flex-container>li{list-style:none;margin:0;width:100%}@media(min-width:600px){.wc-block-product-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wc-block-product-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wc-block-product-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wc-block-product-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}.wc-block-product-template__responsive{grid-gap:1.25em;display:grid}.wc-block-product-template__responsive.columns-2{grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(50% - .625em)),1fr))}.wc-block-product-template__responsive.columns-3{grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(33.33333% - .83333em)),1fr))}.wc-block-product-template__responsive.columns-4{grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(25% - .9375em)),1fr))}.wc-block-product-template__responsive.columns-5{grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(20% - 1em)),1fr))}.wc-block-product-template__responsive.columns-6{grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(16.66667% - 1.04167em)),1fr))}.wc-block-product-template__responsive>li{margin-block-start:0}:where(.wc-block-product-template .wc-block-product)>:not(:last-child){margin-bottom:.75rem;margin-top:0}.is-product-collection-layout-list .wc-block-product:not(:last-child){margin-bottom:1.2rem}
```

--------------------------------

### Gravity Forms reCAPTCHA Strings

Source: https://www.filmconnection.com/get-started

Localization strings for Gravity Forms reCAPTCHA functionality, including a nonce for security verification.

```javascript
var gforms_recaptcha_recaptcha_strings = {
  "nonce": "be2129ff30",
  "disconnect": "Disco"
};
```

--------------------------------

### Elementor Pro Frontend Configuration

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Comprehensive configuration object for Elementor Pro frontend functionality. Includes AJAX URLs, asset paths, social share network settings, WooCommerce cart details, Facebook SDK, and Lottie animation defaults.

```javascript
var ElementorProFrontendConfig = {
  "ajaxurl": "https:\/\/www.filmconnection.com\/wp-admin\/admin-ajax.php",
  "nonce": "2ce8b4ae8a",
  "urls": {
    "assets": "https:\/\/www.filmconnection.com\/wp-content\/plugins\/elementor-pro\/assets\/",
    "rest": "https:\/\/www.filmconnection.com\/wp-json\/"
  },
  "settings": {
    "lazy_load_background_images": false
  },
  "popup": {
    "hasPopUps": false
  },
  "shareButtonsNetworks": {
    "facebook": {"title": "Facebook", "has_counter": true},
    "twitter": {"title": "Twitter"},
    "linkedin": {"title": "LinkedIn", "has_counter": true},
    "pinterest": {"title": "Pinterest", "has_counter": true},
    "reddit": {"title": "Reddit", "has_counter": true},
    "vk": {"title": "VK", "has_counter": true},
    "odnoklassniki": {"title": "OK", "has_counter": true},
    "tumblr": {"title": "Tumblr"},
    "digg": {"title": "Digg"},
    "skype": {"title": "Skype"},
    "stumbleupon": {"title": "StumbleUpon", "has_counter": true},
    "mix": {"title": "Mix"},
    "telegram": {"title": "Telegram"},
    "pocket": {"title": "Pocket", "has_counter": true},
    "xing": {"title": "XING", "has_counter": true},
    "whatsapp": {"title": "WhatsApp"},
    "email": {"title": "Email"},
    "print": {"title": "Print"},
    "x-twitter": {"title": "X"},
    "threads": {"title": "Threads"}
  },
  "woocommerce": {
    "menu_cart": {
      "cart_page_url": "https:\/\/www.filmconnection.com\/cart\/",
      "checkout_page_url": "https:\/\/www.filmconnection.com\/checkout\/",
      "fragments_nonce": "9f512ae16a"
    }
  },
  "facebook_sdk": {
    "lang": "en_US",
    "app_id": ""
  },
  "lottie": {
    "defaultAnimationUrl": "https:\/\/www.filmconnection.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"
  }
};
```

--------------------------------

### Gravity Forms reCAPTCHA Strings

Source: https://www.filmconnection.com/get-started/

Localization strings for Gravity Forms reCAPTCHA functionality, including a nonce for security verification.

```javascript
var gforms_recaptcha_recaptcha_strings = {
  "nonce": "be2129ff30",
  "disconnect": "Disco"
};
```

--------------------------------

### JetTabs JavaScript Configuration

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Configuration object for the JetTabs WordPress plugin, specifying AJAX URL and other frontend-related settings.

```javascript
var JetTabsSettings = {
  "ajaxurl": "https:\/\/www.filmconnection.com\/wp-admin\/admin-ajax.php",
  "isMobile": "false",
  "templateApiUrl": "https:\/\/www.filmconnection.com\/wp-json\/jet-tabs-api\/v1\/elementor-template",
  "devMode": "false",
  "isSelfRequest": ""
};
```

--------------------------------

### Gravity Forms reCAPTCHA Strings

Source: https://www.filmconnection.com/call-in/

Localization strings for Gravity Forms reCAPTCHA functionality, including a nonce for security verification.

```javascript
var gforms_recaptcha_recaptcha_strings = {
  "nonce": "be2129ff30",
  "disconnect": "Disco"
};
```

--------------------------------

### Gravity Forms reCAPTCHA Strings

Source: https://www.filmconnection.com/apply

Localization strings for Gravity Forms reCAPTCHA functionality, including a nonce for security verification.

```javascript
var gforms_recaptcha_recaptcha_strings = {
  "nonce": "be2129ff30",
  "disconnect": "Disco"
};
```

--------------------------------

### Video Placeholder Styling

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Styles for video placeholders, including specific configurations for YouTube and generic placeholders. It covers background properties, positioning, and text display for click-to-play functionality.

```CSS
.video-placeholder-youtube {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #b2b0b059;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.video-placeholder-text-youtube {
  text-align: center;
  align-items: center;
  padding: 10px 16px;
  background-color: #000000cc;
  color: #ffffff;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}

.video-placeholder-normal {
  background-image: url("/wp-content/plugins/webtoffee-cookie-consent/lite/frontend/images/placeholder.svg");
  background-size: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #b2b0b059;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 100%;
}

.video-placeholder-text-normal {
  align-items: center;
  padding: 10px 16px;
  text-align: center;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}
```

--------------------------------

### Responsive Design Media Queries

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Contains media queries to adjust the layout and styling of UI components based on screen width. These rules ensure optimal display on various devices, from mobile phones to larger screens.

```css
@media (max-width: 845px){.wcc-modal{max-width: calc(100% - 16px);}}@media (max-width: 576px){.wcc-modal{max-width: 100%;}.wcc-preference-center{max-height: 100vh;}.wcc-prefrence-btn-wrapper{flex-direction: column;}.wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding-right: 0;}.wcc-prefrence-btn-wrapper .wcc-btn{width: 100%; margin: 10px 0 0 0;}.wcc-prefrence-btn-wrapper .wcc-btn-reject{order: 3;}.wcc-prefrence-btn-wrapper .wcc-btn-accept{order: 1; margin-top: 0;}.wcc-prefrence-btn-wrapper .wcc-btn-preferences{order: 2;}}@media (max-width: 425px){.wcc-accordion-chevron{margin-right: 15px;}.wcc-notice-btn-wrapper{margin-top: 0;}.wcc-accordion.wcc-accordion-active .wcc-accordion-body{padding: 0 15px;}}@media (max-width: 352px){.wcc-preference-header .wcc-preference-title{font-size: 16px;}.wcc-preference-header{padding: 16px 24px;}.wcc-preference-content-wrapper *, .wcc-accordion-header-des *{font-size: 12px;}.wcc-preference-content-wrapper, .wcc-preference-content-wrapper .wcc-show-more, .wcc-accordion-header .wcc-always-active, .wcc-accordion-header-des, .wcc-preference-content-wrapper .wcc-show-desc-btn, .wcc-notice-des a.wcc-policy{font-size: 12px;}.wcc-accordion-header .wcc-accordion-btn{font-size: 14px;}}
```

--------------------------------

### Gravity Forms reCAPTCHA Strings

Source: https://www.filmconnection.com/apply/

Localization strings for Gravity Forms reCAPTCHA functionality, including a nonce for security verification.

```javascript
var gforms_recaptcha_recaptcha_strings = {
  "nonce": "be2129ff30",
  "disconnect": "Disco"
};
```

--------------------------------

### Gravity Forms reCAPTCHA Strings

Source: https://filmconnection.com/get-started/

Localization strings for Gravity Forms reCAPTCHA functionality, including a nonce for security verification.

```javascript
var gforms_recaptcha_recaptcha_strings = {
  "nonce": "be2129ff30",
  "disconnect": "Disco"
};
```

--------------------------------

### Responsive Adjustments for Notice Buttons and Links

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Media queries to adjust the layout and sizing of notice buttons and links on smaller screens. This ensures better readability and usability on mobile devices.

```CSS
@media (max-width: 768px) {
  .wcc-notice-btn-wrapper {
    margin-left: 0;
    margin-top: 10px;
    justify-content: left;
  }
  .wcc-notice-btn-wrapper .wcc-btn-do-not-sell {
    padding: 0;
  }
}

@media (max-width: 352px) {
  .wcc-notice-btn-wrapper .wcc-btn-do-not-sell,
  .wcc-notice-des a.wcc-policy {
    font-size: 12px;
  }
}
```

--------------------------------

### General Component Border Styles

Source: https://www.filmconnection.com/get-started

Applies inherited border styles to various preference-related components, ensuring consistent visual theming.

```css
.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}
```

--------------------------------

### Localization and Theme Settings

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

This JavaScript object bundles localization strings, nonces, and theme-specific settings for various frontend functionalities, including e-commerce and page builder integrations.

```javascript
var localize = {"ajaxurl":"https:\/\/www.filmconnection.com\/wp-admin\/admin-ajax.php","nonce":"f3f28c5a34","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/www.filmconnection.com\/courses\/cinematography\/lesson-20-starting-your-career\/","cart_redirectition":"no","cart_page_url":"https:\/\/www.filmconnection.com\/cart\/","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":true}}};
```

--------------------------------

### General Component Border Styles

Source: https://www.filmconnection.com/get-started/

Applies inherited border styles to various preference-related components, ensuring consistent visual theming.

```css
.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}
```

--------------------------------

### WCC GCM Configuration

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

JavaScript configuration object for WCC Google Consent Management (GCM), detailing the operational mode, URL passthrough settings, debug options, and region-specific consent grants.

```JavaScript
var _wccGCMConfig = {"_mode":"advanced","_urlPassthrough":"","_debugMode":"","_redactData":"","_regions":[{"region":["US"],"analytics_storage":"Granted","ad_storage":"Granted","ad_user_data":"Granted","ad_personalization":"Granted","functionality_storage":"Granted","personalization_storage":"Granted","security_storage":"Granted","showRemoveButton":true}],"_wccBypass":"","wait_for_update":"500"};
```

--------------------------------

### General Component Border Styles

Source: https://www.filmconnection.com/call-in/

Applies inherited border styles to various preference-related components, ensuring consistent visual theming.

```css
.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}
```

--------------------------------

### General Component Border Styles

Source: https://www.filmconnection.com/apply

Applies inherited border styles to various preference-related components, ensuring consistent visual theming.

```css
.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}
```

--------------------------------

### WordPress AJAX and Heartbeat Settings

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Configuration objects for WordPress AJAX requests and heartbeat API. Includes nonces for security and error messages for broken requests.

```javascript
var wpAjax = {
  "noPerm": "Sorry, you are not allowed to do that.",
  "broken": "An error occurred while processing your request. Please try again later."
};
var heartbeatSettings = {
  "ajaxurl": "\/wp-admin\/admin-ajax.php"
};
```

--------------------------------

### Project CSS Styles

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Custom CSS rules for styling elements within the project. Includes font weight, color definitions, and media queries for responsive design.

```css
.span-bold {
  font-weight: 700;
}

.green {
  color: #5AE293;
}

/* text selection color */
::selection {
  color: #fff;
  background: #5ae29399;
}

/* For Mozilla Firefox */
::-moz-selection {
  color: #fff;
  background: #5ae29399;
}

@media only screen and (max-width: 767px) {
  .footer-menu a {
    justify-content: center !important;
  }
}
```

--------------------------------

### General Component Border Styles

Source: https://www.filmconnection.com/apply/

Applies inherited border styles to various preference-related components, ensuring consistent visual theming.

```css
.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}
```

--------------------------------

### Button Styling Tags

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Configuration for various interactive elements, defining their associated tags and specific CSS styles for different states or types of buttons like accept, reject, settings, and readmore.

```JSON
{
  "tag": "accept-button",
  "styles": {
    "color": "#34333B",
    "background-color": "#5AE293",
    "border-color": "#5AE293"
  }
}
```

```JSON
{
  "tag": "reject-button",
  "styles": {
    "color": "#34333B",
    "background-color": "transparent",
    "border-color": "#34333B"
  }
}
```

```JSON
{
  "tag": "settings-button",
  "styles": {
    "color": "#34333B",
    "background-color": "transparent",
    "border-color": "#34333B"
  }
}
```

```JSON
{
  "tag": "readmore-button",
  "styles": {
    "color": "#000000",
    "background-color": "transparent",
    "border-color": "transparent"
  }
}
```

```JSON
{
  "tag": "donotsell-button",
  "styles": {
    "color": "#1863dc",
    "background-color": "transparent",
    "border-color": "transparent"
  }
}
```

--------------------------------

### General Component Border Styles

Source: https://filmconnection.com/get-started/

Applies inherited border styles to various preference-related components, ensuring consistent visual theming.

```css
.wcc-preference-header,.wcc-preference-body-wrapper,.wcc-preference-content-wrapper,.wcc-accordion-wrapper,.wcc-accordion,.wcc-accordion-wrapper,.wcc-footer-wrapper,.wcc-prefrence-btn-wrapper{border-color: inherit;}
```

--------------------------------

### Footer Shadow and Wrapper Styles

Source: https://www.filmconnection.com/get-started

Styles for the footer wrapper and a shadow effect to create a fading background, ensuring proper positioning and display.

```css
.wcc-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.wcc-footer-wrapper{position: relative;}
```

--------------------------------

### GPC Wrapper and Small Screen Adjustments

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Styles for the Global Privacy Control (GPC) wrapper and further responsive adjustments for very small screens, affecting GPC description font size and checkbox dimensions.

```CSS
.wcc-gpc-wrapper {
  margin: 0 0 0 32px;
}

@media (max-width: 352px) {
  .wcc-gpc-wrapper .wcc-gpc-desc,
  .wcc-gpc-wrapper .wcc-gpc-desc * {
    font-size: 12px;
  }
  .wcc-opt-out-checkbox-wrapper input[type="checkbox"].wcc-opt-out-checkbox {
    width: 16px;
    height: 16px;
  }
  .wcc-opt-out-checkbox-wrapper input[type="checkbox"].wcc-opt-out-checkbox:checked::after {
    left: 5px;
    bottom: 4px;
    width: 3px;
    height: 9px;
  }
  .wcc-gpc-wrapper {
    margin: 0 0 0 28px;
  }
}
```

--------------------------------

### WCC API Configuration

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

JavaScript configuration object for the Web Components Connector (WCC) API, specifying the base URL for API endpoints and a nonce for security purposes.

```JavaScript
var _wccApi = {"base":"https:\/\/www.filmconnection.com\/wp-json\/wcc\/v1\/","nonce":"af66a09457"};
```

--------------------------------

### Footer Shadow and Wrapper Styles

Source: https://www.filmconnection.com/get-started/

Styles for the footer wrapper and a shadow effect to create a fading background, ensuring proper positioning and display.

```css
.wcc-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.wcc-footer-wrapper{position: relative;}
```

--------------------------------

### Prefetch Configuration for Document Loading

Source: https://www.filmconnection.com/get-started

JSON configuration defining prefetching strategy for documents, specifying URL matching criteria to avoid certain patterns like PHP files or admin paths.

```json
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/*.php","/wp-(admin|includes|content|login|signup|json)(.*)?","/\*(.+)?","/\/(cart|checkout|logout)(.*)?"]}}]},"eagerness":"moderate"}]}
```

--------------------------------

### Footer Shadow and Wrapper Styles

Source: https://www.filmconnection.com/call-in/

Styles for the footer wrapper and a shadow effect to create a fading background, ensuring proper positioning and display.

```css
.wcc-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.wcc-footer-wrapper{position: relative;}
```

--------------------------------

### Footer Shadow and Wrapper Styles

Source: https://www.filmconnection.com/apply

Styles for the footer wrapper and a shadow effect to create a fading background, ensuring proper positioning and display.

```css
.wcc-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.wcc-footer-wrapper{position: relative;}
```

--------------------------------

### Gravity Forms JavaScript Configuration

Source: https://www.filmconnection.com/courses/cinematography/lesson-20-starting-your-career/

Contains various configuration objects and strings for the Gravity Forms WordPress plugin. Includes settings for file uploads, currency, AJAX submissions, and internationalization.

```javascript
var gf_legacy_multi = [];
var gform_gravityforms = {
  "strings": {
    "invalid_file_extension": "This type of file is not allowed. Must be one of the following:",
    "delete_file": "Delete this file",
    "in_progress": "in progress",
    "file_exceeds_limit": "File exceeds size limit",
    "illegal_extension": "This type of file is not allowed.",
    "max_reached": "Maximum number of files reached",
    "unknown_error": "There was a problem while saving the file on the server",
    "currently_uploading": "Please wait for the uploading to complete",
    "cancel": "Cancel",
    "cancel_upload": "Cancel this upload",
    "cancelled": "Cancelled"
  },
  "vars": {
    "images_url": "https:\/\/www.filmconnection.com\/wp-content\/plugins\/gravityforms\/images"
  }
};
var gf_global = {
  "gf_currency_config": {
    "name": "U.S. Dollar",
    "symbol_left": "$",
    "symbol_right": "",
    "symbol_padding": "",
    "thousand_separator": ",",
    "decimal_separator": ".",
    "decimals": 2,
    "code": "USD"
  },
  "base_url": "https:\/\/www.filmconnection.com\/wp-content\/plugins\/gravityforms",
  "number_formats": [],
  "spinnerUrl": "https:\/\/www.filmconnection.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg",
  "version_hash": "2ed12104bc5da51848994d93912b16a7",
  "strings": {
    "newRowAdded": "New row added.",
    "rowRemoved": "Row removed",
    "formSaved": "The form has been saved. The content contains the link to return and complete the form."
  }
};
var gform_theme_config = {
  "common": {
    "form": {
      "honeypot": {
        "version_hash": "2ed12104bc5da51848994d93912b16a7"
      },
      "ajax": {
        "ajaxurl": "https:\/\/www.filmconnection.com\/wp-admin\/admin-ajax.php",
        "ajax_submission_nonce": "3dde56958f",
        "i18n": {
          "step_announcement": "Step %1$s of %2$s, %3$s",
          "unknown_error": "There was an unknown error processing your request. Please try again."
        }
      }
    }
  },
  "hmr_dev": "",
  "public_path": "https:\/\/www.filmconnection.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/",
  "config_nonce": "83fce911f9"
};
var gf_partial_entries_strings_1 = {
  "warningMessage": "Please note that your information is saved on our server as you enter it."
};
```

--------------------------------

### Responsive Preference Header and Content Styles

Source: https://www.filmconnection.com/get-started/

Media queries to adjust font sizes for preference headers, titles, descriptions, and buttons on very small screens to maintain readability.

```css
@media (max-width: 352px){.wcc-preference-header .wcc-preference-title{font-size: 16px;}.wcc-preference-header{padding: 16px 24px;}.wcc-preference-content-wrapper *, .wcc-accordion-header-des *{font-size: 12px;}.wcc-preference-content-wrapper, .wcc-preference-content-wrapper .wcc-show-more, .wcc-accordion-header .wcc-always-active, .wcc-accordion-header-des, .wcc-preference-content-wrapper .wcc-show-desc-btn, .wcc-notice-des a.wcc-policy{font-size: 12px;}.wcc-accordion-header .wcc-accordion-btn{font-size: 14px;}}
```

--------------------------------

### Footer Shadow and Wrapper Styles

Source: https://www.filmconnection.com/apply/

Styles for the footer wrapper and a shadow effect to create a fading background, ensuring proper positioning and display.

```css
.wcc-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.wcc-footer-wrapper{position: relative;}
```