/* ============================================================== Theme Name: Nom Nom V3 Theme URI: http://nomnom-media.com Author: Netccentric Designers Author URI: http://nomnom-media.com Description: The New Nom NomGrey - #F3F5F8 Orange - #ffac00 Black - #333333 Red - #d63c23 ================================================================*/ /* Reset and general classes-------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* General styling-------------------------------------------------------------- */ body { font-family: 'Source Sans Pro', serif; font-size: 16px; line-height: 1.6em; color: #333333; } body.single-post, body.blog, body.search-results, body.category, body.search-no-results, body.page, body.error404, body.attachment, body.archive { background: #f0f0f0 url("img/layout/checkbox-bg_100.png") repeat 0 0; } /* Define Blog Backgrounds */ .inner-wrapper { width: 1200px!important; margin-top: 120px!important; } a:link, a:visited { color: #ffac00; text-decoration: none; } a:hover, a:focus { color: #d63c23; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin: 0 0 20px; } h1 { font-size: 2.3em; font-weight: normal; } h2 { font-size: 2.0em; font-weight: 100; } h3 { font-size: 1.4em; font-weight: 200; } h4, h5, h6 { font-size: 1.0em; } .blogpost h1 { max-width: 90%; } h1 a:link, h1 a:visited { font-style: normal; color: #333; } h1 a:hover { color: #d63c23; text-decoration: none; } p { margin-bottom: 20px; } code { font-family: 'Source Sans Pro', serif; font-size: 1em; color: green; } .blk { display: block; } .flt-l { float: left; } .flt-r { float: right; } .padding-10 { padding: 10px; } .padding-20 { padding: 20px; } .padding-30-tb { padding-top: 30px; padding-bottom: 30px; } .padding-10-tb { padding-top: 10px; padding-bottom: 10px; } .margin-20-tb { margin-top: 20px; margin-bottom: 10px; } .btn, .panel-comment span, input[type=submit] { background: #ffac00; color: #fff!important; text-transform: uppercase; border: none; font-weight: 100; width: auto; padding: 10px 2.8em; letter-spacing: 0; cursor: pointer; } .btn:hover, .panel-comment span:hover, input[type=submit]:hover { text-decoration: none; background-color: #d63c23; } body.blog ul, body.blog ol, body.single ul, body.single.ol {margin-left: 40px; margin-bottom:20px; } .mobile-hidden { display: block; } .desktop-hidden { display: none; } .smaller { font-size: 0.9em; } .radius-full { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .icon { display: block; background-image: url("img/layout/icons.png"); background-repeat: no-repeat; } .icon.top { width: 27px; height: 16px; background-position: -196px -10px; } .overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); z-index: 1998; cursor: pointer; } @media all and (max-width: 1280px) { .inner-wrapper { width: 1024px!important; } } img.nom2-email { width: 75%; } /* Transition-------------------------------------------------------------- */ #home-casestudies .child a, nav.tabbed a, btn, .panel-comment span, footer ul.footer-social li a { webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .header-image, .sidebar-container .bubble, .comment-respond input[type=submit], .backtotop, #searchform input[type=submit] { transition: .5s; -webkit-transition: .5s; } /* Header/Main Navigation-------------------------------------------------------------- */ #header { position: fixed; width: 100%; border-bottom: 1px solid #ccc; background: url("img/header_main.png") 0 0 repeat; padding: 8px 0; text-transform: uppercase; letter-spacing: 0.1625em; z-index: 2000; } #header nav { margin: 0 auto; width: 1200px; } #header ul { display: inline-block; width: 92%; list-style: none; text-align: right; vertical-align: top; margin-top: 37px; margin-left: 0!important; } #header ul li { display: inline-block; } #header ul li.login-tab { border-left: 1px solid #ccc; } #header ul li.login-tab a { margin-left: 30px; } #header ul li.contact-tab a { margin-right: 30px; } .logged-in #header ul li.login-tab, .logged-in #header ul li.register-tab { display: none; } #header ul li a { padding: 5px 15px; text-decoration: none; color: #141414; } #header ul li a:hover { color: #ffac00; } .menu-btn { display: none; } .archive-icon { display: none; } .page-title { display: none; } @media all and (max-width:1280px) { #header nav { width: 1024px; } #header ul { width: 91%; } } /* Alerts-------------------------------------------------------------- */ .form-allowed-tags { width: 95%; padding: 2.5%; color: #8a6d3b; background-color: #fcf8e3; margin-bottom: 20px; border: 1px solid #faebcc; } .form-allowed-tags { font-size: 0.8em; } /* Home Page Sections-------------------------------------------------------------- */ .header-full { background: rgba(255, 255, 255, 0.6); padding: 30px 10px 15px; margin-bottom: 50px; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; position: relative; } .header-full.latest-updates { margin-bottom: 0; } body.home section { position: relative; padding-bottom: 50px; clear: both; } @media all and (max-width: 1024px) { body.home section { width: 1024px; } } /*** Featured Blogpost / Case Studies***/ #home-casestudies { padding-top: 104px; } #home-casestudies .child { text-align: center; text-shadow: 1px 1px 1px rgba(70, 70, 70, 1); overflow: hidden; } #home-casestudies .child a { color: #fff; text-decoration: none; } #home-casestudies .child h3 { font-size: 1.6em; } #home-casestudies .child h3 a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 130px 0 0 0; background-color: rgba(0, 0, 0, 0.7); z-index: 2;} #home-casestudies .child h3 a:hover, #home-casestudies .child h3 a:focus { background-color: rgba(255, 190, 20, 0.8); } #home-casestudies .child .cat_list { position: relative; top: 70%; color: #e5e5e5; z-index: 3; font-weight: 100; font-size: 0.8em; letter-spacing: 0.02em; } #home-casestudies .child .cat_list a { color: #f5f5f5; } #home-casestudies .child .cat_list img { position: absolute; top: 95%; left: 50%; width: 100px; margin: -180px 0 0 -50px; } ul.grid-4-featured { display: block; padding: 0; margin: 0; list-style: none; } ul.grid-4-featured:before, #home-casestudies ul.grid-4-featured:after { clear: both; display: table; } ul.grid-4-featured li { padding: 0; margin: 0; background-size: cover; } ul.grid-4-featured li.child { width: 24.8%; height: 244px; display: inline; float: left; margin: 0 0 2px 2px; position: relative; } ul.grid-4-featured li.first.child { width: 49.7%; height: 490px; } ul.grid-4-featured li.first.child h3 a { padding-top: 305px!important; } @media all and (max-width: 1024px) { #home-casestudies { padding-top: 65px; } #home-casestudies .child h3 { font-size: 1.2em; } #home-casestudies .child h3 a { padding: 140px 0 0 0; } } /*** About Us ***/ #home-intro { background: #ffcc66 url("img/bg-crowd.png") center bottom no-repeat; padding:0 0 250px; background-size: contain; overflow: hidden; } #home-intro #about-us .img-01 { padding:100px 100px 70px; } #home-intro #about-us .desc-col { border-left: 1px solid #000; width: 44.6%; padding-left: 3%; } #home-intro .circle-background { background-color: #ffdd99; width: 2000px; height: 1000px; -webkit-border-bottom-right-radius: 3000px; -webkit-border-bottom-left-radius: 3000px; -moz-border-radius-bottomright: 3000px; -moz-border-radius-bottomleft: 3000px; border-bottom-right-radius: 3000px; border-bottom-left-radius: 3000px; position: absolute; margin-left: -1000px; left: 50%; top: 0px; z-index: 0; } /*** Clients ***/ ul.client { margin: 0 auto 100px; text-align: center; position: relative; z-index: 2; } ul.client li.bubble-orange { display: inline-block; width: 130px; height: 130px; padding: 5px; margin: 10px; background-color: #ffad02; border-radius: 140px; border: 15px solid #ffc44c; text-align:center; } ul.client li.bubble-orange img { padding: 0 !important; max-width: 100px; margin-top: 10%; } hr.yellow-line { position: relative; height: 3px; background-color: #ffad02; border: none; z-index: 1; } hr.yellow-line.one { width:80%; top: -196px; } hr.yellow-line.two { width: 200px; transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -107px; } #home-intro #graph { text-align: center; position: relative; z-index: 2; } #home-intro #graph .logo { display: inline-block; max-width: 150px; } #home-intro #graph .main-para { width: 400px; margin: 20px auto 50px; } #home-intro #graph .corner-line { position: absolute; width: 80px; height: 90px; border: 3px solid #ffad02; } #home-intro #graph .corner-line.left { border-right: 0; border-bottom: 0; top: -90px; left: 50%; } #home-intro #graph .corner-line.right { border-left: 0; border-bottom: 0;top: -90px; right: 50%; } #graph ul.bloggers li { list-style: none; display: inline-block; border: 15px solid #ffe6b3; border-radius: 95px; background-color: #ffe6b3; } #graph ul.bloggers li img { display: block; width: 95px; height: 95px; border-radius: 95px; } /*** Footer ***/ footer{ background: #444444; color: #fff; } .footer-inner { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; } footer h2 { font-size: 2.5em; margin-top: 20px; } .logged-in .login-panel { display: none;} footer ul a { color: #fff!important; text-decoration: none; } footer ul a:hover{ color: #ffac00!important; } footer ul a li{padding:5px 0;font-weight:300; opacity:0.8;} footer h3 { margin: 10px 0; font-weight: 500; border-bottom: 1px solid #ccc; padding-bottom: 10px; } footer .or { margin-left: 10px; margin-right: 10px; } footer ul.footer-nav { padding: o; margin: 0; list-style: none; } footer ul.footer-nav { display: block; width: 100%; } footer ul.footer-nav li a { display: block; width: 90%; padding: 2% 5%; color: #fff!important; } footer ul.footer-nav li a:hover { text-decoration: none; background-color: #d63c23!important; color: #fff!important; } footer ul.footer-social { margin: 0; padding: 0; } footer ul.footer-social li { display: inline-block; } footer ul.footer-social li a.facebook, footer ul.footer-social li a.twitter { display: block; background: #ffac00 url("img/icon-social.png") center top no-repeat; width: 30px; height: 30px; padding: 10px; text-indent: -9999px; overflow: hidden; } footer ul.footer-social li a.facebook { background-position: 10px 10px; margin-right: 10px; } footer ul.footer-social li a.twitter { background-position: 10px -50px; } footer ul.footer-social li a:hover { background-color: #d63c23!important; } p.copyright { text-align: center; border-top: 1px solid #ccc; paddding-top: 20px; margin-bottom: 30px; margin-top: 20px; vertical-align: middle; } p.copyright .logo { position: relative; top: 20px; margin-right: 15px; } @media all and (max-width: 1280px) { .footer-inner { width: 1024px; } } /*** Contact ***/ #home-contact{ background: #ffac00; } #home-contact form{ margin: 20px 0; } #home-contact input[type=text], #home-contact input[type=email] { width: 95%; background-color: #ffffff; border: 0; padding: 5px 10px; line-height: 2.5em; font-style: italic; margin-right: 5px; } #home-contact textarea { line-height: 0.5em; width: 95%; background-color: #fff; margin-right: 5px; height: 150px; } #home-contact ul { color: #000; padding: 0; margin: 0 0 10px 10px; display: block; } #home-contact ul li{ list-style: none; text-decoration: none; padding-bottom: 5px; display: block; } #home-contact ul li:first-child span { height: 50px; } #home-contact h3 { font-weight: 500; text-transform: uppercase; padding: 10px 0; } #home-contact ul p { margin: 0; } #home-contact ul span { background: url("img/icon-contact.png") left top no-repeat; padding: 5px 5px 5px 25px; height: 10px; float: left ;} #home-contact ul span.location { background-position: left top; } #home-contact ul span.number { background-position:left -70px; } #home-contact ul span.email{ background-position:left -140px; } #home-contact hr { text-align: left; background: #000; border: 0; height: 1px; } #home-contact h4{ text-transform: uppercase; margin-bottom: 10px; font-weight: 600; } #home-contact h4 span { background: url("img/icon-career.png") left top no-repeat; width: 20px; float: left; padding: 0 5px 0 0; margin-top: -4px; height: 20px; } #home-contact .button { color: #fff; font-weight: 200; background-color: #000; padding: 10px 20px; border: none; cursor: pointer; margin-right: -515px; } #home-contact .button:hover { background-color: #ffac00; } #home-contact a { text-decoration: none; color: #000; } #home-contact a:hover{ color:#fff; } /* Article + Blog Elements -------------------------------------------------------------- */ .blogpost, .fancywhite { position: relative; background-color: #fff; padding-bottom: 20px; margin-bottom: 40px!important; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 0 1px 1px rgba(0,0,0,.1); } .blogpost h1 { margin-bottom: 20px; } .blogpost img { border: 1px solid rgba(0, 0, 0, .2); width: 99%; height: 99%; max-height: 600px; padding: 0.5%; } .header-image { width: 100%; height: 524px; position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover; } .v-overlay { width: 100%; height: 46px; position: absolute; left: 0; bottom: 0; background: transparent url("img/layout/v-overlay-b.png") no-repeat 0 0; } .entry-body, .post-navigation, .comments-area, footer.entry-meta { margin: 20px 50px; } .entry-body { border-bottom: 1px solid #ccc; } .entry-body img { display: block; margin: 0 auto; max-height: 620px; } .post-date { width: 75px; overflow: hidden; padding: 10px; float: right; position: relative; top: -66px; right: -50px; background-color: #f2f2f2; font-size: 1.2em; color: #666; text-align: center; } span.post-day { display: block; font-size: 2.5em; font-weight: 400; line-height: 1em; position: relative; top: -5px; } h1.screen-reader-text, h2.comments-title, .says { display: none; } .container-video { width: 102.56%; position: relative; padding: 15px 40px; margin: 2em -40px; left: -10px; background: #F3F5F8; text-align: center; } .container-video .video-magic { height: 0; padding: 0 0 56.25%; position: relative; } .container-video iframe, .container-post .container-video embed, .container-post .container-video object { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .backtotop { display: none; width: 27px; height: 16px; padding: 23px 20px 27px; background-color: rgba(0,0,0,.3); position: fixed; bottom: 5em; right: 1em; z-index: 1997; cursor: pointer; } .backtotop:hover { background-color: rgba(0,0,0,.6); } @media all and (max-width: 1280px) { .container-video { width: 103%; } .header-image { height: 430px; } } /*** Comments ***/ ol.commentlist { list-style: none; padding: 0; margin: 0 50px; } ol.commentlist li { margin-left: 55px; } ul.children { margin: 0 0 20px; list-style: none; padding: 0; } .says, h2.comments-title { display: none; } .comment-author { float: left; line-height: 1.2em; margin-right: 10px; } .comment-content { } .comment-content p { margin-bottom: 0; } .reply { text-align: right; } .depth-2 .reply { display: none; } .avatar { position: absolute; left: 50px; width: 45px; height: 45px; } .depth-2 .avatar { left: 105px; } /*** Related Post in Blogpost - Overwrite plugin CSS ***/ .layer-related { display: block; width: 96%; padding: 2%; background: #f5f5f5; margin-bottom: 20px; } .layer-related .nr_title { text-align: center; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; color: #666666; display: block; width: 100%; } .layer-related .nr_panel { display: block; width: 23%; padding: 1%; float: left; min-height: 236px; vertical-align: top; text-decoration: none; cursor: pointer; position: relative; border: 0; } .layer-related .nr_panel:hover { background: #fff; text-decoration: none; } .layer-related .nr_text { text-align: center; } .layer-related .nr_panel:hover .nr_text{} .layer-related .nr_img_div img { width: 100%!important; height: auto; margin-bottom: 20px; padding: 0; } .layer-related .nr_img { display: block; width: 100%; height: auto; } .layer-related .nr_post_title { display: block; text-align: center; line-height: 1.2em; } /*** Forms ***/ textarea, input[type=email], input[type=url], input[type=tel], input[type=text], input[type=submit], input[type=number], input[type=password] { font-size: 1em; font-weight: 200; } textarea, input[type=url], input[type=tel], input[type=text], input[type=email], input[type=number], input[type=password], select { width: 92%; background-color: #eaeaea; border: 0; padding: 5px 3%; line-height: 2.2em; font-style: italic; margin-right: 5px; } textarea { padding: 10px; line-height: 1em; } select.sidebar-menu { -webkit-appearance: none; -webkit-box-shadow: none; background-color: #eaeaea!important; border: 0!important; box-shadow: none!important; font-family: 'Source Sans Pro', serif!important; font-size: 1em!important; height: auto!important; line-height: 2.2em!important; margin: 0 5px 0 0!important; padding: 5px 3%!important; width: 93%!important; } .required { color: #d63c23; } .comment-reply-title { color: #ffac00; font-weight: normal; margin-right: 10px; } .comment-respond { margin: 10px 50px; width: 75%; } .comment-respond p { margin-bottom: 10px; } .depth-1 .comment-respond { margin: 20px 0; } .comment-notes { font-style: italic; } .fn, .fn a { font-style: normal; color: #ffac00; font-weight: 400; } .form-submit { text-align: right; } .comment-form-author label, .comment-form-email label, .comment-form-website label, .comment-form-comment label, #searchform label { display: none; } #cancel-comment-reply-link:before { content: "/ "; } #cancel-comment-reply-link { margin-left: 5px; } #searchform input[type=text] { width: 98%; padding: 7px 2%; margin: 0; height: 48px; background-color: #fff; } #searchform input[type=submit] { width: 55px; height: 55px; background: #ffac00 url("img/layout/icons.png") no-repeat -27px 10px; padding: 0; position: absolute; top: 3px; right: 0px; background-size: 245px auto; } #searchform input[type=submit]:hover { background-color: #d63c23; } span.panel-comment { text-align: center; display: block; } @media all and (max-width: 1280px) { #searchform input[type=text] { height: 30px; } #searchform input[type=submit] { width: 38px; height: 38px; background-position: -35px 2px; } #searchform input[type=submit]:hover { /*background-position: 6px 2px;*/ } .news .layer-excerpt { width: 70%; } } /* Sidebar, Achieve, Categories-------------------------------------------------------------- */ .sidebar-container .bubble { padding: 65px 0px; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .sidebar-container .bubble .line-1 { font-size: 2.8em; font-weight: 400; line-height: 0.8em; color: #fff; } .sidebar-container .bubble .line-2 { font-size: 5em; font-weight: 600; letter-spacing: -0.05em; line-height: 0.8em; } .sidebar-container .bubble .line-3 { font-size: 2.2em; font-weight: 400; line-height: 0.8em; margin-left: 5px; } .sidebar-container #searchform { margin-top: 20px; margin-bottom: 20px; } .widget h3 { border-bottom: 1px solid #666; display: block; width: 96%; padding: 2%; } .widget_categories ul { padding: 0!important; margin: 0!important; list-style: none; text-align: center; vertical-align: top; margin-bottom: 20px!important; } .widget_categories ul li { display: inline-block; width: 46%; padding: 1%; margin: 0.2%; } .widget_categories ul li span { display: block; background-color: rgba(0,0,0,.15); text-transform: capitalize; padding: 2%; } .widget_categories ul li span.selected { background-color: #ffac00!important; color: #fff; font-weight: normal!important; } .widget_categories ul li span:hover { background-color: #fff; } .widget_categories ul li.cat-item-7 { float: right; margin: 0.2% 1.2% 0.2% 0.8%; } .widget_categories ul li.cat-item-7 span { padding: 6.1% 1%; } .widget_jal_widget ul.archive-list { padding: 0 10px 0 10px!important; margin: 0 0 20px!important; } .widget_jal_widget ul.archive-list ul { margin-left: 20px!important; } .widget_jal_widget ul.archive-list ul ul { margin-bottom: 10px; margin-left: 15px!important; } ul.archive-list { list-style: none; margin-left: 0; padding: 0; cursor: pointer; } ul.archive-list .jaw_months { list-style: none; } ul.archive-list .jaw_posts { list-style: none; } span.slash-tag + a { width: 85%; hyphens: auto; } span.jaw_symbol { display: none; } span.jaw_years { font-weight: bold; } span.slash-tag { color: #ffac00; } .bubble { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; text-align:center; font-weight:600; letter-spacing:-0.0625em;} .bubble.yellow {background:#ffac00;} @media all and (max-width: 1280px) { .sidebar-container .bubble { padding: 55px 0px; } .sidebar-container .bubble .line-1 { font-size: 2.5em; line-height: 0.8em; } .sidebar-container .bubble .line-2 { font-size: 4.5em; line-height: 0.8em; } .sidebar-container .bubble .line-3 { font-size: 2em; line-height: 0.8em; margin-left: 0px; } } /* Pagination -------------------------------------------------------------- */ .layer-clear{ clear: both; } .pagination { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .pagination .span-state { display: none; } .pagination ul { margin: 0!important; padding: 0!important; text-align: center; margin-bottom: 20px; } .pagination ul li { display: inline-block; margin: 5px; font-size: 1.2em; } .pagination ul li span { padding: 10px; } .pagination a { text-decoration: none; } .pagination li.previous a, .pagination li.next a { display: block; width: 60px; height: 60px; text-indent: -9999px; background: #000 url("img/layout/pagination-icon.png") no-repeat 0 0; opacity: .6; overflow: hidden; } .pagination li.previous a:hover, .pagination li.next a:hover { opacity: .8 } .pagination li.previous a { background-position: 10px 7px; } .pagination li.next a { background-position: -38px 7px; } .pagination li.previous { float: left; margin: 0; } .pagination li.next { float: right; margin: 0; } .pagination .span-state:hover { background-color: #333; } .layer-postnavi .panel-postnaviprev { float: left; text-align: left; width: 30%; } .layer-postnavi .panel-postnavinext { float: right; text-align: right; width: 30%; } .layer-postnavi { height: 30px; padding: 0 50px 15px; position: relative; text-align: center; } /* Login & Register Page-------------------------------------------------------------- */ #login_register_panel .fancywhite { padding: 50px; } #login_panel { background-color: #f5f5f5; padding: 5%; width: 29.1%%; } #login_register_panel input[type=text], #login_register_panel input[type=email], #login_register_panel input[type=password] { margin-bottom: 20px; } #login_panel input[type=text], #login_panel input[type=email], #login_panel input[type=password] { background-color: #fff; } #backtoblog { margin-top: 30px; clear: both; text-align: center; } @media all and (max-width: 700px) { #login_register_panel .fancywhite { padding: 20px; } #login_panel { width: 90%!important; margin-bottom: 30px; } } /* No Result Page-------------------------------------------------------------- */ #short-message-page{ padding: 100px 50px; min-height: 100px; text-align: center; } #extra-searchform{ display:none; } /* Post Listing Page -------------------------------------------------------------- */ #comments { display: none; } .news .post-date { position: absolute; right: 0; top: 0; } .news h1.entry-title { margin-top: 50px; } .news .entry-body { border-bottom: 0; } p.panel-readmore { margin: 30px 0 0; text-align: right; } .layer-thumbnail { float: left; margin: 0 20px 0 0; height: 156px; width: 156px; } .panel-image { width: 156px; height: 156px; } .panel-image a { display: block; height: 150px; width: 150px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .2); } .panel-image a img { -webkit-transition: all .5s ease-in-out; display: block; width: 100%; height: auto; max-width: 150px; max-height: 150px; padding: 0; border: 0; } .panel-image a img:hover { opacity: .8; -webkit-transform:scale(1.2) rotate(4deg); -moz-transform:scale(1.2) rotate(4deg); transform:scale(1.2) rotate(4deg); } .panel-image span { display: table-cell; height: 150px; text-align: center; vertical-align: middle; width: 150px; } .panel-image img { display: inline; max-height: 150px; max-width: 150px;} .layer-excerpt { float: right; width: 77%; } .sidebar-menu { width: 98%; margin-bottom: 20px; padding: 0.6em; border: 1px solid #ccc; -webkit-box-shadow: inset 0 5px 7px rgba(0,0,0,0.05); box-shadow: inset 0 5px 7px rgba(0,0,0,0.05); } /* Contact Us reCaptcha -------------------------------------------------------------- */ #contact-us-second-row table#recaptcha_table { background: white; width: 554px; } /* Style for category list at the sidebar .cat-item { margin-left:-40px; list-style:none; }li.cat-item span { cursor: pointer; }li.cat-item span:hover { color: #d63c23; }li.cat-item span.selected { font-weight: bold; color: #ffac00;}*//* Style for the comment box .nav-links { float: left; }.nav_and_comment { height:50px;}.nomnomcomment { cursor: pointer;}#comments { clear:both; }#commentform input.error, #commentform textarea.error { border: 1px solid #f99; background-color:#F5C9CF;}#commentform div.error, #commentform label.error { color: red; }#commentform div.errorlabels label { display: block; }*//* Style for the pagination of blog posts .nomnom-navigation { text-align: center; }.wp-paginate {padding:0; margin:auto; width:100%;}.wp-paginate li {display:inline; list-style:none;}.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}.wp-paginate .title {color:#555; margin-right:4px;}.wp-paginate .gap {color:#999; margin-right:4px;}.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}.wp-paginate .page {}.wp-paginate .prev, .wp-paginate .next {}*//* To break a super duper long & non-breaking text in the content area, so not to mess up with our design #content { -ms-word-wrap: break-word; word-wrap: break-word; }*//* To adjust the position of the navigation link in the page specially for viewing image attachment ( image.php ) #nav-single { float:right; }*/ /* .bubble.white {background:#fff;}.bubble.pink {background:#f4365b;}.bubble.blue {background:#a7d9f6;}.bubble.brown {background:#6a4a3c;}nav.tabbed {background:#dddddd; text-align:center; text-transform:uppercase; font-weight:200; letter-spacing:0.1625em;}nav.tabbed ul {margin:0 auto;}nav.tabbed ul li {display:inline; list-style:none; position:relative;}nav.tabbed a {display:inline-block; padding:20px 100px; text-decoration:none;}nav.tabbed a:visited, nav.tabbed a:link {background:#dddddd; color:#141414;}nav.tabbed a:hover, nav.tabbed a:focus {background:#fff; color:#ffac00;}nav.tabbed li.selected a {background:#fff; color:#ffac00;}.arrow-down{width: 0px;height: 0px;border-left: 20px solid transparent; border-right: 20px solid transparent;border-top: 20px solid #fff;font-size: 0px;line-height: 0px;margin:0;position: absolute;text-align: center;margin: 0 43%;visibility:hidden;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}nav.tabbed li.selected .arrow-down, nav.tabbed li:hover .arrow-down{visibility:visible;}#home-amplify {background:#fdedc6; height:auto;}#home-amplify .bubble {margin:20px; width:200px; height:200px; color:#fff; border-radius:200px;}#home-amplify .bubble.pink {background:#f4365b;}#home-amplify .bubble.yellow {background:#ffe400;}#home-amplify .bubble.blue {background:#a7d9f6;}#home-amplify .bubble.brown {background:#6a4a3c;}#home-amplify .logo1 {margin: 20px auto; width: 300px;} #home-amplify #logo2 {width:300px; margin:0 auto;}#home-amplify .circlenuffnang img {margin:-60px 360px;}#home-amplify .lightorange1 {position: absolute; padding: 70px 70px; border-radius: 90px; background-color: #fdedca; margin: -45px 350px;}#home-amplify .circlechurp2 img {margin:-45px 880px}#home-amplify .lightorange2 {position: absolute; padding: 70px 70px; border-radius: 90px; background-color: #fdedca; margin:-85px 870px;}#home-amplify ul{ list-style-type:none; margin:20px 0; padding:0;text-align: center;}#home-amplify ul li{display:inline-block; position:relative;}#home-amplify ul li h3{position: relative;top: 130px; font-weight:500;}.icon-brand, .icon-budget, .icon-objective, .icon-audience{position: absolute;left: 45px;top: 30px;}.icon-brand{background: url("img/amplify-icon-1.png") center center no-repeat; width:112px; height:88px;}.icon-budget{background: url("img/amplify-icon-2.png") center center no-repeat; width:112px; height:88px;}.icon-objective{background: url("img/amplify-icon-3.png") center center no-repeat; width:112px; height:88px;}.icon-audience{background: url("img/amplify-icon-4.png") center center no-repeat; width:112px; height:88px;}.amplify-graph{background:url("img/bg_circle.png") center top no-repeat, url("img/bg-crowd.png") center bottom no-repeat ;background-size: contain; height:auto; text-align:center; background-color:#ffac00;padding-bottom: 150px;}.amplify-graph .container{margin: 0 15%;}.company-logo{width:80%;height:140px;margin:-150px auto 0;}.company-logo .nuffnang-logo, .company-logo .churpchurp-logo{width:140px; height:140px; border-radius:140px;}.company-logo .nuffnang-logo{background:#fdedc6 url("img/nuffnang_logo.png") center center no-repeat;}.company-logo .churpchurp-logo{background:#fdedc6 url("img/churp2_logo.png") center center no-repeat;}.company-logo img{margin-top:150px;}.amplify-graph .white-buble{background: #fff;width: 250px;height: 250px;padding: 80px;border-radius: 460px;display: block; position:relative;margin:0 auto;}.amplify-graph .white-buble h2{color: #ffac00;margin: 0.3em; text-transform:uppercase;}.amplify-graph .icon-brand, .amplify-graph .icon-budget, .amplify-graph .icon-objective, .amplify-graph .icon-audience {width:80px;background-size:contain;} .amplify-graph .contest, .amplify-graph .event, .amplify-graph .blogger, .amplify-graph .celebrity, .amplify-graph .network, .amplify-graph .social-media, .amplify-graph .integrity{width: 450px;text-align: center;margin: 50px auto 0; position:relative;}.amplify-graph .contest{margin-top:100px;}.white-buble .icon-contest{background:url("img/amplify-contest-icon.png") center top no-repeat;height: 98px;padding-top: 130px;}.amplify-graph .icon-brand-mini{left: -70px;top: 90px;}.amplify-graph .icon-budget-mini{left: -70px;bottom: 90px;}.amplify-graph .icon-audience-mini{right: -70px;bottom: 90px;}.amplify-graph .icon-objective-mini{right: -70px;top: 90px;}.amplify-graph .blogger .icon-brand-mini{left: 250px;top: -80px;}.amplify-graph .blogger .icon-budget-mini{left: 150px;top: -80px;}.amplify-graph .blogger .icon-audience-mini{left: 35px;top: -50px;}.amplify-graph .blogger .icon-objective-mini{left: -30px;top: 40px;}.amplify-graph .celebrity .icon-brand-mini{left: 120px;top: -80px;}.amplify-graph .celebrity .icon-budget-mini{left: 230px;top: -80px;}.amplify-graph .celebrity .icon-audience-mini{right: 10px;top: -40px;}.amplify-graph .celebrity .icon-objective-mini{right: -30px;top: 40px;}.white-buble .icon-event{background:url("img/amplify-event-icon.png") center top no-repeat;height: 98px;padding-top: 130px;}.white-buble .icon-blogger{background:url("img/amplify-blogger-icon.png") center top no-repeat;height: 98px;padding-top: 120px;}.white-buble .icon-celebrity{background:url("img/amplify-celebrity-icon.png") center top no-repeat;height: 98px;padding-top: 120px;}.white-buble .icon-network{background:url("img/amplify-network-icon.png") center top no-repeat;height: 98px;padding-top: 130px;}.white-buble .icon-social-media{background:url("img/amplify-social-icon.png") center top no-repeat;height: 98px;padding-top: 100px;}.white-buble .icon-integrity{background:url("img/amplify-integrity-icon.png") center top no-repeat;height: 98px;padding-top: 120px;}.icon-brand-mini, .icon-budget-mini, .icon-objective-mini, .icon-audience-mini{position:absolute;width:126px;height:126px;}.icon-brand-mini{background:url("img/amplify-mini-icon-1.png") center center no-repeat;}.icon-budget-mini{background:url("img/amplify-mini-icon-2.png") center center no-repeat;}.icon-objective-mini{background:url("img/amplify-mini-icon-3.png") center center no-repeat;}.icon-audience-mini{background:url("img/amplify-mini-icon-4.png") center center no-repeat;}.amplify-graph .integrity .white-buble{margin-bottom:100px;} .amplify-graph .line-1, .amplify-graph .line-2, .amplify-graph .line-3, .amplify-graph .line-4, .amplify-graph .line-5, .amplify-graph .line-6, .amplify-graph .line-7, .amplify-graph .line-8{width: 43%;height: 250px;border: 5px dotted #000;position: absolute;margin: 60px auto;left: 50%;margin-left: -22%;}.amplify-graph .line-1{border-top:0;}.amplify-graph .line-2{width: 47%;height: 700px;margin-left: -24%;border-top: 0; border-bottom:0;}.amplify-graph .line-3{width: 51%;height: 1000px;margin-left: -26%;border-bottom: 0;border-top: 0;}.amplify-graph .line-4{width: 51%;height: 300px;margin-left: -26%;margin-top: 400px;border-top: 0;} .amplify-graph .line-5{width: 13%;height: 800px;margin-left: -16%;border-left: 0;margin-top: 350px;}.amplify-graph .line-6{width: 13%;height: 800px;margin-left: 2%;border-right: 0;margin-top: 350px;} .amplify-graph .line-7{width: 6%;height: 1100px;margin-left: -35%;border-right: 0;margin-top: 30px;} .amplify-graph .line-8{width: 6%;height: 1100px;margin-left: 29%;border-left: 0;margin-top: 30px;} @media all and (max-width:1300px) {.amplify-graph .container{margin: 0 10%;}.amplify-graph .line-7{width:2%;}.amplify-graph .line-8{width:2%;margin-left:33%;}}/* influentials #home-alphas {text-align:center;}#home-alphas #alphas-my, #home-alphas #alphas-sg {display:none;}#home-alphas #alphas-my.selected, #home-alphas #alphas-sg.selected {display:block !important;}#home-alphas ul.grid-2 {margin:20px auto; padding:0; width:1200px; overflow:hidden;}ul.grid-2, ul.grid-2 li {list-style:none;}ul.grid-2 {overflow:auto;}ul.grid-2 li {width: 31%;padding-bottom: 31%;display: inline-block;margin: 10px;position: relative;}ul.grid-2 .img-container{position: absolute;width: 100%;height: 100%;overflow: hidden;cursor: pointer;}ul.grid-2 .influencer-details{position: absolute;text-align: center;padding: 35% 5% 0;color: #fff;background: rgba(0,0,0,0.7);height: 90%;width: 90%;transition: 0.2s;-webkit-transition: 0.2s; display:none;}ul.grid-2 .influencer-details h3{color: #ffac00;font-size: 2em;}ul.grid-2 .influencer-details .link{background:url("img/icon-link.png") 40px center no-repeat;font-style:italic; padding-left:15px;}ul.grid-2 .influencer-details p.link:hover{color: #ffac00;}ul.grid-2 .influencer-details .category{margin:0;}ul.grid-2 .influencer-details hr{width:50px;}#home-intro .small {font-size: 200px;}#home-intro.normal .desc {display:none;}#home-intro.animationstop .desc {display:inline-block;}#home-intro.normal .bubble {top:50%; left:50%; padding:30px; position:absolute;}#home-intro #about-1.bubble {margin:-120px 0 0 -510px; width:130px; height:130px;}#home-intro #about-2.bubble {margin:-220px 0 0 -330px; width:150px; height:150px;}#home-intro #about-3.bubble {margin:-320px 0 0 -120px; width:200px; height:200px; }#home-intro #about-4.bubble {margin:-220px 0 0 140px; width:150px; height:150px;}#home-intro #about-5.bubble {margin:-120px 0 0 340px; width:130px; height:130px;}#home-intro #about-1.bubble .line-1 {font-size:1.3em; margin-top:25px;}#home-intro #about-1.bubble .line-2 {font-size:2.4em; color:#fff;}#home-intro #about-1.bubble .line-3 {font-size:1.6em;}#home-intro #about-2.bubble .line-1 {font-size:2.5em; margin-top:45px;}#home-intro #about-2.bubble .line-2 {font-size:1.0em; color:#ffac00;}#home-intro #about-3.bubble .line-1 {font-size:3.2em; margin-top:55px;}#home-intro #about-3.bubble .line-2 {font-size:2.6em; color:#fff;}#home-intro #about-4.bubble .line-1 {font-size:1.9em; margin-top:55px;}#home-intro #about-4.bubble .line-2 {font-size:1.0em; color:#ffac00;}#home-intro #about-5.bubble .line-1 {font-size:2.1em; margin-top:35px;}#home-intro #about-5.bubble .line-2 {font-size:1.0em; color:#fff;}*/ .clearfix::after{content:"";display:table;clear:both}