/* Theme Name: _bhn-master Theme URI: http://netkitchen.com/ Author: Netkitchen Author URI: http://netkitchen.com/ Description: Achievers Wordpress Theme Version: 1.1.20 License: GNU General Public License v3.0 / License URI: http://www.gnu.org/licenses/gpl-3.0.html @import 'includes/css/achievers-style.css'; @import 'includes/css/achievers-global.min.css';*/ @font-face { font-family: 'proxima_nova_ltsemibold'; src: url('includes/fonts/ProximaNova-Sbold-webfont.eot'); src: url('includes/fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/ProximaNova-Sbold-webfont.woff') format('woff'), url('includes/fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'), url('includes/fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_rgregular'; src: url('includes/fonts/ProximaNova-Reg-webfont.eot'); src: url('includes/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('includes/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'), url('includes/fonts/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'franklin_gothic_fscondensed'; src: url('includes/fonts/FranklinGothic-Cd-webfont.eot'); src: url('includes/fonts/FranklinGothic-Cd-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts/FranklinGothic-Cd-webfont.woff') format('woff'), url('includes/fonts/FranklinGothic-Cd-webfont.ttf') format('truetype'), url('includes/fonts/FranklinGothic-Cd-webfont.svg#franklin_gothic_fscondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "achievers-general"; src:url("includes/fonts/achievers-general.eot"); src:url("includes/fonts/achievers-general.eot?#iefix") format("embedded-opentype"), url("includes/fonts/achievers-general.woff") format("woff"), url("includes/fonts/achievers-general.ttf") format("truetype"), url("includes/fonts/achievers-general.svg#achievers-general") format("svg"); font-weight: normal; font-style: normal; } /* This is a small security for too long strings titles */ body { word-wrap: break-word; font-size: 18px; font-family: proxima_nova_rgregular,helvetica,arial; } /* NK added to make it fluid below 1400px */ @media (max-width: 1439px) { .site-width { width:100%; border: 0px; } .row { margin-left: 0px; margin-right: 0px; } } @media (min-width: 1440px) { .site-width { /* need to add this due to container class beign use in content*/ width: 1400px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } } /* Images and wp-captions should always fit and be responsive */ img { display: inline-block; height: auto; max-width: 100%; } img[class*="wp-image-"] { margin-top: 10px; margin-bottom: 10px; } .wp-caption { border: 1px solid #ccc; margin-bottom: 10px; max-width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 0 10px; } .wp-caption.aligncenter { margin-bottom: 10px; } .wp-caption img[class*="wp-image-"] { display: block; } .wp-caption .wp-caption-text { text-align: center; margin-top: 10px; } /*P, OL, UL { font-size: 18px; line-height: 26px; color: #333333; margin: 0 0 15px; }*/ @media (max-width: 767px) { P, OL, UL { font-size: 16px; line-height: 23px; margin: 0 0 10px; } } A { /*color: #838486; */ color: #00aaa6; -webkit-transition: color 500ms linear; -moz-transition: color 500ms linear; -ms-transition: color 500ms linear; -o-transition: color 500ms linear; } A:hover, a.dgray:hover, .btn:hover { text-decoration: none; color: #00aaa6; text-decoration: underline; } A.underline:hover { text-decoration: underline } h1,.h1, h2, .h2,h3,.h3,h4,.h4,h5, .h5,h6{/*font-family:"franklin_gothic_fscondensed",helvetica,arial;*/font-weight:bold} h1, .h1 { color: #59595b; } @media (max-width:767px){ h6{font-size:12.8px} p.h6{font-size:11.2px;font-family:"proxima_nova_rgregular",helvetica,arial} h5, .h5{font-size:17.6px} p.h5{font-size:12.8px;font-family:"proxima_nova_rgregular",helvetica,arial} h4, .h4{font-size:20.8px} p.h4{font-size:17.6px;font-family:"proxima_nova_rgregular",helvetica,arial} h3{font-size:25.6px} p.h3{font-size:20.8px;font-family:"proxima_nova_rgregular",helvetica,arial} h2, .h2{font-size:32px} p.h2{font-size:25.6px;font-family:"proxima_nova_rgregular",helvetica,arial} h1, .h1{font-size:48px} p.h1 {font-size:38.4px;font-family:"proxima_nova_rgregular",helvetica,arial} } @media (min-width:768px) and (max-width:991px){ h6{font-size:14.4px} p.h6{font-size:12.6px;font-family:"proxima_nova_rgregular",helvetica,arial} h5, .h5{font-size:19.8px} p.h5{font-size:14.4px;font-family:"proxima_nova_rgregular",helvetica,arial} h4, .h4{font-size:23.4px} p.h4{font-size:19.8px;font-family:"proxima_nova_rgregular",helvetica,arial} h3{font-size:28.8px} p.h3{font-size:23.4px;font-family:"proxima_nova_rgregular",helvetica,arial} h2, .h2{font-size:36px} p.h2{font-size:28.8px;font-family:"proxima_nova_rgregular",helvetica,arial} h1, .h1{font-size:54px} p.h1 {font-size:43.2px;font-family:"proxima_nova_rgregular",helvetica,arial} } @media (min-width:992px){ h6{font-size:16px} p.h6{font-size:14px;font-family:"proxima_nova_rgregular",helvetica,arial;line-height:1.25} h5, .h5{font-size:22px} p.h5{font-size:16px;font-family:"proxima_nova_rgregular",helvetica,arial;line-height:1.25} h4, .h4{font-size:26px} p.h4{font-size:22px;font-family:"proxima_nova_rgregular",helvetica,arial;line-height:1.25} h3, .h3{font-size:32px} p.h3{font-size:26px;font-family:"proxima_nova_rgregular",helvetica,arial;line-height:1.25} h2, .h2{font-size:40px} p.h2{font-size:32px;font-family:"proxima_nova_rgregular",helvetica,arial;line-height:1.25} h1, .h1{font-size:60px} p.h1 {font-size:48px;font-family:"proxima_nova_rgregular",helvetica,arial;line-height:1.25} } @media (max-width:767px){.space_small.top,.space-small.top{padding-top:5px} .space_small.bottom,.space-small.bottom{padding-bottom:5px} .space_medium.top,.space-medium.top{padding-top:10px} .space_medium.bottom,.space-medium.bottom{padding-bottom:10px} .space_large.top,.space-large.top{padding-top:20px} .space_large.bottom,.space-large.bottom{padding-bottom:20px} .space_xlarge.top,.space-xlarge.top{padding-top:40px} .space_xlarge.bottom,.space-xlarge.bottom{padding-bottom:40px} .space_xxlarge.top,.space-xxlarge.top{padding-top:60px} .space_xxlarge.bottom,.space-xxlarge.bottom{padding-bottom:60px} } @media (min-width:768px) and (max-width:991px){.space_small.top,.space-small.top{padding-top:10px} .space_small.bottom,.space-small.bottom{padding-bottom:10px} .space_medium.top,.space-medium.top{padding-top:20px} .space_medium.bottom,.space-medium.bottom{padding-bottom:20px} .space_large.top,.space-large.top{padding-top:45px} .space_large.bottom,.space-large.bottom{padding-bottom:45px} .space_xlarge.top,.space-xlarge.top{padding-top:60px} .space_xlarge.bottom,.space-xlarge.bottom{padding-bottom:60px} .space_xxlarge.top,.space-xxlarge.top{padding-top:75px} .space_xxlarge.bottom,.space-xxlarge.bottom{padding-bottom:75px} } @media (min-width:992px) and (max-width:1199px){.space_small.top,.space-small.top{padding-top:12px} .space_small.bottom,.space-small.bottom{padding-bottom:12px} .space_medium.top,.space-medium.top{padding-top:25px} .space_medium.bottom,.space-medium.bottom{padding-bottom:25px} .space_large.top,.space-large.top{padding-top:50px} .space_large.bottom,.space-large.bottom{padding-bottom:50px} .space_xlarge.top,.space-xlarge.top{padding-top:75px} .space_xlarge.bottom,.space-xlarge.bottom{padding-bottom:75px} .space_xxlarge.top,.space-xxlarge.top{padding-top:90px} .space_xxlarge.bottom,.space-xxlarge.bottom{padding-bottom:90px} } @media (min-width:1200px){.space_small.top,.space-small.top{padding-top:15px} .space_small.bottom,.space-small.bottom{padding-bottom:15px} .space_medium.top,.space-medium.top{padding-top:30px} .space_medium.bottom,.space-medium.bottom{padding-bottom:30px} .space_large.top,.space-large.top{padding-top:60px} .space_large.bottom,.space-large.bottom{padding-bottom:60px} .space_xlarge.top,.space-xlarge.top{padding-top:90px} .space_xlarge.bottom,.space-xlarge.bottom{padding-bottom:90px} .space_xxlarge.top,.space-xxlarge.top{padding-top:120px} .space_xxlarge.bottom,.space-xxlarge.bottom{padding-bottom:120px} } .btn{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 20px;text-transform:uppercase;text-decoration:none;white-space:normal} .btn:hover{text-decoration:none} .btn.hollow{background-color:transparent;border:2px solid} .btn.hollow.red{border-color:#ee3524;color:#ee3524} .btn.hollow.red:hover{background:#ee3524;color:white;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn.hollow.emerald{border-color:#00aaa6;color:#00aaa6} .btn.hollow.emerald:hover{background:#00aaa6;color:white;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn.hollow.gary,.btn.hollow.gray{border-color:#59595b;color:#59595b} .btn.hollow.gary:hover,.btn.hollow.gray:hover{background:#59595b;color:white;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn.hollow.white{border-color:white;color:white} .btn.hollow.white:hover{background:#eee;color:#000;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn.solid{color:white} .btn.solid.red{background-color:#ee3524} .btn.solid.red:hover{background:#f69b92;color:white;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn.solid.emerald{background-color:#00aaa6} .btn.solid.emerald:hover{background:#84d5d2;color:white;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn.solid.gary,.btn.solid.gray{background-color:#59595b} .btn.solid.gary:hover,.btn.solid.gray:hover{background:#acadae;color:white;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear} .btn-lg{padding:20px 40px} [data-icon]:before{font-family:"achievers-general" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} [class^="icon-"]:before,[class*=" icon-"]:before{font-family:"achievers-general" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-bell-circle:before{content:"e"} .icon-burger-bar:before{content:"f"} .icon-comment:before{content:"g"} .icon-copy:before{content:"h"} .icon-download:before{content:"i"} .icon-email:before{content:"j"} .icon-folder:before{content:"k"} .icon-forward:before{content:"l"} .icon-globe:before{content:"m"} .icon-light:before{content:"n"} .icon-magify-glass:before{content:"o"} .icon-pen:before{content:"p"} .icon-play:before{content:"q"} .icon-play-circle:before{content:"r"} .icon-prize-circle:before{content:"s"} .icon-rss:before{content:"t"} .icon-speaker:before{content:"u"} .icon-star:before{content:"v"} .icon-crown-circle:before{content:"x"} .icon-cloud-circle:before{content:"y"} .icon-compass-circle:before{content:"z"} .icon-openbook-circle:before{content:"A"} .icon-badge-circle:before{content:"B"} .icon-close-x:before{content:"C"} .icon-plane:before{content:"D"} .icon-giveback:before{content:"E"} .icon-utensils:before{content:"F"} .icon-ticket:before{content:"G"} .icon-visa:before{content:"H"} .icon-chevron-down:before{content:"I"} .icon-lock-circle:before{content:"J"} .icon-play-solidarrow-circle:before{content:"K"} .icon-arrow-left-circle:before{content:"a"} .icon-arrow-right-circle:before{content:"c"} .icon-arrow-up-circle:before{content:"d"} .icon-view:before{content:"w"} .icon-lock-locker-streamline:before{content:"0"} .icon-arrow-down-circle:before{content:"b"} .icon-callbell:before{content:"1"} .icon.icon-2x{font-size:2em} .icon.icon-3x{font-size:3em} .icon.icon-4x{font-size:4em} .icon.icon-5x{font-size:5em} @keyframes pulse1{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{-webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{-webkit-opacity:1;-moz-opacity:1;opacity:1} } @-moz-keyframes pulse1{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{-webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{-webkit-opacity:1;-moz-opacity:1;opacity:1} } @-webkit-keyframes pulse1{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{-webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{-webkit-opacity:1;-moz-opacity:1;opacity:1} } @-ms-keyframes pulse1{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{-webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{-webkit-opacity:1;-moz-opacity:1;opacity:1} } #fullpage-footer{background:#838486} .section{position:relative} #banner{color:white;overflow:hidden} /*@media screen and (max-width:767px){#banner{background-image:url(/sites/www.achievers.com/themes/bootstrap_brand_www/images/pages/front/banner-fallback.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} }*/ #banner video{background-size:cover;height:auto;min-height:100%;min-width:100%;position:absolute;right:0;top:0;width:auto} .icon-chevron-down{-webkit-animation:pulse1 2s linear infinite;-moz-animation:pulse1 2s linear infinite;-ms-animation:pulse1 2s linear infinite;animation:pulse1 2s linear infinite;font-size:2em} #why_it_works .col-xs-height{float:left} #why_it_works .knob .progressbar-text{font-size:40px} #why_it_works .knob svg{width:100%;height:auto;padding-bottom:5.75%} @media screen and (max-width:1199px){#why_it_works .knob .progressbar-text{width:110px;height:110px;line-height:110px;font-size:3em} } @media screen and (max-width:991px){#why_it_works .knob .progressbar-text{width:71px;height:71px;line-height:71px;font-size:2em} } @media screen and (max-width:767px){#why_it_works .knob .progressbar-text{width:80px;height:80px;line-height:80px;font-size:2em} } #customers{background-color:#eee} #customers .customer-list img{padding:15px} #request_demo{background-color:#6d298d;color:white} .footer{margin-top:0;border-top:none;background-color:#838486;color:white;padding-bottom:0; font-size: 16px;} .footer #achievers-a{width:3em} .footer h5, .footer .h5{font-weight:normal;line-height:2em;text-transform:uppercase} .footer a{color:white;text-decoration:none} .footer a:hover{color:white;text-decoration:underline} .footer #social-media a{color:white} .footer #social-media a .fa-inverse{color:#838486; overflow: hidden; max-height: 42px;} .footer #social-media a:hover{text-decoration:none;color:#59595b} .footer #social-media a:hover .fa-inverse{color:#838486} .footer .copyright{background-color:white;color:#59595b} .footer .copyright a,.footer .copyright a:hover{color:#59595b;text-decoration:none} .footer .copyright a:after{content:' - '} .footer P, .footer LI { color: #ffffff; font-size: 16px; line-height:12px; } .fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)} .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)} .ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-holder .ilightbox-container .ilightbox-social,.ilightbox-loader,.ilightbox-loader *,.ilightbox-overlay,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-thumbnails .ilightbox-thumbnails-grid,.ilightbox-toolbar{-webkit-transform:translateZ(0);-moz-transform:translateZ(0)} :root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none} .fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,body .jumbotron{line-height:inherit} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-twitter-square:before{content:"\f081"} .fa-facebook-square:before{content:"\f082"} .fa-linkedin-square:before{content:"\f08c"} .fa-linkedin:before{content:"\f0e1"} .fa-youtube-square:before{content:"\f166"} .fa-youtube:before{content:"\f167"} .fa-pinterest-square:before{content:"\f0d3"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-slideshare:before{content:"\f1e7"} .site-width.copyright { padding: 15px 0 10px 0; } .site-width.copyright a, .site-width.copyright a:hover { color: #59595b; text-decoration: none; } .site-width.copyright a:after { content: ' - '; } FOOTER .container { background: url( '/wp-content/uploads/achievers-a-white.svg') 20px 40px no-repeat ; padding-top:105px; background-size: 48px 60px; } @media(max-width:1440px) { FOOTER .container { background-position: 35px 40px; } } FOOTER .widget { float: left; width: 145px; font-size: 16px; } FOOTER .widget:first-child { width: 33.33333333333333%; } FOOTER .widget:nth-child(2),FOOTER .widget:nth-child(3), FOOTER .widget:nth-child(4) { margin-top: 20px; } FOOTER .widget:last-child { float: right; width: 160px; } @media (max-width:991px){ FOOTER .widget { width: 100% !important; margin-top: 10px; margin-bottom: 0px; } FOOTER .widget:last-child { float: left; padding-bottom: 30px; } } #social-media { min-width: 190px; } #social-media .blogIcon IMG { width: 37px; height: 37px; background: #fff; border-radius: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #social-media .blogIcon:hover IMG { background: #59595b; } .main-content-outer { padding-top: 106px } /* HEADER / Navigation */ HEADER { position:relative; display: block; height: auto; max-height:110px; background: #ffffff; } HEADER .site-width { position: fixed; top: 0; left: 0; right: 0; z-index: 2; background: #ffffff; } HEADER .logo { width: 139px; height: 40px; padding: 0px; margin: 4px 0 0 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } HEADER.shrink .logo { width: 122px; height: 35px; } .nav-row { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 0 -15px 0 -15px; padding: 12px 0px 5px 0px; } .navbar-nav { float: right; } .navbar { margin: 0px; } .nav>li>a, .navbar-default, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus { color: #838486 !important; background-color: #ffffff; border: 0px; text-transform: uppercase; line-height: 20px; font-size: 16px; font-weight: normal; } .navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav>.active>a:hover{ color: #00aaa6 !important; background-color: #ffffff; } .navbar-default .navbar-nav > .open > a:hover, .nav>li>a:hover { color: #00aaa6 !important; } .site-navigation-inner { background: #ffffff; } .navbar-default .navbar-nav LI { margin-right: 15px; } .navbar-default .navbar-nav LI:last-child { margin-right: 0px; } .navbar-nav>li>a { padding-top: 12px; padding-bottom: 15px; } .navbar-default .navbar-nav LI.nav-btn-red { margin-right: 0px; margin-left: 0px; } /* RED DEMO BUTTON */ .navbar-default LI:last-child A, #wprmenu_menu_ul LI:last-child A, .menuButton A{ background-color: #ee3524; color: #ffffff !important; border-radius: 5px; padding: 10px 20px; max-width: 165px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } HEADER.shrink .navbar-default LI:last-child A, .menuButton A { font-size: 12px; padding: 10px 8px 10px 8px; } HEADER.shrink .navbar-default UL UL LI:last-child A { font-size: inherit; padding: inherit; } HEADER.shrink .navbar-collapse { padding-right: 0px; } .navbar-default LI:last-child A:hover, #wprmenu_menu_ul LI:last-child A:hover { opacity: .7; background-color: #ee3524 !important; text-decoration: none; padding: 10px 20px; } #wprmenu_menu ul li a, #wprmenu_menu ul li a:hover{ padding: 5px 14px; } @media (max-width: 1320px) { .navbar-default .navbar-nav { min-width: 750px; } HEADER.shrink .navbar-nav { margin-right: -15px; } .navbar-default .navbar-nav LI { margin-right: 4px; } .navbar-default .navbar-nav LI:last-child { margin-left: 0px; padding-left: 25px; } .navbar-default .menu-item-657 A { font-size: 12px; padding: 10px; } .navbar-collapse { padding-left: 0px; } } /* force on 3rd level in navwalker */ ul.dropdown-menu li > ul.dropdown-menu{ left: 100%; top: 0; } ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{ display: block } ul.dropdown-menu LI:last-child A, ul.dropdown-menu LI:last-child A:hover { background-color: transparent !important; border-radius: 0px; padding: inherit; max-width: none; -webkit-transition: none; -moz-transition: none; transition: none; } /*080818 add for country*/ .menu-utility-container ul.dropdown-menu LI:last-child A { padding: 10px 15px !important; } .menu-utility-container ul.dropdown-menu LI:last-child A:hover { background-color: #eeeeee !important; color: #838486 !important; text-decoration: none !important; } HEADER { z-index: 9999; } /* drop down menus*/ .navbar-default .navbar-nav li.dropdown.open .dropdown-toggle { background: url(/wp-content/themes/bhn-master/includes/images/dropdown-open.png)center bottom no-repeat; } .navbar-default .navbar-nav li.dropdown .dropdown-menu { border: none; background-color: #00aaa6; /*-webkit-opacity: .9; -moz-opacity: .9; opacity: .9;*/ -webkit-opacity: .99; -moz-opacity: .99; opacity: .99; padding: 0; margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; box-shadow: none; } .navbar-default .navbar-nav li.dropdown .dropdown-menu li { width: 100%; border-bottom: 1px solid #84d5d2; } .navbar-default .navbar-nav li.dropdown .dropdown-menu li a { color: #fff; background: 0 0; text-transform: uppercase; text-align: center; padding: 1em 2em; } .navbar-default .navbar-nav li.dropdown.open .dropdown-menu LI.menu-item-has-children { background-image:url(/wp-content/themes/bhn-master/includes/images/dropdown-expend.png); background-position:95% center; background-repeat:no-repeat; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { } .dropdown-menu a:hover { -webkit-opacity: .7; -moz-opacity: .7; opacity: .7; } /* tertiary nav */ .tertiaryNav, .site-navigation-inner, .site-header-inner { padding-right: 0px; padding-left: 0px; } @media (min-width: 1200px) { .t-wrap.tertiaryNav.col-lg-11.col-md-12 { width: 97.2% } } @media (max-width: 1200px) { .tertiaryNav, .site-navigation-inner, .site-header-inner { padding-right: 15px; padding-left: 15px; } HEADER .logo { padding-left: 15px; } } .tertiaryNav .widget { margin: 0px; padding: 0px; } .menu-utility-container UL { float: right; list-style: none; margin-bottom: 0px; margin-right: 0px; line-height: 38px; } .menu-utility-container UL LI { float: left; } /*080818 add for country*/ .menu-utility-container UL LI UL.dropdown-menu LI { float: none; } .menu-utility-container UL LI { font-size: 15px; text-transform: inherit } .menu-utility-container UL>li>a { font-size: 15px; line-height: 18px; padding: 10px 15px; color: #838486; cursor: pointer; text-transform: inherit; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } /*080818 add for country*/ .menu-utility-container UL>li:first-child:hover { background-color: #eeeeee; } .menu-utility-container UL>li>a:hover { background-color: #eeeeee; color: #838486; text-decoration: none; } .shrink .menu-utility-container UL { line-height: 30px } .shrink .menu-utility-container UL>li>a{ padding: 5px 15px !important; } .shrink .nav-row { padding: 5px 15px 0px 15px; } .shrink .navbar { min-height: inherit; } .navbar-collapse.collapse.in .dropdown-menu { position: relative; display: block; text-align: left; float: none; } /* search pop down in tertirary */ /* 080818 changed to ID specific for country drop down .menu-utility-container UL LI:last-child a:first-child {*/ #menu-item-1063 a:first-child { display: none; } #navSearch { position: absolute; z-index: 99999; top: 37px; right: 0px; width: 200px; height: 50px; } .shrink #navSearch { top: 30px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #navSearch .well { padding: 12px 10px 12px 15px; border: 0px; background: #eeeeee; border-top-right-radius: 0px; border-top-left-radius: 0px; } #navSearch INPUT#s { outline: none; border: 1px solid #cccccc; float:left; width: 140px; background-color: #fcfcfc; font-size: 13px; padding-left: 10px; } #navSearch BUTTON.fa-search { outline: none; background: none; border: none; float:right; } /* Static Page Animations */ /* @font-face{ font-family:'franklin_gothic_fs_capsCn';src:url('/files/library/fonts/franklingothicfs_condensed_macroman/FranklinGothic-Cd-webfont.eot?v=1');src:url('/files/library/fonts/franklingothicfs_condensed_macroman/FranklinGothic-Cd-webfont.eot?#iefix&v=1') format('embedded-opentype'),url('/files/library/fonts/franklingothicfs_condensed_macroman/FranklinGothic-Cd-webfont.woff?v=1') format('woff'),url('/files/library/fonts/franklingothicfs_condensed_macroman/FranklinGothic-Cd-webfont.ttf?v=1') format('truetype'),url('/files/library/fonts/franklingothicfs_condensed_macroman/FranklinGothic-Cd-webfont.svg#franklin_gothic_fscondensed?v=1') format('svg');font-weight:normal;font-style:normal} @font-face{ font-family:'proxima_nova_rgregular';src:url('/files/library/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?v=1');src:url('/files/library/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix&=1') format('embedded-opentype'),url('/files/library/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff?v=1') format('woff'),url('/files/library/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf?v=1') format('truetype'),url('/files/library/fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular?v=1') format('svg');font-weight:normal;font-style:normal} @font-face{ font-family:'proxima_nova_ltsemibold';src:url('/files/library/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?v=1');src:url('/files/library/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?#iefix&v=1') format('embedded-opentype'),url('/files/library/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.woff?v=1') format('woff'),url('/files/library/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.ttf?v=1') format('truetype'),url('/files/library/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold?v=1') format('svg');font-weight:normal;font-style:normal} @font-face{ font-family:"achievers-general";src:url("/files/library/fonts/fontastic/achievers-general.eot?v=1");src:url("/files/library/fonts/fontastic/achievers-general.eot?#iefix&v=1") format("embedded-opentype"),url("/files/library/fonts/fontastic/achievers-general.woff?v=1") format("woff"),url("/files/library/fonts/fontastic/achievers-general.ttf?v=1") format("truetype"),url("/files/library/fonts/fontastic/achievers-general.svg#achievers-general?v=1") format("svg");font-weight:normal;font-style:normal} [data-icon]:before{ font-family:"achievers-general" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} [class^="icon-"]:before,[class*=" icon-"]:before{ font-family:"achievers-general" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*/ .icon-arrow-down-circle:before{ content:"a"} .icon-arrow-left-circle:before{ content:"b"} .icon-arrow-right-circle:before{ content:"c"} .icon-arrow-up-circle:before{ content:"d"} .icon-bell-circle:before{ content:"e"} .icon-burger-bar:before{ content:"f"} .icon-comment:before{ content:"g"} .icon-copy:before{ content:"h"} .icon-download:before{ content:"i"} .icon-email:before{ content:"j"} .icon-folder:before{ content:"k"} .icon-forward:before{ content:"l"} .icon-globe:before{ content:"m"} .icon-light:before{ content:"n"} .icon-magify-glass:before{ content:"o"} .icon-pen:before{ content:"p"} .icon-play:before{ content:"q"} .icon-play-circle:before{ content:"r"} .icon-prize-circle:before{ content:"s"} .icon-rss:before{ content:"t"} .icon-speaker:before{ content:"u"} .icon-star:before{ content:"v"} .icon-view:before{ content:"w"} .icon-crown-circle:before{ content:"x"} .icon-cloud-circle:before{ content:"y"} .icon-compass-circle:before{ content:"z"} .icon-openbook-circle:before{ content:"A"} .icon-badge-circle:before{ content:"B"} .icon-close-x:before{ content:"C"} .icon-plane:before{ content:"D"} .icon-giveback:before{ content:"E"} .icon-utensils:before{ content:"F"} .icon-ticket:before{ content:"G"} .icon-visa:before{ content:"H"} .icon-chevron-down:before{ content:"I"} .icon-lock-circle:before{ content:"J"} .icon-play-solidarrow-circle:before{ content:"K"} .icon.icon-2x{ font-size:2em} .icon.icon-3x{ font-size:3em} .icon.icon-4x{ font-size:4em} .icon.icon-5x{ font-size:5em} @keyframes pulse1{ 0%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{ -webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} } @-moz-keyframes pulse1{ 0%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{ -webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} } @-webkit-keyframes pulse1{ 0%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{ -webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} } @-ms-keyframes pulse1{ 0%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} 90%{ -webkit-opacity:0;-moz-opacity:0;opacity:0} 100%{ -webkit-opacity:1;-moz-opacity:1;opacity:1} } .page-id-638 #banner{ background-image:url(/wp-content/uploads//bg-banner.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;color:white} .page-id-638 #banner .container{ height:100%} .page-id-638 #banner .icon-chevron-down{ -webkit-animation:pulse1 2s linear infinite;-moz-animation:pulse1 2s linear infinite;-ms-animation:pulse1 2s linear infinite;animation:pulse1 2s linear infinite} #mission{ background-color:#9261aa;color:white} #values_intro{ background-image:url(/wp-content/uploads//bg-values.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;color:white} @media (min-width:992px){ .popcard-container{ min-height:250px;padding:2em;transition:all .3s ease;animation:down-bump .4s ease} .popcard-container.light{ background:linear-gradient(#eee, #eee 50%, #f26a5c 50%, #f26a5c);background-size:100% 202%} .popcard-container.dark{ background:linear-gradient(#ddd, #ddd 50%, #f26a5c 50%, #f26a5c);background-size:100% 202%} .popcard-container:hover{ background-position:100% 100%;animation:up-bump .4s ease} .popcard-container:hover .front{ display:none} .popcard-container:hover .back{ display:block} .popcard-container h4{ text-align:center} .popcard-container p{ color:white} } @media (max-width:992px){ .popcard-container{ padding:1em} .popcard-container .front,.popcard-container .back{ display:block} .popcard-container.odd{ background:#eee} .popcard-container.even{ background:#ddd} } @keyframes up-bump{ 0%{ padding-top:2em} 50%{ padding-top:1.5em} 100%{ padding-top:2em} } @keyframes down-bump{ 0%{ padding-top:2em} 50%{ padding-top:2.5em} 100%{ padding-top:2em} } /*.nav-tabs{ border-bottom:none;border:2px solid #59595b;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box} .nav-tabs>li{ padding:0;border:none;margin-bottom:0} .nav-tabs>li a{ margin-right:0;color:#838486;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box} .nav-tabs>li a:hover{ background-color:#acadae;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;color:white} .nav-tabs>li.active a,.nav-tabs>li.active a:hover,.nav-tabs>li.active a:focus{ border:none;color:white;background-color:#59595b;-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}*/ .view-leadership ul{ margin:0;padding:0} .view-leadership ul li{ list-style:none; text-align:right; } .view-leadership .leader-learnmore-button{ background:none repeat scroll 0 0;border:3px solid white;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;position:absolute;width:50px;height:50px;margin-top:-65px;margin-right:30px;text-align:center;right:0;cursor:pointer;color:white} .view-leadership .leader-learnmore-button .fa{ margin-top:8px} .view-leadership .leader-learnmore-button:hover{ -webkit-opacity:1;-moz-opacity:1;opacity:1} #people_card_wrapper{ display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1000} #people_card_wrapper #close-button{ color:white;cursor:pointer;font-size:2em} #people_card_wrapper #close-button:hover{ color:#ccc} #people_card_wrapper #people_card{ padding:2em} #people_card_wrapper #people_card .inner{ background-color:white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box} #people_card_wrapper #people_card .cover{ background-color:#f78e1e;color:white} #people_card_wrapper #people_card .cover div{ clear:both} @media (max-width:767px){ .view-leadership .people{ min-height:270px} } @media (min-width:768px){ .view-leadership .people{ min-height:365px} } /* end about page */ /*.menu-utility-container UL LI:before { content: "|"; float: right; margin-top: 5px; } .menu-utility-container UL LI:last-child::before { content: ""; }*/ /* start support tertiary dropdown menus #nav_menu-3 ul li { position: relative; margin: 0px; padding: 0px; } #nav_menu-3 ul ul { border: 1px solid #eee; background: #fff; position: absolute; margin: 0; padding: 4px 0; left: 0px; top: 30px; width: 139px; z-index: 9999; opacity: 0; display: none; } #nav_menu-3 ul li:hover ul.sub-menu { opacity: 1; display: inherit; visibility: visible; } #nav_menu-3 ul ul LI{ margin: 0px; padding: 0px; width: 100%; } #nav_menu-3 ul ul LI:before { content: " "; } #nav_menu-3 ul ul LI A{ color: #666666; font-size: 12px; line-height: 14px; margin: 0px; padding: 6px 0px 6px 6px; } #nav_menu-3 ul ul LI A:hover{ color: #0079c2 } end support tertiary dropdown menus */ /* menu mobile sizes add on to WPR menu */ @media only screen and (max-width: 967px){ .main-content-outer{ padding-top: 0px; /* padding for fixed nav bar*/ } .nav-row, .tertiary-row { display: none; } .main-content { margin-top: -6px; } #wprmenu_bar { border-bottom: 2px solid #eeeeee !important; height: 50px; } #wprmenu_bar .bar_logo{ height: 35px; } #wprmenu_menu { padding: 10px 0 20px 10px; } #wprmenu_menu.wprmenu_levels ul li { } } /* SINGLE.php template */ .img-circle { border-radius: 50%; } .img-responsive { display: block; height: auto; max-width: 100%; } .title { margin: 0px; padding: 0px; line-height: 1.1em; } .single .top-content-outer { background-size: 100% auto; background-position: center -90px; background-repeat:no-repeat; -webkit-transition: all .5s; height: 460px; } .single .top-content-outer:hover { background-size: 105% auto; background-position: center -100px; } .single .main-content-outer .mainCol{ background: #ffffff; margin-top: -200px } .single .main-content-outer .rightCol { background: #ffffff; margin-top: -200px; min-height: 440px; } .single .main-content-outer .rightCol .sidebar-padder{ margin: 70px 60px 0px 30px; border-left: 1px solid #cccccc; padding-left: 40px; padding-top: 0px; } /* single webinar */ /*.single-webinar .main-content-outer .mainCol{ margin-top: -190px } .single-webinar .main-content-outer .rightCol { margin-top: -190px; }*/ .single-webinar .top-content-outer { /*padding-top: 220px; */ background-size: 100% auto; /*background-position: 0 0 ;*/ height: auto; } .single-webinar .webinar-header .row{ background-color: rgba(0,0,0,0.5); padding: 110px 0 140px; } .single-webinar .webinar-header H1 { font-size: 75px; } .single-webinar .webinar-header H4 { padding-bottom: 30px; } .single-webinar .webinar-header P { padding-bottom: 130px; } .single-webinar .mainCol .img-circle { border: 2px solid #ccc; margin: 0 auto; max-height: 100px; margin-bottom: 10px; } .single-webinar .entry-content { margin-bottom: 50px; } .single-webinar .form_confirm { display: none; } @media only screen and (max-width: 967px){ } /* Marketo Form CSS */ .single .mktoHtmlText { color: #848689; font-family: proxima_nova_rgregular,helvetica,arial !important; } form.mktoForm, form.mktoForm .mktoFormRow, form.mktoForm .mktoFormRow .mktoFieldWrap, form.mktoForm .mktoFormRow .mktoFieldWrap .mktoHtmlText { width: 100% !important; color: #848689; font-family: proxima_nova_rgregular,helvetica,arial !important; } form.mktoForm .mktoFormRow .mktoFieldWrap .mktoHtmlText p { font-size: 16px; line-height: 22px; } .mktoFormRow h3, .rightCol h3 { color: #59595b; width: 100%; font-family: franklin_gothic_fscondensed,helvetica,arial!important; margin-top: 0px; } form.mktoForm .mktoFormRow .mktoFieldWrap label { border: none; padding-left: 0; width: 100% !important; margin-bottom: 3px; } form.mktoForm .mktoFormRow .mktoFieldWrap input, form.mktoForm .mktoFormRow .mktoFieldWrap select { min-width: 0; width: 100% !important; min-height: 2em; background-color: #fff; min-width: 320px; padding-left: .5em; border: 1px solid #848689; height: 2em; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } form.mktoForm .mktoRequiredField .mktoAsterix { padding-left: 0; display: inline; float: none; padding: 5px 5px 0 0; } .mktoForm .mktoFormCol { width: 100%; margin-bottom: 6px; } .mktoForm div.mktoButtonRow { margin-top: 15px; margin-bottom: 15px; } .mktoForm .mktoRequiredField label.mktoLabel { font-weight: normal !important; font-size: 16px; } .mktoForm .mktoGutter { height: 4px !important; } .mktoForm .mktoOffset { height: 0 !important; } /* backgorund colors */ .btn.solid.red { background-color: #ee3524; color: #ffffff !important; -webkit-transition: color 500ms linear; -moz-transition: color 500ms linear; -ms-transition: color 500ms linear; -o-transition: color 500ms linear; } .btn.solid.red:Hover { opacity: .7; text-decoration: none; } /* acheivers section backgorund colors */ #customers { background-color: #eee; } #request_demo { background-color: #6d298d; color: white; } /* Fix for header anchor for this one */ .linkAnchorDigCon { margin-top: -210px; margin-bottom: 210px; display: block; height: 0; } /* WP Gallery */ .gallery { margin-bottom: 1.5em; } .gallery a img { border: none; height: auto; max-width: 90%; } .gallery dd { margin: 0; } .gallery-caption { display: block; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Content */ .main-content-inner { /* padding-bottom: 1.5em;*/ } .hentry { margin: 0 0 1.5em; } .sticky { display: block; } .bypostauthor { display: block; } /* Here some needed widget styles * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */ .widget { margin-bottom: 2em; } .widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; } /* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. * Note: you can change the whole appearance of the search_form() function in our searchform.php */ .widget_search .search-form input[type="submit"] { display: none; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize! * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */ .comment .children { margin-left: 1.5em; } /** * Some WP Theme Repository requirements */ .sticky { } .gallery-caption { } .bypostauthor { } .entry-meta { clear: both; } /* styles since not using core font packages */ SPAN.panel-collapse { display: block; cursor: pointer; background: url(/wp-content/uploads/2016/03/sprite-panel-collapse.png) 98% -40px no-repeat; padding: 8px 15px; color: #0079c2; border-top-left-radius: 6px; border-top-right-radius: 6px; margin-top: 30px; border-bottom: 1px solid #E1E1E1; } SPAN.panel-collapse:hover { font-weight: 600; background-color: #f8f8f8 } SPAN.panel-collapse.glyphicon-chevron-down { background-position: 98% 8px; } .panelContainer .collapse.in, .panelContainer .collapse, .panelContainer .collapsing { /* border: 1px solid #E1E1E1;*/ padding: 10px; border-top: 0px; margin-top: -15px; } /* ============================== start custom nk additions ============================================ */ .img-rounded { border-radius: 8px; } /* @media (min-width: 992px) {*/ @media (min-width: 767px) { .vertBoxes { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -webkit-flex-align: center; -ms-flex-align: center; } .vertCenter { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -webkit-flex-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } } /* home page css */ @keyframes animatedBackground { 0% { background-size: 105% 105% } 100% { background-size: 100% 100%; } } @-webkit-keyframes animatedBackground { 0% { background-size: 105% 105% } 100% { background-size: 100% 100%; } } @-ms-keyframes animatedBackground { 0% { background-size: 105% 105% } 100% { background-size: 100% 100%; } } @-moz-keyframes animatedBackground { 0% { background-size: 105% 105% } 100% { background-size: 100% 100%; } } .intro { display: table; width: 100%; height: 100%; padding: 100px 0; height: 80vh; /* this was fix so viewport displays to 100% height*/ max-height: 700px; position: relative; text-align: center; color: #fff; background:#ffffff url(/wp-content/themes/bhn-master/home_anchor/rotator.php) no-repeat center bottom scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } @media(min-width:1440px) { .intro { animation: animatedBackground 3s linear 1; -ms-animation: animatedBackground 3s linear 1; -moz-animation: animatedBackground 3s linear 1; -webkit-animation: animatedBackground 3s linear 1; } } .intro .intro-body { display: table-cell; vertical-align: middle; position: relative; } .intro .intro-body .intro-text { margin: 0 auto !important; float: none; } .intro .intro-body .intro-text H1{ margin-bottom: 10px; margin-top: -4%; } .intro .intro-body .intro-text H2{ margin-top: 0px; font-weight: 400; } @media(min-width:980px) { .blueBulb{ padding-top: 40px; } } @media(min-width:768px) { .intro { padding: 0; } } .iconSprite{ background:#ffffff url(/wp-content/uploads/2016/02/sprite-icons.png) no-repeat 0 0; width: 195px; height: 195px; } .orangeIcon{ background-position:0 -290px ; } .greenIcon{ background-position:0 -577px ; } .pressDateHome { padding: 12px 7px 20px 0px ; font-size: 16px; line-height: 30px; } .pressTitleHome { padding: 7px; padding-bottom: 10px; padding-top: 15px; font-size: 20px; color: #58585a; } .pressTitleHome a { color: #58585a; display: block; } .home #newsAll DIV, .home #blogAll DIV { margin-bottom: -25px; } .pressTitleHome :hover { color: #0079c2; } .pressClear { clear: both; border-top: 1px dotted #eeeeee; margin-top: 5px; padding-bottom: 10px; } .pressClear:last-child { border-top: 0px dotted #eeeeee; padding-bottom: 0px; } @media(max-width:640px) { .iconSprite{ background:#ffffff url(/wp-content/uploads/2016/02/sprite-icons.png) no-repeat 0 0; width: 100px; height: 100px; background-size: 100px 402px; } .orangeIcon{ background-position:0 -145px ; } .greenIcon{ background-position:0 -290px ; } .pressTitleHome { font-size: 16px; } } /* Button css */ .btn-default { .btn-default color: #333; background-color: #fff; border-color: #ccc; } SPAN.btn-default A { text-decoration: none; } SPAN.btn.btn-default.gray.hollow A:hover { color: #ffffff !important } /* used on home page */ .flexslider .btn { font-size: 16px !important; padding: 10px 20px !important; text-transform: none; margin: 0 5px !important; } .btn.purple, .btn.purple A { background: #6f238f; color: #ffffff !important; text-decoration: none; background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear; } .btn.purple:hover, .btn.purple A:hover { opacity: .7 } /* ta comment out 11.17, see if messes anyting .btn-small { border: 0px; color: #ffffff; font-size: 14px; border-radius: 6px; padding: 8px 47px 6px 40px; margin: 5px 0px; transition: none !important; background: url(/wp-content/uploads/2016/02/sprite-buttons.png) 95% -13px no-repeat; } .btn-small:hover, .btn-small:focus { background-position: 95% -123px; color: #ffffff; } .btn-green { background: url(/wp-content/uploads/2016/02/sprite-buttons.png) right -111px no-repeat } .btn-purple { background: url(/wp-content/uploads/2016/02/sprite-buttons.png) right -222px no-repeat }*/ @media(max-width:920px) { .btn-green { background-position: right -114px; } } /* main image sizing*/ .prodImgBig { /*max-width: 400px; max-height: 400px; height: auto; width: auto;*/ } .prodImgSm { max-width: 200px; max-height: 200px; height: 100%; width: 100%; } @media(max-width:1200px) { .prod5x4Img { width: 100%; height: auto; max-width: 400px; max-height: 400px; } } @media(max-width:767px) { .home .logoGrid p-b-4{ padding-bottom: 10px !important } .home .logoGrid .p-t-4 { padding-top: 10px !important } .home .col-sm-10.col-sm-offset-1.p-t-9 { padding-top: 40px; } .home H2.green.text-uppercase{ margin-top: -10px; } } @media(max-width:640px) { .prodImgBig { width: 40%; height: auto; } /*.prodImgTall { height: 40%; width: auto; }*/ } @media(max-width:480px) { .prodImgBig { width: 50%; height: auto; } /*.prodImgTall { did not really work height: 60%; width: auto; }*/ } /* LINES CSS - animate css */ .rightAnimate, .leftAnimate, .fadeIn, .hideFlow, .fadeInLeftBig, .fadeInRightBig, .vertCenter{ overflow: hidden; } .lineWrapper { margin: -20px 0 0px 270px; min-height: 160px } .vertLine { width: 1px; border-left: 1px solid #acacac; min-height: 80px; } .horzLine { height: 1px; border-top: 1px solid #acacac; max-width: 378px; } .altVertLine { margin-left: 377px; } .shortLine .horzLine { max-width: 369px } .shortLine .altVertLine { margin-left: 368px; max-height: 60px; min-height: 60px } @media(max-width:1440px) { /* for animated lines*/ #products .row { background: #ffffff; } .horzLine { max-width: 320px } .altVertLine { margin-left: 319px; } .shortLine .horzLine { max-width: 299px } .shortLine .altVertLine { margin-left: 298px; max-height: 60px } } @media(max-width:1330px) { .lineWrapper { display: none; } } @media(max-width:1200px) { /* for animated lines*/ .horzLine { max-width: 300px } .altVertLine { margin-left: 299px; } .shortLine .horzLine { max-width: 209px } .shortLine .altVertLine { margin-left: 208px; } } .circular { border-radius: 50% !important } /* LEADERSHIP PAGE */ .page-leadership-team .circular { border: 1px solid #0079c2 } @media(max-width:767px) { /* for orange lines*/ .page-leadership-team .circular { max-width: 200px; } .page-leadership-team .vertCenter { border-top: 1px solid #eeeeee } .page-leadership-team .vertCenter:first-child { border-top: none; } .page-leadership-team .text-right { text-align: left; } .page-leadership-team IMG.circular { /* margin-left: 40px; */ } } /* CONTACT US PAGE */ .page-contact-us .grid-item { text-align: left; padding: 20px; width: 350px; font-size: .9em; } .page-contact-us .grid-item P{ font-size: 1em; line-height: 1.6em; } .page-contact-us .grid-item P:first-child{ font-size: 1.4em; line-height: 1.4em; } /* PRODUCT PAGE */ .shipBack { position: relative; } .shipBack::after { content: ""; background: url(/wp-content/uploads/2016/02/icon-big-spaceship.png) 0 0 no-repeat; background-size: 436px 436px; opacity: 0.25; top: 50px; left: 190px; bottom: 0; right: 0; position: absolute; z-index: -1; height: 436px; width: 436px; } .backBlue { background: #99c9e7; padding-bottom: 220px; } .backGreen { background: #dfe5a6; padding-bottom: 220px; } .backBlue P, .backGreen P { color: #757679; } .backBlue H3, .backBlue H2 { color: #0079c2 } .backGreen H3, .backGreen H2 { color: #afbd21 } A.brandLogo { background: url(/wp-content/uploads/2016/05/sprite-icon-gift-cards.png) 0 0px no-repeat; height: 90px; display: block; text-indent: -2999px; } A.giftCardMall { background-position: 0 0px; } A.giftCards{ background-position: 0 -264px; } A.giftCardLab{ background-position: 0 -154px; } A.cardpool{ background-position: 0 -409px; } A.reloadIt{ background-position: 0 -510px; } A.payPower{ background-position: 0 -615px; } A.bhEngagement{ background-position: 0 -703px; } A.omniCard{ background-position: 0 -817px; } A.nimbleCommerce{ background-position: 0 -928px; } A.incentiveCardLab{ background-position: 0 -1006px; } A.achievers{ background-position: 0 -1100px; } A.bhswoosh{ background: url(/wp-content/uploads/2016/03/icon-swooshes.png) 0 0px no-repeat; background-size: 95px auto ; line-height: 1.3em; font-style: italic; height: 70px; display: block; text-align: left; padding:19px 0 5px 105px; } /*.giftDigIcons { margin-top: -250px; } */ .blue3Icons { margin-top: -165px; } /* PRODUCT PAGE */ .gearBack{ position: relative; } .gearBack::after { content: ""; background: url(/wp-content/uploads/2016/02/icon-big-gears.png) 0 0 no-repeat; background-size: 556px 522x; opacity: 0.25; top: 10px; bottom: 0; right: 40px; position: absolute; z-index: -1; height: 556px; width: 550px; } .single-post .container .entry-meta .posted-on { display: none; } .single-post .container .entry-meta .byline { display: none; } .single-post .container footer.entry-meta { display: none; } /* Grid */ .grid-item { /* width: 329px;*/ width: 350px; border: 1px solid #cccccc; /* margin-bottom: 20px; margin-right: 20px;*/ margin-bottom: 25px; margin-right: 25px; text-align: center; /* border-radius: 10px;*/ } .grid-item .wp-post-image { border: 0px solid #ffffff; border-bottom: 0px; max-width: 348px; /*border-top-left-radius: 10px; border-top-right-radius: 10px;*/ } .grid-item SPAN.lcp_title{ display: block; padding: 20px 35px; font-size: 18px; } .grid-item SPAN.lcp_date{ display: block; padding: 5px 15px 5px 15px; font-size: 14px !important; /* background: #efefef; */ text-transform: capitalize; color: #888888; /*border-bottom-left-radius: 10px; border-bottom-right-radius: 10px*/; } .grid-item SPAN.award_title{ display: block; padding: 25px 25px 0px 25px; font-size: 18px; color: #0079c2; } .grid-item SPAN.award_description{ display: block; padding: 0 25px 25px 25px; font-size: 16px; color: #757679; } /* solutions page */ .animateHands { margin: 80px 0 0 -39%; } @media only screen and (max-width: 1400px) { .animateHands { margin: 80px 0 0 -30%; } } @media only screen and (max-width: 1175px) { .animateHands { margin: 80px 0 0 -20%; } } @media only screen and (max-width: 767px) { .animateHands { margin: 0px; max-width: 400px; } .xsHide { display: none; } } /* company page timline responsive CSS */ @media only screen and (max-width: 1050px) { .timeLine IMG { max-width: 300px; } .timeLine .time07 IMG{ max-width: 400px; } .timeLine IMG.splitLine { max-width: 875px; padding-left: 62px; } } @media only screen and (max-width: 922px) { .timeLine IMG { max-width: 200px; } .timeLine .time07 IMG{ max-width: 300px; } .timeLine IMG.splitLine { max-width: 615px; padding-left: 40px; } .timeLine IMG.splitVertLine { max-height: 475px; } .timeLine IMG.splitVertLine2 { max-height: 400px; } } @media only screen and (max-width: 670px) { .timeLine IMG { max-width: 170px; } .timeLine IMG.splitLine { max-width: 520px; padding-left: 80px; } .timeLine IMG.splitVertLine { max-height: 400px; } .timeLine IMG.splitVertLine2 { max-height: 300px; } } @media only screen and (max-width: 670px) { .timeLine { display: none } } /* blog */ /*.group-blog LEGEND { width: auto; border: 0px; margin: 0px 0px 0px 20px; padding: 5px; font-size: 14px; text-transform: uppercase; } .group-blog FIELDSET { border: 1px solid #cccccc; border-radius: 6px; margin-bottom: 30px; padding-bottom: 15px; }*/ .page-template-page-resource FIELDSET LEGEND { margin-bottom: 0px; } /*.group-blog #all, .group-blog #awards, .group-blog #community{ padding-left: 3%; } */ #blogFilters { margin: 5px 0 10px 0; } #blogFilters LI { float: left; display: inline-block; margin: 5px 0 10px 0; } #blogFilters LI A.btn { margin: 0 22px 0 0; border: 0px; font-size: 16px; color: #838486; } .page-template-page-resource .lcp_title A { color: #838486; } #blogFilters LI A.btn:hover,.page-template-page-resource .lcp_title A:hover { color: #00aaa6; } #blogFilters LI A.btn:focus, #blogFilters LI A.btn:active { background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } @media only screen and (max-width: 767px) { .page-id-6814 FIELDSET, .page-id-6814 #blogSearchForm { display: none; } } .grid-item .lcp_title A { display: block; } /* leadership page */ /* press page */ .pressContainer { padding-bottom: 90px; } .dropdown-select > option { background: #f2f2f2; } .pressDate { width: 15%; float: left; padding: 9px 7px 9px 0px ; min-width: 180px; text-transform: uppercase; font-size: 12px; } .pressTitle { width: 80%; float: left; padding: 7px; padding-bottom: 10px; } .page-id-7174 table tr td { padding: 10px; font-size: 20px; line-height: 28px; color: #848689; } /* news select list */ BODY.news .postDate { display: none; } .menu-news-years-container { position: relative; } .menu-news-years-container .news-menu { position: absolute; top: 51px; right: 115px; z-index: 1 } .menu-news-years-container .news-menu SELECT{ padding: 8px 40px 8px 15px; border-radius: 4px; color: #848689; font-size: 14px; outline: none; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ } div.blogSearchResult article { width: 329px; /* border: 1px solid #cccccc; */ margin-bottom: 20px; margin-right: 20px; text-align: center; border-radius: 10px; } div.blogSearchResult article h1 { font-size: 16px !important; line-height: 22px; padding: 0 15px; } div.blogSearchResult article P { font-size: 14px !important; line-height: 20px; padding: 0 15px 20px 15px; } /* site search results page css */ .search-results H1, .search-results .h1 { text-transform: inherit; font-size: 30px; line-height: 36px; } .search-results P, .search-results OL,.search-results UL { font-size: 16px; } .search-results ARTICLE .entry-meta { display: none; } /* end search results page css */ /* blog search form css */ #blogSearchForm INPUT{ float: right; } #blogSearchForm INPUT#s { float: right; max-width: 145px; height: 32px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border: 1px solid #cccccc; border-right: 0px; outline:0px !important; padding-left: 10px; font-size: 16px; } #blogSearchForm INPUT#blogSearchFormSubmit { font-size: 12px; text-transform: uppercase; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #cccccc; background: #efefef; } /* end blog searc form css */ .page-id-8078 img { max-width: 190px; width: auto; margin-bottom: 0px !important; } /* ============================== end custom nk additions ============================================== */ /* == Quick CSS styling tips == You can start off in a rough direction with some minimal styles. See below for some tips. ;) == Want to have the whole site wrapped? == Just fill the .container class with some background color to have a the whole site "wrapped". This works so easy because every main part is wrapped only once into a container class by bootstrap. Try out by decommenting the next line and go from there. .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; } == Want to wrap just the content and sidebar in Bootstrap style? == That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes. In this case, we will add just one CSS class "panel", look for example at the beginning in content.php! == Infinite Scrolling by Jetpack == You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html.. /* Globally hidden elements when Infinite Scroll is supported and in use. * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */ /* .infinite-scroll .page-links, .infinite-scroll.neverending .site-footer { display: none; } */ /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ /* .infinity-end.neverending .site-footer { display: block; } */ #to_top_scrollup { border-radius: 100%; } .btn-circle-home { width: 45px; height: 45px; /* border: 2px solid #fff; */ border-radius: 100%!important; color: #fff; position: absolute; bottom: 20px; left: 48%; opacity: .5; background: #bfbfbf url(/wp-content/uploads/2016/03/sprite-panel-collapse.png) no-repeat 9px -90px; text-indent: -2999px; text-decoration: none !important; } .btn-circle-home:hover { opacity: .9; background: #000000 url(/wp-content/uploads/2016/03/sprite-panel-collapse.png) no-repeat 9px -90px; } @media (min-width: 768px) { .page-home .site-navigation .container { padding-bottom: 0px; } } .grid-item.safariOLD { height: 225px; overflow: hidden; line-height: 16px } .grid-item.safariOLD .wp-post-image, .grid-item.safariOLD IMG { height: 110px; width: auto; border-radius: 0px; } .grid-item.safariOLD .lcp_title A, .grid-item.safariOLD .award_description, .grid-item.safariOLD SPAN.award_title, .grid-item.safariOLD SPAN.award_description{ font-size: 12px; } .grid-item.safariOLD SPAN.lcp_date { position: absolute; bottom: 0px; width: 100%; } @media(max-width:400px) { .menu-news-years-container .news-menu { top: 145px !important; left: 18px; } } @media print { BODY,HTML{ margin:0px; padding:0px; } header,footer,.prevPage{ display:none; } img.logo{ width:140px; height:auto; margin:0px; } #content:before{ visibility:visible; content:url(/wp-content/uploads/2017/11/achievers-logo-139x40.png); } H1.postTitle, .h1.postTitle{ font-size:35px; line-height:42px; margin-top:0px; } @page{ size:auto; margin:20mm 20mm 15mm 20mm; } .hideAnimate{ opacity:1; } .showAnimate{ opacity:1; } } .leaderBox { min-height: 300px; } /* resourrce page css - .page-template-page-resource */ .page-template-page-resource .metaslider .flexslider ul { margin: 0px; margin-top: } .page-template-page-resource .metaslider .caption-wrap { bottom: inherit; top: 0; min-height: 400px; opacity: 1; background: none; } .page-template-page-resource .metaslider LI { background: #000000 } .page-template-page-resource .metaslider .flex-control-nav LI { background: none; overflow: hidden; } .page-template-page-resource .metaslider LI img { opacity: .5; text-align: center; min-height: 400px; width: auto; } @media(max-width:1200px) { .page-template-page-resource .metaslider LI img { margin-left: -20% !important; } } .page-template-page-resource .metaslider .caption-wrap .caption{ text-align: center; color: #ffffff; } .page-template-page-resource .metaslider .caption-wrap .caption H1, .page-template-page-resource .metaslider .caption-wrap .caption P { color: #ffffff !important; } .page-template-page-resource .metaslider P.type { text-transform: uppercase; padding-top: 15px; font-weight: bold; opacity: .7; letter-spacing: 1px; } .page-template-page-resource .metaslider P.excerpt { margin-bottom: 25px; text-shadow: 1px 1px 44px #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .page-template-page-resource .metaslider H1 { font-size: 50px; line-height: 56px; text-shadow: 1px 1px 44px #666666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page-template-page-resource .metaslider P.cta A { background-color: #ee3524; color: #ffffff !important; border-radius: 5px; padding: 10px 20px; max-width: 165px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .page-template-page-resource .metaslider P.cta A:hover { text-decoration: none; opacity: .7; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .page-template-page-resource .metaslider .flex-control-nav{ bottom: 5px; z-index: 9999999; } .page-template-page-resource .metaslider .flex-control-paging li a { width: 21px; height: 21px; border: 1px solid #666666; background: rgba(255,255,255,0.3) } .page-template-page-resource .metaslider .flex-control-paging li a:hover { width: 21px; height: 21px; border: 1px solid #666666; background: rgba(255,255,255,0.3) } .page-template-page-resource .metaslider .flex-control-paging li a.flex-active { border: 1px solid #cccccc; background: #ee3524 } .page-template-page-resource .metaslider .flex-direction-nav A { opacity: .3; } .page-template-page-resource .metaslider .flex-direction-nav A:hover { opacity: .9; } .page-template-page-resource #blogSearchForm INPUT#blogSearchFormSubmit { padding: 7px 5px 6px 5px; } .page-template-page-resource .input-group #searchsubmit { border: 0px; color: #b5e6e4; font-size: 12px; border-radius: 6px; padding: 8px 10px 9px 10px; /* margin: 5px 0px; */ transition: none !important; background: #47c0bc; white-space: nowrap; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #searchsubmit:hover, #searchsubmit:focus { color: #ffffff; } /* start added by nj 10-29.16 for masonry */ .blogcat .lcp_catlist.grid .grid-item { float: left !important; display: inline-block !important; max-height: 325px !important; min-height: 325px !important; overflow: hidden !important; width: 275px !important } .blogcat .lcp_catlist.grid .grid-item SPAN.lcp_title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-bottom: 0px !important; margin-bottom: 10px; overflow: hidden; } /* end of this block */ .blogcat .lcp_catlist.grid .grid-item SPAN.lcp_type { font-weight: bold; color: #b5e6e4; font-size: 13px; padding: 5px; text-transform: uppercase; background: #47c0bc; width: 100%; display: block; } .blogcat .lcp_catlist.grid .grid-item SPAN.lcp_date { opacity: .6 } .blogcat .lcp_catlist.grid .grid-item IMG{ height: 150px; object-fit: cover; } .resource-grid-item .post { max-width: 300px !important; /* float: left; */ border: 1px solid #666 !important; border-radius: 10px !important; padding: 10px !important; margin: 10px !important; } .resource-grid-item .post h1 { font-size: 24px !important; } .pager li { display: none; } /* end added by nj 10-29.16 for masonry */ /* start added by nj 11.11.16 for masonry */ /* MEDIA */ .lcp_catlist.grid .ach-media { padding: 10px 20px !important; } .lcp_catlist.grid .ach-media span { padding: 20px !important; text-align: center !important; } .lcp_catlist.grid .ach-media .lcp_title a { font-size: 24px !important; line-height: 26px !important; font-weight: bold !important; color: #00aaa6 !important; /*margin-bottom: -20px !important;*/ } .lcp_catlist.grid .ach-media SPAN.lcp_date { background: #fff !important; font-size: 16px !important; text-transform: capitalize !important; padding: 0px 20px 10px 20px !important; } .lcp_catlist.grid .ach-media SPAN.lcp_source { background: #fff !important; font-size: 14px !important; text-transform: capitalize !important; padding: 0px 20px 20px 20px !important; text-align: left !important; } .lcp_catlist.grid .ach-media SPAN.lcp_content{ padding: 0px 0px 20px 0px !important; display: block } .lcp_catlist.grid .ach-media SPAN.lcp_content OBJECT{ display: none } .lcp_catlist.grid .ach-media SPAN.lcp_content P{ text-align: center !important; padding: 0px 7px 0px 7px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .lcp_catlist.grid .grid-item.ach-media .wp-post-image { max-width: 288px; margin-bottom: 10px; margin-top: 10px; max-height: 170px; height: auto; width: auto; } .lcp_catlist.grid .ach-media .readMore a { font-size: 16px !important; border: 1px solid #00aaa6 !important; border-radius: 5px !important; padding: 10px 20px !important; color: #00aaa6 !important; margin: 0 auto !important; } .lcp_catlist.grid .ach-media .readMore a:hover { font-size: 16px !important; border: 1px solid #00aaa6 !important; border-radius: 5px !important; /* padding: 10px 20px !important;*/ color: #fff !important; background: #00aaa6 !important; text-decoration: none !important; } /* PRESS */ .lcp_catlist.grid .ach-press { padding-bottom: 20px !important; } .lcp_catlist.grid .ach-press .lcp_title a { font-size:18px !important; line-height: 24px !important; font-weight: bold !important; color: #00aaa6 !important; margin-bottom: -20px !important; } .lcp_catlist.grid .ach-press .lcp_date { background: #fff !important; font-size: 14px !important; padding-bottom: 30px !important; text-transform: capitalize !important; } .lcp_catlist.grid .ach-press .readMore a { font-size: 16px !important; border: 1px solid #00aaa6 !important; border-radius: 5px !important; padding: 10px 20px !important; color: #00aaa6 !important; } .lcp_catlist.grid .ach-press .readMore a:hover { font-size: 16px !important; border: 1px solid #00aaa6 !important; border-radius: 5px !important; padding: 10px 20px !important; color: #fff !important; background: #00aaa6 !important; text-decoration: none !important; } /* AWARDS */ .lcp_catlist.grid .ach-awards { padding-bottom: 20px !important; text-align: left !important; padding-top: 20px; } .lcp_catlist.grid .ach-awards .lcp_title { font-size: 22px !important; line-height: 26px !important; font-weight: bold !important; color: #000 !important; margin-bottom: -10px !important; padding: 20px !important; } .lcp_catlist.grid .ach-awards p { text-align: left !important; padding: 0px 20px 20px 20px !important; } /* =================== start customer single post styles ============================= */ .single-customer .top-content-outer { height: 200px; padding-top: 100px; } .customer-sidebar { border: 1px solid #acadae; padding: 20px; margin-top: 60px; margin-right: 20px; margin-bottom: 40px; } .customer-sidebar p { font-size: 22px;; line-height: 30px ; } .single-customer .page-title { display: none; } .single-customer .challenge, .red { color: #ee3524 !important; } .single-customer .solution, .purple { color: #6d298d !important; } .single-customer .result, .green { color: #00aaa6 !important; } .single-customer .cust-post-top-gray { background: #ddd; height: auto; margin-bottom: 100px; padding-top: 40px; padding-bottom: 160px; } .grey { color: #57585b !important; } .circlePurple { border: 1px solid #6d298d; border-radius: 50%; padding: 28% 0; font-size: 30px; color: #6d298d; font-weight: bold; margin: 10%; white-space: nowrap; text-align:center } .circlePurpleBig { border: 1px solid #6d298d; border-radius: 50%; padding: 35% 0; font-size: 30px; line-height: 28px; color: #6d298d; font-weight: bold; white-space: nowrap; text-align:center } .circlePurpleBig .grey { font-size: 16px; font-style: italic; line-height: 20px; } .single-customer .cust-post-top-gray img { width: 20%; margin: 3%; } .single-customer .main-content-outer .mainCol{ background: #ffffff; margin-top: -200px } .single .main-content-outer .rightCol { background: #ffffff; margin-top: -200px; min-height: 440px; } .single .main-content-outer .rightCol P, .single .main-content-outer .rightCol LI { color: #59595b } .single-customer .video-sidebar { margin-top: 60px; margin-bottom: 0px; margin-right: 20px; } .single-customer .video-sidebar A { border: 1px solid #acadae; padding: 4px; display: block; max-width: 290px; margin-bottom: -20px; } .single-customer .video-sidebar A:before { content: "K"; font-family: "achievers-general" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 70px; position: absolute; top: 100px; width: 80%; text-align: center; color: #ffffff; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; max-width: 290px; } .single-customer .video-sidebar:hover A:before { color: #ee3524 !important; } @media (max-width: 767px) { .single-customer .video-sidebar A:before { top: 50px; } .single-customer .rightCol { padding-left: 40px; } .modal .photo { float: none !important } } /* =================== customer page video boxes page-id-642 ============================= */ .video, .video A { background: #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .video A IMG { padding: 0; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; display: block; line-height: 1.428571429; background-color: #fff; border-radius: 4px; opacity: .7 } .video .videoTitleOver { position: absolute; pointer-events: none; width: 100%; padding-top: 25px; color: #ffffff; font-size: 20px; text-shadow: 1px 1px 11px #000; } .video .videoTitleOver P.icon.icon-play-solidarrow-circle { font-size: 42px; text-shadow: 1px 1px 11px #000; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .video:hover .videoTitleOver P.icon.icon-play-solidarrow-circle { color: #ee3524 !important; text-shadow: 0px 0px 0px #000; } @media (max-width: 991px) { .page-id-642 .customer-testimonial { min-height: 190px; } .page-id-642 .customer-testimonial IMG { min-height: 110px; } } @media (max-width: 600px) { .page-id-642 .customer-testimonial { min-height: 165px; } } /* =================== start press single post styles ============================= */ .single-press .top-content-outer { height: 200px; } .single-press .main-content-outer .mainCol { margin-top: 0px; } .single-press .press-widget-wrap { border: 1px solid #383838; padding: 10px; padding-top: 0px; margin-top: 60px; margin-bottom: 20px; } .single-press .press-widget-wrap p { margin-top: 10px; font-size: 14px; line-height: 18px; } .single-press .press-widget-wrap h3 { color: #fff; background: #00aaa6; font-size: 18px; line-height: 22px; margin: 0 -10px 20px -10px; padding: 10px; display: block; } .single-press .press-widget-wrap SPAN.h3 { color: #fff; background: #00aaa6; font-size: 18px; line-height: 22px; margin: -10px -10px 20px -10px; padding: 10px; display: block; } .single-press .press-widget-wrap img { border-radius: 50%; width: 100px; height: 100px; } /* =================== awards page ============================= */ .page-template-page-awards .lcp_catlist.grid .ach-awards p { font-size: 16px; line-height: 24px; } /* =================== events page ============================= */ .page-id-639 .grid-item .wp-post-image { max-width: 361px; width: 100%; margin-bottom: -100px; height: 165px; object-fit: cover; } .page-id-639 .icon.icon-play { font-size: 2em; color: #59595b; background: #ffffff; padding: 22px; border-radius: 42px; padding: 23px 20px 9px 24px; pointer-events:none; opacity: .8; } .page-id-639 .icon.icon-play:before { pointer-events:none; opacity: .8; } .page-id-639 .grid-item H4.lcp_title { margin-top: 75px; margin-bottom: 15px; } .page-id-639 .grid-item H4.lcp_title A { outline: 0; color: #00aaa6; } .page-id-639 .grid-item .lcp_excerpt { text-align: left; padding: 0 20px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .page-id-639 .lcp_catlist.grid .grid-item SPAN.lcp_date { opacity: .6; margin-bottom: 10px; } .page-id-644 .breadcrumb { /* margin-top: 150px !important;*/ } .page-id-644 .openpositions { display: none !important; } /* careers listing page 643 */ .page-id-643 .openpositions { /* margin-top: 106px !important; margin-bottom: -120px !important;*/ } @media (max-width: 767px) { .page-id-643 .list-unstyled .col-sm-6, .page-id-643 .list-unstyled .col-sm-2, .page-id-643 .list-unstyled .col-sm-4, .page-id-644 .list-unstyled .col-sm-6, .page-id-644 .list-unstyled .col-sm-2, .page-id-644 .list-unstyled .col-sm-4 { display: block; width: 100%; } .page-id-643 .list-unstyled .col-sm-2.text-right, .page-id-644 .list-unstyled .col-sm-2.text-right { text-align: left; } .page-id-643 .list-unstyled .col-sm-4, .page-id-644 .list-unstyled .col-sm-4 { margin-bottom: 20px; } } #metaslider_container_1066 .caption-wrap { background: transparent !important; opacity: .9 !important; text-shadow: #000; } .speakerboth-container { width: 100%; } .speaker1-container { float: left; display: inline; text-align: center; padding: 20px 40px 0 40px; width: 45%; } .speaker2-container { float: right; display: inline; text-align: center; padding: 20px 40px 0 40px; width: 45%; } #conferences-list .counter { text-indent: -2222px; } #conferences-list .title a:hover { text-decoration: none !important; } /* webinar/become-high-performance-employer/ customizations */ .postid-2181 .webinar-header h4 { display: none !important; } .postid-2181 .mktoForm .mktoButtonWrap.mktoPaperMashup BUTTON:after { content: "Watch Now" !important; font-size: 18px; !important } .postid-2181 .mktoButtonWrap BUTTON { font-size: 0px !important; } /* fix header demo button wrap */ @media (min-width: 1200px) { HEADER .col-lg-8 { width: 70%; } } @media (max-width: 1199px) and (min-width: 840px) { .nav>li>a { padding: 10px 7px; } } /* ADA related chagned 12/5/17 nkTa */ .adaHide { display: none; } #wprmenu_bar .wprmenu_icon em { color: #cccccc; font-size: 26px; line-height: 20px; } .tealButton A { background-color: #00bbbb; color: #ffffff !important; border-radius: 5px; padding: 6px 15px !important; max-width: 165px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .tealButton A:hover { background-color: #00bbbb !important; opacity: .7 } div.pp_overlay{ z-index: 9999 !important } FOOTER .site-footer-inner:last-child { float: right; } FOOTER .site-footer-inner:nth-child(2), FOOTER .site-footer-inner:nth-child(3), FOOTER .site-footer-inner:nth-child(4) { max-width: 140px; } .footer .site-footer-inner UL { list-style: none; margin: 15px 0 0 0; padding: 0px; } .footer .site-footer-inner UL LI { margin: 0 0 15px; } @media (max-width:991px) { FOOTER .site-footer-inner:last-child { float: left; padding-bottom: 30px; } } .footer .site-footer-inner UL LI.saleslink:before { content: "Sales - "; padding-right: 5px; color: #ffffff; } .footer .site-footer-inner UL LI.supportlink:before { content: "Support - "; padding-right: 5px; color: #ffffff; } .footer .site-footer-inner UL LI.contactlink A { font-family: "franklin_gothic_fscondensed", helvetica, arial; font-size: 22px; font-weight: normal; line-height: 2em; text-transform: uppercase; text-decoration: none; cursor: default; } .footer .site-footer-inner UL LI.phonelink A, .footer .site-footer-inner UL LI.phonelink A:hover { text-decoration: none; cursor: default; }