/* Theme Name: Catch Responsive Child Theme URI: https://catchthemes.com/themes/catch-responsive Description: Catch Responsive Child Theme Author: HMC Advertising Author URI: https://www.wearehmc.com Template: catch-responsive Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: youre-it Text Domain: catch-responsive-child */ /*Correcting for Bootstrap */ body {font-size:1.65rem !important;} /*COLOR PALLET */ :root { --dark-blue: #273876; --yellow: #fff00f; --paper: #CDFCFE; --red: #d70e2f; --bodycopy: #57585a; } /* BASICS */ #wpadminbar {/*display:none;*/} .clr {clear:both;} .hentry {-webkit-hyphens: none !important;-ms-hyphens: none !important;hyphens: none !important;} body {background-color: #273876;font-family: 'Jost', sans-serif;font-weight:500;-webkit-hyphens: none !important;-ms-hyphens: none !important;hyphens: none !important;} body, button, input, select, textarea {color: #000;font-family: 'Jost', sans-serif;} h1 {font-size: 3em;} h2 {font-size: 23px;} h3 {font-size: 18px;} h4 {font-size: 15px;} h5 {font-size: 12px;} h6 {font-size: 12px;} h1, h2, h3, h4, h5, h6 {font-family: 'Jost', sans-serif;font-weight:700;color:#111;} .site {width:100%;} a {color:#000;} a:hover {color:var(--rose);} p {font-size:1.2em;font-weight:500;line-height:165%;color:var(--bodycopy);} li {font-size:1.2em;font-weight:500;line-height:165%;color:var(--bodycopy);} ul, ol {list-style:disc;margin-left:18px;} /*.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link), .entry-summary a:not(.more-link):not(.button):not(.wp-block-button__link), .ew-about a:not(.more-link):not(.button), .widget_text a:not(.more-link):not(.button), .comment-content a {text-decoration: none;}*/ #masthead {position:absolute;background:transparent;width:100%;} .page-header {padding: 20px 0;} .entry-container {width: 80%; background: #CDFCFE; margin: 0 auto; padding: 40px 8% 60px;} #masthead {padding:0;background-color:transparent;height:0;margin:0;} .nav-primary.search-enabled .menu {float: right;margin-right:40px;} .nav-primary {background-color: transparent;} .sidebar-header-right {display:none;} #site-branding {padding:0;margin:0;} .display-none {display:none;} .disappear {opacity:0;z-index:0 !important;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color:transparent;box-shadow:none;} button, input[type="button"], input[type="reset"], input[type="submit"] {border:none;box-shadow:none;} /* Full Width Page Templates */ .page-template-custom-h1-full-width-page .site, .page-template-custom-h1-full-width-page #main, .page-template-custom-h1-full-width-light-page .site, .page-template-custom-h1-full-width-light-page #main {width:100% !important;} body.page-template-custom-h1-full-width-light-page {border:20px solid #000;} .sidebar-header-right {margin-bottom:15px;} .content-right #main {max-width:unset !important;} #content .wrapper {padding:0 !important;} .site-content {padding:0 !important;margin-top:0;background-color:transparent;} .entry-header {margin:0;padding-bottom:0;} .page-template-default .hentry, .page-template-custom-h1-full-width-page .hentry {padding:0 !important;} .page-template-custom-h1-page .hentry {padding:0 !important;margin:0;} .page-template-custom-h1-full-width-light-page .entry-content {max-width:1200px;margin:110px auto 0;} /* HOMEPAGE */ .home .entry-container {width: 100%; background: unset; margin: 0 auto; padding: unset;} /*PLUGINS */ .su-spoiler-title {background: #FFF;border: 1px solid #ccc;} .su-spoiler-content {background: #FFF;} .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {height: 0;} .su-spoiler-title {font-size:15px !important;font-weight:600 !important;} .su-image-carousel button.flickity-prev-next-button {opacity:0.5 !important;} .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {/*content: '\f063' !important;*/content: '' !important;} .su-spoiler-icon-plus .su-spoiler-icon::before {content: '' !important;} .su-spoiler-icon {position:relative !important;left:unset !important;top:unset !important;margin:0 auto;} .su-spoiler-style-default > .su-spoiler-title {padding:12px 0 !important; text-align:center !important;} .su-spoiler-title {border:none !important;} .su-spoiler-style-default > .su-spoiler-title {display:none;} .su-spoiler-style-default.su-spoiler-closed > .su-spoiler-title {display:block;} .su-spoiler.su-spoiler-closed {width:200px;margin:20px auto 0;border:1px solid #111;} .page-template-custom-h1-full-width-light-page .su-spoiler-content {padding: 0 !important;} /* NAV */ #site-logo {margin-top:10px;} .nav-secondary {display:none;} .menu-main-menu-container {width:86%;} .home .menu-main-menu-container {width:84%;} .catchresponsive-nav-menu a, #menu-main-menu a {color:#111;letter-spacing:.5px;font-weight:600;font-size:1.05em;} .catchresponsive-nav-menu .sub-menu li > a, #menu-main-menu .sub-menu li > a {background-color: transparent;color:#111;} .page-template-custom-h1-full-width-page .catchresponsive-nav-menu a, .page-template-custom-h1-full-width-page #menu-main-menu a {color:#000;} .page-template-custom-h1-full-width-page .catchresponsive-nav-menu .sub-menu li > a, .page-template-custom-h1-full-width-page #menu-main-menu .sub-menu li > a {color:#000;} .catchresponsive-nav-menu li:hover > a, .catchresponsive-nav-menu li.focus > a, .catchresponsive-nav-menu .sub-menu li:hover > a, #menu-main-menu li:hover > a, #menu-main-menu li.focus > a, #menu-main-menu .sub-menu li:hover > a {background-color: transparent;color:var(--yellow);} .catchresponsive-nav-menu .current-menu-item > a, .catchresponsive-nav-menu .current-menu-ancestor > a, .catchresponsive-nav-menu .current_page_item > a, .catchresponsive-nav-menu .current_page_ancestor > a, #menu-main-menu .current-menu-item > a, #menu-main-menu .current-menu-ancestor > a, #menu-main-menu .current_page_item > a, #menu-main-menu .current_page_ancestor > a {background-color: transparent;} .menu-item {border-top:5px solid transparent;} .menu-item a {text-transform:lowercase;} #mobile-header-left-menu {position:absolute;} .mobile-menu-anchor a.fa-menu, .mobile-menu-anchor a.fa-menu:hover, .mobile-menu-anchor a.fa-menu:focus { color: #000;} .page-template-custom-h1-full-width-page .catchresponsive-nav-menu li:hover > a, .page-template-custom-h1-full-width-page .catchresponsive-nav-menu li.focus > a, .page-template-custom-h1-full-width-page #menu-main-menu li:hover > a, .page-template-custom-h1-full-width-page #menu-main-menu li.focus > a {color:#000;} .page-template-custom-h1-full-width-page .scrolled .catchresponsive-nav-menu li:hover > a, .page-template-custom-h1-full-width-page .scrolled .catchresponsive-nav-menu li.focus > a, .page-template-custom-h1-full-width-page .scrolled #menu-main-menu li:hover > a, .page-template-custom-h1-full-width-page .scrolled #menu-main-menu li.focus > a, .scrolled #menu-main-menu a {color:#000;} .sub-menu .menu-item {border-top:none !important;} .sub-menu .menu-item {border-top: none; float: right; margin-right: 150px; margin-left: -150px; text-align: right;} .catchresponsive-nav-menu .sub-menu a, .catchresponsive-nav-menu .children a, .catchresponsive-nav-menu .sub-menu a, #menu-main-menu .children a {border-right:none;border-left:none;} #menu-main-menu li {display: inline-block;float: left;text-align: left;padding:8px 25px;} #menu-main-menu li a:hover {text-decoration:none;} #mobile-header-left-menu {display:none;} #mobile-header-right-menu {z-index:10000;position:relative;margin: 15px 10px 0 0;} .page-template-custom-h1-full-width-page .mobile-menu-anchor a.genericon-menu, .page-template-custom-h1-full-width-page .mobile-menu-anchor a.genericon-menu:hover, .page-template-custom-h1-full-width-page .mobile-menu-anchor a.genericon-menu:focus {color:#000;} .mobile-header-right-nav-open {top:0;} .sidr ul li a {font-family:'Jost', sans-serif;font-weight:700;} .mobile-menu-anchor a.fa-menu, .mobile-menu-anchor a.fa-menu:hover, .mobile-menu-anchor a.fa-menu:focus {color:#FFF;} .menu-main-menu-container ul.menu li.menu-item:first-child {display:none !important;} .mobile-menu-anchor .fa-menu::before {text-shadow: 3px 3px 3px #000;} /* SCROLL NAV */ #sticky-scroll-menu {position:relative;right:0;width:100%;height:60px;background-color:transparent;z-index:7000;} .home #sticky-scroll-menu {padding-top:15px;position:fixed;} #sticky-scroll-menu .wrapper {margin:0px auto;display:flex;padding-top:16px;background:#FFF;max-width: 1600px;} .page-template-custom-h1-full-width-light-page #sticky-scroll-menu .wrapper {max-width:1500px;} .page-template-custom-h1-full-width-light-page #sticky-scroll-menu {position:relative !important;} #sticky-scroll-menu.scrolled, .page-template-custom-h1-full-width-light-page #sticky-scroll-menu, .page-template-custom-h1-page #sticky-scroll-menu {background-color:transparent;} .scrolled .catchresponsive-nav-menu a {color:#111;} .page-template-custom-h1-full-width-page .scrolled .catchresponsive-nav-menu .sub-menu li, .page-template-custom-h1-page .scrolled .catchresponsive-nav-menu .sub-menu li {background-color:#FFF;} .page-template-custom-h1-full-width-page .scrolled .catchresponsive-nav-menu .sub-menu li > a, .page-template-custom-h1-page .scrolled .catchresponsive-nav-menu .sub-menu li > a {color:#111;} .page-template-custom-h1-full-width-page .scrolled .catchresponsive-nav-menu .sub-menu li a:hover, .page-template-custom-h1-page .catchresponsive-nav-menu .sub-menu li a:hover, .page-template-custom-h1-full-width-page .catchresponsive-nav-menu .sub-menu li a:hover {color:#000;} .page-template-custom-h1-full-width-light-page .catchresponsive-nav-menu .sub-menu li, .page-template-default .catchresponsive-nav-menu .sub-menu li {background-color:#FFF;} .page-template-custom-h1-full-width-light-page #logo-container, .page-template-custom-h1-full-width-page .scrolled #logo-container {width:100px;height:34px;fill:#000;} .page-template-custom-h1-full-width-page #logo-container {width:100px;height:34px;fill:#FFF;} .page-template-custom-h1-full-width-page .su-spoiler-content {padding: 0 !important;} /* FOOTER */ .site-footer {background:var(--dark-blue);margin-top: -40px;padding-top:20px;} #footer-content {color:#CCC;max-width:1600px;width:100%;padding-bottom:40px;margin: -40px auto 0;} #footer-flex {max-width:1200px;width: 90%;margin:20px auto 5px;} .footer-1 {width:100%;text-align:center;padding:10px 0 50px;} .footer-1 p {color:#FFF;font-size:.75em;padding-top:0;margin-bottom:6px;} #site-generator {background:transparent;border-top:none;padding:4px 0;} #site-generator a, #site-generator p {color:#fff;} #site-generator a:hover {color:#DCDCDC;text-decoration:none;} #footer-social {display:flex;flex-wrap:nowrap;width:100%;margin:0;max-width:1600px;text-align:left;} #footer-social .socmed {width:80px;text-align:center;margin: 0;} #footer-social .socmed img {width:30px;height:auto;margin:10px auto;} .footer-nav {margin:0 auto;display:flex;padding:100px 0 20px;max-width:800px;width:80%;} .footer-nav div {padding:12px 12px;font-size:.85em;width:25%;text-align:center;} .footer-nav div a {color:#FFF;text-transform:lowercase;font-weight:700;} .footer-copyright {width:100%;text-align:right;padding:0;} .footer-copyright p {margin-bottom:0;font-size:.7em;} #supplementary {border:none !important;} /* MISC */ .more-link {display:block;} .site .widget_catchresponsive_social_icons a.genericon {background-color:#FFF;} .col-3-desktop {column-count:3;} ul.bullet {list-style:disc;margin-bottom:20px;margin-left:28px;} .meta-sep {display:none;} .third {width:30%;float:left;margin:10px 1%;} .third a img {margin:0 auto;display:block;} .third a h3 {text-align:center;letter-spacing:0.8px;} .italics {font-style:italic;} .white {color:#FFF;} #supplementary.three .widget-area {width:33%;} .has-text-align-center {color:#FFF;} .wp-block-button__link {color:var(--yellow) !important;font-weight:700;} .wp-block-button__link:hover {color:#FFF !important;} /* CONTENT SPECIFIC */ /* .hmc-work-circle {width:50px;height:auto;} .work-text {margin:60px 40px 30px;} .contact-text, .plain-text {width:90%;margin:60px auto;} .plain-text p {font-size:16px;font-weight:500;line-height:165%;} .work-text p {font-size:18px;font-weight:500;line-height:165%;} .font-weight-600 {font-weight:600 !important;} .contact-text h1 {margin-bottom:20px;} .homepage-btn {text-align:center;width:100%;margin:20px auto 50px;} .work-btn {padding:10px 30px;text-transform:uppercase;font-size:15px;font-weight:600;border:1px solid #111;color:#111;} .mini-flex {display:flex;} .mf-gap {width:40px;} .bottom-carousel {padding:50px 35px;width:100%;background:#868689;} */ .wpcf7-form {font-family: 'Jost', sans-serif;} .mini-flex {display:flex;} .mf-gap {width:40px;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {color: #000;border: 2px solid var(--dark-blue);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {padding: 20px; margin: 15px 0;} select:focus, textarea:focus, input:focus, input#s, #respond form input[type="text"], #respond form textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {font-size: 20px;} .wpcf7-form {width:100%;} .contact-col-wrapper {display:flex;} .contact-left-col {margin-right:15px;} .contact-right-col {margin-left:15px;text-align:right;} .contact-bottom-wrapper {width:100%;} .wpcf7-textarea {padding:20px;} .contact-col-wrapper .wpcf7-text {width:100%;} input[type="submit"] {background-color: var(--dark-blue);box-shadow: none;border: 2px solid var(--dark-blue);color: #FFF;font-size: 20px;padding: 18px 60px;text-shadow: none;margin: 30px 0;} /* USEFUL STUFF */ .text-center { font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } #scalable-box { display: flex; position: relative; margin:20px auto; width: calc(100% - 30vh); height: 30vw; border: 1px solid black; background-color: transparent; padding: 0; text-align: center; } .flex-container { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 0; margin: 0 auto; list-style: none; max-width:1200px; } .flex-item { padding: 0; color: white; font-weight: bold; font-size: 2em; text-align: center; overflow:hidden; border:.35em solid #000; } .flex-item.third:first-child {border-left:.7em solid #000;} .flex-item.third:second-child {} .flex-item:last-child {border-right:.7em solid #000;} .flex-item.half {width:48.6%; margin:0;} .flex-item.third {width:33.334%; margin:0;} .flex-item.quarter {width:23.2%; margin:10px 0.3%;} .flex-item.ht-750, .flex-item-content.ht-750 {height: 35vw;} .flex-item.ht-300, .flex-item-content.ht-300 {height: 31.1vw;max-height:400px;} .flex-item.ht-250, .flex-item-content.ht-250 {height: 25vw;} .flex-item.ht-200, .flex-item-content.ht-200 {height: 12vw;} .flex-item.ht-750 .flex-overlay {margin-top:-35vw;} .flex-item.ht-300 .flex-overlay {margin-top:-30vw;} .flex-item.ht-250 .flex-overlay {margin-top:-25vw;} .flex-item.ht-200 .flex-overlay {margin-top:-12vw;} .flex-container.three {width:100%;margin:0 auto 60px;} .flex-container.two {width:56%;margin:0 auto 40px;} .flex-item img { margin:0; padding:0; } .flex-overlay { height: 100%; width: 100%; opacity: 0; transition: 1s ease; background-color: #fb3d16; z-index:1; font-size:30px; line-height:110% } a:hover .flex-overlay h2, a:hover .flex-overlay p {text-decoration:none;} .flex-item-content { font-size:30px; text-align:center; margin:0 auto; transition: 1s ease; background-size:cover; background-position:center; } .flex-item-content h2, .flex-overlay h2 { text-align:center; font-weight:600; font-size:26px; color:#FFF; padding:7px 0 0; margin-bottom:0; } .flex-item-content p, .flex-overlay p { text-align:center; font-weight:600; font-size:16px; color:#FFF; padding:0 0 10px; } .flex-item:hover .flex-overlay { opacity: 1; z-index:20; } .flex-item:hover .flex-item-content { opacity: 0; z-index:0; transform: scale(1.5); filter: blur(20px) saturate(7); -webkit-filter: blur(20px) saturate(7); } .flex-item.ht-750 .flex-overlay .hmc-work-circle {padding-top:13vw !important;} .home .flex-item.ht-750 .flex-overlay .hmc-work-circle {padding-top:13vw !important;} .flex-item.ht-300 .flex-overlay .hmc-work-circle {padding-top:11vw !important;} .flex-item.ht-250 .flex-overlay .hmc-work-circle {padding-top:11vw !important;} .home .flex-item.ht-250 .flex-overlay .hmc-work-circle {padding-top:9vw !important;} .flex-item a {text-decoration:none !important;} .flex-item-video { padding: 0; margin:0; text-align: center; overflow:hidden; height: 100%; width: 100%; background-color: #fb3d16; z-index:1; } .flex-item-video-overlay { font-size: 30px; text-align: center; margin: 0 auto; transition: 1s ease; background-color: transparent; background-size: cover; position: absolute; width: 100%; height: 100%; z-index: 100; cursor: pointer; } .flex-item-video-overlay-responsive { font-size: 30px; text-align: center; margin: 0 auto; transition: 1s ease; background-color: transparent; background-size: cover; width: 100%; height: 0; z-index: 100; cursor: pointer; overflow: hidden; padding-bottom: 56.25%; position:relative; } /* .flex-item-video-overlay-responsive.mobile-portrait {width:30%;} .flex-item-video-overlay-responsive.mobile-portrait-third {width:95%;padding-bottom:168% !important;} .flex-item-video-overlay-responsive.mobile-square-half {width:98%;padding-bottom:98% !important;} */ /* VIDEO */ .iframe-video {width:100%;height:100%;margin:0 auto;position:absolute;top:0;left:0;} .videox-holster { width:100%; height:auto; margin:0 auto; } .videox { width: 100%; position: relative; padding-bottom: 56.25%; /* ratio 16/9 */ background:transparent; cursor: pointer; z-index:1; margin-top: -56.25%; margin-bottom: 25px; } .videox.mobile-portrait-third {padding-bottom:170%;margin-top:-170%;} .videox img {width:100%;height:100%;} .videox-video { padding: 0; margin:0; text-align: center; overflow:hidden; height: 100%; width: 100%; background-color: #fb3d16; z-index:1; } .videox-iframe { border: none; position: absolute; width: 100%; height: 100%; background:#F00; } .flex-item-video-overlay-responsive.mobile-portrait {width:30%;} .flex-item-video-overlay-responsive.mobile-portrait-third {width:95%;padding-bottom:168% !important;} .flex-item-video-overlay-responsive img {width:100%;height:auto;} .videox-holster.half-width {width:50%;} .flex-item-video-overlay-responsive.mobile-square-half {padding-bottom:90%;} .videox.mobile-square-half {padding-bottom:90%;margin-top:-90%;} @media screen and (max-width: 380px) { h1 {font-size: 2.4em;} #home-hero-flex {top: 5vh !important;} } @media screen and (max-width: 480px) { .col-3-desktop {column-count:1;} .third {width:100%;float:none;margin:20px 0;} .entry-container {width:100%;} .hero-headline {text-shadow:2px 2px 2px #222;} } @media screen and (min-width: 481px) and (max-width: 540px) { .col-3-desktop {column-count:1;} .entry-container {width:100%;} } @media screen and (min-width: 541px) and (max-width: 767px) { /*iPhone Landscape */ .col-3-desktop {column-count:2;} } /* iPhone */ @media screen and (min-width: 320px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .mobile-menu-clicked #logo-container {opacity:0;transition:1s;} } /* iPhone */ @media screen and (min-width: 541px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { .mobile-menu-clicked #logo-container {opacity:0;transition:1s;} } @media screen and (min-width: 768px) and (max-width: 990px) { } @media screen and (min-width: 991px) and (max-width: 1023px) { #menu-main-menu li {padding:8px 12px;} } @media only screen and (min-width:1024px) { #menu-main-menu li {padding:8px 15px;} } @media only screen and (min-width:768px) { } /* Galaxy S9 */ @media screen and (min-device-width: 740px) and (max-device-height: 370px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) { } @media screen and (min-width: 768px) and (orientation: landscape) { } @media screen and (min-width: 1600px) { } @media screen and (max-width: 1400px) { .work-client-text-svg {font-size: 2.3vw;} } @media screen and (max-width: 1350px) { body.page-template-custom-h1-full-width-light-page {border:none;} .page-template-custom-h1-full-width-light-page .entry-content {max-width: 1200px;margin: 110px 4% 0;} } @media screen and (max-width: 1200px) { } @media screen and (max-width: 1100px) { .tab {padding:140px 0;} } @media screen and (max-width: 990px) { body.page-template-custom-h1-full-width-light-page {border: none;} .mobile-menu-two #site-branding, .mobile-menu-three #site-branding {width:0;} /* INTERFERES WITH HOMEPAGE ANIM */ .tab {padding:0;margin:12px;} .tab.left {margin-right:6px;} .tab.middle {margin-left: 6px;margin-right: 6px;} .tab.right {margin-left:6px;} .tab-content-wrapper.expanding {border-right: 12px solid #000;border-left: 12px solid #000;margin-top: -12px;} .work-tabs-container.four .tab-content-wrapper.expanding {border-bottom: 12px solid #000;} .work-client-text-box {margin-top:7vh;} .work-matters-header {width:90%;margin:0 auto;} .work-matters-header-svg {width: 26%;} .work-matters-top-text-svg-text {font-size: 3.4em;} .work-page-headline h2 {font-size:2.3em;width:90%;margin:0 auto;line-height: 115%;} .work-page-headline p {width:90%;margin:15px auto;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {border: 12px solid #000;} .work-tabs-container, .about-hmc-tabs-container {margin: 0 auto -12px;} .work-tab-color-top {border-bottom:12px solid #000;border-top:12px solid #000;} .work-tab-content h3 {font-size:4.3em;} .stats-1 {font-size:12.5vw !important;} } @media screen and (max-width: 767px) { .work-tab-content h3 {font-size: 3.6em;} .work-client-text-box {margin-top:6vh;} .page-template-custom-h1-full-width-light-page .entry-content {margin: 60px auto 0;} .contact-col-wrapper {display:block;} .contact-left-col {margin-right:0;} .contact-right-col {margin-left:0;text-align:left;} .work-matters-top-text-svg-text {font-size: 3.4em;} } @media screen and (max-width: 540px) { .work-tabs, .about-hmc-tabs {display:block;} .work-client-text-box {margin-top:50px;} .work-matters-top-text-svg-text {font-size: 5.3em;} .tab.left, .tab.middle, .tab.right {margin-left: 12px;margin-right: 12px;} .wpcf7-form {width: 100%;max-width: unset;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {width:100%;} .work-client-text-svg {font-size: 7.7vw;} .work-client-text-box {margin-top: 0;position: relative;padding-top: 15vw;} .work-tab-content {padding-top:0;} .work-tab-content p {font-size: 4.3vw;} .work-tab-color-top {display:none;} .work-tabs-container .tab.left {border-top: 12px solid #000;margin-top: -0px;} .work-tabs-container.four .tab.right {border-bottom:12px solid #000;} .tab-content-wrapper.expanding .content {margin-top:-46px;} .work-tab-content h3 {font-size:12vw;} .work-tab-content-images, .work-tab-content-text {width:100%;} .stats-1 {font-size: 3.3em !important;} .stats-2 {font-size:2.0em !important;} .site-footer {margin-top:-26px;} .about-hmc-tabs-container .tab.left {border-top: 12px solid #000;} .about-hmc-tabs-container.two .tab.left {margin-top:0;} .about-hmc-tabs-container .tab-content-wrapper {border-left: 12px solid #000;border-right: 12px solid #000;border-bottom: 12px solid #000;margin-top: -12px;} .about-hmc-tabs-container.two .tab-content-wrapper {margin-bottom: -6px;} .tab.middle.active, .tab.right.active {border-top:12px solid #000;} .work-tabs-container {background:#FFF;} .tab-content-wrapper.fade-in {border: 12px solid #000;margin-top: -24px;} .mini-flex {display: block;} .videox-holster.half-width {width:100%;} .flex-item-video-overlay-responsive.mobile-square-half {padding-bottom:90%;} .videox.mobile-square-half {padding-bottom:90%;margin-top:-90%;} } /*iPhone Lanscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* iPhone Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* iPad Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* iPad Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* FROM THE THEME CUSTOM CSS */ .no-sidebar.content-width #main {width:100%;max-width:1600px;} #header-featured-image img {max-width:400px;padding:80px 0 30px;} .site {width:100%;} #sticky-scroll-menu .wrapper {background:transparent;padding: 8px 0;} .home #sticky-scroll-menu {position:relative;padding-top:0;} .menu-item a {text-transform:capitalize;} .menu-main-menu-container {width:100%;margin:0 auto;padding: 0 5.5%;} #menu-main-menu a {color: #FFF;} .home.no-sidebar.content-width #main {width:100%;max-width:unset;} .home #sticky-scroll-menu .wrapper {background:rgba(0,0,0,0.3);max-width:unset;} .home #header-featured-image {display:none;} .home #masthead .wrapper {padding:0;} .home-hero-container {background-image:url('https://martinelarocquegulick.com/vote/wp-content/uploads/2026/03/martine-gulick-1977.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:56vw;} .hero-headline {font-size:3.0em;color:#FFF;line-height:170%;margin-top:40px;} #home-hero-flex {position:absolute;top:30vh;left:12vw;display:flex;flex-direction:column;} .home-section-2 {background-color:#4d994e;padding:5% 11%;width:100%;display:flex;hyphens: none;} .home-section-2a, .home-section-2b {flex-basis:50%;} .home-section-2-headline {font-weight:900;font-size:2.7em;color:#FFF;width:80%;margin:0 auto;} .home-section-2b ul li {font-weight:900;font-size:1.6em;color:#FFF20E;width:80%;margin:0 auto;} .below-hero {width:100%;padding:40px 18% 60px;background:#CDFCFE;} .campaign-sign {/*position: absolute;top: 30vh;left: 12%;*/width: 30vw;max-width:500px;} .page-id-929 .hentry .home-hero {width:100%;height:auto;} .page-id-929 #masthead {background-color: transparent;position:absolute;width:100%;} .home .menu-main-menu-container {width: 100%;margin:0 auto;} .page-id-929 #content .wrapper {padding:0;} .page-id-929 .hentry {margin: 0; padding:0;} .endorsements-flex {display:flex;} .endorsements-flex div {flex: 25%;margin: 12px auto;text-align: center;} .endorsements-flex div img {max-width: 90%;margin: 0 auto;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {border:2px solid var(--dark-blue);} @media screen and (max-width: 540px) { #header-featured-image img {max-width:300px;padding:40px 0 30px;} #home-hero-flex {position:absolute;top:8vh;left:5vw;display:flex;flex-basis:2;flex-direction:column;} .hero-headline {font-size:1em;color:#FFF;line-height:150%;margin-top:20px;} .home-section-2 {display:block;} .home-section-2-headline {font-size:1.4em;width:100%;line-height:140%;} .home-section-2b ul li {font-size:1.2em;padding-left:18px;width:100%;margin: 20px 0;} #supplementary.three .widget-area {width:100%;} .campaign-sign {top:10vh;} } @media only screen and (min-device-width: 375px) and (max-device-width: 875px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #home-hero-flex {position:absolute;top:18vh;left:5vw;display:flex;flex-basis:2;flex-direction:column;} .hero-headline {font-size:1.7em;color:#FFF;line-height:150%;margin-top:20px;} .campaign-sign {top:10vh;} #supplementary.three .widget-area {width:100%;} .home-section-2 {padding:5%;} .home-section-2-headline {font-size:1.8em;} .home-section-2b ul li {font-size:1.3em;} } /* --- FROM THE OLD SITE --*/ .su-spoiler-style-fancy > .su-spoiler-title {background:#273876 !important;font-size:1.1em !important;} .su-spoiler-style-fancy {color:#FFF !important;} .su-spoiler-style-fancy li, .su-spoiler-style-fancy p {color:#000 !important;} /* ACCORDION */ .su-accordion .su-spoiler {width:100%;} .su-spoiler.su-spoiler-closed > .su-spoiler-content {opacity:1 !important;height:200px !important;filter: blur(0.5px) saturate(1.1) brightness(1.1) !important;-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 1) 65%) !important;mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) !important;} @media only screen and (max-width: 500px) { .centered-pics img {max-width:300px;margin:8px auto;} .mobile-center {float: none; margin: 10px auto;} }