/* Theme Name: Latitude 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: 2.0 */ /************************************************/ /* GLOBAL */ /************************************************/ body { background-color: #d8dfe5; line-height: 1; } body, button, input { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 400; color: #6f7072; font-size: 1.1em; } .clear { clear: both; } .course-clear { clear: both; } .off-canvas-wrapper { overflow: hidden; } .large-3 { width: 33.333% !important; } p { margin-bottom: 0px !important; } ul { margin: 1em 0; } ol, ul { list-style: none; } .site-color { color: #138943; } .white-link { color: #ffffff !important; font-weight: 600; } hr { background-color: #d8dfe5; height: 1px; width: 100%; max-width: 100%; margin: 30px 0px 30px 0px; } .off-canvas-content { background: none; } .top-bar-right .submenu .green-new a, .top-bar-right .submenu .orange-new a { position: relative; } .green-new a:after { background-color: #138943; border-radius: 25px; color: #ffffff; content: 'NEW'; font-size: 8px; padding: 2px 6px; margin-top: 2px; margin-left: 10px; } .orange-new a:after { background-color: #df5143; border-radius: 25px; color: #ffffff; content: 'NEW'; font-size: 8px; padding: 2px 6px; margin-top: 2px; margin-left: 10px; } .top-bar-right .green-new a:after, .top-bar-right .orange-new a:after { top: 15px; right: 15px; } .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; } h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #414042; } a { color: #138943; transition: all 250ms; } a:hover { color: #138943; } .svg { height: 100%; max-width: 100%; } #content, .top-bar, section { width: 100%; max-width: 1880px; margin: 0 auto; } /************************************************/ /* CONTENT */ /************************************************/ #content { text-align: center; position: relative; background: white; } section { text-align: center; width: 100%; max-width: 1880px; margin: 0 auto; } /************************************************/ /* HEADER */ /************************************************/ .super-header-wrapper { height: 3rem; background-color: #252525; color: #a4aeb7; } .super-header-wrapper .row { max-width: 1880px; } #search-container { float: right; margin: 7px 0px 0px 0px; } .search-input { float: left; } .search-input input { height: 30px; margin: 0px; } .search-input input::placeholder { color: #000000; } .search-icon { float: left; height: 25px; width: 45px !important; } .header { position: relative; z-index: 110; background-color: #FFFFFF; } #top-bar-menu .row { float: left; } .top-bar-left > .menu > li > .logo { padding: 30px 30px 30px 45px; } .top-bar-left > .menu > li > .logo img { height: auto; width: 250px; } .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; } header .top-bar { padding: 0px 10px 0px 15px; } .top-bar, .top-bar ul { background: none; } .top-bar-right { padding-top: 20px; } .top-bar-right > .menu > .menu-item-has-children { /*background: url('/wp-content/themes/latitude/images/chevron-down--gray-heavy.svg') no-repeat; background-size: .65em .5em; background-position: calc(100% - 2em) calc(50% + .05em);*/ padding: 20px 20px 20px 10px; margin: -20px 0px 0px 0px; } .menu.medium-horizontal > li { float: left; cursor: pointer; } .menu > li > a { padding: 15px 15px 15px 10px; color: #6f7072; font-weight: 400; } .menu .active > a { color: #6f7072; background: transparent; } .menu-item-has-children { position: relative; } .menu-dropdown-chevron { background: url('/wp-content/themes/latitude/images/chevron-down--gray-heavy.svg'); background-repeat: no-repeat; background-size: .65em .5em; height: 20px; width: 20px; position: absolute; top: 40px; right: 0px; } .top-bar-right .menu > li.menu-button-transparent { background: transparent url('/wp-content/themes/latitude/images/external-link-corner--white.svg') no-repeat 200% 200% / 25px; padding: 12px 0px 12px 0px !important; margin: -5px 0px 0px 10px; box-shadow: 6px 6px 10px rgba(0,0,0,.08); border: 2px solid #00ae46; border-radius: 6px; transition: all .25s; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding-right: .4rem; } .menu-button-transparent a { padding: 5px 25px 5px 25px !important; color: #138943 !important; } .top-bar-right .menu > li.menu-button-transparent:hover { background: #00ae46 url('/wp-content/themes/latitude/images/external-link-corner--white.svg') no-repeat 100% 100% / 25px; } .menu-button-transparent:hover a { color: white !important; } .menu-button-transparent::after { width: 10px; content: ''; } .menu-button-site-color { background-image: #138943 !important; padding: 14px 0px 14px 0px !important; box-shadow: 6px 6px 10px rgba(0,0,0,.08); background-color: #138943; border-radius: 6px; transition: all .25s linear; margin: -5px 0px 0px 15px; } .menu-button-site-color > a { padding: 5px 25px 5px 25px !important; color: #ffffff !important; } .menu-button-site-color:hover { background-color: #00ae46 !important; color: #fff; outline: none; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); } .top-bar ul.submenu { transition: all 250ms; background: transparent; border: none; opacity: 0; margin-top: -30px; left: 0 !important; right: unset !important; pointer-events: none; display: block; } .top-bar ul.submenu a { color: transparent; } .top-bar .logo:hover { background: #ffffff !important; } .top-bar ul li:hover { background-color:#e9f0f6; } .top-bar li:hover ul.submenu { opacity: 1; margin-top: 0; pointer-events: all; background: white; padding-right: 1px; border: 1px solid #d8dfe5; } .top-bar li:hover ul.submenu li:first-of-type { border-top: 1px solid #d8dfe5; } .top-bar li:hover ul.submenu a { color: #6f7072; } .mega-menu > .is-dropdown-submenu { min-width: 600px; } .mega-menu > .is-dropdown-submenu > li { height: 85px; width: 50%; float: left; border-left: 4px solid #d8dfe5; } .mega-menu > .is-dropdown-submenu > li:nth-child(2) { border-top: 1px solid #d8dfe5; } .menu-item-container img { float: left; width: 40px; margin-right: 10px !important; } .menu-item-container img + span + .menu-item-description { padding-left: 50px; } .menu-item-title { display: block; white-space: nowrap; font-size: 16px; font-weight: 600; width: 270px; margin-bottom: 10px; } .menu-item-description { font-size: 14px; } .menu-offsite { position: relative; /*background: #ffffff url('/wp-content/themes/latitude/images/external-link-corner--white.svg') no-repeat 200% 200% / 25px; transition: all .25s;*/ } .menu-offsite-icon { height: 0px; width: 0px; position: absolute; bottom: 0px; right: 0px; background: url('/wp-content/themes/latitude/images/external-link-corner.svg'); transition: all .25s; } .menu-offsite:hover a .menu-offsite-icon { height: 20px; width: 20px; transition: all .25s; } /************************************************/ /* MOBILE MENU */ /************************************************/ #off-canvas { overflow: hidden; } .off-canvas-close { right: 0px; padding: 10px 17px; position: absolute; background-color: #138943; color: #ffffff; font-weight: 600; font-size: 30px; cursor: pointer; border-radius: 50px; z-index: 101; } #offcanvas-nav { padding-top: 50px; position: relative; z-index: 100; } .is-accordion-submenu-parent > a::after { border-color: #138943 transparent transparent; } .off-canvas.position-right { z-index: 100; height: 100%; } #offcanvas-nav .menu-button-transparent { margin: 10px 10px 20px 10px; border-radius: 5px; } #offcanvas-nav .menu-button-transparent a { padding: 20px 25px 20px 25px !important; color: #138943 !important; } #offcanvas-nav .menu-button-transparent:hover { background: #00ae46 url('/wp-content/themes/latitude/images/external-link-corner--white.svg') no-repeat 100% 100% / 25px; } #offcanvas-nav .menu-button-transparent:hover a { color: white !important; } #offcanvas-nav .menu-button-transparent::after { width: 10px; content: ''; } #offcanvas-nav .menu-button-site-color { margin: -10px 10px 0px 10px; } /************************************************/ /* BREADCRUMBS */ /************************************************/ .breadcrumbs { max-width: 1880px; margin: 0 auto; position: relative; text-align: left; background-color: #FFFFFF; padding: 30px 0 5px 60px; } .breadcrumbs a { color: #6f7072; text-decoration: underline; } .breadcrumbs a:hover { color: #000000; } /************************************************/ /* BANNER SECTION - HOME PAGE */ /************************************************/ .banner { position: relative; z-index: 1; overflow: hidden; } /*.banner:before { content: ''; display: block; position: absolute; width: 100%; height: 200px; background: rgba(0, 0, 0, 0.5); left: 0; bottom: 0px; pointer-events: none; z-index: 1; }*/ .first-section { position: relative; z-index: 1; } .banner:after { content: ''; display: block; position: absolute; width: 150%; height: 200px; background: white; transform: rotate(3deg); left: -25%; bottom: -120px; pointer-events: none; z-index: 2; } .slick-dotted.slick-slider { margin-bottom: 0; } .home .first-section .row { position: relative; z-index: 3; } .slick-slider { margin: 0px; } .home-slider .slick-slide { height: 700px; width: 100%; position: relative; } .home-slider .slick-slide.slider-image { height: 1100px; width: 100%; position: relative; } .slider-image {background-repeat: no-repeat !important; background-size: cover !important;} /*.slider-overlay { content: ''; display: inline-block; position: absolute; width: 100%; height: 100%; left: 0; top: 0px; pointer-events: none; background:url('/wp-content/themes/latitude/images/home-banner-overlay.png'); background-size: cover !important; background-repeat: no-repeat !important; }*/ .banner-text { position: absolute; top: 16%; left: 50%; transform: translate(-50%, -16%); color: #FFFFFF; font-size: 2em; font-weight: 200; margin-bottom: 1.5em; display: inline-block; z-index: 50; } .slider-image { height: 100%; } .slide-content { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } .typed-text-underline { border-bottom: 1px solid #fff; width: 20em; line-height: 0; opacity: .5; display: block; margin: 20px auto 30px auto; } .slide-content .button { opacity: 0; background-color: transparent; color: #fff; font-size: 1.15rem; outline: none; border-radius: 3px; box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 17px 20px; border: 2px solid #fff; transition: all .25s linear; } .slide-content .button:hover { background-color: transparent !important; box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .slick-active .button { opacity: 1; transition: all 1s linear; transition-delay: 1.5s; } .slide-content .button:focus, .button:hover { background-color: #00ae46; } .banner-bottom-image { height: 200px; width: 100%; margin: -200px 0px 0px 0px; position: relative; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } .home-slider .slick-dots { bottom: 220px !important; z-index: 100; } .slick-dots li { width: 15px !important; } .slick-dots li button::before { position: absolute; text-align: center; opacity: 1; width: 15px !important; height: 15px !important; margin: 0px 0px 0px 0px; border-radius: 50%; border: 1px solid #ffffff; color: transparent !important; opacity: 1 !important; display: inline-block; content: '' !important; } .slick-dots .slick-active button::before { background-color: hsla(0,0%,100%,.25); } .banner-scroll-button { position: absolute; border: 1px solid #FFFFFF; height: 30px; width: 30px; left: 50%; bottom: 140px; border-radius: 50%; background-image: url('/wp-content/uploads/2018/10/scroll-chevron-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 14px 14px; transform: translateX(-50%); z-index: 2; } .banner-scroll-button:hover { background-color: hsla(0,0%,100%,.25); transition: background-color .25s linear; } /* Typewriter Animation */ .slider-phrase { color: #FFFFFF; font-size: 3.5rem; white-space: nowrap; font-weight: 200; width: auto; margin: 0 auto; border-right: 2px solid rgba(255,255,255,.75); text-align: center; overflow: hidden; opacity: 1 !important; } .anim-typewriter { animation: typewriter 9s steps(65) 0s 1 normal both, blinkTextCursor 500ms steps(44) infinite normal; } /*@keyframes typewriter { from { width: 0; } to { width: 100%; } }*/ @keyframes typewriter { 0% { width: 0%; } 25% { width: 100%; } 100% { width: 100%; } } @keyframes blinkTextCursor { from { border-right-color: rgba(255,255,255,.75); } to { border-right-color: transparent; } } .clear-typewriter { animation: reverse_typewriter .5s steps(65) 0s 1 normal both, blinkTextCursor 500ms steps(44) infinite normal; } @keyframes reverse_typewriter { from { width: 100%; } to { width: 0; } } .banner-link-text { color: #FFFFFF; } .banner-link-arrow { display: inline-block !important; width: 1em; height: 1em; margin: -2px 0px 0px .5em; transition: all .25s linear; } .banner-link-text:hover .banner-link-arrow { width: 1.5em; margin: -2px 0px 0px 1em; transition: all .25s linear; } /************************************************/ /* BANNER SECTION - CONTENT PAGE */ /************************************************/ .content-banner-section { position: relative; height: 700px !important; } .content-banner-section .sales-sheet-banner-slider .slick-slide { height: 850px; } .content-banner-section .sales-sheet-banner-slider .slick-dots { bottom: 140px; z-index: 1000; text-align: right; padding: 0 15px 10px 0; } .content-banner-section .flex-video { padding-bottom: 60%; margin-top: -180px; } .content-banner-section-reduced { position: relative; height: 400px; } .content-banner-section-reduced .sales-sheet-banner-slider .slick-slide { height: 400px; } .content-banner-section-reduced .sales-sheet-banner-slider .slick-dots { bottom: 0; z-index: 1000; text-align: right; padding: 0 15px 10px 0; } .content-banner-section-reduced .flex-video { padding-bottom: 57%; margin-top: -300px; } .wedge { height: 200px; pointer-events: none; position: relative; z-index: 1; margin: -60px auto 0 auto; max-width: 1880px; overflow: hidden; } .wedge:after { content: ''; display: block; background: white; position: absolute; width: 150%; height: 200px; left: -25%; top: 120px; transform: rotate(3deg); } .content-banner-background-image-size-banner { position: absolute; height: 100%; width: 100%; background-repeat: no-repeat !important; background-size: cover !important; background-position: top right !important; } .content-banner-background-image-size-regular { position: absolute; height: 100%; width: 100%; background-repeat: no-repeat !important; background-size: contain !important; background-position: top right !important; } .content-banner-background-image-size-large { position: absolute; height: 100%; width: 100%; background-repeat: no-repeat !important; background-size: 50% !important; background-position: top right !important; } .content-banner-content-cell { padding: 20px 0px 0px 120px; margin: 0; opacity: 0; position: absolute; z-index: 10; transition: all .25s linear; /*width: 60% !important;*/ width: 50% !important; top: 50%; transform: translateY(-50%); z-index: 50; } .content-banner-content-cell-reduced { opacity: 0; transition: all .25s linear; } .content-banner-content-cell-animated { padding: 0px 0px 0px 60px; opacity: 1; transition: all .25s linear; } /*.content-banner-text-background-color { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .2; }*/ .content-banner-info { position: absolute; top: 50%; left: 60px; transform: translateY(-50%); } .content-banner-icon { position: absolute; top: 25px; left: 0px; background-position: center center !important; background-size: contain !important; background-repeat: no-repeat !important; height: 4.5em; width: 4.5em; } .content-banner-title h1 { color: #ffffff; text-transform: uppercase; text-align: left; display: block; font-size: 1em; letter-spacing: .07em; line-height: 1.3; /*text-shadow: 2px 2px rgba(0, 0, 0, .5);*/ } .content-banner-title-reduced h1 { font-weight: 300; color: hsla(0,0%,100%,.75); text-transform: uppercase; text-align: left; display: block; font-size: 1em; letter-spacing: .07em; opacity: .75; line-height: 1.3; padding: 0px 0px 0px 100px; /*text-shadow: 2px 2px rgba(0, 0, 0, .5);*/ } .content-banner-subtitle h2 { font-weight: 200; font-size: 3.5em; text-align: left; color: #ffffff; margin-top: .2em; margin-bottom: .5em; line-height: 1.2; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ } .content-banner-subtitle-reduced h2 { font-weight: 200; font-size: 3.5em; text-align: left; color: #ffffff; margin-top: .2em; margin-bottom: .5em; line-height: 1; padding: 0px 100px 0px 100px; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ } .content-banner-text { color: #FFFFFF; margin: 0px 0px 20px 0px; line-height: 1.5em; font-size: 1.1em; text-align: left; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ } .content-banner-image-button-transparent { float: left; background-color: transparent; background-position: 110% 110%; color: #ffffff; border: 2px solid #fff; font-weight: 400; text-align: left; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; border-radius: 5px; white-space: nowrap; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ transition: all .25s linear; } .content-banner-image-button-transparent:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .content-banner-image { position: absolute; bottom: 0px; right: 0; max-width: 100%; width: 60%; z-index: 10; opacity: 0; transition: all .5s linear; } .content-banner-image-animated { opacity: 1; transition: all .5s linear; } .content-banner-image-animated img { width: 100%; position: relative; z-index: 0; } .content-banner-title-reduced-no-left-padding h1 { padding-left: 0px !important; } .content-banner-title-reduced-no-left-padding h2 { padding-left: 0px !important; } .content-banner-scroll-button { position: absolute; display: block; border: 1px solid #FFFFFF; height: 30px; width: 30px; left: 120px; bottom: 5px; border-radius: 50%; background-image: url('/wp-content/uploads/2018/10/scroll-chevron-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 14px 14px; z-index: 20; transform: scale(1); transition: all .5s linear; } .content-banner-scroll-button:hover { background-color: hsla(0,0%,100%,.25); transition: background-color .25s linear; } .content-banner-scroll-button-hidden { opacity: 0; transition: all .5s linear; } .pulse2 { -webkit-animation: pulse2 5s linear infinite; -moz-animation: pulse2 5s linear infinite; -ms-animation: pulse2 5s linear infinite; animation: pulse2 5s linear infinite; } .content-banner-clear-bottom-image { height: 100px; } @keyframes pulse2 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 75% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 85% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 95% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /************************************************/ /* HOME SECTION - CONTENT PAGE */ /************************************************/ .home-banner-image-button-transparent { display: inline-block; background-color: transparent; background-position: 110% 110%; color: #ffffff; border: 2px solid #fff; font-weight: 400; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; border-radius: 5px; white-space: nowrap; transition: all .25s linear; } .home-banner-image-button-transparent:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } /************************************************/ /* 2 COLUMN SECTION - CONTENT PAGE */ /************************************************/ /* .two-column-section { display: inline-block; position: relative; border-bottom: 1px solid #e0e0e0; background-repeat: no-repeat !important; } .two-column-background-color { height: 100%; width: 100%; } .two-column-section .small-12 { vertical-align: middle; padding: 0px 0px 0px 0px; } .two-column-content-cell { padding-top: 90px; opacity: 0; text-align: left; transition: all .5s linear; } .two-column-content-cell-animated { padding-top: 60px; opacity: 1; transition: all .5s linear; } .two-column-content-cell-flush-left { width: 65%; padding-right: 60px; padding-bottom: 60px; padding-left: 120px; position: relative; display: inline-block; transform: translate(-50%, 0); vertical-align: middle; } .two-column-content-cell-flush-right { width: 50%; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; margin-left: 50%; position: relative; display: inline-block; vertical-align: middle; } .two-column-content-cell-float-left { width: 66.6%; padding-right: 30px; padding-bottom: 60px; padding-left: 120px; position: relative; display: inline-block; left: 0px; transform: translate(-50%, 0); vertical-align: middle; } .two-column-content-cell-float-right { width: 50%; padding-right: 120px; padding-bottom: 60px; padding-left: 60px; display: inline-block; vertical-align: middle; } .two-column-content-cell-banner-left { position: absolute; top: 0; left: 0; width: 80%; height: 100%; padding-right: 30px; padding-bottom: 0px; padding-left: 120px; text-shadow: 2px 2px #000000; } .two-column-content-cell-banner-left .two-column-text a { color: #ffffff; font-weight: 600; } .two-column-content-cell-banner-left .two-column-text a:hover { text-decoration: underline; } .two-column-content-cell-banner-right { position: absolute; top: 0; right: 0; width: 40%; height: 100%; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; text-shadow: 2px 2px #000000; } .two-column-content-cell-banner-right .two-column-text a { color: #ffffff; font-weight: 600; } .two-column-content-cell-banner-right .two-column-text a:hover { text-decoration: underline; } .two-column-content-cell-no-image { width: 100%; padding-right: 120px; padding-bottom: 60px; padding-left: 120px; position: relative; display: inline-block; vertical-align: middle; } .two-column-image-cell-flush-left { height: 100%; width: 33%; padding: 0px 0px 0px 0px; display: inline-block; vertical-align: middle; } .two-column-image-cell-flush-left img { max-width: 50%; max-height: 100%; position: absolute; left: 0px; bottom: 0px; } .two-column-image-cell-flush-right { height: 100%; width: 35%; padding: 0px 0px 0px 0px; display: inline-block; vertical-align: middle; } .two-column-image-cell-flush-right img { max-width: 80%; max-height: 90%; position: absolute; right: 0px; bottom: 0px; } .two-column-image-cell-float-left { height: 100%; width: 50%; padding: 0px 0px 0px 5%; display: inline-block; vertical-align: middle; } .two-column-image-cell-float-left img { float: right; } .two-column-image-cell-float-right { height: 100%; width: 33.4%; padding: 0px 5% 0px 0px; display: inline-block; position: relative; left: 67%; vertical-align: middle; } .two-column-image-cell-float-right img { float: left; } .two-column-image-cell-banner-left { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: -200px 50% !important; background-position: 0px 50% !important; } .two-column-image-cell-banner-right { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: 200px 50% !important; background-position: 0px 50% !important; } .two-column-image-cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .3); } .two-column-title { font-weight: 400; color: #6f7072; text-transform: uppercase; text-align: left; display: block; font-size: 1em; letter-spacing: .07em; line-height: 1.3; } .two-column-divider { height: 2px; width: 4em; margin: 1em 0 2em; } .two-column-title-icon { float: left; padding: 0px 10px 0px 0px; margin: -5px 0px 0px 0px; } .two-column-title-icon img { height: 30px; } .two-column-subtitle-icon { float: left; padding: 0px 20px 0px 0px; } .two-column-subtitle-icon img { height: 100px; } .two-column-subtitle-icon-left { float: left; padding: 30px 20px 0px 0px; } .two-column-subtitle-icon-left img { height: 60px; } .two-column-subtitle { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; text-align: left; color: #414042; margin: 30px 0px 0px 0px; line-height: 1.2; } .two-column-subtitle-icon img { float: left; max-height: 100px; max-width: 185px; } .two-column-text { color: #6f7072; margin: 1.2em 0; line-height: 1.6em; font-size: 1.1em; text-align: left; } .two-column-text a { color: #00ae46; } .two-column-text a:hover { color: #00ae46; } .link-with-arrow a { color: #414042 !important; font-weight: 600 !important; } .link-with-arrow img { width: 23px; padding: 0px 0px 2px 15px; transition: all .25s linear; } .link-with-arrow a:hover img { width: 33px; padding: 0px 0px 2px 25px; transition: all .25s linear; } .two-column-link-text { float: left; text-align: left; line-height: 1.5; font-weight: 600; } .two-column-link-arrow { width: 1.25em; height: 1.25em; margin: 0px 0px 0px .5em; transition: all .25s linear; } .two-column-link-anchor:hover .two-column-link-arrow { width: 1.5em; margin: 0px 0px 0px 1em; transition: all .25s linear; } .two-column-image-button-transparent { background-color: transparent; color: #138943; border: 2px solid #138943; font-weight: 400; text-align: left; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; display: inline-block; border-radius: 5px; transition: all .25s linear; } .two-column-image-button-transparent:focus, .two-column-image-button-transparent:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .two-column-image-button-site-color { float: left; background-color: #138943; background-position: 110% 110%; color: #fff; font-size: 1rem; outline: none; border-radius: 3px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 20px 30px; transition: all .25s linear; } .two-column-image-button-site-color:focus, .two-column-image-button-site-color:hover { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .two-column-image-button-transparent-white { background-color: transparent; color: #ffffff; border: 2px solid #ffffff; font-weight: 400; text-align: left; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; display: inline-block; border-radius: 5px; transition: all .25s linear; } .two-column-image-button-transparent-white:focus, .two-column-image-button-transparent-white:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .two-column-image-button-1 { margin: 10px 10px 0px 0px; } .two-column-image-button-2 { margin: 10px 10px 0px 0px; } .two-column-image-button-3 { margin: 10px 10px 0px 0px; } .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.3em; top: .8em; background-repeat: no-repeat; background-image: url('/wp-content/themes/latitude/images/icon-check--green.svg'); } .two-column-text ol { list-style: decimal; } .full-width { width: 100%; } .two-column-image-cell-float-left.full-width { padding: 0px; } .two-column-image-cell-flush-left.full-width { padding: 0px; } .two-column-image-cell-float-right.full-width { padding: 0px; } .two-column-image-cell-flush-right.full-width { padding: 0px; } */ /************************************************/ /* 2 COLUMN SECTION - CONTENT PAGE */ /************************************************/ .two-column-section { display: inline-block; position: relative; border-bottom: 1px solid #e0e0e0; background-repeat: no-repeat !important; } .two-column-background-color { height: 100%; width: 100%; } .two-column-section .small-12 { vertical-align: middle; padding: 0px 0px 0px 0px; } .two-column-content-cell { padding-top: 30px; opacity: 0; width: 50%; float: left; position: relative; transition: all .5s linear; } .two-column-content-cell-animated { padding: 0px; opacity: 1; transition: all .5s linear; } .two-column-content-cell-inner { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ padding: 60px 60px 20px 60px; width: 100%; } .two-column-image-cell { position: relative; width: 50%; float: left; height: 100%; min-height: 400px; } .two-column-image-cell img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; } .content-reverse { transform: translate(100%); } .image-reverse { transform: translate(-100%); } .two-column-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 0px 30px 20px 0; color: #555555; display: block; line-height: 1.3; } .two-column-title img { max-width: 60px; } .two-column-subtitle-icon { float: left; padding: 0px 20px 0px 0px; } .two-column-subtitle-icon img { height: 100px; } .two-column-subtitle-icon-left { float: left; padding: 30px 20px 0px 0px; } .two-column-subtitle-icon-left img { height: 60px; } .two-column-subtitle { font-weight: 200; font-size: 2.5em; text-align: left; color: #414042; margin: 30px 0px 0px 0px; line-height: 1.2; text-align: center; } .two-column-subtitle-icon img { float: left; max-height: 100px; max-width: 185px; } .two-column-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; line-height: 1.6; color: #6f7072; margin: 15px 0px 15px 0px; } .two-column-text a { color: #00ae46; } .two-column-text a:hover { color: #00ae46; } .link-with-arrow a { color: #414042 !important; font-weight: 600 !important; } .link-with-arrow img { width: 23px; padding: 0px 0px 2px 15px; transition: all .25s linear; } .link-with-arrow a:hover img { width: 33px; padding: 0px 0px 2px 25px; transition: all .25s linear; } .two-column-link-text { color: #018940; line-height: 1.5; font-weight: 600; font-size: 1.2em; } .two-column-link-arrow { width: 1.1em; height: 1.1em; margin: 0px 0px 0px .5em; transition: all .25s linear; } .two-column-link-anchor:hover .two-column-link-arrow { width: 1.5em; margin: 0px 0px 0px 1em; transition: all .25s linear; } .two-column-image-button-transparent { background-color: transparent; color: #138943; border: 2px solid #138943; font-weight: 400; text-align: left; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; display: inline-block; border-radius: 5px; transition: all .25s linear; } .two-column-image-button-transparent:focus, .two-column-image-button-transparent:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .two-column-image-button-site-color { background-color: #138943; background-position: 110% 110%; color: #fff; font-size: 1rem; outline: none; border-radius: 3px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 20px 30px; display: inline-block; transition: all .25s linear; } .two-column-image-button-site-color:focus, .two-column-image-button-site-color:hover { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .two-column-image-button-transparent-white { background-color: transparent; color: #ffffff; font-size: 1.5rem; border: 2px solid #ffffff; font-weight: 400; text-align: left; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; display: inline-block; border-radius: 5px; transition: all .25s linear; } .two-column-image-button-transparent-white:focus, .two-column-image-button-transparent-white:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .two-column-image-button-1 { margin: 10px 10px 0px 0px; } .two-column-image-button-2 { margin: 10px 10px 0px 0px; } .two-column-image-button-3 { margin: 10px 10px 0px 0px; } .two-column-text ol { list-style: decimal; } .two-column-text ul { margin: 1em 0px 1em 30px; } .two-column-text li { padding: .3em 0px 0px 0px; position: relative; list-style: none; } .two-column-text li::before { content: ""; display: inline-block; height: .7em; width: .8em; position: absolute; left: -1.3em; top: .8em; background-repeat: no-repeat; background-image: url('/wp-content/themes/latitude/images/icon-check--green.svg'); } /************************************************/ /* 3 COLUMN SECTION - HOME PAGE */ /************************************************/ .column-section { background-repeat: no-repeat !important; background-size: 60em 45em !important; background-position: left -30em bottom -4em !important; text-align: center; } .three-column-home-cell { padding: 50px 30px 30px 30px; opacity: 0; width: 33.3333%; float: left; transition: all .5s linear; } .three-column-home-cell-animated { padding: 30px 30px 30px 30px; opacity: 1; transition: all .5s linear; } .main-column-title h1 { font-size: 2.5em; padding: 0px 0px 30px 0px; font-weight: 200; color: #414042; } .main-column-title h1 p { line-height: 1.2; } .main-intro-text { margin: 0px 0px 30px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; } .main-outro-text { margin: 30px 0px 30px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; } .column-icon { background-size: contain !important; height: 160px !important; background-repeat: no-repeat !important; background-position: center center !important; margin: 0px 0px 30px 0px; } .column-title { font-weight: 600; font-size: 1.2em; line-height: 1.4em; color: #58595b; } .column-title-arrow { width: .6em; height: .6em; margin-left: .5em; transition: all .25s linear; } .column-anchor:hover .column-title-arrow { width: 1em; padding-left: .5em; transition: all .25s linear; } .column-text { font-weight: 300; font-size: 1.1em; line-height: 1.6em; color: #000000; margin: 30px 0px 0px 0px; } /************************************************/ /* 3 COLUMN SECTION - CONTENT PAGE */ /************************************************/ .three-column-section { background-repeat: no-repeat !important; background-size: 50% !important; background-position: left calc(100% + 60px) !important; border-bottom: 1px solid #e0e0e0; padding: 60px 0 60px 0; text-align: center; } .three-column-container { max-width: 1880px; width: 85%; margin: 0px auto; overflow: auto;} .three-column-content-cell { padding: 20px 20px 0px 20px; opacity: 0; width: 33.333%; float: left; transition: all .5s linear; } .three-column-content-cell-animated { padding: 0px 20px 0px 20px; opacity: 1; transition: all .5s linear; } .three-column-content-container { padding: 20px; } .three-column-main-title h2 { text-transform: uppercase; display: block; font-weight: 400; font-size: 1em; letter-spacing: .07em; opacity: .75; line-height: 1.3; } .three-column-main-title-line { height: 2px; width: 4em; margin: 1em auto 2em auto; } .three-column-main-subtitle { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 0px 30px 20px 30px; } .three-column-main-intro-text { margin: 0px 0px 30px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; } .three-column-main-outro-text { margin: 30px 0px 30px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; } .three-column-title-arrow { width: .6em; height: .6em; margin-left: .5em; transition: all .25s linear; } .three-column-anchor:hover .three-column-title-arrow { width: 1em; padding-left: .5em; transition: all .25s linear; } .three-column-icon { background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; height: 8em; margin: 2em 0; max-width: 100%; } .three-column-title { font-weight: 600; font-size: 1.2em; line-height: 1.4em; color: #6f7072; } .three-column-text { font-weight: 300; font-size: 1.1em; line-height: 1.6em; color: #6f7072; padding: 10px 0px 0px 0px; } .three-column-image-button-site-color { background-color: #138943; background-position: 110% 110%; color: #fff; font-size: 1rem; outline: none; border-radius: 3px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 20px 30px; margin: 20px 60px 0px 60px; transition: all .25s linear; } .three-column-image-button-site-color:focus, .three-column-image-button-site-color:hover { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } /************************************************/ /* BLOG SECTION - CONTENT PAGE */ /************************************************/ .blog-section { display: inline-block; border-bottom: 1px solid #e0e0e0; background-color: #ffffff; color: #000000; font-size: 1.1em; } .blog-container { display: inline-block; max-width: 1880px; width: 85%; margin: 20px auto; text-align: left; } .blog-section h2 { font-size: 1.9em; margin-bottom: .5em; line-height: 1.4em; color: #58595b; font-weight: 300; /*margin-top: 1.5em;*/ } .blog-section h3 { font-size: 1.2em; margin-bottom: .5em; line-height: 1.4em; color: #58595b; font-weight: 600; /*margin-top: 1.5em;*/ } .blog-banner { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); } .blog-link { color: #ffffff; text-transform: uppercase; font-weight: 400; font-size: .8em; letter-spacing: 1px; text-align: left; } .blog-label { font-size: 1.2em; margin-bottom: .5em; line-height: 1.4em; color: #58595b; font-weight: 600; } .blog-label-same-line { float: left; margin: 0px 10px 0px 0px !important; } .blog-last-ten { float: left; width: 60%; padding: 0px 30px 0px 30px; text-align: left; } .blog-date { text-transform: uppercase; font-size: .8em; letter-spacing: .07em; color: #6f7072; } .blog-prev-next { float: right; margin: -14px 0px 0px 0px; } .blog-prev-next a { color: #138943; font-weight: 400; font-size: .8em; } .blog-link-arrow { width: 1.25em; height: 1.25em; margin: 0px .25em 0px .25em; } .blog-social-links { float: right; margin: -30px 10px 20px 0px; } .blog-divider { border-bottom: 1px solid #d8dfe5; width: 100%; padding: 15px 0px 0px 0px; margin: 0px 0px 40px 0px; } .blog-author-image { float: left; margin: -20px 0px 0px 0px; } .blog-author-image img { height: 50px; border-radius: 25px; border: 1px solid #cccccc; margin: 0px 10px 0px 0px; } .blog-author-info { float: left; margin: -10px 0px 0px 0px; } .blog-author-name { font-weight: 700; color: #ffffff; text-align: left; /*text-shadow: 2px 2px #000000;*/ } .blog-author-title { display: block; margin-top: .2em; color: #ffffff; /*text-shadow: 2px 2px #000000;*/ text-align: left; } .author-image { float: left; } .author-image img { height: 40px; border-radius: 25px; border: 1px solid #cccccc; margin: 0px 10px 0px 0px; } .author-info { float: left; margin: 5px 0px 20px 0px; } .author-name { font-size: .9em; font-weight: 700; text-align: left; } .author-title { display: block; font-style: italic; font-size: .9em; margin-top: .2em; } .blog-title h2 { font-size: 2.2em; font-weight: 200; color: #414042; line-height: 1.3em; } .blog-accordion-title h2 { font-size: 1em; font-weight: 600; color: #138943; padding: 0px 0px 10px 0px; } .blog-content { color: #6f7072; line-height: 1.25em; font-weight: 300; font-size: 1.1em; } .blog-content img { width: 100%; padding: 0px 0px 10px 0px; } .blog-content a { color: #138943; font-weight: 600; } .blog-link-text { padding: 10px 0px 0px 0px; } .blog-link-arrow { width: 1.25em; height: 1.25em; margin: 0px 0px 0px .5em; transition: all .25s linear; } .blog-link-text:hover .blog-link-arrow { width: 1.5em; margin: 0px 0px 0px 1em; transition: all .25s linear; } .blog-searching { float: left; width: 40%; padding: 0px 30px 0px 30px; text-align: left; } .blog-recent-title h2 { font-size: 1em; font-weight: 600; color: #138943; } .blog-archive li { list-style: none; list-style-type: none; margin: 0; padding: 0; } .blog-archive a { color: #138943; font-weight: 600; } .blog-archive a:hover { color: #138943; text-decoration: underline; } ul.bycategories { margin: 0; padding: 0; } ul.bycategories li { list-style: none; list-style-type: none; margin: 0; padding: 0; } ul.bycategories li a { list-style: none; list-style-type: none; margin: 0 5px 5px 0; float: left; background: #eee; color: #464646; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul.bycategories li a:hover { text-decoration: none; background: #138943; color: #ffffff; } .tag-cloud-link { color: #138943; } .tag-cloud-link:hover { color: #138943 !important; text-decoration: underline !important; } .article-header h2 { margin: 10px 0px 0px 0px !important; } .article-header h2 a { margin: 0px; color: #58595b; font-weight: 400; } .entry-content img { padding: 20px 0px 30px 0px; } .entry-content .size-full { width: 100%; padding: 0px 0px 10px 0px; } .entry-content .alignleft { width: auto; padding: 10px 30px 10px 0px; float: left; } .entry-content .alignnone { width: auto; padding: 10px 30px 10px 0px; float: left; } .entry-content .alignright { width: auto; padding: 10px 0px 10px 30px; float: right; } .entry-content .no-align { width: auto; padding: 10px 0px 10px 30px; } .entry-content p { margin-bottom: 20px !important; text-align: left; font-weight: 300; } .entry-content a { color: #138943; font-weight: 600; } .entry-content .button { background-color: #138943; color: #fff; font-size: 1rem; outline: none; border-radius: 3px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 20px 20px; white-space: nowrap; min-width: 100px; transition: all .25s linear; } .entry-content .button:focus, .entry-content .button:hover { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .entry-content ol li { list-style: decimal; } .entry-content p:first-child::first-letter { float: left; color: #138943; font-weight: 600; font-size: 5em; line-height: 60px; padding-right: 4px; padding-left: 3px; } .entry-content strong, b { color: #6f7072; } .search-title { color: #138943 !important; font-weight: 400 !important; } .search-word { color: #58595b; } .search-results { width: 100%; padding: 0px 30px 0px 30px; } .hentry h2 { font-size: 1em; font-weight: 600; } .hentry h2 a { color: #58595b; } .hentry h2 a:hover { color: #58595b; } .fa-tags { font-size: 1em; color: #a4aeb7; } .tag-list div { float: left; padding: 0px 10px 5px 10px; background-color: #f0f5f9; border-radius: 25px; border: 1px solid #d8dfe5; margin: 0px 10px 0px 0px; } .tag-list div a { color: #000000; text-transform: uppercase; font-size: .8em; } .tag-list div:hover { background-color: #8e979c; } .tag-list div:hover a { color: #ffffff; } .post-categories { margin: 0px; } .post-categories li { float: left; margin: 0px 10px 0px 0px; } .post-categories li a { color: #138943; font-weight: 600; } .blog-subscribe { color: #138943; font-weight: 600; } .blog-subscribe img { height: 20px; } .blog-contributors { color: #138943; font-weight: 600; } .blog-contributors img { height: 20px; } .contributors-anchor { color: #000000; } .contributors-anchor:hover { color: #000000; } .contributor-author-image { float: left; } .contributor-author-image img { height: 100px; border-radius: 50px; border: 1px solid #cccccc; margin: 0px 10px 0px 0px; } .contributor-author-info { float: left; margin: 25px 0px 20px 0px; } .contributor-author-name { font-size: 1.25em; font-weight: 700; text-align: left; } .contributor-author-title { display: block; font-style: italic; font-size: .9em; margin-top: .2em; } .related-tags { float: left; width: 60%; padding: 0px 30px 0px 30px; text-align: left; } .related-tags li { padding: 0px 0px 10px 0px; } .related-tags a { color: #58595b; font-weight: 400; } .related-tags a:hover { color: #138943; } .blog-section article ul li { margin-left: 1.25em; position: relative; } .blog-section article ul li::before { content: ""; display: inline-block; height: .45em; width: .45em; position: absolute; left: -1.0em; top: .6em; background-repeat: no-repeat; background-image: url('/wp-content/themes/latitude/images/circle-green.svg'); } .pagination .current { padding: 0.1875rem 0.625rem; background: #138943; color: #fefefe; cursor: default; } /************************************************/ /* CAPABILITIES SECTION - CONTENT PAGE */ /************************************************/ .capabilities-section { display: inline-block; padding: 100px 0 100px 0; width: 100%; border-bottom: 1px solid #e0e0e0; } .capabilities-container { max-width: 1880px; width: 85%; text-align: left; margin: 0px auto; } .capabilities-main-title h1 { text-transform: uppercase; display: block; font-size: 1em; font-weight: 400; letter-spacing: .07em; opacity: .75; line-height: 1.3; } .capabilities-main-divider { /*background-color: #4698cd;*/ height: 2px; display: inline-block; width: 4em; margin: 10px 0 60px 0; } .capabilities-main-subtitle h2 { font-size: 2.5em; margin: 0 30px 0 0 ; line-height: 1.2; font-weight: 200; color: #414042; } .capabilities-wrapper { width: 33.3333%; float: left; padding: 20px 0px 0px 0px; opacity: 0; transition: all .5s linear; } .capabilities-wrapper-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .capabilities-icon { float: left; width: 50px; } .capabilities-title { font-weight: 600; font-size: 1.2em; padding: 0px 0px .5em 70px; line-height: 1.4em; color: #58595b; } .capabilities-arrow { width: .6em; height: .6em; margin-left: .5em; transition: all .25s linear; } .capabilities-wrapper:hover .capabilities-arrow { width: 1em; padding-left: .5em; transition: all .25s linear; } .capabilities-text { font-weight: 300; font-size: 1.1em; line-height: 1.6em; color: #000000; padding: 5px 20px 60px 70px; } /************************************************/ /* CASE STUDIES SECTION - CONTENT PAGE */ /************************************************/ .case-studies-section { max-width: 1650px; margin: 0 auto 0 auto; display: inline-block; padding: 0 30px 60px 60px; } .case-studies-main-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; text-align: left; color: #414042; margin: 30px 0px .5em 0px; line-height: 1.2; } .case-studies-main-text { text-align: left; font-size: 1.1em; font-weight: 300; } .case-studies-main-divider { margin: 0 0 30px 0; } .case-studies-category-filter { float: right; } .case-studies-category-filter select { width: 200px; padding: 0 10px 0 10px; margin: 10px; } .case-studies-category-filter select option { padding: 10px 30px 10px 10px; } .case-studies-content-cell { float: left; position: relative; width: calc(33.3333% - 10px); left: 0; opacity: 1; height: 500px; margin: 5px; overflow: hidden; transition: all .5s ease-in-out; } .case-studies-content-cell:hover .case-studies-back { top: 0px; transition: all .5s ease-in-out; } .case-studies-content-cell-hidden { position: absolute; left: 100%; opacity: 0; transition: all .5s ease-in-out; } .case-studies-image { position: relative; background-size: cover !important; background-position: top left !important; background-repeat: no-repeat !important; width: 100%; height: 300px; } .case-studies-more-details-button { position: absolute; bottom: 50px; right: 20px; padding: 10px 20px 10px 20px; color: #737273; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; display: none; } .case-studies-close-button { color: #737273; text-align: right; display: none; } .case-studies-front { position: absolute; bottom: 0; left: 0; width: 100%; } .case-studies-back { position: absolute; background-color: #F0F5F9; height: 100%; width: 100%; top: 100%; padding: 30px; transition: all .5s ease-in-out; } .case-studies-back-visible { top: 0px; transition: all .5s ease-in-out; } .case-studies-upper-right-title { position: absolute; top: 0; right: 0; color: #ffffff; text-transform: uppercase; padding: .5em 1em; font-size: .85em; -webkit-box-shadow: -2px 2px 10px rgba(0,0,0,.25); box-shadow: -2px 2px 10px rgba(0,0,0,.25); background-color: rgba(0,0,0,.75); } .case-studies-title h1 { color: hsla(0,0%,100%,1); text-transform: uppercase; display: block; font-size: 1em; font-weight: 400; letter-spacing: .07em; opacity: .75; line-height: 1.3; text-align: left; } .case-studies-divider { background-color: #ffffff; opacity: .3; height: 2px; width: 4em; margin: 1em 0 2em; } .case-studies-subtitle h2 { font-weight: 300; line-height: 1.2; font-size: 35px; color: #ffffff; text-align: left; padding: 20px 30px 20px 30px; margin: 0; background-color: #737273; } .case-studies-product-cell { display: inline-block; background-color: #F0F5F9; width: 100%; padding: 30px; } .case-studies-product-label { color: #737273; text-transform: uppercase; letter-spacing: .05em; font-weight: 400; text-align: left; } .case-studies-product-anchor { color: #737273; text-decoration: none; } .case-studies-product-anchor:hover { color: #737273; text-decoration: underline; } .case-studies-product-text { text-transform: uppercase; padding: 0px 0px 0px 5px; font-weight: 600; } .case-studies-featured-capabilities-label { color: #737273; text-transform: uppercase; letter-spacing: .05em; font-size: 1em; text-align: left; padding: 5px 0px 20px 0px; } .case-studies-featured-capabilities-icon-wrapper { float: left; width: 30px; margin: 0px 10px 0px 0px; } .case-studies-featured-capabilities-icon-wrapper img { border: 1px solid#D8DEE2 !important; border-radius: 90px; } /* .capability-tooltip { position: absolute; background-color: #D8DEE2; color: #6f7072; display: none; width: 240px; font-size: .9em; line-height: 1.2; text-align: center; border-radius: 6px; padding: 12px 10px 10px; z-index: 100; } .capability-tooltip::after { content: ""; position: absolute; bottom: 100%; left: 50%; border: 5px solid #D8DEE2; border-color: transparent transparent #D8DEE2; } .capability-tooltip-visible { display: block; } .capability-tooltip-visible-mobile { display: block; } .capability-tooltip-visible-mobile::after { content: ""; position: absolute; bottom: 80%; left: -10px; border: 5px solid #D8DEE2; border-color: transparent #D8DEE2 transparent transparent; } */ .case-studies-featured-quote { color: #737273; line-height: 1.25em; text-align: left; } .case-studies-information-cell { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); } .case-studies-featured-profile-image { float: left; } .case-studies-featured-profile-image img { width: 4em; height: 4em; vertical-align: middle; margin-right: 1em; } .case-studies-featured-profile-image img { border-radius: 50%; } .case-studies-featured-profile-wrapper { float: left; padding: 10px 30px 0 0; text-align: left; width: calc(100% - 90px); } .case-studies-featured-profile-name { color: #737273; font-size: .95em; } .case-studies-featured-profile-title { color: #737273; font-size: .95em; font-style: italic; } .case-studies-subtitle { font-weight: 600; line-height: 1.2; font-size: 13px; color: #737273; text-align: left; text-transform: uppercase; letter-spacing: .05em; padding: 10px 0 0 0; } .case-studies-hr { height: 1px; width: calc(100% - 30px); background-color: #CECECE; margin: 30px 0 20px 0; } .case-studies-featured-download-wrapper { text-align: left; } .case-studies-featured-download-anchor { text-transform: uppercase; font-size: 12px; color: #138943; font-weight: 400; } .case-studies-featured-download-anchor:hover { text-decoration: underline; } .case-studies-featured-download-anchor img { margin-right: 15px; } /************************************************/ /* CASE STUDIES SMALL SECTION - CONTENT PAGE */ /************************************************/ .case-studies-tiles-section { border-bottom: 1px solid #e0e0e0; position: relative; padding: 0px 0px 0px 0px; background-color: rgba(0,0,0,.75); } .case-studies-tiles-wrapper { position: relative; float: left; height: 320px; background-size: cover !important; background-position: center right !important; background-repeat: no-repeat !important; text-align: center; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 100%; } .case-studies-tiles-title { position: absolute; top: 0px; right: 0px; display: inline-block; color: #FFFFFF; text-transform: uppercase; padding: .5em 1em; font-size: .85em; box-shadow: -2px 2px 10px rgba(0,0,0,.25); z-index: 10; } .case-studies-tiles-cover { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,.5); } .case-studies-tiles-logo { position: absolute; height: 100%; width: 100%; background-position: center center !important; background-repeat: no-repeat !important; background-size: auto 85px !important; } .case-studies-tiles-information-wrapper { position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0,0,0,.5); padding: 15px 0px 15px 0px; color: #FFFFFF; } .case-studies-tiles-text { padding: 0px 30px 0px 30px; } .case-studies-tiles-download-text { padding: 20px 0px 0px 0px; margin: 0px 0px -20px 0px; height: 20px; position: relative; opacity: 0; transition: all .25s linear; } .case-studies-tiles-download-text img { display: unset; } .case-studies-tiles-wrapper:hover .case-studies-tiles-download-text { margin: 0px 0px 0px 0px; height: 40px; opacity: 1; transition: all .25s linear; } .case-studies-tiles-download-text img { width: 20px; margin: 0px 10px 0px 0px; } .case-studies-tiles-section .slick-prev { top: 1px; left: 0px; height: 318px; width: 45px; } .case-studies-tiles-section .slick-next { top: 1px; right: 0px; height: 318px; width: 45px; } /************************************************/ /* CONTACT SECTION - CONTENT PAGE */ /************************************************/ .contact-section { padding: 0px 0px 0px 0px; } .contact-section-container { padding: 30px 30px 0px 30px; text-align: left; } .contact-title h1 { display: block; font-size: 2.5em; font-weight: 200; line-height: 1.3; } .contact-divider { height: 2px; display: inline-block; width: 4em; margin: 0 0 2em 0; } .contact-form-top-left { width: 50%; float: left; padding: 0px 0px 0px 0px; } .contact-form-top-right { width: 50%; float: left; padding: 0px 0px 0px 0px; } .contact-text { font-size: 1.1em; padding: 0px 30px 30px 0px; font-weight: 300; } .contact-text a { color: #138943; } .contact-form-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans','Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #414042; font-size: 2.5em; margin-bottom: .5em; line-height: 1.2; } .contact-image { margin-right: 16px; width: 70px; height: 54px; } .contact-form-iframe { height: 450px; width: 100%; } .contact-form-map { display: inline-block; width: 100%; padding: 0px 0px 0px 0px; position: relative; } .contact-form-map-cell { height: 600px; width: 100%; } .contact-form-information { position: absolute; top: 0px; right: 0px; width: 33.3%; height: 100%; padding: 30px 30px 30px 30px; text-align: left; background-color: rgba(0,0,0,.6); font-size: 1.1em; } .contact-form-information div { padding: 15px; border-radius: 5px; transition: all .5s linear; } /*.contact-form-information a:hover div { background-color: rgba(0,0,0,.3); transition: all .5s linear; }*/ .contact-form-information .map-active { background-color: rgba(0,0,0,.5) !important; } .contact-corporate-information { color: #ffffff; } .contact-regional-information { color: #ffffff; margin: 10px 0px 10px 0px; } .contact-hours { color: #ffffff; font-style: italic; font-size: .9em; line-height: 1.5; padding: 0px 30px 20px 0px; } .contact-phone { color: #ffffff; font-size: .9em; padding: 0px 0px 10px 0px; } .contact-toll-free-number { color: #ffffff; font-size: .9em; padding: 0px 0px 10px 0px; } .contact-fax { color: #ffffff; font-size: .9em; padding: 0px 0px 10px 0px; } .contact-form-map img { width: 15px; margin: 0px 10px 0px 0px; } .map-hidden { display: none; } /************************************************/ /* COURSE SECTION - CONTENT PAGE */ /************************************************/ .course-section { background-repeat: no-repeat !important; background-size: 50% !important; background-position: 0% 125% !important; min-height: 600px; border-bottom: 1px solid #e0e0e0; padding: 30px 60px 0px 60px; text-align: center; } .course-container { max-width: 1880px; margin: 20px auto; text-align: left; } #course-outline { padding: 30px; } .course-main-title h2 { font-size: 2.5em; margin-bottom: .5em; line-height: 1.2; font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #555555; } .course-main-title-line { height: 2px; display: inline-block; width: 4em; } .course-overview-cell { float: left; width: 80%; padding: 0px 60px 0px 0px; } .course-overview { line-height: 1.5; padding: 0px 0px 40px 0px; border-bottom: 1px solid #d8dfe5; font-weight: 300; font-size: 1.1em; } .course-costs-cell { width: 20%; float: right; } .course-information { background-color: #f0f5f9; padding: 10px 15px 10px 15px; border-left: 2px solid #d8dfe5; font-size: 15px; } .course-audience-label { font-weight: bold; margin: 20px 0px 15px 0px; } .course-audience { font-weight: 300; font-size: 1.1em; line-height: 1.6; color: #6f7072; } .course-prerequisites-label { font-weight: bold; margin: 20px 0px 15px 0px; } .course-prerequisites a { color: #138943; font-weight: bold; } .course-prerequisites ul { margin: 1em 0px 1em 30px; } .course-prerequisites ul li { padding: .3em 0px 5px 0px; position: relative; list-style: none; font-size: 15px; } .course-prerequisites ul li::before { content: ""; display: inline-block; height: .7em; width: .8em; position: absolute; left: -1.3em; top: .8em; background-repeat: no-repeat; background-image: url('/wp-content/themes/latitude/images/icon-check--green.svg'); } .accordion-content-cell { position: relative; padding: 20px 0px 0px 0px; margin: 0px 0px 5px 0px; opacity: 0; width: 100%; border-left: 2px solid #d8dfe5; background-color: #f0f5f9; transition: all .5s linear; } .accordion-content-cell a { color: #138943; font-weight: bold; text-decoration: none; } .accordion-content-cell a:hover { color: #138943; font-weight: bold; text-decoration: none; } .accordion-content-cell-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .accordion-icon { position: absolute; left: 20px; top: 11px; height: 18px; width: 18px; z-index: 20; cursor: pointer; } .accordion-title { font-weight: 400; font-size: 1em; line-height: 1em; color: #138943; padding: 12px 0px 13px 55px; border-bottom: 0px solid transparent; cursor: pointer; } .accordion-title:before { content: ''; } .accordion-title:hover { background-color: #dee9f2; } .accordion-text { font-weight: 300; font-size: 1.1em; line-height: 1.6; color: #6f7072; padding: 15px 30px 20px 60px; margin: 0px 0px 5px 0px; max-height: 10000px; transition: all .25s linear; } .accordion-text-hidden { padding: 0px 0px 0px 50px; margin: 0px 0px 0px -2px; max-height: 0px; overflow: hidden; background-color: #ffffff; transition: all .25s linear; } .accordion-text ul { margin: 0px 0px 1em 30px; } .accordion-text ul li { padding: .3em 0px 5px 0px; position: relative; list-style: none; } .accordion-text ul li::before { content: ""; display: inline-block; height: .7em; width: .8em; position: absolute; left: -1.3em; top: .8em; background-repeat: no-repeat; background-image: url('/wp-content/themes/latitude/images/icon-check--green.svg'); } .accordion-link-text { color: #018940; line-height: 1.5; font-size: 1em; } .accordion-link-arrow { width: 1em; height: 1em; margin: 0px 0px 0px .5em; transition: all .25s linear; } .accordion-link-text:hover .accordion-link-arrow { width: 1.5em; margin: 0px 0px 0px 1em; transition: all .25s linear; } .accordion-content-cell-no-animation { position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; opacity: 1; width: 100%; border-left: 2px solid #d8dfe5; background-color: #f0f5f9; transition: all .5s linear; } .accordion-content-cell-no-animation a { color: #138943; font-weight: bold; text-decoration: none; } .accordion-content-cell-no-animation a:hover { color: #138943; font-weight: bold; text-decoration: none; } /************************************************/ /* CUSTOMER REVIEWS SECTION - CONTENT PAGE */ /************************************************/ .customer-reviews-section { background: url('/wp-content/uploads/2018/11/bg-icons-colour-bl.svg') #187ec0; background-repeat: no-repeat !important; background-size: 50% !important; background-position: left calc(100% + 60px) !important; border-bottom: 1px solid #e0e0e0; padding: 30px 30px 30px 330px; text-align: center; } .customer-reviews-container { max-width: 1880px; width: 85%; margin: 20px auto; text-align: center; } .customer-reviews-main-title h2 { text-transform: uppercase; display: block; font-size: .8em; color: #ffffff; letter-spacing: .07em; opacity: 1; line-height: 1.3; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ } .customer-reviews-main-title-line { height: 2px; display: inline-block; width: 4em; margin: 1em 0 2em; background-color: #ffffff; opacity: .3; } .review-content-cell { padding: 20px 0px 0px 0px; margin: 0px 0px 20px 0px; opacity: 0; width: 100%; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ transition: all .5s linear; } .review-content-cell-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .review { font-weight: 600; font-size: 1.2em; line-height: 1.4em; color: #58595b; } .review-person { font-weight: 600; font-size: 1.2em; line-height: 1.4em; color: #58595b; } .review-title { font-weight: 600; font-size: 1.2em; line-height: 1.4em; color: #58595b; } .review-text { font-weight: 200; color: #ffffff; line-height: 1.3em; font-size: 1.9em; margin-bottom: 1rem; padding: 20px 120px 0px 120px; } .review-person { font-weight: 600; color: #ffffff; line-height: 1.3em; font-size: 1em; padding: 10px 0px 10px 0px; } .review-title { font-weight: 400; color: #ffffff; line-height: 1.3em; font-size: .9em; font-style: italic; } .slick-dots { padding: 0px 0px 0px 0px; } .slick-dots li { height: 15px; width: 15px; background-color: #CCCCCC; border-radius: 25px; } li.slick-active { background-color: #FFFFFF !important; } .slick-dots li button { display: none; } .slick-prev { position: absolute; top: 40px; left: 0px; z-index: 30; opacity: .75; cursor: pointer; color: #FFFFFF; background: url('images/arrow-prev.png') no-repeat center center; width: 14px; height: 50px; font-size: 0px; } .slick-prev:before { content: ''; } .slick-prev:hover { opacity: 1; background: url(images/arrow-prev.png) no-repeat center center; } .slick-next { position: absolute; top: 40px; right: 0px; z-index: 30; opacity: .75; cursor: pointer; color: #FFFFFF; background: url('images/arrow-next.png') no-repeat center center; width: 14px; height: 50px; font-size: 0px; } .slick-next:before { content: ''; } .slick-next:hover { opacity: 1; background: url(images/arrow-next.png) no-repeat center center; } .customer-review-slider .slick-dots { bottom: -15px; } /************************************************/ /* CUSTOMER LOGOS SECTION */ /************************************************/ .customer-logos-section { max-width: 1880px; padding: 60px 100px 60px 100px; } .customer-logos-main-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2em; padding: 0px 30px 20px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .customer-logos-main-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .customer-logos-main-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .customer-logos-main-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .customer-logos-slider { margin-bottom: 0px !important; } .customer-logos { display: none; } .customer-logos .slick-slide { min-height: 200px; } .customer-logos-content.slick-slide { position: relative; padding: 0px 30px 0px 30px; } .customer-logos-slider .slick-prev { top: 0px; left: -60px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-capabilities-prev.png') no-repeat center center; } .customer-logos-slider .slick-prev:hover { opacity: 1; } .customer-logos-slider .slick-next { top: 0px; right: -60px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-capabilities-next.png') no-repeat center center; } .customer-logos-slider .slick-next:hover { opacity: 1; } .customer-logos-image { min-height: 100px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; width: 100%; transform: scale(1); transition: all .5s ease-in-out; } .customer-logos-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 600; font-size: 1.2em; color: #58595b; width: 100%; padding: 10px 0 0 0; } .customer-logos-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 15px; color: #58595b; width: 100%; line-height: 1.25; padding: 10px 0 0 0; } .customer-logos-content:hover .customer-logos-link .customer-logos-image { transform: scale(1.05); transition: all .5s linear; } /************************************************/ /* INTERESTED SECTION - CONTENT PAGE */ /************************************************/ .interested-section { display: inline-block; background-repeat: no-repeat !important; background-size: 50% !important; background-position: left calc(100% + 60px) !important; border-bottom: 1px solid #e0e0e0; padding: 30px 0px 30px 0px; text-align: center; } .interested-container { max-width: 1880px; margin: 20px 40px 0 60px; text-align: left; } .interested-main-title { font-size: 2.5em; margin-bottom: .5em; line-height: 1.2; font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #555555; } /************************************************/ /* PERKS SECTION - CONTENT PAGE */ /************************************************/ .perks-section { display: inline-block; background-repeat: no-repeat !important; background-size: 50% !important; background-position: left calc(100% + 60px) !important; min-height: 600px; border-bottom: 1px solid #e0e0e0; padding: 30px 0px 0px 0px; } .perks-container { max-width: 1880px; width: 85%; margin: 20px auto; text-align: left; } .perks-title { text-transform: uppercase; display: block; font-size: 1em; font-weight: 400; letter-spacing: .07em; opacity: .75; line-height: 1.3; padding: 30px 0px 0px 0px; } .perks-divider { height: 2px; display: inline-block; width: 4em; margin: 1em 0 2em; } .perks-subtitle { font-size: 2.5em; line-height: 1.2; font-weight: 200; color: #414042; } .perk-content-cell { padding: 80px 0px 0px 0px; margin: 0px 0px 20px 0px; opacity: 0; width: 50%; float: left; transition: all .5s linear; } .perk-content-cell-animated { padding: 60px 30px 0px 0px; opacity: 1; transition: all .5s linear; } .perks-text { line-height: 1.5; padding: 0px 0px 30px 0px; } .perk-title { font-weight: bold; font-size: 20px; padding: 30px 0px 0px 0px; } .perk-image img { height: 100%; width: auto; } .perk-text a { color: #138943; font-weight: bold; } .perk-text ul { margin: 1em 0px 1em 30px; } .perk-text ul li { padding: .3em 0px 5px 0px; position: relative; list-style: none; font-size: 15px; } .perk-text ul li::before { content: ""; display: inline-block; height: .7em; width: .8em; position: absolute; left: -1.3em; top: .8em; background-repeat: no-repeat; background-image: url('/wp-content/themes/latitude/images/icon-check--green.svg'); } /************************************************/ /* PRODUCTS SECTION - HOME PAGE */ /************************************************/ /* .products-section { display: inline-block; background-color: #ffffff; padding: 60px 0px 120px 0px; height: 600px; } .products-container { display: inline-block; max-width: 1880px; width: 70%; margin: 20px auto; text-align: left; } .products-left-cell { position: relative; border: 1px solid #414042; height: 530px; width: 45%; float: left; margin: 0px 20px 0px 45px; } .products-right-cell { position: relative; border: 1px solid #414042; height: 530px; width: 45%; float: left; margin: 0px 0px 0px 20px; } .products-left-side { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; padding: 0px 30px 0px 30px; } .products-left-side-hidden { max-height: 0px; opacity: 0; transition: all .5s linear; } .products-right-side { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; padding: 0px 30px 0px 30px; } .products-right-side-hidden { max-height: 0px; opacity: 0; transition: all .5s linear; } .products-left-side-rollover { position: absolute; top: 0; left: 0; width: 100%; padding: 0px 30px 0px 30px; opacity: 0; max-height: 0px; transition: all .5s linear; } .products-left-side-rollover-visible { opacity: 1; max-height: 3000px; } .products-right-side-rollover { position: absolute; top: 0; left: 0; width: 100%; padding: 0px 30px 0px 30px; opacity: 0; max-height: 0px; transition: all .5s linear; } .products-right-side-rollover-visible { opacity: 1; max-height: 3000px; } .products-cell { padding: 50px 30px 30px 30px; opacity: 0; width: 33.3333%; float: left; cursor: pointer; transition: all .5s linear; } .products-cell-animated { padding: 30px 30px 30px 30px; opacity: 1; transition: all .5s linear; } .products-main-title h2 { font-size: 2.5em; padding: 0px 0px 0px 0px; font-weight: 200; color: #414042; text-align: center; } .products-left-side-title h2 { font-size: 2em; padding: 30px 0px 10px 0px; font-weight: 200; color: #414042; } .products-right-side-title h2 { font-size: 2em; padding: 30px 0px 10px 0px; font-weight: 200; color: #414042; } .products-divider { border-bottom: 2px dotted #138943; width: 4em; margin: 0px auto 30px auto; background-color: #227ebb; } .product-cell { padding: 20px 0px 0px 0px; opacity: 0; transition: all .5s linear; } .product-cell-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .product-arrow { width: .6em; height: .6em; margin-left: .5em; opacity: .5; transition: all .25s linear; } .products-left-side:hover .product-arrow { width: 1em; padding-left: .5em; transition: all .25s linear; } .products-right-side:hover .product-arrow { width: 1em; padding-left: .5em; transition: all .25s linear; } .product-horizontal { background-size: contain !important; height: 50px !important; width: 50px !important; background-repeat: no-repeat !important; background-position: center center !important; margin: 0px 20px 0px 0px; float: left; } .product-icon { background-size: contain !important; height: 50px !important; width: 50px !important; background-repeat: no-repeat !important; background-position: center center !important; margin: 0px 10px 30px 0px; float: left; } .product-information { float: left; width: 85%; } .product-name { font-weight: 600; font-size: 1.2em; line-height: 1.4em; color: #58595b; } .product-description { font-weight: 300; font-size: 1.1em; line-height: 1.6em; color: #000000; margin: 0px 0px 30px 0px; } */ /************************************************/ /* PRODUCTS SECTION - HOME AND CONTENT PAGE */ /************************************************/ .products-section { display: inline-block; background-color: #ffffff; padding: 60px 5px 5px 5px; width: 100%; } .products-main-title h2 { font-size: 2.5em; padding: 0px 0px 0px 0px; font-weight: 300; color: #6f7072; text-align: center; } .products-divider { /*border-bottom: 2px dotted #138943;*/ width: 4em; margin: 0px auto 30px auto; } .products-main-text { padding: 0px 0px 30px 0px; color: #6f7072; text-align: center; text-rendering: optimizeLegibility; font-size: 1.1em; line-height: 1.6; } .products-content-cell { width: calc(50% - 150px); float: left; padding: 50px 60px 60px 30px; margin: 5px 30px 5px 30px; opacity: 0; text-align: left; position: relative; border-bottom: 1px solid #46403c; transition: all .5s linear; } .products-content-cell-animated { padding: 30px 30px 30px 30px; opacity: 1; transition: all .5s linear; } .products-logo { color: #6f7072; font-size: 1.5rem; font-weight: 600; padding: 0px 0px 15px 0px; } .products-logo img { padding-right: 5px; padding-bottom: 5px; max-height: 60px; } .company-text { font-weight: 300; line-height: 1.2; padding: 0px 0px 20px 0px; color: #6f7072; } .company-button { display: inline-block; background-color: #138943; color: #ffffff; font-size: 1rem; font-weight: 400; border-radius: 5px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 1em 1.5em; white-space: nowrap; transition: all .25s linear; } .products-content-cell:focus, .products-content-cell:hover .company-button { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } /************************************************/ /* RESELLER SECTION - CONTENT PAGE */ /************************************************/ .reseller-information-section { border-bottom: 1px solid #e0e0e0; padding: 30px 0px 0px 0px; text-align: left; } .reseller-information-container { max-width: 1880px; width: 85%; margin: 20px auto; text-align: left; } .reseller-information-title { text-transform: uppercase; display: block; font-size: 1em; letter-spacing: .07em; opacity: .75; line-height: 1.3; font-weight: 400; } /*.reseller-information-title-line { height: 2px; display: inline-block; width: 4em; margin: 10px 0 2em 0; }*/ .reseller-information-subtitle { font-size: 2.5em; line-height: 1.2; font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #414042; padding: 0 0 30px 0; } .reseller-intro-text { margin: 0px 0px 30px 0px; font-weight: 300; font-size: 1.1em; } .reseller-information-content-cell { width: 33.3333%; float: left; padding: 20px 60px 60px 0px; opacity: 0; transition: all .5s linear; } .reseller-information-content-cell-animated { padding: 0px 60px 60px 0px; opacity: 1; transition: all .5s linear; } .reseller-logo { max-width: 180px; max-height: 50px; margin: 0px 0px 60px 0px; } .reseller-flag { float: left; padding: 0px 10px 0px 0px; } .reseller-divider { padding: 0px 0px 20px 0px; border-top: 1px solid #d8dfe5; } .reseller-location { font-weight: 600; font-size: 17px; padding: 5px 0px 0px 0px; } .reseller-small { font-style: italic; font-size: 13px; line-height: 15px; font-weight: 300; } .reseller-website { margin: 7px 0px 0px 0px; font-weight: 300; } .reseller-additional-information p { font-weight: 300; } /************************************************/ /* SCHEDULED TRAINING SECTION - CONTENT PAGE */ /************************************************/ .scheduled-training-section { background-repeat: no-repeat !important; background-size: 50% !important; background-position: left calc(100% + 60px) !important; border-bottom: 1px solid #e0e0e0; padding: 30px 0px 0px 0px; text-align: center; } .scheduled-training-container { max-width: 1880px; width: 100%; padding: 0px 55px 0px 50px; text-align: left; } .scheduled-training-main-title { display: block; font-size: 2.5em; line-height: 1.3; font-weight: 200; padding: 0 0 10px 0; } .scheduled-training-main-title-line { height: 2px; display: inline-block; width: 4em; margin: 0 0 2em 0; } .scheduled-training-main-subtitle { font-size: 2.5em; margin-bottom: .5em; line-height: 1.2; font-weight: 200; color: #555555; } .scheduled-training-main-intro-text { margin: 0px 0px 30px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; font-weight: 300; } .scheduled-training-main-outro-text { margin: 0px 0px 60px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; font-weight: 300; } .scheduled-training-main-outro-text a { color: #138943; font-weight: 600; } .event-content-cell { float: left; padding: 0; margin: 0px 10px 10px 0px; width: calc(33.3% - 10px); height: 335px; position: relative; transition: all .5s linear; } .event-content-cell-hidden { position: absolute; left: 100%; opacity: 0; transition: all .5s ease-in-out; } .event-topbar { width: 100%; } .event-type { color: #FFFFFF; padding: 15px 0px 15px 30px; font-size: 15px; font-weight: bold; display: inline-block; } .event-icon { float: right; padding: 7px 30px 0px 0px; } .event-icon img { height: 30px; } .event-content-information { padding: 0px 0px 0px 30px; background-color: #f0f5f9; font-weight: 400; min-height: 280px; } .event-title { font-size: 1.5em; line-height: 1.2; font-weight: 200; color: #555555; padding: 15px 30px 0px 0px; } .event-title-divider { height: 2px; display: inline-block; width: 4em; margin: 1em 0 2em; } .event-date { font-size: .9em; padding: 0px 30px 0px 0px; } .event-time { font-size: .9em; font-weight: 400; padding: 3px 30px 0px 0px; color: #707173; } .event-online { float: left; padding: 10px 0px 0px 0px; } .event-online img { height: 20px; } .event-online-text { float: left; text-transform: uppercase; font-weight: bold; padding: 13px 0px 0px 10px; font-size: .9em; } .event-location { float: left; padding: 10px 0px 0px 0px; } .event-location img { height: 20px; } .event-location-text { float: left; text-transform: uppercase; font-weight: bold; padding: 11px 0px 0px 10px; font-size: .9em;} .event-text { padding: 10px 0px 0px 0px; font-size: .9em; font-style: italic; } .event-button { padding: 20px 0px 20px 0px; } .event-button-transparent { display: inline-block; background-color: transparent; font-weight: 400; text-align: left; padding: 1em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); border-radius: 5px; white-space: nowrap; transition: all .25s linear; } .event-button-transparent:focus, .event-button-transparent:hover { background-color: #ffffff; box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .event-button-site-color { display: inline-block; background-color: #138943; color: #ffffff; font-size: 1rem; font-weight: 400; border-radius: 5px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 1em 1.5em; white-space: nowrap; transition: all .25s linear; } .event-button-site-color:focus, .event-button-site-color:hover { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .no-courses-message { display: none; padding: 0 0 60px 0; } /************************************************/ /* SMALL CTA SECTION - HOME PAGE */ /************************************************/ .small-cta-section { padding: 4% 0; background-size: cover; } .home-small-cta { padding: 20px 0px 0px 0px; opacity: 0; text-align: center; transition: all .5s linear; } .home-small-cta-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .cta-title h2 { font-weight: 200; font-size: 1.9em; color: #FFFFFF; margin: 0px 0px 20px 0px; line-height: 1.3em; } .cta-text { font-weight: 400; font-size: 1em; color: #FFFFFF; margin: 0px 0px 0px 0px; line-height: 1.3em; text-decoration: none !important; transition: all .25s linear; } .cta-text-arrow { width: 1.5em; height: 1.5em; margin: 0px 0px 0px 5px; border-radius: 50%; transition: all .25s linear; } .cta-anchor:hover .cta-text-arrow { margin: 0px 0px 0px 10px; background-color: rgba(255,255,255,.3); transition: all .25s linear; } /************************************************/ /* SMALL CTA SECTION - CONTENT PAGE */ /************************************************/ .content-small-cta-section { display: inline-block; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; position: relative; border-bottom: 1px solid #e0e0e0; padding: 80px 0px 60px 0px; text-align: center; } .content-small-cta-section-with-image { display: inline-block; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; height: 420px; position: relative; border-bottom: 1px solid #e0e0e0; padding: 80px 0px 60px 0px; } .small-cta-text-only { background-attachment: fixed !important; text-align: left; padding: 30px 60px 60px 140px; } .small-cta-text-only a { color: #ffffff; text-decoration: underline; } .content-small-cta { height: 100%; width: 100%; padding: 20px 0px 0px 140px; opacity: 0; transition: all .5s linear; } .content-small-cta-animated { padding: 0px 30px 0px 30px; opacity: 1; transition: all .5s linear; } .content-cta-image { position: absolute; left: 120px; top: 17%; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; width: 250px; height: 250px; } .content-cta-information { position: absolute; left: 400px; top: 8%; text-align: left; } .content-cta-title-icon { height: 30px; width: 30px; margin: 0px 10px 0px 0px; } .content-cta-title { font-weight: 400; font-size: 1.9em; color: #ffffff; text-transform: uppercase; display: block; font-size: 1em; letter-spacing: .07em; line-height: 1.3; width: 100%; padding: 30px 0px 0px 0px; } .content-cta-divider { background-color: #ffffff; opacity: .3; height: 2px; width: 4em; margin: 1em 0 2em; } .content-cta-subtitle { font-weight: 200; font-size: 1.9em; color: #FFFFFF; line-height: 1.3em; width: 100%; padding: 0px 60px 0px 60px; } .content-cta-subtitle-left-aligned { font-weight: 200; font-size: 1.9em; color: #FFFFFF; line-height: 1.3em; width: 100%; padding: 10px 60px 0px 0px; } .content-cta-text { color: hsla(0,0%,100%,1); padding: 20px 120px 0px 120px; line-height: 1.5; } .content-cta-text-left-aligned { font-size: 15px; color: hsla(0,0%,100%,1); padding: 20px 60px 0px 0px; line-height: 1.5; } .content-cta-button { background-color: transparent; background-position: 110% 110%; color: #ffffff; border: 2px solid #fff; font-weight: 400; text-align: left; padding: 1.5em 1.5em; box-shadow: 6px 6px 10px rgba(0,0,0,.12); cursor: pointer; display: inline-block; border-radius: 5px; margin: 20px 0px 0px 0px; transition: all .25s linear; } .content-small-cta-section:hover .content-cta-button { background-color: rgba(255,255,255,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } .content-small-cta-section-with-image:hover .content-cta-button { background-color: rgba(255,255,255,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } /************************************************/ /* SPECIAL PROGRAMS SECTION - CONTENT PAGE */ /************************************************/ .special-programs-section { display: inline-block; background-repeat: no-repeat !important; background-size: 50% !important; background-position: 100% 103% !important; min-height: 600px; border-bottom: 1px solid #e0e0e0; padding: 30px 0px 0px 280px; text-align: center; } .special-programs-container { max-width: 1880px; width: 85%; margin: 20px auto; text-align: left; } .special-programs-main-title { text-transform: uppercase; display: block; font-size: 1em; font-weight: 400; letter-spacing: .07em; opacity: .75; line-height: 1.3; padding: 30px 0px 0px 0px; } .special-programs-main-title-line { height: 2px; display: inline-block; width: 4em; margin: 1em 0 2em; } .special-programs-subtitle { font-weight: 200; font-size: 1.9em; color: #414042; line-height: 1.3em; width: 100%; padding: 0px 0px 20px 0px; } .special-programs-image-left { float: left; width: 45%; padding: 0px 30px 0px 0px; } .special-programs-image-right { float: right; width: 45%; padding: 0px 0px 0px 30px; } .special-programs-information { float: left; width: 45%; } .special-programs-text { padding: 0px 0px 20px 0px; } .special-programs-button { float: left; background-color: #138943; background-position: 110% 110%; color: #fff; font-size: 1rem; outline: none; border-radius: 3px; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); padding: 20px 30px; margin: 10px 0px 30px 0px; transition: all .25s linear; } .special-programs-button:focus, .special-programs-button:hover { background-color: #00ae46; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .25s linear; } /************************************************/ /* SUPPORT COMMUNITIES SECTION - CONTENT PAGE */ /************************************************/ .support-communities-section { position: relative; background-repeat: no-repeat !important; background-size: cover !important; background-position: top left !important; min-height: 700px; border-bottom: 1px solid #e0e0e0; padding: 30px 0px 0px 280px; text-align: center; } .support-communities-container { position: absolute; top: 0px; right: 0px; background-color: rgba(0,0,0,.5); height: 100%; width: 50%; text-align: left; } .support-communities-main-title { text-transform: uppercase; color: #ffffff; display: block; font-size: 1em; font-weight: 400; letter-spacing: .07em; opacity: .75; line-height: 1.3; } .support-communities-main-title-line { height: 2px; display: inline-block; width: 4em; margin: 1em 0 2em; } .support-communities-subtitle { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 3.5em; color: #FFFFFF; line-height: 1.3em; width: 100%; padding: 60px 100px 30px 60px; width: 100%; } .support-communities-content-cell { padding: 20px 0px 0px 60px; opacity: 0; transition: all .5s linear; } .support-communities-content-cell-animated { padding: 0px 0px 0px 60px; opacity: 1; transition: all .5s linear; } .support-community-icon { background-repeat: no-repeat !important; background-size: contain !important; height: 80px; width: 80px; float: left; margin: 0px 15px 0px 0px; } .support-community-text { float: left; color: #ffffff; width: 75%; padding: 0px 0px 30px 0px; } .support-community-link-text { color: #ffffff; font-size: 1.1em; font-weight: 600; } .support-communities-content-cell img { height: 20px; padding: 0px 0px 0px 5px; transition: all .5s linear; } .support-communities-content-cell:hover img { padding: 0px 0px 0px 15px; transition: all .5s linear; } /************************************************/ /* TAB SECTION - CONTENT PAGE */ /************************************************/ .tabs-mobile { display: none; } .tab-section { display: inline-block; background-repeat: no-repeat !important; background-size: 50% !important; background-position: 100% 103% !important; min-height: 600px; border-bottom: 1px solid #e0e0e0; padding: 30px 120px 30px 120px; text-align: center; } .tab-container { display: inline-block; max-width: 1880px; width: 100%; margin: 0 auto 0 auto; min-height: 670px; } .tab-main-title h2 { color: #6f7072; text-transform: uppercase; display: block; font-size: 1em; font-weight: 400; letter-spacing: .07em; line-height: 1.3; padding: 30px 0px 0px 0px; } .tab-main-title-line { height: 2px; display: inline-block; width: 4em; margin: .25em 0 2em; } .tab-subtitle h3 { font-weight: 200; font-size: 1.9em; color: #414042; line-height: 1.3em; width: 100%; padding: 0px 0px 0px 0px; } .tabs-desktop-container { width: 100%; } .tabs-desktop-tablist { display: inline-block; } .tab { padding: 2em 2em 1em 2em; color: #6f7072; text-transform: uppercase; border-bottom: 3px solid #d8dfe5; font-size: .95em; float: left; } .tab-active { border-bottom-color: #187ec0; color: #187ec0; } .tab-cell { position: absolute; width: 90%; padding: 0px 0px 0px 0px; } .tab-cell-hidden { max-height: 0px; opacity: 0; transition: all .5s linear; } .tab-cell-visible { max-height: 3000px; opacity: 1; transition: all .5s linear; } .tab-text-cell { padding: 60px 30px 30px 0px; opacity: 0; float: left; width: 50%; position: relative; z-index: 0; transition: all .5s linear; } .tab-cell-visible .tab-text-cell { padding: 60px 30px 30px 0; opacity: 1; position: relative; z-index: 10; transition: all .5s linear; } .tab-title h2 { font-weight: 200; font-size: 1.9em; color: #414042; line-height: 1.3em; width: 100%; padding: 0px 0px 10px 0px; text-align: left; } .tab-text { margin: 0px 0px 1.2em 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; padding: 0px 0px 20px 0px; text-align: left; } .tab-text a { color: #138943; font-weight: 600; } .tab-image { float: left; width: 50%; padding: 60px 0px 0px 60px; } .tab-image img { width: 100%; } .tab-link-text { text-align: left; color: #138943; font-size: 1.1em; font-weight: 600; } .tab-link-arrow { margin: 0px 0px 0px 10px; height: 10px; width: 10px; transition: all .5s linear; } .tab-link-text:hover .tab-link-arrow { margin: 0px 0px 0px 20px; transition: all .5s linear; } .tab-section .accordion-title { text-align: left; } .tab-section .accordion-text { text-align: left; } /************************************************/ /* TEXT WITH IMAGE SECTION - HOME PAGE */ /************************************************/ .text-with-image-section .small-12 { position: relative; height: 100%; } .image-content-cell-left { position: absolute; top: 20%; left: 10%; width: 30%; padding: 20px 60px 0px 0px; opacity: 0; transition: all .5s linear; } .image-content-cell-left-animated { padding: 0px 60px 0px 0px; opacity: 1; transition: all .5s linear; } .image-content-cell-right { position: absolute; top: 25%; right: 10%; width: 33.3333%; padding: 20px 60px 0px 0px; opacity: 0; transition: all .5s linear; } .image-content-cell-right-animated { padding: 0px 60px 0px 0px; opacity: 1; transition: all .5s linear; } .image-title h2 { text-align: left; font-size: 2.3em; margin-bottom: .5em; line-height: 1.2; font-weight: 200; color: #414042; /*text-shadow: 2px 2px #ffffff;*/ } .image-text { text-align: left; margin: 1.2em 0; margin-bottom: 1.2em; line-height: 1.6em; color: #6f7072; font-size: 1.1em; /*text-shadow: 2px 2px #ffffff;*/ } .image-background { height: 550px; background-repeat: no-repeat !important; background-size: 60em 60em !important; } .image-background-left { background-position: 0% !important; } .image-background-right { background-position: 110% !important; } .image-button { float: left; background-color: #138943; color: #fff; cursor: pointer; border: none; background-image: none; border-radius: .25rem; text-align: center; padding: 1em 1.5em; line-height: 1.6; font-weight: 300; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); transition: all .25s linear; } .image-button:hover { background-color: #00ae46; color: #ffffff; outline: none; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); } /************************************************/ /* TRAINING SECTION - CONTENT PAGE */ /************************************************/ .training-section { display: inline-block; background-repeat: no-repeat !important; background-size: 50% !important; background-position: left calc(100% + 60px) !important; min-height: 600px; border-bottom: 1px solid #e0e0e0; padding: 30px 0px 30px 0px; text-align: center; } .training-container { max-width: 1880px; margin: 20px 30px 20px 30px; text-align: left; } .training-content-cell { position: relative; padding: 20px 0px 0px 0px; opacity: 0; width: calc(33.3% - 10px); float: left; height: 250px; margin: 10px 10px 0px 0px; color: #ffffff; background-repeat: no-repeat !important; background-size: 40% !important; background-position: 100% 140% !important; transition: all .5s linear; } .training-content-cell-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .training-content-type { background-color: rgba(0,0,0,.2); display: inline-block; padding: 5px 10px; text-transform: uppercase; font-size: 12px; } .training-main-title h1 { display: block; font-size: 2.5em; line-height: 1.3; font-weight: 200; } .training-main-title-line { height: 2px; display: inline-block; width: 4em; margin: 0 0 2em 0; } .training-main-subtitle h2 { font-size: 2.5em; margin-bottom: .5em; line-height: 1.2; font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #414042; } .training-main-intro-text { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; color: #6f7072; font-size: 1.1em; font-weight: 300; } .training-icon { background-repeat: no-repeat !important; background-position: center center !important; height: 8em; margin: 2em 0; max-width: 100%; } .training-content-title h3 { font-size: 1.2em; font-weight: 600; margin-bottom: .5em; line-height: 1em; color: #ffffff; padding: 30px 20px 0px 20px; } .training-content-new-button::after { background-color: #ffffff; border-radius: 25px; color: #138943; content: 'NEW'; padding: 0px 6px; margin: 0px 0px 0px 5px; border: 1px solid #138943; font-size: 10px; } .training-text { font-weight: 300; font-size: 1.1em; line-height: 1.6em; color: #6f7072; padding: 10px 40px 0px 40px; } .training-content-product { font-size: .9em; font-weight: 300; margin-bottom: .5em; line-height: 1.4em; color: hsla(0,0%,100%,.75); padding: 0px 20px 0px 20px; } .training-content-footer-bar { height: 10px; width: 100%; position: absolute; bottom: 0; z-index: 20; } .training-content-footer { padding: 10px 30px 10px 30px; position: absolute; bottom: 0px; max-height: 0px; opacity: 0; overflow: hidden; z-index: 20; line-height: 1.2; transition: all .25s linear; } .training-content-cell:hover .training-content-footer { max-height: 90%; height: 90%; opacity: 1; transition: all .25s linear; } .training-content-description { font-size: 1em; font-weight: 300; } .training-content-learn-more { position: absolute; bottom: 10px; right: 30px; color: #FFFFFF; font-size: .8em; } .training-content-learn-more img { height: 15px; padding: 0px 0px 0px 5px; } /************************************************/ /* VIDEO SECTION - CONTENT PAGE */ /************************************************/ .video-section { background-size: cover !important; background-repeat: no-repeat !important; background-position: top left !important; border-bottom: 1px solid #e0e0e0; padding: 0; } .video-container { padding: 20px 0px 0px 0px; text-align: center; opacity: 0; transition: all .5s linear; } .video-container-animated { padding: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .video-title h2 { color: hsla(0,0%,100%,1); font-weight: 400; text-transform: uppercase; display: block; font-size: 1em; letter-spacing: .07em; opacity: .75; line-height: 1.3; padding: 60px 0px 0px 0px; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ } .video-divider { /*background-color: #ffffff; opacity: .3;*/ height: 2px; display: inline-block; width: 4em; margin: 10px 0px 2em 0px; } .video-subtitle h3 { color: #FFFFFF; font-weight: 200; font-size: 2.5em; padding: 60px 0 0 0; line-height: 1.2; /*text-shadow: 2px 2px rgba(0, 0, 0, .75);*/ } .video-wrapper { position: relative; height: 0; max-width: 1880px; width: 85%; margin: 0px auto; } .video-wrapper--16-9 { padding-bottom: 53%; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************/ /* SECTION OVERRIDES - CONTENT PAGE */ /************************************************/ .button-rollover-image { background: hsla(0,0%,100%,.25) url('/wp-content/themes/latitude/images/external-link-corner--white.svg') no-repeat 100% 100% / 25px; } /************************************************/ /* SALES SHEET - BUTTON */ /************************************************/ .sales-sheet-button { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-size: 1.1em; margin: 30px 0px 30px 0px; opacity: 1; min-width: 150px; padding: 15px 30px; background-color: #138943; display: inline-block; color: #FFF; border-radius: 5px; border: 2px solid #FFFFFF; transition: all 1s ease-in-out; } .sales-sheet-button:hover { box-shadow: 13px 13px 20px rgba(0,0,0,.2); background-color: #00ae46; transition: all 1s ease-in-out; } /*.sales-sheet-button-visible { margin: 30px 0px 30px 0px; opacity: 1; transition: all .5s ease-in-out; }*/ /************************************************/ /* SALES SHEET - BANNER SECTION */ /************************************************/ .sales-sheet-banner { min-height: 850px; max-width: 100%; background-position: center center; background-size: cover; position: relative; } .sales-sheet-banner-arrow { position: absolute; border: 1px solid #FFFFFF; height: 30px; width: 30px; left: 50%; bottom: 80px; border-radius: 50%; background-image: url('/wp-content/uploads/2018/10/scroll-chevron-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 14px 14px; transform: translateX(-50%); z-index: 2; } .sales-sheet-banner-arrow:hover { background-color: hsla(0,0%,100%,.25); transition: background-color .25s linear; } .sales-sheet-banner-slider { margin-bottom: 0px !important; } .sales-sheet-banner-slider .slick-slide { /*height: 850px;*/ background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .sales-sheet-banner-slider .slick-dots { bottom: 125px; z-index: 1000; } .sales-sheet-banner-slider .slick-dots li { height: 15px; width: 15px; background-color: #999999; border-radius: 25px; border: 1px solid #FFFFFF; } .sales-sheet-banner-slider li.slick-active { background-color: #FFFFFF !important; } .sales-sheet-banner-slider .slick-dots li button::before { font-size: 0px; } .sales-sheet-banner .flex-video { position: relative; padding-bottom: 56.25%; margin-bottom: -350px; } .sales-sheet-banner .flex-video iframe { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .sales-sheet-banner-content { position: absolute; padding: 0px 30px 0px 30px; top: 40%; left: 50%; transform: translate(-50%, -40%); width: 100%; } .sales-sheet-banner-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; color: #FFFFFF; font-size: 3.5rem; padding: 0px 0px 30px 0px; } .sales-sheet-banner-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; color: #FFFFFF; font-size: 1.1em; font-weight: 400; line-height: 1.5; } .sales-sheet-wedge { height: 200px; pointer-events: none; position: relative; z-index: 1; margin: -180px auto 0 auto; overflow: hidden; background-color: rgba(0,0,0,.5); } .sales-sheet-wedge:after { content: ''; display: block; background: white; position: absolute; width: 150%; height: 200px; left: -25%; top: 120px; transform: rotate(3deg); } /************************************************/ /* SALES SHEET - COLUMN SECTION */ /************************************************/ .sales-sheet-column-section { text-align: center; max-width: 1880px; padding: 30px 30px 60px 30px; } .sales-sheet-column-container { max-width: 1400px; margin: 0px auto; } .sales-sheet-column-main-title h2 { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 30px 0px 20px 0px; color: #414042; line-height: 1.2; } .sales-sheet-column-main-title { opacity: 0; margin: 20px 0px 0px 0px; transition: all 1s ease-in-out; } .sales-sheet-column-main-title-visible { opacity: 1; margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .sales-sheet-column-intro-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-size: 1.1em; font-weight: 300; padding: 0px 0px 30px 0px; margin: 20px 0px 60px 0px; line-height: 1.5em; color: #6f7072; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-column-intro-text-visible { opacity: 1; margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .sales-sheet-column-subtitle { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.5em; padding: 0px 0px 30px 0px; opacity: 0; margin: 20px 0px 0px 0px; transition: all 1s ease-in-out; } .sales-sheet-column-subtitle-visible { opacity: 1; margin: 0px 0px 0px 0px; transition: all 1s ease-in-out; } .sales-sheet-column-content-cell { float: left; padding: 0px 2% 30px 2%; } .sales-sheet-column-image { background-size: contain !important; height: 160px !important; background-repeat: no-repeat !important; background-position: center center !important; margin: 30px 0px 10px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-column-image-visible { opacity: 1; margin: 0px 0px 10px 0px; transition: all 1s ease-in-out; } .sales-sheet-column-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-size: 1.2em; line-height: 1.5em; color: #58595b; padding: 0px 0px 10px 0px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-column-title img { width: .6em; height: .6em; margin-left: .5em; transition: all .25s linear; } .sales-sheet-column-anchor:hover .sales-sheet-column-title img { width: 1em; padding-left: .5em; transition: all .25s linear; } .sales-sheet-column-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-column-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-size: 1.1em; font-weight: 300; color: #6f7072; line-height: 1.5em; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-column-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } /************************************************/ /* SALES SHEET - ACCORDION SLIDER SECTION */ /************************************************/ .sales-sheet-accordion-slider-section { max-width: 1880px; padding: 60px 0px 0px 0px; } .sales-sheet-accordion-slider-container { max-width: 1080px; margin: 0px auto; } .sales-sheet-accordion-slider-left-side { float: left; width: 50%; padding: 60px 30px 30px 60px; text-align: left; } .sales-sheet-accordion-slider-main-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 0px 30px 20px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-accordion-slider-main-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-accordion-slider-main-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-accordion-slider-main-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-accordion-slider-main-subtitle { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 0px 30px 20px 0px; margin: 0px 0px 0px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-accordion-slider-main-subtitle-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .accordions-left { transform: translateX(100%); } .images-right { transform: translateX(-100%); } .sales-sheet-accordions { height: 400px; width: 100%; overflow-y: scroll; float: left; padding: 0px 30px 0px 0px; } .sales-sheet-accordions a { color: #138943; font-weight: 400; } .sales-sheet-accordion-content { z-index: 10; height: 50px; width: 100%; transition: all .25s ease-in-out; } .sales-sheet-accordion-content:hover { background-color: rgba(0,0,0,.2); transition: all .25s ease-in-out; } .sales-sheet-arrows { float: left; height: 400px; position: relative; width: 30px; } .sales-sheet-accordion-arrow-up { position: absolute; top: 15px; right: 0px; background: url('/wp-content/themes/latitude/images/accordion-arrow-up.png'); background-size: contain !important; height: 30px; width: 30px; } .sales-sheet-accordion-arrow-down { position: absolute; bottom: 15px; right: 0px; background: url('/wp-content/themes/latitude/images/accordion-arrow-down.png'); background-size: contain !important; height: 30px; width: 30px; } .sales-sheet-accordion-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 600; font-size: 1.2em; float: left; width: calc(100% - 20px); color: #6f7072; padding: 15px 0px 15px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-accordion-title-visible { padding: 15px 0px 15px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-accordion-icon { float: left; width: 20px; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-accordion-icon-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-accordion-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; z-index: 1; line-height: 1.6; color: #6f7072; opacity: 1; visibility: visible; padding: 0px 15px 15px 0px; max-height: 3000px; transition: all .5s ease-in-out; } .sales-sheet-accordion-text p { padding: 0 0 10px 0; } .sales-sheet-accordion-divider { background-color: #d7d7d7; width: 100%; height: 1px; } .sales-sheet-accordion-content-active { background-color: rgba(0,0,0,.1); transition: all .25s ease-in-out; } .sales-sheet-accordion-hidden { z-index: 0; max-height: 0px; opacity: 0; visibility: hidden; padding: 0px 0px 0px 0px; transition: all .5s ease-in-out; } .sales-sheet-accordion-slider-right-side { float: left; width: 50%; } .sales-sheet-accordion-slider { margin-bottom: 0px !important; } .sales-sheet-accordion-slider .slick-slide { min-height: 645px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .sales-sheet-accordion-slider .slick-dots { bottom: 15px; width: auto; left: 50%; transform: translateX(-50%); } .sales-sheet-accordion-slider .slick-dots li { height: 15px; width: 15px; background-color: #CCCCCC; border-radius: 25px; border: 1px solid #FFFFFF; } .sales-sheet-accordion-slider li.slick-active { background-color: #6f7072 !important; } .sales-sheet-accordion-slider .slick-dots li button::before { font-size: 0px; } .sales-sheet-accordion-slider .slick-prev { top: 0px; left: 0px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-slider-prev.png') no-repeat center center; } .sales-sheet-accordion-slider .slick-next { top: 0px; right: 0px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-slider-next.png') no-repeat center center; } /************************************************/ /* SALES SHEET - CORE CAPABILITIES SECTION */ /************************************************/ .sales-sheet-core-capabilities-section { max-width: 1880px; padding: 60px 100px 60px 100px; } .sales-sheet-core-capabilities-main-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2em; padding: 0px 30px 20px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-core-capabilities-main-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-core-capabilities-main-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-core-capabilities-main-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-core-capabilities-slider { margin-bottom: 0px !important; } .sales-sheet-core-capabilities { display: none; } .sales-sheet-core-capabilities .slick-slide { min-height: 200px; } .sales-sheet-core-capability-content.slick-slide { position: relative; padding: 0px 30px 0px 30px; } .sales-sheet-core-capabilities-slider .slick-prev { top: 0px; left: -60px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-capabilities-prev.png') no-repeat center center; } .sales-sheet-core-capabilities-slider .slick-next { top: 0px; right: -60px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-capabilities-next.png') no-repeat center center; } .sales-sheet-core-capability-image { min-height: 100px; background-size: contain !important; background-repeat: no-repeat !important; float: left; width: 34%; } .sales-sheet-core-capability-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 600; font-size: 1.2em; color: #58595b; float: left; } .core-capability-title-arrow { float: left; } .core-capability-title-arrow img { width: .6em; height: .6em; margin: 8px 0px 0px .5em; transition: all .25s linear; } .sales-sheet-core-capability-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 15px; color: #58595b; float: left; width: 66%; text-align: left; line-height: 1.25; position: absolute; top: 50%; left: 37%; transform: translateY(-50%); padding: 0px 30px 0px 0px; } .sales-sheet-core-capability-content:hover .core-capability-title-arrow img { width: 1em; padding-left: .5em; transition: all .25s linear; } /************************************************/ /* SALES SHEET - INTEGRATION SECTION */ /************************************************/ .sales-sheet-integration-section { max-width: 1880px; padding: 60px 60px 30px 60px; } .sales-sheet-integration-main-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2em; padding: 0px 30px 20px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-integration-main-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-integration-main-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 30px 30px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-integration-main-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-integration-left-side { float: left; width: 50%; text-align: left; padding: 0px 100px 60px 40px; border-right: 1px solid #b9b9b9; } .sales-sheet-integration-right-side { float: left; width: 50%; text-align: left; padding: 0px 40px 0px 100px; } .sales-sheet-integration-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 600; font-size: 1.2em; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-integration-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-integration-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-integration-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-integration-logo { padding: 0px 15px 15px 0px; height: auto; opacity: 0; margin: 30px 0px 0px 0px; transition: all 1s ease-in-out; } .sales-sheet-integration-logo-visible { margin: 0px 0px 0px 0px; opacity: .8; transition: all 1s ease-in-out; } .sales-sheet-integration-logo:hover { opacity: 1; transition: all .5s ease-in-out; } .sales-sheet-integration-logo-condensed { max-width: 25%; } /*.sales-sheet-integration-cta-content { border-top: 1px solid #b9b9b9; }*/ /************************************************/ /* SALES SHEET - 2 COLUMN SECTION */ /************************************************/ .sales-sheet-two-column-section { max-width: 100%; display: inline-block; position: relative; } .sales-sheet-two-column-content-cell { position: relative; float: left; width: 50%; min-height: 600px; } .sales-sheet-two-column-content-cell-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 60px 100px 60px 100px; width: 100%; text-align: left; } .sales-sheet-two-column-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-two-column-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-two-column-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 0px 20px 0px;margin: 0px 0px 0px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-two-column-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } /* .sales-sheet-two-column-divider { width: 100px; height: 5px; background-color: #138943; margin: 10px 0px 0px 30px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-two-column-divider-visible { margin: 10px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } */ .sales-sheet-two-column-image-cell { float: left; width: 50%; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 100% !important; min-height: 600px; } .sales-sheet-two-column-content-reverse { transform: translate(100%); } .sales-sheet-two-column-image-reverse { transform: translate(-100%); } /************************************************/ /* SALES SHEET - TESTIMONIALS SECTION */ /************************************************/ .sales-sheet-testimonials-section { padding: 60px 100px 60px 100px; max-width: 1880px; } .sales-sheet-testimonials-main-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; padding: 0px 30px 20px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-testimonials-main-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-testimonials-main-text { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 300; font-size: 1.1em; padding: 0px 30px 0px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-testimonials-main-text-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } .sales-sheet-testimonails-title { font-weight: 600; padding: 0px 0px 20px 0px; } .sales-sheet-testimonials-text { font-weight: 300; padding: 0px 0px 20px 0px; } .sales-sheet-testimonials-slider .slick-slide { margin: 60px 0px 0px 0px; min-height: 200px; } .sales-sheet-testimonials { display: none; } .sales-sheet-testimonials-content { position: relative; border: 2px solid #b9b9b9; background-color: #FFFFFF; padding: 0px 0px 20px 0px; margin: 0px 30px 0px 30px; transition: all .5s ease-in-out; } .sales-sheet-testimonials-content:hover { margin: -20px 30px 0px 30px; box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .5s ease-in-out; } .sales-sheet-testimonials-content:hover .sales-sheet-button { box-shadow: 13px 13px 20px rgba(0,0,0,.2); background-color: #00ae46; transition: all 1s ease-in-out; } .sales-sheet-testimonials-slider .slick-prev { top: 0px; left: -60px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-capabilities-prev.png') no-repeat center center; } .sales-sheet-testimonials-slider .slick-next { top: 0px; right: -60px; width: 45px; height: 100%; background: url('/wp-content/themes/latitude/images/arrow-capabilities-next.png') no-repeat center center; } .sales-sheet-testimonials-image { min-height: 300px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .sales-sheet-testimonials-title { font-size: 30px; font-weight: 300; padding: 20px 30px 0px 30px; color: #58595b; } .sales-sheet-testimonials-text { font-size: 18px; line-height: 1.5; padding: 20px 30px 0px 30px; color: #58595b; } /************************************************/ /* SALES SHEET - CTA SECTION */ /************************************************/ .sales-sheet-cta-section { padding: 30px 0px 30px 0px; max-width: 100%; } .sales-sheet-cta-title { font-family: 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', 'sans-serif'; font-weight: 200; font-size: 2.5em; color: #414042; padding: 20px 30px 0px 30px; margin: 30px 0px 0px 0px; opacity: 0; transition: all 1s ease-in-out; } .sales-sheet-cta-title-visible { margin: 0px 0px 0px 0px; opacity: 1; transition: all 1s ease-in-out; } /************************************************/ /* FOOTER */ /************************************************/ .footer-wrapper { display: block; bottom: 0; background-color: #414042; color: #c6ccd4; font-size: .9em; position: relative; z-index: 100; } .footer { padding: 4em 0 3em; overflow: auto; } .contain-content--template { max-width: 1880px; width: 96%; } .contain-content { max-width: 1880px; width: 95%; margin: 0 auto; display: block; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer__col { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 2%; width: 24.5%; text-align: left; vertical-align: top; } .footer-menus { padding: 0 5%; } .footer-menus li { position: relative; padding-left: 30px; left: -30px; } .footer-menus li ul li { line-height: 1; padding: 0px 0px 10px 30px; } .footer-menus svg { margin-left: 10px; position: absolute; top: 5px; left: 0; cursor: pointer; } .footer .linklist-heading { text-transform: uppercase; color: #fff; font-weight: 400; margin: 0px 0px 10px 0px; } .footer__links { margin-top: .5em; } .footer__social { clear: both; padding: 3em 0 1em; overflow-x: hidden; } .social__social-icons { float: right; width: 18em; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } .social-icons { float: left; margin: 0px 0px 0px 5px; } .social__social-icons a { display: inline-block; width: 3em; height: 3em; border-radius: 50%; background-color: #6f7072; text-indent: 99999px; margin: .1em; background-repeat: no-repeat; background-size: 1.2em 1.2em; background-position: 50%; } .social-tooltip { position: absolute; background-color: #f0f5f9; color: #6f7072; display: none; width: 150px; font-size: .9em; line-height: 1.2; text-align: center; border-radius: 6px; padding: 12px 10px 10px; margin: 20px 0px 0px 0px; opacity: 0; z-index: 1; transition: all .5s linear; } .social-tooltip::after { content: ""; position: absolute; bottom: -10px; left: 50%; border: 5px solid #f0f5f9; border-color: #f0f5f9 transparent transparent; } .social-tooltip-left { position: absolute; background-color: #f0f5f9; color: #6f7072; display: none; width: 150px; font-size: .9em; line-height: 1.2; text-align: center; border-radius: 6px; padding: 12px 10px 10px; margin: 20px 0px 0px 0px; opacity: 0; z-index: 1; transition: all .5s linear; } .social-tooltip-left::after { content: ""; position: absolute; top: 45%; right: -10px; border: 5px solid #f0f5f9; border-color: transparent transparent transparent #f0f5f9; } .tooltip-visible { display: block; margin: 0px 0px 0px 0px; opacity: 1; transition: all .5s linear; } .social__line { margin-right: 19em; height: 1.7em; border-bottom: 1px solid #6f7072; } .footer__social .twitter { background-image: url(images/icon-social--twitter.svg); } .footer__social .linkedin { background-image: url(images/icon-social--linkedin.svg); } .footer__social .facebook { background-image: url(images/icon-social--facebook.svg); } .footer__social .rss { background-image: url(images/icon-social--rss.svg); } .footer__social .envelope { background-image: url(images/icon-social--newsletter3.svg); } .social__social-icons a:hover { background-color: #00ae46; } /* Footer WordPress Nav Classes */ .footer .menu-item { display: block; } .footer .menu-item a { color: #a4aeb7; padding: 0.25em 0px .5em 0px; line-height: 1.2; } .footer .menu-item a:hover { color: #ffffff; } .footer .menu-item .sub-menu, .footer .children { border-left: 3px solid #58595b; padding-left: .7em; margin: .5em 0px 1em .3em; } .footer .menu-item .sub-menu li a, .footer .page_item a { color: #a4aeb7; } .footer .menu-item .sub-menu li a:hover, .footer .page_item a:hover { color: #ffffff; } .footer-legal__esri-logo { background-image: url('/wp-content/themes/latitude/images/logo-esri-partner.svg'); background-repeat: no-repeat; padding-right: 200px; text-indent: -99999px; width: 12em; height: 3em; float: left; margin-bottom: 1em; } .footer-legal__copyright { font-size: .75em; padding: 10px 10px 0px 0px; text-align: left; } .footer-legal__copyright p { line-height: 1.2; color: #a4aeb7; overflow: hidden; } /************************************************/ /* MODAL FORMS */ /************************************************/ .modal-wrapper { position: fixed; max-height: 100vh; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); z-index: 200; display: none; overflow: auto; padding-top: 5em; max-width: 100%; } .modal { width: 80%; max-width: 60em; box-sizing: border-box; margin: 0px auto 0px auto; background: #fff; border-radius: .5em; padding-bottom: 5em; -webkit-box-shadow: 0 0 150px rgba(0,0,0,.34); box-shadow: 0 0 150px rgba(0,0,0,.34); transform: scaleX(1) scaleY(1); transform-origin: 50% 50% 0px; overflow: auto; transition: all .5s linear; } .modal-visible { display: block; } .modal__header { overflow: auto; margin-bottom: .75em; position: absolute; width: 100%; background-color: #fff; padding: 1em; border-bottom: 1px solid #d8dfe5; border-top-left-radius: 1em; border-top-right-radius: 1em; height: 4.5em; } .modal__title { color: #999; font-size: 1em; line-height: 1.7em; padding-right: 3em; font-weight: 400; } .modal__close { background: #6f7072; text-align: center; width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; background-image: url('/wp-content/themes/latitude/images/close--white.svg'); background-size: .5em .5em; background-repeat: no-repeat; background-position: 50%; text-indent: -999999px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 4; display: block; position: absolute; right: 1em; top: 1em; } .modal__close:hover { background-color: #168943; } .modal__content { min-height: 100%; padding: 1.5em 2em 1em; height: 100%; position: relative; top: 3.5em; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; } .modal__content h1 { font-size: 2.5em; margin-bottom: .5em; line-height: 1.2; font-weight: 300; color: #414042; } .modal__content p { margin: 1em 0 !important; line-height: 1.6em; color: #6f7072; font-size: 1.1em; font-weight: 400; } .video-wrapper { position: relative; padding-top: 1.9em; height: 0; } .video-wrapper--16-9 { padding-bottom: 53%; } .modal--no-padding { padding-bottom: 3.5em; overflow: hidden; } .important { padding: 1em; padding-left: 3em; background-color: #fefae6; border: 1px solid #fcf0b5; -webkit-box-shadow: -4px 0 0 #f4cd07; box-shadow: -4px 0 0 #f4cd07; background-image: url('/wp-content/themes/latitude/images/icon-important.svg'); background-repeat: no-repeat; background-size: 1.3em 1.3em; background-position: 1em 1em; font-size: .85em; line-height: 1.5em; } .important h3 { font-size: 1.2em; margin-bottom: .5em; line-height: 1.4em; color: #58595b; font-weight: 600; } .important a { font-weight: 600; text-decoration: none; color: #138943; } .buttons-wrapper { padding: 20px 0px 0px 0px; } .buttons-wrapper .button { background-color: #138943; color: #fff; cursor: pointer; border: none; background-image: none; display: inline; border-radius: .25rem; text-align: center; padding: 15px 15px 15px 15px; line-height: 1.6; font-weight: 400; -webkit-box-shadow: 6px 6px 10px rgba(0,0,0,.12); box-shadow: 6px 6px 10px rgba(0,0,0,.12); font-size: 1.1em; margin: 0px 10px 0px 0px; } .buttons-wrapper .button:hover { background-color: #00ae46; color: #fff; outline: none; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); } /*************************************/ /* 404 PAGE */ /*************************************/ .error404 #content .search-form .screen-reader-text, .search-results #content .search-form .screen-reader-text { display: none; } .error404 main { float: none; margin: 0 auto; padding: 240px 0; } /************************************************/ /* RESPONSIVE */ /************************************************/ @media screen and (max-width: 1400px) { .two-column-image-cell-flush-right img { max-width: 30%; } .products-container { width: 100%; } .tab-cell { left: 330px; } } @media screen and (max-width: 1300px) { .event-title { font-size: 1em; } .two-column-content-cell-banner-left { left: 0px; right: unset; width: 100%; } .two-column-content-cell-banner-right { left: 370px; right: unset; width: 65%; } .two-column-image-cover { background-color: rgba(0, 0, 0, .6); } } @media screen and (max-width: 1145px) { .two-column-image-button-1:after { clear: both; } .training-content-cell { width: 48%; margin: 5px 5px 0px 0px; } .training-content-description { font-size: .7em; } .support-communities-section { background-size: cover !important; } .support-communities-container { width: 100%; padding: 0px 0px 0px 0px; } .support-communities-subtitle { font-size: 1.5em; line-height: 1em; } .support-community-text p { line-height: 1; } .event-content-cell { width: 100%; } .case-studies-main-divider { margin: 1em 0 2em 30px; } .case-studies-more-details-button { display: block; } .case-studies-close-button { display: block; } .case-studies-content-cell { width: calc(50% - 10px); } } @media screen and (max-width: 1125px) { .text-with-image-section { background: none !important; } .image-background { height: auto; } .image-content-cell-left { position: relative; top: 0; left: 0; width: 100%; display: inline-block; padding: 80px 30px 60px 30px; background-color: #ffffff; } .image-content-cell-left-animated { padding: 60px 30px 60px 30px; } .image-content-cell-right { position: relative; top: 0; left: 0; width: 100%; display: inline-block; padding: 80px 30px 60px 30px; background-color: #ffffff; } .image-content-cell-right-animated { padding: 60px 30px 60px 30px; } .capabilities-wrapper { width: 100%; } .capabilities-text { padding: 0px 20px 30px 70px; } .content-cta-image { left: 300px; } .content-cta-information { left: 550px; } .two-column-image-cell { width: 100%; transform: unset; } .two-column-content-cell { width: 100%; transform: unset; } .two-column-content-cell-banner-left .two-column-subtitle { font-size: 1.5em; } .two-column-content-cell-banner-left .two-column-divider { margin: 1em 0 1em; } .two-column-content-cell-banner-left .two-column-text p { line-height: 1; } .two-column-content-cell-banner-left ul { line-height: 1; } .two-column-content-cell-banner-right .two-column-subtitle { font-size: 1.5em; } .two-column-content-cell-banner-right .two-column-divider { margin: 1em 0 1em; } .two-column-content-cell-banner-right .two-column-text p { line-height: 1; } .two-column-content-cell-banner-right ul { line-height: 1; } .course-container { width: 100%; padding: 0px 30px 0px 30px; } .review-text { font-size: 1.25em; } .scheduled-training-section { padding: 30px 0px 0px 270px; } .small-cta-text-only { padding: 30px 0px 60px 140px; } .content-cta-subtitle { padding: 0px 30px 0px 30px; } .content-cta-text { padding: 20px 30px 0px 30px; } .blog-banner .content-banner-subtitle-reduced h2 { font-size: 2em; } .blog-banner .blog-author-image { margin: 0px 0px 0px 0px; } .blog-banner .blog-author-info { margin: 5px 0px 0px 0px; } .products-left-cell { width: 100%; margin: 0px; border: 0px solid transparent; } .products-right-cell { width: 100%; margin: 0px; border: 0px solid transparent; } .contain-content { width: 100%; } .footer-menus { padding: 0; } .footer-menus li { left: 0px; } .footer-menus svg { font-size: 20px; margin: -2px 0px 0px -10px; padding: 0px 10px 0px 10px; } .footer-menus .svg-inline--fa.fa-w-14 { width: 2em; } .footer__col { padding: 0px 30px 30px 30px; width: 30%; } } @media screen and (max-width: 1024px) { .sticky-wrapper { padding-top: 85px; } .off-canvas-toggle { background-color: #138943; border-radius: 5px; padding: 10px; outline: none; -webkit-box-shadow: 13px 13px 20px rgba(0,0,0,.2); box-shadow: 13px 13px 20px rgba(0,0,0,.2); transition: all .5s linear; } .top-bar .top-bar-right .menu-btn { color: #ffffff; font-size: 20px; line-height: 0; } .off-canvas-toggle:hover { background-color: #00ae46; transition: all .5s linear; } .slider-phrase { font-size: 1.25em; } .slide-content .button { font-size: 1em; } .content-banner-content-cell { width: 95% !important; } .content-banner-image { display: none; } .content-banner-subtitle-reduced h2 { font-size: 2.5em; } .two-column-image-cell-flush-right { width: 50%; } .two-column-image-cell-flush-right img { max-width: 50%; opacity: .1; } .two-column-content-cell-flush-left { width: 100%; padding-right: 60px; left: 0px; transform: translate(0, 0); } .two-column-image-cell-flush-left img { max-width: 70%; opacity: .1; } .two-column-content-cell-flush-right { margin: 0px; padding-left: 350px; width: 100%; } .two-column-image-cell-float-right { width: 20%; padding: 60px 0px 0px 0px; } .two-column-content-cell-float-left { width: 80%; } .two-column-content-cell-float-right { padding-right: 30px; } .course-overview-cell { width: 100%; padding: 0px 0px 0px 0px; } .course-costs-cell { width: 100%; } .customer-reviews-container { width: 100%; } .blog-container { width: 100%; } .blog-banner .content-banner-subtitle-reduced h2 { font-size: 1.5em; } .blog-banner .blog-author-image { margin: 0px 0px 0px 0px; } .blog-banner .blog-author-info { margin: 5px 0px 0px 0px; } } @media screen and (max-width: 1023px) { #top-bar-menu .row { width: 100%; padding: 20px 0px 20px 45px } .top-bar-right { padding-top: 0px; } .tab-container { min-height: 875px; } .tab-text-cell { width: 60%; padding: 60px 30px 30px 10px; } .tab-image { width: 60%; padding: 30px 0px 0px 0px; } .two-column-image-cell-float-left { width: 100%; padding: 60px 0px 0px 25%; } .two-column-image-cell-float-left img { float: none; } .two-column-image-cell-float-right { width: 100%; padding: 60px 0px 0px 25%; display: block; left: 0px; } .two-column-image-cell-float-right img { float: none; } .two-column-content-cell-float-left { width: 100%; padding-left: 350px; padding-right: 60px; transform: translate(0, 0); } .two-column-content-cell-float-right { width: 100%; padding-left: 350px; padding-right: 60px; } .two-column-content-cell-banner-left { left: 0px; right: unset; width: 95%; padding-left: 330px; } .two-column-content-cell-banner-right { left: 370px; right: unset; width: 55%; } .blog-banner { left: 0px; padding: 0px 0px 0px 30px; } .sales-sheet-column-content-cell { width: 50% !important; } .sales-sheet-accordion-slider-section { padding: 60px 0px 475px 0px; } .sales-sheet-accordion-slider-left-side { width: 100%; transform: translateY(100%); margin: -270px 0px 0px 0px; padding: 60px 0px 30px 30px; } .sales-sheet-accordions { overflow-y: unset; float: unset; } .sales-sheet-accordion-slider-right-side { width: 100%; transform: translateY(-100%); } .sales-sheet-core-capabilities-section { padding: 60px 80px 60px 80px; } .sales-sheet-core-capability-content.slick-slide { padding: 0px 0px 0px 0px; } .sales-sheet-accordion-slider .slick-slide { min-height: 250px; } .sales-sheet-integration-section { padding: 60px 30px 30px 30px; } .sales-sheet-two-column-image-cell { width: 100%; transform: unset; min-height: 300px; } .sales-sheet-two-column-content-cell { width: 100%; transform: unset; min-height: 300px; } .sales-sheet-two-column-content-cell-inner { padding: 30px 30px 30px 30px; } .sales-sheet-testimonials-section { padding: 60px 70px 60px 70px; } .sales-sheet-testimonials-content { margin: 0px 10px 0px 10px; padding: 20px 10px 20px 10px; } .sales-sheet-testimonials-content:hover { margin: -20px 10px 0px 10px; box-shadow: 5px 10px 10px rgba(0,0,0,.2) } } @media screen and (max-width: 900px) { .breadcrumbs { padding: 30px 0 5px 30px; } .three-column-home-cell { padding: 20px 15px 30px 15px; } .three-column-home-cell-animated { padding: 0px 15px 30px 15px; } .content-banner-content-cell-reduced .content-banner-info { left: 30px; } .three-column-content-cell { padding: 20px 10px 0px 10px; } .three-column-content-cell-animated { padding: 30px 10px 0px 10px; } .two-column-image-cell-flush-left img { max-width: 0px; } .two-column-image-cell-flush-right { display: none; } .two-column-content-cell-flush-left { padding-right: 60px; } .two-column-content-cell-flush-left { width: 100%; } .two-column-content-cell-banner-left { padding-right: 30px; } .two-column-content-cell-banner-right { padding-right: 30px; } .two-column-image-button-site-color { padding: 10px 10px; margin: 10px 10px 0px 0px; } .two-column-image-button-transparent { padding: 10px 10px; } .special-programs-image { width: 100%; padding: 0px 0px 0px 0px; } .special-programs-information { width: 100%; padding: 30px 0px 0px 0px; } .contact-form-top-left { width: 100%; } .contact-form-top-right { width: 100%; } .contact-form-information { position: relative; width: 100%; } .perk-content-cell { width: 100%; } .perk-content-cell { padding: 2px 30px 0px 0px; } .perk-content-cell-animated { padding: 0px 30px 0px 0px; } .products-left-side { width: 100%; } .products-right-side { width: 100%; } .products-left-side { padding: 0px 30px 100px 30px; } .case-studies-section { padding: 0 30px 60px 30px; } .case-studies-subtitle h2 { font-size: 1.5em; } .sales-sheet-core-capabilities-slider { display: none; } .sales-sheet-core-capabilities { display: block; } .sales-sheet-core-capability-image { width: 100%; min-height: 150px; } .sales-sheet-core-capability-text { width: 100%; position: relative; top: unset; left: unset; padding: 80px 30px 0px 0px; } .sales-sheet-integration-left-side { width: 100%; border-right: 0px solid transparent; padding: 0px 0px 60px 0px; } .sales-sheet-integration-right-side { width: 100%; border-right: 0px solid transparent; padding: 0px 0px 0px 0px; } .sales-sheet-integration-cta-content { border-top: 0px solid transparent; } .sales-sheet-testimonials-section { padding: 60px 30px 60px 30px; } .sales-sheet-testimonials-slider { display: none; } .sales-sheet-testimonials { display: block; } .sales-sheet-testimonials-main-text { padding: 0px 30px 30px 30px; } .sales-sheet-testimonials-content { margin: 15px 0px 15px 0px; } .sales-sheet-testimonials-content:hover { margin: 15px 0px 15px 0px; box-shadow: 0px 0px 0px rgba(0,0,0,.2) } .footer__col { width: 100%; } } @media screen and (max-width: 775px) { .banner { height: 700px; } .banner-text { top: 10%; font-size: 1em; } .slide-content { top: 35%; } .main-column-title h1 { font-size: 1.5em; padding: 0; } .three-column-home-cell { width: 100%; } .column-icon { margin: 0; } .cta-title h2 { font-size: 1.5em; } #content-side-menu { display: none; } .content-banner-scroll-button { left: 48.5%; } .content-banner-section { padding: 0px 60px 100px 60px; height: auto !important; } .content-banner-content-cell { width: 100% !important; position: relative; padding: 50px 0px 0px 0px; top: 0; left: 0; transform: translate(0%); } .content-banner-content-cell-animated { padding: 30px 0px 0px 0px; } .content-banner-title h1 { text-align: center; padding: 30px 0px 0px 0px; text-align: left; } .content-banner-text { text-align: left; margin: 0px 0px 30px 0px; } .content-banner-image-button-transparent { float: none; display: inline-block; } .content-banner-image-button-site-color { float: none; display: inline-block; } .three-column-section { padding: 60px 0px 60px 0px; } .three-column-main-subtitle h3 { font-size: 1.5em; } .three-column-content-cell { width: 100%; } .three-column-icon { margin: 30px 0px 5px 0px; } .video-section { padding: 0px 30px 0px 30px; } .video-subtitle h3 { font-size: 1.5em; } .video-wrapper { padding-top: 0px; width: 100%; } .video-wrapper--16-9 { padding-bottom: 63%; } .capabilities-section { padding: 30px 0px 30px 0px;} .capabilities-main-subtitle h2 { font-size: 1.5em; } .two-column-subtitle { font-size: 1.5em; } .two-column-image-cell-flush-left { display: none; } .two-column-content-cell-flush-right { width: 100%; } .two-column-content-cell-flush-left { padding-left: 30px; } .two-column-content-cell-flush-right { padding-left: 30px; } .two-column-image-cell-float-left { width: 100%; padding: 30px 100px 0px 100px; } .two-column-image-cell-float-left img { float: none; } .two-column-image-cell-float-right { width: 100%; padding: 30px 100px 0px 100px; } .two-column-image-cell-float-right img { float: none; } .two-column-content-cell-float-left { width: 100%; padding-bottom: 30px; padding-left: 30px; } .two-column-content-cell-float-right { width: 100%; padding-bottom: 60px; padding-left: 30px; } .two-column-content-cell-banner-left { padding-left: 30px; } .two-column-content-cell-banner-right { padding-left: 30px; } .two-column-content-cell-banner-left { left: 0px; width: 95%; } .two-column-content-cell-banner-right { left: 0px; width: 95%; } .two-column-content-cell-no-image { padding-right: 30px; padding-left: 30px; } .case-studies-tiles-section { padding: 0px 0px 0px 0px; } .case-studies-tiles-information-wrapper { padding: 15px 0px 15px 0px !important; } .case-studies-tiles-logo { background-position: 50% center !important; } .case-studies-featured-quote p { font-size: 15px; line-height: 1.25; } .content-cta-subtitle { font-size: 1.5em; } .content-small-cta-section { padding: 60px 0px 60px 0px; } .content-small-cta { padding: 80px 0px 60px 0px; } .content-small-cta-animated { padding: 60px 0px 60px 0px; } .content-small-cta-section-with-image { padding: 0px 0px 60px 30px; } .content-cta-image { position: absolute; top: 30px; left: 0px; width: 100%; height: 150px; } .content-cta-information { position: relative; top: 0px; left: 0px; width: 100%; } .training-section { padding: 30px 0px 30px 0px; } .training-main-intro-text { margin: 0px 0px 30px 0px; } .interested-section { padding: 30px 0px 30px 0px; } .support-communities-section { padding: 0px 0px 0px 0px; } .support-communities-subtitle { padding: 30px 10px 30px 10px; } .support-communities-container { position: relative; padding: 0px 0px 0px 0px; } .support-communities-content-cell { padding: 0px 0px 0px 10px; } .support-community-icon { height: 40px; width: 40px; } .special-programs-section { padding: 30px 0px 0px 0px; } .perks-section { padding: 30px 0px 0px 0px; } .course-section { padding: 30px 0px 0px 0px; } .scheduled-training-section { padding: 30px 0px 0px 0px; } .customer-reviews-section { padding: 30px 0px 30px 0px; } .review-text { padding: 20px 10px 0px 10px; } .tabs-mobile { display: block; } .tabs-desktop { display: none; } .tabs-desktop-tablist { display: none; } .tab-section { padding: 0px 0px 60px 0px; min-height: auto; } .tab-container { min-height: auto; } .blog-last-ten { width: 100%; } .blog-searching { width: 100%; } .case-studies-content-cell { width: calc(100% - 10px); } .sales-sheet-column-content-cell { width: 100% !important; } .sales-sheet-column-image { height: 120px !important; } } @media screen and (max-width: 650px) { .top-bar .top-bar-right { width: auto; } .content-banner-subtitle h2 { font-size: 2em; } .two-column-image-cell-float-left { padding: 30px 10px 0px 10px } .two-column-image-cell-float-right { padding: 30px 10px 0px 10px } .content-cta-image { display: none; } .sales-sheet-integration-logo { width: 50% !important; } } @media screen and (max-width: 550px) { .training-content-cell { width: 100%; } .two-column-content-cell-banner-left .two-column-subtitle { font-size: 1.5em; } .two-column-content-cell-banner-right .two-column-subtitle { font-size: 1.5em; } .two-column-content-cell-no-image .two-column-text div { width: 100% !important; } .scheduled-training-container { padding: 0px 30px 0px 30px; } .product-information { width: 75%; } .product-left-side-title h2 { padding: 0px 0px 10px 0px; } .product-right-side-title h2 { padding: 0px 0px 10px 0px; } .product-description { margin: 0px 0px 10px 0px; } .blog-prev-next { float: unset; text-align: right; margin: 0px; padding: 5px 0px 0px 0px; } }