{% import './tools/_macros.css' %}{## Table of contents 1. Variables 1a. Containers 1b. Colors 1c. Typography 1d. Buttons 1e. Forms 1f. Tables 1g. Website header 1h. Website footer 2. Containers / Grid / DND areas 3. Typography 4. Buttons 5. Forms 6. Tables 7. Website header 8. Website footer 9. Blog 10. System pages 11. Modules ##}{###########################################################################}{######################### 1. Colors/Fonts Variables ########################}{###########################################################################}{% set container_width = theme.spacing.max_width ~ 'px' %}{% set dnd_section_padding = '20px ' ~ '20px' %}{% set gbl_colors_key = ['primary_color', 'secondary_color', 'alternate_color', 'dark_color', 'grey_color', 'light_color', 'custom_a', 'custom_b', 'custom_c'] %}{% set gbl_colors = theme.global_colors %}{% set primary_font = theme.global_fonts.primary_font %}{% set secondary_font = theme.global_fonts.secondary_font %}{% set alternate_font = theme.global_fonts.alternate_font %}:root {{% for color_key in gbl_colors_key -%}--{{color_key|replace('_','-')}}: {{gbl_colors[color_key].color }};{% endfor -%}{%- if !theme.global_fonts.theme_custom_font -%}--primary-font: {{primary_font.styles['font-family'] }};--secondary-font: {{secondary_font.styles['font-family'] }};--alternate-font: {{alternate_font.styles['font-family'] }};{% endif %}}{%- for color_key in gbl_colors_key -%}.{{color_key|replace('_','--')}}{color: {{gbl_colors[color_key].color }}!important;}.background--{{color_key|replace('_','--')}}{background-color: {{gbl_colors[color_key].color }}!important;}{%- endfor -%}{{FontSettingCss( theme.typography.headings ) }}{{FontSettingCss( theme.typography ) }}{{styleList( theme.typography.list ) }}{{styleLink( theme.typography.text_link ) }}{###########################################################################}{################## 2. Containers / Grid / DND areas ###################}{###########################################################################}.content-wrapper {max-width: {{container_width }};}.dnd-section, .content-wrapper--vertical-spacing {padding: {{dnd_section_padding }};}.dnd-section > .row-fluid {max-width: {{container_width }};}{###########################################################################}{############################ 2. Buttons ###############################}{###########################################################################}form .actions, form .hs-button, a[class*="btn-"], input[type="submit"], input[type="button"], input[type="submit"][class*="btn-"], input[type="button"][class*="btn-"], button[class*="btn-"], [class*="btn-"] {{{'font-family:'~theme.buttons.general.font_family~';' if theme.buttons.general.font_family}};{{'font-weight:'~theme.buttons.general.font_weight~';' if theme.buttons.general.font_weight}};{{'font-size:'~theme.buttons.general.font_size~'px;' if theme.buttons.general.font_size}};{{'letter-spacing:'~(theme.buttons.general.letter_spacing|int / 10)~';' if theme.buttons.general.letter_spacing}}{{'border-radius:'~theme.buttons.general.border_radius|default(0)~'px;' if theme.buttons.general.border_radius}}{{'padding-top:'~theme.buttons.general.top_bottom_padding~'px;' if theme.buttons.general.top_bottom_padding }}{{'padding-bottom:'~theme.buttons.general.top_bottom_padding~'px;' if theme.buttons.general.top_bottom_padding }}{{'padding-right:'~theme.buttons.general.left_right_padding~'px;' if theme.buttons.general.left_right_padding }}{{'padding-left:'~theme.buttons.general.left_right_padding ~'px;' if theme.buttons.general.left_right_padding}}}a[class*="btn-simple"], [class*="btn-simple"] {padding: 0;}.actions input[type="submit"], .hs-button input[type="button"] {padding: 0 !important;border-radius: 0 !important;border-color: transparent !important;background-color: transparent !important;}{{styleButtons(theme.buttons.variables) }}form .actions:hover, form .hs-button:hover, form input[type="submit"]:hover, form input[type="button"]:hover, a[class*="btn-"]:hover, button.btn-primary, input[type="submit"][class*="btn-"]:hover, input[type="button"][class*="btn-"]:hover, button[class*="btn-"]:hover, [class*="btn-"]:hover {{% if theme.buttons.general.hover_effect == "float_with_shadow" %}-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px rgba(0,0,0,0.3);{% endif %}{% if theme.buttons.general.hover_effect == "shadow" %}-webkit-box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.5);box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.5);{% endif %}}form .actions input[type="submit"]:hover, form .hs-button input[type="button"]:hover,{-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}{###########################################################################}{############################## 5. Forms ###############################}{###########################################################################}form, .submitted-message {font-family: {{theme.typography.parragraph.font_family }};}.form-title {background-color: {{form_title_bg_color }};color: {{form_title_font_color }};}form label {{{colorByOpacity('color', theme.typography.parragraph.color, theme.typography.parragraph.custom_color) }}}form legend {{{colorByOpacity('color', theme.typography.parragraph.color, theme.typography.parragraph.custom_color) }}}form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {{{colorByOpacity('color', theme.forms.color, theme.forms.custom_color) }}border-color: #cccccc;border-radius: {{theme.forms.border_radius }}px;}form input[type=text]:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=tel]:focus, form input[type=number]:focus, form input[type=file]:focus, form select:focus, form textarea:focus {{{colorByOpacity('border-color', theme.forms.border_color_hover, theme.forms.custom_border_color_hover) }}border-radius: {{theme.forms.border_radius }}px;}::-webkit-input-placeholder {{{colorByOpacity('color', theme.typography.parragraph.color, theme.typography.parragraph.custom_color) }}}::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder, .hs-fieldtype-date .input .hs-dateinput:before {{{colorByOpacity('color', theme.typography.parragraph.color, theme.typography.parragraph.custom_color) }}}.fn-date-picker td.is-selected .pika-button {background: var(--primary-color);}.fn-date-picker td .pika-button:hover {background-color: var(--primary-color) !important;}.fn-date-picker td.is-today .pika-button {color: var(--primary-color);}{###########################################################################}{############################# 6. Tables ###############################}{###########################################################################}{###########################################################################}{########################### 7. Website header #########################}{###########################################################################}.header-top-bar {{{colorByOpacity('background-color',theme.header.top_bar_header.background_color, theme.header.top_bar_header.custom_backgroud_color)}}}{% if theme.header.general.fixed_menu %}body div[data-global-resource-path*="header"] {position: -webkit-sticky;position: sticky;top: 0;z-index: 1000;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}{% endif %}@media only screen and (min-width: 1141px){.header-middle-bar .header-main-menu{min-height: {{theme.header.menu_bar_header.menu_height}}px;}.header-middle-bar:before {z-index: -1;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.9;{{colorByOpacity('background-color',theme.header.menu_bar_header.colors.background_color, theme.header.menu_bar_header.colors.custom_backgroud_color)}}}}{###########################################################################}{########################### 8. Website footer #########################}{###########################################################################}.footer p, .footer label, .footer span, .footer li, .footer img {color: var(--grey-color);}@media only screen and (max-width: 767px){footer .h1 {font-size: 16px;}footer .row-fluid-wrapper.row-depth-1.row-number-12.dnd-section.footer-row-2-background-color.footer-row-2-padding.footer-row-2-vertical-alignment {padding: 20px !important;}footer .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section.footer-row-1-padding.footer-row-1-background-color {padding-top: 0px !important;padding-bottom: 0px !important;}footer .borderMobile, footer .accordionMobile{position: relative;}footer .accordionMobile{margin-bottom: 5px !important;margin-top: 5px !important;}footer .accordionMobile:before{content: "";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='M6.455 7.783l-6.23-6.06a.73.73 0 010-1.054L.683.223a.782.782 0 011.083 0l5.23 5.089 5.24-5.094a.772.772 0 01.54-.218.77.77 0 01.543.218l.459.446a.73.73 0 010 1.053L7.542 7.783A.772.772 0 016.999 8a.772.772 0 01-.544-.217z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: contain;width: 14px;height: 14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}footer .borderMobile:after{content: "";border-bottom:1px solid rgb(255 255 255 / 10%);width: 100%;left: 50%;transform: translateX(-50%);bottom: 0;position: absolute;}}{###########################################################################}{############################## 9. Blog ################################}{###########################################################################}.blog-post, .blog-header__inner, .blog-related-posts {padding: {{theme.spacing.vertical_spacing ~ 'px' }}0;}{###########################################################################}{########################## 10. System pages ###########################}{###########################################################################}{###########################################################################}{############################ 11. Modules ##############################}{###########################################################################}.box-shadow{-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);}.campus-leon-banner .cta--area a.btn-primary {color: white !important;}.btn-primary-white, a.btn-primary-white, button.btn-primary-white, input[type=button], input[type=submit] {color: white;font-weight: 400;}.btn-primary-white:before, a.btn-primary-white:before, button.btn-primary-white:before, input[type=button], input[type=submit] {background-color: var(--secondary-color);}