/* Theme Name: VINT Theme URI: http://www.eclipsecreative.ca Description: Child Theme for Honeybadger WordPress Theme Author: Eclipse Creative Author URI: http://www.eclipsecreative.ca Template: honeybadger-theme Version: 1.0.1 */ /************************************************/ /* FONTS */ /************************************************/ @font-face { font-family: 'great-forest-small'; src: url("assets/fonts/great_forest_-_small_caps-webfont.eot"); src: url("assets/fonts/great_forest_-_small_caps-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/great_forest_-_small_caps-webfont.woff2") format("woff2"), url("assets/fonts/great_forest_-_small_caps-webfont.woff") format("woff"), url("assets/fonts/great_forest_-_small_caps-webfont.ttf") format("truetype"), url("assets/fonts/great_forest_-_small_caps-webfont.svg#great_forestsmall_caps") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'great-forest-simplified'; src: url("assets/fonts/great_forest_-_simplified-webfont.eot"); src: url("assets/fonts/great_forest_-_simplified-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/great_forest_-_simplified-webfont.woff2") format("woff2"), url("assets/fonts/great_forest_-_simplified-webfont.woff") format("woff"), url("assets/fonts/great_forest_-_simplified-webfont.ttf") format("truetype"), url("assets/fonts/great_forest_-_simplified-webfont.svg#great_forest_simplified") format("svg"); font-weight: normal; font-style: normal; } /************************************************/ /* GLOBAL */ /************************************************/ body { background-color: #FFFFFF; line-height: 1.2; font-family: "brandon-grotesque", sans-serif; } body > img { position: fixed; left: 0; bottom: 0; } body, button, input { font-weight: 200; color: #000000; font-size: 1em; } .clear { clear: both; } .off-canvas-wrapper { overflow: hidden; } .large-3 { width: 33.333% !important; } p { margin: 0px; padding: 10px 0px 20px 0px; } ol, ul { margin: 1em 0; list-style: none; line-height: 1.25; } .site-color { color: #76ACA9; } .white-link { color: #ffffff !important; font-weight: 600; } hr { background-color: #d8dfe5; height: 1px; width: 100%; max-width: 100%; margin: 30px 0px 30px 0px; } .hidden { display: none; } .off-canvas-content { background: none; } .top-bar-right .submenu .green-new a, .top-bar-right .submenu .orange-new a { position: relative; } .submenu li { border-left: 4px solid transparent; transition: all 250ms; margin-left: 0px; } .submenu li:hover, .submenu li:focus { border-left: 4px solid #138943; background-color: #e9f0f6 !important; } .submenu .active { background-color: #e9f0f6 !important; } a { transition: all 250ms; } #content, section { width: 100%; margin: 0 auto; } .divider { border-bottom: 1px solid #707070; margin: 0px 30px 30px 30px; } img { max-width: unset; } .left { float: left; } .right { float: right; } h3 { font-family: "great-forest-small", "arial", sans-serif; font-weight: 200; font-size: 28px; color: #000000; margin: 30px 0px 20px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; } h4 { font-family: "great-forest-simplified", "arial", sans-serif; font-weight: 200; font-size: 26px; color: #000000; margin: 30px 0px 20px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; } h5 { font-family: "great-forest-small", sans-serif; font-size: 28px; color: #626262; margin: 30px 0px 20px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; } .button { background-color: transparent; color: #000000; font-size: 20px; display: inline-block; border: 1px solid rgba(0,0,0,.5); padding: 20px 0px 20px 0px; margin: 0px auto 0px auto; transition: all .5s ease-in-out; } .button:hover { background-color: #FFFFFF; color: #76ACA9 !important; } .alignleft { float: left; padding: 40px 20px 10px 0px; /*min-height: 300px;*/ width: auto; } .alignright { float: right; padding: 40px 0px 10px 20px; min-height: 300px; width: auto; } /*********************************/ /* PRELOADER CLASSES */ /*********************************/ .preloader-wrapper { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #5a6964; z-index: 999999; } .preloader { position: absolute; top: 50%; left: 50%; right: 0px; bottom: 0px; height: 300px; transform: translate(-50%, -50%); z-index: 999999; background: url('/wp-content/themes/vint/images/preloader.gif'); background-size: contain; background-position: center center; background-repeat: no-repeat; } /************************************************/ /* CONTENT */ /************************************************/ #content { text-align: center; position: relative; background: white; } section { text-align: center; width: 100%; margin: 0 auto; } .first-section { position: relative; z-index: 20; } /************************************************/ /* HEADER */ /************************************************/ .super-header-wrapper { height: 40px; background-color: #303031; color: #FFFFFF; } .super-header-wrapper .row { max-width: 100%; } .super-header-wrapper-left { float: left; width: 65%; padding: 10px 10px 0px 70px; } .super-header-links { color: #FFFFFF; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 0px 15px 0px 0px; } .super-header-links:hover { color: #76ACA9; } .super-header-wrapper-right { float: left; width: 35%; padding: 10px 90px 0px 10px; text-align: right; } .backpack-heart { float: right; position: relative; background: url('/wp-content/themes/vint/images/heart.png'); background-repeat: no-repeat; background-size: contain; height: 19px; width: 37px; } #backpack-number { position: absolute; border: 1px solid #76ACA9; color: #FFFFFF; border-radius: 25px; font-size: 10px; font-weight: 600; padding: 2px 5px 4px 5px; right: 8px; bottom: -3px; background-color: #303031; } .backpack-text { font-size: 13px; font-weight: 600; } .super-header-text { margin: -2px 0px 0px 0px; } .search-cell { float: right; } .sign-up-cell { float: right; } .backpack-link { text-transform: uppercase; color: #76ACA9; } .sign-up-icon { float: left; background: url('/wp-content/themes/vint/images/user.png'); background-repeat: no-repeat; background-size: cover; height: 17px; width: 19px; margin: 1px 5px 0px 0px; } .sign-up-link { font-size: 14px; font-weight: 600; color: #FFFFFF; text-transform: uppercase; padding: 4px 0px 0px 0px; white-space: nowrap; display: inline-block; } .sign-up-link:hover { color: #76ACA9; } .search-icon { float: right; color: #76ACA9; padding: 0px 0px 0px 15px; width: 2em !important; } .search-text { float: right; color: #FFFFFF; font-weight: 600; padding: 2px 0px 0px 5px; text-transform: uppercase; font-size: 14px; } .search-text:hover { color: #76ACA9; } .header { position: fixed; top: 0px; left: 0px; z-index: 110; background-color: transparent; width: 100%; } #top-bar-menu .row { float: left; } .top-bar-left > .menu > li > .logo { padding: 10px 30px 10px 15px; } .top-bar-left > .menu > li > .logo img { height: 50px; width: auto; opacity: 1; transition: all .5s ease-in-out; } .top-bar-left > .menu > li > .logo img:hover { opacity: .65; transition: all .5s ease-in-out; } .top-bar-left .menu { margin: 0px; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after, .dropdown.menu.vertical > li.opens-left > a::after, .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: none; } .regular-menu { display: block; } header .top-bar { padding: 10px 10px 20px 60px; background: url('/wp-content/themes/vint/images/header-background.png'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: relative; z-index: 100; top: 0px; left: 0px; width: 100%; } header .top-bar-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: url('/wp-content/themes/vint/images/header-background-texture.png'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; z-index: 50; } .top-bar, .top-bar ul { background: none; margin: 0px 90px 0px 0px; } .top-bar-left { position: relative; z-index: 99; } .top-bar-right { position: relative; z-index: 99; padding: 10px 0px 0px 0px; margin: 0px -25px 0px 0px; } .top-bar-right > .menu > .menu-item-has-children { padding: 20px 20px 20px 10px; margin: -20px 0px 0px 0px; } .top-bar-right .menu.medium-horizontal > li { float: left; cursor: pointer; } .top-bar-right .menu > li > a { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; text-transform: uppercase; padding: 15px 15px 15px 15px; color: #FFFFFF; font-weight: 600; letter-spacing: 1px; } .top-bar-right .menu .active > a { color: #FFFFFF; background: transparent; font-weight: 600; } .top-bar-right .menu .active > a:hover { color: #76ACA9; } .top-bar-right .menu-item { margin: -30px 0px 0px 0px; opacity: 0; transition: all .5s ease-in-out; } .main-menu-item-visible { margin: 0px 0px 0px 0px !important; opacity: 1 !important; transition: all .5s ease-in-out; } .mega-menu .menu > li { display: block; } .mega-menu .menu > li > a { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; padding: 15px 15px 0px 0px; color: #FFFFFF; font-weight: 400; transition: all .5s ease-in-out; } .mega-menu .menu > li > a:hover { color: #76ACA9; transition: all .5s ease-in-out; } .mega-menu .menu .active > a { color: #76ACA9; background: transparent; font-weight: 400; } .mega-menu .sub-menu { margin: 10px 0px 0px 20px; } .mega-menu .sub-menu > li > a { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; color: #FFFFFF; } .mega-menu .sub-menu > li > a:hover { color: #76ACA9; transition: all .5s ease-in-out; } .menu-item { margin: 0px 0px 0px -30px; opacity: 0; transition: all .5s ease-in-out; } .menu-item-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all .5s ease-in-out; } .mega-menu { position: absolute; top: 50px; left: -140%; height: 100%; width: 100%; transition: all .5s ease-in-out; } .mega-menu-visible { left: 0px; transition: all .5s ease-in-out; } .mega-menu-nav-texture { background: url('/wp-content/themes/vint/images/nav-texture.png'); background-size: cover; background-position: center right; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: .03; } .mega-menu-white-line { background: url('/wp-content/themes/vint/images/white-line.png'); background-size: cover; background-position: center right; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .mega-menu-left { position: relative; z-index: 99; float: left; width: 66.6%; height: 100%; } .mega-menu-container { position: absolute; top: 100px; left: 50%; transform: translate(-50%,0px); width: 100%; padding: 0px 70px 0px 70px; } .mega-menu-main-link { display: inline-block; padding: 20px 0px 0px 0px; margin: 0px 0px 0px -30px; opacity: 0; transition: all 1s ease-in-out; transition-delay: .5s; } .mega-menu-main-link span { font-family: 'great-forest-small','arial',sans-serif; font-size: 35px; color: #FFFFFF; transition: all 1s ease-in-out; transition-delay: .5s; } .mega-menu-main-link-visible { position: relative; margin: 0px 0px 20px 0px; opacity: 1; transition: all 1s ease-in-out; transition-delay: .5s; } .mega-menu-main-link img { margin: -30px 0px 0px 10px; transition: all .5s ease-in-out; } .mega-menu-main-link:hover span { color: #76ACA9; transition: all .5s ease-in-out; } .mega-menu-main-link:hover img { margin: -30px 0px 0px 20px; transition: all .5s ease-in-out; } .mega-menu-left-mobile { width: 105%; } .mega-menu-column { position: relative; z-index: 99; float: left; width: 25%; border-right: 1px solid rgba(222,222,222,.3); padding: 0px 0px 0px 0px; } .mega-menu-no-border { border-right: 0px solid transparent; } .mega-menu-title { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 27px; color: #FFFFFF; border-bottom: 1px solid rgba(222,222,222,.3); padding: 0px 20px 20px 20px; line-height: 1.25; margin: 0px 0px 0px -30px; opacity: 0; transition: all 1s ease-in-out; transition-delay: .5s; } .mega-menu-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; transition-delay: .5s; } .no-left-padding { padding: 0px 0px 20px 0px; } .left-padding { padding: 0px 20px 20px 30px; } .mega-menu-right { position: relative; z-index: 90; float: left; width: 33.4%; height: 100%; } .mega-menu-image { background-size: cover !important; background-position: center center !important; height: 100%; width: 120%; margin: 0px 0px 0px -20px; transition: all .5s ease-in-out; } .mega-menu-image-visible { width: 160%; margin: 0px 0px 0px -100px; transition: all 1s ease-in-out; } .mega-menu-close { position: absolute; top: 30px; right: 50px; opacity: 0; transition: all .5s ease-in-out; transition-delay: .5s; } .mega-menu-close-visible { top: 100px; opacity: 1; transition: all .5s ease-in-out; transition-delay: .5s; } .mega-menu-right-mobile { width: 0%; } .plan-menu .mega-menu-left { overflow: auto; mask: url('/wp-content/themes/vint/images/nav-window.svg') no-repeat 100% 100%; mask-size: cover; background-color: #4C4532; } .mega-menu-plan-image { background: url('/wp-content/themes/vint/images/menu-plan.jpg'); } .explore-menu .mega-menu-left { overflow: auto; width: 100%; mask-size: cover; background-color: #475536; } .stay-menu .mega-menu-left { overflow: auto; mask: url('/wp-content/themes/vint/images/nav-window.svg') no-repeat 100% 100%; mask-size: cover; background-color: #665556; } .mega-menu-stay-image { background: url('/wp-content/themes/vint/images/menu-stay.jpg'); } .resources-menu .mega-menu-left { overflow: auto; mask: url('/wp-content/themes/vint/images/nav-window.svg') no-repeat 100% 100%; mask-size: cover; background-color: #677873; } .mega-menu-resources-image { background: url('/wp-content/themes/vint/images/menu-resources.jpg'); } /************************************************/ /* MOBILE MENU */ /************************************************/ #off-canvas { overflow: hidden; background-color: #303031; margin-top: -50px; } .off-canvas-close { padding: 10px 17px; background-color: #FFFFFF; color: #303031; font-weight: 600; font-size: 20px; cursor: pointer; border-radius: 90px; z-index: 101; width: 45px; float: right; margin: 5px; } #offcanvas-nav { padding-top: 50px; position: relative; z-index: 100; } .off-canvas.position-right { z-index: 999; height: 100%; } #off-canvas div { margin-top: 0px !important; } .mobile-menu { display: none; } .mobile-menu .menu { position: absolute; top: -49px; right: 10px; } .top-bar .top-bar-left .menu-btn, .top-bar .top-bar-right .menu-btn { font-size: 30px; color: #76ACA9; } #menu-main-navigation { margin: 60px 0px 0px 0px; padding: 20px 0px 0px 0px; height: 100%; background-color: #303031; } #menu-main-navigation .menu-item { margin: 0px 0px 0px 0px; opacity: 1; } #menu-main-navigation .menu-item a { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 20px; color: #FFFFFF; background: #303031; } .menu-item a:hover { color: #76ACA9 !important; } .mobile-visible { display: none; } /************************************************/ /* SLIDERS */ /************************************************/ .slick-prev, .slick-prev:focus { position: absolute; top: 50%; left: -90px; z-index: 30; opacity: .75; cursor: pointer; color: #FFFFFF; background: url('/wp-content/themes/vint/images/arrow-prev.png)') no-repeat center center; width: 63px; height: 63px; } .slick-prev::before { color: transparent; } .slick-prev:hover { opacity: 1; background: url('/wp-content/themes/vint/images/arrow-prev.png') no-repeat center center; } .slick-next, .slick-next:focus { position: absolute; top: 50%; right: -90px; z-index: 30; opacity: .75; cursor: pointer; color: #FFFFFF; background: url('/wp-content/themes/vint/images/arrow-next.png') no-repeat center center; width: 63px; height: 63px; } .slick-next::before { color: transparent; } .slick-next:hover { opacity: 1; background: url('/wp-content/themes/vint/images/arrow-next.png') no-repeat center center; } /************************************************/ /* SEARCH */ /************************************************/ #search-container { position: absolute; z-index: 1200; height: 0px; width: 0px; } .search-container-on { height: 100% !important; width: 100% !important; } .search-overlay-off { position: absolute; height: 0%; width: 0%; background-color: rgba(0, 0, 0, 0); z-index: 0; transition: all .5s; } .search-overlay-on { position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .8); z-index: 1100; background-size: cover !important; background-position: center center !important; transition: all .5s; } #search-bar { height: 100%; width: 100%; position: absolute; top: 150px; left: 50%; transform: translateX(-50%); } .search-close { position: absolute; top: 12px; right: -100%; background: url('/wp-content/themes/vint/images/search-close.png'); background-size: cover; background-position: center center; opacity: .85; z-index: 1200; height: 53px; width: 53px !important; cursor: pointer; transition: all .5s; } .search-close:hover { opacity: 1; transition: all .5s ease-in-out; } .search-close-on { right: 1%; transition: all .5s; } #search-container .search-form { width: 50%; margin: 0px auto 0px auto; font-size: 20px; } #search { background-color: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 20px; height: auto; } .search-input { float: left; width: calc(100% - 50px); } .search-button { float: left; background: url('/wp-content/themes/vint/images/search-button.png'); background-size: contain; background-position: center center; opacity: .85; height: 48px; width: 50px; } .search-button:hover { opacity: 1; } #search::placeholder { color: #FFFFFF; font-weight: 600; } .search-section { padding: 90px 30px 90px 30px !important; } .content-full-width-section .search-form { text-align: left; margin: 0px 0px 0px 10px; width: 50%; } .content-full-width-section .search-form label { font-size: 20px; } .content-full-width-section .search-form .search-field { font-size: 20px; } .content-full-width-section .search-form .search-submit { font-size: 20px; background-color: #76ACA9; opacity: .85; } .content-full-width-section .search-form .search-submit:hover { opacity: 1; } .search .search-form { text-align: left; margin: 0px 0px 0px 10px; width: 50%; } .search .search-form label { font-size: 20px; } .search .search-form .search-field { font-size: 20px; } .search .search-form .search-submit { font-size: 20px; background-color: #76ACA9; opacity: .85; } .search .search-form .search-submit:hover { opacity: 1; } /************************************************/ /* SIGNUP FORM */ /************************************************/ #_form_5E3C9073A16FB_ input { width: calc(100% - 22px) !important; height: 35px !important; border-radius: 0 !important; } /************************************************/ /* BREADCRUMBS */ /************************************************/ .breadcrumbs { list-style: none; margin: 0px; position: absolute; bottom: 10px; left: 5%; color: #FFFFFF; font-size: 15px; font-weight: 400; } .breadcrumbs a { color: #FFFFFF; } .breadcrumbs a:hover { text-decoration: underline; } /************************************************/ /* BANNER SECTION */ /************************************************/ .banner-section { position: relative; max-height: 1000px; } .banner-image { height: 938px; background-size: cover !important; background-position: center center !important; } .banner-section .video-container { padding: 0px !important; opacity: 1 !important; } .banner-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0,0,0,.3); } .banner-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; opacity: .85; background: url('/wp-content/themes/vint/images/topographic_pattern.png'); background-size: cover; background-position: center center; } .banner-arrow-content-center { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); opacity: .8; transition: all 1s ease-in-out; } .banner-arrow-content-center:hover { opacity: 1; transition: all 1s ease-in-out; } .banner-text-cell { position: relative; } .banner-arrow-text { color: #FFF; font-family: "brandon-grotesque", "arial", sans-serif; text-transform: uppercase; font-size: 26px; font-weight: 600; float: left; } .banner-arrow { background: url('/wp-content/themes/vint/images/banner_arrow.png'); height: 33px; width: 27px; background-size: contain !important; background-repeat: no-repeat !important; position: absolute; right: -40px; } .banner-arrow-left { background: url('/wp-content/themes/vint/images/left-arrow.png'); height: 33px; width: 27px; background-size: contain !important; background-repeat: no-repeat !important; float: left; margin: 3px 20px 0px 0px; } .banner-title { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 73px; color: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.25; text-shadow: 0px 0px 5px rgba(0,0,0,.75); font-size: 66px; margin: 30px 0px 0px 0px; padding: 30px 60px 0px 60px; width: 100%; transition: all 1s ease-in-out; } .banner-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .banner-top-line { height: 8px; margin: 0px 0px 70px 0px; } .banner-bottom-line { height: 8px; margin: -10px 0px 0px 0px; } .banner-section .flex-video { position: relative; padding-bottom: 56.25%; /*margin-bottom: -350px;*/ } .banner-section .flex-video iframe { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .banner-bottom { position: absolute; z-index: 20; bottom: -25px; left: 0px; height: 43px; width: 100%; background: url('/wp-content/themes/vint/images/banner_bottom.png'); background-size: cover; } .pulse2 { animation: pulse2 5s ease-in-out infinite; } @keyframes pulse2 { 0% { bottom: -20px; } 50% { bottom: -40px; } 100% { bottom: -20px; } } .pulse3 { animation: pulse3 5s ease-in-out infinite; } @keyframes pulse3 { 0% { margin-right: 10px; } 50% { margin-right: 20px; } 100% { margin-right : 10px; } } .image-location-information { background-size: cover; background-position: center center; height: 95px; width: 353px; position: absolute; bottom: 30px; left: 0px; } .image-location-information-cell { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFFFFF; text-align: left; } .image-location-name { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 22px; color: #FFFFFF; text-transform: uppercase; white-space: nowrap; } .image-community-name { color: #000000; text-transform: uppercase; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 14px; padding: 5px 0px 0px 0px; white-space: nowrap; } .banner-address { font-family: 'great-forest-small','arial',sans-serif; font-size: 30px; margin: 80px auto 0px auto; max-width: 1000px; } .banner-logo-cell { position: absolute; left: 30px; bottom: 30px; background-color: #FFF; border-radius: 90px; height: 150px; width: 150px; } .banner-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 10px 10px 10px 10px; } .banner-logo img { max-width: 100%; } .banner-explore-widget { position: absolute; bottom: 30px; right: 0px; color: #FFFFFF; } .banner-explore-title { background: url('/wp-content/themes/vint/images/banner-explore-title.png'); background-position: center center; background-size: cover; height: 57px; width: 265px; } .banner-explore-option { background: url('/wp-content/themes/vint/images/banner-explore-radio.png'); background-position: center center; background-size: cover; height: 16px; width: 16px; float: left; margin: 10px 5px 0px 0px; } .banner-explore-option-text { float: left; color: #FFF; text-transform: uppercase; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; font-weight: 600; margin: 11px 0px 0px 0px; } .banner-explore-option-anchor:hover .banner-explore-option { background: url('/wp-content/themes/vint/images/banner-explore-radio-over.png'); } /************************************************/ /* 2 COLUMN SECTION - CONTENT PAGE */ /************************************************/ .two-column-section { display: inline-block; position: relative; margin: -20px 0px -4px 0px; } .two-column-top-border { position: absolute; z-index: 20; top: -20px; left: 0px; width: 100%; height: 69px; background-image: url('/wp-content/themes/vint/images/vancouver-island-top-border.png'); background-size: cover; background-repeat: no-repeat; } .two-column-background-image { background-attachment: fixed !important; padding: 60px 60px 60px 60px; background-repeat: no-repeat !important; background-size: cover !important; background-position: bottom center !important; height: 750px; } .two-column-black-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .3); } .two-column-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('/wp-content/themes/vint/images/topographic_pattern_2.png'); opacity: .1; } .two-column-content-cell { width: 66.6%; float: left; position: relative; min-height: 600px; } .two-column-content-cell-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 60px 30px 60px 100px; width: 100%; text-align: left; transition: all 1s ease-in-out; } .two-column-title { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 37px; line-height: 1.25; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 30px; transition: all 1s ease-in-out; } .two-column-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .two-column-subtitle { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 20px; line-height: 1.25; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 30px; transition: all 1s ease-in-out; } .two-column-subtitle-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .two-column-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; line-height: 1.25; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 30px; transition: all 1s ease-in-out; } .two-column-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .two-column-text ul { margin: 1em 0px 1em 30px; } .two-column-text ul li { padding: .3em 0px 0px 0px; position: relative; list-style: none; } .two-column-text ul li::before { content: ""; display: inline-block; height: .7em; width: .8em; position: absolute; left: -1.25em; top: .8em; background-repeat: no-repeat; background-image: url('/wp-content/themes/vint/images/icon-check--green.svg'); } .two-column-text ol { list-style: decimal; } .two-column-text a { color: #76ACA9; } .two-column-text a:hover { color: #000000; } .two-column-image-cell { position: relative; width: 33.4%; float: left; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; min-height: 600px; } .two-column-image-cell img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 350px; } .two_column_content_reverse { transform: translate(50%); } .two_column_image_reverse { transform: translate(-200%); } .two-column-bottom-border { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 90px; background-image: url('/wp-content/themes/vint/images/vancouver-island-bottom-border.png'); background-size: cover; background-repeat: no-repeat; } /************************************************/ /* ACCORDION SECTION */ /************************************************/ .content-accordion-section { background: url('/wp-content/themes/vint/images/section-background-5.png'); background-position: center center !important; background-repeat: repeat !important; background-size: cover !important; padding: 90px 0px 0px 0px; } .content-accordion { padding: 0px 0px 0px 0px; text-align: center; max-width: 1100px; margin: 0px auto; } .content-accordion-main-title h2 { font-family: "great-forest-small", "arial", sans-serif; font-weight: 200; font-size: 37px; color: #000000; margin: 30px 0px 20px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .content-accordion-main-title-animated h2 { margin: 0px 0px 20px 0px; transition: all 1s ease-in-out; } .content-accordion-intro-text { font-family: "brandon-grotesque", "arial", sans-serif; font-weight: 400; font-size: 20px; color: #000000; margin: 30px 0px 0px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .content-accordion-intro-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-accordion-intro-text a { color: #76ACA9; } .content-accordion-intro-text a:hover { color: #000000; } .accordions { padding: 40px 0px 0px 0px; } .accordion-cell { position: relative; margin: 40px 0px 0px 0px; transition: all 1s ease-in-out; } .accordion-cell-animated { margin: 10px 0px 0px 0px; transition: all 1s ease-in-out; } .accordion-title { background: url('/wp-content/themes/vint/images/accordion-title-background.png'); background-position: center center !important; background-repeat: repeat !important; background-size: cover !important; font-family: 'great-forest-small','arial',sans-serif; font-size: 25px; color: #FFF; text-align: left; padding: 30px 70px 30px 20px; border-bottom: 0px solid transparent; position: relative; z-index: 10; } .accordion-title:hover, .accordion-title:focus { background-color: unset; } .accordion-title::before { content: '' !important; } .accordion-arrow { position: absolute; top: 35px; right: 30px; background: url('/wp-content/themes/vint/images/accordion-open.png'); background-position: center center !important; background-repeat: repeat !important; background-size: cover !important; height: 18px; width: 31px; } .accordion-arrow-close { background: url('/wp-content/themes/vint/images/accordion-close.png'); } .accordion-text-cell { margin: -10px 0px 0px 0px; background-color: #FFFFFF; width: 100%; display: inline-block; } .accordion-image { float: left; width: 33.3%; height: 450px; max-height: 450px; opacity: 1; background-position: center center !important; background-repeat: repeat !important; background-size: cover !important; transition: all .5s ease-in-out; } .accordion-text { float: left; width: 66.7%; text-align: left; padding: 20px 30px 20px 30px; max-height: 10000px; opacity: 1; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; transition: all .5s ease-in-out; } .accordion-text-full-width { width: 100%; } .accordion-hide { background-color: transparent; display: block; visibility: hidden; } .accordion-hide p { visibility: hidden; } .accordion-hide p > a { visibility: hidden; } .accordion-hide .accordion-image { max-height: 0px; opacity: 0; transition: all .5s ease-in-out; } .accordion-hide .accordion-text { max-height: 0px; opacity: 0; transition: all .5s ease-in-out; } .accordion-text a { font-size: 20px; color: #76ACA9; } .accordion-text a:hover { color: #000000; } .accordion-text ol { list-style: decimal; text-align: left; margin-left: 45px; } .accordion-text ul { list-style: disc; text-align: left; margin-left: 45px; } .accordion-text h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .accordion-text h4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .accordion-text h5 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .accordion-text hr { background-image: url('/wp-content/themes/vint/images/accordion-divider.png'); background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; height: 5px; } /************************************************/ /* BLOG SECTION */ /************************************************/ .content-blog-section { position: relative; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding: 60px 60px 30px 60px; margin: -30px 0px 0px 0px; text-align: center; } .content-blog-black-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .65); } .content-blog-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('/wp-content/themes/vint/images/topographic_pattern_2.png'); opacity: .05; } .content-blog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1200px; } .content-blog-title { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 37px; color: #FFFFFF; line-height: 1.25; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-blog-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-blog-text-cell { display: inline-block; padding: 0px 30px 0px 30px; } .content-blog-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 28px; float: left; color: #FFFFFF; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-blog-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-blog-dropdown { float: left; padding: 0px 10px 0px 5px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-blog-dropdown-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-blog-dropdown select { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 22px; cursor: pointer; height: 35px; padding: 5px 0px 5px 10px; border: 0px solid transparent; margin: -2px 20px 0px 0px; color: #76ACA9; border-bottom: 1px solid #76ACA9; background-color: transparent; background-image: url('/wp-content/themes/vint/images/dropdown-arrow.png'); background-size: 15px 9px; background-position: 100% 20px; } .content-blog-dropdown select option { color: #000000; } .blog-button { background-size: contain !important; height: 57px; width: 156px; padding: 0px 0px 10px 0px; margin: 60px auto 0px auto; transition: all 1s ease-in-out; } .blog-button-animated { margin: 30px auto 0px auto; transition: all 1s ease-in-out; } .content-blog-content-cell .explore-button { display: inline-block; background-image: url('/wp-content/themes/vint/images/explore-button.png'); transition: all 1s ease-in-out; } .content-blog-content-cell .explore-button:hover { background-image: url('/wp-content/themes/vint/images/explore-button-over.png'); transition: all 1s ease-in-out; } .content-blog-bottom-divider { background-image: url('/wp-content/themes/vint/images/cta-bottom-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 69px; width: 100%; position: relative; z-index: 99; margin: -45px 0px 0px 0px; } .content-blog-tile-content { float: left; left: 0px; position: relative; min-height: 650px; width: calc(25% - 10px); margin: 5px 5px 5px 5px; transform: scale(1.00); transition: all 0.5s ease-in-out; } .content-blog-tile-content:hover { transform: scale(1.02); transition: all 0.5s ease-in-out; } .content-blog-tile-image-cell { position: relative; width: 100%; height: 100%; min-height: 385px; background-size: cover !important; background-position: center center !important; } .content-blog-tile-activities { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 10px 10px 10px; background-color: rgba(0,0,0,.5); font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; text-transform: uppercase; color: #FFFFFF; text-align: left; } .content-blog-tile-info-cell { background-color: #FFFFFF; padding: 30px 30px 30px 30px; display: inline-block; width: 100%; height: 300px; } .content-blog-tile-business-name { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 20px; color: #000000; text-align: left; line-height: 1.5; } .content-blog-tile-divider { background-color: #CCCCCC; height: 4px; width: 50px; margin: 20px 0px 20px 0px; } .content-blog-tile-info-content { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; color: #000000; text-align: left; line-height: 1.5; height: 100px; } .content-blog-tile-info-content a { color: #000000; } .hide-blog { position: absolute; left: 100%; transition: all .25s ease-in-out; } .page-hide-blog { position: absolute; left: 100%; transition: all .5s ease-in-out; } .blog-description-section { padding: 90px 30px 60px 30px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .blog-description-container { max-width: 1100px; margin: 0px auto 0px auto; } .blog-description-left { float: left; width: 30%; text-align: left; padding: 0px 60px 0px 0px; } .blog-description-left .banner-arrow-left { height: 15px; width: 16px; margin: 8px 10px 0px 0px; } .blog-description-left a { opacity: .85; } .blog-description-left a:hover { opacity: 1; } .blog-description-right { float: left; width: 70%; text-align: left; border-left: 1px solid #CCCCCC; padding: 0px 0px 0px 60px; } .blog-description-right-full-width { border-left: 0px solid transparent; width: 100%; padding: 0px 0px 0px 0px; } .blog-description-title { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; text-transform: uppercase; padding: 30px 0px 0px 0px; } .blog-description-label { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; color: #000000; font-weight: 500; padding: 5px 0px 0px 10px; } .blog-description-label a { color: #76ACA9; } .blog-description-label a:hover { color: #000000; } .blog-description-label { color: #76ACA9; } .blog-description-label:hover { color: #000000; } .blog-description a { color: #76ACA9; } .blog-description a:hover { color: #000000; } .blog-description { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; padding: 0px 0px 10px 0px; } /*.blog-top { background: url('/wp-content/themes/vint/images/blog-top.png'); height: 24px; width: 100%; background-size: cover; background-position: center center; margin: -10px 0px 0px 0px; }*/ .blog-description .alignleft { padding: 20px 20px 10px 0px; } .blog-description .alignright { padding: 20px 0px 10px 20px; } .content-featured-blog { margin: -55px -60px 60px -60px; display: inline-block; min-height: 385px; } .content-featured-image-cell { position: relative; float: left; width: 50%; height: 100%; min-height: 385px; background-size: cover !important; background-position: center center !important; } .content-featured-info-cell { background-color: #000000; padding: 30px 30px 30px 30px; display: inline-block; width: 50%; float: left; min-height: 385px; } .content-featured-blog-activities { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #919191; padding: 10px 0px 20px 0px; text-align: left; } .content-featured-blog-business-name { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 20px; color: #FFFFFF; text-align: left; line-height: 1.50; } .content-featured-blog-info-content { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; text-align: left; color: #FFFFFF; line-height: 1.25; } .blog-read-more { text-transform: uppercase; font-size: 15px; font-weight: 600; margin: 20px 0px 0px 0px; opacity: .85; color: #76ACA9; transition: all .5s ease-in-out; } .blog-anchor { color: #FFFFFF; } .blog-anchor:hover { color: #FFFFFF; } .content-blog-tile-info-content .excerpt-read-more { color: #000000; opacity: .5; } .content-blog-tile-info-content:hover .excerpt-read-more { color: #000000; opacity: 1; } .content-featured-blog-info-content .excerpt-read-more { color: #FFFFFF; opacity: .5; transition: all .5s ease-in-out; } .content-featured-blog-info-content:hover .excerpt-read-more { color: #FFFFFF; opacity: 1; transition: all .5s ease-in-out; } .featured-blog-bottom { position: relative; background: url('/wp-content/themes/vint/images/featured-bottom.png'); height: 45px; width: 120%; background-size: cover; background-position: top center; margin: -90px 0px 30px -60px; } /************************************************/ /* COLUMN SECTION */ /************************************************/ .column-section { position: relative; display: inline-block; text-align: center; max-width: 100%; padding: 30px 90px 90px 90px; margin: -25px 0px -2px 0px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-repeat: repeat; } .column-container { margin: 60px auto 0px auto; } .column-main-title { font-family: 'great-forest-small', 'arial', sans-serif; font-size: 37px; color: #000000; line-height: 1.25; padding: 0px 0px 30px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .column-main-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .column-subtitle { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 20px; color: #000000; line-height: 1.25; padding: 0px 0px 15px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .column-subtitle-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .column-intro-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; color: #000000; line-height: 1.25; padding: 0px 0px 30px 0px; margin: 30px auto 0px auto; max-width: 1100px; transition: all 1s ease-in-out; } .column-intro-text-animated { margin: 0px auto 0px auto; transition: all 1s ease-in-out; } .column-content-container { position: relative; min-height: 550px; float: left; overflow: hidden; font-size: 20px; } .column-content-cell { padding: 30px 2% 30px 2%; min-height: 550px; width: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out; } .column-content-container a { color: #76ACA9; font-size: 20px; } .column-content-container a:hover { color: #000000; } .content-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; } .column-icon { background-size: contain !important; height: 160px !important; background-repeat: no-repeat !important; background-position: center center !important; margin: 30px 0px 20px 0px; transition: all 1s ease-in-out; } .column-icon-animated { margin: 0px 0px 20px 0px; transition: all 1s ease-in-out; } .column-title { font-family: 'great-forest-simplified', 'arial', 'sans-serif'; font-weight: 400; font-size: 37px; line-height: 1.25; color: #FFFFFF; padding: 0px 0px 10px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .column-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .column-button { background-size: contain !important; height: 57px; width: 156px; padding: 0px 0px 10px 0px; margin: 50px auto 0px auto; transition: all 1s ease-in-out; } .column-button-animated { margin: 20px auto 0px auto; transition: all 1s ease-in-out; } .column-anchor p { color: #000000; } .column-anchor:hover p { color: #000000; } .column-anchor .explore-button { background-image: url('/wp-content/themes/vint/images/explore-button.png'); transition: all .5s ease-in-out; } .column-anchor:hover .column-content-cell { transform: scale(1.02); transition: all .5s ease-in-out; } .column-anchor:hover .explore-button { background-image: url('/wp-content/themes/vint/images/explore-button-over.png'); transition: all .5s ease-in-out; } /************************************************/ /* CROWDRIFF SECTION */ /************************************************/ .crowdriff-section { position: relative; padding: 0px 0px 0px 0px; } .crowdriff-section-overlap { position: relative; padding: 0px 0px 0px 0px; margin: -60px 0px 0px 0px; z-index: 99; } .crowdriff-container { background: url('/wp-content/themes/vint/images/information-tiles-background.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 20px 0px 20px 0px; width: 100%; height: 80px; } .crowdriff-title-cell { display: inline-block; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } .crowdriff-title { float: left; } .crowdriff-title h2 { font-family: "great-forest-small", "arial", sans-serif; font-weight: 200; font-size: 34px; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px; line-height: 1em; text-align: center; text-transform: uppercase; opacity: 1; transition: all 1s ease-in-out; } .crowdriff-hash-tag { float: left; font-family: "great-forest-small", "arial", sans-serif; font-weight: 200; font-size: 34px; color: #76ACA9; margin: -4px 0px 0px 10px; line-height: 1.25em; text-align: center; text-transform: uppercase; opacity: 1; transition: all 1s ease-in-out; } .crowdriff-script { margin: 0px 0px 0px 0px; } .crowdriff-script .loadMore { background-color: #76ACA9 !important; } /************************************************/ /* CTA SECTION */ /************************************************/ .content-cta-section { position: relative; min-height: 600px; background-size: cover !important; background-position: bottom center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; padding: 60px 60px 60px 60px; margin: -30px 0px 0px 0px; text-align: center; } .content-cta-top-divider { background-image: url('/wp-content/themes/vint/images/cta-top-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 51px; width: 100%; position: relative; z-index: 99; } .content-cta-black-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .4); } .content-cta-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('/wp-content/themes/vint/images/topographic_pattern_2.png'); opacity: .1; } .content-cta { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1200px; } .content-cta-title { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 37px; color: #FFFFFF; line-height: 1.25; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-cta-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-cta-text-cell { display: inline-block; padding: 0px 30px 0px 30px; } .content-cta-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 24px; float: left; color: #FFFFFF; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-cta-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-cta-dropdown { float: left; padding: 0px 10px 0px 5px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-cta-dropdown-animated { margin: -3px 0px 0px 0px; transition: all 1s ease-in-out; } .content-cta-dropdown select { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; font-weight: 600; cursor: pointer; height: 35px; padding: 0px 0px 0px 0px; border: 0px solid transparent; margin: -2px 20px 0px 0px; color: #76ACA9; border-bottom: 1px solid #76ACA9; background-color: transparent; background-image: url('/wp-content/themes/vint/images/dropdown-arrow.png'); background-size: 15px 9px; background-position: 100% 20px; } .content-cta-dropdown select option { color: #000000; } .cta-button { background-size: contain !important; height: 57px; width: 156px; padding: 0px 0px 10px 0px; margin: 60px auto 0px auto; transition: all 1s ease-in-out; } .cta-button-animated { margin: 30px auto 0px auto; transition: all 1s ease-in-out; } .content-cta-content-cell .explore-button { display: inline-block; background-image: url('/wp-content/themes/vint/images/explore-button.png'); transition: all 1s ease-in-out; } .content-cta-content-cell .explore-button:hover { background-image: url('/wp-content/themes/vint/images/explore-button-over.png'); transition: all 1s ease-in-out; } .content-cta-bottom-divider { background-image: url('/wp-content/themes/vint/images/cta-bottom-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 69px; width: 100%; position: relative; z-index: 99; margin: -45px 0px 0px 0px; } /************************************************/ /* EVENTS SECTION */ /************************************************/ .content-events-section { position: relative; min-height: 400px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding: 60px 90px 60px 90px; text-align: center; } .content-events-top-line {background-image: url('/wp-content/themes/vint/images/events-top-line.png'); background-size: contain; background-repeat: no-repeat; background-position: top center; height: 8px; margin: 0px 0px 60px 0px; } .content-events-main-title h2 { font-family: "great-forest-simplified", "arial", sans-serif; font-weight: 200; font-size: 37px; color: #000000; margin: 30px 0px 20px 0px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .content-events-main-title-animated h2 { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-main-text { font-family: "brandon-grotesque", "arial", sans-serif; font-weight: 400; font-size: 20px; color: #000000; margin: 30px 0px 0px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .content-events-main-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .events-slider { margin: 30px auto 0px auto; } .event-container { position: relative; float: left; min-height: 550px; cursor: pointer; width: calc(100% - 10px); margin: 5px 5px 5px 5px; overflow: hidden; } .event-image { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; min-height: 550px; transform: scale(1); transition: all .5s ease-in-out; } .event-cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('/wp-content/themes/vint/images/event-cover.png'); opacity: .5; } .event-date { position: absolute; top: 30px; left: 50%; color: #FFF; width: 75%; line-height: 1.25; transform: translateX(-50%); font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; border-bottom: 1px solid #FFFFFF; padding: 0px 0px 15px 0px; } .event-title { position: absolute; top: 50%; left: 50%; color: #FFF; width: 100%; line-height: 1.25; transform: translate(-50%, -50%); font-family: 'great-forest-simplified','arial',sans-serif; font-size: 27px; padding: 0px 30px 0px 30px; } .event-button { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .event-anchor:hover .event-image { transform: scale(1.02); transition: all .5s ease-in-out; } .event-button.learn-more { background-image: url('/wp-content/themes/vint/images/learn-more-button.png'); height: 57px; width: 170px; transition: all 1s ease-in-out; } .event-anchor:hover .event-button.learn-more { background-image: url('/wp-content/themes/vint/images/learn-more-button-over.png'); height: 57px; width: 170px; transition: all 1s ease-in-out; } .event-button.explore { background-image: url('/wp-content/themes/vint/images/explore-button.png'); height: 57px; width: 156px; transition: all 1s ease-in-out; } .event-anchor:hover .event-button.explore { background-image: url('/wp-content/themes/vint/images/explore-button-over.png'); height: 57px; width: 156px; transition: all 1s ease-in-out; } .events-view-all { background-image: url('/wp-content/themes/vint/images/view-all-events.png'); height: 57px; width: 210px; margin: 30px auto 0px auto; display: inline-block; transition: all .5s ease-in-out; } .view-all-anchor:hover .events-view-all { background-image: url('/wp-content/themes/vint/images/view-all-events-over.png'); height: 57px; width: 210px; transition: all .5s ease-in-out; } /************************************************/ /* EVENTS INFORMATION SECTION */ /************************************************/ .content-events-information-section { position: relative; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding: 60px 60px 60px 60px; margin: -30px 0px 0px 0px; text-align: center; } .content-events-information-black-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .65); } .content-events-information-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('/wp-content/themes/vint/images/topographic_pattern_2.png'); opacity: .05; } .content-events-information { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1200px; } .content-events-information-title { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 37px; color: #FFFFFF; line-height: 1.25; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-information-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-information-text-cell { display: inline-block; padding: 0px 30px 0px 30px; } .content-events-information-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 28px; float: left; color: #FFFFFF; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-information-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-information-dropdown { float: left; padding: 0px 10px 0px 5px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-information-dropdown-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-events-information-dropdown select { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 22px; cursor: pointer; height: 35px; padding: 5px 0px 5px 10px; border: 0px solid transparent; margin: -2px 20px 0px 0px; color: #76ACA9; border-bottom: 1px solid #76ACA9; background-color: transparent; background-image: url('/wp-content/themes/vint/images/dropdown-arrow.png'); background-size: 15px 9px; background-position: 100% 20px; } .content-events-information-dropdown select option { color: #000000; } .blog-button { background-size: contain !important; height: 57px; width: 156px; padding: 0px 0px 10px 0px; margin: 60px auto 0px auto; transition: all 1s ease-in-out; } .blog-button-animated { margin: 30px auto 0px auto; transition: all 1s ease-in-out; } .content-events-information-content-cell .explore-button { display: inline-block; background-image: url('/wp-content/themes/vint/images/explore-button.png'); transition: all 1s ease-in-out; } .content-events-information-content-cell .explore-button:hover { background-image: url('/wp-content/themes/vint/images/explore-button-over.png'); transition: all 1s ease-in-out; } .content-events-information-bottom-divider { background-image: url('/wp-content/themes/vint/images/cta-bottom-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 69px; width: 100%; position: relative; z-index: 99; margin: -45px 0px 0px 0px; } .content-events-information-tile-content { float: left; left: 0px; position: relative; min-height: 350px; width: calc(25% - 10px); margin: 5px 5px 5px 5px; transform: scale(1.00); transition: all 0.5s ease-in-out; } .content-events-information-tile-content:hover { transform: scale(1.02); transition: all 0.5s ease-in-out; } .content-events-information-tile-image-cell { position: relative; width: 100%; height: 100%; min-height: 385px; background-size: cover !important; background-position: center center !important; } .content-events-information-tile-communities { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 10px 10px 10px; background-color: rgba(0,0,0,.5); font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; text-transform: uppercase; color: #FFFFFF; text-align: left; } .content-events-information-tile-info-cell { background-color: #FFFFFF; padding: 30px 30px 30px 30px; display: inline-block; width: 100%; } .content-events-information-tile-business-name { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 20px; color: #000000; text-align: left; line-height: 1.5; height: 50px; } .content-events-information-tile-divider { background-color: #CCCCCC; height: 4px; width: 50px; margin: 20px 0px 20px 0px; } .content-events-information-tile-info-date { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; color: #000000; text-align: left; font-weight: 600; } .content-events-information-tile-info-content { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; color: #000000; text-align: left; line-height: 1.5; height: 150px; } .hide-event { position: absolute; left: 100%; transition: all .25s ease-in-out; } .page-hide-event { position: absolute; left: 100%; transition: all .5s ease-in-out; } .events-information-description-section { padding: 90px 30px 60px 30px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .events-information-description-container { max-width: 1100px; margin: 0px auto 0px auto; } .events-information-description-left { float: left; width: 30%; text-align: left; padding: 0px 60px 0px 0px; } .events-information-description-right { float: left; width: 70%; text-align: left; border-left: 1px solid #CCCCCC; padding: 0px 0px 0px 60px; } .events-information-description-right-full-width { border-left: 0px solid transparent; width: 100%; padding: 0px 0px 0px 0px; } .events-information-description-title { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; text-transform: uppercase; padding: 30px 0px 0px 0px; } .events-information-description-label { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; color: #000000; font-weight: 500; padding: 5px 0px 0px 0px; } .events-information-description { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; padding: 0px 0px 10px 0px; } /************************************************/ /* FULL WIDTH SECTION */ /************************************************/ .content-full-width-section { background: url('/wp-content/themes/vint/images/section-background-5.png'); background-position: center center !important; background-repeat: repeat !important; background-size: cover !important; margin: -2px 0px 0px 0px; padding: 90px 0px 90px 0px; position: relative; } .content-full-width { padding: 0px 0px 0px 0px; text-align: center; max-width: 1100px; margin: 0px auto; } .content-full-width-title h2 { font-family: "great-forest-simplified", "arial", sans-serif; font-weight: 200; font-size: 37px; color: #000000; margin: 30px 0px 20px 0px; padding: 0px 30px 0px 30px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .content-full-width-title-animated h2 { margin: 0px 0px 30px 0px; transition: all 1s ease-in-out; } .content-full-width-text { font-family: "brandon-grotesque", "arial", sans-serif; font-weight: 400; font-size: 20px; color: #000000; margin: 30px 0px 0px 0px; padding: 0px 150px 0px 150px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .content-full-width-text-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-full-width-text a { color: #76ACA9; } .content-full-width-text a:hover { color: #000000; } .content-full-width-text ol { list-style: decimal; text-align: left; margin-left: 45px; } .content-full-width-text ul { list-style: disc; text-align: left; margin-left: 45px; } /************************************************/ /* INFORMATION TILES SECTION */ /************************************************/ .content-information-tiles-section { position: relative; display: inline-block; padding: 5px 5px 0px 5px; margin: -15px 0px 0px 0px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .content-information-tile-container { width: calc(33.3333% - 10px); float: left; position: relative; margin: 5px 5px 5px 5px; overflow: hidden; } .content-information-tile-content { min-height: 500px; background-size: cover !important; background-position: center center !important; transform: scale(1); transition: all .5s ease-in-out; } .content-information-tile-anchor:hover .content-information-tile-content { transform: scale(1.01); color: transparent; transition: all .5s ease-in-out; } .content-information-tile-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0,0,0,.3); } .content-information-tile-cell { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .content-information-tile-title-cell { width: 100%; padding: 0px 30px 0px 30px; } .content-information-tile-icon img { margin: 20px 5px 0px 0px; transition: all .5s ease-in-out; } .content-information-tile-icon-animated { margin: -10px 5px 0px 0px !important; opacity: 1 !important; transition: all .5s ease-in-out; } .content-information-tile-icon-title { color: #FFFFFF; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; text-transform: uppercase; margin: 30px 0px 0px 0px; transition: all .5s ease-in-out; } .content-information-tile-icon-title-animated { margin: 0px 0px 0px 0px; transition: all .5s ease-in-out; } .content-information-tile-spacer { padding: 10px 0px 0px 0px; } .content-information-tile-top-line img { max-width: 50%; padding: 0px 0px 10px 0px; } .content-information-tile-top-line { margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-information-tile-top-line-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-information-tile-title { font-family: 'great-forest-simplified','arial',sans-serif; font-size: 35px; line-height: 1.35; color: #FFFFFF; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-information-tile-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-information-tile-bottom-line img { max-width: 60%; padding: 10px 0px 0px 0px; margin: 0px auto 0px auto; } .content-information-tile-bottom-line { margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-information-tile-bottom-line-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-information-tile-buttons { position: relative; display: inline-block; padding: 20px 0px 0px 0px; } .content-information-tile-button { float: left; } .content-information-tile-button img { margin: 30px 5px 0px 5px; transform: scale(1); transition: all 1s ease-in-out; } .content-information-tile-button img:hover { margin: 30px 5px 0px 5px; transform: scale(1.05); transition: all .5s ease-in-out; } .content-information-tile-button-animated { margin: 0px 5px 0px 5px !important; transition: all 1s ease-in-out; } /************************************************/ /* MASONRY SECTION */ /************************************************/ .content-masonry-section { position: relative; display: inline-block; background: url('/wp-content/themes/vint/images/section-background-5.png'); background-position: center center !important; background-repeat: repeat !important; background-size: cover !important; padding: 0px 5px 0px 5px; margin: -3px 0px 0px 0px; } .content-masonry-section.first-section { padding: 100px 5px 0px 5px; } .tiles-main-title { font-family: "great-forest-simplified", "arial", sans-serif; font-weight: 200; font-size: 37px; color: #000000; margin: 30px 0px 20px 0px; padding: 0px 30px 30px 30px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .tiles-main-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .tiles-main-text { font-family: "brandon-grotesque", "arial", sans-serif; font-weight: 400; font-size: 20px; color: #000000; margin: 30px 0px 0px 0px; padding: 0px 150px 60px 150px; line-height: 1.25em; text-align: center; transition: all 1s ease-in-out; } .tiles-main-text-animated { margin: 0px auto 0px auto; transition: all 1s ease-in-out; } .tile.hidden { display: none; } .tile-image { display: block; float: left; width: calc(25% - 10px); min-height: 450px; margin: 5px; position: relative; overflow: hidden; background-size: cover !important; background-position: center center !important; transform: scale(1); transition: all .5s ease-in-out; } .tile-title-cover { position: absolute; bottom: 0px; left: 0px; background-image: url('/wp-content/themes/vint/images/tile-title-cover.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; width: 100%; height: 250px; opacity: .5; } .tile-title-div { position: absolute; bottom: 20px; left: 20px; font-family: 'great-forest-simplified','arial',sans-serif; font-size: 20px; color: #FFFFFF; } .tile-anchor:hover .tile-image { transform: scale(1.015); transition: all .5s ease-in-out; } .tile-image.medium { width: calc(50% - 10px); } .tile-image.fullwidth { width: calc(100% - 10px); height: calc(25% - 10px); min-height: 600px; } .tile-image.fullwidth .tile-title-cover { height: 450px; } .tile-anchor:hover .tile-image.fullwidth { transform: scale(1.005); transition: all .5s ease-in-out; } /*************************************/ /* SEARCH RESULTS PAGE */ /*************************************/ .search-results-text-section { padding: 90px 30px 90px 30px } .search-results-title { padding: 0px 0px 20px 0px; font-size: 27px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #000000; text-align: left; } .search-results-text { padding: 5px 0px 5px 10px; text-align: left; } .search-results-text a { color: #000000; font-size: 20px; } .search-results-text a:hover { color: #76ACA9; } .search-results-text .current { background-color: #76ACA9; } /************************************************/ /* SMALL CTA SECTION */ /************************************************/ .content-small-cta-top-divider { background-image: url('/wp-content/themes/vint/images/small-cta-top-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 39px; width: 100%; position: relative; z-index: 99; } .content-small-cta-section { position: relative; min-height: 250px; background-size: cover !important; background-position: bottom center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; padding: 60px 30px 60px 30px; text-align: center; margin: -20px 0px 0px 0px; } .content-small-cta-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url('/wp-content/themes/vint/images/topographic_pattern_2.png'); opacity: .15; } .content-small-cta { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1200px; } .content-small-cta-content-cell { display: inline-block; } .content-small-cta-title { font-family: 'great-forest-small', 'arial', sans-serif; font-size: 34px; color: #FFFFFF; line-height: 1.25; padding: 0px 0px 0px 0px; float: left; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-small-cta-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-small-cta-form-shortcode { float: left; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-small-cta-form-shortcode-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-small-cta-content-cell #mc_embed_signup { margin: 0px auto; max-width: 350px; } .content-small-cta-content-cell #mce-EMAIL { float: left; margin: 10px 0px 0px 0px; height: 40px; width: 300px; padding: 10px 5px 10px 5px; color: #FFFFFF; font-size: 20px; border: 1px solid #FFFFFF !important; background-color: transparent; } .content-small-cta-content-cell #mce-EMAIL::placeholder { color: #FFFFFF; opacity: 1; } .content-small-cta-content-cell #mc-embedded-subscribe { float: left; background-color: #FFFFFF; padding: 10px 5px 10px 5px; margin: 10px 0px 0px 0px; color: #000000; font-size: 20px; border: 1px solid #FFFFFF !important; font-family: 'great-forest-simplified', sans-serif; min-width: 50px; height: 40px !important; } /************************************************/ /* STAKEHOLDER LANDING PAGE CLASSES */ /************************************************/ .stakeholder-description-section { padding: 90px 30px 60px 30px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .stakeholder-description-container { max-width: 1100px; margin: 0px auto 0px auto; } .stakeholder-description-left { float: left; width: 30%; text-align: left; padding: 0px 60px 0px 0px; } .stakeholder-description-left .banner-arrow-left { height: 15px; width: 16px; margin: 8px 10px 0px 0px; } .stakeholder-description-left a { opacity: .85; } .stakeholder-description-left a:hover { opacity: 1; } .stakeholder-description-right { float: left; width: 70%; text-align: left; border-left: 1px solid #CCCCCC; padding: 0px 0px 0px 60px; } .stakeholder-description-right-full-width { border-left: 0px solid transparent; width: 100%; padding: 0px 0px 0px 0px; } .stakeholder-description-title { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; padding: 30px 0px 0px 0px; } .stakeholder-description-label { line-height: 1.25; font-size: 20px; } .stakeholder-description-label a { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; color: #76ACA9; font-weight: 300; padding: 5px 0px 0px 0px; } .stakeholder-description-label a:hover { color: #000000; } .stakeholder-media { padding: 30px 0px 0px 0px; } .stakeholder-media-icon { float: left; margin: 0px 5px 0px 0px; opacity: .75; } .stakeholder-media-icon img { max-width: 40px; } .stakeholder-media-icon:hover { opacity: 1; } .stakeholder-subheading { font-family: 'great-forest-small','arial',sans-serif; font-size: 40px; padding: 10px 0px 30px 0px; } .stakeholder-description { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; padding: 0px 0px 10px 0px; } .stakeholder-description a { color: #76ACA9; } .stakeholder-description a:hover { color: #000000; } .stakeholder-description h3 { padding: 0px 30px 0px 0px; } .stakeholder-description h4 { padding: 0px 30px 0px 0px; } .stakeholder-description ul { margin: 20px 0px 20px 30px; list-style: disc; line-height: 1.25; text-align: left; } .stakeholder-description ol { margin: 20px 0px 20px 30px; list-style: decimal; line-height: 1.25; text-align: left; } .stakeholder-description ol br { display: none; } .stakeholder-description ul br { display: none; } .stakeholder-map { height: 100%; width: 100%; position: relative; background-color: #FFFFFF; } .stakeholder-map-top-divider { background-image: url('/wp-content/themes/vint/images/stakeholder-map-top-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; height: 30px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 99; } .stakeholder-map-cell { height: 800px; padding: 0px 0px 0px 0px; } .stakeholder-map-cell iframe { height: 100%; width: 100%; } .stakeholder-map-cell iframe div.profile-photo-light { display: none; } .stakeholder-map-bottom-divider { background-image: url('/wp-content/themes/vint/images/stakeholder-map-bottom-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; height: 30px; width: 100%; position: relative; z-index: 99; margin: -20px 0px 0px 0px; } .stakeholder-printable-map-button { position: absolute; bottom: 50px; right: 60px; opacity: .75; } .stakeholder-printable-map-button:hover { opacity: 1; } .stakeholder-testimonials { height: 100%; width: 100%; position: relative; padding: 60px 0px 60px 0px; background-image: url('/wp-content/themes/vint/images/stakeholder-testimonial-background.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .stakeholder-testimonials-top-divider { background-image: url('/wp-content/themes/vint/images/stakeholder-testimonials-top-divider.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; height: 30px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 99; } .testimonial-slider { margin: 60px auto 60px auto; text-align: left; } .testimonial-slider .slick-list { max-width: 1200px; margin: 0px auto 0px auto; } .stakeholder-testimonial-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 22px; color: #FFFFFF; line-height: 1.5; } .stakeholder-testimonial-info { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; color: #919191; line-height: 1.5; padding: 20px 0px 0px 0px; } .testimonial-slider .slick-dots li { height: 15px; width: 15px; background-color: #FFFFFF; border-radius: 25px; border: 1px solid #FFFFFF; } .testimonial-slider li.slick-active { background-color: transparent !important; } .testimonial-slider .slick-dots li button::before { font-size: 0px; } .testimonial-slider .slick-prev { left: 0px; } .testimonial-slider .slick-next { right: 0px; } .stakeholder-images { position: relative; padding: 0px 0px 10px 0px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .stakeholder-image { float: left; width: 25%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; height: 250px; margin: 0; padding: 0; border: 5px solid #FFFFFF; transform: scale(1); transition: all .5s ease-in-out; } .stakeholder-image-anchor:hover .stakeholder-image { transform: scale(1.02); transition: all .5s ease-in-out; } .stakeholder-caption { position: absolute; bottom: 0px; left: 0px; background-color: rgba(0,0,0,.5); color: #FFF; padding: 20px; width: 100%; text-align: left; line-height: 1.25; } .stakeholder-image.hidden { display: none; } .stakeholder-image.fullwidth { min-height: 500px; width: 100%; } .stakeholder-image.large { min-height: 500px; width: 75%; } .stakeholder-image.medium { min-height: 500px; width: 50%; } .stakeholder-image.medium-move-up { margin-top: -255px; } /************************************************/ /* STAKEHOLDER TILES SECTION */ /************************************************/ .content-stakeholder-tiles-section { position: relative; min-height: 400px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding: 60px 90px 60px 90px; text-align: center; } .content-stakeholder-main-title { font-family: 'great-forest-small', 'arial', sans-serif; font-size: 37px; padding: 0px 0px 30px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-main-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-intro-text { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 20px; max-width: 1100px; padding: 0px 0px 60px 0px; margin: 30px auto 0px auto; transition: all 1s ease-in-out; } .content-stakeholder-intro-text-animated { margin: 0px auto 0px auto; transition: all 1s ease-in-out; } .content-stakeholder-top-line { padding: 0px 0px 0px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-top-line-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdown-title { font-family: 'great-forest-small', 'arial', sans-serif; font-size: 37px; padding: 30px 0px 30px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdown-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdowns { margin: 0px auto 0px auto; display: inline-block; } .content-stakeholder-dropdown-cell { display: inline-block; padding: 20px 0px 0px 10px; } .content-stakeholder-dropdown-label { float: left; font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 24px; padding: 5px 15px 0px 10px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdown-label-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdown { float: left; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdown-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-dropdown select { font-family: 'brandon-grotesque','arial',sans-serif; font-size: 20px; padding: 5px 0px 5px 10px; height: 50px; /*min-width: 500px;*/ margin: -5px 64px 0px 0px; background-image: url('/wp-content/themes/vint/images/stakeholder-dropdown-arrow.png'); background-position: right; background-size: 58px 67px; border: 1px solid #000000; } .content-stakeholder-bottom-line { padding: 30px 0px 60px 0px; margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-bottom-line-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-stakeholder-tile-content { float: left; left: 0px; position: relative; min-height: 350px; width: calc(25% - 10px); margin: 5px 5px 5px 5px; background-size: cover !important; background-position: center center !important; transform: scale(1.00); transition: all 0.5s ease-in-out; } .content-stakeholder-tile-content:hover { transform: scale(1.02); transition: all 0.5s ease-in-out; } .content-stakeholder-tile-cover { position: absolute; bottom: 0px; left: 0px; background-image: url('/wp-content/themes/vint/images/stakeholder-tile-cover.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; width: 100%; height: 250px; } .content-stakeholder-tile-title-cell { padding: 0px 0px 10px 0px; } .content-stakeholder-tile-icon { float: left; } .content-stakeholder-tile-icon img { height: 16px; margin: 0px 5px 0px 0px; } .content-stakeholder-tile-communities { float: left; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; text-transform: uppercase; color: #FFFFFF; padding: 2px 30px 0px 0px; text-align: left; } .content-stakeholder-tile-activities { float: left; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; text-transform: uppercase; color: #FFFFFF; padding: 2px 0px 0px 0px; text-align: left; } .content-stakeholder-tile-accommodations { float: left; font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; text-transform: uppercase; color: #FFFFFF; padding: 2px 0px 0px 0px; } .content-stakeholder-tile-business-name { position: absolute; bottom: 20px; left: 20px; padding: 0px 20px 0px 0px; font-family: 'great-forest-simplified','arial',sans-serif; font-size: 20px; color: #FFFFFF; text-align: left; line-height: 1.25; } .content-stakeholder-tile-covid-open { display: inline-block; position: absolute; top: 10px; right: 10px; padding: 0.5em; background-color: white; border: solid 1px black; color: black; font-family: 'brandon-grotesque','arial',sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px; } .content-stakeholder-tile-covid-open .svg-inline--fa { color: #76ACA9; margin-left: 2px; margin-right: 2px; } .hide-stakeholder { position: absolute; left: 100%; transition: all .25s ease-in-out; } .page-hide-stakeholder { position: absolute; left: 100%; transition: all .5s ease-in-out; } .page-nav { font-size: 15px; opacity: 1; transition: all .25s ease-in-out; } .page-nav-hide { font-size: 0px; opacity: 0; max-width: 0px; padding: 0px !important; } .no-search-results { font-size: 20px; } /* Pagination Controls */ .vint-pagination-stakeholder { position: relative; z-index: 999; padding-top: 40px; clear: both; text-transform: uppercase; height: 70px; width: 100%; font-size: 15px; } .vint-pagination-blog { padding-top: 40px; clear: both; text-transform: uppercase; height: 70px; width: 100%; font-size: 15px; } .vint-pagination-event { padding-top: 40px; clear: both; text-transform: uppercase; height: 70px; width: 100%; font-size: 15px; } .vint-pagination-stakeholder li, .vint-pagination-stakeholder li > * { float: left; } .vint-pagination-blog li, .vint-pagination-blog li > * { float: left; } .vint-pagination-event li, .vint-pagination-event li > * { float: left; } .vint-pagination-stakeholder .vint-pagination-list { list-style: none; margin: 0; padding: 0; position: relative; top: -6px; width: 100%; display: flex; } .vint-pagination-blog .vint-pagination-blog-list { list-style: none; margin: 0; padding: 0; position: relative; top: -6px; width: 100%; display: flex; } .vint-pagination-event .vint-pagination-event-list { list-style: none; margin: 0; padding: 0; position: relative; top: -6px; width: 100%; display: flex; } li.vint-pl-next > * > span { float: unset; } li.vint-pl-prev > *, li.vint-pl-next > * { display: block; width: 100%; } li.vint-pl-next > * { text-align: right; } .vint-pl-pages { width: 100%; } li.vint-pl-pages > * { display: block; text-align: center; } .vint-pl-line { background-color: #76ACA9; position: absolute; height: 6px; top: -25px; transition: all .15s ease-in-out; } .vint-pagination-stakeholder li > span { opacity: 0.5; } .vint-pagination-blog li > span { opacity: 0.5; } .vint-pagination-event li > span { opacity: 0.5; } .vint-pagination-stakeholder a { text-decoration: none; color: #000000; } .vint-pagination-blog a { text-decoration: none; color: #000000; } .vint-pagination-event a { text-decoration: none; color: #000000; } .page-nav { padding: 0px; color: #000000; } .page-nav.active { font-weight: 600; color: #76ACA9; } #previousLink { padding: 0px 0px 0px 10px; opacity: 1; cursor: pointer; transition: all .15s ease-in-out; } .previousArrow { background: url('/wp-content/themes/vint/images/prev-normal.png'); padding: 0px 0px 0px 108px; background-size: contain !important; background-repeat: no-repeat !important; transition: all .15s ease-in-out; } #nextLink { padding: 0px 10px 0px 0px; opacity: 1; cursor: pointer; transition: all .15s ease-in-out; } .nextArrow { background: url('/wp-content/themes/vint/images/next-normal.png'); padding: 0px 76px 0px 0px; background-size: contain !important; background-repeat: no-repeat !important; background-position: top right !important; transition: all .15s ease-in-out; } .hidden-link { opacity: 0 !important; cursor: inherit !important; transition: all .15s ease-in-out; } /************************************************/ /* TILE SLIDER SECTION */ /************************************************/ .content-tile-slider-section { position: relative; min-height: 400px; background-image: url('/wp-content/themes/vint/images/section-background-5.png'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; background-attachment: fixed; padding: 60px 90px 60px 90px; text-align: center; } .content-title-content { display: inline-block; } .content-tile-top-line { margin: 0px auto 0px auto; } .content-tile-top-line img { padding: 0px 0px 10px 0px; } .content-tile-main-title { float: left; font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 37px; color: #000000; line-height: 1.25; padding: 0px 0px 0px 0px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-tile-main-title-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-tile-main-text { float: left; font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 28px; padding: 0px 0px 0px 20px; margin: 10px 0px 0px 0px; transition: all 1s ease-in-out; } .content-tile-main-text-animated { margin: -20px 0px 0px 0px; transition: all 1s ease-in-out; } .content-tile-bottom-line { margin: 0px auto 0px auto; } .content-tile-bottom-line img { padding: 0px 0px 0px 0px; } .content-tile-slider { padding: 45px 0px 0px 0px; } .content-tile-container { position: relative; float: left; min-height: 550px; margin: 5px 5px 5px 5px; cursor: pointer; overflow: hidden; } .content-tile-content { width: 100%; min-height: 550px; background-position: center center !important; background-size: cover !important; padding: 0px; transition: all .5s ease-in-out; } .content-tile-content:hover { transform: scale(1.02); transition: all .5s ease-in-out; } .content-tile-cover { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0,0,0,.1); } .content-tile-title { font-family: 'brandon-grotesque', 'arial', sans-serif; color: #FFF; text-transform: uppercase; font-size: 20px; font-weight: 600; position: absolute; width: 100%; top: 70px; transition: all 1s ease-in-out; } .content-tile-title-animated { top: 40px; transition: all 1s ease-in-out; } .content-tile-title-divider { height: 1px; width: 70%; margin: 20px auto 0px auto; background-color: #FFFFFF; } .content-tile-subtitle { font-family: 'great-forest-simplified', 'arial', sans-serif; font-size: 37px; color: #FFFFFF; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); line-height: 1.25; padding: 0px 30px 0px 30px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .content-tile-subtitle-animated { margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .content-tile-front { opacity: 1; transition: all .25s ease-in-out; } .content-tile-front-hidden { opacity: 0; transition: all .25s ease-in-out; } .content-tile-back-hidden { position: absolute; visibility: hidden; background-color: transparent; margin: 0px 0px 0px 0px; padding: 7px; height: 100%; width: 100%; perspective: 100%; z-index: 0; transform: rotateY(180deg); transform-style: preserve-3d; top: 0px; opacity: 0; transition: all .5s ease-in-out; } .content-tile-back-visible { position: absolute; visibility: visible; background-color: rgba(0, 0, 0, .75); height: 100%; width: 100%; perspective: 100%; z-index: 20; opacity: 1; transform: rotateY(0deg); transition: all .5s ease-in-out; } .flip-text-back-text { color: #FFFFFF; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); font-family: 'brandon-grotesque','arial',sans-serif; font-size: 15px; width: 100%; padding: 30px 30px 30px 30px; } .flip-text-back-button.explore-button { display: inline-block; background-image: url('/wp-content/themes/vint/images/explore-button.png'); height: 57px; width: 156px; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .flip-text-back-button.explore-button:hover { background-image: url('/wp-content/themes/vint/images/explore-button-over.png'); transition: all 1s ease-in-out; } .flip-text-back-text p { font-size: 17px; line-height: 1.25; } .flip-text-back-text ul { margin: 0px 0px 0px 0px; list-style: disc; line-height: 1.25; text-align: left; } .flip-text-back-text ol { margin: 0px 0px 0px 0px; list-style: decimal; line-height: 1.25; text-align: left; } /************************************************/ /* FOOTER */ /************************************************/ .footer-wrapper { display: block; background: url('/wp-content/themes/vint/images/footer-background.png'); background-repeat: no-repeat; background-size: cover; background-position: center top; min-height: 300px; margin: -15px 0px 0px 0px; position: relative; z-index: 99; } .footer-wrapper .row { max-width: 1800px; } .footer-column { float: left; width: 100%; color: #FFFFFF; } .footer-column img { max-height: 50px; padding-left: 10px; opacity: .85; } .footer-column img:hover { opacity: 1; } .footer-row { padding: 75px 30px 0px 30px; } .footer-bottom { padding: 0px 30px 30px 30px; overflow: auto; } .footer-left { width: 20%; padding: 0px 30px 0px 0px; } .footer-middle { position: relative; padding: 20px 0 0 0; width: 24%; } .footer-right { width: 56%; text-align: right; } .footer-bottom-left { width: 50%; } .footer-bottom-right { width: 50%; text-align: right; } .footer-bottom-links { float: left; } .iphone-hide { float: left; } .footer-right .footer-heading { text-align: right; } .footer-right a:last-of-type img { padding-right: 0px; } .footer-heading { color: #FFFFFF; font-family: 'great-forest-small', sans-serif; font-size: 30px; padding: 0px 0px 20px 0px; text-align: left; } .footer-text { color: #FFFFFF; line-height: 1.5; font-size: 16px; } .footer-uppercase { text-transform: uppercase; font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 14px; font-weight: 400; padding: 15px 0px 0px 0px; } .footer-uppercase a { color: #FFFFFF; font-weight: 600; } .footer-uppercase a:hover { color: #76ACA9; } .footer-smaller { font-family: 'brandon-grotesque', 'arial', sans-serif; font-size: 14px; white-space: nowrap; } .footer-smaller a { color: #FFFFFF; } .footer-smaller a:hover { color: #76ACA9; } .footer-text-right { text-align: right; padding-right: 20px; } .footer-wrapper .divider { margin: 30px 30px 30px 30px; } .footer-middle #mce-EMAIL { float: left; margin: 10px 0px 0px 0px; height: 40px; width: 300px; padding: 10px 5px 10px 5px; color: #FFFFFF; font-size: 20px; border: 1px solid #FFFFFF !important; background-color: transparent; } .footer-middle #mce-EMAIL::placeholder { color: #FFFFFF; opacity: 1; } .footer-middle #mc-embedded-subscribe { float: left; background-color: #FFFFFF; padding: 10px 5px 10px 5px; margin: 10px 0px 0px 0px; color: #000000; font-size: 20px; border: 1px solid #FFFFFF !important; font-family: 'great-forest-simplified', sans-serif; min-width: 50px; height: 40px !important; } .super-footer { background-color: #303031; padding: 15px 0px 15px 0px; } .super-footer .row { max-width: 1800px; padding: 0px 15px 0px 30px; } .super-footer .footer-left { width: 25%; } .super-footer .footer-middle { width: 49%; padding: 0px 0px 0px 0px; } /*************************************************************/ /* CONSENT POPUP CLASSES */ /*************************************************************/ .consent-popup { position: fixed; bottom: 0px; left: 0px; z-index: 99; border-top: 3px solid #000000; background: url('/wp-content/themes/vint/images/consent_background.png'); background-size: cover; background-position: center center; width: 100%; max-height: 0px; transition: all .5s; } .consent-popup-visible { max-height: 1000px; transition: all .5s; } .consent-popup a { text-decoration: underline; color: #FFFFFF; font-weight: 400; } .consent-div { max-width: 1640px; padding: 30px; margin: 0px auto; color: #FFFFFF; font-weight: 400; } .consent-div-left { float: left; width: calc(100% - 150px); padding: 30px; } .consent-div-right { float: left; width: 150px; padding: 30px 20px 30px 20px; } #agree-button img { opacity: .65; } #agree-button:hover img { opacity: 1; } #consent-given { display: none; } .consent-intro-text { padding: 30px 0px 0px 0px; } .consent-intro-text p { text-align: left; color: #000000; padding: 0px 0px 15px 0px; } .consent-intro-text a { color: #76ACA9; font-weight: 400; text-decoration: underline; } .consent-intro-text ul { list-style: disc; text-align: left; margin: 0px 0px 15px 40px; } .consent-intro-text h1, h2 { text-align: left; } .privacy-accordions { padding: 30px 0px 30px 0px; position: relative; background-color: #FFFFFF; } .privacy-accordion { display: inline-block; width: 100%; } .privacy-accordion-title { float: left; font-size: 25px; font-weight: 400; padding: 10px 15px 10px 15px; } .privacy-accordion-symbol { float: right; font-size: 40px; padding: 0px 15px 0px 15px; } .symbol-minus { font-size: 50px; margin: -13px 0px 0px 0px; } .privacy-accordion-text { color: #000000; font-weight: 300; padding: 0px; margin: 0px 0px 0px 0px; box-shadow: 5px 5px 5px #ffffff; border: 1px solid transparent; opacity: 0; max-height: 10px; position: relative; left: 100%; transition: all .5s; } .privacy-accordion-text-visible { padding: 30px 30px 0px 30px; margin: 0px 0px 10px 0px; box-shadow: 5px 5px 5px #cccccc; border: 1px solid #cccccc; opacity: 1; max-height: 3000px; position: relative; left: 0%; transition: all .5s; } .privacy-accordion-text p { text-align: left; padding: 0px 0px 30px 0px; } .privacy-accordion-text a { color: #76ACA9; font-weight: 400; text-decoration: underline; } .accordion-button { display: inline-block; text-decoration: none !important; padding: 7px 10px 7px 10px; background-color: #000000; color: #FFFFFF !important; font-weight: 400; border: 1px solid #FFFFFF; } .accordion-button:hover { background-color: #FFFFFF; color: #000000 !important; border: 1px solid #000000; } /************************************************/ /* RESPONSIVE */ /************************************************/ @media screen and (max-width: 1800px) { .content-stakeholder-dropdown-label { font-size: 20px; padding: 0px 15px 15px 10px; } .content-stakeholder-dropdown select { font-size: 20px; margin: -12px 65px 0px 0px; min-width: auto; } .content-accordion-intro-text { font-size: 20px; } .footer-column:not(.footer-bottom-right) img { max-height: 30px !important; } } @media screen and (max-width: 1650px) { .content-blog-tile-content { width: calc(50% - 10px); } .content-events-information-tile-content { width: calc(50% - 10px); } } @media screen and (max-width: 1500px) { .content-stakeholder-tiles-section { padding: 60px 30px 60px 30px; } .content-stakeholder-tile-communities { font-size: 12px; padding: 5px 30px 0px 0px; } .content-stakeholder-tile-business-name { font-size: 15px; } .content-information-tile-button { float: unset; margin: 10px; } } @media screen and (max-width: 1350px) { .column-section { padding: 30px 0px 90px 0px; } .testimonial-slider .slick-prev { left: 0px; } .testimonial-slider .slick-next { right: 0px; } .stakeholder-testimonial.slick-slide { padding: 0px 90px 0px 90px; } .stakeholder-testimonial-text { font-size: 20px; } } @media screen and (max-width: 1200px) { .super-header-wrapper-left { padding: 10px 10px 0px 15px; } .super-header-wrapper-right { padding: 10px 12px 0px 10px; } header .top-bar { padding: 10px 10px 10px 0px; } .top-bar, .top-bar ul { margin: 0px 10px 0px 0px; } .top-bar-left > .menu > li > .logo img { height: 40px; } .top-bar-right .menu > li > a { font-size: 15px; padding: 10px 8px 15px 8px; } .top-bar-right { margin: 0px -15px 0px 0px; } /*.two-column-background-image { height: 1200px; }*/ .two_column_content_reverse { transform: unset; } .two-column-content-cell { position: absolute; top: 430px; left: 0px; width: 100%; } .two-column-content-cell-inner { position: relative; top: unset; left: unset; transform: unset; padding: 60px 30px 60px 30px; width: 100%; } .two_column_image_reverse { transform: unset; } .two-column-image-cell { width: 100%; height: unset !important; min-height: unset; top: 230px; } .column-section { padding: 1px 0px 0px 0px; margin: -50px 0px 0px 0px; } .column-content-container { width: calc(50% - 15px) !important; margin: 0px 0px 10px 10px !important; } .content-information-tile-title { font-size: 25px; } .content-stakeholder-top-line img { max-width: 40%; } .content-stakeholder-bottom-line img { max-width: 40%; } } @media screen and (max-width: 1150px) { .content-stakeholder-dropdown-title { text-align: left; padding: 10px 0px 10px 0px; } .content-stakeholder-dropdowns { float: left; } .content-stakeholder-dropdown-cell { float: left; } .content-stakeholder-tiles-section { padding: 60px 5px 60px 5px; } .content-stakeholder-main-title { padding: 0px 5px 30px 5px; } .content-stakeholder-intro-text { padding: 0px 5px 60px 5px; } } @media screen and (max-width: 1100px) { .content-small-cta-title { padding: 0px 30px 20px 30px; } .footer-row { padding: 75px 10px 0px 10px; } .footer-bottom { padding: 0px 10px 30px 10px; } .footer-wrapper .divider { margin: 30px 10px 30px 10px; } .footer-heading { font-size: 25px; } .super-footer .row { padding: 0px 10px 0px 10px; } .super-footer .footer-right { padding-right: 0px; } } @media screen and (max-width: 1024px) { .content-full-width-text { padding: 0px 30px 0px 30px; } .content-cta-section { min-height: 700px; } .content-cta-text { float: unset; } .content-cta-dropdown { float: unset; } .content-cta-dropdown select { margin: 10px 0px 10px 0px; width: auto; } .content-tile-slider-section { padding: 10px 10px 0px 10px; } .content-tile-main-text { padding: 0px 0px 0px 0px; font-size: 20px; } .content-tile-main-title { float: unset; margin: 0px 0px 20px 0px; } .content-tile-slider { padding: 10px 0px 0px 0px; } .content-tile-slider .slick-prev { left: -30px; } .content-tile-slider .slick-next { right: -30px; } .content-events-section { padding: 60px 30px 60px 30px; } .events-slider { padding: 0px 10px 0px 10px; } .events-slider .slick-prev { left: -30px; } .events-slider .slick-next { right: -30px; } .content-blog-section { padding: 60px 10px 30px 10px; } .content-featured-blog { margin: -55px -10px 60px -10px; } .content-events-information-section { padding: 60px 10px 30px 10px; } } @media screen and (max-width: 950px) { .super-header-links { font-size: 10px; padding: 0px 10px 0px 0px; } .sign-up-link { font-size: 10px; } .search-text { font-size: 10px; } .mega-menu-column.mega-menu-mobile-fullwidth { width: 100% !important; } .banner-section .video-container { height: 500px; } .banner-section .flex-video { height: 500px; } .banner-section .flex-video iframe { width: 180%; left: -40%; } .banner-title img { max-width: 100%; } .banner-top-line { margin: 0px 0px 50px 0px; } .banner-title { font-size: 50px; } .banner-arrow-text { font-size: 15px; } .banner-arrow { width: 15px; right: -25px; } .banner-arrow-left { height: 13px; } .banner-explore-widget { display: none; } .image-location-information { background: rgba(0, 0, 0, 0) url("/wp-content/themes/vint/images/banner-pin.png") no-repeat scroll 0% 0% !important; height: 28px; width: auto; left: 50%; transform: translate(-50%, -5px); } .image-location-information-cell { position: unset; top: unset; left: unset; transform: unset; padding: 7px 0px 0px 30px; } .image-location-name { float: left; font-size: 14px; } .image-community-name { float: left; font-size: 14px; color: #FFFFFF; padding: 0px 0px 0px 0px; } .image-community-name::before { content: ', '; } .content-information-tile-container { width: calc(100% - 10px); } .content-information-tile-button { float: left; margin: 0px; } .content-information-tile-title { font-size: 35px; } .content-information-tile-cell { top: 50%; transform: translate(-50%, -50%); } .content-stakeholder-intro-text { font-size: 20px; } .content-stakeholder-tile-content { width: calc(50% - 10px); } .crowdriff-container { height: 100px; } .crowdriff-title { float: unset; } .crowdriff-title h2 { font-size: 20px; } .crowdriff-hash-tag { float: unset; font-size: 20px; } .crowdriff-hash-tag-animated { margin: 0px 0px 0px 0px; } .crowdriff-script { margin: 0px 0px 0px 0px; } .stakeholder-description-section { padding: 30px 10px 30px 10px; } .stakeholder-description-left { width: 100%; padding: 0px 0px 0px 0px; } .stakeholder-description-right { width: 100%; border-left: 0px solid transparent; padding: 30px 0px 0px 0px; } .blog-description-section { padding: 30px 10px 30px 10px; } .blog-description-left { width: 100%; padding: 0px 0px 0px 0px; } .blog-description-right { width: 100%; border-left: 0px solid transparent; padding: 30px 0px 0px 0px; } .content-featured-blog { margin: -55px -10px -70px -10px; padding: 0px 0px 30px 0px; } .content-featured-image-cell { width: 100%; min-height: 250px; } .content-featured-info-cell { width: 100%; } .featured-blog-bottom { margin: 0px 0px 30px -60px; } } @media screen and (max-width: 900px) { .tile-image { width: calc(100% - 10px); } .tile-image.medium { width: calc(100% - 10px); } .tile-image.fullwidth { min-height: 400px; } .footer-left { width: 100%; text-align: center; } .super-footer .footer-left { width: 100%; text-align: center; } .footer-middle { width: 100%; text-align: center; padding: 0px 0px 0px 0px; } .footer-middle #mc_embed_signup { margin: 0px auto; max-width: 350px; } .super-footer .footer-middle { width: 100%; text-align: center; padding: 0px 0px 0px 0px; } .footer-right { width: 100%; text-align: center; padding: 20px 30px 0px 30px; } .footer-heading { text-align: center; padding: 0px 0px 0px 0px; } .footer-text { padding: 0px 30px 20px 30px; } .footer-right .footer-heading { text-align: center; } .footer-column img { max-height: 60px !important; padding-top: 10px; } .footer-bottom { padding: 0px 10px 40px 10px; } .footer-bottom .footer-column { float: unset; } .footer-bottom-left { width: 410px; margin: 0px auto 0px auto; } .footer-bottom-right { width: 100%; text-align: center; } .footer-right.footer-text-right { padding: 0px 30px 0px 30px; } .footer-bottom-left.footer-uppercase { padding: 0px 0px 40px 0px; } } @media screen and (max-width: 775px) { .super-header-wrapper-left { width: 100%; } .super-header-wrapper-right { width: 100%; } .super-header-wrapper-left { display: none; } .sign-up-cell { display: none; } .search-cell { float: left; margin: 0px 0px 0px -10px; } .search-text { font-size: 14px; padding: 2px 0px 0px 0px; } .search-icon { padding: 0px 0px 0px 0px; } .top-bar-right { display: none; } .mobile-menu { display: block; } .regular-menu { display: none; } .banner-section { margin: 10px 0px 0px 0px; } .banner-images-only { height: 400px; } .banner-section .banner-slider { margin: -50px 0px 0px 0px; } .mega-menu-container { position: unset; top: unset; left: unset; transform: unset; padding: 60px 10px 0px 10px; max-height: 500px; overflow: auto; } .mega-menu-column { display: inline-table; } .mega-menu-title { height: 50px; font-size: 15px; } .mega-menu-main-link span { font-size: 20px; } .mega-menu-main-link img { margin: -22px 0px 0px 10px; max-height: 15px; } .mega-menu-main-link:hover img { margin: -22px 0px 0px 20px; } .mega-menu .menu > li > a { font-size: 18px; } .mega-menu .sub-menu > li > a { font-size: 18px; } .mega-menu-close { right: 10px; } .mega-menu-close-visible { position: fixed; top: 120px; right: 10px; z-index: 999; } .mega-menu-close-visible img { max-width: 30px; } .mobile-visible { display: block; z-index: 999; } .plan-menu .mega-menu-left { mask: unset; width: 100%; } .explore-menu .mega-menu-left { mask: unset; width: 100%; } .stay-menu .mega-menu-left { mask: unset; width: 100%; } .resources-menu .mega-menu-left { mask: unset; width: 100%; } #search-container .search-form { width: 90%; } .blog-tile { width: calc(100% - 10px); } .event-tile { width: calc(100% - 10px); } .alignleft { min-height: unset; width: unset; } .alignright { min-height: unset; width: unset; } /*.content-accordion-section { padding: 30px 0px 30px 0px; } .content-full-width-section { padding: 30px 0px 30px 0px; }*/ .footer-wrapper { margin: -20px 0px 0px 0px; } } @media screen and (max-width: 650px) { .banner-top-line { margin: 0px 0px 30px 0px; } .banner-title { font-size: 30px; } .banner-bottom-line { margin: 0px 0px 0px 0px; } .content-tile-top-line { display: none; } .content-tile-main-text { margin: 0px 0px 20px 0px; } .content-tile-bottom-line { display: none; } .content-stakeholder-tile-content { width: calc(100% - 10px); } .accordion-arrow { right: 10px; } .accordion-image { width: 100%; } .accordion-text { width: 100%; padding: 20px 10px 20px 10px; } } @media screen and (max-width: 639px) { .mobile-menu .menu { position: absolute; top: -98px; right: 10px; } } @media screen and (max-width: 600px) { .image-location-information { width: 100%; margin: 0px 0px 0px 10px; } .column-content-container { width: calc(100% - 20px) !important; } .stakeholder-testimonials { padding: 60px 0px 90px 0px; } .stakeholder-testimonial.slick-slide { padding: 0px 10px 0px 10px; } .testimonial-slider .slick-prev { top: 113%; } .testimonial-slider .slick-next { top: 113%; } .alignleft { float: unset; padding: 0px 10px 20px 10px; } .alignright { float: unset; padding: 0px 10px 20px 10px; } } @media screen and (max-width: 550px) { .content-full-width-text { font-size: 20px; } .two-column-text { font-size: 20px; } .two-column-content-cell { top: 300px; } .two-column-image-cell { top: 150px; } .two-column-image-cell img { max-width: 100%; } .left { float: unset; margin: 0px 30px 0px 0px; } .right { float: unset; } } @media screen and (max-width: 500px) { .mega-menu-main-link span { font-size: 18px; } .mega-menu-main-link img { margin: -15px 0px 0px 10px; max-height: 12px; } .mega-menu-main-link:hover img { margin: -15px 0px 0px 20px; } .mega-menu-column { width: 50% !important; } .mega-menu-column:nth-child(2) { border-right: 0px solid transparent; } .left-padding { padding: 0px 0px 20px 10px; } .banner-section .video-container { height: 400px; } .banner-section .flex-video { height: 400px; } .banner-text-cell { margin: -20px 0px 0px -10px; } .image-location-name { font-size: 12px; } .image-community-name { font-size: 12px; } .content-full-width-title h2 { padding: 0px 10px 0px 10px; font-size: 27px; } .content-full-width-text { padding: 0px 10px 0px 10px; } .content-information-tile-button { float: unset; margin: 10px; } .content-information-tile-title { font-size: 25px; } .stakeholder-printable-map-button { right: 20px; } .stakeholder-printable-map-button img { max-width: 70%; } .content-accordion-main-title h2 { padding: 0px 10px 0px 10px; } .content-accordion-intro-text { padding: 0px 10px 0px 10px; } .content-small-cta-title { font-size: 27px; } .two-column-title { font-size: 27px; } .two-column-subtitle { font-size: 15px; } .two-column-content-cell-inner { padding: 60px 10px 60px 10px; } .page-nav { display: none !important; } .vint-pl-line { display: none !important; } .iphone-clear { clear: both; padding: 10px 0px 0px 0px; } .iphone-hide { display: none; } .footer-bottom-left { width: 210px; } .footer-bottom-links:first-of-type { padding: 0px 0px 5px 18px; } .footer-smaller { font-size: 12px; } } @media screen and (max-width: 450px) { .banner-title { padding: 30px; } .banner-logo-cell { width: 130px; height: 130px; left: 5px; } .content-blog-tile-content { min-height: 450px; } .content-blog-tile-image-cell { min-height: 250px; } .content-blog-tile-info-cell { height: 350px; } .content-featured-blog { padding: 0px 0px 50px 0px; } .consent-div-left { float: unset; width: 100%; } .consent-div-right { float: unset; width: 100%; } }