/* Theme Name: Ampersand Child Template: ampersand Version: 2.0.1 */ /*------------------------ * GENERAL STYLES * ---------------------*/ /* Page formatting */ body {min-height: 100vh;} #main-content {min-height: calc(100vh - 180px);} .vc_row + .vc_btn3-container {margin-top: 20px;} /* Typography */ body h1 {color: #117a97; font-size: 3em; letter-spacing: 1px;} body h2 {color: #117a97; font-size: 3em; letter-spacing: 1px;} body h3 {font-size: 2em; font-weight: normal; letter-spacing: 1px;} body h4 {font-size: 1.5em; letter-spacing: 1px;} body :is(div, p, ul li, ol li, span, a, strong, em) {font-size: 16px;} /* Buttons */ #main-content .vc_btn3-container .vc_general {background-color: #e47334 !important; background-image: linear-gradient(135deg, transparent 50%, #f3a42b 50%); background-position: top left; background-size: 200% 200%; border: none; border-radius: 50px; color: #fff !important; font-size: 1.25em; font-weight: bold; text-transform: uppercase; transition: 0.3s;} #main-content .vc_btn3-container .vc_general:hover {background-position: bottom right; transform: scale(1.01);} /* Fluent forms */ .fluentform .frm-fluent-form .ff-el-progress-bar {background-color: #32b6a1;} .fluentform .frm-fluent-form .ff-t-container {align-items: start;} .fluentform .frm-fluent-form .ff-el-section-break .ff-el-section-title {font-size: 1.5em;} .frm-fluent-form .ff-t-cell {margin-bottom: 20px;} .frm-fluent-form .ff-t-cell label {font-size: 0.85em;} .fluentform .frm-fluent-form .ff_submit_btn_wrapper {text-align: center;} .fluentform .frm-fluent-form :is(.ff_submit_btn_wrapper button, .step-nav button) {background-color: #e47334 !important; background-image: linear-gradient(135deg, transparent 50%, #f3a42b 50%); background-position: top left; background-size: 200% 200%; border: none; border-radius: 50px; color: #fff; font-size: 1.25em; font-weight: bold; text-transform: uppercase; transition: 0.3s;} .fluentform .frm-fluent-form :is(.ff_submit_btn_wrapper button, .step-nav button):hover {background-position: bottom right; transform: scale(1.01);} .fluentform .frm-fluent-form .step-nav button {padding: 8px 20px;} .fluentform .frm-fluent-form .ff-t-cell:has(.step-nav) {margin-bottom: 0;} /* ------------------------------------------------------------------ */ /* Element: countdown */ .ult_countdown-row .ult_countdown-amount {border: none !important; font-size: 3em !important; font-weight: bold !important; padding: 20px 20px 0 20px !important;} .ult_countdown-row .ult_countdown-period {font-size: 1em !important; font-weight: bold !important;} /* ------------------------------------------------------------------ */ /* Class: dark-bg */ .dark-bg :is(h2, p, a) {color: #fff;} .dark-bg .ult_countdown-row :is(.ult_countdown-amount, .ult_countdown-period) {color: #fff;} /* Class: clip image corners */ .clip-br-corner img {border-radius: 0 0 100px 0;} .clip-tl-corner img {border-radius: 100px 0 0 0;} /*------------------------ * HEADER STYLES * ---------------------*/ .header {box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 4px;} /* Logo */ .header.sticky-nav {position: sticky; top: 0;} .header #nav-container :is(#logo, #sticky-logo) {width: 200px;} .header #nav-container nav {width: calc(100% - 200px);} /* Main menu */ .header #nav-container .nav-menu {position: relative;} .header #nav-container .nav-menu li {position: static;} .header #nav-container .nav-menu li a {border: 2px solid transparent; color: #666; font-weight: normal; letter-spacing: 0.03em; text-transform: initial;} .header #nav-container .nav-menu li:hover > a {border-bottom-color: #e47334; color: #e47334;} .header #nav-container .nav-menu :is(.current-menu-item, .current-menu-parent) > a {border-bottom-color: #e47334;} .header #nav-container .nav-menu .menu-item-has-children > a::after {border: solid #666; border-width: 0 1px 1px 0; content: ''; display: inline-block; margin: 0px 0px 3px 10px; padding: 2.5px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .header #nav-container .nav-menu .menu-item-has-children:hover > a::after {border-color: #e47334;} /* Sub-menu */ .header #nav-container .nav-menu li .sub-menu {background-color: #fafafa; border: none; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px; display: flex !important; flex-wrap: nowrap; left: 0; margin-top: 20px; opacity: 0; transform: scale(0.95); transition: 0.1s ease-in all; visibility: hidden; width: 100%;} .header #nav-container .nav-menu li:hover .sub-menu {opacity: 1; transform: scale(1); visibility: visible;} .header #nav-container .nav-menu li .sub-menu ul {margin-left: 0; width: 100%;} .header #nav-container .nav-menu li .sub-menu:has(.mega-right-sidebar) ul {width: 50%;} .header #nav-container .nav-menu li .sub-menu ul li {width: 100%;} .header #nav-container .nav-menu li .sub-menu ul li a {border: none; color: #000; font-size: 0.9em; font-weight: bold; padding: 10px 20px;} .header #nav-container .nav-menu li .sub-menu ul li:hover a {color: #e47334;} .header #nav-container .nav-menu li .sub-menu ul li a .menu-item-description {display: block; font-size: 0.85em; font-weight: normal;} .header #nav-container .nav-menu li .sub-menu ul li:hover a .menu-item-description {color: #000;} .header #nav-container .nav-menu li .sub-menu .mega-right-sidebar {background-color: #dcf2f8; box-sizing: border-box; display: inline-block; height: auto; padding: 10px 20px; width: 50%;} .header #nav-container .nav-menu li .sub-menu .mega-right-sidebar h4 {color: #117a97;} .header #nav-container .nav-menu li .sub-menu .mega-right-sidebar p {font-size: 0.9em;} .header #nav-container .nav-menu li .sub-menu .mega-right-sidebar p + .mega-right-sidebar__button {margin-top: 10px;} .header #nav-container .nav-menu li .sub-menu .mega-right-sidebar .mega-right-sidebar__button {border: 1px solid #117a97; border-radius: 100px; color: #117a97; display: inline-block; font-size: 0.9em; padding: 10px 20px;} .header #nav-container .nav-menu li .sub-menu .mega-right-sidebar .mega-right-sidebar__button:hover {background-color: #117a97; color: #fff;} /*------------------------ * FOOTER STYLES * ---------------------*/ @keyframes striped-border { 0% {background-position: 0 0;} 100% {background-position: -100vw 0;} } .footer {margin-top: 60px; position: relative;} .home .footer {margin-top: 0;} body:not(.home) #main-content::after {aspect-ratio: 2000 / 600; background-image: url('/wp-content/uploads/2026/10/piersixtysix-sunsett.jpg'); background-position: center; background-size: cover; content: ''; display: block; margin-top: 20px;} body:not(.home) .footer {margin-top: 0;} .footer::before {animation: striped-border 20s infinite linear; background-image: linear-gradient(90deg, #117a97 20%, #e47334 20% 40%, #f3a42b 40% 60%, #3cb4a0 60% 80%, #8e8c39 80% 100%); background-repeat: round; background-size: cover; content: ''; display: block; height: 15px; left: 0; position: absolute; top: -15px; width: 100%;} /* Add to calendar */ .footer .custom-html-widget {text-align: center;} .footer .custom-html-widget .add-to-calendar {display: inline-block; text-align: center; width: auto;} .footer .custom-html-widget .add-to-calendar::before {content: 'Add to Calendar '; display: block; font-size: 1.5em; letter-spacing: 1px;} .footer .custom-html-widget .add-to-calendar::part(atcb-button) {background-color: transparent; border: none; color: #fff; padding: 0; text-decoration: underline;} /* Copyright */ #footer-copyright {text-align: center;} #footer-copyright .vc_col-sm-6 {float: none; width: 100%;} #footer-copyright #footer-social {display: none;} /*------------------------ * HOME STYLES * ---------------------*/ /* Fix load */ .vc_row[data-vc-full-width="true"][data-vc-full-width-init="false"] {left: 50%; margin-left: 0 !important; margin-right: 0 !important; max-width: 100vw; position: relative; right: auto; transform: translateX(-50%); width: 100vw;} /* Hero slide */ #hero-slide {align-items: center; display: flex; height: calc(100vh - 145px); position: relative; width: 100%} #hero-slide video {height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; z-index: 0;} #hero-slide #hero-overlay {background-color: #0d295c; inset: 0; opacity: 0.4; position: absolute; z-index: 1;} #hero-slide #hero-text {box-sizing: border-box; margin: 0 auto; max-width: 1200px; position: relative; text-align: center; z-index: 2; width: 100%;} #hero-slide #hero-text :is(h1, div) {color: #fff;} #hero-slide #hero-text h1 {font-size: 5em;} #hero-slide #hero-text div {font-weight: bold;} #hero-slide #hero-text #hero-meta {display: flex; justify-content: center;} #hero-slide #hero-text #hero-meta div {font-size: 1.3em;} #hero-slide #hero-text #hero-meta div::before {background-color: #fff; content: ''; display: inline-block; height: 20px; margin-bottom: -3px; margin-right: 5px; width: 20px;} #hero-slide #hero-text #hero-meta #hero-date::before {mask: url("/wp-content/themes/ampersand-child/svg/calendar-fold.svg") center/contain no-repeat; -webkit-mask: url("/wp-content/themes/ampersand-child/svg/calendar-fold.svg") center/contain no-repeat;} #hero-slide #hero-text #hero-meta #hero-location::before {margin-left: 20px; mask: url("/wp-content/themes/ampersand-child/svg/map-pin.svg") center/contain no-repeat; -webkit-mask: url("/wp-content/themes/ampersand-child/svg/map-pin.svg") center/contain no-repeat;} #hero-slide #hero-text a {background-color: #e47334; background-image: linear-gradient(135deg, transparent 50%, #fff 50%); background-position: top left; background-size: 200% 200%; border-radius: 50px; color: #fff; display: inline-block; font-size: 1.25em; font-weight: bold; margin-top: 30px; padding: 15px 20px; text-decoration: none; text-transform: uppercase; transition: 0.3s;} #hero-slide #hero-text a:hover {background-position: bottom right; color: #e47334; transform: scale(1.01);} /* Hero slide - logo */ #hero-slide #ucs-logo {align-items: center; background-color: #fff; border-radius: 1000px; display: flex; height: 250px; justify-self: center; margin-top: -100px; padding: 15px 30px 30px 30px; width: 250px;} #hero-slide #ucw-logo svg {display: block; margin: 0 auto; width: 90%;} .blk1 {transform: translate(-20px, -20px);} .blk2 {transform: translate(-25px, 5px);} .blk3 {transform: translate(0, 20px);} .blk4 {transform: translate(25px, 5px);} .blk5 {transform: translate(20px, -20px);} #svg-abbr-container, #svg-text-container {opacity: 0;} /*------------------------ * PAGE STYLES * ---------------------*/ #page-title {text-align: center;} #page-title::after {color: #000; content: 'April 26–28, 2027 | Fort Lauderdale'; display: block; font-size: 0.4em; font-weight: normal; line-height: 2em;} :is(.page-id-3387, .page-id-2802, .page-id-2614, .page-id-3664, .page-id-2447, .page-id-2497) #page-title {display: none;} /* Call for speakers form */ .fluentform .frm-fluent-form label[aria-label="Repeater Container"] {display: none;} .fluentform .frm-fluent-form .cfs_speaker-info .ff_repeater_cont_row {flex-wrap: wrap;} .fluentform .frm-fluent-form .cfs_speaker-info .ff-t-column-1 {flex-direction: row; flex-wrap: wrap;} .fluentform .frm-fluent-form .cfs_speaker-info .ff-t-column-1 .ff_repeater_cell {margin-bottom: 20px; width: 50%;} .fluentform .frm-fluent-form .cfs_speaker-info .ff-t-column-1 .ff_repeater_cell:has(textarea) {width: 100%;} .ucw-repeat-remove-button, .ucw-repeat-add-button {background-color: #e4572e; border: none; border-radius: 50px; font-weight: bold; margin-bottom: 20px !important; padding: 5px 10px;} .ucw-repeat-add-button {background-color: #95c623;} :is(.ucw-repeat-remove-button, .ucw-repeat-add-button):hover {cursor: pointer;} .ucw-repeat-remove-button :is(.ucw-repeat-remove-text, .ucw-repeat-add-text) {display: inline-block; margin-left: 5px;} /*------------------------ * RESPONSIVE STYLES * ---------------------*/ @media only screen and (max-width: 1200px) { /* None yet */ } @media only screen and (max-width: 1050px) { /* Header */ .header #nav-container {flex-wrap: wrap; justify-content: space-between;} .header #nav-container nav {width: auto;} .header #nav-container #menu-toggle + .menu-main-container #menu-main {display: none;} .header #nav-container :is(#menu-toggle, #dropdown) {display: inline-block;} #dropdown .nav-menu {display: none;} .header #nav-container #dropdown .nav-menu li .sub-menu {background-color: rgba(255, 255, 255, .1); border: none; border-top: 1px solid #fff; display: block !important; position: static; text-align: center; width: 100%;} /* Header - main nav */ .header #nav-container #popout {background-color: #fff;} .header #nav-container #popout .nav-menu {height: 100vh; margin-left: 0; overflow-y: scroll;} .header #nav-container #popout .nav-menu > li {border-bottom: 1px solid #ccc;} .header #nav-container #popout .nav-menu > li:first-of-type {border-top: 1px solid #ccc;} .header #nav-container #popout .nav-menu .current-menu-item {background-color: #f3911f;} .header #nav-container #popout .nav-menu li a {display: block; padding: 10px; text-decoration: none;} .header #nav-container #popout .nav-menu :is(.current-menu-item, .current-menu-parent) > a {border-bottom: none;} /* Header - submenu */ .header #nav-container #popout .nav-menu li .sub-menu {background-color: #f5f5f5; border-radius: 0; box-shadow: none; display: block !important; margin-top: 0; position: static; opacity: 1; transform: scale(1); visibility: visible;} .header #nav-container #popout .nav-menu li .sub-menu:has(.mega-right-sidebar) ul {width: 100%;} .header #nav-container #popout .nav-menu li .sub-menu ul li {border-bottom: none; border-top: 1px solid #ccc;} .header #nav-container #popout .nav-menu li .sub-menu ul li a {font-size: 0.85em; padding: 10px 20px;} .header #nav-container #popout .nav-menu li .sub-menu .mega-right-sidebar {display: none;} } @media only screen and (max-width: 990px) { /* Home - hero */ #hero-slide #hero-text #hero-tag {margin: 0 auto; max-width: 350px;} #hero-slide #hero-text h1 {font-size: 3.5em;} #hero-slide #hero-text #hero-meta {flex-wrap: wrap;} #hero-slide #hero-text #hero-meta div {font-size: 1em;} #hero-slide #hero-text #hero-meta div::before {height: 15px;} } @media only screen and (max-width: 768px) { /* Page formatting */ .vc_col-sm-6:has(.wpb_single_image) + .vc_col-sm-6:has(.wpb_text_column) {margin-top: 30px;} :is(#networking-events, .icon-cards) .vc_col-sm-6:has(.wpb_single_image) + .vc_col-sm-6:has(.wpb_text_column), :is(#networking-events, .icon-cards) .vc_col-sm-4:has(.wpb_single_image) + .vc_col-sm-4:has(.wpb_text_column) {margin-top: 0;} .reverse-col .vc_col-sm-6:has(.wpb_text_column) {margin-top: 30px; order: 2;} .reverse-col .vc_col-sm-6:has(.wpb_single_image) {order: 1;} #main-content .vc_col-sm-4 {margin-bottom: 40px;} #main-content .vc_col-sm-4:last-of-type: {margin-bottom: none; /* Fluent forms */ ..fluentform .frm-fluent-form .ff_submit_btn_wrapper button {margin-top: 30px;} /* Home - hero */ #hero-slide #hero-text h1 {font-size: 2.5em;} /* Call for Speakers form */ .fluentform .frm-fluent-form .cfs_speaker-info .ucw-repeat-row-heading {padding: 0 10px;} .fluentform .frm-fluent-form .cfs_speaker-info .ff-t-column-1 .ff_repeater_cell {margin: 0; padding: 5px 10px; width: 100%;} .ucw-repeat-add-button {margin-top: 20px;} } @media only screen and (max-width: 600px) { /* Typography */ body h1 {font-size: 2.5em;} body h2 {font-size: 2.5em;} body h3 {font-size: 1.75em;} /* Element: countdown */ .ult_countdown-row .ult_countdown-section {width: 50%;} /* Home - hero */ #hero-slide #hero-text #hero-tag {display: none;} #hero-slide #hero-text #hero-meta #hero-location::before {margin-left: 0;} } @media only screen and (max-width: 480px) { /* Typography */ body h1 {font-size: 2em;} body h2 {font-size: 2em;} body h3 {font-size: 1.5em;} /* Class: clip images */ .clip-br-corner img {border-radius: 0 0 50px 0;} .clip-tl-corner img {border-radius: 50px 0 0 0;} /* Home - hero */ #hero-slide #hero-text h1 {font-size: 2em;} } @media only screen and (max-width: 360px) { /* Typography */ body :is(div, p, ul li, ol li, span, a, strong, em) {font-size: 14px;} /* Footer */ .footer .custom-html-widget .add-to-calendar::before {margin-bottom: 10px;} /* Fluent Forms */ .fluentform .frm-fluent-form .ff-el-section-break .ff-el-section-title {font-size: 1.25em;} }