/* /* /* 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) [2] Top Nav 2.1 - Alert Banner 2.2 - Desktop Nav 2.3 - Tablet Nav 2.4 - Mobile Nav 2.5 - Dropdown "footer" 2.6 - Offside Mobile Nav 2.7 - Dropdown Nav [3] Footer [4] Search & 404 Pages [5] Posts [6] Addthis [7] Media Queries [8] Fixes -------------------------------------------------------------------*/ /* [1] Global ***************************************/ /***************************************************/ html{margin:0!important;} body{height:100%;color:#565656;background:#fff;} hr{border:#333;} #content{border:none;padding-top:1.25em;} /* autoscroll */ #wonkavater{opacity:0;z-index:1000;position:fixed;bottom:25px;right:25px;width:50px;height:50px;background-image:url(../../img/scrolluparrow.png);background-repeat:no-repeat;background-size:50px;} /* Responsive 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%; } /* [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,a,p,li,.button{font-family: 'Source Sans Pro', sans-serif; outline:none;} 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 ============*/ a{text-decoration:none;color:#565656;} a:hover{text-decoration:none;color:#000;cursor:pointer;} a:active{outline:none;color:#000;} article .entry-content a{color:#000;/*padding-bottom:2px;border-bottom:1px solid #000;*/text-decoration: underline;} /* [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:75px;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;} article .entry-content a.more-link{border-bottom:0px;} article .entry-content a.secondary-btn-blk {text-decoration: none;} /* [1.4] Color Classes ==========*/ /* Background color */ .bg_green, .bg_green:hover{background-color:#2EB135;} .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%;} /* [2] Top Nav **************************************/ /****************************************************/ /* [2.1] Alert Banner ===========*/ #alertbannerwrap a{display:block;width:100%;padding:10px;color:#fff;background-color:#3399fe;text-align:center;text-decoration:none;} #alertbannerwrap a span{display:inline-block;} #alertbannerwrap a:hover{text-decoration:underline!important;} #closealertbanner{margin-top:-45px;margin-right:5px;font-size:1rem;float:right;width:25px!important;height:25px!important;} /* [2.2] Desktop Nav ==========*/ #mainNav{background:#fff;width:100%;display:block;z-index:5000;border-bottom:2px solid #f2f0f1;overflow: visible;} #mainNav[style]{height:auto!important;} .brontologo {background-image:url("../../img/brontoplus.png"); margin-top: 0px; display: block; height: 65px; width: 200px; background-size: contain; background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; background-position: center 28px; margin-right: 100px;} #nav1 h1{margin-bottom:0;} #nav1 {padding-bottom:15px;} .primarynav{margin-left:5px;margin-bottom:0;} .primarynav.right{margin-right:10px;} .primarynav ul, .primarynav li{margin:0;padding:0;} .primarynav li a{padding:.5em 1em;margin:1.6em 0 1.35em 5px;font-size:.9em;font-weight:600;display:block;} .primarynav li a:hover, .f-dropdown li a:hover, li.current_page_item{cursor: pointer;color:#2EB135;text-decoration:none;} .primarynav li a { color: #565656; display: block; font-size: 0.9em; font-weight: 600; margin: 1.6em 0 1.35em 5px; padding: 0.5em 1em; text-decoration: none; transition: opacity 0.4s ease-in-out 0s; } /* 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; } } .primary-btn { backface-visibility: hidden; background-color: #39b21c; border-radius: 3px; box-shadow: 0 0 1px rgba(0, 0, 0, 0); color: #fff !important; display: inline-block; font-size: 14px !important; margin-right: 10px !important; position: relative; text-decoration: none; transform: translateZ(0px); vertical-align: middle; } .primary-btn::before { animation-duration: 0.8s; border: 8px solid #39b21c; border-radius: 3px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .primary-btn:hover::before, .primary-btn:focus::before, .primary-btn:active::before { animation-name: primary-btn; } li.signin1 {margin-left: 1rem;} /*#nav1 input {background-color:#f2f0f1;background-image:url("../../img/search2.png");background-position:5px;background-size:20px;background-repeat:no-repeat;width:168px;height:30px;border:0;box-shadow:none;margin-top:-10px;border:1px solid #333;visibility:hidden;padding:0.25rem 0.5rem 0.25rem 30px;} */ #nav1 input#s {background-color:#f2f0f1!important;background-image:url("../../img/search2.png")!important;background-position:5px!important;background-size:20px!important;background-repeat:no-repeat!important;width:168px!important;height:30px!important;border:0;box-shadow:none;margin-top:-10px!important;border:1px solid #333!important;border-radius:0px!important;visibility:hidden;padding:0.25rem 0.5rem 0.25rem 30px!important;} #searchdesktop{position:relative;padding:35px 0 0 10px;background-image:url("../../img/search2.png");background-position:right 29px;background-size:20px;background-repeat:no-repeat;overflow:hidden;cursor:pointer;} #searchdesktop:hover, #mobilesearchform:hover{background-color:#fff;} input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset!important;} #searchform{height:30px;} #menutoggle{margin:8px 15px 0 0;color:#333;text-decoration:none;} #menutoggle:hover, #menutoggle:active{color:#ccc;} #nav2{text-align:center;} #nav2 ul{margin-top:9px;padding-top:11px;} #nav2 li{padding:0 15px;} .stickynav .inner-wrap{padding-top:85px;} .stickynav #mainNav{position:fixed;top:0;} .stickynav #alertbannerwrap{display:none;} .navrow{display:block; background: #ff6347; /* Old browsers */ background: -moz-linear-gradient(45deg, #ff6347 0%, #e55940 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #ff6347 0%,#e55940 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #ff6347 0%,#e55940 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6347', endColorstr='#e55940',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .navrow .primarynav li h3{padding-top:10px;color:#fff;} .navrow .primarynav li h3 a{padding:0px;margin:0px;} .navrow .primarynav li h3 a:hover{text-decoration:none!important;} .navrow .primarynav li a{margin:.75rem 0;color:#fff;} .navrow .primarynav li a:hover, .navrow .primarynav li.active a{background-color:none!important;text-decoration:underline!important;} .navrow .right a{color:#fff!important;font-size:.9rem!important;margin:18px 5px!important;display:inline-block;} /* [2.3] 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:15px 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:50px!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.4] 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;} /* [2.5] 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.6] Offside Nav ==========*/ #rightnav_sticky{padding-top:11px;width:100%;} .offcanvas_close{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: 0px;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:0px;} .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:first-child a{color:#2EB135;font-weight:700;} .right-off-canvas-menu .inline-list.left li a{padding:0px;text-decoration:underline;color:#fff;font-size:.9rem;font-weight:300;margin-bottom:10px;} .right-off-canvas-menu .inline-list.left li a:hover{cursor:pointer;} .right-off-canvas-menu .inline-list.left li{margin-left:0px;margin-right:15px;} .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;} /* [2.7] Dropdown nav ==========*/ #mainNav nav div div ul{overflow:visible;} #mainNav nav div div ul li.menu-item-has-children{position:relative;z-index:500;} #mainNav nav div div ul li.menu-item-has-children ul.sub-menu{border-top:1px solid #999;width:100%;list-style:none;margin:0px;padding:0px;display:none;position:absolute;top:60px;background-color:#fff;z-index:5000;} #mainNav nav div div ul li.menu-item-has-children ul.sub-menu li{padding: 0px;margin:0px;} #mainNav nav div div ul li.menu-item-has-children ul.sub-menu li a{margin:0px;padding:10px 15px;} #mainNav nav div div ul li.menu-item-has-children:hover ul.sub-menu{display:block;} /* [3] Footer **************************************/ /***************************************************/ #pagefooter{margin-bottom:0;background-color:#939291;padding:1em 0 0 0!important;font-weight:400;} #bottomlogo{width:5em;height:2em;background-repeat:no-repeat;background-size:contain;background-image:url(../../img/Bronto_Icon_white.png);} #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;} /* [4] Search & 404 Pages **************************/ /***************************************************/ /* Live Search Suggestions */ #dwls_search_results{position:fixed!important;top:55px!important;} #search_results_activity_indicator{display:none;} .daves-wordpress-live-search_result{padding: 1rem 1rem!important;} ul#dwls_search_results li.daves-wordpress-live-search_result.brontosocial {display:none;} ul#dwls_search_results {background-color: #fafafa; border:1px solid #ccc; color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; line-height: normal; padding: 0;} ul#dwls_search_results.search_results {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} ul#dwls_search_results > li {background-color: #fafafa; border-bottom: 0; border-top: 0; color: #565656; display: block; font-weight: normal; margin: 0; padding: 1.5rem 1rem 1.5rem 2rem; text-align: left; text-decoration: none;} ul#dwls_search_results > li:nth-of-type(odd) {background-color:#f2f2f2;} ul#dwls_search_results > li:last-child {border-bottom: 0;} ul#dwls_search_results > li a {color:#565656; font-weight: normal;} ul#dwls_search_results > li a:hover {color:#000;} ul#dwls_search_results .search_footer {background-color: #ccc; font-size: 0.9em; padding: 0.5em 0; text-align: right; width: 100%;} /* Traveling Bronto */ .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;} .randomClass1 strong, .randomClass2 strong, .randomClass3 strong, .randomClass4 strong, .randomClass5 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:25px;} .searchresults h2 {font-weight: 600;} .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:nth-child(n+1):nth-child(-n+10) {padding-top:12px;} .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.cm a:link, .searchdropdown li.cm a:visited, .searchdropdown li.commercemarketing a:link, .searchdropdown li.commercemarketing a:visited {color:#0cae4b;} .searchdropdown li.prod a:link, .searchdropdown li.prod a:visited, .searchdropdown li.product a:link, .searchdropdown li.product a:visited {color:#f04f23;} .searchdropdown li.eng a:link, .searchdropdown li.eng a:visited, .searchdropdown li.engineering a:link, .searchdropdown li.engineering a:visited {color:#1d71b9} .searchdropdown li.bn a:link, .searchdropdown li.bn a:visited, .searchdropdown li.brontonation a:link, .searchdropdown li.brontonation a:visited {color:#6051a2} .searchdropdown li.nws a:link, .searchdropdown li.nws a:visited, .searchdropdown li.news a:link, .searchdropdown li.news a:visited {color:#b52026;} .searchdropdown li.cm a:hover, .searchdropdown li.prod a:hover, .searchdropdown li.eng a:hover, .searchdropdown li.bn a:hover, .searchdropdown li.nws a:hover, .searchdropdown li.commercemarketing a:hover, .searchdropdown li.product a:hover, .searchdropdown li.engineering a:hover, .searchdropdown li.brontonation a:hover, .searchdropdown li.news a:hover {border-bottom: 1px solid;} .searchdropdown li.active a {border-bottom: 1px solid; font-weight: bold;} .searchdropdown li.twitter, .searchdropdown li.facebook, .searchdropdown li.instagram, .searchdropdown li.linkedin {display:none !important;} #search_options .popular-categories a { background-color: rgba(166,165,164,1); color: #fff; padding: .5rem 1rem; margin-right: .5rem; 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; } #search_options .popular-categories a[style] { font-size: 1rem !important; } #search_options .popular-categories a:hover, #search_options .popular-categories a:active {background-color: rgba(166,165,164,.75)} form input::-webkit-input-placeholder { color: white !important; opacity: 1 !important;} form input:-moz-placeholder { color: white !important; opacity: 1 !important; } form input::-moz-placeholder { color: white !important; opacity: 1 !important;} form input:-ms-input-placeholder { ccolor: white !important; opacity: 1 !important; } /* [5] Posts ***************************************/ /***************************************************/ article h1, article h2, article h2 a{line-height: 1.2em;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color:#5c5c5c;} article h3 {color:#5c5c5c;} .article-header {margin-bottom: 2.5rem;} .entry-tags {color:#000;border-top:1px solid #939291;padding-top:10px;} .entry-tags a{background:#939291;color:#fff!important;padding:2px 5px;margin-bottom:5px;white-space:nowrap;display:inline-block;} .entry-tags a:hover{background:#333;} .page-numbers .current{background-color:#939291!important;} .page-numbers li span, .page-numbers li a{padding:.75em 1.5em!important;} .page-numbers .dots {padding:0!important;} .entry-content {margin-bottom: 2rem;} .entry-content a, .entry-content a:hover, .entry-content a:visited, .sidebar a {color:#000;} .entry-content a:hover, .sidebar a:hover {color:#333;} ul.app-categories {margin-left: 0;} .app-categories li {list-style-type: none; display: inline-block;} .app-categories li a {background-color: rgba(166,165,164,1); color:#fff;padding:.5rem 1rem;margin-right:.5rem;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;} .app-categories li a:hover, .app-categories li a:active {background-color: rgba(166,165,164,.75)} .app-info p:first-of-type {display: none;} .app-info p.app-resources:first-of-type {display: block;} /* [6] Addthis sidebar ******************************/ /****************************************************/ .addthis_toolbox a {border:none!important;} .atss-left{left:14%!important;} #at4-share{top:115px;/*if Alert Bar is live 165px*/width:60px!important; z-index: 1;} .at4-share-btn{border:1px solid #ccc;width:60px!important;height:60px!important;background:#fff!important;} .at4-share-btn span{margin-top:5px!important;} .at4-share-btn:hover{opacity:.5;width:60px!important;} .at4-share-title{text-align:center;padding-bottom:5px;width:60px!important;color:#999;} .at-share-open-control-left{width:60px!important;} .at-svc-facebook{border-bottom:0!important; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .at-svc-twitter{border-top:0!important;border-bottom:0!important;} .at-svc-linkedin{border-top:0!important;border-bottom:0!important;} .at-svc-email{border-top:0!important;border-bottom:0!important;} .at-svc-compact{border-top:0!important; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .aticon-facebook{background-image:url(../../img/addthis_btns.png)!important;background-position:center top!important;} .aticon-twitter{background:url(../../img/addthis_btns.png)!important;background-position:center -56px!important;} .aticon-linkedin{background:url(../../img/addthis_btns.png)!important;background-position:center -112px!important;} .aticon-compact{background-image:url(../../img/addthis_btns.png)!important;background-position:center bottom!important;} /* [7] media query layout adjustments ***************/ /***************************************************/ /* Hide Up arrow on smaller screens */ @media (max-width:1200px){#wonkavater{bottom:25px;right:5px;}} @media (max-width:1116px){#wonkavater{display:none!important;}} /* Adjust top nav */ @media (max-width:1075px){ .primarynav{margin-left:0px;} #nav1 .f-dropdown li a{margin-bottom:0px;margin-top:5px;font-size:.9rem;} } @media(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;} .card_wrap{margin-bottom:10px;} } @media (max-width:985px){ /* Adjust nav */ .brontologo{width:200px;height:45px;background-position:center 15px;margin-left: 15px;} .primarynav{margin-left:0px;} .primarynav li a{padding:.5em 1em;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;} } @media (max-width:912px){ /* Adjust nav */ .primarynav li a{margin-bottom:1em;} } @media (max-width:856px){ /* Adjust nav */ .primarynav li a{font-size:.8em;} } @media (max-width:790px){ /* Adjust nav */ .primarynav li a{padding:.35em .85em;} } @media (max-width:690px){ /* Adjust nav */ .primarynav li:first-child {margin-left:0px;} .brontologo{width:175px;} .home > #top > div > section.pane.pane-centered.graybg > div > div:nth-child(2){margin-top:25px!important;} #hero{height:auto!important;min-height:auto!important;} #hero h1{margin-top:3rem!important;} #hero h3{margin-bottom:3rem!important;} } @media (min-width:640px){ /* hide off-canvas elements */ .right-off-canvas-menu{display:none!important;} } @media (max-width:640px){ /* Adjust nav */ /* 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;} } @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;} } /* MEDIA QUERY LAYOUT ADJUSTMENTS ***************/ /***************************************************/ /* [x.x] Breakpoint SMALL ONLY ==============*/ @media only screen and (max-width: 40em) /* max-width 640px, mobile-only styles */ { #mktoForm_1431.mktoForm .mktoButtonWrap.mktoSimple .mktoButton, #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton { padding-left:1.5rem !important; padding-right:1.5rem !important; } #hero{height:auto!important;min-height:auto!important;min-height:inherit!important;background-position:center top !important;} #hero h1{margin-top:3rem!important;} #hero h3{margin-bottom:3rem!important;} article h1, article h2, article h2 a{/*overflow-wrap: break-word !important;word-wrap:break-word;*/} /*.postid-110 article h1 {max-width:88%;}*/ } /* [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 */ {} /* [x.x] Breakpoint MEDIUM and DOWN ==============*/ @media only screen and (max-width: 64em) /* max-width 1024px */ { #featured_apps .card_wrap:nth-of-type(n+3), #new_apps .card_wrap:nth-of-type(n+3) {margin-top: 1rem !important;} #hero{background-position:center top !important;} .lb-nav a.lb-next, .lb-nav a.lb-prev {opacity:1 !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 */ {} /* [x.x] Breakpoint LARGE and UP ==============*/ @media only screen and (min-width: 64.063em) /* min-width 1025px, large screens */ {} /* [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 */ { #hero {background-position:center -250px !important;} } /* [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*/ { #hero {background-position:center -100px !important;} } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { #hero{height:auto!important;min-height:auto!important;} #hero h1{margin-top:3rem!important;} #hero h3{margin-bottom:3rem!important;} } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { #hero{height:auto!important;min-height:auto!important;} #hero h1{margin-top:3rem!important;} #hero h3{margin-bottom:3rem!important;} }} /* [8] 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) {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) {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; } #featured_apps .row, #new_apps .row, #contact_list .row {max-width: 78.5rem;} /* [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:none;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;} /* [5] HEROES *****************************************/ /*******************************************************/ /* Main Pages */ #hero {background-size:cover;background-repeat:no-repeat;background-color:#333; background-image:url();background-origin: content-box;background-position:center -50px;background-size:cover;background-repeat: no-repeat;min-height: 515px;padding:0;text-align:center;} .home #hero{background-image:url(../../img/home_hero_img_textured.jpg);} .collections#hero{background-image:url(../../img/cat_hero_img_textured.jpg);} /* Secondary Pages */ #hero.medium-hero {min-height: 400px;} /* 3rd Level Pages, Partner Pages, Success Stories */ #hero.small-hero {min-height: 345px;} #hero h1 {line-height: 1;margin-top:12rem;margin-bottom:1.2rem;color:#fff;font-weight:700;} article #hero.medium-hero h1 {margin-top: 6rem;} article #hero.small-hero h1 {margin-top: 8rem;} #hero h3 {color:#fff;} #hero p.video {margin-top: 1.75rem;text-align: center;} /* [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; font-weight: 700;} .pane h4 {margin-top: 0; margin-bottom:3rem; font-weight: 700;} .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 .cardfront p {color:#3b3b3b;} #featured_apps.pane {background-color:rgb(0, 114, 195);} .graybg{background-color:#e5e5e5;} .graybg .secondary-btn-blk:hover, #contact_us .secondary-btn-blk:hover {background-color:#000!important;} #emailpane{background:#293e50;min-height:200px;} #emailpane h3{font-size:1.25rem;color:#fff;} #emailpane #mktoForm_1431[style], #emailpane #mktoForm_3274[style]{width:auto!important;} @-moz-document url-prefix() { /* cause Firefox */ #emailpane #mktoForm_1431[style], #emailpane #mktoForm_3274[style]{width:333px !important;width:20.8rem !important;} } @media screen and (-moz-windows-theme) /* cause Windows FF */{ #emailpane #mktoForm_1431[style], #emailpane #mktoForm_3274[style]{width:21.27rem !important;} } #mktoForm_3461.mktoForm .mktoButtonWrap.mktoGlow .mktoButton { background-color: #2eb135 !important; background-image: none !important; border: medium none !important; border-radius: 3px; font-size: 1rem !important; margin-top: 5px !important; padding: 1rem 2rem 1.0625rem !important; box-shadow:none; } #mktoForm_1431 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label, #mktoForm_3274 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label{display:none!important;} #mktoForm_1431.mktoForm .mktoButtonWrap.mktoSimple .mktoButton, #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton { background-color:#293e50!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; width:auto; overflow-x: visible; } #mktoForm_1431 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label, #mktoForm_3274 > div:nth-child(2) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {display: none!important;} #mktoForm_1431, #mktoForm_3274{display:inline-block!important;/*width: 850px!important;*/margin:30px 00;position:relative;z-index:1;} .emailform{text-align:center;display:inline-block;position:relative;margin:0 auto;left:0;right:0;} #mktoForm_1431 button, #mktoForm_1431 input, #mktoForm_3274 button, #mktoForm_3274 input{display:inline-block!important;} #mktoForm_1431 button{} #mktoForm_1431 input, #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;background-image:none!important;} #mktoForm_1431 .mktoButtonWrap, #mktoForm_3274 .mktoButtonWrap {margin-left:0px!important;display:inline-block!important;} #mktoForm_1431 .mktoOffset, #mktoForm_3274 .mktoOffset {display:none!important;} #mktoForm_1431 .mktoClear, #mktoForm_1431 .mktoFormRow, #mktoForm_3274 .mktoClear, #mktoForm_3274 .mktoFormRow{/*clear:none!important;*/float:left!important;width:auto!important;display:inline-block;} #mktoForm_1431 .mktoClear, #mktoForm_3274 .mktoClear{display:none;} #mktoForm_1431 .mktoButtonRow, #mktoForm_3274 .mktoButtonRow{margin-top:0px!important;} div.mktoError[style]{right:0px!important;} #mktoForm_1431.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:disabled, #mktoForm_1431.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton[disabled], #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:disabled, #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton[disabled] {padding-left:1.14rem !important; padding-right:1.14rem !important;} #mktoForm_1431 .mktoHtmlText span, #mktoForm_3274 .mktoHtmlText span {display: block; margin-top: 1rem;font-size: .75rem;width: 20.6rem !important;} #mktoForm_2905 .mktoHtmlText span {margin-top: 1rem;font-size: .75rem;} #mktoForm_2905 .mktoHtmlText p {line-height:1 !important;} #mktoForm_2905 label[for~="Person_Notes_to_Bronto__c"] {font-size: .75rem !important;} #mktoForm_1431 .mktoHtmlText span, #mktoForm_1431 .mktoHtmlText span a:link, #mktoForm_1431 .mktoHtmlText span a:visited, #mktoForm_3274 .mktoHtmlText span, #mktoForm_3274 .mktoHtmlText span a:link, #mktoForm_3274 .mktoHtmlText span a:visited {color:#fff !important;} #mktoForm_1431 .mktoHtmlText span a, #mktoForm_3274 .mktoHtmlText span a {text-decoration: underline;} #mktoForm_1431 .mktoFieldDescriptor label.mktoLabel, #mktoForm_3274 .mktoFieldDescriptor label.mktoLabel {display: none;} #mktoForm_2905 {margin-bottom: 50px;} #mktoForm_1431 select, #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;*/ width: 320px !important; width:21rem !important; } #mktoForm_3274 .mktoFieldDescriptor.mktoFormCol { width: 100%!important; } #mktoForm_3274 input#Email { background-color: #fff; max-width: 100%!important; width: 100%!important; } #mktoForm_3274 .mktoButtonWrap.mktoSimple[style] { margin-left: -11px!important; } @-moz-document url-prefix() { /* cause Firefox */ #mktoForm_1431 select, #mktoForm_3274 select {width:20rem !important;} } @media screen and (-moz-windows-theme) /* cause Windows FF */{ #mktoForm_1431.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:disabled, #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:disabled {padding-right:1.1rem !important; padding-left:1.1rem !important;} } .mktoMobileShow .mktoForm a, .mktoForm a {padding: 0 !important;} .mktoForm .mktoLabel {font-weight: bold;} #related.pane h2 {text-align: center;#3b3b3b;} #related.pane h4 {font-weight: normal;margin-top:2rem;} #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;padding-right:1.875rem;} #related.pane {padding-bottom:1.15rem;} #related.pane .read-more {text-align: right;} #related.pane .read-more a:link, #related.pane .read-more a:visited {padding-bottom: 2px;border-bottom: 1px solid #000;color:#000;} #related.pane .read-more a:hover, #related.pane .read-more a:active {color:#3b3b3b;} #related .medium-6 {padding: 2rem !important;} #related .medium-6:first-of-type h3 {margin-top:1rem !important;} #developer_about p a:link, #developer_about p a:visited {color:#000; text-decoration: underline;} #developer_about p a:hover {opacity: .8;} /* [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;} /* [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 */ /* 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, #contact_list .card_wrap {margin-bottom: 2rem;} /* Small card adjustments */ .card-content {background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:2rem;} #featured_apps .card-content, #new_apps .card-content, #related_apps .card-content, #apps_dev .card-content, .searchresults .card-content, #contact_list .card-content {background:none;padding:0;} .card_slim .card-content, #contact_list .card-content {border: solid 1px #a1a1a1;} /* 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;} .flip-container .cardback p, .hover-container .cardback p {color:#fff !important;} /* .flipping-content, .hover-content basics */ .flipping-content, .hover-content {width:100%; min-height:20rem; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #contact_list .hover-content {min-height:37rem;} .card_slim .flipping-content, .card_slim .hover-content {min-height: 7rem;} /* .hover-content adjustments */ #featured_apps .cardfront.hover-content, #new_apps .cardfront.hover-content, #related_apps .cardfront.hover-content, .searchresults .cardfront.hover-content, #apps_dev .cardfront.hover-content {background-size: cover;background-position:center;} /* Card button */ #featured_apps .cardback .button, #new_apps .cardback .button, #related_apps .cardback .button, .searchresults .cardback .button, #apps_dev .cardback .button {margin-top: 2.25rem;} #new_apps .card_slim .cardback .button, #related_apps .card_slim .cardback .button, .searchresults .card_slim .cardback .button, #apps_dev .card_slim .cardback .button {margin-top: 0;} /* Card front and back specifics and adjustments */ #featured_apps .cardfront, #featured_apps .cardback, #new_apps .cardfront, #new_apps .cardback, #related_apps .cardback, .searchresults .cardback, #apps_dev .cardback, .hover-container .cardfront {padding:0;} .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;} #contact_list .hover-container .cardfront p {position: relative; min-height: inherit; color:#3b3b3b; font-weight: normal;font-size: .9rem;padding: 0.3rem 1rem;} #contact_list .hover-container .cardfront p.app-developer {margin-top:0;line-height: 1.2;padding-top:0;font-size: 1rem;} .hover-container .cardfront .new-post p {background:none; color:#fff;} .card_slim .hover-container .cardfront .new-post p {padding-bottom: .2rem; padding-top:.4rem;} .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;} #contact_list .hover-container .cardfront h5 {position: relative;font-family: "Source Sans Pro",sans-serif; font-weight: 700;margin-bottom: 0;min-height: inherit;padding-bottom:0;} /* Logos on cards, adjustments */ .card-logo {/*margin-bottom: 1rem;*/} .card-logo img.app.icon {max-width: 50%;} #featured_apps .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;} #featured_apps .cardwrap.medium-6.large-4 .card-logo h4 {width: 45%;} #featured_apps .card-logo {text-align: center;} /* Card text adjustments */ #collections .card_wrap, #related_apps .card_wrap, .searchresults .card_wrap, #apps_dev .card_wrap {margin-bottom: 1rem;} #collections .card-content {padding: 0;} #featured_apps .cardfront p, #new_apps .cardfront p, #collections .cardfront p, #related_apps .cardfront p, .searchresults .cardfront p, #apps_dev .cardfront p {position: relative; bottom:auto;min-height:0;padding-top:0;text-align: left;font-weight: normal;} #featured_apps .cardfront p.brief-description, #new_apps .cardfront p.brief-description, #collections .cardfront p.brief-description, #related_apps .cardfront p.brief-description, .searchresults .cardfront p.brief-description, #apps_dev .cardfront p.brief-description {line-height: 1.2;} #featured_apps .cardfront p.app-developer, #new_apps .cardfront p.app-developer, #related_apps .cardfront p.app-developer, .searchresults .cardfront p.app-developer, #apps_dev .cardfront p.app-developer, #collections .cardfront p.app-developer {line-height: 1;margin-bottom: .5rem;} #featured_apps h5, #new_apps h5, #related_apps h5, .searchresults h5, #apps_dev h5, #collections h5, #contact_list .cardfront p {color:#3b3b3b; text-align: left !important;; font-weight: 600; font-family: 'Source Sans Pro', sans-serif;} #featured_apps .cardfront h5, #new_apps .cardfront h5, #related_apps .cardfront h5, .searchresults .cardfront h5, #apps_dev .cardfront h5, #collections .cardfront h5 {position: relative; bottom:auto;min-height:0;padding-bottom:0;text-align: center;margin-bottom: 0;font-size: 1rem;} #featured_apps .cardback p, #new_apps .cardback p, #related_apps .cardback p, .searchresults .cardback p, #apps_dev .cardback p, #collections .cardback p {text-align: center;} #featured_apps .cardwrap.medium-6.large-4 .hover-container .cardfront p, #new_apps .cardwrap.medium-6.large-4 .hover-container .cardfront p, #related_apps .cardwrap.medium-6.large-4 .hover-container .cardfront p, .searchresults .cardwrap.medium-6.large-4 .hover-container .cardfront p, #apps_dev .cardwrap.medium-6.large-4 .hover-container .cardfront p, #collections .cardwrap.medium-6.large-4 .hover-container .cardfront p {padding:.6rem 1rem} .hover-container .cardback p {position: relative;top: 75px;width: 100%;} #collections .hover-container .cardback {padding: 0;} .card_slim .hover-container .cardback p {top: 33px;} #featured_apps .medium-6.large-4 .cardback p, #new_apps .medium-6.large-4 .cardback p, #related_apps .medium-6.large-4 .cardback p, .searchresults .medium-6.large-4 .cardback p, #apps_dev .medium-6.large-4 .cardback p, #collections .medium-6.large-4 .cardback p {padding: 0 3.5rem;} .the_cards {margin-bottom: 1rem;} .card_slim .card-logo {float: left;width:35%;text-align: center;} .card_slim .card-info {float:left;width:54.1%;} #new_apps .card_slim .cardfront h5, #related_apps .card_slim .cardfront h5, .searchresults .card_slim .cardfront h5, #apps_dev .card_slim .cardfront h5, #collections .card_slim .cardfront h5 {font-size: .9rem; line-height: 1rem;margin-top: 1.5rem;} #new_apps .card_slim .cardfront p, #related_apps .card_slim .cardfront p, .searchresults .card_slim .cardfront p, #apps_dev .card_slim .cardfront p, #collections .card_slim .cardfront p {font-size: .9rem;} .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;} #featured_apps .cardfront .new-post p {padding-top:.6rem;background:none;color:#fff;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .new-post { margin-right:-1px; } } ul#collections-tabs {display: inline-block !important;} .page-template-page-iframe article .entry-content .card_wrap a {padding-bottom: 15px;} .page-template-page-iframe #mainNav {display: none;} .view-all {text-align: right;font-weight: 600;} #backuplink{color:#fff;font-size:1.5rem;text-decoration:underline;position:relative;display:block;margin:0px auto -60px auto;z-index:0;} .slick-slider .slick-track {margin-bottom: 1rem !important;} .slick-dots li button::before {font-size: 10px!important;} .slick-slide img {border:solid 1px #a1a1a1;} a.slick-slide {max-height: 22rem; overflow-y: hidden;border-bottom: none;} article .entry-content a.slick-slide {border-bottom: none;} #closemarketoform { background-color: #fff; border-radius: 0px; border-width: 0px; /*text-indent: -50000px;*/ color:#fff; 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; cursor: pointer; text-indent: -5000px; } @media only screen and (max-width: 40em) /* max-width 640px, mobile-only styles */ { #mktoForm_1431.mktoForm .mktoButtonWrap.mktoSimple .mktoButton, #mktoForm_3274.mktoForm .mktoButtonWrap.mktoSimple .mktoButton { padding-left:1.5rem !important; padding-right:1.5rem !important; margin-left:5px; } } .page-template-page-iframe-php .article-header {display: none;} #post-159 /*iframe page */ {margin-top: 40px;} .sa-confirm-button-container button.confirm:hover { background-color: #8cd4f5 !important; box-shadow: 0 0 2px rgba(140, 212, 245, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.05) inset !important; display: inline-block; }