/* /* /* Bronto Bones // A Bronto Wordpress Boilerplate // v1 - 2015 /*------------------------------------------------------------------ [Table of contents] [1] Global CSS 1.1 - Text styles 1.2 - Links 1.3 - Buttons 1.4 - Colors 1.5 - Images (rounded) 1.6 - Forms 1.7 - Videos [2] Top Nav 2.1 - Alert Banner 2.2 - Desktop Nav 2.3 - Main Logo 2.4 - Primary Nav ( Contact Us & Sign In) 2.5 - Tablet Nav 2.6 - Mobile Nav 2.7 - Dropdown "footer" 2.8 - Offside Mobile Nav [3] Footer 3.1 - Footer 3.2 - Email Signup 3.3 - Mini Footer [4] LivePerson / Contact Us 4.2 - Liveperson Chat [5] Heroes [6] Panes & Sections [7] Tabs [8] Cards [9] Successes - Modals [10] Success Stories [11] Partner Pages [12] Featured Partners [13] Best Practices [14] Search & 404 Pages [15] Brontolove - Juicer [16] Animation XX.x - ...Fade... XX.x - << Pulse >> XX.x - {{ Ripple Out }} [17] Media Queries X.1 - Breakpoint SMALL ONLY X.2 - Breakpoint SMALL + MEDIUM X.3 - Breakpoint MEDIUM and UP X.4 - Breakpoint MEDIUM and DOWN X.5 - Breakpoint MEDIUM ONLY X.6 - Breakpoint LARGE + UP X.7 - Breakpoint LARGE ONLY X.8 - Breakpoint XTRA LARGE and UP X.9 - Breakpoint XTRA ONLY X.10 - Other specific breakpoints [18] Fixes [19] Ajax Search [20] Ajax Load More [21] Triblio Fixes -------------------------------------------------------------------*/ /* [1] GLOBAL *****************************************************************************/ /******************************************************************************************/ html{margin:0!important;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} body{height:100%;color:#565656;background:#fff;margin: 0;font: 16px/1 sans-serif; -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-size:62.5%;} body,html {width:100%;height:100%;} #content{border:none;padding-top:1.25em;} /* [1.1] Text ==============*/ .top-bar-section ul li>a, h1, h2, h3, h4, h5, h6, * {font-family: 'Source Sans Pro', sans-serif;} @import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic'); body,*,h1,h2,h3,h4,h5,h6,a,p,li,.button,form,input,.mktoForm *,.mktoForm input,.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {font-family: 'Source Sans Pro', sans-serif; outline:none;color:#3b3b3b;font-style: normal;} h1 {font-weight:700;font-size:2.5rem; line-height:1; color:#fff;} h2 {font-weight:700;font-size:1.75rem; line-height: 1;} h3 {font-weight:normal; font-size:1.65rem; line-height: 1.4;} h4 /*Footer heading*/ {font-weight:normal;font-size:1.3rem; line-height: 1.4;} h5 {font-weight:900;font-size:1.1rem; line-height: 1.5rem; margin-bottom: .2rem;} h6 {font-weight:normal;font-size:1.5rem; line-height: 1rem;} p {font-weight:normal;font-size:.9rem; line-height: 1.4rem;} p.byline {display:none;} article ul > li {font-size: .9rem; margin-bottom: .75rem;} sup {vertical-align: super;font-size: smaller;} blockquote {font-family: Georgia, serif;font-size: 1.5em;font-style: italic;margin: 0.25em 0; padding: 0.25em 40px;line-height: 1.45;position: relative;color: #383838;} /* [1.2] Links ============*/ section a, /*.entry-content a,*/ .sidebar a {color:#000;text-decoration:underline;} section a:hover, /*.entry-content a:hover, .sidebar a:hover */ {color:#000;cursor:pointer;opacity:.75;text-decoration:underline;} a:active, /* .entry-content a:visited */ {color:#000;outline:none;} /* [1.3] Buttons =========*/ button, a.button, input.button, a.comment-reply-link, .comment a.comment-reply-link {font-size:1rem;font-weight:500;text-decoration:none;color:#fff;border-radius:3px;line-height:1rem;padding:.5rem 1rem;} button:hover, a.button:hover, input.button:hover, a.comment-reply-link:hover, .comment a.comment-reply-link:hover {cursor:pointer;text-decoration:none!important;opacity:.9;color:#fff!important;background-color:#fff !important;} button:active, a.button:active {background-color: #fff !important;} a.button:hover i.fa{color:#fff!important;} #contactbtn button:hover, a#contactbtn.button:hover {background-color: #2eb135 !important;} .reveal-modal button:hover, .reveal-modal a.button:hover {background-color: #ff6347 !important;} button:focus, a.button:focus {background-color: inherit;} article .entry-content a.more-link{border-bottom:0px;} a.play-video {font-size: 1.3rem; color:#fff; text-indent:-10000px; display:inline-block; height:70px; width:70px; background-image: url(../../img/icons/play-icon@2x.png); background-repeat: no-repeat; background-position: center center;background-size: contain;} .button.alert, button.alert {border-color:#ff6347;background-color: #ff6347;} a.button{padding:15px 25px;font-weight:400;} a.button.green{background:#2eb135;} a.mobilecontactus.button:hover {background:#2eb135 !important;} /* DARK BUTTONS =========*/ .secondary-btn-blk {text-decoration: none;color: #3b3b3b !important;font-size: 1rem;padding: 15px 25px;background-color: #fff;border: 2px solid #3b3b3b;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .secondary-btn-blk:hover {color:#fff !important;background-color: #3b3b3b !important;opacity:1 !important;text-decoration: none;} #related.pane .secondary-btn-blk {background: none;} /* WHITE BUTTONS =========*/ .secondary-btn-wht {text-decoration: none;color: #fff !important;font-size: 1rem;padding: 15px 25px;background: none;border: 2px solid #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .secondary-btn-wht:hover {color:#3b3b3b !important;background-color: #fff;text-decoration:none !important;} a.button.secondary-btn-wht:hover {opacity: 1 !important; color:#3b3b3b !important;text-decoration:none !important;} a.button.secondary-btn-blk:hover {opacity:1 !important;text-decoration: none !important;} .card-content .secondary-btn-wht {border: 1px solid #fff;} /* [1.4] Color Classes ==========*/ /* Background color */ .bg_green, .bg_green:hover{background-color:#2EB135; color:#fff !important;} .bg_blue, .bg_blue:hover{background-color:#4399ff;} .bg_darkgrey, .bg_darkgrey:hover{background-color:#333;} .bg_lightgrey, .bg_lightgrey:hover{background-color:#939291;} /* Font color */ .txt_green{color:#2EB135;} .txt_blue{color:#4399ff;} .txt_darkgrey{color:#333;} .txt_lightgrey{color:#939291;} /* [1.5] Images ==========*/ img.rounded {border-radius:10px;} img.circlular{border-radius:50%;} img.greyscale{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} /* [1.6] Forms ===============*/ fieldset input[style] {width:auto!important;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;} /* [1.7] Video Embeds ============*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:20px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* [2] TOP NAV **************************************/ /****************************************************/ /* [2.1] Alert Banner ===========*/ #alertbannerwrap a {display:block;width:100%;padding:10px;color:#fff;background-color:#FF6347;text-align:center;text-decoration:none;font-size:1rem;font-weight:bold;} #alertbannerwrap a span {display:inline-block;} #alertbannerwrap a:hover {text-decoration:underline!important;opacity:1;} #alertbannerwrap #closealertbanner {background-color:none!important;margin-top:-37px;margin-right:5px;font-size:1rem;float:right;width:25px!important;height:25px!important;} /* [2.2] Desktop Nav ==========*/ .row .sub-menu .row {margin: 0 auto;max-width: 62.5rem;} #mainNav {background:#fff;width:100%;display:block;z-index:5000;border-bottom:1px solid #f2f0f1;overflow: visible;} #mainNav[style] {height:auto!important;} #nav1 h1 {margin-bottom:0;} /* [2.3] Main Logo ===========*/ /*.brontologo {margin-top:0px;display:block;height:65px!important;width:75px;background-image:url("../../img/bronto-icon-green.png");background-size:contain;background-repeat:no-repeat;text-indent:-10000px;overflow:hidden;background-position:center 18px;margin-left:15px;}*/ .brontologo {margin-top:0px;display:block;height:65px!important;width:200px;background-image:url("../../img/bronto-icon-green.png");background-size:contain;background-repeat:no-repeat;text-indent:-10000px;overflow:hidden;background-position:center 28px;margin-left:15px;margin-right:100px;} .OBLogo {margin-top:5px;} /* [2.4] Primary Nav (Contact Us and Sign In) ===========*/ .primarynav {margin-left:5px;margin-bottom:0;} .primarynav.right {margin-right:10px;} .primarynav ul, .primarynav li {margin:0;padding:0;} .primarynav li a {text-decoration:none;color:#565656;padding:.5em 1em;margin: 1.6rem 0 1rem .5rem;font-size:.9em;font-weight:600;display:block;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out; } .primarynav li a:hover, .f-dropdown li a:hover, .top-bar-section li.current_page_item {cursor: pointer;color:#2EB135;text-decoration:none;} .top-bar-section li:not(.has-form) a:not(.button):hover {background: none; color:#3b3b3b;} .top-bar-section li:not(.has-form):hover {background: none !important; color:#3b3b3b;} /*.top-bar-section li:hover {background: none; color:#3b3b3b;}*/ /* Hamburger Toggle */ #menutoggle {margin:20px 10px 0 0;float:right;color:#333;text-decoration:none;} #menutoggle:hover, #menutoggle:active {color:#ccc;} /* Mobile Nav */ #nav2 {text-align:center;} #nav2 ul {margin-top:9px;padding-top:11px;} #nav2 li {padding:0 15px;} /* Sticky */ .stickynav .inner-wrap {padding-top:85px;} .stickynav #mainNav {position:fixed;top:0;} .stickynav #alertbannerwrap {display:none;} /* Sign In */ .primary-btn {text-decoration: none;color: #fff!important;background-color: #39b21c;border-radius: 3px;font-size: 14px!important;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;margin-right:20px!important; margin-left: 20px !important; margin-top: 10px !important; } .primary-btn:before {content: '';position: absolute;border: #39b21c solid 8px;border-radius: 3px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 0.8s;animation-duration: 0.8s; } .primary-btn:hover:before, .primary-btn:focus:before, .primary-btn:active:before {-webkit-animation-name: primary-btn;animation-name: primary-btn; } .primarynav li.primary-btn a { margin: 0px 0 0 0; padding: 10px 20px; color: #ffffff; font-weight: 900; } .primarynav li.primary-btn a:hover { color:#ffffff !important; } li.primary-btn:hover { color:#ffffff !important; } .nav__bar .primary-btn {text-decoration: none;color: #fff!important;background-color: #39b21c;border-radius: 3px;font-size: 14px!important;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;margin-right:20px!important; margin-left: 20px !important; margin-top: 10px !important; } .nav__bar .primary-btn:hover {background-color: #39b21c;} .top-bar-section li.primary-btn:not(.has-form):hover {background: #39b21c !important; color:#ffffff !important;} /* .top-bar-section li.primary-btn:not(.has-form) a:not(.button):hover {background: #39b21c;color:#ffffff;}*/ /* [2.5] Tablet Nav ==========*/ #nav3 ul{padding-top:6px;} #nav3 ul.right{padding-top:19px;} #nav3 li{padding:0 15px;list-style:none;} /* Tablet Search Dropdown */ #searchmobile2{float:right;margin:25px 0 0 0;width:25px;height:22px;display:block;background-image:url("../../img/search2.png");background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden;cursor:pointer;} #dropsearch2{top:70px!important;padding:5px 10px;max-width: 100%!important;background-color:#e3e3e3;border:none;} #dropsearch2[style]{width:100%!important;left:0!important;right:0!important;} #dropsearch2 form input{ margin-top: 4px;box-shadow:none!important;} #dropsearch2 li:hover{background:none!important;} #dropsearch2::before, #dropsearch::after{display:none;} #dropsearch2 input{margin:0px;} /* Tablet Footer Dropdown */ #drop2.open[style]{margin: -5px 0 0 -200px;background-color:rgba(250,250,250,.95);z-index: 20000!important;} #drop2 > a, #drop2 > li:nth-child(2) > a.burgertime{display:none;} #nav3 .f-dropdown {outline: none!important;max-width:237px;} #nav3 .f-dropdown li a{margin-bottom:0px;margin-top:5px;font-size:.9rem;} #drop2 > li:nth-child(2) > a:nth-child(2){margin-top:10px!important;} #nav3 .f-dropdown li a:hover{color:#333!important;text-shadow:none;} #drop2.f-open-dropdown::before{display:none;} .tabletdropdown{margin-left:0px!important;margin-bottom:0px;} #nav3 .f-dropdown.open::after{pointer-events: none;background-color:#fff;background-image:url("../../img/dropdown_close.png");background-position:center;background-repeat:no-repeat;background-size:20px;border:1px solid #ccc;border-bottom:#fff;width:35px;height:35px;text-align:center;margin-left:-12px;top:-35px; left: 213px!important;} #nav3 .f-dropdown.open::before,ul#dropsearch2.f-dropdown.open.f-open-dropdown::after{display:none;} /* Tablet CTA */ #nav3 .right.button{margin:20px 5px;} /* [2.6] Mobile Nav ==========*/ /* Mobile Search Dropdown */ #searchmobile {float:right;margin:15px 10px 0 0;width:25px;height:22px;display:block;background-image:url("../../img/search2.png");background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden;cursor:pointer;} #dropsearch {background-color:#e3e3e3;border:none;} #dropsearch[style] {width:100%!important;left:0!important;right:0!important;} #dropsearch form input {box-shadow:none!important;} #dropsearch li:hover {background:none!important;} #dropsearch::before, #dropsearch::after {display:none;} .mobilecontactus {float:right;margin:15px 10px 0 0 ;} /* [2.7] Dropdown "Footer" ==========*/ .burgertime {display:inline-block;width:40px;height:40px;background-image:url("../../img/burgertime.png");background-size:contain;background-repeat:no-repeat;} #drop1.open[style] {margin: -5px 0 0 0;background-color:rgba(250,250,250,.95);z-index: 20000!important;} #drop1 > a, #drop1 > li:nth-child(2) > a.burgertime {display:none;} #nav1 .f-dropdown {outline: none!important;max-width:237px;} #nav1 .f-dropdown li a {margin-bottom:0px;margin-top:5px;font-size:.9rem;} #drop1 > li:nth-child(2) > a:nth-child(2) {margin-top:10px!important;} #nav1 .f-dropdown li a:hover {color:#333!important;text-shadow:none;} #drop1.f-open-dropdown::before {display:none;} .dropdown_footer_copyright {font-size:10px!important;line-height:1.5em!important;padding:1em 1em 2em 2em!important;} .dropdown_footer_copyright:hover, .dropdown_logo:hover, .dropdown_logo a:hover {background:none!important;cursor:initial;} .dropdown_footer_copyright a {font-size:10px!important;padding:0px!important;margin:0px!important;display:inline-block!important;cursor:pointer;} #nav1 .f-dropdown.open::after {/*pointer-events: none;background-color:#fff;background-image:url("../../img/dropdown_close.png");background-position:center;background-repeat:no-repeat;background-size:20px;border:1px solid #ccc;border-bottom:#fff;width:35px;height:35px;text-align:center;margin-left:-12px;top:-35px; left: 213px!important;*/} #nav1 .f-dropdown.open::before {/*display:none;*/} /* [2.8] Offside Mobile Nav ==========*/ #rightnav_sticky {padding-top:11px;width:100%;} #top{min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -11em;} #top::after{height:11em;content:'';display:block;pointer-events: none;} .offcanvas_close {margin-top:12px;margin-left:15px;padding-top:15px;display:inline-block;width:40px;height:35px;background-repeat:no-repeat;background-image:url(../../img/offcanvas_close.png);background-size:40px;} .off-canvas-wrap.move-left {-webkit-backface-visibility: inherit!important;height:auto; background: #2d2c2a;top: -5px;position: absolute;z-index:100;} .move-left > .inner-wrap {-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); -webkit-transition: transform 250ms ease;-moz-transition: transform 250ms ease;-o-transition: transform 250ms ease;transition: transform 250ms ease;transition: transform 250ms ease;} .right-off-canvas-menu {width:100%!important;padding:0px;background-color:#2d2c2a;position:absolute;top:-5px;} .right-off-canvas-menu hr {border-color:#575654;} .bgcolor-brontocom {background-color:none;background-image:url(../../img/Bronto_Icon_green.png);background-position:center 18px!important;border:3px solid #2eb135;width:70px!important; height:70px!important; border-radius:70px!important;background-size:45px!important;} .right-off-canvas-menu .inline-list.left {margin-left:20px;} .right-off-canvas-menu .inline-list.left li a {padding:0px;color:#fff;font-size:1rem;font-weight:300;margin:10px 0;} .right-off-canvas-menu .inline-list.left li a:hover {cursor:pointer;text-decoration:underline;} .right-off-canvas-menu .inline-list.left li {margin-left:0px;margin-right:15px;} .right-off-canvas-menu .inline-list.left li.back a {padding:10px 0;} .right-submenu .back>a,.right-submenu .back>a:hover {padding-bottom:15px;background:none!important;border-top:0px;border-bottom:1px solid #fff;} .offcanvas_copyright {padding-top:15px;padding-left:20px;color:#f9f9f9;float:left;text-align:left;clear:both;font-size:.65rem;font-weight:100;} .offcanvas_copyright a, .offcanvas_copyright a:hover {color:#f9f9f9;text-decoration:underline!important;font-weight:300;} .offcanvas_brontologo {margin-top:25px;float:left;padding-left:20px;} .offcanvas_brontologo img {width:50px;} .move-right .exit-off-canvas, .move-left .exit-off-canvas { box-shadow:none; } #offcanvasmenu ul{list-style: none;width:100%;} #offcanvasmenu a{color:#fff;display:block;width:100%;padding:10px 20px;border-bottom:1px solid #333;} #offcanvasmenu a:hover{background:#000;} #menu-primary-menu{margin-left:0px;} .mobilemorebronto>a{visibility:hidden;} .morebrontocta{display:block;position:relative;float:right;top:12px;right:12px;width:125px;height:45px;z-index:2;background-repeat:no-repeat;background-size:contain;background-image:url(../../img/morebronto_rt.png);text-indent:-9999px;} ul.right-submenu{padding-top:25px;} #offcanvas-icons{padding-top:75px;text-align:center;} #offcanvas-icons a{width:25%;display:inline-block;text-align:center color:#fff} #offcanvas-icons a span{width:100%;clear:both;text-align:center;padding:5px 0;display:block;color:#fff} #offcanvas-icons a img{width:100px;} #offcanvasclosewrap{position:absolute;z-index:2;} .left-off-canvas-menu, .right-off-canvas-menu, .right-submenu {width: 100%!important;} #mobilecta {padding:0 15px;margin-top:25px;} #mobilelogin {padding: 0 15px;} ul.off-canvas-list li#mobilelogin a {border: 2px solid #fff;} .right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before, .right-submenu .back>a:after {content:0;margin-right:0px;display:none;} .off-canvas-list {z-index:1;} .mobilelegal {display:inline-block;margin:-25px auto 0 auto;} /* [3] FOOTER **************************************/ /***************************************************/ /* [3.1] Footer ==========*/ #pagefooter {margin-bottom:0;background-color:#939291;padding:1em 0 0 0!important;font-weight:400;} #pagefooter .bottomnav {margin:2.2em auto 2em auto;font-size:.75em;color:#fff;} #pagefooter .bottomnav li img {margin-top:-5px;} #pagefooter .bottomnav a, #pagefooter .bottomnav p {color:#fff;padding-top:.15em;font-family: 'Source Sans Pro', sans-serif;letter-spacing: 0;font-size:.75rem;} #footerwrap{height:11em;} #megafooter, #minifooter {background-color:#2D3E50;color:#fff;} #minifooter {border-top:2px solid #475d74;border-bottom:20px solid #283949;padding:25px 0;} #megafooter a, #minifooter a, #megafooter p, #minifooter p, #megafooter h4, #minifooter h4 {color: #fff;} #megafooter li a:hover, #minifooter li a:hover{opacity:.75;} #megafooter h4, #minifooter h4 {font-size: 1.25rem;font-weight: bold;margin-bottom:15px;line-height: 1;} #footer_newsletter{display:block;border-radius:5px; width:100%;margin-top:20px;font-size:1rem;padding:10px;border:none;} /*#megafooter .medium-4.columns {height:150px;}*/ #megafooter .columns.footersections {min-height: 8rem;} #megafooter .footersections.columns a {display:block;padding-left:80px;width:100%;} #megafooter .footersections.columns a[href="/partners/"]{position: initial;bottom:inherit;} #morebrontofooter {background-color:#3e546b;border-radius:10px;padding:25px;margin-left:15px;height:225px;} #megafooter li,#megafooter ul {padding-left:0pc;margin-left:0px; list-style:none;font-size:1.25rem;} #megafooter [id^="locations_"] h4 {margin-bottom:/*10px*/0px;} [id^="locations_"] {display:block;/*padding-left:60px;*/width:100%;} /*[id^="locations_"]:before {content:"";width:50px;height:50px;display:block;position:absolute;left:12px;background-size:48px;background-repeat:no-repeat;} #locations_us:before {background-image:url(../../img/icons/usa-icon@2x.png);} #locations_uk:before {background-image:url(../../img/icons/eu-icon@2x.png);} #locations_au:before {background-image:url(../../img/icons/au-icon@2x.png);} #locations_ca:before {background-image:url(../../img/icons/ca-icon@2x.png);}*/ #megafooter [id^="locations_"] ul {line-height:1.45rem;margin-bottom:/*50px*/15px;} #megafooter [id^="locations_"] ul li a{font-size:1rem;} #megafooter [id^="footer_"]:before {content:"";width:75px;height:75px;display:block;position:absolute;left:0px;background-size:74px;background-repeat:no-repeat;} #footer_products:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_molecule_icon@2x.png);} #footer_services:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_bell_icon@2x.png);} #footer_successes:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_trophy_icon@2x.png);} #footer_bestpractices:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_ribbon_icon@2x.png);} #footer_partner:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_partner_icon@2x.png);} #footer_location:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_location_icon@2x.png);} #megafooter [id^="footer_"]:after {-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;opacity:0;content:"";width:75px;height:75px;display:block;position:absolute;top:0px;z-index:500;left:0px;background-size:contain;background-repeat:no-repeat;} #footer_products:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_molecule_icon_hover@2x.png);} #footer_services:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_bell_icon_hover@2x.png);} #footer_successes:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_trophy_icon_hover@2x.png);} #footer_bestpractices:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_ribbon_icon_hover@2x.png);} #footer_partner:after{background-image:url(../../img/0_homepage/0_CORP_footer_7_partner_icon_hover@2x.png);} #footer_location:after{background-image:url(../../img/0_homepage/0_CORP_footer_7_location_icon_hover@2x.png);} #megafooter [id^="footer_"]:hover:after {opacity:1;} /* [3.2] Footer Email Sign-Up Form ==========*/ #megafooter form {margin-top:20px;} #mktoForm_1431 > div.mktoButtonRow{margin:10px 0!important;} #mktoForm_1431 > div.mktoButtonRow > span > button{margin-left:12px;} #Email{width:100%;padding:20px 10px;} #Email, #Country{width:100%;padding:10px;} #Country {margin-top: .25rem;} #mktoForm_2352 #Email {padding:inherit;} #megafooter .mktoButton {text-decoration: none!important;color:#fff!important;padding: 15px 25px!important;border: 2px solid #fff!important;border-radius: 3px!important;font-size: 14px!important;background:none!important;-webkit-transition: background-color 0.4s ease-out!important;-moz-transition: background-color 0.4s ease-out!important;-o-transition: background-color 0.4s ease-out!important;transition: background-color 0.4s ease-out!important;} #megafooter .mktoButton:hover {color:#3b3b3b!important;background-color:#fff!important;} #megafooter #mktoForm_1431 input#Email{background-image:url(../../img/icons/cmsignup-icon@2x.png);background-size:contain;background-position:left;padding:3px 3px 3px 55px;} #megafooter #mktoForm_1431 input#Email::-webkit-input-placeholder {color: #2D3E50!important;} #megafooter #mktoForm_1431 input#Email:-moz-placeholder { /* Firefox 18- */ color: #2D3E50!important;} #megafooter #mktoForm_1431 input#Email::-moz-placeholder { /* Firefox 19+ */ color: #2D3E50!important;} #megafooter #mktoForm_1431 input#Email:-ms-input-placeholder {color: #2D3E50!important;} .confirm:hover {background-color:#8CD4F5 !important;} #mktoForm_1431 > div:nth-child(6) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth, #mktoForm_1431 > div:nth-child(6) > div.mktoFormCol, #mktoForm_1431 > div:nth-child(6) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > span{width:100%!important;} /* [3.3] Mini Footer ==========*/ .legalese {padding-left:0; padding-right:0;} #legalwrap1 img {width:280px;margin-top:.25rem;} #legal1 {font-size:.9rem;line-height:1;margin:0px;padding:0px;} #legal2 {font-size:.9rem;line-height:1;margin:5px 0px;padding:0px;} #bottomlogo {width:5em;height:2em;background-repeat:no-repeat;background-size:contain;background-image:url(../../img/Bronto_Icon_white.png);} #minifooter .socialicons {float: right;} #minifooter .socialicons img {width:40px;} #minifooter .socialicons ul {display:inline-block;} #minifooter .socialicons li {margin-left:7px;} #minifooter h4 {display:inline-block;/*text-align: center;*/} /* [4] Contact Us / LivePerson Widget *********************/ /*********************************************************/ .contactus {border: 1px solid #2eb135;border-bottom:none;position:fixed;width: 350px;z-index: 10000;text-align:center;height: 500px;font-size:18px;color: #000;background: #fff;display: flex;border-top-left-radius:3px;border-top-right-radius:0px;right:-1px;bottom: -450px;} /*.slide-up1 {bottom: -325px!important;}*/ .slide-up2 {bottom: 0px!important;} .slide-down {bottom: -450px!important;} .contactus.slide-0 {bottom: -500px!important;} .lp_desktop #lpChat>.lp_maximized>.lp_header .lp_header-content-wrapper button.lp_close, .lp_desktop #lpChat>.lp_maximized>.lp_header .lp_header-content-wrapper button.lp_minimize {background:none!important;top:0px;} a.chat_contact>div>div>div.LPMlabel[style]{top:5px!important; height: 50px!important; margin-top: -50px!important; padding-top: 50px!important;} button.lp_minimize {display:none!important;} #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button {border-radius: 2px;background:#e1e1e1!important;} #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button:hover {color:#3b3b3b!important;} #contactbtn {border-radius:3px 0 0 0;padding:15px;background-color:#2eb135;font-size:18px;width:350px;height:50px;display:block;position:absolute;clear:both;left:-1px;} @-webkit-keyframes greenPulse { from { background-color: #2eb135; } 50% { background-color: #248e2a; } to { background-color: #2eb135; } } #contactbtn { -webkit-animation-name: greenPulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 3; } /*#contact_row2 {width:305px;} #contactmenu {width:350px;padding:5px 25px;background:#fff;font-family: 'source_sans_probold';font-size:13px;clear:both;margin-top:50px!important;} #contactmenu a span {padding-top:6px;display:inline-block;padding-left:3px;} #contactmenu a {display:block;width:150px;height:65px;float:left;color:#454545;} #contactmenu a:hover {opacity:.5;}*/ .phone {font-family: 'source_sans_prolight';font-size:48px;color:#5e5f60;letter-spacing:3px;width:100%;display:none;} .phone a {white-space:nowrap;} .phoneEU {font-size:36px;padding:10px 0 0px 0;height:55px;} .phoneUS {display:inline-block;} .geoip-continent-EU .phoneUS, .geoip-country-AU .phoneUS {display:none;} .geoip-continent-NA .phoneUS, .geoip-continent-EU .phoneEU, .geoip-country-AU .phoneAU {display:inline-block;} #chatbox {width:300px;clear:both;height:260px;padding-top:15px;background:#f0f0f0;} #contactFormModal {border-radius:15px;font-family: 'source_sans_prolight';} #contactFormModal h1 {font-family: 'source_sans_prolight';} #contactFormModal .close-button {float:right;font-size:2em;} #closemarketoform, #closemarketoform2{background-color:#fff;border-radius:0px;border-width:0px;text-indent:-50000px;width:25px;height:25px;display:block;position:fixed;background-repeat:no-repeat;background-image:url(../../img/dropdown_close.png);background-size:contain;top:0px;right:15px;} #mktoForm_2905 .mktoFormRow input[type="checkbox"], #mktoForm_2905 .mktoFormRow input[type="radio"]{width:auto!important;display:inline-block!important;} #mktoForm_2905 .mktoFormRow .mktoRadioList label{width:auto!important;} .mktoFieldWrap input#Email {padding:5px 5px;} #mktoForm_1437 > div:nth-child(9) > div.mktoFormCol,#mktoForm_1437 > div:nth-child(9) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth, #mktoForm_3859 > div:nth-child(9) > div.mktoFormCol,#mktoForm_3859 > div:nth-child(9) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth, #mktoForm_2905 > div:nth-child(9) > div.mktoFormCol,#mktoForm_2905 > div:nth-child(9) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth{width:100%!important;} /* [4.1] Liveperson Chat ==========*/ /* .lp_desktop #lpChat>.lp_maximized {width:350px;height:500px;right:0px!important;} .lp_desktop #lpChat>* .lp_header {border-radius: 3px 3px 0 0!important; padding: 15px!important;background-color: #2eb135!important;font-size: 18px!important; height: 50px!important;} .lp_desktop #lpChat>.lp_maximized>.lp_main {height: auto;top: 50px!important;} .lp_desktop #lpChat>.lp_maximized .lp_header,.lp_desktop #lpChat>.lp_maximized .lp_submit_button {background-color:#2eb135!important;font-family:'Source Sans Pro', sans-serif;border:0px!important;} .lp_desktop #lpChat>.lp_maximized>.lp_header .lp_title {padding:0px!important;} .LPMlabel{color: #454545!important;font-size:13px!important;font-family:'Source Sans Pro', sans-serif;font-weight:300!important;} .lp_minimize-icon.lp_icon-white img {display:none;} .lp_checkbox_button input, .lp_checkbox_button label{display:inline-block!important;width:auto!important;} .lp_checkbox_button {width:auto!important;}*/ /* [4.2] Contact Us Revisions, August 2017 ==========*/ .slide-up1 {bottom: -300px!important;} .slide-up2 {bottom: 0px!important;} .slide-down {bottom: -450px!important;} .contactus.slide-0 {bottom: -500px!important;} #contact_row2 {width:305px;} #contactmenu {width:350px;padding:5px 25px;background:#fff;font-family: 'source_sans_probold';font-size:13px;clear:both;margin-top:50px!important;} #contactmenu a span {padding-top:6px;display:inline-block;padding-left:3px;} #contactmenu a {display:block;height:65px;color:#454545;} #contactmenu a:hover {opacity:.5;} /* [5] HEROES *****************************************/ /*******************************************************/ /* Main Pages */ #hero {background-color:#333; background-image:url(../../img/0_homepage/0_CORP_homepage_1_herobg@2x_compressed.jpg); /* MOVE THIS? */background-origin: content-box;background-position:top center;background-size:cover;background-repeat: no-repeat;min-height: 515px;padding:0;text-align:center;} .home #hero {position: relative;} @media only screen and (min-width: 40.063em) and (max-width: 64em) {.home #hero {background-position: center top;}} @media only screen and (max-width: 40em) {.home #hero {background-position: left top;min-height:525px;} } /* Secondary Pages */ #hero.medium-hero {min-height: 400px;} /* 3rd Level Pages, Partner Pages, Success Stories */ #hero.small-hero, .page-template-page-success #hero.small-hero {min-height: 345px;} #hero h1 {line-height: 1;margin-top:12rem;margin-bottom:1.2rem;} .home #hero h1 {font-weight: 900;font-size: 3.5rem;text-align: left;margin-top: 4.5rem;line-height: 4rem;margin-bottom: 1.5rem;color:#3b3b3b;} @media only screen and (min-width: 40.063em) and (max-width: 64em) {.home #hero h1 {margin-top: 2.5rem;margin-bottom: .5rem;} } @media only screen and (max-width: 40em) {.home #hero h1 {margin-bottom: .5rem;} } article #hero.medium-hero h1 {margin-top: 6rem;} article #hero.small-hero h1 {margin-top: 8rem;} #hero h3 {color:#fff;} .home #hero h3 {color:#3b3b3b;} .home #hero h3 {text-align: left; font-weight: 300;line-height: 1.4;font-size: 1.5rem;padding-right: 30px;} @media only screen and (min-width: 40.063em) and (max-width: 64em) { .home #hero h3 {font-size: 1.4rem;} } .home .hero-cta {position: absolute;bottom: 0;text-align: center;height: 4rem;background-color: rgba(0,0,0, .6); /*rgba(255,255,255, .2);*/ width: 100%;} .home .hero-cta p {margin-top: 1.2rem;} .home .hero-cta p a {color:#fff; font-weight: 900;font-size: 1.3rem;text-decoration: none;border-bottom:solid 2px #fff;} .home .hero-cta p a:hover {opacity: .8;} .home .hero-cta p a img {max-height: 1rem; margin-bottom:2px;margin-left: .25rem;} .home .hero-cta p a img:hover {opacity: .8;}) /*#hero.small-hero h1, #hero.small-hero h3 {text-shadow: 2px 2px #000;}*/ #hero p.video {margin-top: 1.75rem;text-align: center;} #success_stories {padding-bottom:0;} #more_news h2 {margin-top:2rem;} /* [6] PANES & SECTIONS *****************************************/ /*******************************************************/ .columnswrap {padding:0px;} /* Base */ .pane {padding:2.5rem 0 2.5rem 0; background-size:cover;} .pane h2 {margin-top: 0; margin-bottom:1rem; } .pane h4 {margin-top: 0; margin-bottom:3rem;} .pane h6 {text-align: center; margin-bottom: 35px;} .pane.pane-centered {text-align: center;} /*centers pane content */ .pane.knockout * {color:#fff;} /* all text elements white on dark bg */ .pane.knockout .card-content p, .pane.knockout .featuredCard * {color:#3b3b3b;} /* Knockout exceptions */ /* Why Bronto */ #why_bronto.pane {background-image: url(../../img/0_homepage/0_CORP_homepage_6_subtledots@2X.png);background-repeat:repeat; background-size: 27px 15px;} /* Icons in Homepage Panes */ .icon {margin:0 auto 10px auto;position:relative;left:0;right:0;} .icon.platform {width:78px;} .icon.why-bronto {width: 78px;} /* Homepage Partner Pane Logos */ .partner.logo {width: 10rem;} .partner.logo.magento {margin-top: -.65rem;} .partner.logo.demandware {margin: .25rem 0 .6rem 0;} .partner.logo.infinity {height: 2.5rem; width:auto; margin-top: -.65rem;} #partners.pane {background:rgb(0, 114, 195) url(../../img/0_homepage/partner-pane-bg@2x.jpg);background-size:cover;background-position:bottom left; color:#fff; text-align: center;} #partners.pane h4.partnerssubhead{margin:1.5rem 0 0rem 0;display:block;} #partners.pane h4.partnerssubhead span{text-decoration:underline;} /* Customer Logos */ #customer_logos.pane h2 {margin-bottom:2.5rem;} #customer_logos.pane ul > li {display: inline-block; float: left; list-style: none;height: 3rem;max-width:10rem;width:auto ;} #customer_logos.pane ul {margin: 0;} #customer_logos img {max-height:3rem;max-width:80%;} /* Customer Quotes */ #customer_quotes.pane h2 {margin-bottom:2.15rem;} #customer_quotes.pane {background:rgb(255, 99, 71) url(../../img/0_homepage/0_CORP_homepage_5_customers_pane_bg@2x.jpg);background-size:50%;background-position:bottom left;} #customer_quotes.pane p {font-size: 1rem;} #customer_quotes.pane p:first-of-type {min-height: 5.6rem;} #customer_quotes.pane p:last-of-type {font-weight: 600; font-size:.7rem; line-height: 1.2;} #customer_quotes.pane p:last-of-type strong {font-weight: 900; font-size: 1rem;} .quote.logo {width: 12rem;} .quote.logo.lucky {padding-top: .5rem;} /* Services Success */ #services_success.pane, #global_support.pane {background-size: cover;} #services_success.pane h2 {font-weight:500; margin-top:2rem; line-height:2.3rem;} #services_success.pane h4.credit {margin-bottom:2rem;} #services_success.pane h4.credit-company {font-size:1.9rem;font-weight:700;} /* Global Support */ /*#global_support h2, h4 {color:#ffffff;}*/ #global_support.pane h2 {margin-top:3rem;} .page-id-27 /* Services Page */ .feature-info {min-height: 8rem;} /* Padding Adjustments */ #services_success.pane {padding:1rem 0 .5rem 0;} #platform_info.pane, #services_info.pane {padding:4rem 0 3.5rem 0;} /* Extend with Apps */ #extend_with_apps.pane {background:rgb(0, 114, 195); background-image: url(../../img/1_Product/1_CORP_products_3_apps_BG@2x.jpg); background-repeat: no-repeat;background-size:cover !important;} /* Pane CTA buttons */ #extend_with_apps .button, #success_stories .button {margin-top: 4rem; margin-bottom: 0;} /* Feature Icons - homepage */ .feature-icon {float: left; padding-top: .2rem; width:15%;} .feature-info p {min-height: 4rem;} .feature-info {float: right; text-align:left; width: 80%;} /* Partner Cards - homepage */ #partner_cards.pane {padding-top:0;} /* Pane text adjustments */ #partners.pane a, #extend_with_apps a {text-decoration:none;} #extend_with_apps h2 {margin-bottom:2rem;} #partners.pane.knockout p, #extend_with_apps.pane.knockout h4 {color:#3b3b3b; margin-bottom:0;} /* Customer Journey */ #customer_journey h3, #customer_journey_mobile h3, #customer_journey_windows h3 {font-weight: 700;} #customer_journey .pane, #customer_journey_mobile .pane, #customer_journey_windows .pane {padding-bottom: 0;} #customer_journey .pane h4 {margin-bottom: 0;} #success_stories .row {margin-bottom: 2rem;} .flip-container:hover > div > div > .gps_ring{display:none!important;} /* Award Winning Bronto Pane */ .award-icon {min-height:7.5rem;} .award-icon.inc5000 img {max-width: 7rem;margin-top: 1rem;} .award-icon.codie img {max-width: 10rem;margin-top: 2rem;} .award-icon.stevies img {max-width: 5rem;} .award-icon.tbj img {max-width: 6rem;margin-top: 0;} /* Bronto Careers Pane */ img.careers-logo {max-width:14rem;margin-bottom:1.5rem;} /* on About and Locations pages */ .video-container {position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden;} .video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} .reveal-modal.xlarge {margin-left: auto !important;} .reveal-modal .close-reveal-modal {top: -20px;right: -25px;} #why_bronto_name h4 {margin-bottom:0;} /* [7] TABS **************************************/ /*******************************************************/ .tabs {margin:1rem auto 0 auto;display: inline-block;} .tabs li {text-decoration: none;color: #3b3b3b;font-size: 1rem;background-color: #fff;border-bottom: 2px solid #3b3b3b;border-top: 2px solid #3b3b3b;border-right: 2px solid #3b3b3b;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius:0;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .tabs li a:hover, .tabs .tab-title.active a:hover, .tabs dd.active a:hover {color:#fff;background-color: #3b3b3b !important;opacity: 1 !important;} .tabs li:first-of-type {border-bottom-left-radius:3px; border-top-left-radius: 3px; border-left: 2px solid #3b3b3b; border-right: 2px solid #3b3b3b; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px;} .tabs li:last-of-type {border-bottom-right-radius:3px; border-top-right-radius: 3px; border-right: 2px solid #3b3b3b; -moz-border-top-right-radius: 3px;-webkit-border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;} .tabs .tab-title>a, .tabs dd>a {background-color: #fff; font-weight:400; font-style:normal; font-size:.9rem; line-height: 1; color:#3b3b3b; text-decoration: none;} .tabs .tab-title.active a, .tabs dd.active a {background-color: #3b3b3b; color:#fff;} .tabs-content {margin-top: 2rem;} #product_features.pane .tabs-content-left {text-align: left; margin-top:2.5rem;} #product_features.pane .tabs-content-left h3 {font-weight: 700; margin-top: 2rem;} .product-desc{font-weight:normal;line-height: 1.6rem;margin-bottom:1rem;} /* [7.2] TAB PAGER - PARTNER OVERVIEW PAGES *****************************************/ /*******************************************************/ .tab-pager {text-align: center; margin-top: 1rem;} .tab-pager .tabs li {border:0;} .tab-pager .tabs .tab-title>a {font-size: 1rem; padding: 1rem 1.2rem; margin-right:.25rem;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;} /* MOBILE DROP MENU (replaces Bronto Tabs on mobile) ======================== ============================================= */ a.button.mobiledropmenu,a.button.mobiledropmenu{background-color:#000;color:#fff;font-weight:bold;margin:0 15px;} a.button.mobiledropmenu:hover,a.button.mobiledropmenu:active,a.button.mobiledropmenu:focus{background-color:#333!important;} #mobiledrop{width:100%!important;left:0px!important;right:0px;} #mobiledrop:before,#mobiledrop:after{display:none;} #mobiledrop li a{width:100%;text-align:center;font-size:18px;padding:15px 10px!important;} /* v2 edit */ /* [8] CARDS - FLIPPING AND OTHERWISE *****************************************/ /*******************************************************/ /* Card types STATIC CARDS: Homepage - Partner cards Featured partner pages - Customer success cards HOVER CARDS: Successes - Success Stories cards Partner Section - Individual Partner cards FLIPPING CARDS: - Products - Extend with Apps cards - Customer Journey cards */ #bmp_data_intro.capabilities li::before { content: ""; height: 14px; width: 14px; display: inline-block; margin-right: 1.1rem; position: relative; top: 3px; } #bmp_data_intro li::before { background: url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_check_bullet@2x.png) no-repeat 0 0; background-size: cover; } /* Entire container, keeps perspective */ .flip-container {perspective: 1000px;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;} /* Flip the card when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);} /* Flip speed */ .flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;} .static {transition: 0.6s;transform-style: preserve-3d;position: relative;} /* Hide back of card during swap */ .cardfront {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;position: absolute;top: 0;left: 0;} .cardback {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;position: absolute;top: 0;left: 0;} /* Front of card, placed above back */ .cardfront {z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); /*-webkit-transform: rotateY(0deg);*/} .cardfront .resource-type {background-color: rgb(255, 255, 255);border-radius: 19px;color: rgb(0, 0, 0);display: inline-block;font-size: 0.8rem;font-weight:bold;padding: 4px 8px;position: absolute;top: 1rem;left: 1rem;} /* Back of card, initially hidden */ .cardback {transform: rotateY(180deg);} .hover-container .cardback {opacity:0;transform:none;backface-visibility: visible;-moz-backface-visibility: visible;} .hover-container .cardback, .hover-container .cardfront {transition: all .4s ease-out;-o-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;} /* Back of card, show on hover */ .hover-container:hover .cardfront {opacity:1;} .hover-container:hover .cardback {opacity:1;z-index: 4;background-color:rgba(59,59,59,.9);} .cardwrap, .resourcecardwrap {margin-bottom: 2rem;} /* Small card adjustments */ .card-content {background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:2rem;} #extend_with_apps .card-content, #success_stories .card-content {background:none;padding:0;} #partner_cards .card-content {padding: 0;} #partners.pane .card-content.dark {background-color:#252525;background-image: url(../../img/0_homepage/0_CORP_homepage_3_plug_icon@2x.png); background-repeat: no-repeat; background-size: 100%; background-position: center 80%; } #partners.pane.knockout .card-content.dark p {color: #fff; margin-top: -.75rem;} #customer_journey .card-content, #customer_journey_mobile .card-content, #customer_journey_windows .card-content {border: 1px solid #a1a1a1;} #customer_journey_mobile .card-content, #customer_journey_windows .card-content {background-color: rgb(0, 114, 195); padding:0;} /* flip and hover containers */ .flip-container .cardfront, .hover-container .cardfront {background-color: #fff; padding:2rem 1rem 1rem;} .flip-container .cardback, .hover-container .cardback {background-color: #3b3b3b; padding:1.5rem 1rem 1rem;} #partner_cards .hover-container .cardback {padding: 1rem;} .flip-container .cardback p, .hover-container .cardback p {color:#fff !important;} /* .flipping-content, .hover-content basics */ .flipping-content, .hover-content {width:100%; min-height:18rem; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* .hover-content adjustments */ #partner_cards .hover-content {min-height: 10.5rem;} #success_stories .cardfront.hover-content {background-size: cover;background-position:center;} #success_stories .medium-6.large-4 .cardfront.hover-content {background-size: 120%;background-position:-1.8rem 0;} #partner_cards .cardback.hover-content {min-height: 11.25rem;} /* Card button */ #extend_with_apps .cardback .button, #success_stories .cardback .button {margin-top: 2rem;} /* Card front and back specifics and adjustments */ #success_stories .cardfront, #success_stories .cardback, #partner_cards .cardfront, #partner_cards .cardback {border:solid 1px #a1a1a1;} .hover-container .cardfront {padding:0;} #partner_cards .hover-container .cardfront {padding:1rem;} .hover-container .cardfront p {background: #fff;min-height: 6rem;position: absolute;bottom: 0;margin-bottom: 0;width: 100%; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;padding:.6rem 1rem;font-weight:700;text-align: left;} .hover-container .cardfront h5 {background: #fff;min-height: 6rem;position: absolute;bottom: 0;margin-bottom: 0;width: 100%; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;padding:.6rem 1rem;text-align: left;line-height: 1.4rem;font-weight:700;} /* Logos on cards, adjustments */ .card-logo {margin-bottom: 1rem;} .card-logo img.app.icon {max-width: 50%;} #extend_with_apps .card-logo {margin-bottom: 0;} #success_stories .card-logo h4, #partner_cards .card-logo h4 {text-indent: -10000px;background-repeat: no-repeat;background-size: 100px;background-position: 20px;background-color: #fff;width: 30%;position: absolute;right: 0;top: 25%;height: 50px;opacity: .9;} #partner_cards .card-logo h5 {background-repeat: no-repeat;background-size: contain;background-position: center center;text-indent: -10000px;height: 4rem;max-width: 10rem;margin: 2.6rem auto 2.5rem auto;} #success_stories .cardwrap.medium-6.large-4 .card-logo h4 {width: 45%;} #partner_cards .card-logo {text-align: center;} #customer_journey_mobile .card-logo, #customer_journey_windows .card-logo {background-color: #fff; padding:2rem 0 1rem 0; min-height: 12rem; margin-bottom: 0;} #customer_journey_mobile .card-logo img, #customer_journey_windows .card-logo img {max-width: 65%;} /* Card text adjustments */ #partner_cards .cardfront p {position: relative; bottom:auto;min-height:0;padding-top:.5rem;text-align: center;font-weight: normal;} #partner_cards h5 {text-align: center; font-weight: normal;} #partner_cards .cardfront h5 {position: relative; bottom:auto;min-height:0;padding-bottom:0;text-align: center;font-weight: 700;} #partner_cards .cardback p {text-align: center;} #success_stories .cardwrap.medium-6.large-4 .hover-container .cardfront p {padding:.6rem 1rem} .hover-container .cardback p {position: relative;top: 50px;width: 100%;} #success_stories .cardback p {padding: 0 9.5rem;} #success_stories .medium-6.large-4 .cardback p {padding: 0 3.5rem;} /* Partner card grid */ #partner_grid {margin-top: 2.5rem;} #partner_grid .card_wrap:nth-of-type(n+5) {margin-top: 2rem;} /* Customer Journey cards */ ul.journey-card {margin: 1rem 1.5rem 1.5rem;} #customer_journey_mobile ul.journey-card, #customer_journey_windows ul.journey-card {margin: 0; padding:1rem;} ul.journey-card li {list-style-type: none; text-align: left; color:#fff; border-bottom: solid 1px rgb(227, 227, 227);} #customer_journey_mobile ul.journey-card li, #customer_journey_windows ul.journey-card li {border-bottom: solid 1px rgb(133, 183, 226); text-align: center; padding:.5rem 0;} #customer_journey_mobile ul.journey-card li , #customer_journey_windows ul.journey-card li {} ul.journey-card li:last-of-type {border-bottom: 0 !important;} /* [9] SUCCESSES - MODALS *****************************************/ /*******************************************************/ .success-stories.reveal-modal {padding:0;background-color:#fff !important;border:0;} .success-stories.reveal-modal .columns:first-of-type {padding: 3rem 2rem;} .success-stories.reveal-modal .columns:last-of-type {background-size:cover;padding:0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px;} .success-stories.reveal-modal .columns:last-of-type .pane {min-height:41rem;overflow:hidden;padding:2rem 2.8rem;border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;background-color: rgba(0, 0, 0, .7);text-align:center;} .success-stories.reveal-modal .columns:first-of-type {background-color: #fff;border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px;} #modalTitle img {width:50%;} .success-stories.reveal-modal .columns:last-of-type .pane em {font-size: .8rem;} .card-partner {position: absolute; width: 2rem; left: 1rem; top: 9rem;} .success-stories.reveal-modal .columns:last-of-type .pane h3 {color:#fff;font-weight:600;margin-bottom:1.1rem;} .success-stories.reveal-modal .columns:last-of-type .pane h4 {font-weight:600;line-height:1.2;font-size:2.5rem;color:#fff;margin-bottom:0;} .success-stories.reveal-modal .columns:last-of-type .pane p {font-size: 1.1rem;color:#fff;} .success-stories.reveal-modal .columns:last-of-type .pane p.modal-quote {margin-bottom: .7rem;font-size:.9rem;} .success-stories.reveal-modal p.stat-icon {margin-top:4rem;margin-bottom:.75rem;} .success-stories.reveal-modal p.stat-icon img {height:3rem;} .modal-quote-attr em {color:#ffffff;} .reveal-modal {padding:0px !important;border-radius:0px !important;} .reveal-modal .medium-12 {padding:0px !important;} /* [10] SUCCESS STORIES - INDIVIDUAL *****************************************/ /*******************************************************/ #success_summary.pane {padding-bottom: 0;} #success_summary h3 {font-weight:700;} #success_summary ul {margin-left:0;} #success_summary li {padding-left:1.5rem; font-size:.9rem;list-style:none;background-image:url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_2_bullet_arrow@2x.png);background-repeat:no-repeat;background-size:.7rem;background-position:left .45rem;} .success-result {border-left:solid 1px #4b4b4b;} .success-approach {margin-bottom:2rem;} .columns.success-goal {padding-left:.9375rem;border-right:solid 1px #000;} .columns.success-goal:first-of-type {padding-left:0 !important;} .columns.success-goal:last-of-type {border-right:0;padding-right:0;} .columns.success-result {padding-left:1.5rem;} .linear-decor {border-bottom:solid 1px #4b4b4b;display:block;margin-top:-2.8rem;} p.linear-decor {margin-top: 0;} #success_story {margin-top:2rem;} #success_story h4 {color:#ff6347;font-weight:700;} #success_story blockquote {border:0;color:#ff6347;font-size: 1.3rem;line-height: 1.4;margin-bottom:1rem;padding:1.5rem;text-align:center; font-family:inherit;} .page-template-page-success h5 {margin-bottom: .5rem;} .page-template-page-success #success_story p {line-height: 1.6;font-size: 1rem;} /* SUCCESS STORIES - RELATED STORY -----------*/ #related.pane .columns .columns:last-of-type {border-top-right-radius: 5px;-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} #related.pane .columns .columns:first-of-type {border-top-left-radius: 5px;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} #related.pane h3 {font-weight:700;margin-top:3rem;padding-right: 3.9rem;} #related.pane .columns .columns:first-of-type h3 {background-repeat: no-repeat;background-size:contain !important; background-position:center;margin: 7.5rem 2.5rem 2.5rem;text-indent: -10000px;} #related.pane .columns .columns:last-of-type {background-color:#ebebeb;padding-left: 1.875rem;} /* SUCCESS STORIES - Return to all stories -----------*/ .all-success {bottom:-100px;font-size:1rem;left:0;padding-left:.9375rem;position:absolute;} #hero .all-success.video_all_btn{bottom:-75px;} #hero .all-success {bottom: -110px;} .all-success a:link, .all-success a:visited {color:#fff;font-weight:700;text-decoration:none;} .all-success img {height:1rem;margin-right:.25rem;width:1rem;} p.all-success {bottom: auto;display: block;left: auto;margin-bottom: 3rem;padding-left: 0px;position: relative;text-align: left;} p.all-success a:link, p.all-success a:visited {color: rgb(0, 0, 0);display: inline-block;margin-top: 1rem;} /*Specific for Partners Page*/ a[href="/partners/"]{position: relative;bottom:-55px;} #why_partner a[href="/partners/"]{position: inherit; bottom:0; margin-top:3rem;} /* [11] PARTNER PAGES - INDIVIDUAL PARTNER LEAD PAGE W FORM *****************************************/ /*******************************************************/ .partner-page .partner-logo {width: 50%;} .partner-page .partner-apps {font-size: 1rem;} .partner-page .partner-apps a {font-weight: 600;} .partner-page ul.partner-highlights {margin-left: 0;} .partner-page ul.partner-highlights > li {height:auto;font-weight: 600;margin-bottom: 1rem; background-image: url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_2_bullet_arrow@2x.png);background-repeat: no-repeat; padding-left: 2rem;list-style-type: none;background-size: .7rem;background-position: left .45rem;padding-left: 1.5rem;} .partner-page {margin-bottom: 4.75rem;} .partner-page hr {border:solid 1px 0 0; border-color:rgba(156,174,172,.7); width:6rem;} .partner-page .mktoForm {margin-bottom: 2rem;} .partner-page .mktoForm button.mktoButton {color:#fff;} #related.pane {padding-bottom:1.15rem;} /*Specific for Become a partner Page*/ .become_partner .logos li {text-align:center;margin-bottom:0;} .partner-page .medium-6 p {line-height: 1.6;font-size: 1rem;} /* [12] FEATURED PARTNERS - NETSUITE-MAGENTO-DEMANDWARE *****************************************/ /*******************************************************/ .featuredCard {background-color:#fff;border-radius:10px;padding:25px 25px 75px 25px;text-align:center;margin-bottom:15px;} .featuredCard img {margin:0 auto!important;} .featuredCard p {padding:30px 0 10px 0;min-height:4rem;} .featuredPartnerCards a.alert {bottom: 45px;position: absolute;margin:0 auto;left:0;right:0;display:block;width:160px;} .featuredPartnerCards a.alert:hover {background-color:#ed5337!important;} .featuredPartnerCards a.alert:visited {color:#fff!important;} .featuredPartnerAppcenter {background-size:cover;color:#fff!important;} .featuredPartnerAppcenter .logo {-webkit-box-shadow: 20px 30px 65px 0px rgba(0,0,0,0.5);-moz-box-shadow: 20px 30px 65px 0px rgba(0,0,0,0.5);box-shadow: 20px 30px 65px 0px rgba(0,0,0,0.5);border-radius:15px;margin:50px 0 25px 0;} .featuredPartnerAppcenter h2 {color:#fff;font-weight:700;} .featuredPartnerAppcenter p {color:#fff;font-size:1.25rem;line-height: 1.75rem;} .video-teaser{margin-top:1rem;} /* [13] BEST PRACTICES SLIDER ***************/ /***************************************************/ .slick-dots {list-style:none;bottom:20px!important;} .slick-dots li {display:inline-block;list-style:none;margin:0px 5px;} .slick-dots li button:before {font-size:50px!important;} .resourcesSlider {height:400px;border:1px solid #999;border-radius:5px;margin:50px 15px 0 15px!important;text-align:left;} .resourcesSlider div {height:335px;background:#f7f7f7;border-radius:5px 5px 0px 0px;} .resourcesSlider img {margin-right:30px;display:inline-block!important;clear:none;float:left;height:335px;} .resourcesSlider div .sliderlabel {font-size:20px;font-weight:bold!important;color:#464646!important;display:inline-block;margin:25px 0 15px 0;} .resourcesSlider div .slidertitle {font-size:30px;display:inline-block;font-weight:500;} .resourcesSlider div p {font-size:18px;margin:10px 0 25px 0;padding:0px 20px 0 0;} .resourcesSlider div a.greybtn, .resourcesSlider div a.greybtn:visited {background:#464646;margin-top:0px!important;color:#fff!important;} .resourcesSlider div .button.greybtn:hover{background-color:#000!important;} .webinarImgOutline {border: 1px solid #ccc;} /* NEWS & MEDIA PAGE ======================== ============================================= */ .mediacontainer time {font-size:1.3rem;margin-bottom:1.25rem;line-height: 1.4;} .mediacontainer p {font-size:1.3rem;} .mediacontainer p a:link, .mediacontainer p a:visited {text-decoration:none; color:#3b3b3b;} .mediacontainer .press-release p a:link, .mediacontainer .press-release p a:visited {color:#3b3b3b;text-decoration:none;} .mediacontainer .picture-item {margin:0 0 2rem 0;} .filter-media {margin-bottom:3rem;} #more_news h2, #more_news h4, #more_news p {text-align:center;} #media_contacts h2 {text-align:center;margin-bottom:3rem;} #media_contacts h4 {margin-bottom:0;font-weight:700;} .media-contact {padding-left:3rem;} .media-contact.usa {background-image:url(/wp-content/themes/BrontoBones/img/7_News/7_CORP_news_4_usa_icon@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} .media-contact.eur {background-image:url(/wp-content/themes/BrontoBones/img/7_News/7_CORP_news_4_eu_icon@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} .media-contact.benelux {background-image:url(/wp-content/themes/BrontoBones/img/7_News/7_CORP_news_4_benelux_icon@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} .media-contact.au {background-image:url(/wp-content/themes/BrontoBones/img/icons/au-icon_pr@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} /* EVENTS PAGE ======================== ============================================= */ #event_list h4 {margin-bottom:20px;padding-bottom:0px;} .eventscontainer {margin-top:50px!important;display:block;} .eventscontainer a {display:block;cursor:pointer;margin-bottom:35px;width:100%;} .eventscontainer .small-12 {border-bottom:1px solid #000;padding-bottom:25px;} .eventscontainer .medium-3 img {margin-top:35px;} .eventscontainer .medium-9 {font-size:1.75rem;padding-top:35px;} .eventscontainer p, .eventscontainer time {font-size:1.3rem;line-height:1.4rem;} /* LOCATIONS PAGE ======================== ============================================= */ #locations_americas, #locations_au_uk {background-color:#ecf0f1;} #locations_americas.pane h4, #locations_americas.pane h3, #locations_au_uk.pane h4, #locations_au_uk.pane h3 {margin-bottom: 1rem;text-transform: uppercase;font-weight: 700;} h4.mapplic-tooltip-title {margin-bottom:.5rem;} .mapplic-tooltip-content {overflow:visible;max-height:205px !important;} .mapplic-tooltip-content p {margin-top:0 !important;} .mapplic-tooltip-content img {margin-top:-30px;} /* BEST PRACTICES PAGE now RESOURCES======================== ============================================= */ #featuredResources{padding:50px 0px 1px 0px;background-color:#ecf0f1;margin-bottom:50px;} #featuredResources div.cardback.hover-content, .archive.tax-resourcecat div.cardback.hover-content, .archive.tax-resourcetype div.cardback.hover-content {text-align: center!important;} #featuredResources .resourcecardwrap{margin-bottom:25px;} #resourcetypedrop.f-dropdown {border:1px solid #ecf0f1; } #resourcetypedrop.f-dropdown li a {text-decoration:none !important;} #resourcetypedrop.f-dropdown li a:hover {color:#fff;} #resourcetypedrop.f-dropdown li:hover {background-color: #3b3b3b;} .post-type-archive-resource .show-for-small-only.mobiledropmenu, .archive.tax-resourcecat .show-for-small-only.mobiledropmenu, .archive.tax-resourcetype .show-for-small-only.mobiledropmenu { display: none !important; } .reveal-modal.xlarge {margin-left:auto !important;} .success-stories.reveal-modal {min-height:36rem;border-radius:5px!important;} .success-stories.reveal-modal .columns:first-of-type {padding:2rem 2rem .5rem 2rem !important;} h2#modalTitle {padding-top:.5rem;padding-bottom: .5rem;} .card_wrap {transform: translateZ(0);} .archive.tax-resourcetype #hero h1 {margin-top:9rem;} .archive.tax-resourcetype #hero .all-success {bottom: -145px;} #success_stories.pane.bestpractices .row.hide-for-small-only{margin-bottom:3rem;} #mktoForm_3274 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label{display:none!important;} #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ background-color: #000 !important; background-image: none !important; padding: 12px 2rem 13px 2rem !important; margin-top: 2px!important; border-radius: 0 3px 3px 0; font-size: 1rem !important; border: 2px solid #fff!important; /*margin-left: -14px;*/ } #mktoForm_3274 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {display: none!important;} #mktoForm_3274{display:inline-block;width: 500px!important;margin:15px 0 125px 25px;} .emailform{text-align:center;display:inline-block;position:relative;margin:0 auto;left:0;right:0;} #mktoForm_3274 button, #mktoForm_3274 input{display:inline-block!important;} #mktoForm_3274 button{} #mktoForm_3274 input {width:350px!important;font-size:16px;height:45px;padding:5px 15px!important;margin-top:2px;border: 1px solid #fff!important;border-radius:3px 0 0 3px;} #mktoForm_3274 .mktoButtonWrap{margin-left:0px!important;display:inline-block!important;} #mktoForm_3274 .mktoOffset{display:none!important;} #mktoForm_3274 .mktoClear, #mktoForm_3274 .mktoFormRow{clear:none!important;float:left!important;width:auto!important;display:inline-block;} #mktoForm_3274 .mktoClear{display:none;} #mktoForm_3274 .mktoButtonRow{margin-top:0px!important;} div.mktoError[style]{right:0px!important;} #mktoForm_3274 select#Country{width:29.25rem!important;} @-moz-document url-prefix() { /* cause Firefox */ #hero #mktoForm_3274[style]{width:333px !important;width:30.2rem !important;} } @media screen and (-moz-windows-theme) /* cause Windows FF */{ #hero #mktoForm_3274[style]{width:30.2rem !important;} } #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton[disabled] {padding-left:1.14rem !important; padding-right:1.14rem !important;opacity: 1 !important;} @media screen and (-moz-windows-theme) /* cause Windows FF */{ #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:disabled {padding-right:1.1rem !important; padding-left:1.1rem !important;} } @media screen and (-webkit-min-device-pixel-ratio:0) { /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */ #mktoForm_3274 select#Country{width:450px!important;} #mktoForm_3274 input#Email {width: 334px !important;} } /**/ div.alm-btn-wrap > button#load-more, div.alm-btn-wrap > button#load-more:hover{text-decoration: none!important;color: #000 !important;font-size: 1rem!important;padding: 15px 25px!important;background: none!important;border: 2px solid #000!important;border-radius: 3px!important;-moz-border-radius: 3px!important;-webkit-border-radius:3px!important;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} div.alm-btn-wrap > button#load-more:hover{color:#fff!important;background-color:#000!important;} #searchwrap{margin-top:-25px;} /* HOTFIRE!!!!!!!!!! ======================== ============================================= */ #contactbtn { /* background-image: url(/wp-content/themes/BrontoBones/img/hotfire.gif); background-size: cover; background-position: -100px; */ } /* [14] Search & 404 Pages **************************/ /***************************************************/ /* Traveling Bronto 404 */ .error404 h1 {color:#3b3b3b ;} .hidden404 {display:none;} .hidden404 img {width:100%;} #search404 {padding:1.5rem 1rem 1.5rem 2rem;background-image:url("../../img/search.png");background-position:10px 15px;background-size:15px;background-repeat:no-repeat;overflow:hidden;} .randomClass1 #photo_blueridge, .randomClass1 .text_blueridge, .randomClass2 #photo_france, .randomClass2 .text_france, .randomClass3 #photo_greece, .randomClass3 .text_greece, .randomClass4 #photo_nyc, .randomClass4 .text_nyc, .randomClass5 #photo_utah, .randomClass5 .text_utah {display:inline-block!important;} [class^="randomClass"] strong {color:#000;} .h1404 {font-weight:500;font-size:1.5em;margin-bottom:15px;} .h1404 img {z-index: 10;} .hidden404 .flag {border-radius:0 0 0 5px;float:right;margin-bottom:-60px;position:relative;padding:15px 25px;background-color:rgba(10,10,10,.5);color:#fff;font-size:1em;max-width:150px;} .hidden404 .flag img {width:35px!important;margin-right:10px;z-index:1000;} .topics404 ul {display:inline-block!important;list-style:none;padding:0px;margin:0px;} .topics404 ul li {float:left;margin:0 5px 2px 0;} .topics404 a {background:#939291;color:#fff!important;padding:2px 5px;margin-top:5px;white-space:nowrap;display:inline-block;text-decoration:none;border-bottom:0px!important;} .searchresults {min-height:600px;} .searchresults h3 {margin-bottom:0px;} .searchresults .cardback p{text-align:center;} .searchdropdown select option {width:100%!important;padding: 1.5rem 1rem 1.5rem 2rem;display:block;} .searchdropdown select {width:190px;height:50px;} .searchdropdown li:first-child {margin-left:0;} .searchdropdown li a {display: inline-block;} /* Fix number alignment on mobile search */ .searchdropdown li.search-reorder {padding-top:0 !important;} .searchdropdown li a {border:transparent solid 1px; transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; -moz-transition: border .5s ease-in-out; text-transform: capitalize;} .searchdropdown li.active a {border-bottom: 1px solid; font-weight: bold;} /* [15] Brontolove - JUICER *****************************************/ /*******************************************************/ .juicer-feed.loaded {padding: 25px;} .galcolumn li {border-width:1px !important;} /* [16] ANIMATION *****************************************/ /*******************************************************/ /* [X.x] ...Fade... ==========*/ .fade {position: relative;bottom: 0em;display: inline-block;width:100%;height: 8em;margin-top: -8em;background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: linear-gradient(rgba(255,255,255, 0) 0%,rgba(255,255,255, 1) 100%);background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); } /* [X.x] << Pulse >> ==========*/ .gps_ring {border: 5px solid rgba(255, 255, 255, 0.8);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;height: 50px;width: 50px;position: absolute;top:250px;-webkit-animation: pulsate 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation: pulsate 2s ease-out;-moz-animation-iteration-count: infinite; animation: pulsate 2s ease-out;animation-iteration-count: infinite;opacity: 0.0} #pulse1{right:10px;top:215px;left:auto;margin:0 0;} #pulse2{top:300px;right:85px;left:auto;} #pulse3{top:320px;left:0;right:0;margin:0 auto;} @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1.0;} 100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;} } @-moz-keyframes pulsate { 0% {-moz-transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1.0;} 100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;} } @keyframes pulsate { 0% {transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1.0;} 100% {transform: scale(1.2, 1.2); opacity: 0.0;} } /* [X.x] {{ {{ Ripple Out }} }} ==========*/ @-webkit-keyframes primary-btn { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes primary-btn { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } /* [17] MEDIA QUERY LAYOUT ADJUSTMENTS ***************/ /***************************************************/ /* [x.x] Breakpoint SMALL ONLY ==============*/ @media only screen and (max-width: 40em) /* max-width 640px, mobile-only styles */ { h2 {line-height:2.25rem;} #hero {background-position: top left;} #hero, #hero.medium-hero, #hero.small-hero, .page-template-page-success #hero.small-hero {min-height: inherit;} #hero p.video {margin-top: 0rem;} #hero h1 {font-size: 2rem;margin-top: 0 !important;padding-top: 2rem !important;line-height: 2.25rem;} #hero h3 {font-size: 1.3rem;padding-bottom: 2rem;} #hero .all-success {bottom: 0px;margin-bottom: .5rem;} #hero.medium-hero, #hero.small-hero {background-position: top center;} .ns {background-position: top left !important;} .ns-success-pane-text {padding:0 1.5rem;} a[href="/partners/"] {bottom: -85px;} .become-partner.back-btn {bottom:0px !important;} #partners.pane h4.partnerssubhead{margin:.5rem 0 .5rem 0;} #hero.small-hero, .page-template-page-success #hero.small-hero {min-height:175px;} h1#page-title-only {margin-top:2rem!important;} .all-success {bottom:0px !important;} p.all-success {padding-left: 1.875rem;padding-right: 1.875rem;} .mobile-one-line {bottom:-15px !important;} /* Adjust footer */ .bottomnav li {margin-left:15px;} /* Adjust post pagination */ .page-numbers .page-numbers {display:none;} .page-numbers .current, .page-numbers .prev, .page-numbers .next {display:block;} #customer_logos.pane ul > li {width: 47% !important; margin-right: 1%; margin-left: 1%; margin-bottom: 2rem; float: none !important;} #customer_logos.pane ul > li:nth-child(5) {margin-left: 0;} #customer_logos.pane ul > li:nth-child(n+5) {margin-bottom: 0;} #customer_logos.pane ul > li:last-of-type[style] {margin-top: 1rem !important;} .card_wrap {margin-bottom: 1.8rem;} /*#customer_quotes.pane .medium-4 {margin-bottom: 5rem;}*/ #customer_quotes.pane p:first-of-type {min-height: inherit !important;} .card_wrap:last-of-type, .bronto_feature:last-of-type p, #customer_quotes.pane .medium-4:last-of-type {margin-bottom: 0;} /*#customer_quotes .medium-4:nth-child(-n+2) {display: none;}*/ .card-content.dark > p {margin: 1rem 0 !important;} .contactus {bottom: -500px;width: 100%;padding: 0 20px;text-align: center;} .slide-up1 {bottom: -340px !important;} .slide-up2 {bottom: 0px !important;} .slide-down {bottom: -500px !important;} #contactmenu {padding:5px 5px;} #contactmenu {width:100%;background:#fff;font-family: 'source_sans_probold';font-size:13px;clear:both;margin-top:10px!important;} #contactmenu .phone a {width:100%;text-align:center;} .tabs .tab-title>a, .tabs dd>a {font-size: .6rem !important; padding:.5rem;} .tabs-content {margin-bottom: 0 !important;} .tabs-content > .content {padding: 0; display:block;} .tabs-content > .content:nth-of-type(n+2) {margin-top:3rem;} .tabs .tab-title.active a:hover {animation: none !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;} #product_features.pane .tabs-content-left h3 {margin-top: 0 !important;} #extend_with_apps .flipping-content, #success_stories .flipping-content, #success_stories .hover-content {margin-bottom:3rem !important;} #success_stories .medium-6 .card-logo h4 {background-size: 70px !important;} #success_stories .medium-6.large-4 .card-logo h4 {background-size: 70px !important; /*width:30% !important;*/background-position:20px !important;} .success-goal-result {border-top:none !important;} #success_stories .cardback p {padding:0 5.5rem !important; } .post-type-archive-resource #success_stories.pane, .archive.tax-resourcecat #success_stories.pane, .archive.tax-resourcetype #success_stories.pane { padding-top: 0; } .tabs .tab-title>a {padding:.2rem !important;font-size: .7rem !important;} button.pea_cook_btn {margin-left: 34% !important;} #related .medium-6 {padding: 2rem !important;} #related .medium-6:first-of-type h3 {margin-top:1rem !important;} .columns.success-approach ul {/*border-bottom:solid 1px #4b4b4b !important*/} .all-stories .all-success {position: relative;left:auto;bottom:auto;} .all-stories .all-success img {height:2rem;width:2rem;} .all-stories .all-success a:link, .all-stories .all-success a:visited {color:#000;} .all-stories p {margin-top:1.25rem;} .columns.success-goal {padding-left: 0 !important;border:0 !important;} #related.pane .columns .columns:first-of-type {padding-left: 0 !important; padding-right: 0;border-radius: 0px;} #related.pane .columns .columns:last-of-type {border-radius: 0px;} #related.pane {margin:0 1rem;} #related.pane h3 {margin-top:2rem;} #related.pane .medium-5.columns h3 {background-size:16rem !important;margin:6rem 2.5rem 6rem;line-height:3rem;background-repeat:no-repeat;background-position: center center;} #related.pane .large-10.columns {padding-left: 0;padding-right: 0;} .featuredPartnerAppcenter.pane .medium-9{text-align:center;} #minifooter .socialicons {float: none;margin-top: 1.0625rem;} #minifooter h4 {margin-top: 15px;} .small-12.legalese:nth-of-type(2) {margin-bottom:1.0625rem;margin-top:1.0625rem;} #mktoForm_1431 > div.mktoButtonRow{margin:10px 0!important;} #mktoForm_1431 > div.mktoButtonRow > span > button { margin-left: 5px;} #Email{width:100%;padding:20px 10px;} #partners.pane .card-content.dark p {margin-top: -.25rem !important;} #partners.pane .card-content.dark {background-size: 50% !important;background-position: center 80%;min-height: 10rem;} #partner_grid .card_wrap {margin-top:0 !important;} #partner_grid {margin-top:1rem;} a.button.mobiledropmenu, a.button.mobiledropmenu {margin-bottom:1rem;} .featuredPartnerAppcenter .logo{margin:0 auto 25px auto;position:relative;} #platform_info.pane, #services_info.pane {padding: 2rem 0 2rem 0;} .circle {height: 6.5rem !important;width: 6.5rem !important;line-height: 6rem!important;} .circle h5 {line-height: 6rem !important;} #mobilecta .fom:hover {background-color:#2EB135!important;} .mediacontainer time {display:block;text-align:left;margin-bottom:0;} .mediacontainer p {margin-bottom:0;} .reveal-modal.xlarge {width:100%;min-height:auto;margin-left:0;left:0;padding:10px 0px 10px;} .about-icon {margin-bottom:1.5rem;} #event_list {padding:0px !important;} #legalwrap1 img {margin-bottom:1rem;} } /* [x.x] Breakpoint SMALL + MEDIUM ==============*/ /* Nothing here at the moment */ /* [x.x] Breakpoint MEDIUM and UP ==============*/ @media only screen and (min-width: 40.063em) /* min-width 641px, medium screens */ { ul.hide-for-small-only {display: inline-block !important;} } /* [x.x] Breakpoint MEDIUM and DOWN ==============*/ @media only screen and (max-width: 64em) /* max-width 1024px */ { /* Adjust footer */ #pagefooter .social{margin:0 10px 20px 0;} #pagefooter .bottomnav{float:none;} #pagefooter .social{margin:0 10px 20px 0;} #pagefooter .bottomnav{float:none;} /* Mobile search suggestions */ #dwls_search_results {top: 105px!important;} /* Adjust nav */ #nav3 li{padding:0px 5px 5px 5px;} #nav3 .primarynav{margin-top:0px;} #nav3 .primarynav li a{margin-top:1em;} #legalese{float:left;} .success-download {border-top:0 !important;} #success_stories .cardback p {padding:0 5.5rem !important;} .tabs .tab-title>a {padding:.5rem 1rem !important;font-size: .9rem !important;} .success-approach ul {border-bottom: none !important;} .columns.success-result {border-top:none !important;} #partner_grid .card_wrap:nth-of-type(n+4) {margin-top: 2rem;} /* Resources Slider */ label.sliderlabel{font-size:1.25rem;padding-bottom:10px;} .resourcesSliderMobile img{margin:0 auto;} .resourcesSliderMobile .slick-dots{bottom:-40px!important;border-bottom:1px solid #333;padding-bottom:10px;} .resourcesSlider img{margin-right:10px;} .resourcesSlider span.sliderlabel{font-size:1rem;margin-top:10px;} .resourcesSlider span.slidertitle{font-size:1rem;line-height:1rem;font-weight:bold;} .resourcesSlider div p{font-size:1rem;margin:10px 0 20px 0;} /* Success Cards logo tag fix*/ #success_stories .card-logo h4, #partner_cards .card-logo h4{width:45%;} /* ALWAYS hide windows ver of Custoemr Journey on mobile */ #customer_journey_windows{display:none!important!important;} } /* [x.x] Breakpoint MEDIUM ONLY ==============*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) /* min-width 641px and max-width 1024px */ { .small-12.legalese:nth-of-type(2) {margin-top: 1.0625rem;} #legalwrap1 img {margin-top:.35rem;width:220px;} #hero {background-position: top left;} #hero.medium-hero, #hero.small-hero {background-position: top center;} #hero .all-success {bottom: -65px;} .video-success {bottom:-20px !important;} #hero .all-success.video_all_btn{bottom:-50px;} #megafooter li, #megafooter ul{font-size: .9rem!important;} } /* [x.x] Breakpoint LARGE and UP ==============*/ @media only screen and (min-width: 64.063em) /* min-width 1025px, large screens */ { #legalwrap2 {margin-left: -1rem;} #main article {padding-left:25px;} #main article article {padding-left:0px;} } /* [x.x] Breakpoint LARGE ONLY ==============*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) /* min-width 1025px and max-width 1440px */ { } /* [x.x] Breakpoint XTRA LARGE and UP ==============*/ @media only screen and (min-width: 90.063em) /* min-width 1441px, xlarge screens */ { } /* [x.x] Breakpoint XTRA LARGE ONLY ==============*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) /* min-width 1441px and max-width 1920px*/ { } /* [x.x] Breakpoint OTHER SPECIFIC BREAKPOINTS ==============*/ /* Show Return to top arrow when gutters are present only */ @media (max-width:1200px) {#wonkavater{bottom:25px;right:5px;}} @media (max-width:1116px) {#wonkavater{display:none!important;}} @media (max-width:1075px) { /* Adjust top nav */ .primarynav{margin-left:0px;} #nav1 .f-dropdown li a{margin-bottom:0px;margin-top:5px;font-size:.9rem;} } @media (max-width:985px) { /* Adjust nav */ .primarynav{margin-left:0px;} .primarynav li a{padding:.5em;margin-left:3px;} /* Adjust alert bar */ #alertbannerwrap a span{display:none!important;} #alertbannerwrap a{font-size:.8rem;} #closealertbanner{font-size:1rem!important;width:25px!important;height:25px!important;} #customer_logos.pane ul > li {max-width:8.5rem;} } @media (max-width:912px) { /* Adjust nav */ .primarynav li a{margin-bottom:1em;} #partners.pane .card-content.dark p {margin-top:0 !important;} } @media (max-width:856px){ /* Adjust nav */ .brontologo{width:150px;background-position:center 28px;margin-right:50px;} .primarynav li a{font-size:.8em;} #customer_logos.pane ul > li {float: none !important;} } @media (max-width:790px){ /* Adjust nav */ .primarynav li a{padding:.35em .5em;} } @media (max-width:690px){ /* Adjust nav */ .brontologo{margin-right:0px;} .primarynav li:first-child {margin-left:0px;} } @media (max-width:640px){ /* Resources Marketo Form */ #mktoForm_3274 .mktoButtonRow{ padding-top: 10px!important; display: block; clear: both; width: auto; text-align:center; left:0px!important;} #mktoForm_3274{margin:0px 0px 50px 0px!important;} #mktoForm_3274, #mktoForm_3274 div.mktoFieldWrap.mktoRequiredField, #mktoForm_3274 .mktoFormRow, #mktoForm_3274 input,#mktoForm_3274 select#Country{ width:100%!important;border-radius:0px 0px!important;} #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ border-radius: 3px 3px;} } @media screen and (min-width: 63.9375em) { /* hide off-canvas elements */ .right-off-canvas-menu{display:none!important;} #minifooter h4 {display: block;} } @media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) { /* iPhone only */ #pagefooter .bottomnav{font-size:.5em;} .success-approach ul {margin-bottom:0;padding-bottom: 2rem; border-bottom:solid 1px #4b4b4b;} .columns.success-result {border-left:0 !important;padding-left:0 !important;border-top:solid 1px #4b4b4b;} #success_stories .hover-content {margin-bottom:0 !important;} .success-download {margin-bottom: 0 !important;} .success-download a {display: none !important;} #success_summary {padding-bottom: 0 !important;} .linear-decor {margin-top:0 !important;} } /* [18] Fixes ***************************************/ /***************************************************/ /* iPad specific nav dropdown fix */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {.pea_cook_wrapper.pea_cook_bottomleft{width:100%!important;}ul#drop1.f-dropdown.open.f-open-dropdown{left:525px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {.pea_cook_wrapper.pea_cook_bottomleft{width:100%!important;}ul#drop1.f-dropdown.open.f-open-dropdown{left:525px!important}} /* Fix SVGs in IE */ .ie9 img[src*=".svg"] { width: 100%; } /* 2 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src*=".svg"] { width: 100%; } } /* Elimiate mobile devices from zooming in on input boxes */ select, select:focus, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px!important; } @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } } /* Eliminate gap in footer */ iframe[name="google_conversion_frame"]{display:none!important;} /* Print Styles */ @media print { .contactus, .all-success, #megafooter, #related, #minifooter .medium-3.large-2.columns, #minifooter.medium-5.large-4.columns {display:none!important} #hero{padding:0;margin:0;min-height:0!important;} .columns.success-goal:first-of-type {padding-left: .9375rem!important;} article #hero.small-hero h1 {margin-top: 1rem;} .columns.success-goal{border-right:0px;height:auto!important;} #minifooter{display:none;} } @page { size: auto; margin: 20mm 10mm 20mm 10mm; } /* [19] Fixes ***************************************/ /***************************************************/ div[id*="ajaxsearchlite"] { width: 100%; height: auto; border-radius: 5px; background-color: transparent; overflow: hidden; border: 0px solid rgb(181, 181, 181); border-radius: 0px 0px 0px 0px; box-shadow:none; } #ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox { margin: 0px; height: 18px; height: 18px; background-color: transparent; border: 0px none rgb(255, 255, 255); border-radius: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset; border: 2px solid rgb(59, 59, 59); border-radius: 3px; height: auto; padding: 13.5px 1rem 13.5px 2rem; background-image: url("/wp-content/themes/BrontoBones/img/search.png") !important; background-position: 10px 15px !important; background-size: 15px !important; background-repeat: no-repeat !important; } #ajaxsearchlite1 .probox .proinput, div[id*="ajaxsearchlite"] .probox .proinput { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(0, 0, 0) !important; font-size: 12px; line-height: normal !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); margin:0; padding:0; height: auto !important; height: 18px !important; } #ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(0, 0, 0) !important; font-size: 12px; line-height: normal !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); border: 0; box-shadow: none; } div[id*="ajaxsearchlite"].asl_msie .probox .proinput input { /*line-height: 24px !important;*/ } /* EACH PLACEHOLDER MUST HAVE A DIFFERENT RULE TO WORK */ div[id*="ajaxsearchlite"] .probox .proinput input::-webkit-input-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input::-moz-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input:-ms-input-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input:-moz-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input.autocomplete { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(0, 0, 0); font-size: 12px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); margin-top: -18px !important; } div[id*="ajaxsearchlite"] .probox .proloading, div[id*="ajaxsearchlite"] .probox .proclose, div[id*="ajaxsearchlite"] .probox .promagnifier, div[id*="ajaxsearchlite"] .probox .prosettings { width: 18px; height: 18px; } div[id*="ajaxsearchlite"] .probox .promagnifier .innericon svg { fill: rgb(54, 54, 54); fill: rgb(59, 59, 59); display: none; } div[id*='ajaxsearchlite'] .probox div.asl_simple-circle { border: 2px solid rgb(0, 0, 0); } div[id*="ajaxsearchlite"] .probox .prosettings .innericon svg { fill: rgb(54, 54, 54); fill: rgb(59, 59, 59); } div[id*="ajaxsearchlite"] .probox .promagnifier { width: 18px; height: 18px; background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: center center; background-repeat: no-repeat; border: 0px solid rgb(255, 255, 255); border-radius: 0px 0px 0px 0px; box-shadow: -1px 1px 0px 0px rgba(255, 255, 255, 0.64) inset; cursor: pointer; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; cursor: pointer; display: none; } div[id*="ajaxsearchlite"] .probox div.prosettings { width: 18px; height: 18px; background-image: -o-linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: center center; background-repeat: no-repeat; float: right; border: 0px solid rgb(255, 255, 255); border-radius: 0px 0px 0px 0px; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.64) inset; cursor: pointer; background-size: 100% 100%; order: 7; -webkit-order: 7; display: none; } div[id*="ajaxsearchliteres"] { position: absolute; z-index: 1100; } div[id*="ajaxsearchliteres"].vertical { padding: 4px; background: rgb(255, 255, 255); border-radius: 3px; border: 0px solid rgb(181, 181, 181); border-radius: 0px 0px 0px 0px; box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.3); visibility: hidden; display: none; } div[id*="ajaxsearchliteres"] .results .nores .keyword { padding: 0 6px; cursor: pointer; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(74, 74, 74); font-size: 13px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); font-weight: bold; } div[id*="ajaxsearchliteres"] .results .item { height: auto; background: rgb(255, 255, 255); } div[id*="ajaxsearchliteres"].vertical .results .item:after { background: rgb(204, 204, 204); } div[id*="ajaxsearchliteres"] .results .item.hovered { background: rgb(244, 244, 244); } div[id*="ajaxsearchliteres"] .results .item .asl_image { width: 70px; height: 70px; } div[id*="ajaxsearchliteres"] .results .item .asl_content h3, div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a { margin: 0; padding: 0; line-height: inherit; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(20, 104, 169); font-size: 14px; line-height: 18px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a:hover { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(46, 107, 188); font-size: 14px; line-height: 20px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item div.etc { padding: 0; line-height: 10px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: rgb(161, 161, 161); font-size: 12px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item .etc .asl_author { padding: 0; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: rgb(161, 161, 161); font-size: 12px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item .etc .asl_date { margin: 0 0 0 10px; padding: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(173, 173, 173); font-size: 12px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item p.desc { margin: 2px 0px; padding: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(74, 74, 74); font-size: 13px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_dragger:active .mCSBap_dragger_bar, div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_dragger.mCSBap_dragger_onDrag .mCSBap_dragger_bar { background: rgba(255, 255, 255, 1); filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ } div[id*="ajaxsearchliteres"].horizontal .mCSBap_scrollTools .mCSBap_dragger:active .mCSBap_dragger_bar, div[id*="ajaxsearchliteres"].horizontal .mCSBap_scrollTools .mCSBap_dragger.mCSBap_dragger_onDrag .mCSBap_dragger_bar { background: rgb(250, 250, 250); filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ } div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_buttonDown { border-color: rgb(62, 62, 62) transparent transparent transparent; } div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_buttonUp { border-color: transparent transparent rgb(62, 62, 62) transparent; } div[id*="ajaxsearchliteres"] span.highlighted { font-weight: bold; color: #d9312b; background-color: #eee; color: rgba(217, 49, 43, 1); background-color: rgba(238, 238, 238, 1); } div[id*="ajaxsearchliteres"] p.showmore a { border: 1px solid #EAEAEA; } div[id*='ajaxsearchliteres'].vertical .results .asl_spacer { background: none repeat scroll 0 0 #D8D8D8; display: block; height: 1px; width: 100%; margin: 0; padding: 0; } /* Search settings */ div[id*="ajaxsearchlitesettings"].searchsettings { background: rgb(255, 255, 255); box-shadow: 0px 0px 0px 1px rgb(181, 181, 181) inset;; } div[id*="ajaxsearchlitesettings"].searchsettings .label { font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: rgb(43, 43, 43); font-size: 12px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlitesettings"].searchsettings .option label { background-image: linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -webkit-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -moz-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -o-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -ms-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58));; } div[id*="ajaxsearchlitesettings"].searchsettings fieldset .categoryfilter { max-height: 200px; overflow: auto; } div[id*="ajaxsearchlitesettings"].searchsettings fieldset legend { padding: 5px 0 0 10px; margin: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(71, 71, 71); font-size: 13px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox { border: 2px solid rgb(59, 59, 59); border-radius: 3px; height: auto; padding: 13.5px 1rem 13.5px 2rem; background-image: url("/wp-content/themes/BrontoBones/img/search.png") !important; background-position: 10px 15px !important; background-size: 15px !important; background-repeat: no-repeat !important; } #ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input { font-size: 16px !important; color:#3b3b3b; margin-left: 0; padding-left: 0; font-family: "Source Sans Pro", sans-serif; height: 18px !important; } #ajaxsearchlite1 .probox .proinput, div[id*="ajaxsearchlite"] .probox .proinput { font-family: "Source Sans Pro", sans-serif; color:#3b3b3b; } /* [20] Ajax Load More ***************************************/ /***************************************************/ button.alm-load-more-btn.done {display:none !important;} /* [21] Triblio Fixes ***************************************/ /***************************************************/ /* Fix for Triblio Push down banner */ /*.inner-wrap {margin-bottom:50px;} */ #mktoForm_2905 .mktoHtmlText[style] {width:100% !important;} #mktoForm_2905 .mktoHtmlText p.p1 {font-size: .7rem;line-height:1.2;color:#656565;} #mktoForm_3274 .mktoHtmlText span {color:#fff !important;} #mktoForm_3274 .mktoFieldDescriptor label.mktoLabel {display: none;} #mktoForm_3274 .mktoHtmlText span {margin-top: 1rem; display: inline-block;width:470px;} #mktoForm_3274 {margin-bottom: 50px;} #mktoForm_3274 select { border: 1px solid #fff !important; border-radius: 3px; font-size: 16px; height: 45px; margin-top: .5rem; padding: 5px 15px !important; width: 470px !important; } #mktoForm_3274 .mktoHtmlText span a:link, #mktoForm_3274 .mktoHtmlText span a:visited {color:#fff !important;} #mktoForm_1431 .mktoHtmlText span {margin-top: .5rem; display: inline-block;color:#fff !important;font-size: .7rem; line-height: 1.2;} #megafooter #mktoForm_1431 .mktoHtmlText {} #mktoForm_2905 .mktoLogicalField.mktoCheckboxList {position: absolute;top:.75rem;} #mktoForm_2905 .mktoLabel[for="generalOptIn"] {float: right;padding-left:2rem;} #mktoForm_2905 div.mktoFormRow:nth-of-type(6) .mktoFieldDescriptor, #mktoForm_2905 div.mktoFormRow:nth-of-type(24) .mktoFieldDescriptor {width: 100% !important;} #mktoForm_2905 .mktoHtmlText p.p1 {margin-top:.5rem;} #mktoForm_2905 #Person_Notes_to_Bronto__c {display: block !important;} #mktoForm_2905 .mktoButtonRow {margin-top:20px !important;} div.testimonial {border: solid 3px #d9d9d9;border-radius: 3px;text-align: center;padding:2rem;background-color:#fff;} div.testimonial p.quote {font-size: 1.5rem;font-weight: 700; font-style: italic;line-height: 1;margin-top: 1rem;} div.testimonial img {max-width: 12rem;} .overlay-intro p {margin-bottom: 0;} .testimonial-wrapper {padding-top: 2.25rem;} .overlay, .partner-overlay {background: rgba(255,255,255,0.98) !important;} /* Fix underline on hero contact */ @media screen and (min-width: 640px){#herocontactdesktop{display:inline-block!important;}} /* [22] New Product Section Release 1 ***************************************/ /***************************************************/ #hero.product_v2_hero {background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_products_hero@2x.jpg);text-align:left;} #hero.product_v2_hero h1 {line-height: 1.25;margin-top: 10rem;font-size:2.75rem;font-weight:900;} #hero.product_v2_hero h3{font-weight:600;} .product-screens {margin-top: 7rem;position:relative; z-index:1;} .product-screens img { margin-left:55px; } #test_sticky_nav {padding:0;} #post-20 .card-content, .magellan-sticky-nav { box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -webkit-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -moz-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); } /* class applied to section and div bgs */ .diagon {position: relative;padding-bottom: 110px;} #bmp_cta .diagon {z-index:-1;} .diagon:before { content: ""; position: absolute; z-index: 0; width: 100%; height: 14%;height:100%;height:124%; top: 29rem;top:0;top:-7.5rem;top:0; left: 0; transform: skewY(-9.4deg); background: rgba(198,201,202,1); background: -moz-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -webkit-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -o-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); } #bmp_personalization:before { content: ""; position: absolute; z-index: 0; width: 100%; /*height: 14%;*/ /* height: 100%;*/ height: 110%; /*top: 29rem;*/ /*top: 0;*/ /* top: -7.5rem;*/ top: 0; left: 0; transform: skewY(-9.4deg); background: rgba(198,201,202,1); background: -moz-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -o-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); } /* adjust position for email pane (formerly data) */ #bmp_email.diagon:before {top:-8rem} /* adjust gradient for personalization pane (formerly messaging) */ #bmp_messaging_v2.diagon:before { background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 2%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.58) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 2%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.58) 99%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 2%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.58) 99%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* class applied to left aligned embellishments */ .diagonals {position:absolute;} .diagonals span { content: ""; position: absolute; z-index: 0; width: 300px; height: 250px; top:-4rem; left: 0; transform: skewY(-9.4deg); background: -moz-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .diagonals span.thirdEmbellishment { top:132px; height:300px; background: rgba(236,240,241,1); background: -moz-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(15%, rgba(252,252,252,1)), color-stop(40%, rgba(248,248,247,1)), color-stop(100%, rgba(230,230,230,1))); background: -webkit-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: -o-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: -ms-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); } /* class applied to right aligned embellishments */ .diagonals.diagonal_right {position:absolute; width:100%;} .diagonals.diagonal_right span { content: ""; position: relative; z-index: 0; width: 300px; height: 250px; top: -322px; transform: skewY(-9.4deg); background: #ddd; display: inline-block; margin-left: 80%; background: -moz-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* adjust gradient and position for secondEmbelishment */ .diagonals.diagonal_right span.thirdEmbellishment { background: -moz-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* adjust gradient and top for thirdEmbelishment */ .diagonals.diagonal_right span.thirdEmbelishment { background: -moz-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ top:54px; } /* adjust gradient for email pane embelishment (formerly data) */ #bmp_email .diagonals span { background: -moz-linear-gradient(85deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(240,243,244,1) 50%, rgba(245,245,244,1) 84%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(240,243,244,1) 50%, rgba(245,245,244,1) 84%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(240,243,244,1) 50%, rgba(245,245,244,1) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* card adjustments */ .card_wrap {position:relative; z-index:50;} /*button adjustments */ #bmp_email .bmp-cta .button.secondary-btn-wht, #bmp_email .bmp-cta .button.secondary-btn-wht:hover, #bmp_email .bmp-cta .button.secondary-btn-wht:visited {background-color:#0072c4 !important; color:#fff !important; border:0;z-index: 1;} #bmp_personalization .bmp-cta .button.secondary-btn-wht, #bmp_personalization .bmp-cta .button.secondary-btn-wht:hover, #bmp_personalization .bmp-cta .button.secondary-btn-wht:visited {background-color:#ff6347 !important; color:#fff !important; border:0;z-index: 1;} #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2eb135 !important; color:#fff !important; border:0;z-index: 1;} #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2d3e50 !important; color:#fff !important; border:0;z-index: 1;} #bmp_integrations_v2.bmp-pane {background-color:#2d3e50;} #bmp_integrations_v2.bmp-pane .card-content {position: relative;text-align:center;padding-top:2rem;} #bmp_integrations_v2.bmp-pane .card-content:hover {top:1px;} #bmp_integrations_v2.bmp-pane .card-content p {margin-bottom: .75rem;} /*#bmp_integrations_v2.bmp-pane .card-content p::after { content: ""; height:16px; width:16px; display: inline-block; margin-left: .65rem; position: relative; top: 3px; background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_right_arrow@2x.png) no-repeat 0 0; background-size:cover; }*/ /*#post-20 .button.secondary-btn-wht {transition: all .2s ease-in-out;} #post-20 .button.secondary-btn-wht:hover {transform: scale(1.1);}*/ #post-20 #bmp_cta .button.secondary-btn-wht {background-color:#ff6347; color:#fff; border:solid 2px #ff6347;} /* Pane content adjustments */ .bmp-pane h4 {margin-bottom:1rem;} h4.icon-title {text-transform:uppercase; font-weight:900;font-size:.9rem;} h4.icon-title span {display:block;margin-top:0;} /*h4.icon-title img {width:150px;}*/ #bmp_email h4 span {color:#0072c4;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top:2rem;} #post-20 #bmp_analytics h4.icon-title img {width:150px;} .emailIcon { width:175px; } .personalizationIcon { width:145px; } .automationIcon { width:155px; } .analyticsIcon { width:175px; } #bmp_personalization h4 span {color:#ff6347;padding-top:.2rem;} #bmp_automation_v2 h4 span {color:#2eb135;} #bmp_analytics_v2 h4 span {color:#2d3e50;} #bmp_integrations_v2 h4.pane-title {margin-top:0rem;margin-bottom:.5rem;} #bmp_integrations_v2 h4 img {max-width:80%; margin-top:1.2rem;} #bmp_integrations_v2 img.logo.shopify {margin-top: -.15rem;} #bmp_integrations_v2 h4.pane-subtitle {margin-top:1.5rem;} #bmp_integrations_v2 h4.pane-subtitle a:link, #bmp_integrations_v2 h4.pane-subtitle a:visited {color:#fff;} .columnswrap {z-index: 1;} #bmp_personalization.bmp-pane .card-content li:before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_tomato@2x.png) no-repeat 0 0;background-size:cover;} #bmp_email.bmp-pane .card-content li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_blue@2x.png) no-repeat 0 0;background-size:cover;} #bmp_automation_v2.bmp-pane {background-color:initial;background-image:none;} #post-20 #bmp_cta_first. #post-20 #bmp_ease_optimize {position:relative;} #bmp_cta_first {position:relative; z-index:1;} p.bmp-cta a.button {font-weight: 900;font-size: 1.3rem;} p.bmp-cta {margin-top: 2rem;margin-bottom: 0;} #bmp_cta_first h2 a.button, #bmp_cta a.button {font-weight: 900;font-size: 1.3rem;} .bmp-pane h2 {font-weight: 900;text-transform: uppercase;margin-bottom: 2.2rem;font-size: 1.85rem;line-height: 2.2rem;} .bmp-pane .card-content h5 {margin-bottom: .8rem;font-weight: 900;font-size: 1.25rem;line-height: 1.6rem;} #bmp_cta_first h2, #bmp_cta h2 {color: #3b3b3b;font-weight: 900;font-size: 2.3rem;padding-top:2rem;} /* [23] New Product Section Subpage Release 1 ***************************************/ /***************************************************/ /*.tabs,*/ .magellan-sticky-nav {margin:0 auto 0 auto;display: inline-block;margin-top:-1rem;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius:6px;background: #fff;} .magellan-sticky>a {padding: 0;margin:1.25rem 1rem;border-bottom:solid 2px #fff;} .magellan-sticky:first-of-type a {margin-left: 0rem;} .magellan-sticky:last-of-type a {margin-right: 0rem;} /*.tabs li,*/ .magellan-sticky-nav li {text-decoration: none;color: #3b3b3b;font-size: 1rem;background-color: #fff;padding-left:.5rem;padding-right:.5rem;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius:0;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} /*.tabs li a:hover, .tabs .tab-title.active a:hover, .tabs dd.active a:hover,*/ .magellan-sticky-nav .magellan-sticky.active a:hover, .magellan-sticky-nav li.active a:hover, .magellan-sticky-nav li a:hover {opacity: 1 !important;border-bottom:solid 2px #ff6347;} /*.tabs li:first-of-type,*/ .magellan-sticky-nav li:first-of-type {border-bottom-left-radius:3px; border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px;margin-left:3rem;} /*.tabs li:last-of-type,*/ .magellan-sticky-nav li:last-of-type {border-bottom-right-radius:3px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px;-webkit-border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;margin-right:3rem;} /*.tabs .tab-title>a, .tabs dd>a,*/ .magellan-sticky-nav .magellan-sticky>a {text-transform: uppercase; font-weight:900; font-style:normal; font-size:1.25rem; line-height: 1; color:#3b3b3b; text-decoration: none;display: block;} /*.tabs .tab-title.active a, .tabs dd.active a,*/ .magellan-sticky-nav .magellan-sticky.active a {border-bottom:solid 2px #ff6347;} /*.tabs-content {margin-top: 2rem;}*/ .magellan-sticky-nav {} .magellan-sticky-nav .magellan-sticky { float: left; list-style: outside none none; margin-bottom: 0 !important; position: relative;} .magellan-fixed-container {background:none;height:0;text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;} .magellan-fixed-container.fixed {margin-top:8.55rem;} .magellan-fixed-container[data-magellan-expedition] {padding: 0 !important;} .magellan-fixed-container.fixed[data-magellan-expedition-clone],[data-magellan-expedition-clone] {display: none;} #bmp_data.bmp-pane {background-color:#ff6347;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_DATA_header@2x.png);background-size:/*48rem*/20rem;background-repeat:no-repeat;background-position: center /*top*/2rem;} #bmp_messaging.bmp-pane {background-color:#0072c4;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_MESSAGING_header@2x.png);background-size:48rem;background-repeat:no-repeat;background-position: center /*top*/2rem;;} #bmp_automation.bmp-pane {background-color:#2eb135;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_AUTOMATION_header@2x.png);background-size:48rem;background-repeat:no-repeat;background-position: center /*top*/2rem;;} #bmp_analytics.bmp-pane {background-color:#2d3e50;;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_ANALYTICS_header@2x.png);background-size:44rem;background-repeat:no-repeat;background-position: center 4rem;} #bmp_cta_first, #bmp_ease_optimize {background-color:#fff;} #bmp_integrations.bmp-pane {background-color:#fff;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_INTEGRATIONS_header@2x.png);background-size:48rem;background-repeat:no-repeat;background-position: center /*top*/ 3rem;} #bmp_data.bmp-pane h2, #bmp_data.bmp-pane h4 {color:#802d1e} #bmp_messaging.bmp-pane h2, #bmp_messaging.bmp-pane h4 {color:#003256;} #bmp_automation.bmp-pane h2, #bmp_automation.bmp-pane h4 {color:#145017;} #bmp_integrations a:link, #bmp_integrations a:visited {color:#008cba;} #bmp_cta_first h2 {padding-top:2rem;} #bmp_cta_first h2, #bmp_cta h2 {color:#2d3e50; font-weight: 900;font-size: 2rem;} #bmp_cta_first h2 a.button {background-color:#ff6347; color:#fff; border:solid 2px #ff6347; margin-left:1.5rem;} #bmp_cta_first h2 a.button, #bmp_cta a.button {font-weight: 900;} .bmp-pane h4 {margin-bottom:2rem;margin-top: 5rem;} .bmp-pane h2 {font-weight: 900; text-transform: uppercase;margin-bottom: 3rem;font-size:1.85rem;} .bmp-reverse h2, .bmp-reverse h4 {color:#fff;} .bmp-pane .card-content {padding: 1rem;} /*.bmp-pane .card-content h5 {margin-bottom: .5rem;font-weight: 900;font-size: 1.4rem;line-height: 1.7rem;}*/ .bmp-pane .card-content ul {margin-left: 0;} .bmp-pane .card-content li, #bmp_data_intro li {list-style-image: none;list-style-type: none;} #bmp_data.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(204,77,54,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(204,77,54,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(204,77,54,.75);} #bmp_messaging.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(2,90,158,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(2,90,158,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(2,90,158,.75);} #bmp_automation.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(42,160,48,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(42,160,48,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(42,160,48,.75); } #bmp_analytics.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(38,51,66,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(38,51,66,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(38,51,66,.75); } #bmp_integrations .card-content {box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -webkit-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -moz-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); text-align:center;padding-top:2rem;} .pane.pane-centered.bmp-pane .card-content {text-align: left;} p.bmp-cta {margin-top: 3rem;margin-bottom: 0;} p.bmp-cta a.button {font-weight: 700;} .pane.bmp-pane {padding-bottom: 1.5rem;} #bmp_integrations.pane.bmp-pane {padding-bottom: 4rem;} .bmp-pane .card-content li::before, #bmp_data_intro li::before {content: ""; height:14px; width:14px;display: inline-block;margin-right: .5rem;position: relative;top: 3px;} #bmp-big-pane.bmp-pane .card-content li::before {height:14px; width:14px;} #bmp_data.bmp-pane .card-content li::before, #bmp_messaging_v2.bmp-pane .card-content li::before, #bmp-big-pane.bmp-pane .card-content .bmp-data li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_tomato@2x.png) no-repeat 0 0;background-size:cover;} #bmp_messaging.bmp-pane .card-content li::before, #bmp_data_v2.bmp-pane .card-content li::before, #bmp-big-pane.bmp-pane .card-content .bmp-messaging li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_blue@2x.png) no-repeat 0 0;background-size:cover;} #bmp_automation.bmp-pane .card-content li::before, #bmp_automation_v2.bmp-pane .card-content li::before, #bmp-big-pane.bmp-pane .card-content .bmp-automation li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_green@2x.png) no-repeat 0 0;background-size:cover;} #bmp_analytics.bmp-pane .card-content li::before, #bmp_analytics_v2.bmp-pane .card-content li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_navy@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane.bmp-pane .card-content .bmp-analytics li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_red@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane.bmp-pane .card-content .bmp-ease-use li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_light_blue@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane.bmp-pane .card-content .bmp-optimization li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_purple@2x.png) no-repeat 0 0;background-size:cover;} #bmp_data_intro li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_check_bullet@2x.png) no-repeat 0 0;background-size:cover;} #bmp_ease_optimize ul {margin-left: 0;margin-bottom:2rem;margin-top:1rem;} #bmp_ease_optimize li {list-style-type: none;list-style-image: none;} #bmp_ease_optimize li::before {content: ""; height:16px; width:16px;display: inline-block;margin-right: .65rem;position: relative;top: 3px;background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_dark_grey@2x.png) no-repeat 0 0;background-size:cover;} #bmp_ease_optimize h5 {font-size:1.3rem;} #bmp_ease_optimize p a {padding:10px 35px; font-weight:600;background-color:transparent;} #bmp_integrations.bmp-pane .card-content {position: relative;} #bmp_integrations.bmp-pane .card-content:hover {top:1px;} #bmp_integrations.bmp-pane .card-content p {margin-bottom: .75rem;} #bmp_integrations.bmp-pane .card-content p::after {content: ""; height:16px; width:16px;display: inline-block;margin-left: .65rem;position: relative;top: 3px;background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_right_arrow@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane .columns.card-column {padding-left:2.5rem; padding-right:2.5rem;} #bmp-big-pane.bmp-pane .card-column {margin-bottom: 2rem;} #bmp-big-pane.bmp-pane .card-content .card-column h4 {text-transform: uppercase;font-size: 1.25rem; font-weight: 700;margin-top:0;margin-bottom: .2rem;letter-spacing: 2px;} article #bmp-big-pane.bmp-pane .card-content ul {margin: 1rem 0 2.5rem 0;} article #bmp-big-pane.bmp-pane .card-content ul > li {margin-bottom: .25rem;font-size: .8rem;} article #bmp_data_intro ul > li {margin-bottom: .25rem; font-size: 1rem;font-size: 1rem;line-height: 1.3rem;margin-bottom: 12px;} #bmp-big-pane.bmp-pane h2 {text-transform: none;} #bmp-big-pane.bmp-pane h5 {min-height: 4.5rem;} @media (max-width:715px){ #bmp-big-pane.bmp-pane a {padding:10px 20px !important;} } @media only screen and (max-width: 40em) { #bmp-big-pane.bmp-pane h5 {min-height: inherit;} } .bmp-data h4 {color:#ff6347;} .bmp-messaging h4 {color:#0072c4;} .bmp-automation h4 {color:#2eb135;} #bmp_analytics h4, #bmp_analytics h2 {color:#6b747f;} .bmp-analytics h4 {} .bmp-ease-use h4 {color:#31c5b7;} .bmp-optimization h4 {color:#6051a2;} #hero.simple-hero {min-height: inherit;background-image: none;padding-top: 3rem;padding-bottom: 3rem;} #hero.simple-hero h1 {margin-top: 0rem;font-weight: 900;} #hero.simple-hero.data-hero {background-color:#ff6347;} #post-46527 #hero.simple-hero.data-hero {background:0;} #post-46527 #hero h1,#post-46527 #hero h3 {color:#3b3b3b;} #bmp_success h4 {font-weight: normal;margin-bottom: 1.5rem;} #bmp_success h5 {font-size: 1.3rem;} #bmp_success h6 {margin-top: 3rem;} #bmp_success .credit-company img {max-height: 3.5rem;} .bmp-data-page.pane h2 {font-weight: 900;} #product_features.pane .tabs-content-left {text-align: left; margin-top:2.5rem;} #product_features.pane .tabs-content-left h3 {font-weight: 700; margin-top: 2rem;} .product-desc{font-weight:normal;line-height: 1.6rem;margin-bottom:1rem;} /* #bmp_hero::before { content: ""; position: absolute; width: 100%; height: 100%; top: -180px; left: 0; background-color: #ff6347; transform: skewY(-12deg); } */ .diagon { position: relative; padding-bottom: 110px; } .diagonals {position:absolute;} .diagonals span { content: ""; position: absolute; z-index: 0; width: 300px; height: 230px; top:-67px; left: 0; transform: skewY(-9.4deg); background: #ddd; } .diagonals.diagonal_right {position:absolute; width:100%;} .diagonals.diagonal_right span { content: ""; position: relative; z-index: 0; width: 400px; height: 280px; top: -235px; transform: skewY(-9.4deg); background: #ddd; display: inline-block; margin-left: 80%;} .diagon:before { content: ""; position: absolute; z-index: 0; width: 100%; height:120%; top:0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(247,250,250,1)), color-stop(14%, rgba(220,222,223,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(244,246,247,1)), color-stop(100%, rgba(236,240,241,1))); background: -webkit-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: -o-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: -ms-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 );} .fifthEmbellishment:before { content: ""; position: absolute; z-index: 0; width: 100%; height: 250px; top: 0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(245,245,245,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,.5)), color-stop(100%, rgba(242,243,243,1))); background: -webkit-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); background: -o-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); background: -ms-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); /*background: linear-gradient(-74deg, rgba(242,243,243,.3) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,.5) 100%);*/ background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 ); } #bmp_automation_v2:before { content: ""; position: absolute; z-index: -1; width: 100%; height:80%; top:0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,243,243,1)), color-stop(14%, rgba(242,243,243,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(244,246,247,1)), color-stop(100%, rgba(242,243,243,1))); background: -webkit-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -o-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -ms-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); /*background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%);*/ background: linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 );} #bmp_analytics_v2:before { content: ""; position: absolute; z-index: -1; width: 100%; height:100%; top:0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,243,243,1)), color-stop(14%, rgba(242,243,243,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(242,243,243,1))); background: -webkit-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -o-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -ms-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); /*background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%);*/ background: linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 );} #bmp_messaging_v2.diagon:before {background: rgba(234,238,239,1); background: -moz-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(15%, rgba(234,238,239,1)), color-stop(53%, rgba(243,246,246,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#ffffff', GradientType=1 );} /*#bmp_automation_v2.diagon:before,*/ /*#bmp_analytics_v2.diagon:before,*/ .diagonals span, .diagonals.diagonal_right span {background: rgba(236,240,241,1); background: -moz-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236,240,241,1)), color-stop(15%, rgba(236,240,241,1)), color-stop(30%, rgba(240,243,244,1)), color-stop(83%, rgba(255,255,255,1))); background: -webkit-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: -o-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: -ms-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0f1', endColorstr='#ffffff', GradientType=1 );} #post-91119 .card-content, .magellan-sticky-nav {box-shadow: 0px 22px 80px 4px rgba(0,0,0,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.1);} .card_wrap {position:relative; z-index:50;padding-left:.65rem;padding-right:.65rem;} #bmp_data_v2 .bmp-cta .button.secondary-btn-wht, #bmp_data_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_data_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#0072c4 !important; color:#fff !important; border:0;} #bmp_messaging_v2 .bmp-cta .button.secondary-btn-wht, #bmp_messaging_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_messaging_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#ff6347 !important; color:#fff !important; border:0;} #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2eb135 !important; color:#fff !important; border:0;} #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2d3e50 !important; color:#fff !important; border:0;} #bmp_integrations_v2.bmp-pane {background-color:#2d3e50;} #bmp_integrations_v2 {padding: 3rem 0 5rem 0;} #bmp_integrations_v2.bmp-pane .card-content {text-align: left; padding-top:1rem;box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -moz-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2);} #bmp_integrations_v2.bmp-pane .card-content li::before {background: url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_navy@2x.png) no-repeat 0 0; background-size: cover;} #bmp_integrations_v2.bmp-pane .logo-cards .card-content {position: relative;text-align:center;padding-top:2rem; box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -moz-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2);background:transparent;} #bmp_integrations_v2.bmp-pane .card-content:hover {top:1px;} #bmp_integrations_v2.bmp-pane .card-content p {margin-bottom: .75rem;} /*#bmp_integrations_v2.bmp-pane .card-content p::after {content: ""; height:16px; width:16px;display: inline-block;margin-left: .65rem;position: relative;top: 3px;background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_right_arrow@2x.png) no-repeat 0 0;background-size:cover;}*/ #bmp_integrations_v2.bmp-pane .row.emcom_integrations {margin-top:2rem;} /*#post-91119 .button.secondary-btn-wht {transition: all .2s ease-in-out;} #post-91119 .button.secondary-btn-wht:hover {transform: scale(1.1);}*/ #bmp_data_v2.diagon:before {top:-7.5rem} .data-hero .diagon {padding-bottom:0;} .data-hero .diagon:before{top:-120px;height:380px;} .data-hero .diagon.white:before {height:100px;background:#fff;top:210px;width:55%;} .diagon.navy {background:none;z-index:0;padding-bottom:0;} .diagon.navy:before {top:-7.5rem;height:110%;background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .diagon.navy h4 {margin-bottom: 2.2rem;} /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .bmp-pane h4 {margin-bottom:1rem;} h4.icon-title {text-transform:uppercase; font-weight:900;font-size:.9rem;} h4.icon-title span {display:block;margin-top:.5rem;} #bmp_data_v2 h4 span {color:#0072c4;} #bmp_messaging_v2 h4 span {color:#ff6347;} #bmp_automation_v2 h4 span {color:#2eb135;} #bmp_analytics_v2 h4 span {color:#2d3e50;} #bmp_cta_first {position:relative; z-index:1;} #hero.product_subpage h1, #hero.product_subpage h3 { color: #3b3b3b !important; } #hero.product_subpage { padding-top:0rem; background:transparent !important; } #bmp_success h4.customerQuote { font-weight:600; } .product_subpage .diagon.white::before { background: #fff none repeat scroll 0 0; height: 100px; top: 270px; width: 55%; } .product_subpage .diagon::before { height: 380px; top: -140px; } .product_subpage .diagon { padding-bottom: 0; } h4.icon-title.email_subpage { margin-top:0; margin-bottom:1rem; } h4.icon-title.email_subpage img { height:6rem; margin-top:20px; } h4.icon-title.personalization_subpage { margin-top:20px; margin-bottom:1rem; } h4.icon-title.automation_subpage img { height: 8rem; margin-top: 20px; } .icon-title.automation_subpage span { color:#2eb135; margin-top:0; } .icon-title.email_subpage span { color:#0072c4; } /*h4.icon-title.personalization_subpage { margin-bottom: 1rem; }*/ h4.icon-title.personalization_subpage.pane { margin-bottom: 1rem; } h4.icon-title.automation_subpage { margin-bottom: 1rem; } /*h4.icon-title.automation_subpage span { color:#0072c4; }*/ .automation-hero.product_subpage h3 { padding:0 130px; } .diagon.embellishment-first { position:relative; z-index:-1; } .diagon.embellishment-second { position:relative; z-index:-1; } .diagon.embellishment-second:before { } /*.diagon.embellishment-fourth:before { height:425%; top:-12rem; width:100%; }*/ .diagonals.diagonal_right.embellishment-third span { } .diagonals.diagonal_right.embellishment-extra span { background: -moz-linear-gradient(-85deg, rgb(255, 255, 255) 60%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* FF3.6-15 */ background: -webkit-linear-gradient(-85deg, rgb(255, 255, 255) 60%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-85deg, rgb(255, 255, 255) 60%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ height: 230px; top: 185px; margin-left:70%; width:1000px; } .diagonals.diagonal_right.embellishment-fifth span { top:-170px; } .diagonals.diagonal_right.embellishment-sixth span { top:75px; height: 320px; z-index:-1; width:1450px; margin-left: 0%; background: -moz-linear-gradient(-85deg, rgba(236,240,241,1) 21%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* FF3.6-15 */ background: -webkit-linear-gradient(-85deg, rgba(236,240,241,1) 21%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-85deg, rgba(236,240,241,1) 21%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } h6.credit-company { margin-bottom:0px; } .corner { content:""; position:absolute; border-top-left-radius:25px; border:solid 25px #ff6347; top:0; left:0; transform: skewY(-45deg); margin-top:-40px; } .email-embellishment-first:before { background:linear-gradient(0deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); background: -moz-linear-gradient(0deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(0deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ z-index: -1; } .product_subpage .diagon.email-embellishment-first:before { height: 700px; } .product_subpage .diagon.white.embellishment-second:before { height: 312px; width: 35%; top: 295px; background:linear-gradient(60deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); background: -moz-linear-gradient(60deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(60deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ } .email-hero .corner { border:solid 28px #0072c4; } .bmp_email_intro li::before { margin-left:-2rem; } .bmp_email_intro.pane { position:relative; z-index:5; } .bmp_email_intro.pane img.screen-animation { margin-top:8rem; width:400px; } .bmp_email_intro .card-content { text-align:left; border:solid 1px #f9f9f9; position:relative; overflow:hidden; margin-top:4rem; border-radius: 15px; } .bmp_email_intro .card-content h5 { color:#0072c4; font-size: 2rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_email_intro .card-content ul { margin-top:1rem; margin-left:0; padding-left: 2rem; } .bmp_personalization_intro li::before { margin-left:-2rem; } .bmp_automation_intro li::before { margin-left:-2rem; } .bmp_personalization_intro.pane { position:relative; z-index:5; } .bmp_personalization_intro.pane img.screen-animation { margin-top:4.25rem; width:400px; } .bmp_automation_intro.pane img.screen-animation { margin-top:4.25rem; width:400px; } .bmp_personalization_intro .card-content { text-align:left; border:solid 1px #f9f9f9; position:relative; overflow:hidden; margin-top:2rem; margin-bottom: 3rem; border-radius: 15px; height:360px; box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); } .bmp_personalization_intro .card-content h5 { color:#ff6347; font-size: 1.75rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_automation_intro .card-content h5 { color:#2eb135; font-size: 1.7rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_automation_intro .card-content { text-align: left; border: solid 1px #f9f9f9; position: relative; overflow: hidden; margin-top: 2rem; margin-bottom: 3rem; border-radius: 15px; box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); } /*.bmp_personalization_intro .card-content ul { margin-top:1rem; margin-left:0; padding-left: 2rem; }*/ .bmp_personalization_intro .card-content ul.col_1 { margin-top:1rem; margin-left:0; padding-left: 3rem; } .bmp_personalization_intro .card-content ul.col_2 { margin-top:1rem; margin-left:0; padding-left: 2rem; } .topAutomation ul.col_2 { margin-left:1.5rem; margin-top:1rem; } .topAutomation ul.col_1 { margin-left:2.5rem; margin-top:1rem; } /*.card-content.topCapabilities { box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1) !important; -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1) !important; -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1) !important; }*/ #feature_deep_dive { background-color:none; padding-top:0rem; } #feature_deep_dive.pane { padding-bottom: 6.5rem; } #feature_deep_dive h2.first {margin-top:60px;} #feature_deep_dive h2 { padding-top:0; /*/ /*/ /*01/19/18 additions*/ /*/ /*/ margin-top:100px; /*/ /*/ /*01/19/18 additions*/ /*/ /*/ } #feature_deep_dive_automation h2 { margin-top:100px;} #feature_deep_dive_automation h2.first {margin-top: 0px;} #feature_deep_dive .diagonals.diagonal_right span { top:-259px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #feature_deep_dive_personalization .diagonals.diagonal_right span { top: -391px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); } #feature_deep_dive_automation .diagonals.diagonal_right span { top: -285px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); } #feature_deep_dive_personalization .diagon.navy:before { top: -9.5rem; height: 118%; background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } #bmp_success { padding:4rem 0 3.5rem 0; position:relative; } #bmp_success.bmp-success-rst { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_rst_brands_quote_BG@2x.jpg); } #related.bmp-email-page { padding-bottom:3rem; } #related .related-container { text-align:center; } #related.bmp-email-page h2 { margin-bottom:1.5rem; margin-top:6rem; } #related .related-tti { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_4_tti_bg@2x.jpg); background-size: cover; height: 292px; } #related .related-tti h3 { background-image:url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_4_tti_logo_white@2x.png); line-height:2; margin: 4.5rem 2.5rem 2.5rem !important; } #related .related-eloquii { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_eloquii_bg@2x.jpg); background-size: cover; height: 292px; } #related .related-eloquii h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_eloquii_logo@2x.jpg); line-height:2; margin: 6rem 2.5rem 2.5rem !important; } #related .related-coolstuff { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_coolstuff_teaser@2x.jpg); background-size: cover; height: 292px; } #related .related-coolstuff h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_coolstuff_logo@2x.jpg); line-height:2; margin: 9rem 2.5rem 2.5rem !important; font-size: 2rem; } #related .related-rstBrands { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_rstbrands_teaser@2x.jpg); background-size: cover; height: 292px; } #related .related-rstBrands h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_rstbrands_logo_white@2x.png); line-height:2; margin: 9rem 2.5rem 2.5rem !important; font-size: 2rem; } #bmp-cta .bmp-cta-wrapper { background:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; } #bmp-cta .bmp-cta-wrapper h2 { padding-top: 0rem; font-size: 2.5rem; } #bmp-cta .bmp-cta-wrapper h4 { padding-top:1.5rem; } #bmp-cta .bmp-cta-wrapper p.bmp-cta { margin-top:1.5rem; } #related.bmp-email-page p a { display: inline-block; margin-bottom: 1rem; } #related.bmp-email-page.pane h4 { padding-top:1.5rem; } .secondary-btn-wht.btn-tomato { background-color:#ff6347; color:#fff; border:solid 2px #ff6347; font-weight:700; font-size:1.25rem; } #related.bmp-email-page { margin-bottom: 15px !important; } .brontologo { margin-top: 0px; display: block; height: 65px!important; width: 150px; background-image: url(../../img/0_homepage/oracle_bronto_stacked_logo_2018.png); background-size: contain; background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; background-position: center 10px; margin-left: 15px; margin-right: 100px; } /*/ /*/ /*01/22/18 additions*/ /*/ /*/ .bmp_email_intro .card-content ul.col_2 {margin-top:1rem;margin-left:0;padding-left: 1rem;} .diagon.embellishment-fourth {padding-bottom:10px;} /*/ /*/ /*01/22/18 additions*/ /*/ /*/ /*/ /*/ /*01/18/18 additions*/ /*/ /*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .diagonals span {top:-108px;} .diagonals span.thirdEmbellishment {top: 96px;} .diagonals span {top: -108px;} .brontologo { margin-right: 40px; width:140px; } .explore_menu ul:first-of-type { margin-bottom: 0; } .explore_menu ul:first-of-type li { margin-bottom: .5rem; } .explore_menu li { display: block; padding: 0px 15px 0px 0; width: 50%; } .explore_menu ul:nth-child(2), .explore_menu ul:nth-child(2) li:first-of-type a { margin-top:0 !important; } li.dropdown_footer_copyright { width:100%; } .bmp_email_intro.pane img.screen-animation { margin-top: 1rem; } } @media only screen and (max-width: 768px) { #test_sticky_nav {display: none;} .pane.bmp-pane {padding-top:0;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top: 0rem;} .diagonals span {top: -68px;} } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /* max-width 640px, mobile-only styles */ @media only screen and (max-width: 40em) { #related.pane { margin: 0; } #related.pane .productSuccessCard { padding-left: 20px !important; padding-right:20px !important; } .related-tti { border-radius: 10px 10px 0 0 !important; } .productSuccessCardBottom { border-radius: 0 0 10px 10px !important; } #related.bmp-email-page h2 { margin-top: 0; } .diagon { padding-bottom: 0; } #bmp-cta .bmp-cta-wrapper h2 { padding-top: 0rem; font-size: 1.85rem; } .crossSell { margin-bottom:1.25rem !important; } #feature_deep_dive.pane { padding-bottom: 2.5rem; } .bmp_email_intro .card-content h5 { font-size: 1.8rem; } #hero.product_subpage { padding-bottom:0; } .embellishment-extra span { display: none !important; } .bmp_email_intro.pane img.screen-animation { margin-top:0; } .topCapabilities { margin-top:2rem !important; padding:1.2rem !important; } .email-hero h3 { font-size: 1.4rem !important; padding-bottom: 0rem !important; } #hero.email-hero h1 { font-size: 1.7rem !important; padding-top:0 !important; } #feature_deep_dive h2 { font-size: 1.65rem !important; } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ #hero.product_v2_hero h1 { font-size: 2rem; text-align: center;} #hero.product_v2_hero h3 {text-align: center;} .product-screens { margin-top: 0rem; } #test_sticky_nav {display: none;} .product-screens img {margin-left: 0px;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top: 0rem;} .pane.bmp-pane {padding-top: 0rem;} .bmp-pane h2 {font-size: 1.6rem;line-height: 2.0rem;} #bmp_cta_first h2, #bmp_cta h2 {padding-top: 7rem;font-size:2rem;} #bmp_integrations_v2 h4 img {max-width: 100%;} #bmp_integrations_v2.bmp-pane .card-content {height:auto !important;} .diagonals span {top: -121px;} .diagonals span.thirdEmbellishment{ top: 156px; } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /*/ /*/ /*01/19/18 additions*/ /*/ /*/ #hero.product_v2_hero h1 { font-size: 2rem; text-align: center;} #hero.product_v2_hero h3 {text-align: center;} /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .brontologo { margin-right: 15px; margin-top:10px; width:120px; } .diagon.navy:before { height:103%; } .bmp_email_intro .card-content ul.col_2 { padding-left: 4rem; margin-top:0; } .bmp_email_intro .card-content ul { margin-bottom: 0; padding-left: 4rem; } } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ @media only screen and (min-width: 667px) and (max-width: 736px) { .diagonals span {top: -90px;} .diagonals span.thirdEmbellishment { top: 121px;} #test_sticky_nav {display: none;} .product-screens img {margin-left: 15px;} .product-screens {margin-top: 1rem;} #hero.product_v2_hero h1 {margin-top: 3rem;font-size: 2rem;} #hero.product_v2_hero h3 {font-size: 1.3rem;} } @media only screen and (width: 768px) { #hero.product_v2_hero h1 { margin-top: 7rem;font-size: 2.1rem;} #hero.product_v2_hero h3 {font-size: 1.3rem;} .product-screens img {margin-left: 25px;} .product-screens {margin-top: 5rem;} .diagonals span {top: -89px;} .pane.bmp-pane {padding-top:0px;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top: 0rem;} #hero.product_v2_hero {min-height: 435px;} .diagonals span.thirdEmbellishment {top: 121px;} } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /*/ /*/ /*01/18/18 additions*/ /*/ /*/ .embellishment-fourth.diagon:before { height: 760px;top: -200px; z-index: -1;} .diagonals.diagonal_right.embellishment-sixth span { z-index: -2;} /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .advanced_feature_label {font-size:.9rem;margin-bottom:16px;display:inline-block;text-decoration:none;background: #24313f;color:#74b9ff !important;border-radius:3px;font-weight:700;text-align: left;border:2px solid #74b9ff;padding:5px 10px;width: fit-content;} .large_feature_last h5, .large_feature_last p, .large_feature p, .large_feature h5 { text-align: left;} .large_feature_last h5, .large_feature h5 {margin-bottom:8px;font-size:1.3rem;} .large_feature {margin: 0px 0 30px 0;padding: 1.5rem 2rem .5rem 2rem;} .large_feature_last {margin: 0px 0px 50px 0px; padding:1.5rem 2rem .5rem 2rem;} .large_card_content {background: #24313f;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;text-align:left;padding:1.5 2rem .5rem 2rem;} /*/ /*/ /*01/19/18 additions*/ /*/ /*/ #post-20 .card-content ul > li { padding-left: 1.4rem; text-indent: -1.4rem; line-height: 1.35rem; } /*/ /*/ /*01/23/18 release*/ /*/ /*/ .brontolove1 {margin-right:16px !important;} .site_controller li a { text-align: center; } .OBLogo { margin-top: 0; margin-bottom: 5px; } .global_sites_nav { border-bottom: 1px solid #f2f0f1; margin: 5px 0 3px 0; padding: 0 0 5px 0; } .global_sites_nav ul { margin-bottom: 0px; } .global_sites_nav li { display: inline-block; list-style-image: none; list-style-type: none; margin: 0; font-size: .9em; } .global_sites_nav a:link, .global_sites_nav a:visited { text-decoration: none; color:#222; } .global_sites_nav a:hover, .global_sites_nav a:active, .global_sites_nav a:hover .fa { color:#2eb135; } .global_sites_nav a:last-of-type { padding-right: 1em; } .primarynav li a { font-size: 1.1rem !important; padding-top: 0; margin-top: .5em; text-decoration: none; } .primarynav li a.primary-btn { margin-top: .5rem; padding-top: .5rem !important; } .top-bar-section.nav__bar .has-dropdown>a:after { border: 5px inset; content: ""; display: block; height: 0; width: 0; border-color: rgba(0,0,0,.9)transparent transparent; border-top-style: solid; margin-top: 7px; } .explore_menu ul { margin-left: 0; } .explore_menu li { display: block; padding: 0px 15px 10px 0; } .explore_menu li:first-of-type { margin-bottom: 0rem; } .explore_menu li a { background: rgba(34, 34, 34, 1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; color:#fff !important; padding: 5px 10px; display: block; font-weight: 600; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .f-dropdown li:focus, .f-dropdown li:hover { background: none; } .explore_menu #drop1 li a:hover, .explore_menu #drop1 li a:active { background: rgba(34, 34, 34, .8); color:#fff !important; } .dropdown_footer_copyright span a.privacy_link { font-size: .8rem !important; text-decoration: underline; margin-bottom:0; } .explore_menu p.columns { font-weight: 600; font-size: 1rem; padding: 0; padding-left: .5rem; } .explore_menu .large-6.columns { padding: 0 !important; } .drop-container .row { max-width: 320px; margin: 0; } #nav1 .f-dropdown { max-width:320px; margin-top: 13px !important; padding: 1rem; } #nav1 .f-dropdown.open::before { content:""; position: absolute; left:274px; top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; z-index:9999; display: block; } #nav1 .f-dropdown.open::after { content:""; position: absolute; left:273px; top: -11px; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #ccc transparent; z-index:9998; background-image: none; } .dropdown_footer_copyright { margin: 0 !important; padding: 1rem 0 !important; } .dropdown_footer_copyright span { display: block; margin-bottom: 1rem; } .dropdown_footer_copyright a:link, .dropdown_footer_copyright a:visited { background: none; color:rgba(34, 34, 34, 1) !important; font-size: 1rem !important; } #nav1 .dropdown_footer_copyright span a:hover, #nav1 .dropdown_footer_copyright span a:active { background: none !important; color: rgba(34, 34, 34, .8) !important; } a.small_feature_link { color:#74b9ff !important; text-decoration:underline; font-weight: 700;} /* 01/30/18 additions */ .personalization_subpage span {color:#ff6347;} .bmp_personalization_intro .card-content h5 { color:#ff6347 !important; } .personalization-hero .corner { border: solid 28px #ff6347; } .automation-hero .corner { border: solid 28px #2eb135; } .personalization-hero h3 {padding: 0 100px;} .bmp_personalization_intro.pane {position: relative;z-index: 5;} .pane .productSuccessCardBottom h4 {margin-bottom:1rem;} .breadnav a {color: #3b3b3b;font-size: .9rem;text-decoration: none;font-weight: 700;margin-right: 20px;} .breadnav a:last-child {margin-right: 0px;} .breadnav {padding:10px 0;} .top-bar {background: none;} .nav__bar ul li, .top-bar-section .nav__bar ul li a {background: none;} .top-bar-section li:not(.has-form) a:not(.button) {background: none;} .top-bar-section ul li>a {color:#3b3b3b;} .top-bar-section ul li:hover:not(.has-form)>a {background: none; color: #3b3b3b;} .top-bar-section ul li.primary-btn:hover:not(.has-form)>a {color: #ffffff;} .top-bar-section li.hover>a:not(.button) {color:#3b3b3b;} .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {background: none; margin:0;color: #3b3b3b;} .top-bar-section .sub-menu.dropdown {background: #ffffff;padding: 0px;top: 71px;color: #3b3b3b;} .bmp-cta .button.secondary-btn-wht:hover { transform: scale(1.1); } .bmp-cta .button.secondary-btn-wht { transition: all .2s ease-in-out; } .top-bar-section.nav__bar .right li .dropdown { left: 20px; right: auto; border-bottom:1px solid #f2f0f1; border-right:1px solid #f2f0f1; border-left:1px solid #f2f0f1; } .top-bar-section.nav__bar .right li .dropdown > li .dropdown { left: 100%; top: -1px; border-top:1px solid #f2f0f1; } .top-bar-section.nav__bar .has-dropdown .dropdown li.has-dropdown>a:after { content: "\2192"; top: -6px; right: 10px; } .top-bar-section.nav__bar .sub-menu.dropdown > .sub-menu.dropdown { padding: 0; } /* 01/30/18 additions */ /* 02/02/18 additions */ @media only screen and (max-width: 40em) { .breadnav a { font-size: .75rem; } .personalization-hero h3 { padding: 0; } .bmp_personalization_intro.pane img.screen-animation { margin-top: 0rem; } .bmp_personalization_intro .card-content ul.col_2 { margin-top: 0rem; margin-left: 0; padding-left: 3rem; } .bmp_personalization_intro .card-content { height: auto; } #feature_deep_dive_personalization .diagon.navy:before { height: 110%; } .large_feature_last { margin: 0px 0px 35px 0px; } } /* /* /* Bronto Bones // A Bronto Wordpress Boilerplate // v1 - 2015 /*------------------------------------------------------------------ [Table of contents] [1] Global CSS 1.1 - Text styles 1.2 - Links 1.3 - Buttons 1.4 - Colors 1.5 - Images (rounded) 1.6 - Forms 1.7 - Videos [2] Top Nav 2.1 - Alert Banner 2.2 - Desktop Nav 2.3 - Main Logo 2.4 - Primary Nav ( Contact Us & Sign In) 2.5 - Tablet Nav 2.6 - Mobile Nav 2.7 - Dropdown "footer" 2.8 - Offside Mobile Nav [3] Footer 3.1 - Footer 3.2 - Email Signup 3.3 - Mini Footer [4] LivePerson / Contact Us 4.2 - Liveperson Chat [5] Heroes [6] Panes & Sections [7] Tabs [8] Cards [9] Successes - Modals [10] Success Stories [11] Partner Pages [12] Featured Partners [13] Best Practices [14] Search & 404 Pages [15] Brontolove - Juicer [16] Animation XX.x - ...Fade... XX.x - << Pulse >> XX.x - {{ Ripple Out }} [17] Media Queries X.1 - Breakpoint SMALL ONLY X.2 - Breakpoint SMALL + MEDIUM X.3 - Breakpoint MEDIUM and UP X.4 - Breakpoint MEDIUM and DOWN X.5 - Breakpoint MEDIUM ONLY X.6 - Breakpoint LARGE + UP X.7 - Breakpoint LARGE ONLY X.8 - Breakpoint XTRA LARGE and UP X.9 - Breakpoint XTRA ONLY X.10 - Other specific breakpoints [18] Fixes [19] Ajax Search [20] Ajax Load More [21] Triblio Fixes -------------------------------------------------------------------*/ /* [1] GLOBAL *****************************************************************************/ /******************************************************************************************/ html{margin:0!important;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} body{height:100%;color:#565656;background:#fff;margin: 0;font: 16px/1 sans-serif; -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-size:62.5%;} body,html {width:100%;height:100%;} #content{border:none;padding-top:1.25em;} /* [1.1] Text ==============*/ @import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic'); body,*,h1,h2,h3,h4,h5,h6,a,p,li,.button,form,input,.mktoForm *,.mktoForm input,.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {font-family: 'Source Sans Pro', sans-serif; outline:none;color:#3b3b3b;font-style: normal;} h1 {font-weight:700;font-size:2.5rem; line-height:1; color:#fff;} h2 {font-weight:700;font-size:1.75rem; line-height: 1;} h3 {font-weight:normal; font-size:1.65rem; line-height: 1.4;} h4 /*Footer heading*/ {font-weight:normal;font-size:1.3rem; line-height: 1.4;} h5 {font-weight:900;font-size:1.1rem; line-height: 1.5rem; margin-bottom: .2rem;} h6 {font-weight:normal;font-size:1.5rem; line-height: 1rem;} p {font-weight:normal;font-size:.9rem; line-height: 1.4rem;} p.byline {display:none;} article ul > li {font-size: .9rem; margin-bottom: .75rem;} sup {vertical-align: super;font-size: smaller;} blockquote {font-family: Georgia, serif;font-size: 1.5em;font-style: italic;margin: 0.25em 0; padding: 0.25em 40px;line-height: 1.45;position: relative;color: #383838;} /* [1.2] Links ============*/ section a, /*.entry-content a,*/ .sidebar a {color:#000;text-decoration:underline;} section a:hover, /*.entry-content a:hover, .sidebar a:hover */ {color:#000;cursor:pointer;opacity:.75;text-decoration:underline;} a:active, /* .entry-content a:visited */ {color:#000;outline:none;} /* [1.3] Buttons =========*/ button, a.button, input.button, a.comment-reply-link, .comment a.comment-reply-link {font-size:1rem;font-weight:500;text-decoration:none;color:#fff;border-radius:3px;line-height:1rem;padding:.5rem 1rem;} button:hover, a.button:hover, input.button:hover, a.comment-reply-link:hover, .comment a.comment-reply-link:hover {cursor:pointer;text-decoration:none!important;opacity:.9;color:#fff!important;background-color:#fff !important;} button:active, a.button:active {background-color: #fff !important;} a.button:hover i.fa{color:#fff!important;} #contactbtn button:hover, a#contactbtn.button:hover {background-color: #2eb135 !important;} .reveal-modal button:hover, .reveal-modal a.button:hover {background-color: #ff6347 !important;} button:focus, a.button:focus {background-color: inherit;} article .entry-content a.more-link{border-bottom:0px;} a.play-video {font-size: 1.3rem; color:#fff; text-indent:-10000px; display:inline-block; height:70px; width:70px; background-image: url(../../img/icons/play-icon@2x.png); background-repeat: no-repeat; background-position: center center;background-size: contain;} .button.alert, button.alert {border-color:#ff6347;background-color: #ff6347;} a.button{padding:15px 25px;font-weight:400;} a.button.green{background:#2eb135;} a.mobilecontactus.button:hover {background:#2eb135 !important;} /* DARK BUTTONS =========*/ .secondary-btn-blk {text-decoration: none;color: #3b3b3b !important;font-size: 1rem;padding: 15px 25px;background-color: #fff;border: 2px solid #3b3b3b;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .secondary-btn-blk:hover {color:#fff !important;background-color: #3b3b3b !important;opacity:1 !important;text-decoration: none;} #related.pane .secondary-btn-blk {background: none;} /* WHITE BUTTONS =========*/ .secondary-btn-wht {text-decoration: none;color: #fff !important;font-size: 1rem;padding: 15px 25px;background: none;border: 2px solid #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .secondary-btn-wht-solid {text-decoration: none;margin-top:30px;color: #2D3E4E !important;font-size: 1rem;padding: 15px 25px;background: #ffffff;border: 2px solid #fff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .secondary-btn-wht-solid:hover {color:#2D3E4E !important;background-color: #ffffff;text-decoration:none !important;} .secondary-btn-wht:hover {color:#3b3b3b !important;background-color: #fff;text-decoration:none !important;} a.button.secondary-btn-wht:hover {opacity: 1 !important; color:#3b3b3b !important;text-decoration:none !important;} a.button.secondary-btn-blk:hover {opacity:1 !important;text-decoration: none !important;} .card-content .secondary-btn-wht {border: 1px solid #fff;} /* [1.4] Color Classes ==========*/ /* Background color */ .bg_green, .bg_green:hover{background-color:#2EB135; color:#fff !important;} .bg_blue, .bg_blue:hover{background-color:#4399ff;} .bg_darkgrey, .bg_darkgrey:hover{background-color:#333;} .bg_lightgrey, .bg_lightgrey:hover{background-color:#939291;} /* Font color */ .txt_green{color:#2EB135;} .txt_blue{color:#4399ff;} .txt_darkgrey{color:#333;} .txt_lightgrey{color:#939291;} /* [1.5] Images ==========*/ img.rounded {border-radius:10px;} img.circlular{border-radius:50%;} img.greyscale{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} /* [1.6] Forms ===============*/ fieldset input[style] {width:auto!important;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;} /* [1.7] Video Embeds ============*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:20px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* [3] FOOTER **************************************/ /***************************************************/ /* [3.1] Footer ==========*/ #pagefooter {margin-bottom:0;background-color:#939291;padding:1em 0 0 0!important;font-weight:400;} #pagefooter .bottomnav {margin:2.2em auto 2em auto;font-size:.75em;color:#fff;} #pagefooter .bottomnav li img {margin-top:-5px;} #pagefooter .bottomnav a, #pagefooter .bottomnav p {color:#fff;padding-top:.15em;font-family: 'Source Sans Pro', sans-serif;letter-spacing: 0;font-size:.75rem;} #footerwrap{height:11em;} #megafooter, #minifooter {background-color:#2D3E50;color:#fff;} #minifooter {border-top:2px solid #475d74;border-bottom:20px solid #283949;padding:25px 0;} #megafooter a, #minifooter a, #megafooter p, #minifooter p, #megafooter h4, #minifooter h4 {color: #fff;} #megafooter li a:hover, #minifooter li a:hover{opacity:.75;} #megafooter h4, #minifooter h4 {font-size: 1.25rem;font-weight: bold;margin-bottom:15px;line-height: 1;} #footer_newsletter{display:block;border-radius:5px; width:100%;margin-top:20px;font-size:1rem;padding:10px;border:none;} /*#megafooter .medium-4.columns {height:150px;}*/ #megafooter .columns.footersections {min-height: 8rem;} #megafooter .footersections.columns a {display:block;padding-left:80px;width:100%;} #megafooter .footersections.columns a[href="/partners/"]{position: initial;bottom:inherit;} #morebrontofooter {background-color:#3e546b;border-radius:10px;padding:25px;margin-left:15px;height:225px;} #megafooter li,#megafooter ul {padding-left:0pc;margin-left:0px; list-style:none;font-size:1.25rem;} #megafooter [id^="locations_"] h4 {margin-bottom:/*10px*/0px;} [id^="locations_"] {display:block;/*padding-left:60px;*/width:100%;} /*[id^="locations_"]:before {content:"";width:50px;height:50px;display:block;position:absolute;left:12px;background-size:48px;background-repeat:no-repeat;} #locations_us:before {background-image:url(../../img/icons/usa-icon@2x.png);} #locations_uk:before {background-image:url(../../img/icons/eu-icon@2x.png);} #locations_au:before {background-image:url(../../img/icons/au-icon@2x.png);} #locations_ca:before {background-image:url(../../img/icons/ca-icon@2x.png);}*/ #megafooter [id^="locations_"] ul {line-height:1.45rem;margin-bottom:/*50px*/15px;} #megafooter [id^="locations_"] ul li a{font-size:1rem;} #megafooter [id^="footer_"]:before {content:"";width:75px;height:75px;display:block;position:absolute;left:0px;background-size:74px;background-repeat:no-repeat;} #footer_products:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_molecule_icon@2x.png);} #footer_services:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_bell_icon@2x.png);} #footer_successes:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_trophy_icon@2x.png);} #footer_bestpractices:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_ribbon_icon@2x.png);} #footer_partner:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_partner_icon@2x.png);} #footer_location:before{background-image:url(../../img/0_homepage/0_CORP_footer_7_location_icon@2x.png);} #megafooter [id^="footer_"]:after {-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;opacity:0;content:"";width:75px;height:75px;display:block;position:absolute;top:0px;z-index:500;left:0px;background-size:contain;background-repeat:no-repeat;} #footer_products:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_molecule_icon_hover@2x.png);} #footer_services:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_bell_icon_hover@2x.png);} #footer_successes:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_trophy_icon_hover@2x.png);} #footer_bestpractices:after {background-image:url(../../img/0_homepage/0_CORP_footer_7_ribbon_icon_hover@2x.png);} #footer_partner:after{background-image:url(../../img/0_homepage/0_CORP_footer_7_partner_icon_hover@2x.png);} #footer_location:after{background-image:url(../../img/0_homepage/0_CORP_footer_7_location_icon_hover@2x.png);} #megafooter [id^="footer_"]:hover:after {opacity:1;} /* [3.2] Footer Email Sign-Up Form ==========*/ #megafooter form {margin-top:20px;} #mktoForm_1431 > div.mktoButtonRow{margin:10px 0!important;} #mktoForm_1431 > div.mktoButtonRow > span > button{margin-left:12px;} #Email{width:100%;padding:20px 10px;} #Email, #Country{width:100%;padding:10px;} #Country {margin-top: .25rem;} #mktoForm_2352 #Email {padding:inherit;} #megafooter .mktoButton {text-decoration: none!important;color:#fff!important;padding: 15px 25px!important;border: 2px solid #fff!important;border-radius: 3px!important;font-size: 14px!important;background:none!important;-webkit-transition: background-color 0.4s ease-out!important;-moz-transition: background-color 0.4s ease-out!important;-o-transition: background-color 0.4s ease-out!important;transition: background-color 0.4s ease-out!important;} #megafooter .mktoButton:hover {color:#3b3b3b!important;background-color:#fff!important;} #megafooter #mktoForm_1431 input#Email{background-image:url(../../img/icons/cmsignup-icon@2x.png);background-size:contain;background-position:left;padding:3px 3px 3px 55px;} #megafooter #mktoForm_1431 input#Email::-webkit-input-placeholder {color: #2D3E50!important;} #megafooter #mktoForm_1431 input#Email:-moz-placeholder { /* Firefox 18- */ color: #2D3E50!important;} #megafooter #mktoForm_1431 input#Email::-moz-placeholder { /* Firefox 19+ */ color: #2D3E50!important;} #megafooter #mktoForm_1431 input#Email:-ms-input-placeholder {color: #2D3E50!important;} .confirm:hover {background-color:#8CD4F5 !important;} #mktoForm_1431 > div:nth-child(6) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth, #mktoForm_1431 > div:nth-child(6) > div.mktoFormCol, #mktoForm_1431 > div:nth-child(6) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > span{width:100%!important;} /* [3.3] Mini Footer ==========*/ .legalese {padding-left:0; padding-right:0;} #legalwrap1 img {width:280px;margin-top:.25rem;} #legal1 {font-size:.9rem;line-height:1;margin:0px;padding:0px;} #legal2 {font-size:.9rem;line-height:1;margin:5px 0px;padding:0px;} #bottomlogo {width:5em;height:2em;background-repeat:no-repeat;background-size:contain;background-image:url(../../img/Bronto_Icon_white.png);} #minifooter .socialicons {float: right;} #minifooter .socialicons img {width:40px;} #minifooter .socialicons ul {display:inline-block;} #minifooter .socialicons li {margin-left:7px;} #minifooter h4 {display:inline-block;/*text-align: center;*/} /* [4] Contact Us / LivePerson Widget *********************/ /*********************************************************/ .contactus {border: 1px solid #2eb135;border-bottom:none;position:fixed;width: 350px;z-index: 10000;text-align:center;height: 500px;font-size:18px;color: #000;background: #fff;display: flex;border-top-left-radius:3px;border-top-right-radius:0px;right:-1px;bottom: -450px;} /*.slide-up1 {bottom: -325px!important;}*/ .slide-up2 {bottom: 0px!important;} .slide-down {bottom: -450px!important;} .contactus.slide-0 {bottom: -500px!important;} .lp_desktop #lpChat>.lp_maximized>.lp_header .lp_header-content-wrapper button.lp_close, .lp_desktop #lpChat>.lp_maximized>.lp_header .lp_header-content-wrapper button.lp_minimize {background:none!important;top:0px;} a.chat_contact>div>div>div.LPMlabel[style]{top:5px!important; height: 50px!important; margin-top: -50px!important; padding-top: 50px!important;} button.lp_minimize {display:none!important;} #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button {border-radius: 2px;background:#e1e1e1!important;} #lpChat .lp_survey_area .lp_buttons_area .lp_cancel_button:hover {color:#3b3b3b!important;} #contactbtn {border-radius:3px 0 0 0;padding:15px;background-color:#2eb135;font-size:18px;width:350px;height:50px;display:block;position:absolute;clear:both;left:-1px;} @-webkit-keyframes greenPulse { from { background-color: #2eb135; } 50% { background-color: #248e2a; } to { background-color: #2eb135; } } #contactbtn { -webkit-animation-name: greenPulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 3; } /*#contact_row2 {width:305px;} #contactmenu {width:350px;padding:5px 25px;background:#fff;font-family: 'source_sans_probold';font-size:13px;clear:both;margin-top:50px!important;} #contactmenu a span {padding-top:6px;display:inline-block;padding-left:3px;} #contactmenu a {display:block;width:150px;height:65px;float:left;color:#454545;} #contactmenu a:hover {opacity:.5;}*/ .phone {font-family: 'source_sans_prolight';font-size:48px;color:#5e5f60;letter-spacing:3px;width:100%;display:none;} .phone a {white-space:nowrap;} .phoneEU {font-size:36px;padding:10px 0 0px 0;height:55px;} .phoneUS {display:inline-block;} .geoip-continent-EU .phoneUS, .geoip-country-AU .phoneUS {display:none;} .geoip-continent-NA .phoneUS, .geoip-continent-EU .phoneEU, .geoip-country-AU .phoneAU {display:inline-block;} #chatbox {width:300px;clear:both;height:260px;padding-top:15px;background:#f0f0f0;} #contactFormModal {border-radius:15px;font-family: 'source_sans_prolight';} #contactFormModal h1 {font-family: 'source_sans_prolight';} #contactFormModal .close-button {float:right;font-size:2em;} #closemarketoform, #closemarketoform2{background-color:#fff;border-radius:0px;border-width:0px;text-indent:-50000px;width:25px;height:25px;display:block;position:fixed;background-repeat:no-repeat;background-image:url(../../img/dropdown_close.png);background-size:contain;top:0px;right:15px;} #mktoForm_2905 .mktoFormRow input[type="checkbox"], #mktoForm_2905 .mktoFormRow input[type="radio"]{width:auto!important;display:inline-block!important;} #mktoForm_2905 .mktoFormRow .mktoRadioList label{width:auto!important;} .mktoFieldWrap input#Email {padding:5px 5px;} #mktoForm_1437 > div:nth-child(9) > div.mktoFormCol,#mktoForm_1437 > div:nth-child(9) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth, #mktoForm_3859 > div:nth-child(9) > div.mktoFormCol,#mktoForm_3859 > div:nth-child(9) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth, #mktoForm_2905 > div:nth-child(9) > div.mktoFormCol,#mktoForm_2905 > div:nth-child(9) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth{width:100%!important;} /* [4.1] Liveperson Chat ==========*/ /* .lp_desktop #lpChat>.lp_maximized {width:350px;height:500px;right:0px!important;} .lp_desktop #lpChat>* .lp_header {border-radius: 3px 3px 0 0!important; padding: 15px!important;background-color: #2eb135!important;font-size: 18px!important; height: 50px!important;} .lp_desktop #lpChat>.lp_maximized>.lp_main {height: auto;top: 50px!important;} .lp_desktop #lpChat>.lp_maximized .lp_header,.lp_desktop #lpChat>.lp_maximized .lp_submit_button {background-color:#2eb135!important;font-family:'Source Sans Pro', sans-serif;border:0px!important;} .lp_desktop #lpChat>.lp_maximized>.lp_header .lp_title {padding:0px!important;} .LPMlabel{color: #454545!important;font-size:13px!important;font-family:'Source Sans Pro', sans-serif;font-weight:300!important;} .lp_minimize-icon.lp_icon-white img {display:none;} .lp_checkbox_button input, .lp_checkbox_button label{display:inline-block!important;width:auto!important;} .lp_checkbox_button {width:auto!important;}*/ /* [4.2] Contact Us Revisions, August 2017 ==========*/ .slide-up1 {bottom: -300px!important;} .slide-up2 {bottom: 0px!important;} .slide-down {bottom: -450px!important;} .contactus.slide-0 {bottom: -500px!important;} #contact_row2 {width:305px;} #contactmenu {width:350px;padding:5px 25px;background:#fff;font-family: 'source_sans_probold';font-size:13px;clear:both;margin-top:50px!important;} #contactmenu a span {padding-top:6px;display:inline-block;padding-left:3px;} #contactmenu a {display:block;height:65px;color:#454545;} #contactmenu a:hover {opacity:.5;} /* [5] HEROES *****************************************/ /*******************************************************/ /* Main Pages */ #hero {background-color:#333; background-image:url(../../img/0_homepage/0_CORP_homepage_1_herobg@2x_compressed.jpg); /* MOVE THIS? */background-origin: content-box;background-position:top center;background-size:cover;background-repeat: no-repeat;min-height: 515px;padding:0;text-align:center;} .home #hero {position: relative;} @media only screen and (min-width: 40.063em) and (max-width: 64em) {.home #hero {background-position: center top;}} @media only screen and (max-width: 40em) {.home #hero {background-position: left top;min-height:525px;} } /* Secondary Pages */ #hero.medium-hero {min-height: 400px;} /* 3rd Level Pages, Partner Pages, Success Stories */ #hero.small-hero, .page-template-page-success #hero.small-hero {min-height: 345px;} #hero h1 {line-height: 1;margin-top:12rem;margin-bottom:1.2rem;} .home #hero h1 {font-weight: 900;font-size: 3.5rem;text-align: left;margin-top: 4.5rem;line-height: 4rem;margin-bottom: 1.5rem;color:#3b3b3b;} @media only screen and (min-width: 40.063em) and (max-width: 64em) {.home #hero h1 {margin-top: 2.5rem;margin-bottom: .5rem;} } @media only screen and (max-width: 40em) {.home #hero h1 {margin-bottom: .5rem;} } article #hero.medium-hero h1 {margin-top: 6rem;} article #hero.small-hero h1 {margin-top: 8rem;} #hero h3 {color:#fff;} .home #hero h3 {color:#3b3b3b;} .home #hero h3 {text-align: left; font-weight: 300;line-height: 1.4;font-size: 1.5rem;padding-right: 30px;} @media only screen and (min-width: 40.063em) and (max-width: 64em) { .home #hero h3 {font-size: 1.4rem;} } .home .hero-cta {position: absolute;bottom: 0;text-align: center;height: 4rem;background-color: rgba(0,0,0, .6); /*rgba(255,255,255, .2);*/ width: 100%;} .home .hero-cta p {margin-top: 1.2rem;} .home .hero-cta p a {color:#fff; font-weight: 900;font-size: 1.3rem;text-decoration: none;border-bottom:solid 2px #fff;} .home .hero-cta p a:hover {opacity: .8;} .home .hero-cta p a img {max-height: 1rem; margin-bottom:2px;margin-left: .25rem;} .home .hero-cta p a img:hover {opacity: .8;}) /*#hero.small-hero h1, #hero.small-hero h3 {text-shadow: 2px 2px #000;}*/ #hero p.video {margin-top: 1.75rem;text-align: center;} #success_stories {padding-bottom:0;} #more_news h2 {margin-top:2rem;} /* [6] PANES & SECTIONS *****************************************/ /*******************************************************/ .columnswrap {padding:0px;} /* Base */ .pane {padding:2.5rem 0 2.5rem 0; background-size:cover;} .pane h2 {margin-top: 0; margin-bottom:1rem; } .pane h4 {margin-top: 0; margin-bottom:3rem;} .pane h6 {text-align: center; margin-bottom: 35px;} .pane.pane-centered {text-align: center;} /*centers pane content */ .pane.knockout * {color:#fff;} /* all text elements white on dark bg */ .pane.knockout .card-content p, .pane.knockout .featuredCard * {color:#3b3b3b;} /* Knockout exceptions */ /* Why Bronto */ #why_bronto.pane {background-image: url(../../img/0_homepage/0_CORP_homepage_6_subtledots@2X.png);background-repeat:repeat; background-size: 27px 15px;} /* Icons in Homepage Panes */ .icon {margin:0 auto 10px auto;position:relative;left:0;right:0;} .icon.platform {width:78px;} .icon.why-bronto {width: 78px;} /* Homepage Partner Pane Logos */ .partner.logo {width: 10rem;} .partner.logo.magento {margin-top: -.65rem;} .partner.logo.demandware {margin: .25rem 0 .6rem 0;} .partner.logo.infinity {height: 2.5rem; width:auto; margin-top: -.65rem;} #partners.pane {background:rgb(0, 114, 195) url(../../img/0_homepage/partner-pane-bg@2x.jpg);background-size:cover;background-position:bottom left; color:#fff; text-align: center;} #partners.pane h4.partnerssubhead{margin:1.5rem 0 0rem 0;display:block;} #partners.pane h4.partnerssubhead span{text-decoration:underline;} /* Customer Logos */ #customer_logos.pane h2 {margin-bottom:2.5rem;} #customer_logos.pane ul > li {display: inline-block; float: left; list-style: none;height: 3rem;max-width:10rem;width:auto ;} #customer_logos.pane ul {margin: 0;} #customer_logos img {max-height:3rem;max-width:80%;} /* Customer Quotes */ #customer_quotes.pane h2 {margin-bottom:2.15rem;} #customer_quotes.pane {background:rgb(255, 99, 71) url(../../img/0_homepage/0_CORP_homepage_5_customers_pane_bg@2x.jpg);background-size:50%;background-position:bottom left;} #customer_quotes.pane p {font-size: 1rem;} #customer_quotes.pane p:first-of-type {min-height: 5.6rem;} #customer_quotes.pane p:last-of-type {font-weight: 600; font-size:.7rem; line-height: 1.2;} #customer_quotes.pane p:last-of-type strong {font-weight: 900; font-size: 1rem;} .quote.logo {width: 12rem;} .quote.logo.lucky {padding-top: .5rem;} /* Services Success */ #services_success.pane, #global_support.pane {background-size: cover;} #services_success.pane h2 {font-weight:500; margin-top:2rem; line-height:2.3rem;} #services_success.pane h4.credit {margin-bottom:2rem;} #services_success.pane h4.credit-company {font-size:1.9rem;font-weight:700;} /* Global Support */ /*#global_support h2, h4 {color:#ffffff;}*/ #global_support.pane h2 {margin-top:3rem;} .page-id-27 /* Services Page */ .feature-info {min-height: 8rem;} /* Padding Adjustments */ #services_success.pane {padding:1rem 0 .5rem 0;} #platform_info.pane, #services_info.pane {padding:4rem 0 3.5rem 0;} /* Extend with Apps */ #extend_with_apps.pane {background:rgb(0, 114, 195); background-image: url(../../img/1_Product/1_CORP_products_3_apps_BG@2x.jpg); background-repeat: no-repeat;background-size:cover !important;} /* Pane CTA buttons */ #extend_with_apps .button, #success_stories .button {margin-top: 4rem; margin-bottom: 0;} /* Feature Icons - homepage */ .feature-icon {float: left; padding-top: .2rem; width:15%;} .feature-info p {min-height: 4rem;} .feature-info {float: right; text-align:left; width: 80%;} /* Partner Cards - homepage */ #partner_cards.pane {padding-top:0;} /* Pane text adjustments */ #partners.pane a, #extend_with_apps a {text-decoration:none;} #extend_with_apps h2 {margin-bottom:2rem;} #partners.pane.knockout p, #extend_with_apps.pane.knockout h4 {color:#3b3b3b; margin-bottom:0;} /* Customer Journey */ #customer_journey h3, #customer_journey_mobile h3, #customer_journey_windows h3 {font-weight: 700;} #customer_journey .pane, #customer_journey_mobile .pane, #customer_journey_windows .pane {padding-bottom: 0;} #customer_journey .pane h4 {margin-bottom: 0;} #success_stories .row {margin-bottom: 2rem;} .flip-container:hover > div > div > .gps_ring{display:none!important;} /* Award Winning Bronto Pane */ .award-icon {min-height:7.5rem;} .award-icon.inc5000 img {max-width: 7rem;margin-top: 1rem;} .award-icon.codie img {max-width: 10rem;margin-top: 2rem;} .award-icon.stevies img {max-width: 5rem;} .award-icon.tbj img {max-width: 6rem;margin-top: 0;} /* Bronto Careers Pane */ img.careers-logo {max-width:14rem;margin-bottom:1.5rem;} /* on About and Locations pages */ .video-container {position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden;} .video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;} .reveal-modal.xlarge {margin-left: auto !important;} .reveal-modal .close-reveal-modal {top: -20px;right: -25px;} #why_bronto_name h4 {margin-bottom:0;} /* [7] TABS **************************************/ /*******************************************************/ .tabs {margin:1rem auto 0 auto;display: inline-block;} .tabs li {text-decoration: none;color: #3b3b3b;font-size: 1rem;background-color: #fff;border-bottom: 2px solid #3b3b3b;border-top: 2px solid #3b3b3b;border-right: 2px solid #3b3b3b;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius:0;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} .tabs li a:hover, .tabs .tab-title.active a:hover, .tabs dd.active a:hover {color:#fff;background-color: #3b3b3b !important;opacity: 1 !important;} .tabs li:first-of-type {border-bottom-left-radius:3px; border-top-left-radius: 3px; border-left: 2px solid #3b3b3b; border-right: 2px solid #3b3b3b; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px;} .tabs li:last-of-type {border-bottom-right-radius:3px; border-top-right-radius: 3px; border-right: 2px solid #3b3b3b; -moz-border-top-right-radius: 3px;-webkit-border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;} .tabs .tab-title>a, .tabs dd>a {background-color: #fff; font-weight:400; font-style:normal; font-size:.9rem; line-height: 1; color:#3b3b3b; text-decoration: none;} .tabs .tab-title.active a, .tabs dd.active a {background-color: #3b3b3b; color:#fff;} .tabs-content {margin-top: 2rem;} #product_features.pane .tabs-content-left {text-align: left; margin-top:2.5rem;} #product_features.pane .tabs-content-left h3 {font-weight: 700; margin-top: 2rem;} .product-desc{font-weight:normal;line-height: 1.6rem;margin-bottom:1rem;} /* [7.2] TAB PAGER - PARTNER OVERVIEW PAGES *****************************************/ /*******************************************************/ .tab-pager {text-align: center; margin-top: 1rem;} .tab-pager .tabs li {border:0;} .tab-pager .tabs .tab-title>a {font-size: 1rem; padding: 1rem 1.2rem; margin-right:.25rem;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;} /* MOBILE DROP MENU (replaces Bronto Tabs on mobile) ======================== ============================================= */ a.button.mobiledropmenu,a.button.mobiledropmenu{background-color:#000;color:#fff;font-weight:bold;margin:0 15px;} a.button.mobiledropmenu:hover,a.button.mobiledropmenu:active,a.button.mobiledropmenu:focus{background-color:#333!important;} #mobiledrop{width:100%!important;left:0px!important;right:0px;} #mobiledrop:before,#mobiledrop:after{display:none;} #mobiledrop li a{width:100%;text-align:center;font-size:18px;padding:15px 10px!important;} /* v2 edit */ /* [8] CARDS - FLIPPING AND OTHERWISE *****************************************/ /*******************************************************/ /* Card types STATIC CARDS: Homepage - Partner cards Featured partner pages - Customer success cards HOVER CARDS: Successes - Success Stories cards Partner Section - Individual Partner cards FLIPPING CARDS: - Products - Extend with Apps cards - Customer Journey cards */ #bmp_data_intro.capabilities li::before { content: ""; height: 14px; width: 14px; display: inline-block; margin-right: 1.1rem; position: relative; top: 3px; } #bmp_data_intro li::before { background: url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_check_bullet@2x.png) no-repeat 0 0; background-size: cover; } /* Entire container, keeps perspective */ .flip-container {perspective: 1000px;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;} /* Flip the card when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);} /* Flip speed */ .flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;} .static {transition: 0.6s;transform-style: preserve-3d;position: relative;} /* Hide back of card during swap */ .cardfront {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;position: absolute;top: 0;left: 0;} .cardback {backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;position: absolute;top: 0;left: 0;} /* Front of card, placed above back */ .cardfront {z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); /*-webkit-transform: rotateY(0deg);*/} .cardfront .resource-type {background-color: rgb(255, 255, 255);border-radius: 19px;color: rgb(0, 0, 0);display: inline-block;font-size: 0.8rem;font-weight:bold;padding: 4px 8px;position: absolute;top: 1rem;left: 1rem;} /* Back of card, initially hidden */ .cardback {transform: rotateY(180deg);} .hover-container .cardback {opacity:0;transform:none;backface-visibility: visible;-moz-backface-visibility: visible;} .hover-container .cardback, .hover-container .cardfront {transition: all .4s ease-out;-o-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;} /* Back of card, show on hover */ .hover-container:hover .cardfront {opacity:1;} .hover-container:hover .cardback {opacity:1;z-index: 4;background-color:rgba(59,59,59,.9);} .cardwrap, .resourcecardwrap {margin-bottom: 2rem;} /* Small card adjustments */ .card-content {background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:2rem;} #extend_with_apps .card-content, #success_stories .card-content {background:none;padding:0;} #partner_cards .card-content {padding: 0;} #partners.pane .card-content.dark {background-color:#252525;background-image: url(../../img/0_homepage/0_CORP_homepage_3_plug_icon@2x.png); background-repeat: no-repeat; background-size: 100%; background-position: center 80%; } #partners.pane.knockout .card-content.dark p {color: #fff; margin-top: -.75rem;} #customer_journey .card-content, #customer_journey_mobile .card-content, #customer_journey_windows .card-content {border: 1px solid #a1a1a1;} #customer_journey_mobile .card-content, #customer_journey_windows .card-content {background-color: rgb(0, 114, 195); padding:0;} /* flip and hover containers */ .flip-container .cardfront, .hover-container .cardfront {background-color: #fff; padding:2rem 1rem 1rem;} .flip-container .cardback, .hover-container .cardback {background-color: #3b3b3b; padding:1.5rem 1rem 1rem;} #partner_cards .hover-container .cardback {padding: 1rem;} .flip-container .cardback p, .hover-container .cardback p {color:#fff !important;} /* .flipping-content, .hover-content basics */ .flipping-content, .hover-content {width:100%; min-height:18rem; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* .hover-content adjustments */ #partner_cards .hover-content {min-height: 10.5rem;} #success_stories .cardfront.hover-content {background-size: cover;background-position:center;} #success_stories .medium-6.large-4 .cardfront.hover-content {background-size: 120%;background-position:-1.8rem 0;} #partner_cards .cardback.hover-content {min-height: 11.25rem;} /* Card button */ #extend_with_apps .cardback .button, #success_stories .cardback .button {margin-top: 2rem;} /* Card front and back specifics and adjustments */ #success_stories .cardfront, #success_stories .cardback, #partner_cards .cardfront, #partner_cards .cardback {border:solid 1px #a1a1a1;} .hover-container .cardfront {padding:0;} #partner_cards .hover-container .cardfront {padding:1rem;} .hover-container .cardfront p {background: #fff;min-height: 6rem;position: absolute;bottom: 0;margin-bottom: 0;width: 100%; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;padding:.6rem 1rem;font-weight:700;text-align: left;} .hover-container .cardfront h5 {background: #fff;min-height: 6rem;position: absolute;bottom: 0;margin-bottom: 0;width: 100%; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px;padding:.6rem 1rem;text-align: left;line-height: 1.4rem;font-weight:700;} /* Logos on cards, adjustments */ .card-logo {margin-bottom: 1rem;} .card-logo img.app.icon {max-width: 50%;} #extend_with_apps .card-logo {margin-bottom: 0;} #success_stories .card-logo h4, #partner_cards .card-logo h4 {text-indent: -10000px;background-repeat: no-repeat;background-size: 100px;background-position: 20px;background-color: #fff;width: 30%;position: absolute;right: 0;top: 25%;height: 50px;opacity: .9;} #partner_cards .card-logo h5 {background-repeat: no-repeat;background-size: contain;background-position: center center;text-indent: -10000px;height: 4rem;max-width: 10rem;margin: 2.6rem auto 2.5rem auto;} #success_stories .cardwrap.medium-6.large-4 .card-logo h4 {width: 45%;} #partner_cards .card-logo {text-align: center;} #customer_journey_mobile .card-logo, #customer_journey_windows .card-logo {background-color: #fff; padding:2rem 0 1rem 0; min-height: 12rem; margin-bottom: 0;} #customer_journey_mobile .card-logo img, #customer_journey_windows .card-logo img {max-width: 65%;} /* Card text adjustments */ #partner_cards .cardfront p {position: relative; bottom:auto;min-height:0;padding-top:.5rem;text-align: center;font-weight: normal;} #partner_cards h5 {text-align: center; font-weight: normal;} #partner_cards .cardfront h5 {position: relative; bottom:auto;min-height:0;padding-bottom:0;text-align: center;font-weight: 700;} #partner_cards .cardback p {text-align: center;} #success_stories .cardwrap.medium-6.large-4 .hover-container .cardfront p {padding:.6rem 1rem} .hover-container .cardback p {position: relative;top: 50px;width: 100%;} #success_stories .cardback p {padding: 0 9.5rem;} #success_stories .medium-6.large-4 .cardback p {padding: 0 3.5rem;} /* Partner card grid */ #partner_grid {margin-top: 2.5rem;} #partner_grid .card_wrap:nth-of-type(n+5) {margin-top: 2rem;} /* Customer Journey cards */ ul.journey-card {margin: 1rem 1.5rem 1.5rem;} #customer_journey_mobile ul.journey-card, #customer_journey_windows ul.journey-card {margin: 0; padding:1rem;} ul.journey-card li {list-style-type: none; text-align: left; color:#fff; border-bottom: solid 1px rgb(227, 227, 227);} #customer_journey_mobile ul.journey-card li, #customer_journey_windows ul.journey-card li {border-bottom: solid 1px rgb(133, 183, 226); text-align: center; padding:.5rem 0;} #customer_journey_mobile ul.journey-card li , #customer_journey_windows ul.journey-card li {} ul.journey-card li:last-of-type {border-bottom: 0 !important;} /* [9] SUCCESSES - MODALS *****************************************/ /*******************************************************/ .success-stories.reveal-modal {padding:0;background-color:#fff !important;border:0;} .success-stories.reveal-modal .columns:first-of-type {padding: 3rem 2rem;} .success-stories.reveal-modal .columns:last-of-type {background-size:cover;padding:0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px;} .success-stories.reveal-modal .columns:last-of-type .pane {min-height:41rem;overflow:hidden;padding:2rem 2.8rem;border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;background-color: rgba(0, 0, 0, .7);text-align:center;} .success-stories.reveal-modal .columns:first-of-type {background-color: #fff;border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px;} #modalTitle img {width:50%;} .success-stories.reveal-modal .columns:last-of-type .pane em {font-size: .8rem;} .card-partner {position: absolute; width: 2rem; left: 1rem; top: 9rem;} .success-stories.reveal-modal .columns:last-of-type .pane h3 {color:#fff;font-weight:600;margin-bottom:1.1rem;} .success-stories.reveal-modal .columns:last-of-type .pane h4 {font-weight:600;line-height:1.2;font-size:2.5rem;color:#fff;margin-bottom:0;} .success-stories.reveal-modal .columns:last-of-type .pane p {font-size: 1.1rem;color:#fff;} .success-stories.reveal-modal .columns:last-of-type .pane p.modal-quote {margin-bottom: .7rem;font-size:.9rem;} .success-stories.reveal-modal p.stat-icon {margin-top:4rem;margin-bottom:.75rem;} .success-stories.reveal-modal p.stat-icon img {height:3rem;} .modal-quote-attr em {color:#ffffff;} .reveal-modal {padding:0px !important;border-radius:0px !important;} .reveal-modal .medium-12 {padding:0px !important;} /* [10] SUCCESS STORIES - INDIVIDUAL *****************************************/ /*******************************************************/ #success_summary.pane {padding-bottom: 0;} #success_summary h3 {font-weight:700;} #success_summary ul {margin-left:0;} #success_summary li {padding-left:1.5rem; font-size:.9rem;list-style:none;background-image:url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_2_bullet_arrow@2x.png);background-repeat:no-repeat;background-size:.7rem;background-position:left .45rem;} .success-result {border-left:solid 1px #4b4b4b;} .success-approach {margin-bottom:2rem;} .columns.success-goal {padding-left:.9375rem;border-right:solid 1px #000;} .columns.success-goal:first-of-type {padding-left:0 !important;} .columns.success-goal:last-of-type {border-right:0;padding-right:0;} .columns.success-result {padding-left:1.5rem;} .linear-decor {border-bottom:solid 1px #4b4b4b;display:block;margin-top:-2.8rem;} p.linear-decor {margin-top: 0;} #success_story {margin-top:2rem;} #success_story h4 {color:#ff6347;font-weight:700;} #success_story blockquote {border:0;color:#ff6347;font-size: 1.3rem;line-height: 1.4;margin-bottom:1rem;padding:1.5rem;text-align:center; font-family:inherit;} .page-template-page-success h5 {margin-bottom: .5rem;} .page-template-page-success #success_story p {line-height: 1.6;font-size: 1rem;} /* SUCCESS STORIES - RELATED STORY -----------*/ #related.pane .columns .columns:last-of-type {border-top-right-radius: 5px;-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} #related.pane .columns .columns:first-of-type {border-top-left-radius: 5px;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} #related.pane h3 {font-weight:700;margin-top:3rem;padding-right: 3.9rem;} #related.pane .columns .columns:first-of-type h3 {background-repeat: no-repeat;background-size:contain !important; background-position:center;margin: 7.5rem 2.5rem 2.5rem;text-indent: -10000px;} #related.pane .columns .columns:last-of-type {background-color:#ebebeb;padding-left: 1.875rem;} /* SUCCESS STORIES - Return to all stories -----------*/ .all-success {bottom:-100px;font-size:1rem;left:0;padding-left:.9375rem;position:absolute;} #hero .all-success.video_all_btn{bottom:-75px;} #hero .all-success {bottom: -110px;} .all-success a:link, .all-success a:visited {color:#fff;font-weight:700;text-decoration:none;} .all-success img {height:1rem;margin-right:.25rem;width:1rem;} p.all-success {bottom: auto;display: block;left: auto;margin-bottom: 3rem;padding-left: 0px;position: relative;text-align: left;} p.all-success a:link, p.all-success a:visited {color: rgb(0, 0, 0);display: inline-block;margin-top: 1rem;} /*Specific for Partners Page*/ a[href="/partners/"]{position: relative;bottom:-55px;} #why_partner a[href="/partners/"]{position: inherit; bottom:0; margin-top:3rem;} /* [11] PARTNER PAGES - INDIVIDUAL PARTNER LEAD PAGE W FORM *****************************************/ /*******************************************************/ .partner-page .partner-logo {width: 50%;} .partner-page .partner-apps {font-size: 1rem;} .partner-page .partner-apps a {font-weight: 600;} .partner-page ul.partner-highlights {margin-left: 0;} .partner-page ul.partner-highlights > li {height:auto;font-weight: 600;margin-bottom: 1rem; background-image: url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_2_bullet_arrow@2x.png);background-repeat: no-repeat; padding-left: 2rem;list-style-type: none;background-size: .7rem;background-position: left .45rem;padding-left: 1.5rem;} .partner-page {margin-bottom: 4.75rem;} .partner-page hr {border:solid 1px 0 0; border-color:rgba(156,174,172,.7); width:6rem;} .partner-page .mktoForm {margin-bottom: 2rem;} .partner-page .mktoForm button.mktoButton {color:#fff;} #related.pane {padding-bottom:1.15rem;} /*Specific for Become a partner Page*/ .become_partner .logos li {text-align:center;margin-bottom:0;} .partner-page .medium-6 p {line-height: 1.6;font-size: 1rem;} /* [12] FEATURED PARTNERS - NETSUITE-MAGENTO-DEMANDWARE *****************************************/ /*******************************************************/ .featuredCard {background-color:#fff;border-radius:10px;padding:25px 25px 75px 25px;text-align:center;margin-bottom:15px;} .featuredCard img {margin:0 auto!important;} .featuredCard p {padding:30px 0 10px 0;min-height:4rem;} .featuredPartnerCards a.alert {bottom: 45px;position: absolute;margin:0 auto;left:0;right:0;display:block;width:160px;} .featuredPartnerCards a.alert:hover {background-color:#ed5337!important;} .featuredPartnerCards a.alert:visited {color:#fff!important;} .featuredPartnerAppcenter {background-size:cover;color:#fff!important;} .featuredPartnerAppcenter .logo {-webkit-box-shadow: 20px 30px 65px 0px rgba(0,0,0,0.5);-moz-box-shadow: 20px 30px 65px 0px rgba(0,0,0,0.5);box-shadow: 20px 30px 65px 0px rgba(0,0,0,0.5);border-radius:15px;margin:50px 0 25px 0;} .featuredPartnerAppcenter h2 {color:#fff;font-weight:700;} .featuredPartnerAppcenter p {color:#fff;font-size:1.25rem;line-height: 1.75rem;} .video-teaser{margin-top:1rem;} /* [13] BEST PRACTICES SLIDER ***************/ /***************************************************/ .slick-dots {list-style:none;bottom:20px!important;} .slick-dots li {display:inline-block;list-style:none;margin:0px 5px;} .slick-dots li button:before {font-size:50px!important;} .resourcesSlider {height:400px;border:1px solid #999;border-radius:5px;margin:50px 15px 0 15px!important;text-align:left;} .resourcesSlider div {height:335px;background:#f7f7f7;border-radius:5px 5px 0px 0px;} .resourcesSlider img {margin-right:30px;display:inline-block!important;clear:none;float:left;height:335px;} .resourcesSlider div .sliderlabel {font-size:20px;font-weight:bold!important;color:#464646!important;display:inline-block;margin:25px 0 15px 0;} .resourcesSlider div .slidertitle {font-size:30px;display:inline-block;font-weight:500;} .resourcesSlider div p {font-size:18px;margin:10px 0 25px 0;padding:0px 20px 0 0;} .resourcesSlider div a.greybtn, .resourcesSlider div a.greybtn:visited {background:#464646;margin-top:0px!important;color:#fff!important;} .resourcesSlider div .button.greybtn:hover{background-color:#000!important;} .webinarImgOutline {border: 1px solid #ccc;} /* NEWS & MEDIA PAGE ======================== ============================================= */ .mediacontainer time {font-size:1.3rem;margin-bottom:1.25rem;line-height: 1.4;} .mediacontainer p {font-size:1.3rem;} .mediacontainer p a:link, .mediacontainer p a:visited {text-decoration:none; color:#3b3b3b;} .mediacontainer .press-release p a:link, .mediacontainer .press-release p a:visited {color:#3b3b3b;text-decoration:none;} .mediacontainer .picture-item {margin:0 0 2rem 0;} .filter-media {margin-bottom:3rem;} #more_news h2, #more_news h4, #more_news p {text-align:center;} #media_contacts h2 {text-align:center;margin-bottom:3rem;} #media_contacts h4 {margin-bottom:0;font-weight:700;} .media-contact {padding-left:3rem;} .media-contact.usa {background-image:url(/wp-content/themes/BrontoBones/img/7_News/7_CORP_news_4_usa_icon@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} .media-contact.eur {background-image:url(/wp-content/themes/BrontoBones/img/7_News/7_CORP_news_4_eu_icon@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} .media-contact.benelux {background-image:url(/wp-content/themes/BrontoBones/img/7_News/7_CORP_news_4_benelux_icon@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} .media-contact.au {background-image:url(/wp-content/themes/BrontoBones/img/icons/au-icon_pr@2x.png);background-position:0 4px;background-repeat:no-repeat;background-size:2rem;} /* EVENTS PAGE ======================== ============================================= */ #event_list h4 {margin-bottom:20px;padding-bottom:0px;} .eventscontainer {margin-top:50px!important;display:block;} .eventscontainer a {display:block;cursor:pointer;margin-bottom:35px;width:100%;} .eventscontainer .small-12 {border-bottom:1px solid #000;padding-bottom:25px;} .eventscontainer .medium-3 img {margin-top:35px;} .eventscontainer .medium-9 {font-size:1.75rem;padding-top:35px;} .eventscontainer p, .eventscontainer time {font-size:1.3rem;line-height:1.4rem;} /* LOCATIONS PAGE ======================== ============================================= */ #locations_americas, #locations_au_uk {background-color:#ecf0f1;} #locations_americas.pane h4, #locations_americas.pane h3, #locations_au_uk.pane h4, #locations_au_uk.pane h3 {margin-bottom: 1rem;text-transform: uppercase;font-weight: 700;} h4.mapplic-tooltip-title {margin-bottom:.5rem;} .mapplic-tooltip-content {overflow:visible;max-height:205px !important;} .mapplic-tooltip-content p {margin-top:0 !important;} .mapplic-tooltip-content img {margin-top:-30px;} /* BEST PRACTICES PAGE now RESOURCES======================== ============================================= */ #featuredResources{padding:50px 0px 1px 0px;background-color:#ecf0f1;margin-bottom:50px;} #featuredResources div.cardback.hover-content, .archive.tax-resourcecat div.cardback.hover-content, .archive.tax-resourcetype div.cardback.hover-content {text-align: center!important;} #featuredResources .resourcecardwrap{margin-bottom:25px;} #resourcetypedrop.f-dropdown {border:1px solid #ecf0f1; } #resourcetypedrop.f-dropdown li a {text-decoration:none !important;} #resourcetypedrop.f-dropdown li a:hover {color:#fff;} #resourcetypedrop.f-dropdown li:hover {background-color: #3b3b3b;} .post-type-archive-resource .show-for-small-only.mobiledropmenu, .archive.tax-resourcecat .show-for-small-only.mobiledropmenu, .archive.tax-resourcetype .show-for-small-only.mobiledropmenu { display: none !important; } .reveal-modal.xlarge {margin-left:auto !important;} .success-stories.reveal-modal {min-height:36rem;border-radius:5px!important;} .success-stories.reveal-modal .columns:first-of-type {padding:2rem 2rem .5rem 2rem !important;} h2#modalTitle {padding-top:.5rem;padding-bottom: .5rem;} .card_wrap {transform: translateZ(0);} .archive.tax-resourcetype #hero h1 {margin-top:9rem;} .archive.tax-resourcetype #hero .all-success {bottom: -145px;} #success_stories.pane.bestpractices .row.hide-for-small-only{margin-bottom:3rem;} #mktoForm_3274 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label{display:none!important;} #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ background-color: #000 !important; background-image: none !important; padding: 12px 2rem 13px 2rem !important; margin-top: 2px!important; border-radius: 0 3px 3px 0; font-size: 1rem !important; border: 2px solid #fff!important; /*margin-left: -14px;*/ } #mktoForm_3274 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {display: none!important;} #mktoForm_3274{display:inline-block;width: 500px!important;margin:15px 0 125px 25px;} .emailform{text-align:center;display:inline-block;position:relative;margin:0 auto;left:0;right:0;} #mktoForm_3274 button, #mktoForm_3274 input{display:inline-block!important;} #mktoForm_3274 button{} #mktoForm_3274 input {width:350px!important;font-size:16px;height:45px;padding:5px 15px!important;margin-top:2px;border: 1px solid #fff!important;border-radius:3px 0 0 3px;} #mktoForm_3274 .mktoButtonWrap{margin-left:0px!important;display:inline-block!important;} #mktoForm_3274 .mktoOffset{display:none!important;} #mktoForm_3274 .mktoClear, #mktoForm_3274 .mktoFormRow{clear:none!important;float:left!important;width:auto!important;display:inline-block;} #mktoForm_3274 .mktoClear{display:none;} #mktoForm_3274 .mktoButtonRow{margin-top:0px!important;} div.mktoError[style]{right:0px!important;} #mktoForm_3274 select#Country{width:29.25rem!important;} @-moz-document url-prefix() { /* cause Firefox */ #hero #mktoForm_3274[style]{width:333px !important;width:30.2rem !important;} } @media screen and (-moz-windows-theme) /* cause Windows FF */{ #hero #mktoForm_3274[style]{width:30.2rem !important;} } #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton[disabled] {padding-left:1.14rem !important; padding-right:1.14rem !important;opacity: 1 !important;} @media screen and (-moz-windows-theme) /* cause Windows FF */{ #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:disabled {padding-right:1.1rem !important; padding-left:1.1rem !important;} } @media screen and (-webkit-min-device-pixel-ratio:0) { /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */ #mktoForm_3274 select#Country{width:450px!important;} #mktoForm_3274 input#Email {width: 334px !important;} } /**/ div.alm-btn-wrap > button#load-more, div.alm-btn-wrap > button#load-more:hover{text-decoration: none!important;color: #000 !important;font-size: 1rem!important;padding: 15px 25px!important;background: none!important;border: 2px solid #000!important;border-radius: 3px!important;-moz-border-radius: 3px!important;-webkit-border-radius:3px!important;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} div.alm-btn-wrap > button#load-more:hover{color:#fff!important;background-color:#000!important;} #searchwrap{margin-top:-25px;} /* HOTFIRE!!!!!!!!!! ======================== ============================================= */ #contactbtn { /* background-image: url(/wp-content/themes/BrontoBones/img/hotfire.gif); background-size: cover; background-position: -100px; */ } /* [14] Search & 404 Pages **************************/ /***************************************************/ /* Traveling Bronto 404 */ .error404 h1 {color:#3b3b3b ;} .hidden404 {display:none;} .hidden404 img {width:100%;} #search404 {padding:1.5rem 1rem 1.5rem 2rem;background-image:url("../../img/search.png");background-position:10px 15px;background-size:15px;background-repeat:no-repeat;overflow:hidden;} .randomClass1 #photo_blueridge, .randomClass1 .text_blueridge, .randomClass2 #photo_france, .randomClass2 .text_france, .randomClass3 #photo_greece, .randomClass3 .text_greece, .randomClass4 #photo_nyc, .randomClass4 .text_nyc, .randomClass5 #photo_utah, .randomClass5 .text_utah {display:inline-block!important;} [class^="randomClass"] strong {color:#000;} .h1404 {font-weight:500;font-size:1.5em;margin-bottom:15px;} .h1404 img {z-index: 10;} .hidden404 .flag {border-radius:0 0 0 5px;float:right;margin-bottom:-60px;position:relative;padding:15px 25px;background-color:rgba(10,10,10,.5);color:#fff;font-size:1em;max-width:150px;} .hidden404 .flag img {width:35px!important;margin-right:10px;z-index:1000;} .topics404 ul {display:inline-block!important;list-style:none;padding:0px;margin:0px;} .topics404 ul li {float:left;margin:0 5px 2px 0;} .topics404 a {background:#939291;color:#fff!important;padding:2px 5px;margin-top:5px;white-space:nowrap;display:inline-block;text-decoration:none;border-bottom:0px!important;} .searchresults {min-height:600px;} .searchresults h3 {margin-bottom:0px;} .searchresults .cardback p{text-align:center;} .searchdropdown select option {width:100%!important;padding: 1.5rem 1rem 1.5rem 2rem;display:block;} .searchdropdown select {width:190px;height:50px;} .searchdropdown li:first-child {margin-left:0;} .searchdropdown li a {display: inline-block;} /* Fix number alignment on mobile search */ .searchdropdown li.search-reorder {padding-top:0 !important;} .searchdropdown li a {border:transparent solid 1px; transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; -moz-transition: border .5s ease-in-out; text-transform: capitalize;} .searchdropdown li.active a {border-bottom: 1px solid; font-weight: bold;} /* [15] Brontolove - JUICER *****************************************/ /*******************************************************/ .juicer-feed.loaded {padding: 25px;} .galcolumn li {border-width:1px !important;} /* [16] ANIMATION *****************************************/ /*******************************************************/ /* [X.x] ...Fade... ==========*/ .fade {position: relative;bottom: 0em;display: inline-block;width:100%;height: 8em;margin-top: -8em;background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: linear-gradient(rgba(255,255,255, 0) 0%,rgba(255,255,255, 1) 100%);background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); } /* [X.x] << Pulse >> ==========*/ .gps_ring {border: 5px solid rgba(255, 255, 255, 0.8);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;height: 50px;width: 50px;position: absolute;top:250px;-webkit-animation: pulsate 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation: pulsate 2s ease-out;-moz-animation-iteration-count: infinite; animation: pulsate 2s ease-out;animation-iteration-count: infinite;opacity: 0.0} #pulse1{right:10px;top:215px;left:auto;margin:0 0;} #pulse2{top:300px;right:85px;left:auto;} #pulse3{top:320px;left:0;right:0;margin:0 auto;} @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1.0;} 100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;} } @-moz-keyframes pulsate { 0% {-moz-transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1.0;} 100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;} } @keyframes pulsate { 0% {transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 1.0;} 100% {transform: scale(1.2, 1.2); opacity: 0.0;} } /* [X.x] {{ {{ Ripple Out }} }} ==========*/ @-webkit-keyframes primary-btn { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes primary-btn { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } /* [17] MEDIA QUERY LAYOUT ADJUSTMENTS ***************/ /***************************************************/ /* [x.x] Breakpoint SMALL ONLY ==============*/ @media only screen and (max-width: 40em) /* max-width 640px, mobile-only styles */ { h2 {line-height:2.25rem;} #hero {background-position: top left;} #hero, #hero.medium-hero, #hero.small-hero, .page-template-page-success #hero.small-hero {min-height: inherit;} #hero p.video {margin-top: 0rem;} #hero h1 {font-size: 2rem;margin-top: 0 !important;padding-top: 2rem !important;line-height: 2.25rem;} #hero h3 {font-size: 1.3rem;padding-bottom: 2rem;} #hero .all-success {bottom: 0px;margin-bottom: .5rem;} #hero.medium-hero, #hero.small-hero {background-position: top center;} .ns {background-position: top left !important;} .ns-success-pane-text {padding:0 1.5rem;} a[href="/partners/"] {bottom: -85px;} .become-partner.back-btn {bottom:0px !important;} #partners.pane h4.partnerssubhead{margin:.5rem 0 .5rem 0;} #hero.small-hero, .page-template-page-success #hero.small-hero {min-height:175px;} h1#page-title-only {margin-top:2rem!important;} .all-success {bottom:0px !important;} p.all-success {padding-left: 1.875rem;padding-right: 1.875rem;} .mobile-one-line {bottom:-15px !important;} /* Adjust footer */ .bottomnav li {margin-left:15px;} /* Adjust post pagination */ .page-numbers .page-numbers {display:none;} .page-numbers .current, .page-numbers .prev, .page-numbers .next {display:block;} #customer_logos.pane ul > li {width: 47% !important; margin-right: 1%; margin-left: 1%; margin-bottom: 2rem; float: none !important;} #customer_logos.pane ul > li:nth-child(5) {margin-left: 0;} #customer_logos.pane ul > li:nth-child(n+5) {margin-bottom: 0;} #customer_logos.pane ul > li:last-of-type[style] {margin-top: 1rem !important;} .card_wrap {margin-bottom: 1.8rem;} /*#customer_quotes.pane .medium-4 {margin-bottom: 5rem;}*/ #customer_quotes.pane p:first-of-type {min-height: inherit !important;} .card_wrap:last-of-type, .bronto_feature:last-of-type p, #customer_quotes.pane .medium-4:last-of-type {margin-bottom: 0;} /*#customer_quotes .medium-4:nth-child(-n+2) {display: none;}*/ .card-content.dark > p {margin: 1rem 0 !important;} .contactus {bottom: -500px;width: 100%;padding: 0 20px;text-align: center;} .slide-up1 {bottom: -340px !important;} .slide-up2 {bottom: 0px !important;} .slide-down {bottom: -500px !important;} #contactmenu {padding:5px 5px;} #contactmenu {width:100%;background:#fff;font-family: 'source_sans_probold';font-size:13px;clear:both;margin-top:10px!important;} #contactmenu .phone a {width:100%;text-align:center;} .tabs .tab-title>a, .tabs dd>a {font-size: .6rem !important; padding:.5rem;} .tabs-content {margin-bottom: 0 !important;} .tabs-content > .content {padding: 0; display:block;} .tabs-content > .content:nth-of-type(n+2) {margin-top:3rem;} .tabs .tab-title.active a:hover {animation: none !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;} #product_features.pane .tabs-content-left h3 {margin-top: 0 !important;} #extend_with_apps .flipping-content, #success_stories .flipping-content, #success_stories .hover-content {margin-bottom:3rem !important;} #success_stories .medium-6 .card-logo h4 {background-size: 70px !important;} #success_stories .medium-6.large-4 .card-logo h4 {background-size: 70px !important; /*width:30% !important;*/background-position:20px !important;} .success-goal-result {border-top:none !important;} #success_stories .cardback p {padding:0 5.5rem !important; } .post-type-archive-resource #success_stories.pane, .archive.tax-resourcecat #success_stories.pane, .archive.tax-resourcetype #success_stories.pane { padding-top: 0; } .tabs .tab-title>a {padding:.2rem !important;font-size: .7rem !important;} button.pea_cook_btn {margin-left: 34% !important;} #related .medium-6 {padding: 2rem !important;} #related .medium-6:first-of-type h3 {margin-top:1rem !important;} .columns.success-approach ul {/*border-bottom:solid 1px #4b4b4b !important*/} .all-stories .all-success {position: relative;left:auto;bottom:auto;} .all-stories .all-success img {height:2rem;width:2rem;} .all-stories .all-success a:link, .all-stories .all-success a:visited {color:#000;} .all-stories p {margin-top:1.25rem;} .columns.success-goal {padding-left: 0 !important;border:0 !important;} #related.pane .columns .columns:first-of-type {padding-left: 0 !important; padding-right: 0;border-radius: 0px;} #related.pane .columns .columns:last-of-type {border-radius: 0px;} #related.pane {margin:0 1rem;} #related.pane h3 {margin-top:2rem;} #related.pane .medium-5.columns h3 {background-size:16rem !important;margin:6rem 2.5rem 6rem;line-height:3rem;background-repeat:no-repeat;background-position: center center;} #related.pane .large-10.columns {padding-left: 0;padding-right: 0;} .featuredPartnerAppcenter.pane .medium-9{text-align:center;} #minifooter .socialicons {float: none;margin-top: 1.0625rem;} #minifooter h4 {margin-top: 15px;} .small-12.legalese:nth-of-type(2) {margin-bottom:1.0625rem;margin-top:1.0625rem;} #mktoForm_1431 > div.mktoButtonRow{margin:10px 0!important;} #mktoForm_1431 > div.mktoButtonRow > span > button { margin-left: 5px;} #Email{width:100%;padding:20px 10px;} #partners.pane .card-content.dark p {margin-top: -.25rem !important;} #partners.pane .card-content.dark {background-size: 50% !important;background-position: center 80%;min-height: 10rem;} #partner_grid .card_wrap {margin-top:0 !important;} #partner_grid {margin-top:1rem;} a.button.mobiledropmenu, a.button.mobiledropmenu {margin-bottom:1rem;} .featuredPartnerAppcenter .logo{margin:0 auto 25px auto;position:relative;} #platform_info.pane, #services_info.pane {padding: 2rem 0 2rem 0;} .circle {height: 6.5rem !important;width: 6.5rem !important;line-height: 6rem!important;} .circle h5 {line-height: 6rem !important;} #mobilecta .fom:hover {background-color:#2EB135!important;} .mediacontainer time {display:block;text-align:left;margin-bottom:0;} .mediacontainer p {margin-bottom:0;} .reveal-modal.xlarge {width:100%;min-height:auto;margin-left:0;left:0;padding:10px 0px 10px;} .about-icon {margin-bottom:1.5rem;} #event_list {padding:0px !important;} #legalwrap1 img {margin-bottom:1rem;} } /* [x.x] Breakpoint SMALL + MEDIUM ==============*/ /* Nothing here at the moment */ /* [x.x] Breakpoint MEDIUM and UP ==============*/ @media only screen and (min-width: 40.063em) /* min-width 641px, medium screens */ { ul.hide-for-small-only {display: inline-block !important;} } /* [x.x] Breakpoint MEDIUM and DOWN ==============*/ @media only screen and (max-width: 64em) /* max-width 1024px */ { /* Adjust footer */ #pagefooter .social{margin:0 10px 20px 0;} #pagefooter .bottomnav{float:none;} #pagefooter .social{margin:0 10px 20px 0;} #pagefooter .bottomnav{float:none;} /* Mobile search suggestions */ #dwls_search_results {top: 105px!important;} /* Adjust nav */ #nav3 li{padding:0px 5px 5px 5px;} #nav3 .primarynav{margin-top:0px;} #nav3 .primarynav li a{margin-top:1em;} #legalese{float:left;} .success-download {border-top:0 !important;} #success_stories .cardback p {padding:0 5.5rem !important;} .tabs .tab-title>a {padding:.5rem 1rem !important;font-size: .9rem !important;} .success-approach ul {border-bottom: none !important;} .columns.success-result {border-top:none !important;} #partner_grid .card_wrap:nth-of-type(n+4) {margin-top: 2rem;} /* Resources Slider */ label.sliderlabel{font-size:1.25rem;padding-bottom:10px;} .resourcesSliderMobile img{margin:0 auto;} .resourcesSliderMobile .slick-dots{bottom:-40px!important;border-bottom:1px solid #333;padding-bottom:10px;} .resourcesSlider img{margin-right:10px;} .resourcesSlider span.sliderlabel{font-size:1rem;margin-top:10px;} .resourcesSlider span.slidertitle{font-size:1rem;line-height:1rem;font-weight:bold;} .resourcesSlider div p{font-size:1rem;margin:10px 0 20px 0;} /* Success Cards logo tag fix*/ #success_stories .card-logo h4, #partner_cards .card-logo h4{width:45%;} /* ALWAYS hide windows ver of Custoemr Journey on mobile */ #customer_journey_windows{display:none!important!important;} } /* [x.x] Breakpoint MEDIUM ONLY ==============*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) /* min-width 641px and max-width 1024px */ { .small-12.legalese:nth-of-type(2) {margin-top: 1.0625rem;} #legalwrap1 img {margin-top:.35rem;width:220px;} #hero {background-position: top left;} #hero.medium-hero, #hero.small-hero {background-position: top center;} #hero .all-success {bottom: -65px;} .video-success {bottom:-20px !important;} #hero .all-success.video_all_btn{bottom:-50px;} #megafooter li, #megafooter ul{font-size: .9rem!important;} } /* [x.x] Breakpoint LARGE and UP ==============*/ @media only screen and (min-width: 64.063em) /* min-width 1025px, large screens */ { #legalwrap2 {margin-left: -1rem;} #main article {padding-left:25px;} #main article article {padding-left:0px;} } /* [x.x] Breakpoint LARGE ONLY ==============*/ @media only screen and (min-width: 64.063em) and (max-width: 90em) /* min-width 1025px and max-width 1440px */ { } /* [x.x] Breakpoint XTRA LARGE and UP ==============*/ @media only screen and (min-width: 90.063em) /* min-width 1441px, xlarge screens */ { } /* [x.x] Breakpoint XTRA LARGE ONLY ==============*/ @media only screen and (min-width: 90.063em) and (max-width: 120em) /* min-width 1441px and max-width 1920px*/ { } /* [x.x] Breakpoint OTHER SPECIFIC BREAKPOINTS ==============*/ /* Show Return to top arrow when gutters are present only */ @media (max-width:1200px) {#wonkavater{bottom:25px;right:5px;}} @media (max-width:1116px) {#wonkavater{display:none!important;}} @media (max-width:1075px) { /* Adjust top nav */ .primarynav{margin-left:0px;} #nav1 .f-dropdown li a{margin-bottom:0px;margin-top:5px;font-size:.9rem;} } @media (max-width:985px) { /* Adjust nav */ .primarynav{margin-left:0px;} .primarynav li a{padding:.5em;margin-left:3px;} /* Adjust alert bar */ #alertbannerwrap a span{display:none!important;} #alertbannerwrap a{font-size:.8rem;} #closealertbanner{font-size:1rem!important;width:25px!important;height:25px!important;} #customer_logos.pane ul > li {max-width:8.5rem;} } @media (max-width:912px) { /* Adjust nav */ .primarynav li a{margin-bottom:1em;} #partners.pane .card-content.dark p {margin-top:0 !important;} } @media (max-width:856px){ /* Adjust nav */ .brontologo{width:150px;background-position:center 28px;margin-right:50px;} .primarynav li a{font-size:.8em;} #customer_logos.pane ul > li {float: none !important;} } @media (max-width:790px){ /* Adjust nav */ .primarynav li a{padding:.35em .5em;} } @media (max-width:690px){ /* Adjust nav */ .brontologo{margin-right:0px;} .primarynav li:first-child {margin-left:0px;} } @media (max-width:640px){ /* Resources Marketo Form */ #mktoForm_3274 .mktoButtonRow{ padding-top: 10px!important; display: block; clear: both; width: auto; text-align:center; left:0px!important;} #mktoForm_3274{margin:0px 0px 50px 0px!important;} #mktoForm_3274, #mktoForm_3274 div.mktoFieldWrap.mktoRequiredField, #mktoForm_3274 .mktoFormRow, #mktoForm_3274 input,#mktoForm_3274 select#Country{ width:100%!important;border-radius:0px 0px!important;} #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ border-radius: 3px 3px;} } @media screen and (min-width: 63.9375em) { /* hide off-canvas elements */ .right-off-canvas-menu{display:none!important;} #minifooter h4 {display: block;} } @media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) { /* iPhone only */ #pagefooter .bottomnav{font-size:.5em;} .success-approach ul {margin-bottom:0;padding-bottom: 2rem; border-bottom:solid 1px #4b4b4b;} .columns.success-result {border-left:0 !important;padding-left:0 !important;border-top:solid 1px #4b4b4b;} #success_stories .hover-content {margin-bottom:0 !important;} .success-download {margin-bottom: 0 !important;} .success-download a {display: none !important;} #success_summary {padding-bottom: 0 !important;} .linear-decor {margin-top:0 !important;} } /* [18] Fixes ***************************************/ /***************************************************/ /* iPad specific nav dropdown fix */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {.pea_cook_wrapper.pea_cook_bottomleft{width:100%!important;}ul#drop1.f-dropdown.open.f-open-dropdown{left:525px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {.pea_cook_wrapper.pea_cook_bottomleft{width:100%!important;}ul#drop1.f-dropdown.open.f-open-dropdown{left:525px!important}} /* Fix SVGs in IE */ .ie9 img[src*=".svg"] { width: 100%; } /* 2 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src*=".svg"] { width: 100%; } } /* Elimiate mobile devices from zooming in on input boxes */ select, select:focus, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px!important; } @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } } /* Eliminate gap in footer */ iframe[name="google_conversion_frame"]{display:none!important;} /* Print Styles */ @media print { .contactus, .all-success, #megafooter, #related, #minifooter .medium-3.large-2.columns, #minifooter.medium-5.large-4.columns {display:none!important} #hero{padding:0;margin:0;min-height:0!important;} .columns.success-goal:first-of-type {padding-left: .9375rem!important;} article #hero.small-hero h1 {margin-top: 1rem;} .columns.success-goal{border-right:0px;height:auto!important;} #minifooter{display:none;} } @page { size: auto; margin: 20mm 10mm 20mm 10mm; } /* [19] Fixes ***************************************/ /***************************************************/ div[id*="ajaxsearchlite"] { width: 100%; height: auto; border-radius: 5px; background-color: transparent; overflow: hidden; border: 0px solid rgb(181, 181, 181); border-radius: 0px 0px 0px 0px; box-shadow:none; } #ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox { margin: 0px; height: 18px; height: 18px; background-color: transparent; border: 0px none rgb(255, 255, 255); border-radius: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset; border: 2px solid rgb(59, 59, 59); border-radius: 3px; height: auto; padding: 13.5px 1rem 13.5px 2rem; background-image: url("/wp-content/themes/BrontoBones/img/search.png") !important; background-position: 10px 15px !important; background-size: 15px !important; background-repeat: no-repeat !important; } #ajaxsearchlite1 .probox .proinput, div[id*="ajaxsearchlite"] .probox .proinput { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(0, 0, 0) !important; font-size: 12px; line-height: normal !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); margin:0; padding:0; height: auto !important; height: 18px !important; } #ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(0, 0, 0) !important; font-size: 12px; line-height: normal !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); border: 0; box-shadow: none; } div[id*="ajaxsearchlite"].asl_msie .probox .proinput input { /*line-height: 24px !important;*/ } /* EACH PLACEHOLDER MUST HAVE A DIFFERENT RULE TO WORK */ div[id*="ajaxsearchlite"] .probox .proinput input::-webkit-input-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input::-moz-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input:-ms-input-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input:-moz-placeholder { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgba(0, 0, 0, 0.6) !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlite"] .probox .proinput input.autocomplete { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(0, 0, 0); font-size: 12px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); margin-top: -18px !important; } div[id*="ajaxsearchlite"] .probox .proloading, div[id*="ajaxsearchlite"] .probox .proclose, div[id*="ajaxsearchlite"] .probox .promagnifier, div[id*="ajaxsearchlite"] .probox .prosettings { width: 18px; height: 18px; } div[id*="ajaxsearchlite"] .probox .promagnifier .innericon svg { fill: rgb(54, 54, 54); fill: rgb(59, 59, 59); display: none; } div[id*='ajaxsearchlite'] .probox div.asl_simple-circle { border: 2px solid rgb(0, 0, 0); } div[id*="ajaxsearchlite"] .probox .prosettings .innericon svg { fill: rgb(54, 54, 54); fill: rgb(59, 59, 59); } div[id*="ajaxsearchlite"] .probox .promagnifier { width: 18px; height: 18px; background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: center center; background-repeat: no-repeat; border: 0px solid rgb(255, 255, 255); border-radius: 0px 0px 0px 0px; box-shadow: -1px 1px 0px 0px rgba(255, 255, 255, 0.64) inset; cursor: pointer; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; cursor: pointer; display: none; } div[id*="ajaxsearchlite"] .probox div.prosettings { width: 18px; height: 18px; background-image: -o-linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: linear-gradient(175deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: center center; background-repeat: no-repeat; float: right; border: 0px solid rgb(255, 255, 255); border-radius: 0px 0px 0px 0px; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.64) inset; cursor: pointer; background-size: 100% 100%; order: 7; -webkit-order: 7; display: none; } div[id*="ajaxsearchliteres"] { position: absolute; z-index: 1100; } div[id*="ajaxsearchliteres"].vertical { padding: 4px; background: rgb(255, 255, 255); border-radius: 3px; border: 0px solid rgb(181, 181, 181); border-radius: 0px 0px 0px 0px; box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.3); visibility: hidden; display: none; } div[id*="ajaxsearchliteres"] .results .nores .keyword { padding: 0 6px; cursor: pointer; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(74, 74, 74); font-size: 13px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); font-weight: bold; } div[id*="ajaxsearchliteres"] .results .item { height: auto; background: rgb(255, 255, 255); } div[id*="ajaxsearchliteres"].vertical .results .item:after { background: rgb(204, 204, 204); } div[id*="ajaxsearchliteres"] .results .item.hovered { background: rgb(244, 244, 244); } div[id*="ajaxsearchliteres"] .results .item .asl_image { width: 70px; height: 70px; } div[id*="ajaxsearchliteres"] .results .item .asl_content h3, div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a { margin: 0; padding: 0; line-height: inherit; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(20, 104, 169); font-size: 14px; line-height: 18px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item .asl_content h3 a:hover { font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(46, 107, 188); font-size: 14px; line-height: 20px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item div.etc { padding: 0; line-height: 10px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: rgb(161, 161, 161); font-size: 12px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item .etc .asl_author { padding: 0; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: rgb(161, 161, 161); font-size: 12px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item .etc .asl_date { margin: 0 0 0 10px; padding: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(173, 173, 173); font-size: 12px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .results .item p.desc { margin: 2px 0px; padding: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(74, 74, 74); font-size: 13px; line-height: 13px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_dragger:active .mCSBap_dragger_bar, div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_dragger.mCSBap_dragger_onDrag .mCSBap_dragger_bar { background: rgba(255, 255, 255, 1); filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ } div[id*="ajaxsearchliteres"].horizontal .mCSBap_scrollTools .mCSBap_dragger:active .mCSBap_dragger_bar, div[id*="ajaxsearchliteres"].horizontal .mCSBap_scrollTools .mCSBap_dragger.mCSBap_dragger_onDrag .mCSBap_dragger_bar { background: rgb(250, 250, 250); filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ } div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_buttonDown { border-color: rgb(62, 62, 62) transparent transparent transparent; } div[id*="ajaxsearchliteres"] .mCSBap_scrollTools .mCSBap_buttonUp { border-color: transparent transparent rgb(62, 62, 62) transparent; } div[id*="ajaxsearchliteres"] span.highlighted { font-weight: bold; color: #d9312b; background-color: #eee; color: rgba(217, 49, 43, 1); background-color: rgba(238, 238, 238, 1); } div[id*="ajaxsearchliteres"] p.showmore a { border: 1px solid #EAEAEA; } div[id*='ajaxsearchliteres'].vertical .results .asl_spacer { background: none repeat scroll 0 0 #D8D8D8; display: block; height: 1px; width: 100%; margin: 0; padding: 0; } /* Search settings */ div[id*="ajaxsearchlitesettings"].searchsettings { background: rgb(255, 255, 255); box-shadow: 0px 0px 0px 1px rgb(181, 181, 181) inset;; } div[id*="ajaxsearchlitesettings"].searchsettings .label { font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: rgb(43, 43, 43); font-size: 12px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } div[id*="ajaxsearchlitesettings"].searchsettings .option label { background-image: linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -webkit-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -moz-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -o-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58)); background-image: -ms-linear-gradient(180deg, rgb(34, 34, 34), rgb(54, 55, 58));; } div[id*="ajaxsearchlitesettings"].searchsettings fieldset .categoryfilter { max-height: 200px; overflow: auto; } div[id*="ajaxsearchlitesettings"].searchsettings fieldset legend { padding: 5px 0 0 10px; margin: 0; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(71, 71, 71); font-size: 13px; line-height: 15px; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox { border: 2px solid rgb(59, 59, 59); border-radius: 3px; height: auto; padding: 13.5px 1rem 13.5px 2rem; background-image: url("/wp-content/themes/BrontoBones/img/search.png") !important; background-position: 10px 15px !important; background-size: 15px !important; background-repeat: no-repeat !important; } #ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input { font-size: 16px !important; color:#3b3b3b; margin-left: 0; padding-left: 0; font-family: "Source Sans Pro", sans-serif; height: 18px !important; } #ajaxsearchlite1 .probox .proinput, div[id*="ajaxsearchlite"] .probox .proinput { font-family: "Source Sans Pro", sans-serif; color:#3b3b3b; } /* [20] Ajax Load More ***************************************/ /***************************************************/ button.alm-load-more-btn.done {display:none !important;} /* [21] Triblio Fixes ***************************************/ /***************************************************/ /* Fix for Triblio Push down banner */ /*.inner-wrap {margin-bottom:50px;} */ #mktoForm_2905 .mktoHtmlText[style] {width:100% !important;} #mktoForm_2905 .mktoHtmlText p.p1 {font-size: .7rem;line-height:1.2;color:#656565;} #mktoForm_3274 .mktoHtmlText span {color:#fff !important;} #mktoForm_3274 .mktoFieldDescriptor label.mktoLabel {display: none;} #mktoForm_3274 .mktoHtmlText span {margin-top: 1rem; display: inline-block;width:470px;} #mktoForm_3274 {margin-bottom: 50px;} #mktoForm_3274 select { border: 1px solid #fff !important; border-radius: 3px; font-size: 16px; height: 45px; margin-top: .5rem; padding: 5px 15px !important; width: 470px !important; } #mktoForm_3274 .mktoHtmlText span a:link, #mktoForm_3274 .mktoHtmlText span a:visited {color:#fff !important;} #mktoForm_1431 .mktoHtmlText span {margin-top: .5rem; display: inline-block;color:#fff !important;font-size: .7rem; line-height: 1.2;} #megafooter #mktoForm_1431 .mktoHtmlText {} #mktoForm_2905 .mktoLogicalField.mktoCheckboxList {position: absolute;top:.75rem;} #mktoForm_2905 .mktoLabel[for="generalOptIn"] {float: right;padding-left:2rem;} #mktoForm_2905 div.mktoFormRow:nth-of-type(6) .mktoFieldDescriptor, #mktoForm_2905 div.mktoFormRow:nth-of-type(24) .mktoFieldDescriptor {width: 100% !important;} #mktoForm_2905 .mktoHtmlText p.p1 {margin-top:.5rem;} #mktoForm_2905 #Person_Notes_to_Bronto__c {display: block !important;} #mktoForm_2905 .mktoButtonRow {margin-top:20px !important;} div.testimonial {border: solid 3px #d9d9d9;border-radius: 3px;text-align: center;padding:2rem;background-color:#fff;} div.testimonial p.quote {font-size: 1.5rem;font-weight: 700; font-style: italic;line-height: 1;margin-top: 1rem;} div.testimonial img {max-width: 12rem;} .overlay-intro p {margin-bottom: 0;} .testimonial-wrapper {padding-top: 2.25rem;} .overlay, .partner-overlay {background: rgba(255,255,255,0.98) !important;} /* Fix underline on hero contact */ @media screen and (min-width: 640px){#herocontactdesktop{display:inline-block!important;}} /* [22] New Product Section Release 1 ***************************************/ /***************************************************/ #hero.product_v2_hero {background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_products_hero@2x.jpg);text-align:left;} #hero.product_v2_hero h1 {line-height: 1.25;margin-top: 10rem;font-size:2.75rem;font-weight:900;} #hero.product_v2_hero h3{font-weight:600;} .product-screens {margin-top: 7rem;position:relative; z-index:500;} .product-screens img { margin-left:55px; } #test_sticky_nav {padding:0;} #post-20 .card-content, .magellan-sticky-nav { box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -webkit-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -moz-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); } /* class applied to section and div bgs */ .diagon {position: relative;padding-bottom: 110px;} #bmp_cta .diagon {z-index:-1;} .diagon:before { content: ""; position: absolute; z-index: 0; width: 100%; height: 14%;height:100%;height:124%; top: 29rem;top:0;top:-7.5rem;top:0; left: 0; transform: skewY(-9.4deg); background: rgba(198,201,202,1); background: -moz-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -webkit-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -o-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); background: linear-gradient( 45deg, rgba(0,0,0,0) 0%, rgba(198,201,202,0) 8%, rgba(208,210,211,0) 10%, rgba(235,236,236,.5) 7%, rgba(235,236,236,0) 0%, rgba(240,240,240,.5) 20%, rgba(247,247,247,0.95) 29%, rgba(255,255,255,0.89) 40%, rgba(254,255,255,0.74) 69%, rgba(243,246,247,0.58) 97%, rgba(0,0,0,0) 100%); } #bmp_personalization:before { content: ""; position: absolute; z-index: 0; width: 100%; /*height: 14%;*/ /* height: 100%;*/ height: 110%; /*top: 29rem;*/ /*top: 0;*/ /* top: -7.5rem;*/ top: 0; left: 0; transform: skewY(-9.4deg); background: rgba(198,201,202,1); background: -moz-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -o-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: linear-gradient( 45deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 2%, rgba(255,255,255,1) 15%, rgba(250,250,250,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); } /* adjust position for email pane (formerly data) */ #bmp_email.diagon:before {top:-8rem} /* adjust gradient for personalization pane (formerly messaging) */ #bmp_messaging_v2.diagon:before { background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 2%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.58) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 2%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.58) 99%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 2%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.58) 99%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* class applied to left aligned embellishments */ .diagonals {position:absolute;} .diagonals span { content: ""; position: absolute; z-index: 0; width: 300px; height: 250px; top:-4rem; left: 0; transform: skewY(-9.4deg); background: -moz-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .diagonals span.thirdEmbellishment { top:132px; height:300px; background: rgba(236,240,241,1); background: -moz-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(15%, rgba(252,252,252,1)), color-stop(40%, rgba(248,248,247,1)), color-stop(100%, rgba(230,230,230,1))); background: -webkit-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: -o-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: -ms-linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); background: linear-gradient(-110deg, rgba(253,253,253,1) 0%, rgba(252,252,252,1) 15%, rgba(248,248,247,1) 40%, rgba(230,230,230,1) 100%); } /* class applied to right aligned embellishments */ .diagonals.diagonal_right {position:absolute; width:100%;} .diagonals.diagonal_right span { content: ""; position: relative; z-index: 0; width: 300px; height: 250px; top: -322px; transform: skewY(-9.4deg); background: #ddd; display: inline-block; margin-left: 80%; background: -moz-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* adjust gradient and position for secondEmbelishment */ .diagonals.diagonal_right span.thirdEmbellishment { background: -moz-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 15%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* adjust gradient and top for thirdEmbelishment */ .diagonals.diagonal_right span.thirdEmbelishment { background: -moz-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-90deg, rgb(253, 253, 253) 0%, rgb(253, 253, 253) 45%, rgba(240,243,244,1) 100%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ top:54px; } /* adjust gradient for email pane embelishment (formerly data) */ #bmp_email .diagonals span { background: -moz-linear-gradient(85deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(240,243,244,1) 50%, rgba(245,245,244,1) 84%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(240,243,244,1) 50%, rgba(245,245,244,1) 84%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(240,243,244,1) 50%, rgba(245,245,244,1) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* card adjustments */ .card_wrap {position:relative; z-index:50;} /*button adjustments */ #bmp_email .bmp-cta .button.secondary-btn-wht, #bmp_email .bmp-cta .button.secondary-btn-wht:hover, #bmp_email .bmp-cta .button.secondary-btn-wht:visited {background-color:#0072c4 !important; color:#fff !important; border:0;z-index: 1;} #bmp_personalization .bmp-cta .button.secondary-btn-wht, #bmp_personalization .bmp-cta .button.secondary-btn-wht:hover, #bmp_personalization .bmp-cta .button.secondary-btn-wht:visited {background-color:#ff6347 !important; color:#fff !important; border:0;z-index: 1;} #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2eb135 !important; color:#fff !important; border:0;z-index: 1;} #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2d3e50 !important; color:#fff !important; border:0;z-index: 1;} #bmp_integrations_v2 .bmp-cta .button.secondary-btn-wht-solid, #bmp_integrations_v2 .bmp-cta .button.secondary-btn-wht-solid:hover, #bmp_integrations_v2 .bmp-cta .button.secondary-btn-wht-solid:visited {background-color:#ffffff !important; color:#2d3e50 !important; border:0;z-index: 1;} #bmp_integrations_v2.bmp-pane {background-color:#2d3e50;} #bmp_integrations_v2.bmp-pane .card-content {position: relative;text-align:center;padding-top:2rem;} /*#bmp_integrations_v2.bmp-pane .card-content:hover {top:1px;}*/ #bmp_integrations_v2.bmp-pane .card-content p {margin-bottom: .75rem;} /*#bmp_integrations_v2.bmp-pane .card-content p::after { content: ""; height:16px; width:16px; display: inline-block; margin-left: .65rem; position: relative; top: 3px; background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_right_arrow@2x.png) no-repeat 0 0; background-size:cover; }*/ /*#post-20 .button.secondary-btn-wht {transition: all .2s ease-in-out;} #post-20 .button.secondary-btn-wht:hover {transform: scale(1.1);}*/ #post-20 #bmp_cta .button.secondary-btn-wht {background-color:#ff6347; color:#fff; border:solid 2px #ff6347;} /* Pane content adjustments */ .bmp-pane h4 {margin-bottom:1rem;} h4.icon-title {text-transform:uppercase; font-weight:900;font-size:.9rem;} h4.icon-title span {display:block;margin-top:0;} /*h4.icon-title img {width:150px;}*/ #bmp_email h4 span {color:#0072c4;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top:2rem;} #post-20 #bmp_analytics h4.icon-title img {width:150px;} .emailIcon { width:175px; } .personalizationIcon { width:145px; } .automationIcon { width:155px; } .analyticsIcon { width:175px; } #bmp_personalization h4 span {color:#ff6347;padding-top:.2rem;} #bmp_automation_v2 h4 span {color:#2eb135;} #bmp_analytics_v2 h4 span {color:#2d3e50;} #bmp_integrations_v2 h4.pane-title {margin-top:0rem;margin-bottom:.5rem;} #bmp_integrations_v2 h4 img {max-width:80%; margin-top:1.2rem;} #bmp_integrations_v2 img.logo.shopify {margin-top: -.15rem;} #bmp_integrations_v2 h4.pane-subtitle {margin-top:1.5rem;} #bmp_integrations_v2 h4.pane-subtitle a:link, #bmp_integrations_v2 h4.pane-subtitle a:visited {color:#fff;} .columnswrap {z-index: 1;} #bmp_personalization.bmp-pane .card-content li:before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_tomato@2x.png) no-repeat 0 0;background-size:cover;} #bmp_email.bmp-pane .card-content li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_blue@2x.png) no-repeat 0 0;background-size:cover;} #bmp_automation_v2.bmp-pane {background-color:initial;background-image:none;} #post-20 #bmp_cta_first. #post-20 #bmp_ease_optimize {position:relative;} #bmp_cta_first {position:relative; z-index:1;} p.bmp-cta a.button {font-weight: 900;font-size: 1.3rem;} p.bmp-cta {margin-top: 2rem;margin-bottom: 0;} #bmp_cta_first h2 a.button, #bmp_cta a.button {font-weight: 900;font-size: 1.3rem;} .bmp-pane h2 {font-weight: 900;text-transform: uppercase;margin-bottom: 2.2rem;font-size: 1.85rem;line-height: 2.2rem;} .bmp-pane .card-content h5 {margin-bottom: .8rem;font-weight: 900;font-size: 1.25rem;line-height: 1.6rem;} #bmp_cta_first h2, #bmp_cta h2 {color: #3b3b3b;font-weight: 900;font-size: 2.3rem;padding-top:2rem;} /* [23] New Product Section Subpage Release 1 ***************************************/ /***************************************************/ /*.tabs,*/ .magellan-sticky-nav {margin:0 auto 0 auto;display: inline-block;margin-top:-1rem;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius:6px;background: #fff;} .magellan-sticky>a {padding: 0;margin:1.25rem 1rem;border-bottom:solid 2px #fff;} .magellan-sticky:first-of-type a {margin-left: 0rem;} .magellan-sticky:last-of-type a {margin-right: 0rem;} /*.tabs li,*/ .magellan-sticky-nav li {text-decoration: none;color: #3b3b3b;font-size: 1rem;background-color: #fff;padding-left:.5rem;padding-right:.5rem;border:0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius:0;transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;-webkit-transition: background-color 0.4s ease-out;} /*.tabs li a:hover, .tabs .tab-title.active a:hover, .tabs dd.active a:hover,*/ .magellan-sticky-nav .magellan-sticky.active a:hover, .magellan-sticky-nav li.active a:hover, .magellan-sticky-nav li a:hover {opacity: 1 !important;border-bottom:solid 2px #ff6347;} /*.tabs li:first-of-type,*/ .magellan-sticky-nav li:first-of-type {border-bottom-left-radius:3px; border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;-webkit-border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px;margin-left:3rem;} /*.tabs li:last-of-type,*/ .magellan-sticky-nav li:last-of-type {border-bottom-right-radius:3px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px;-webkit-border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px;margin-right:3rem;} /*.tabs .tab-title>a, .tabs dd>a,*/ .magellan-sticky-nav .magellan-sticky>a {text-transform: uppercase; font-weight:900; font-style:normal; font-size:1.25rem; line-height: 1; color:#3b3b3b; text-decoration: none;display: block;} /*.tabs .tab-title.active a, .tabs dd.active a,*/ .magellan-sticky-nav .magellan-sticky.active a {border-bottom:solid 2px #ff6347;} /*.tabs-content {margin-top: 2rem;}*/ .magellan-sticky-nav {} .magellan-sticky-nav .magellan-sticky { float: left; list-style: outside none none; margin-bottom: 0 !important; position: relative;} .magellan-fixed-container {background:none;height:0;text-align: center;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius:3px;} .magellan-fixed-container.fixed {margin-top:8.55rem;} .magellan-fixed-container[data-magellan-expedition] {padding: 0 !important;} .magellan-fixed-container.fixed[data-magellan-expedition-clone],[data-magellan-expedition-clone] {display: none;} #bmp_data.bmp-pane {background-color:#ff6347;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_DATA_header@2x.png);background-size:/*48rem*/20rem;background-repeat:no-repeat;background-position: center /*top*/2rem;} #bmp_messaging.bmp-pane {background-color:#0072c4;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_MESSAGING_header@2x.png);background-size:48rem;background-repeat:no-repeat;background-position: center /*top*/2rem;;} #bmp_automation.bmp-pane {background-color:#2eb135;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_AUTOMATION_header@2x.png);background-size:48rem;background-repeat:no-repeat;background-position: center /*top*/2rem;;} #bmp_analytics.bmp-pane {background-color:#2d3e50;;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_ANALYTICS_header@2x.png);background-size:44rem;background-repeat:no-repeat;background-position: center 4rem;} #bmp_cta_first, #bmp_ease_optimize {background-color:#fff;} #bmp_integrations.bmp-pane {background-color:#fff;background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_INTEGRATIONS_header@2x.png);background-size:48rem;background-repeat:no-repeat;background-position: center /*top*/ 3rem;} #bmp_data.bmp-pane h2, #bmp_data.bmp-pane h4 {color:#802d1e} #bmp_messaging.bmp-pane h2, #bmp_messaging.bmp-pane h4 {color:#003256;} #bmp_automation.bmp-pane h2, #bmp_automation.bmp-pane h4 {color:#145017;} #bmp_integrations a:link, #bmp_integrations a:visited {color:#008cba;} #bmp_cta_first h2 {padding-top:2rem;} #bmp_cta_first h2, #bmp_cta h2 {color:#2d3e50; font-weight: 900;font-size: 2rem;} #bmp_cta_first h2 a.button {background-color:#ff6347; color:#fff; border:solid 2px #ff6347; margin-left:1.5rem;} #bmp_cta_first h2 a.button, #bmp_cta a.button {font-weight: 900;} .bmp-pane h4 {margin-bottom:2rem;margin-top: 5rem;} .bmp-pane h2 {font-weight: 900; text-transform: uppercase;margin-bottom: 3rem;font-size:1.85rem;} .bmp-reverse h2, .bmp-reverse h4 {color:#fff;} .bmp-pane .card-content {padding: 1rem;} /*.bmp-pane .card-content h5 {margin-bottom: .5rem;font-weight: 900;font-size: 1.4rem;line-height: 1.7rem;}*/ .bmp-pane .card-content ul {margin-left: 0;} .bmp-pane .card-content li, #bmp_data_intro li {list-style-image: none;list-style-type: none;} #bmp_data.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(204,77,54,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(204,77,54,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(204,77,54,.75);} #bmp_messaging.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(2,90,158,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(2,90,158,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(2,90,158,.75);} #bmp_automation.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(42,160,48,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(42,160,48,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(42,160,48,.75); } #bmp_analytics.bmp-pane .card-content {box-shadow: 0px 22px 80px 4px rgba(38,51,66,.75);-moz-box-shadow: 0px 22px 80px 4px rgba(38,51,66,.75);-webkit-box-shadow: 0px 22px 80px 4px rgba(38,51,66,.75); } #bmp_integrations .card-content {box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -webkit-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); -moz-box-shadow: 0px 22px 80px 4px rgba(229,229,229,.75); text-align:center;padding-top:2rem;} .pane.pane-centered.bmp-pane .card-content {text-align: left;} p.bmp-cta {margin-top: 3rem;margin-bottom: 0;} p.bmp-cta a.button {font-weight: 700;} .pane.bmp-pane {padding-bottom: 1.5rem;} #bmp_integrations.pane.bmp-pane {padding-bottom: 4rem;} .bmp-pane .card-content li::before, #bmp_data_intro li::before {content: ""; height:14px; width:14px;display: inline-block;margin-right: .5rem;position: relative;top: 3px;} #bmp-big-pane.bmp-pane .card-content li::before {height:14px; width:14px;} #bmp_data.bmp-pane .card-content li::before, #bmp_messaging_v2.bmp-pane .card-content li::before, #bmp-big-pane.bmp-pane .card-content .bmp-data li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_tomato@2x.png) no-repeat 0 0;background-size:cover;} #bmp_messaging.bmp-pane .card-content li::before, #bmp_data_v2.bmp-pane .card-content li::before, #bmp-big-pane.bmp-pane .card-content .bmp-messaging li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_blue@2x.png) no-repeat 0 0;background-size:cover;} #bmp_automation.bmp-pane .card-content li::before, #bmp_automation_v2.bmp-pane .card-content li::before, #bmp-big-pane.bmp-pane .card-content .bmp-automation li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_green@2x.png) no-repeat 0 0;background-size:cover;} #bmp_analytics.bmp-pane .card-content li::before, #bmp_analytics_v2.bmp-pane .card-content li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_navy@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane.bmp-pane .card-content .bmp-analytics li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_red@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane.bmp-pane .card-content .bmp-ease-use li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_light_blue@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane.bmp-pane .card-content .bmp-optimization li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_purple@2x.png) no-repeat 0 0;background-size:cover;} #bmp_data_intro li::before {background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_check_bullet@2x.png) no-repeat 0 0;background-size:cover;} #bmp_ease_optimize ul {margin-left: 0;margin-bottom:2rem;margin-top:1rem;} #bmp_ease_optimize li {list-style-type: none;list-style-image: none;} #bmp_ease_optimize li::before {content: ""; height:16px; width:16px;display: inline-block;margin-right: .65rem;position: relative;top: 3px;background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_dark_grey@2x.png) no-repeat 0 0;background-size:cover;} #bmp_ease_optimize h5 {font-size:1.3rem;} #bmp_ease_optimize p a {padding:10px 35px; font-weight:600;background-color:transparent;} #bmp_integrations.bmp-pane .card-content {position: relative;} #bmp_integrations.bmp-pane .card-content:hover {top:1px;} #bmp_integrations.bmp-pane .card-content p {margin-bottom: .75rem;} #bmp_integrations.bmp-pane .card-content p::after {content: ""; height:16px; width:16px;display: inline-block;margin-left: .65rem;position: relative;top: 3px;background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_right_arrow@2x.png) no-repeat 0 0;background-size:cover;} #bmp-big-pane .columns.card-column {padding-left:2.5rem; padding-right:2.5rem;} #bmp-big-pane.bmp-pane .card-column {margin-bottom: 2rem;} #bmp-big-pane.bmp-pane .card-content .card-column h4 {text-transform: uppercase;font-size: 1.25rem; font-weight: 700;margin-top:0;margin-bottom: .2rem;letter-spacing: 2px;} article #bmp-big-pane.bmp-pane .card-content ul {margin: 1rem 0 2.5rem 0;} article #bmp-big-pane.bmp-pane .card-content ul > li {margin-bottom: .25rem;font-size: .8rem;} article #bmp_data_intro ul > li {margin-bottom: .25rem; font-size: 1rem;font-size: 1rem;line-height: 1.3rem;margin-bottom: 12px;} #bmp-big-pane.bmp-pane h2 {text-transform: none;} #bmp-big-pane.bmp-pane h5 {min-height: 4.5rem;} @media (max-width:715px){ #bmp-big-pane.bmp-pane a {padding:10px 20px !important;} } @media only screen and (max-width: 40em) { #bmp-big-pane.bmp-pane h5 {min-height: inherit;} } .bmp-data h4 {color:#ff6347;} .bmp-messaging h4 {color:#0072c4;} .bmp-automation h4 {color:#2eb135;} #bmp_analytics h4, #bmp_analytics h2 {color:#6b747f;} .bmp-analytics h4 {} .bmp-ease-use h4 {color:#31c5b7;} .bmp-optimization h4 {color:#6051a2;} #hero.simple-hero {min-height: inherit;background-image: none;padding-top: 3rem;padding-bottom: 3rem;} #hero.simple-hero h1 {margin-top: 0rem;font-weight: 900;} #hero.simple-hero.data-hero {background-color:#ff6347;} #post-46527 #hero.simple-hero.data-hero {background:0;} #post-46527 #hero h1,#post-46527 #hero h3 {color:#3b3b3b;} #bmp_success h4 {font-weight: normal;margin-bottom: 1.5rem;} #bmp_success h5 {font-size: 1.3rem;} #bmp_success h6 {margin-top: 3rem;} #bmp_success .credit-company img {max-height: 3.5rem;} .bmp-data-page.pane h2 {font-weight: 900;} #product_features.pane .tabs-content-left {text-align: left; margin-top:2.5rem;} #product_features.pane .tabs-content-left h3 {font-weight: 700; margin-top: 2rem;} .product-desc{font-weight:normal;line-height: 1.6rem;margin-bottom:1rem;} /* #bmp_hero::before { content: ""; position: absolute; width: 100%; height: 100%; top: -180px; left: 0; background-color: #ff6347; transform: skewY(-12deg); } */ .diagon { position: relative; padding-bottom: 110px; } .diagonals {position:absolute;} .diagonals span { content: ""; position: absolute; z-index: 0; width: 300px; height: 230px; top:-67px; left: 0; transform: skewY(-9.4deg); background: #ddd; } .diagonals.diagonal_right {position:absolute; width:100%;} .diagonals.diagonal_right span { content: ""; position: relative; z-index: 0; width: 400px; height: 280px; top: -235px; transform: skewY(-9.4deg); background: #ddd; display: inline-block; margin-left: 80%;} .diagon:before { content: ""; position: absolute; z-index: 0; width: 100%; height:120%; top:0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(247,250,250,1)), color-stop(14%, rgba(220,222,223,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(244,246,247,1)), color-stop(100%, rgba(236,240,241,1))); background: -webkit-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: -o-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: -ms-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 );} .fifthEmbellishment:before { content: ""; position: absolute; z-index: 0; width: 100%; height: 250px; top: 0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(245,245,245,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,.5)), color-stop(100%, rgba(242,243,243,1))); background: -webkit-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); background: -o-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); background: -ms-linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,1) 100%); /*background: linear-gradient(-74deg, rgba(242,243,243,.3) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,.5) 74%, rgba(242,243,243,.5) 100%);*/ background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 ); } #bmp_automation_v2:before { content: ""; position: absolute; z-index: -1; width: 100%; height:80%; top:0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,243,243,1)), color-stop(14%, rgba(242,243,243,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(244,246,247,1)), color-stop(100%, rgba(242,243,243,1))); background: -webkit-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -o-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -ms-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); /*background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%);*/ background: linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 );} #bmp_analytics_v2:before { content: ""; position: absolute; z-index: -1; width: 100%; height:100%; top:0; left: 0; transform: skewY(-9.4deg); background: #f1f1f1; background: rgba(198,201,202,1); background: -moz-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(242,243,243,1)), color-stop(14%, rgba(242,243,243,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(242,243,243,1))); background: -webkit-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -o-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); background: -ms-linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); /*background: linear-gradient(-74deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 36%, rgba(244,246,247,1) 74%, rgba(236,240,241,1) 100%);*/ background: linear-gradient(-90deg, rgba(242,243,243,1) 0%, rgba(242,243,243,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 74%, rgba(242,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f1', GradientType=1 );} #bmp_messaging_v2.diagon:before {background: rgba(234,238,239,1); background: -moz-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(15%, rgba(234,238,239,1)), color-stop(53%, rgba(243,246,246,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); background: linear-gradient(-173deg, rgba(234,238,239,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeef', endColorstr='#ffffff', GradientType=1 );} /*#bmp_automation_v2.diagon:before,*/ /*#bmp_analytics_v2.diagon:before,*/ .diagonals span, .diagonals.diagonal_right span {background: rgba(236,240,241,1); background: -moz-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(236,240,241,1)), color-stop(15%, rgba(236,240,241,1)), color-stop(30%, rgba(240,243,244,1)), color-stop(83%, rgba(255,255,255,1))); background: -webkit-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: -o-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: -ms-linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); background: linear-gradient(-95deg, rgba(236,240,241,1) 0%, rgba(236,240,241,1) 15%, rgba(240,243,244,1) 30%, rgba(255,255,255,1) 83%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0f1', endColorstr='#ffffff', GradientType=1 );} #post-91119 .card-content, .magellan-sticky-nav {box-shadow: 0px 22px 80px 4px rgba(0,0,0,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.1);} .card_wrap {position:relative; z-index:50;padding-left:.65rem;padding-right:.65rem;} #bmp_data_v2 .bmp-cta .button.secondary-btn-wht, #bmp_data_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_data_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#0072c4 !important; color:#fff !important; border:0;} #bmp_messaging_v2 .bmp-cta .button.secondary-btn-wht, #bmp_messaging_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_messaging_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#ff6347 !important; color:#fff !important; border:0;} #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_automation_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2eb135 !important; color:#fff !important; border:0;} #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:hover, #bmp_analytics_v2 .bmp-cta .button.secondary-btn-wht:visited {background-color:#2d3e50 !important; color:#fff !important; border:0;} #bmp_integrations_v2.bmp-pane {background-color:#2d3e50;} #bmp_integrations_v2 {padding: 3rem 0 5rem 0;} #bmp_integrations_v2.bmp-pane .card-content {text-align: left; padding-top:1rem;box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -moz-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2);} #bmp_integrations_v2.bmp-pane .card-content li::before {background: url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_bullet_navy@2x.png) no-repeat 0 0; background-size: cover;} #bmp_integrations_v2.bmp-pane .logo-cards .card-content {position: relative;text-align:center;padding-top:2rem; box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2); -moz-box-shadow: 0px 22px 80px 4px rgba(0,0,0,.2);background:transparent;} /*#bmp_integrations_v2.bmp-pane .card-content:hover {top:1px;}*/ #bmp_integrations_v2.bmp-pane .card-content p {margin-bottom: .75rem;} /*#bmp_integrations_v2.bmp-pane .card-content p::after {content: ""; height:16px; width:16px;display: inline-block;margin-left: .65rem;position: relative;top: 3px;background:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_right_arrow@2x.png) no-repeat 0 0;background-size:cover;}*/ #bmp_integrations_v2.bmp-pane .row.emcom_integrations {margin-top:2rem;} /*#post-91119 .button.secondary-btn-wht {transition: all .2s ease-in-out;} #post-91119 .button.secondary-btn-wht:hover {transform: scale(1.1);}*/ #bmp_data_v2.diagon:before {top:-7.5rem} .data-hero .diagon {padding-bottom:0;} .data-hero .diagon:before{top:-120px;height:380px;} .data-hero .diagon.white:before {height:100px;background:#fff;top:210px;width:55%;} .diagon.navy {background:none;z-index:0;padding-bottom:0;} .diagon.navy:before {top:-7.5rem;height:110%;background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } #feature_deep_dive_automation .diagon.navy:before { top:-9.5rem;height:110%;background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .diagon.navy h4 {margin-bottom: 2.2rem;} /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .bmp-pane h4 {margin-bottom:1rem;} h4.icon-title {text-transform:uppercase; font-weight:900;font-size:.9rem;} h4.icon-title span {display:block;margin-top:.5rem;} #bmp_data_v2 h4 span {color:#0072c4;} #bmp_messaging_v2 h4 span {color:#ff6347;} #bmp_automation_v2 h4 span {color:#2eb135;} #bmp_analytics_v2 h4 span {color:#2d3e50;} #bmp_cta_first {position:relative; z-index:1;} #hero.product_subpage h1, #hero.product_subpage h3 { color: #3b3b3b !important; } #hero.product_subpage { padding-top:0rem; background:transparent !important; } #bmp_success h4.customerQuote { font-weight:600; } .product_subpage .diagon.white::before { background: #fff none repeat scroll 0 0; height: 100px; top: 270px; width: 55%; } .product_subpage .diagon::before { height: 380px; top: -140px; } .product_subpage .diagon { padding-bottom: 0; } h4.icon-title.email_subpage { margin-top:0; margin-bottom:1rem; } h4.icon-title.email_subpage img { height:6rem; margin-top:20px; } h4.icon-title.personalization_subpage { margin-top:20px; margin-bottom:1rem; } h4.icon-title.automation_subpage img { height: 8rem; margin-top: 20px; } .icon-title.automation_subpage span { color:#2eb135; margin-top:0; } .icon-title.email_subpage span { color:#0072c4; } h4.analytics_subpage img { height: 6.2rem; margin-top: 20px; } .icon-title.analytics_subpage span { color:#2d3e50; margin-top:0; } /*h4.icon-title.personalization_subpage { margin-bottom: 1rem; }*/ h4.icon-title.personalization_subpage.pane { margin-bottom: 1rem; } h4.icon-title.automation_subpage { margin-bottom: 1rem; } h4.icon-title.analytics_subpage { margin-bottom: 1rem; } /*h4.icon-title.automation_subpage span { color:#0072c4; }*/ .automation-hero.product_subpage h3 { padding:0 130px; } .diagon.embellishment-first { position:relative; z-index:-1; } .diagon.embellishment-second { position:relative; z-index:-1; } .diagon.embellishment-second:before { } /*.diagon.embellishment-fourth:before { height:425%; top:-12rem; width:100%; }*/ .diagonals.diagonal_right.embellishment-third span { } .diagonals.diagonal_right.embellishment-extra span { background: -moz-linear-gradient(-85deg, rgb(255, 255, 255) 60%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* FF3.6-15 */ background: -webkit-linear-gradient(-85deg, rgb(255, 255, 255) 60%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-85deg, rgb(255, 255, 255) 60%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ height: 230px; top: 185px; margin-left:70%; width:1000px; } .diagonals.diagonal_right.embellishment-fifth span { top:-170px; z-index: -1; } .diagonals.diagonal_right.embellishment-sixth span { top:75px; height: 320px; z-index:-1; width:1450px; margin-left: 0%; background: -moz-linear-gradient(-85deg, rgba(236,240,241,1) 21%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* FF3.6-15 */ background: -webkit-linear-gradient(-85deg, rgba(236,240,241,1) 21%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(-85deg, rgba(236,240,241,1) 21%, rgba(236,240,241,1) 15%, rgba(255,255,255,1) 40%, rgba(240,245,245,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } h6.credit-company { margin-bottom:0px; } .corner { content:""; position:absolute; border-top-left-radius:25px; border:solid 25px #ff6347; top:0; left:0; transform: skewY(-45deg); margin-top:-40px; } .email-embellishment-first:before { background:linear-gradient(0deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); background: -moz-linear-gradient(0deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(0deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ z-index: -1; } .product_subpage .diagon.email-embellishment-first:before { height: 700px; } .product_subpage .diagon.white.embellishment-second:before { height: 312px; width: 35%; top: 295px; background:linear-gradient(60deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); background: -moz-linear-gradient(60deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(60deg, rgba(236,240,241,.5) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 46%, rgba(244,246,247,1) 101%, rgba(236,240,241,1) 100%); /* Chrome10-25,Safari5.1-6 */ } .email-hero .corner { border:solid 28px #0072c4; } .bmp_email_intro li::before { margin-left:-2rem; } .bmp_email_intro.pane { position:relative; z-index:5; } .bmp_email_intro.pane img.screen-animation { margin-top:8rem; width:400px; } .bmp_email_intro .card-content { text-align:left; border:solid 1px #f9f9f9; position:relative; overflow:hidden; margin-top:4rem; border-radius: 15px; } .bmp_email_intro .card-content h5 { color:#0072c4; font-size: 2rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_email_intro .card-content ul { margin-top:1rem; margin-left:0; padding-left: 2rem; } .bmp_personalization_intro li::before { margin-left:-2rem; } .bmp_automation_intro li::before { margin-left:-2rem; } .bmp_analytics_intro li::before { margin-left:-2rem; } .bmp_integrations_intro li::before { margin-left:-2rem; } .bmp_personalization_intro.pane { position:relative; z-index:5; } .bmp_personalization_intro.pane img.screen-animation { margin-top:4.25rem; width:400px; } .bmp_automation_intro.pane img.screen-animation { margin-top:4.25rem; width:400px; } .bmp_analytics_intro.pane img.screen-animation { margin-top:4.2rem; width:400px; } .bmp_personalization_intro .card-content { text-align:left; border:solid 1px #f9f9f9; position:relative; overflow:hidden; margin-top:2rem; margin-bottom: 3rem; border-radius: 15px; height:360px; box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); } .bmp_personalization_intro .card-content h5 { color:#ff6347; font-size: 1.75rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_automation_intro .card-content h5 { color:#2eb135; font-size: 1.7rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_automation_intro .card-content { text-align: left; border: solid 1px #f9f9f9; position: relative; overflow: hidden; margin-top: 2rem; margin-bottom: 3rem; border-radius: 15px; box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); } .bmp_analytics_intro .card-content h5 { color:#2d3e50; font-size: 1.7rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_analytics_intro .card-content { text-align: left; border: solid 1px #f9f9f9; position: relative; overflow: hidden; margin-top: 2rem; margin-bottom: 3rem; border-radius: 15px; box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); } .bmp_integrations_intro .card-content h5 { color:#2d3e50; font-size: 1.7rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top:1rem; } .bmp_integrations_intro .card-content { text-align: left; border: solid 1px #f9f9f9; position: relative; overflow: hidden; margin-top: 2rem; margin-bottom: 3rem; border-radius: 15px; box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1); } /*.bmp_analytics_intro .card-content h5 { color: #2eb135; font-size: 1.7rem; margin-bottom: 1rem; font-weight: 900; text-align: center; margin-top: 1rem; }*/ /*.bmp_personalization_intro .card-content ul { margin-top:1rem; margin-left:0; padding-left: 2rem; }*/ .bmp_personalization_intro .card-content ul.col_1 { margin-top:1rem; margin-left:0; padding-left: 3rem; } .bmp_personalization_intro .card-content ul.col_2 { margin-top:1rem; margin-left:0; padding-left: 2rem; } .topAutomation ul.col_2 { margin-left:1.5rem; margin-top:1rem; } .topAutomation ul.col_1 { margin-left:2.5rem; margin-top:1rem; } .topAnalytics ul.col_1 { margin-left:2.5rem; margin-top:1rem; } .topAnalytics ul.col_2 { margin-left:1.5rem; margin-top:1rem; } .topIntegrations ul.col_1 { margin-left:3.3rem; margin-top:1rem; } .topIntegrations ul.col_2 { margin-left:1.5rem; margin-top:1rem; } /*.card-content.topCapabilities { box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1) !important; -webkit-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1) !important; -moz-box-shadow: 0px 22px 80px 4px rgba(32,45,58,.1) !important; }*/ #feature_deep_dive { background-color:none; padding-top:0rem; } #feature_deep_dive.pane { padding-bottom: 6.5rem; } #feature_deep_dive h2.first {margin-top:60px;} #feature_deep_dive h2 { padding-top:0; /*/ /*/ /*01/19/18 additions*/ /*/ /*/ margin-top:100px; /*/ /*/ /*01/19/18 additions*/ /*/ /*/ } #feature_deep_dive_automation h2 { margin-top:100px;} #feature_deep_dive_automation h2.first {margin-top: 0px;} #feature_deep_dive_analytics h2 { margin-top:100px;} #feature_deep_dive_analytics h2.first {margin-top: 0px;} #feature_deep_dive_integrations h2 { margin-top:100px;} #feature_deep_dive_integrations h2.first {margin-top: 0px;} #feature_deep_dive .diagonals.diagonal_right span { top:-259px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #feature_deep_dive_personalization .diagonals.diagonal_right span { top: -391px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); } #feature_deep_dive_analytics .diagonals.diagonal_right span { top: -290px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); } #feature_deep_dive_integrations .diagonals.diagonal_right span { top: -255px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); } #feature_deep_dive_automation .diagonals.diagonal_right span { top: -317px; background: -moz-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: -webkit-linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); background: linear-gradient(85deg, rgba(32,45,58,0) 0%, rgba(32,45,58,0) 15%, rgba(32,45,58,1) 100%, rgba(32,45,58,1) 100%); } #feature_deep_dive_personalization .diagon.navy:before { top: -9.5rem; height: 118%; background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } #feature_deep_dive_analytics .diagon.navy:before { top: -9.5rem; height: 115%; background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } #feature_deep_dive_integrations .diagon.navy:before { top: -9.5rem; height: 119%; background: rgba(29,39,51,1); background: -moz-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,39,51,1)), color-stop(54%, rgba(45,62,80,1)), color-stop(98%, rgba(45,62,80,1))); background: -webkit-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -o-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: -ms-linear-gradient(-45deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 54%, rgba(45,62,80,1) 98%); background: linear-gradient(160deg, rgba(29,39,51,1) 0%, rgba(45,62,80,1) 34%, rgba(45,62,80,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2733', endColorstr='#2d3e50', GradientType=1 ); } #bmp_success { padding:4rem 0 3.5rem 0; position:relative; } #bmp_success.bmp-success-rst { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/1_CORP_product_rst_brands_quote_BG@2x.jpg); } #related.bmp-email-page { padding-bottom:3rem; } #related .related-container { text-align:center; } #related.bmp-email-page h2 { margin-bottom:1.5rem; margin-top:6rem; } #related.bmp-analytics-page h2 { margin-bottom: 1.5rem; margin-top: 8rem; } #related.bmp-analytics-page h2.bmp-cta-message { margin-bottom: 0rem; margin-top: 5rem; } #related .related-tti { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_4_tti_bg@2x.jpg); background-size: cover; height: 292px; } #related .related-tti h3 { background-image:url(/wp-content/themes/BrontoBones/img/3_Successes/3_CORP_successes_4_tti_logo_white@2x.png); line-height:2; margin: 4.5rem 2.5rem 2.5rem !important; } #related .related-eloquii { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_eloquii_bg@2x.jpg); background-size: cover; height: 292px; } #related .related-eloquii h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_eloquii_logo@2x.jpg); line-height:2; margin: 5rem 2.5rem 2.5rem !important; } #related .related-coolstuff { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_coolstuff_teaser@2x.jpg); background-size: cover; height: 292px; } #related .related-coolstuff h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_coolstuff_logo@2x.jpg); line-height:2; margin: 7rem 2.5rem 2.5rem !important; font-size: 2rem; } #related .related-rstBrands { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_rstbrands_teaser@2x.jpg); background-size: cover; height: 292px; } #related .related-rstBrands h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_rstbrands_logo_white@2x.png); line-height:2; margin: 6rem 2.5rem 2.5rem !important; font-size: 2rem; } #related .related-sportsmansWarehouse { background-color: rgb(51, 51, 51); background-image: url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_2_sportsman_warehouse_bg@2x.jpg); background-size: cover; height: 292px; } #related .related-sportsmansWarehouse h3 { background-image:url(/wp-content/themes/BrontoBones/img/1_Product/3_CORP_successes_4_sportsmans_warehouse_logo@2x.png); line-height:2; margin: 6rem 2.5rem 2.5rem !important; font-size: 2rem; } #bmp-cta .bmp-cta-wrapper { background:none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; } #bmp-cta .bmp-cta-wrapper h2 { padding-top: 0rem; font-size: 2.5rem; } #bmp-cta .bmp-cta-wrapper h4 { padding-top:1.5rem; } #bmp-cta .bmp-cta-wrapper p.bmp-cta { margin-top:1.5rem; } #related.bmp-email-page p a { display: inline-block; margin-bottom: 1rem; } #related.bmp-email-page.pane h4 { padding-top:1.5rem; } #related.bmp-analytics-page.pane h4 { padding-top:1.5rem; } #related.bmp-analytics-page a.secondary-btn-blk { display: inline-block; margin-bottom: 1rem; } #related.bmp-analytics-page .bmp-cta-wrapper .bmp-cta { display: inline-block; margin-bottom: 3rem; } /*#related.bmp-analytics-page p a { display: inline-block; margin-bottom: 1rem; }*/ .secondary-btn-wht.btn-tomato { background-color:#ff6347; color:#fff; border:solid 2px #ff6347; font-weight:700; font-size:1.25rem; } #related.bmp-email-page { margin-bottom: 15px !important; } .brontologo { margin-top: 0px; display: block; height: 65px!important; width: 150px; background-image: url(../../img/0_homepage/oracle_bronto_stacked_logo_2018.png); background-size: contain; background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; background-position: center 10px; margin-left: 15px; margin-right: 100px; } /*/ /*/ /*01/22/18 additions*/ /*/ /*/ .bmp_email_intro .card-content ul.col_2 {margin-top:1rem;margin-left:0;padding-left: 1rem;} .diagon.embellishment-fourth {padding-bottom:10px;} /*/ /*/ /*01/22/18 additions*/ /*/ /*/ /*/ /*/ /*01/18/18 additions*/ /*/ /*/ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .diagonals span {top:-108px;} .diagonals span.thirdEmbellishment {top: 96px;} .diagonals span {top: -108px;} .brontologo { margin-right: 40px; width:140px; } .explore_menu ul:first-of-type { margin-bottom: 0; } .explore_menu ul:first-of-type li { margin-bottom: .5rem; } .explore_menu li { display: block; padding: 0px 15px 0px 0; width: 50%; } .explore_menu ul:nth-child(2), .explore_menu ul:nth-child(2) li:first-of-type a { margin-top:0 !important; } li.dropdown_footer_copyright { width:100%; } .bmp_email_intro.pane img.screen-animation { margin-top: 1rem; } } @media only screen and (max-width: 768px) { #test_sticky_nav {display: none;} .pane.bmp-pane {padding-top:0;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top: 0rem;} .diagonals span {top: -68px;} } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /* max-width 640px, mobile-only styles */ @media only screen and (max-width: 40em) { #related.pane { margin: 0; } #related.pane .productSuccessCard { padding-left: 20px !important; padding-right:20px !important; } .related-tti { border-radius: 10px 10px 0 0 !important; } .productSuccessCardBottom { border-radius: 0 0 10px 10px !important; } #related.bmp-email-page h2 { margin-top: 0; } .diagon { padding-bottom: 0; } #bmp-cta .bmp-cta-wrapper h2 { padding-top: 0rem; font-size: 1.85rem; } .crossSell { margin-bottom:1.25rem !important; } #feature_deep_dive.pane { padding-bottom: 2.5rem; } .bmp_email_intro .card-content h5 { font-size: 1.8rem; } #hero.product_subpage { padding-bottom:0; } .embellishment-extra span { display: none !important; } .bmp_email_intro.pane img.screen-animation { margin-top:0; } .topCapabilities { margin-top:2rem !important; padding:1.2rem !important; } .email-hero h3 { font-size: 1.4rem !important; padding-bottom: 0rem !important; } #hero.email-hero h1 { font-size: 1.7rem !important; padding-top:0 !important; } #feature_deep_dive h2 { font-size: 1.65rem !important; } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ #hero.product_v2_hero h1 { font-size: 2rem; text-align: center;} #hero.product_v2_hero h3 {text-align: center;} .product-screens { margin-top: 0rem; } #test_sticky_nav {display: none;} .product-screens img {margin-left: 0px;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top: 0rem;} .pane.bmp-pane {padding-top: 0rem;} .bmp-pane h2 {font-size: 1.6rem;line-height: 2.0rem;} #bmp_cta_first h2, #bmp_cta h2 {padding-top: 7rem;font-size:2rem;} #bmp_integrations_v2 h4 img {max-width: 100%;} #bmp_integrations_v2.bmp-pane .card-content {height:auto !important;} .diagonals span {top: -121px;} .diagonals span.thirdEmbellishment{ top: 156px; } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /*/ /*/ /*01/19/18 additions*/ /*/ /*/ #hero.product_v2_hero h1 { font-size: 2rem; text-align: center;} #hero.product_v2_hero h3 {text-align: center;} /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .brontologo { margin-right: 15px; margin-top:10px; width:120px; } .diagon.navy:before { height:103%; } .bmp_email_intro .card-content ul.col_2 { padding-left: 4rem; margin-top:0; } .bmp_email_intro .card-content ul { margin-bottom: 0; padding-left: 4rem; } } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ @media only screen and (min-width: 667px) and (max-width: 736px) { .diagonals span {top: -90px;} .diagonals span.thirdEmbellishment { top: 121px;} #test_sticky_nav {display: none;} .product-screens img {margin-left: 15px;} .product-screens {margin-top: 1rem;} #hero.product_v2_hero h1 {margin-top: 3rem;font-size: 2rem;} #hero.product_v2_hero h3 {font-size: 1.3rem;} } @media only screen and (width: 768px) { #hero.product_v2_hero h1 { margin-top: 7rem;font-size: 2.1rem;} #hero.product_v2_hero h3 {font-size: 1.3rem;} .product-screens img {margin-left: 25px;} .product-screens {margin-top: 5rem;} .diagonals span {top: -89px;} .pane.bmp-pane {padding-top:0px;} #bmp_email h4.icon-title, #bmp_automation h4.icon-title, #post-20 #bmp_analtyics h4.icon-title {margin-top: 0rem;} #hero.product_v2_hero {min-height: 435px;} .diagonals span.thirdEmbellishment {top: 121px;} } /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /*/ /*/ /*01/18/18 additions*/ /*/ /*/ .embellishment-fourth.diagon:before { height: 760px;top: -200px; z-index: -1;} .diagonals.diagonal_right.embellishment-sixth span { z-index: -2;} /*/ /*/ /*01/18/18 additions*/ /*/ /*/ /*/ /*/ /*01/19/18 additions*/ /*/ /*/ .advanced_feature_label {font-size:.9rem; margin-bottom:16px; display:inline-block; text-decoration:none; background: #24313f; color:#74b9ff !important; border-radius:3px; font-weight:700; text-align: left; border:2px solid #74b9ff; padding:5px 10px; width: fit-content; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out;} .advanced_feature_label:hover { background-color: #74b9ff; color:#24313f !important; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out;} .large_feature_last h5, .large_feature_last p, .large_feature p, .large_feature h5 { text-align: left;} .large_feature_last h5, .large_feature h5 {margin-bottom:8px;font-size:1.3rem;} .large_feature {margin: 0px 0 30px 0;padding: 1.75rem;} .large_feature_last {margin: 0px 0px 50px 0px; padding:1.5rem 2rem .5rem 2rem;} .large_card_content {background: #24313f;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;text-align:left;padding:1.5 2rem .5rem 2rem;} /*/ /*/ /*01/19/18 additions*/ /*/ /*/ #post-20 .card-content ul > li { padding-left: 1.4rem; text-indent: -1.4rem; line-height: 1.35rem; } /*/ /*/ /*01/23/18 release*/ /*/ /*/ .brontolove1 {margin-right:16px !important;} .site_controller li a { text-align: center; } .OBLogo { margin-top: 0; margin-bottom: 5px; } .global_sites_nav { border-bottom: 1px solid #f2f0f1; margin: 5px 0 3px 0; padding: 0 0 5px 0; } .global_sites_nav ul { margin-bottom: 0px; } .global_sites_nav li { display: inline-block; list-style-image: none; list-style-type: none; margin: 0; font-size: .9em; } .global_sites_nav a:link, .global_sites_nav a:visited { text-decoration: none; color:#222; } .global_sites_nav a:hover, .global_sites_nav a:active, .global_sites_nav a:hover .fa { color:#2eb135; } .global_sites_nav a:last-of-type { padding-right: 1em; } .explore_menu ul { margin-left: 0; } .explore_menu li { display: block; padding: 0px 15px 10px 0; } .explore_menu li:first-of-type { margin-bottom: 0rem; } .explore_menu li a { background: rgba(34, 34, 34, 1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; color:#fff !important; padding: 5px 10px; display: block; font-weight: 600; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .f-dropdown li:focus, .f-dropdown li:hover { background: none; } .explore_menu #drop1 li a:hover, .explore_menu #drop1 li a:active { background: rgba(34, 34, 34, .8); color:#fff !important; } .dropdown_footer_copyright span a.privacy_link { font-size: .8rem !important; text-decoration: underline; margin-bottom:0; } .explore_menu p.columns { font-weight: 600; font-size: 1rem; padding: 0; padding-left: .5rem; } .explore_menu .large-6.columns { padding: 0 !important; } .drop-container .row { max-width: 320px; margin: 0; } #nav1 .f-dropdown { max-width:320px; margin-top: 13px !important; padding: 1rem; } #nav1 .f-dropdown.open::before { content:""; position: absolute; left:274px; top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; z-index:9999; display: block; } #nav1 .f-dropdown.open::after { content:""; position: absolute; left:273px; top: -11px; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 11px; border-color: transparent transparent #ccc transparent; z-index:9998; background-image: none; } .dropdown_footer_copyright { margin: 0 !important; padding: 1rem 0 !important; } .dropdown_footer_copyright span { display: block; margin-bottom: 1rem; } .dropdown_footer_copyright a:link, .dropdown_footer_copyright a:visited { background: none; color:rgba(34, 34, 34, 1) !important; font-size: 1rem !important; } #nav1 .dropdown_footer_copyright span a:hover, #nav1 .dropdown_footer_copyright span a:active { background: none !important; color: rgba(34, 34, 34, .8) !important; } a.small_feature_link { color:#74b9ff !important; text-decoration:underline; font-weight: 700;} /* 01/30/18 additions */ .personalization_subpage span {color:#ff6347;} .bmp_personalization_intro .card-content h5 { color:#ff6347 !important; } .personalization-hero .corner { border: solid 28px #ff6347; } .automation-hero .corner { border: solid 28px #2eb135; } .analytics-hero .corner {border: solid 28px #2d3e50;} .personalization-hero h3 {padding: 0 10px;} .analytics-hero h3 {padding: 0;} .bmp_personalization_intro.pane {position: relative;z-index: 5;} .pane .productSuccessCardBottom h4 {margin-bottom:1rem;} .breadnav a {color: #3b3b3b;font-size: .9rem;text-decoration: none;font-weight: 700;margin-right: 20px;} .breadnav a:last-child {margin-right: 0px;} .breadnav {padding:10px 0;} /* .w_breadnav {background-color:#f2f0f1; } */ .bmp-cta .button.secondary-btn-wht:hover { transform: scale(1.1); } .bmp-cta .button.secondary-btn-wht { transition: all .2s ease-in-out; } .bmp-cta .button.secondary-btn-wht-solid:hover { transform: scale(1.1); } .bmp-cta .button.secondary-btn-wht-solid { transition: all .2s ease-in-out; } .successesQuote { padding:10px 20px 20px; background: #ebebeb; border-radius: 10px; text-align: center; } #hero h1.data-integrations { font-size: 2.5rem; line-height: 3rem; padding: 2rem 2rem 0; } h3.data-integrations { padding-bottom:0 !important; } /* 01/30/18 additions */ /* 02/02/18 additions */ @media only screen and (max-width: 40em) { .breadnav a { font-size: .7rem; } .personalization-hero h3 { padding: 0; } .bmp_personalization_intro.pane img.screen-animation { margin-top: 0rem; } .bmp_personalization_intro .card-content ul.col_2 { margin-top: 0rem; margin-left: 0; padding-left: 3rem; } .bmp_personalization_intro .card-content { height: auto; } #feature_deep_dive_personalization .diagon.navy:before { height: 110%; } .large_feature_last { margin: 0px 0px 35px 0px; } .bmp_personalization_intro.pane { padding-top: 0; } .primarynav li a { font-size: 1rem !important; } } @media only screen and (max-width: 777px) { .primarynav li a { font-size: .9rem !important;margin-top: 1.45em;} #menu-primary-menu .primary-btn.contactlink.menu-item {margin-right: 0 !important;margin-top: 1.45em;margin-left:10px !important;} } .right-off-canvas-menu { background:none; } .off-canvas-wrap.move-left { /*width: 85%; right: 0;*/ background: #e6e7e8; } #offcanvasclosewrap, .offcanvasclosewrap { position: relative; background: #222; text-align: right; } .offcanvas_close { margin-right: 15px; } .has-submenu a span { float: right; } .has-submenu a span i { color:#222; font-size: 1rem; margin-top: -.15rem; } ul.subsection li { background-color: #ccc; } ul.subsection li a { border-left:solid 15px #cecece; margin-left: 15px; background-color: #e6e7e8; } ul.subsection li#mobilecta { background: none; } ul.subsection li#mobilecta a:link, ul.subsection li#mobilecta a:visited { background-color: #2EB135; border:0; margin-left:0; padding: .7rem .66667rem !important; } ul.mobilelegal, .offcanvas_copyright { padding-left: 2rem; } ul.mobilelegal li { margin-left: 0; margin-right: 1.375rem; } ul.subsection li.mobilelegal { background:none; } ul.subsection li.mobilelegal a { border: 0; margin:0; padding: 0; font-size: 11px; } .mobilelegal li a, .mobilelegal li a:visited { color:#666 !important; text-decoration: underline; font-size: 11px; font-weight: 600 !important; margin-bottom:8px; } .mobilelegal li a:hover { } ul.off-canvas-list li a { border-bottom: 2px solid #cecece; color: #222; font-weight: 600; font-size: 1rem; padding: .66667rem 1.5rem .66667rem 2rem; } #mobilecta { padding: 0 2rem; } ul.off-canvas-list li#mobilecta a { border-bottom: none; font-size: 1.25rem; padding:1rem .66667rem; } ul.off-canvas-list li a:active, ul.off-canvas-list li a:hover { background:#eee; } #offcanvasclosewrap a:hover { background: none; color:#eeeeee; } #offcanvasclosewrap a:active { background: none; color:#eeeeee; } #offcanvasclosewrap a:focus { background: none; color:#eeeeee; } ul.off-canvas-list li a[href="/partners/"] { bottom: auto !important; } .off-canvas-list ul li a.offcanvas_close:hover { background: none !important; color:#ffffff !important; } .offcanvas_copyright { font-weight: 400; color:#666; } ul.right-submenu { padding-top: 0; background: #e6e7e8; } .right-submenu .back> a, .right-submenu .back> a:hover { border-bottom: 2px solid #cecece; text-transform: none; color:#222; padding: .66667rem 1.5rem .66667rem 2rem; font-size: 1.5rem; } li.offcanvasclosewrap { display: block; border-bottom: 2px solid #cecece; padding-top:8px; line-height: 1; } li.offcanvasclosewrap a { margin-top: 15px; margin-left: 15px; display: inline-block !important; padding: 0 !important; padding-top:15px !important; border-bottom: none !important; } /* 2-8-18 additions */ .card_md .new-post { position: absolute; top: 0; right: 0; background-color: #acacac; border-top-right-radius: 2px; -moz-border-radius-top-right: 2px; -webkit-border-top-right-radius: 2px; z-index: 10; } .card_md .new-post p { background:none !important; color:#fff; padding:0 1rem .2rem 1rem !important; } .partner-integrations .card_md .card-content { padding: 0; } #partner_cards.partner-integrations .card_wrap .hover-container .cardfront { padding: 0; } .partner-integrations .card_md .card-logo { /*float: left; width: 35%; text-align: center;*/ } #partner_cards.partner-integrations .card_md .card-info { /*float: left; width: 54.1%;*/ } #partner_cards.partner-integrations .card_md .hover-content { /*min-height: 7rem;*/ } #partner_cards.partner-integrations .card_md .hover-content { min-height: 15rem !important; } #partner_cards.partner-integrations .card_md .hover-container .cardback p { top: 70px; } #partner_cards .Swell_Rewards .card-logo, #partner_cards .Annex_Cloud .card-logo, #partner_cards .Kadro_Solutions .card-logo, #partner_cards .Liveclicker .card-logo {padding-top:2.5rem !important;} #partner_cards .GoDataFeed .card-logo img, #partner_cards .AgilOne .card-logo img, #partner_cards .Justuno .card-log img, #partner_cards .Wylei .card-logo img, #partner_cards .Opt-Intelligence .card-logo img, #partner_cards .Magnetic .card-logo img, #partner_cards .Barilliance .card-logo img, #partner_cards .Custora .card-logo img, #partner_cards .Movable_Ink .card-logo img, #partner_cards .StrikeIron .card-logo img { max-height: 7rem !important; } #partner_cards .GoDataFeed .card-logo, #partner_cards .AgilOne .card-logo, #partner_cards .Wylei .card-logo, #partner_cards .Opt-Intelligence .card-logo, #partner_cards .Magnetic .card-logo, #partner_cards .Barilliance .card-logo, #partner_cards .Custora .card-logo, #partner_cards .Movable_Ink .card-logo, #partner_cards .StrikeIron .card-logo { padding-top: 0 !important; } .slick-list { max-height: 22rem; overflow: hidden; } .slick-slide img { border:solid 1px #a1a1a1; } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .partner-integrations #partner_grid .card_wrap { margin-top: 2rem; } .partner-integrations #partner_grid .card_wrap:nth-of-type(-n+2) { margin-top:0; } } @media only screen and (max-width: 40em) { .partner-integrations #partner_grid .card_wrap { margin-bottom: 1rem; } #partner_cards.partner-integrations .hover-content { min-height: 15.5rem; } #partner_cards .AgilOne .card-logo img, #partner_cards .Justuno .card-log img, #partner_cards .Wylei .card-logo img, #partner_cards .Barilliance .card-logo img, #partner_cards .Custora .card-logo img, #partner_cards .Movable_Ink .card-logo img, #partner_cards .StrikeIron .card-logo img, #partner_cards .Swell_Rewards .card-logo img, #partner_cards .Custora .card-logo img, #partner_cards .Mozu .card-logo img, #partner_cards .Loyalty_Lion .card-logo img { max-height: none !important; width:26% !important; } #partner_cards .Opt-Intelligence .card-logo img { width:33% !important; } #partner_cards .Liveclicker .card-logo img { width:34% !important; } #partner_cards .eStar .card-logo img { width: 35% !important; padding-top: 10px; } #partner_cards .Magnetic .card-logo img { width:32% !important; } #partner_cards .Movable_Ink .card-logo img { width:33% !important; } #partner_cards .Grow .card-logo img { width:45% !important; } #partner_cards .Kadro_Solutions .card-logo img { width:45% !important; } #partner_cards .Nosto .card-logo img { width:46% !important; } #partner_cards .SurveyTown .card-logo img { width:44% !important; } #partner_cards .Swell_Rewards .card-logo img { width:36% !important; } .Annex_Cloud .card-logo img { width: 100% !important; padding:0px 70px; } #partner_cards .Wylei .card-logo img { width:70% !important; height:auto !important; padding:0px 70px; } #partner_cards .Ascent360 .card-logo img { width:25% !important; } #partner_cards .Barilliance .card-logo img { width: 33% !important; } #partner_cards .Tealium .card-logo img { width:50% !important; } #partner_cards .AddShoppers .card-logo img { width:50% !important; } #partner_cards .GoDataFeed .card-logo img { width:31% !important; } .automation-hero.product_subpage h3 { padding:0; } .bmp_automation_intro.pane img.screen-animation { margin-top:0; } #hero h1.marketing-automation { font-size:1.7rem; padding-top:0 !important; } #hero h1.email-personalization { padding-top:0 !important; } #hero h1.email-analytics { padding-top:0 !important; } h3.email-analytics { padding-bottom:0 !important; } .topAnalytics ul.col_2 { margin-left: 2.5rem; margin-top: 0; } .topAnalytics ul.col_1 { margin-bottom: 0; } .bmp_analytics_intro.pane img.screen-animation { margin-top:0; } #feature_deep_dive_analytics .diagon.navy:before { height:109%; } #feature_deep_dive_integrations .diagon.navy:before { height:109%; } .analytics-hero h3 { padding:0; } .bmp_automation_intro { padding:0; } .topAutomation ul.col_2 { margin-left:2.5rem; margin-top:0; } #feature_deep_dive_automation .diagon.navy:before { height:104%; } #feature_deep_dive .diagonals.diagonal_right span { display: none; } .successesQuote { margin-top:10px; margin-bottom:10px; } .topIntegrations ul.col_2 { margin-left: 3.3rem; margin-top: 0; } .topIntegrations ul.col_1 { margin-bottom: 0; } #hero h1.data-integrations { font-size: 2rem; line-height: 2.3rem; padding: 2rem 0rem 0; } .bmp_integrations_intro .card-content { margin-top:0; } } #partner_lede ul#resourcetypedrop { z-index: 1000; } .slick-slide img.quote { border: none; } .Grow img { padding-top:12px; }