/*
Theme Name: Rookie
Theme URI: https://www.themeboy.com/rookie/
Author: ThemeBoy
Author URI: https://www.themeboy.com
Description: Rookie is a fully responsive theme made for sports organisations looking to use the SportsPress plugin. Once you’ve installed the theme and SportsPress, you'll be able to select a preset for your sport and demo content to help you get started on building your sports website.
Version: 1.5.4
Requires at least: 3.8
Tested up to: 5.7
Requires PHP: 5.6
Stable tag: 1.5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rookie
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Rookie is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* Heading Font */
h1,
h2,
h3,
h4,
h5,
h6,
caption,
.menu-toggle,
.main-navigation a,
.gallery-caption,
.wp-caption-text.gallery-caption,
.sp-table-caption,
.sp-template-countdown time span,
.sp-template-event-logos,
.sp-template .player-gallery-group-name,
.single-sp_staff .entry-header .entry-title strong {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

/* Body Font */
body,
button,
input,
select,
textarea,
.sp-template-countdown .event-name,
.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown time span small,
.sp-template-event-blocks .event-title {
    font-family: "Lato", sans-serif;
    text-transform: none;
}

/* Site Footer Font */
.site-info {
    font-size: 11px;
    text-transform: uppercase;
}

/* Table Cell Font */
th,
td {
    font-size: 14px;
    text-align: center;
}

/* Body Text Color */
body,
button,
input,
select,
textarea {
    color: #222;
}

blockquote,
q {
    font-weight: bold;
    font-size: 18px;
}

blockquote p {
    display: inline;
}

cite {
    display: block;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    text-indent: 2.5em;
    margin-top: 0.5em;
}

cite:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 2em;
    height: 1px;
}

/* Quote Icon Color */
blockquote:before,
q:before {
    color: #00a69c;
}

cite:before {
    background: #00a69c;
}

/* Code Color */
pre,
code,
kbd,
tt,
var {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

table {
    border-collapse: collapse;
    background: #f4f4f4;
}

/* Horizontal Rule Color */
hr {
    background: #ccc;
}

/* Caption Color */
caption {
    color: #fff;
    background: #2b353e;
    border-top: 8px solid #00a69c;
}

/* Table Cell Color */
table,
th,
td {
    border: 1px solid #e0e0e0;
}

/* Button Color */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    color: #fff;
    background: #00a69c;
    border-radius: 3px;
}

/* Button Hover Color */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #00958c;
}

/* Input Color */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"],
textarea {
    color: #666;
    border: 1px solid #ccc;
}

/* Input Focus Color */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
    color: #111;
}

/* Background Color */
body {
    background: #e8e8e8;
}

/* Site Logo */
.site-logo {
    margin: -1.75em 0 0;
}

/* Site Widgets */
.header-area-custom .site-widgets {
    padding: 10px;
}

/* Custom Header */
.header-area-custom {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header-area-custom .site-logo {
    margin-top: -1em;
}

.header-area-custom .site-branding {
    padding: 1.75em;
    min-height: 150px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* Tagline Color */
.site-branding hgroup {
    color: #222;
}

/* Content Color */
.site-content {
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* Footer Color */
.site-footer {
    background: #2b353e;
    color: #fff;
}

.site-footer .sp-data-table {
    color: #222;
}

.site-footer .footer-widget-region {
    padding: 20px;
}

.site-footer .widget_recent_entries ul li:before,
.site-footer .widget_pages ul li:before,
.site-footer .widget_categories ul li:before,
.site-footer .widget_archive ul li:before,
.site-footer .widget_recent_comments ul li:before,
.site-footer .widget_nav_menu ul li:before,
.site-footer .widget_links ul li:before,
.site-footer .widget_meta ul li:before {
    color: inherit;
}

/* Footer Logo */
.site-footer .footer-logo {
    padding: 20px;
}

/* Info Link Color */
.site-info {
    color: #8b8b8b;
}

.site-info a,
.site-info a:hover {
    color: #8b8b8b;
}

/* Link Color */
a {
    color: #00a69c;
}

/* Link Hover Color */
a:hover {
    color: #00958c;
}

/* Menu Color */
.main-navigation {
    background: #2b353e;
}

/* Menu Link Color */
.main-navigation a {
    color: rgba(255, 255, 255, 0.7);
}

/* Menu Toggle */
.main-navigation .menu-toggle {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
    outline: none;
}
.main-navigation.toggled .menu-toggle {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

/* Menu Active Link Color */
.main-navigation .nav-menu > .current-menu-item > a,
.main-navigation .nav-menu > .current-menu-parent > a,
.main-navigation .nav-menu > .current-menu-ancestor > a,
.main-navigation .nav-menu > .current_page_item > a,
.main-navigation .nav-menu > .current_page_parent > a,
.main-navigation .nav-menu > .current_page_ancestor > a {
    color: #fff;
}

/* Menu Hover Link Color */
.main-navigation .nav-menu > li:hover > a {
    color: #fff;
    background: #00a69c;
}

/* Menu Hover With Submenu Link Color */
.main-navigation .nav-menu > .menu-item-has-children:hover > a {
    color: #222;
    background: #fff;
}

/* Nested Menu Color */
.main-navigation ul ul {
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* Nested Menu Link Color */
.main-navigation ul ul a {
    color: #222;
}

/* Nested Menu Active Link Color */
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current-menu-parent > a,
.main-navigation ul ul .current-menu-ancestor > a,
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current_page_parent > a,
.main-navigation ul ul .current_page_ancestor > a {
    color: #00a69c;
}

/* Nested Menu Hover With Submenu Link Color */
.main-navigation ul ul li:hover > a {
    background: rgba(0, 0, 0, 0.05);
}

/* Menu Search */
.main-navigation .search-form .search-field {
    padding: 9px 10px;
    border: none;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.main-navigation .search-form .search-submit {
    padding: 0.625em 20px;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

.main-navigation .search-form .search-submit:hover {
    color: #fff;
    background: #00a69c;
}

/* Widgets */
.widget {
    font-size: 14px;
}

/* Search Form & Widget */
.search-form .search-field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    -webkit-appearance: none;
}

.search-form .search-submit {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 39px;
}

/* Widget List Icon Color */
.widget_recent_entries ul li:before,
.widget_pages ul li:before,
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_recent_comments ul li:before,
.widget_nav_menu ul li:before,
.widget_links ul li:before,
.widget_meta ul li:before {
    color: #222;
}

/* Widget List Link Color */
.widget_recent_entries ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_recent_comments ul li a,
.widget_nav_menu ul li a,
.widget_links ul li a,
.widget_meta ul li a {
    color: #a3a3a3;
}

/* Widget List Link Hover Color */
.widget_recent_entries ul li a:hover,
.widget_pages ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_links ul li a:hover,
.widget_meta ul li a:hover {
    color: #00a69c;
}

/* Calendar Widget Today Color */
.widget_calendar #today {
    background: #fff;
}

/* Calendar Widget Pagination Color */
.widget_calendar #prev a,
.widget_calendar #next a {
    color: #a3a3a3;
}

/* Calendar Widget Pagination Hover Color */
.widget_calendar #prev a:hover,
.widget_calendar #next a:hover {
    color: #00a69c;
}

.entry-details {
    margin-bottom: 1.25em;
}

.entry-meta,
.posted-on {
    font-size: 14px;
    padding: 0.125em 0.375em;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.entry-meta {
    float: right;
    margin-bottom: 3px;
}

.posted-on {
    float: left;
    margin-bottom: 3px;
}

.entry-meta a,
.posted-on a,
.entry-meta a:hover,
.posted-on a:hover {
    color: inherit;
}

.entry-footer a {
    color: #fff;
    background: #00a69c;
    padding: 0.125em 0.375em;
    opacity: 1;
}

.entry-footer a:hover {
    color: #fff;
    background: #00887e;
}

.nav-links a {
    color: #a3a3a3;
}

.nav-links .meta-nav {
    color: #fff;
    background: #00a69c;
}

.nav-links .meta-nav:hover {
    background: #00958c;
}

/* Title Font */
.entry-title,
.page-title {
    text-transform: none;
}

.entry-title a,
a .entry-title,
.page-title a,
a .page-title,
.entry-title a:hover,
a:hover .entry-title,
.page-title a:hover,
a:hover .page-title:hover {
    color: #222;
}

.sticky .entry-title:before {
    color: #00a69c;
}

.single-article .entry-title {
    margin-bottom: 0;
}

/* Entry Thumbnail */
.entry-header .entry-thumbnail {
    background: #111;
}

/* Comments */
.comment-metadata a {
    color: #a3a3a3;
}

.comment-metadata a:hover {
    color: #00a69c;
}

.comment-body .reply a {
    color: #a3a3a3;
}

.comment-body .reply a:hover {
    color: #00a69c;
}

/* Galleries */
.wp-caption-text {
    color: #a3a3a3;
}

.gallery-caption,
.wp-caption-text.gallery-caption {
    color: #fff;
    background: rgba(0,0,0,0.5);
}

.gallery-caption a,
.wp-caption-text.gallery-caption {
    color: #fff;
}

/* SportsPress */
.sp-view-all-link {
    color: #a3a3a3;
}

.sp-view-all-link:hover {
    color: #00a69c;
}

.sp-highlight {
    background: #fff;
}

.sp-heading {
    background: #2b353e;
    color: #fff;
}

.sp-heading:hover,
.sp-heading a:hover {
    color: #fff;
}

.sp-table-caption {
    color: #fff;
    background: #2b353e;
    border-top: 8px solid #00a69c;
    padding: 0.625em 15px;
}

.sp-template-event-performance-icons tbody td {
    padding: 0.3125em 0.625em;
}

.sp-event-staff {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.sp-table-wrapper .dataTables_paginate {
    background: #f4f4f4;
    color: #a3a3a3;
    border: 1px solid #e0e0e0;
}

.sp-tab-menu {
    border-bottom: 1px solid #e0e0e0;
}

.sp-tab-menu-item a {
    border-bottom: 4px solid transparent;
    margin: 0 5px -1px;
    padding: 5px;
}

.sp-tab-menu-item-active a {
    border-bottom-color: #00a69c;
}

.sp-message {
    color: #00a69c;
    border-color: #00a69c;
    border-radius: 3px;
}

.sp-template-countdown .event-name {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    padding: 0.635em 15px;
    color: #222;
}

.sp-template-countdown .event-name a {
    color: #222;
}

.sp-template-countdown .event-name,
.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown .event-date {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown .event-date {
    border-top: none;
}

.sp-template-countdown .event-venue,
.sp-template-countdown .event-league,
.sp-template-countdown .event-date {
    font-weight: normal;
}

.sp-template-countdown time span {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #f4f4f4;
}

.sp-template-countdown time span:first-child {
    border-left: 1px solid #e0e0e0;
}

.sp-template-event-logos .sp-team-result {
    color: #fff;
    background: #00a69c;
}

.sp-template-event-venue .sp-google-map {
    margin: 0 -1px;
}

.sp-template-event-calendar #today {
    background: #fff;
}

.sp-template-event-calendar #prev a,
.sp-template-event-calendar #next a {
    color: #a3a3a3;
}

.sp-template-event-calendar #prev a:hover,
.sp-template-event-calendar #next a:hover {
    color: #00a69c;
}

.sp-template-event-blocks .event-title {
    color: #222;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.sp-template-event-blocks .event-title a {
    color: #222;
}

.sp-template-event-blocks .event-results,
.sp-template-event-blocks .event-time {
    text-transform: none;
}

.sp-template-event-blocks .sp-event-date a,
.sp-template-event-blocks .sp-event-results a {
    color: inherit;
}

.sp-template-details dl {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.sp-template-gallery .gallery-caption {
    background: #2b353e;
}

.sp-template-gallery .gallery-item strong {
    background: #00a69c;
}

.sp-template-post-content th,
.sp-template-post-content td {
    font-size: inherit;
    text-align: inherit;
}

.sp-tweets {
    border: 1px solid #e0e0e0;
    border-top: none;
}

.sp-footer-sponsors .sp-sponsors {
    border-top: 1px solid #e0e0e0;
}

.sp-template-tournament-bracket .sp-result {
    color: #fff;
    background: #00a69c;
}

.sp-template-tournament-bracket .sp-event-title:hover .sp-result {
    background: #00958c;
}

.sp-template-tournament-bracket .sp-event-venue {
    color: #a3a3a3;
}

.sp-header-scoreboard .sp-template-scoreboard {
    margin: 0;
}

.single-sp_team .has-post-thumbnail .entry-header .entry-title {
    float: left;
}

.single-sp_team .has-post-thumbnail .sp-excerpt {
    clear: left;
}

.single-sp_player .entry-header .entry-title strong {
    background: #00a69c;
    color: #fff;
}

.single-sp_staff .entry-header .entry-title strong {
    color: #00a69c;
}

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
    background: #f4f4f4;
    border-bottom: 1px solid #e0e0e0;
}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    color: #222;
}

/* BuddyPress */
#buddypress div.item-list-tabs ul li a {
    color: #a3a3a3;
    border: 1px solid transparent;
}

#buddypress div.item-list-tabs ul li a:hover {
    color: #00a69c;
}

#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a {
    color: #222;
    background: #f4f4f4;
    border-color: #e0e0e0;
}

#buddypress div.item-list-tabs ul li.current a span,
#buddypress div.item-list-tabs ul li.selected a span {
    background: #e0e0e0;
}

#buddypress div.item-list-tabs {
    border-bottom: 1px solid #e0e0e0;
}

/* Mega Slider */
.mega-slider {
    margin: 0;
}

.mega-slider__row--active,
.mega-slider__row--active:hover {
    background: #00a69c;
}

/* Media Queries */
@media screen and (max-width: 600px) {
    .main-navigation .nav-menu > li:hover > a,
    .main-navigation ul ul li.page_item_has_children:hover > a {
        color: #fff;
        background: transparent;
    }

    .main-navigation .nav-menu li a:hover {
        color: #fff;
        background: #00a69c;
    }

    .main-navigation ul ul {
        background: rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
    }

    .main-navigation ul ul a {
        color: #fff;
        color: rgba(255, 255, 255, 0.7);
    }

    .main-navigation .search-form .search-submit {
        color: #fff;
        background: #00a69c;
    }
}

@media screen and (min-width: 601px) {
    .site-logo {
        margin: -1em 10px -1em 0;
    }

    .header-area-custom .site-widgets {
        padding: 20px;
    }

    /* Vertical Widget Divider Color */
    .content-area,
    .widecolumn {
        width: 66%;
        padding: 20px;
    }

    .content-area-full-width,
    .content-area-no-sidebar,
    .widecolumn {
        width: 100%;
        border: 0;
    }
    
    .content-area-right-sidebar {
        box-shadow: 1px 0 0 #e0e0e0;
    }
    
    .content-area-left-sidebar {
        left: 34%;
        box-shadow: -1px 0 0 #e0e0e0;
    }
    
    .content-area-double-sidebar {
    	width: 52%;
        left: 24%;
        box-shadow: 1px 0 0 #e0e0e0, -1px 0 0 #e0e0e0;
    }

    .widget-area {
        width: 34%;
        padding: 20px;
    }
    
    .widget-area-right {
        box-shadow: inset 1px 0 0 #e0e0e0;
    }
    
    .widget-area-left {
        box-shadow: inset -1px 0 0 #e0e0e0;
        right: 66%;
    }

    .widget-area-narrow {
        width: 24%;
    }
    
    .widget-area-left.widget-area-narrow {
        right: 52%;
    }

    .single-post .has-post-thumbnail .entry-header .entry-title,
    .page .has-post-thumbnail .entry-header .entry-title {
        position: absolute;
        bottom: 36px;
        padding: 0 0.5em;
        background: #fff;
    }

    .entry-header img {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 801px) {
    .sp-has-venue.sp-has-results .sp-section-content .sp-template-event-venue .sp-google-map {
        height: 164px;
    }

    .site-footer .footer-widget-region {
        padding-left: 10px;
    }

    .site-footer .footer-widget-region:first-child {
        padding-left: 20px;
        padding-right: 10px;
    }

    .site-footer .footer-widget-region:last-child {
        padding-left: 0;
        padding-right: 20px;
    }
}

@media screen and (min-width: 1025px) {
    .header-area-custom .site-branding {
        padding: 1.75em;
    }
}

@media screen and (max-width: 1199px) {
    .social-sidebar {
        box-shadow: inset 0 1px 0 #e0e0e0;
    }
}

@media screen and (min-width: 1200px) {
    .social-sidebar {
        top: 178px;
    }
}

.rz-tabs-nav{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:30px;
}

.rz-tabs-nav button{
    padding:12px 22px;
    border:1px solid #00529B;
    cursor:pointer;
    background:#EAF3FC;
    color:#00529B;
    border-radius:6px;
    transition:all .2s ease;
    font-weight:600;
}

.rz-tabs-nav button:hover{
    background:#d8eafb;
}

.rz-tabs-nav button.active{
    background:#00529B;
    color:#fff;
}

.rz-tab{
    display:none;
}

.rz-tab.active{
    display:block;
}


@media(max-width:768px){

.columnas{

    flex-direction:column;

}

}

.entry-details, .entry-footer, .post-navigation {
	display: none;
}

/* CONTENEDOR */

.columnas{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

.rz-card{
    flex:1;
    background:#fff;
    border:1px solid #dfe6ee;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.rz-card h3{
    margin:0;
    padding:14px 18px;
    background:#2b353e;
    color:#fff;
    font-size:16px;
    font-weight:400;
	border-top: 8px solid #013790;
}

/* TABLAS */

.rz-table{
    width:100%;
    border-collapse:collapse;
    font-size:15px;
	margin: 0!important;
}

.rz-table th{
    padding:12px 16px;
    background:#f3f7fb;
    color:#00529B;
    text-align:left;
    font-weight:700;
    border-bottom:2px solid #dce9f5;
}

.rz-table td{
    padding:11px 16px;
    border-bottom:1px solid #ececec;
}

.rz-table tbody tr:nth-child(even){
    background:#fafafa;
}

.rz-table tbody tr:hover{
    background:#eef6ff;
}

.rz-table tr:last-child td{
    border-bottom:none;
}

.rz-table td:first-child{
    font-weight:600;
    color:#222;
}

.rz-table td:nth-child(2){
    color:#666;
}

.rz-table th:last-child,
.rz-table td:last-child{
    width:120px;
    min-width:120px;
    text-align:left;
    font-weight:600;
    color:#00529B;
    white-space:nowrap;
}

@media(max-width:768px){

    .columnas{
        flex-direction:column;
    }

    .rz-card{
        width:100%;
    }

}

.gallery-caption {
	background: #2b353e!important;
	padding: 10px 0!important;
}

.home .entry-title {
	display: none;
}
.footer-area a {
	color: white;
}
.site-logo {
    margin: 0 10px 0 0!important;
}

/* =========================================================
   CUANDO FUIMOS LOS MEJORES
   HOME
========================================================= */

.home .content-area {
	padding: 0!important;
}

.cfml-home {
    --cfml-dark: #27343d;
    --cfml-dark-2: #1e2931;
    --cfml-yellow: #f3c928;
    --cfml-red: #d52b27;
    --cfml-light: #f5f5f3;
    --cfml-white: #ffffff;
    --cfml-text: #30343a;
    --cfml-muted: #747b80;

    color: var(--cfml-text);
    font-family: inherit;
    line-height: 1.65;
}


/* =========================================================
   RESET
========================================================= */

.cfml-home *,
.cfml-home *::before,
.cfml-home *::after {
    box-sizing: border-box;
}

.cfml-home img {
    max-width: 100%;
    height: auto;
}

.cfml-home a {
    text-decoration: none;
}


/* =========================================================
   HERO
========================================================= */

.cfml-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: var(--cfml-dark);
}

.cfml-hero-image {
    position: absolute;
    inset: 0;
}

.cfml-hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(20, 29, 36, .94) 0%,
            rgba(20, 29, 36, .78) 35%,
            rgba(20, 29, 36, .15) 75%,
            rgba(20, 29, 36, .05) 100%
        );
}

.cfml-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.75);
}

.cfml-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 100px 45px 85px;
    color: white;
}

.cfml-kicker,
.cfml-section-mini {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.cfml-kicker {
    color: var(--cfml-yellow);
    margin-bottom: 15px;
}

.cfml-hero h1 {
    margin: 0;
    max-width: 750px;
    color: white;
    font-size: clamp(42px, 6vw, 78px);
    line-height: .98;
    font-weight: 900;
    letter-spacing: -2px;
}

.cfml-hero-subtitle {
    max-width: 680px;
    margin: 25px 0 10px;
    font-size: clamp(20px, 2.5vw, 30px);
    line-height: 1.2;
    font-weight: 700;
    color: white;
}

.cfml-hero-text {
    max-width: 650px;
    margin: 15px 0 30px;
    color: rgba(255,255,255,.82);
    font-size: 16px;
}

.cfml-hero-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}


/* =========================================================
   BUTTONS
========================================================= */

.cfml-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
    transition: all .25s ease;
}

.cfml-btn-primary {
    color: #202830;
    background: var(--cfml-yellow);
}

.cfml-btn-primary:hover {
    color: #202830;
    background: white;
    transform: translateY(-2px);
}

.cfml-btn-secondary {
    color: white;
    border: 1px solid rgba(255,255,255,.5);
}

.cfml-btn-secondary:hover {
    color: var(--cfml-dark);
    background: white;
}

.cfml-btn-light {
    color: var(--cfml-dark);
    background: white;
}

.cfml-btn-light:hover {
    color: var(--cfml-dark);
    background: var(--cfml-yellow);
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.cfml-intro,
.cfml-explore,
.cfml-seo,
.cfml-blog {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 45px;
}

.cfml-section-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 45px;
    color: var(--cfml-dark);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.cfml-section-label span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--cfml-dark);
    background: var(--cfml-yellow);
    font-size: 11px;
    letter-spacing: 0;
}


/* =========================================================
   INTRO
========================================================= */

.cfml-intro {
    border-bottom: 1px solid #e4e4e2;
}

.cfml-intro-grid,
.cfml-seo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
}

.cfml-intro h2,
.cfml-seo h2 {
    margin: 0;
    color: var(--cfml-dark);
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.cfml-intro-text p,
.cfml-seo p {
    margin: 0 0 18px;
    font-size: 16px;
    color: #555c61;
}

.cfml-text-link {
    display: inline-block;
    margin-top: 12px;
    color: var(--cfml-dark);
    font-weight: 800;
    border-bottom: 2px solid var(--cfml-yellow);
    transition: all .2s ease;
}

.cfml-text-link:hover {
    color: #000;
    border-color: var(--cfml-red);
}


/* =========================================================
   EXPLORE
========================================================= */

.cfml-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 45px;
}

.cfml-section-heading h2 {
    margin: 8px 0 0;
    color: var(--cfml-dark);
    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.cfml-section-heading > p {
    max-width: 430px;
    margin: 0;
    color: var(--cfml-muted);
}

.cfml-section-mini {
    color: var(--cfml-red);
}


.cfml-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.cfml-card {
    position: relative;
    min-height: 275px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: white;
    background: var(--cfml-dark);
    transition: transform .25s ease, box-shadow .25s ease;
}

.cfml-card::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -45px;
    top: -45px;
    border-radius: 50%;
    background: rgba(243,201,40,.12);
}

.cfml-card:hover {
    color: white;
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
}

.cfml-card-number {
    position: relative;
    z-index: 2;
    font-size: 12px;
    font-weight: 800;
    opacity: .55;
}

.cfml-card-icon {
    margin-top: 35px;
    font-size: 28px;
    color: var(--cfml-yellow);
}

.cfml-card h3 {
    margin: 15px 0 10px;
    color: white;
    font-size: 23px;
    line-height: 1.1;
}

.cfml-card p {
    margin: 0;
    color: rgba(255,255,255,.68);
    font-size: 14px;
    line-height: 1.55;
}

.cfml-card-link {
    margin-top: auto;
    padding-top: 25px;
    color: var(--cfml-yellow);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
}
.cfml-card-link:hover {
	color: white!important;
}

.cfml-home .cfml-quote{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:420px!important;margin:0!important;padding:90px 100px!important;background:#fff!important;overflow:hidden!important;text-align:center!important}.cfml-home .cfml-quote-mark{position:absolute!important;left:55px!important;top:65px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:#0646a8!important;font-size:110px!important;font-weight:700!important;line-height:.6!important;z-index:1!important}.cfml-home .cfml-quote-content{position:relative!important;display:block!important;width:100%!important;margin:0 auto!important;padding:0!important;text-align:center!important;z-index:2!important}.cfml-home .cfml-quote-main{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#263640!important;font-family:Arial,Helvetica,sans-serif!important;font-size:42px!important;font-style:italic!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-1px!important;text-align:center!important;white-space:normal!important}.cfml-home .cfml-quote-highlight{display:block!important;width:100%!important;margin:8px 0 0!important;padding:0!important;color:#d62d29!important;font-family:Arial,Helvetica,sans-serif!important;font-size:38px!important;font-style:italic!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.8px!important;text-align:center!important;white-space:normal!important}.cfml-home .cfml-quote-content p{display:block!important;width:100%!important;margin:24px 0 0!important;padding:0!important;color:#687278!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important}@media screen and (max-width:800px){.cfml-home .cfml-quote{min-height:360px!important;padding:80px 45px!important}.cfml-home .cfml-quote-mark{left:20px!important;top:45px!important;font-size:80px!important}.cfml-home .cfml-quote-main{font-size:32px!important}.cfml-home .cfml-quote-highlight{font-size:29px!important}}@media screen and (max-width:500px){.cfml-home .cfml-quote{min-height:350px!important;padding:75px 22px 55px!important}.cfml-home .cfml-quote-mark{left:15px!important;top:35px!important;font-size:65px!important}.cfml-home .cfml-quote-main{font-size:27px!important;line-height:1.12!important}.cfml-home .cfml-quote-highlight{font-size:24px!important;line-height:1.12!important}.cfml-home .cfml-quote-content p{margin-top:20px!important;font-size:12px!important}}body .cfml-home section.cfml-quote{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;width:100%!important;min-height:380px!important;margin:0!important;padding:70px 40px!important;background:#fff!important;text-align:center!important;overflow:hidden!important}body .cfml-home .cfml-quote-mark{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 20px!important;padding:0!important;color:#f3c928!important;background:none!important;font-size:72px!important;font-weight:700!important;line-height:.55!important;text-align:center!important}body .cfml-home .cfml-quote-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:850px!important;margin:0 auto!important;padding:0!important;text-align:center!important}body .cfml-home .cfml-quote-main{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#263640!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important;font-size:38px!important;font-style:italic!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.8px!important;text-align:center!important}body .cfml-home .cfml-quote-highlight{display:block!important;width:100%!important;margin:8px 0 0!important;padding:0!important;color:#d62d29!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important;font-size:34px!important;font-style:italic!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.6px!important;text-align:center!important}body .cfml-home .cfml-quote-content p{display:block!important;width:100%!important;margin:22px 0 0!important;padding:0!important;color:#687278!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-align:center!important}@media(max-width:700px){body .cfml-home section.cfml-quote{min-height:340px!important;padding:60px 25px!important}body .cfml-home .cfml-quote-mark{font-size:60px!important;margin-bottom:18px!important}body .cfml-home .cfml-quote-main{font-size:29px!important;line-height:1.12!important}body .cfml-home .cfml-quote-highlight{font-size:26px!important;line-height:1.12!important}body .cfml-home .cfml-quote-content p{font-size:12px!important;margin-top:20px!important}}@media(max-width:420px){body .cfml-home section.cfml-quote{min-height:330px!important;padding:55px 20px!important}body .cfml-home .cfml-quote-mark{font-size:52px!important}body .cfml-home .cfml-quote-main{font-size:25px!important}body .cfml-home .cfml-quote-highlight{font-size:22px!important}}

/* =========================================================
   SEASONS
========================================================= */

.cfml-seasons {
    background: var(--cfml-dark);
    color: white;
}

.cfml-seasons-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 45px;
}

.cfml-section-label-light {
    color: white;
}

.cfml-section-label-light span {
    color: var(--cfml-dark);
}

.cfml-seasons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.cfml-seasons h2 {
    margin: 0 0 20px;
    color: white;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1;
    letter-spacing: -1.5px;
}

.cfml-seasons p {
    max-width: 500px;
    color: rgba(255,255,255,.68);
    font-size: 16px;
    margin-bottom: 30px;
}

.cfml-season-list {
    border-top: 1px solid rgba(255,255,255,.2);
}

.cfml-season-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
    color: white;
    border-bottom: 1px solid rgba(255,255,255,.2);
    transition: padding .2s ease;
}

.cfml-season-list a:hover {
    padding-left: 10px;
    color: var(--cfml-yellow);
}

.cfml-season-list span {
    font-size: 14px;
    font-weight: 800;
}

.cfml-season-list strong {
    font-size: 13px;
    font-weight: 500;
    text-align: right;
}



/* =========================================================
   SEO
========================================================= */

.cfml-seo {
    border-top: 1px solid #e4e4e2;
}

.cfml-seo-grid {
    gap: 90px;
}


/* =========================================================
   BLOG
========================================================= */

.cfml-blog {
    border-top: 1px solid #e4e4e2;
}

.cfml-blog-placeholder {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    text-align: center;
    background:
        linear-gradient(
            135deg,
            #f1f1ef 0%,
            #fafafa 100%
        );
}

.cfml-blog-placeholder span {
    color: var(--cfml-red);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.cfml-blog-placeholder h3 {
    margin: 10px 0 0;
    color: var(--cfml-dark);
    font-size: 28px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.cfml-final {
    position: relative;
    overflow: hidden;
    padding: 110px 45px;
    color: white;
    text-align: center;
    background: var(--cfml-dark);
}

.cfml-final::before,
.cfml-final::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.cfml-final::before {
    width: 350px;
    height: 350px;
    left: -180px;
    bottom: -200px;
    background: rgba(243,201,40,.08);
}

.cfml-final::after {
    width: 300px;
    height: 300px;
    right: -150px;
    top: -160px;
    background: rgba(213,43,39,.12);
}

.cfml-final > div {
    position: relative;
    z-index: 2;
}

.cfml-final .cfml-section-mini {
    color: var(--cfml-yellow);
}

.cfml-final h2 {
    margin: 15px 0;
    color: white;
    font-size: clamp(40px, 5vw, 65px);
    line-height: 1;
    letter-spacing: -2px;
}

.cfml-final p {
    margin: 0 0 30px;
    color: rgba(255,255,255,.65);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .cfml-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .cfml-intro-grid,
    .cfml-seo-grid,
    .cfml-seasons-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .cfml-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .cfml-hero {
        min-height: 600px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .cfml-hero {
        min-height: 650px;
    }

    .cfml-hero-image::after {
        background:
            linear-gradient(
                0deg,
                rgba(20,29,36,.97) 0%,
                rgba(20,29,36,.75) 55%,
                rgba(20,29,36,.15) 100%
            );
    }

    .cfml-hero-content {
        padding: 60px 25px 50px;
    }

    .cfml-hero h1 {
        font-size: 45px;
    }

    .cfml-intro,
    .cfml-explore,
    .cfml-seo,
    .cfml-blog,
    .cfml-seasons-inner {
        padding: 65px 25px;
    }

    .cfml-cards {
        grid-template-columns: 1fr;
    }

    .cfml-card {
        min-height: 300px;
    }

    .cfml-season-list a {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .cfml-season-list strong {
        text-align: left;
    }

    .cfml-quote {
        padding: 80px 25px;
    }

    .cfml-quote blockquote {
        font-size: 34px;
    }

    .cfml-final {
        padding: 80px 25px;
    }

}