/* Theme Name: ClickTime Theme URI: http://www.clicktime.com Author: ClickTime Author URI: http://www.clicktime.com Version: 1.0 Text Domain: clicktime */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 4.1 - Site Header * 4.2 - Navigation * 5.0 - Content * 5.1 - Entry Header * 5.2 - Entry Meta * 5.3 - Entry Content * 5.4 - Galleries * 5.5 - Post Formats * 5.6 - Attachments * 5.7 - Post/Paging Navigation * 5.8 - Author Bio * 5.9 - Archives * 5.10 - Search Results/No posts * 5.11 - 404 * 5.12 - Comments * 5.13 - Multisite * 6.0 - Sidebar * 6.1 - Widgets * 7.0 - Footer * 8.0 - Media Queries * 9.0 - Print * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ /* -------- Styles ------------ */ @import url(//fonts.googleapis.com/css?family=Lato:300,400,700); /* font-family: 'Lato', sans-serif; */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{overflow-x:hidden;} body {color: #141412; line-height: 1.5; margin: 0; box-sizing:border-box;} img{ border:none; margin:0; padding:0;} p{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{ margin:0; padding:0;} a{ text-decoration:none; outline: 0;} .clear{ clear:both;} .alignleft{ float:left; margin:0 20px 0 0; padding:0;} .alignright{ float:left; margin:0 20px 0 0; padding:0;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .post-author{ margin:0; padding:0;} .site-aligner{ width:1170px; margin:0 auto; padding:0;} .page-aligner{ width:1182px; margin:0 auto; padding:0;} .grey{ background-color:#eef2f3;} /* ------------- Header ------------ */ #header{ width:100%; margin:0; padding:0;} #header .grey-strip{ background-color:#454545; padding:0; margin:0; height:39px; font:14px 'Lato', sans-serif;} #header .grey-strip .search{ float:right; margin:9px 0 0; padding:0; position:relative;} #header .grey-strip .search label{ padding:6px 5px 13px 11px; cursor:pointer;} #header .grey-strip .search label:hover{background-color:#2b2b2b; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;} .activesearch{background-color:#2b2b2b; border-radius:4px 4px 0 0 !important; -moz-border-radius:4px 4px 0 0 !important; -webkit-border-radius:4px 4px 0 0 !important; -o-border-radius:4px 4px 0 0 !important; padding:6px 0 13px 0 !important;} #header .grey-strip .search label a{color:#b8b8b8; background-image:url(images/icon-search.png); background-repeat:no-repeat;padding:0 12px 11px 22px; border-radius:4px 4px 0 0;} #header .grey-strip .search .input-field{background-color:#2b2b2b; padding:10px 45px 7px 15px; border-radius:4px 0 4px 4px; -moz-border-radius:4px 0 4px 4px; -webkit-border-radius:4px 0 4px 4px; -o-border-radius:4px 0 4px 4px; position:absolute; left:-178px; top:29px;} #header .grey-strip .search input[type="text"]{ width:210px; margin:0; padding:0 10px; color:#afafaf; height:30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border:none;} #header .grey-strip .top-menu{ margin:10px 0 0; padding:0; float:right;} #header .grey-strip .top-menu ul{margin:0; padding:0;} #header .grey-strip .top-menu ul li{ margin:0 5px 0 0; padding:0 12px 0 22px; display:inline; border-right:1px solid #b8b8b8;} #header .grey-strip .top-menu ul li.call{ background:url(images/icon-call.png) no-repeat;} #header .grey-strip .top-menu ul li.mail{ background:url(images/icon-mail.png) no-repeat scroll 0 3px;} #header .grey-strip .top-menu ul li.support{ background:url(images/icon-support.png) no-repeat;} #header .grey-strip .top-menu ul li.resources{ background:url(images/icon-resources.png) no-repeat;} #header .grey-strip .top-menu ul li:last-child{ border-right:none;} #header .grey-strip .top-menu ul li a{ color:#b8b8b8;} #header .grey-strip .top-menu ul li a:hover{ color:#ffffff;} #header .header-main{ padding:50px 0; background-color:#ffffff;} #header .header-main .logo{ margin:0; padding:0; float:left;} #header .header-main .site-nav{ float:right; margin:10px 0 0; padding:0;} #header .header-main .site-nav ul{ margin:0; padding:0; position:relative;} #header .header-main .site-nav ul li{ display:inline-block; margin:0; padding:0 5px 0 5px; font:700 14px 'Lato', sans-serif;} #header .header-main .site-nav ul li a{ color:#454545; padding:10px 20px; border-radius:5px; } #header .header-main .site-nav ul li a.nav-node { text-transform: uppercase; } #header .header-main .site-nav ul li a:hover, #header .header-main .site-nav ul li.hover a{ color:#fff !important; background-color:#675a9a; border-bottom:2px solid #514096;} /*REMOVED 20170510*/ /*.active{color:#ffffff !important; background-color:#675a9a; border-bottom:2px solid #514096;}*/ /* ------------ Drop Down Menu --------------- */ .nav-column h3 a{background-color:transparent !important; border-radius:0px !important; padding:0px !important; color:#FFF !important; border-bottom:none !important;} .nav-column h3 a:hover{border-bottom:1px solid #fff !important;} #header .header-main .site-nav ul li .sub-main{ display:none;} #header .header-main .site-nav ul li:hover .sub-main{ display:block; position:absolute; z-index:999; top:30px; width:100%; left:-190px; min-width:750px;} #header .header-main .site-nav ul li:hover .sub-main .nav-column{ width:230px; float:left; padding:20px 1px; min-height:380px; margin:-5px 0 0 -17.5px; border-radius:5px !important;} #header .header-main .site-nav ul li:hover .sub-main .nav-column:nth-of-type(1){padding-right:17px;} #header .header-main .site-nav ul li:hover .sub-main .nav-column:nth-of-type(2){border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; padding-right:18px;} #header .header-main .site-nav ul li:hover .sub-main .nav-column:nth-of-type(3){border-top-left-radius:0px !important; border-bottom-left-radius:0px !important;} #header .header-main .site-nav ul li:hover .sub-main .nav-column h3{ text-transform:uppercase; color:#ffffff; font:700 15px 'Lato', sans-serif; margin-bottom:20px; padding-left:20px;} #header .header-main .site-nav ul li:hover .sub-main .nav-column ul{ margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-main .nav-column ul li{ display:block; margin:0; padding:8px 20px 8px; font:300 15px 'Lato', sans-serif;} #header .header-main .site-nav ul li:hover .sub-main .nav-column ul li:hover, .site-nav ul li:hover .sub-main .nav-column ul li.current_page_item, .site-nav ul li:hover .sub-main .nav-column ul li.current-menu-item{background-color:#2a2446; 5a4e87;} #header .header-main .site-nav ul li:hover .sub-main .nav-column ul li a{ color:#ffffff; margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-main .nav-column ul li a:hover{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li:hover .sub-main .nav-column ul li a{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li a.sign, #header .header-main .site-nav ul li a.trial {color:#ffffff; background-color:#ea6060; border-bottom:2px solid #a83007;} #header .header-main .site-nav ul li .sub-maincompany{ display:none;} #header .header-main .site-nav ul li:hover .sub-maincompany{ display:block; position:absolute; z-index:999; top:30px; width:100%; left:-63px;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column{ width:33%; float:left; padding:40px 1px; min-height:380px; margin:-5px 0 0 -18px; border-radius:5px !important;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column:nth-of-type(1){padding-right:16px;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column:nth-of-type(2){border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; padding-right:0px !important;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column h3{ text-transform:uppercase; color:#ffffff; font:700 15px 'Lato', sans-serif; margin-bottom:20px; padding-left:30px;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column ul{ margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column ul li{ display:block; margin:0; padding:8px 30px 8px; font:300 15px 'Lato', sans-serif;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column ul li:hover, .site-nav ul li:hover .sub-main .nav-column ul li.current_page_item, .site-nav ul li:hover .sub-maincompany .nav-column ul li.current-menu-item{background-color:#2a2446; 5a4e87;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column ul li a{ color:#ffffff; margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column ul li a:hover{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li:hover .sub-maincompany .nav-column ul li a{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li .sub-maincustomer{ display:none;} #header .header-main .site-nav ul li:hover .sub-maincustomer{display:block; position:absolute; z-index:999; top:30px; width:100%; /* left:258px; */} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column{ width:33%; float:left; padding:40px 1px; margin:-5px 0 0 0; border-radius:5px !important;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column h3{ text-transform:uppercase; color:#ffffff; font:700 15px 'Lato', sans-serif; margin-bottom:20px; padding-left:30px;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column ul{ margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column ul li{ display:block; margin:0; padding:8px 30px 8px; font:300 15px 'Lato', sans-serif;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column ul li:hover, .site-nav ul li:hover .sub-main .nav-column ul li.current_page_item, .site-nav ul li:hover .sub-maincustomer .nav-column ul li.current-menu-item{background-color:#2a2446; 5a4e87;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column ul li a{ color:#ffffff; margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column ul li a:hover{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column ul li a{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li .sub-mainsupport{ display:none;} #header .header-main .site-nav ul li:hover .sub-mainsupport{ display:block; position:absolute; z-index:999; top:30px; width:100%; left:155px;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column{ width:33%; float:left; padding:40px 1px; min-height:380px; margin:-5px 0 0 0; border-radius:5px !important;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column:nth-of-type(1){padding-right:16px; border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; padding-right:0px !important;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column:nth-of-type(2){border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; padding-right:0px !important;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column h3{ text-transform:uppercase; color:#ffffff; font:700 15px 'Lato', sans-serif; margin-bottom:20px; padding-left:30px;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column ul{ margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column ul li{ display:block; margin:0; padding:8px 30px 8px; font:300 15px 'Lato', sans-serif;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column ul li:hover, .site-nav ul li:hover .sub-main .nav-column ul li.current_page_item, .site-nav ul li:hover .sub-mainsupport .nav-column ul li.current-menu-item{background-color:#2a2446; 5a4e87;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column ul li a{ color:#ffffff; margin:0; padding:0;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column ul li a:hover{ background-color:transparent !important; border-bottom:none !important;} #header .header-main .site-nav ul li:hover .sub-mainsupport .nav-column ul li a{ background-color:transparent !important; border-bottom:none !important;} /* -------- Slider ---------- */ /*#slider{ background:url(images/slider-bg.jpg) no-repeat scroll 0 9px; background-size:cover; width:100%; overflow:hidden; margin:-35px auto 0; height:600px;}*/ div#carouselPointer{ background:url(images/slider-bg.png) no-repeat 0 1px / cover !important; /* background:#43396e !important; */} #slider {background:url(images/slider-bg.png) no-repeat scroll 0 20px / cover ; height:600px; margin:0 auto 0; overflow: hidden; width: 100%; position:relative; top:-25px;} /* div#carouselPointer{ border-top:none !important;} */ .desSlideshow{background-image: url(images/slide/loading.gif); background-position: center center; background-repeat: no-repeat; } .desSlideshow .switchBigPic,.desSlideshow .nav{display: none;} .desSlideshow{ border:none !important;} #slider ul.nav{ width:100%; bottom:11px !important; width:100% !important; height:auto !important; border:1px solid #5f528e; background-color:#372f5b !important} #slider ul.nav li{ float:left; text-align:center; padding:20px 0; width:20% !important; background-image:url(images/slide-box-border.png); background-repeat: no-repeat ; background-position: right top ; border:none; height:140px; line-height:49px; list-style:none; opacity:0.35;} #slider ul.nav li:hover img, #slider ul.nav li.active img{padding-top:17px;} #slider ul.nav li:hover, #slider ul.nav li.active{ background:url(images/menu-hover-top.png) center top no-repeat; height:127px; margin-top:-17px; background-size:100% 100%;} #slider ul.nav li h3{font-family:'Lato', sans-serif; font-size:23px; color:#ffffff;} #slider ul.nav li h3 span{ font-size:16px !important; display:block; line-height:3px;} .switchBigPic div{ margin:0 0 50px !important; padding:0; width:100% !important;} .switchBigPic div p{ float:left; width:39% !important; background-color:transparent !important; opacity:1 !important; font-family:'Lato', sans-serif; font-size:18px !important; top:50px;} .switchBigPic div p span{font-size:40px !important; color:#ffffff; line-height:47px;} .switchBigPic div a{ float:right; width:72% !important; position:relative !important;} #slider iframe{ float:right;} /* -------------- Homepage ------------ */ /*section{ padding:20px 0 60px;} section .client-logo{ margin:0;} section .client-logo h2{ font:700 40px 'Lato', sans-serif; color:#3b3b3b; text-align:center; margin:0 0 10px; padding:40px 0 0;} section .client-logo .icons{ margin:0; padding:0; width:19%; display:inline-block;} section .client-logo img{ margin-top:30px; padding:0; margin-left:36px;} section .client-logo img.last{ margin-right:0 !important;}*/ section .client-logo{ margin:0;} section .client-logo h2{ font:700 40px 'Lato', sans-serif; color:#3b3b3b; text-align:center; margin:0 0 10px; padding:40px 0 0;} section .client-logo .icons{ margin:0 0 0 19px; padding:0; width:18%; display:inline-block; text-align: justify;} section .client-logo img{ margin-top:30px; padding:0;} section .client-logo img.last{ margin-right:0 !important;} .free-app{ width:100%; margin:0; padding:0; text-align:center;} .free-app h2{ color:#000000; font:700 45px 'Lato', sans-serif; width:45%; margin:0 auto 30px; padding:20px 0 20px; border-bottom:1px solid #d8dede;} .free-app h2 span{ font:20px 'PT Sans', sans-serif; color:#808c8a; display:block;} .app-feature-row{ width:100%; margin-top:50px;} .app-feature-row .app-feature-col{ width:32%; float:left; margin:0 20px 30px 0;} .app-feature-row .app-feature-col img{ float:left; margin-right:20px; margin-bottom: 50px;} .app-feature-row .app-feature-col h3{font:400 25px 'Lato', sans-serif;} .app-feature-row .app-feature-col p{ color:#808c8a; font:400 14px/20px 'Lato', sans-serif;} .last{ margin-right:0 !important;} .management{ width:100%; margin:0; padding:0;} .management h2{color:#000000; font:400 40px 'Lato', sans-serif; text-align:center; margin-bottom:70px; padding-top:65px; padding-left: 3em; padding-right: 3em; } .management h2 span{font:300 17px/40px 'Lato', sans-serif; color:#8a8f92; display:block; line-height: 1.5em; margin: 2em; } .management .management-banner{ float:left; margin:0; padding:0;} .management .management-feature{ float:right; width:33%;} .management .management-feature .time-feature-row{ width:100%; display:block; margin-bottom:55px;} .management .management-feature .time-feature-row img{ float:left; margin-right:20px;} .management .management-feature .time-feature-row h3{font:400 25px 'Lato', sans-serif; color:#313e51;} .management .management-feature .time-feature-row p{ color:#808c8a; font:400 14px/20px 'Lato', sans-serif;} .home-features{ margin:50px 0 0; padding:0;} .home-features .feature-post-row{ margin:0 0 54px; padding:0;} .home-features .feature-post-row .home-feature-content, .home-feature-content-left{ width:63%; max-width:63%; margin:0; padding:13px 0; 39px 0; float:left; background:#eef2f3; border:1px solid #dce7ea; border-right:none; position:relative; min-height:252px;} .home-features .feature-post-row .home-feature-content img, .home-feature-content-left img.left{ position:absolute; right:-130px; top:0;} .home-features .feature-post-row .home-feature-content .feature-inner, .feature-inner-left{ width:741px; float:right;} .home-features .feature-post-row .home-feature-content .feature-inner h2, .feature-inner-left h2{font:300 42px 'Lato', sans-serif; margin:0 0 10px; padding:0;} .home-features .feature-post-row .home-feature-content .feature-inner h2 a, .feature-inner-left h2 a{color:#666699;} .home-features .feature-post-row .home-feature-content .feature-inner p, .feature-inner-left p{font:300 17px/26px 'Lato', sans-serif; color:#919c9a; margin-bottom:10px;} .home-features .feature-post-row .home-feature-content .feature-inner a.read, .feature-inner-left a.read{ font:600 15px 'lato', san-serif; color:#d40f2c; background:url(images/icon-read.png) no-repeat scroll 0 1px; padding-left:25px;} .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left{ width:21%; margin:0; padding:0; float:right;} /* ----------- feature post left floating (Reminder 2) --------- */ .home-feature-thumb-left{ float:left !important;} .home-feature-content-left{float:right !important;} .home-feature-content-left img.left{ left:-128px !important;} .feature-inner-left{ float:left !important;} .review{ margin:0; padding:0;} .review h2{color:#6a6a6b; font:700 40px 'Lato', sans-serif; text-align:center; background:url(images/icon-quote.png) no-repeat bottom center; padding-bottom:55px; text-transform:uppercase;} .review h2 span{font:300 20px 'Lato', sans-serif; display:block; text-transform:capitalize !important;} .review-page{ margin:0 auto; padding:0; width:630px; height:500px;} .review-page h2{color:#313131; font:700 25px 'Lato', sans-serif; text-align:center; background:url(images/testimonial-titlebg.jpg) no-repeat bottom center; padding-bottom:35px; margin-bottom:20px;} .review-page p{font:300 18px 'Lato', sans-serif; text-align:center; color:#808080; text-transform:inherit !important;} /* ------------- Inner Pages -------- */ #fullcontent{ width:100%; margin: 20px 0 13px; padding:70px 0; float:right; background-color:#ffffff; border:1px solid #e0e5ea; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font-family: 'Lato', sans-serif;} #content{ width:840px; margin:0 0 13px; padding:45px 0; float:right; background-color:#ffffff; border:1px solid #e0e5ea; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font-family: 'Lato', sans-serif;} #content h1{ text-align:center; font-weight: normal; font-size: 64px; color:#2095f2; text-transform: uppercase; line-height: 1.13em; word-spacing: 0.025em; } #content h5{ font-weight:300; font-size:20px; display:block; text-align:center; color:#313131; margin-bottom:30px;} #content .entry-thumb{ text-align:center;} #content .entry-content{ width:760px; margin:10px auto 0; font-size:17px; font-weight:300; line-height:25px; color:#676767;} #content .entry-content p{ margin-bottom:20px;} #content .entry-content h2{ font-size:36px; font-weight:300; color:#112a48; margin:1em 0; padding:0; line-height: 1.22em; } #content .entry-content h3{ font-size:28px; font-weight:300; } #content .entry-content a{color: #d40f2c; font-family: "lato",san-serif; font-weight: 600; } #content .entry-content a.button-big-bold { color: #ffffff; } .learn-more a{ background: url("images/icon-read.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0); color: #d40f2c; font: 600 15px "lato",san-serif; padding-left: 25px; display:block; margin-top:10px;} .modules{ width:620px; margin:70px auto 0; padding:0; text-align:center; color:#686868;} .modules .module-box{ width:280px; margin-bottom:50px; padding:0; float:left;} .module-box a {color:#52487c;} .modules .right{ float:right !important;} .modules h3{ font-weight:700; font-size:18px;} .modules p{ font-weight:300; font-size:17px;} /* -------- Product Page --------- */ .product{ background-color:#ffffff; margin:0; padding:70px 0; font-family: 'Lato', sans-serif; font-weight:300; font-size:20px; color:#313131;} .product .product-inner{ width:80%; margin:0 auto; padding:0;} .product .search-inner{ width:87%; margin:0 auto; padding:0;} .product .product-inner h1{ font-weight:700; font-size:50px; line-height:60px; margin-bottom:35px;} .product .product-inner h4{ font-weight:400; font-size:24px; line-height:28px; margin-bottom:20px;} .product .product-inner .product-basics{ margin-top:40px; padding:0;} .product .product-inner .product-basics .listing-box{ width:45%; margin-bottom:40px; padding:0; float:left;} .product .product-inner .product-basics .listing-box h3{ font-size:24px; font-weight:700; color:#686868; margin-bottom:20px;} .product .product-inner .product-basics .listing-box h3 a{color:#686868;} .product .product-inner .product-basics .listing-box .thumb{ margin-bottom:20px; padding:0; display:inline-block;} .product .product-inner .product-basics .listing-box .thumb img{width:120px; height:120px;} .product .product-inner .product-basics .listing-box .content{ margin:0; padding:0; float:right; font-weight:300; font-size:22px; color:#686868; line-height:26px; width:65%;} .product .product-inner .product-basics .listing-box .content a{ color:#0000ff;} .product .product-inner .product-basics .right{ float:right !important;} .product-bottom{ margin:50px auto 0; padding:0; width:84%;} .product-bottom h2{ font-size:25px; font-weight:700; margin-bottom:40px; padding:0; color:#000000; text-align:center;} .product-bottom h2 span{ font-size:20px; font-weight:300; display:block; color:#808c8a;} .product-bottom .speciality-box{ width:224px; margin:0 53px 35px 0; padding:0; float:left; text-align:center;} .product-bottom .speciality-box p{ font-weight:300; font-size:17px; color:#686868;} .product-bottom .last{ margin-right:0 !important;} .help-button{ margin:0; padding:0; float:right; position:relative; top:107px; left:25px;} .help-button a{ text-align:center; font:300 18px 'Lato', san-serif !important; color:#ffffff !important; background-color:#3c6ea1 !important; padding:14px 50px !important; background-image:none !important;} /* ------------ Sidebar ------------ */ #sidebar{ width:300px; margin:0; padding:0; float:left; font-family:'Lato', san-serif;} #sidebar .widget{ margin:0 0 15px; padding: 15px 25px; border:1px solid #e0e5ea; border-radius:5px; background-color:#ffffff;} #sidebar .widget h3.widget-title{ font-size:20px; font-weight:700; color:#313131; margin-bottom:10px;} #sidebar .widget h3.widget-title li{ font-size:20px; font-weight:700; color:#313131; margin-bottom:10px; display:block;} #sidebar .widget h3.widget-title li a{color:#313131;} #sidebar .widget ul{ margin:0; padding:0; font-weight:400; font-size:16px; list-style:none;} #sidebar .widget ul li{ margin:0; padding:0 0 7px 15px; background:url(images/sidebar-list-arrow.png) no-repeat scroll 0 7px;} #sidebar .widget ul li a{ color:#676767;} #sidebar .widget ul li a:hover{color:#554a80;} #sidebar .menu-popular-links-container ul li{ background:url(images/popular-arrow.png) no-repeat scroll 0 5px; padding-left:28px;} #sidebar .module{ margin:0 0 20px; padding:0; border:1px solid #e0e5ea; border-radius:5px; background-color:#ffffff;} #sidebar .module h2{ text-align:center; background-color:#52487c; color:#ffffff; font-weight:300; font-size:45px; padding:40px 0 30px; line-height:29px; margin-bottom:40px;} #sidebar .module span{ font-weight:400; font-size:28px; text-align:center; background-color:#52487c; color:#ffffff; position:relative; top:10px; line-height:30px;} #sidebar .module .module-box{ width:82%; margin:0 auto 20px; border-bottom:1px solid #d9d9d9; font-weight:300; font-size:16px; padding-bottom:20px;} #sidebar .module .module-box h3{ font-size:25px; color:#554a80; font-weight:300;} #sidebar .module .module-box:last-child{ border-bottom:none;} #sidebar .sign-up{margin:0 0 20px; padding:30px 0; border-radius:5px; background-color:#f24957; text-align:center; font-weight:300; font-size:17px; color:#ffffff;} #sidebar .sign-up h2{ font-weight:700; font-size:35px; text-transform:uppercase; line-height:40px; margin-bottom:5px;} #sidebar .sign-up h2 span{ font-weight:300; font-size:45px; display:block;} #sidebar .sign-up a{ display:block; color:#ffffff; font-weight:700; font-size:18px; text-transform:uppercase; background-color:#fbb502; padding:8px 10px; margin:25px auto 0; width:50%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; box-shadow:2px 2px 0 #c43b47; -moz-box-shadow:2px 2px 0 #c43b47; -webkit-box-shadow:2px 2px 0 #c43b47; -o-box-shadow:2px 2px 0 #c43b47;} #sidebar .child_page_menu{ padding:30px 10px; position:relative;} #sidebar .child_page_menu ul{ margin:0; padding:0;} #sidebar .child_page_menu ul li{ background:none; padding:10px 0; width:316px; font-weight: 300; } #sidebar .child_page_menu ul li:hover{text-decoration:underline;} #sidebar .child_page_menu ul li a:hover{color:#8d969c;} #sidebar .child_page_menu ul li.current_page_item{background: url('/wp-content/uploads/2017/06/current-item-arrow-pink.png') no-repeat; text-decoration:none !important;} #sidebar .child_page_menu ul li a{padding:11px 80px 12px 19px; } #sidebar .child_page_menu ul li.current_page_item a{color:#ffffff; text-decoration:none !important;} /* ----------- Pricing Table ------ */ .price{ margin:0 auto; padding:0; width:92%;} .price h2{ text-align:center; font-weight:700; font-size:35px; color:#000000;} .price p{ font-size:20px; font-weight:300; color:#808c8a; text-align:center; margin-bottom:40px;} .price-table{ padding:30px 0; font:400 15px 'Lato', sans-serif; color:#1e1e1e; text-transform:uppercase; text-align:center;} .pricing_table{font-size:15px;} .price_col{transition: left 0.5s;} .price_amount{ padding:20px 0; font:34px 'MyriadPro-Regular'; color:#ffffff;} .price_amount span{font:300 20px 'Lato', sans-serif;} .price_col{float:left; text-align:center; background:#2c3e50; color:#636363; font:400 15px 'Lato', sans-serif; margin-top:10px; z-index:0; width:33.3%;} .pricing_table .th{font-size:28px; font-weight:bold; font-family:'Lato', sans-serif; color:#fff; padding:10px 0; background-color:#413471;} .pricing_table .price_amount{ background-color:#6f63a0;} .pricing_table .highlight{background:#e74c3c; z-index:1; margin-top:0; z-index:1; position:relative;} .pricing_table .highlight .th{padding-top:20px;} .pricing_table .highlight .tf{padding-bottom:30px;} .pricing_table .td{ border-bottom:1px solid #e1e6ec;} .pricing_table .td{padding:12px 0;} .pricing_table .tf{ padding:40px 0;} .pricing_table .tf a{background:#554a80; color:#fff; padding:12px 30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; text-transform:uppercase; font:700 16px 'Lato', sans-serif;} .pricing_table .highlight .tf a{background-color:#f14654; text-transform:uppercase;} .price_col:hover .th{ background-color:#d12e3b !important;} .price_col:hover .price_amount{ background-color:#fe717c !important;} .price_col:hover a{ background-color:#f14654 !important;} /* ------------------- Page Bottom Tabs ------------ */ .searches-tab{ margin-top:50px;} .shadetabs{padding:3px 0;margin-left:0;margin-top:1px;margin-bottom:0;font:bold 12px Verdana;list-style-type:none;text-align:left;} .shadetabs li{ float:left; margin:0 0 0 0;} .shadetabs li a{text-decoration:none;position:relative;z-index:1;padding:15px 24px;margin-right:0;border:2px solid #e1e6ea; e0e5ea;color:#a2a4a6; font:700 20px 'Lato', sans-serif; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; background:#eef2f3; margin-left:-5px;} .shadetabs li a.selected{position:relative;top:0; z-index:0;} .shadetabs li a.selected{ background-color:#ffffff; border:1px solid #e0e5e9; color:#313131;} .shadetabs li a.selected:hover{text-decoration:none;} .tabcontent{ margin-top:60px; font-family:'Lato', sans-serif; font-weight:300;} .tabcontent h3{font-size:20px ; color:#554a80; font-weight:300; margin-bottom:7px;} .tabcontent h3 a{color:#554a80; text-decoration:none;} .tabcontent h3 a:hover{color:#f24a58; text-decoration:none;} .tabcontent p{font-size:16px; color:#686868; line-height:20px;} .tabcontent .tabbox{ width:25%; margin:0 125px 50px 0; padding:0; float:left;} .tabcontent .last{ margin-right:0 !important;} @media print {.tabcontent {display:block !important;}} /* ----------- Blog ---------- */ .blog-head{ width:100%; margin:0; padding:0;} .blog-head .blog-slider{ width:752px; margin:0; padding:0; float:left;} .blog-head .blog-slider img{ border:2px solid #ffffff !important;} .cycloneslider-template-standard .cycloneslider-caption{ background:none !important; opacity:1 !important; bottom:111px !important;} .cycloneslider-template-standard .cycloneslider-caption-description{font:700 36px 'Lato', sans-serif !important; width:78%;} .cycloneslider-template-standard .cycloneslider-pager{ bottom:8px !important; text-align:right !important; left:-8px !important;} .cycloneslider-template-standard .cycloneslider-pager span{ box-shadow:none !important; background:#a78ac2 !important;} .cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active{ background:#e95f5f !important;} .blog-head .post-listing{ width:360px; margin:0; padding:0; float:right;} .blog-head .post-listing h2{ font:700 24px 'Lato', sans-serif; color:#ffffff; background-color:#a78ac2; text-transform:uppercase; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; padding:7px; margin-bottom:10px;} .blog-head .post-listing ul{ list-style:none; margin:0; padding:0;} .blog-head .post-listing ul li{font:700 16px 'Lato', sans-serif; margin:0; padding:15px; background:url(images/post-list-bg.jpg) repeat-x bottom;} .blog-head .post-listing ul li a{ color:#551a8b;} .blog-head .post-listing ul li:last-child{ background:none;} .blog-main{ margin:0; padding:0 0 100px;} .blog-main .blog{ width:758px; margin:0; padding:0; float:left;} .blog-main .blog .blog-post{ margin:0; padding:40px 0; border-bottom:1px solid #d9cde4;} .blog-main .blog .blog-post h2.post-title{font:300 40px 'Lato', sans-serif; margin:0 0 40px; padding:0; color:#551a8b;} .blog-main .blog .blog-post h2.post-title a{color:#551a8b;} .blog-main .blog .blog-post .single-post-thumb{ width:100%; margin:0; padding:0; float:none;} .blog-main .blog .blog-post .post-thumb{ width:252px; margin:0 30px 0 0; padding:0; float:left;} .blog-main .blog .blog-post .post-thumb img, .single-post-thumb img{ border:1px solid #676384;} .blog-main .blog .blog-post .post-content{ margin:0; padding:0; font-family:'Lato', sans-serif; font-weight:300; font-size:16px; color:#636363;} .blog-main .blog .blog-post .post-content p{ margin:13px 0; padding:0;} .blog-main .blog .blog-post .post-content a{ color:#0000ee;} .post-meta{ font-size:13px; display:inline; margin-bottom:10px; font-family:'Lato', sans-serif; font-weight:300;} .post-meta ul{ display:inline; list-style:none; margin:0; padding:0;} .post-meta ul li{ display:inline; font-weight:700;} .post-meta ul li a{ color:#551a8b !important;} .blog-main .blog .pagenavi{ margin:75px 0 0; padding:0; font:700 18px 'Lato', sans-serif; color:#d6ccfe;} .blog-main .blog .pagenavi a{background-color:#554b80; color:#d6ccfe; text-transform:uppercase; padding:10px 15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;} .blog-main .blog-sidebar{ width:360px; margin:80px 0 0; padding:20px 10px; float:right; background-color:#a78ac2; font-family:'Lato', sans-serif; color:#ffffff;} .blog-main .blog-sidebar .widget-area{ height:auto !important;} .blog-main .blog-sidebar .widget{ position:inherit !important; margin-bottom:20px;} .blog-main .blog-sidebar h3.widget-title{ font-weight:700; font-size:24px; border-bottom:1px solid #636363; padding-bottom:10px;} .blog-main .blog-sidebar aside ul{ margin-left:30px; padding:0;} .blog-main .blog-sidebar aside ul li{ font-weight:300; font-size:16px; padding-bottom:10px;} .blog-main .blog-sidebar aside ul li a{ color:#ffffff;} .blog-post-container .announcement { background: rgba(32, 149, 242, 0.1); padding: 2rem 1rem; font-style: italic; margin-bottom: 4rem; margin-top: 2rem; } .search-header{border-bottom:1px solid #cccccc; margin-bottom:30px;} .search-header .search-box{ float:right; margin:0; padding:0;} .search-header .search-box span.screen-reader-text{ display:none;} .search-header .search-box input[type="search"]{ border:1px solid #cccccc; height:37px; margin:0; padding:0 10px; width:357px; font:300 25px 'Lato', sans-serif; color:#636363; float:left;} .search-header .search-box input[type="submit"]{ background-color:#8a80b5; border-bottom:2px solid #50467b !important; border:none; font:700 15px 'Lato', sans-serif; color:#ffffff; cursor:pointer; height:37px;} h1.archive-title, h1.search-title{font:300 35px 'Lato', sans-serif; color:#636363; padding-bottom:10px; } h1.search-title{ float:left;} .page-content{ font:300 16px 'Lato', sans-serif; color:#636363;} span.leave-reply, .comments-link a{ font:300 14px 'Lato', sans-serif !important; color:#0000ee;} /* ------ Search Post --- */ .search-post{ width:100%; margin:0; padding:45px 0; border-bottom:1px solid #cccccc;} .search-post:last-child{ border-bottom:none;} .search-post .search-post-thumb{ float:left; margin:0 60px 0 0; padding:0;} .search-post .search-post-content{ margin:0; padding:0; font:300 18px 'Lato', sans-serif; color:#313131;} .search-post .search-post-content h2.search-post-title{font:300 40px 'Lato', sans-serif; margin:0 0 20px; padding:0; color:#551a8b;} .search-post .search-post-content h2.search-post-title a{ color:#501891;} .search-post a.more-link{ display:none;} .search-inner .search-header .search-box input[type="search"] { height: 40px; border-right: 0; width: calc(100% - 110px) !important; } .search-inner .search-header .search-box input[type="submit"] { background: rgba(255,151,34,1); padding: 0 20px; font-weight: 300; border-radius: 0 2px 2px 0; height: 42px; border-bottom: 0 !important; } .search-inner header.search-header { padding-bottom: 1em; } .search-inner header.search-header h1.search-title { margin: 0; } .search-inner .search-header .search-box { float: none; } .search-inner .search-return { margin: 20px 0; } .search-inner .search-return .search-post-title a { font-weight: 300; font-size: 32px; color: #ff356a; } .search-inner h2 { margin-bottom: 0.125em; line-height: 0.75em; } .search-inner .nav-previous, .search-inner .nav-next { width: auto; margin-right: 30px; } .search-inner .nav-links a { display: inline-block; font-size: 18px; color: #2095f2; font-weight: 400; padding: 0.75em 3em; background-color: transparent; border: 1px solid #2095f2; border-radius: 50px; transition: background-color 0.5s ease; text-align: center; } .search-inner .nav-links a:hover { color: #fff; background: #2095f2; } /* ------- Comment-form --- */ .comment_form{ background-color:#ffffff; padding:20px 0; font-family:'Lato', sans-serif;} h1.screen-reader-text{font:700 30px 'Lato', sans-serif; color:#636363;} .nav-previous{float:left; width:16%;} .nav-next{float:left; width:18%;} .nav-links{margin: 40px 0; position: relative; top: -20px;} .nav-links a{background-color: #ea6060; color: #fff; font: 700 15px "Lato",sans-serif; padding: 10px; border-bottom: 2px solid #a83007;} .comment_form #comments{ margin:20px 0 0; padding:0; color:#696969 ; font:400 14px 'Lato', sans-serif;} .comment_form h3#reply-title{ font-size:20px; margin-bottom:10px; color:#551a8b;} .comment_form #commentform p{margin:10px 0; color:#636363;} .comment_form #commentform label{display:block;} p.comment-form-author input[type="text"]{ width:49% !important;} .comment_form #commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96% !important; border:1px #ccc solid; padding:5px 2%; margin:6px 0 10px; font:400 14px 'Lato', sans-serif; color:#959595; background:#ffffff !important; width:49%;} .comment_form #commentform textarea{ width:57% !important;} .comment_form #commentform input#submit{ padding:3px 10px; border:none; background:#554b80; color: #FFFFFF; cursor: pointer; font:normal 14px/24px Arial; height:30px; margin: 0; text-align: center; display:inline-block; width:150px;} .comment_form #commentform input#submit:hover{background:#554b80; text-shadow:0 -1px #000;} .comment_form .form-allowed-tags{display:none;} .comment_form ul.errormsg{background:#ffe4e4;} .comment_form ul.errormsg li{padding:5px;} .comment_form .entry-content table{ border-collapse:collapse; margin:10px 0;} .comment_form .entry-content table td, .entry-content table th{padding:10px 5px; text-align:left;} .comment_form .entry-content table th{color:#676767; font:normal 18px Oswald;} .comment_form .entry-content table td{/*border-bottom:1px #ccc solid;*/} .comment_form .fvch-codeblock:hover .comment_form-url{display:block !important;} .comment_form p.logged-in-as a{ color:#FF4646;} .comment_form h2.comments-title{ font:400 23px 'Lato', sans-serif; margin-bottom:20px;color:#551a8b;} .comment_form ol.comment-list{ list-style:none; margin:0; padding:0;} .comment_form ol.comment-list { margin-bottom:20px;} .comment_form ol.comment-list img{ float:left; width:50px; height:50px; margin:0 10px 10px 0;} .comment_form b.fn a{ color:#551a8b !important; text-transform:capitalize;} .comment_form .comment-awaiting-moderation{ font-size:12px;} .comment_form footer.comment-meta{ font-size:12px;} .comment_form .comment-metadata a{ color:#27276a;} .comment_form .reply a{color:#551a8b;} .comment_form p.logged-in-as a{ color:#551a8b;} .comment_form .comments-link{ margin:10px 0;} .comment_form .comments-link a{ color:#517fc7;} .comments-link{ padding:10px 0;} .comments-link a{color:#25aae2; font:13px arial;} /* -------- Footer ------- */ #newsletter{ padding:40px 0; background-color:#dde6e8;} #newsletter h3{font:300 40px 'Lato', sans-serif; color:#222222; float:left;} #newsletter a{ background-color:#ea6060; color:#ffffff; font:700 23px 'Lato', sans-serif; text-align:center; padding:10px 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-bottom:3px solid #a83007; float:right; margin-top:5px; background-color: #ff9722; border-radius: 10rem; border-bottom: 0; font-size: 20px; text-transform: uppercase; padding: 1.25em 2.5em; font-weight: 300; } #footer{ background:url(images/footer-bg.jpg); padding:70px 0 40px;} #footer .footer-col{ width:15%; margin:0 23px 0 0; padding:0; float:left;} #footer .footer-col h3{font:700 18px 'Lato', sans-serif; color:#f24a58; margin:0 0 15px; padding:0; text-transform:uppercase;} #footer .footer-col p{font:300 15px/23px 'Lato', san-serif; color:#767676;} #footer .footer-col a{color:#767676;} #footer .footer-col a:hover{color:#ffffff;} #footer .footer-col ul{ margin:0 0 25px; padding:0; font:300 15px 'Lato', san-serif;} #footer .footer-col ul li{ display:block; margin:0; padding:0 0 5px 17px; background:url(images/footer-list.png) no-repeat scroll 0 7px;} #footer .footer-col ul li:hover{ background:url(images/footer-list-hover.png) no-repeat scroll 0 7px;} #footer .footer-col input[type="email"]{ background-color:#ffffff; border:none; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; height:39px; font:300 15px 'Lato', san-serif; color:#767676; padding:0 15px; margin-top:15px; float:left; width:80%; } #footer .footer-col .wpcf7-response-output{color: #767676; font: 300 15px/23px "Lato",san-serif;} #footer .footer-col span.wpcf7-not-valid-tip{ display:none;} #footer .footer-col input[type="submit"]{ font:15px 'Roboto',san-serif; color:#ffffff; border:none; background-color:#ea6060; height:39px; cursor:pointer; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; margin-top:15px;} #footer .footer-col div.wpcf7-mail-sent-ok{ border:none !important;} #footer .footer-col div.wpcf7-response-output{ margin:5px 0 !important;} #copyright{ text-align:center; background-color:#1f1f1f; padding:20px 0; font:300 13px 'Lato', san-serif; color:#ffffff;} #copyright a{color:#ffffff;} /* --------- Breadcrumb --------- */ #breadcrumbs{list-style:none; margin:10px 0; overflow:hidden; padding:0; } #breadcrumbs li{float:left; background-color:#f55867; padding:4.5px 30px; font:400 16px 'Lato', san-serif; color:#ffffff; line-height:20px;} #breadcrumbs li:first-child{border-top-left-radius:3px !important; border-bottom-left-radius:3px !important;} #breadcrumbs li:last-child{border-top-right-radius:3px !important; border-bottom-right-radius:3px !important;} #breadcrumbs li a{ color:#ffffff;} #breadcrumbs li.shape{ background-image:url(images/bread-pager.jpg); background-repeat:no-repeat; width:19px; height:29px; padding:0;} #breadcrumbs li img{ margin-top:4px;} #breadcrumbs .separator{font-weight:700;font-size:20px;color:#999;} #crumbs { background:#f55867; display:inline-block; position:relative; top:8px; width:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; height:29px;} #crumbs span{ background-color: #f55867; color: #ffffff; font: 400 16px/20px "Lato",san-serif; padding:5px 30px 4px; position:relative; top:-8px;} #crumbs span:first-child{border-top-left-radius:3px !important; border-bottom-left-radius:3px !important;} #crumbs span:last-child{border-top-right-radius:3px !important; border-bottom-right-radius:3px !important;} #crumbs span a{ color:#fff;} #crumbs li.shape{ background-image:url(images/bread-pager.jpg); background-repeat:no-repeat; width:19px; height:29px; padding:0; display:inline-block; position:relative; top:0;} #crumbs img{ position:relative; top:4px;} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .review-page .slick-slide{ width:130px !important; height:347px;} .review-page .slick-slide img.shape{ left:-9px; top:-26px;} .review-page .slick-slide .testimonial-content{ left:-44px;} [dir="rtl"] .slick-slide { float: right; } .slick-slide img.thumb { display: block; filter: grayscale(100%); -webkit-filter: grayscale(100%); webkit-transition: all .6s ease; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%;} .slick-slide:hover img.thumb{filter: grayscale(0%); -webkit-filter: grayscale(0%); filter:none; -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25);} .slick-slide.slick-loading img { display: none;} .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-slider { margin-top: 50px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .slick-slide img.shape{ margin:0; padding:0; position:absolute; left:-27px; top:-50px; z-index:99} .slick-slide:hover img.shape{ box-shadow: 5px 0 5px -4px #d4d7d7, -5px 0 5px -4px #d4d7d7; z-index:999;} /*.slick-slide .testimonial-content{ margin:0; padding:0; position:absolute; text-align:center; z-index:99; left:-50px; bottom:0px; visibility:hidden;} */ .slick-slide .testimonial-content{ margin:0 auto; right:0; width:600px; padding:0; position:absolute; text-align:center; z-index:99; left:-200px; bottom:0px; visibility:hidden;} .slick-slide .testimonial-content p{font:400 15px 'Lato', san-serif; color:#5e5d5d;} .slick-slide .testimonial-content h4{font-family: 'Mr Dafoe', cursive; font-size:20px; font-weight:normal; color:#6a6a6b; margin:10px 0 0; padding:0; text-transform:uppercase;} .slick-slide .testimonial-content h5{font:300 18px 'Lato', san-serif; margin:0; padding:0; color:#6a6a6b;} .slick-slide:hover .testimonial-content{ visibility:visible;} .five-star{ width:102px; height:18px; background:url(images/five-star.png) no-repeat; margin:5px auto 0;} .four-star{ width:102px; height:18px; background:url(images/four-star.png) no-repeat; margin:5px auto 0;} .three-star{ width:102px; height:18px; background:url(images/three-star.png) no-repeat; margin:5px auto 0;} .two-star{ width:102px; height:18px; background:url(images/two-star.png) no-repeat; margin:5px auto 0;} .one-star{ width:102px; height:18px; background:url(images/one-star.png) no-repeat; margin:5px auto 0;} /*# sourceMappingURL=slick.css.map */ /* Dev Css */ .logo-block{display:block;} .timetrack { margin:0 0 0 0;} .header-search-mobile{ display:none;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ #header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column, #header .header-main .site-nav ul li:hover .sub-mainsupport{margin:-5px 0 0 2px; } #header .header-main .site-nav ul li:hover .sub-maincompany{ left:-64px;} #header .header-main .site-nav ul li:hover .sub-maincustomer{ left:258px !important;} /* Safari only override */ ::i-block-chrome,#header .header-main .site-nav ul li:hover .sub-maincustomer .nav-column, #header .header-main .site-nav ul li:hover .sub-mainsupport{margin:-5px 0 0 1px; } ::i-block-chrome,#header .header-main .site-nav ul li:hover .sub-maincompany{ left:-64px;} } ul#carouselMenu li.hover a{background:url(images/menu-hover-top-1.png) no-repeat center top / 100% 100%; top:-38px; padding-top:38px; position:relative; z-index: 999;} ul#carouselMenu li.on.hover a{top:0; padding-top:0; position:relative;} .slick-slide:first-of-type .testimonial-content { left:-50px;} .slick-slide:nth-of-type(5) .testimonial-content { left:-330px;} .slick-slide:nth-of-type(5) img.shape{left:-21px;} .page-template-template-leadfeature .abstract { width: 80%; margin-left: auto; margin-right: auto; margin-top: 2em; } .flatButton { background-color: #ea6060; color: #ffffff; text-shadow: 0 -1px 0 #999; font: 700 20px 'Lato', sans-serif; text-align: center; padding: 10px 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-bottom: 3px solid #a83007; font-weight: 100; } #sidebar .widget h3.widget-title, #sidebar .widget h3.widget-title a { color: #ff356a; margin: 0; padding: 0; text-transform: uppercase; font-weight: 300; font-size: 18px; } div#newsletter h3 { float: left; } div.pointerItem p .flatButton { display: inline-block; margin-top: 1em; } div.pointerItem h2 { line-height: 1.333em; width: 90%; } div.pointerItem p { font-weight: 300; line-height: 1.5em; } /* CLICKTIME SITE PRE15 RETAINED STYLES */ .cheshire { display: none; } img.screenshotFull { padding-left: 30px; margin-bottom: 20px; } .flushRight { margin-right: 0; float: right; } .figure { float: left; margin: 20px 30px 15px; width: 250px; } .figure p { font-size: 13px; font-style: italic; margin: 0; padding-right: 7px; } .figure img { border: 1px solid #669; } div.figure-magnifies { clear: both; margin: 20px 30px 15px; padding: 0; position: relative; } div.figure-magnifies a img { border: 0 none; margin: 0; padding: 0; } div.figure-magnifies a img.magnifier { bottom: 0; position: absolute; right: 0; z-index: 669; } .right, div.right { float: right; margin-left: 20px; margin-right: 15px; } .left, div.left { float: left; margin-right: 40px; margin-left: 0; } .flushRight { float: right; margin-right: 0; margin-right: -40px; } /* General typography */ body.page-template-default h1, body.page-template-default #content h1 {margin: 1em 0; text-align: center; } body.page-template-template-leadfeature #content .entry-content a { font-size: inherit; } div.iconStack { margin-bottom: 50px; margin-top: 2em; padding-left: 25px; clear: both; } div.iconStack a { text-decoration: none; } div.iconStack img.icon { border: 0 none; float: left; width: 75px; margin-right: 2em; margin-bottom: 4em; } div.iconStack div.iconContent { margin-left: 50px; } div.iconStack div.iconContent h3.stack-heading a, #content div.iconStack div.iconContent h3.stack-heading a { font-size: 20px; } div.iconStack div.iconContent .cheshire { display: none; } div.entry-content ul li { margin-top: 1em; margin-bottom: 1em; } /* ---------- ERROR FORM MESSAGING ---------- */ div#warningDialogBox { background: #F44336; width: 100%; border: 1px solid #C11B17; margin: 1em; margin-bottom: 0; margin-left:auto; margin-right: auto; padding: 1em 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } div.happy { background: skyblue; } div#warningDialogBox h2, div#warningDialogBox p { color: #fff; text-shadow: #000 0 1px 1px; margin: 0.5em 0; } div#warningDialogBox h2 { margin-top: 0; } div#warningDialogBox p { font-size: 16px; } div#warningDialogBox p a { color: #ff0; } /* CASE STUDY STYLING */ p.inTheirWords { font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; font-size: 16px; margin: 1.5em 75px; line-height: 1.75em;} blockquote.pullQuoteContainer {width: 300px; float: right; background: #eee; border-top: 5px solid #e5e5e5; padding: 1em; margin: 20px; margin-right: 0; } div.pullQuoteMark {color: #669; width: 50px; float: left; font-size: 80px; font-weight: bold; font-family: Georgia, "Times New Roman", Times,serif; } p.pullQuoteWords {margin-left: 50px; font-size : 20px; } p.pullQuoteAuthor {text-align: right; } body.page-template-default div#content #doorContainer h1, body.page-template-default div#content #doorContainer h2, body.page-template-default div#content #doorContainer h3, body.page-template-default div#content #doorContainer p { margin-left: 30px; margin-right: 30px; } /* BENEFITS STYLING */ div.splashPeek { background: url( '/images/clicktime-logo-backdrop.jpg' ) bottom; width: 745px; margin-left: 30px; margin-bottom: 1em; min-height: 205px; height: auto !important; height: 205px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #9999B9; position: relative; } div.splashPeek img.imagePeek { position: absolute; bottom: 0px; left: 15px; } div.splashPeek div.copyContainer { margin-left: 250px; } div.splashPeek div.copyContainer h2 { font-size: 26px; font-weight: normal; } div.splashPeek div.copyContainer p.adCopy { font-size: 16px; margin-bottom: 50px; } div.splashPeek div.copyContainer div.badgeBar { background: url( '/images/splash-oval-gradient.png' ) top no-repeat; position: absolute; bottom: 5px; right: 15px; border: 0px solid blue; width: 400px; height: 50px; padding: 0; } div.splashPeek div.copyContainer div.badgeBar img.badgeIcon { float: left; margin: 5px 15px 0 65px; } div.splashPeek div.copyContainer div.badgeBar p { font-size: 12px; } div.caseStudyAbstract { font-family: verdana; font-size: 11px; width: 750px; margin: 0; padding: 20px; border: 1px solid #FD8710; border-bottom-width: 2px; background: #fafafa; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.caseStudyProfile { width: 200px; float: left; } #content div.caseStudyBreakdown { width: 450px; float: right; } #content div.caseStudyBreakdown h4 { line-height: 1.3em; padding: 0; } #content div.caseStudyBreakdown ul li { line-height: 1.3em; padding-bottom: 0.75em; } #content div.caseStudyAbstract p, #content div.caseStudyAbstract ul { font-size: 11px; } #content div.caseStudyAbstract h4 { font-size: 13px; padding-left: 0; } div#didYouKnow { padding: 1em; margin-right: 0; } #fancybox-wrap, #fancybox-wrap * { box-sizing: content-box; } .abstract h2 { margin: 1em 0; } @media screen and (max-width: 61.188em) and (min-width: 20em) { #sidebar .widget_nav_menu, #sidebar .module, #sidebar .sign-up { display: none; } .free-app { width: 75%; margin-left: auto; margin-right: auto; } .management h2 {margin: 1em 0; padding: 0;} .management h2 span {margin: 1em 0; padding: 0;} } #content .entry-content h1, #content .entry-content h2, #content .entry-content h3, #content .entry-content h4, #content .entry-content h5, #content .entry-content h6 { margin: 1em 0; } .page-template-template-leadfeature #content h1 { text-align: left; width: 80%; margin-left: auto; margin-right: auto; margin-top: 1em;} #footer { padding-bottom: 0; } #copyright, #copyright a { color:#767676; } #copyright a:hover{color:#ffffff;} div#socialConnect { margin: 0; padding: 0; padding-top: 20px; font: 300 15px 'Lato', san-serif; text-align: center; } div#socialConnect ul { margin: 0; padding: 0; list-style-type: none; display: block; } div#socialConnect ul li { margin: 0; padding: 0; display: inline; margin-left: 30px; } div#socialConnect ul li.firstSocial { margin-left: 0; } div#socialConnect ul li a{color:#767676;} div#socialConnect ul li a:hover{color:#ffffff;} /* -------------- Case Studies ------------ */ .product div#casestudy { font-family: lato; font-size: 20px; font-weight: 300; } .product div#casestudy a { color: #d40f2c; font-weight: 600; } .product div#casestudy h1 { font-size: 2.25em; line-height: 1.3em; margin: 0.75em 0; font-weight: 300; } .product div#casestudy h2 { margin: 2em 0 1em; } .product div#casestudy p { line-height: 1.5em; margin: 1em 0;} .product div#casestudy p.pullquote { font-size: 2em; font-style: italic; line-height: 1.3em; color: #F57C00; margin: 1em 0;} .product div#casestudy div.hero { border-top: 5px solid #ddd; background: #eee; color: #fff; box-shadow: 0 1px 1px #ccc;} .product div#casestudy div.hero .clientlogo {max-width:100%; height:auto; overflow: hidden; padding: 4em 2em 2em; } .product div#casestudy div.pullquoteBlock { font-size: 1.5em; font-style: italic; line-height: 1.3em; margin: 2em 0 -1.5em; max-width:100%; height:auto; overflow: hidden; } .product div#casestudy div.pullquoteBlock img.headshot { border-radius: 500px; width: 150px; margin: 0; margin-top: 0.25em; float: left; } .product div#casestudy div.pullquoteBlock .quotecontainer { font-size: 1.125em; font-style: italic; line-height: 1.3em; color: #ff9800; margin: 0.25em 0 0 185px; } .product div#casestudy div.pullquoteBlock .quotecontainer p { margin: 0; } .product div#casestudy div.pullquoteBlock .quotecontainer .pullquoteAttribute { text-align: right; font-size: 0.5em; margin-top: -0.25em; } .product div#casestudy div.sidebar { float: right; width: 33%; background: #ffc; padding: 15px; margin-top: 1.5em; margin-left: 60px; margin-bottom: 2em; background: #f6f6f6; color: #666; font-weight: 300; line-height: 1.5em; font-size: 0.7em; box-shadow: 0 1px 1px #ccc; padding: 0; } .product div#casestudy div.sidebar .sidebarHeader { background: #eee; margin: 0; } .product div#casestudy div.sidebar .sidebarHeader h2 { margin: 0; padding: 15px 15px 0; line-height: 1.3em; } .product div#casestudy div.sidebar .sidebarHeader p { margin: 0; padding: 15px; } .product div#casestudy div.sidebar .sidebarBody { padding: 15px; } .product div#casestudy div.sidebar a { color: #666; text-decoration: none; } .product div#casestudy div.sidebar a:hover { text-decoration: underline; } .product div#casestudy div.sidebar h2, div.sidebar h3 { font-weight: 400; margin: 1em 0 0.125em; font-size: 1.5rem; } .product div#casestudy div.sidebar h2 {font-size: 1.5rem; } .product div#casestudy div.sidebar h3 {font-size: 1.25rem; } .product div#casestudy div.sidebar ul { padding: 0 10px 0 20px; margin: 0; } .product div#casestudy div.sidebar ul li { margin: 0.75em 0; } .product div#casestudy img.headshot { border-radius: 500px; width: 125px; margin: 1em; margin-right: 2em; float: left; } .product div#casestudy .testimonial-words .quote-container p.quote-copy { color: rgba(32,149,242,0.75); font-style: italic; line-height: 1.35em !important; font-weight: 400; } @media only screen and (max-width: 600px) { .testimonial-encircled .testimonial-words .quote-container { padding: 0; } } @media screen and (max-width: 61.188em) and (min-width: 20em) { .product div#casestudy h1 { font-size: 1.25em; line-height: 1.3em; margin: 0.75em 0; font-weight: 300; font-size: 36px; } .product div#casestudy div.sidebar { float: none; width: 100%; margin: 0; font-size: .7em; } .product div#casestudy div.pullquoteBlock .quotecontainer { margin-top: 1em; line-height: 1em; } .product div#casestudy div.pullquoteBlock .quotecontainer .pullquoteAttribute { text-align: right; font-size: 0.5em; margin-top: -0.25em; } .product div#casestudy div.pullquoteBlock img.headshot { display: block; width: 50%; margin: 1em; margin-left: auto; margin-right: auto; float: none; } } .breakClear { font-size: 1px; line-height: 1px; clear: both; } #content .entry-content a.continueExpand, #content .entry-content a.continueBack { font-size: 14px; } #content .entry-content a.continueExpand { padding-left: 1em; } #content .entry-content a.continueExpand::after { content: "\00a0\FE62"; } #content .entry-content a.continueBack::after { content: "\00a0\FE63"; } li.page-item-949 {display: none;} /* CAPTIONS AND CONTAINERS - FIGURES AND IMAGES */ div.figure-box { margin-top: 30px; margin-bottom: 15px; } div.figure-box p { font-size: 14px; font-style: italic; line-height: 1.4em; margin: 0; } div.figure-box img { width: 100%; } div.figure-box-left { float: left; margin-right: 30px; } div.figure-box-right { float: right; margin-left: 30px; } @media screen and (max-width: 61.188em) and (min-width: 20em) { div#casestudy .pullquoteBlock .quotecontainer { margin: 1em 0; } } h1 { font-size: 4.2rem; line-height: 110%; margin: 2.1rem 0 1.68rem 0; } h2 { font-size: 3.56rem; line-height: 110%; margin: 1.78rem 0 1.424rem 0; } h3 { font-size: 2.92rem; line-height: 110%; margin: 1.46rem 0 1.168rem 0; } h4 { font-size: 2.28rem; line-height: 110%; margin: 1.14rem 0 0.912rem 0; } h5 { font-size: 1.64rem; line-height: 110%; margin: 0.82rem 0 0.656rem 0; } h6 { font-size: 1rem; line-height: 110%; margin: 0.5rem 0 0.4rem 0; } /* ==================================================================================================== RESPONSIVE THEME ==================================================================================================== */ /* Mobile Portrait View */ @media screen and (max-width:29.938em) { .nav-links a{ display:block; margin-bottom:10px;} #header .header-main .logo{width:85%;} #header .header-main .logo img{max-width:90%;} #header .header-main{ padding:10px 0 0 0;} #header .grey-strip, .modules, .modules .module-box, #content .entry-content, .review-page { height:auto; width:auto;} #header .grey-strip { padding:0;} .blog-head .blog-slider, .blog-head .post-listing, .blog-main .blog, .blog-main .blog-sidebar { width:auto; float:none;} /*#header .grey-strip, #header .grey-strip .search, */ #header .grey-strip .search{ width:75px; margin:0;} #header .grey-strip .top-menu{ float:left; margin:5px 0 0 0;} #header .grey-strip .top-menu ul li { line-height:26px; font-size:12px; padding:0 10px 0 20px; } #header .grey-strip .search label, .cycloneslider-template-standard .cycloneslider-caption { display:none;} #header .grey-strip .search .input-field { border-radius:0; position:static; padding:5px; width:100%; display:block !important;} .site-aligner, .feature-inner, .feature-inner-left, .page-aligner { width:auto; padding:0 20px;} #slider, .free-app h2, .home-features .feature-post-row .home-feature-content .feature-inner, .feature-inner-left, .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left, .home-features .feature-post-row .home-feature-content, .home-feature-content-left, #header .grey-strip .search input[type="text"] { width:100% !important; max-width:100% !important;} #slider { padding-top:40px; height:100%; margin-top:20px;} .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left img, .management .management-feature .time-feature-row, .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left { text-align:center;} .feature-inner-left { float:none !important;} #slider iframe { float:none; width:100%; height:inherit;} .app-feature-row .app-feature-col img, .management .management-feature .time-feature-row img { float:none; text-align:center;} .free-app img, .switchBigPic div a img, .aligncenter { width:100%; height:inherit;} .app-feature-row .app-feature-col { float:none; display:block; margin-right:0; width:auto; margin-bottom:30px; text-align:center;} .management .management-banner img { float:none; display:block; width:100%; height:100%; margin-bottom:30px;} .management .management-feature, #footer .footer-col, .tabcontent .tabbox { float:none; width:auto; margin-right:0;} #footer .footer-col, .desSlideshow { width:auto !important;} { width:100% !important; float:none; display:block; position:static !important;} .switchBigPic div p { width:auto !important; font-size:16px !important; position:static !important; } .switchBigPic div a { width:100% !important; padding-top:30px;} #newsletter a { float:left; margin-top:30px;} section .client-logo h2, .free-app h2, .management h2, .review h2, .home-features .feature-post-row .home-feature-content .feature-inner h2, .feature-inner-left h2 { font-size:26px;} #newsletter h3{ font-size:23px; text-align:center; float:none;} section .client-logo .icons{ width:40% !important; text-align:center;} section .client-logo img { margin-right:0; margin-left:10px;} .switchBigPic div p span { font-size:27px !important; line-height:35px;} .home-features .feature-post-row .home-feature-content img, .home-feature-content-left img.left, #slider ul.nav li h3, #slider ul.nav li h3 span { display:none;} #slider ul.nav li { height:auto; line-height:0;} #header .header-main .site-nav {float:none;} .management h2 span { line-height:24px;} #sidebar, .price_col { width:auto; float:none;} #sidebar .child_page_menu ul li { width:auto;} .price_col { width:auto; float:none; margin-bottom:20px;} .product-bottom .speciality-box { width:auto; float:none; margin-right:0;} #content { width:auto; float:none; padding:20px 15px;} .help-button { top:10px; left:0;} .help-button a { padding:14px 15px !important;} .searches-tab { margin-top:100px;} .shadetabs li a { font-size:15px; padding:15px 10px;} #footer .footer-col input[type="text"] { width:74%;} #sidebar .child_page_menu ul li a {padding: 11px 0 12px 19px;} .product .product-inner h1{ font-size:35px; line-height:37px;} .product .product-inner .product-basics .listing-box, .product .product-inner .product-basics .listing-box .content{ width:auto;} .product .product-inner .product-basics .listing-box h3, .product .product-inner .product-basics .listing-box .thumb{ text-align:center; display:inherit;} #header .header-main .site-nav ul li a.sign{ margin-top:10px; color:#ffffff; line-height:50px;} #header .header-main .site-nav ul li a.sign:hover{ background:#675a9a !important; color:#fff !important; display:inline-table; width:100%; line-height:35px !important; } img.timetrack{text-align:center; left:0px !important;} .home-feature-thumb-left{margin:20px 0 20px 0 !important;} .home-feature-thumb{margin:20px 0 20px 0 !important;} section .client-logo img{width:35%;} .search-header .search-box input[type="search"]{ width:100%; display:block; margin-bottom:5px;} .search-header .search-box input[type="submit"]{ margin-bottom:5px;} .nav-previous{ width:100%;} .nav-next{ width:100%; margin-top:5px;} } /* Mobile Landscape View */ @media screen and (max-width:47.938em) and (min-width:30.000em) { #header .header-main{padding:10px 0 0 0;} .blog-head .blog-slider, .blog-head .post-listing, .blog-main .blog, .blog-main .blog-sidebar { width:auto; float:none;} .nav-links a{ display:block; margin-bottom:10px;} #header .grey-strip, .modules, .modules .module-box, #content .entry-content { height:auto; width:auto;} #header .grey-strip { padding:0;} #header .grey-strip .search{width:auto; position:relative; margin:0;} #header .grey-strip .search label, .cycloneslider-template-standard .cycloneslider-caption { display:none;} #header .grey-strip .search .input-field { position:static; padding:10px; width:100%; display:block !important; border-radius:0;} #header .grey-strip .top-menu ul li { line-height:26px; padding-right:6px;} .site-aligner, .feature-inner, .feature-inner-left, .page-aligner { width:auto; padding:0 20px;} #slider, .free-app h2, .home-features .feature-post-row .home-feature-content .feature-inner, .feature-inner-left, .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left, .home-features .feature-post-row .home-feature-content, .home-feature-content-left, #header .grey-strip .search input[type="text"] {width:100% !important; max-width:100% !important;} #slider { padding-top:40px; height:100%; margin-top:20px;} .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left img, .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left { text-align:center;} .feature-inner-left { float:none !important;} #slider iframe { float:none; width:100%; height:inherit;} #header .header-main .logo {width:90%;} #header .header-main .logo img{max-width:100%;} .free-app img, .switchBigPic div a img, .aligncenter { width:100%; height:inherit;} .app-feature-row .app-feature-col { float:none; display:inline-block; margin-right:0; width:auto; margin-bottom:30px;} .management .management-banner img { float:none; display:block; width:100%; height:100%; margin-bottom:30px;} .management .management-feature, #footer .footer-col, .tabcontent .tabbox { float:none; width:auto; margin-right:0;} #footer .footer-col, .desSlideshow { width:auto !important;} { width:100% !important; float:none; display:block; position:static !important;} .switchBigPic div p { width:auto !important; font-size:16px !important; position:static !important; } .switchBigPic div a { width:100% !important; padding-top:30px;} #newsletter a { float:left; margin-top:30px;} section .client-logo h2, .free-app h2, .management h2, .review h2, #newsletter h3, .home-features .feature-post-row .home-feature-content .feature-inner h2, .feature-inner-left h2 { font-size:26px;} section .client-logo .icons{ width:42%; text-align:center;} section .client-logo img { display:inline-block; margin-right:0;} .switchBigPic div p span { font-size:27px !important; line-height:35px;} .home-features .feature-post-row .home-feature-content img, .home-feature-content-left img.left, #slider ul.nav li h3, #slider ul.nav li h3 span { display:none;} #slider ul.nav li { height:auto; line-height:0;} #header .header-main .site-nav { float:none;} .management h2 span { line-height:24px;} #sidebar, .price_col { width:auto; float:none;} #sidebar .child_page_menu ul li { width:auto;} .price_col { width:auto; float:none; margin-bottom:20px;} .product-bottom .speciality-box { width:auto; float:none; margin-right:0;} #content { width:auto; float:none; padding:20px 15px;} .help-button { top:35px; left:0;} .help-button a { padding:14px 15px !important;} .searches-tab { margin-top:100px;} .shadetabs li a { font-size:15px; padding:15px 10px;} #footer .footer-col input[type="text"] { width:74%;} #sidebar .child_page_menu ul li a {padding: 11px 0 12px 19px;} .product .product-inner .product-basics .listing-box, .product .product-inner .product-basics .listing-box .content{ width:auto;} .product .product-inner .product-basics .listing-box h3, .product .product-inner .product-basics .listing-box .thumb{ text-align:center; display:inherit;} .product .product-inner h1{ font-size:35px; line-height:37px;} #header .header-main .site-nav ul li a.sign{ margin-top:10px; color:#ffffff; line-height:50px;} img.timetrack{text-align:center; left:0px !important;} .home-feature-thumb-left{margin:20px 0 20px 0 !important;} .home-feature-thumb{margin:20px 0 20px 0 !important;} section .client-logo img{width:40%;} #header .grey-strip .top-menu{margin:10px 0 0 0 !important;} .search-header .search-box input[type="search"]{ width:100%; display:block; margin-bottom:5px;} .search-header .search-box input[type="submit"]{ margin-bottom:5px;} .nav-previous{ width:100%;} .nav-next{ width:100%; margin-top:5px;} } @media screen and (max-width:61.188em) and (min-width:20.000em) { .blog-main .blog .blog-post .post-thumb img, .single-post-thumb img{max-width:100%;} .header-search-mobile{ display:inherit !important;} #header .header-main .site-nav ul li { display:block; line-height:35px; border-bottom:1px #675a9a solid; padding:0; margin-top:0; } #header .header-main .site-nav ul li a:hover, #header .header-main .site-nav ul li.hover a{ color:#fff !important; border-bottom:none !important; width:100%; display:inline-table;} #header .header-main .site-nav ul li a{ border-radius:0; color: #454545; padding: 0 20px;} #header .header-main .site-nav ul li a.sign{ background:none !important; color:#454545 !important; text-transform:uppercase; border-bottom:none !important; border-radius:0 !important; line-height:22px !important; margin-top:0 !important; } /* #header .header-main .site-nav ul li a.sign:hover{ background:#ff0 !important; color:#fff !important;} */ #header .header-main .site-nav ul li .sub-main .nav-column, #header .header-main .site-nav ul li .sub-maincustomer .nav-column, #header .header-main .site-nav ul li .sub-maincompany .nav-column, #header .header-main .site-nav ul li .sub-mainsupport .nav-column{ display:none;} #header .header-main .site-nav ul li:hover .sub-main{ display:block; position:static; z-index:999; min-width:100%;} #header .header-main .site-nav ul li .sub-main .nav-column{ float:none; padding:20px !important;} #header .header-main .site-nav ul li:hover .sub-main .nav-column{ width:100%; border-radius:0 !important; min-height:auto; margin:0; padding:20px 0 20px 0 !important;} #header .header-main .site-nav ul li .sub-main .nav-column h3{ text-transform:uppercase !important; color:#ffffff !important; font:700 15px 'Lato', sans-serif; margin-bottom:20px;} #header .header-main .site-nav ul li .sub-main .nav-column ul{ margin:0; padding:0; display:none !important;} #header .header-main .site-nav ul li .sub-main .nav-column ul li{ display:block; margin:0; padding:8px 0 8px; font:300 15px 'Lato', sans-serif;} #header .header-main .site-nav ul li .sub-main .nav-column ul li a{ color:#ffffff; margin:0; padding:0;} #header .header-main .site-nav ul li .sub-main .nav-column ul li a:hover{ background-color:transparent !important; border-bottom:none !important;} .toggleMenu{float:right; z-index:9999; display:none; padding:20px; background:url(../images/toggle-bg.png) no-repeat center center; margin:0; text-decoration:none; position:relative; border-radius:23px; height:17px; width:23px; border: 1px solid #42386c !important; box-sizing:border-box; } .toggleMenu:hover {color:#fff;} #header .header-main .site-nav ul li a.trial, #header .header-main .site-nav ul li a.trial:hover { border: 0; border-bottom: 0; background: none; color: #454545 !important; text-transform: uppercase;} } /* Tablet View */ @media screen and (max-width:64.000em) and (min-width:48.000em) { .blog-head .blog-slider, .blog-main .blog{ width:63%;} .blog-head .post-listing, .blog-main .blog-sidebar { width:35%;} .blog-main .blog .blog-post .post-thumb img, .single-post-thumb img{ max-width:100%;} .blog-head .post-listing ul li{ padding:5px; font-size:14px;} .blog-head .post-listing h2{ margin-bottom:0; padding:5px;} .cycloneslider-template-standard .cycloneslider-caption{ top:0 !important;} .cycloneslider-template-standard .cycloneslider-caption-description{ font-size:22px !important;} .nav-links a{ display:block; margin-bottom:10px;} #header .header-main{ padding:20px 0;} #header .header-main .logo{/* float:none; text-align:center;*/ width:94%;} #header .header-main .site-nav{ float:none; margin:0 auto; } #header .header-main .site-nav ul li a.sign{ margin-top:10px; color:#ffffff; line-height:50px;} #header .header-main .site-nav ul li:hover .sub-maincompany, #header .header-main .site-nav ul li:hover .sub-main, #header .header-main .site-nav ul li:hover .sub-maincustomer, #header .header-main .site-nav ul li:hover .sub-mainsupport{ top:46px;} section .client-logo .icons {display: inline-block; margin: 0; padding: 0; text-align: justify; width: 31% !important;} .site-aligner, .page-aligner, .home-features .feature-post-row .home-feature-content .feature-inner, .feature-inner-left { width:auto; padding:0 20px;} .switchBigPic div a img, .aligncenter { width:100%; height:inherit;} .desSlideshow { width:auto !important; height:520px !important;} .switchBigPic div { overflow:visible !important;} .switchBigPic div p { width:40% !important; float:left;} .switchBigPic div a { width:55% !important; float:right;} .switchBigPic div p { font-size:16px !important; } .switchBigPic div a { padding-top:30px;} .switchBigPic div p span { font-size:27px !important; line-height:35px;} #slider ul.nav li { height:140px; line-height:49px;} #content .entry-content { width:auto;} .app-feature-row .app-feature-col { width:30%;} .management .management-banner { width:40%;} .management .management-banner img { width:100%; height:100%;} .management .management-feature, .home-features .feature-post-row .home-feature-content, .home-feature-content-left { width:50%;} .home-features .feature-post-row .home-feature-thumb, .home-feature-thumb-left, .modules { width:auto;} .home-features .feature-post-row .home-feature-content img, .home-feature-content-left img.left { width:20%; right:-77px; height:100%;} .home-feature-content-left img.left { left:-77px !important;} .modules .module-box { width:48%;} #newsletter h3 { font-size:32px;} #sidebar { width:35%;} #content { width:60%; padding:20px;} .pricing_table .tf a { padding:12px;} .product-bottom .speciality-box { width:auto; margin-right:0;} .help-button { top:58px;} .searches-tab { margin-top:100px;} #sidebar .child_page_menu ul li { width:250px;} #sidebar .child_page_menu ul li a {padding: 11px 0 12px 19px; display:block;} #sidebar .child_page_menu ul li:hover, #sidebar .child_page_menu ul li.current_page_item { background: url('/wp-content/uploads/2017/06/current-item-arrow-pink.png') no-repeat scroll right top rgba(0, 0, 0, 0);} #footer .footer-col { word-wrap:break-word;} #footer .footer-col input[type="text"] { width:57%; font-size:13px;} #footer .footer-col h3 { font-size:15px;} section .client-logo .icons{ width:18%; text-align:center;} .product-bottom{ width:auto;} .product-bottom .speciality-box { margin-right: 22px; width: 30.3%; } .review h2{margin-bottom:32px !important;} div#carousel, div#carouselTab{width:730px;} div#carouselPointer{width:45% !important;} div#carousel{margin-top:-10px;} div#carouselPointerContent{ background:#42386d;} .app-feature-row .app-feature-col img { float:none; text-align:center; margin-left:auto; margin-right:auto; display:block;} .review h2 { position:relative; z-index:9999;} .management .management-feature .time-feature-row p { overflow:hidden;} } @media screen and (max-width:64.000em) and (min-width:61.250em) { .review{ height:auto;} .management .management-banner, .home-features .feature-post-row .home-feature-content, .home-feature-content-left { width:55%;} .management .management-feature { width:40%;} .management .management-feature .time-feature-row { margin-bottom:26px;} #footer .footer-col h3 { font-size:18px;} #footer .footer-col { width:16%;} .home-features .feature-post-row .home-feature-content img, .home-feature-content-left img.left {right:-105px !important;} .home-feature-content-left img.left{left:-108px !important;} #header .header-main{ padding:50px 0;} #header .header-main .logo{float:left; width:auto;} #header .header-main .site-nav{ float:right; } #header .header-main .site-nav ul li a.sign{ margin-top:10px; color:#ffffff; line-height:50px;} .blog-head .post-listing ul li{ padding:15px; font-size:16px;} .blog-head .post-listing h2{ margin-bottom:10; padding:7px;} #header .header-main .site-nav ul li:hover .sub-mainsupport{left:154px;} .review h2 { position:relative; z-index:9999;} .management .management-feature .time-feature-row p { overflow:hidden;} } @media screen and (max-width:1280px) {#header .header-main .site-nav ul li:hover .sub-mainsupport{left:154px;}} @media screen and (max-width:1366px) { #header .header-main .site-nav ul li:hover .sub-mainsupport{left:155px !important; } #header .header-main .site-nav ul li:hover .sub-maincompany{ left:-63px !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { #header .header-main .site-nav ul li:hover .sub-maincompany{ left:-64px !important;} #header .header-main .site-nav ul li:hover .sub-mainsupport{left:154px !important; } #header .header-main .site-nav ul li:hover .sub-maincustomer { left:257px !important;} } } @media screen and (max-width:1920px) { #header .header-main .site-nav ul li:hover .sub-mainsupport{left:151px;} #header .header-main .site-nav ul li:hover .sub-maincompany{ left:-64px;} @media screen and (-webkit-min-device-pixel-ratio:0) { } } /* ==================================================================================================== STYLE 2017 ==================================================================================================== */ body { font-family: lato; } /*TYPOGRAPHY*/ .typography-big-bold-claim h1, #homepage-hero-copy h1, #shuttle-timer #shuttle-timer-counter .shuttle-timer-counter-value, .vanity-number, #content h1 { font-family: Panton-ExtraBoldItalic; } .california-inner { font-family: lato; } .california-inner h3, h2.feature-heading { font-size: 36px; line-height: 1.22em; font-weight: 300; color: rgba(17,42,72,1); } .california-inner p, .california-inner ul, .california-inner li { font-weight: 300; font-size: 24px; } .california-inner p { line-height: 1.41em; margin: 1em 0; color: rgba(17,42,72,1); } section.open-copy {} .open-copy a { color: rgba(255,53,108,1); font-weight: 500; } .open-copy a:hover { text-decoration: underline; } .open-copy a.button-big-bold, .open-copy a.button-big-bold:hover { text-decoration: none !important; } .open-copy ul li { list-style: disc; margin: 0.5em 1em; padding: 0; } /* ---- Section Hero*/ .section-hero { text-align: center; } .section-hero h2, h2.section-hero { font-size: 64px; line-height: 1.13em; font-weight: 300; color: #2095f2; } .section-hero p, p.section-hero { font-size: 28px; line-height: 1.45em; margin: 1.5em; } /*Buttons*/ a.button:hover { text-decoration: none; } /*Layout Spacing*/ .site-aligner{ width:1170px; margin:0 auto; padding:0;} .site-aligner section { padding-left: 0; padding-right: 0; } section.open-copy { padding-top: 150px; } section.open-copy .row .col { padding: 0 1.5rem; } /* Tighten up the columns */ section.tight-copy { padding: 0; } /* ---------------------------------------- LARGER (Material:L / Desktop) ---------------------------------------- */ @media screen and (max-width: 1170px) { .site-aligner { width: auto; padding: 0 20px; } } /*Images*/ .responsive-img { margin-top: 0; } /* Hero Splash Full Width */ .splash-full-width { height: 800px; background-size: cover; z-index: 10; position: relative; } .splash-full-width:before { content: " "; display: block; position: absolute; z-index: 1; height: 100%; top: 0; left: 0; right: 0; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25) ); } .splash-full-width-content { position: relative; z-index: 20; } .typography-big-bold-claim { min-height: 750px; display: flex; align-items: center; } .typography-big-bold-claim h1 { font-weight: 800; text-transform: uppercase; font-size: 72px; line-height: 1.13em; /* font-style: italic; */ } .typography-big-bold-claim p { font-size: 36px; font-weight: 300; font-style: italic; } a.button-big-bold { background-color: #29b6f6; color: #ffffff; padding: 1em 3em; font-size: 22px; text-transform: uppercase; border-radius: 3em; display: inline-block; margin: 1.5em 0; font-style: normal; text-align: center; min-width: 33%; text-decoration: none; } section#splash-hero { padding: 0; } /* Page Specific Styling */ div#splash-roi { background-image: url('/wp-content/uploads/2017/04/calculator-on-desk.jpg'); position: relative; } h1 .super-headline, h2 .super-headline, h3 .super-headline { display: block; line-height: 1.57em; text-transform: uppercase; font-weight: 400; margin-bottom: 1em; letter-spacing: 1px; opacity: 0.66; font-family: lato; } .super-headline:after { content: ' '; } h1 .super-headline { font-size: 20px; opacity: 1.0; font-style: italic; } h2 .super-headline { color: #112a48; font-size: 20px; } h3 .super-headline, h2.feature-heading .super-headline { font-size: 14px; font-weight: 600; margin: 0.75em 0; color: #2095f2; letter-spacing: 1px; } /* ---------------------------------------- MEDIUM AND SMALLER (Material:M+S / iPadish) ---------------------------------------- */ @media only screen and (max-width: 992px) { .california-inner .row .col { padding: 0 0.75rem; } .responsive-img { margin-top: 0em; } .section-hero p { margin-left: 0; margin-right: 0; } } /* ---------------------------------------- SMALL (Material:S / iPhone) ---------------------------------------- */ @media only screen and (max-width: 600px) { div.splash-full-width { height: 550px; text-align: center; } div.typography-big-bold-claim { min-height: 540px; } div.typography-big-bold-claim h1 { font-size: 38px; } div.typography-big-bold-claim p { font-size: 20px; } div.typography-big-bold-claim a.button { width: 100%; padding: 1em; font-size: 20px; margin: 1em 0; } h2 .super-headline { font-size: 16px; } h3 .super-headline { font-size: 12px; color: #112a48; opacity: 0.5;} .california-inner { text-align: center; } .california-inner ul, .california-inner li { text-align: left; } .california-inner h3 { font-size: 26px; } .california-inner p { font-size: 18px; } .section-hero { font-size: 12px; } .section-hero h2 { font-size: 42px; } .section-hero p { font-size: 22px; } } /* CUSTOMER LOGOS*/ section#customers { background: rgba(032,149,242,0.10); /* ct_blue */ background: rgba(250,237,080,0.12); /* ct_yellow */ background: rgba(255,053,106,0.10); /* ct_pink */ background: rgba(017,042,072,0.12); /* ct_dark blue */ background: rgba(255,151,034,1.00); /* ct_ornage */ background: rgba(190,202,213,1.20); /* ct_grey02 */ background: rgba(136,156,175,0.12); /* ct_grey03 */ background: rgba(237,244,252,1.00); /* ct_grey01 */ background: rgba(0,0,0,0.050); padding: 30px 0; } section#customers .customers-container .col { display: flex; align-items: center; justify-content: center; padding: 5% 5%; height: 80px; } section#customers .customers-container img { max-width: 100%; } /*TESTIMONIAL BLOCK*/ .testimonial-full-wide { display: flex; justify-content: center; align-items: stretch; overflow: hidden; font-size: 36px; } .testimonial-full-wide .testimonial-image { width: 50%; } .testimonial-full-wide .testimonial-words { width: 50%; } .testimonial-full-wide .testimonial-image {background: url('https://unsplash.it/1600/1600?image=823'); background-size:cover; } .testimonial-full-wide .testimonial-words {display: flex; align-items: center; background: rgba(32,149,242,0.05);} .testimonial-full-wide .testimonial-words .quote-container { margin: 2em; max-width: calc(1170px/2); } .testimonial-words .quote-container p.quote-copy { font-size: 1em; margin: 0 0 1em; } .testimonial-words .quote-container p.quote-customer { font-size: 0.5em; margin: 0.5em 0; } /* Encircled Testimonials */ .testimonial-encircled { display: flex; justify-content: center; align-items: center; } .testimonial-encircled .testimonial-image, .testimonial-encircled .testimonial-image img { border-radius: 50%; text-align: center; } .testimonial-encircled { font-size: 36px; } .testimonial-encircled .testimonial-image {width: 25%;} .testimonial-encircled .testimonial-words {width: 75%;} .testimonial-encircled.sm-adcopy { font-size: 20px; } .testimonial-encircled.sm-adcopy .testimonial-image {width: 15%; } .testimonial-encircled.sm-adcopy .testimonial-words {width: 85%;} .testimonial-encircled.sm-adcopy p.quote-copy { margin: 0 0 0.5em; color: rgba(17,42,72,0.75); font-style: italic; } .testimonial-encircled.sm-adcopy p.quote-customer { font-size: 0.66em; margin: 0; color: rgba(17,42,72,0.5);} .testimonial-encircled .testimonial-words .quote-container { padding: 5%; } /* ---------------------------------------- MEDIUM AND SMALLER (Material:M+S / iPadish) ---------------------------------------- */ @media only screen and (max-width: 992px) { .testimonial-words .quote-container p.quote-copy { font-size: 30px; margin: 0.5em 0; } .testimonial-full-wide .testimonial-image {width: 33%; } .testimonial-full-wide .testimonial-words {width: 66%; } } @media only screen and (max-width: 600px) { .testimonial-full-wide .testimonial-words { width: 100%; } .testimonial-words {width: 100%; } .testimonial-words .quote-container p.quote-copy { font-size: 28px; margin: 0.5em 0; } .testimonial-encircled .testimonial-words {width: 100%;} } /* FEATURE BUCKETS*/ .feature-buckets { text-align: center; } .feature-buckets .row .col { padding: 12px; } .feature-buckets h3 { font-weight: 400; } .feature-buckets p { font-size: 20px; } .feature-buckets ul { text-align: left; font-size: 18px; font-weight: 300; list-style: disc; margin: 1em 1em; padding: 0; } .feature-buckets ul li { list-style: disc; margin: 0.5em 0; padding: 0; font-size: 18px; } .feature-buckets .material-icons { font-size: 100px; } .feature-buckets h3, .feature-buckets .material-icons { color: rgba(032,149,242,1.0); } /* CHROME HOVER BUG FIX 20170530 */ .hoverable:hover { transition: box-shadow .25s; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 0 0 0 rgba(0, 0, 0, 0); } .card-action a { font-size: 18px; font-weight: 500; color: rgba(255,53,106,1); } .pink-text { color: rgba(255,53,106,1) !important; } /* COLLECTION TILES CARDS */ .collection .collection-header h4 { font-size: 20px; text-transform: uppercase; color: rgba(17,42,72,1); } .collection a.collection-item { font-size: 20px; font-weight: 300; color: rgba(17,42,72,1); padding-top: 15px; padding-bottom: 15px; text-decoration: none; } .collection a.collection-item:not(.active):hover { background-color: rgba(32,149,242,0.05); color: rgba(32,149,242,1.0); } .collection a.collection-item { } /*FAQ SECTIONS*/ ul.faq-collection li { margin-bottom: 1em; } ul.faq-collection li h3 { font-size: 24px; margin: 0.5em 0 0; } ul.faq-collection li p { font-size: 18px; margin: 0.5em 0;} /*CAROUSEL TAB STYLING*/ .tabs.tabs-ct { background: transparent; overflow-x: hidden; } .tabs.tabs-ct .tab a { color: #cccccc; font-size: 24px; font-weight: 300; } .tabs.tabs-ct .tab a:hover, .tabs.tabs-ct .tab a.active { color: #2095f2; text-decoration: none; } .tabs.tabs-ct .indicator { background-color: #2095f2; /* height: 2px;*/ } .rwd-line { display: block; } /* ---------------------------------------- SMALL (Material:S / iPhone) ---------------------------------------- */ @media only screen and (max-width: 600px) { .rwd-line { display: inline; } } .bg-blue-light { background: rgba(237,244,252,1); } .bg-blue-xlight { background: rgba(237,244,252,0.5); } .testimonial-block.tight-copy { background: rgba(032,149,242,0.05); padding: 3em 0; } a.clear-link { color: inherit; } img.figure-margin { margin-top: 1.5em; margin-bottom: 1.5em; } img.figure-depth { box-shadow: 0px 0px 10px rgba(0,0,0,0.15); } img.figure-padding { padding: 15px; } .testimonial-encircled .testimonial-image img.uncircled { border-radius: 0; padding: 15px; } img.uncircled { border-radius: 0; } /*Vertical Pages*/ div.layout-section-splash div#hero-copy h1 { font-family: Panton-ExtraBoldItalic; text-transform: uppercase; font-size: 72px; color: #2095f2; text-align: center; line-height: 1.15em; } div.layout-section-splash div#hero-copy p { font-size: 32px; font-weight: 300; line-height: 1.3em; text-align: center; margin: 1em 0 2em; } .verticals .card .card-content .card-title, .product-inner .card .card-content .card-title, .main-inner .card .card-content .card-title { display: inline; } .main .main-inner h1, .product .product-inner h1 { word-spacing: 0.05em; } img.resource-screenshot-cta:hover { transition: 0.5s all ease-in-out; transform: scale(1.05); } /* ---------------------------------------- SECTION STYLES SINCE CALIFORNIA WIDE ---------------------------------------- */ /* CONTAINER FLOATS WITHIN MATERIAL - TABLET AND LARGER ONLY - MIMICS COLUMN WIDTHS */ @media only screen and (min-width: 601px) { div.float-right-med-and-up { width: 48%; float: right; margin-left: 30px; } div.float-left-med-and-up { width: 48%; float: left; margin-right: 30px; } } /* FAQ STYLES */ div.faq-block li { margin: 4rem 0; } div.faq-block h3 { margin: 1rem 0 0.5rem; padding: 0; } div.faq-block p { margin: 1rem 0 0.5rem; padding: 0; } @media only screen and (max-width: 992px) { div.faq-block ul, div.faq-block ul li { list-style: none; } } /* BOXED PROMOS + UPSELLS */ div.boxed-promo { padding: 4rem; margin: 3rem 0; } div.boxed-promo h3 { color: rgba(32,149,242,1); font-weight: 400; } @media only screen and (max-width: 992px) { div.boxed-promo { padding: 0.5rem 1rem; margin: 2rem 0; } } /* INSTRUCTIONS / HOW TOs */ div.instruction-block li { margin: 2rem 0; } div.instruction-block h3 { margin: 3rem 0 1.5rem; padding: 0; } div.instruction-block p { margin: 1rem 0 0.5rem; padding: 0; } @media only screen and (max-width: 992px) { div.instruction-block * { text-align: left; } div.instruction-block ol * { text-align: left; } } /* BULLETED COLLECTION */ ul.bulleted-collection li { margin:1em 0; padding:0; } ul.bulleted-collection li h3 { margin: 1.5em 0 0.33em; font-size:36px; line-height: 1.22em; } ul.bulleted-collection li p { margin:0.5em 0 0.66em; font-size:24px; line-height: 1.41em; } ul.bulleted-collection-emphasized h3 { font-weight:400; } /*Cookie Consent*/ .has-cookie-bar #catapult-cookie-bar { box-shadow: 0 3px 3px rgba(0,0,0,0.1); } /*Splash Squish - Shorter Hero*/ .splash-hero-squish .typography-big-bold-claim { min-height: 500px;} .splash-hero-squish .splash-full-width {height: 500px;} .splash-hero-squish .typography-big-bold-claim h1 {font-size: 64px;} /* ---------------------------------------- SMALL (Material:S / iPhone) ---------------------------------------- */ @media only screen and (max-width: 600px) { .splash-hero-squish .typography-big-bold-claim h1 {font-size: 38px;} } /*Case Study Page Styling*/ .case-study-metrics-row { border-bottom: 3px solid #eee; margin-bottom: 60px; } .case-study-metrics { display: flex; justify-content: space-between; margin: 5px 0; padding: 0; border-radius: 2px; } .case-study-metrics h2 { display: flex; align-items: center; font-size: 18px; text-transform: uppercase; margin-right: 30px; flex-grow: 1; } .case-study-metrics p { display: flex; align-items: center; font-size: 20px; line-height: 1.2em; flex-grow: 12; } .case-study-metrics p span { font-size: 52px; font-weight: 800; margin: 0 15px 0 30px; color: #666; } .case-study-content h2 { font-size: 42px; line-height: 1.15em; margin: 1.5em 0 0;} .case-study-content p { font-size: 20px; line-height: 1.75em; margin: 1.25em 0; } .case-study-content .testimonial-words .quote-container p.quote-copy { font-size: 2rem; line-height: 1.3em; font-style: italic; font-weight: 400; color: rgba(32,149,242,0.75); } /*Case Study Page - Sticky Side Bar Styling*/ .cs-sidebar { position: -webkit-sticky; position: sticky; top: -1em; } .cs-sidebar .cs-sidebar-header, .cs-sidebar .cs-sidebar-body { padding: 15px; } .cs-sidebar .cs-sidebar-header { background: #eee; } .cs-sidebar .cs-sidebar-header h2 { font-size: 1.5rem; margin: 0; } .cs-sidebar .cs-sidebar-header p { font-size: 1.1rem; margin: 0.5em 0 0; font-weight: 800; } .cs-sidebar .cs-sidebar-header p a { color: #666; } .cs-sidebar .cs-sidebar-body { background: #f6f6f6; } .cs-sidebar .cs-sidebar-body ul, .cs-sidebar .cs-sidebar-body ul li { list-style: disc; } .cs-sidebar .cs-sidebar-body ul { margin-top: 0.5em; padding-left: 1em; } .cs-sidebar .cs-sidebar-body ul li { font-size: 16px; line-height: 1.15em; margin: 1em 0; } .cs-sidebar .cs-sidebar-body h3 { font-size: 18px; margin: 0.5em 0 0; color: #666; } .cs-sidebar .cs-sidebar-cta { background: #fff; border: 2px solid #2095f2; padding: 15px; margin-top: 15px; } .cs-sidebar .cs-sidebar-cta h2 { margin: 0.33em 0; font-size: 24px; line-height: 1.3em; color: #112a48; } .cs-sidebar .cs-sidebar-cta p { font-size: 18px; line-height: 1.15em; } .cs-sidebar .cs-sidebar-cta .button-big-bold { font-size: 16px; margin: 10px 0; border-radius: 2px; background-color: #2095f2; }