/* Theme Name: Cayse Theme URI: http://shop.playnethemes.com Description: Cayse is a beautiful, simple & sleek way to showcase your product to the masses. All focus on your product with a sleek layout. Author: Playne Themes Author URI: http://shop.playnethemes.com Version: 1.1 Tags: White, Black, white, one-column, responsive-layout, custom-background, custom-menu, theme-options, translation-ready License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* Index of this css file ------------------------- 1. Resets 2. Basics 3. Animations 4. Header 5. Navigation 6. Wrapper & main section 7. Footer 8. Blog & wordpress essentials ------------------------*/ @font-face { font-family: 'spendsmart-bold'; src: url('/wp-content/themes/Cayse/includes/fonts/spendsmart-bold-webfont.eot'); src: url('/wp-content/themes/Cayse/includes/fonts/spendsmart-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/Cayse/includes/fonts/spendsmart-bold-webfont.woff') format('woff'), url('/wp-content/themes/Cayse/includes/fonts/spendsmart-bold-webfont.ttf') format('truetype'), url('/wp-content/themes/Cayse/includes/fonts/spendsmart-bold-webfont.svg#arimobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'spendsmart-bold'; src: url('/wp-content/themes/Cayse/includes/fonts/spendsmart-regular-webfont.eot'); src: url('/wp-content/themes/Cayse/includes/fonts/spendsmart-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/Cayse/includes/fonts/spendsmart-regular-webfont.woff') format('woff'), url('/wp-content/themes/Cayse/includes/fonts/spendsmart-regular-webfont.ttf') format('truetype'), url('/wp-content/themes/Cayse/includes/fonts/spendsmart-regular-webfont.svg#arimoregular') format('svg'); font-weight: normal; font-style: normal; } /* 1. RESETS ----------------------------------- */ /* Fix for google chrome bug with custom fonts */ body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } } html, body { overflow-x: hidden; } i, cite, em, var, address, dfn { font-style: normal; } html { position: relative; -webkit-font-smoothing: anti-antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .clearfix { *display: inline-block; height: 1%; } ul { display: block; list-style-type: disc; padding-left:0px; } ol { padding-left:22px; } ol li { list-style-type:decimal; } ul ul, ul ol, ol ul, ol ol { padding: 0 0 0 25px; margin: 1.5% 0 0 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .offed { margin-bottom:20px !important; } :focus { outline: 0 } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } ul { display: block; list-style-type: none; } .post-content ul h3{ border-top: 1px dotted #ccc; padding-top: 11px; color: #000; font-weight: bold; font-size: 17px; letter-spacing: -0.8px; text-transform:none; font-family:'Open Sans', Helvetica, sans-serif;} /* 2. BASICS ----------------------------------- */ body { font-family: 'Open Sans', Helvetica, sans-serif; color: #818B92; font-size: 15px; line-height: 1.8; font-weight:300; } .hidden { display:none !important; } .boxed { margin:80px auto; max-width:1040px; } #content { background:#FFF; padding: 20px 0; } .float-left { float:left; } .float-right { float:right; } strong a { color:#858C91; } .more-link { color:#aaa; } a { text-decoration: none; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; transition: .07s ease-in; } a:hover{text-decoration:underline;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#343434; } h1, h2, h3, h4, h5 { font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; color:#000; position:relative; text-transform:uppercase; text-rendering: optimizelegibility; } .flexslider-blockquote h4 { margin-bottom:10px; } .flexslider-blockquote p { margin:0px auto; width:80%; } h1 { font-size: 34px; line-height: 50px; } .single h2 { margin-bottom:0px; } .single header { margin-bottom:30px !important; } .single .entry-content { padding-bottom:30px; } h2 { font-size: 18px; line-height: 19px; } h3 { font-size: 16px; line-height: 21px; } h4 { font-size: 14px; line-height: 22px; } h5 { font-size: 10px; line-height: 18px; } h6 { font-size: 8px; font-weight: 400; } .post-content p{color:#000; margin-bottom:24px !important; font-size:14px;} #header .columns { text-align:center; position:relative; } .row { width: 90%; max-width: 960px; margin: 0 auto; position:relative; } .row i { vertical-align:middle; position:relative; line-height:inherit; } .row-header { padding:0; width:80%; max-width:960px; } .row img { max-width:100%; height:auto; vertical-align: bottom; position:relative; z-index:0; } .one-half { width: 47%; } .one-third { width: 29.33%; } .two-third { width: 64.67%; } .one-fourth { width: 20%; } .three-fourth { width: 74%; } .one-fifth { width: 16.8%; } .two-fifth { width: 37.6%; } .three-fifth { width: 58.4%; } .four-fifth { width: 67.2%; } .one-sixth { width: 13.33%; } .five-sixth { width: 82.67%; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth,.three-fifth, .four-fifth, .one-sixth, .five-sixth { position: relative; margin-right: 6%; margin-bottom: 0px !important; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faded { background:url(images/bg5.png); height:100%; width:100%; position:relative; } .contact { position:relative; z-index:1; } .news { text-align:center; } .news i { font-size: 18px; color: #7BC3D1; } .news .one-third img, .news .one-third fitvid { margin-bottom:30px; } .news .one-third:nth-child(3n+3) { margin-right:0; } .column-last { margin-right: 0!important; clear: right; } .left { text-align:left !important; background: none !important; padding-top:0px !important; } .row p { margin-bottom:12px; } .format-quote p { margin-bottom:0px !important; } .format-quote i { float:left; padding-right:10px; } .row p:last-child { margin-bottom:0px; } .bottomnone { padding-bottom:0px !important; margin-bottom:0px; } .centered { text-align: center; } .clear { padding: 20px; } .skillbar-title { font-weight:normal; } #header .button, #footer .button { margin: 0px 20px; padding: 12px 24px; border: 1px solid #fff; background: none; display: inline-block; margin-bottom: 0px; margin-top: 10px; font-weight: bold; letter-spacing: 2px; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; line-height: 22px; cursor: pointer; width: auto; letter-spacing: 2px; color: #fff; text-transform: uppercase; font-size: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } #header .button:hover, #footer .button:hover { background:#7bc3d1; border:1px solid #7bc3d1; } .button, .button.normal { padding: 9px 12px; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform:uppercase; background:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } .button, .button.white { padding: 9px 12px; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform:uppercase; background:none; border:1px solid #FFF; color:#FFF; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } .button:hover, .button.normal:hover { color:#FFF; } .message_box-gray { border:1px solid #f6f6f6; } .odd .message_box-gray { border:1px solid #EEE; background:rgba(0,0,0,0.02); } .wpcf7 p { font-size: 14px; font-weight: normal; font-family:'open sans', Arial, Helvetica, Geneva, sans-serif; } .wpcf7-text, .wpcf7-textarea, .wpcf7-quiz, .wpcf7-select { padding: 0px 8px; font-weight: 400; font-size: 15px; color: #000; text-shadow: 1px 1px 0 rgba(256,256,256,1.0); background-color: #fff; border: 1px solid #fff; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); height: 40px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .wpcf7-select{ line-height: 1.3em; padding: 10px;} .wpcf7-textarea{width:97%; min-height: 120px;} input:hover{background: #d6e3e6; color: #000;} option{padding:4px 8px; color:#000} .post-content form b{color:#000;} .wpcf7-text, .wpcf7-textarea { color: #777; border: none; background:url(images/bg2.png) repeat; background: rgba(0, 0, 0, 0.02); font: 16px/22px 'open sans', Arial, Helvetica, Geneva, sans-serif; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wpcf7-text{height: 43px;} div.wpcf7-validation-errors { background-color: #ffcccc; color: #c31b00; padding:30px; border:none; } div.wpcf7-mail-sent-ok { border:none; padding:30px; background-color: #d1f7b6; color: #5e9537; } #header .email, #footer .email { margin-top:10px; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height:22px; padding:12px 24px; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; letter-spacing:2px; text-transform:uppercase; border:1px solid #FFF; background: none; color:#FFF !important; min-width:250px; margin-right:10px; } ::-webkit-input-placeholder { color:#fff; } ::-moz-placeholder { color:#fff; } /* firefox 19+ */ :-ms-input-placeholder { color:#fff; } /* ie */ input:-moz-placeholder { color:#fff; } .button.yellow { background: none; border:1px solid #fdebae; color: #fdebae; } .button.yellow:hover { background: #fdebae; } .button.red { background: none; border:1px solid #ffcccc; color: #ffcccc; } .button.red:hover { background: #ffcccc; } .button.green { background: none; border:1px solid #d1f7b6; color: #d1f7b6; } .button.green:hover { background: #d1f7b6; } .button.blue { background: none; border:1px solid #c2ddf9; color: #c2ddf9; } .button.blue:hover { background: #c2ddf9; } .button.dark { color: #666; background: none; border:1px solid #666; } .button.dark:hover { background: #666; border:1px solid #666; } .button.light { color: #999; background: none; border:1px solid #999; } .button.light:hover { background: #999; border:1px solid #999; } .ui-widget-content { border: 1px solid #aaaaaa; background: none; color: #222222; } /* Preloader */ #preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#161d21; /* change if the mask should have another color then white */ z-index:99; /* makes sure it stays on top */ } #status { width:200px; height:100px; float:none; vertical-align:middle; text-align:center; position:absolute; left:50%; /* centers the loading animation horizontally one the screen */ top:50%; /* centers the loading animation vertically one the screen */ margin:-50px 0 0 -100px; /* is width and height divided by two */ } #status .logo { line-height:100px; position:relative; float:none; text-align:center; } #status .logo a { -webkit-animation: glow 2s infinite; -moz-animation: glow 2s infinite; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } /* 3. ANIMATIONS ----------------------------------- */ /* Animations */ .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;} @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownSlower { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 20% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownSlower { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 20% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownSlower { -webkit-animation-name: fadeInDownSlower; animation-name: fadeInDownSlower; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .cbp-so-init .cbp-so-side { opacity: 1; } .cbp-so-side { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .cbp-so-side-video { z-index: 999; overflow: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .cbp-so-side-img { opacity: 0.5; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .cbp-so-section.cbp-so-animate .cbp-so-side-left, .cbp-so-section.cbp-so-animate .cbp-so-side-right { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .cbp-so-section.cbp-so-animate .cbp-so-side-bottom { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .cbp-so-init .cbp-so-side { opacity: 0.5; -webkit-transition: none; -moz-transition: none; transition: none; } /* .cbp-so-init .cbp-so-side-left { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); transform: translateX(-30px); } .cbp-so-init .cbp-so-side-right { -webkit-transform: translateX(30px); -moz-transform: translateX(30px); transform: translateX(30px); } .cbp-so-init .cbp-so-side-bottom { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); transform: translateY(30px); } */ .cbp-so-side:before, .cbp-so-side:after { content: " "; display: table; } .cbp-so-side:after { clear: both; } .cbp-so-side-right { } .cbp-so-side-left { } .cbp-so-side-right img { float: left; } .cbp-so-side-left img { float: right; } .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;} @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } /* 4. HEADER ----------------------------------- */ #breadcrumbs li { float:left; list-style:none; padding-left:5px; } #fade-overlay { background:#000; position:relative; z-index:1; } .headerimage { padding-top:50px; width:100%; text-align:center; } .header-showcase { } #crumbs { list-style:none; float:right; line-height:32px; } #crumbs li a { color:#303333; } .backstretch { background-attachment: fixed; } .special div { position:relative; } .totop { float:right; padding:10px 0; padding-left:30px; font-size:12px; line-height:60px !important; color:#FFF; vertical-align:middle; } .totop i { vertical-align:middle; } .socials li { margin-left:0px; display:inline-block; vertical-align:middle; } .footer-below .socials li { line-height:20px; } .z-d { position:relative; top: 30px; padding: 0 12px 0 0; max-width: 960px; width: 100%; } #overlay { background: rgba(0,0,0,0.25); overflow: hidden; height: 100%; z-index: 2; } .socials { position:relative; line-height:27px; padding-left:0px; } .default { padding-bottom:20px; } .socials a { color:#b5b4b4; font-size:24px; padding-left:10px; } .socials a i { vertical-align:middle; } .socials a:hover { color: transparent !important; text-shadow: 0px 0px 2px #b5b4b4; text-decoration:none; -webkit-transition: all 200ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .button-down { margin:0px 20px; padding: 12px 24px; border: 1px solid #fff; background: none; display: inline-block; margin-bottom: 0px; margin-top: 10px; font-weight: bold; letter-spacing:2px; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; line-height: 22px; cursor: pointer; width: auto; letter-spacing:2px; color: #fff; text-transform:uppercase; font-size:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .main-button { border-color:#FFF; background-color: #1f9bde; } .button-down:hover, .button-hover { background:#7bc3d1; border:1px solid #7bc3d1; } .button-down i { vertical-align:middle; } .sharing { float:right; list-style:none; margin: 0 12px 0 0; } .footer-below .sharing{clear:both;} .sf-menu .default, .sf-menu .default:hover, .sf-menu ul .default { background:none !important; color:#FFF !important; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none !important; } .sf-menu li { list-style:none !important; position: relative; margin-bottom:0px !important; } .sf-menu ul { list-style:none; position: absolute; display: none; top: 100%; left: 0; z-index: 999; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu li i { padding-right:5px; vertical-align:middle; } .sf-menu { float: left; } .sf-menu ul { box-shadow: 0px 0px 1px rgba(0,0,0,.05); background:rgba(0,0,0,0.2); min-width: 10em; /* allow long menu items to determine submenu width */ *width: 10em; /* no auto sub width for IE7, see white-space comment below */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sf-menu a { padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { color: #fff; } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu li:hover, .sf-menu li.sfHover { color:#FFF; background: #152126; /* only transition out, not in */ -webkit-transition: none; transition: none; } #footer .columns h2 { font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; font-size: 22px; margin-bottom:15px; line-height: 27px; text-align: center; color: #FFF; text-transform: uppercase !important; font-weight: bold; } #header h2, .flexslider h1 { font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; font-size:35px; line-height:40px; margin-bottom:15px; margin-top:0px; text-align:center; color:#FFF; text-transform:uppercase !important; font-weight:bold; } #header, #footer { background-color:#161d21; } .header-shrink, .header { background:#7BC3D1; } .coming-soon #header { } #header { background-color: #000; padding:0; background-position-x:center !important ; position:relative; padding: 28px 0 0 0; } .header-wrap-overlay { height: inherit; } .blog #header .extra, .single #header .extra { padding-top:50px; padding-bottom:100px; } .home #header .extra { padding-top:70px; } #header .extra { padding-top:30px; display:block; margin-bottom:0px; } #header .extra-padding { padding-bottom:150px; } .seperator { color:#FFF; opacity:0.5; } #header .lead, #footer .columns .lead, .flexslider p { color: #FFF; opacity:0.9; width:70%; margin:0 auto; text-transform:none; font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif; font-weight:bold; margin-bottom:15px; font-size:14px; text-align:center; letter-spacing:3px; } #footer-inside .lead{letter-spacing: 0px !important; font-weight: normal !important; font-family: 'Open Sans', Helvetica, sans-serif !important; font-size: 14px !important; } /* 4. NAVIGATION ----------------------------------- */ .nav { float:right; } .back { float:right; } nav .logo { float:left; z-index: 900; } nav .logo { font-size: 15px; } .logo { font-family:'spendsmart-bold', sans serif; font-size: 17px; line-height:27px; font-weight: 400; letter-spacing: 7px; text-transform:uppercase; color:#FFF; float:left; position:relative; margin: 0 0 0 34px; } . { font-family:'spendsmart-bold', sans serif; font-size: 12px; line-height:27px; font-weight: 400; letter-spacing: 7px; text-transform:uppercase; float:left; text-align:left; position:relative; width:188px; } . a { color:#FFF !important; } .logo a { color:#fff; padding: 0; line-height:27px; } .logo .left { padding:10px 0; } .logo a:hover, . a:hover { color: transparent !important; text-shadow: 0px 0px 5px white; -webkit-transition: all 200ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .nav a, .totalSubs { font-size: 11px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: normal; letter-spacing: 1.5px; color: #58585a; padding: 0 12px; display: inline-block; line-height: 100px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; vertical-align:middle; } .nav a:hover { cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color:#e96424 !important; } .nav-footer { padding-bottom:0px; float:right; text-align:right; line-height:20px; } .nav-footer li { list-style:none; display:inline-block; } .nav-footer a { border:1px solid #5db0c6; font-size: 10px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; color: #FFF; padding: 0; padding-left:20px; padding-right:0px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; vertical-align:middle; } .nav-footer a:hover { cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color:#FFF; } .back li { list-style:none; } .back a { font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; color: #FFF; padding: 0; padding-left: 30px; display: inline-block; line-height: 100px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; vertical-align: middle; } .back a:hover { cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color:#e95855; } /* .header-shrink #nav a.selected, .header-shrink #nav a:hover { color:#5db0c6; } */ .nav > li { float: right; position: relative; padding: 10px 0; } .nav, .nav ul { margin: 0 0 0 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; } .nav li { display:block; position: relative; float:left; } .nav li:last-child { margin-right: 0; } .nav ul { position: absolute; display: none !important; width: 180px; top: 60px; border-radius:2px; padding-bottom:5px; right: 0px; padding-top: 28px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .nav .sub-menu .current-menu-item a { border-bottom:none; color:#FFF; } .nav li ul { z-index:1000; } .nav li ul li { padding: 0 20px; padding-right:20px; background-color: #161d20; background-image: url(images/bg1.png); z-index:1000; text-align:left; } .back > li { float: right; position: relative; padding: 10px 0; } .topNav .nav li ul a, .topNav.nav li ul li a { width: 208px; height: auto; float: left; border-radius: 2px; padding: 6px 13px; font-size: 12px; font-family: "spendsmart-bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0px; color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 1.3em; } .nav li ul li:first-child a { padding-top:10px; border-top: none; } .nav li .current-menu-item ul li a { border-bottom: none !important; color:#FFF; } .nav li ul li:last-child { padding: 0 20px; } .nav li ul li .current-menu-item { border-bottom: none !important; color:#FFF !important; } .nav li ul a { border-bottom:none!important; } .nav li ul a:hover { height: auto; float: left; color:#FFF; border:none; background: #323232; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .nav li ul li:last-child { border-bottom: none; } .nav li ul li ul { padding: 0; } .nav ul ul { top: auto; } .nav li ul ul { left: 150px; margin: 0 0 0 10px; } .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul { display: none; } .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul { display: block; } .menu{} .header { position: fixed; top: 0; left: 0; width: 100%; z-index:500; background: none; display:none; height: 80px; opacity:0; overflow: hidden; } .header .logo { padding:20px 0px; position:relative; max-height:40px; line-height:40px; } .header .logo { max-height:40px; } #header .logo-image { padding-top:10px; } #dynamic #nav a { line-height: 60px; } .header #nav a { line-height: 100px; } .header-shrink .logo { padding:0px; position:relative; max-height:50px; line-height:50px; } .header-shrink img{display:none} .header .logo, .header #nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .header-shrink { height: 60px; opacity: 0.93; background-color: #161d21; background-image:url(/assets/SpendsmartNetworksLogosm.png); background-repeat:no-repeat; background-position: 7% 0px; display:none; } /* Mobile navigation */ .collapse-menu-bg { background:#000; } #collapse { background:#333; } .collapse-darker { padding:0px 0; background-color:#151515; } #collapse ul { padding-left:0px; margin:0px; } .mobile-menu { display:none; } .mobile-menu-inner .nav-mobile li { color: #fff; display: inline-block; position:relative; margin:0; font-weight: 400; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; line-height: 20px; cursor: pointer; width: auto; letter-spacing: 2px; color: #fff; text-transform: uppercase; font-size: 16px; width:100%; text-align:center; padding: 12px 20px 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile-menu-inner .nav-mobile .sub-menu li:hover { background-color:#323232; } .mobile-menu-inner .nav-mobile li:hover a { color: #fFF; } .mobile-menu-inner .nav-mobile li a { color: #FFF; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-menu-inner .nav-mobile li ul{ font-size:12px; background-color:#242424; } .nav-mobile .sub-menu li{ font-size: 100%; padding-bottom: 10px; border-bottom: 1px solid #000;} .nav-mobile .sub-menu li a{color:#f4f4f4;} #collapse { display:none; } .mobile-menu h3 { font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; padding:15px 0; margin-bottom:0px; color: #FFF; position: relative; font-size:12px; text-align:center; } /* 5. WRAPPER & MAIN SECTIONS ----------------------------------- */ #sidebar .widget { float: left; width: 100%; margin: 0 0 25px 0; padding: 0 0 25px 0; } #sidebar .widget:last-child { margin: 0 0 25px 0; padding: 0; border-bottom: none; } #sidebar .widget .widgettitle { margin-bottom: 10px; font-size: 14px; letter-spacing: 1px !important; } #sidebar .widget img { max-width:100%; } #sidebar select { max-width:100%; background:none; color: #fff; -webkit-appearance:none; border:1px solid #000; padding-top:10px; padding-bottom:10px; padding:14px; border-radius:0px; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } #sidebar .widget input.search-form-input { max-width:205px; width:100%; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; background:none; -webkit-appearance:none; border:1px solid #000; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #sidebar .widget input.submit.search-button { display:none; } #sidebar .widget_meta {} #sidebar .widget_meta ul { list-style:none; } #sidebar .widget_meta ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #sidebar .widget_meta ul li a {} #sidebar .widget_meta ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .widget_links {} #sidebar .widget_links ul { list-style:none; } #sidebar .widget_links ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #sidebar .widget_links ul li a {} #sidebar .widget_links ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .widget_twitter ul { list-style:none; } #sidebar .widget_twitter ul li { background:none; padding-left:0px; } #sidebar .widget_archive {} #sidebar .widget_archive ul { list-style:none; } #sidebar .widget_archive ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #sidebar .widget_archive ul li a {} #sidebar .widget_archive ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .widget_archive select { max-width:100%; background:none; color: #fff; -webkit-appearance:none; border:1px solid #000; padding-top:10px; padding-bottom:10px; padding:14px; border-radius:0px; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } #sidebar .widget_pages {} #sidebar .widget_pages ul { list-style:none; } #sidebar .widget_pages ul .children { padding-top:20px; padding-bottom:20px; } #sidebar .widget_pages ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #sidebar .widget_pages ul li a {} #sidebar .widget_pages ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .widget_links {} #sidebar .widget_links li:after {} #sidebar .widget_links li:before {} #sidebar .widget_tag_cloud {} #sidebar .widget_tag_cloud a {} #sidebar .widget_tag_cloud a:after {} #sidebar .widget_tag_cloud a:before {} #sidebar .widget_calendar {} #sidebar #calendar_wrap { width:100%; overflow:hidden; border-bottom:0px; } #wp-calendar { max-width:80%; position:relative; } #sidebar #calendar_wrap th {} #sidebar #calendar_wrap td {} #sidebar #wp-calendar tr td {} #sidebar #wp-calendar caption { text-align:left; } #sidebar #wp-calendar a {} #sidebar #wp-calendar #today {} #sidebar #wp-calendar #prev {} #sidebar #wp-calendar #next {} #sidebar #wp-calendar #next a {} #sidebar #wp-calendar #prev a {} #sidebar .widget_categories {} #sidebar .widget_categories ul { list-style:none; } #sidebar .widget_categories ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #sidebar .widget_categories ul ul.children {} #sidebar .widget_categories ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .widget_categories a {} #sidebar .widget_categories select{} #sidebar .widget_categories select#cat { max-width:100%; background:none; color: #fff; -webkit-appearance:none; border:1px solid #000; padding-top:10px; padding-bottom:10px; padding:14px; border-radius:0px; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } #sidebar .widget_categories select.postform {} #sidebar .widget_categories option {} #sidebar .widget_categories .level-0 {} #sidebar .widget_categories .level-1 {} #sidebar .widget_categories .level-2 {} #sidebar .widget_categories .level-3 {} #sidebar .recentcomments {} #sidebar #recentcomments {} #sidebar #recentcomments li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #sidebar #recentcomments li a {} #sidebar #recentcomments ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar #recentcomments li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .widget_recent_comments {} #sidebar .widget_recent_entries {} #sidebar .widget_recent_entries ul { list-style:none; } #sidebar .widget_recent_entries ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom:none; } #sidebar .widget_recent_entries ul li a {} #sidebar .widget_recent_entries ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #sidebar .textwidget { font-weight: normal; text-align: left; text-transform: none; font-size: 14px; } /*#sidebar .widget_text { font-weight: normal; text-align: left; text-transform: none; font-size: 14px; } #sidebar .textwidget p { font-weight: normal; text-align: left; text-transform: none; font-size: 14px; }*/ #sidebar .widget { width: 100%; font-size: 14px; padding: 0px 0px; margin-bottom:30px; padding-bottom:30px; clear: both; height:auto; border-bottom:1px dotted #f9fbfb; } #sidebar .widget a:hover, #sidebar .widget li a:hover { color:#303333; } #sidebar .widget_recent_entries { } #sidebar .widget ul li { padding-bottom:10px; } #sidebar .widget:last-child { margin-right: 0; padding-right:0; } #sidebar .widget:first-child { margin-left: 0; padding-left:0; } #sidebar ul { list-style:none; padding-left:0px; } #wrapper { -webkit-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.05); box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.05); position:relative; z-index:20; } #main { -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05); } .entry-content { margin: 0 auto; padding: 55px 0 0px 0; width: 100%; max-width:960px; } .archive .entry-content { margin: 0 auto 20px; padding: 20px 0 20px 0; width: 100%; max-width:960px; border-bottom: 1px dotted #f4f4f4; } .archive .content-posts{margin:35px 0;} .container .fullwidth { padding:0px; } #main .odd { border-top: 1px solid rgba(0,0,0,0.01); border-bottom: 1px solid rgba(0,0,0,0.01); } #main .odd:last-child { border-bottom:0px; } #main section:first-child { border-top: none; } #main .full-screen { border-top:none; } .full-screen { height:400px; } .container section:first-child { border-top:none; } .container #main section .row { padding:80px 0 80px 0; } .container #main .gallery-section .row { padding:80px 0 50px 0; } .container #main .format-link .row { padding-bottom:80px; } .container #main section .offset { padding:90px 0 90px 0; } .container #main section .offsetbottom { padding:90px 0 0px 0; } .offsetbottom img { margin-bottom:0px !important; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; } .offsetbottom, .centered { text-align:center; } .offsetbottom p { text-align:center; margin-bottom:30px !important; margin:0 auto; width:70%; } .flex-container a:active, .flexslider a:active, .flexslider-small a:active, .flexslider-blockquote a:active, .flex-container a:focus, .flexslider a:focus, .flexslider-small a:focus, .flexslider-blockquote a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; position:relative; } .flexslider .slides li, .flexslider-small li, .flexslider-blockquote li { position:relative; } .slide .row { padding:0px !important; } .caption { position:absolute; margin:0 auto; bottom:0; top:30%; z-index:999; max-width:960px; } /* FlexSlider Necessary Styles */ .flexslider, .flexslider-small { margin: 0; padding: 0; overflow:hidden; } .flexslider-blockquote img { max-width:20%; height:auto; margin-bottom:20px !important; margin:0 auto; border-radius: 50%; } .flexslider .slides > li, .flexslider-small .slides > li, .flexslider-blockquote .slides > li { display: none; list-style:none !important; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img, .flexslider-small .slides img, .flexslider-blockquote .slides img { width: 100%; display: block; position:relative; z-index:999; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ .no-js .slides > li:first-child { display: block; } /*main*/ .flexslider-container { position: relative; z-index:999; margin-bottom:0px; } .flexslider, .flexslider-small, .flexslider-blockquote { zoom: 1; position: relative; } .flexslider ul { margin: 0 !important; list-style:none !important; } .flex-viewport { max-height: 2000px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /*main*/ .flexslider-container { position: relative; z-index:999; } .flexslider, .flexslider-small, .flexslider-blockquote { zoom: 1; position: relative; overflow:hidden; } .flexslider ul, .flexslider-small ul { margin: 0 !important; list-style:none !important; } .flex-viewport { max-height: 2000px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .flex-direction-nav li {list-style:none;} /* Control Nav Standard */ .flex-control-nav {z-index:9999;width: 100%; position: absolute; bottom: -5px; text-align:right;} .lefty .flex-control-nav {z-index:9999;width: 100%; position: absolute; bottom: -5px; text-align:left;} .lefty .flex-control-nav li {margin-right: 12px; margin-left:0px; display: inline-block; zoom: 1; *display: inline;text-align:center;} .flex-control-nav li {margin-left: 12px; display: inline-block; zoom: 1; *display: inline;text-align:center;} .flex-control-paging li a {width: 9px; height: 9px; display: block; border: 1px solid #7bc3d1; opacity:0.4; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .flex-control-paging li a:hover { border: 1px solid #7bc3d1; opacity:0.8; } .flex-control-paging li a.flex-active { border: 1px solid #7bc3d1; opacity:0.8; cursor: default; } /* Blockquote Control Nav */ .flexslider-blockquote {padding-bottom:40px;} .flexslider-container .flexslider-blockquote .flex-control-nav {z-index:9999;width: 100%; position: absolute; bottom: -10px; text-align:center;} .flexslider-container .flexslider-blockquote .flex-control-nav li {margin: 2px 6px; display: inline-block; zoom: 1; *display: inline;text-align:center;} .flexslider-container .flexslider-blockquote .flex-control-paging li a {width: 9px; height: 9px; display: block; border: 1px solid #7bc3d1; opacity:0.4; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .flexslider-container .flexslider-blockquote .flex-control-paging li a:hover { border: 1px solid #7bc3d1; opacity:0.8; } .flexslider-container .flexslider-blockquote .flex-control-paging li a.flex-active { border: 1px solid #7bc3d1; opacity:0.8; cursor: default; } /* 6. FOOTER ----------------------------------- */ #footer { color:#aaa; padding:0px; margin: 0; } #footer-inside { padding: 10px 0 80px 0; color:#FFF; text-align:center; } #footer .socials a { font-size:32px; } .footer-bottom{background-color:#58585a;} #footer .row { padding:60px 0; } #footer .collapse-darker .row{ padding: 0; } #footer .footer-below .row { padding:40px 0; text-align:left; width: 96%; position: relative; } .footer-below { font-size:14px; color:#FFF; background:#23313A; min-height:425px; } .footer-below .socials { font-size:12px; } /* .footer-below a { color:#818B92; } */ #footer .widget img { max-width:100%; } #footer select { max-width:100%; background: rgba(0,0,0,.15); background:url(images/bg15.png) repeat; color: #333; -webkit-appearance:none; border:none; padding-top:10px; padding-bottom:10px; padding:10px; } #footer .widget input.search-form-input { width:90%; height:40px; background:#FFF; background-position:98% 6px; border:1px solid #e5e5e5; background-repeat:no-repeat; color:#111; text-transform:uppercase; -webkit-appearance:none; border:none; padding-top:10px; padding-bottom:10px; padding:10px; letter-spacing:1px; } #footer .widget input.search-form-input:focus { background:#FFF; border-color:#ec7e7e; box-shadow:0 0 2px rgba(236,126,126,0.7); } #footer .widget input.submit.search-button { display:none; } #footer .widget_meta {} #footer .widget_meta ul { list-style:none; } #footer .widget_meta ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #footer .widget_meta ul li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; vertical-align:middle; } #footer .widget { font-size:15px !important; } #footer .widget_meta ul li a {} #footer .widget_meta ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer .widget_links {} #footer .widget_links ul { list-style:none; } #footer .widget_links ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #footer .widget_links ul li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; vertical-align:middle; } #footer .widget_links ul li a {} #footer .widget_links ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer .widget_twitter ul { list-style:none; } #footer .widget_twitter ul li { background:none; padding-left:0px; } #footer .widget_archive {} #footer .widget_archive ul { list-style:none; } #footer .widget_archive ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #footer .widget_archive ul li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; vertical-align:middle; } #footer .widget_archive ul li a {} #footer .widget_archive ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer .widget_archive select { appearance:none; moz-appearance: none; -webkit-appearance: none; background: rgba(0,0,0,.15); background:url(images/bg15.png) repeat; color: #333; border:none; padding:15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;width:100%; } #footer .widget_archive option {} #footer .widget_pages {} #footer .widget_pages ul { list-style:none; } #footer .widget_pages ul .children { padding-top:20px; padding-bottom:20px; } #footer .widget_pages ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #footer .widget_pages ul li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; vertical-align:middle; } #footer .widget_pages ul li a {} #footer .widget_pages ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer .widget_links {} #footer .widget_links li:after {} #footer .widget_links li:before {} #footer .widget_tag_cloud {} #footer .widget_tag_cloud a {} #footer .widget_tag_cloud a:after {} #footer .widget_tag_cloud a:before {} #footer .widget_calendar {} #footer #calendar_wrap { width:100%; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #footer #calendar_wrap th {} #footer #calendar_wrap td {} #footer #wp-calendar tr td {} #footer #wp-calendar caption {} #footer #wp-calendar a {} #footer #wp-calendar #today {} #footer #wp-calendar #prev {} #footer #wp-calendar #next {} #footer #wp-calendar #next a {} #footer #wp-calendar #prev a {} #footer .widget_categories {} #footer .widget_categories ul { list-style:none; } #footer .widget_categories ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #footer .widget_categories ul li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; ; } #footer .widget_categories ul ul.children {} #footer .widget_categories ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer .widget_categories a {} #footer .widget_categories select{} #footer .widget_categories select#cat { appearance:none; moz-appearance: none; -webkit-appearance: none; background: rgba(0,0,0,.15); background:url(images/bg15.png) repeat; color: #333; border:none; padding:15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width:100%; } #footer .widget_categories select.postform {} #footer .widget_categories option {} #footer .widget_categories .level-0 {} #footer .widget_categories .level-1 {} #footer .widget_categories .level-2 {} #footer .widget_categories .level-3 {} #footer .recentcomments {} #footer #recentcomments {} #footer #recentcomments li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom: none; } #footer #recentcomments li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; vertical-align:middle; } #footer #recentcomments li a {} #footer #recentcomments ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer #recentcomments li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } #footer .widget_recent_comments {} #footer .widget_recent_entries {} #footer .widget_recent_entries ul { list-style:none; padding-top:0px; } #footer .widget_recent_entries ul li { margin-bottom: 8px; padding-bottom: 8px; padding-left:0px; border-bottom:none; } #footer .widget_recent_entries ul li:before { font-family: 'Metrize-Icons'; content:"\e094"; padding-right:5px; vertical-align:middle; } #footer .widget_recent_entries ul li a { } #footer .widget a { } #footer .widget_recent_entries ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .tagcloud a { background: #FFF; padding: 7px 10px; margin-bottom:10px; line-height:30px; border:1px solid #000; color: #999; font-size: 8px !important; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #sidebar .widget .tagcloud a:hover { color:#FFF; background: #000; } #footer .widget_recent_entries { } #footer .widget ul li { padding-bottom:10px; display:block; } #footer .widget:last-child { margin-right: 0; padding-right:0; } #footer .widget:first-child { margin-left: 0; padding-left:0; } #footer .widget { margin-bottom:0px; } #footer .widgettitle { text-align: left; display: block; font-size: 16px; color:#FFF; text-transform: none; letter-spacing: 0px; text-decoration: none; margin-bottom: 25px; } #nav-footer .post-nav-right a, #nav-footer .post-nav-left a { color: #5db0c6; } #nav-footer .post-nav-right a:hover, #nav-footer .post-nav-left a:hover, #nav-footer .post-nav-right:hover a, #nav-footer .post-nav-left:hover a { color: #FFF; } #nav-footer i { vertical-align:middle; padding-right:5px; } /* 8. BLOG & WORDPRESS ESSENTIALS ----------------------------------- */ .main-column { width:70%; margin-right:5%; float:left; } .sidebar-column { padding:55px 0px; width:25%; float:right; } .comments { width: 100%; } .topped { padding-top:55px; } .comments-wrap { padding-top:55px; width: 100%; max-width:960px; margin:0 auto; } #comments-title { font-family: 'Open Sans', sans-serif; background: #f1f1f1; padding: 60px 0; margin: 0 0 0 0; text-align: center; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; -o-transition: .07s ease-in; transition: .07s ease-in; } #comments-title:hover { background: #ebebeb; cursor: pointer; -webkit-transition: .07s ease-in; -moz-transition: .07s ease-in; -o-transition: .07s ease-in; transition: .07s ease-in; } .comments-open { border-bottom: solid 1px #e7e7e7; margin-bottom: 60px !important; } #respond { margin: 0 0 0px 0; padding: 0px 0 30px 0; } #nav-footer { margin-bottom:55px; } .comment #respond { margin-top: 0px; padding-bottom: 10px; } .commentlist #respond h3 { margin-top: 15px; } #respond label { text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 5px 0 0 15px; color: #aaa; position: absolute; left: -999px; } #respond p { position: relative; text-align:left; } #respond .required { color: #E75353; display: none; } #respond p { margin-bottom: 30px; } .form-submit { margin-bottom:0px !important; } .form-submit { text-align:left; } #commentform { width: 100%; } #respond input[type="text"], #respond textarea { color: #818B92; border: none; background:url(images/bg5.png) repeat; background: rgba(0, 0, 0, 0.05); font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; line-height: 1.6; font-weight:300; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; } #respond .comment-form-comment { width: 100%; display: inline-block; } #respond input:focus, #respond textarea:focus { outline: none; } #respond textarea { line-height: 22px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform #submit { font-size: 12px; font-family: "spendsmart-bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; background:none !important; border:none; padding:0; cursor:pointer; text-transform: none; line-height: 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } #commentform #submit:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .form-allowed-tags { display:none; } .commentlist { list-style-type: none !important; list-style:none; } .commentlist li { position: relative; padding: 0 0 25px 0; margin: 0 0 0px 0; position: relative; list-style:none; } .commentlist li:last-child { position: relative; border-bottom:1px solid #F2F2F2; padding: 0 0 20px 0; margin: 0 0 50px 0; position: relative; max-width:100%; list-style:none; } .children li { padding-left: 20px !important; } .children li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .comment-block { padding: 0; margin-bottom:30px; display:block; } .comment-text { position: relative; } .comment-text p { margin-bottom: 20px !important; } .comment-text blockquote { background: #eee; color: #555; padding-bottom: 7px; } .comment-text blockquote:after { display: none; } .comment-text blockquote p { padding-left: 0; } .reply a { font-size: 12px; font-family: "spendsmart-bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: none; line-height: 14px; text-align: left; margin: 0; letter-spacing: 0px; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } .reply a:hover { color: #666; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } .comments .children .reply { text-align: left; } #cancel-comment-reply-link { position: relative; color: #999; margin: 0 0 0 0; font-size: 9px; text-transform: uppercase; font-weight: bold; display: inline-block; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } #cancel-comment-reply-link:hover { color: #555; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } #cancel-comment-reply-link i { font-size: 18px; color: #5bad8a; } #cancel-comment-reply-link i:hover { color: #555; cursor: pointer; } .comments .logged-in-as { font-size: 10px; font-weight: bold; text-transform: uppercase; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; line-height: 28px; text-align: left; margin-bottom: 25px; margin-top: 0px; display: block; letter-spacing: 0px; } .comments .logged-in-as a { color: #777; } .comments .logged-in-as a:hover { color: #555; } .comment-notes { width: 100% !important; font-size: 15px; line-height: 18px; text-align:center; text-transform: none; color: #8c9196; } .comment-notes .required { position: relative !important; top: auto !important; right: auto !important; } .comment-awaiting-moderation { color: #555; font-weight: bold; font-size: 11px; } .vcard { float: left; } .vcard img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; height: 35px; width: 35px; } .chat-author .fn { font-style:normal; } .comment-meta .fn { float: left; font-style:normal; margin-top: 0; letter-spacing: 0px; font-size: 12px; font-family: "spendsmart-bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: none; padding: 0; } .fn a { color: #8c9196; } .inner i { opacity:0.7; filter: alpha(opacity=70); } .fn a:hover { background: none; color: #777; } .comment-info { margin-bottom: 20px; position: relative; } .comment-meta { float: left; margin: 0 0 0 12px; line-height: 16px; } .comment-time { text-transform: uppercase; font-size: 10px; color: #bbb; display: inline-block; margin-top: 4px; } .comment-time:hover { color: #999; } .comment-edit-link { font-size: 11px; } #comment-nav-below { display: inline-block; width: 100%; padding: 10px 10px 20px 10px; margin: -44px 0 20px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: solid 1px #e7e7e7; } #comment-nav-below .nav-previous { float: left; } #comment-nav-below .nav-next { float: right; } .fitvid p { display:none; } .entry-wrap { margin: 0 auto; width:100%; position: relative; } .blog .entry-wrap { border-bottom:1px solid #f9fbfb; } .entry-content img { max-width:100%; height:auto; } .entry-content .fitvid, { margin-bottom:30px; } .entry-content .flexslider { margin-bottom:0px; } .entry-content .fitvid p { display:none; } .alignleft { float: left } .alignright { float: right } .alignnone { text-align:center; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } input[type="password"] { color: #777; border: none; background: #EEE; font: 13px/22px "Noto Sans", sans serif; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; } sup{ font-size:xx-small; vertical-align:top; } sub{ font-size:xx-small; vertical-align:bottom; } tbody { border:1px solid #EEE; } tr { border-bottom: 1px solid #EEE; } th { padding:10px; } td { padding:10px; padding-right:20px; } .search-form { position: relative; } .bypostauthor { } .archive .gallery-wrap, .search .gallery-wrap { display: none; } .gallery-wrap { margin-bottom: 25px; } .sticky { } .wp-caption { color: #999; max-width: 100%; /* Image does not overflow the content area */ text-align: center; text-transform: uppercase; overflow:hidden; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 40px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 40px; } img.alignleft, img.alignright { padding: 5px; } img.alignleft { margin: 5px 40px 10px 0; } img.alignright { margin: 5px 0 10px 40px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; overflow:hidden; } .wp-caption:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .wp-caption p.wp-caption-text { position:relative; font-size: 10px !important; margin: 0 !important; padding: 3px 0 0 0!important; z-index:999; } .even .wp-caption p.wp-caption-text { position:relative; font-size: 10px !important; margin: 0 !important; padding: 3px 0 0 0!important; z-index:999; background:#FFF; } .odd .wp-caption p.wp-caption-text { position:relative; font-size: 10px !important; margin: 0 !important; padding: 3px 0 0 0!important; z-index:999; background:rgb(244, 244, 246); } #widget { width:100%; } .gallery { margin-bottom: 0px !important; text-align: center; } .gallery-caption { text-align: center; } .gallery-item { display: inline-block !important; float:left !important; margin-right: 4%; margin-bottom: 2%; margin-top:2%; } .gallery-item:hover, .news .row img:hover { opacity:0.7; -moz-opacity:0.7; -webkit-opacity: 0.7; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .gallery-columns-4 .gallery-item:nth-child(4) { margin-right: 0 !important; } .gallery-columns-3 .gallery-item:nth-child(3), .gallery-columns-3 .gallery-item:nth-child(7), .gallery-columns-3 .gallery-item:nth-child(10), .gallery-columns-3 .gallery-item:nth-child(13) { margin-right: 0 !important; } .gallery-columns-2 .gallery-item:nth-child(2), .gallery-columns-2 .gallery-item:nth-child(4), .gallery-columns-2 .gallery-item:nth-child(6), .gallery-columns-2 .gallery-item:nth-child(8) { margin-right: 0 !important; } .gallery-icon { } .gallery-columns-4 .gallery-item { width:22% !important; margin-top:0px !important; } .gallery-columns-3 .gallery-item { width:30.66% !important; } .gallery-columns-2 .gallery-item { width:48% !important; } .gallery-item img { position:relative; height: auto; padding: 0px; width:100%; border: none !important; } .widgetContainer { position: absolute; max-width: 960px; min-width: 288px; height: 100%; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } li.categories {} li.cat-item {} li.cat-item-{id} {} li.current-cat {} li.current-cat-parent {} { margin-top:30px; } .linkcat {} .blogroll {} .blog h2 { font-size:20px; margin-bottom:5px !important; } .blog .entry-content header { margin-bottom:30px; } .blog .one-third .larger { font-size:60px; text-align:center; opacity:0.6; } .blog .oddeven .one-third { text-align:center; } .entry-title { font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; letter-spacing:0 !important; margin-bottom: 30px; color: #e96424; text-align:left; font-size: 40px; line-height: 38px; } .entry-title a { color: #1d24ab; } .date-title { font-size:13px; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; } .archive-title-wrapper .entry-title { margin-bottom:0px !important; text-align:center; } .archive-title-wrapper input { color: #aaa; border: none; background:url(images/bg2.png) repeat; background: rgba(0, 0, 0, 0.02); font-size: 13px; width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .archive-title-wrapper fieldset { float:right; } .righty { float:right; } .lefty img { float:left; } .righty img { float:right; } .entry-title a:hover { } .single .centered .more-link { display:none; } .meta { margin-bottom:20px; font-size:14px; list-style:none; padding-left:0px; font-size: 10px; font-weight: bold; text-transform: uppercase; font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; } #quote_wrap { min-height: 94px; text-align:center; } .map { position:relative; min-height:400px; background:#000 !important; color:#FFF; text-align:center; display:table; width:100%; border-top:0px !important; } .map .row { vertical-align: middle; display: table-cell; width:100%; padding:0px !important; } .map h2 { color:#FFF; font-size:60px; } #map-canvas { height: 100%; position: absolute; top: 0; bottom: -200px; left: 0; right: 0; z-index: 0; opacity:0.5; background-color:#000; } .meta strong { font-weight:normal; } .meta a { color: #aaa; border-bottom: 1px dotted #888; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .meta a:hover { } #commentform #submit { padding: 12px 13px; font-size: 8px; font-family: "spendsmart-bold", Helvetica, 'open sans', Arial, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } #commentform #submit:hover { color: #FFF; } .form-allowed-tags { display:none; } .commentlist { padding-top:0px; list-style-type: none !important; list-style:none; width:100%; margin-left:0px; padding-left:0px; } .post-details { float:right; width:25%; height:auto; } .commentlist li { position: relative; padding: 0 0 25px 0; margin: 0 0 25px 0; position: relative; list-style:none; } .commentlist li:last-child { position: relative; padding: 0 0 30px 0; margin: 0 0 0px 0; position: relative; max-width:100%; list-style:none; } .children li { padding-left: 5px !important; } .children li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #reply-title { display:none; } #page-header { background:#F8F8F8; } .archive-title-wrapper { padding-bottom: 0px !important; padding: 55px 0 0 0!important; text-align: left !important; } #page-header .archive-title-wrapper { padding:30px 0 !important; } .archive-title-wrapper .button { margin-top:0px; } /* ---------------- JT Widgets and Overrides ------------ */ /* ----------------- Social Buttons ------------ */ #sms_social{display: inline; list-style: none; height: 40px; float: left; padding: 0; margin: 0 0 12px; overflow: hidden;} #sms_social li{width: 40px; height: 40px; display:inline-block; float:left; background-image:url(/assets/icos/SocialIcons.gif); background-repeat:no-repeat; -webkit-transition: background-position 0.1s ease-out; -moz-transition: background-position 0.1s ease-out; -o-transition: background-position 0.1s ease-out;} #sms_social li a{display: block; width: 40px; height: 40px; text-indent: -99999px;} #sms_social .fbk{background-position:0px -40px;} #sms_social .twt{background-position:-40px -40px;} #sms_social .ggl{background-position:-120px -40px;} #sms_social .more{background-position: -80px -40px;} #sms_social .fbk:hover{background-position:0px 0px;} #sms_social .twt:hover{background-position:-40px 0px;} #sms_social .ggl:hover{background-position:-120px 0px;} #sms_social .more:hover{background-position: -80px 0px;} #sidebar p{margin-bottom:12px; clear:both; font-weight:300;} .home #main h2, .stock-tools-symbol{font-size: 30px; line-height: 28px; font-weight: bold; letter-spacing: 0px !important; margin-bottom:10px;} .home #main h3{ font-size:14px; letter-spacing:1px;} .stock-tools-symbol{float:left; margin:12px 12px 0 0 !important;} .stock-tools-last{font-size:24px; color:#eb7203; line-height: 42px; float:right; font-weight:bold;} .stock-tools-change{margin:11px 0 3px !important; float:left} .stock-tools-image img{border-top: 1px dotted #ccc; padding: 12px 0 0 0;} .fineprint{font-size:75%;} .footer-bottom .fineprint{padding:50px 4%; text-align:center; margin: 0 0 20px 0;} .menu-footer-container{text-align: center;} #menu-footer{display: inline; list-style: none; margin:18px 0; padding:0; text-align:center; width:100%} #menu-footer li{display:inline-block !important; margin:8px 10px 10px; padding:0 !important; text-indent:0;} #menu-footer li a{color: #fff; font-size: 69%; text-transform: uppercase; letter-spacing: 1px;} #header h2{font-size: 22px; line-height:28px; text-shadow: 1px 1px 1px #837c62; } .socials a{color: #fff;} .topNav{float: left; clear: both; width: 100%; display: block; background-color: #000; height: 30px; position: absolute; z-index: 2;} .topNav a{line-height:31px; letter-spacing: 0.5px; color:#fff; height: 30px;} .topNav a:hover{background-color:#323232; text-decoration:none;} .topNav .menu-primary-container{max-width: 960px; display: block; height: 30px; margin: 0 auto!important;} .topNav .menu-primary-container li{padding:0} .home #header .extra { padding-top: 0px; } hr{border: 0; border-bottom: 1px dashed #cdcdcd; background: #fff; margin:28px 0; clear:both} .page-full-column hr{margin:40px 0} /* -- smaller header on pages ---- */ .page-template-page-full-php #header, .page-template-default #header, .single #header{height:200px !important;} .page-template-page-full-php #header .extra, .page-template-default #header .extra, .single #header .extra {clear: both; display: block; height: 30px; margin: 0 auto; max-width: 960px; padding: 0; right: 0; top: -13px; /* width: 80%; */} .page-template-page-full-php #header .extra p, .page-template-default #header .extra p, .page-template-default #header .extra a, .page-template-page-full-php #header .extra a, .single #header .extra p, .single #header .extra a{display:none} .page-template-page-full-php #header .extra h2, .page-template-default #header .extra h2, .single #header .extra h2{ font-size: 11px !important; font-weight: normal; letter-spacing: 1px !important; text-align: right;} #collapse-menu-bg{background-color:#58585a;} #collapse-menu {background-color:#000;} .home #header h2 { margin-top: 47px; } .rsswidget a{color: #000; font-weight:normal; font-size:19px; } .post-content b a, .post-content a b, .more-linkd{color: #e96424; font-weight:bold; overflow:hidden; letter-spacing:-0.5px;; } .post-.post-content a{color: #e96424; font-weight:bold } content b{color:#e96424} .topNav ul{} .topNav li{position:relative} .topNav li:hover .sub-menu{display:block !important} .topNav .sub-menu{width: 248px; position: absolute; z-index: 10; top: 28px; left: 0px; display: none; padding: 0; margin: 0;} .nav li ul li:last-child{padding:0} .wpcf7-submit { font-family: "spendsmart-bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; text-transform: uppercase; line-height: 16px; -webkit-appearance: none; } .wpcf7-submit{ padding: 8px 10px; margin: 0 10% 0 0; font-weight: 300; font-size: 18px; color: #fff; text-shadow: 0px 1px 0 rgba(0,0,0,0.25); background: #1f9bde; border: 1px solid #46b3d3; border-radius: 5px; cursor: pointer; box-shadow: inset 0 0 2px rgba(256,256,256,0.75); -moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75); -webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .wpcf7-submit:hover { background: none repeat scroll 0 0 #1d24ab; border: 1px solid rgba(255, 255, 255, 0.75); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset; color:#fff; } .footb_left .logo-image {max-width: 162px; width: 68%; } .row .logo{max-width:80%} .footer-nav a{line-height: 76px;} .page-full-column div div{margin: 0 0 6px 0;} .collapse-darker .row{width:100%} #collapse-menu h3{display: none;} #collapse-menu{background-image:url(/assets/icos/menuSprite.png); background-repeat:no-repeat; background-position:center 0; height: 38px; display: block; transition:none; webkit-transition: none; -moz-transition: none;} #collapse-menu:hover{background-position:center -50px ; } #collapse-menu.active{background-position:center -100px; } #collapse-menu.active:hover{background-position:center -150px; } .entry-content h2{font-size: 26px; line-height: 28px; font-weight: bold; letter-spacing: 0px !important; margin-bottom: 20px; color: #1d24ab;} .entry-content h2 a:hover{text-decoration:none;} .feeds h2{font-size: 22px; line-height: 23px; color: #1d24ab; height: 24px;} .entry-content h1{color:#e96424} .totalSubsTop{float:left; line-height:30px; color:#E96424; letter-spacing: 0px; font-size: 11px; margin: 0 0 0 8px;} .totalSubs{left:0; position:absolute; bottom:-48px; width:100%; height:70px; z-index:100; padding:0;} .totalSubs-inner{ background-color: #e96424; color: #eee8da; font-size: 18px; height: 45px; letter-spacing: 0; line-height: 45px; margin: 0 auto; text-align: center; width: 525px;} .shading{width:525px; height:22px; background-image:url(/assets/shading.png); background-repeat:no-repeat; margin:0 auto;} /* .fb-share-button, .fb-follow{clear:both; float:left; margin:18px 0;} */ .likeButts{display:block; clear:both;} .likeButts li{display:inline-block; width:100px; overflow:hidden; height:60px} .post-date, .rss-date{clear: both; display: block; font-size: 80%; color: #aaa; line-height: 1.4em; margin: 0 0 16px 0;} .rss-date{color:#888;} .halfsies{display:inline; list-style:none; float:left; vertical-align:top; padding:0; margin:0 0 18px 0} .halfsies li{display:inline-block; width:48%; margin:0 1% 0 0; vertical-align:top;} .halfsies li ul li{ width: 90%; margin: 0 0 8px 0; padding: 8px 0; line-height: 1.3em; border-bottom: 1px dotted #ddd; margin-right: 10%; } .page-template-page-investors-php .halfsies li ul li{ height: 82px; } .halfsies li li, .halfsies li ul{width:100%; margin: 0 0 8px 0; padding:0; line-height: 1.15em;} .rsswidget{font-size:90%; line-height:1em; color:#1f9bde; text-decoration:none !important; display:block;} .rsswidget:hover{text-decoration:underline !important;} .clear{clear:both} .calledout{border:1px solid #E0E0E0; padding:15px;} .totop{display:none} #menu-primary-2 li{padding:0} .logo-footer{float:left; width:198px;} .logo-footer{max-width: 80%;} .cbp-so-side-img img {margin: 16px 0 35px 0;} .wpcf7-not-valid{width:100% !important; background-color:#ffcccc} span.wpcf7-form-control-wrap{width:100% }*/ .footb_contain{display:inline margin:0; padding:0;} .footb_contain li{display:inline-block; float:left;} .footb_left{width:25%; padding-top: 67px;} .footb_mid{width:58%} .footb_right{width:17%} .shadow{-moz-box-shadow: 3px 3px 8px #bbb;-webkit-box-shadow: 3px 3px 8px #bbb; box-shadow: 3px 3px 8px #bbb; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc'); background-color:#e96424;} .contactHead{background-color:#b32100; color:#e96424; height:30px;font-family: 'spendsmart-bold', 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-size: 24px; padding: 4px 4.5% 0 4.5%; line-height: 2.0em; text-transform: uppercase; padding: 3px 4.5%;} .newsForm{ color:#b32100; overflow: hidden; padding: 0 4.5%; display:inline; clear:both} .newsForm ul{float: left;} .newsForm li{width:37%; display:inline-block; float:left;} .newsForm .fineprint{padding:0 4.5%; margin-bottom: 12px;} .newsForm li.subRight{width:23%;} .footerField{width:80%; margin: 0 0 12px;} .subRight input{color: #e96424; font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 55px 0 0; width: 90%; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none; border:3px solid #ddd; border-radius: 10px; max-width: 260px; cursor: pointer;} .footFeature{margin: 18px 0; color:#646464; text-align:left;} .footFeature h3{font-weight:normal; font-size:19px; color:#969696; margin: 8px 0;} .footFeature span{color:#969696; padding:0 0 0 42px; font-size:11px; display: block; line-height: 1.7em; min-height: 40px;} .footFeature .contact span{padding:0 0 0 35px;} .footFeature ul{ display: inline-block; width: 100%; padding:0} .footFeature ul li{display:inline-block; float:left; background-repeat:no-repeat; padding: 0;} .footFeature ul .contact{border-right:1px dotted #ccc; background-image:url(/assets/icos/mapPin.png); padding-right: 5px; width: 44%; margin-right: 4%;} .footFeature ul .newsFeat{background-image:url(/assets/icos/chartIco.png); width:50%;} .footb_contain{position: absolute; top: -36px; z-index: 20;} .footb_right ul{float:right; width:96px; margin-top: 26px; background-image: url(/assets/icos/flap.png);background-repeat: no-repeat; background-position: 112px 0; } .footb_right ul li{margin:0; padding:0 0 14px 0; display:block;} .footb_right ul li a{display:block; width:87px; height:69px; text-decoration:none; background-repeat:no-repeat} .footb_right ul li a:hover{background-color:#fff} .ticker{background-color:#000;} .ticker:hover{background-color:#999 !important;} .ticker .stock-tools{} .ticker .stock-tools-symbol{color:#fff; padding:2px 0 4px 0; margin:0;border-bottom:1px dotted #fff; font-size: 22px;} .ticker .stock-tools-last{font-weight: bold; font-size: 32px;} .ticker .stock-tools div{text-align: center; margin: 0 !important; width: 87px; line-height: 1.1em;} .ticker .stock-tools-change, .ticker .stock-tools-image{display:none;} .fb{background-image:url(/assets/icos/fbFooter.png); } .twit{background-image:url(/assets/icos/twitFooter.png);} input{padding: 0px 8px; font-weight: 400; font-size: 15px; color: #000; text-shadow: 1px 1px 0 rgba(256,256,256,1.0); background-color: #fff; border: 1px solid #fff; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50); height: 40px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;} ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } #menu-primary-3{float: none; margin: 0 auto; width: 395px; display: block; height: 24px;} .thanks{padding:0 4.5%} .thanks h1{color:#ffe8a4} .thanks p{color:#fff} .hideme{display:none} .financialReports{} .financialReports a{font-size: 18px;} .financialReports p{ font-size:13px;} .financialReports a b{ margin: 0 0 0 22px;letter-spacing: -0.3px; line-height:1.1em; color: #000; } .docIcon{background-image:url(/assets/icos/docIcon.png); background-repeat:no-repeat; background-position: 0 3px;} .page-template-page-investorsArchive-php .entry-content{padding: 55px 0 15px 0;} .page-template-page-investorsArchive-php b a{color:#e96424} .page-template-page-investorsArchive-php .row p {margin-bottom: 26px;} ul li .rsswidget { color: #000; font-weight: bold; font-size: 15px; letter-spacing: -0.3px; line-height:1.35em; text-overflow:ellipsis; overflow:hidden; height:63px;; } .selfie{max-width:300px !important; margin-top:0 !important; padding-top:0 !important;} .irContacts p{line-height: 1.5em; font-size: 13px;} .irContacts {margin-bottom:30px} .page-template-page-investors-php .entry-content { margin: 0 auto; padding: 55px 0 0 0; } .menu-item-312 > a{ display:none; } /* -- Event Calendar plug-in --- */ .filterbar { font-size: 12px; } .event-title h3{font-size: 16px;} .entry-content .stock-tools { max-width: 40%; float: left; margin: 0 30px 15px 0; } #loyalty-programs a, #offdaytrainer a { color: #e96424; }