/* 1. BUTTONS 2. ELEMENTS LIBRARY 3. BASIC THEME STUFF 4. FACETS (FACETS WP) 5. FORMS 6. SSO STUFF 7. PROTECTED CONTENT (CONTENT RESTRICTION) */ /*************************************************************/ /************************** BUTTONS **************************/ /*************************************************************/ /* DEFAULT BUTTON */ .fl-page-content button, .fl-page-content .button, .fl-page-content .fl-button { display: inline-block; } .fl-page button, .fl-page .button, a.button, .fl-page input[type=button], .fl-page input[type=submit], .fl-page .fl-builder-content a.fl-button, .fl-page .fl-builder-content a.fl-button:visited, .fl-page .wp-block-button__link { border: 1px solid rgba(0, 0, 0, 0.20); border-radius: 0; padding: 14px 54px; text-decoration: none; text-align: left; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #474747; font-size: 18px; font-weight: 400; color: #FFF; line-height: 1.6; } .fl-page button *, .fl-page .button *, a.button *, .fl-page input[type=button] *, .fl-page input[type=submit] *, .fl-page .fl-builder-content a.fl-button *, .fl-page .fl-builder-content a.fl-button:visited *, .fl-page .wp-block-button__link * { color: #FFF; padding: 0 !important; } .fl-page button:hover, .fl-page .button:hover, a.button:hover, .fl-page input[type=button]:hover, .fl-page input[type=submit]:hover, .fl-page .fl-builder-content a.fl-button:hover, .fl-page .fl-builder-content a.fl-button:visited:hover, .fl-page .wp-block-button__link:hover { color: #FFF; background-color: #010101; } .fl-page button:hover *, .fl-page .button:hover *, .fl-page input[type=button]:hover *, .fl-page input[type=submit]:hover *, .fl-page .fl-builder-content a.fl-button:hover *, .fl-page .fl-builder-content a.fl-button:visited:hover *, .fl-page .wp-block-button__link:hover * { color: #FFF; } .fl-page .invert button, .fl-page .invert .button, .invert a.button, .fl-page .invert input[type=button], .fl-page .invert input[type=submit], .fl-page .fl-builder-content .invert a.fl-button, .fl-page .fl-builder-content .invert a.fl-button:visited, .fl-page .invert .wp-block-button__link { background-color: #FFF; color: #000; } .fl-page .invert button *, .fl-page .invert .button *, .invert a.button *, .fl-page .invert input[type=button] *, .fl-page .invert input[type=submit] *, .fl-page .fl-builder-content .invert a.fl-button *, .fl-page .fl-builder-content .invert a.fl-button:visited *, .fl-page .invert .wp-block-button__link * { color: #000; } .fl-page .invert button:hover, .fl-page .invert .button:hover, .invert a.button:hover, .fl-page .invert input[type=button]:hover, .fl-page .invert input[type=submit]:hover, .fl-page .fl-builder-content .invert a.fl-button:hover, .fl-page .fl-builder-content .invert a.fl-button:visited:hover, .fl-page .invert .wp-block-button__link:hover { color: #000; background-color: rgba(255, 255, 255, 0.80); } .fl-page .invert button:hover *, .fl-page .invert .button:hover *, .invert a.button:hover *, .fl-page .invert input[type=button]:hover *, .fl-page .invert input[type=submit]:hover *, .fl-page .fl-builder-content .invert a.fl-button:hover *, .fl-page .fl-builder-content .invert a.fl-button:visited:hover *, .fl-page .invert .wp-block-button__link:hover * { color: #000; } /****/ /* GHOST BUTTON */ .fl-page button.ghost-button, .fl-page .button.ghost-button, a.button.ghost-button, .fl-page .ghost-button input[type=button], .fl-page .ghost-button input[type=submit], .fl-page .fl-builder-content .ghost-button a.fl-button, .fl-page .fl-builder-content .ghost-button a.fl-button:visited, .fl-page .ghost-button.wp-block-button__link { border: 1px solid rgba(0, 0, 0, 0.20); background-color: rgba(0,0,0,0); color: #474747; -webkit-transition: all 0.5s; transition: all 0.5s; } .fl-page button.ghost-button *, .fl-page .button.ghost-button *, a.button.ghost-button *, .fl-page .ghost-button input[type=button] *, .fl-page .ghost-button input[type=submit] *, .fl-page .fl-builder-content .ghost-button a.fl-button *, .fl-page .fl-builder-content .ghost-button a.fl-button:visited *, .fl-page .ghost-button.wp-block-button__link * { color: #474747; -webkit-transition: all 0.5s; transition: all 0.5s; } .fl-page button.ghost-button:hover, .fl-page .button.ghost-button:hover, a.button.ghost-button:hover, .fl-page .ghost-button input[type=button]:hover, .fl-page .ghost-button input[type=submit]:hover, .fl-page .fl-builder-content .ghost-button a.fl-button:hover, .fl-page .ghost-button.wp-block-button__link:hover { background-color: #010101; color: #FFF; } .fl-page button.ghost-button:hover *, .fl-page .button.ghost-button:hover *, a.button.ghost-button:hover *, .fl-page .ghost-button input[type=button]:hover *, .fl-page .ghost-button input[type=submit]:hover *, .fl-page .fl-builder-content .ghost-button a.fl-button:hover *, .fl-page .ghost-button.wp-block-button__link:hover * { color: #FFF; } .fl-page .invert button.ghost-button, .fl-page .invert .button.ghost-button, .invert a.button.ghost-button, .fl-page .invert .ghost-button input[type=button], .fl-page .invert.ghost-button input[type=submit], .fl-page .fl-builder-content .invert .ghost-button a.fl-button, .fl-page .fl-builder-content .invert .ghost-button a.fl-button:visited, .fl-page .invert .ghost-button.wp-block-button__link { border: 1px solid rgba(255, 255, 255, 0.20); background-color: transparent; color: #FFF; } .fl-page .invert button.ghost-button:hover, .fl-page .invert .button.ghost-button:hover, .invert a.button.ghost-button:hover, .fl-page .invert .ghost-button input[type=button]:hover, .fl-page .invert .ghost-button input[type=submit]:hover, .fl-page .fl-builder-content .invert .ghost-button a.fl-button:hover, .fl-page .invert .ghost-button.wp-block-button__link:hover { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 0.80); color: #000; } .fl-page .invert button.ghost-button *, .fl-page .invert .button.ghost-button *, .invert a.button.ghost-button *, .fl-page .invert .ghost-button input[type=button] *, .fl-page .invert .ghost-button input[type=submit] *, .fl-page .fl-builder-content .invert .ghost-button a.fl-button *, .fl-page .fl-builder-content .invert .ghost-button a.fl-button:visited *, .fl-page .invert .ghost-button.wp-block-button__link * { color: #FFF; } .fl-page .invert button.ghost-button:hover *, .fl-page .invert .button.ghost-button:hover *, .invert a.button.ghost-button:hover *, .fl-page .invert .ghost-button input[type=button]:hover *, .fl-page .invert .ghost-button input[type=submit]:hover *, .fl-page .fl-builder-content .invert .ghost-button a.fl-button:hover *, .fl-page .invert .ghost-button.wp-block-button__link:hover * { color: #000; } /****/ /* SIMPLE BUTTON */ .fl-page button.simple-button, .fl-page .button.simple-button, a.button.simple-button, .fl-page .simple-button input[type=button], .fl-page .simple-button input[type=submit], .fl-page .fl-builder-content .simple-button a.fl-button, .fl-page .fl-builder-content .simple-button a.fl-button:visited, .fl-page .simple-button.wp-block-button__link { background-color: transparent; border: none; color: #474747; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; justify-content: flex-start; } .fl-page button.simple-button *, .fl-page .button.simple-button *, a.button.simple-button *, .fl-page .simple-button input[type=button] *, .fl-page .simple-button input[type=submit] *, .fl-page .fl-builder-content .simple-button a.fl-button *, .fl-page .fl-builder-content .simple-button a.fl-button:visited *, .fl-page .simple-button.wp-block-button__link * { color: #474747; } .fl-page button.simple-button:hover *, .fl-page .button.simple-button:hover *, a.button.simple-button:hover *, .fl-page .simple-button input[type=button]:hover *, .fl-page .simple-button input[type=submit]:hover *, .fl-page .fl-builder-content .simple-button a.fl-button:hover *, .fl-page .fl-builder-content .simple-button a.fl-button:visited:hover *, .fl-page .simple-button.wp-block-button__link:hover * { color: #000; } .fl-page button.simple-button .fl-button-text::before, .fl-page .button.simple-button .fl-button-text::before, a.button.simple-button .fl-button-text::before, .fl-page .simple-button input[type=button] .fl-button-text::before, .fl-page .simple-button input[type=submit] .fl-button-text::before, .fl-page .fl-builder-content .simple-button a.fl-button .fl-button-text::before, .fl-page .fl-builder-content .simple-button a.fl-button:visited .fl-button-text::before, .fl-page .simple-button.wp-block-button__link .fl-button-text::before, .fl-post-more-link a.button.simple-button .fl-button-text::before { background: transparent; padding-bottom: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M10.5 4.25L15.75 9.5M15.75 9.5L10.5 14.75M15.75 9.5L2.25 9.5' stroke='%23474747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); display: inline-flex; align-items: center; justify-content: center; float: right; margin-left: 14px; margin-top: 3px; } .fl-page button.simple-button:hover .fl-button-text::before, .fl-page .button.simple-button:hover .fl-button-text::before, a.button.simple-button:hover .fl-button-text::before, .fl-page .simple-button input[type=button]:hover .fl-button-text::before, .fl-page .simple-button input[type=submit]:hover .fl-button-text::before, .fl-page .fl-builder-content .simple-button a.fl-button:hover .fl-button-text::before, .fl-page .fl-builder-content .simple-button a.fl-button:visited:hover .fl-button-text::before, .fl-page .simple-button.wp-block-button__link:hover .fl-button-text::before, .fl-post-more-link a.button.simple-button:hover .fl-button-text::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M10.5 4.25L15.75 9.5M15.75 9.5L10.5 14.75M15.75 9.5L2.25 9.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .fl-page .invert button.simple-button .fl-button-text::before, .fl-page .invert .button.simple-button .fl-button-text::before, .invert a.button.simple-button .fl-button-text::before, .fl-page .invert .simple-button input[type=button] .fl-button-text::before, .fl-page .invert .simple-button input[type=submit] .fl-button-text::before, .fl-page .fl-builder-content .invert .simple-button a.fl-button .fl-button-text::before, .fl-page .fl-builder-content .invert .simple-button a.fl-button:visited .fl-button-text::before, .fl-page .invert .simple-button.wp-block-button__link .fl-button-text::before, .fl-post-more-link .invert a.button.simple-button .fl-button-text::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M10.5 4.25L15.75 9.5M15.75 9.5L10.5 14.75M15.75 9.5L2.25 9.5' stroke='%23CCCCCC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .fl-page .invert button.simple-button:hover .fl-button-text::before, .fl-page .invert .button.simple-button:hover .fl-button-text::before, .invert a.button.simple-button:hover .fl-button-text::before, .fl-page .invert .simple-button input[type=button]:hover .fl-button-text::before, .fl-page .invert .simple-button input[type=submit]:hover .fl-button-text::before, .fl-page .fl-builder-content .invert .simple-button a.fl-button:hover .fl-button-text::before, .fl-page .fl-builder-content .invert .simple-button a.fl-button:visited:hover .fl-button-text::before, .fl-page .invert .simple-button.wp-block-button__link:hover .fl-button-text::before, .fl-post-more-link .invert a.button.simple-button:hover .fl-button-text::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M10.5 4.25L15.75 9.5M15.75 9.5L10.5 14.75M15.75 9.5L2.25 9.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .fl-page button.simple-button .fl-button-text::after, .fl-page .button.simple-button .fl-button-text::after, a.button.simple-button .fl-button-text::after, .fl-page .simple-button input[type=button] .fl-button-text::after, .fl-page .simple-button input[type=submit] .fl-button-text::after, .fl-page .fl-builder-content .simple-button a.fl-button .fl-button-text::after, .fl-page .fl-builder-content .simple-button a.fl-button:visited .fl-button-text::after, .fl-page .simple-button.wp-block-button__link .fl-button-text::after, .fl-post-more-link a.button.simple-button .fl-button-text::after { display: block; content: ''; width: 0; right: 0; border-bottom: 1px solid #000; padding-top: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .fl-page .invert button.simple-button, .fl-page .invert .button.simple-button, .invert a.button.simple-button, .fl-page .invert .simple-button input[type=button], .fl-page .invert .simple-button input[type=submit], .fl-page .fl-builder-content .invert .simple-button a.fl-button, .fl-page .fl-builder-content .invert .simple-button a.fl-button:visited, .fl-page .invert .simple-button.wp-block-button__link { background-color: rgba(0,0,0,0); border: none; color: #FFF; -webkit-transition: border-bottom 0.5s; transition: border-bottom 0.5s; padding: 0px; border-bottom: 1px solid rgba(0,0,0,0); } .fl-page .invert button.simple-button *, .fl-page .invert .button.simple-button *, .invert a.button.simple-button *, .fl-page .invert .simple-button input[type=button] *, .fl-page .invert .simple-button input[type=submit] *, .fl-page .fl-builder-content .invert .simple-button a.fl-button *, .fl-page .fl-builder-content .invert .simple-button a.fl-button:visited *, .fl-page .simple-button.wp-block-button__link * { color: #CCCCCC; } .fl-page .invert button.simple-button:hover *, .fl-page .invert .button.simple-button:hover *, .invert a.button.simple-button:hover *, .fl-page .invert .simple-button input[type=button]:hover *, .fl-page .invert .simple-button input[type=submit]:hover *, .fl-page .fl-builder-content .invert .simple-button a.fl-button:hover *, .fl-page .fl-builder-content .invert .simple-button a.fl-button:visited:hover *, .fl-page .simple-button.wp-block-button__link:hover * { color: #FFF; } .fl-page .invert button.simple-button .fl-button-text::after, .fl-page .invert .button.simple-button .fl-button-text::after, a.invert .button.simple-button .fl-button-text::after, .fl-page .invert .simple-button input[type=button] .fl-button-text::after, .fl-page .invert .simple-button input[type=submit] .fl-button-text::after, .fl-page .fl-builder-content .invert .simple-button a.fl-button .fl-button-text::after, .fl-page .fl-builder-content .invert .simple-button a.fl-button:visited .fl-button-text::after, .fl-page .invert .simple-button.wp-block-button__link .fl-button-text::after, .invert .fl-post-more-link a.button.simple-button .fl-button-text::after { border-bottom: 1px solid #FFF; } .fl-page button.simple-button:hover .fl-button-text::after, .fl-page .button.simple-button:hover .fl-button-text::after, a.button.simple-button:hover .fl-button-text::after, .fl-page .simple-button input[type=button]:hover .fl-button-text::after, .fl-page .simple-button input[type=submit]:hover .fl-button-text::after, .fl-page .fl-builder-content .simple-button a.fl-button:hover .fl-button-text::after, .fl-page .simple-button.wp-block-button__link:hover .fl-button-text::after, .fl-page button.simple-button.invert:hover .fl-button-text::after, .fl-page .button.simple-button.invert:hover .fl-button-text::after, a.button.simple-button.invert:hover .fl-button-text::after, .fl-page .invert.simple-button input[type=button]:hover .fl-button-text::after, .fl-page .invert.simple-button input[type=submit]:hover .fl-button-text::after, .fl-page .fl-builder-content .invert.simple-button a.fl-button:hover .fl-button-text::after, .fl-page .invert.simple-button.wp-block-button__link:hover .fl-button-text::after, .fl-post-more-link a.button.simple-button:hover .fl-button-text::after { width: 100%; } /****/ /* ALT BUTTON */ .fl-page button.alt-button, .fl-page .button.alt-button, a.button.alt-button, .fl-page .alt-button input[type=button], .fl-page .alt-button input[type=submit], .fl-page .fl-builder-content .alt-button a.fl-button, .fl-page .fl-builder-content .alt-button a.fl-button:visited, .fl-page .alt-button.wp-block-button__link { border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.20); color: #FFF; -webkit-transition: all 0.5s; transition: all 0.5s; } .fl-page button.alt-button *, .fl-page .button.alt-button *, a.button.alt-button *, .fl-page .alt-button input[type=button] *, .fl-page .alt-button input[type=submit] *, .fl-page .fl-builder-content .alt-button a.fl-button *, .fl-page .fl-builder-content .alt-button a.fl-button:visited *, .fl-page .alt-button.wp-block-button__link * { color: #FFF; -webkit-transition: all 0.5s; transition: all 0.5s; } .fl-page button.alt-button:hover, .fl-page .button.alt-button:hover, a.button.alt-button:hover, .fl-page .alt-button input[type=button]:hover, .fl-page .alt-button input[type=submit]:hover, .fl-page .fl-builder-content .alt-button a.fl-button:hover, .fl-page .alt-button.wp-block-button__link:hover { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 0.80); color: #000; } .fl-page button.alt-button:hover *, .fl-page .button.alt-button:hover *, a.button.alt-button:hover *, .fl-page .alt-button input[type=button]:hover *, .fl-page .alt-button input[type=submit]:hover *, .fl-page .fl-builder-content .alt-button a.fl-button:hover *, .fl-page .alt-button.wp-block-button__link:hover * { color: #000; } /****/ /* BUTTON SIZES */ .fl-page button.larger, .fl-page .button.larger, a.button.larger, .fl-page input[type=button].larger, .fl-page input[type=submit].larger, .fl-page .fl-builder-content .larger a.fl-button, .fl-page .fl-builder-content .larger a.fl-button:visited, .fl-page .wp-block-button__link.larger { padding: 25px 40px; } .fl-page button.smaller, .fl-page .button.smaller, a.button.smaller, .fl-page input[type=button].smaller, .fl-page input[type=submit].smaller, .fl-page .fl-builder-content .smaller a.fl-button, .fl-page .fl-builder-content .smaller a.fl-button:visited, .fl-page .wp-block-button__link.smaller { padding: 5px 8px; } /****/ /*****************************************************************************/ /**************************** ELEMENTS LIBRARY *******************************/ /*****************************************************************************/ /**************************** STATIC GRIDS *******************************/ /* STATIC - CTA */ .content-cta > .fl-col-content { padding: 140px 20px; } .content-cta > .fl-col-content > .fl-module { max-width: 750px; margin: 0 auto; } /****/ /* STATIC - FAQs */ .content-faqs .heading-col > .fl-col-content { max-width: 470px; } /****/ /* STATIC - SPONSORS */ .content-sponsors > .fl-col-content { padding: 100px 10px; } @media screen and (max-width: 992px) { .content-sponsors > .fl-col-content { padding: 50px 0; } } /****/ /* STATIC - FEATURED RIVER */ .river-featured .river-featured-image > .fl-col-content { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 34px; padding: 0 30px 0 20px; } .river-featured .river-featured-image > .fl-col-content > .fl-module-photo { width: 50%; } .river-featured .river-featured-image > .fl-col-content > .fl-module-photo > .fl-module-content { margin: 0; } .river-featured .river-featured-image > .fl-col-content > .fl-module-photo:nth-child(2) > .fl-module-content { margin-top: 150px; } .river-featured .river-featured-image img { aspect-ratio: 1/2; object-fit: cover; } @media screen and (max-width: 992px) { .river-featured .river-featured-image > .fl-col-content { gap: 20px; padding: 0 20px; } .river-featured .river-featured-image > .fl-col-content > .fl-module-photo:nth-child(2) > .fl-module-content { margin-top: 100px; } } @media screen and (max-width: 768px) { .river-featured .river-featured-image > .fl-col-content { padding: 0 20px 40px; } } .river-featured .river-featured-content > .fl-col-content { margin-bottom: 150px; padding: 0 0 0 10px; } @media screen and (max-width: 992px) { .river-featured .river-featured-content > .fl-col-content { margin-bottom: 100px; padding: 0; } } @media screen and (max-width: 768px) { .river-featured .river-featured-content > .fl-col-content { margin-bottom: 0; } } /****/ /* STATIC - CONTAINED RIVER */ .river-contained .river-image-col img { aspect-ratio: 7/6; width: 100%; object-fit: cover; } /****/ /* STATIC - GRID - CARDS */ .grid-cards .fl-col-group:before, .grid-cards .fl-col-group:after { display: none; } .grid-cards .fl-col-group { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; gap: 40px; padding: 0 20px; } .grid-icons .card:not(.unset) > .fl-col-content { display: flex; flex-direction: column; flex-wrap: nowrap; } .grid-cards .card:not(.unset) .fl-module-button { margin-top: auto; margin-bottom: 0; } @media screen and (max-width: 992px) { .grid-cards .fl-col-group { flex-wrap: wrap; } .grid-cards .card { width: 47%; } } @media screen and (max-width: 768px) { .grid-cards .fl-col-group { gap: 20px; } .grid-cards .card { width: 100%; } } /****/ /* STATIC - GRID - CARDS WITH ICONS */ .grid-icons .card:not(.unset) > .fl-col-content { border: 1px solid #EBEBEB; background-color: #FBFBFB; padding: 32px 12px; height: 100%; } /****/ /* STATIC - GRID - CARDS WITH IMAGES */ .grid-images .card:not(.unset) .fl-module > .fl-module-content { margin-right: 0; margin-left: 0; } .grid-images .card:not(.unset) img { aspect-ratio: 6/5; width: 100%; object-fit: cover; } /****/ /* STATIC - BIG FEATURED */ .big-featured > .fl-row-content-wrap { display: flex; align-items: flex-end !important; padding: 60px 95px; aspect-ratio: 4/2; position: relative; } .big-featured > .fl-row-content-wrap::after { background: radial-gradient(113.71% 71.26% at 30.62% 84.45%, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%); border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } @media screen and (max-width: 992px) { .big-featured > .fl-row-content-wrap { margin-top: 100px; padding: 100px 10px 50px; aspect-ratio: auto; } } @media screen and (max-width: 768px) { .big-featured > .fl-row-content-wrap::after { background: radial-gradient(128.71% 132.26% at 38.62% 63.45%, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%); } } .big-featured .content-col { position: relative; z-index: 1; } .big-featured .content-col > .fl-col-content { max-width: 660px; margin: 0 auto 0 0; } .big-featured .fl-module-rich-text p { color: #FFF; } /****/ /**************************** MODULES *******************************/ /* MODULE - GALLERY */ .fl-module-gallery .fl-photo-content img { aspect-ratio: 1/1; object-fit: cover; } /**/ /* MODULE - TESTIMONIAL */ .fl-module-testimonials > .fl-module-content { margin: 100px 40px !important; } @media screen and (max-width: 768px) { .fl-module-testimonials > .fl-module-content { margin: 50px 20px !important; } } .fl-module-testimonials .fl-testimonials-wrap { max-width: 740px; margin: 0 auto; } .fl-module-testimonials .fl-testimonial { text-align: center; } .fl-module-testimonials .fl-testimonial p { margin: 0; } .fl-module-testimonials .fl-testimonial p:first-of-type:not(:only-of-type) { margin-bottom: 40px; } .fl-module-testimonials .fl-testimonial p:not(:only-of-type) strong { color: #474747; font-family: "Playfair Display", serif; font-size: 36px; font-weight: 400; line-height: 1.2; } .fl-module-testimonials .fl-testimonial p:last-of-type:not(:only-of-type) { color: #474747; font-family: "Playfair Display", serif; font-size: 20px; font-weight: 400; line-height: 1.2; margin-top: 8px; } .fl-module-testimonials .bx-wrapper .bx-pager { bottom: -50px; } /****/ /* MODULE - ACCORDION */ .fl-module-accordion .fl-accordion-item { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.20); background: transparent; margin-bottom: 20px; } .fl-module-accordion .fl-accordion-item:last-child { margin-bottom: 0; } .fl-module-accordion .fl-accordion-button { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 16px; } .fl-module-accordion .fl-accordion-button .fl-accordion-button-label { color: rgba(0, 0, 0, 0.70); font-weight: 400; line-height: 1.6; } .fl-module-accordion .fl-accordion-button .fl-accordion-button-icon { opacity: 1; } .fl-module-accordion .fl-accordion-item .fl-accordion-button .fl-accordion-button-icon::after { content: ''; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.35147 9.2515C6.8201 8.78287 7.5799 8.78287 8.04853 9.2515L12 13.203L15.9515 9.2515C16.4201 8.78287 17.1799 8.78287 17.6485 9.2515C18.1172 9.72013 18.1172 10.4799 17.6485 10.9486L12.8485 15.7486C12.3799 16.2172 11.6201 16.2172 11.1515 15.7486L6.35147 10.9486C5.88284 10.4799 5.88284 9.72013 6.35147 9.2515Z' fill='black'/%3E%3C/svg%3E"); width: 24px; height: 24px; } .fl-module-accordion .fl-accordion-item-active .fl-accordion-button .fl-accordion-button-icon::after { transform: rotate(180deg); } .fl-module-accordion .fl-accordion-button .fl-accordion-button-icon i { display: none; } .fl-module-accordion .fl-accordion-content { padding: 16px; border-top: 1px solid rgba(0, 0, 0, 0.20); } /****/ /* KEEN SLIDER */ .fl-module-y0x-keen-slider .y0x-keen-slider-slide { padding: 0 10px; } .fl-module-y0x-keen-slider .slide-image-inner { border: 1px solid #E4E4E4; padding: 20px; } .fl-module-y0x-keen-slider img { height: 90px; width: 100%; object-fit: contain; } @media screen and (max-width: 992px) { .fl-module-y0x-keen-slider .y0x-keen-slider-slide { padding: 0; } .fl-module-y0x-keen-slider .slide-image-inner { padding: 50px 20px; } } .fl-module-y0x-keen-slider .keen-buttons { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 20px; margin-top: 20px; } .fl-module-y0x-keen-slider .keen-buttons button { border: 1px solid #E4E4E4; background-color: transparent; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L10.5858 10L7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L12.7071 9.29289C13.0976 9.68342 13.0976 10.3166 12.7071 10.7071L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071Z' fill='%23474747'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: auto; } .fl-module-y0x-keen-slider .keen-buttons button:hover { border: 1px solid rgba(0, 0, 0, 0.20); background-color: #010101; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L10.5858 10L7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L12.7071 9.29289C13.0976 9.68342 13.0976 10.3166 12.7071 10.7071L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071Z' fill='%23FBFBFB'/%3E%3C/svg%3E"); } .fl-module-y0x-keen-slider .keen-control-prev { transform: rotate(180deg); padding: 10px 11px 9px 8px; } .fl-module-y0x-keen-slider .keen-control-next { padding: 9px 8px 10px 11px; } /****/ /**************************** DYNAMIC FEEDS AND GRIDS *******************************/ /*****************************************************************************/ /**************************** BASIC THEME STUFF ******************************/ /*****************************************************************************/ /* GROUP BUTTONS */ .fl-module-button-group .fl-button-group-buttons { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 25px; } @media screen and (max-width: 768px) { .fl-module-button-group .fl-button-group-buttons { flex-direction: column; gap: 10px; } } .fl-module-button-group .fl-button-group-buttons > div { padding: 0 !important; } .default-ghost.fl-module-button-group .fl-button-group-buttons > div:nth-child(2):not(:only-of-type) a { border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(2px); } .default-ghost.fl-module-button-group .fl-button-group-buttons > div:nth-child(2):not(:only-of-type) a * { color: #FFF; } .default-ghost.fl-module-button-group .fl-button-group-buttons > div:nth-child(2):not(:only-of-type):hover a { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 0.80); } .default-ghost.fl-module-button-group .fl-button-group-buttons > div:nth-child(2):not(:only-of-type):hover a * { color: #000; } /****/ /* COMMENTS */ .fl-comments { display: none; } /****/ /** FLEXBOX **/ /* FLEX FOR ROWS */ #fl-main-content .fl-builder-content { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 100px; } #fl-main-content .fl-builder-content > .fl-row:not(.banner) { width: 100%; } @media screen and (max-width: 768px) { #fl-main-content .fl-builder-content { gap: 50px; } } /****/ /* CONDITIONALS FOR ROWS */ #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured) > .fl-row-content-wrap { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 768px) { #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured) > .fl-row-content-wrap { padding-top: 0; padding-bottom: 0; } } #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured):first-of-type > .fl-row-content-wrap, #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured):only-of-type > .fl-row-content-wrap { padding-top: 50px; } #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured):last-of-type > .fl-row-content-wrap { margin-bottom: 100px !important; } @media screen and (max-width: 768px) { #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured):first-of-type > .fl-row-content-wrap, #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured):only-of-type > .fl-row-content-wrap { padding-top: 50px; } #fl-main-content .fl-builder-content > .fl-row:not(.banner, .big-featured):last-of-type > .fl-row-content-wrap { margin-bottom: 50px !important; } } #fl-main-content .fl-builder-content > .fl-row.bg-main:not(.banner) > .fl-row-content-wrap, #fl-main-content .fl-builder-content > .fl-row.bg-light:not(.banner) > .fl-row-content-wrap, #fl-main-content .fl-builder-content > .fl-row.bg-dark:not(.banner) > .fl-row-content-wrap { padding-top: 100px; padding-bottom: 100px; } @media screen and (max-width: 768px) { #fl-main-content .fl-builder-content > .fl-row.bg-light:not(.banner) > .fl-row-content-wrap, #fl-main-content .fl-builder-content > .fl-row.bg-medium:not(.banner) > .fl-row-content-wrap, #fl-main-content .fl-builder-content > .fl-row.bg-dark:not(.banner) > .fl-row-content-wrap { padding-top: 50px; padding-bottom: 50px; } } /****/ /********/ /*************************************************************/ /************************** FACETS ***************************/ /*************************************************************/ /*****************************************************************************/ /********************************** FORMS ************************************/ /*****************************************************************************/ /* MAILCHIMP FORM */ #mc_embed_shell #mc_embed_signup { width: 100%; height: 100%; font: 18px "DM Sans", sans-serif; } #mc_embed_shell #mc_embed_signup form { margin: 0; } #mc_embed_shell #mc_embed_signup h2 { color: #474747; font-size: 42px; font-weight: 400; line-height: 1.2; } #mc_embed_shell #mc_embed_signup .mc-field-group label { color: #000; font-family: "DM Sans", sans-serif; font-size: 18px; font-weight: 600; line-height: 1.6; } #mc_embed_shell #mc_embed_signup .mc-field-group input { border: 1px solid #E3E5E8; border-radius: 0; background-color: #FFF; padding: 8px 12px; color: #656F7C; font-size: 16px; font-weight: 400; line-height: 1.8; text-indent: unset; } #mc_embed_shell #mc_embed_signup .button { margin: 0; border: 1px solid rgba(0, 0, 0, 0.20); border-radius: 0; background-color: #474747; padding: 14px 54px; color: #FFF; font-family: "DM Sans", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; height: 100%; } #mc_embed_shell #mc_embed_signup .button:hover { border: 1px solid rgba(0, 0, 0, 0.20); background-color: #010101; } @media screen and (max-width: 768px) { #mc_embed_shell #mc_embed_signup .button { margin-top: 20px; width: 100%; } } /****/ /* GRAVITY FORMS */ .gform_wrapper form { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; width: 100%; gap: 14px; } .gform_wrapper .gform-body { width: 100%; } @media screen and (max-width: 992px) { .gform_wrapper form { flex-direction: column; } } .gform_wrapper .gform_fields { display: flex !important; gap: 14px !important; width: 100% !important; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .gform_wrapper .gfield, .gform_wrapper .gfield .ginput_container, .gform_wrapper .gfield input { width: 100% !important; height: 100% !important; } .gform_wrapper .gfield input { padding: 8px 12px !important; border: 1px solid #E3E5E8; border-radius: 0; background: #FFF; } @media screen and (max-width: 992px) { .gform_wrapper .gform_fields { flex-direction: column; } .gform_wrapper .gfield input { height: 58px !important; } } .gform_wrapper .gform_footer { margin: 0 !important; padding: 0 !important; } .gform_wrapper .gform_footer input { margin: 0 !important; } @media screen and (max-width: 992px) { .gform_wrapper .gform_footer input { width: 100%; text-align: center; } } /****/ /*****************************************************************************/ /******************************* SSO STUFF ***********************************/ /*****************************************************************************/ .sso-account-links span + span { margin-left: 20px; } /*****************************************************************************/ /**************************** PROTECTED CONTENT ******************************/ /*****************************************************************************/ .current-user-is-restricted .fl-post-header { display: none; } .current-user-is-restricted .restricted-content-notice-background { position: relative; } @media (min-width: 769px) { .current-user-is-restricted .restricted-content-notice-background:before { color: transparent; content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pharetra tortor ac velit congue feugiat. Suspendisse maximus justo in ullamcorper pulvinar. Fusce eget ante vel risus commodo hendrerit. Sed et erat porta, rhoncus libero eget, imperdiet eros.\A \ANunc facilisis sagittis elit, at sollicitudin elit ullamcorper eu. Morbi eu neque et nibh vestibulum eleifend. Aenean efficitur pretium massa ut lacinia. Nulla finibus quam quis cursus rhoncus. Donec non egestas justo. Donec iaculis massa ac tortor fermentum finibus. Ut sodales pellentesque fringilla. Sed commodo ipsum vel luctus faucibus. Donec ac nibh ante. Proin lacus lectus, tincidunt a enim vel, aliquet ullamcorper justo. Ut vel condimentum justo.\A \ALorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula sapien ullamcorper lectus scelerisque egestas. Sed porttitor, arcu eget vestibulum maximus, lorem elit facilisis massa, non sodales diam eros vel elit. Quisque eu elit ex. Curabitur ut congue quam, malesuada hendrerit libero. Sed pulvinar, odio at tempor facilisis, nisi justo tincidunt lectus, id sagittis tellus ante ut est.\A \AInteger non quam id tortor aliquam molestie. Donec rutrum efficitur dui sed pretium. Duis lectus risus, faucibus eget sollicitudin eu, consectetur id massa. Nunc mattis sodales tortor ac rutrum. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean arcu lacus, aliquam et sagittis ac, auctor at eros. Etiam non cursus ipsum. Curabitur aliquet, leo et faucibus tincidunt, velit velit faucibus orci, a porttitor nulla mi id nibh.\A \AInteger imperdiet hendrerit lorem vitae lacinia. Praesent eget augue ipsum. Phasellus sit amet massa id nulla posuere condimentum et venenatis leo. Morbi euismod purus eget varius finibus. Nunc eget accumsan tortor. Quisque sed sem in mi suscipit fermentum varius a diam. Nulla et ligula vel nulla rutrum pellentesque non ut erat. Quisque ut mattis turpis, ac volutpat tortor. Donec pellentesque condimentum diam, ac mollis risus ornare non. In hac habitasse platea dictumst. Duis in sapien congue, dignissim nisl bibendum, gravida metus. Aliquam euismod odio ex. Etiam suscipit lectus vel leo consequat pellentesque. Mauris tempus, enim vel euismod posuere, felis augue tristique enim, ut pharetra ligula mauris in nulla. Nulla vulputate sed purus nec vestibulum. Integer elit orci, maximus non volutpat vitae, interdum eget nibh.\A \APraesent sagittis dolor in tristique pellentesque. Fusce non turpis sit amet eros tincidunt facilisis eget quis sem. Aliquam ac augue et tellus semper suscipit ut sit amet eros. Vivamus at odio eros. Donec lorem sapien, tincidunt quis faucibus a, convallis quis magna. Cras egestas orci non quam hendrerit, vel pretium magna vehicula. Nulla venenatis imperdiet arcu, a ullamcorper est lobortis ac. In hac habitasse platea dictumst.\A \APraesent fringilla, ante ac vulputate tempor, sapien augue laoreet mi, id gravida sem eros quis mi. Praesent ac metus a erat gravida pellentesque. Vivamus sit amet arcu quis justo semper egestas. Etiam est neque, vehicula et interdum at, interdum sit amet libero. Cras dignissim lorem ut neque mattis congue. Vivamus bibendum rutrum augue, non sodales ligula scelerisque sed. Suspendisse eu dolor et mi scelerisque varius a nec ex. Duis lobortis vel mi iaculis rutrum. Morbi non eros convallis, placerat nulla et, mattis purus.'; display: block; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-shadow: 0 0 8px #333333; white-space: pre-wrap; z-index: 0; } .current-user-is-restricted .restricted-content-notice-background:after { content: ''; position: absolute; top: 0; left: -15px; right: -15px; width: 100%; height: 100%; background: white; background: linear-gradient(180deg, rgba(0, 0, 255, 0) 0%, rgba(0, 0, 255, 0) 50%, white 100%); } .current-user-is-restricted .restricted-content-notice { background-color: #ffffff; border: 2px solid #91AAB7; margin: 0 100px 100px; padding: 50px; position: relative; top: 66px; bottom: 66px; z-index: 2; } } /* Beaver Builder pages */ .current-user-is-restricted.fl-builder .container.fl-content-full { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; width: auto; } @media (min-width: 769px) { .current-user-is-restricted.fl-builder .container.fl-content-full { padding-left: 40px; padding-right: 40px; } } @media (min-width: 1100px) { .current-user-is-restricted.fl-builder .container.fl-content-full { max-width: 90%; padding: 0; width: 1080px; } } .current-user-is-restricted.fl-builder .container.fl-content-full .fl-content { margin: 20px 0; } @media (min-width: 769px) { .current-user-is-restricted.fl-builder .container.fl-content-full .fl-content { margin: 40px 0; } }