/* Theme Name: UFCW 770 Theme Theme URI: http://foundationpress.olefredrik.com Github Theme URI: https://github.com/olefredrik/FoundationPress Description: FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb Version: 2.10.4 Author: Eric Zwierzynski - Designer Author URI: http://swellcreativegroup.com/ License: MIT License License URI: http://www.opensource.org/licenses/mit-license.php */ /* ---------------------------------------------------------------------------- Unfortunately WordPress will require a style.css file located in the theme's root folder for stuff to work. However, we will not be using vanilla CSS. We're using Sass. Sass is a superset of CSS that adds in amazing features such as variables, nested selectors and loops. It's also the easiest way to customize Foundation. All Sass files are located in the /assets/scss folder. Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run 'npm run watch' or 'npm run build'. Please read the README.md file before getting started. More info on how to use Sass with Foundation can be found here: http://foundation.zurb.com/docs/sass.html If you for some reason would like to write plain css instead of using Sass, you could just enqueue this file (style.css) to the header and add your styles in this file ---------------------------------------------------------------------------- */ /* -- 1 Dusty Blue #3B4A5E 2 Blue #5396F0 3 Bright Blue #4EB2FE 4 Yellow #FFF65F 5 Gray1 #EFF3F9 6 Gray2 #72839B -- */ @font-face { font-family: 'fontello'; src: url('assets/fonts/fontello.eot?31202305'); src: url('assets/fonts/fontello.eot?31202305#iefix') format('embedded-opentype'), url('assets/fonts/fontello.woff2?31202305') format('woff2'), url('assets/fonts/fontello.woff?31202305') format('woff'), url('assets/fonts/fontello.ttf?31202305') format('truetype'), url('assets/fonts/fontello.svg?31202305#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?31202305#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-cannibis:before { content: '\e800'; } /* '' */ .icon-grocery:before { content: '\e801'; } /* '' */ .icon-packing:before { content: '\e802'; } /* '' */ .icon-pharma:before { content: '\e803'; } /* '' */ .icon-kaiser:before { content: '\e804'; } /* '' */ .icon-cosmo:before { content: '\e805'; } /* '' */ body { background: #ffffff; color: #3B4A5E; font-family: "proxima-nova", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.35; letter-spacing: 0.5px; padding: 0; padding-top: 30px; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1 { font-family: "trumpgothicpro", "proxima-nova", sans-serif; font-size: 12rem; line-height: 1; letter-spacing: 3px; text-transform: uppercase; } h2, h3, h4, h5, h6 { font-family: "proxima-nova", "Helvetica Neue", "Roboto", Arial, sans-serif; } h2 { font-size: 4rem; font-weight: 900; line-height: 1.2; } h3 { font-size: 2.6rem; } h4 { font-size: 1.6rem; font-weight: 600; } h5 { font-weight: Bold; font-size: 14pt; line-height: 1.2; letter-spacing: 1.75; text-transform: uppercase; } h6 { font-size: 0.9rem; font-weight: 900; text-transform: uppercase; } a, a:link { background-color: transparent; color: #4EB2FE; text-decoration: underline; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -kthtml-transition: all 0.25s linear; transition: all 0.25s linear; } /* a:visited { color: #4EB2FE; } */ a:hover { color: #8CCDFE; text-decoration: underline; } a:active { color: #4EB2FE; } label, .gform_wrapper .top_label .gfield_label { display: block; margin: 0; font-size: 0.75rem; font-weight: 600; line-height: 1.8; color: #3B4A5E; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { background: #ffffff; border: none; border-bottom: 2px solid #4EB2FE; box-shadow: none; color: #3B4A5E; font-weight: 600; height: 42px; letter-spacing: 1px; margin-bottom: 0; width: 100%; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { background: #ffffff; border: none; border-bottom: 2px solid #4EB2FE; box-shadow: none; color: #3B4A5E; font-weight: 600; height: 42px; letter-spacing: 1px; margin-bottom: 0; padding: 5px 4px 5px 0; width: 100%; } .gform_wrapper .gform_footer input[type=submit].button { font-size: 1.2rem; letter-spacing: 1.5px; margin-top: 0; width: 50%; } .gform_confirmation_wrapper { position: relative; z-index: 999; } /* Change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; box-shadow: 0 0 0px 1000px #ffffff inset; background-color: transparent; } input:focus, [type='text']:focus { box-shadow: none; } input[autocomplete="on"]::-webkit-contacts-auto-fill-button, input[autocomplete="on"]::-webkit-credentials-auto-fill-button { color: #17CB76; } .button, a.button, .entry-content a.button, .row a.button { background: #4EB2FE; border: 0; border-radius: 3px; color: #ffffff; font-size: 1.2rem; font-weight: 700; letter-spacing: 0; line-height: 0.85; margin: 20px 0 0; min-width: 160px; padding: 1rem; text-align: center; text-decoration: none; } .button:hover, a.button:hover, .button:focus, a.button:focus { background: #5396F0; color: #ffffff; text-decoration: none; } blockquote { border-left: 2px solid #4EB2FE; margin: 20px 0; padding: 0rem 2rem; } blockquote, blockquote p { color: #3B4A5E; opacity: 0.8; } .anchor { position: absolute; top: -120px; visibility: hidden; } .row { max-width: 1400px; padding: 0 20px; } /* --------------- ------------------ Header styles ------------------ --------------- */ .admin-bar #topCTA { top: -32px; } #topCTA { background-color: #E12F09; position: relative; top: -30px; width: 100%; z-index: 99999999; } #topCTA .row { padding-left: 20px; padding-right: 20px; } #topCTA .small-12 { padding-top: 1rem; padding-right: 0.9375rem; padding-left: 0.9375rem; padding-bottom: 1rem; position: relative; } #topCTA .small-12 h6 { display: none; } #topCTA .small-12 p { font-size: 0.9rem; font-weight: 900; } #topCTA #close { float: right; font-size: 1.5rem; line-height: 0.5; margin-top: 0px; cursor: pointer; } #topCTA #close:hover { color: #ffffff; } #topCTA h1, #topCTA h2, #topCTA h3, #topCTA h4, #topCTA h5, #topCTA h6, #topCTA p, #topCTA span { color: #ffffff; margin: 0; line-height: 1.2; } #topCTA a, #topCTA a:link, #topCTA a:active, #topCTA a:visited { color: #4EB2FE; opacity: 1; } #topCTA a:hover { opacity: 0.6; } body.admin-bar #topCTA+header.site-header { top: 105px; } #topCTA+header.site-header, body.admin-bar #topCTA.hide+header.site-header, body.admin-bar header.site-header { top: 62px; } .top-bar, .top-bar ul { background: transparent; } .title-bar-left { position: relative; width: 100%; } /* #memLink { color: #ffffff; font-size: 0.75rem; letter-spacing: 1.5px; padding: 7px 0; position: absolute; right: 88px; z-index: 0; } #memLink a { color: #ffffff; padding: 7px 0; pointer-events: fill; text-decoration: none; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } header.site-header.open #memLink a { color: #3B4A5E; } */ /* header.site-header .menu-icon { height: 30px; pointer-events: fill; position: absolute; top: 24px; right: 20px; width: 50px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } header.site-header .menu-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } header.site-header .menu-icon span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header.site-header .menu-icon span:nth-child(2) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header.site-header .menu-icon span:nth-child(3) { top: 27px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header.site-header.open .menu-icon span:nth-child(1) { opacity: 0; width: 0; } header.site-header.open .menu-icon span:nth-child(2) { background: #3B4A5E; } header.site-header.open .menu-icon span:nth-child(3) { opacity: 0; width: 0; } header.site-header .menu-icon::after { box-shadow: none; display: none; } */ /* header.site-header #site-navigation { background: transparent; padding: 0; pointer-events: fill; position: absolute; top: 0px; width: 100%; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } */ /* header.site-header #site-navigation .shadow { background: transparent; box-shadow: 0 9px 50px rgba(0, 0, 0, 1); position: absolute; bottom: 0; left: 0; height: 20px; width: 100%; z-index: -1; } */ /* header.site-header #site-navigation .row .row { margin: 0; padding: 0; } */ /* header.site-header #site-navigation .column { padding: 0; } */ /* header.site-header #site-navigation #iconSections { border-bottom: 1px solid #3B4A5E; margin-bottom: 40px; padding: 60px 0 30px; } */ /* #iconSections #menu-main-icon { font-size: 0; } */ /* #iconSections li { display: inline-block; /* float: left; text-align: center; width: 16.5%; } */ /* #iconSections li a { color: #4EB2FE; opacity: 1; padding-top: 100px; position: relative; margin-top: -100px; text-align: center; } */ /* #iconSections li::before { color: #3B4A5E; font-size: 6rem; margin: 0; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; } */ /* #iconSections li:hover:before { color: #4EB2FE; } */ /* header.site-header #site-navigation h6 { font-size: 1.5rem; font-weight: 600; padding-bottom: 1.25rem; text-transform: none; } */ /* header.site-header #site-navigation > .row { background: #ffffff; padding-top: 100px; padding-bottom: 80px; position: relative; } */ /* .menu > li, .menu.horizontal > li { display: block; } */ .menu > li > a { clear: both; color: #3B4A5E; display: block; font-size: 0.9rem; font-weight: 900; letter-spacing: 2px; line-height: 1.25; opacity: 0.65; padding: 0rem 0rem 0.6rem; text-align: left; text-decoration: none; text-transform: uppercase; } .menu > li > a:hover { opacity: 1; } #text-7 p { clear: both; color: #3B4A5E; display: block; font-size: 0.9rem; font-weight: 900; letter-spacing: 2px; line-height: 1.25; margin: 0; opacity: 0.65; padding: 0rem 0rem 0.6rem; text-align: left; text-decoration: none; text-transform: uppercase; } #text-7 p:first-child { font-size: 0.75rem; font-weight: 400; letter-spacing: 1px; padding: 0rem 0rem 0.6rem; text-transform: none; } #text-7 p:nth-child(n+3) a { color: #3B4A5E; text-decoration: none; } #wrap { position: relative; z-index: 2; } /* --------------- ------------------ Home Slider styles ------------------ --------------- */ .heroArea { min-height: 90vh; position: relative; } .heroArea .bg { background: #3B4A5E; height: 45vh; width: 100%; position: absolute; left: 0; bottom: -1px; } .hero-form { background-image: url('assets/images/grunge-overlay.png'); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #heroSlider { background: url('assets/images/hero-min.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .hero .row { padding-top: 30vh; } li.orbit-slide h1.backText { color: #FFF65F; font-size: 15rem; font-weight: 700; line-height: 1; letter-spacing: 5px; padding-top: 30vh; position: absolute; left: 0; text-align: center; text-transform: uppercase; width: 100%; z-index: 1; -webkit-transition: all 5s ease-in; -o-transition: all 5s ease-in; -moz-transition: all 5s ease-in; -ms-transition: all 5s ease-in; -kthtml-transition: all 5s ease-in; transition: all 5s ease-in; } .hero h2 { color: #ffffff; font-weight: 900; padding-top: 20vh; position: absolute; left: 0; text-align: center; width: 100%; } .hero h1 { color: #FFF65F; font-size: 15rem; font-weight: 700; line-height: 1; letter-spacing: 5px; padding-top: 30vh; position: absolute; left: 0; text-align: center; text-transform: uppercase; visibility: hidden; width: 100%; z-index: 1; -webkit-transition: all 5s ease-in; -o-transition: all 5s ease-in; -moz-transition: all 5s ease-in; -ms-transition: all 5s ease-in; -kthtml-transition: all 5s ease-in; transition: all 5s ease-in; } .hero h1 span { visibility: visible; } #heroSlider h6 { color: #ffffff; cursor: pointer; /* font-size: 1rem; */ font-weight: 900; letter-spacing: 1.5px; opacity: 0.75; position: absolute; left: 0; bottom: 20px; text-align: center; text-transform: uppercase; width: 100%; z-index: 1000 } #heroSlider h6 .fa-angle-down { -webkit-animation: arrow-jump 1.2s infinite; -moz-animation: arrow-jump 1.2s infinite; -o-animation: arrow-jump 1.2s infinite; animation: arrow-jump 1.2s infinite; } @-webkit-keyframes arrow-jump { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); } } @keyframes arrow-jump { 0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); } 100% { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); } } #heroSlider h6 a, #heroSlider h6 a:link, #heroSlider h6 a:visited { color: #ffffff; cursor: pointer; text-decoration: none; } #heroSlider h6 a:hover, #heroSlider h6 a:active, #heroSlider h6 a:focus { color: #ffffff; text-decoration: none; } /*---- Orbit Buttons ----*/ .orbit-bullets { display: none; } /*---- Home Sections ----*/ #divisions { background: #3B4A5E; margin: 0; padding-top: 120px; padding-bottom: 20px; font-size: 0; } #divisions h2 { color: #ffffff; margin-bottom: 40px; text-align: center; } #divisions li { display: inline-block; /* float: left; */ text-align: center; width: 16.5%; } #divisions li a { color: #FFF32A; opacity: 1; padding-top: 100px; position: relative; top: -100px; text-align: center; } #divisions li::before { color: #ffffff; font-size: 6rem; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; } #divisions li:hover:before { color: #FFF32A; } #featLinks { background: #3B4A5E; color: #ffffff; margin: 0; padding-top: 120px; padding-bottom: 0px; position: relative; } #featLinks .orbit-slide { overflow: hidden; } #featLinks .slick-slide { overflow: hidden; position: relative; } #featLinks .body { background: #3B4A5E; height: 100vh; padding: 100px 0px; position: relative; z-index: 100; } #featLinks h6 { color: #FFF32A; font-size: 0.9rem; font-weight: 900; margin-left: 40px; text-transform: uppercase; } #featLinks h6 span { background-color: #ffffff; display: inline-block; height: 2px; margin: 0 10px; width: 40px; vertical-align: middle; } #featLinks h1 { color: #FFF32A; margin-left: -30%; pointer-events: none; width: 130%; } #featLinks .body .bottom { background-color: #ffffff; color: #3B4A5E; height: 100%; padding: 40px; } #featLinks .body .bottom a { text-decoration: none; } #featLinks .body .bottom a:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; margin-left: 6px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #featLinks .body .bottom a:hover:after { -webkit-animation: arrow-jump-x 1.2s infinite; -moz-animation: arrow-jump-x 1.2s infinite; -o-animation: arrow-jump-x 1.2s infinite; animation: arrow-jump-x 1.2s infinite; } @-webkit-keyframes arrow-jump-x { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } #featLinks .featCol { /* background-color: #4EB2FE; */ overflow: hidden; position: absolute; left: 0; top: 0; height: 100vh; width: 50%; z-index: 1; } #featLinks .colNext { /* background-color: #4EB2FE; */ position: absolute; right: 0; top: 0; height: 100vh; width: 8.5%; z-index: 1; /* -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; */ } #featLinks .colNext .imgnext { /* background-position: left center, left center; background-repeat: no-repeat, no-repeat; background-size: cover, cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); mix-blend-mode: multiply; */ position: absolute; right: 0; top: 0; height: 100vh; width: 100%; z-index: 1; /* -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; */ } #featLinks .imgnext:hover, #featLinks .slick-next:hover + .imgnext, .colNext:hover .imgnext { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .slick-prev:before, .slick-next:before { content: ''; display: none; } #featLinks .slick-next{ background-color: rgba(78,178,254,0); color: #FFF32A; font-size: 3rem; max-width: 90px; opacity: 1; padding: 45px 30px; right: 0; top: 50%; width: 100%; -webkit-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -kthtml-transition: background-color 0.5s linear; transition: background-color 0.5s linear; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index: 999; } #featLinks .slick-next i{ position: absolute; left: 42px; top: 23%; } #featLinks .colNext:hover .slick-next, #featLinks .imgNext:hover .slick-next, #featLinks .slick-next:hover { background-color: rgba(78,178,254,.8); color: #FFF32A; opacity: 1; } #featLinks .slick-next:hover i, #featLinks .slick-next i:hover { -webkit-animation: arrow-point-right 1.2s infinite; -moz-animation: arrow-point-right 1.2s infinite; -o-animation: arrow-point-right 1.2s infinite; animation: arrow-point-right 1.2s infinite; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } @-webkit-keyframes arrow-point-right{ 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes arrow-point-right{ 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } #featLinks .slick-prev { background-color: rgba(78,178,254,0); color: #FFF32A; font-size: 3rem; max-width: 90px; opacity: 1; padding: 45px 30px; left: 0; top: 50%; width: 100%; -webkit-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -kthtml-transition: background-color 0.5s linear; transition: background-color 0.5s linear; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index: 999; } #featLinks .slick-prev i{ position: absolute; right: 42px; top: 23%; } #featLinks .featCol:hover .slick-prev, #featLinks .featImg:hover .slick-prev, #featLinks .slick-prev:hover { background-color: rgba(78,178,254,.8); color: #FFF32A; opacity: 1; } #featLinks .slick-prev:hover i, #featLinks .slick-prev i:hover { -webkit-animation: arrow-point-left 1.2s infinite; -moz-animation: arrow-point-left 1.2s infinite; -o-animation: arrIow-point-left 1.2s infinite; animation: arrow-point-left 1.2s infinite; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } @-webkit-keyframes arrow-point-left { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-3px); -moz-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); } 100% { -webkit-transform: translateX(1px); -moz-transform: translateX(1px); -o-transform: translateX(1px); transform: translateX(1px); } } @keyframes arrow-point-left { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-3px); -moz-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); } 100% { -webkit-transform: translateX(1px); -moz-transform: translateX(1px); -o-transform: translateX(1px); transform: translateX(1px); } } div.vertC { align-items: stretch; background: #ffffff; height: 100%; margin: 0; padding: 0; overflow: hidden; } /* div.vertC .topBack { background-color: #4EB2FE; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } */ div.vertC .top.blogimg { /* background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: cover, cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); mix-blend-mode: multiply; */ position: relative; padding: 24% 0; width: 100.5%; /* -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; */ } /* div.vertC:hover .blogimg, div.topBack:hover .blogimg, div.topBack .blogimg:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 filter: grayscale(0%); } */ /* div.vertC:hover .topBack, div.topBack:hover { background-color: #ffffff; } */ div.vertC div.blogarea { background-color: #ffffff; height: 100%; padding: 40px 60px; text-align: left; } div.blogarea .cat { font-size: 0.8rem; font-weight: 700; letter-spacing: 2px; margin-bottom: 24px; text-transform: uppercase; } div.blogarea .cat a { color: #3B4A5E; text-decoration: none; } div.vertC div.blogarea h2 { font-size: 2.5rem; font-weight: 600; margin-bottom: 24px; } div.vertC div.blogarea h2 a { color: #3B4A5E; text-decoration: none; } div.blogarea .date { float: left; font-size: 0.8rem; font-weight: 700; letter-spacing: 2px; margin-top: 8px; padding-bottom: 24px; text-transform: uppercase; } div.blogarea .readm { float: right; padding-bottom: 24px; text-align: right; } div.blogarea .readm a { text-decoration: none; } div.blogarea .readm a:after { content: ""; display: inline-block; font: normal normal normal 24px/1 FontAwesome; font-size: 2rem; margin-left: 6px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: sub; } section#video { position: relative; z-index: 1; } section#video .bg { background: #3B4A5E; height: 45vh; width: 100%; position: absolute; left: 0; top: -1px; } section#video, section#video .small-12 { position: relative; } section#video .flex-video { padding-bottom: 50%; } section#video .videoOver { position: absolute; top: 0; left: 0; } section#video .videoOver.hide { display: none; } section#video img { max-width: initial; margin-left: 0; width: 100%; } section#video i.fa { background: transparent; border: 2px solid #FFF32A; border-radius: 50%; color: #ffffff; font-size: 1rem; line-height: 0; margin-right: 10px; padding: 29px 0 30px 6px; opacity: 1; text-align: center; width: 60px; z-index: 5; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } section#video i.fa:before { color: #ffffff; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } section#video i.fa:hover { background: #FFF32A; } section#video i.fa:hover:before { color: #3B4A5E; } section#video div.caption p { font-size: 0.9rem; font-weight: 900; letter-spacing: 2px; line-height: 1.25; text-transform: uppercase; } section#video div.caption { color: #ffffff; font-size: 0.85rem; opacity: 1; position: absolute; top: 100px; left: 5%; z-index: 5; } section#video div.caption h1 { color: #FFF32A; font-size: 20rem; } /*== Popup ==*/ .reveal-overlay { background-color: rgba(78, 178, 254, 0.8); } .reveal.small { background: transparent; border: none; box-shadow: none; outline: none; width: 75%; } .reveal:focus { box-shadow: none; outline: none; } .reveal .innerWrap { background: #ffffff; } .reveal .columns { padding: 0; } .reveal .left { background-color: #ffffff; } .reveal .left .featImg { background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; min-height: 600px; width: calc(100% + 1px); z-index: 1; } .reveal .right { background-color: transparent; } .reveal .right .top { background-color: #3B4A5E; padding: 60px 20px 20px; } .reveal .right .top h1 { color: #FFF65F; font-size: 8rem; margin-left: -20%; } .reveal .right .bottom { background-color: transparent; padding: 20px; } .reveal .right .bottom a { text-decoration: none; } .reveal .right .bottom a:after { content: ""; display: inline-block; font: normal normal normal 24px/1 FontAwesome; font-size: 2rem; margin-left: 6px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: sub; } .reveal .close-button { background: transparent; border: none; box-shadow: none; top: 20px; right: 20px; padding: 16px 0; width: 32px; } .reveal .close-button span { color: #FFF65F; font-size: 2rem; line-height: 0; padding: 0 8px; position: absolute; left: 0px; top: 15px; } section#officeFind { padding-top: 100px; padding-bottom: 100px; position: relative; z-index: 0 } section#officeFind .bg { background: #3B4A5E; height: 40%; width: 48%; position: absolute; left: 0; bottom: -1px; z-index: -100; } section#officeFind .row .columns { padding: 0; position: relative; } section#officeFind .search-area { position: relative; } section#officeFind .search-area .fa { position: absolute; right: 0; bottom: 14px; font-size: 1rem; } section#officeFind #s { padding-left: 0; } section#officeFind .geodir-loc-bar { border: none; margin: 0; padding: 0; } section#officeFind .geodir-loc-bar .geodir-loc-bar-in { background: transparent; border: none; padding: 0; margin: 0; } body section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search { position: relative; } body section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search .gd-search-input-wrapper { display: none; } body section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search .gd-search-input-wrapper { padding: 0; } body section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search .gd-search-input-wrapper.gd-search-field-near { display: block; } body section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search .gd-search-input-wrapper input[type=text] { background: #ffffff; border: none; border-bottom: 2px solid #4EB2FE; border-radius: 0; box-shadow: none; color: #3B4A5E; font-weight: 600; height: 42px; letter-spacing: 1px; margin-bottom: 0; padding-left: 0; width: 100%; } body.page-id-815 section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search .gd-search-input-wrapper input[type=text] { padding-left: 5px; } body.page-id-815 section#officeFind label { color: #ffffff; } body section#officeFind .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search button { background-color: #ffffff; position: absolute; top: 0; right: 0; min-width: 20px; width: 20px; } section#officeFind .search-area { display: none; } section#officeFind .horzOffice { padding-top: 60px; position: relative; overflow: scroll; } section#officeFind .horzOffice::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } section#officeFind .horzOffice .row { min-height: 400px; position: relative; } section#officeFind .horzOffice .track { padding: 0 20px; position: absolute; left: 0; right: 0; width: auto; overflow: visible; white-space: nowrap; } .scrollInd { display: block; opacity: 1; position: absolute; right: 0%; bottom: -50px; pointer-events: none; width: 80px; z-index: 999; -webkit-transition: all 1s linear; -o-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -kthtml-transition: all 1s linear; transition: all 1s linear; } #reps.people .scrollInd { color: #ffffff; right: 15px; } section#officeFind:hover .scrollInd, #reps:hover .scrollInd, #news:hover .scrollInd { opacity: 1; } .scrollInd i { float: right; font-size: 2rem; margin-top: -7px; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } section#officeFind:hover .scrollInd i, #rep:hover .scrollInd i, #reps:hover .scrollInd i, #news:hover .scrollInd i { -webkit-animation: arrow-point-right2 1.2s infinite; -moz-animation: arrow-point-right2 1.2s infinite; -o-animation: arrow-point-right2 1.2s infinite; animation: arrow-point-right2 1.2s infinite; } @-webkit-keyframes arrow-point-right2 { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes arrow-point-right2 { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } .scrollInd .desktop { display: none; } .scrollInd .mobile .mLeftButton{ float: none; pointer-events: fill; text-align: center; width: 30px; } .scrollInd .mobile .mRightButton{ float: none; pointer-events: fill; text-align: center; width: 30px; } section#officeFind:hover .scrollInd i.mLeftButton, #rep:hover .scrollInd i.mLeftButton, #reps:hover .scrollInd i.mLeftButton, #news:hover .scrollInd i.mLeftButton, section#officeFind:hover .scrollInd i.mRightButton, #rep:hover .scrollInd i.mRightButton, #reps:hover .scrollInd i.mRightButton, #news:hover .scrollInd i.mRightButton { -webkit-animation: none; -moz-animation:none; -o-animation: none; animation: none; } div.officeSearch { width: 150px; float: left; padding: 0 20px 0 0; } div.officeWrap { /* background-color: #4EB2FE; */ align-items: stretch; display: inline-block; float: none; height: 340px; margin: 0 1rem; padding: 0; position: relative; overflow: hidden; /* -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; */ width: 300px; } /* div.officeWrap:hover { background-color: #ffffff; } */ div.officeWrap .top.repimg { /* background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: cover, cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); */ /* mix-blend-mode: multiply; */ position: relative; padding: 65% 0; width: 100%; /* -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; */ } /* div.officeWrap:hover .repimg { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 filter: grayscale(0%); } */ div.officeWrap .officeContent { padding: 0 40px 40px; position: absolute; left: 0; bottom: 0; width: 100%; white-space: normal; } div.officeWrap .officeContent h1 { color: #FFF32A; font-size: 1.8rem; letter-spacing: 5px; text-align: left; } div.officeWrap .officeContent h1 a { color: #FFF32A; text-decoration: none; } div.officeWrap .officeContent p { color: #ffffff; font-size: 0.9rem; font-weight: 600; margin-bottom: 0; } div.officeWrap .officeContent .phone { color: #ffffff; text-align: left; } div.officeWrap .officeContent .email a { color: #ffffff; text-decoration: none; } section#calendar { padding-bottom: 120px; position: relative; z-index: 1; } section#calendar .bg { background: #3B4A5E; height: 101%; width: 48%; position: absolute; left: 0; top: -1px; z-index: -100; } section#calendar h2 { color: #ffffff; } section#calendar h3 { color: #ffffff; font-size: 2.5rem; font-weight: 600; margin-top: 40px; margin-bottom: 24px; } section#calendar .columns.right h6 { font-size: 1.25rem; margin-top: 100px; text-align: center; } section#calendar .columns.right h1 { color: #ffffff; font-size: 16rem; text-shadow: -1px 1px 0 #4EB2FE, 1px 1px 0 #4EB2FE, 1px -1px 0 #4EB2FE, -1px -1px 0 #4EB2FE; text-align: center; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } section#calendar .columns.right h1:hover { color: #FFF32A; text-shadow: -1px 1px 0 #FFF32A, 1px 1px 0 #FFF32A, 1px -1px 0 #FFF32A, -1px -1px 0 #FFF32A; text-align: center; } section#calendar .columns.right p { color: #dddddd; font-size: 1rem; font-weight: 600; text-align: center; } section#calendar .accordion { background: transparent; } section#calendar .accordion .row { padding: 0; } section#calendar .accordion .accordion-title { border: none; border-bottom: 2px solid #626E7E; padding: 1.25rem 1rem 1.25rem 0; } section#calendar .accordion .accordion-title:hover, section#calendar .accordion .accordion-title:focus, section#calendar .accordion .is-active > .accordion-title { background: transparent; } section#calendar .accordion .accordion-title::before { color: #4EB2FE; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 2.25rem; line-height: 0.75; } section#calendar .accordion .is-active > .accordion-title::before { content: '×'; } section#calendar .accordion .accordion-title .calDate h6 { color: #FFF32A; letter-spacing: 2px; text-align: center; } section#calendar .accordion .accordion-title .calDate h1 { color: #FFF32A; font-size: 2.5rem; text-align: center; } section#calendar .accordion h3 { color: #ffffff; font-size: 1.8rem; font-weight: 600; line-height: 1; margin-top: 10px; margin-bottom: 0; padding-right: 24px; } section#calendar .accordion-content { display: none; padding: 1rem 0 0; border: none; border-bottom: 2px solid #626E7E; background-color: transparent; color: #ffffff; } /* --------------- ------------------ Page styles ------------------ --------------- */ .page-template-default article { background: #3B4A5E; color: #ffffff; padding-top: 80px; padding-bottom: 80px; } .page-template-default article h5 { color: #FFF32A; } #contentTwo { padding-top: 80px; padding-bottom: 80px; } #linkTiles { padding-top: 80px; padding-bottom: 180px; } #linkTiles .linkImg { background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: cover, cover; position: relative; padding: 40% 0; width: 100%; } #linkTiles a { text-decoration: none; } #linkTiles p a:after { content: ""; display: inline-block; font: normal normal normal 24px/1 FontAwesome; font-size: 1.5rem; margin-left: 6px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: sub; } #linkTiles p a:hover:after { -webkit-animation: arrow-jump-x 1.2s infinite; -moz-animation: arrow-jump-x 1.2s infinite; -o-animation: arrow-jump-x 1.2s infinite; animation: arrow-jump-x 1.2s infinite; } @-webkit-keyframes arrow-jump-x { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } @keyframes arrow-jump-x { 0% { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(-1px); -moz-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px); } } #afterAcc { padding-top: 80px; padding-bottom: 80px; } /* --------------- Our Vision Page styles ------------------ */ /* --------------- Benefits Page styles ------------------ */ .page-id-815 #contentTwo { display: none; } .page-id-815 section#officeFind { color: #ffffff; } .page-id-815 section#officeFind .bg { background: #3B4A5E; height: 45%; width: 100%; position: absolute; left: 0; top: -1px; z-index: -100; } .page-id-815 section#officeFind #s { padding-left: 10px; } .page-id-815 section#officeFind .search-area .fa { right: 5px; } /* --------------- ------------------ Division Page styles ------------------ --------------- */ #featured-hero .bg { height: 45vh; width: 100%; position: absolute; left: 0; bottom: -1px; z-index: -100; } #featured-hero .featCol { background-color: #4EB2FE; position: relative; left: 0; top: 0; height: 90vh; width: 100%; z-index: -1; } #featured-hero .heroArea { -webkit-filter: grayscale(100%); filter: grayscale(100%); mix-blend-mode: multiply; height: 90vh; opacity: 0.7; position: absolute; width: 100%; z-index: 1; } #featured-hero h1 { color: #FFF65F; padding-top: 30vh; position: relative; text-align: center; z-index: 10; } #featured-hero h5.cat { color: #ffffff; padding-top: 30vh; position: relative; text-align: center; z-index: 10; } #featured-hero h5.cat span { background-color: #ffffff; display: inline-block; height: 2px; margin: 0 10px; width: 40px; vertical-align: middle; } #featured-hero h5.cat a { color: #ffffff; } #featured-hero h5.cat a span { background-color: transparent; height: auto; margin: 0; width: auto; vertical-align: baseline; } #featured-hero h2 { color: #FFF65F; position: relative; text-align: center; z-index: 10; } #featured-hero p { color: #ffffff; position: relative; text-align: center; z-index: 10; } .page-template article { background: #3B4A5E; color: #ffffff; padding-top: 80px; padding-bottom: 80px; } .page-template article h5 { color: #FFF32A; } .threelinks { padding-top: 100px; } .threelinks .columns { padding-left: 2rem; padding-right: 2rem; } .threelinks .columns:first-child { padding-left: 0.9375rem; } .threelinks .columns:last-child { padding-right: 0.9375rem; } .threelinks a { color: #ffffff; text-decoration: none; width: 100%; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } .threelinks a h4 { border-bottom: 2px solid #626E7E; padding-right: 10px; padding-bottom: 10px; position: relative; } .threelinks a h4 i.fa { color: #4EB2FE; position: absolute; right: 0; } .threelinks a:hover h4 { border-bottom: 2px solid #FFF32A; } .threelinks a:hover i.fa { color: #FFF32A; } #quote { padding-top: 120px; padding-bottom: 0px; } #quote #quoteSlider h2 { text-align: center; } #quote #quoteSlider h5 { color: #4EB2FE; text-align: center; } #quote .quoteImg { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; margin: 40px auto 20px; padding: 30px 0; width: 60px; } #quote .arrows .orbit-previous i { background: transparent; color: #4EB2FE; font-size: 2rem; } #quote .arrows .orbit-next i { background: transparent; color: #4EB2FE; font-size: 2rem; } #quote .arrows .orbit-previous:link, #quote .arrows .orbit-next:link, #quote .arrows .orbit-previous:focus, #quote .arrows .orbit-next:focus, #quote .arrows .orbit-previous:active, #quote .arrows .orbit-next:active, #quote .arrows .orbit-previous:hover, #quote .arrows .orbit-next:hover { background: transparent; } .page-template-page-divisions #news { overflow: hidden; } .page-template-page-divisions #news .row h5{ color: #4EB2FE; margin-bottom: 20px; } #unionMap { padding-top: 120px; padding-bottom: 120px; position: relative; } #unionMap .bg { background: #3B4A5E; height: 65vh; width: 100%; position: absolute; left: 0; top: -1px; z-index: -100; } #unionMap h2, #unionMap p { color: #ffffff; text-align: center; } #unionMap .map { padding-top: 40px; } #reps { padding-bottom: 120px; position: relative; z-index: 0 } #reps .bg { background: #3B4A5E; height: 50vh; width: 48%; position: absolute; left: 0; bottom: -1px; z-index: -100; } #reps > .row { position: relative; } #reps > .row .columns { position: relative; } #reps h2, #reps p { text-align: center; } #reps .horzRep { padding-top: 60px; position: relative; margin-bottom: -17px !important; overflow-y: hidden; overflow-x: scroll; } #reps .horzRep::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } #reps .horzRep .row { min-height: 410px; position: relative; } div.horzRep .track { padding: 0 20px; position: absolute; left: 0; right: 0; width: auto; overflow: visible; white-space: nowrap; } /* .page-id-521 div.horzRep .track, .page-id-633 div.horzRep .track { width: 650%; } */ div.repWrap { background-color: #4EB2FE; align-items: stretch; display: inline-block; float: none; height: 390px; margin: 0 1rem; padding: 0; position: relative; overflow: hidden; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; width: 300px; } div.repWrap:hover { background-color: #ffffff; } div.repWrap .top.repimg { background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: cover, cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); mix-blend-mode: multiply; position: relative; padding: 65% 0; width: 100%; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } div.repWrap:hover .repimg { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } div.repWrap .repContent { padding-bottom: 40px; position: absolute; left: 0; bottom: 0; width: 100%; } div.repWrap .repContent h1 { color: #FFF32A; font-size: 1.8rem; letter-spacing: 5px; text-align: center; } div.repWrap .repContent h1 a { color: #FFF32A; text-decoration: none; } div.repWrap .repContent p { margin-bottom: 0; } div.repWrap .repContent .phone { color: #ffffff; text-align: center; } div.repWrap .repContent .email a { color: #ffffff; text-decoration: none; } .page-template-page-divisions #featLinks { background: #ffffff; position: relative; padding-bottom: 120px; padding-top: 0px; z-index: 1; } .page-template-page-divisions #featLinks .bg { background: #3B4A5E; height: 100%; width: 48%; position: absolute; left: 0; top: -1px; z-index: -100; } .page-template-page-divisions #featLinks .body { background: #ffffff; } .page-template-page-divisions #featLinks .body h6 { color: #4EB2FE; margin-bottom: 20px; } .page-template-page-divisions #featLinks .body h2 { color: #3B4A5E; margin-left: 40px; margin-bottom: 0px; } .page-template-page-divisions .footerSignup .bg { width: 48%; } /* .main-wrap { min-height: 100vh; margin-top: 0; padding-top: 25vh; position: relative; z-index: 1; } */ /* .main-wrap article header { text-align: center; } */ .main-wrap .entry-content { margin-top: 100px; } .page-id-39 .accordion { display: none; } /* --------------- ------------------ Timeline Page styles ------------------ --------------- */ .page-template-page-timeline article { background: #3B4A5E; color: #ffffff; padding-top: 180px; padding-bottom: 100px; } .page-template-page-timeline article h2 { font-size: 4rem; font-weight: 900; line-height: 1.2; margin-top: -8px; } section#timeline { padding-top: 100px; padding-bottom: 100px; } ul#timelineList { list-style-type: none; margin: 80px 0; padding: 0; text-indent: 0; } div.timeTop { border-right: 2px #3B4A5E solid; margin-right: 50%; min-height: 90px; position: relative; width: 50%; } div.timeTop .circle { background: #3B4A5E; border-radius: 50%; padding: 8px 0; position: absolute; top: -4px; right: -9px; width: 16px; } li.timeItem { border-top: 2px #3B4A5E solid; position: relative; width: 50%; } li.timeItem:nth-child(odd) { float: right; margin-top: 0px; min-height: 300px; padding: 40px 0px 40px 50px; text-align: left; } li.timeItem:nth-child(even) { border-right: 2px #3B4A5E solid; float: left; min-height: 300px; padding: 40px 50px 40px 0; text-align: right; } li.timeItem:nth-child(3) { margin-top: 150px; } ul li.timeItem:last-of-type { border-right: 2px #3B4A5E solid; clear: left; float: left; margin-top: 0; min-height: 90px; padding: 40px 50px 40px 0; text-align: right; } li.timeItem h1 { background: #ffffff; color: #4EB2FE; font-size: 1.5rem; letter-spacing: 0.5px; padding: 4px; position: absolute; left: 0; top: -17px; } li.timeItem:nth-child(odd) h1 { left: auto; right: 0; } ul li.timeItem:last-of-type h1 { left: 0; right: auto; } li.timeItem h2 { color: #4EB2FE; font-size: 1.2rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; } div.timeBottom { border-right: 2px #3B4A5E solid; margin-right: 50%; min-height: 90px; position: relative; width: 50%; } div.timeBottom .circle { background: #3B4A5E; border-radius: 50%; padding: 8px 0; position: absolute; bottom: -4px; right: -9px; width: 16px; } .page-template-page-timeline aside.sidebar { border: 2px solid #4EB2FE; border-radius: 3px; margin-top: 80px; padding: 40px; width: 100%; } .page-template-page-timeline article.row.widget { padding-bottom: 0; } .page-template-page-timeline aside.sidebar .gform_wrapper li.gfield { clear: none; float: left; margin-top: 0; margin-right: 2%; margin-bottom: 40px; padding: 0; width: 45%; } .page-template-page-timeline aside.sidebar .gform_wrapper li.gfield:last-child { margin-right: 0; width: 110px; } .page-template-page-timeline aside.sidebar .gform_wrapper .gform_footer { clear: none; float: right; margin: 0; margin-top: 32px; padding: 0; width: 25%; } .page-template-page-timeline aside.sidebar .gform_wrapper .gform_footer input[type=submit].button { float: right; font-size: 0.9rem; letter-spacing: 1.5px; margin-top: 0; width: 25%; } .page-template-page-timeline .footerSignup { display: none; } .page-id-732.page-template-page-timeline aside.sidebar h3 { font-size: 1.6rem; } /* --------------- ------------------ People styles ------------------ --------------- */ .page-template-page-people article { padding-bottom: 100px; position: relative; } .page-template-page-people article .bg { background: #ffffff; height: 50vh; width: 100%; position: absolute; left: 0; bottom: -1px; z-index: 0; } .page-template-page-people article .leadership { margin-top: 80px; position: relative; } .page-template-page-people article .leadership .columns { margin-bottom: 40px; } /* .page-template-page-people article .horzPro .row { min-height: 500px; position: relative; } */ /* .page-template-page-people article .leadership .track { padding: 0 20px 0 120px; position: absolute; left: 0; right: 0; width: 200%; overflow: visible; } */ .page-template-page-people article .leadership div.profileWrap { background-color: #4EB2FE; align-items: stretch; float: left; height: 390px; margin: 0 1rem; padding: 0; position: relative; overflow: visible; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; width: 300px; } .page-template-page-people article .leadership div.profileWrap:hover { background-color: #ffffff; } .page-template-page-people article .leadership div.profileWrap { text-align: center; } .page-template-page-people article .leadership div.profileWrap .top.repimg { background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: cover, cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); mix-blend-mode: multiply; position: relative; padding: 65% 0; width: 100%; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } .page-template-page-people article .leadership div.profileWrap:hover .repimg { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } div.profileWrap .repContent { padding-bottom: 40px; position: absolute; left: 0; bottom: 0; width: 100%; } div.profileWrap .repContent h1 { color: #FFF32A; font-size: 1.8rem; letter-spacing: 5px; text-align: center; } div.profileWrap .repContent p { color: #ffffff; margin-bottom: 0; text-align: center; } div.profileWrap .repContent .email a { color: #ffffff; text-decoration: none; } div.profileWrap .pop { background: #ffffff; opacity: 0; padding: 24px; position: absolute; bottom: 90%; left: -10%; width: 120%; z-index: -100; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } div.profileWrap.active .pop, div.profileWrap:hover .pop, div.profileWrap .pop:hover { opacity: 1; z-index: 1000; } div.profileWrap .pop p { color: #3B4A5E; font-size: 0.9rem; text-align: left; } div.profileWrap .pop .arrow { width: 0; height: 0; border-top: 15px solid #ffffff; border-left: 15px solid transparent; border-right: 15px solid transparent; margin-left: -15px; position: absolute; left: 50%; bottom: -15px; } #reps.people { background: #3B4A5E; padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 0 } #reps.people .bg { background: #ffffff; height: 50vh; width: 100%; position: absolute; left: 0; bottom: -1px; z-index: -100; } #reps.people h5 { color: #FFF32A; } #reps.people h2, #reps.people p { color: #ffffff; text-align: start; } /*----Rep Filter----*/ #repFinder { clear: both; float: left; margin-top: 20px; margin-left: 15px; width: auto; } #reps.people .horzRep { padding-top: 60px; position: relative; } #reps.people .horzRep::-webkit-scrollbar { width: 0px; /* remove scrollbar space */ background: transparent; /* optional: just make scrollbar invisible */ } #reps.people .horzRep .row { min-height: 450px; position: relative; overflow: visible; /* margin-bottom: -17px !important; overflow-y: hidden; overflow-x: scroll; */ } #reps.people .track { padding: 0 20px; position: absolute; left: 0; right: 0; width: auto; overflow: visible; white-space: nowrap; } #reps.people div.repWrap { background-color: #4EB2FE; align-items: stretch; float: none; display: inline-block; margin: 0 1rem; padding: 0; position: absolute; bottom: 0; right: 0; overflow: hidden; text-align: center; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; opacity: 0; height: 0; width: 0; } #reps.people div.repWrap.show { opacity: 1; position: relative; height: 390px; width: 300px; } #reps.people div.repWrap:hover { background-color: #ffffff; } #reps.people div.repWrap .track .columns{ padding: 0 1.5rem; } #reps.people div.repWrap h1, #reps.people div.repWrap p { text-align: center; } .page-template-page-people .footerSignup { display: none; } /* --------------- ------------------ Contract styles ------------------ --------------- */ .page-template-page-contracts article { background: #3B4A5E; color: #ffffff; padding-top: 80px; padding-bottom: 80px; } .page-template-page-contracts article h5 { color: #FFF32A; } .page-template-page-contracts #accordion { padding: 80px 20px; } #accordion .desktop { display: block; } #accordion .clearfix { pointer-events: none; } #accordion .accWrap { border: 2px solid #f2f6fc; } #accordion .left { background: #ffffff; border: none; border-right: 2px solid #f2f6fc; /* border-top: 2px solid #f2f6fc; border-left: 2px solid #f2f6fc; border-bottom: 2px solid #f2f6fc; */ padding-left: 0; padding-right: 0; } #accordion .right { padding-left: 0; } #accordion .tabs { background: #ffffff; border: 0; } #accordion .tabs-title>a { background: #ffffff; border-right: 0; border-bottom: 2px solid #f2f6fc; color: #3B4A5E; letter-spacing: 0.5px; line-height: 1.15; text-decoration: none; text-transform: uppercase; } #accordion .tabs-title:last-child > a { border-bottom: none; } #accordion .tabs-title>a:hover { background: #FFF65F; } #accordion .tabs-title>a:focus, #accordion .tabs-title>a[aria-selected=true] { background: #3B4A5E; border-right: 0; color: #ffffff; text-decoration: none; } #accordion .tabs-title>a h1 { font-size: 1.6rem; font-weight: 900; margin-bottom: 0; text-decoration: none; } #accordion .tabs-title>a h2 { font-size: 1rem; margin-bottom: 0; text-transform: none; text-decoration: none; } #accordion .tabs-title>a[aria-selected=true] h1, #accordion .tabs-title>a[aria-selected=true] h2 { color: #ffffff; } #accordion .tabs-panel { padding: 2rem; } #accordion .right { background: #ffffff; /* border-left: 2px solid #f2f6fc; */ padding-right: 0; } #accordion .tabs-content { background: #ffffff; border: none; color: #3B4A5E; } #accordion .tabs-content h5 { font-size: 1rem; font-weight: 500; float: left; line-height: 1.6; padding-left: 24px; position: relative; text-transform: none; } #accordion .tabs-content h5:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; position: absolute; left: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #accordion .tabs-content p { margin-bottom: 24px; text-align: right; } #accordion .mobile { display: none; } #accordion .mobile .accordion-title { background: #ffffff; color: #3B4A5E; text-decoration: none; } #accordion .mobile .is-active .accordion-title { background: #3B4A5E; color: #ffffff; } .page-template-page-contracts #news .bg { bottom: initial; top: -1px; min-height: 90vh; height: 360px; display: none; } .page-template-page-contracts #news { background: #3B4A5E; color: #ffffff; } .page-template-page-contracts #news .row { padding-bottom: 120px; } .page-template-page-contracts #news h2.title { font-size: 3.5rem; text-align: left; } .page-template-page-contracts #news .horzBlog .row { min-height: 650px; } .page-template-page-contracts #accordion2 .row:first-child { margin-bottom: 60px; } .page-template-page-contracts #accordion2 { padding: 80px 20px; } .page-template-page-contracts #accordion2 h2 { font-size: 3.5rem; text-align: left; } #accordion2 .desktop { display: block; } #accordion2 .clearfix { pointer-events: none; } #accordion2 .accWrap { border: 2px solid #f2f6fc; } #accordion2 .left { background: #ffffff; border: none; border-right: 2px solid #f2f6fc; /* border-top: 2px solid #f2f6fc; border-left: 2px solid #f2f6fc; border-bottom: 2px solid #f2f6fc; */ padding-left: 0; padding-right: 0; } #accordion2 .right { padding-left: 0; } #accordion2 .tabs { background: #ffffff; border: 0; } #accordion2 .tabs-title>a { background: #ffffff; border-right: 0; border-bottom: 2px solid #f2f6fc; color: #3B4A5E; letter-spacing: 0.5px; line-height: 1.15; text-decoration: none; text-transform: uppercase; } #accordion2 .tabs-title:last-child > a { border-bottom: none; } #accordion2 .tabs-title>a:hover { background: #FFF65F; } #accordion2 .tabs-title>a:focus, #accordion2 .tabs-title>a[aria-selected=true] { background: #3B4A5E; border-right: 0; color: #ffffff; text-decoration: none; } #accordion2 .tabs-title>a h1 { font-size: 1.6rem; font-weight: 900; margin-bottom: 0; text-decoration: none; } #accordion2 .tabs-title>a h2 { font-size: 1rem; margin-bottom: 0; text-transform: none; text-decoration: none; } #accordion2 .tabs-title>a[aria-selected=true] h1, #accordion2 .tabs-title>a[aria-selected=true] h2 { color: #ffffff; } #accordion2 .tabs-panel { padding: 2rem; } #accordion2 .right { background: #ffffff; /* border-left: 2px solid #f2f6fc; */ padding-right: 0; } #accordion2 .tabs-content { background: #ffffff; border: none; color: #3B4A5E; } #accordion2 .tabs-content h5 { font-size: 1rem; font-weight: 500; float: left; line-height: 1.6; padding-left: 24px; position: relative; text-transform: none; } #accordion2 .tabs-content h5:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; position: absolute; left: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #accordion2 .tabs-content p { margin-bottom: 24px; text-align: left; } #accordion2 .mobile { display: none; } #accordion2 .mobile .accordion-title { background: #ffffff; color: #3B4A5E; text-decoration: none; } #accordion2 .mobile .is-active .accordion-title { background: #3B4A5E; color: #ffffff; } /* --------------- ------------------ Buy Union styles ------------------ --------------- */ .bottomCol { margin-top: 80px; margin-bottom: 80px; } /* --------------- ------------------ Study Signup styles ------------------ --------------- */ .page-template-page-petition.page-id-1841 #featured-hero .heroArea, .page-template-page-petition.page-id-1871 #featured-hero .heroArea { background-size: cover, 40% auto; background-position: center, top right; } .page-template-page-petition.page-id-1841 #featured-hero .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .page-template-page-petition.page-id-1871 #featured-hero .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { background-color: #6Ec2Ff; } .page-template-page-petition.page-id-2009 #featured-hero .heroArea, .page-template-page-petition.page-id-2011 #featured-hero .heroArea, .page-template-page-petition.page-id-2013 #featured-hero .heroArea, .page-template-page-petition.page-id-2015 #featured-hero .heroArea { background-size: cover, 55% auto; background-position: center, right top; } /* --------------- ------------------ Petition styles ------------------ --------------- */ .page-template-page-petition #featured-hero { margin-bottom: 30px; } .page-template-page-petition #featured-hero .heroArea { -webkit-filter: grayscale(0%); filter: grayscale(0%); height: 100%; mix-blend-mode: unset; min-height: 90vh; opacity: 1; } .page-template-page-petition #featured-hero .row > .columns { position: relative; z-index: 0; } .page-template-page-petition #featured-hero .featCol { min-height: 90vh; height: auto; padding-bottom: 20px; } .page-template-page-petition #featured-hero .featCol .columns { float: none; padding-top: 140px; text-align: start; } .page-template-page-petition #featured-hero .featCol .columns h2 { text-align: start; } .page-template-page-petition #featured-hero .featCol .columns p { text-align: start; } .page-template-page-petition #featured-hero .featCol .columns .gform_wrapper { position: relative; z-index: 100; } .page-template-page-petition #featured-hero .gform_wrapper .top_label .gfield_label { color: #ffffff; font-size: 1rem; font-weight: 900; } .page-template-page-petition #featured-hero .gform_wrapper .ginput_container label { color: #ffffff; } .page-template-page-petition .gform_wrapper .gfield_required { color: #FFF32A; } .page-template-page-petition #featured-hero .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { background: transparent; border: none; border-bottom: 2px solid #FFF32A; box-shadow: none; color: #ffffff; font-weight: 600; height: 42px; letter-spacing: 1px; margin-bottom: 0; padding: 5px 4px; width: 100%; } .page-template-page-petition #featured-hero .gform_wrapper input::placeholder { color: #ffffff; } .page-template-page-petition .gform_confirmation_wrapper a, .page-template-page-petition .gform_confirmation_wrapper a:link, .page-template-page-petition .gform_confirmation_wrapper a:visited, .page-template-page-petition .gform_confirmation_wrapper a:active { color: #FFF65F; font-weight: 700; } .page-template-page-petition #featured-hero .gform_wrapper .gfield { margin-bottom: 40px; padding: 0; } .page-template-page-petition #featured-hero .gform_wrapper #field_5_3 { clear: none; float: left; padding-right: 1rem; width: 50%; } .page-template-page-petition #featured-hero .gform_wrapper #field_5_4 { clear: none; float: left; padding: 0; width: 50%; } .page-template-page-petition #featured-hero .gform_wrapper #field_5_5 { clear: none; float: left; margin: 0 0 20px; padding: 0; width: 50%; } .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small { min-width: 120px; } .page-template-page-petition #featured-hero .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { color: #3B4A5E; font-size: 0.9rem; margin: 0; padding: 8px 28px 8px 10px; width: 100%; } .page-template-page-petition #featured-hero .gform_wrapper .gform_footer { width: 50%; float: left; } .page-template-page-petition #featured-hero .gform_wrapper .gform_footer input[type=submit].button { background: #FFF32A; clear: none; color: #3B4A5E; width: 100%; } .page-template-page-petition .gform_confirmation_wrapper { color: #ffffff; } .page-template-page-petition section.footerSignup { display: none; } /* --------------- ------------------ Main News styles ------------------ --------------- */ /* --------------- ------------------ Single News styles ------------------ --------------- */ .single-post.postid-2071 aside.sidebar { display: none; } .single-post article.row { padding-bottom: 100px; } .single-post article p { font-size: 1.2rem; line-height: 1.75; margin-bottom: 2rem; } .single-post article .responsive-embed, .single-post article .flex-video { padding-bottom: 60%; } .single-post aside.sidebar { border: 2px solid #4EB2FE; border-radius: 3px; padding: 40px; width: 100%; } .single-post article.row.widget { padding-bottom: 0; } .single-post aside.sidebar .gform_wrapper li.gfield { clear: none; float: left; margin-top: 0; margin-right: 2%; margin-bottom: 40px; padding: 0; width: 45%; } .single-post aside.sidebar .gform_wrapper li.gfield:last-child { margin-right: 0; width: 110px; } .single-post aside.sidebar .gform_wrapper .gform_footer { clear: none; float: right; margin: 0; margin-top: 32px; padding: 0; width: 25%; } .single-post aside.sidebar .gform_wrapper .gform_footer input[type=submit].button { float: right; font-size: 0.9rem; letter-spacing: 1.5px; margin-top: 0; width: 25%; } .single-post .navigation { display: none; } .single-post .footerSignup { display: none; } /* --------------- ------------------ News styles ------------------ --------------- */ .horzWrapper { margin-bottom: 80px; } .horzWrapper h4 a { text-decoration: none; } /* --------------- ------------------ 404 styles ------------------ --------------- */ .error404 .footerSignup { display: none; } /* --------------- ------------------ Maps Pages ------------------ --------------- */ body.gd-google-maps .geodir-loc-bar { padding: 0 0 40px; border-top: 0; margin-top: 0; } body.gd-google-maps .geodir-loc-bar .geodir-loc-bar-in { background: #3B4A5E; border: none; padding: 20px; } body.gd-google-maps .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search button { background-color: #FFF65F; color: #3B4A5E; } body.search.gd-google-maps h1 { font-size: 4rem; } body.search.gd-google-maps .geodir-content h3 { font-size: 0.8rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } body.search.gd-google-maps .geodir-content h3.geodir-entry-title{ font-size: 2.5rem; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 10px; text-transform: none; } body.search.gd-google-maps h3.geodir-entry-title a { text-decoration: none; } /*----Map PopUp Module----*/ .gm-style .gm-style-iw { min-height: 120px; padding-top: 20px; } .gd-bubble .geodir-bubble_desc h4 { background: #3B4A5E; color: #FFF65F; font-size: 1.25rem; margin-bottom: 0; padding-bottom: 8px; width: 226px; } .gd-bubble .geodir-bubble_desc h4 a { color: #FFF65F; text-decoration: none; } .geodir-bubble-meta-side { position: absolute; top: 70px; z-index: 999; } .geodir-bubble-meta-bottom { display: none; } .gd-bubble .geodir-bubble_image { display: none; height: 60px; } /*----Detail Page----*/ .single-gd_place header.site-header .title-bar-title a { background-image: url('assets/images/770-main-dark.svg'); } .single-gd_place header.site-header .menu-icon span { background: #3B4A5E; } .single-gd_place #wrap { padding-top: 140px; } .single-gd_place #geodir_content { width: 60%; } .single-gd_place h1.entry-title { font-size: 4rem; } .single-gd_place ul.geodir-tabs-content { margin: 0 0 10px 0; padding: 0; min-height: 350px; border: 1px #e1e1e1 solid; } .single-gd_place .geodir_flex-container { display: none; } .single-gd_place .geodir-tabs .gd-tab-list-title a { color: #3B4A5E; text-decoration: none; } .geodir-page .footerSignup, .search.gd-google-maps .footerSignup { display: none; } /* --------------- ------------------ Footer styles ------------------ --------------- */ .footerSignup { background-color: #ffffff; position: relative; /* margin-bottom: -50px; */ z-index: 1; } .footerSignup .bg { background: #3B4A5E; display: none; height: 50px; width: 48%; position: absolute; left: 0; top: 0px; z-index: -100; } .footerSignup .large-4 { padding-top: 20vh; padding-bottom: 20vh; } .footerSignup ul { list-style-type: none; margin: 0; } .footerSignup .gform_wrapper li.gfield { clear: none; float: left; margin-top: 0; margin-right: 2%; margin-bottom: 40px; padding: 0; width: 100%; } .footerSignup .gform_wrapper li.gfield:last-child { margin-right: 0; width: 110px; } .footerSignup .gform_wrapper li.gfield .ginput_container { margin: 0; } /* .footerSignup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { background: transparent; border: none; border-bottom: 3px solid #17CB76; color: #ffffff; font-weight: 500; height: 42px; letter-spacing: 1px; margin-bottom: 0; width: 100%; } */ .footerSignup .gform_wrapper .gform_footer { clear: none; float: right; margin: 0; margin-top: 20px; padding: 0; width: 50%; } .footerSignup .gform_wrapper .gform_footer input[type=submit].button { float: right; font-size: 0.9rem; letter-spacing: 1.5px; margin-top: 0; width: 50%; } /* .footer-container { background: #3B4A5E; border: 0; margin-top: 0; padding: 100px 0; } */ .footer-container .footer { max-width: 1400px; padding: 1.875rem 40px; } .footer-container .footlogo { display: inline-block; } .footer-container .footlogo a { background: url(assets/images/ufcw_logo_whiteyellow_circle.svg); background-position: left center; background-repeat: no-repeat; background-size: 100% auto; box-shadow: none; display: inline-block; height: auto; line-height: 1; padding: 60px; pointer-events: fill; position: relative; top: 0; left: 0; width: 100%; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } .footer-container h6 { color: #ffffff; font-size: 1.5rem; font-weight: 600; padding-bottom: 1.25rem; text-transform: none; } .footer-container p { color: #ffffff; font-size: 0.9rem; font-weight: 900; letter-spacing: 2px; line-height: 1.25; opacity: 0.65; } /* .footer-container #text-6 p:first-child { font-size: 0.75rem; font-weight: 400; letter-spacing: 1px; padding: 0rem 0rem 0.6rem; margin-bottom: 0; text-transform: none; } .footer-container #text-6 p:nth-child(n+3) a { color: #ffffff; text-decoration: none; } */ .footer-container .menu > li > a { clear: both; color: #ffffff; display: block; font-size: 0.9rem; font-weight: 900; letter-spacing: 2px; line-height: 1.25; opacity: 0.65; padding: 0rem 0rem 0.6rem; text-align: left; text-decoration: none; text-transform: uppercase; } .footer-container .menu > li > a:hover { opacity: 1; } /* Next Styles */ @media only screen and (min-width: 1201px) { li.orbit-slide span.backText { left: 18%; } } @media only screen and (min-width: 1025px) and (max-width: 1200px) { section#video img { margin-left: 0; width: 100%; } } @media only screen and (max-width: 1024px) { #featLinks h1 { margin-left: -10%; width: 110%; font-size: 10rem; } div.vertC div.blogarea { padding: 40px; } div.vertC div.blogarea h2 { font-size: 2rem; } div.blogarea .date { padding: 0; } div.blogarea .readm { clear: left; float: left; text-align: left; } section#video div.caption { top: 40px; } section#video div.caption h2 { font-size: 2.5rem; } section#video div.caption h1 { font-size: 12rem; } section#officeFind .horzOffice .track { width: 450%; } section#officeFind .bg, section#calendar .bg { width: 58%; } } @media only screen and (max-width: 800px) { div.vertC div.blogarea { padding: 15px 15px 50px; } div.vertC div.blogarea h2 { font-size: 2rem; } section#video .bg { height: 200px; } section#video div.caption { top: 24px; } section#video div.caption h2 { font-size: 2.5rem; margin-bottom: 0; } section#video div.caption h1 { font-size: 12rem; margin-bottom: 0; } section#officeFind .horzOffice .track { width: 450%; } section#officeFind .bg { width: 58%; } section#calendar .bg { width: 58%; } .footerSignup { background: #ffffff; } .footerSignup .large-4 { padding-top: 40px; padding-bottom: 40px; } .footerSignup h2 { font-size: 2.5rem; } .footerSignup .gform_wrapper li.gfield { margin-bottom: 24px; } .footer-container .footlogo a { padding: 44px; } .footer-container .footer { padding: 1.875rem 20px; } #unionMap { padding-top: 80px; padding-bottom: 80px; } #unionMap .bg { height: 500px; } #reps .bg { height: 300px; } .page-template-page-divisions #featLinks .body h6, .page-template-page-divisions #featLinks .body h2 { margin-left: 20px; } .page-template-page-divisions #featLinks .body .bottom { padding: 20px; } .page-template-page-timeline aside.sidebar { padding: 20px; } .page-template-page-people article .leadership div.profileWrap { height: auto; margin: 0; width: 100%; } div.profileWrap .repContent p { font-size: 0.9rem; } #reps.people .track { width: 1300%; } #contentTwo { padding-bottom: 0; } #linkTiles { padding-bottom: 80px; } #linkTiles h2 { font-size: 2rem; } #accordion .tabs-content h5 { float: none; } #accordion .tabs-content p { text-align: left; } .page-template-page-petition #featured-hero .gform_wrapper #field_5_5 { width: 100%; } } @media only screen and (max-width: 767px) { body { padding-top: 15px; } h1 { font-size: 3.25rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2rem; } h6 { font-size: 0.75rem; } .row { padding: 0 15px; } .admin-bar #topCTA, #topCTA { top: -15px; } #topCTA .small-12 { padding-left: 0; padding-right: 0; } #topCTA #close { margin-left: 20px; } #topCTA h1, #topCTA h2, #topCTA h3, #topCTA h4, #topCTA h5, #topCTA h6, #topCTA p, #topCTA span, #topCTA a, #topCTA a:link, #topCTA a:active, #topCTA a:visited { font-size: 0.9rem; } #topCTA+header.site-header { top: 66px; } header.site-header .title-bar { padding: 0 15px 15px; } header.site-header .title-bar-title a { padding: 30px; top: 10px; left: 0px; width: 60px; } header.site-header.open .title-bar-title a { background-position: center; background-repeat: no-repeat; background-size: 100% auto; padding: 30px; top: 10px; left: 0px; width: 60px; } /* #memLink { right: 66px; } */ /* header.site-header .menu-icon { right: 10px; width: 36px; } */ /* header.site-header #site-navigation { top: -20px; } */ /* header.site-header #site-navigation #iconSections { padding: 20px 0; } */ /* #iconSections li { margin-bottom: 20px; width: 33%; } */ /* #iconSections li:nth-child(4) { clear: left; } */ /* #iconSections li::before { font-size: 4.5rem; } */ /* #iconSections li a { font-size: 0.7rem; letter-spacing: 1.5px; margin-top: -70px; padding-top: 70px; top: 0; } */ /* header.site-header #site-navigation .row .row { margin: 0; padding: 0; } header.site-header #site-navigation > .row { padding-bottom: 40px; } header.site-header #site-navigation .column { float: left; clear: none; margin-bottom: 40px; padding: 0; width: 50%; } header.site-header #site-navigation .column h6 { margin-bottom: 0; } */ .menu > li > a { font-size: 1rem; } .hero { background-position: right bottom; min-height: 92vh; } .hero .row { padding-top: 26vh; } .hero .small-12 { padding-left: 20px; padding-right: 20px; } .heroArea li.orbit-slide h1.backText { display: none; } .hero h1 { font-size: 6.5rem; padding-top: 40vh; visibility: visible; } .hero h2 { font-size: 2rem; padding-top: 34vh; } #heroSlider h6 { visibility: hidden; } #heroSlider h6 .fa-angle-down { font-size: 2rem; visibility: visible; } #wrap { margin-bottom: 0px; } #divisions { margin-bottom: -1px; } #divisions li { margin-bottom: 20px; width: 33%; } #divisions li:nth-child(4) { clear: left; } #divisions li a { font-size: 0.7rem; letter-spacing: 1.5px; margin-top: -70px; padding-top: 70px; top: 0; } #divisions li::before { font-size: 4.5rem; } #featLinks .bg { background-color: #ffffff; height: 200px; position: absolute; left: 0; bottom: -1px; width: 100%; } #featLinks .featCol { position: relative; left: 15px; top: 0; height: 500px; width: 80%; } #featLinks .body { background: -moz-linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); background: -webkit-linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); background: linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); background: linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); /* background: #3B4A5E; */ height: auto; margin-top: -100px; padding: 0; position: relative; left: 15px; width: 80%; z-index: 100; } #featLinks h6 { margin-left: 20px; } #featLinks h1 { font-size: 5rem; margin-left: 20px; width: 100%; } #featLinks .body .bottom { height: auto; padding: 20px; } #featLinks .slick-prev, #featLinks .slick-next { display: none; opacity: 0; } #featLinks .colNext { height: 500px; width: 10%; } div.vertC div.blogarea { padding: 15px 15px 50px; } section#video .bg { height: 100px; top: -1px; } section#video, section#video .small-12 { padding-left: 0; padding-right: 0; } section#video div.caption { top: 10px; } section#video div.caption h2 { font-size: 1.25rem; margin-bottom: 0; } section#video div.caption h1 { font-size: 6rem; margin-bottom: 0; } section#video i.fa { border: 1px solid #FFF32A; border-radius: 50%; color: #ffffff; font-size: 0.75rem; line-height: 0; margin-right: 10px; padding: 16px 0 17px 6px; opacity: 1; text-align: center; width: 34px; z-index: 5; } section#officeFind { padding-top: 80px; padding-bottom: 0; } section#officeFind .bg { width: 100%; } section#officeFind .row .columns { margin-bottom: 10px; padding-left: 0; padding-right: 0; padding-bottom: 36px; } section#officeFind .scrollInd { opacity: 1; width: 74px; } section#officeFind .scrollInd .desktop { display: none; } section#officeFind .scrollInd .mobile { display: block; } section#officeFind .horzOffice .track { width: 800%; } div.officeSearch { width: 280px; } section#calendar .bg { width: 100%; } section#calendar .row .right { display: none; } /*== Popup ==*/ .reveal.small { width: 100%; } .reveal .left .featImg { min-height: 450px; } .reveal .right { margin-top: -100px; width: 100%; } .reveal .right .top { background: -moz-linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 38%); background: -webkit-linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 38%); background: linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 38%); background: linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 38%); /* background: #3B4A5E; */ padding: 20px; } .reveal .right .top h1 { font-size: 6rem; margin-left: 0; } #featured-hero { background-size: auto 100%; background-position: center; min-height: 90vh; } #featured-hero h1 { font-size: 5rem; padding-top: 42vh; } #featured-hero .columns { padding-left: 0; padding-right: 0; } .page-id-521 #featured-hero .heroArea { background-position: center, 69% center; } .page-id-633 #featured-hero .heroArea { background-position: center, 92% center; } .page-id-639 #featured-hero .heroArea { background-position: center, 75% center; } .page-id-642 #featured-hero .heroArea { background-position: center, 13% center; } .page-id-732 #featured-hero .heroArea { background-position: center, 10% center; } .page-id-815 #featured-hero .heroArea { background-position: center, 83% center; } .page-id-816 #featured-hero .heroArea { background-position: center, 60% center; } .page-id-816 #featured-hero h1 { font-size: 4rem; } .page-id-834 #featured-hero .heroArea { background-position: center, 60% center; } .page-id-835 #featured-hero .heroArea { background-position: center, 11% center; } .page-id-842 #featured-hero .heroArea { background-position: center, 62% center; } .page-id-842 #featured-hero .heroArea { background-position: center, 7% center; } /* --------------- ------------------ Study Signup styles ------------------ --------------- */ .page-template-page-petition.page-id-2009 #featured-hero .heroArea, .page-template-page-petition.page-id-2011 #featured-hero .heroArea, .page-template-page-petition.page-id-2013 #featured-hero .heroArea, .page-template-page-petition.page-id-2015 #featured-hero .heroArea { background-size: cover, 100% auto; background-position: center, right 30px; } .page-template-page-petition.page-id-1841 #featured-hero .heroArea, .page-template-page-petition.page-id-1871 #featured-hero .heroArea { background-size: cover, 75% auto; background-position: center, top right; } .page-template article, .page-template-default article, .page-template-page-timeline article { padding-top: 80px; padding-bottom: 80px; } .page-template article .row .columns, .page-template-default article .row .columns, .page-template-page-timeline article .row .columns { padding-left: 0px; padding-right: 0px; } #contentTwo { padding-bottom: 0; } #linkTiles { padding-top: 80px; padding-bottom: 80px; } #linkTiles .columns { margin-bottom: 40px; } .threelinks { padding-top: 80px; } .threelinks .columns, .threelinks .columns:first-child { margin-bottom: 40px; padding-left: 0; padding-right: 0; } div.vertC div.blogarea h2 { font-size: 1.75rem; margin-bottom: 18px; } #unionMap { padding-top: 40px; } #unionMap .bg { background: #3B4A5E; height: 360px; } /* div.horzRep .track { padding: 0 20px 0 40px; width: 600%; } */ .page-id-521 div.horzRep .track, .page-id-633 div.horzRep .track { width: 2000%; } .page-template-page-divisions #featLinks .bg { height: 30vh; } /* .page-template-page-divisions #featLinks .featCol { position: relative; left: 0; top: 0; height: 500px; width: 80%; } */ .page-template-page-divisions #featLinks .body { background: -moz-linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); background: -webkit-linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); background: linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); background: linear-gradient(-180deg, rgba(59,74,94,0) 1%, rgba(59,74,94,0.99) 15%); /* background: #3B4A5E; */ height: auto; margin-top: -90px; padding: 0; position: relative; width: 80%; z-index: 100; } .page-template-page-divisions #featLinks .body h6 { color: #ffffff; margin-left: 20px; } .page-template-page-divisions #featLinks h1 { margin-left: 20px; width: 100%; } .page-template-page-divisions #featLinks .body h2 { color: #FFF32A; margin-left: 20px; } .page-template-page-divisions #featLinks .body .bottom { height: auto; padding: 20px; } .page-template-page-divisions #featLinks .orbit-previous { max-width: 40px; } .page-template-page-divisions #featLinks .colNext { height: 500px; width: 10%; } #featLinks .colNext .imgnext { height: 500px; } section#calendar .accordion h3 { font-size: 1.5rem; } #timelineList div.timeTop { border-left: 2px #3B4A5E solid; border-right: 0; margin: 0; min-height: 60px; position: relative; width: 100%; } #timelineList div.timeTop .circle { position: absolute; top: -4px; left: -9px; } #timelineList li.timeItem { border-left: 2px #3B4A5E solid; border-right: 0; float: none; min-height: auto; padding: 40px 30px 60px 20px; text-align: right; width: 100%; } li.timeItem:nth-child(3) { margin-top: 0; } #timelineList li.timeItem h1 { left: 20px; right: auto; } #timelineList li.timeItem .yearContent { text-align: left; } #timelineList div.timeBottom { border-left: 2px #3B4A5E solid; border-right: 0; margin: 0; min-height: 60px; position: relative; width: 100%; } #timelineList div.timeBottom .circle { bottom: -4px; right: auto; left: -9px; } .single-post aside.sidebar, .page-template-page-timeline aside.sidebar { margin-top: 40px; padding: 20px; } .single-post aside.sidebar .gform_wrapper li.gfield, .page-template-page-timeline aside.sidebar .gform_wrapper li.gfield { clear: none; float: none; margin-top: 0; margin-right: 0; margin-bottom: 40px; padding: 0; width: 100%; } .single-post aside.sidebar .gform_wrapper li.gfield:last-child, .page-template-page-timeline aside.sidebar .gform_wrapper li.gfield:last-child { width: 50%; } .single-post aside.sidebar .gform_wrapper .gform_footer, .page-template-page-timeline aside.sidebar .gform_wrapper .gform_footer { width: 100%; } .single-post aside.sidebar .gform_wrapper .gform_footer input[type=submit].button, .page-template-page-timeline aside.sidebar .gform_wrapper .gform_footer input[type=submit].button { float: left; } div.profileWrap .pop { background: #ffffff; opacity: 0; padding: 24px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: -100; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -kthtml-transition: all 0.5s linear; transition: all 0.5s linear; } div.profileWrap .pop .arrow { width: 0; height: 0; border-bottom: 15px solid #ffffff; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 0; margin-left: -15px; position: absolute; left: 50%; top: -15px; } #reps.people .track { padding: 0 20px; position: absolute; left: 0; right: 0; width: 2600%; overflow: visible; } .page article header.small-12, .page article .entry-content { padding: 0 20px; } /* .accordion .accordion-title { padding-left: 20px; padding-right: 60px; } .accordion .accordion-content{ padding-left: 20px; padding-right: 20px; } .accordion-content > .small-12 { padding-bottom: 40px; padding-left: 0px; padding-right: 0px; } */ #accordion .desktop, #accordion2 .desktop { display: none; } #accordion .mobile, #accordion2 .mobile { display: block; } .accordion .accordion-title::before { color: #4EB2FE; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 2.5rem; line-height: 0.25; } .is-active > .accordion-title::before { color: #ffffff; content: '×'; } section.eventsList { margin-top: 60px; } .gridImg.horz .gridInner { padding: 50%; } .page-template-page-petition #featured-hero .heroArea { background-size: auto 530px, auto 530px; background-position: center top, right top; } .page-template-page-petition #featured-hero .featCol .columns { float: none; padding-top: 430px; padding-left: 15px; padding-right: 15px; text-align: start; } .page-template-page-petition.page-id-812 #featured-hero .heroArea { background-size: 100% auto, auto 477px; background-position: center top, right top; } .page-template-page-petition.page-id-812 #featured-hero .featCol .columns { padding-top: 500px; } .footerSignup { padding: 15px 0; } .footerSignup .bg { background: #3B4A5E; display: none; height: 50px; width: 48%; position: absolute; left: 0; top: 0px; z-index: -100; } .footerSignup .small-12 { padding-left: 0; padding-right: 0; } .footerSignup .medium-4 { padding-top: 80px; padding-bottom: 80px; } .footerSignup .gform_wrapper { margin-top: 0; margin-left: 0%; width: 100%; } .footerSignup .gform_wrapper li.gfield, .footerSignup .gform_wrapper li.gfield:last-child { clear: both; float: none; margin-top: 40px; margin-right: 0; padding: 0; width: 100%; } .footerSignup .gform_wrapper .gform_footer { margin-top: 40px; width: 100%; } .footer-container .footer { padding: 15px; } .footer-container .footer .widget_nav_menu { margin-bottom: 40px; } .footer-container .footer h6 { margin-bottom: 0; } .footer-container ul.menu { height: auto; } .footer-container .menu > li { /* .menu.horizontal > li { */ float: none; width: 100%; } .footer-container .menu > li > a { font-size: 1rem; } /* Buy Union */ .map-category-listing .map_category { width: 170px; } .bottomCol { margin-top: 40px; margin-bottom: 0px; } .bottomCol:last-child { margin-top: 0px; margin-bottom: 40px; } /* Map Popup */ .geodir-bubble_desc h4 { background-color: transparent; background: rgba(59,74,94, 1.0); color: #FFF32A; font-family: "trumpgothicpro", "proxima-nova", sans-serif; font-size: 1.8rem; letter-spacing: 2px; padding-left: 10px; padding-bottom: 10px; /* position: relative; */ text-align: left; text-transform: uppercase; } .geodir-bubble_desc h4 a { color: #FFF32A; } .gm-style-iw .geodir-bubble_image { display: none; } .gm-style-iw .geodir-bubble-meta-bottom { display: none; } .single-gd_place #geodir_content { width: 100%; } } @media only screen and (max-width: 640px) { .hero h1 { font-size: 6rem; padding-top: 42vh } .hero h2 { font-size: 1.5rem; } .footer-container .footer .column:nth-child(odd) { clear: left; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* iPhone 6+ ------Horizontal----- */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){ } /* iPhone 6+ ------Portrait----- */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){ .hero { background-position: 60% bottom; } .page-template-page-petition #featured-hero .heroArea { background-size: 100% auto, auto 530px; background-position: center top, right top; } } /* iPhone 5 -----Landscape------ */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){ } /* iPhone 5 -----Portrait ------ */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){ /* Styles */ .hero { background-position: 60% bottom; } .hero h1 { font-size: 5rem; } section#video div.caption h1 { font-size: 5rem; } section#video div.caption h2 { font-size: 1rem; } .footer-container .footer .column:nth-child(odd) { clear: left; } } /* iPhone 4 Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) { /* Styles */ } /* iPhone 4 / 5 Portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { .hero { background-position: 60% bottom; } } /* iPhone 6 ----- Horizontal ------ */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape){ } /* iPhone 6 ----- Portrait ------ */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait){ .hero { background-position: 60% bottom; } }